.brandstory{--story-rust:#ab5b32;--story-green:#133d2d;background:#fffdf5;color:#173d2e}
.brandstory figure{margin:0}.brandstory-eyebrow{display:block;font-size:10px;letter-spacing:.16em;font-weight:700;color:var(--story-rust);margin-bottom:15px}
.brandstory-hero{max-width:1260px;margin:auto;padding:112px 28px 32px;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:65px}
.brandstory-intro h1{font:700 clamp(46px,5.2vw,74px)/1.02 var(--sans);letter-spacing:-.06em;color:var(--story-green);margin:0 0 22px}.brandstory h1 em,.brandstory h2 em{font-family:var(--serif);font-weight:500;color:var(--story-rust)}
.brandstory-intro>p{max-width:500px;font-size:17px;line-height:1.65;color:#51685a;margin:0 0 13px}.brandstory-intro .brandstory-intro-small{font-size:14px;color:#768276;line-height:1.7}
.brandstory-hero-actions{display:flex;align-items:center;gap:22px;margin-top:23px;flex-wrap:wrap}.brandstory .button{min-height:44px;padding:12px 18px;border-radius:999px;font-size:12px}.brandstory-text-link{display:inline-flex;align-items:center;gap:12px;font-size:12px;font-weight:700;min-height:40px;color:#365a43}.brandstory-text-link:hover{text-decoration:underline}
.brandstory-hero-photo{position:relative;min-width:0;height:385px;padding-left:20px;margin-bottom:15px!important}.brandstory-main-photo{width:100%;height:100%;object-fit:cover;object-position:65% 65%;border-radius:170px 170px 18px 18px;filter:saturate(.85)}
.brandstory-photo-seal{position:absolute;right:-12px;top:15px;width:108px;height:108px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:#ebbd65;color:#183b2c;transform:rotate(8deg);font-size:8px;letter-spacing:.06em;line-height:1.2;border:6px solid #fffdf5}.brandstory-photo-seal>b{font-size:12px}.brandstory-photo-seal>span{font-size:16px;line-height:.7}
.brandstory .brandstory-package-photo{position:absolute;left:-12px;bottom:-15px;width:155px;height:155px;background:#fffdf5;padding:6px;border-radius:14px;transform:rotate(-6deg);box-shadow:0 10px 30px #133d2d22}.brandstory-package-photo img{width:100%;height:115px;object-fit:cover;object-position:center 47%;border-radius:9px}.brandstory-package-photo figcaption{text-align:center;font-size:10px;padding:7px 2px;color:#365a43;font-weight:700}.brandstory-photo-caption{position:absolute;right:14px;bottom:16px;font-size:8px;letter-spacing:.12em;color:#fff;text-shadow:0 1px 6px #000;font-weight:700}
.brandstory-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:0 max(28px,calc((100vw - 1204px)/2));background:#173f2e;color:#fff9e8}.brandstory-principles>div{display:flex;align-items:center;gap:16px;padding:17px 24px;border-right:1px solid #ffffff20}.brandstory-principles>div:first-child{padding-left:0}.brandstory-principles>div:last-child{border:0}.brandstory-principles>div>span{font:italic 29px/1 var(--serif);color:#ebbd65}.brandstory-principles p{margin:0;display:grid;gap:3px}.brandstory-principles b{font-size:13px}.brandstory-principles small{font-size:11px;color:#b8caba}
.brandstory-statement{max-width:1260px;margin:auto;padding:42px 28px;display:grid;grid-template-columns:.9fr 1.25fr;gap:70px;align-items:center;scroll-margin-top:24px}.brandstory h2{font:600 clamp(29px,3vw,40px)/1.12 var(--sans);letter-spacing:-.045em;color:#173d2e;margin:0}.brandstory-statement p{font-size:14px;color:#617365;line-height:1.8;margin:0 0 12px}.brandstory-statement p:last-child{margin:0}
.brandstory-process{max-width:1260px;margin:0 auto;padding:0 28px 42px;display:grid;grid-template-columns:.95fr 1.05fr;gap:48px;align-items:stretch}.brandstory-process>figure{position:relative;min-height:340px;border-radius:18px;overflow:hidden}.brandstory-process>figure>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:50% 63%}.brandstory-process>figure:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 30%,#102c20d9)}.brandstory-process figcaption{position:absolute;z-index:1;bottom:25px;left:25px;color:white}.brandstory-process figcaption>span{display:block;font-size:8px;letter-spacing:.13em;color:#e5d6b8;margin-bottom:10px}.brandstory-process figcaption>b{font:500 34px/1.05 var(--serif)}.brandstory-process>div{padding:7px 0}.brandstory-process .brandstory-eyebrow{margin-bottom:11px}.brandstory-process ol{list-style:none;margin:18px 0 0;padding:0}.brandstory-process li{display:grid;grid-template-columns:34px 1fr;gap:13px;border-top:1px solid #dce2d5;padding:14px 0}.brandstory-process li:last-child{padding-bottom:0}.brandstory-process li>span{font:italic 26px/1 var(--serif);color:#ab5b32}.brandstory-process h3{font:700 16px/1.2 var(--sans);margin:0 0 6px;color:#173d2e}.brandstory-process li p{font-size:13px;line-height:1.65;margin:0;color:#65766a}
.brandstory-family{padding:34px max(28px,calc((100vw - 1204px)/2));background:#f0f2e7;border-block:1px solid #e3e6d9}.brandstory-family>header{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:22px}.brandstory-family .brandstory-eyebrow{margin-bottom:11px}.brandstory-family-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.brandstory-family-grid>a{display:block;min-width:0;background:#fffdf7;border:1px solid #dce2d3;border-radius:15px;overflow:hidden;transition:border-color .2s,box-shadow .2s}.brandstory-family-grid>a:hover{border-color:#a9bd9f;box-shadow:0 8px 18px #173d2e12}.brandstory-family-image{height:150px;position:relative;overflow:hidden;background:#ece8da}.brandstory-family-image img{width:100%;height:100%;object-fit:cover;object-position:center 45%;transition:transform .3s}.brandstory-family-grid>a:hover img{transform:scale(1.035)}.brandstory-family-image>span{position:absolute;left:12px;top:12px;background:#fffdf5f2;padding:6px 9px;font-size:8px;letter-spacing:.09em;border-radius:999px;font-weight:700}.brandstory-family-copy{padding:16px}.brandstory-family-copy h3{font:700 20px/1.15 var(--sans);letter-spacing:-.025em;margin:0 0 8px}.brandstory-family-copy p{font-size:12px;color:#6b7a6d;line-height:1.6;margin:0 0 12px;max-width:290px}.brandstory-family-copy>span{display:flex;justify-content:space-between;font-size:10px;font-weight:700;border-top:1px solid #e1e6d9;padding-top:10px}
.brandstory-connect{display:flex;align-items:center;justify-content:space-between;gap:32px;max-width:1260px;margin:auto;padding:35px 28px}.brandstory-connect .brandstory-eyebrow{margin-bottom:10px}.brandstory-connect h2{font-size:32px}.brandstory-connect>div:last-child{display:grid;justify-items:start;gap:4px}
@media(max-width:1050px){.brandstory-hero{gap:28px;padding-top:110px}.brandstory-intro h1{font-size:54px}.brandstory-hero-photo{height:350px}.brandstory-hero-actions{gap:10px}.brandstory-process{gap:28px}.brandstory-statement{gap:35px}.brandstory-principles>div{padding-inline:16px}}
@media(max-width:700px){.brandstory-hero{padding:100px 20px 28px;grid-template-columns:1fr;gap:24px}.brandstory-intro h1{font-size:clamp(42px,10vw,56px);margin-bottom:16px}.brandstory-intro>p{font-size:15px;line-height:1.6;margin-bottom:10px}.brandstory-intro .brandstory-intro-small{font-size:13px}.brandstory-hero-actions{margin-top:16px;gap:8px 18px}.brandstory-hero-photo{height:285px;margin:0 10px 8px!important;padding-left:22px;max-width:490px;width:calc(100% - 20px)}.brandstory-photo-seal{right:-12px;width:92px;height:92px}.brandstory .brandstory-package-photo{width:126px;height:125px;left:0;bottom:-9px}.brandstory-package-photo img{height:87px}.brandstory-package-photo figcaption{font-size:9px}.brandstory-principles{padding:0 16px}.brandstory-principles>div{padding:13px 9px;gap:8px;align-items:start}.brandstory-principles>div>span{font-size:21px}.brandstory-principles b{font-size:11px}.brandstory-principles small{font-size:9px;line-height:1.4}.brandstory-statement{padding:28px 20px;grid-template-columns:1fr;gap:17px}.brandstory-statement h2{font-size:32px}.brandstory-statement p{font-size:13px;line-height:1.75}.brandstory-process{grid-template-columns:1fr;padding:0 20px 28px;gap:23px}.brandstory-process>figure{min-height:235px;max-height:235px}.brandstory-process h2{font-size:31px}.brandstory-process figcaption>b{font-size:30px}.brandstory-process li{padding:13px 0}.brandstory-family{padding:26px 20px}.brandstory-family>header{display:block;margin-bottom:16px}.brandstory-family h2{font-size:31px}.brandstory-family>header>a{margin-top:10px}.brandstory-family-grid{grid-template-columns:1fr;gap:12px}.brandstory-family-grid>a{display:grid;grid-template-columns:112px minmax(0,1fr)}.brandstory-family-image{height:100%;min-height:160px}.brandstory-family-image>span{left:6px;top:8px;font-size:7px;padding:5px 7px}.brandstory-family-copy{padding:14px}.brandstory-family-copy h3{font-size:19px}.brandstory-family-copy p{font-size:12px}.brandstory-family-copy>span{font-size:10px}.brandstory-connect{padding:27px 20px;display:grid;gap:17px}.brandstory-connect h2{font-size:30px}}
@media(max-width:360px){.brandstory-principles{padding:0 10px}.brandstory-principles>div{gap:5px;padding-inline:6px}.brandstory-principles small{display:none}.brandstory-principles b{font-size:10px}.brandstory-intro h1{font-size:41px}.brandstory-family-grid>a{grid-template-columns:96px minmax(0,1fr)}}