/* Cinematic brand experience. The catalogue keeps its direct buying flow. */
body.cinematic{background:#f3f4e9}.cinematic .announcement{display:none}.cinematic header{position:absolute;inset:0 0 auto;z-index:40;background:transparent;border-color:#ffffff25;color:#fff;backdrop-filter:none}.cinematic header .bar{height:100px}.cinematic header .desktop-nav a:after{background:#d7e7a5}.cinematic header .header-divider{background:#ffffff45}.cinematic header .basket-count{background:#d7e7a5;color:#153b2e}.cinematic header .wordmark{color:white}.cinematic .mobile-menu{background:#123025f2;border-color:#ffffff25}.cinematic .mobile-menu a{border-color:#ffffff25}
.cinematic-hero{height:100svh!important;min-height:740px!important;max-height:none!important;background:#112b20;color:white;isolation:isolate}.cinematic-hero:after{background:linear-gradient(90deg,#05170ed9 0%,#0b1c1270 55%,#07130f20),linear-gradient(0deg,#091e15c0,transparent 55%,#091e1570)!important;z-index:0}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1;will-change:transform;opacity:.9}.cinematic-hero .hero-inner{align-items:center;padding-top:85px}.cinematic-hero .hero-copy{max-width:1100px;padding-bottom:60px;will-change:transform,opacity}.cinematic-hero .hero-copy h1{font-size:clamp(85px,9.5vw,154px);line-height:.98;letter-spacing:-.075em;font-weight:600}.cinematic-hero .hero-copy h1 em{color:#d7e7a5}.cinematic-hero .hero-copy .eyebrow{color:#e2eccd;letter-spacing:.21em;font-size:9px;margin-bottom:30px}.cinematic-hero .hero-copy .eyebrow:before{box-shadow:0 0 0 5px #d7e7a51a;background:#d7e7a5}.cinematic-hero .hero-copy p{font-size:13px;max-width:360px;color:#d3dbcd;line-height:1.8;margin-top:27px}.cinematic-hero .hero-actions{gap:30px;margin-top:30px}.cinematic-hero .hero-actions .button{background:#d7e7a5;color:#153b2e;border-color:#d7e7a5;border-radius:50px;padding:17px 29px;gap:38px}.cinematic-hero .hero-actions .text-link{color:white;font-size:11px;gap:12px}.film-play{display:inline-grid;place-items:center;width:29px;height:29px;border-radius:50%;border:1px solid #ffffff70;font-size:8px}.cinematic-hero .hero-foot{bottom:37px;align-items:end}.cinematic-hero .hero-foot .scroll{font-size:8px;color:#dde6d3}.cinematic-hero .hero-foot .scroll span{border-color:#ffffff50}.hero-location{display:flex;flex-direction:column;gap:4px;text-align:right;font-size:10px;letter-spacing:.03em}.hero-location small{font-size:8px;letter-spacing:.12em;color:#d8e0ca}.hero-location>span{display:flex;align-items:center;justify-content:end;gap:8px}.hero-location i{width:5px;height:5px;border-radius:50%;background:#d7e7a5;box-shadow:0 0 0 4px #d7e7a519}.film-toggle{font-size:8px;color:#e1e8d8;letter-spacing:.03em;border:1px solid #ffffff40;padding:7px 12px;border-radius:30px;display:inline-flex;gap:8px;margin-top:12px;align-self:end}.hero-index{position:absolute;right:48px;top:45%;font-size:8px;letter-spacing:.14em;writing-mode:vertical-rl;display:flex;gap:35px;align-items:center;color:#dce6d2;z-index:3}.hero-index:before{content:'';height:75px;width:1px;background:#ffffff45}.hero-index b{font-weight:400;color:#9fae8b}.hero-film-loading{position:absolute;inset:0;object-fit:cover;width:100%;height:100%;z-index:-2}.brand-marquee{background:#d7e7a5;overflow:hidden;padding:18px 0;color:#153b2e;border-bottom:1px solid #b8ca91}.marquee-track{display:flex;gap:45px;width:max-content;animation:marquee 40s linear infinite;align-items:center}.marquee-track span{font-size:12px;letter-spacing:.18em;font-weight:600}.marquee-track i{width:7px;height:7px;border:1px solid #647c42;transform:rotate(45deg);display:inline-block}@keyframes marquee{to{transform:translateX(-50%)}}
.scroll-story{height:300svh;background:#0e281d;position:relative;color:white;isolation:isolate}.story-sticky{height:100svh;min-height:600px;position:sticky;top:0;overflow:hidden}.story-visual{position:absolute;inset:0;clip-path:inset(15% 20% round 18px);will-change:clip-path;z-index:-2;background:#183d2b}.story-visual video,.story-visual img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.story-visual video{opacity:.75}.story-scrim{position:absolute;inset:0;background:linear-gradient(0deg,#081d15cc,transparent 60%,#0e281d70),#05120b35;z-index:-1}.story-top{position:absolute;top:45px;left:48px;right:48px;display:flex;justify-content:space-between;gap:20px;font-size:8px;letter-spacing:.16em;color:#c7d6b6}.story-top .eyebrow{font-size:8px}.story-copy{position:absolute;left:0;right:0;top:0;bottom:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:50px}.story-line{position:absolute;opacity:0;transition:opacity .6s ease,transform .8s cubic-bezier(.2,.8,.2,1);will-change:transform,opacity;max-width:1100px;pointer-events:none}.story-line:first-child{opacity:1}.story-line h2{font-size:clamp(60px,7.4vw,120px);letter-spacing:-.065em;line-height:1.03;color:#f6f9ee}.story-line h2 em{font-style:normal;color:#d7e7a5}.story-line p{color:#c6d6ba;font-size:12px;margin:28px auto 0;max-width:340px;line-height:1.8}.story-line .text-link{font-size:11px;color:#e2edcf;margin-top:26px;pointer-events:auto}.story-bottom{position:absolute;bottom:40px;left:48px;right:48px;display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:40px;align-items:end;color:#b6cba5;font-size:8px}.story-count{font-size:42px;line-height:1.1;font-weight:500;letter-spacing:-.06em;color:#e3edcf}.story-count small{display:block;font-size:8px;letter-spacing:.14em;color:#b6cba5;margin-top:10px}.chapter-track{display:flex;gap:8px;padding-bottom:4px}.chapter-track span{height:2px;flex:1;background:#ffffff25;position:relative;overflow:hidden}.chapter-track span i{position:absolute;left:0;top:0;height:2px;background:#d7e7a5;width:0;transition:width .1s linear}.story-bottom>span:last-child{text-align:right;letter-spacing:.1em}.story-skip{position:absolute;right:48px;top:95px;color:#c7d6b6;font-size:8px;border-bottom:1px solid #62795c;padding:5px 0}.scroll-reveal{opacity:0;transform:translateY(46px);transition:opacity .9s cubic-bezier(.2,.8,.2,1),transform .9s cubic-bezier(.2,.8,.2,1);transition-delay:var(--reveal-delay,0ms)}.scroll-reveal.is-visible{opacity:1;transform:none}.intro-line .word{transition:color .15s;display:inline-block;color:#c9cfc0;margin-right:.22em}.intro-line .word.lit{color:#153b2e}.range-card{border-radius:3px}.range-card:after{content:'↗';position:absolute;right:28px;bottom:27px;font-size:26px;opacity:0;transform:translateY(20px);transition:.4s}.range-card:hover:after{opacity:1;transform:none}.range-card img{will-change:transform}
.macro-scene{height:210svh;background:#e9eddc;position:relative;isolation:isolate}.macro-sticky{position:sticky;top:0;height:100svh;min-height:650px;overflow:hidden;display:flex;align-items:center;justify-content:center}.macro-top{position:absolute;top:45px;left:48px;right:48px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.16em;z-index:5;color:#60754d}.macro-title{position:absolute;top:18%;left:8%;z-index:3;will-change:transform}.macro-title h2{font-size:clamp(55px,5.7vw,88px);line-height:1.04;letter-spacing:-.065em}.macro-title h2 em{font-style:normal;color:#7f9458}.macro-title p{font-size:11px;max-width:220px;margin-top:22px;line-height:1.9}.macro-word{position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);color:#d4ddc3;font-size:18vw;font-weight:700;letter-spacing:-.08em;white-space:nowrap;pointer-events:none}.macro-product{position:absolute;object-fit:contain;mix-blend-mode:multiply;will-change:transform}.macro-product.one{width:36%;height:66%;left:35%;top:24%;transform:rotate(-18deg)}.macro-product.two{width:24%;height:48%;right:4%;top:25%;transform:rotate(20deg)}.macro-info{position:absolute;right:8%;bottom:12%;width:245px;z-index:4}.macro-info .eyebrow{font-size:8px;margin-bottom:17px}.macro-info h3{font-size:23px;line-height:1.22;letter-spacing:-.04em}.macro-info p{font-size:10px;margin:13px 0 18px;line-height:1.8}.macro-info .button{border-radius:30px;min-height:44px;font-size:10px;padding:13px 19px}.macro-tag{position:absolute;bottom:16%;left:8%;font-size:8px;color:#6b7d57;letter-spacing:.11em;z-index:5}.macro-tag:before{content:'+';width:23px;height:23px;border:1px solid #a8ba91;border-radius:50%;display:inline-grid;place-items:center;font-size:16px;margin-right:10px}.macro-dots{position:absolute;bottom:44px;left:48px;right:48px;height:1px;background:#c4cfb5}.macro-dots span{display:block;height:1px;background:#507238;width:0;transition:width .15s}.dog-moment{height:620px;background:#e6e0d4;position:relative;overflow:hidden}.dog-moment>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 25%;will-change:transform}.dog-moment:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#e7e2d8,transparent 65%)}.dog-copy{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center}.dog-copy .eyebrow{font-size:8px;margin-bottom:25px}.dog-copy h2{font-size:70px;max-width:650px;line-height:1.05}.dog-copy p{font-size:12px;max-width:270px;margin-top:25px}.film-inline-link{display:flex;gap:16px;align-items:center;margin-top:27px;font-size:11px;color:#c5d9b5}.film-inline-link .film-play{width:39px;height:39px}.film-modal{background:#0b2119!important;color:white!important;width:min(1200px,calc(100% - 32px))!important}.film-modal .modal-inner{padding:0}.film-modal .close-button{z-index:3;background:#132e23d9;border-color:#78936a;color:white;right:20px;top:20px}.full-film{width:100%;display:block;max-height:85svh;background:#091f15}.film-caption{display:flex;justify-content:space-between;font-size:10px;padding:18px 25px;color:#d1dfc0}.film-caption a{border-bottom:1px solid #647a53}.motion-hint{position:fixed;right:25px;bottom:24px;z-index:34;color:#b3c4a5;font-size:8px;letter-spacing:.1em;mix-blend-mode:difference;pointer-events:none}
@media(min-width:1600px){.cinematic-hero .hero-copy h1{font-size:154px}.cinematic-hero .hero-copy{padding-bottom:20px}.cinematic-hero .hero-copy p{font-size:14px}}
@media(max-width:1000px){.cinematic-hero .hero-copy h1{font-size:106px}.cinematic-hero .hero-copy{max-width:780px}.hero-index{right:22px}.story-top,.macro-top{left:32px;right:32px}.story-bottom{left:32px;right:32px;gap:20px}.macro-info{right:5%;width:210px}.macro-title{left:5%}.macro-title h2{font-size:65px}.macro-product.one{width:40%;left:31%}.macro-product.two{right:-4%;width:29%}.dog-copy h2{font-size:57px;max-width:500px}.dog-moment{height:550px}}
@media(max-width:600px){.cinematic header .bar{height:83px}.cinematic-hero{height:100svh!important;min-height:730px!important}.cinematic-hero .hero-inner{align-items:center;padding-top:50px}.cinematic-hero .hero-copy{padding:0 0 40px;max-width:100%}.cinematic-hero .hero-copy h1{font-size:73px;line-height:1;letter-spacing:-.075em}.cinematic-hero .hero-copy .eyebrow{font-size:6px;letter-spacing:.17em;max-width:280px;line-height:1.8;margin-bottom:25px}.cinematic-hero .hero-copy p{font-size:11px;max-width:265px;margin-top:25px}.cinematic-hero .hero-actions{gap:18px;align-items:start;flex-direction:column;margin-top:27px}.cinematic-hero .hero-actions .button{font-size:10px;min-height:46px;padding:13px 22px;gap:27px}.cinematic-hero .hero-actions .text-link{font-size:10px}.cinematic-hero .hero-foot{bottom:72px;align-items:end}.cinematic-hero .hero-foot .scroll{display:flex;font-size:6px;gap:8px;max-width:150px}.cinematic-hero .hero-foot .scroll span{width:26px;height:26px;flex-shrink:0;font-size:13px}.hero-location{font-size:8px;max-width:170px}.hero-location small{font-size:6px;letter-spacing:.1em}.film-toggle{font-size:7px;padding:6px 9px}.hero-index{right:18px;top:25%;font-size:6px;gap:20px}.hero-index:before{height:35px}.hero-video{object-position:57% center;opacity:.85}.brand-marquee{padding:15px 0}.marquee-track{gap:25px}.marquee-track span{font-size:8px}.scroll-story{height:260svh}.story-sticky{min-height:620px}.story-top{top:28px;left:20px;right:20px;font-size:6px;letter-spacing:.1em}.story-top .eyebrow{font-size:6px}.story-top>span:last-child{max-width:110px;text-align:right}.story-copy{padding:20px}.story-line{padding:0 20px;width:100%}.story-line h2{font-size:53px;line-height:1.05;letter-spacing:-.065em}.story-line p{font-size:10px;max-width:255px;margin-top:23px}.story-line .text-link{font-size:10px}.story-skip{right:20px;top:65px;font-size:7px}.story-bottom{left:20px;right:20px;bottom:75px;gap:20px;grid-template-columns:1fr 1fr}.story-bottom>span:last-child{display:none}.story-count{font-size:37px}.story-count small{font-size:6px;max-width:150px;line-height:1.8}.chapter-track{padding-bottom:15px;gap:5px}.story-visual{clip-path:inset(12% 7% round 12px)}.macro-scene{height:200svh}.macro-sticky{min-height:700px}.macro-top{top:27px;left:20px;right:20px;font-size:6px;letter-spacing:.1em;gap:10px}.macro-top span:last-child{text-align:right;max-width:120px}.macro-title{top:13%;left:20px}.macro-title h2{font-size:53px}.macro-title p{font-size:10px;max-width:190px;margin-top:15px}.macro-word{font-size:28vw;top:47%}.macro-product.one{width:65%;height:42%;left:8%;top:32%}.macro-product.two{width:47%;height:32%;right:-4%;top:42%}.macro-info{right:20px;bottom:13%;width:180px}.macro-info .eyebrow{font-size:6px;margin-bottom:12px}.macro-info h3{font-size:20px}.macro-info p{font-size:9px;margin:10px 0 15px}.macro-info .button{font-size:9px;min-height:38px;padding:10px 15px;gap:13px}.macro-tag{bottom:18%;left:20px;font-size:6px;max-width:110px;line-height:1.8}.macro-tag:before{width:18px;height:18px;margin-right:5px;font-size:12px}.macro-dots{bottom:75px;left:20px;right:20px}.dog-moment{height:640px}.dog-moment>img{height:70%;top:auto;bottom:0;object-position:65% center}.dog-moment:after{background:linear-gradient(180deg,#e7e2d8 10%,#e7e2d8 28%,transparent 70%)}.dog-copy{justify-content:start;padding-top:45px}.dog-copy h2{font-size:43px;max-width:340px}.dog-copy p{font-size:10px;margin-top:20px;max-width:220px}.dog-copy .eyebrow{font-size:7px;margin-bottom:18px}.film-caption{font-size:8px;padding:15px;gap:15px}.film-inline-link{font-size:10px}.motion-hint{display:none}.film-modal .close-button{right:10px;top:10px}.scroll-reveal{transform:translateY(30px)}}
@media(prefers-reduced-motion:reduce){.scroll-reveal{opacity:1;transform:none}.brand-marquee .marquee-track{animation:none}.scroll-story,.macro-scene{height:auto}.story-sticky{position:relative;min-height:1000px;height:auto}.story-copy{position:relative;display:grid;gap:55px;padding:130px 25px}.story-line{position:relative;opacity:1!important;transform:none!important}.story-line h2{font-size:45px}.story-bottom,.story-skip{display:none}.story-visual{clip-path:none!important}.macro-sticky{position:relative;height:850px}.hero-copy{transform:none!important;opacity:1!important}.hero-video{display:none}.intro-line .word{color:#153b2e}}
@media(max-width:600px){.cinematic-hero .hero-copy h1{font-size:clamp(56px,16vw,64px)}}
