/* Product-led direction: a bold shelf display and a scroll-controlled collection. */
:root{--color-primary:#164936;--color-accent:#103929;--color-text:#123a2a;--color-muted:#667365}
body{background:#f8f8f0}.hero-section{position:relative;background:#e5ecc8;padding:80px 0 100px;min-height:700px}.hero-grid{grid-template-columns:1fr 1fr;gap:40px}.hero-title{font-size:clamp(60px,6.8vw,104px);line-height:.98;letter-spacing:-6px;max-width:650px}.hero-title span{color:inherit}.hero-badge{font-size:12px;letter-spacing:0;text-transform:none}.hero-description{max-width:440px;font-size:16px}.hero-shelf{height:500px;position:relative;perspective:1200px;isolation:isolate}.hero-shelf::before{content:'';position:absolute;width:420px;height:420px;background:#f6ce4d;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);z-index:-1}.shelf-pack{position:absolute;background:white;border-radius:18px;box-shadow:0 18px 45px #16493620;padding:20px;transition:box-shadow .3s;will-change:transform}.shelf-pack img{width:100%;height:100%;object-fit:contain;display:block;border-radius:10px}.shelf-pack.one{width:65%;height:300px;left:3%;top:8%;transform:translateY(var(--pack-one-y,0px)) rotate(-12deg)}.shelf-pack.two{width:50%;height:270px;right:0;top:0;transform:translateY(var(--pack-two-y,0px)) rotate(11deg)}.shelf-pack.three{width:56%;height:250px;right:4%;bottom:0;transform:translateY(var(--pack-three-y,0px)) rotate(4deg)}.shelf-pack:hover{z-index:4;box-shadow:0 25px 70px #16493640}.shelf-caption{position:absolute;left:0;bottom:8px;font-size:12px;max-width:170px;line-height:1.7}.scroll-cue{display:flex;align-items:center;gap:12px;font-size:11px;margin-top:32px;color:#405b3c}.scroll-cue span{width:35px;height:35px;border:1px solid #5d744c;border-radius:50%;display:grid;place-items:center;animation:cue-bob 1.8s ease-in-out infinite}
.brand-ticker{background:#164936;color:#f2f6df;padding:20px 0;overflow:hidden}.ticker-track{display:flex;gap:45px;white-space:nowrap;width:max-content;animation:ticker-drift 32s linear infinite}.ticker-track span{font-family:Manrope,sans-serif;font-size:22px;font-weight:700;display:flex;align-items:center;gap:45px}.ticker-track span::after{content:'✳';color:#d2e38a}.brand-ticker:hover .ticker-track{animation-play-state:paused}.brands-section{padding:55px 0}.brands-section h2{font-size:28px!important;letter-spacing:-.8px}.brand-choice .brand-badge-card{border:1px solid #dbe0cd;border-radius:12px;background:#fff}.brand-choice .brand-badge-card:hover{background:#e9efda;transform:translateY(-3px)}
.collection-journey{background:#164936;color:#f4f6df;position:relative}.collection-sticky{padding:60px 0;overflow:hidden}.collection-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:32px}.collection-heading h2{font-size:clamp(35px,4vw,60px);line-height:1.1;letter-spacing:-2px;max-width:700px}.collection-heading p{font-size:12px;max-width:160px;color:#c3d3b5}.collection-window{overflow:hidden;border-radius:22px}.collection-track{display:flex;gap:0;will-change:transform}.collection-panel{flex:0 0 100%;display:grid;grid-template-columns:1.1fr 1fr;gap:40px;min-height:390px;padding:40px;background:#e8edce;color:#123a2a;align-items:center}.collection-panel:nth-child(2){background:#edd6b1}.collection-panel:nth-child(3){background:#c8dce7}.collection-panel h3{font-size:clamp(34px,3.8vw,58px);line-height:1.05;letter-spacing:-2px;margin:18px 0}.collection-panel p{max-width:350px;line-height:1.8;font-size:14px}.collection-panel img{height:300px;width:100%;object-fit:contain;mix-blend-mode:multiply;transform:translateY(var(--collection-image-y,0px)) rotate(var(--collection-image-rotate,-4deg));transition:transform .1s linear}.collection-panel .btn{margin-top:22px}.collection-label{font-size:11px;text-transform:uppercase;letter-spacing:1px}.collection-steps{display:flex;gap:10px;align-items:center;margin-top:24px}.collection-step{border:0;background:#ffffff30;color:#e8eed9;border-radius:25px;padding:9px 17px;font-family:inherit;font-size:12px;cursor:pointer;transition:background .3s,color .3s}.collection-step[aria-pressed=true]{background:#e5edb3;color:#164936}.collection-meter{height:2px;flex:1;background:#ffffff30;margin-left:20px;overflow:hidden}.collection-meter span{display:block;width:100%;height:100%;background:#d6e584;transform:scaleX(var(--journey-progress,0));transform-origin:left}.collection-journey.is-pinned{height:260vh}.is-pinned .collection-sticky{position:sticky;top:0;height:100vh;display:flex;align-items:center}.is-pinned .collection-sticky>.container{width:100%}
.catalog-section{padding:90px 0}.section-title-wrap h2{font-size:clamp(40px,4.6vw,66px);letter-spacing:-2.5px}.category-tile{border-radius:0;background:transparent!important;border:0;border-top:1px solid #bec9ad;min-height:125px;padding:22px 8px}.category-tile:hover{background:#edf1de!important}.category-number{display:none}.category-tile strong{font-size:17px;max-width:220px}.product-card,.detail-card{border-radius:8px;border:0;background:#fff;box-shadow:0 1px 0 #d4ddc5;padding:18px}.product-thumb-wrap{border-radius:4px;background:#f5f6ee}.product-card .product-thumb{height:260px}.product-card:hover,.detail-card:hover{box-shadow:0 18px 40px #16493618}.product-title{font-size:20px;letter-spacing:-.5px}.product-story h2{font-size:34px}.editorial-band{background:#e3eac8;color:#123a2a}.editorial-band img{object-fit:contain;background:#fff;padding:40px}.editorial-band p,.editorial-band a{color:#33543b}.contact-section{background:#e7edd2}.contact-card-info,.contact-card-form{border-radius:8px}.main-footer{background:#123a2a}.product-footer>strong{font-family:Manrope,sans-serif;font-size:clamp(32px,5vw,70px);letter-spacing:-3px}.title-word{display:inline-block;overflow:hidden;vertical-align:bottom}.title-word>span{display:inline-block;transform:translateY(0)}.motion-enabled .hero-title .title-word>span{animation:word-rise 1s cubic-bezier(.2,.7,.2,1) both;animation-delay:var(--word-delay,0ms)}.motion-enabled .hero-shelf{animation:shelf-enter 1.3s cubic-bezier(.2,.7,.2,1) both}.image-wipe{clip-path:inset(10% 10% 10% 10% round 25px);transition:clip-path 1.1s cubic-bezier(.2,.7,.2,1)}.image-wipe.revealed{clip-path:inset(0 round 0)}
.collection-journey:not(.is-pinned) .collection-track{display:block}.collection-journey:not(.is-pinned) .collection-panel{margin-bottom:20px}.collection-journey:not(.is-pinned) .collection-steps{display:none}.scroll-cue{text-decoration:none}.collection-heading h2{color:#f4f6df}.hero-title{font-size:clamp(60px,5.7vw,90px);letter-spacing:-4px}.title-line{display:block}.hero-title .title-word>span{font-size:inherit;line-height:inherit;letter-spacing:inherit}.motion-enabled .reveal{transform:translateY(45px);transition-duration:.85s}.motion-enabled .reveal.revealed{transform:none}.collection-panel a:focus-visible,.shelf-pack:focus-visible{outline:3px solid #f2c744;outline-offset:5px}
@keyframes ticker-drift{to{transform:translateX(-50%)}}@keyframes cue-bob{50%{transform:translateY(5px)}}@keyframes word-rise{from{transform:translateY(115%) rotate(3deg)}to{transform:none}}@keyframes shelf-enter{from{opacity:0;transform:translateY(60px) rotate(5deg) scale(.9)}to{opacity:1;transform:none}}
@media(max-height:800px) and (min-width:901px){.collection-sticky{padding:25px 0}.collection-panel{min-height:290px;padding:25px 40px}.collection-panel img{height:240px}.collection-heading{margin-bottom:20px}.collection-heading h2{font-size:42px}}
@media(max-width:900px){.hero-section{padding:45px 0 65px;min-height:0}.hero-grid{grid-template-columns:1fr;gap:20px}.hero-title{font-size:clamp(58px,10vw,82px);letter-spacing:-3px;max-width:650px}.hero-shelf{height:400px;max-width:580px;width:100%;margin:20px auto}.hero-shelf::before{width:330px;height:330px}.shelf-pack.one{height:260px}.shelf-pack.two{height:230px}.shelf-pack.three{height:220px}.collection-heading{display:block}.collection-heading p{max-width:none;margin-top:15px}.collection-track{display:block;transform:none!important}.collection-panel{min-height:0;border-radius:15px;margin-bottom:20px;padding:25px;gap:25px}.collection-panel img{height:230px}.collection-steps{display:none}.collection-sticky{padding:40px 0}.collection-journey.is-pinned{height:auto}.is-pinned .collection-sticky{position:static;height:auto}.product-card .product-thumb{height:230px}}
@media(max-width:550px){.hero-title{font-size:56px;letter-spacing:-3px}.hero-shelf{height:330px}.hero-shelf::before{width:270px;height:270px}.shelf-pack{padding:12px;border-radius:10px}.shelf-pack.one{height:200px}.shelf-pack.two{height:180px}.shelf-pack.three{height:170px}.shelf-caption{font-size:10px;max-width:100px}.scroll-cue{margin-top:20px}.ticker-track span{font-size:17px}.collection-panel{grid-template-columns:1fr;gap:10px}.collection-panel img{height:200px;grid-row:1}.collection-panel h3{font-size:37px;margin:12px 0}.collection-panel p{font-size:13px}.section-title-wrap h2{font-size:40px;letter-spacing:-1.5px}.catalog-section{padding:45px 0}.collection-heading h2{font-size:38px;letter-spacing:-1.5px}.product-footer>strong{letter-spacing:-1px}}
@media(prefers-reduced-motion:reduce){.ticker-track{animation:none}.scroll-cue span{animation:none}.hero-shelf,.hero-title .title-word>span{animation:none!important}.image-wipe{clip-path:none}.shelf-pack{transform:none!important}.collection-panel img{transform:none!important}.collection-journey.is-pinned{height:auto}.is-pinned .collection-sticky{position:static;height:auto}.collection-track{display:block;transform:none!important}.collection-panel{margin-bottom:20px}.collection-steps{display:none}}
