:root{--paper:#f6f5f0;--cream:#fffefa;--gold:#eed19a;--green:#153d33}
.topbar{backdrop-filter:blur(14px);background:rgba(17,40,31,.3)}
.section-heading{gap:1.5rem}.section-heading h2{font-size:clamp(2.3rem,4.5vw,4.6rem)}
.catalog-filters{display:flex;gap:.6rem;flex-wrap:wrap;max-width:1240px;margin:0 auto 1.8rem}.filter{min-height:46px;padding:.6rem 1.3rem;border:1px solid #d5dbd4;border-radius:99px;background:transparent;color:var(--green);font-weight:650;cursor:pointer}.filter.active{background:var(--green);color:white;border-color:var(--green)}
.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4rem}
.product-card{padding:0 1.4rem 1.4rem;border:1px solid #e1e5dd;border-radius:22px;box-shadow:0 5px 20px #153d3305;min-height:0;transition:transform .25s,box-shadow .25s}
.product-card[hidden]{display:none}.product-card:hover{transform:translateY(-5px);box-shadow:0 18px 35px #153d3315}
.product-visual{margin:0 -1.4rem 1.3rem;aspect-ratio:4/3;overflow:hidden;background-color:#eee7dc}.product-visual img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.product-card:hover .product-visual img{transform:scale(1.045)}
.atlas{background-image:url('/assets/img/spice-atlas.png');background-size:400% 300%;background-position:var(--px) var(--py);background-repeat:no-repeat}
.product-card .origin{margin-bottom:.3rem;font-size:.63rem}.product-card h3{font-family:var(--sans);font-size:1.25rem;font-weight:700;letter-spacing:-.035em;margin:.35rem 0 .8rem}.product-card>p:not(.origin){font-size:.9rem;line-height:1.65;margin-bottom:1.3rem}
.select-product{align-self:stretch;border:1px solid #d9e1d9;border-radius:12px;padding:.8rem;background:#f3f6f0;text-align:center;min-height:48px;font-size:.85rem}.select-product:hover{background:var(--green);color:white}.selected .select-product{background:var(--green);color:white}.product-card.selected{border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green)}
.button{border-radius:12px}.story-photo-wrap img,.story-photo-wrap:before{border-radius:24px}.notice{border-radius:0 16px 16px 0}.step-grid li{border-top:2px solid #becabd}.community{background:linear-gradient(120deg,#153d33,#245b48)}
@media(max-width:900px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:580px){.product-grid{grid-template-columns:1fr;gap:1.2rem}.product-visual{aspect-ratio:4/3}.section-heading{gap:1rem}.catalog-filters{gap:.4rem}.filter{padding:.6rem .85rem;font-size:.85rem}.hero{min-height:760px}.section{padding-top:3.5rem;padding-bottom:3.5rem}}
.welcome-band{position:relative;isolation:isolate;min-height:480px;display:flex;align-items:center;justify-content:flex-end;overflow:hidden;background:#18372d;padding:5rem 9%;color:#fff}
.welcome-band>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:40% 28%;z-index:-2}
.welcome-band:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,transparent 20%,rgba(12,33,25,.35) 48%,rgba(12,33,25,.92) 100%)}
.welcome-band:before{content:"";position:absolute;z-index:2;inset:0;pointer-events:none;background:var(--cream);clip-path:polygon(0 0,100% 0,100% 3%,85% 5%,70% 2%,55% 4%,39% 2%,22% 5%,8% 3%,0 5%,0 95%,16% 97%,30% 94%,46% 97%,61% 95%,78% 98%,93% 95%,100% 97%,100% 100%,0 100%)}
.welcome-band-copy{max-width:480px;padding:1rem 0}.welcome-band h2{font-size:clamp(2.8rem,5vw,5rem);margin-bottom:1.2rem}.welcome-band-copy>p:not(.eyebrow){font-size:1.12rem;max-width:410px}.welcome-band .button{margin-top:.8rem}
@media(max-width:580px){.welcome-band{min-height:560px;align-items:flex-end;padding:12rem 1.2rem 3.5rem}.welcome-band>img{object-position:33% top}.welcome-band:after{background:linear-gradient(0deg,rgba(12,33,25,.97),rgba(12,33,25,.6) 48%,rgba(12,33,25,.08) 100%)}.welcome-band-copy{max-width:100%}.welcome-band .button{width:100%}}
.story-feature{position:relative;isolation:isolate;overflow:hidden;background:#14372f;color:#fff;display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:640px;padding:5rem clamp(1.2rem,6vw,6rem);gap:3rem}
.story-backdrop{position:absolute;z-index:-2;left:0;top:0;width:58%;height:100%;object-fit:cover;object-position:48% center}
.story-feature:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,transparent 22%,rgba(20,55,47,.18) 35%,#14372f 58%)}
.story-feature .story-copy{grid-column:2;max-width:610px}.story-feature .eyebrow.dark{color:#eed19a}.story-feature h2{font-size:clamp(2.5rem,4.3vw,4.7rem)}.story-feature .story-copy>p:not(.eyebrow){color:#e1e9e4}.story-feature blockquote{margin:1.6rem 0;padding-left:1.2rem;border-left:2px solid #eed19a;font:italic 1.2rem/1.55 var(--serif);color:#f7edda}.story-feature .text-link{display:inline-flex;align-items:center;min-height:48px;color:#eed19a}
@media(max-width:900px){.story-feature{grid-template-columns:1fr;min-height:0;padding:390px 1.5rem 3.5rem;gap:0}.story-backdrop{width:100%;height:440px;object-position:50% 28%}.story-feature:after{background:linear-gradient(180deg,transparent 220px,rgba(20,55,47,.22) 290px,#14372f 435px)}.story-feature .story-copy{grid-column:1;max-width:680px;margin:auto}.story-feature h2{font-size:clamp(2.5rem,7vw,4rem)}}
@media(max-width:580px){.story-feature{padding-top:335px}.story-backdrop{height:380px;object-position:50% 22%}.story-feature:after{background:linear-gradient(180deg,transparent 200px,rgba(20,55,47,.35) 275px,#14372f 375px)}}
@media(prefers-reduced-motion:reduce){.product-card,.product-visual img{transition:none}}