.page-hero{min-height:520px;color:white;padding:115px 12vw 70px;display:flex;justify-content:space-between;align-items:end;gap:50px;position:relative;overflow:hidden;isolation:isolate;background:var(--forest)}.page-hero>p{max-width:300px;line-height:1.7;font-size:16px;color:#e6ecdf}.story{padding:135px 12vw;display:grid;grid-template-columns:.65fr 1.35fr;gap:10vw}.story h2{font-size:clamp(38px,4.7vw,66px);line-height:1.06;letter-spacing:-.055em;max-width:800px}.story div>p{max-width:600px;color:var(--muted);line-height:1.8;margin:34px 0 0;font-size:16px}.values{padding:0 5.4vw 135px;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#d6d9cd}.values article{background:var(--paper);padding:45px 38px;min-height:260px}.values span{color:#709845;font-size:11px;font-weight:700;letter-spacing:.1em}.values h3{font-size:28px;margin:46px 0 14px;letter-spacing:-.035em}.values p{color:var(--muted);font-size:14px;line-height:1.7;margin:0}.mission{padding:115px 12vw;background:var(--forest);color:#fff}.mission h2{font-size:clamp(38px,4.7vw,66px);line-height:1.07;letter-spacing:-.055em;max-width:820px}.mission>p:not(.eyebrow){max-width:560px;line-height:1.8;color:#dde7da;margin:28px 0}.contact-page{display:grid;grid-template-columns:1.2fr .8fr;min-height:690px}.contact-page>div{padding:115px 12vw}.contact-page h1{color:var(--forest);font-size:clamp(43px,5vw,72px)}.contact-page h1 em{color:#6a9142}.form-intro{color:var(--muted);line-height:1.7;max-width:420px;margin:24px 0 38px}form{max-width:540px;display:grid;gap:18px}label{font-size:12px;font-weight:700;color:var(--ink);display:grid;gap:8px}input,textarea{font:inherit;border:0;border-bottom:1px solid #b7bdb4;background:transparent;padding:10px 0;outline:0;border-radius:0}input:focus,textarea:focus{border-color:var(--forest)}textarea{height:84px;resize:vertical}form .button{justify-self:start;border:0;margin-top:10px;cursor:pointer}.form-message{font-size:12px;margin:0;color:#4d762f}.contact-page aside{background:var(--forest);color:#fff;padding:115px 8vw 50px}.contact-page aside>div{padding:18px 0;border-bottom:1px solid rgba(255,255,255,.18);display:grid;gap:6px}.contact-page aside span{color:var(--lime);font-size:10px;letter-spacing:.13em;text-transform:uppercase;font-weight:700}.contact-page aside a{font:500 21px 'Playfair Display',serif}.contact-page aside p{line-height:1.6;margin:0;font-size:13px;color:#dce7da}.contact-page aside small{display:block;margin-top:30px;color:#c9d3c5}.product-hero{min-height:455px;padding:36px 12vw 75px;background:var(--forest);color:#fff;display:flex;flex-direction:column;justify-content:space-between}.crumb{font-size:12px;font-weight:700;color:var(--lime)}.product-hero h1{font-size:clamp(58px,7vw,108px);letter-spacing:-.065em}.product-hero p:not(.eyebrow){max-width:455px;line-height:1.7;color:#dfe9db;margin:18px 0 0}.product-content{padding:120px 12vw;display:grid;grid-template-columns:.8fr 1.2fr;gap:9vw}.product-content h2{font-size:40px;line-height:1.1;letter-spacing:-.05em}.product-content>div>p:not(.eyebrow){color:var(--muted);line-height:1.75;font-size:14px}.product-content .text-link{display:inline-block;margin-top:16px}.product-groups{display:grid;gap:28px}.product-groups section{border-top:1px solid #c9cfc5;padding-top:15px}.product-groups h3{font:600 16px 'DM Sans',sans-serif;color:#5e863b;margin:0 0 17px;text-transform:uppercase;letter-spacing:.09em}.product-groups ul{list-style:none;padding:0;margin:0;columns:2;gap:30px}.product-groups li{font:500 16px 'Playfair Display',serif;margin:0 0 13px;break-inside:avoid}.product-groups li:before{content:'—';color:#7ca94a;margin-right:8px}.next-category{padding:40px 12vw 70px;background:var(--sand);display:flex;justify-content:space-between;align-items:center}.next-category p{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.next-category a{font:600 clamp(26px,3vw,42px) 'Playfair Display',serif;letter-spacing:-.045em}.next-category b{color:#648b3a;font-family:'DM Sans'}@media(max-width:760px){.page-hero{padding:85px 27px 45px;min-height:520px;display:block}.page-hero>p{margin-top:36px}.story{padding:80px 27px;display:block}.story div{margin-top:28px}.values{padding:0 20px 80px;grid-template-columns:1fr;gap:1px}.values article{min-height:0;padding:34px 28px}.values h3{margin:28px 0 12px}.mission{padding:75px 27px}.contact-page{grid-template-columns:1fr}.contact-page>div,.contact-page aside{padding:75px 27px}.product-hero{padding:27px 27px 60px;min-height:400px}.product-content{padding:78px 27px;display:block}.product-content>div:first-child{margin-bottom:50px}.product-groups ul{columns:1}.next-category{padding:30px 27px;display:block}.next-category p{margin:0 0 12px}}

.page-hero:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(11,44,31,.91),rgba(11,44,31,.45)),url('images/about-hero.jpg') center/cover;transform:scale(1.04);animation:heroDrift 14s ease-in-out infinite alternate}
.page-hero>*,.product-hero>*{position:relative;z-index:1}
.page-hero .eyebrow,.page-hero h1,.page-hero>p,.product-hero .crumb,.product-hero .eyebrow,.product-hero h1,.product-hero #product-lede{opacity:0;transform:translateY(22px);animation:riseIn .9s cubic-bezier(.22,1,.36,1) forwards}
.page-hero h1,.product-hero h1{animation-delay:.12s}
.page-hero>p,.product-hero #product-lede{animation-delay:.24s}
.product-hero .crumb{animation-delay:0s}
.product-hero .eyebrow{animation-delay:.08s}
.values article,.product-groups section,.contact-page>div>*,.contact-page aside>div,.contact-page aside>p,.contact-page aside>small{transition:transform .45s ease,opacity .45s ease}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1)}
.reveal.in{opacity:1;transform:none}
.reveal-delay-1{transition-delay:.08s}
.reveal-delay-2{transition-delay:.16s}
.reveal-delay-3{transition-delay:.24s}
.values article.reveal{transform:translateY(36px)}
.mission.reveal{transform:translateY(20px)}
@keyframes heroDrift{to{transform:scale(1.12)}}
@keyframes riseIn{to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.page-hero:before,.page-hero .eyebrow,.page-hero h1,.page-hero>p,.product-hero .crumb,.product-hero .eyebrow,.product-hero h1,.product-hero #product-lede{animation:none;opacity:1;transform:none}.reveal{opacity:1;transform:none;transition:none}}
