/* Pacific Flight family constellation: inner products gather within the small ring; outer family products drift around the large ring and all objects respond to pointer offset. */
.hero-family-constellation{--orbit-x:0;--orbit-y:0;position:relative;z-index:4;justify-self:center;width:min(48vw,620px);aspect-ratio:1;isolation:isolate;touch-action:none}.hero-family-constellation__outer-ring,.hero-family-constellation__inner-ring{position:absolute;z-index:0;border:1px solid rgba(255,249,232,.66);border-radius:50%;pointer-events:none}.hero-family-constellation__outer-ring{inset:3%;transform:translate(calc(var(--orbit-x)*-8px),calc(var(--orbit-y)*-8px)) rotate(-11deg);transition:transform .55s cubic-bezier(.23,1,.32,1)}.hero-family-constellation__inner-ring{inset:22%;border-style:dashed;transform:translate(calc(var(--orbit-x)*12px),calc(var(--orbit-y)*12px)) rotate(16deg);transition:transform .55s cubic-bezier(.23,1,.32,1)}.hero-family-constellation__label{position:absolute;z-index:5;bottom:1.5%;left:50%;margin:0;padding:.34rem .45rem;background:#ff5d2a;color:#fff9e8;font:800 7px var(--font-mono);letter-spacing:.09em;white-space:nowrap;transform:translateX(-50%) rotate(-6deg)}.hero-family-constellation__object{position:absolute;z-index:2;display:grid;place-items:center;transition:transform .55s cubic-bezier(.23,1,.32,1);will-change:transform}.hero-family-constellation__object img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(15px 18px 16px rgba(0,0,0,.35));animation:family-orbit-float 4.2s ease-in-out infinite}.hero-family-constellation__object--inner{width:20%;height:20%}.hero-family-constellation__object--outer{width:20%;height:20%}.hero-family-constellation__object--truffle-dubai{left:31%;top:24%;transform:translate(calc(var(--orbit-x)*18px),calc(var(--orbit-y)*18px)) rotate(-9deg)}.hero-family-constellation__object--truffle-dark{right:28%;top:37%;transform:translate(calc(var(--orbit-x)*15px),calc(var(--orbit-y)*15px)) rotate(12deg)}.hero-family-constellation__object--gummy-pineapple{left:38%;bottom:24%;transform:translate(calc(var(--orbit-x)*17px),calc(var(--orbit-y)*17px)) rotate(7deg)}.hero-family-constellation__object--gummy-cherry{right:39%;bottom:17%;transform:translate(calc(var(--orbit-x)*14px),calc(var(--orbit-y)*14px)) rotate(-14deg)}.hero-family-constellation__object--honey{left:5%;top:20%;width:23%;height:23%;transform:translate(calc(var(--orbit-x)*-25px),calc(var(--orbit-y)*-25px)) rotate(-10deg)}.hero-family-constellation__object--chewz{right:4%;top:13%;width:22%;height:22%;transform:translate(calc(var(--orbit-x)*-24px),calc(var(--orbit-y)*-24px)) rotate(11deg)}.hero-family-constellation__object--bars{right:8%;bottom:9%;width:23%;height:23%;transform:translate(calc(var(--orbit-x)*-28px),calc(var(--orbit-y)*-28px)) rotate(8deg)}.hero-family-constellation__object--truffle-dark img{animation-delay:-1s}.hero-family-constellation__object--gummy-pineapple img{animation-delay:-2s}.hero-family-constellation__object--gummy-cherry img{animation-delay:-2.7s}.hero-family-constellation__object--honey img{animation-delay:-.6s}.hero-family-constellation__object--chewz img{animation-delay:-1.8s}.hero-family-constellation__object--bars img{animation-delay:-3.1s}@keyframes family-orbit-float{0%,100%{translate:0 -.32rem}50%{translate:0 .34rem}}@media(max-width:900px){.hero-family-constellation{position:absolute;top:13%;right:-5%;width:62vw}.hero-family-constellation__label{font-size:5px}.hero-family-constellation__object--outer{width:23%;height:23%}.hero-family-constellation__object--honey{left:3%;top:17%}.hero-family-constellation__object--chewz{right:0;top:12%}.hero-family-constellation__object--bars{right:4%;bottom:7%}}
/* Pacific Flight truffle package orbit: the interactive GLB truffle occupies the central circle; every surrounding image is packaging-only and receives pointer parallax. Expanded v4 adds a 1.8× model, 1.5× packages, and a PBC triangle. */
.hero-truffle-package-orbit{--orbit-x:0;--orbit-y:0;position:relative;z-index:4;justify-self:center;width:min(49vw,630px);aspect-ratio:1;isolation:isolate;touch-action:none}.hero-truffle-package-orbit__outer-ring,.hero-truffle-package-orbit__inner-ring{position:absolute;border:1px solid rgba(255,249,232,.7);border-radius:50%;pointer-events:none}.hero-truffle-package-orbit__outer-ring{inset:2%;transform:translate(calc(var(--orbit-x)*-9px),calc(var(--orbit-y)*-9px)) rotate(-12deg);transition:transform .55s cubic-bezier(.23,1,.32,1)}.hero-truffle-package-orbit__inner-ring{inset:28%;border-style:dashed;transform:translate(calc(var(--orbit-x)*11px),calc(var(--orbit-y)*11px)) rotate(14deg);transition:transform .55s cubic-bezier(.23,1,.32,1)}.hero-truffle-package-orbit__model{position:absolute;z-index:6;inset:30%;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle,rgba(255,203,103,.2),rgba(14,49,50,.08) 63%,transparent 70%)}.hero-truffle-package-orbit__model .truffle-discovery{width:100%;height:100%;margin:0}.hero-truffle-package-orbit__model .truffle-discovery__stage{height:100%;cursor:grab}.hero-truffle-package-orbit__model .truffle-discovery p,.hero-truffle-package-orbit__model .truffle-discovery button{display:none}.hero-truffle-package-orbit__label{position:absolute;z-index:9;bottom:1%;left:50%;margin:0;padding:.36rem .48rem;background:#ff5d2a;color:#fff9e8;font:800 7px var(--font-mono);letter-spacing:.09em;white-space:nowrap;transform:translateX(-50%) rotate(-5deg)}.hero-truffle-package-orbit__package{position:absolute;z-index:3;width:12%;height:12%;display:grid;place-items:center;transition:transform .55s cubic-bezier(.23,1,.32,1);will-change:transform}.hero-truffle-package-orbit__package img{display:block;width:100%;height:100%;object-fit:contain;transform:scale(2.5);transform-origin:center;filter:drop-shadow(12px 16px 14px rgba(0,0,0,.38));animation:truffle-pack-float 4.3s ease-in-out infinite}.hero-truffle-package-orbit__package--dubai{left:35%;top:5%;transform:translate(calc(var(--orbit-x)*18px),calc(var(--orbit-y)*18px)) rotate(-10deg)}.hero-truffle-package-orbit__package--dark{right:17%;top:11%;transform:translate(calc(var(--orbit-x)*16px),calc(var(--orbit-y)*16px)) rotate(11deg)}.hero-truffle-package-orbit__package--pineapple{right:2%;top:40%;transform:translate(calc(var(--orbit-x)*-21px),calc(var(--orbit-y)*-21px)) rotate(-7deg)}.hero-truffle-package-orbit__package--cherry{right:18%;bottom:10%;transform:translate(calc(var(--orbit-x)*-23px),calc(var(--orbit-y)*-23px)) rotate(9deg)}.hero-truffle-package-orbit__package--honey{left:35%;bottom:3%;transform:translate(calc(var(--orbit-x)*-20px),calc(var(--orbit-y)*-20px)) rotate(-8deg)}.hero-truffle-package-orbit__package--chewz{left:9%;bottom:18%;transform:translate(calc(var(--orbit-x)*22px),calc(var(--orbit-y)*22px)) rotate(10deg)}.hero-truffle-package-orbit__package--bars{left:1%;top:40%;transform:translate(calc(var(--orbit-x)*23px),calc(var(--orbit-y)*23px)) rotate(-10deg)}.hero-truffle-package-orbit__package--dark img{animation-delay:-.8s}.hero-truffle-package-orbit__package--pineapple img{animation-delay:-1.6s}.hero-truffle-package-orbit__package--cherry img{animation-delay:-2.4s}.hero-truffle-package-orbit__package--honey img{animation-delay:-3.1s}.hero-truffle-package-orbit__package--chewz img{animation-delay:-1.1s}.hero-truffle-package-orbit__package--bars img{animation-delay:-2.7s}@keyframes truffle-pack-float{0%,100%{translate:0 -.32rem}50%{translate:0 .36rem}}@media(max-width:900px){.hero-truffle-package-orbit{position:absolute;top:12%;right:-5%;width:65vw}.hero-truffle-package-orbit__package{width:13%;height:13%}.hero-truffle-package-orbit__label{font-size:5px}.hero-truffle-package-orbit__model{inset:30%}.hero-truffle-package-orbit__package img{transform:scale(2.5)}}
.hero-truffle-package-orbit--expanded{width:min(59vw,780px)}
.hero-truffle-package-orbit--expanded .hero-truffle-package-orbit__model{inset:22%;transform:scale(1.8);transform-origin:center}
.hero-truffle-package-orbit--expanded .hero-truffle-package-orbit__package{width:8%;height:8%;z-index:7}
.hero-truffle-package-orbit--expanded .hero-truffle-package-orbit__package img{transform:scale(1.5)}
.hero-truffle-package-orbit--expanded .hero-truffle-package-orbit__package--sour-drops{left:12%;top:16%;transform:translate(calc(var(--orbit-x)*19px),calc(var(--orbit-y)*19px)) rotate(-13deg)}
.hero-truffle-package-orbit--expanded .hero-truffle-package-orbit__package--crunchy{left:23%;top:2%;transform:translate(calc(var(--orbit-x)*16px),calc(var(--orbit-y)*16px)) rotate(-8deg)}
.hero-truffle-package-orbit--expanded .hero-truffle-package-orbit__package--stellar{left:50%;top:1%;transform:translate(calc(var(--orbit-x)*-16px),calc(var(--orbit-y)*-16px)) rotate(8deg)}
.hero-truffle-package-orbit--expanded .hero-truffle-package-orbit__package--cookies{right:5%;top:21%;transform:translate(calc(var(--orbit-x)*-20px),calc(var(--orbit-y)*-20px)) rotate(10deg)}
.hero-truffle-package-orbit--expanded .hero-truffle-package-orbit__package--bonfire{right:4%;bottom:23%;transform:translate(calc(var(--orbit-x)*-21px),calc(var(--orbit-y)*-21px)) rotate(-9deg)}
.hero-truffle-package-orbit--expanded .hero-truffle-package-orbit__package--pbc-white{left:30%;top:32%;z-index:8;transform:translate(calc(var(--orbit-x)*8px),calc(var(--orbit-y)*8px)) rotate(-12deg)}
.hero-truffle-package-orbit--expanded .hero-truffle-package-orbit__package--pbc-milk{right:30%;top:32%;z-index:8;transform:translate(calc(var(--orbit-x)*-8px),calc(var(--orbit-y)*8px)) rotate(12deg)}
.hero-truffle-package-orbit--expanded .hero-truffle-package-orbit__package--pbc-dark{left:46%;bottom:25%;z-index:8;transform:translate(calc(var(--orbit-x)*4px),calc(var(--orbit-y)*-8px)) rotate(-2deg)}
.hero-truffle-package-orbit--expanded .hero-truffle-package-orbit__package--sour-drops img{animation-delay:-.6s}.hero-truffle-package-orbit--expanded .hero-truffle-package-orbit__package--crunchy img{animation-delay:-1.4s}.hero-truffle-package-orbit--expanded .hero-truffle-package-orbit__package--stellar img{animation-delay:-2.1s}.hero-truffle-package-orbit--expanded .hero-truffle-package-orbit__package--cookies img{animation-delay:-2.9s}.hero-truffle-package-orbit--expanded .hero-truffle-package-orbit__package--bonfire img{animation-delay:-3.6s}.hero-truffle-package-orbit--expanded .hero-truffle-package-orbit__package--pbc-white img{animation-delay:-1.8s}.hero-truffle-package-orbit--expanded .hero-truffle-package-orbit__package--pbc-milk img{animation-delay:-2.5s}.hero-truffle-package-orbit--expanded .hero-truffle-package-orbit__package--pbc-dark img{animation-delay:-3.2s}
@media(max-width:900px){.hero-truffle-package-orbit--expanded{width:78vw;right:-13%;top:9%}.hero-truffle-package-orbit--expanded .hero-truffle-package-orbit__model{inset:24%;transform:scale(1.45)}.hero-truffle-package-orbit--expanded .hero-truffle-package-orbit__package{width:9%;height:9%}.hero-truffle-package-orbit--expanded .hero-truffle-package-orbit__package img{transform:scale(1.5)}.hero-truffle-package-orbit--expanded .hero-truffle-package-orbit__label{font-size:4px}}
.hero-truffle-package-orbit--restored-geometry{width:min(49vw,630px)}
.hero-truffle-package-orbit--restored-geometry .hero-truffle-package-orbit__outer-ring{inset:2%}
.hero-truffle-package-orbit--restored-geometry .hero-truffle-package-orbit__inner-ring{inset:19%}
.hero-truffle-package-orbit--restored-geometry .hero-truffle-package-orbit__model{inset:19%;transform:none}
.hero-truffle-package-orbit--restored-geometry .hero-truffle-package-orbit__package{width:10%;height:10%;z-index:7}
.hero-truffle-package-orbit--restored-geometry .hero-truffle-package-orbit__package img{transform:scale(4.5)}
.hero-truffle-package-orbit--restored-geometry .hero-truffle-package-orbit__package--fruit-punch-box{left:-3%;top:14%;transform:translate(calc(var(--orbit-x)*23px),calc(var(--orbit-y)*23px)) rotate(-9deg)}
.hero-truffle-package-orbit--restored-geometry .hero-truffle-package-orbit__package--strawberry-box{right:-4%;top:13%;transform:translate(calc(var(--orbit-x)*-23px),calc(var(--orbit-y)*23px)) rotate(10deg)}
.hero-truffle-package-orbit--restored-geometry .hero-truffle-package-orbit__package--watermelon-box{left:-4%;bottom:18%;transform:translate(calc(var(--orbit-x)*23px),calc(var(--orbit-y)*-23px)) rotate(8deg)}
.hero-truffle-package-orbit--restored-geometry .hero-truffle-package-orbit__package--max-huckleberry-box{right:-3%;bottom:17%;transform:translate(calc(var(--orbit-x)*-23px),calc(var(--orbit-y)*-23px)) rotate(-10deg)}
.hero-truffle-package-orbit--restored-geometry .hero-truffle-package-orbit__package--fruit-punch-box img{animation-delay:-.4s}.hero-truffle-package-orbit--restored-geometry .hero-truffle-package-orbit__package--strawberry-box img{animation-delay:-1.2s}.hero-truffle-package-orbit--restored-geometry .hero-truffle-package-orbit__package--watermelon-box img{animation-delay:-2.2s}.hero-truffle-package-orbit--restored-geometry .hero-truffle-package-orbit__package--max-huckleberry-box img{animation-delay:-3.4s}
@media(max-width:900px){.hero-truffle-package-orbit--restored-geometry{width:65vw;right:-5%;top:12%}.hero-truffle-package-orbit--restored-geometry .hero-truffle-package-orbit__model{inset:19%;transform:none}.hero-truffle-package-orbit--restored-geometry .hero-truffle-package-orbit__package{width:10%;height:10%}.hero-truffle-package-orbit--restored-geometry .hero-truffle-package-orbit__package img{transform:scale(4.5)}}
.hero-truffle-package-orbit--curated-v9 .hero-truffle-package-orbit__model{z-index:60}
.hero-truffle-package-orbit--curated-v9 .hero-truffle-package-orbit__package img{transform:scale(3.825)}
@media(max-width:900px){.hero-truffle-package-orbit--curated-v9 .hero-truffle-package-orbit__model{z-index:60}.hero-truffle-package-orbit--curated-v9 .hero-truffle-package-orbit__package img{transform:scale(3.825)}}
.hero-truffle-package-orbit--front-only-v10 .hero-truffle-package-orbit__model{z-index:60}
.hero-truffle-package-orbit--front-only-v10 .hero-truffle-package-orbit__package--inner{width:6%;height:6%;z-index:12}
.hero-truffle-package-orbit--front-only-v10 .hero-truffle-package-orbit__package--outer{width:9%;height:9%;z-index:7}
.hero-truffle-package-orbit--front-only-v10 .hero-truffle-package-orbit__package--inner img{transform:scale(2.6)}
.hero-truffle-package-orbit--front-only-v10 .hero-truffle-package-orbit__package--outer img{transform:scale(3.825)}
.hero-truffle-package-orbit--front-only-v10 .hero-truffle-package-orbit__package--inner-pineapple{left:46%;top:21%;transform:translate(calc(var(--orbit-x)*10px),calc(var(--orbit-y)*10px)) rotate(-8deg)}
.hero-truffle-package-orbit--front-only-v10 .hero-truffle-package-orbit__package--inner-cherry{right:26%;top:34%;transform:translate(calc(var(--orbit-x)*-10px),calc(var(--orbit-y)*10px)) rotate(8deg)}
.hero-truffle-package-orbit--front-only-v10 .hero-truffle-package-orbit__package--inner-fruit-punch{right:31%;bottom:26%;transform:translate(calc(var(--orbit-x)*-10px),calc(var(--orbit-y)*-10px)) rotate(-6deg)}
.hero-truffle-package-orbit--front-only-v10 .hero-truffle-package-orbit__package--inner-strawberry{left:31%;bottom:26%;transform:translate(calc(var(--orbit-x)*10px),calc(var(--orbit-y)*-10px)) rotate(7deg)}
.hero-truffle-package-orbit--front-only-v10 .hero-truffle-package-orbit__package--inner-chewz{left:25%;top:34%;transform:translate(calc(var(--orbit-x)*10px),calc(var(--orbit-y)*10px)) rotate(-7deg)}
.hero-truffle-package-orbit--front-only-v10 .hero-truffle-package-orbit__package--outer-dubai{left:44%;top:2%;transform:translate(calc(var(--orbit-x)*18px),calc(var(--orbit-y)*18px)) rotate(-8deg)}
.hero-truffle-package-orbit--front-only-v10 .hero-truffle-package-orbit__package--outer-dark{right:16%;top:12%;transform:translate(calc(var(--orbit-x)*-18px),calc(var(--orbit-y)*18px)) rotate(8deg)}
.hero-truffle-package-orbit--front-only-v10 .hero-truffle-package-orbit__package--outer-giggle{right:1%;top:45%;transform:translate(calc(var(--orbit-x)*-20px),calc(var(--orbit-y)*0px)) rotate(-8deg)}
.hero-truffle-package-orbit--front-only-v10 .hero-truffle-package-orbit__package--outer-crunchy{right:17%;bottom:10%;transform:translate(calc(var(--orbit-x)*-18px),calc(var(--orbit-y)*-18px)) rotate(8deg)}
.hero-truffle-package-orbit--front-only-v10 .hero-truffle-package-orbit__package--outer-stellar{left:17%;bottom:10%;transform:translate(calc(var(--orbit-x)*18px),calc(var(--orbit-y)*-18px)) rotate(-8deg)}
.hero-truffle-package-orbit--front-only-v10 .hero-truffle-package-orbit__package--outer-pbc-max{left:1%;top:45%;transform:translate(calc(var(--orbit-x)*20px),calc(var(--orbit-y)*0px)) rotate(8deg)}
@media(max-width:900px){.hero-truffle-package-orbit--front-only-v10 .hero-truffle-package-orbit__package--inner{width:6%;height:6%}.hero-truffle-package-orbit--front-only-v10 .hero-truffle-package-orbit__package--outer{width:9%;height:9%}.hero-truffle-package-orbit--front-only-v10 .hero-truffle-package-orbit__package--inner img{transform:scale(2.6)}.hero-truffle-package-orbit--front-only-v10 .hero-truffle-package-orbit__package--outer img{transform:scale(3.825)}}
.hero-truffle-package-orbit--inner-relief-v11 .hero-truffle-package-orbit__package--inner img{transform:scale(3.9)}
.hero-truffle-package-orbit--inner-relief-v11 .hero-truffle-package-orbit__package--inner-pineapple{left:47%;top:29%;transform:translate(calc(var(--orbit-x)*8px),calc(var(--orbit-y)*8px)) rotate(-6deg)}
.hero-truffle-package-orbit--inner-relief-v11 .hero-truffle-package-orbit__package--inner-cherry{right:29%;top:38%;transform:translate(calc(var(--orbit-x)*-8px),calc(var(--orbit-y)*8px)) rotate(6deg)}
.hero-truffle-package-orbit--inner-relief-v11 .hero-truffle-package-orbit__package--inner-fruit-punch{right:34%;bottom:28%;transform:translate(calc(var(--orbit-x)*-8px),calc(var(--orbit-y)*-8px)) rotate(-5deg)}
.hero-truffle-package-orbit--inner-relief-v11 .hero-truffle-package-orbit__package--inner-strawberry{left:34%;bottom:28%;transform:translate(calc(var(--orbit-x)*8px),calc(var(--orbit-y)*-8px)) rotate(5deg)}
.hero-truffle-package-orbit--inner-relief-v11 .hero-truffle-package-orbit__package--inner-chewz{left:29%;top:38%;transform:translate(calc(var(--orbit-x)*8px),calc(var(--orbit-y)*8px)) rotate(-6deg)}
@media(max-width:900px){.hero-truffle-package-orbit--inner-relief-v11 .hero-truffle-package-orbit__package--inner img{transform:scale(3.9)}}
/* Design reminder — River to Rainier: warm, food-first hike; one family owns the air for each stage, then a quiet return without products. */
.river-rainier{--rr-cream:#fff6e3;--rr-orange:#ff5d2a;position:relative;min-height:100vh;overflow:clip;background:#142a31;color:var(--rr-cream)}.river-rainier__film-layer{position:fixed;z-index:0;inset:0;background:#17333a;overflow:hidden}.river-rainier__film{position:absolute;width:100%;height:100%;object-fit:cover;transition:opacity .8s var(--ease-out);opacity:.82}.river-rainier__film--return{opacity:0}.river-rainier.is-returning .river-rainier__film--ascent{opacity:0}.river-rainier.is-returning .river-rainier__film--return{opacity:.83}.river-rainier__wash{position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,26,30,.79),rgba(17,42,42,.26) 31%,rgba(10,36,33,.38) 67%,rgba(10,22,34,.88))}.river-rainier__content{position:relative;z-index:1}.river-rainier__hero{position:relative;display:grid;min-height:100svh;align-content:center;padding:8.5rem clamp(1.3rem,10vw,12rem) 5rem;overflow:hidden}.river-rainier__hero-copy{position:relative;z-index:3;max-width:51rem}.river-rainier__hero-copy h1{max-width:9.5ch;margin:1rem 0 1.5rem;font:700 clamp(4.8rem,10vw,12rem)/.76 var(--font-display);letter-spacing:-.11em}.river-rainier__hero-copy h1 em,.river-rainier__copy h2 em,.river-rainier__intro h2 em,.river-rainier__return-intro h2 em,.river-rainier__finish h2 em{color:#ffbd43}.river-rainier__hero-copy>p:not(.eyebrow){max-width:36rem;color:#e6eee5;font-size:clamp(.95rem,1.25vw,1.08rem);line-height:1.76}.river-rainier__hero-copy>a,.river-rainier__summit a{display:inline-flex;align-items:center;gap:.55rem;margin-top:1.5rem;padding:.86rem 1rem;background:var(--rr-orange);color:#fff8e9;font:800 9px var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.river-rainier__hero-map{position:absolute;z-index:2;right:clamp(5%,12vw,15%);top:22%;display:flex;align-items:center;flex-direction:column;gap:.12rem;color:#ffbd43;font:800 10px var(--font-mono);letter-spacing:.08em}.river-rainier__hero-map>span{display:grid;width:2.8rem;aspect-ratio:1;place-items:center;border-radius:50%;border:1px solid #ffbd43;background:rgba(15,43,42,.5)}.river-rainier__hero-map>i{width:2px;height:5.2vh;background:linear-gradient(#ffbd43,transparent)}.river-rainier__hero-map>b{display:grid;gap:.5rem;width:4.3rem;aspect-ratio:1;place-content:center;border:1px dashed #ffbd43;border-radius:50%;color:#fff6e3;transform:rotate(-12deg)}.river-rainier__hero-map small{position:absolute;top:36%;left:5.5rem;width:10rem;color:#fff6e3;font:800 7px var(--font-mono);letter-spacing:.08em;line-height:1.45}.river-rainier__hero-foot{position:absolute;right:clamp(1.3rem,4vw,4rem);bottom:1.3rem;left:clamp(1.3rem,10vw,12rem);display:flex;justify-content:space-between;color:#e7eee5;font:700 8px var(--font-mono);letter-spacing:.09em}.river-rainier__intro{display:grid;grid-template-columns:1.15fr .85fr;gap:4rem;padding:clamp(6rem,12vw,12rem);background:rgba(255,246,227,.96);color:#17323a;backdrop-filter:blur(8px)}.river-rainier__intro h2,.river-rainier__return-intro h2,.river-rainier__finish h2{margin:0;font:700 clamp(4rem,7vw,8.8rem)/.78 var(--font-display);letter-spacing:-.1em}.river-rainier__intro>p:not(.eyebrow){align-self:end;max-width:32rem;margin:0;color:#53666a;line-height:1.8}.river-rainier__stage{position:relative;display:grid;min-height:100svh;grid-template-columns:1fr 1fr;align-items:center;padding:clamp(7rem,11vw,11rem) clamp(1.3rem,10vw,12rem);overflow:hidden;isolation:isolate}.river-rainier__stage::before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(108deg,rgba(15,45,57,.84),rgba(18,67,79,.29) 58%,rgba(7,31,40,.2))}.river-rainier__stage--cacao::before{background:linear-gradient(108deg,rgba(64,31,24,.86),rgba(104,58,39,.32) 58%,rgba(30,14,19,.25))}.river-rainier__stage--forest::before{background:linear-gradient(108deg,rgba(25,67,46,.84),rgba(116,184,83,.25) 58%,rgba(14,45,32,.26))}.river-rainier__stage--grove::before{background:linear-gradient(108deg,rgba(81,49,28,.84),rgba(156,111,54,.27) 58%,rgba(45,28,17,.25))}.river-rainier__stage--alpine::before{background:linear-gradient(108deg,rgba(26,50,77,.84),rgba(104,181,201,.26) 58%,rgba(18,35,60,.25))}.river-rainier__stage--cacao{grid-template-columns:.9fr 1.1fr}.river-rainier__stage--cacao .river-rainier__copy{order:2;justify-self:end}.river-rainier__stage--cacao .river-rainier__flock{order:1}.river-rainier__trail{position:absolute;z-index:6;top:5.8rem;right:clamp(1.3rem,10vw,12rem);left:clamp(1.3rem,10vw,12rem);display:flex;align-items:center;gap:.5rem;color:#ffbd43;font:800 8px var(--font-mono);letter-spacing:.1em}.river-rainier__trail>span{display:grid;width:1.8rem;aspect-ratio:1;place-items:center;border-radius:50%;background:var(--rr-orange);color:#fff8e9}.river-rainier__trail>i{flex:1;height:3px;background:var(--rr-orange)}.river-rainier__trail>b{width:15px;height:15px;border:4px solid var(--rr-orange);border-radius:50%;background:#fff8e9}.river-rainier__trail small{padding:.35rem .46rem;background:var(--rr-orange);color:#fff8e9;font:800 7px var(--font-mono);letter-spacing:.08em}.river-rainier__copy{position:relative;z-index:4;max-width:41rem}.river-rainier__copy>p{margin:0 0 .9rem;color:#ffbd43;font:800 9px var(--font-mono);letter-spacing:.1em}.river-rainier__copy h2{margin:0;font:700 clamp(4.2rem,7.6vw,9.2rem)/.77 var(--font-display);letter-spacing:-.1em}.river-rainier__copy>span{display:block;max-width:30rem;margin-top:1.5rem;color:#edf3e7;line-height:1.76}.river-rainier__copy a,.river-rainier__finish a{display:inline-flex;align-items:center;gap:.55rem;margin-top:1.5rem;padding:.8rem .95rem;border:1px solid rgba(255,248,233,.58);color:#fff8e9;font:800 9px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;transition:.18s var(--ease-out)}.river-rainier__copy a:hover,.river-rainier__finish a:hover{border-color:#ffbd43;background:#ffbd43;color:#163137;transform:translateY(-3px)}.river-rainier__terrain{position:absolute;z-index:1;inset:0;pointer-events:none}.river-rainier__terrain i,.river-rainier__terrain b{position:absolute;display:block}.river-rainier__stage--shore .river-rainier__terrain i:nth-child(1){right:-10%;bottom:8%;width:88%;height:18%;border-top:2px solid rgba(219,244,240,.72);border-radius:50%;box-shadow:0 -30px 0 rgba(219,244,240,.18),0 -60px 0 rgba(219,244,240,.12)}.river-rainier__stage--shore .river-rainier__terrain i:nth-child(2){right:8%;bottom:0;width:20%;height:39%;background:linear-gradient(70deg,transparent 42%,rgba(192,235,227,.65) 43% 48%,transparent 49%);transform:skewX(-19deg)}.river-rainier__stage--cacao .river-rainier__terrain i:nth-child(1){right:-7%;bottom:10%;width:86%;height:27%;border:18px solid rgba(74,31,22,.7);border-left:0;border-radius:50%;transform:rotate(-16deg);box-shadow:0 0 0 2px rgba(245,190,114,.26),0 0 54px rgba(70,26,15,.55)}.river-rainier__stage--forest .river-rainier__terrain i:nth-child(1),.river-rainier__stage--forest .river-rainier__terrain i:nth-child(2),.river-rainier__stage--forest .river-rainier__terrain i:nth-child(3){bottom:0;width:0;height:0;border-right:9vw solid transparent;border-bottom:30vw solid rgba(13,75,45,.72);border-left:9vw solid transparent}.river-rainier__stage--forest .river-rainier__terrain i:nth-child(1){left:3%}.river-rainier__stage--forest .river-rainier__terrain i:nth-child(2){right:10%;border-bottom-color:rgba(28,102,54,.62);transform:scale(.75)}.river-rainier__stage--forest .river-rainier__terrain i:nth-child(3){right:28%;transform:scale(.5)}.river-rainier__stage--grove .river-rainier__terrain i:nth-child(1),.river-rainier__stage--grove .river-rainier__terrain i:nth-child(2){bottom:-7%;width:26vw;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 32%,rgba(248,216,144,.6),rgba(105,58,28,.72) 65%)}.river-rainier__stage--grove .river-rainier__terrain i:nth-child(1){right:1%}.river-rainier__stage--grove .river-rainier__terrain i:nth-child(2){right:25%;bottom:8%;transform:scale(.65)}.river-rainier__stage--alpine .river-rainier__terrain i:nth-child(1){right:-3%;bottom:-3%;width:80%;height:68%;clip-path:polygon(49% 0,100% 100%,0 100%);background:linear-gradient(135deg,rgba(232,247,247,.8) 0 20%,rgba(113,168,183,.55) 21% 48%,rgba(56,87,119,.6) 49%)}.river-rainier__stage--alpine .river-rainier__terrain i:nth-child(2){right:27%;bottom:23%;width:25%;height:2px;background:#fff8e9;transform:rotate(-37deg)}.river-rainier__flock{position:relative;z-index:3;justify-self:center;width:min(45vw,600px);aspect-ratio:1}.river-rainier__flock>img{position:absolute;width:clamp(7rem,15vw,15rem);height:clamp(7rem,15vw,15rem);object-fit:contain;filter:drop-shadow(22px 26px 22px rgba(0,0,0,.42));transform:rotate(calc((var(--n) - 1) * 12deg))}.river-rainier__flock>img:nth-of-type(1){top:9%;left:29%}.river-rainier__flock>img:nth-of-type(2){right:2%;bottom:22%}.river-rainier__flock>img:nth-of-type(3){bottom:4%;left:6%}.river-rainier__flock>img:nth-of-type(4){top:27%;left:-3%;transform:scale(.7) rotate(14deg)}.river-rainier__flock--cacao>img{width:clamp(10rem,20vw,20rem);height:clamp(10rem,20vw,20rem)}.river-rainier__flock--cacao>img:nth-of-type(1){left:0;bottom:2%;top:auto}.river-rainier__flock--cacao>img:nth-of-type(2){top:0;left:24%}.river-rainier__flock--cacao>img:nth-of-type(3){right:-2%;bottom:18%}.river-rainier__flock--forest>img{width:clamp(10rem,23vw,22rem);height:clamp(10rem,23vw,22rem)}.river-rainier__flock--forest>img:nth-of-type(1){top:6%;left:12%}.river-rainier__flock--forest>img:nth-of-type(2){right:0;bottom:6%}.river-rainier__flock--grove>img{width:clamp(9rem,17vw,17rem);height:clamp(9rem,17vw,17rem)}.river-rainier__flock--alpine{width:min(35vw,470px);aspect-ratio:3/4}.river-rainier__flock--alpine>img{width:clamp(8rem,13vw,14rem);height:clamp(12rem,20vw,20rem)}.river-rainier__flock--alpine>img:nth-of-type(1){top:5%;left:29%}.river-rainier__flock--alpine>img:nth-of-type(2){right:-5%;bottom:29%;transform:rotate(15deg)}.river-rainier__flock--alpine>img:nth-of-type(3){left:0;bottom:1%;transform:rotate(-14deg)}.river-rainier__handoff{position:absolute;z-index:8;right:-12%;bottom:3%;display:flex;align-items:center;gap:.35rem;max-width:16rem;color:#ffbd43;font:800 7px var(--font-mono);letter-spacing:.08em;transform:rotate(-12deg)}.river-rainier__handoff i{width:clamp(4rem,8vw,8rem);height:3px;background:var(--rr-orange)}.river-rainier__handoff b{width:15px;height:15px;border:4px solid var(--rr-orange);border-radius:50%;background:#fff8e9}.river-rainier__handoff span{padding:.35rem .43rem;background:var(--rr-orange);color:#fff8e9;line-height:1.25}.river-rainier__summit{position:relative;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;min-height:100svh;padding:clamp(7rem,12vw,12rem);overflow:hidden;background:rgba(13,33,47,.74)}.river-rainier__summit>div:last-child{position:relative;z-index:4;max-width:31rem}.river-rainier__summit h2{margin:1rem 0;font:700 clamp(4rem,7.7vw,9rem)/.77 var(--font-display);letter-spacing:-.1em}.river-rainier__summit p:not(.eyebrow){color:#e7f1ea;line-height:1.75}.river-rainier__summit-mountain{position:absolute;z-index:1;right:-4%;bottom:0;width:67%;height:88%;clip-path:polygon(47% 0,100% 100%,0 100%);background:linear-gradient(135deg,rgba(251,255,251,.86) 0 19%,rgba(149,198,208,.7) 20% 47%,rgba(50,87,113,.75) 48%)}.river-rainier__summit-mountain i:first-child{position:absolute;top:27%;left:10%;width:75%;height:3px;background:rgba(255,255,255,.82);transform:rotate(-33deg)}.river-rainier__summit-mountain i:nth-child(2){position:absolute;right:12%;bottom:19%;width:68%;height:3px;background:rgba(255,255,255,.5);transform:rotate(36deg)}.river-rainier__return{position:relative;padding:clamp(7rem,12vw,12rem);background:rgba(246,241,222,.94);color:#223e46;backdrop-filter:blur(8px)}.river-rainier__return-intro{max-width:48rem;margin-bottom:8rem}.river-rainier__return-intro>span{display:block;max-width:30rem;margin-top:1.5rem;color:#617278;line-height:1.75}.river-rainier__return-stop{display:grid;grid-template-columns:.18fr .55fr 1fr;gap:2rem;align-items:center;min-height:52svh;border-top:1px solid rgba(34,62,70,.22);padding:3rem 0}.river-rainier__return-stop>span{font:800 clamp(2rem,4vw,4rem) var(--font-display);color:var(--rr-orange)}.river-rainier__return-stop p{margin:0 0 .6rem;color:#587178;font:800 9px var(--font-mono);letter-spacing:.1em}.river-rainier__return-stop h3{margin:0;font:700 clamp(3rem,5vw,6rem)/.8 var(--font-display);letter-spacing:-.09em}.river-rainier__return-stop h3 em{color:var(--rr-orange)}.river-rainier__return-stop div:last-child>span{display:block;max-width:30rem;margin-top:1.2rem;color:#617278;line-height:1.75}.river-rainier__return-markers{position:relative;height:14rem;border-left:2px solid var(--rr-orange)}.river-rainier__return-markers i{position:absolute;width:clamp(1.2rem,2.3vw,2.7rem);aspect-ratio:1;border-radius:50%;box-shadow:inset -7px -7px 0 rgba(0,0,0,.12)}.river-rainier__return-markers i:nth-child(1){top:2%;left:-1rem;background:#ef5b71}.river-rainier__return-markers i:nth-child(2){top:23%;left:1rem;background:#71422b}.river-rainier__return-markers i:nth-child(3){top:46%;left:-.5rem;background:#ffbd43}.river-rainier__return-markers i:nth-child(4){top:67%;left:1.3rem;background:#f2e3bc}.river-rainier__return-markers i:nth-child(5){bottom:0;left:-.7rem;background:#7f66d3}.river-rainier__finish{display:grid;grid-template-columns:1.2fr .8fr;gap:4rem;align-items:end;min-height:82svh;padding:clamp(7rem,12vw,12rem);background:rgba(15,36,51,.85);color:#fff8e9}.river-rainier__finish>div:last-child{max-width:30rem}.river-rainier__finish>div:last-child>p{color:#e2ece6;line-height:1.75}.river-rainier__control{position:fixed;z-index:50;right:1.2rem;bottom:1.2rem;display:flex;align-items:center;gap:.45rem;padding:.6rem .7rem;border:1px solid rgba(255,248,233,.5);background:rgba(13,24,29,.62);color:#fff8e9;backdrop-filter:blur(10px);font:800 8px var(--font-mono);letter-spacing:.08em}
@media(max-width:900px){.river-rainier__hero{min-height:800px;padding:8rem 1.3rem 4rem}.river-rainier__hero-copy{max-width:21rem}.river-rainier__hero-copy h1{font-size:clamp(4.2rem,15vw,6.5rem)}.river-rainier__hero-copy>p:not(.eyebrow){max-width:19rem;font-size:.88rem}.river-rainier__hero-map{right:5%;top:18%;transform:scale(.76);transform-origin:top right}.river-rainier__hero-foot{right:1rem;left:1rem;bottom:1rem;font-size:7px}.river-rainier__hero-foot span:last-child{display:none}.river-rainier__intro{grid-template-columns:1fr;gap:2rem;padding:5rem 1.3rem}.river-rainier__intro h2,.river-rainier__return-intro h2,.river-rainier__finish h2{font-size:clamp(3.9rem,14vw,5.9rem)}.river-rainier__stage,.river-rainier__stage--cacao{display:block;min-height:100svh;padding:6rem 1.3rem 4rem}.river-rainier__trail{top:4.6rem;right:1.3rem;left:1.3rem}.river-rainier__trail small{max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.river-rainier__copy,.river-rainier__stage--cacao .river-rainier__copy{max-width:20rem;padding-top:3rem;justify-self:auto}.river-rainier__copy h2{font-size:clamp(4rem,14vw,5.8rem)}.river-rainier__copy>span{font-size:.88rem}.river-rainier__flock,.river-rainier__stage--cacao .river-rainier__flock{position:absolute;right:2%;bottom:6%;width:74vw}.river-rainier__flock--alpine{width:54vw}.river-rainier__handoff{right:-12%;bottom:2%;transform:rotate(-12deg) scale(.72);transform-origin:right center}.river-rainier__stage--shore .river-rainier__terrain i:nth-child(1){width:130%}.river-rainier__stage--forest .river-rainier__terrain i:nth-child(1),.river-rainier__stage--forest .river-rainier__terrain i:nth-child(2),.river-rainier__stage--forest .river-rainier__terrain i:nth-child(3){border-right-width:20vw;border-left-width:20vw;border-bottom-width:58vw}.river-rainier__stage--grove .river-rainier__terrain i:nth-child(1){width:50vw}.river-rainier__summit{grid-template-columns:1fr;align-content:center;min-height:90svh;padding:5rem 1.3rem}.river-rainier__summit h2{font-size:clamp(4rem,14vw,5.8rem)}.river-rainier__summit-mountain{right:-50%;width:140%;opacity:.72}.river-rainier__return{padding:5rem 1.3rem}.river-rainier__return-intro{margin-bottom:4rem}.river-rainier__return-stop{grid-template-columns:.18fr .35fr 1fr;gap:1rem;min-height:45svh}.river-rainier__return-markers{height:10rem}.river-rainier__return-stop h3{font-size:clamp(2.6rem,10vw,4rem)}.river-rainier__return-stop div:last-child>span{font-size:.86rem}.river-rainier__finish{grid-template-columns:1fr;gap:2rem;min-height:78svh;padding:5rem 1.3rem}.river-rainier__control{right:.8rem;bottom:.8rem}}
@media(prefers-reduced-motion:reduce){.river-rainier__film{display:none}.river-rainier__film-layer{background:linear-gradient(145deg,#183942,#5d3b2b 48%,#23495a)}.river-rainier__flock,.river-rainier__copy{transform:none!important}}
/* Review refinement — scenery explains the hike first; the physical product relay explains each handoff second. */
.river-rainier__stage{--flavor-color:#ffbd43}.river-rainier__copy h2 em{color:var(--flavor-color)}.river-rainier__terrain>span{position:absolute;z-index:3;right:8%;bottom:12%;padding:.35rem .5rem;border:1px solid color-mix(in srgb,var(--flavor-color) 70%,#fff);background:rgba(14,29,30,.42);color:#fff8e9;font:800 7px var(--font-mono);letter-spacing:.1em;transform:rotate(-6deg)}.river-rainier__stage--shore .river-rainier__terrain::after{content:"";position:absolute;right:-15%;bottom:2%;width:102%;height:47%;border-top:2px solid rgba(225,249,246,.85);border-radius:50%;background:repeating-radial-gradient(ellipse at 73% 88%,rgba(194,240,235,.62) 0 2px,transparent 3px 22px);clip-path:ellipse(67% 43% at 75% 80%)}.river-rainier__stage--cacao .river-rainier__terrain::after{content:"";position:absolute;right:-10%;bottom:3%;width:93%;height:36%;border:21px solid rgba(76,31,20,.82);border-left:0;border-radius:52%;box-shadow:0 0 0 2px rgba(245,196,121,.42),0 0 46px rgba(79,31,16,.48);transform:rotate(-15deg)}.river-rainier__stage--forest .river-rainier__terrain::after{content:"";position:absolute;right:-2%;bottom:0;width:63%;height:75%;background:radial-gradient(ellipse at 60% 24%,rgba(246,255,172,.35),transparent 25%),repeating-linear-gradient(76deg,transparent 0 12%,rgba(9,76,42,.54) 12.2% 13.5%,transparent 13.7% 26%);clip-path:polygon(0 100%,13% 41%,25% 100%,39% 23%,52% 100%,67% 37%,79% 100%,94% 14%,100% 100%)}.river-rainier__stage--grove .river-rainier__terrain::after{content:"";position:absolute;right:-8%;bottom:-8%;width:83%;height:75%;background:radial-gradient(ellipse at 37% 35%,rgba(238,213,142,.46) 0 4%,transparent 4.5%),radial-gradient(ellipse at 60% 65%,rgba(121,70,31,.62) 0 6%,transparent 6.5%),radial-gradient(ellipse at 78% 31%,rgba(232,190,113,.38) 0 5%,transparent 5.5%);filter:blur(1px)}.river-rainier__stage--alpine .river-rainier__terrain::after{content:"";position:absolute;right:3%;top:13%;width:20%;height:2px;background:#fffdf3;box-shadow:32px 42px 0 rgba(255,255,255,.72),-17px 85px 0 rgba(255,255,255,.5);transform:rotate(-35deg)}.river-rainier__relay{position:absolute;z-index:10;right:clamp(1.3rem,10vw,12rem);bottom:-.75rem;display:flex;align-items:center;gap:.35rem;min-width:min(43vw,32rem);color:#fff8e9;font:800 7px var(--font-mono);letter-spacing:.09em;transform:rotate(-3deg)}.river-rainier__relay::before{content:"";position:absolute;right:0;bottom:50%;left:-8vw;height:3px;background:linear-gradient(90deg,transparent,var(--flavor-color) 22%,#ff5d2a 71%,#ff5d2a)}.river-rainier__relay i{position:relative;z-index:1;width:.8rem;aspect-ratio:1;border-radius:50%;background:var(--flavor-color);box-shadow:0 0 0 5px rgba(255,255,255,.15)}.river-rainier__relay i:nth-child(2){background:#ff5d2a;transform:scale(.76)}.river-rainier__relay i:nth-child(3){background:#fff6e3;transform:scale(.5)}.river-rainier__relay b{position:relative;z-index:1;width:1rem;aspect-ratio:1;border:3px solid #ff5d2a;border-radius:50%;background:#fff6e3}.river-rainier__relay span{position:relative;z-index:1;padding:.34rem .43rem;background:#ff5d2a;line-height:1.25}.river-rainier__return{overflow:hidden}.river-rainier__return::after{content:"";position:absolute;z-index:0;top:0;right:0;bottom:0;width:38%;background:linear-gradient(155deg,transparent 9%,rgba(115,193,205,.16) 10% 30%,transparent 31% 46%,rgba(115,193,205,.13) 47% 67%,transparent 68%);clip-path:polygon(38% 0,100% 0,100% 100%,0 100%)}.river-rainier__return-waterway{position:absolute;z-index:0;top:-5%;bottom:-6%;left:19%;width:22%;border-radius:49% 51% 48% 52%;border:14px solid rgba(96,182,199,.22);border-left-width:4px;transform:rotate(14deg);filter:drop-shadow(0 0 20px rgba(84,167,190,.15))}.river-rainier__return-waterway i{position:absolute;width:14%;aspect-ratio:1;border-radius:50%;background:rgba(104,191,206,.38)}.river-rainier__return-waterway i:nth-child(1){top:17%;left:3%}.river-rainier__return-waterway i:nth-child(2){top:52%;right:-5%}.river-rainier__return-waterway i:nth-child(3){bottom:8%;left:10%}.river-rainier__return-intro,.river-rainier__return-stop{position:relative;z-index:1}.river-rainier__return-stop{background:linear-gradient(90deg,rgba(255,246,227,.44),transparent)}.river-rainier__return-stop:nth-of-type(3){margin-left:12%;padding-left:2rem}.river-rainier__return-stop:nth-of-type(4){margin-right:9%;padding-right:2rem}
@media(max-width:900px){.river-rainier__terrain>span{right:8%;bottom:20%;font-size:6px}.river-rainier__relay{right:1.3rem;min-width:68vw;transform:rotate(-3deg) scale(.72);transform-origin:right center}.river-rainier__return-waterway{left:7%;width:36%;border-width:9px}.river-rainier__return::after{width:50%}.river-rainier__return-stop:nth-of-type(3),.river-rainier__return-stop:nth-of-type(4){margin-right:0;margin-left:0;padding-right:0;padding-left:0}}
/** Design reminder — Washington Formation Trail: atmospheric Pacific Northwest scenery and real product squads are intentionally more important than interface chrome. */
.formation-trail{background:#112d32;color:#f7f0df;overflow:hidden}.formation-trail a{color:inherit}.formation-trail__hero{isolation:isolate;min-height:100svh;padding:7rem clamp(1.2rem,5vw,6rem) 3rem;background-size:cover;background-position:center;position:relative;display:grid;align-content:center}.formation-trail__hero:before,.formation-trail__waypoint:before{content:"";inset:0;position:absolute;background:linear-gradient(100deg,rgba(5,25,30,.9),rgba(5,25,30,.45) 55%,rgba(5,25,30,.18));z-index:-1}.formation-trail__hero .site-header{position:absolute;top:0;left:0;right:0}.formation-trail__hero-copy{max-width:44rem;position:relative}.formation-trail__hero-copy h1{font-family:"Bricolage Grotesque",sans-serif;font-size:clamp(4rem,10vw,9.5rem);line-height:.82;letter-spacing:-.09em;margin:1.25rem 0 1.8rem}.formation-trail__hero-copy h1 em,.formation-trail__intro em,.formation-trail__copy h2{color:#ffb74d;font-style:normal}.formation-trail__hero-copy p{max-width:35rem;font-size:1.05rem;line-height:1.7}.formation-trail__hero-copy a,.formation-trail__finish a{display:inline-flex;gap:.55rem;align-items:center;background:#ff5d2a;color:#1e170f;text-decoration:none;margin-top:1.45rem;padding:.9rem 1.05rem;font:700 .72rem "DM Mono",monospace;letter-spacing:.09em;text-transform:uppercase}.formation-trail__hero-map{font:.58rem "DM Mono",monospace;letter-spacing:.12em;display:flex;align-items:center;gap:.65rem;position:absolute;right:clamp(1rem,4vw,4rem);top:6.8rem}.formation-trail__hero-map i{background:#ff5d2a;width:2.5rem;height:1px}.formation-trail__hero-note{position:absolute;bottom:2.3rem;left:clamp(1.2rem,5vw,6rem);font:.65rem "DM Mono",monospace;letter-spacing:.09em;display:flex;align-items:center;gap:.5rem}.formation-trail__intro{background:#f6f0dc;color:#183838;padding:clamp(5rem,13vw,11rem) 12vw;display:grid;grid-template-columns:.8fr 1.2fr;gap:3rem}.formation-trail__intro h2{font:clamp(3rem,7vw,7rem)/.84 "Bricolage Grotesque",sans-serif;letter-spacing:-.08em;margin:0}.formation-trail__intro p:last-child{max-width:30rem;line-height:1.8;align-self:end}.formation-trail__rail{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:center;gap:.65rem;padding:.7rem 1rem;background:#13343a;color:#f6f0dc;font:.55rem "DM Mono",monospace;letter-spacing:.1em}.formation-trail__rail i{width:clamp(1rem,4vw,4rem);height:1px;background:#ff5d2a}.formation-trail__waypoint{isolation:isolate;min-height:84svh;padding:clamp(2rem,6vw,6rem);position:relative;background-size:cover;background-position:center;display:grid;grid-template-columns:minmax(18rem,.85fr) minmax(30rem,1.15fr);align-items:center;gap:3rem}.formation-trail__waypoint--return:before{background:linear-gradient(100deg,rgba(10,31,39,.9),rgba(10,31,39,.48),rgba(10,31,39,.22))}.formation-trail__scene-wash{position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 75% 65%,var(--scene-pigment),transparent 30%);opacity:.35;mix-blend-mode:screen}.formation-trail__stamp{font:.6rem "DM Mono",monospace;letter-spacing:.13em;display:flex;align-items:center;gap:.5rem;align-self:start}.formation-trail__stamp span{width:2rem;height:2rem;border:1px solid currentColor;display:grid;place-items:center;color:#ff5d2a}.formation-trail__stamp i{width:3rem;height:1px;background:#ff5d2a}.formation-trail__copy{max-width:28rem;position:relative;z-index:2}.formation-trail__copy p{font:.62rem "DM Mono",monospace;letter-spacing:.13em;color:#f3cc84}.formation-trail__copy h2{font:clamp(3.3rem,7vw,7.3rem)/.82 "Bricolage Grotesque",sans-serif;letter-spacing:-.08em;margin:.75rem 0 1.2rem}.formation-trail__copy>span{display:block;max-width:24rem;line-height:1.65}.formation-trail__copy a{display:inline-flex;align-items:center;gap:.4rem;margin-top:1.4rem;font:.66rem "DM Mono",monospace;text-decoration:none;color:#fff;border-bottom:1px solid #ff5d2a;padding-bottom:.35rem}.formation-trail__formation{position:relative;min-height:27rem;max-width:58rem;width:100%;margin:auto;filter:drop-shadow(0 1.3rem 2rem rgba(0,0,0,.38));transform-origin:center}.formation-trail__unit{position:absolute;width:clamp(4rem,9vw,9.5rem);max-height:9.8rem;object-fit:contain;left:var(--x);top:var(--y);transform:translate(-50%,-50%) rotate(var(--tilt));animation:formationFloat 4.8s ease-in-out var(--delay) infinite;will-change:transform}.formation-trail__unit--truffles{width:clamp(5rem,10vw,10.8rem)}.formation-trail__unit--cups{width:clamp(4.6rem,8vw,8rem)}.formation-trail__unit--cq{width:clamp(3.2rem,6vw,6rem);max-height:12rem}.formation-trail__formation--2 .formation-trail__unit:nth-of-type(odd){filter:drop-shadow(0 0 .4rem rgba(255,184,77,.28))}.formation-trail__formation--3 .formation-trail__unit{animation-duration:5.5s}.formation-trail__contrail{position:absolute;left:13%;right:11%;top:49%;height:16%;border-top:1px solid rgba(255,93,42,.82);border-radius:50%;transform:rotate(-8deg);opacity:.9}.formation-trail__contrail:after{content:"";position:absolute;inset:.7rem 12%;border-top:1px dashed rgba(246,240,220,.5);border-radius:50%}.formation-trail__scene-marker{position:absolute;right:clamp(1rem,4vw,4rem);bottom:1.8rem;display:flex;gap:.3rem;align-items:center;font:.55rem "DM Mono",monospace;letter-spacing:.1em}.formation-trail__scene-marker i{width:.55rem;height:.55rem;border-radius:50%;background:#ff5d2a}.formation-trail__scene-marker b{font-weight:400;margin-left:.55rem;color:#f4cf85}.formation-trail__finish{background:#0b252b;color:#f6f0dc;min-height:70svh;padding:clamp(4rem,10vw,10rem);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:4rem}.formation-trail__finish h2{font:clamp(3.6rem,8vw,8rem)/.8 "Bricolage Grotesque",sans-serif;letter-spacing:-.08em;margin:.8rem 0}.formation-trail__finish h2 em{color:#ffb74d;font-style:normal}.formation-trail__finish p{max-width:28rem;line-height:1.7}.formation-trail__control{position:fixed;right:1rem;bottom:1rem;z-index:30;border:0;background:#ff5d2a;color:#21170f;padding:.72rem .82rem;display:flex;align-items:center;gap:.35rem;font:.57rem "DM Mono",monospace;letter-spacing:.08em}.formation-trail--paused .formation-trail__unit{animation-play-state:paused}@keyframes formationFloat{0%,100%{transform:translate(-50%,-50%) rotate(var(--tilt)) translate3d(0,0,0)}33%{transform:translate(-50%,-50%) rotate(calc(var(--tilt) + 5deg)) translate3d(0,-1rem,0)}66%{transform:translate(-50%,-50%) rotate(calc(var(--tilt) - 4deg)) translate3d(.8rem,.4rem,0)}}@media(max-width:760px){.formation-trail__hero{min-height:94svh;padding:7.5rem 1.2rem 3.5rem}.formation-trail__hero-map{display:none}.formation-trail__hero-copy h1{font-size:clamp(3.7rem,18vw,6rem)}.formation-trail__hero-note{left:1.2rem;right:1.2rem;bottom:1rem;font-size:.52rem}.formation-trail__intro,.formation-trail__finish{grid-template-columns:1fr;padding:4.5rem 1.2rem;gap:1.8rem}.formation-trail__rail{overflow:auto;justify-content:flex-start;white-space:nowrap}.formation-trail__waypoint{min-height:76svh;padding:2rem 1.2rem;grid-template-columns:1fr;gap:.25rem;align-content:space-between}.formation-trail__copy h2{font-size:clamp(3.1rem,15vw,5.2rem)}.formation-trail__formation{min-height:18rem;order:2}.formation-trail__unit{width:clamp(3.7rem,19vw,6.5rem)}.formation-trail__unit--truffles{width:clamp(4rem,20vw,7rem)}.formation-trail__unit--cq{width:clamp(2.5rem,13vw,4.2rem)}.formation-trail__scene-marker{left:1.2rem;right:auto;bottom:1rem}.formation-trail__finish h2{font-size:clamp(3.6rem,16vw,6rem)}}@media(prefers-reduced-motion:reduce){.formation-trail__unit{animation:none}}
/** Design reminder — Formation Trail refinement: large readable squadron geometry, Tangerine wind routing, and distinct Washington foreground cues must remain structural at every waypoint. */
.formation-trail__waypoint{min-height:88svh}.formation-trail__waypoint--camera-0{background-position:left center}.formation-trail__waypoint--camera-1{background-position:72% center}.formation-trail__waypoint--camera-2{background-position:center 24%}.formation-trail__waypoint--camera-3{background-position:center 78%}.formation-trail__waypoint--camera-4{background-position:35% center}.formation-trail__scene-wash{background:radial-gradient(circle at 75% 65%,var(--scene-pigment),transparent 38%);opacity:.45}.formation-trail__nature-object{position:absolute;inset:0;z-index:-1;opacity:.72;pointer-events:none}.formation-trail__nature-object i{position:absolute;display:block}.formation-trail__nature-object--coast i:nth-child(1){height:10rem;left:-4%;right:40%;bottom:7%;border-top:2px solid rgba(255,255,255,.58);border-radius:50%;transform:rotate(-5deg)}.formation-trail__nature-object--coast i:nth-child(2){width:13rem;height:2.4rem;right:10%;bottom:15%;border:1px solid rgba(255,183,77,.72);border-radius:50%;transform:rotate(7deg)}.formation-trail__nature-object--forest i:nth-child(1),.formation-trail__nature-object--forest i:nth-child(2){width:7rem;height:22rem;bottom:-2rem;background:linear-gradient(transparent,#07251e);clip-path:polygon(50% 0,100% 100%,68% 100%,85% 100%,50% 45%,15% 100%,32% 100%,0 100%)}.formation-trail__nature-object--forest i:nth-child(1){left:4%}.formation-trail__nature-object--forest i:nth-child(2){right:8%;transform:scale(.74)}.formation-trail__nature-object--orchard i{width:18rem;height:18rem;border:1px solid rgba(255,220,220,.48);border-radius:50%;bottom:-9rem;background:radial-gradient(circle,rgba(255,255,255,.16) 0 12%,transparent 13% 18%,rgba(255,196,210,.14) 19% 24%,transparent 25%)}.formation-trail__nature-object--orchard i:nth-child(1){left:-4%}.formation-trail__nature-object--orchard i:nth-child(2){right:4%;transform:scale(.75)}.formation-trail__nature-object--grove i{width:14rem;height:19rem;bottom:-3rem;border-radius:48% 48% 14% 14%;background:radial-gradient(ellipse at 50% 22%,rgba(214,184,106,.55) 0 4%,transparent 5% 11%,rgba(80,57,27,.8) 12% 16%,transparent 17%),linear-gradient(90deg,transparent 46%,rgba(57,42,20,.7) 47% 54%,transparent 55%)}.formation-trail__nature-object--grove i:nth-child(1){left:4%}.formation-trail__nature-object--grove i:nth-child(2){right:7%;transform:scale(.76)}.formation-trail__nature-object--alpine i:nth-child(1),.formation-trail__nature-object--return i:nth-child(1){bottom:0;left:0;width:100%;height:42%;background:linear-gradient(160deg,transparent 0 32%,rgba(216,239,242,.5) 33% 34%,transparent 35% 42%,rgba(196,225,235,.42) 43% 44%,transparent 45%)}.formation-trail__nature-object--alpine i:nth-child(2){width:9rem;height:9rem;right:8%;top:17%;border:1px solid rgba(255,255,255,.7);border-radius:50%;box-shadow:0 0 3rem rgba(255,255,255,.6)}.formation-trail__nature-object--return i:nth-child(2){width:52%;height:14%;bottom:11%;left:27%;border:2px solid rgba(139,224,238,.6);border-radius:50%;transform:rotate(-7deg)}.formation-trail__stamp span{width:2.25rem;height:2.25rem;background:#0c2d33}.formation-trail__stamp i{width:4.5rem;height:2px;box-shadow:0 0 .8rem rgba(255,93,42,.75)}.formation-trail__copy{max-width:30rem}.formation-trail__copy h2{font-size:clamp(3.5rem,7vw,7.6rem);line-height:.8;text-wrap:balance}.formation-trail__copy a{border-bottom-width:2px}.formation-trail__formation{min-height:31rem;max-width:64rem;filter:drop-shadow(0 1.6rem 2.2rem rgba(0,0,0,.46))}.formation-trail__unit{width:clamp(6rem,12vw,12.5rem);max-height:12.5rem;filter:drop-shadow(0 .65rem .6rem rgba(0,0,0,.42))}.formation-trail__unit--truffles{width:clamp(6rem,12vw,12.8rem)}.formation-trail__unit--cups{width:clamp(5.8rem,10vw,10rem)}.formation-trail__unit--cq{width:clamp(4.5rem,7.5vw,7.5rem);max-height:13rem}.formation-trail__formation--2 .formation-trail__unit:nth-of-type(odd){filter:drop-shadow(0 0 .75rem rgba(255,184,77,.42))}.formation-trail__contrail{left:6%;right:5%;top:47%;height:22%;border-top:3px solid #ff5d2a;opacity:1;filter:drop-shadow(0 0 .55rem rgba(255,93,42,.75))}.formation-trail__contrail:after{inset:.85rem 7%;border-top-width:2px}.formation-trail__contrail b{position:absolute;left:9%;top:-1.7rem;color:#ffb74d;font:.56rem "DM Mono",monospace;letter-spacing:.16em}.formation-trail__contrail span{position:absolute;right:3%;top:1.25rem;color:#f6f0dc;font:.54rem "DM Mono",monospace;letter-spacing:.08em;background:#0b2930cc;padding:.3rem .45rem}.formation-trail__scene-marker{gap:.38rem;background:#0b2930c9;padding:.42rem .55rem;border-left:2px solid #ff5d2a}.formation-trail__scene-marker i{width:.62rem;height:.62rem;box-shadow:0 0 .6rem #ff5d2a}.formation-trail__finish-bay{border:1px solid rgba(255,183,77,.5);padding:1.6rem;position:relative}.formation-trail__gl-mark{display:grid;place-items:center;width:3rem;height:3rem;background:#ff5d2a;color:#112d32;font:900 1rem "DM Mono",monospace;margin-bottom:1rem}@media(max-width:760px){.formation-trail__waypoint{min-height:78svh}.formation-trail__formation{min-height:20rem}.formation-trail__unit{width:clamp(4.5rem,22vw,7.5rem)}.formation-trail__unit--truffles{width:clamp(4.5rem,23vw,7.8rem)}.formation-trail__unit--cq{width:clamp(3rem,15vw,4.8rem)}.formation-trail__contrail span{display:none}}
/** Design reminder — keep this motion layer fluid, unobtrusive, and product-first; static fallback remains available through the surrounding page frame. */
.smooth-squadron-canvas{display:block;width:100%;height:100%;min-height:24rem;background:#12343c}.formation-films__frame:has(.smooth-squadron-canvas){isolation:isolate}@media(max-width:760px){.smooth-squadron-canvas{min-height:14rem}}
/** Design reminder — Formation Flight Films: the videos are the hero artifacts. Keep UI sparse, use Conduit Tangerine as the flight system, and foreground real product-cutout motion. */
.formation-films{background:#071d25;color:#f7f0df;overflow:hidden}.formation-films a{color:inherit}.formation-films__hero{min-height:100svh;position:relative;isolation:isolate;padding:8rem clamp(1.2rem,7vw,8rem) 3rem;display:grid;align-content:center;background:radial-gradient(circle at 72% 35%,#315f6b 0,transparent 25%),linear-gradient(135deg,#112e38 0 45%,#071d25 45% 100%)}.formation-films__hero:after{content:"";position:absolute;inset:0;z-index:-1;opacity:.3;background:repeating-linear-gradient(120deg,transparent 0 3.4rem,rgba(255,255,255,.12) 3.45rem 3.52rem,transparent 3.57rem 6.5rem)}.formation-films__hero .site-header{position:absolute;inset:0 0 auto}.formation-films__hero-copy{max-width:40rem;position:relative;z-index:1}.formation-films__hero-copy h1{font:clamp(4.8rem,12vw,11rem)/.78 "Bricolage Grotesque",sans-serif;letter-spacing:-.1em;margin:1.1rem 0 1.8rem}.formation-films__hero-copy h1 em,.formation-films__intro em,.formation-films__caption h2{color:#ffb74d;font-style:normal}.formation-films__hero-copy p{max-width:31rem;line-height:1.72}.formation-films__hero-copy a,.formation-films__finish a{display:inline-flex;align-items:center;gap:.5rem;background:#ff5d2a;color:#23180f;margin-top:1.4rem;padding:.9rem 1rem;text-decoration:none;font:700 .66rem "DM Mono",monospace;letter-spacing:.1em;text-transform:uppercase}.formation-films__radar{position:absolute;right:8%;top:23%;width:min(37vw,30rem);aspect-ratio:1;border:2px solid rgba(255,183,77,.66);border-radius:50%;opacity:.85}.formation-films__radar:before,.formation-films__radar:after{content:"";position:absolute;border:1px solid rgba(255,183,77,.52);border-radius:50%;inset:18%}.formation-films__radar:after{inset:38%}.formation-films__radar i{position:absolute;left:50%;top:-7%;height:58%;border-left:2px solid #ff5d2a;transform-origin:bottom;transform:rotate(29deg)}.formation-films__radar b{position:absolute;right:-1rem;bottom:13%;font:.56rem "DM Mono",monospace;letter-spacing:.13em;background:#071d25;padding:.4rem;color:#ffcf87}.formation-films__hero-grid{position:absolute;right:8%;bottom:10%;width:min(36vw,31rem);display:flex;gap:.8rem;transform:rotate(-11deg)}.formation-films__hero-grid span{height:2.3rem;flex:1;background:#ff5d2a;clip-path:polygon(45% 0,100% 50%,45% 100%,0 50%)}.formation-films__hero-grid span:nth-child(2),.formation-films__hero-grid span:nth-child(4){transform:translateY(-3.7rem);background:#f7f0df}.formation-films__hero-foot{position:absolute;left:clamp(1.2rem,7vw,8rem);bottom:2.3rem;font:.6rem "DM Mono",monospace;letter-spacing:.1em;display:flex;gap:.45rem;align-items:center}.formation-films__intro{background:#f5efdc;color:#102e35;padding:clamp(5rem,11vw,10rem) 13vw;display:grid;grid-template-columns:1fr 1fr;gap:5rem}.formation-films__intro h2{font:clamp(3rem,7vw,7rem)/.82 "Bricolage Grotesque",sans-serif;letter-spacing:-.08em;margin:0}.formation-films__intro p:last-child{max-width:30rem;align-self:end;line-height:1.8}.formation-films__index{position:sticky;top:0;z-index:20;display:flex;gap:.5rem;justify-content:center;padding:.65rem;background:#0c2c33;border-bottom:1px solid rgba(255,183,77,.32)}.formation-films__index button{background:transparent;border:0;color:#cbd9d5;padding:.35rem .45rem;font:.57rem "DM Mono",monospace;letter-spacing:.06em}.formation-films__index button span{display:inline-grid;place-items:center;width:1.4rem;height:1.4rem;border:1px solid currentColor;border-radius:50%;margin-right:.3rem}.formation-films__index button.is-active{color:#ffb74d}.formation-films__index button.is-active span{background:#ff5d2a;border-color:#ff5d2a;color:#102e35}.formation-films__list{padding:clamp(4rem,9vw,8rem) clamp(1rem,6vw,6rem);display:grid;gap:clamp(5rem,12vw,12rem)}.formation-films__film{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(17rem,.6fr);gap:clamp(2rem,6vw,6rem);align-items:center}.formation-films__film:nth-child(even){grid-template-columns:minmax(17rem,.6fr) minmax(0,1.4fr)}.formation-films__film:nth-child(even) .formation-films__frame{order:2}.formation-films__frame{position:relative;box-shadow:1.3rem 1.3rem 0 #ff5d2a;min-height:24rem;background:#102f37;overflow:hidden}.formation-films__video{display:block;width:100%;height:100%;min-height:24rem;object-fit:cover}.formation-films__frame:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(5,21,28,.5),transparent 32%,transparent 62%,rgba(5,21,28,.52));mix-blend-mode:multiply}.formation-films__hud{position:absolute;left:1rem;right:1rem;top:1rem;z-index:2;display:flex;align-items:center;gap:.6rem;font:.54rem "DM Mono",monospace;letter-spacing:.1em}.formation-films__hud i{height:1px;flex:1;background:#ff5d2a}.formation-films__vector{position:absolute;inset:0;z-index:2;pointer-events:none}.formation-films__vector i{position:absolute;border-top:2px solid #ff5d2a;border-radius:50%;width:43%;height:18%;bottom:10%;left:7%;transform:rotate(-8deg);filter:drop-shadow(0 0 .4rem #ff5d2a)}.formation-films__vector i:nth-child(2){left:auto;right:6%;bottom:21%;width:25%;transform:rotate(22deg);border-color:#ffcf87}.formation-films__vector i:nth-child(3){width:.65rem;height:.65rem;bottom:32%;left:50%;border:0;border-radius:50%;background:#ff5d2a;box-shadow:0 0 1rem #ff5d2a}.formation-films__replay{position:absolute;right:1rem;bottom:1rem;z-index:3;border:1px solid rgba(255,255,255,.45);background:#08242bcc;color:#f7f0df;padding:.45rem .6rem;display:flex;gap:.3rem;align-items:center;font:.55rem "DM Mono",monospace}.formation-films__caption p{color:var(--film-color);font:.61rem "DM Mono",monospace;letter-spacing:.12em}.formation-films__caption h2{font:clamp(3.3rem,6vw,6.4rem)/.8 "Bricolage Grotesque",sans-serif;letter-spacing:-.08em;margin:.75rem 0 1.1rem}.formation-films__caption>span{display:block;line-height:1.7;max-width:24rem}.formation-films__caption div{margin-top:1.5rem;display:grid;gap:.7rem}.formation-films__caption b{font:.58rem "DM Mono",monospace;letter-spacing:.1em;color:#ffb74d}.formation-films__caption a{font:.63rem "DM Mono",monospace;text-decoration:none;border-bottom:2px solid #ff5d2a;width:max-content;padding-bottom:.35rem;display:inline-flex;gap:.4rem;align-items:center}.formation-films__finish{min-height:72svh;background:#133b41;color:#f5efdc;display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;padding:clamp(4rem,10vw,10rem)}.formation-films__finish h2{font:clamp(3.8rem,8vw,8.5rem)/.78 "Bricolage Grotesque",sans-serif;letter-spacing:-.09em;margin:.9rem 0}.formation-films__finish h2 em{color:#ffb74d;font-style:normal}.formation-films__finish p{max-width:29rem;line-height:1.7}.formation-films__control{position:fixed;right:1rem;bottom:1rem;z-index:30;border:0;background:#ff5d2a;color:#21170f;padding:.72rem .82rem;display:flex;align-items:center;gap:.35rem;font:.57rem "DM Mono",monospace;letter-spacing:.08em}@media(max-width:760px){.formation-films__hero{padding:7.4rem 1.2rem 3rem}.formation-films__hero-copy h1{font-size:clamp(4rem,20vw,6.5rem)}.formation-films__radar{opacity:.4;top:12%;right:-16%;width:90vw}.formation-films__hero-grid{right:1rem;bottom:15%;width:55vw}.formation-films__hero-foot{left:1.2rem;right:1.2rem;bottom:1rem;font-size:.52rem}.formation-films__intro,.formation-films__finish{grid-template-columns:1fr;padding:4.5rem 1.2rem;gap:1.8rem}.formation-films__index{justify-content:flex-start;overflow:auto;white-space:nowrap}.formation-films__film,.formation-films__film:nth-child(even){grid-template-columns:1fr;gap:1.7rem}.formation-films__film:nth-child(even) .formation-films__frame{order:0}.formation-films__frame{min-height:14rem;box-shadow:.7rem .7rem 0 #ff5d2a}.formation-films__video{min-height:14rem}.formation-films__caption h2{font-size:clamp(3.4rem,16vw,5.4rem)}.formation-films__hud{font-size:.48rem}.formation-films__finish h2{font-size:clamp(3.8rem,18vw,6rem)}}@media(prefers-reduced-motion:reduce){.formation-films__video{display:none}.formation-films__frame{background:linear-gradient(135deg,#204e59,#0c262d)}}
/** Design reminder — Formation Flight Films refinement: real product units must remain legible as squadrons, while Conduit Tangerine visibly links every film to a practical Green Labs destination. */
.formation-films__list{position:relative}.formation-films__list:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:3px;background:#ff5d2a;box-shadow:0 0 1rem rgba(255,93,42,.8);transform:translateX(-50%)}.formation-films__film{position:relative}.formation-films__film:before{content:"";position:absolute;left:50%;top:48%;width:3rem;height:3rem;border:3px solid #ff5d2a;border-radius:50%;background:#071d25;z-index:5;transform:translate(-50%,-50%);box-shadow:0 0 0 .5rem #071d25,0 0 1.3rem #ff5d2a}.formation-films__frame{border:1px solid rgba(255,183,77,.55)}.formation-films__squadron{position:absolute;z-index:4;right:1.1rem;top:3.2rem;width:15rem;height:11rem;pointer-events:none;background:linear-gradient(135deg,#07242ad9,transparent);border-left:2px solid #ff5d2a;border-bottom:1px solid rgba(255,183,77,.55)}.formation-films__squadron img{position:absolute;width:5.4rem;max-height:5.2rem;object-fit:contain;filter:drop-shadow(0 .5rem .4rem rgba(0,0,0,.6));animation:filmUnitFloat 4s ease-in-out calc(var(--unit)*-.44s) infinite}.formation-films__squadron img:nth-child(1){left:1rem;bottom:1.5rem;transform:rotate(-10deg)}.formation-films__squadron img:nth-child(2){left:5.3rem;top:1.2rem;transform:rotate(0)}.formation-films__squadron img:nth-child(3){right:1rem;bottom:1.5rem;transform:rotate(10deg)}.formation-films__squadron b{position:absolute;left:.65rem;bottom:.4rem;font:.48rem "DM Mono",monospace;letter-spacing:.08em;color:#ffcf87;background:#07242ad9;padding:.2rem}.formation-films__vector{z-index:3}.formation-films__hud{z-index:5}.formation-films__replay{z-index:6}.formation-films__scan-bay{border:1px solid rgba(255,183,77,.5);padding:1.6rem;position:relative}.formation-films__gl-mark{display:grid;place-items:center;width:3rem;height:3rem;background:#ff5d2a;color:#102e35;font:900 1rem "DM Mono",monospace;margin-bottom:1rem}@keyframes filmUnitFloat{0%,100%{translate:0 0}50%{translate:.3rem -.7rem}}@media(max-width:760px){.formation-films__list:before{left:1rem}.formation-films__film:before{display:none}.formation-films__squadron{width:11rem;height:7.5rem;right:.6rem;top:2.6rem}.formation-films__squadron img{width:3.7rem;max-height:3.6rem}.formation-films__squadron img:nth-child(2){left:3.75rem;top:.55rem}.formation-films__squadron b{font-size:.4rem}.formation-films__caption{position:relative;padding-left:1.4rem}.formation-films__caption:before{content:"";position:absolute;left:0;top:.2rem;bottom:.2rem;border-left:2px solid #ff5d2a}}@media(prefers-reduced-motion:reduce){.formation-films__squadron img{animation:none}}
/** Design reminder — The Long Flight canvas is a transparent, continuous product layer; it must never obscure the cinematic stream or capture pointer interaction. */
.long-flight-canvas{position:fixed;inset:0;z-index:4;width:100vw;height:100vh;pointer-events:none}.long-flight-canvas:focus{outline:none}
/** Design reminder — The Long Flight: content panels must read clearly over one fixed film, while the film and real-product canvas remain visible through the interface. */
.long-flight{min-height:100vh;background:#071f26;color:#fff9eb}.long-flight__fixed{position:fixed;inset:0;z-index:0;overflow:hidden;background:#06222a}.long-flight__video{width:100%;height:100%;object-fit:cover;filter:saturate(.88) contrast(1.06) brightness(.77)}.long-flight__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,18,24,.84),rgba(3,18,24,.28) 53%,rgba(3,18,24,.62)),linear-gradient(0deg,rgba(4,17,23,.7),transparent 48%)}.long-flight__shell{position:relative;z-index:3}.long-flight__hero{min-height:100svh;padding:11rem max(7vw,2rem) 5rem;display:flex;flex-direction:column;justify-content:center;max-width:55rem}.long-flight__hero h1,.long-flight__finish h2{font:800 clamp(4rem,10vw,10.5rem)/.82 "Bricolage Grotesque",sans-serif;letter-spacing:-.09em;margin:.8rem 0 1.2rem}.long-flight__hero h1 em,.long-flight__finish em{color:#ff6a36;font-style:normal}.long-flight__hero>p:not(.eyebrow){font-size:1.18rem;line-height:1.5;max-width:35rem}.long-flight__hero a,.long-flight__scene a,.long-flight__finish a{display:inline-flex;gap:.65rem;align-items:center;background:#ff5d2a;color:#06222a;text-transform:uppercase;font:800 .72rem "DM Mono",monospace;letter-spacing:.08em;padding:1rem 1.2rem;width:max-content;margin-top:1.5rem}.long-flight__story{position:relative}.long-flight__scene{min-height:110svh;padding:10rem max(7vw,2rem) 5rem;display:flex;align-items:center}.long-flight__scene>div{width:min(31rem,100%);padding:2.2rem;background:rgba(4,25,32,.74);backdrop-filter:blur(13px);border:1px solid rgba(255,255,255,.23);box-shadow:1.2rem 1.2rem 0 rgba(255,93,42,.9)}.long-flight__scene:nth-child(even){justify-content:flex-end;text-align:right}.long-flight__scene p{font:700 .65rem "DM Mono",monospace;color:#ffca72;letter-spacing:.1em}.long-flight__scene h2{font:800 clamp(3rem,6vw,6.2rem)/.84 "Bricolage Grotesque",sans-serif;letter-spacing:-.07em;margin:.7rem 0}.long-flight__scene span{display:block;line-height:1.55;color:#e5ebe7}.long-flight__scene b{display:block;font:700 .68rem "DM Mono",monospace;color:#ffca72;letter-spacing:.08em;margin-top:1.25rem}.long-flight__scene a{margin-top:.6rem}.long-flight__finish{min-height:90svh;padding:12rem max(7vw,2rem) 5rem;background:linear-gradient(110deg,rgba(4,25,32,.95),rgba(4,25,32,.42));display:flex;flex-direction:column;justify-content:center}.long-flight__rail{position:fixed;z-index:5;right:1.1rem;top:50%;transform:translateY(-50%);display:grid;gap:.55rem}.long-flight__rail button{display:flex;align-items:center;gap:.35rem;color:#fff9eb;background:transparent;border:0;font:.58rem "DM Mono",monospace}.long-flight__rail i{display:block;width:1.2rem;height:2px;background:#ffffff66}.long-flight__rail .is-active{color:#ffb043}.long-flight__rail .is-active i{width:2.6rem;background:#ff5d2a}.long-flight__controls{position:fixed;z-index:6;right:1.2rem;bottom:1.2rem;display:flex;gap:.5rem}.long-flight__controls button{display:flex;align-items:center;gap:.45rem;border:1px solid #ffb043;background:#06222ad9;color:#fff9eb;font:700 .62rem "DM Mono",monospace;padding:.75rem}.long-flight__controls button:first-child{background:#ff5d2a;color:#06222a}@media(max-width:760px){.long-flight__hero{padding:7rem 1.25rem 3rem}.long-flight__hero h1,.long-flight__finish h2{font-size:4.3rem}.long-flight__scene{min-height:100svh;padding:6rem 1rem 4rem;align-items:flex-end}.long-flight__scene:nth-child(even){justify-content:flex-start;text-align:left}.long-flight__scene>div{padding:1.25rem;box-shadow:.65rem .65rem 0 rgba(255,93,42,.9)}.long-flight__scene h2{font-size:3.6rem}.long-flight__rail{right:.5rem}.long-flight__rail button span{display:none}.long-flight__controls{left:.7rem;right:.7rem;bottom:.7rem;justify-content:space-between}.long-flight__controls button{font-size:.55rem;padding:.65rem}.long-flight__finish{padding:8rem 1.25rem 7rem}}@media(prefers-reduced-motion:reduce){.long-flight__video{display:none}.long-flight__fixed{background:linear-gradient(135deg,#0c3b43,#16313d 52%,#5b5540)}}
/** Design reminder — Long Flight refinement: every chapter must reveal its landscape, product squad, and one shared Tangerine wind route above the constant background stream. */
.long-flight__story:before{content:"";position:absolute;z-index:1;left:50%;top:0;bottom:0;width:3px;background:#ff5d2a;box-shadow:0 0 1.2rem rgba(255,93,42,.82);transform:translateX(-50%)}.long-flight__scene{position:relative;isolation:isolate}.long-flight__scene-art{position:absolute;z-index:-1;inset:8% 6%;background-size:cover;background-position:center;opacity:.64;filter:saturate(1.08) contrast(1.05);box-shadow:0 0 0 1px rgba(255,255,255,.24),1.25rem 1.25rem 0 rgba(255,93,42,.76)}.long-flight__scene-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,25,32,.12),rgba(4,25,32,.68))}.long-flight__scene-card{width:min(31rem,100%);padding:2.2rem;background:rgba(4,25,32,.8);backdrop-filter:blur(13px);border:1px solid rgba(255,255,255,.25);box-shadow:1.2rem 1.2rem 0 rgba(255,93,42,.9);position:relative;z-index:2}.long-flight__scene:nth-child(even) .long-flight__scene-card{margin-left:auto}.long-flight__product-callout{position:absolute;right:10%;bottom:11%;z-index:4;width:13rem;height:8rem;background:#06222ae8;border:1px solid #ffca72;border-left:3px solid #ff5d2a;display:flex;align-items:center;justify-content:center;gap:.25rem;box-shadow:.9rem .9rem 0 rgba(4,25,32,.7)}.long-flight__scene:nth-child(even) .long-flight__product-callout{left:10%;right:auto}.long-flight__product-callout img{width:4.35rem;height:4.35rem;object-fit:contain;filter:drop-shadow(0 .35rem .3rem rgba(0,0,0,.58))}.long-flight__product-callout i{position:absolute;bottom:.45rem;left:.5rem;font:700 .48rem "DM Mono",monospace;color:#ffca72;letter-spacing:.08em;font-style:normal}.long-flight__rail:before{content:"";position:absolute;left:.22rem;top:.2rem;bottom:.2rem;border-left:2px solid #ff5d2a;opacity:.75}.long-flight__rail button{position:relative}.long-flight__scene:nth-child(3) .long-flight__scene-art{filter:saturate(1.18) hue-rotate(8deg)}.long-flight__scene:nth-child(5) .long-flight__scene-art{filter:saturate(.9) brightness(1.12)}@media(max-width:760px){.long-flight__story:before{left:.75rem}.long-flight__scene-art{inset:7% 3%;opacity:.52}.long-flight__scene-card{padding:1.25rem;box-shadow:.65rem .65rem 0 rgba(255,93,42,.9)}.long-flight__scene:nth-child(even) .long-flight__scene-card{margin-left:0}.long-flight__product-callout{right:1.25rem;bottom:1.4rem;width:9.5rem;height:5.8rem}.long-flight__scene:nth-child(even) .long-flight__product-callout{left:auto;right:1.25rem}.long-flight__product-callout img{width:3.1rem;height:3.1rem}}
.long-flight__dom-wing{position:fixed;z-index:5;right:4vw;top:17vh;width:min(33vw,31rem);height:min(26vw,19rem);pointer-events:none;filter:drop-shadow(0 .8rem .8rem rgba(0,0,0,.52));animation:long-wing-cruise 10s cubic-bezier(.42,0,.22,1) infinite;transform-origin:50% 48%}.long-flight__dom-wing img{position:absolute;object-fit:contain;filter:drop-shadow(0 .4rem .35rem rgba(0,0,0,.58))}.long-flight__wing-lead{width:clamp(7rem,12vw,11rem);left:40%;top:14%;animation:wing-bank-lead 3.9s ease-in-out infinite}.long-flight__wing-left{width:clamp(6rem,10vw,9rem);left:8%;top:37%;animation:wing-bank-left 4.4s ease-in-out infinite}.long-flight__wing-right{width:clamp(6rem,10vw,9rem);right:4%;top:39%;animation:wing-bank-right 4.2s ease-in-out infinite}.long-flight__wing-low-left{width:clamp(5.4rem,8vw,7.5rem);left:25%;bottom:4%;animation:wing-bank-left 4.8s ease-in-out infinite reverse}.long-flight__wing-low-right{width:clamp(5.5rem,8vw,7.6rem);right:23%;bottom:6%;animation:wing-bank-right 4.7s ease-in-out infinite reverse}.long-flight__dom-wing span{position:absolute;left:0;bottom:-.9rem;color:#ffca72;font:700 .55rem "DM Mono",monospace;letter-spacing:.1em;padding:.45rem .55rem;background:#06222ad9;border-left:2px solid #ff5d2a}.long-flight__dom-wing.is-paused,.long-flight__dom-wing.is-paused *{animation-play-state:paused}@keyframes long-wing-cruise{0%,100%{transform:translate3d(4vw,3vh,0) rotate(-4deg)}35%{transform:translate3d(-2vw,-1vh,0) rotate(3deg)}68%{transform:translate3d(1vw,2vh,0) rotate(-1deg)}}@keyframes wing-bank-lead{0%,100%{transform:rotate(-8deg) translateY(0)}50%{transform:rotate(8deg) translateY(-.8rem)}}@keyframes wing-bank-left{0%,100%{transform:rotate(9deg) translateY(.2rem)}50%{transform:rotate(-6deg) translateY(-.55rem)}}@keyframes wing-bank-right{0%,100%{transform:rotate(-9deg) translateY(0)}50%{transform:rotate(6deg) translateY(-.7rem)}}@media(max-width:760px){.long-flight__dom-wing{right:.2rem;top:7.4rem;width:13rem;height:10rem;transform:scale(.78);transform-origin:top right}.long-flight__dom-wing span{font-size:.42rem;bottom:-.3rem}}@media(prefers-reduced-motion:reduce){.long-flight__dom-wing,.long-flight__dom-wing *{animation:none!important}}
/* Pacific Refined v2 — real product cutouts fly as a single banked Pacific squadron, with a Tangerine wind route below. */
.pacific-product-formation{position:absolute;z-index:2;inset:0;overflow:hidden;pointer-events:none}.pacific-product-formation canvas{display:block;width:100%;height:100%}.pacific-product-formation span{position:absolute;right:clamp(1.2rem,5vw,5rem);bottom:1.9rem;color:#ffbe5c;font:700 .55rem 'DM Mono',monospace;letter-spacing:.1em;text-shadow:0 1px 10px rgba(0,0,0,.65)}.pacific-refined__hero .pacific-product-formation{mix-blend-mode:normal}.pacific-refined__hero-copy,.pacific-refined__hero-meta,.pacific-refined__reward-copy,.pacific-refined__reward .truffle-discovery,.pacific-refined__video-break>div,.pacific-refined__video-break>b{z-index:4}@media(max-width:800px){.pacific-product-formation{opacity:.88}.pacific-product-formation span{bottom:1rem;right:1rem;font-size:.48rem}}
/* Pacific Refined v4 — a single close product wing, deliberately gummy-led, holds formation before the final peel-away. */
.pacific-squadron-formation{position:absolute;z-index:2;inset:0;overflow:hidden;pointer-events:none}.pacific-squadron-formation canvas{display:block;width:100%;height:100%}.pacific-squadron-formation span{position:absolute;right:clamp(1.2rem,5vw,5rem);bottom:1.9rem;color:#ffbe5c;font:700 .55rem 'DM Mono',monospace;letter-spacing:.1em;text-shadow:0 1px 10px rgba(0,0,0,.65)}.pacific-refined__hero-copy,.pacific-refined__hero-meta,.pacific-refined__reward-copy,.pacific-refined__reward .truffle-discovery,.pacific-refined__video-break>div,.pacific-refined__video-break>b{z-index:4}@media(max-width:800px){.pacific-squadron-formation{opacity:.92}.pacific-squadron-formation span{right:1rem;bottom:1rem;font-size:.48rem}}
/* Pacific Refined v1 — separate Swifts-only refinement; food-first, local, and quietly cinematic. */
.pacific-refined{background:#f5f0e4;color:#18322e;overflow:hidden}.pacific-refined a{color:inherit;text-decoration:none}.pacific-refined__header{position:absolute;z-index:10;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:1.15rem clamp(1.2rem,4vw,4.8rem);color:#f5f0e4;border-bottom:1px solid rgba(245,240,228,.22)}.pacific-refined__mark{display:flex;align-items:center;gap:.45rem;font:700 .56rem/1 "DM Mono",monospace;letter-spacing:.07em}.pacific-refined__mark img{width:1.55rem;height:1.55rem}.pacific-refined__header nav{display:flex;gap:1.7rem;font:700 .62rem "DM Mono",monospace;letter-spacing:.08em;text-transform:uppercase}.pacific-refined__header nav a{opacity:.82}.pacific-refined__header nav a:hover{opacity:1;color:#ffbe5c}.pacific-refined__find{display:flex;align-items:center;gap:.35rem;background:#ff5d2a;color:#1c2a27;padding:.62rem .75rem;font:700 .58rem "DM Mono",monospace;letter-spacing:.06em;text-transform:uppercase}.pacific-refined__menu{display:none;color:inherit;background:none;border:0}.pacific-refined__hero{height:100svh;min-height:42rem;position:relative;color:#f5f0e4;display:flex;align-items:flex-end;padding:0 clamp(1.2rem,7vw,8rem) 5rem}.pacific-refined__hero video,.pacific-refined__reward video,.pacific-refined__video-break video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.pacific-refined__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,33,31,.86) 0,rgba(9,33,31,.42) 50%,rgba(9,33,31,.14)),linear-gradient(0deg,rgba(8,28,27,.75),transparent 52%)}.pacific-refined__hero-copy{position:relative;z-index:2;max-width:47rem}.pacific-refined__hero-copy>p,.pacific-refined__kicker{font:700 .62rem "DM Mono",monospace;letter-spacing:.12em}.pacific-refined h1,.pacific-refined h2{font:800 clamp(4.5rem,9.2vw,10rem)/.81 "Bricolage Grotesque",serif;letter-spacing:-.09em;margin:.8rem 0}.pacific-refined h1 em,.pacific-refined h2 em{font:400 1em "DM Serif Display",serif;letter-spacing:-.04em}.pacific-refined__hero-copy a,.pacific-refined__feature-copy a,.pacific-refined__story a{display:inline-flex;gap:.55rem;align-items:center;padding:1rem 1.15rem;background:#ff5d2a;color:#17302c;font:700 .67rem "DM Mono",monospace;letter-spacing:.07em;text-transform:uppercase}.pacific-refined__hero-meta{position:absolute;z-index:2;bottom:1.4rem;left:clamp(1.2rem,7vw,8rem);right:clamp(1.2rem,7vw,8rem);display:flex;justify-content:space-between;font:700 .55rem "DM Mono",monospace;letter-spacing:.1em}.pacific-refined__brand{padding:9rem clamp(1.2rem,15vw,16rem);background:#f5f0e4;display:grid;grid-template-columns:1fr 1fr;gap:4rem}.pacific-refined__brand h2{font-size:clamp(3.3rem,6.5vw,7rem)}.pacific-refined__brand>p{max-width:28rem;font-size:1.12rem;line-height:1.65;align-self:end}.pacific-refined__brand>div{grid-column:1/-1;border-top:2px solid #ff5d2a;display:flex;justify-content:space-between;padding-top:1rem;font:700 .62rem "DM Mono",monospace;letter-spacing:.1em}.pacific-refined__feature{padding:8rem clamp(1.2rem,7vw,8rem);display:grid;grid-template-columns:.8fr 1.2fr;gap:5rem;align-items:center;background:#d7e7cc}.pacific-refined__feature h2,.pacific-refined__browser h2,.pacific-refined__story h2,.pacific-refined__locator h2{font-size:clamp(3.4rem,6vw,7rem)}.pacific-refined__feature-copy>p:last-of-type{max-width:26rem;line-height:1.65}.pacific-refined__feature figure{margin:0;min-height:31rem;position:relative;background:#f5f0e4;border:1px solid #18322e;display:grid;place-items:center}.pacific-refined__feature figure:before{content:"";position:absolute;left:8%;right:8%;top:45%;border-top:3px dashed #ff5d2a;transform:rotate(-16deg)}.pacific-refined__feature figure i{position:absolute;top:1rem;left:1rem;font:700 .62rem "DM Mono",monospace;color:#ff5d2a;font-style:normal}.pacific-refined__feature figure img{max-height:26rem;max-width:75%;object-fit:contain;position:relative;filter:drop-shadow(0 1.3rem .9rem rgba(24,50,46,.3))}.pacific-refined__feature figcaption{position:absolute;bottom:1rem;font:700 .56rem "DM Mono",monospace;letter-spacing:.09em}.pacific-refined__reward{height:55rem;position:relative;color:#f5f0e4;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:0 clamp(1.2rem,8vw,9rem);overflow:hidden}.pacific-refined__reward-shade{position:absolute;inset:0;background:rgba(7,29,29,.54);backdrop-filter:blur(1px)}.pacific-refined__reward-copy,.pacific-refined__reward .truffle-discovery{position:relative;z-index:2}.pacific-refined__reward-copy p:last-child{max-width:23rem;line-height:1.6}.truffle-discovery{width:min(30rem,42vw);justify-self:center;text-align:center;position:relative}.truffle-discovery:before{content:"";position:absolute;inset:16% 5%;border-radius:50%;background:radial-gradient(circle,#ffb44d33,transparent 65%);filter:blur(1rem)}.truffle-discovery__stage{position:relative;z-index:1;height:26rem;outline:none;touch-action:none;cursor:grab}.truffle-discovery__stage:active{cursor:grabbing}.truffle-discovery__stage canvas,.truffle-discovery__stage img{width:100%;height:100%;object-fit:contain}.truffle-discovery p{position:relative;z-index:2;margin:0;display:flex;flex-direction:column;gap:.3rem}.truffle-discovery p span{font:700 .58rem "DM Mono",monospace;color:#ffbe5c;letter-spacing:.1em}.truffle-discovery p strong{font:400 1.35rem "DM Serif Display",serif}.truffle-discovery button{position:relative;z-index:2;margin-top:.8rem;background:#ff5d2a;border:0;padding:.55rem .7rem;color:#17302c;font:700 .55rem "DM Mono",monospace;display:inline-flex;gap:.3rem;align-items:center}.pacific-refined__browser{padding:9rem clamp(1.2rem,7vw,8rem);background:#f5f0e4;display:grid;grid-template-columns:.55fr 1.45fr;gap:4rem}.pacific-refined__browser header>p:last-child{line-height:1.6}.pacific-refined__browser-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#b9c6ba;border-top:3px solid #ff5d2a}.pacific-refined__browser-grid a{min-height:18rem;background:#f5f0e4;padding:1rem;position:relative;display:flex;flex-direction:column}.pacific-refined__browser-grid a>span{position:absolute;top:-.75rem;left:1rem;width:1.45rem;height:1.45rem;display:grid;place-items:center;border-radius:50%;background:#ff5d2a;color:#18322e;font:700 .5rem "DM Mono",monospace}.pacific-refined__browser-grid img{height:9rem;width:100%;object-fit:contain;margin:.6rem 0}.pacific-refined__browser-grid b{font-size:1rem}.pacific-refined__browser-grid small,.pacific-refined__browser-grid i{font:700 .52rem "DM Mono",monospace;letter-spacing:.06em}.pacific-refined__browser-grid p{margin:.5rem 0;line-height:1.35;font-size:.77rem}.pacific-refined__browser-grid i{font-style:normal;color:#ff5d2a;margin-top:auto}.pacific-refined__video-break{height:29rem;position:relative;color:#f5f0e4;display:grid;place-items:center}.pacific-refined__video-break:after{content:"";position:absolute;inset:0;background:rgba(8,32,31,.36)}.pacific-refined__video-break div{position:relative;z-index:2;text-align:center}.pacific-refined__video-break p,.pacific-refined__video-break span{font:800 clamp(3rem,7vw,7rem)/.83 "Bricolage Grotesque",serif;letter-spacing:-.08em;margin:0}.pacific-refined__video-break span{color:#ffbe5c;font-family:"DM Serif Display",serif;font-weight:400}.pacific-refined__story{padding:9rem clamp(1.2rem,13vw,14rem);background:#18322e;color:#f5f0e4;display:grid;grid-template-columns:1fr 1fr;gap:5rem}.pacific-refined__story>div:last-child{align-self:end;max-width:27rem}.pacific-refined__story>div:last-child p{line-height:1.65}.pacific-refined__story a{margin-top:1rem}.pacific-refined__locator{padding:8rem clamp(1.2rem,12vw,13rem);background:#ffb44d;display:grid;grid-template-columns:1fr 1fr;gap:5rem;color:#18322e}.pacific-refined__locator p{max-width:29rem;line-height:1.6}.pacific-refined__locator form{align-self:center}.pacific-refined__locator label,.pacific-refined__locator small{font:700 .58rem "DM Mono",monospace;letter-spacing:.09em}.pacific-refined__locator form>div{display:flex;margin:.7rem 0}.pacific-refined__locator input{min-width:0;flex:1;border:1px solid #18322e;background:#f5f0e4;padding:1rem;font:700 1rem "DM Mono",monospace}.pacific-refined__locator button{display:flex;align-items:center;gap:.4rem;border:0;background:#18322e;color:#f5f0e4;padding:1rem;font:700 .62rem "DM Mono",monospace}.pacific-refined__footer{padding:1.2rem clamp(1.2rem,5vw,5rem);background:#18322e;color:#f5f0e4;display:flex;justify-content:space-between;font:700 .56rem "DM Mono",monospace;letter-spacing:.08em}@media(max-width:800px){.pacific-refined__header{padding:.85rem 1rem}.pacific-refined__header nav{display:none}.pacific-refined__header nav.is-open{display:flex;position:absolute;top:100%;left:0;right:0;background:#18322e;padding:1.2rem;flex-direction:column}.pacific-refined__menu{display:block}.pacific-refined__find{display:none}.pacific-refined__hero{min-height:43rem;padding:0 1.2rem 3.5rem}.pacific-refined h1{font-size:4.2rem}.pacific-refined__brand,.pacific-refined__feature,.pacific-refined__browser,.pacific-refined__story,.pacific-refined__locator{grid-template-columns:1fr;padding:5.5rem 1.2rem;gap:2.8rem}.pacific-refined__brand>div{flex-direction:column;gap:.5rem}.pacific-refined__feature figure{min-height:22rem}.pacific-refined__reward{height:51rem;grid-template-columns:1fr;padding:4rem 1.2rem}.truffle-discovery{width:min(23rem,90vw);align-self:start}.truffle-discovery__stage{height:20rem}.pacific-refined__browser-grid{grid-template-columns:repeat(2,1fr)}.pacific-refined__browser-grid a{min-height:15rem}.pacific-refined__browser-grid img{height:7rem}.pacific-refined__video-break{height:22rem}.pacific-refined__story,.pacific-refined__locator{gap:2.2rem}.pacific-refined__footer{flex-direction:column;gap:.7rem}}
/* Pacific Refined v1 refinement — route infrastructure, diverse Washington chapters, and a tactile Green Labs switchboard. */
.pacific-refined{position:relative}.pacific-refined__conduit{position:fixed;z-index:9;left:1.3rem;top:6.5rem;bottom:1.5rem;width:1rem;pointer-events:none}.pacific-refined__conduit:before{content:"";position:absolute;left:50%;top:0;bottom:0;border-left:2px solid #FF5D2A;box-shadow:0 0 1rem rgba(255,93,42,.35)}.pacific-refined__conduit span{position:absolute;left:50%;width:.7rem;height:.7rem;border-radius:50%;background:#FF5D2A;transform:translateX(-50%);box-shadow:0 0 0 .22rem rgba(245,240,228,.4)}.pacific-refined__conduit span:nth-child(1){top:6%}.pacific-refined__conduit span:nth-child(2){top:24%}.pacific-refined__conduit span:nth-child(3){top:41%}.pacific-refined__conduit span:nth-child(4){top:59%}.pacific-refined__conduit span:nth-child(5){top:77%}.pacific-refined__conduit span:nth-child(6){bottom:2%}.pacific-refined__feature{position:relative;overflow:hidden;background:#cde0c4}.pacific-refined__feature:before{content:"";position:absolute;inset:0;background:url('/manus-storage/formation-oldgrowth-huckleberry_9e9856ba.png') center/cover;opacity:.18;mix-blend-mode:multiply}.pacific-refined__feature>*{position:relative;z-index:1}.pacific-refined__feature-node{position:absolute;z-index:2;border-radius:50%;background:#FF5D2A;box-shadow:0 0 0 .35rem rgba(255,93,42,.15)}.pacific-refined__feature-node.node-one{width:1.4rem;height:1.4rem;right:42%;top:19%}.pacific-refined__feature-node.node-two{width:.85rem;height:.85rem;right:8%;bottom:18%}.pacific-refined__reward{background:url('/manus-storage/formation-oldgrowth-huckleberry_9e9856ba.png') center/cover}.pacific-refined__reward video{opacity:.3}.pacific-refined__reward-shade{background:linear-gradient(90deg,rgba(8,39,33,.84),rgba(15,49,39,.42))}.pacific-refined__reward:after{content:"";position:absolute;z-index:1;left:0;right:0;bottom:18%;border-top:3px dashed #FF5D2A;transform:rotate(-5deg);box-shadow:0 0 .8rem rgba(255,93,42,.45)}.truffle-discovery:after{content:"";position:absolute;z-index:0;left:-10%;right:-10%;top:48%;border-top:3px solid #FF5D2A;transform:rotate(7deg);box-shadow:0 0 .8rem rgba(255,93,42,.45)}.pacific-refined__browser{position:relative}.pacific-refined__browser-terminal{display:block;margin-top:1.8rem;border-left:3px solid #FF5D2A;padding:.6rem .7rem;color:#8b371e;font:700 .57rem 'DM Mono',monospace;letter-spacing:.1em}.pacific-refined__browser-grid{position:relative;padding-top:1.2rem;background:#b9c6ba}.pacific-refined__browser-grid:before{content:"";position:absolute;z-index:3;left:4%;right:4%;top:.45rem;border-top:3px solid #FF5D2A;box-shadow:0 0 .75rem rgba(255,93,42,.4)}.pacific-refined__browser-grid a>span{z-index:4;box-shadow:0 0 0 .25rem #f5f0e4}.pacific-refined__browser-grid a:after{content:"";position:absolute;top:-.65rem;left:50%;height:.65rem;border-left:2px solid #FF5D2A}.pacific-refined__video-break{background:url('/manus-storage/formation-rainier-glacial-return_f53b6083.png') center/cover}.pacific-refined__video-break video{opacity:.24}.pacific-refined__video-break:before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(16,45,54,.48),rgba(27,57,63,.18))}.pacific-refined__video-break b{position:absolute;z-index:3;left:clamp(1.2rem,7vw,8rem);top:1.5rem;color:#FFBE5C;font:700 .58rem 'DM Mono',monospace;letter-spacing:.11em}.pacific-refined__video-break div{z-index:4}.pacific-refined__story{position:relative;overflow:hidden}.pacific-refined__story:before{content:"";position:absolute;left:0;right:0;top:2.2rem;border-top:3px solid #FF5D2A}.pacific-refined__story>*{position:relative;z-index:1}@media(max-width:800px){.pacific-refined__conduit{display:none}.pacific-refined__reward:after{bottom:25%}.pacific-refined__feature-node{display:none}}
/* Pacific Refined v2 — Pacific Flight product formation is carried by a highly visible Tangerine journey rail and a scan-concierge switchboard. */
.pacific-refined--v2 .pacific-refined__conduit{left:clamp(1rem,2.1vw,2.4rem);width:3.15rem}.pacific-refined--v2 .pacific-refined__conduit:before{border-left-width:3px;box-shadow:0 0 1.3rem rgba(255,93,42,.72)}.pacific-refined--v2 .pacific-refined__conduit:after{content:'PACIFIC  /  FOREST  /  ALPINE  /  FACTS';position:absolute;left:.88rem;top:9%;height:82%;color:#FF5D2A;font:700 .48rem 'DM Mono',monospace;letter-spacing:.14em;writing-mode:vertical-rl;text-orientation:mixed;text-shadow:0 1px 4px rgba(245,240,228,.76)}.pacific-refined--v2 .pacific-refined__conduit span{width:.94rem;height:.94rem;box-shadow:0 0 0 .26rem #f5f0e4,0 0 .9rem rgba(255,93,42,.72)}.pacific-refined--v2 .pacific-refined__header{padding-top:1rem;padding-bottom:1rem;background:linear-gradient(180deg,rgba(10,38,36,.8),rgba(10,38,36,.18))}.pacific-refined--v2 .pacific-refined__mark{gap:.65rem;font-size:.65rem}.pacific-refined--v2 .pacific-refined__mark img{width:2.25rem;height:2.25rem;filter:drop-shadow(0 0 .6rem rgba(255,190,92,.25))}.pacific-refined--v2 .pacific-refined__brand{position:relative;background-image:radial-gradient(circle at 84% 17%,rgba(255,93,42,.15) 0 .2rem,transparent .25rem),radial-gradient(circle at 78% 24%,rgba(255,180,77,.75) 0 .35rem,transparent .39rem);background-size:3.5rem 3.5rem,5.7rem 5.7rem}.pacific-refined--v2 .pacific-refined__brand>div{position:relative}.pacific-refined--v2 .pacific-refined__brand>div:after{content:'ROUTE CONTINUES → EVERGREEN CORRIDOR';position:absolute;right:0;bottom:-1.5rem;color:#FF5D2A;font:700 .5rem 'DM Mono',monospace;letter-spacing:.1em}.pacific-refined--v2 .pacific-refined__feature figure:after{content:'01  /  PACK BAY  /  PINEAPPLE';position:absolute;top:48%;right:-3.8rem;transform:rotate(90deg);transform-origin:center;color:#FF5D2A;font:700 .5rem 'DM Mono',monospace;letter-spacing:.11em}.pacific-refined--v2 .pacific-refined__browser{position:relative;border-top:4px solid #FF5D2A;border-bottom:4px solid #FF5D2A;grid-template-columns:.42fr 1.58fr}.pacific-refined--v2 .pacific-refined__browser header:after{content:'SELECT A STATION.  PACK FACTS FOLLOW THE RAIL.';display:block;margin-top:2.2rem;padding:.7rem .7rem;border:1px solid #FF5D2A;color:#9c3b21;font:700 .55rem 'DM Mono',monospace;letter-spacing:.08em}.pacific-refined--v2 .pacific-refined__browser-grid{display:grid;grid-template-columns:1fr;gap:.55rem;padding:1.4rem;background:#18322e;border-top:0}.pacific-refined--v2 .pacific-refined__browser-grid:before{top:1.25rem;bottom:1.25rem;left:2.25rem;right:auto;border-left:3px solid #FF5D2A;border-top:0;box-shadow:0 0 .75rem rgba(255,93,42,.45)}.pacific-refined--v2 .pacific-refined__browser-grid a{min-height:8.6rem;display:grid;grid-template-columns:3.7rem 8.7rem minmax(0,1fr) auto;align-items:center;gap:1.1rem;padding:1rem 1.4rem 1rem 3.9rem;background:#f5f0e4;border-left:3px solid transparent;transition:transform .18s var(--ease-out),border-color .18s var(--ease-out)}.pacific-refined--v2 .pacific-refined__browser-grid a:hover{border-left-color:#FF5D2A;transform:translateX(.35rem)}.pacific-refined--v2 .pacific-refined__browser-grid a>span{top:50%;left:.95rem;width:1.65rem;height:1.65rem;transform:translateY(-50%);font-size:.56rem}.pacific-refined--v2 .pacific-refined__browser-grid a:after{top:50%;left:2.62rem;height:0;width:1.25rem;border-top:2px solid #FF5D2A;border-left:0}.pacific-refined--v2 .pacific-refined__browser-grid img{height:7.1rem;margin:0;filter:drop-shadow(.45rem .5rem .3rem rgba(24,50,46,.2))}.pacific-refined--v2 .pacific-refined__browser-grid div{display:grid;grid-template-columns:minmax(8rem,.65fr) minmax(8rem,1fr);gap:.1rem 1.3rem;align-items:baseline}.pacific-refined--v2 .pacific-refined__browser-grid b{font-size:1.2rem}.pacific-refined--v2 .pacific-refined__browser-grid small{color:#FF5D2A}.pacific-refined--v2 .pacific-refined__browser-grid p{grid-column:1/-1;margin:.1rem 0 0;font-size:.82rem}.pacific-refined--v2 .pacific-refined__browser-grid i{white-space:nowrap;margin:0;padding:.55rem .65rem;background:#18322e;color:#f5f0e4}.pacific-refined--v2 .pacific-refined__video-break{border-top:3px solid #FF5D2A;border-bottom:3px solid #FF5D2A}.pacific-refined--v2 .pacific-refined__story{background-image:radial-gradient(circle at 85% 20%,rgba(255,190,92,.18) 0 .28rem,transparent .32rem),radial-gradient(circle at 78% 76%,rgba(255,93,42,.62) 0 .2rem,transparent .25rem);background-size:4rem 4rem,5.5rem 5.5rem}.pacific-refined--v2 .pacific-refined__locator{position:relative;background:#f5f0e4;color:#18322e;border-top:0;border-bottom:3px solid #FF5D2A}.pacific-refined--v2 .pacific-refined__locator:before{content:'SCAN CONCIERGE / FIND YOUR PACK';position:absolute;top:1.2rem;right:clamp(1.2rem,6vw,7rem);color:#FF5D2A;font:700 .56rem 'DM Mono',monospace;letter-spacing:.1em}.pacific-refined--v2 .pacific-refined__locator form{padding:1.25rem;border:1px solid #18322e;box-shadow:.45rem .45rem 0 #FF5D2A}.pacific-refined--v2 .pacific-refined__locator button{background:#FF5D2A;color:#18322e}.pacific-refined--v2 .pacific-refined__footer{border-top:0}@media(max-width:800px){.pacific-refined--v2 .pacific-refined__conduit{display:none}.pacific-refined--v2 .pacific-refined__mark img{width:1.75rem;height:1.75rem}.pacific-refined--v2 .pacific-refined__brand>div:after{position:static;display:block;margin-top:1rem}.pacific-refined--v2 .pacific-refined__feature figure:after{right:-3.4rem;font-size:.44rem}.pacific-refined--v2 .pacific-refined__browser{grid-template-columns:1fr}.pacific-refined--v2 .pacific-refined__browser-grid a{grid-template-columns:2.3rem 5rem minmax(0,1fr);gap:.7rem;min-height:7.6rem;padding:1rem 1rem 1rem 3.25rem}.pacific-refined--v2 .pacific-refined__browser-grid a>span{left:.78rem}.pacific-refined--v2 .pacific-refined__browser-grid a:after{left:2.45rem;width:.8rem}.pacific-refined--v2 .pacific-refined__browser-grid img{height:4.8rem}.pacific-refined--v2 .pacific-refined__browser-grid div{grid-template-columns:1fr}.pacific-refined--v2 .pacific-refined__browser-grid p{font-size:.67rem}.pacific-refined--v2 .pacific-refined__browser-grid i{display:none}.pacific-refined--v2 .pacific-refined__locator:before{position:static;display:block;margin:0 0 1.5rem}.pacific-refined--v2 .pacific-refined__locator form{box-shadow:.3rem .3rem 0 #FF5D2A}}
/* Pacific Refined v3 — package-free flight: only transparent product cutouts travel over the scenic chapters; the supplied truffle model owns the discovery reward. */
.pacific-refined--v3 .pacific-product-formation{isolation:isolate}.pacific-refined--v3 .pacific-product-formation:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,34,33,.16),transparent 38%,rgba(8,34,33,.08));pointer-events:none}.pacific-refined--v3 .truffle-discovery--uploaded .truffle-discovery__stage{height:28rem}.truffle-discovery__loading{position:absolute;inset:0;display:grid;place-items:center;color:#ffbe5c;font:700 .58rem 'DM Mono',monospace;letter-spacing:.12em}.pacific-refined--v3 .truffle-discovery--uploaded p span{color:#ffbe5c}.pacific-refined--v3 .truffle-discovery--uploaded:before{background:radial-gradient(circle,#ffb44d3b,transparent 67%);border:1px solid rgba(255,190,92,.35);inset:13% 3%;transform:rotate(-6deg)}.pacific-refined--v3 .pacific-refined__route-transfer{height:2.8rem;position:relative;display:flex;align-items:center;padding:0 clamp(1.2rem,7vw,8rem);background:#f5f0e4;overflow:hidden}.pacific-refined--v3 .pacific-refined__route-transfer:before{content:'';position:absolute;left:0;right:0;top:50%;border-top:3px solid #FF5D2A;box-shadow:0 0 .8rem rgba(255,93,42,.46)}.pacific-refined--v3 .pacific-refined__route-transfer:after{content:'';position:absolute;top:calc(50% - .46rem);left:clamp(7rem,26vw,29rem);width:.92rem;height:.92rem;border-radius:50%;background:#FF5D2A;box-shadow:0 0 0 .24rem #f5f0e4}.pacific-refined--v3 .pacific-refined__route-transfer span{position:relative;z-index:1;display:inline-block;padding:0 .6rem 0 0;background:#f5f0e4;color:#a53d20;font:700 .52rem 'DM Mono',monospace;letter-spacing:.1em}.pacific-refined--v3 .pacific-refined__route-transfer i{position:absolute;z-index:1;right:clamp(1.2rem,7vw,8rem);width:.55rem;height:.55rem;border-radius:50%;background:#FF5D2A;box-shadow:0 0 0 .24rem #f5f0e4}.pacific-refined--v3 .pacific-refined__reward + .pacific-refined__route-transfer{background:#18322e}.pacific-refined--v3 .pacific-refined__reward + .pacific-refined__route-transfer span,.pacific-refined--v3 .pacific-refined__reward + .pacific-refined__route-transfer i{box-shadow:0 0 0 .24rem #18322e}.pacific-refined--v3 .pacific-refined__reward + .pacific-refined__route-transfer span{background:#18322e;color:#ffbe5c}.pacific-refined--v3 .pacific-refined__browser + .pacific-refined__route-transfer{background:#18322e}.pacific-refined--v3 .pacific-refined__browser + .pacific-refined__route-transfer span,.pacific-refined--v3 .pacific-refined__browser + .pacific-refined__route-transfer i{box-shadow:0 0 0 .24rem #18322e}.pacific-refined--v3 .pacific-refined__browser + .pacific-refined__route-transfer span{background:#18322e;color:#ffbe5c}.pacific-refined--v3 .pacific-refined__video-break + .pacific-refined__route-transfer{background:#18322e}.pacific-refined--v3 .pacific-refined__video-break + .pacific-refined__route-transfer span,.pacific-refined--v3 .pacific-refined__video-break + .pacific-refined__route-transfer i{box-shadow:0 0 0 .24rem #18322e}.pacific-refined--v3 .pacific-refined__video-break + .pacific-refined__route-transfer span{background:#18322e;color:#ffbe5c}@media(max-width:800px){.pacific-refined--v3 .truffle-discovery--uploaded .truffle-discovery__stage{height:21rem}.pacific-refined--v3 .pacific-refined__route-transfer{height:2.45rem;padding:0 1.2rem}.pacific-refined--v3 .pacific-refined__route-transfer:after{left:57%}}
/* Pacific Refined v4 — the small user model is an intentional cacao detail; the coordinated gummy squadron is the large moving evidence across Pacific and alpine scenes. */
.pacific-refined--v4 .truffle-discovery--compact{width:min(21rem,32vw)}.pacific-refined--v4 .truffle-discovery--compact .truffle-discovery__stage{height:18.5rem}.pacific-refined--v4 .truffle-discovery--compact:before{inset:21% 10%;opacity:.8}.pacific-refined--v4 .pacific-squadron-formation{z-index:2}.pacific-refined--v4 .pacific-refined__hero .pacific-squadron-formation{opacity:.98}.pacific-refined--v4 .pacific-refined__hero .pacific-squadron-formation:before{content:'GUMMY LEAD WING / 9 GUMMIES + CACAO + BARS';position:absolute;z-index:2;right:clamp(1.2rem,5vw,5rem);top:7.6rem;color:#ffbe5c;font:700 .52rem 'DM Mono',monospace;letter-spacing:.1em;text-shadow:0 1px 10px rgba(0,0,0,.65)}.pacific-refined--v4 .pacific-refined__video-break .pacific-squadron-formation{opacity:.9}.pacific-refined--v4 .pacific-refined__reward-copy{max-width:28rem}@media(max-width:800px){.pacific-refined--v4 .truffle-discovery--compact{width:min(16rem,66vw)}.pacific-refined--v4 .truffle-discovery--compact .truffle-discovery__stage{height:14.25rem}.pacific-refined--v4 .pacific-refined__hero .pacific-squadron-formation:before{right:1rem;top:6.5rem;font-size:.44rem}}
/* Pacific Refined v6 — the exact Pacific Flight sequence stays intact; the appended truffle view uses a contained frame so the supplied GLB remains fully visible. */
.pacific-refined-v6-truffle{min-height:40rem;display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;padding:6rem clamp(1.2rem,9vw,10rem);background:url('/manus-storage/formation-oldgrowth-huckleberry_9e9856ba.png') center/cover;color:#f5f0e4;position:relative;isolation:isolate;overflow:hidden}.pacific-refined-v6-truffle:before{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(9,39,32,.92),rgba(9,39,32,.5))}.pacific-refined-v6-truffle>div:first-child>p{color:#ffbe5c;font:700 .6rem 'DM Mono',monospace;letter-spacing:.12em}.pacific-refined-v6-truffle h2{margin:.8rem 0;font:800 clamp(3.5rem,6vw,6.7rem)/.84 'Bricolage Grotesque',serif;letter-spacing:-.08em}.pacific-refined-v6-truffle h2 em{font:400 1em 'DM Serif Display',serif;color:#ffbe5c}.pacific-refined-v6-truffle>div:first-child>span{display:block;max-width:25rem;line-height:1.65}.pacific-refined-v6-truffle .truffle-discovery{width:min(24rem,37vw);justify-self:center}.pacific-refined-v6-truffle .truffle-discovery--contained .truffle-discovery__stage{height:22rem}.pacific-refined-v6-truffle .truffle-discovery--contained:before{inset:15%;border:1px solid rgba(255,190,92,.42);background:radial-gradient(circle,#ffb44d31,transparent 69%)}@media(max-width:800px){.pacific-refined-v6-truffle{grid-template-columns:1fr;padding:4.5rem 1.2rem;gap:1rem;min-height:47rem}.pacific-refined-v6-truffle .truffle-discovery{width:min(18rem,80vw)}.pacific-refined-v6-truffle .truffle-discovery--contained .truffle-discovery__stage{height:17rem}}
/* Pacific Refined v7 — the supplied truffle’s Swifts face is the resting hero; interactive rotation is opt-in and reveals the geometry only after a drag. */
.pacific-refined-v7-truffle .truffle-discovery--face-first .truffle-discovery__stage{cursor:grab}.pacific-refined-v7-truffle .truffle-discovery--face-first .truffle-discovery__stage:active{cursor:grabbing}.pacific-refined-v7-truffle .truffle-discovery--face-first p span{color:#ffbe5c}.pacific-refined-v7-truffle .truffle-discovery--face-first:after{content:'01 / SWIFTS FACE LOCKED';position:absolute;top:4%;right:2%;color:#ffbe5c;font:700 .5rem 'DM Mono',monospace;letter-spacing:.1em}
/* Pacific Refined v8 — Rainier gets a second product event: a fixed yellow leader while real red/green Swifts gummies arrive symmetrically from left and right. */
.pacific-flight--mountain-arrivals .pacific-flight__stop--rainier{isolation:isolate}.pacific-flight__mountain-arrivals{position:absolute;z-index:6;inset:14% 4% 11%;pointer-events:none}.pacific-flight__mountain-arrivals .pacific-flight__arrival{position:absolute;width:clamp(4.4rem,8vw,8.7rem);height:auto;filter:drop-shadow(0 1.2rem 1rem rgba(13,47,63,.27));will-change:transform}.pacific-flight__mountain-arrivals .pacific-flight__arrival--center{width:clamp(5rem,9vw,9.5rem);left:50%;top:32%;transform:translate(-50%,-50%);animation:v8-yellow-hold 2.7s ease-in-out infinite}.pacific-flight__mountain-arrivals .pacific-flight__arrival--left-one{left:3%;top:23%;animation:v8-arrive-left-one 4.5s cubic-bezier(.22,1,.36,1) infinite}.pacific-flight__mountain-arrivals .pacific-flight__arrival--left-two{left:11%;top:62%;animation:v8-arrive-left-two 5s .35s cubic-bezier(.22,1,.36,1) infinite}.pacific-flight__mountain-arrivals .pacific-flight__arrival--right-one{right:6%;top:25%;animation:v8-arrive-right-one 4.7s .15s cubic-bezier(.22,1,.36,1) infinite}.pacific-flight__mountain-arrivals .pacific-flight__arrival--right-two{right:13%;top:63%;animation:v8-arrive-right-two 5.1s .45s cubic-bezier(.22,1,.36,1) infinite}.pacific-flight__mountain-arrivals b{position:absolute;left:50%;top:55%;transform:translateX(-50%);font:700 .52rem 'DM Mono',monospace;letter-spacing:.12em;color:#ff9e2a;white-space:nowrap;text-shadow:0 1px 8px rgba(5,30,40,.7)}@keyframes v8-yellow-hold{0%,100%{transform:translate(-50%,-50%) translateY(-.35rem) rotate(-3deg)}50%{transform:translate(-50%,-50%) translateY(.35rem) rotate(3deg)}}@keyframes v8-arrive-left-one{0%,14%{transform:translate(-18vw,-2rem) rotate(-28deg);opacity:0}35%,78%{transform:translate(0,0) rotate(9deg);opacity:1}100%{transform:translate(1rem,-.5rem) rotate(13deg);opacity:.15}}@keyframes v8-arrive-left-two{0%,14%{transform:translate(-20vw,2rem) rotate(32deg);opacity:0}38%,80%{transform:translate(0,0) rotate(-10deg);opacity:1}100%{transform:translate(.8rem,.5rem) rotate(-14deg);opacity:.15}}@keyframes v8-arrive-right-one{0%,14%{transform:translate(18vw,-2rem) rotate(30deg);opacity:0}35%,78%{transform:translate(0,0) rotate(-8deg);opacity:1}100%{transform:translate(-1rem,-.5rem) rotate(-12deg);opacity:.15}}@keyframes v8-arrive-right-two{0%,14%{transform:translate(20vw,2rem) rotate(-30deg);opacity:0}38%,80%{transform:translate(0,0) rotate(10deg);opacity:1}100%{transform:translate(-.8rem,.5rem) rotate(14deg);opacity:.15}}@media(max-width:800px){.pacific-flight__mountain-arrivals{inset:19% 2% 8%}.pacific-flight__mountain-arrivals .pacific-flight__arrival{width:18vw}.pacific-flight__mountain-arrivals .pacific-flight__arrival--center{width:21vw}.pacific-flight__mountain-arrivals b{font-size:.4rem;top:57%}}
/* Pacific Refined v9 — three real gummies approach from each Rainier flank: cherry red, watermelon green, and huckleberry purple, with the yellow lead kept centered. */
.pacific-flight--expanded-mountain-arrivals .pacific-flight__arrival--left-three{left:18%;top:42%;animation:v9-arrive-left-three 5.35s .18s cubic-bezier(.22,1,.36,1) infinite}.pacific-flight--expanded-mountain-arrivals .pacific-flight__arrival--right-three{right:19%;top:44%;animation:v9-arrive-right-three 5.45s .28s cubic-bezier(.22,1,.36,1) infinite}@keyframes v9-arrive-left-three{0%,14%{transform:translate(-22vw,0) rotate(-36deg);opacity:0}38%,80%{transform:translate(0,0) rotate(8deg);opacity:1}100%{transform:translate(.7rem,.25rem) rotate(12deg);opacity:.16}}@keyframes v9-arrive-right-three{0%,14%{transform:translate(22vw,0) rotate(36deg);opacity:0}38%,80%{transform:translate(0,0) rotate(-8deg);opacity:1}100%{transform:translate(-.7rem,.25rem) rotate(-12deg);opacity:.16}}@media(max-width:800px){.pacific-flight--expanded-mountain-arrivals .pacific-flight__arrival--left-three{left:20%;top:45%}.pacific-flight--expanded-mountain-arrivals .pacific-flight__arrival--right-three{right:20%;top:46%}}
/* Pacific Refined v10 — explicit six-wing rule: three gummy stations on each flank must remain visible at once, with a separate color and vertical lane for every station. */
.pacific-flight--visible-six-wing .pacific-flight__mountain-arrivals{inset:8% 2% 7%}.pacific-flight--visible-six-wing .pacific-flight__arrival{width:clamp(5.2rem,8.6vw,9.3rem);opacity:1;animation-duration:9.5s;animation-delay:-1.25s}.pacific-flight--visible-six-wing .pacific-flight__arrival--left-one{left:1%;top:7%;animation:v10-left-top 9.5s ease-in-out infinite}.pacific-flight--visible-six-wing .pacific-flight__arrival--left-two{left:4%;top:42%;animation:v10-left-mid 10.3s -.9s ease-in-out infinite}.pacific-flight--visible-six-wing .pacific-flight__arrival--left-three{left:1%;top:75%;animation:v10-left-low 9.9s -1.6s ease-in-out infinite}.pacific-flight--visible-six-wing .pacific-flight__arrival--right-one{right:1%;top:8%;animation:v10-right-top 9.7s -.35s ease-in-out infinite}.pacific-flight--visible-six-wing .pacific-flight__arrival--right-two{right:4%;top:43%;animation:v10-right-mid 10.1s -1.1s ease-in-out infinite}.pacific-flight--visible-six-wing .pacific-flight__arrival--right-three{right:1%;top:75%;animation:v10-right-low 9.6s -.65s ease-in-out infinite}.pacific-flight--visible-six-wing .pacific-flight__arrival--center{left:50%;top:47%;width:clamp(5.8rem,9.5vw,10.2rem);z-index:2}.pacific-flight--visible-six-wing .pacific-flight__mountain-arrivals b{top:58%;z-index:3}@keyframes v10-left-top{0%,100%{transform:translateX(-.45rem) translateY(-.25rem) rotate(-13deg)}50%{transform:translateX(.45rem) translateY(.35rem) rotate(-4deg)}}@keyframes v10-left-mid{0%,100%{transform:translateX(.45rem) translateY(.2rem) rotate(11deg)}50%{transform:translateX(-.45rem) translateY(-.3rem) rotate(3deg)}}@keyframes v10-left-low{0%,100%{transform:translateX(-.35rem) translateY(.35rem) rotate(-8deg)}50%{transform:translateX(.35rem) translateY(-.35rem) rotate(-2deg)}}@keyframes v10-right-top{0%,100%{transform:translateX(.45rem) translateY(-.25rem) rotate(13deg)}50%{transform:translateX(-.45rem) translateY(.35rem) rotate(4deg)}}@keyframes v10-right-mid{0%,100%{transform:translateX(-.45rem) translateY(.2rem) rotate(-11deg)}50%{transform:translateX(.45rem) translateY(-.3rem) rotate(-3deg)}}@keyframes v10-right-low{0%,100%{transform:translateX(.35rem) translateY(.35rem) rotate(8deg)}50%{transform:translateX(-.35rem) translateY(-.35rem) rotate(2deg)}}@media(max-width:800px){.pacific-flight--visible-six-wing .pacific-flight__mountain-arrivals{inset:12% 1% 5%}.pacific-flight--visible-six-wing .pacific-flight__arrival{width:20vw}.pacific-flight--visible-six-wing .pacific-flight__arrival--left-one{left:-2%;top:8%}.pacific-flight--visible-six-wing .pacific-flight__arrival--left-two{left:0;top:43%}.pacific-flight--visible-six-wing .pacific-flight__arrival--left-three{left:-2%;top:75%}.pacific-flight--visible-six-wing .pacific-flight__arrival--right-one{right:-2%;top:9%}.pacific-flight--visible-six-wing .pacific-flight__arrival--right-two{right:0;top:44%}.pacific-flight--visible-six-wing .pacific-flight__arrival--right-three{right:-2%;top:76%}.pacific-flight--visible-six-wing .pacific-flight__arrival--center{width:22vw;top:48%}}
/* Pacific Refined v11 — hero count is explicit: three permanently visible stations per side plus one centered yellow lead, all inside the opening Pacific Flight frame. */
.pacific-flight--hero-six-wing .pacific-flight__hero-copy,.pacific-flight--hero-six-wing .pacific-flight__hero-foot{position:relative;z-index:8}.pacific-flight__hero-six-wing{position:absolute;z-index:5;inset:0;pointer-events:none}.pacific-flight__hero-six-wing .pacific-flight__hero-wing{position:absolute;width:clamp(3.9rem,6.3vw,6.9rem);height:auto;filter:drop-shadow(0 1rem .8rem rgba(4,35,40,.34));animation:hero-wing-bob 3.5s ease-in-out infinite}.pacific-flight__hero-six-wing .pacific-flight__hero-wing--left-one{left:40%;top:14%;animation-delay:-.3s}.pacific-flight__hero-six-wing .pacific-flight__hero-wing--left-two{left:36%;top:48%;animation-delay:-1.1s}.pacific-flight__hero-six-wing .pacific-flight__hero-wing--left-three{left:40%;top:76%;animation-delay:-2s}.pacific-flight__hero-six-wing .pacific-flight__hero-wing--center{left:63%;top:48%;width:clamp(4.7rem,7.5vw,8.4rem);transform:translate(-50%,-50%);animation:hero-yellow-lead 2.8s ease-in-out infinite}.pacific-flight__hero-six-wing .pacific-flight__hero-wing--right-one{right:3%;top:14%;animation-delay:-.55s}.pacific-flight__hero-six-wing .pacific-flight__hero-wing--right-two{right:7%;top:48%;animation-delay:-1.35s}.pacific-flight__hero-six-wing .pacific-flight__hero-wing--right-three{right:3%;top:76%;animation-delay:-2.35s}.pacific-flight__hero-six-wing b{position:absolute;left:63%;top:67%;transform:translateX(-50%);color:#ffae32;font:700 .5rem 'DM Mono',monospace;letter-spacing:.11em;white-space:nowrap;text-shadow:0 1px 8px rgba(4,35,40,.7)}@keyframes hero-wing-bob{0%,100%{transform:translateY(-.35rem) rotate(-7deg)}50%{transform:translateY(.35rem) rotate(7deg)}}@keyframes hero-yellow-lead{0%,100%{transform:translate(-50%,-50%) translateY(-.35rem) rotate(-3deg)}50%{transform:translate(-50%,-50%) translateY(.35rem) rotate(3deg)}}@media(max-width:800px){.pacific-flight__hero-six-wing .pacific-flight__hero-wing{width:17vw}.pacific-flight__hero-six-wing .pacific-flight__hero-wing--left-one{left:41%;top:15%}.pacific-flight__hero-six-wing .pacific-flight__hero-wing--left-two{left:40%;top:49%}.pacific-flight__hero-six-wing .pacific-flight__hero-wing--left-three{left:41%;top:76%}.pacific-flight__hero-six-wing .pacific-flight__hero-wing--center{left:65%;top:50%;width:21vw}.pacific-flight__hero-six-wing .pacific-flight__hero-wing--right-one{right:-3%;top:15%}.pacific-flight__hero-six-wing .pacific-flight__hero-wing--right-two{right:0;top:50%}.pacific-flight__hero-six-wing .pacific-flight__hero-wing--right-three{right:-3%;top:76%}.pacific-flight__hero-six-wing b{left:65%;top:67%;font-size:.38rem}}
/* Design reminder — Packaging Studies: an asymmetric chapter sequence where real package objects dominate. Every family gets an unmistakably different circle/square display system and tactile motion language. */
.package-studies{--ink:#fff7e7;--orange:#ff5d2a;background:#100f14;color:var(--ink);font-family:'Bricolage Grotesque',sans-serif;position:relative}.package-studies:before{content:"";position:fixed;z-index:21;top:4.5rem;bottom:0;left:4.25rem;width:2px;background:var(--orange);box-shadow:0 0 18px color-mix(in srgb,var(--orange) 70%,transparent);pointer-events:none}.package-studies *{box-sizing:border-box}.package-studies__header{height:4.5rem;position:fixed;inset:0 0 auto;z-index:25;display:flex;align-items:center;justify-content:space-between;padding:0 2.25rem;border-bottom:1px solid color-mix(in srgb,var(--ink) 20%,transparent);background:color-mix(in srgb,#100f14 78%,transparent);backdrop-filter:blur(14px);font:700 .63rem 'DM Mono',monospace;letter-spacing:.11em}.package-studies__brand,.package-studies__jump{display:flex;align-items:center;gap:.45rem;color:inherit;text-decoration:none}.package-studies__brand img{width:1.9rem;height:1.9rem;object-fit:contain}.package-studies__brand span{font-size:.56rem;line-height:.9}.package-studies__brand b{color:var(--orange)}.package-studies__header p{margin:0;color:color-mix(in srgb,var(--ink) 70%,transparent)}.package-studies__header p span{color:var(--orange);margin-left:.4rem}.package-studies__rail{position:fixed;z-index:24;left:1.45rem;top:50%;transform:translateY(-50%);display:grid;gap:.75rem}.package-studies__rail a{display:grid;grid-template-columns:1.6rem .9rem max-content;align-items:center;color:color-mix(in srgb,var(--ink) 52%,transparent);font:700 .56rem 'DM Mono',monospace;letter-spacing:.11em;text-decoration:none;transition:color .2s var(--ease-out)}.package-studies__rail i{height:1px;background:currentColor}.package-studies__rail a.is-active{color:var(--orange)}.package-studies__rail b{opacity:0;transform:translateX(-.45rem);transition:opacity .2s var(--ease-out),transform .2s var(--ease-out);font-weight:700}.package-studies__rail a:hover b,.package-studies__rail a.is-active b{opacity:1;transform:none}.package-study{--bg:#101333;--accent:#d3ad55;--accent-soft:#9dc8e8;min-height:100svh;position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(7rem,.35fr) minmax(19rem,.85fr) minmax(27rem,1fr);align-items:center;gap:2rem;padding:7rem 8vw 4rem 8.5rem;isolation:isolate}.package-study__grain{position:absolute;inset:0;z-index:-1;opacity:.2;background-image:radial-gradient(color-mix(in srgb,var(--ink) 24%,transparent) 1px,transparent 1px);background-size:5px 5px;mix-blend-mode:soft-light}.package-study__index{align-self:start;color:var(--accent);font:700 .66rem 'DM Mono',monospace;letter-spacing:.13em;display:flex;align-items:center;gap:.75rem}.package-study__index i{width:clamp(3rem,6vw,7rem);height:1px;background:currentColor}.package-study__copy{position:relative;z-index:4;max-width:34rem}.package-study__family{font:700 .68rem 'DM Mono',monospace;letter-spacing:.15em;color:var(--accent);margin:0 0 1.05rem}.package-study h1{font-size:clamp(3rem,6.3vw,7.2rem);line-height:.84;letter-spacing:-.075em;margin:0;text-wrap:balance}.package-study__body{font-size:clamp(1rem,1.2vw,1.24rem);line-height:1.45;max-width:32rem;margin:1.8rem 0;color:color-mix(in srgb,var(--ink) 84%,transparent)}.package-study button{appearance:none;border:1px solid currentColor;color:inherit;background:transparent;padding:.8rem 1rem;display:inline-flex;gap:.6rem;align-items:center;font:700 .62rem 'DM Mono',monospace;letter-spacing:.09em;transition:transform .16s var(--ease-out),background .16s var(--ease-out),color .16s var(--ease-out)}.package-study button:hover{background:var(--accent);color:var(--bg);transform:translateY(-2px)}.package-study button:active{transform:scale(.97)}.package-study__stage{position:relative;min-height:34rem;display:grid;place-items:center}.package-study__frame{position:relative;z-index:3;width:min(33vw,31rem);aspect-ratio:1;display:grid;place-items:center;overflow:hidden;filter:drop-shadow(0 2.5rem 2.6rem rgba(0,0,0,.32));animation:pack-stage-breathe 6s ease-in-out infinite}.package-study__frame img{width:86%;height:86%;object-fit:contain;filter:drop-shadow(0 1.3rem 1rem rgba(0,0,0,.24));transition:transform .7s cubic-bezier(.23,1,.32,1)}.package-study:hover .package-study__frame img{transform:rotate(-3deg) scale(1.035)}.package-study__shine{position:absolute;inset:-40%;background:linear-gradient(115deg,transparent 43%,rgba(255,255,255,.46) 50%,transparent 57%);transform:translateX(-85%) rotate(8deg);animation:pack-shine 5.8s ease-in-out infinite}.package-study__shape,.package-study__shape-two{position:absolute;pointer-events:none}.package-study__micro,.package-study__treatment{position:absolute;z-index:5;margin:0;font:700 .58rem 'DM Mono',monospace;letter-spacing:.1em}.package-study__micro{display:flex;align-items:center;gap:.45rem;bottom:1rem;left:7%;color:var(--accent)}.package-study__treatment{top:1rem;right:4%;color:color-mix(in srgb,var(--ink) 62%,transparent);writing-mode:vertical-rl}.package-study__conduit{position:absolute;z-index:8;left:24%;right:6%;bottom:14%;display:flex;align-items:center;gap:.55rem;color:var(--orange);font:700 .53rem 'DM Mono',monospace;letter-spacing:.1em;pointer-events:none}.package-study__conduit i{height:2px;flex:1;background:var(--orange);position:relative}.package-study__conduit i:after{content:"";position:absolute;right:-2px;top:50%;width:.35rem;height:.35rem;border-radius:50%;background:var(--orange);transform:translateY(-50%)}.package-study__conduit b{display:grid;place-items:center;width:1.35rem;height:1.35rem;border-radius:50%;color:var(--bg);background:var(--orange);font-size:.5rem}.package-study__footer{position:absolute;z-index:5;bottom:1.4rem;right:2rem;left:8.5rem;display:flex;justify-content:flex-end;gap:1.1rem;align-items:center;font:700 .54rem 'DM Mono',monospace;letter-spacing:.1em;color:color-mix(in srgb,var(--ink) 56%,transparent)}.package-study__footer span:nth-child(2){color:var(--orange)}@keyframes pack-stage-breathe{0%,100%{transform:translateY(-.5rem)}50%{transform:translateY(.55rem)}}@keyframes pack-shine{0%,35%{transform:translateX(-85%) rotate(8deg)}60%,100%{transform:translateX(85%) rotate(8deg)}}
/* 01 — velvet gallery aperture */.package-study--night{--bg:#101a39;--accent:#e0b45e;--accent-soft:#5ad5da;background:radial-gradient(circle at 76% 42%,#17436c 0 4%,transparent 33%),linear-gradient(135deg,#081027,#17275b)}.package-study--night .package-study__frame{border-radius:50%;background:radial-gradient(circle,#182d65,#061028 68%);border:1px solid color-mix(in srgb,var(--accent) 60%,transparent)}.package-study--night .package-study__frame:before,.package-study--night .package-study__frame:after{content:"";position:absolute;border:1px solid color-mix(in srgb,var(--accent) 48%,transparent);border-radius:50%;inset:8%;z-index:-1}.package-study--night .package-study__frame:after{inset:-11%;border-style:dashed;animation:orbit-spin 18s linear infinite}.package-study--night .package-study__shape{width:62%;aspect-ratio:1;border-radius:50%;border:1px solid color-mix(in srgb,var(--accent-soft) 45%,transparent);right:-16%;top:15%}.package-study--night .package-study__shape-two{width:1px;height:110%;background:linear-gradient(transparent,var(--accent),transparent);left:18%;transform:rotate(21deg)}@keyframes orbit-spin{to{transform:rotate(360deg)}}
/* 02 — fruit poster square */.package-study--sun{--bg:#ffd637;--accent:#291d18;--accent-soft:#ff6d34;background:linear-gradient(126deg,#ffe68a,#ffd637 55%,#ffb52e)}.package-study--sun{color:#201512}.package-study--sun .package-study__body{color:#201512;background:rgba(255,248,204,.74);padding:.9rem;border-left:3px solid #201512;border-radius:0 .55rem .55rem 0}.package-study--sun .package-study__frame{background:#ffbd22;border:1.4rem solid #fff4bd;box-shadow:.85rem .85rem 0 #201512}.package-study--sun .package-study__frame img{width:102%;height:102%;transform:rotate(-8deg) translateY(2%)}.package-study--sun:hover .package-study__frame img{transform:rotate(-3deg) scale(1.02)}.package-study--sun .package-study__shape{width:12rem;height:12rem;border-radius:50%;background:#ff6231;left:-9%;top:10%;box-shadow:17rem 25rem 0 #64bc64,31rem 4rem 0 #f7f0cf}.package-study--sun .package-study__shape-two{height:1rem;width:120%;background:#201512;transform:rotate(-9deg);bottom:14%;left:-12%}.package-study--sun .package-study__treatment{color:#201512}.package-study--sun .package-study__footer{color:#201512}.package-study--sun .package-study__footer span:nth-child(2){color:#201512}
/* 03 — dark candy-bar cinema */.package-study--cocoa{--bg:#261417;--accent:#f4a34c;--accent-soft:#e7d0b2;background:radial-gradient(circle at 72% 42%,#6a281f 0,transparent 36%),linear-gradient(145deg,#1d1114,#442018);grid-template-columns:minmax(7rem,.3fr) minmax(26rem,1fr) minmax(19rem,.72fr)}.package-study--cocoa .package-study__stage{grid-column:2;grid-row:1}.package-study--cocoa .package-study__copy{grid-column:3;grid-row:1;text-align:right}.package-study--cocoa .package-study__body{margin-left:auto}.package-study--cocoa .package-study__frame{width:min(38vw,35rem);aspect-ratio:1.3;background:linear-gradient(140deg,#4f261c,#1a0d10);border-radius:.65rem;border:1px solid color-mix(in srgb,var(--accent) 56%,transparent);box-shadow:0 0 0 .55rem #2f1818,1.15rem 1.15rem 0 var(--accent)}.package-study--cocoa .package-study__frame img{width:105%;height:105%;transform:rotate(5deg)}.package-study--cocoa .package-study__shape{left:0;right:0;top:17%;height:.55rem;background:repeating-linear-gradient(90deg,var(--accent) 0 1rem,transparent 1rem 1.7rem);animation:marquee-slide 5s linear infinite}.package-study--cocoa .package-study__shape-two{font-size:clamp(7rem,17vw,17rem);font-weight:800;line-height:.75;letter-spacing:-.12em;content:"";height:auto;bottom:6%;left:-2%;color:transparent;-webkit-text-stroke:1px color-mix(in srgb,var(--accent) 64%,transparent)}.package-study--cocoa .package-study__shape-two:after{content:"GIGGLE"}.package-study--cocoa .package-study__conduit{left:20%;right:8%;bottom:17%;flex-direction:row-reverse}@keyframes marquee-slide{to{background-position:20rem 0}}
/* 04 — high-energy conveyor porthole */.package-study--berry{--bg:#ed4b57;--accent:#fff4dd;--accent-soft:#5b0c2a;background:linear-gradient(135deg,#ff6e6a,#ec3754 48%,#a90a42);grid-template-columns:minmax(7rem,.3fr) minmax(28rem,1fr) minmax(18rem,.7fr)}.package-study--berry .package-study__stage{grid-column:2;grid-row:1;justify-self:start}.package-study--berry .package-study__copy{grid-column:3;grid-row:1}.package-study--berry .package-study__body{background:rgba(74,8,42,.31);padding:.9rem;border-left:3px solid var(--accent);border-radius:0 .55rem .55rem 0}.package-study--berry .package-study__frame{border-radius:50%;background:conic-gradient(from 30deg,var(--accent),transparent 15% 33%,var(--accent) 35% 42%,transparent 44% 67%,var(--accent) 69% 76%,transparent 78%);padding:1.25rem}.package-study--berry .package-study__frame:before{content:"";position:absolute;inset:1.55rem;border-radius:50%;background:#6a0936;z-index:-1}.package-study--berry .package-study__frame img{width:102%;height:102%;transform:rotate(8deg)}.package-study--berry .package-study__shape{width:130%;height:1.8rem;background:repeating-linear-gradient(90deg,#6a0936 0 2.4rem,transparent 2.4rem 4rem);transform:rotate(-17deg);top:10%;left:-18%}.package-study--berry .package-study__shape-two{width:130%;height:.8rem;background:var(--accent);transform:rotate(-17deg);bottom:18%;left:-16%}.package-study--berry .package-study__conduit{left:17%;right:6%;bottom:12%}
/* 05 — hard lime scan square */.package-study--lime{--bg:#b7ee3d;--accent:#16271e;--accent-soft:#f6ffd3;background:linear-gradient(120deg,#cfff51,#b9ef41 65%,#83c72f);grid-template-columns:minmax(7rem,.35fr) minmax(21rem,.68fr) minmax(32rem,1.15fr)}.package-study--lime{color:#16271e}.package-study--lime .package-study__copy{grid-column:2;grid-row:1;align-self:end;margin-bottom:9rem}.package-study--lime .package-study__body{color:#16271e;background:rgba(246,255,211,.82);padding:.9rem;border-left:3px solid #16271e;border-radius:0 .55rem .55rem 0}.package-study--lime .package-study__stage{grid-column:3;grid-row:1;min-height:100%}.package-study--lime .package-study__frame{background:#15271e;border:1.15rem solid #e8ff99;box-shadow:1rem 1rem 0 #15271e}.package-study--lime .package-study__frame img{width:105%;height:105%;transform:rotate(-3deg)}.package-study--lime .package-study__shape{inset:-5%;background:linear-gradient(90deg,transparent 49.5%,#16271e 49.5% 50.5%,transparent 50.5%),linear-gradient(transparent 49.5%,#16271e 49.5% 50.5%,transparent 50.5%);background-size:3rem 3rem;opacity:.23}.package-study--lime .package-study__shape-two{width:8rem;height:8rem;border:1px solid #16271e;right:5%;bottom:5%;transform:rotate(45deg)}.package-study--lime .package-study__treatment,.package-study--lime .package-study__footer{color:#16271e}.package-study--lime .package-study__conduit{left:22%;right:5%;bottom:8%;color:var(--orange)}.package-study--lime .package-study__conduit i,.package-study--lime .package-study__conduit i:after,.package-study--lime .package-study__conduit b{background:var(--orange)}.package-study--lime .package-study__conduit b{color:#16271e}.package-study--lime .package-study__footer span:nth-child(2){color:#16271e}.package-studies__footer{min-height:14rem;background:#0d1513;color:#d9f7a7;display:flex;align-items:center;justify-content:space-between;padding:3rem 8vw;font:700 .63rem 'DM Mono',monospace;letter-spacing:.1em}.package-studies__footer a{display:flex;align-items:center;gap:.5rem;color:inherit;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:.3rem}@media(max-width:960px){.package-studies:before{left:.55rem}.package-studies__header{padding:0 1rem}.package-studies__header p{display:none}.package-studies__rail{display:none}.package-study{min-height:100svh;grid-template-columns:1fr!important;padding:6.6rem 1.2rem 4.4rem;gap:1.5rem}.package-study__index{position:absolute;top:5.5rem;right:1.2rem}.package-study__copy,.package-study--cocoa .package-study__copy,.package-study--berry .package-study__copy,.package-study--lime .package-study__copy{grid-column:1;grid-row:auto;max-width:28rem;margin:0;text-align:left;align-self:auto}.package-study h1{font-size:clamp(3.2rem,13vw,5.5rem)}.package-study__body{max-width:30rem;margin:1rem 0}.package-study__stage,.package-study--cocoa .package-study__stage,.package-study--berry .package-study__stage,.package-study--lime .package-study__stage{grid-column:1;grid-row:auto;min-height:21rem;order:-1;justify-self:stretch}.package-study__frame{width:min(72vw,29rem)}.package-study--cocoa .package-study__frame{width:min(83vw,32rem)}.package-study__micro{left:0;bottom:.2rem}.package-study__treatment{right:0;top:.5rem}.package-study__conduit,.package-study--cocoa .package-study__conduit,.package-study--berry .package-study__conduit,.package-study--lime .package-study__conduit{left:1.2rem;right:1.2rem;bottom:2.7rem}.package-study__footer{left:1.2rem;right:1.2rem;bottom:1.25rem;justify-content:space-between;font-size:.46rem}.package-study__footer span:first-child{max-width:10rem}.package-studies__footer{padding:2rem 1.2rem;display:grid;gap:1rem}.package-study--night .package-study__shape{right:-22%;top:4%}.package-study--sun .package-study__shape{transform:scale(.7);left:-20%;top:-17%}.package-study--berry .package-study__shape{top:0}.package-study--lime .package-study__shape-two{transform:rotate(45deg) scale(.65)}.package-study--cocoa .package-study__shape-two{font-size:8rem}}
/* Design reminder — Pacific Refined v12: packaging is a waypoint layered into the existing Pacific journey, never a replacement for the cinematic video or flow. */
.pacific-refined--v12 .pacific-v12-pack{position:relative;z-index:3;margin:0;font:700 .53rem "DM Mono",monospace;letter-spacing:.09em;color:#ffbe5c}.pacific-refined--v12 .pacific-v12-pack span,.pacific-refined--v12 .pacific-v12-pack figcaption{display:block}.pacific-refined--v12 .pacific-v12-pack figcaption{margin-top:.35rem;color:currentColor}.pacific-refined--v12 .pacific-v12-pack img{display:block;object-fit:contain;filter:drop-shadow(0 1.2rem 1rem rgba(0,0,0,.28))}.pacific-refined--v12 .pacific-v12-pack--truffle{position:absolute;z-index:2;right:clamp(1.7rem,9vw,11rem);bottom:14%;width:min(22rem,29vw);padding:1rem;border:1px solid rgba(255,190,92,.58);border-radius:50%;background:rgba(4,22,24,.26);backdrop-filter:blur(2px);text-align:center}.pacific-refined--v12 .pacific-v12-pack--truffle:before{content:"";position:absolute;inset:-8%;border:1px dashed rgba(255,190,92,.48);border-radius:50%;animation:v12-orbit 18s linear infinite}.pacific-refined--v12 .pacific-v12-pack--truffle img{height:17rem;width:100%;margin:.2rem auto}.pacific-refined--v12 .pacific-v12-pack--truffle figcaption{color:#f5f0e4}.pacific-refined--v12 .pacific-refined__brand{position:relative;padding-right:clamp(12rem,26vw,31rem)}.pacific-refined--v12 .pacific-v12-pack--gummies{position:absolute;right:clamp(1.2rem,8vw,9rem);top:50%;transform:translateY(-50%);width:min(22rem,24vw);text-align:center;color:#18322e}.pacific-refined--v12 .pacific-v12-pack--gummies:before{content:"";position:absolute;inset:-.8rem;background:#ffb44d;clip-path:polygon(0 10%,90% 0,100% 88%,12% 100%);z-index:-1}.pacific-refined--v12 .pacific-v12-pack--gummies img{height:20rem;width:100%;margin:auto}.pacific-refined--v12 .pacific-refined__feature figure img{max-height:27rem}.pacific-refined--v12 .pacific-refined__reward{grid-template-columns:.84fr .72fr .72fr;gap:1rem}.pacific-refined--v12 .pacific-refined__reward .truffle-discovery{width:min(19rem,25vw)}.pacific-refined--v12 .pacific-v12-pack--chewz{align-self:center;justify-self:center;width:min(18rem,22vw);padding:1rem;border:1px solid rgba(255,190,92,.66);border-radius:50%;background:rgba(8,41,39,.38);text-align:center}.pacific-refined--v12 .pacific-v12-pack--chewz img{height:14rem;width:100%;margin:.25rem auto}.pacific-refined--v12 .pacific-v12-pack--chewz figcaption{color:#f5f0e4}.pacific-refined--v12 .pacific-refined__browser header{position:relative;padding-top:4rem}.pacific-refined--v12 .pacific-v12-pack--sour{position:absolute;right:0;top:-2.4rem;width:11rem;padding:.5rem;background:#b7ee3d;color:#18322e;text-align:center}.pacific-refined--v12 .pacific-v12-pack--sour img{height:8rem;width:100%;margin:.15rem auto}.pacific-refined--v12 .pacific-refined__video-break b{position:relative;z-index:3;color:#ffbe5c;font:700 .58rem "DM Mono",monospace;letter-spacing:.1em;align-self:start;margin-top:2rem}.pacific-refined--v12 .pacific-refined__video-break div{transform:translateY(1rem)}@keyframes v12-orbit{to{transform:rotate(360deg)}}@media(max-width:800px){.pacific-refined--v12 .pacific-v12-pack--truffle{right:1rem;bottom:18%;width:10.5rem;padding:.55rem}.pacific-refined--v12 .pacific-v12-pack--truffle img{height:8rem}.pacific-refined--v12 .pacific-refined__brand{padding-right:1.2rem;padding-top:17rem}.pacific-refined--v12 .pacific-v12-pack--gummies{top:2.1rem;right:50%;transform:translateX(50%);width:12rem}.pacific-refined--v12 .pacific-v12-pack--gummies img{height:12rem}.pacific-refined--v12 .pacific-refined__reward{grid-template-columns:1fr;gap:.4rem;padding-top:3rem}.pacific-refined--v12 .pacific-refined__reward .truffle-discovery{width:min(15rem,60vw);justify-self:center}.pacific-refined--v12 .pacific-v12-pack--chewz{position:absolute;z-index:3;right:1rem;top:1.2rem;width:8rem;padding:.35rem}.pacific-refined--v12 .pacific-v12-pack--chewz img{height:6.5rem}.pacific-refined--v12 .pacific-refined__browser header{padding-top:8.5rem}.pacific-refined--v12 .pacific-v12-pack--sour{top:0;right:50%;transform:translateX(50%);width:10rem}.pacific-refined--v12 .pacific-v12-pack--sour img{height:6.8rem}.pacific-refined--v12 .pacific-v12-pack span,.pacific-refined--v12 .pacific-v12-pack figcaption{font-size:.43rem}}
/* Design reminder — Pacific Flight Packaging v1: package waypoints layer over the reference Pacific Flight without editing its existing typography, copy, gummy flight, background film, or controls. */
.pacific-flight--package-waypoints .pacific-flight__package-waypoint{position:absolute;z-index:7;margin:0;width:min(13rem,17vw);padding:.45rem;border:1px solid rgba(255,249,232,.62);background:rgba(8,33,37,.35);backdrop-filter:blur(5px);color:#fff9e8;font:800 7px var(--font-mono);letter-spacing:.09em;text-align:center;filter:drop-shadow(0 .8rem 1rem rgba(0,0,0,.25));transition:transform .24s var(--ease-out)}.pacific-flight--package-waypoints .pacific-flight__package-waypoint:hover{transform:translateY(-.35rem) rotate(-1deg)}.pacific-flight--package-waypoints .pacific-flight__package-waypoint span,.pacific-flight--package-waypoints .pacific-flight__package-waypoint figcaption{display:block}.pacific-flight--package-waypoints .pacific-flight__package-waypoint figcaption{margin-top:.25rem;color:#ffbd43}.pacific-flight--package-waypoints .pacific-flight__package-waypoint img{display:block;width:100%;height:9.2rem;object-fit:contain;margin:.2rem auto;filter:drop-shadow(0 .65rem .5rem rgba(0,0,0,.28))}.pacific-flight--package-waypoints .pacific-flight__package-waypoint--hero{right:clamp(1.2rem,5vw,5rem);top:7.1rem;border-radius:50%;width:min(12rem,16vw);padding:.7rem;background:rgba(6,26,37,.43)}.pacific-flight--package-waypoints .pacific-flight__package-waypoint--hero img{height:9.7rem}.pacific-flight--package-waypoints .pacific-flight__intro{position:relative}.pacific-flight--package-waypoints .pacific-flight__package-waypoint--intro{right:clamp(1.4rem,8vw,9rem);bottom:1.8rem;background:rgba(255,249,232,.88);border-color:#173037;color:#173037}.pacific-flight--package-waypoints .pacific-flight__package-waypoint--intro figcaption{color:#ff5d2a}.pacific-flight--package-waypoints .pacific-flight__package-waypoint--coast{right:clamp(1.5rem,7vw,8rem);bottom:4.5rem;background:rgba(12,63,73,.38)}.pacific-flight--package-waypoints .pacific-flight__package-waypoint--forest{left:clamp(1.5rem,7vw,8rem);bottom:4.5rem;background:rgba(23,75,48,.42)}.pacific-flight--package-waypoints .pacific-flight__package-waypoint--rainier{right:clamp(1.5rem,7vw,8rem);bottom:4.5rem;background:rgba(31,58,91,.45)}@media(max-width:900px){.pacific-flight--package-waypoints .pacific-flight__package-waypoint{width:7.35rem;padding:.28rem;font-size:5px}.pacific-flight--package-waypoints .pacific-flight__package-waypoint img{height:5.4rem}.pacific-flight--package-waypoints .pacific-flight__package-waypoint--hero{top:5.75rem;right:1rem;width:6.8rem;padding:.35rem}.pacific-flight--package-waypoints .pacific-flight__package-waypoint--hero img{height:4.85rem}.pacific-flight--package-waypoints .pacific-flight__package-waypoint--intro{right:1.1rem;bottom:1rem}.pacific-flight--package-waypoints .pacific-flight__package-waypoint--coast,.pacific-flight--package-waypoints .pacific-flight__package-waypoint--forest,.pacific-flight--package-waypoints .pacific-flight__package-waypoint--rainier{right:1.1rem;left:auto;bottom:1.25rem}}
/* Design reminder — Pacific Flight Package Objects v1: existing orbit rings, GSAP scroll movement, fruit accents, and background video remain; package objects inherit the original gummy positions. */
.pacific-flight--package-objects .pacific-flight__hero-flight>img,.pacific-flight--package-objects .pacific-flight__edible>img,.pacific-flight--package-objects .pacific-flight__summit-orbit>img{object-fit:contain;mix-blend-mode:normal;opacity:1;clip-path:none}.pacific-flight--package-objects .pacific-flight__hero-flight>img:first-child{width:64%;height:64%;top:5%;left:7%;transform:rotate(-9deg)}.pacific-flight--package-objects .pacific-flight__hero-flight>img:nth-child(2){width:45%;height:45%;right:1%;bottom:8%;transform:rotate(10deg)}.pacific-flight--package-objects .pacific-flight__edible>img{inset:7%;width:86%;height:86%;filter:drop-shadow(21px 27px 21px rgba(0,0,0,.32))}.pacific-flight--package-objects .pacific-flight__stop--forest .pacific-flight__edible>img{transform:rotate(4deg)}.pacific-flight--package-objects .pacific-flight__stop--coast .pacific-flight__edible>img{clip-path:none}.pacific-flight--package-objects .pacific-flight__summit-orbit>img{inset:13%;width:74%;height:74%;filter:drop-shadow(16px 19px 17px rgba(0,0,0,.32))}@media(max-width:900px){.pacific-flight--package-objects .pacific-flight__hero-flight>img:first-child{width:73%;height:73%;left:8%;top:4%}.pacific-flight--package-objects .pacific-flight__hero-flight>img:nth-child(2){display:block;width:44%;height:44%;right:-4%;bottom:10%}.pacific-flight--package-objects .pacific-flight__edible>img{inset:8%;width:84%;height:84%}}
/* Design reminder — Pacific Six Family Concept: a persistent Pacific film carries a Conduit Tangerine coast-to-forest-to-alpine route through six materially distinct, pack-first family chapters. */
.pacific-six{--cream:#f7f1e5;--ink:#15382e;--tangerine:#ff5d2a;position:relative;min-height:100vh;isolation:isolate;background:#10362d;color:var(--cream)}
.pacific-six__film{position:fixed;inset:0;z-index:-2;overflow:hidden;background:#0e3029}.pacific-six__film video{width:100%;height:100%;object-fit:cover;opacity:.88}.pacific-six__film>div{position:absolute;inset:0;background:linear-gradient(112deg,rgba(8,34,28,.94),rgba(8,34,28,.2) 57%,rgba(8,34,28,.8)),linear-gradient(180deg,rgba(10,35,29,.14),rgba(10,35,29,.9))}
.pacific-six .site-header{position:relative;z-index:20}.pacific-six__route-spine{position:absolute;z-index:13;top:65svh;bottom:4rem;left:5.5rem;width:2px;background:repeating-linear-gradient(180deg,#ff5d2a 0 9px,transparent 9px 15px);pointer-events:none}.pacific-six__route-spine i{position:absolute;inset:0 auto 0 -1px;width:4px;background:rgba(255,93,42,.22);filter:blur(3px)}.pacific-six__route-spine b{display:block;width:.72rem;height:.72rem;border-radius:50%;background:#ff5d2a;border:3px solid #fff2d9;margin:25svh 0 0 -.31rem;box-shadow:0 0 1rem #ff5d2a}.pacific-six__route-spine span{position:absolute;left:.9rem;color:#ffbd65;font:700 .54rem/1 "DM Mono",monospace;letter-spacing:.08em}.pacific-six__route-spine span:nth-of-type(1){top:0}.pacific-six__route-spine span:nth-of-type(2){top:42%}.pacific-six__route-spine span:nth-of-type(3){bottom:6%}
.pacific-six__hero{min-height:74svh;padding:17rem clamp(2rem,10vw,10rem) 7rem;display:flex;flex-direction:column;align-items:flex-start;justify-content:end;position:relative;overflow:hidden}.pacific-six__hero:after{content:"";position:absolute;inset:auto 0 0;height:46%;z-index:-1;background:linear-gradient(0deg,rgba(8,38,31,.94),transparent 80%),radial-gradient(80% 70% at 84% 100%,transparent 0 39%,rgba(32,80,58,.83) 40% 44%,transparent 45%),linear-gradient(168deg,transparent 0 51%,rgba(14,59,47,.76) 52% 58%,transparent 59%)}
.pacific-six__hero p,.pacific-six__chapter-meta,.pacific-six__chapter-copy>p,.pacific-six__pack-stage>b,.pacific-six__conduit,.pacific-six__rail{font:700 .68rem/1.2 "DM Mono",monospace;letter-spacing:.12em}.pacific-six__hero p{color:#ffbd65;margin:0 0 1.3rem}.pacific-six__hero h1{font-family:"Bricolage Grotesque",sans-serif;font-size:clamp(4rem,9vw,9.5rem);line-height:.82;letter-spacing:-.09em;margin:0;max-width:900px}.pacific-six__hero h1 em,.pacific-six__chapter h2 em{font-family:Georgia,serif;font-weight:400}.pacific-six__hero>span{max-width:35rem;font-size:1.13rem;line-height:1.55;margin:2rem 0}.pacific-six__hero a,.pacific-six__chapter button{display:inline-flex;align-items:center;gap:.65rem;border:0;background:var(--tangerine);color:#1c2f2a;padding:1rem 1.2rem;font:800 .7rem "DM Mono",monospace;letter-spacing:.08em;text-decoration:none;transition:transform .2s cubic-bezier(.23,1,.32,1)}.pacific-six__hero a:active,.pacific-six__chapter button:active{transform:scale(.97)}
.pacific-six__rail{position:fixed;left:2rem;top:45%;z-index:17;display:grid;gap:.55rem}.pacific-six__rail a{display:grid;grid-template-columns:1.6rem 2.1rem auto;align-items:center;color:#ffe8c4;text-decoration:none}.pacific-six__rail i{height:1px;background:currentColor;opacity:.5}.pacific-six__rail span{color:var(--tangerine)}.pacific-six__rail b{font-size:.56rem}
.pacific-six__chapters{position:relative}.pacific-six__chapter{--local:#183c31;--accent:#ffc56e;min-height:81svh;display:grid;grid-template-columns:minmax(0,1fr) minmax(22rem,.8fr);gap:clamp(2rem,9vw,10rem);align-items:center;padding:8rem clamp(2rem,11vw,12rem);position:relative;overflow:hidden}.pacific-six__chapter--right .pacific-six__chapter-copy{order:2}.pacific-six__chapter--right .pacific-six__pack-stage{order:1}.pacific-six__chapter-wash{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,35,29,.95) 0 35%,rgba(10,35,29,.4) 72%,rgba(10,35,29,.85));z-index:-1}.pacific-six__chapter--right .pacific-six__chapter-wash{background:linear-gradient(270deg,rgba(10,35,29,.95) 0 35%,rgba(10,35,29,.4) 72%,rgba(10,35,29,.85))}
.pacific-six__chapter--cocoa{--local:#2f160f;--accent:#e1b254}.pacific-six__chapter--sun{--local:#dca538;--accent:#fff0a8}.pacific-six__chapter--gold{--local:#7a481f;--accent:#ffd993}.pacific-six__chapter--berry{--local:#9c4b5b;--accent:#ffb8c6}.pacific-six__chapter--night{--local:#191713;--accent:#d9a261}.pacific-six__chapter--lime{--local:#a7ba42;--accent:#1c382a}
.pacific-six__chapter-meta{grid-column:1/-1;position:absolute;top:2.5rem;left:clamp(2rem,11vw,12rem);right:clamp(2rem,11vw,12rem);display:flex;gap:1rem;align-items:center;color:var(--accent)}.pacific-six__chapter-meta i{height:1px;flex:1;background:currentColor}.pacific-six__chapter-copy{max-width:31rem}.pacific-six__chapter-copy>p{color:var(--accent);margin:0 0 1.1rem}.pacific-six__chapter h2{font-family:"Bricolage Grotesque",sans-serif;font-size:clamp(3.5rem,6.6vw,7.5rem);line-height:.83;letter-spacing:-.08em;margin:0}.pacific-six__chapter-copy>span{display:block;font-size:1.02rem;line-height:1.55;margin:1.6rem 0 2rem}.pacific-six__chapter button{background:var(--accent);color:#22372d}
.pacific-six__pack-stage{height:min(46vw,35rem);min-height:25rem;position:relative;display:grid;place-items:center}.pacific-six__pack-stage>i{position:absolute;border:1px solid color-mix(in srgb,var(--accent),transparent 25%);border-radius:50%}.pacific-six__pack-stage>i:first-child{width:88%;aspect-ratio:1;animation:pacific-six-spin 18s linear infinite}.pacific-six__pack-stage>i:nth-child(2){width:60%;aspect-ratio:1;border-style:dashed;animation:pacific-six-spin 12s linear infinite reverse}.pacific-six__pack-stage figure{margin:0;position:relative;z-index:2;display:grid;place-items:center;max-width:70%;filter:drop-shadow(1.5rem 2rem 1.5rem rgba(0,0,0,.33));animation:pacific-six-float 5s ease-in-out infinite}.pacific-six__pack-stage figure img{width:100%;max-height:25rem;object-fit:contain}.pacific-six__pack-stage figcaption{position:absolute;bottom:-1.5rem;white-space:nowrap;background:var(--local);padding:.5rem .65rem;color:var(--cream);font:700 .56rem "DM Mono",monospace;letter-spacing:.08em}.pacific-six__pack-stage>b{position:absolute;right:0;top:19%;writing-mode:vertical-rl;color:var(--accent);font-size:.56rem}
.pacific-six__chapter--cocoa .pacific-six__pack-stage>i{border-radius:8%;background:linear-gradient(135deg,rgba(225,178,84,.2),transparent)}.pacific-six__chapter--sun .pacific-six__pack-stage>i:first-child{border-radius:56% 44% 57% 43%;border-width:3px}.pacific-six__chapter--gold .pacific-six__pack-stage>i:first-child{border-radius:20%;transform:rotate(45deg);border-width:3px}.pacific-six__chapter--berry .pacific-six__pack-stage>i:first-child{border-radius:50% 42% 50% 42%;border-style:dashed}.pacific-six__chapter--night .pacific-six__pack-stage>i:first-child{border-radius:4%;width:94%;aspect-ratio:1.15}.pacific-six__chapter--lime .pacific-six__pack-stage{background:repeating-linear-gradient(90deg,transparent 0 1.6rem,rgba(28,56,42,.25) 1.6rem 1.7rem)}.pacific-six__chapter--lime .pacific-six__pack-stage>i{border-radius:0}.pacific-six__chapter--lime .pacific-six__pack-stage>i:first-child{animation:none;transform:rotate(45deg)}.pacific-six__chapter--sun .pacific-six__pack-stage figure{animation-duration:3.8s}.pacific-six__chapter--cocoa .pacific-six__pack-stage figure,.pacific-six__chapter--gold .pacific-six__pack-stage figure{animation-duration:6.8s}
.pacific-six__conduit{position:absolute;bottom:1.6rem;left:clamp(2rem,11vw,12rem);right:clamp(2rem,11vw,12rem);display:flex;align-items:center;gap:.7rem;color:var(--accent)}.pacific-six__conduit i{height:2px;flex:1;background:repeating-linear-gradient(90deg,currentColor 0 6px,transparent 6px 10px)}.pacific-six__footer{position:relative;padding:2rem clamp(2rem,11vw,12rem);background:#102b25;display:flex;justify-content:space-between;font:700 .65rem "DM Mono",monospace;letter-spacing:.08em}.pacific-six__footer a{color:#ffbd65;text-decoration:none}@keyframes pacific-six-spin{to{transform:rotate(360deg)}}@keyframes pacific-six-float{50%{transform:translateY(-1rem) rotate(1.2deg)}}
@media(max-width:820px){.pacific-six__route-spine,.pacific-six__rail{display:none}.pacific-six__hero{padding:10rem 1.5rem 4rem;min-height:68svh}.pacific-six__hero h1{font-size:clamp(3.7rem,18vw,6rem)}.pacific-six__hero:after{height:38%}.pacific-six__chapter{min-height:92svh;grid-template-columns:1fr;padding:7rem 1.5rem 5rem;gap:1rem}.pacific-six__chapter--right .pacific-six__chapter-copy,.pacific-six__chapter--right .pacific-six__pack-stage{order:initial}.pacific-six__chapter-meta{top:1.5rem;left:1.5rem;right:1.5rem}.pacific-six__chapter h2{font-size:clamp(3.5rem,16vw,5.6rem)}.pacific-six__pack-stage{height:50vw;min-height:18rem;order:2}.pacific-six__chapter-copy{order:1}.pacific-six__chapter-wash,.pacific-six__chapter--right .pacific-six__chapter-wash{background:linear-gradient(180deg,rgba(10,35,29,.93),rgba(10,35,29,.55),rgba(10,35,29,.93))}.pacific-six__conduit{left:1.5rem;right:1.5rem}.pacific-six__footer{display:grid;gap:1rem;padding:1.5rem}}
/* Design reminder — Pacific Featured Slider Concept: an editorial featured pack leads a scenic Pacific route; the complete assortment appears as a Conduit Tangerine numbered production switchboard rather than an ecommerce card carousel. */
.pacific-featured{--cream:#fff7e8;--ink:#18382f;--orange:#ff5d2a;--feature:#be8734;position:relative;min-height:100vh;background:#153a32;color:var(--cream);isolation:isolate;overflow:hidden}.pacific-featured--sun{--feature:#e5a635}.pacific-featured--gold{--feature:#dc9a51}.pacific-featured--berry{--feature:#d26d8d}.pacific-featured--night{--feature:#a76238}.pacific-featured--lime{--feature:#b6c94b}
.pacific-featured__film{position:fixed;inset:0;z-index:-2;background:#12342e}.pacific-featured__film video{width:100%;height:100%;object-fit:cover;opacity:.9}.pacific-featured__film>div{position:absolute;inset:0;background:linear-gradient(105deg,rgba(9,32,27,.94),rgba(9,32,27,.16) 57%,rgba(9,32,27,.78)),linear-gradient(180deg,rgba(9,32,27,.08),rgba(9,32,27,.88))}.pacific-featured .site-header{position:relative;z-index:20}
.pacific-featured__route-spine{position:absolute;z-index:15;top:5.8rem;left:8%;right:8%;display:flex;align-items:center;gap:.7rem;color:#ffbd65;font:700 .55rem/1 "DM Mono",monospace;letter-spacing:.08em;pointer-events:none}.pacific-featured__route-spine i{height:2px;flex:1;background:repeating-linear-gradient(90deg,#ff5d2a 0 9px,transparent 9px 15px)}.pacific-featured__route-spine b{width:.7rem;height:.7rem;border-radius:50%;background:#ff5d2a;box-shadow:0 0 1rem #ff5d2a}
.pacific-featured__hero{min-height:86svh;padding:10rem clamp(1.5rem,10vw,10rem) 5rem;display:grid;grid-template-columns:minmax(18rem,.8fr) minmax(21rem,1.1fr);align-items:center;gap:4rem;position:relative;overflow:hidden}.pacific-featured__hero:after{content:"";position:absolute;inset:auto 0 0;height:52%;z-index:-1;background:linear-gradient(0deg,rgba(9,37,31,.93),transparent 78%),radial-gradient(78% 75% at 83% 100%,transparent 0 41%,rgba(37,84,60,.75) 42% 47%,transparent 48%),linear-gradient(168deg,transparent 0 52%,rgba(14,59,47,.7) 53% 60%,transparent 61%)}.pacific-featured__hero-copy>p,.pacific-featured__indicator,.pacific-featured__bridge p,.pacific-featured__deck header p,.pacific-featured__card span,.pacific-featured__deck footer,.pacific-featured__footer{font:700 .66rem/1.2 "DM Mono",monospace;letter-spacing:.11em}.pacific-featured__hero-copy>p{color:#ffc56e;margin:0 0 1rem}.pacific-featured__indicator{display:inline-flex;gap:.6rem;align-items:center;border:1px solid color-mix(in srgb,var(--feature),transparent 35%);padding:.55rem .7rem;color:var(--feature)}.pacific-featured__indicator i{width:.46rem;height:.46rem;border-radius:50%;background:var(--feature);box-shadow:0 0 1rem var(--feature)}.pacific-featured__hero h1{font-family:"Bricolage Grotesque",sans-serif;font-size:clamp(4.3rem,9vw,9rem);line-height:.83;letter-spacing:-.085em;margin:1.35rem 0}.pacific-featured__hero h2{font:400 clamp(1.15rem,2vw,1.8rem)/1.35 Georgia,serif;max-width:28rem;margin:0 0 2rem}.pacific-featured__hero-copy button{display:inline-flex;gap:.65rem;align-items:center;background:var(--orange);border:0;color:#14322c;padding:1rem 1.1rem;font:800 .68rem "DM Mono",monospace;letter-spacing:.08em}.pacific-featured__pack-stage{height:min(44rem,62vw);min-height:30rem;position:relative;display:grid;place-items:center}.pacific-featured__orbit{position:absolute;border-radius:50%;border:1px solid color-mix(in srgb,var(--feature),transparent 25%)}.pacific-featured__orbit--one{width:84%;aspect-ratio:1;animation:pacific-featured-spin 22s linear infinite}.pacific-featured__orbit--two{width:54%;aspect-ratio:1;border-style:dashed;animation:pacific-featured-spin 12s linear infinite reverse}.pacific-featured__pack-stage figure{width:min(76%,30rem);margin:0;position:relative;z-index:2;display:grid;place-items:center;animation:pacific-featured-float 5s ease-in-out infinite;filter:drop-shadow(1.7rem 2rem 1.7rem rgba(0,0,0,.38))}.pacific-featured__pack-stage figure img{width:100%;max-height:34rem;object-fit:contain}.pacific-featured__pack-stage figcaption{position:absolute;bottom:-1.2rem;left:50%;transform:translateX(-50%);white-space:nowrap;background:var(--feature);color:#17362e;padding:.55rem .75rem;font:700 .57rem "DM Mono",monospace;letter-spacing:.08em}.pacific-featured__pack-stage>span{position:absolute;right:4%;bottom:22%;z-index:3;writing-mode:vertical-rl;color:var(--feature);font:800 .72rem "DM Mono",monospace;letter-spacing:.14em}.pacific-featured__hero-foot{position:absolute;bottom:1.7rem;left:clamp(1.5rem,10vw,10rem);right:clamp(1.5rem,10vw,10rem);display:flex;justify-content:space-between;font:700 .62rem "DM Mono",monospace;letter-spacing:.09em;color:#ffe4bb}
.pacific-featured__bridge{position:relative;min-height:53svh;background:linear-gradient(115deg,rgba(255,247,232,.98) 0 56%,rgba(230,240,219,.94));color:var(--ink);padding:7rem clamp(2rem,16vw,18rem);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;overflow:hidden}.pacific-featured__bridge:after{content:"";position:absolute;width:44rem;height:44rem;border:2px solid #ff5d2a;border-radius:50%;right:-18rem;bottom:-27rem;opacity:.65}.pacific-featured__bridge p{color:var(--orange);margin:0 0 1rem}.pacific-featured__bridge h2,.pacific-featured__deck h2{font-family:"Bricolage Grotesque",sans-serif;font-size:clamp(3.7rem,7vw,7rem);line-height:.83;letter-spacing:-.08em;margin:0}.pacific-featured__bridge h2 em,.pacific-featured__deck h2 em{font-family:Georgia,serif;font-weight:400}.pacific-featured__bridge>span{max-width:32rem;margin-top:1.6rem;font-size:1.1rem;line-height:1.55}
.pacific-featured__deck{position:relative;background:linear-gradient(180deg,rgba(23,66,54,.94),rgba(12,48,39,.97));border-top:2px solid #ff5d2a;padding:7rem 0 2rem;overflow:hidden}.pacific-featured__deck:before{content:"";position:absolute;left:0;right:0;top:12.7rem;height:2px;background:repeating-linear-gradient(90deg,#ff5d2a 0 11px,transparent 11px 17px);opacity:.85}.pacific-featured__deck header{display:flex;justify-content:space-between;align-items:end;padding:0 clamp(1.5rem,10vw,10rem) 3rem}.pacific-featured__deck header p{margin:0 0 1rem;color:#ffc56e}.pacific-featured__deck-controls{display:flex;gap:.6rem}.pacific-featured__deck-controls button{width:3rem;height:3rem;border:1px solid #789389;background:transparent;color:var(--cream);display:grid;place-items:center;transition:background .2s,transform .2s}.pacific-featured__deck-controls button:hover{background:var(--orange);color:#17362e}.pacific-featured__deck-controls button:active{transform:scale(.96)}.pacific-featured__rail{display:flex;gap:1.1rem;overflow-x:auto;padding:0 clamp(1.5rem,10vw,10rem) 2rem;scroll-snap-type:x mandatory;scrollbar-width:none}.pacific-featured__rail::-webkit-scrollbar{display:none}.pacific-featured__card{flex:0 0 min(24rem,75vw);min-height:29rem;background:#173d33;border:1px solid #5d8274;color:#fff7e8;scroll-snap-align:start;position:relative;overflow:hidden;clip-path:polygon(0 0,96% 0,100% 4%,100% 100%,4% 100%,0 96%)}.pacific-featured__card button{width:100%;height:100%;border:0;background:transparent;color:inherit;text-align:left;padding:1.3rem 1.3rem 1.2rem;display:grid;grid-template-rows:auto 1fr auto auto;cursor:pointer;position:relative}.pacific-featured__card button:before{content:"";position:absolute;left:0;top:0;bottom:0;width:.35rem;background:#ff5d2a}.pacific-featured__card span{color:#ffcd7e}.pacific-featured__card figure{margin:1rem 0 .6rem;display:grid;place-items:center;background:linear-gradient(145deg,var(--feature),color-mix(in srgb,var(--feature),#173d33 45%));border:1px solid color-mix(in srgb,#fff7e8,transparent 58%);min-height:16rem;overflow:hidden}.pacific-featured__card figure img{width:76%;height:15rem;object-fit:contain;filter:drop-shadow(1rem 1.4rem 1rem rgba(0,0,0,.28));transition:transform .32s cubic-bezier(.23,1,.32,1)}.pacific-featured__card button:hover figure img{transform:translateY(-.4rem) rotate(1deg) scale(1.04)}.pacific-featured__card h3{font-family:"Bricolage Grotesque",sans-serif;font-size:1.8rem;letter-spacing:-.05em;margin:.1rem 0;color:#fff7e8}.pacific-featured__card p{font-size:.83rem;line-height:1.4;margin:0 0 .7rem;max-width:22rem;color:#d6dfcf}.pacific-featured__card b{display:flex;align-items:center;gap:.4rem;font:800 .6rem "DM Mono",monospace;letter-spacing:.08em;color:var(--orange)}.pacific-featured__card.is-active{outline:3px solid var(--orange);outline-offset:-3px}.pacific-featured__deck footer{display:flex;gap:.8rem;align-items:center;padding:1.3rem clamp(1.5rem,10vw,10rem) 0;color:#ffc56e}.pacific-featured__deck footer i{height:1px;flex:1;background:currentColor;opacity:.6}.pacific-featured__footer{background:#102b25;padding:1.7rem clamp(1.5rem,10vw,10rem);display:flex;justify-content:space-between}.pacific-featured__footer span{display:flex;gap:.4rem;align-items:center;color:#ffc56e}@keyframes pacific-featured-spin{to{transform:rotate(360deg)}}@keyframes pacific-featured-float{50%{transform:translateY(-1rem)}}
@media(max-width:820px){.pacific-featured__route-spine{top:5rem;left:1.5rem;right:1.5rem;font-size:.46rem}.pacific-featured__hero{min-height:auto;padding:8.5rem 1.5rem 6rem;grid-template-columns:1fr;grid-template-rows:auto 17rem;gap:0}.pacific-featured__hero:after{height:42%}.pacific-featured__hero-copy{position:relative;z-index:5}.pacific-featured__hero h1{font-size:clamp(4rem,18vw,6.5rem);margin:.9rem 0}.pacific-featured__hero h2{font-size:1.15rem;max-width:19rem}.pacific-featured__pack-stage{height:16rem;min-height:0;position:relative;right:auto;top:auto;width:56%;opacity:1;grid-row:2;grid-column:1;justify-self:end;align-self:end}.pacific-featured__pack-stage figure{width:78%}.pacific-featured__pack-stage figcaption{font-size:.46rem;padding:.4rem .45rem}.pacific-featured__pack-stage>span{display:none}.pacific-featured__hero-foot{left:1.5rem;right:1.5rem;bottom:1.2rem;font-size:.52rem}.pacific-featured__bridge{min-height:45svh;padding:5rem 1.5rem}.pacific-featured__bridge h2,.pacific-featured__deck h2{font-size:clamp(3.5rem,15vw,5.4rem)}.pacific-featured__deck{padding-top:4.5rem}.pacific-featured__deck:before{top:10.5rem}.pacific-featured__deck header{padding:0 1.5rem 2rem;align-items:start}.pacific-featured__deck-controls{padding-top:.5rem}.pacific-featured__rail{padding:0 1.5rem 1.5rem}.pacific-featured__card{flex-basis:79vw;min-height:28rem}.pacific-featured__deck footer{padding:1.3rem 1.5rem 0;font-size:.54rem}.pacific-featured__footer{font-size:.54rem;gap:1rem;padding:1.4rem 1.5rem}.pacific-featured__footer span{display:none}}
/* Design reminder — Seattle Trail Flight: three real gummies fly together just above the trail; Conduit Tangerine connects each terrain waypoint to a useful product bay. */
.pacific-flight--trail-loop .pacific-flight__hero{min-height:100svh}.pacific-flight--trail-loop .pacific-flight__hero-copy{max-width:39rem;z-index:5}.pacific-flight--trail-loop .pacific-flight__hero-copy h1{max-width:42rem}.pacific-flight--trail-loop .pacific-flight__trail-wing{position:absolute;z-index:4;right:7vw;bottom:12svh;width:min(37rem,43vw);height:min(25rem,34vw);pointer-events:none}.pacific-flight--trail-loop .pacific-flight__trail-wing:after{content:"";position:absolute;left:8%;right:5%;bottom:16%;height:3px;background:repeating-linear-gradient(90deg,#ff5d2a 0 10px,transparent 10px 16px);transform:rotate(-8deg);opacity:.9}.pacific-flight--trail-loop .pacific-flight__trail-wing img{position:absolute;width:clamp(5rem,9vw,9rem);filter:drop-shadow(.7rem 1.3rem .9rem rgba(0,0,0,.36));animation:trail-float 4s ease-in-out infinite}.pacific-flight--trail-loop .pacific-flight__trail-wing--lead{left:40%;top:19%;z-index:2}.pacific-flight--trail-loop .pacific-flight__trail-wing--left{left:10%;top:43%;width:clamp(4rem,7vw,7rem);animation-delay:-1.1s}.pacific-flight--trail-loop .pacific-flight__trail-wing--right{right:2%;top:47%;width:clamp(3.8rem,6.6vw,6.6rem);animation-delay:-2.1s}.pacific-flight--trail-loop .pacific-flight__trail-wing i{position:absolute;inset:7% 5% 7% 5%;border:1px solid rgba(255,189,101,.55);border-radius:50%;transform:rotate(-13deg)}.pacific-flight--trail-loop .pacific-flight__trail-wing b{position:absolute;right:5%;bottom:1%;color:#ffbd65;font:700 .58rem/1 "DM Mono",monospace;letter-spacing:.1em}.pacific-flight--trail-loop .pacific-flight__wind-line span:first-of-type{color:#ffbd65}.pacific-flight--trail-loop .pacific-flight__stop:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:repeating-linear-gradient(90deg,#ff5d2a 0 13px,transparent 13px 21px);opacity:.84}.pacific-flight--trail-loop .pacific-flight__edible{z-index:4}.pacific-flight--trail-loop .pacific-flight__edible:after{content:"";position:absolute;bottom:13%;left:-14%;width:135%;height:2px;background:repeating-linear-gradient(90deg,#ff5d2a 0 8px,transparent 8px 13px);transform:rotate(-10deg);opacity:.8}.pacific-flight__trail-terminal{display:grid;gap:.45rem;margin:1.35rem 0 1.2rem;color:#ffbd65;font:700 .55rem/1.2 "DM Mono",monospace;letter-spacing:.07em}.pacific-flight__trail-terminal i{width:100%;height:2px;background:repeating-linear-gradient(90deg,#ff5d2a 0 7px,transparent 7px 12px)}.pacific-flight__trail-terminal small{color:rgba(255,242,217,.74);font-size:.52rem}.pacific-flight__trail-scan-bay{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:4rem;align-items:center;padding:9rem clamp(2rem,10vw,11rem);background:linear-gradient(132deg,#092d27,#173d32 53%,#092d27);overflow:hidden}.pacific-flight__trail-scan-bay:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 28%,rgba(255,93,42,.24),transparent 25%),repeating-linear-gradient(90deg,transparent 0 5rem,rgba(255,255,255,.035) 5rem 5.1rem);pointer-events:none}.pacific-flight__trail-scan-bay>div{position:relative;z-index:1}.pacific-flight__trail-scan-bay h2{font-family:"Bricolage Grotesque",sans-serif;font-size:clamp(3.6rem,6vw,7rem);letter-spacing:-.075em;line-height:.85;margin:.7rem 0 1.5rem}.pacific-flight__trail-scan-bay h2 em{font-family:Georgia,serif;font-weight:400}.pacific-flight__trail-scan-bay>div>p:last-child{max-width:30rem;font-size:1.05rem;line-height:1.5}.pacific-flight__scan-options{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid rgba(255,242,217,.45)}.pacific-flight__scan-options a{min-height:12rem;display:flex;flex-direction:column;justify-content:space-between;padding:1.1rem;text-decoration:none;color:#fff2d9;border-right:1px solid rgba(255,242,217,.35);transition:background .2s,transform .2s}.pacific-flight__scan-options a:last-child{border-right:0}.pacific-flight__scan-options a:hover{background:#ff5d2a;color:#14332b}.pacific-flight__scan-options b{font:800 .62rem "DM Mono",monospace;color:#ffbd65}.pacific-flight__scan-options span{font:800 .78rem/1.1 "DM Mono",monospace;letter-spacing:.08em}.pacific-flight__scan-options svg{align-self:flex-end}@keyframes trail-float{50%{transform:translateY(-1rem) rotate(2deg)}}
@media(max-width:820px){.pacific-flight--trail-loop .pacific-flight__hero{min-height:88svh}.pacific-flight--trail-loop .pacific-flight__trail-wing{right:-4vw;bottom:8svh;width:65vw;height:48vw;opacity:.9}.pacific-flight--trail-loop .pacific-flight__trail-wing b{font-size:.44rem}.pacific-flight--trail-loop .pacific-flight__trail-wing--lead{left:40%;top:10%}.pacific-flight--trail-loop .pacific-flight__trail-wing--left{left:4%;top:45%}.pacific-flight--trail-loop .pacific-flight__trail-wing--right{right:0;top:48%}.pacific-flight__trail-scan-bay{grid-template-columns:1fr;padding:6rem 1.5rem;gap:2.5rem}.pacific-flight__trail-scan-bay h2{font-size:clamp(3.5rem,15vw,5.4rem)}.pacific-flight__scan-options a{min-height:9.5rem;padding:.75rem}.pacific-flight__scan-options span{font-size:.58rem}.pacific-flight__scan-options b{font-size:.5rem}}
/* Design reminder — Seattle Trail Crossing: cinematic diagonal cutout movement with a steady Huckleberry MAX lead; do not alter the forest, waterfront, ridge, or Rainier film behind it. */
.pacific-flight--trail-crossing .pacific-flight__trail-crossing{position:absolute;z-index:4;right:5vw;bottom:8svh;width:min(48rem,59vw);height:min(31rem,43vw);pointer-events:none;overflow:visible}.pacific-flight--trail-crossing .pacific-flight__trail-crossing-route{position:absolute;inset:9% 4%;border:1px solid rgba(255,189,101,.52);border-radius:50%;transform:rotate(-10deg)}.pacific-flight--trail-crossing .pacific-flight__trail-crossing-route:before,.pacific-flight--trail-crossing .pacific-flight__trail-crossing-route:after{content:"";position:absolute;top:50%;left:-8%;width:116%;height:2px;background:repeating-linear-gradient(90deg,#ff5d2a 0 12px,transparent 12px 19px);transform:rotate(24deg);opacity:.9}.pacific-flight--trail-crossing .pacific-flight__trail-crossing-route:after{transform:rotate(-24deg)}.pacific-flight--trail-crossing .pacific-flight__trail-crossing-gummy{position:absolute;z-index:2;top:47%;left:47%;width:clamp(3.8rem,6.8vw,7.2rem);filter:drop-shadow(.7rem 1.3rem .9rem rgba(0,0,0,.4));will-change:transform,opacity}.pacific-flight--trail-crossing .pacific-flight__trail-crossing-gummy--left-top{animation:trail-cross-left-top 10.8s cubic-bezier(.22,.79,.21,1) infinite}.pacific-flight--trail-crossing .pacific-flight__trail-crossing-gummy--left-bottom{animation:trail-cross-left-bottom 10.8s cubic-bezier(.22,.79,.21,1) infinite}.pacific-flight--trail-crossing .pacific-flight__trail-crossing-gummy--right-top{animation:trail-cross-right-top 10.8s cubic-bezier(.22,.79,.21,1) infinite}.pacific-flight--trail-crossing .pacific-flight__trail-crossing-gummy--right-bottom{animation:trail-cross-right-bottom 10.8s cubic-bezier(.22,.79,.21,1) infinite}.pacific-flight--trail-crossing .pacific-flight__trail-crossing-lead{position:absolute;z-index:5;top:39%;left:41%;display:block;width:clamp(5.4rem,9.4vw,10rem);animation:trail-crossing-lead-hover 3.8s var(--ease-in-out) infinite}.pacific-flight--trail-crossing .pacific-flight__trail-crossing-lead:before{content:"";position:absolute;inset:-17%;border:1px solid rgba(255,218,142,.76);border-radius:50%;box-shadow:0 0 0 1rem rgba(255,189,101,.055)}.pacific-flight--trail-crossing .pacific-flight__trail-crossing-lead img{position:relative;width:100%;filter:drop-shadow(.8rem 1.3rem 1rem rgba(0,0,0,.43))}.pacific-flight--trail-crossing .pacific-flight__trail-crossing b{position:absolute;z-index:6;right:4%;bottom:1%;color:#ffbd65;font:700 .58rem/1 "DM Mono",monospace;letter-spacing:.1em}@keyframes trail-cross-left-top{0%,6%{transform:translate(-31vw,-13vh) scale(.72) rotate(-27deg);opacity:0}13%{opacity:1}37%{transform:translate(-5vw,-4vh) scale(1) rotate(8deg);opacity:1}55%,100%{transform:translate(36vw,15vh) scale(.68) rotate(28deg);opacity:0}}@keyframes trail-cross-left-bottom{0%,6%{transform:translate(-34vw,16vh) scale(.68) rotate(18deg);opacity:0}13%{opacity:1}38%{transform:translate(2vw,5vh) scale(1) rotate(-10deg);opacity:1}56%,100%{transform:translate(36vw,-16vh) scale(.7) rotate(-26deg);opacity:0}}@keyframes trail-cross-right-top{0%,6%{transform:translate(34vw,-14vh) scale(.7) rotate(26deg);opacity:0}13%{opacity:1}37%{transform:translate(-4vw,4vh) scale(1) rotate(-9deg);opacity:1}55%,100%{transform:translate(-36vw,15vh) scale(.68) rotate(-27deg);opacity:0}}@keyframes trail-cross-right-bottom{0%,6%{transform:translate(35vw,17vh) scale(.7) rotate(-17deg);opacity:0}13%{opacity:1}38%{transform:translate(4vw,-5vh) scale(1) rotate(10deg);opacity:1}56%,100%{transform:translate(-36vw,-16vh) scale(.68) rotate(26deg);opacity:0}}@keyframes trail-crossing-lead-hover{50%{transform:translateY(-1rem) rotate(3deg)}}@media(max-width:820px){.pacific-flight--trail-crossing .pacific-flight__trail-crossing{right:-16vw;bottom:7svh;width:112vw;height:74vw}.pacific-flight--trail-crossing .pacific-flight__trail-crossing-gummy{width:clamp(3.1rem,15vw,5rem)}.pacific-flight--trail-crossing .pacific-flight__trail-crossing-lead{top:34%;left:43%;width:clamp(4.2rem,20vw,6rem)}.pacific-flight--trail-crossing .pacific-flight__trail-crossing b{right:17%;font-size:.42rem}}@media(prefers-reduced-motion:reduce){.pacific-flight--trail-crossing .pacific-flight__trail-crossing-gummy,.pacific-flight--trail-crossing .pacific-flight__trail-crossing-lead{animation:none}.pacific-flight--trail-crossing .pacific-flight__trail-crossing-gummy--left-top{transform:translate(-13vw,-8vh) rotate(-12deg)}.pacific-flight--trail-crossing .pacific-flight__trail-crossing-gummy--left-bottom{transform:translate(-12vw,8vh) rotate(12deg)}.pacific-flight--trail-crossing .pacific-flight__trail-crossing-gummy--right-top{transform:translate(13vw,-8vh) rotate(12deg)}.pacific-flight--trail-crossing .pacific-flight__trail-crossing-gummy--right-bottom{transform:translate(12vw,8vh) rotate(-12deg)}}
/** Design reminder — Trail Joystick Flight: the interaction must read as a composed squadron changing shape around one tactile, waxed gummy lead. The interface is warm, aviation-inspired, and subordinate to the Seattle Trail scenery. */
.pacific-flight--trail-joystick .pacific-flight__hero-copy { max-width: 29rem; }
.trail-joystick { position: absolute; inset: 0; z-index: 4; overflow: hidden; pointer-events: none; }
.trail-joystick__lanes { position: absolute; inset: 0; opacity: .34; }
.trail-joystick__lanes i { position: absolute; width: 17rem; height: 1px; background: linear-gradient(90deg, transparent, rgba(255,241,212,.92), transparent); transform-origin: 0 50%; }
.trail-joystick__lanes i:nth-child(1) { left: 43%; top: 28%; rotate: 19deg; }
.trail-joystick__lanes i:nth-child(2) { left: 41%; top: 48%; rotate: -15deg; }
.trail-joystick__lanes i:nth-child(3) { left: 48%; top: 72%; rotate: -26deg; }
.trail-joystick__lanes i:nth-child(4) { left: 55%; top: 17%; rotate: 134deg; }
.trail-joystick__flock-member { position: absolute; left: var(--flock-x); top: var(--flock-y); width: clamp(3.25rem, 7vw, 6.8rem); transform: translate(-50%, -50%) scale(var(--flock-scale)) rotate(var(--flock-rotation)); filter: drop-shadow(0 12px 13px rgba(12,32,27,.34)); transition: left 210ms cubic-bezier(.22,1,.36,1), top 210ms cubic-bezier(.22,1,.36,1), transform 210ms cubic-bezier(.22,1,.36,1); user-select: none; }
.trail-joystick--holding .trail-joystick__flock-member { transition-duration: 58ms; }
.trail-joystick__lead { position: absolute; left: var(--lead-x); top: var(--lead-y); width: clamp(6.8rem, 13vw, 10.4rem); padding: 0; border: 0; border-radius: 50%; background: transparent; transform: translate(-50%, -50%) rotate(var(--lead-rotation)); cursor: grab; pointer-events: auto; touch-action: none; filter: drop-shadow(0 16px 18px rgba(6,30,29,.47)); transition: left 220ms cubic-bezier(.22,1,.36,1), top 220ms cubic-bezier(.22,1,.36,1), transform 220ms cubic-bezier(.22,1,.36,1), filter 180ms ease-out; }
.trail-joystick__lead:active { cursor: grabbing; }
.trail-joystick__lead:focus-visible { outline: 2px solid #ffc441; outline-offset: 7px; }
.trail-joystick__lead img { display: block; width: 100%; pointer-events: none; user-select: none; }
.trail-joystick__lead span { position: absolute; left: 50%; top: calc(100% + .4rem); translate: -50% 0; white-space: nowrap; border: 1px solid rgba(255,241,212,.52); padding: .32rem .48rem; color: #fff5de; background: rgba(11,35,35,.58); font-family: var(--font-mono, monospace); font-size: .55rem; letter-spacing: .12em; }
.trail-joystick--holding .trail-joystick__lead { filter: drop-shadow(0 0 20px rgba(255,193,58,.64)) drop-shadow(0 16px 18px rgba(6,30,29,.47)); transition-duration: 58ms; }
.trail-joystick__guide { position: absolute; left: 61%; top: 76%; display: grid; gap: .22rem; color: #fff5de; text-transform: uppercase; font-family: var(--font-mono, monospace); letter-spacing: .13em; text-shadow: 0 2px 14px rgba(0,0,0,.45); }
.trail-joystick__guide b { font-size: .64rem; color: #ffc441; }
.trail-joystick__guide span { font-size: .56rem; opacity: .85; }
@media (max-width: 700px) { .pacific-flight--trail-joystick .pacific-flight__hero-copy { max-width: 19rem; }.trail-joystick__lead { width: 7.2rem; }.trail-joystick__lead span { display: none; }.trail-joystick__flock-member { width: 3.4rem; }.trail-joystick__guide { display: none; }.trail-joystick__lanes { opacity: .2; } }
@media (prefers-reduced-motion: reduce) { .trail-joystick__flock-member, .trail-joystick__lead { transition: none; } }
/** Design reminder — First-Person Trail Explorer: a restrained expedition HUD floats over an immersive real-time trail view. Deep forest, parchment-white type, and Tangerine/amber controls keep attention on looking and walking. */
.trail-explorer { position: relative; min-height: 100svh; overflow: hidden; background: #132a28; color: #fff6df; font-family: var(--font-sans, sans-serif); }
.trail-explorer__canvas, .trail-explorer__canvas canvas { position: absolute; inset: 0; width: 100%; height: 100%; cursor: grab; touch-action: none; }.trail-explorer__canvas canvas:active { cursor: grabbing; }
.trail-explorer__shade { position: absolute; inset: 0; pointer-events: none; background: linear-gradient(180deg, rgba(8,24,22,.64) 0%, rgba(8,24,22,.08) 30%, rgba(7,23,21,.12) 60%, rgba(7,23,21,.82) 100%); z-index: 1; }
.trail-explorer__topbar, .trail-explorer__readout, .trail-explorer__hint, .trail-explorer__control-dock, .trail-explorer__motion { position: relative; z-index: 2; }
.trail-explorer__topbar { display: flex; align-items: center; justify-content: space-between; padding: 1.3rem 2rem; border-bottom: 1px solid rgba(255,246,223,.22); font-family: var(--font-mono, monospace); letter-spacing: .13em; font-size: .65rem; }.trail-explorer__brand { display: flex; align-items: center; gap: .7rem; color: #fff6df; text-decoration: none; }.trail-explorer__brand span { font-weight: 800; line-height: .9; font-size: .7rem; }.trail-explorer__brand i { width: 1.35rem; height: 1px; background: #f6b72e; }.trail-explorer__brand b { font-weight: 500; }.trail-explorer__bearing { position: absolute; left: 50%; translate: -50% 0; display: flex; align-items: center; gap: .55rem; color: #f6b72e; }.trail-explorer__bearing span { font-size: 1.15rem; }.trail-explorer__bearing small { color: rgba(255,246,223,.78); font-size: .54rem; }.trail-explorer__exit { color: #fff6df; text-decoration: none; border-bottom: 1px solid #f6b72e; padding-bottom: .24rem; }
.trail-explorer__readout { position: absolute; left: 7.5vw; top: 27%; max-width: 21rem; text-shadow: 0 4px 28px rgba(0,0,0,.45); }.trail-explorer__readout p { margin: 0 0 .65rem; color: #f6b72e; font-family: var(--font-mono, monospace); font-size: .63rem; letter-spacing: .16em; }.trail-explorer__readout h1 { margin: 0; max-width: 16rem; font-family: Georgia, serif; font-size: clamp(2.3rem, 5vw, 5.7rem); font-weight: 500; line-height: .85; letter-spacing: -.075em; }.trail-explorer__readout span { display: inline-block; margin-top: 1.15rem; font-family: var(--font-mono, monospace); font-size: .63rem; letter-spacing: .14em; padding: .5rem .65rem; background: rgba(10,31,29,.52); border: 1px solid rgba(255,246,223,.3); }
.trail-explorer__hint { position: absolute; right: 7vw; top: 35%; display: grid; gap: .5rem; padding: .9rem 1rem; border-left: 2px solid #f6b72e; background: rgba(9,28,27,.34); font-family: var(--font-mono, monospace); font-size: .58rem; letter-spacing: .13em; }.trail-explorer__hint svg { color: #f6b72e; }.trail-explorer__hint i { display: block; height: 1px; width: 100%; background: rgba(255,246,223,.35); }
.trail-explorer__control-dock { position: absolute; bottom: 2rem; left: 50%; translate: -50% 0; display: grid; grid-template-columns: auto auto auto; align-items: center; gap: .6rem; padding: .55rem; background: rgba(8,27,26,.82); border: 1px solid rgba(255,246,223,.38); backdrop-filter: blur(12px); }.trail-explorer__control-dock button { min-height: 2.7rem; border: 1px solid rgba(255,246,223,.32); background: transparent; color: #fff6df; font-family: var(--font-mono, monospace); font-size: .6rem; letter-spacing: .09em; cursor: pointer; transition: background 160ms ease-out, color 160ms ease-out, transform 160ms ease-out; }.trail-explorer__control-dock button:hover, .trail-explorer__control-dock button.is-active { color: #172b29; background: #f6b72e; }.trail-explorer__control-dock button:active { transform: scale(.97); }.trail-explorer__speed { display: flex; align-items: center; gap: .45rem; padding: 0 .25rem; }.trail-explorer__speed > svg { color: #f6b72e; }.trail-explorer__speed div { display: flex; }.trail-explorer__speed button { width: 3.65rem; border-right: 0; }.trail-explorer__speed button:last-child { border-right: 1px solid rgba(255,246,223,.32); }.trail-explorer__move { display: flex; gap: .35rem; }.trail-explorer__move > button:not(.trail-explorer__walk), .trail-explorer__reverse > button:last-child { width: 2.8rem; display: grid; place-items: center; }.trail-explorer__walk { width: 8.2rem; display: inline-flex; align-items: center; justify-content: center; gap: .45rem; background: #df5d2f !important; color: #fff6df !important; border-color: #df5d2f !important; }.trail-explorer__reverse { display: flex; gap: .35rem; }.trail-explorer__reverse > button:first-child { width: 8.7rem; display: inline-flex; align-items: center; justify-content: center; gap: .4rem; }
.trail-explorer__motion { position: absolute; left: 2rem; bottom: 2.1rem; display: flex; align-items: center; gap: .55rem; font-family: var(--font-mono, monospace); font-size: .6rem; letter-spacing: .12em; text-shadow: 0 2px 15px rgba(0,0,0,.55); }.trail-explorer__motion svg { color: #f6b72e; }.trail-explorer__motion b { color: #f6b72e; margin-left: .2rem; }.trail-explorer__motion.is-moving { color: #f6b72e; }
@media (max-width: 760px) { .trail-explorer__topbar { padding: 1rem; }.trail-explorer__brand b, .trail-explorer__bearing small, .trail-explorer__exit { display: none; }.trail-explorer__bearing { left: auto; right: 1rem; translate: 0; }.trail-explorer__readout { left: 1.2rem; top: 22%; }.trail-explorer__readout h1 { font-size: 3.2rem; max-width: 13rem; }.trail-explorer__hint { top: auto; right: auto; left: 1.2rem; bottom: 11.4rem; font-size: .5rem; }.trail-explorer__control-dock { width: calc(100% - 1.2rem); bottom: .8rem; grid-template-columns: 1fr 1fr; gap: .35rem; }.trail-explorer__speed { grid-column: 1 / -1; justify-content: space-between; }.trail-explorer__speed div { flex: 1; }.trail-explorer__speed button { flex: 1; width: auto; }.trail-explorer__move, .trail-explorer__reverse { justify-content: center; }.trail-explorer__walk { flex: 1; }.trail-explorer__reverse > button:first-child { width: auto; flex: 1; }.trail-explorer__motion { display: none; } }
/** Design reminder — Trail Pathfinder: make the map a translucent expedition instrument on the left, leave the panoramic forest in command, and use amber/citrus accents to signal discovery. */
.trail-explorer-next { position: relative; min-height: 100svh; overflow: hidden; color: #fff7e5; background: #102725; font-family: var(--font-sans, sans-serif); }.trail-explorer-next__canvas { position:absolute; inset:0; width:100%; height:100%; cursor:crosshair; touch-action:none; overflow:hidden; background:#102725; }.trail-explorer-next__canvas:active { cursor:grabbing; }.trail-explorer-next__scene { position:absolute; inset:-2%; background-repeat:repeat-x; background-size:auto calc(100% + 6%); will-change:background-position,opacity; transform:translateY(var(--pathfinder-bob,0px)) scale(1.035); }.trail-explorer-next__scene--secondary { opacity:0; }.trail-explorer-next__motion-grain { position:absolute; inset:0; pointer-events:none; background:radial-gradient(circle at 50% 54%,transparent 38%,rgba(3,15,13,.13) 100%); }.trail-explorer-next__shade { position:absolute; inset:0; z-index:1; pointer-events:none; background:linear-gradient(180deg,rgba(7,23,21,.72),rgba(7,23,21,.06) 30%,rgba(7,23,21,.18) 60%,rgba(7,23,21,.86)); }.trail-explorer-next__topbar,.trail-explorer-next__readout,.trail-explorer-next__radar,.trail-explorer-next__trail-cue,.trail-explorer-next__discovery,.trail-explorer-next__bottom { position:relative; z-index:2; }.trail-explorer-next__topbar { display:flex; align-items:center; justify-content:space-between; padding:1.2rem 2rem; border-bottom:1px solid rgba(255,247,229,.22); font-family:var(--font-mono,monospace); letter-spacing:.13em; font-size:.62rem; }.trail-explorer-next__brand { display:flex; gap:.72rem; align-items:center; color:#fff7e5; text-decoration:none; }.trail-explorer-next__brand span { font-size:.68rem; font-weight:900; line-height:.88; }.trail-explorer-next__brand i { height:1px; width:1.4rem; background:#e8ad2b; }.trail-explorer-next__brand b { font-weight:500; }.trail-explorer-next__bearing { position:absolute; left:50%; translate:-50% 0; display:flex; align-items:center; gap:.45rem; color:#e8ad2b; }.trail-explorer-next__bearing strong { font-size:1.1rem; }.trail-explorer-next__bearing small { color:rgba(255,247,229,.76); font-size:.54rem; }.trail-explorer-next__performance { margin-left:auto; margin-right:2.3rem; display:flex; align-items:center; gap:.35rem; color:#e8ad2b; }.trail-explorer-next__performance i { display:block; width:1px; height:.8rem; margin:0 .25rem; background:rgba(255,247,229,.4); }.trail-explorer-next__exit { color:#fff7e5; text-decoration:none; border-bottom:1px solid #e8ad2b; padding-bottom:.2rem; }.trail-explorer-next__readout { position:absolute; top:24%; left:9vw; max-width:20rem; text-shadow:0 4px 28px rgba(0,0,0,.6); }.trail-explorer-next__readout p { margin:0 0 .6rem; color:#e8ad2b; font-family:var(--font-mono,monospace); font-size:.62rem; letter-spacing:.16em; }.trail-explorer-next__readout h1 { margin:0; font-family:Georgia,serif; font-size:clamp(2.4rem,5vw,5.6rem); line-height:.84; letter-spacing:-.08em; font-weight:500; }.trail-explorer-next__readout span { display:inline-block; margin-top:1.2rem; padding:.55rem .68rem; border:1px solid rgba(255,247,229,.35); background:rgba(8,27,26,.52); font-family:var(--font-mono,monospace); font-size:.62rem; letter-spacing:.13em; }.trail-explorer-next__radar { position:absolute; left:2rem; top:19%; width:14.3rem; padding:.9rem; background:rgba(8,29,28,.47); border:1px solid rgba(232,173,43,.55); backdrop-filter:blur(11px); font-family:var(--font-mono,monospace); }.trail-explorer-next__radar-heading { display:grid; grid-template-columns:auto 1fr; column-gap:.5rem; align-items:center; color:#e8ad2b; font-size:.6rem; letter-spacing:.14em; }.trail-explorer-next__radar-heading b { grid-column:1/-1; margin-top:.3rem; font-size:.51rem; font-weight:500; color:rgba(255,247,229,.72); }.trail-explorer-next__radar-map { position:relative; aspect-ratio:1; margin:.7rem 0; border-radius:50%; background:radial-gradient(circle,rgba(232,173,43,.14),rgba(8,29,28,.06) 65%); overflow:visible; }.trail-explorer-next__radar-map svg { width:100%; height:100%; }.trail-explorer-next__radar-map circle { fill:none; stroke:rgba(232,173,43,.28); stroke-width:.4; }.trail-explorer-next__radar-map path { fill:none; stroke:rgba(255,247,229,.42); stroke-width:1.1; }.trail-explorer-next__radar-map .trail-explorer-next__radar-progress { stroke:#e8ad2b; stroke-width:1.7; transition:stroke-dashoffset .3s linear; }.trail-explorer-next__radar-you { position:absolute; z-index:3; display:grid; place-items:center; width:1.35rem; height:1.35rem; translate:-50% -50%; color:#e8ad2b; border:1px solid #e8ad2b; border-radius:50%; background:rgba(8,29,28,.8); box-shadow:0 0 1rem rgba(232,173,43,.45); }.trail-explorer-next__radar-map button { position:absolute; z-index:4; width:2.2rem; aspect-ratio:1; padding:0; translate:-50% -50%; border:0; border-radius:50%; background:rgba(11,36,34,.92); box-shadow:0 0 0 1px rgba(255,247,229,.35); cursor:pointer; transition:transform .18s ease-out,box-shadow .18s ease-out; }.trail-explorer-next__radar-map button:hover,.trail-explorer-next__radar-map button.is-found { transform:scale(1.25); box-shadow:0 0 0 2px #e8ad2b,0 0 1rem rgba(232,173,43,.65); }.trail-explorer-next__radar-map button.is-passed { opacity:.68; }.trail-explorer-next__radar-map button img { width:100%; height:100%; object-fit:contain; }.trail-explorer-next__radar-map button span { position:absolute; top:110%; left:50%; translate:-50% 0; color:#fff7e5; font-size:.43rem; white-space:nowrap; text-shadow:0 1px 8px #000; }.trail-explorer-next__radar > p { margin:0; color:rgba(255,247,229,.72); font-size:.49rem; letter-spacing:.09em; line-height:1.45; }.trail-explorer-next__trail-cue { position:absolute; right:8vw; top:41%; display:flex; align-items:center; gap:.65rem; padding:.75rem .9rem; border-left:2px solid #e8ad2b; background:rgba(8,29,28,.4); font-family:var(--font-mono,monospace); }.trail-explorer-next__trail-cue svg { color:#e8ad2b; }.trail-explorer-next__trail-cue div { display:grid; gap:.28rem; }.trail-explorer-next__trail-cue b { font-size:.59rem; letter-spacing:.12em; }.trail-explorer-next__trail-cue span { max-width:11rem; font-size:.5rem; line-height:1.4; color:rgba(255,247,229,.74); }.trail-explorer-next__trail-cue i { position:absolute; bottom:-2.5rem; left:.15rem; height:2.1rem; border-left:1px dashed rgba(232,173,43,.7); }.trail-explorer-next__discovery { position:absolute; right:5vw; bottom:7rem; display:flex; align-items:center; gap:.75rem; width:min(21rem,28vw); padding:.75rem; background:rgba(10,31,29,.78); border:1px solid rgba(232,173,43,.5); backdrop-filter:blur(10px); transform:translateY(1rem); opacity:0; pointer-events:none; transition:opacity .28s ease-out,transform .28s ease-out; }.trail-explorer-next__discovery.is-visible { opacity:1; transform:translateY(0); }.trail-explorer-next__discovery img { width:4rem; aspect-ratio:1; object-fit:contain; }.trail-explorer-next__discovery p { display:flex; align-items:center; gap:.35rem; margin:0 0 .28rem; color:#e8ad2b; font-family:var(--font-mono,monospace); font-size:.52rem; letter-spacing:.11em; }.trail-explorer-next__discovery h2 { margin:0; font-family:Georgia,serif; font-size:1.35rem; font-weight:500; }.trail-explorer-next__discovery span { display:block; margin-top:.25rem; font-size:.66rem; line-height:1.35; color:rgba(255,247,229,.76); }.trail-explorer-next__bottom { position:absolute; bottom:1.7rem; left:50%; translate:-50% 0; display:flex; gap:.4rem; padding:.45rem; border:1px solid rgba(255,247,229,.36); background:rgba(7,24,22,.78); backdrop-filter:blur(10px); }.trail-explorer-next__bottom button { min-height:2.9rem; display:flex; align-items:center; justify-content:center; gap:.45rem; padding:0 .9rem; border:1px solid rgba(255,247,229,.34); background:transparent; color:#fff7e5; font-family:var(--font-mono,monospace); letter-spacing:.11em; font-size:.6rem; cursor:pointer; transition:background .15s ease-out,transform .15s ease-out; }.trail-explorer-next__bottom button:first-child { background:#df5d2f; border-color:#df5d2f; }.trail-explorer-next__bottom button:hover { background:#e8ad2b; color:#112725; }.trail-explorer-next__bottom button:active { transform:scale(.97); }.trail-explorer-next__trail-relic { position:absolute; z-index:2; left:50%; bottom:13%; translate:-50% 1rem; display:grid; place-items:center; gap:.1rem; opacity:0; transition:opacity .3s ease-out,translate .3s ease-out; pointer-events:none; filter:drop-shadow(0 .75rem 1rem rgba(0,0,0,.6)); }.trail-explorer-next__trail-relic.is-visible { opacity:1; translate:-50% 0; }.trail-explorer-next__trail-relic img { width:7.5rem; height:7.5rem; object-fit:contain; animation:trail-relic-float 3s ease-in-out infinite; }.trail-explorer-next__trail-relic span { color:#fff7e5; font-family:var(--font-mono,monospace); font-size:.58rem; letter-spacing:.15em; text-shadow:0 2px 12px #000; }@keyframes trail-relic-float { 50% { transform:translateY(-.35rem) rotate(2deg); } }
@media (max-width:760px) { .trail-explorer-next__topbar { padding:1rem; }.trail-explorer-next__brand b,.trail-explorer-next__bearing small,.trail-explorer-next__exit,.trail-explorer-next__performance { display:none; }.trail-explorer-next__bearing { left:auto; right:1rem; translate:0; }.trail-explorer-next__readout { left:1.2rem; top:16%; }.trail-explorer-next__readout h1 { font-size:3.1rem; max-width:13rem; }.trail-explorer-next__radar { left:1rem; top:auto; bottom:8.2rem; width:8.2rem; padding:.55rem; }.trail-explorer-next__radar-heading b,.trail-explorer-next__radar > p { display:none; }.trail-explorer-next__radar-map { margin:.35rem 0 0; }.trail-explorer-next__radar-map button { width:1.55rem; }.trail-explorer-next__radar-map button span { display:none; }.trail-explorer-next__trail-cue { display:none; }.trail-explorer-next__discovery { right:1rem; bottom:8.3rem; width:calc(100% - 11rem); padding:.5rem; }.trail-explorer-next__discovery img { width:3rem; }.trail-explorer-next__discovery h2 { font-size:1.05rem; }.trail-explorer-next__discovery span { font-size:.55rem; }.trail-explorer-next__bottom { bottom:.8rem; width:calc(100% - 1.2rem); }.trail-explorer-next__bottom button:first-child { flex:1; } }
/* Trail World V1 — a lightened Pacific product journey: Sea-glass fog, cream labels, real product companion, and Conduit Tangerine as a continuous world/UI route spine. */
.trail-world{--tangerine:#ff5d2a;--cream:#fff7e5;--sea-glass:#a9ddcf;--pine:#123e2a;position:relative;min-height:100svh;overflow:hidden;background:#0d2924;color:var(--cream);font-family:var(--font-sans,sans-serif)}.trail-world__canvas{position:absolute;inset:0;width:100%;height:100%;outline:0;cursor:crosshair}.trail-world__canvas:active{cursor:grabbing}.trail-world__shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(11,36,31,.54),rgba(92,176,150,.05) 35%,rgba(14,67,45,.05) 65%,rgba(4,21,17,.72))}.trail-world__conduit{position:absolute;inset:0;z-index:1;width:100%;height:100%;pointer-events:none;overflow:visible}.trail-world__conduit path{fill:none;stroke:var(--tangerine);stroke-width:4;stroke-linecap:round;stroke-dasharray:2 11;filter:drop-shadow(0 0 8px rgba(255,93,42,.65));opacity:.88;animation:conduit-flow 2.8s linear infinite}.trail-world__top,.trail-world__radar,.trail-world__readout,.trail-world__companion,.trail-world__guide,.trail-world__discovery,.trail-world__footer{position:relative;z-index:2}.trail-world__top{display:flex;align-items:center;gap:1.3rem;padding:1rem 1.7rem;border-bottom:1px solid rgba(255,247,229,.25);background:linear-gradient(90deg,rgba(10,50,41,.64),rgba(255,247,229,.03));font:600 .6rem var(--font-mono,monospace);letter-spacing:.13em}.trail-world__top a{color:var(--cream);text-decoration:none}.trail-world__top a:first-child{margin-right:auto}.trail-world__top a:first-child b{font-weight:500;margin-left:.55rem}.trail-world__top em{display:inline-grid;place-items:center;width:1.45rem;height:1.45rem;margin-right:.45rem;border:1px solid var(--tangerine);border-radius:50%;color:var(--tangerine);font-style:normal}.trail-world__top>div{display:flex;align-items:center;gap:.45rem;color:var(--tangerine)}.trail-world__top strong{font-size:1rem}.trail-world__top span{font-size:.52rem;color:var(--sea-glass)}.trail-world__top small{color:var(--sea-glass)}.trail-world__top small.is-low{color:var(--tangerine)}.trail-world__top small i{display:inline-block;height:.8rem;border-left:1px solid rgba(255,247,229,.4);margin:0 .4rem}.trail-world__radar{position:absolute;top:19%;left:2rem;width:13.2rem;padding:.85rem;background:rgba(18,76,60,.56);border:1px solid rgba(255,93,42,.72);backdrop-filter:blur(10px);font:600 .55rem var(--font-mono,monospace);letter-spacing:.1em}.trail-world__radar p{display:grid;gap:.3rem;margin:0;color:var(--tangerine)}.trail-world__radar p b{font-size:.48rem;color:rgba(255,247,229,.82);font-weight:500}.trail-world__map{position:relative;aspect-ratio:1;margin:.55rem 0;background:radial-gradient(circle,rgba(169,221,207,.18),transparent 68%)}.trail-world__map svg{width:100%;height:100%;overflow:visible}.trail-world__map path{fill:none;stroke:rgba(255,247,229,.34);stroke-width:1.2}.trail-world__map .trail-world__route{stroke:var(--tangerine);stroke-width:2.3;stroke-dasharray:126;filter:drop-shadow(0 0 4px rgba(255,93,42,.9));transition:stroke-dashoffset .25s linear}.trail-world__map span,.trail-world__map i{position:absolute;translate:-50% -50%;font-style:normal}.trail-world__map span{font-size:.42rem;color:rgba(255,247,229,.58);transition:color .2s}.trail-world__map span.is-past{color:var(--tangerine)}.trail-world__map i{display:grid;place-items:center;width:1.25rem;height:1.25rem;border:1px solid var(--tangerine);border-radius:50%;color:var(--tangerine);background:#103e32;box-shadow:0 0 1rem rgba(255,93,42,.65);font-size:.8rem}.trail-world__radar small{color:var(--sea-glass);font-size:.44rem;line-height:1.35}.trail-world__readout{position:absolute;top:26%;left:8.4vw;text-shadow:0 3px 24px rgba(0,0,0,.5)}.trail-world__readout p{margin:0 0 .55rem;color:var(--tangerine);font:600 .58rem var(--font-mono,monospace);letter-spacing:.15em}.trail-world__readout h1{margin:0;font:500 clamp(2.3rem,5vw,5.2rem)/.84 Georgia,serif;letter-spacing:-.075em}.trail-world__readout span{display:inline-block;margin-top:1rem;padding:.55rem .7rem;border:1px solid rgba(255,247,229,.42);background:rgba(11,62,48,.5);font:600 .58rem var(--font-mono,monospace);letter-spacing:.12em}.trail-world__companion{position:absolute;right:5.4vw;top:14%;display:flex;align-items:center;gap:.7rem;width:min(22rem,31vw);padding:.55rem .8rem .65rem;border-bottom:2px solid var(--tangerine);background:linear-gradient(90deg,rgba(255,247,229,.06),rgba(169,221,207,.16));backdrop-filter:blur(8px)}.trail-world__companion img{width:clamp(4.2rem,7vw,6.8rem);height:clamp(4.2rem,7vw,6.8rem);object-fit:contain;filter:drop-shadow(0 12px 14px rgba(0,0,0,.3));transform:rotate(-5deg)}.trail-world__companion p,.trail-world__companion h2,.trail-world__companion span{margin:0}.trail-world__companion p{color:var(--tangerine);font:600 .49rem var(--font-mono,monospace);letter-spacing:.13em}.trail-world__companion h2{margin-top:.25rem;font:500 1.25rem Georgia,serif;letter-spacing:.03em}.trail-world__companion span{display:block;margin-top:.25rem;color:var(--sea-glass);font-size:.62rem;line-height:1.25}.trail-world__guide{position:absolute;right:7vw;top:51%;display:grid;gap:.32rem;padding:.8rem .95rem;border-left:2px solid var(--tangerine);background:rgba(15,68,52,.56);font:600 .55rem var(--font-mono,monospace);letter-spacing:.11em}.trail-world__guide b{color:var(--tangerine)}.trail-world__guide span{color:rgba(255,247,229,.84);font-size:.49rem;letter-spacing:.06em}.trail-world__discovery{position:absolute;right:5vw;bottom:5.2rem;display:grid;gap:.23rem;width:min(22rem,31vw);padding:.8rem 1rem;background:rgba(15,75,57,.84);border:1px solid rgba(255,93,42,.72);backdrop-filter:blur(10px)}.trail-world__discovery p{margin:0;color:var(--tangerine);font:600 .5rem var(--font-mono,monospace);letter-spacing:.12em}.trail-world__discovery h2{margin:0;font:500 1.45rem Georgia,serif}.trail-world__discovery span{color:var(--sea-glass);font-size:.68rem}.trail-world__footer{position:absolute;bottom:1.2rem;left:50%;translate:-50% 0;padding:.55rem .8rem;border:1px solid rgba(255,247,229,.38);background:rgba(8,51,40,.8);font:600 .5rem var(--font-mono,monospace);letter-spacing:.1em;white-space:nowrap}.trail-world__footer b{color:var(--tangerine)}@keyframes conduit-flow{to{stroke-dashoffset:-78}}@media(max-width:700px){.trail-world__top{padding:.9rem 1rem}.trail-world__top a:first-child b,.trail-world__top small,.trail-world__top a:last-child{display:none}.trail-world__top>div{margin-left:auto}.trail-world__readout{top:13%;left:1.25rem}.trail-world__readout h1{font-size:3.2rem}.trail-world__companion{top:20%;right:1rem;width:11.4rem;padding:.35rem .5rem}.trail-world__companion img{width:3.8rem;height:3.8rem}.trail-world__companion h2{font-size:.93rem}.trail-world__companion span{font-size:.48rem}.trail-world__radar{top:auto;bottom:6.5rem;left:1.1rem;width:8.1rem;padding:.6rem}.trail-world__radar p b,.trail-world__radar>small{display:none}.trail-world__guide{top:auto;right:1.1rem;bottom:6.6rem;max-width:10rem}.trail-world__guide span{font-size:.43rem}.trail-world__discovery{right:1rem;bottom:10.8rem;width:13rem}.trail-world__footer{bottom:1.15rem;font-size:.43rem;max-width:calc(100% - 2rem);overflow:hidden;text-overflow:ellipsis}.trail-world__map span{font-size:.34rem}.trail-world__conduit{opacity:.72}}
/* Authentic Washington Trail — textured wet-duff ground, mossed cedar bark, native fern cards, and the user-locked Trail Radar remain subordinate to the continuous 3D hike. */
/* Trail World V1 — a lightened Pacific product journey: Sea-glass fog, cream labels, real product companion, and Conduit Tangerine as a continuous world/UI route spine. */
.trail-world{--tangerine:#ff5d2a;--cream:#fff7e5;--sea-glass:#a9ddcf;--pine:#123e2a;position:relative;min-height:100svh;overflow:hidden;background:#0d2924;color:var(--cream);font-family:var(--font-sans,sans-serif)}
.trail-world__canvas{position:absolute;inset:0;width:100%;height:100%;outline:0;cursor:crosshair}
.trail-world__canvas:active{cursor:grabbing}
.trail-world__shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(11,36,31,.54),rgba(92,176,150,.05) 35%,rgba(14,67,45,.05) 65%,rgba(4,21,17,.72))}
.trail-world__conduit{position:absolute;inset:0;z-index:1;width:100%;height:100%;pointer-events:none;overflow:visible}
.trail-world__conduit path{fill:none;stroke:var(--tangerine);stroke-width:4;stroke-linecap:round;stroke-dasharray:2 11;filter:drop-shadow(0 0 8px rgba(255,93,42,.65));opacity:.88;animation:conduit-flow 2.8s linear infinite}
.trail-world__top,.trail-world__radar,.trail-world__readout,.trail-world__companion,.trail-world__guide,.trail-world__discovery,.trail-world__footer{position:relative;z-index:2}
.trail-world__top{display:flex;align-items:center;gap:1.3rem;padding:1rem 1.7rem;border-bottom:1px solid rgba(255,247,229,.25);background:linear-gradient(90deg,rgba(10,50,41,.64),rgba(255,247,229,.03));font:600 .6rem var(--font-mono,monospace);letter-spacing:.13em}
.trail-world__top a{color:var(--cream);text-decoration:none}
.trail-world__top a:first-child{margin-right:auto}
.trail-world__top a:first-child b{font-weight:500;margin-left:.55rem}
.trail-world__top em{display:inline-grid;place-items:center;width:1.45rem;height:1.45rem;margin-right:.45rem;border:1px solid var(--tangerine);border-radius:50%;color:var(--tangerine);font-style:normal}
.trail-world__top>div{display:flex;align-items:center;gap:.45rem;color:var(--tangerine)}
.trail-world__top strong{font-size:1rem}
.trail-world__top span{font-size:.52rem;color:var(--sea-glass)}
.trail-world__top small{color:var(--sea-glass)}
.trail-world__top small.is-low{color:var(--tangerine)}
.trail-world__top small i{display:inline-block;height:.8rem;border-left:1px solid rgba(255,247,229,.4);margin:0 .4rem}
.trail-world__radar{position:absolute;top:19%;left:2rem;width:13.2rem;padding:.85rem;background:rgba(18,76,60,.56);border:1px solid rgba(255,93,42,.72);backdrop-filter:blur(10px);font:600 .55rem var(--font-mono,monospace);letter-spacing:.1em}
.trail-world__radar p{display:grid;gap:.3rem;margin:0;color:var(--tangerine)}
.trail-world__radar p b{font-size:.48rem;color:rgba(255,247,229,.82);font-weight:500}
.trail-world__map{position:relative;aspect-ratio:1;margin:.55rem 0;background:radial-gradient(circle,rgba(169,221,207,.18),transparent 68%)}
.trail-world__map svg{width:100%;height:100%;overflow:visible}
.trail-world__map path{fill:none;stroke:rgba(255,247,229,.34);stroke-width:1.2}
.trail-world__map .trail-world__route{stroke:var(--tangerine);stroke-width:2.3;stroke-dasharray:126;filter:drop-shadow(0 0 4px rgba(255,93,42,.9));transition:stroke-dashoffset .25s linear}
.trail-world__map span,.trail-world__map i{position:absolute;translate:-50% -50%;font-style:normal}
.trail-world__map span{font-size:.42rem;color:rgba(255,247,229,.58);transition:color .2s}
.trail-world__map span.is-past{color:var(--tangerine)}
.trail-world__map i{display:grid;place-items:center;width:1.25rem;height:1.25rem;border:1px solid var(--tangerine);border-radius:50%;color:var(--tangerine);background:#103e32;box-shadow:0 0 1rem rgba(255,93,42,.65);font-size:.8rem}
.trail-world__radar small{color:var(--sea-glass);font-size:.44rem;line-height:1.35}
.trail-world__readout{position:absolute;top:26%;left:8.4vw;text-shadow:0 3px 24px rgba(0,0,0,.5)}
.trail-world__readout p{margin:0 0 .55rem;color:var(--tangerine);font:600 .58rem var(--font-mono,monospace);letter-spacing:.15em}
.trail-world__readout h1{margin:0;font:500 clamp(2.3rem,5vw,5.2rem)/.84 Georgia,serif;letter-spacing:-.075em}
.trail-world__readout span{display:inline-block;margin-top:1rem;padding:.55rem .7rem;border:1px solid rgba(255,247,229,.42);background:rgba(11,62,48,.5);font:600 .58rem var(--font-mono,monospace);letter-spacing:.12em}
.trail-world__companion{position:absolute;right:5.4vw;top:14%;display:flex;align-items:center;gap:.7rem;width:min(22rem,31vw);padding:.55rem .8rem .65rem;border-bottom:2px solid var(--tangerine);background:linear-gradient(90deg,rgba(255,247,229,.06),rgba(169,221,207,.16));backdrop-filter:blur(8px)}
.trail-world__companion img{width:clamp(4.2rem,7vw,6.8rem);height:clamp(4.2rem,7vw,6.8rem);object-fit:contain;filter:drop-shadow(0 12px 14px rgba(0,0,0,.3));transform:rotate(-5deg)}
.trail-world__companion p,.trail-world__companion h2,.trail-world__companion span{margin:0}
.trail-world__companion p{color:var(--tangerine);font:600 .49rem var(--font-mono,monospace);letter-spacing:.13em}
.trail-world__companion h2{margin-top:.25rem;font:500 1.25rem Georgia,serif;letter-spacing:.03em}
.trail-world__companion span{display:block;margin-top:.25rem;color:var(--sea-glass);font-size:.62rem;line-height:1.25}
.trail-world__guide{position:absolute;right:7vw;top:51%;display:grid;gap:.32rem;padding:.8rem .95rem;border-left:2px solid var(--tangerine);background:rgba(15,68,52,.56);font:600 .55rem var(--font-mono,monospace);letter-spacing:.11em}
.trail-world__guide b{color:var(--tangerine)}
.trail-world__guide span{color:rgba(255,247,229,.84);font-size:.49rem;letter-spacing:.06em}
.trail-world__discovery{position:absolute;right:5vw;bottom:5.2rem;display:grid;gap:.23rem;width:min(22rem,31vw);padding:.8rem 1rem;background:rgba(15,75,57,.84);border:1px solid rgba(255,93,42,.72);backdrop-filter:blur(10px)}
.trail-world__discovery p{margin:0;color:var(--tangerine);font:600 .5rem var(--font-mono,monospace);letter-spacing:.12em}
.trail-world__discovery h2{margin:0;font:500 1.45rem Georgia,serif}
.trail-world__discovery span{color:var(--sea-glass);font-size:.68rem}
.trail-world__footer{position:absolute;bottom:1.2rem;left:50%;translate:-50% 0;padding:.55rem .8rem;border:1px solid rgba(255,247,229,.38);background:rgba(8,51,40,.8);font:600 .5rem var(--font-mono,monospace);letter-spacing:.1em;white-space:nowrap}
.trail-world__footer b{color:var(--tangerine)}
@keyframes conduit-flow{to{stroke-dashoffset:-78}}
@media(max-width:700px){.trail-world__top{padding:.9rem 1rem}.trail-world__top a:first-child b,.trail-world__top small,.trail-world__top a:last-child{display:none}.trail-world__top>div{margin-left:auto}.trail-world__readout{top:13%;left:1.25rem}.trail-world__readout h1{font-size:3.2rem}.trail-world__companion{top:20%;right:1rem;width:11.4rem;padding:.35rem .5rem}.trail-world__companion img{width:3.8rem;height:3.8rem}.trail-world__companion h2{font-size:.93rem}.trail-world__companion span{font-size:.48rem}.trail-world__radar{top:auto;bottom:6.5rem;left:1.1rem;width:8.1rem;padding:.6rem}.trail-world__radar p b,.trail-world__radar>small{display:none}.trail-world__guide{top:auto;right:1.1rem;bottom:6.6rem;max-width:10rem}.trail-world__guide span{font-size:.43rem}.trail-world__discovery{right:1rem;bottom:10.8rem;width:13rem}.trail-world__footer{bottom:1.15rem;font-size:.43rem;max-width:calc(100% - 2rem);overflow:hidden;text-overflow:ellipsis}.trail-world__map span{font-size:.34rem}.trail-world__conduit{opacity:.72}}
.authentic-trail-world{background:#48655d}
.authentic-trail-world .trail-world__shade{background:linear-gradient(180deg,rgba(22,46,39,.22),rgba(79,122,99,.02) 38%,rgba(11,31,23,.62))}
.authentic-trail-world .trail-world__conduit path{stroke-width:3;opacity:.72}
.authentic-trail-world .trail-world__radar--locked{width:228px;padding:0;border:0;background:transparent;backdrop-filter:none;box-shadow:0 14px 32px rgba(0,0,0,.28)}
.authentic-trail-world .trail-world__radar--locked img{display:block;width:100%;height:auto}
.authentic-trail-world .trail-world__readout{top:25%;left:12.2vw}
.authentic-trail-world .trail-world__readout h1{max-width:12ch;text-shadow:0 4px 22px rgba(20,38,29,.34)}
.authentic-trail-world .trail-world__companion{background:linear-gradient(90deg,rgba(239,250,239,.38),rgba(111,155,126,.28));border-color:#ff5d2a}
.authentic-trail-world .trail-world__guide{background:rgba(232,245,227,.14)}
@media(max-width:700px){.authentic-trail-world .trail-world__radar--locked{width:114px;left:.85rem;bottom:5.6rem}.authentic-trail-world .trail-world__readout{top:14%;left:1.3rem}.authentic-trail-world .trail-world__conduit{opacity:.48}}
/* Washington Reference Trail V2 — real Hoh visual source moves with heading behind the transparent continuous terrain; user-locked Trail Radar is untouched. */
/* Trail World V1 — a lightened Pacific product journey: Sea-glass fog, cream labels, real product companion, and Conduit Tangerine as a continuous world/UI route spine. */
.trail-world{--tangerine:#ff5d2a;--cream:#fff7e5;--sea-glass:#a9ddcf;--pine:#123e2a;position:relative;min-height:100svh;overflow:hidden;background:#0d2924;color:var(--cream);font-family:var(--font-sans,sans-serif)}
.trail-world__canvas{position:absolute;inset:0;width:100%;height:100%;outline:0;cursor:crosshair}
.trail-world__canvas:active{cursor:grabbing}
.trail-world__shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(11,36,31,.54),rgba(92,176,150,.05) 35%,rgba(14,67,45,.05) 65%,rgba(4,21,17,.72))}
.trail-world__conduit{position:absolute;inset:0;z-index:1;width:100%;height:100%;pointer-events:none;overflow:visible}
.trail-world__conduit path{fill:none;stroke:var(--tangerine);stroke-width:4;stroke-linecap:round;stroke-dasharray:2 11;filter:drop-shadow(0 0 8px rgba(255,93,42,.65));opacity:.88;animation:conduit-flow 2.8s linear infinite}
.trail-world__top,.trail-world__radar,.trail-world__readout,.trail-world__companion,.trail-world__guide,.trail-world__discovery,.trail-world__footer{position:relative;z-index:2}
.trail-world__top{display:flex;align-items:center;gap:1.3rem;padding:1rem 1.7rem;border-bottom:1px solid rgba(255,247,229,.25);background:linear-gradient(90deg,rgba(10,50,41,.64),rgba(255,247,229,.03));font:600 .6rem var(--font-mono,monospace);letter-spacing:.13em}
.trail-world__top a{color:var(--cream);text-decoration:none}
.trail-world__top a:first-child{margin-right:auto}
.trail-world__top a:first-child b{font-weight:500;margin-left:.55rem}
.trail-world__top em{display:inline-grid;place-items:center;width:1.45rem;height:1.45rem;margin-right:.45rem;border:1px solid var(--tangerine);border-radius:50%;color:var(--tangerine);font-style:normal}
.trail-world__top>div{display:flex;align-items:center;gap:.45rem;color:var(--tangerine)}
.trail-world__top strong{font-size:1rem}
.trail-world__top span{font-size:.52rem;color:var(--sea-glass)}
.trail-world__top small{color:var(--sea-glass)}
.trail-world__top small.is-low{color:var(--tangerine)}
.trail-world__top small i{display:inline-block;height:.8rem;border-left:1px solid rgba(255,247,229,.4);margin:0 .4rem}
.trail-world__radar{position:absolute;top:19%;left:2rem;width:13.2rem;padding:.85rem;background:rgba(18,76,60,.56);border:1px solid rgba(255,93,42,.72);backdrop-filter:blur(10px);font:600 .55rem var(--font-mono,monospace);letter-spacing:.1em}
.trail-world__radar p{display:grid;gap:.3rem;margin:0;color:var(--tangerine)}
.trail-world__radar p b{font-size:.48rem;color:rgba(255,247,229,.82);font-weight:500}
.trail-world__map{position:relative;aspect-ratio:1;margin:.55rem 0;background:radial-gradient(circle,rgba(169,221,207,.18),transparent 68%)}
.trail-world__map svg{width:100%;height:100%;overflow:visible}
.trail-world__map path{fill:none;stroke:rgba(255,247,229,.34);stroke-width:1.2}
.trail-world__map .trail-world__route{stroke:var(--tangerine);stroke-width:2.3;stroke-dasharray:126;filter:drop-shadow(0 0 4px rgba(255,93,42,.9));transition:stroke-dashoffset .25s linear}
.trail-world__map span,.trail-world__map i{position:absolute;translate:-50% -50%;font-style:normal}
.trail-world__map span{font-size:.42rem;color:rgba(255,247,229,.58);transition:color .2s}
.trail-world__map span.is-past{color:var(--tangerine)}
.trail-world__map i{display:grid;place-items:center;width:1.25rem;height:1.25rem;border:1px solid var(--tangerine);border-radius:50%;color:var(--tangerine);background:#103e32;box-shadow:0 0 1rem rgba(255,93,42,.65);font-size:.8rem}
.trail-world__radar small{color:var(--sea-glass);font-size:.44rem;line-height:1.35}
.trail-world__readout{position:absolute;top:26%;left:8.4vw;text-shadow:0 3px 24px rgba(0,0,0,.5)}
.trail-world__readout p{margin:0 0 .55rem;color:var(--tangerine);font:600 .58rem var(--font-mono,monospace);letter-spacing:.15em}
.trail-world__readout h1{margin:0;font:500 clamp(2.3rem,5vw,5.2rem)/.84 Georgia,serif;letter-spacing:-.075em}
.trail-world__readout span{display:inline-block;margin-top:1rem;padding:.55rem .7rem;border:1px solid rgba(255,247,229,.42);background:rgba(11,62,48,.5);font:600 .58rem var(--font-mono,monospace);letter-spacing:.12em}
.trail-world__companion{position:absolute;right:5.4vw;top:14%;display:flex;align-items:center;gap:.7rem;width:min(22rem,31vw);padding:.55rem .8rem .65rem;border-bottom:2px solid var(--tangerine);background:linear-gradient(90deg,rgba(255,247,229,.06),rgba(169,221,207,.16));backdrop-filter:blur(8px)}
.trail-world__companion img{width:clamp(4.2rem,7vw,6.8rem);height:clamp(4.2rem,7vw,6.8rem);object-fit:contain;filter:drop-shadow(0 12px 14px rgba(0,0,0,.3));transform:rotate(-5deg)}
.trail-world__companion p,.trail-world__companion h2,.trail-world__companion span{margin:0}
.trail-world__companion p{color:var(--tangerine);font:600 .49rem var(--font-mono,monospace);letter-spacing:.13em}
.trail-world__companion h2{margin-top:.25rem;font:500 1.25rem Georgia,serif;letter-spacing:.03em}
.trail-world__companion span{display:block;margin-top:.25rem;color:var(--sea-glass);font-size:.62rem;line-height:1.25}
.trail-world__guide{position:absolute;right:7vw;top:51%;display:grid;gap:.32rem;padding:.8rem .95rem;border-left:2px solid var(--tangerine);background:rgba(15,68,52,.56);font:600 .55rem var(--font-mono,monospace);letter-spacing:.11em}
.trail-world__guide b{color:var(--tangerine)}
.trail-world__guide span{color:rgba(255,247,229,.84);font-size:.49rem;letter-spacing:.06em}
.trail-world__discovery{position:absolute;right:5vw;bottom:5.2rem;display:grid;gap:.23rem;width:min(22rem,31vw);padding:.8rem 1rem;background:rgba(15,75,57,.84);border:1px solid rgba(255,93,42,.72);backdrop-filter:blur(10px)}
.trail-world__discovery p{margin:0;color:var(--tangerine);font:600 .5rem var(--font-mono,monospace);letter-spacing:.12em}
.trail-world__discovery h2{margin:0;font:500 1.45rem Georgia,serif}
.trail-world__discovery span{color:var(--sea-glass);font-size:.68rem}
.trail-world__footer{position:absolute;bottom:1.2rem;left:50%;translate:-50% 0;padding:.55rem .8rem;border:1px solid rgba(255,247,229,.38);background:rgba(8,51,40,.8);font:600 .5rem var(--font-mono,monospace);letter-spacing:.1em;white-space:nowrap}
.trail-world__footer b{color:var(--tangerine)}
@keyframes conduit-flow{to{stroke-dashoffset:-78}}
@media(max-width:700px){.trail-world__top{padding:.9rem 1rem}.trail-world__top a:first-child b,.trail-world__top small,.trail-world__top a:last-child{display:none}.trail-world__top>div{margin-left:auto}.trail-world__readout{top:13%;left:1.25rem}.trail-world__readout h1{font-size:3.2rem}.trail-world__companion{top:20%;right:1rem;width:11.4rem;padding:.35rem .5rem}.trail-world__companion img{width:3.8rem;height:3.8rem}.trail-world__companion h2{font-size:.93rem}.trail-world__companion span{font-size:.48rem}.trail-world__radar{top:auto;bottom:6.5rem;left:1.1rem;width:8.1rem;padding:.6rem}.trail-world__radar p b,.trail-world__radar>small{display:none}.trail-world__guide{top:auto;right:1.1rem;bottom:6.6rem;max-width:10rem}.trail-world__guide span{font-size:.43rem}.trail-world__discovery{right:1rem;bottom:10.8rem;width:13rem}.trail-world__footer{bottom:1.15rem;font-size:.43rem;max-width:calc(100% - 2rem);overflow:hidden;text-overflow:ellipsis}.trail-world__map span{font-size:.34rem}.trail-world__conduit{opacity:.72}}
.authentic-trail-world{background:#48655d}
.authentic-trail-world .trail-world__shade{background:linear-gradient(180deg,rgba(22,46,39,.22),rgba(79,122,99,.02) 38%,rgba(11,31,23,.62))}
.authentic-trail-world .trail-world__conduit path{stroke-width:3;opacity:.72}
.authentic-trail-world .trail-world__radar--locked{width:228px;padding:0;border:0;background:transparent;backdrop-filter:none;box-shadow:0 14px 32px rgba(0,0,0,.28)}
.authentic-trail-world .trail-world__radar--locked img{display:block;width:100%;height:auto}
.authentic-trail-world .trail-world__readout{top:25%;left:12.2vw}
.authentic-trail-world .trail-world__readout h1{max-width:12ch;text-shadow:0 4px 22px rgba(20,38,29,.34)}
.authentic-trail-world .trail-world__companion{background:linear-gradient(90deg,rgba(239,250,239,.38),rgba(111,155,126,.28));border-color:#ff5d2a}
.authentic-trail-world .trail-world__guide{background:rgba(232,245,227,.14)}
@media(max-width:700px){.authentic-trail-world .trail-world__radar--locked{width:114px;left:.85rem;bottom:5.6rem}.authentic-trail-world .trail-world__readout{top:14%;left:1.3rem}.authentic-trail-world .trail-world__conduit{opacity:.48}}
.washington-reference-trail{background-color:#284a3f;background-image:linear-gradient(180deg,rgba(15,39,31,.05),rgba(10,30,22,.32)),var(--washington-chapter);background-position:var(--washington-pan) center;background-size:auto 100%;background-repeat:repeat-x;transition:background-position 90ms linear,background-image 720ms ease}
.washington-reference-trail .trail-world__canvas{background:transparent}
.washington-reference-trail .trail-world__shade{background:linear-gradient(180deg,rgba(10,33,25,.08),rgba(18,45,34,.01) 46%,rgba(4,16,12,.5))}
.washington-reference-trail .trail-world__conduit{opacity:.18}
.washington-reference-trail .trail-world__conduit path{stroke-width:2}
/* Hall of Mosses real-terrain pilot: restrained validation interface around locked Trail Radar. */
.hoh-pilot{position:relative;min-height:100svh;overflow:hidden;background:#1c2722;color:#f5f0dd;font-family:Georgia,serif}.hoh-pilot__canvas{position:absolute;inset:0;width:100%;height:100%;display:block;image-rendering:auto}.hoh-pilot:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(14,24,20,.56),transparent 42%),linear-gradient(0deg,rgba(8,16,12,.46),transparent 38%)}.hoh-pilot__brief{position:relative;z-index:2;width:min(390px,34vw);padding:clamp(7rem,15vh,12rem) 0 0 clamp(1.4rem,4.5vw,5rem);text-shadow:0 2px 18px #08110d}.hoh-pilot__kicker{font:700 10px/1.3 monospace;letter-spacing:.17em;color:#ff7a3d;margin:0 0 1.25rem}.hoh-pilot h1{font-size:clamp(2.5rem,5.5vw,5.5rem);line-height:.82;margin:0 0 1.3rem;letter-spacing:-.08em}.hoh-pilot__brief p:not(.hoh-pilot__kicker){font:500 14px/1.5 ui-monospace,monospace;margin:0;max-width:34ch}.hoh-pilot__meters{display:inline-block;margin-top:1.25rem;padding:.5rem .65rem;border:1px solid rgba(241,239,218,.65);font:700 11px/1 ui-monospace,monospace;background:rgba(21,35,28,.55);backdrop-filter:blur(8px)}.hoh-pilot__radar{position:absolute;z-index:3;left:1.15rem;top:1.15rem;width:188px;aspect-ratio:228/314}.hoh-pilot__radar img{display:block;width:100%;height:100%;object-fit:contain}.hoh-pilot__radar button{position:absolute;transform:translate(-50%,-50%);width:30px;height:30px;border:0;border-radius:50%;background:transparent;cursor:pointer}.hoh-pilot__radar button:focus-visible{outline:2px solid #ff6b29;outline-offset:2px}.hoh-pilot__trace{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.hoh-pilot__trace path{fill:none;stroke:#ff6325;stroke-width:1.15;stroke-dasharray:2 2;opacity:.88}.hoh-pilot__trace circle{fill:#ffd35d;stroke:#3b2918;stroke-width:.8;filter:drop-shadow(0 0 3px #ff5e27)}.hoh-pilot__hud{position:absolute;z-index:3;right:1.15rem;bottom:3.5rem;display:flex;gap:.5rem;font:700 10px/1 ui-monospace,monospace;letter-spacing:.08em}.hoh-pilot__hud span{padding:.55rem .62rem;background:rgba(18,31,25,.65);backdrop-filter:blur(8px);border:1px solid rgba(241,239,218,.25)}.hoh-pilot__hud span:last-child{color:#ff9a65;border-color:#ff6b29}.hoh-pilot__controls{position:absolute;z-index:3;left:50%;bottom:1rem;transform:translateX(-50%);margin:0;white-space:nowrap;padding:.55rem .8rem;background:rgba(16,29,22,.7);border:1px solid rgba(255,102,45,.8);font:700 10px/1.35 ui-monospace,monospace;color:#f6ead6;text-align:center}@media(max-width:680px){.hoh-pilot__brief{width:min(340px,85vw);padding-top:9rem;padding-left:1rem}.hoh-pilot h1{font-size:3rem}.hoh-pilot__brief p:not(.hoh-pilot__kicker){font-size:12px}.hoh-pilot__radar{width:132px;left:.55rem;top:.55rem}.hoh-pilot__hud{right:.65rem;bottom:4rem;font-size:8px;gap:.25rem}.hoh-pilot__controls{width:calc(100% - 1rem);white-space:normal;bottom:.55rem;font-size:9px}.hoh-pilot__meters{font-size:9px}}
/* Hall of Mosses real-terrain pilot: restrained validation interface around locked Trail Radar. */
.hoh-pilot{position:relative;min-height:100svh;overflow:hidden;background:#1c2722;color:#f5f0dd;font-family:Georgia,serif}.hoh-pilot__canvas{position:absolute;inset:0;width:100%;height:100%;display:block;image-rendering:auto}.hoh-pilot:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(14,24,20,.56),transparent 42%),linear-gradient(0deg,rgba(8,16,12,.46),transparent 38%)}.hoh-pilot__brief{position:relative;z-index:2;width:min(390px,34vw);padding:clamp(7rem,15vh,12rem) 0 0 clamp(1.4rem,4.5vw,5rem);text-shadow:0 2px 18px #08110d}.hoh-pilot__kicker{font:700 10px/1.3 monospace;letter-spacing:.17em;color:#ff7a3d;margin:0 0 1.25rem}.hoh-pilot h1{font-size:clamp(2.5rem,5.5vw,5.5rem);line-height:.82;margin:0 0 1.3rem;letter-spacing:-.08em}.hoh-pilot__brief p:not(.hoh-pilot__kicker){font:500 14px/1.5 ui-monospace,monospace;margin:0;max-width:34ch}.hoh-pilot__meters{display:inline-block;margin-top:1.25rem;padding:.5rem .65rem;border:1px solid rgba(241,239,218,.65);font:700 11px/1 ui-monospace,monospace;background:rgba(21,35,28,.55);backdrop-filter:blur(8px)}.hoh-pilot__radar{position:absolute;z-index:3;left:1.15rem;top:1.15rem;width:188px;aspect-ratio:228/314}.hoh-pilot__radar img{display:block;width:100%;height:100%;object-fit:contain}.hoh-pilot__radar button{position:absolute;transform:translate(-50%,-50%);width:30px;height:30px;border:0;border-radius:50%;background:transparent;cursor:pointer}.hoh-pilot__radar button:focus-visible{outline:2px solid #ff6b29;outline-offset:2px}.hoh-pilot__trace{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.hoh-pilot__trace path{fill:none;stroke:#ff6325;stroke-width:1.15;stroke-dasharray:2 2;opacity:.88}.hoh-pilot__trace circle{fill:#ffd35d;stroke:#3b2918;stroke-width:.8;filter:drop-shadow(0 0 3px #ff5e27)}.hoh-pilot__hud{position:absolute;z-index:3;right:1.15rem;bottom:3.5rem;display:flex;gap:.5rem;font:700 10px/1 ui-monospace,monospace;letter-spacing:.08em}.hoh-pilot__hud span{padding:.55rem .62rem;background:rgba(18,31,25,.65);backdrop-filter:blur(8px);border:1px solid rgba(241,239,218,.25)}.hoh-pilot__hud span:last-child{color:#ff9a65;border-color:#ff6b29}.hoh-pilot__controls{position:absolute;z-index:3;left:50%;bottom:1rem;transform:translateX(-50%);margin:0;white-space:nowrap;padding:.55rem .8rem;background:rgba(16,29,22,.7);border:1px solid rgba(255,102,45,.8);font:700 10px/1.35 ui-monospace,monospace;color:#f6ead6;text-align:center}@media(max-width:680px){.hoh-pilot__brief{width:min(340px,85vw);padding-top:9rem;padding-left:1rem}.hoh-pilot h1{font-size:3rem}.hoh-pilot__brief p:not(.hoh-pilot__kicker){font-size:12px}.hoh-pilot__radar{width:132px;left:.55rem;top:.55rem}.hoh-pilot__hud{right:.65rem;bottom:4rem;font-size:8px;gap:.25rem}.hoh-pilot__controls{width:calc(100% - 1rem);white-space:normal;bottom:.55rem;font-size:9px}.hoh-pilot__meters{font-size:9px}}
/* Hall of Mosses real-terrain pilot: restrained validation interface around locked Trail Radar. */
.hoh-pilot{position:relative;min-height:100svh;overflow:hidden;background:#1c2722;color:#f5f0dd;font-family:Georgia,serif}.hoh-pilot__canvas{position:absolute;inset:0;width:100%;height:100%;display:block;image-rendering:auto}.hoh-pilot:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(14,24,20,.56),transparent 42%),linear-gradient(0deg,rgba(8,16,12,.46),transparent 38%)}.hoh-pilot__brief{position:relative;z-index:2;width:min(390px,34vw);padding:clamp(7rem,15vh,12rem) 0 0 clamp(1.4rem,4.5vw,5rem);text-shadow:0 2px 18px #08110d}.hoh-pilot__kicker{font:700 10px/1.3 monospace;letter-spacing:.17em;color:#ff7a3d;margin:0 0 1.25rem}.hoh-pilot h1{font-size:clamp(2.5rem,5.5vw,5.5rem);line-height:.82;margin:0 0 1.3rem;letter-spacing:-.08em}.hoh-pilot__brief p:not(.hoh-pilot__kicker){font:500 14px/1.5 ui-monospace,monospace;margin:0;max-width:34ch}.hoh-pilot__meters{display:inline-block;margin-top:1.25rem;padding:.5rem .65rem;border:1px solid rgba(241,239,218,.65);font:700 11px/1 ui-monospace,monospace;background:rgba(21,35,28,.55);backdrop-filter:blur(8px)}.hoh-pilot__radar{position:absolute;z-index:3;left:1.15rem;top:1.15rem;width:188px;aspect-ratio:228/314}.hoh-pilot__radar img{display:block;width:100%;height:100%;object-fit:contain}.hoh-pilot__radar button{position:absolute;transform:translate(-50%,-50%);width:30px;height:30px;border:0;border-radius:50%;background:transparent;cursor:pointer}.hoh-pilot__radar button:focus-visible{outline:2px solid #ff6b29;outline-offset:2px}.hoh-pilot__trace{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.hoh-pilot__trace path{fill:none;stroke:#ff6325;stroke-width:1.15;stroke-dasharray:2 2;opacity:.88}.hoh-pilot__trace circle{fill:#ffd35d;stroke:#3b2918;stroke-width:.8;filter:drop-shadow(0 0 3px #ff5e27)}.hoh-pilot__hud{position:absolute;z-index:3;right:1.15rem;bottom:3.5rem;display:flex;gap:.5rem;font:700 10px/1 ui-monospace,monospace;letter-spacing:.08em}.hoh-pilot__hud span{padding:.55rem .62rem;background:rgba(18,31,25,.65);backdrop-filter:blur(8px);border:1px solid rgba(241,239,218,.25)}.hoh-pilot__hud span:last-child{color:#ff9a65;border-color:#ff6b29}.hoh-pilot__controls{position:absolute;z-index:3;left:50%;bottom:1rem;transform:translateX(-50%);margin:0;white-space:nowrap;padding:.55rem .8rem;background:rgba(16,29,22,.7);border:1px solid rgba(255,102,45,.8);font:700 10px/1.35 ui-monospace,monospace;color:#f6ead6;text-align:center}@media(max-width:680px){.hoh-pilot__brief{width:min(340px,85vw);padding-top:9rem;padding-left:1rem}.hoh-pilot h1{font-size:3rem}.hoh-pilot__brief p:not(.hoh-pilot__kicker){font-size:12px}.hoh-pilot__radar{width:132px;left:.55rem;top:.55rem}.hoh-pilot__hud{right:.65rem;bottom:4rem;font-size:8px;gap:.25rem}.hoh-pilot__controls{width:calc(100% - 1rem);white-space:normal;bottom:.55rem;font-size:9px}.hoh-pilot__meters{font-size:9px}}
/* Hall of Mosses real-terrain pilot: restrained validation interface around locked Trail Radar. */
.hoh-pilot{position:relative;min-height:100svh;overflow:hidden;background:#1c2722;color:#f5f0dd;font-family:Georgia,serif}.hoh-pilot__canvas{position:absolute;inset:0;width:100%;height:100%;display:block;image-rendering:auto}.hoh-pilot:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(14,24,20,.56),transparent 42%),linear-gradient(0deg,rgba(8,16,12,.46),transparent 38%)}.hoh-pilot__brief{position:relative;z-index:2;width:min(390px,34vw);padding:clamp(7rem,15vh,12rem) 0 0 clamp(1.4rem,4.5vw,5rem);text-shadow:0 2px 18px #08110d}.hoh-pilot__kicker{font:700 10px/1.3 monospace;letter-spacing:.17em;color:#ff7a3d;margin:0 0 1.25rem}.hoh-pilot h1{font-size:clamp(2.5rem,5.5vw,5.5rem);line-height:.82;margin:0 0 1.3rem;letter-spacing:-.08em}.hoh-pilot__brief p:not(.hoh-pilot__kicker){font:500 14px/1.5 ui-monospace,monospace;margin:0;max-width:34ch}.hoh-pilot__meters{display:inline-block;margin-top:1.25rem;padding:.5rem .65rem;border:1px solid rgba(241,239,218,.65);font:700 11px/1 ui-monospace,monospace;background:rgba(21,35,28,.55);backdrop-filter:blur(8px)}.hoh-pilot__radar{position:absolute;z-index:3;left:1.15rem;top:1.15rem;width:188px;aspect-ratio:228/314}.hoh-pilot__radar img{display:block;width:100%;height:100%;object-fit:contain}.hoh-pilot__radar button{position:absolute;transform:translate(-50%,-50%);width:30px;height:30px;border:0;border-radius:50%;background:transparent;cursor:pointer}.hoh-pilot__radar button:focus-visible{outline:2px solid #ff6b29;outline-offset:2px}.hoh-pilot__trace{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.hoh-pilot__trace path{fill:none;stroke:#ff6325;stroke-width:1.15;stroke-dasharray:2 2;opacity:.88}.hoh-pilot__trace circle{fill:#ffd35d;stroke:#3b2918;stroke-width:.8;filter:drop-shadow(0 0 3px #ff5e27)}.hoh-pilot__hud{position:absolute;z-index:3;right:1.15rem;bottom:3.5rem;display:flex;gap:.5rem;font:700 10px/1 ui-monospace,monospace;letter-spacing:.08em}.hoh-pilot__hud span{padding:.55rem .62rem;background:rgba(18,31,25,.65);backdrop-filter:blur(8px);border:1px solid rgba(241,239,218,.25)}.hoh-pilot__hud span:last-child{color:#ff9a65;border-color:#ff6b29}.hoh-pilot__controls{position:absolute;z-index:3;left:50%;bottom:1rem;transform:translateX(-50%);margin:0;white-space:nowrap;padding:.55rem .8rem;background:rgba(16,29,22,.7);border:1px solid rgba(255,102,45,.8);font:700 10px/1.35 ui-monospace,monospace;color:#f6ead6;text-align:center}@media(max-width:680px){.hoh-pilot__brief{width:min(340px,85vw);padding-top:9rem;padding-left:1rem}.hoh-pilot h1{font-size:3rem}.hoh-pilot__brief p:not(.hoh-pilot__kicker){font-size:12px}.hoh-pilot__radar{width:132px;left:.55rem;top:.55rem}.hoh-pilot__hud{right:.65rem;bottom:4rem;font-size:8px;gap:.25rem}.hoh-pilot__controls{width:calc(100% - 1rem);white-space:normal;bottom:.55rem;font-size:9px}.hoh-pilot__meters{font-size:9px}}
/* Phase 0 Spark scaffold — keep locked radar imagery untouched; use an instrumentation-first visual language for an explicitly non-realistic stand-in. */
.splat-pilot{position:relative;min-height:100svh;overflow:hidden;background:#07120f;color:#e8f2e8;font-family:Georgia,serif}.splat-pilot__canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.splat-pilot:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(2,10,8,.72),transparent 46%),linear-gradient(0deg,rgba(2,10,8,.54),transparent 34%)}.splat-pilot__brief{position:relative;z-index:2;width:min(410px,36vw);padding:clamp(7rem,15vh,12rem) 0 0 clamp(1.4rem,4.5vw,5rem);text-shadow:0 2px 18px #020705}.splat-pilot__kicker{font:700 10px/1.3 ui-monospace,monospace;letter-spacing:.17em;color:#8ee8ca;margin:0 0 1.25rem}.splat-pilot h1{font-size:clamp(2.5rem,5.5vw,5.5rem);line-height:.82;margin:0 0 1.3rem;letter-spacing:-.08em}.splat-pilot__brief p:not(.splat-pilot__kicker){font:500 14px/1.5 ui-monospace,monospace;margin:0;max-width:39ch}.splat-pilot__meters{display:inline-block;margin-top:1.25rem;padding:.5rem .65rem;border:1px solid rgba(190,240,218,.58);font:700 11px/1 ui-monospace,monospace;background:rgba(4,23,17,.68);backdrop-filter:blur(8px)}.splat-pilot__radar{position:absolute;z-index:3;left:1.15rem;top:1.15rem;width:188px;aspect-ratio:228/314}.splat-pilot__radar img{display:block;width:100%;height:100%;object-fit:contain}.splat-pilot__radar button{position:absolute;transform:translate(-50%,-50%);width:30px;height:30px;border:0;border-radius:50%;background:transparent;cursor:pointer}.splat-pilot__radar button:focus-visible{outline:2px solid #ff6b29;outline-offset:2px}.splat-pilot__trace{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.splat-pilot__trace path{fill:none;stroke:#ff6325;stroke-width:1.15;stroke-dasharray:2 2;opacity:.88}.splat-pilot__trace circle{fill:#ffd35d;stroke:#3b2918;stroke-width:.8;filter:drop-shadow(0 0 3px #ff5e27)}.splat-pilot__telemetry{position:absolute;z-index:3;right:1.15rem;bottom:3.6rem;max-width:min(640px,76vw);display:flex;justify-content:flex-end;flex-wrap:wrap;gap:.45rem;font:700 9px/1.25 ui-monospace,monospace;letter-spacing:.04em}.splat-pilot__telemetry span{padding:.52rem .6rem;background:rgba(2,19,13,.78);backdrop-filter:blur(8px);border:1px solid rgba(142,232,202,.35)}.splat-pilot__telemetry span:nth-child(3){color:#8ee8ca;border-color:#51b893}.splat-pilot__loader{position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,-50%);min-width:min(330px,78vw);padding:1rem 1.1rem;background:rgba(3,16,12,.9);border:1px solid rgba(142,232,202,.72);box-shadow:0 18px 55px rgba(0,0,0,.5);font:700 11px/1.3 ui-monospace,monospace;letter-spacing:.08em}.splat-pilot__loader b,.splat-pilot__loader span{display:block}.splat-pilot__loader span{color:#9bbaa9;margin-top:.36rem}.splat-pilot__loader i{display:block;height:4px;margin-top:.8rem;background:rgba(255,255,255,.15)}.splat-pilot__loader em{display:block;height:100%;background:#8ee8ca;transition:width .18s cubic-bezier(.23,1,.32,1)}.splat-pilot__controls{position:absolute;z-index:3;left:50%;bottom:1rem;transform:translateX(-50%);margin:0;white-space:nowrap;padding:.55rem .8rem;background:rgba(2,18,13,.8);border:1px solid rgba(142,232,202,.72);font:700 10px/1.35 ui-monospace,monospace;color:#effff5;text-align:center}@media(max-width:680px){.splat-pilot__brief{width:min(340px,85vw);padding-top:9rem;padding-left:1rem}.splat-pilot h1{font-size:3rem}.splat-pilot__brief p:not(.splat-pilot__kicker){font-size:12px}.splat-pilot__radar{width:132px;left:.55rem;top:.55rem}.splat-pilot__telemetry{right:.65rem;bottom:4rem;font-size:7px;gap:.25rem}.splat-pilot__controls{width:calc(100% - 1rem);white-space:normal;bottom:.55rem;font-size:9px}.splat-pilot__meters{font-size:9px}}
/* Opt-in Phase 0 gate-run evidence control; absent unless ?gaterun=1. */
.splat-pilot__gate-run{position:absolute;z-index:4;right:1.15rem;top:1.15rem;width:min(430px,44vw);font:700 10px/1.35 ui-monospace,monospace;color:#dffbef}.splat-pilot__gate-run button{display:block;border:1px solid #8ee8ca;background:#082c22;color:#eafff4;padding:.62rem .8rem;font:inherit;letter-spacing:.08em;cursor:pointer}.splat-pilot__gate-run button:disabled{opacity:.45;cursor:not-allowed}.splat-pilot__gate-run span{display:block;margin-top:.42rem;padding:.42rem .55rem;background:rgba(2,19,13,.78);border:1px solid rgba(142,232,202,.35)}.splat-pilot__gate-run details{max-height:30vh;overflow:auto;margin-top:.45rem;padding:.5rem;background:rgba(2,19,13,.9);border:1px solid rgba(142,232,202,.52)}.splat-pilot__gate-run summary{cursor:pointer;color:#8ee8ca}.splat-pilot__gate-run pre{white-space:pre-wrap;word-break:break-word;font-size:8px}@media(max-width:680px){.splat-pilot__gate-run{left:.65rem;right:.65rem;top:9rem;width:auto;font-size:8px}.splat-pilot__gate-run details{max-height:22vh}}
.splat-pilot--polish:before{content:"";position:absolute;z-index:1;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 38%,rgba(0,0,0,.16) 70%,rgba(0,0,0,.43) 100%)}.splat-pilot__polish-note{margin-top:.65rem!important;padding:.38rem .5rem;border:1px solid rgba(255,211,93,.56);background:rgba(4,23,17,.68);font:700 9px/1.35 ui-monospace,monospace!important;letter-spacing:.06em;color:#ffd35d}
.splat-pilot__station-enter{position:absolute;z-index:5;left:50%;bottom:1.8rem;transform:translateX(-50%);border:1px solid #d8c483;background:rgba(5,22,15,.9);color:#fff7d4;padding:.72rem 1rem;font:700 12px/1 ui-monospace,monospace;letter-spacing:.1em;cursor:pointer;box-shadow:0 10px 30px rgba(0,0,0,.3)}.splat-pilot__station-enter span{display:block;margin-top:.42rem;color:#b9d8c4;font-size:8px;letter-spacing:.07em}@media(max-width:680px){.splat-pilot__station-enter{bottom:1rem;width:calc(100% - 1.3rem);font-size:11px}}
/* Product-station overlay: ProductPage is displayed over a still-mounted, input-suspended Spark scene. */
.splat-pilot__product-overlay{position:absolute;z-index:30;inset:0;overflow:auto;background:rgba(4,13,10,.96);animation:splat-overlay-in .18s cubic-bezier(.23,1,.32,1)}
.splat-pilot__product-overlay .product-page{min-height:100%;padding-top:0}
.splat-pilot__product-overlay .product-hero{padding-top:2.4rem}
.splat-pilot__product-overlay .back-link{appearance:none;cursor:pointer}
.splat-pilot:has(.splat-pilot__product-overlay) .splat-pilot__brief,.splat-pilot:has(.splat-pilot__product-overlay) .splat-pilot__radar,.splat-pilot:has(.splat-pilot__product-overlay) .splat-pilot__telemetry,.splat-pilot:has(.splat-pilot__product-overlay) .splat-pilot__controls,.splat-pilot:has(.splat-pilot__product-overlay):after{visibility:hidden}
@keyframes splat-overlay-in{from{opacity:0}to{opacity:1}}
/* Phase 0 Splat Track Gate — warm legal ritual extended with truthful raw-preview selection, never an ungated scene loader. */
.splat-track-select { margin:1.6rem 0 1.35rem; padding:0; border:0; }
.splat-track-select legend { padding:0; color:#ffba6b; font:500 9px var(--font-mono); letter-spacing:.1em; text-transform:uppercase; }
.splat-track-select__grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.8rem; margin-top:.65rem; }
.splat-track-card { position:relative; min-height:15rem; overflow:hidden; padding:0; border:1px solid rgba(255,248,237,.28); background:#2d211d; color:#fff8ed; text-align:left; transition:transform .18s var(--ease-out), border-color .18s var(--ease-out), box-shadow .18s var(--ease-out); }
.splat-track-card:hover,.splat-track-card.is-selected { border-color:#ffba6b; box-shadow:5px 5px 0 var(--orange); transform:translate(-2px,-2px); }
.splat-track-card:active { transform:scale(.98); }
.splat-track-card img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; filter:saturate(.76) contrast(1.04); }
.splat-track-card__veil { position:absolute; inset:0; background:linear-gradient(180deg,rgba(20,12,8,.05),rgba(20,12,8,.9) 82%); }
.splat-track-card__content { position:relative; z-index:1; display:flex; min-height:15rem; flex-direction:column; justify-content:flex-end; padding:1rem; }
.splat-track-card__content small,.splat-track-card__content b,.splat-track-select__status { font:500 8px/1.35 var(--font-mono); letter-spacing:.06em; text-transform:uppercase; }
.splat-track-card__content small { color:#ffca86; }.splat-track-card__content strong { margin:.45rem 0; font:700 clamp(1.7rem,3vw,2.6rem)/.85 var(--font-display); letter-spacing:-.07em; }.splat-track-card__content em { max-width:28ch; color:#eadbd0; font-size:.72rem; font-style:normal; line-height:1.42; }.splat-track-card__content b { margin-top:.8rem; color:#d7bba8; font-weight:500; }
.splat-track-card__progress { position:absolute; z-index:2; right:0; bottom:0; left:0; height:4px; background:rgba(255,248,237,.22); }.splat-track-card__progress i { display:block; height:100%; background:#ffba6b; transition:width .18s var(--ease-out); }
.splat-track-select__status { min-height:1.35rem; margin:.8rem 0 0; color:rgba(255,248,237,.68); text-transform:none; }
.age-gate__enter:disabled { cursor:not-allowed; opacity:.46; }
@media (max-width:680px) { .splat-track-select__grid { grid-template-columns:1fr; }.splat-track-card,.splat-track-card__content { min-height:11.5rem; } }
/* Fork trailhead — same instrumentation-first HUD language as the Phase 0 pilot; the radar is drawn in code. */
.trail-fork{position:relative;min-height:100svh;overflow:hidden;background:#07120f;color:#e8f2e8;font-family:Georgia,serif}
.trail-fork__canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.trail-fork:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(2,10,8,.66),transparent 44%),linear-gradient(0deg,rgba(2,10,8,.5),transparent 32%)}
.trail-fork--polish:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse at center,transparent 58%,rgba(2,8,6,.62) 100%)}
.trail-fork__brief{position:relative;z-index:2;width:min(420px,38vw);padding:clamp(19.5rem,40vh,22rem) 0 0 clamp(1.4rem,4.5vw,5rem);text-shadow:0 2px 18px #020705;pointer-events:none}
.trail-fork__kicker{font:700 10px/1.3 ui-monospace,monospace;letter-spacing:.17em;color:#8ee8ca;margin:0 0 1.1rem}
.trail-fork h1{font-size:clamp(2.4rem,5.2vw,5.2rem);line-height:.84;margin:0 0 1.2rem;letter-spacing:-.07em}
.trail-fork__brief p:not(.trail-fork__kicker){font:500 13.5px/1.5 ui-monospace,monospace;margin:0;max-width:40ch}
.trail-fork__meters{display:inline-block;margin-top:1.1rem;padding:.5rem .65rem;border:1px solid rgba(190,240,218,.58);font:700 11px/1 ui-monospace,monospace;background:rgba(4,23,17,.68);backdrop-filter:blur(8px)}
.trail-fork[data-branch=gummies]:not([data-hub="1"]) .trail-fork__kicker{color:#f0c84a}
.trail-fork[data-branch=truffles]:not([data-hub="1"]) .trail-fork__kicker{color:#e0a86a}

.trail-fork__radar{position:absolute;z-index:3;left:1.15rem;top:1.15rem;width:196px;filter:drop-shadow(0 10px 28px rgba(0,0,0,.55))}
.trail-fork__radar-comparison-wrap{position:absolute;z-index:3;right:1.15rem;top:1.15rem;width:196px;filter:drop-shadow(0 10px 28px rgba(0,0,0,.55))}
.trail-radar-comparison{margin:0}.trail-radar-comparison img{display:block;width:100%;height:auto;border:1px solid rgba(230,203,82,.56);background:#0d2922}.trail-radar-comparison figcaption{display:flex;flex-direction:column;gap:.22rem;margin-top:.42rem;color:#b7c7b9;font:700 8px/1.25 ui-monospace,monospace;letter-spacing:.09em}.trail-radar-comparison figcaption b{color:#ebc751;font-size:8.5px}.trail-radar-comparison figcaption span{font-weight:500;color:#9bbaa9}
.trail-radar__svg{display:block;width:100%;height:auto;aspect-ratio:100/140;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.trail-radar__label{font-size:4.2px;font-weight:700;letter-spacing:.16em;fill:#f5f0dd;paint-order:stroke;stroke:#05110c;stroke-width:.9;pointer-events:none}
.trail-radar__label--hub{font-size:3.4px;letter-spacing:.2em}
.trail-radar__title{font-size:3.6px;font-weight:700;letter-spacing:.2em;fill:#8fd0b2}
.trail-radar__station circle:first-of-type{transition:r .15s}
.trail-radar__station:hover circle:nth-of-type(2){stroke:#fff;stroke-width:.6}
.trail-radar__walker{transition:transform .24s linear}
.trail-fork__radar-legend{display:flex;justify-content:space-between;gap:.4rem;margin:.4rem 0 0;font:700 8px/1.2 ui-monospace,monospace;letter-spacing:.08em;color:#9bbaa9}

.trail-fork__choice{position:absolute;z-index:4;left:50%;bottom:9.5rem;transform:translateX(-50%);display:flex;gap:.8rem;padding:.5rem;background:rgba(2,18,13,.72);border:1px solid rgba(142,232,202,.5);backdrop-filter:blur(10px);animation:trail-fork-rise .5s cubic-bezier(.23,1,.32,1)}
.trail-fork__choice-btn{display:flex;flex-direction:column;gap:.18rem;min-width:15rem;padding:.8rem 1rem;border:1px solid rgba(255,248,237,.22);background:rgba(8,28,20,.85);color:#f5f0dd;text-align:left;cursor:pointer;transition:transform .16s,border-color .16s,box-shadow .16s}
.trail-fork__choice-btn small{font:700 9px/1 ui-monospace,monospace;letter-spacing:.14em;color:#9bbaa9}
.trail-fork__choice-btn strong{font:700 1.35rem/1 Georgia,serif;letter-spacing:-.03em}
.trail-fork__choice-sub{font:600 9px/1.2 ui-monospace,monospace;letter-spacing:.08em;color:#e0c49a}
.trail-fork__choice-btn em{font:500 10.5px/1.3 ui-monospace,monospace;font-style:normal;color:#cfe3d6}
.trail-fork__choice-btn--gummies:hover,.trail-fork__choice-btn--gummies:focus-visible{border-color:#f0c84a;box-shadow:4px 4px 0 #f0c84a;transform:translate(-2px,-2px)}
.trail-fork__choice-btn--truffles:hover,.trail-fork__choice-btn--truffles:focus-visible{border-color:#c98a4b;box-shadow:-4px 4px 0 #c98a4b;transform:translate(2px,-2px)}
.trail-fork__choice-btn--gummies small{color:#f0c84a}.trail-fork__choice-btn--truffles small{color:#e0a86a}
@keyframes trail-fork-rise{from{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%,0)}}

.trail-fork__telemetry{position:absolute;z-index:3;right:1.15rem;bottom:3.6rem;max-width:min(640px,76vw);display:flex;justify-content:flex-end;flex-wrap:wrap;gap:.45rem;font:700 9px/1.25 ui-monospace,monospace;letter-spacing:.04em}
.trail-fork__telemetry span{padding:.52rem .6rem;background:rgba(2,19,13,.78);backdrop-filter:blur(8px);border:1px solid rgba(142,232,202,.35)}
.trail-fork__telemetry span:nth-child(3){color:#8ee8ca;border-color:#51b893}
.trail-fork__station-enter{position:absolute;z-index:4;left:50%;bottom:6.2rem;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.7rem 1.1rem;border:1px solid #ffd35d;background:rgba(40,28,6,.85);color:#fff1c2;font:700 12px/1.2 ui-monospace,monospace;letter-spacing:.12em;cursor:pointer;animation:trail-fork-rise .35s cubic-bezier(.23,1,.32,1)}
.trail-fork__station-enter span{font-size:8px;letter-spacing:.16em;color:#d8c48c}
.trail-fork__fade{position:absolute;z-index:20;inset:0;display:flex;align-items:center;justify-content:center;background:#03090703;opacity:0;pointer-events:none;transition:opacity .5s cubic-bezier(.23,1,.32,1)}
.trail-fork__fade.is-active{opacity:1;background:#030907;pointer-events:auto}
.trail-fork__fade span{font:700 12px/1.4 ui-monospace,monospace;letter-spacing:.16em;color:#8ee8ca;text-transform:uppercase;text-align:center;padding:0 1rem;opacity:0;transition:opacity .4s .25s}
.trail-fork__fade.is-active span{opacity:1}
.trail-fork__loader{position:absolute;z-index:21;left:50%;top:50%;transform:translate(-50%,-50%);min-width:min(330px,78vw);padding:1rem 1.1rem;background:rgba(3,16,12,.92);border:1px solid rgba(142,232,202,.72);box-shadow:0 18px 55px rgba(0,0,0,.5);font:700 11px/1.3 ui-monospace,monospace;letter-spacing:.08em}
.trail-fork__loader b,.trail-fork__loader span{display:block}.trail-fork__loader span{color:#9bbaa9;margin-top:.36rem}.trail-fork__loader i{display:block;height:4px;margin-top:.8rem;background:rgba(255,255,255,.15)}.trail-fork__loader em{display:block;height:100%;background:#8ee8ca;transition:width .18s cubic-bezier(.23,1,.32,1)}
.trail-fork__controls{position:absolute;z-index:3;left:50%;bottom:1rem;transform:translateX(-50%);margin:0;white-space:nowrap;padding:.55rem .8rem;background:rgba(2,18,13,.8);border:1px solid rgba(142,232,202,.72);font:700 10px/1.35 ui-monospace,monospace;color:#effff5;text-align:center}

.trail-fork__product-overlay{position:absolute;z-index:30;inset:0;overflow:auto;background:rgba(4,13,10,.96);animation:trail-fork-overlay-in .18s cubic-bezier(.23,1,.32,1)}
.trail-fork__product-overlay .product-page{min-height:100%;padding-top:0}
.trail-fork__product-overlay .product-hero{padding-top:2.4rem}
.trail-fork__product-overlay .back-link{appearance:none;cursor:pointer}
.trail-fork__product-flavor{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:.9rem;padding:.6rem 1.2rem;background:rgba(3,14,10,.92);border-bottom:1px solid rgba(142,232,202,.35);font-family:ui-monospace,monospace}
.trail-fork__product-flavor span{font:700 9px/1 ui-monospace,monospace;letter-spacing:.16em;color:#8ee8ca}
.trail-fork__product-flavor strong{font:700 1.1rem/1 Georgia,serif;color:#f5f0dd}
.trail-fork__product-flavor img{width:44px;height:44px;object-fit:contain;margin-left:auto}
.trail-fork:has(.trail-fork__product-overlay) .trail-fork__brief,.trail-fork:has(.trail-fork__product-overlay) .trail-fork__radar,.trail-fork:has(.trail-fork__product-overlay) .trail-fork__telemetry,.trail-fork:has(.trail-fork__product-overlay) .trail-fork__controls,.trail-fork:has(.trail-fork__product-overlay) .trail-fork__choice,.trail-fork:has(.trail-fork__product-overlay):after{visibility:hidden}
@keyframes trail-fork-overlay-in{from{opacity:0}to{opacity:1}}

.fork-gate{margin:1.6rem 0 1.35rem}
.fork-gate__card{position:relative;min-height:15rem;overflow:hidden;border:1px solid #ffba6b;background:#2d211d;color:#fff8ed;box-shadow:5px 5px 0 var(--orange)}
.fork-gate__card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.8) contrast(1.04)}
.fork-gate__veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,12,8,.05),rgba(20,12,8,.9) 82%)}
.fork-gate__content{position:relative;z-index:1;display:flex;min-height:15rem;flex-direction:column;justify-content:flex-end;padding:1rem}
.fork-gate__content small,.fork-gate__content b{font:500 8px/1.35 var(--font-mono);letter-spacing:.06em;text-transform:uppercase}
.fork-gate__content small{color:#ffca86}.fork-gate__content strong{margin:.45rem 0;font:700 clamp(1.7rem,3vw,2.6rem)/.85 var(--font-display);letter-spacing:-.07em}.fork-gate__content em{max-width:52ch;color:#eadbd0;font-size:.72rem;font-style:normal;line-height:1.42}.fork-gate__content b{margin-top:.8rem;color:#d7bba8;font-weight:500}
.fork-gate__progress{position:absolute;z-index:2;right:0;bottom:0;left:0;height:4px;background:rgba(255,248,237,.22)}.fork-gate__progress i{display:block;height:100%;background:#ffba6b;transition:width .18s var(--ease-out)}

@media(max-width:680px){.trail-fork__brief{width:min(340px,85vw);padding-top:14.5rem;padding-left:1rem}.trail-fork h1{font-size:2.8rem}.trail-fork__brief p:not(.trail-fork__kicker){font-size:11.5px}.trail-fork__radar{width:136px;left:.55rem;top:.55rem}.trail-fork__radar-comparison-wrap{width:112px;right:.55rem;top:.55rem}.trail-radar-comparison figcaption{font-size:6.5px;letter-spacing:.05em}.trail-radar-comparison figcaption b{font-size:7px}.trail-fork__telemetry{right:.65rem;bottom:4rem;font-size:7px;gap:.25rem}.trail-fork__controls{width:calc(100% - 1rem);white-space:normal;bottom:.55rem;font-size:9px}.trail-fork__meters{font-size:9px}.trail-fork__choice{flex-direction:column;bottom:7.5rem;width:min(92vw,22rem)}.trail-fork__choice-btn{min-width:0}}

/* dead-end spur notice (a side trail the walker stepped onto at a junction) */
.trail-fork__brief .trail-fork__spur { color: #4fd1ff; font-family: "DM Mono", ui-monospace, monospace; font-size: 0.72rem; letter-spacing: 0.02em; margin-top: 0.4rem; }
/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *, :before, :after, ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-border-style: solid;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-content: "";
      --tw-animation-delay: 0s;
      --tw-animation-direction: normal;
      --tw-animation-duration: initial;
      --tw-animation-fill-mode: none;
      --tw-animation-iteration-count: 1;
      --tw-enter-blur: 0;
      --tw-enter-opacity: 1;
      --tw-enter-rotate: 0;
      --tw-enter-scale: 1;
      --tw-enter-translate-x: 0;
      --tw-enter-translate-y: 0;
      --tw-exit-blur: 0;
      --tw-exit-opacity: 1;
      --tw-exit-rotate: 0;
      --tw-exit-scale: 1;
      --tw-exit-translate-x: 0;
      --tw-exit-translate-y: 0;
    }
  }
}

@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: "DM Mono", monospace;
    --color-red-100: oklch(93.6% .032 17.717);
    --color-red-500: oklch(63.7% .237 25.331);
    --color-blue-600: oklch(54.6% .245 262.881);
    --color-blue-700: oklch(48.8% .243 264.376);
    --color-slate-50: oklch(98.4% .003 247.858);
    --color-slate-100: oklch(96.8% .007 247.896);
    --color-slate-600: oklch(44.6% .043 257.281);
    --color-slate-700: oklch(37.2% .044 257.287);
    --color-slate-900: oklch(20.8% .042 265.755);
    --color-black: #000;
    --color-white: #fff;
    --spacing: .25rem;
    --container-sm: 24rem;
    --container-lg: 32rem;
    --container-2xl: 42rem;
    --text-xs: .75rem;
    --text-xs--line-height: calc(1 / .75);
    --text-sm: .875rem;
    --text-sm--line-height: calc(1.25 / .875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --tracking-tight: -.025em;
    --tracking-widest: .1em;
    --leading-snug: 1.375;
    --leading-normal: 1.5;
    --leading-relaxed: 1.625;
    --radius-xs: .125rem;
    --radius-sm: .25rem;
    --radius-md: .375rem;
    --radius-lg: .5rem;
    --radius-xl: .75rem;
    --ease-out: cubic-bezier(0, 0, .2, 1);
    --ease-in-out: cubic-bezier(.4, 0, .2, 1);
    --animate-spin: spin 1s linear infinite;
    --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
    --blur-sm: 8px;
    --blur-2xl: 40px;
    --aspect-video: 16 / 9;
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: "DM Mono", monospace;
    --font-display: "Bricolage Grotesque", sans-serif;
    --font-body: "Manrope", sans-serif;
  }
}

@layer base {
  *, :after, :before, ::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  ::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  html, :host {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }

  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }

  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }

  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }

  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }

  b, strong {
    font-weight: bolder;
  }

  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }

  small {
    font-size: 80%;
  }

  sub, sup {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative;
  }

  sub {
    bottom: -.25em;
  }

  sup {
    top: -.5em;
  }

  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }

  :-moz-focusring {
    outline: auto;
  }

  progress {
    vertical-align: baseline;
  }

  summary {
    display: list-item;
  }

  ol, ul, menu {
    list-style: none;
  }

  img, svg, video, canvas, audio, iframe, embed, object {
    vertical-align: middle;
    display: block;
  }

  img, video {
    max-width: 100%;
    height: auto;
  }

  button, input, select, optgroup, textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }

  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }

  ::file-selector-button {
    margin-inline-end: 4px;
  }

  ::placeholder {
    opacity: 1;
  }

  @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentColor;
    }

    @supports (color: color-mix(in lab, red, red)) {
      ::placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }

  textarea {
    resize: vertical;
  }

  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }

  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }

  ::-webkit-datetime-edit {
    display: inline-flex;
  }

  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }

  ::-webkit-datetime-edit {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-year-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-month-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-day-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-hour-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-minute-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-second-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-millisecond-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }

  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }

  :-moz-ui-invalid {
    box-shadow: none;
  }

  button, input:where([type="button"], [type="reset"], [type="submit"]) {
    appearance: button;
  }

  ::file-selector-button {
    appearance: button;
  }

  ::-webkit-inner-spin-button {
    height: auto;
  }

  ::-webkit-outer-spin-button {
    height: auto;
  }

  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}

@layer components;

@layer utilities {
  .\@container\/card-header {
    container: card-header / inline-size;
  }

  .\@container\/field-group {
    container: field-group / inline-size;
  }

  .pointer-events-none {
    pointer-events: none;
  }

  .collapse {
    visibility: collapse;
  }

  .invisible {
    visibility: hidden;
  }

  .visible {
    visibility: visible;
  }

  .sr-only {
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }

  .absolute {
    position: absolute;
  }

  .fixed {
    position: fixed;
  }

  .relative {
    position: relative;
  }

  .static {
    position: static;
  }

  .sticky {
    position: sticky;
  }

  .inset-0 {
    inset: calc(var(--spacing) * 0);
  }

  .inset-x-0 {
    inset-inline: calc(var(--spacing) * 0);
  }

  .inset-y-0 {
    inset-block: calc(var(--spacing) * 0);
  }

  .-top-12 {
    top: calc(var(--spacing) * -12);
  }

  .top-0 {
    top: calc(var(--spacing) * 0);
  }

  .top-1\.5 {
    top: calc(var(--spacing) * 1.5);
  }

  .top-1\/2 {
    top: 50%;
  }

  .top-3\.5 {
    top: calc(var(--spacing) * 3.5);
  }

  .top-4 {
    top: calc(var(--spacing) * 4);
  }

  .top-\[1px\] {
    top: 1px;
  }

  .top-\[50\%\] {
    top: 50%;
  }

  .top-\[60\%\] {
    top: 60%;
  }

  .top-full {
    top: 100%;
  }

  .-right-12 {
    right: calc(var(--spacing) * -12);
  }

  .right-0 {
    right: calc(var(--spacing) * 0);
  }

  .right-1 {
    right: calc(var(--spacing) * 1);
  }

  .right-2 {
    right: calc(var(--spacing) * 2);
  }

  .right-3 {
    right: calc(var(--spacing) * 3);
  }

  .right-4 {
    right: calc(var(--spacing) * 4);
  }

  .-bottom-12 {
    bottom: calc(var(--spacing) * -12);
  }

  .bottom-0 {
    bottom: calc(var(--spacing) * 0);
  }

  .-left-12 {
    left: calc(var(--spacing) * -12);
  }

  .left-0 {
    left: calc(var(--spacing) * 0);
  }

  .left-1\/2 {
    left: 50%;
  }

  .left-2 {
    left: calc(var(--spacing) * 2);
  }

  .left-\[50\%\] {
    left: 50%;
  }

  .isolate {
    isolation: isolate;
  }

  .\!z-0 {
    z-index: 0 !important;
  }

  .z-4 {
    z-index: 4;
  }

  .z-5 {
    z-index: 5;
  }

  .z-6 {
    z-index: 6;
  }

  .z-8 {
    z-index: 8;
  }

  .z-9 {
    z-index: 9;
  }

  .z-10 {
    z-index: 10;
  }

  .z-12 {
    z-index: 12;
  }

  .z-14 {
    z-index: 14;
  }

  .z-15 {
    z-index: 15;
  }

  .z-20 {
    z-index: 20;
  }

  .z-50 {
    z-index: 50;
  }

  .z-\[1\] {
    z-index: 1;
  }

  .order-first {
    order: -9999;
  }

  .order-last {
    order: 9999;
  }

  .col-start-2 {
    grid-column-start: 2;
  }

  .row-span-2 {
    grid-row: span 2 / span 2;
  }

  .row-start-1 {
    grid-row-start: 1;
  }

  .container {
    width: 100%;
  }

  @media (min-width: 40rem) {
    .container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .container {
      max-width: 96rem;
    }
  }

  .\!m-0 {
    margin: calc(var(--spacing) * 0) !important;
  }

  .-mx-1 {
    margin-inline: calc(var(--spacing) * -1);
  }

  .mx-2 {
    margin-inline: calc(var(--spacing) * 2);
  }

  .mx-3\.5 {
    margin-inline: calc(var(--spacing) * 3.5);
  }

  .mx-4 {
    margin-inline: calc(var(--spacing) * 4);
  }

  .mx-auto {
    margin-inline: auto;
  }

  .-my-2 {
    margin-block: calc(var(--spacing) * -2);
  }

  .my-0 {
    margin-block: calc(var(--spacing) * 0);
  }

  .my-0\.5 {
    margin-block: calc(var(--spacing) * .5);
  }

  .my-1 {
    margin-block: calc(var(--spacing) * 1);
  }

  .-mt-4 {
    margin-top: calc(var(--spacing) * -4);
  }

  .mt-1\.5 {
    margin-top: calc(var(--spacing) * 1.5);
  }

  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }

  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }

  .mt-auto {
    margin-top: auto;
  }

  .mr-2 {
    margin-right: calc(var(--spacing) * 2);
  }

  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }

  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }

  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }

  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }

  .mb-8 {
    margin-bottom: calc(var(--spacing) * 8);
  }

  .-ml-4 {
    margin-left: calc(var(--spacing) * -4);
  }

  .ml-1 {
    margin-left: calc(var(--spacing) * 1);
  }

  .ml-4 {
    margin-left: calc(var(--spacing) * 4);
  }

  .ml-auto {
    margin-left: auto;
  }

  .line-clamp-1 {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .line-clamp-2 {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .block {
    display: block;
  }

  .flex {
    display: flex;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

  .inline {
    display: inline;
  }

  .inline-flex {
    display: inline-flex;
  }

  .table {
    display: table;
  }

  .table-caption {
    display: table-caption;
  }

  .table-cell {
    display: table-cell;
  }

  .table-row {
    display: table-row;
  }

  .field-sizing-content {
    field-sizing: content;
  }

  .aspect-square {
    aspect-ratio: 1;
  }

  .aspect-video {
    aspect-ratio: var(--aspect-video);
  }

  .size-\(--cell-size\) {
    width: var(--cell-size);
    height: var(--cell-size);
  }

  .size-2 {
    width: calc(var(--spacing) * 2);
    height: calc(var(--spacing) * 2);
  }

  .size-2\.5 {
    width: calc(var(--spacing) * 2.5);
    height: calc(var(--spacing) * 2.5);
  }

  .size-3 {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }

  .size-3\.5 {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }

  .size-4 {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .size-6 {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }

  .size-7 {
    width: calc(var(--spacing) * 7);
    height: calc(var(--spacing) * 7);
  }

  .size-8 {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
  }

  .size-9 {
    width: calc(var(--spacing) * 9);
    height: calc(var(--spacing) * 9);
  }

  .size-10 {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
  }

  .size-auto {
    width: auto;
    height: auto;
  }

  .size-full {
    width: 100%;
    height: 100%;
  }

  .h-\(--cell-size\) {
    height: var(--cell-size);
  }

  .h-1 {
    height: calc(var(--spacing) * 1);
  }

  .h-1\.5 {
    height: calc(var(--spacing) * 1.5);
  }

  .h-2 {
    height: calc(var(--spacing) * 2);
  }

  .h-2\.5 {
    height: calc(var(--spacing) * 2.5);
  }

  .h-4 {
    height: calc(var(--spacing) * 4);
  }

  .h-5 {
    height: calc(var(--spacing) * 5);
  }

  .h-6 {
    height: calc(var(--spacing) * 6);
  }

  .h-7 {
    height: calc(var(--spacing) * 7);
  }

  .h-8 {
    height: calc(var(--spacing) * 8);
  }

  .h-9 {
    height: calc(var(--spacing) * 9);
  }

  .h-10 {
    height: calc(var(--spacing) * 10);
  }

  .h-12 {
    height: calc(var(--spacing) * 12);
  }

  .h-16 {
    height: calc(var(--spacing) * 16);
  }

  .h-\[1\.15rem\] {
    height: 1.15rem;
  }

  .h-\[500px\] {
    height: 500px;
  }

  .h-\[calc\(100\%-1px\)\] {
    height: calc(100% - 1px);
  }

  .h-\[var\(--radix-navigation-menu-viewport-height\)\] {
    height: var(--radix-navigation-menu-viewport-height);
  }

  .h-\[var\(--radix-select-trigger-height\)\] {
    height: var(--radix-select-trigger-height);
  }

  .h-auto {
    height: auto;
  }

  .h-full {
    height: 100%;
  }

  .h-px {
    height: 1px;
  }

  .h-svh {
    height: 100svh;
  }

  .max-h-\(--radix-context-menu-content-available-height\) {
    max-height: var(--radix-context-menu-content-available-height);
  }

  .max-h-\(--radix-dropdown-menu-content-available-height\) {
    max-height: var(--radix-dropdown-menu-content-available-height);
  }

  .max-h-\(--radix-select-content-available-height\) {
    max-height: var(--radix-select-content-available-height);
  }

  .max-h-\[300px\] {
    max-height: 300px;
  }

  .min-h-0 {
    min-height: calc(var(--spacing) * 0);
  }

  .min-h-4 {
    min-height: calc(var(--spacing) * 4);
  }

  .min-h-16 {
    min-height: calc(var(--spacing) * 16);
  }

  .min-h-screen {
    min-height: 100vh;
  }

  .min-h-svh {
    min-height: 100svh;
  }

  .w-\(--cell-size\) {
    width: var(--cell-size);
  }

  .w-\(--sidebar-width\) {
    width: var(--sidebar-width);
  }

  .w-0 {
    width: calc(var(--spacing) * 0);
  }

  .w-1 {
    width: calc(var(--spacing) * 1);
  }

  .w-2 {
    width: calc(var(--spacing) * 2);
  }

  .w-2\.5 {
    width: calc(var(--spacing) * 2.5);
  }

  .w-3 {
    width: calc(var(--spacing) * 3);
  }

  .w-3\/4 {
    width: 75%;
  }

  .w-4 {
    width: calc(var(--spacing) * 4);
  }

  .w-5 {
    width: calc(var(--spacing) * 5);
  }

  .w-8 {
    width: calc(var(--spacing) * 8);
  }

  .w-9 {
    width: calc(var(--spacing) * 9);
  }

  .w-10 {
    width: calc(var(--spacing) * 10);
  }

  .w-16 {
    width: calc(var(--spacing) * 16);
  }

  .w-64 {
    width: calc(var(--spacing) * 64);
  }

  .w-72 {
    width: calc(var(--spacing) * 72);
  }

  .w-\[100px\] {
    width: 100px;
  }

  .w-\[400px\] {
    width: 400px;
  }

  .w-auto {
    width: auto;
  }

  .w-fit {
    width: fit-content;
  }

  .w-full {
    width: 100%;
  }

  .w-max {
    width: max-content;
  }

  .w-px {
    width: 1px;
  }

  .max-w-\(--skeleton-width\) {
    max-width: var(--skeleton-width);
  }

  .max-w-2xl {
    max-width: var(--container-2xl);
  }

  .max-w-\[calc\(100\%-2rem\)\] {
    max-width: calc(100% - 2rem);
  }

  .max-w-lg {
    max-width: var(--container-lg);
  }

  .max-w-max {
    max-width: max-content;
  }

  .max-w-sm {
    max-width: var(--container-sm);
  }

  .min-w-\(--cell-size\) {
    min-width: var(--cell-size);
  }

  .min-w-0 {
    min-width: calc(var(--spacing) * 0);
  }

  .min-w-5 {
    min-width: calc(var(--spacing) * 5);
  }

  .min-w-8 {
    min-width: calc(var(--spacing) * 8);
  }

  .min-w-9 {
    min-width: calc(var(--spacing) * 9);
  }

  .min-w-10 {
    min-width: calc(var(--spacing) * 10);
  }

  .min-w-\[8rem\] {
    min-width: 8rem;
  }

  .min-w-\[12rem\] {
    min-width: 12rem;
  }

  .min-w-\[var\(--radix-select-trigger-width\)\] {
    min-width: var(--radix-select-trigger-width);
  }

  .flex-1 {
    flex: 1;
  }

  .flex-shrink {
    flex-shrink: 1;
  }

  .flex-shrink-0 {
    flex-shrink: 0;
  }

  .shrink {
    flex-shrink: 1;
  }

  .shrink-0 {
    flex-shrink: 0;
  }

  .grow {
    flex-grow: 1;
  }

  .grow-0 {
    flex-grow: 0;
  }

  .basis-full {
    flex-basis: 100%;
  }

  .caption-bottom {
    caption-side: bottom;
  }

  .border-collapse {
    border-collapse: collapse;
  }

  .origin-\(--radix-context-menu-content-transform-origin\) {
    transform-origin: var(--radix-context-menu-content-transform-origin);
  }

  .origin-\(--radix-dropdown-menu-content-transform-origin\) {
    transform-origin: var(--radix-dropdown-menu-content-transform-origin);
  }

  .origin-\(--radix-hover-card-content-transform-origin\) {
    transform-origin: var(--radix-hover-card-content-transform-origin);
  }

  .origin-\(--radix-menubar-content-transform-origin\) {
    transform-origin: var(--radix-menubar-content-transform-origin);
  }

  .origin-\(--radix-popover-content-transform-origin\) {
    transform-origin: var(--radix-popover-content-transform-origin);
  }

  .origin-\(--radix-select-content-transform-origin\) {
    transform-origin: var(--radix-select-content-transform-origin);
  }

  .origin-\(--radix-tooltip-content-transform-origin\) {
    transform-origin: var(--radix-tooltip-content-transform-origin);
  }

  .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-x-px {
    --tw-translate-x: -1px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-\[-50\%\] {
    --tw-translate-x: -50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-px {
    --tw-translate-x: 1px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-0\.5 {
    --tw-translate-y: calc(var(--spacing) * .5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-\[-50\%\] {
    --tw-translate-y: -50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-\[calc\(-50\%_-_2px\)\] {
    --tw-translate-y: calc(-50% - 2px);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .rotate-45 {
    rotate: 45deg;
  }

  .rotate-90 {
    rotate: 90deg;
  }

  .transform {
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .animate-caret-blink {
    animation: 1.25s ease-out infinite caret-blink;
  }

  .animate-in {
    animation: enter var(--tw-animation-duration, var(--tw-duration, .15s)) var(--tw-ease, ease) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
  }

  .animate-pulse {
    animation: var(--animate-pulse);
  }

  .animate-spin {
    animation: var(--animate-spin);
  }

  .cursor-default {
    cursor: default;
  }

  .cursor-pointer {
    cursor: pointer;
  }

  .cursor-text {
    cursor: text;
  }

  .touch-none {
    touch-action: none;
  }

  .resize {
    resize: both;
  }

  .resize-none {
    resize: none;
  }

  .scroll-my-1 {
    scroll-margin-block: calc(var(--spacing) * 1);
  }

  .scroll-py-1 {
    scroll-padding-block: calc(var(--spacing) * 1);
  }

  .list-disc {
    list-style-type: disc;
  }

  .list-none {
    list-style-type: none;
  }

  .auto-rows-min {
    grid-auto-rows: min-content;
  }

  .grid-cols-\[0_1fr\] {
    grid-template-columns: 0 1fr;
  }

  .grid-rows-\[auto_auto\] {
    grid-template-rows: auto auto;
  }

  .flex-col {
    flex-direction: column;
  }

  .flex-col-reverse {
    flex-direction: column-reverse;
  }

  .flex-row {
    flex-direction: row;
  }

  .flex-wrap {
    flex-wrap: wrap;
  }

  .items-center {
    align-items: center;
  }

  .items-end {
    align-items: flex-end;
  }

  .items-start {
    align-items: flex-start;
  }

  .items-stretch {
    align-items: stretch;
  }

  .justify-between {
    justify-content: space-between;
  }

  .justify-center {
    justify-content: center;
  }

  .justify-start {
    justify-content: flex-start;
  }

  .justify-items-start {
    justify-items: start;
  }

  .gap-0 {
    gap: calc(var(--spacing) * 0);
  }

  .gap-0\.5 {
    gap: calc(var(--spacing) * .5);
  }

  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }

  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }

  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }

  .gap-2\.5 {
    gap: calc(var(--spacing) * 2.5);
  }

  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }

  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }

  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }

  .gap-7 {
    gap: calc(var(--spacing) * 7);
  }

  .gap-y-0\.5 {
    row-gap: calc(var(--spacing) * .5);
  }

  .self-start {
    align-self: flex-start;
  }

  .self-stretch {
    align-self: stretch;
  }

  .justify-self-end {
    justify-self: flex-end;
  }

  .truncate {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .overflow-auto {
    overflow: auto;
  }

  .overflow-hidden {
    overflow: hidden;
  }

  .overflow-x-auto {
    overflow-x: auto;
  }

  .overflow-x-hidden {
    overflow-x: hidden;
  }

  .overflow-y-auto {
    overflow-y: auto;
  }

  .rounded {
    border-radius: .25rem;
  }

  .rounded-\[2px\] {
    border-radius: 2px;
  }

  .rounded-\[4px\] {
    border-radius: 4px;
  }

  .rounded-\[10px\] {
    border-radius: 10px;
  }

  .rounded-\[20px\] {
    border-radius: 20px;
  }

  .rounded-\[calc\(var\(--radius\)-5px\)\] {
    border-radius: calc(var(--radius)  - 5px);
  }

  .rounded-\[inherit\] {
    border-radius: inherit;
  }

  .rounded-full {
    border-radius: 3.40282e38px;
  }

  .rounded-lg {
    border-radius: var(--radius-lg);
  }

  .rounded-md {
    border-radius: var(--radius-md);
  }

  .rounded-none {
    border-radius: 0;
  }

  .rounded-sm {
    border-radius: var(--radius-sm);
  }

  .rounded-xl {
    border-radius: var(--radius-xl);
  }

  .rounded-xs {
    border-radius: var(--radius-xs);
  }

  .rounded-l-md {
    border-top-left-radius: var(--radius-md);
    border-bottom-left-radius: var(--radius-md);
  }

  .rounded-tl-sm {
    border-top-left-radius: var(--radius-sm);
  }

  .rounded-r-md {
    border-top-right-radius: var(--radius-md);
    border-bottom-right-radius: var(--radius-md);
  }

  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .border-0 {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .border-\[1\.5px\] {
    border-style: var(--tw-border-style);
    border-width: 1.5px;
  }

  .border-y {
    border-block-style: var(--tw-border-style);
    border-block-width: 1px;
  }

  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }

  .border-r {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }

  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  .border-l {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }

  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }

  .border-\(--color-border\) {
    border-color: var(--color-border);
  }

  .border-\[rgba\(0\,0\,0\,0\.08\)\] {
    border-color: #00000014;
  }

  .border-transparent {
    border-color: #0000;
  }

  .border-t-transparent {
    border-top-color: #0000;
  }

  .border-l-transparent {
    border-left-color: #0000;
  }

  .bg-\(--color-bg\) {
    background-color: var(--color-bg);
  }

  .bg-\[\#1a1a19\] {
    background-color: #1a1a19;
  }

  .bg-\[\#f8f8f7\] {
    background-color: #f8f8f7;
  }

  .bg-black\/50 {
    background-color: #00000080;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/50 {
      background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
    }
  }

  .bg-blue-600 {
    background-color: var(--color-blue-600);
  }

  .bg-red-100 {
    background-color: var(--color-red-100);
  }

  .bg-transparent {
    background-color: #0000;
  }

  .bg-white {
    background-color: var(--color-white);
  }

  .bg-white\/80 {
    background-color: #fffc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/80 {
      background-color: color-mix(in oklab, var(--color-white) 80%, transparent);
    }
  }

  .bg-gradient-to-br {
    --tw-gradient-position: to bottom right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .from-slate-50 {
    --tw-gradient-from: var(--color-slate-50);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-slate-100 {
    --tw-gradient-to: var(--color-slate-100);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .fill-current {
    fill: currentColor;
  }

  .p-0 {
    padding: calc(var(--spacing) * 0);
  }

  .p-1 {
    padding: calc(var(--spacing) * 1);
  }

  .p-2 {
    padding: calc(var(--spacing) * 2);
  }

  .p-3 {
    padding: calc(var(--spacing) * 3);
  }

  .p-4 {
    padding: calc(var(--spacing) * 4);
  }

  .p-5 {
    padding: calc(var(--spacing) * 5);
  }

  .p-6 {
    padding: calc(var(--spacing) * 6);
  }

  .p-8 {
    padding: calc(var(--spacing) * 8);
  }

  .p-\[3px\] {
    padding: 3px;
  }

  .p-px {
    padding: 1px;
  }

  .px-\(--cell-size\) {
    padding-inline: var(--cell-size);
  }

  .px-1 {
    padding-inline: calc(var(--spacing) * 1);
  }

  .px-1\.5 {
    padding-inline: calc(var(--spacing) * 1.5);
  }

  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }

  .px-2\.5 {
    padding-inline: calc(var(--spacing) * 2.5);
  }

  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }

  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }

  .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }

  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }

  .py-0\.5 {
    padding-block: calc(var(--spacing) * .5);
  }

  .py-1 {
    padding-block: calc(var(--spacing) * 1);
  }

  .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }

  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }

  .py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5);
  }

  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }

  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }

  .py-5 {
    padding-block: calc(var(--spacing) * 5);
  }

  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }

  .pt-0 {
    padding-top: calc(var(--spacing) * 0);
  }

  .pt-3 {
    padding-top: calc(var(--spacing) * 3);
  }

  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }

  .pt-8 {
    padding-top: calc(var(--spacing) * 8);
  }

  .pt-12 {
    padding-top: calc(var(--spacing) * 12);
  }

  .pr-1 {
    padding-right: calc(var(--spacing) * 1);
  }

  .pr-2 {
    padding-right: calc(var(--spacing) * 2);
  }

  .pr-2\.5 {
    padding-right: calc(var(--spacing) * 2.5);
  }

  .pr-3 {
    padding-right: calc(var(--spacing) * 3);
  }

  .pr-8 {
    padding-right: calc(var(--spacing) * 8);
  }

  .pb-3 {
    padding-bottom: calc(var(--spacing) * 3);
  }

  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }

  .pb-8 {
    padding-bottom: calc(var(--spacing) * 8);
  }

  .pl-2 {
    padding-left: calc(var(--spacing) * 2);
  }

  .pl-3 {
    padding-left: calc(var(--spacing) * 3);
  }

  .pl-4 {
    padding-left: calc(var(--spacing) * 4);
  }

  .pl-8 {
    padding-left: calc(var(--spacing) * 8);
  }

  .text-center {
    text-align: center;
  }

  .text-left {
    text-align: left;
  }

  .align-middle {
    vertical-align: middle;
  }

  .font-mono {
    font-family: DM Mono, monospace;
  }

  .font-sans {
    font-family: var(--font-sans);
  }

  .text-4xl {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }

  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }

  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }

  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .text-sm\/relaxed {
    font-size: var(--text-sm);
    line-height: var(--leading-relaxed);
  }

  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }

  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .text-\[0\.8rem\] {
    font-size: .8rem;
  }

  .leading-5 {
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
  }

  .leading-\[26px\] {
    --tw-leading: 26px;
    line-height: 26px;
  }

  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }

  .leading-normal {
    --tw-leading: var(--leading-normal);
    line-height: var(--leading-normal);
  }

  .leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }

  .leading-snug {
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }

  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }

  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }

  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }

  .tracking-\[-0\.44px\] {
    --tw-tracking: -.44px;
    letter-spacing: -.44px;
  }

  .tracking-\[-0\.154px\] {
    --tw-tracking: -.154px;
    letter-spacing: -.154px;
  }

  .tracking-tight {
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }

  .tracking-widest {
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
  }

  .text-balance {
    text-wrap: balance;
  }

  .break-words {
    overflow-wrap: break-word;
  }

  .whitespace-break-spaces {
    white-space: break-spaces;
  }

  .whitespace-nowrap {
    white-space: nowrap;
  }

  .text-\[\#34322d\] {
    color: #34322d;
  }

  .text-\[\#858481\] {
    color: #858481;
  }

  .text-current {
    color: currentColor;
  }

  .text-red-500 {
    color: var(--color-red-500);
  }

  .text-slate-600 {
    color: var(--color-slate-600);
  }

  .text-slate-700 {
    color: var(--color-slate-700);
  }

  .text-slate-900 {
    color: var(--color-slate-900);
  }

  .text-white {
    color: var(--color-white);
  }

  .lowercase {
    text-transform: lowercase;
  }

  .uppercase {
    text-transform: uppercase;
  }

  .italic {
    font-style: italic;
  }

  .tabular-nums {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );
  }

  .underline {
    text-decoration-line: underline;
  }

  .underline-offset-4 {
    text-underline-offset: 4px;
  }

  .antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .opacity-0 {
    opacity: 0;
  }

  .opacity-50 {
    opacity: .5;
  }

  .opacity-70 {
    opacity: .7;
  }

  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_0_0_1px_hsl\(var\(--sidebar-border\)\)\] {
    --tw-shadow: 0 0 0 1px var(--tw-shadow-color, hsl(var(--sidebar-border)));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0px_4px_11px_0px_rgba\(0\,0\,0\,0\.08\)\] {
    --tw-shadow: 0px 4px 11px 0px var(--tw-shadow-color, #00000014);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-md {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-none {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-sm {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-xl {
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-xs {
    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring-0 {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .outline-hidden {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    .outline-hidden {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }

  .blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .drop-shadow {
    --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, #0000001a)) drop-shadow(0 1px 1px var(--tw-drop-shadow-color, #0000000f));
    --tw-drop-shadow: drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .filter {
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .backdrop-blur-2xl {
    --tw-backdrop-blur: blur(var(--blur-2xl));
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .backdrop-blur-sm {
    --tw-backdrop-blur: blur(var(--blur-sm));
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .backdrop-filter {
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[color\,box-shadow\] {
    transition-property: color, box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[left\,right\,width\] {
    transition-property: left, right, width;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[margin\,opacity\] {
    transition-property: margin, opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[width\,height\,padding\] {
    transition-property: width, height, padding;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[width\] {
    transition-property: width;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-shadow {
    transition-property: box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-none {
    transition-property: none;
  }

  .duration-100 {
    --tw-duration: .1s;
    transition-duration: .1s;
  }

  .duration-200 {
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  .duration-300 {
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .duration-1000 {
    --tw-duration: 1s;
    transition-duration: 1s;
  }

  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }

  .ease-linear {
    --tw-ease: linear;
    transition-timing-function: linear;
  }

  .fade-in-0 {
    --tw-enter-opacity: 0;
  }

  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }

  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }

  .zoom-in-95 {
    --tw-enter-scale: .95;
  }

  .\[--cell-size\:--spacing\(8\)\] {
    --cell-size: calc(var(--spacing) * 8);
  }

  .paused {
    animation-play-state: paused;
  }

  .running {
    animation-play-state: running;
  }

  .group-focus-within\/menu-item\:opacity-100:is(:where(.group\/menu-item):focus-within *) {
    opacity: 1;
  }

  @media (hover: hover) {
    .group-hover\/menu-item\:opacity-100:is(:where(.group\/menu-item):hover *) {
      opacity: 1;
    }
  }

  .group-has-data-\[sidebar\=menu-action\]\/menu-item\:pr-8:is(:where(.group\/menu-item):has([data-sidebar="menu-action"]) *) {
    padding-right: calc(var(--spacing) * 8);
  }

  .group-has-\[\[data-orientation\=horizontal\]\]\/field\:text-balance:is(:where(.group\/field):has([data-orientation="horizontal"]) *) {
    text-wrap: balance;
  }

  .group-has-\[\[data-slot\=item-description\]\]\/item\:translate-y-0\.5:is(:where(.group\/item):has([data-slot="item-description"]) *) {
    --tw-translate-y: calc(var(--spacing) * .5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .group-has-\[\[data-slot\=item-description\]\]\/item\:self-start:is(:where(.group\/item):has([data-slot="item-description"]) *) {
    align-self: flex-start;
  }

  .group-has-\[\>input\]\/input-group\:pt-2\.5:is(:where(.group\/input-group):has( > input) *) {
    padding-top: calc(var(--spacing) * 2.5);
  }

  .group-has-\[\>input\]\/input-group\:pb-2\.5:is(:where(.group\/input-group):has( > input) *) {
    padding-bottom: calc(var(--spacing) * 2.5);
  }

  .group-data-\[collapsible\=icon\]\:-mt-8:is(:where(.group)[data-collapsible="icon"] *) {
    margin-top: calc(var(--spacing) * -8);
  }

  .group-data-\[collapsible\=icon\]\:hidden:is(:where(.group)[data-collapsible="icon"] *) {
    display: none;
  }

  .group-data-\[collapsible\=icon\]\:size-8\!:is(:where(.group)[data-collapsible="icon"] *) {
    width: calc(var(--spacing) * 8) !important;
    height: calc(var(--spacing) * 8) !important;
  }

  .group-data-\[collapsible\=icon\]\:w-\(--sidebar-width-icon\):is(:where(.group)[data-collapsible="icon"] *) {
    width: var(--sidebar-width-icon);
  }

  .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\)\]:is(:where(.group)[data-collapsible="icon"] *) {
    width: calc(var(--sidebar-width-icon)  + (calc(var(--spacing) * 4)));
  }

  .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\+2px\)\]:is(:where(.group)[data-collapsible="icon"] *) {
    width: calc(var(--sidebar-width-icon)  + (calc(var(--spacing) * 4))  + 2px);
  }

  .group-data-\[collapsible\=icon\]\:overflow-hidden:is(:where(.group)[data-collapsible="icon"] *) {
    overflow: hidden;
  }

  .group-data-\[collapsible\=icon\]\:p-0\!:is(:where(.group)[data-collapsible="icon"] *) {
    padding: calc(var(--spacing) * 0) !important;
  }

  .group-data-\[collapsible\=icon\]\:p-2\!:is(:where(.group)[data-collapsible="icon"] *) {
    padding: calc(var(--spacing) * 2) !important;
  }

  .group-data-\[collapsible\=icon\]\:opacity-0:is(:where(.group)[data-collapsible="icon"] *) {
    opacity: 0;
  }

  .group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible="offcanvas"] *) {
    right: calc(var(--sidebar-width) * -1);
  }

  .group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible="offcanvas"] *) {
    left: calc(var(--sidebar-width) * -1);
  }

  .group-data-\[collapsible\=offcanvas\]\:w-0:is(:where(.group)[data-collapsible="offcanvas"] *) {
    width: calc(var(--spacing) * 0);
  }

  .group-data-\[collapsible\=offcanvas\]\:translate-x-0:is(:where(.group)[data-collapsible="offcanvas"] *) {
    --tw-translate-x: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .group-data-\[disabled\=true\]\:pointer-events-none:is(:where(.group)[data-disabled="true"] *) {
    pointer-events: none;
  }

  .group-data-\[disabled\=true\]\:opacity-50:is(:where(.group)[data-disabled="true"] *), .group-data-\[disabled\=true\]\/field\:opacity-50:is(:where(.group\/field)[data-disabled="true"] *), .group-data-\[disabled\=true\]\/input-group\:opacity-50:is(:where(.group\/input-group)[data-disabled="true"] *) {
    opacity: .5;
  }

  .group-data-\[focused\=true\]\/day\:relative:is(:where(.group\/day)[data-focused="true"] *) {
    position: relative;
  }

  .group-data-\[focused\=true\]\/day\:z-10:is(:where(.group\/day)[data-focused="true"] *) {
    z-index: 10;
  }

  .group-data-\[focused\=true\]\/day\:ring-\[3px\]:is(:where(.group\/day)[data-focused="true"] *) {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .group-data-\[side\=left\]\:-right-4:is(:where(.group)[data-side="left"] *) {
    right: calc(var(--spacing) * -4);
  }

  .group-data-\[side\=left\]\:border-r:is(:where(.group)[data-side="left"] *) {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }

  .group-data-\[side\=right\]\:left-0:is(:where(.group)[data-side="right"] *) {
    left: calc(var(--spacing) * 0);
  }

  .group-data-\[side\=right\]\:rotate-180:is(:where(.group)[data-side="right"] *) {
    rotate: 180deg;
  }

  .group-data-\[side\=right\]\:border-l:is(:where(.group)[data-side="right"] *) {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }

  .group-data-\[state\=open\]\:rotate-180:is(:where(.group)[data-state="open"] *) {
    rotate: 180deg;
  }

  .group-data-\[variant\=floating\]\:rounded-lg:is(:where(.group)[data-variant="floating"] *) {
    border-radius: var(--radius-lg);
  }

  .group-data-\[variant\=floating\]\:border:is(:where(.group)[data-variant="floating"] *) {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .group-data-\[variant\=floating\]\:shadow-sm:is(:where(.group)[data-variant="floating"] *) {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .group-data-\[variant\=outline\]\/field-group\:-mb-2:is(:where(.group\/field-group)[data-variant="outline"] *) {
    margin-bottom: calc(var(--spacing) * -2);
  }

  .group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:block:is(:where(.group\/drawer-content)[data-vaul-drawer-direction="bottom"] *) {
    display: block;
  }

  .group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:text-center:is(:where(.group\/drawer-content)[data-vaul-drawer-direction="bottom"] *), .group-data-\[vaul-drawer-direction\=top\]\/drawer-content\:text-center:is(:where(.group\/drawer-content)[data-vaul-drawer-direction="top"] *) {
    text-align: center;
  }

  .group-data-\[viewport\=false\]\/navigation-menu\:top-full:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
    top: 100%;
  }

  .group-data-\[viewport\=false\]\/navigation-menu\:mt-1\.5:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
    margin-top: calc(var(--spacing) * 1.5);
  }

  .group-data-\[viewport\=false\]\/navigation-menu\:overflow-hidden:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
    overflow: hidden;
  }

  .group-data-\[viewport\=false\]\/navigation-menu\:rounded-md:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
    border-radius: var(--radius-md);
  }

  .group-data-\[viewport\=false\]\/navigation-menu\:border:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .group-data-\[viewport\=false\]\/navigation-menu\:shadow:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .group-data-\[viewport\=false\]\/navigation-menu\:duration-200:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  .peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled ~ *) {
    cursor: not-allowed;
  }

  .peer-disabled\:opacity-50:is(:where(.peer):disabled ~ *) {
    opacity: .5;
  }

  .peer-data-\[size\=default\]\/menu-button\:top-1\.5:is(:where(.peer\/menu-button)[data-size="default"] ~ *) {
    top: calc(var(--spacing) * 1.5);
  }

  .peer-data-\[size\=lg\]\/menu-button\:top-2\.5:is(:where(.peer\/menu-button)[data-size="lg"] ~ *) {
    top: calc(var(--spacing) * 2.5);
  }

  .peer-data-\[size\=sm\]\/menu-button\:top-1:is(:where(.peer\/menu-button)[data-size="sm"] ~ *) {
    top: calc(var(--spacing) * 1);
  }

  .file\:inline-flex::file-selector-button {
    display: inline-flex;
  }

  .file\:h-7::file-selector-button {
    height: calc(var(--spacing) * 7);
  }

  .file\:border-0::file-selector-button {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .file\:bg-transparent::file-selector-button {
    background-color: #0000;
  }

  .file\:text-sm::file-selector-button {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .file\:font-medium::file-selector-button {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .after\:absolute:after {
    content: var(--tw-content);
    position: absolute;
  }

  .after\:-inset-2:after {
    content: var(--tw-content);
    inset: calc(var(--spacing) * -2);
  }

  .after\:inset-y-0:after {
    content: var(--tw-content);
    inset-block: calc(var(--spacing) * 0);
  }

  .after\:left-1\/2:after {
    content: var(--tw-content);
    left: 50%;
  }

  .after\:w-1:after {
    content: var(--tw-content);
    width: calc(var(--spacing) * 1);
  }

  .after\:w-\[2px\]:after {
    content: var(--tw-content);
    width: 2px;
  }

  .after\:-translate-x-1\/2:after {
    content: var(--tw-content);
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .group-data-\[collapsible\=offcanvas\]\:after\:left-full:is(:where(.group)[data-collapsible="offcanvas"] *):after {
    content: var(--tw-content);
    left: 100%;
  }

  .first\:rounded-l-md:first-child {
    border-top-left-radius: var(--radius-md);
    border-bottom-left-radius: var(--radius-md);
  }

  .first\:border-l:first-child {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }

  .last\:mt-0:last-child {
    margin-top: calc(var(--spacing) * 0);
  }

  .last\:rounded-r-md:last-child {
    border-top-right-radius: var(--radius-md);
    border-bottom-right-radius: var(--radius-md);
  }

  .last\:border-b-0:last-child {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }

  @media (hover: hover) {
    .hover\:bg-\[\#1a1a19\]\/90:hover {
      background-color: oklab(21.7386% -.000547238 .00184049 / .9);
    }

    .hover\:bg-blue-700:hover {
      background-color: var(--color-blue-700);
    }

    .hover\:underline:hover {
      text-decoration-line: underline;
    }

    .hover\:opacity-90:hover {
      opacity: .9;
    }

    .hover\:opacity-100:hover {
      opacity: 1;
    }

    .hover\:shadow-\[0_0_0_1px_hsl\(var\(--sidebar-accent\)\)\]:hover {
      --tw-shadow: 0 0 0 1px var(--tw-shadow-color, hsl(var(--sidebar-accent)));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .hover\:shadow-lg:hover {
      --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .hover\:ring-4:hover {
      --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }

  .focus\:z-10:focus {
    z-index: 10;
  }

  .focus\:ring-2:focus {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus\:ring-offset-2:focus {
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  .focus\:outline-hidden:focus {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    .focus\:outline-hidden:focus {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  .focus-visible\:z-10:focus-visible {
    z-index: 10;
  }

  .focus-visible\:ring-0:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus-visible\:ring-1:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus-visible\:ring-2:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus-visible\:ring-4:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus-visible\:ring-\[3px\]:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus-visible\:ring-offset-1:focus-visible {
    --tw-ring-offset-width: 1px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  .focus-visible\:outline-hidden:focus-visible {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    .focus-visible\:outline-hidden:focus-visible {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  .focus-visible\:outline-1:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }

  .disabled\:pointer-events-none:disabled {
    pointer-events: none;
  }

  .disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed;
  }

  .disabled\:opacity-50:disabled {
    opacity: .5;
  }

  :where([data-side="left"]) .in-data-\[side\=left\]\:cursor-w-resize {
    cursor: w-resize;
  }

  :where([data-side="right"]) .in-data-\[side\=right\]\:cursor-e-resize {
    cursor: e-resize;
  }

  .has-focus\:ring-\[3px\]:has(:focus) {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .has-disabled\:opacity-50:has(:disabled) {
    opacity: .5;
  }

  .has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\]:has([data-slot="card-action"]) {
    grid-template-columns: 1fr auto;
  }

  .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-\[3px\]:has([data-slot="input-group-control"]:focus-visible) {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .has-\[\>\[data-align\=block-end\]\]\:h-auto:has( > [data-align="block-end"]) {
    height: auto;
  }

  .has-\[\>\[data-align\=block-end\]\]\:flex-col:has( > [data-align="block-end"]) {
    flex-direction: column;
  }

  .has-\[\>\[data-align\=block-start\]\]\:h-auto:has( > [data-align="block-start"]) {
    height: auto;
  }

  .has-\[\>\[data-align\=block-start\]\]\:flex-col:has( > [data-align="block-start"]) {
    flex-direction: column;
  }

  .has-\[\>\[data-slot\=button-group\]\]\:gap-2:has( > [data-slot="button-group"]) {
    gap: calc(var(--spacing) * 2);
  }

  .has-\[\>\[data-slot\=checkbox-group\]\]\:gap-3:has( > [data-slot="checkbox-group"]) {
    gap: calc(var(--spacing) * 3);
  }

  .has-\[\>\[data-slot\=field-content\]\]\:items-start:has( > [data-slot="field-content"]) {
    align-items: flex-start;
  }

  .has-\[\>\[data-slot\=field\]\]\:w-full:has( > [data-slot="field"]) {
    width: 100%;
  }

  .has-\[\>\[data-slot\=field\]\]\:flex-col:has( > [data-slot="field"]) {
    flex-direction: column;
  }

  .has-\[\>\[data-slot\=field\]\]\:rounded-md:has( > [data-slot="field"]) {
    border-radius: var(--radius-md);
  }

  .has-\[\>\[data-slot\=field\]\]\:border:has( > [data-slot="field"]) {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .has-\[\>\[data-slot\=radio-group\]\]\:gap-3:has( > [data-slot="radio-group"]) {
    gap: calc(var(--spacing) * 3);
  }

  .has-\[\>button\]\:mr-\[-0\.45rem\]:has( > button) {
    margin-right: -.45rem;
  }

  .has-\[\>button\]\:ml-\[-0\.45rem\]:has( > button) {
    margin-left: -.45rem;
  }

  .has-\[\>kbd\]\:mr-\[-0\.35rem\]:has( > kbd) {
    margin-right: -.35rem;
  }

  .has-\[\>kbd\]\:ml-\[-0\.35rem\]:has( > kbd) {
    margin-left: -.35rem;
  }

  .has-\[\>svg\]\:grid-cols-\[calc\(var\(--spacing\)\*4\)_1fr\]:has( > svg) {
    grid-template-columns: calc(var(--spacing) * 4) 1fr;
  }

  .has-\[\>svg\]\:gap-x-3:has( > svg) {
    column-gap: calc(var(--spacing) * 3);
  }

  .has-\[\>svg\]\:p-0:has( > svg) {
    padding: calc(var(--spacing) * 0);
  }

  .has-\[\>svg\]\:px-2:has( > svg) {
    padding-inline: calc(var(--spacing) * 2);
  }

  .has-\[\>svg\]\:px-2\.5:has( > svg) {
    padding-inline: calc(var(--spacing) * 2.5);
  }

  .has-\[\>svg\]\:px-3:has( > svg) {
    padding-inline: calc(var(--spacing) * 3);
  }

  .has-\[\>svg\]\:px-4:has( > svg) {
    padding-inline: calc(var(--spacing) * 4);
  }

  .has-\[\>textarea\]\:h-auto:has( > textarea) {
    height: auto;
  }

  .aria-disabled\:pointer-events-none[aria-disabled="true"] {
    pointer-events: none;
  }

  .aria-disabled\:opacity-50[aria-disabled="true"] {
    opacity: .5;
  }

  .data-\[active\=true\]\:z-10[data-active="true"] {
    z-index: 10;
  }

  .data-\[active\=true\]\:font-medium[data-active="true"] {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .data-\[active\=true\]\:ring-\[3px\][data-active="true"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .data-\[disabled\]\:pointer-events-none[data-disabled] {
    pointer-events: none;
  }

  .data-\[disabled\]\:opacity-50[data-disabled] {
    opacity: .5;
  }

  .data-\[disabled\=true\]\:pointer-events-none[data-disabled="true"] {
    pointer-events: none;
  }

  .data-\[disabled\=true\]\:opacity-50[data-disabled="true"] {
    opacity: .5;
  }

  .data-\[inset\]\:pl-8[data-inset] {
    padding-left: calc(var(--spacing) * 8);
  }

  .data-\[motion\=from-end\]\:slide-in-from-right-52[data-motion="from-end"] {
    --tw-enter-translate-x: calc(52 * var(--spacing));
  }

  .data-\[motion\=from-start\]\:slide-in-from-left-52[data-motion="from-start"] {
    --tw-enter-translate-x: calc(52 * var(--spacing) * -1);
  }

  .data-\[motion\=to-end\]\:slide-out-to-right-52[data-motion="to-end"] {
    --tw-exit-translate-x: calc(52 * var(--spacing));
  }

  .data-\[motion\=to-start\]\:slide-out-to-left-52[data-motion="to-start"] {
    --tw-exit-translate-x: calc(52 * var(--spacing) * -1);
  }

  .data-\[motion\^\=from-\]\:animate-in[data-motion^="from-"] {
    animation: enter var(--tw-animation-duration, var(--tw-duration, .15s)) var(--tw-ease, ease) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
  }

  .data-\[motion\^\=from-\]\:fade-in[data-motion^="from-"] {
    --tw-enter-opacity: 0;
  }

  .data-\[motion\^\=to-\]\:animate-out[data-motion^="to-"] {
    animation: exit var(--tw-animation-duration, var(--tw-duration, .15s)) var(--tw-ease, ease) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
  }

  .data-\[motion\^\=to-\]\:fade-out[data-motion^="to-"] {
    --tw-exit-opacity: 0;
  }

  .data-\[orientation\=horizontal\]\:h-1\.5[data-orientation="horizontal"] {
    height: calc(var(--spacing) * 1.5);
  }

  .data-\[orientation\=horizontal\]\:h-full[data-orientation="horizontal"] {
    height: 100%;
  }

  .data-\[orientation\=horizontal\]\:h-px[data-orientation="horizontal"] {
    height: 1px;
  }

  .data-\[orientation\=horizontal\]\:w-full[data-orientation="horizontal"] {
    width: 100%;
  }

  .data-\[orientation\=vertical\]\:h-auto[data-orientation="vertical"] {
    height: auto;
  }

  .data-\[orientation\=vertical\]\:h-full[data-orientation="vertical"] {
    height: 100%;
  }

  .data-\[orientation\=vertical\]\:min-h-44[data-orientation="vertical"] {
    min-height: calc(var(--spacing) * 44);
  }

  .data-\[orientation\=vertical\]\:w-1\.5[data-orientation="vertical"] {
    width: calc(var(--spacing) * 1.5);
  }

  .data-\[orientation\=vertical\]\:w-auto[data-orientation="vertical"] {
    width: auto;
  }

  .data-\[orientation\=vertical\]\:w-full[data-orientation="vertical"] {
    width: 100%;
  }

  .data-\[orientation\=vertical\]\:w-px[data-orientation="vertical"] {
    width: 1px;
  }

  .data-\[orientation\=vertical\]\:flex-col[data-orientation="vertical"] {
    flex-direction: column;
  }

  .data-\[panel-group-direction\=vertical\]\:h-px[data-panel-group-direction="vertical"] {
    height: 1px;
  }

  .data-\[panel-group-direction\=vertical\]\:w-full[data-panel-group-direction="vertical"] {
    width: 100%;
  }

  .data-\[panel-group-direction\=vertical\]\:flex-col[data-panel-group-direction="vertical"] {
    flex-direction: column;
  }

  .data-\[panel-group-direction\=vertical\]\:after\:left-0[data-panel-group-direction="vertical"]:after {
    content: var(--tw-content);
    left: calc(var(--spacing) * 0);
  }

  .data-\[panel-group-direction\=vertical\]\:after\:h-1[data-panel-group-direction="vertical"]:after {
    content: var(--tw-content);
    height: calc(var(--spacing) * 1);
  }

  .data-\[panel-group-direction\=vertical\]\:after\:w-full[data-panel-group-direction="vertical"]:after {
    content: var(--tw-content);
    width: 100%;
  }

  .data-\[panel-group-direction\=vertical\]\:after\:translate-x-0[data-panel-group-direction="vertical"]:after {
    content: var(--tw-content);
    --tw-translate-x: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[panel-group-direction\=vertical\]\:after\:-translate-y-1\/2[data-panel-group-direction="vertical"]:after {
    content: var(--tw-content);
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[range-end\=true\]\:rounded-md[data-range-end="true"] {
    border-radius: var(--radius-md);
  }

  .data-\[range-end\=true\]\:rounded-r-md[data-range-end="true"] {
    border-top-right-radius: var(--radius-md);
    border-bottom-right-radius: var(--radius-md);
  }

  .data-\[range-middle\=true\]\:rounded-none[data-range-middle="true"] {
    border-radius: 0;
  }

  .data-\[range-start\=true\]\:rounded-md[data-range-start="true"] {
    border-radius: var(--radius-md);
  }

  .data-\[range-start\=true\]\:rounded-l-md[data-range-start="true"] {
    border-top-left-radius: var(--radius-md);
    border-bottom-left-radius: var(--radius-md);
  }

  .data-\[selected\=true\]\:rounded-none[data-selected="true"] {
    border-radius: 0;
  }

  .data-\[side\=bottom\]\:translate-y-1[data-side="bottom"] {
    --tw-translate-y: calc(var(--spacing) * 1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[side\=bottom\]\:slide-in-from-top-2[data-side="bottom"] {
    --tw-enter-translate-y: calc(2 * var(--spacing) * -1);
  }

  .data-\[side\=left\]\:-translate-x-1[data-side="left"] {
    --tw-translate-x: calc(var(--spacing) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[side\=left\]\:slide-in-from-right-2[data-side="left"] {
    --tw-enter-translate-x: calc(2 * var(--spacing));
  }

  .data-\[side\=right\]\:translate-x-1[data-side="right"] {
    --tw-translate-x: calc(var(--spacing) * 1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[side\=right\]\:slide-in-from-left-2[data-side="right"] {
    --tw-enter-translate-x: calc(2 * var(--spacing) * -1);
  }

  .data-\[side\=top\]\:-translate-y-1[data-side="top"] {
    --tw-translate-y: calc(var(--spacing) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[side\=top\]\:slide-in-from-bottom-2[data-side="top"] {
    --tw-enter-translate-y: calc(2 * var(--spacing));
  }

  .data-\[size\=default\]\:h-9[data-size="default"] {
    height: calc(var(--spacing) * 9);
  }

  .data-\[size\=sm\]\:h-8[data-size="sm"] {
    height: calc(var(--spacing) * 8);
  }

  .data-\[slot\=checkbox-group\]\:gap-3[data-slot="checkbox-group"] {
    gap: calc(var(--spacing) * 3);
  }

  :is(.\*\*\:data-\[slot\=command-input-wrapper\]\:h-12 *)[data-slot="command-input-wrapper"] {
    height: calc(var(--spacing) * 12);
  }

  :is(.\*\*\:data-\[slot\=navigation-menu-link\]\:focus\:ring-0 *)[data-slot="navigation-menu-link"]:focus {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  :is(.\*\*\:data-\[slot\=navigation-menu-link\]\:focus\:outline-none *)[data-slot="navigation-menu-link"]:focus {
    --tw-outline-style: none;
    outline-style: none;
  }

  :is(.\*\:data-\[slot\=select-value\]\:line-clamp-1 > *)[data-slot="select-value"] {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  :is(.\*\:data-\[slot\=select-value\]\:flex > *)[data-slot="select-value"] {
    display: flex;
  }

  :is(.\*\:data-\[slot\=select-value\]\:items-center > *)[data-slot="select-value"] {
    align-items: center;
  }

  :is(.\*\:data-\[slot\=select-value\]\:gap-2 > *)[data-slot="select-value"] {
    gap: calc(var(--spacing) * 2);
  }

  .data-\[state\=active\]\:shadow-sm[data-state="active"] {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .data-\[state\=checked\]\:translate-x-\[calc\(100\%-2px\)\][data-state="checked"] {
    --tw-translate-x: calc(100% - 2px);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[state\=closed\]\:animate-accordion-up[data-state="closed"] {
    animation: accordion-up var(--tw-animation-duration, var(--tw-duration, .2s)) var(--tw-ease, ease-out) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
  }

  .data-\[state\=closed\]\:animate-out[data-state="closed"] {
    animation: exit var(--tw-animation-duration, var(--tw-duration, .15s)) var(--tw-ease, ease) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
  }

  .data-\[state\=closed\]\:duration-300[data-state="closed"] {
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .data-\[state\=closed\]\:fade-out-0[data-state="closed"] {
    --tw-exit-opacity: 0;
  }

  .data-\[state\=closed\]\:zoom-out-95[data-state="closed"] {
    --tw-exit-scale: .95;
  }

  .data-\[state\=closed\]\:slide-out-to-bottom[data-state="closed"] {
    --tw-exit-translate-y: 100%;
  }

  .data-\[state\=closed\]\:slide-out-to-left[data-state="closed"] {
    --tw-exit-translate-x: -100%;
  }

  .data-\[state\=closed\]\:slide-out-to-right[data-state="closed"] {
    --tw-exit-translate-x: 100%;
  }

  .data-\[state\=closed\]\:slide-out-to-top[data-state="closed"] {
    --tw-exit-translate-y: -100%;
  }

  .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:animate-out:is(:where(.group\/navigation-menu)[data-viewport="false"] *)[data-state="closed"] {
    animation: exit var(--tw-animation-duration, var(--tw-duration, .15s)) var(--tw-ease, ease) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
  }

  .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:fade-out-0:is(:where(.group\/navigation-menu)[data-viewport="false"] *)[data-state="closed"] {
    --tw-exit-opacity: 0;
  }

  .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:zoom-out-95:is(:where(.group\/navigation-menu)[data-viewport="false"] *)[data-state="closed"] {
    --tw-exit-scale: .95;
  }

  .data-\[state\=hidden\]\:animate-out[data-state="hidden"] {
    animation: exit var(--tw-animation-duration, var(--tw-duration, .15s)) var(--tw-ease, ease) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
  }

  .data-\[state\=hidden\]\:fade-out[data-state="hidden"] {
    --tw-exit-opacity: 0;
  }

  .data-\[state\=open\]\:animate-accordion-down[data-state="open"] {
    animation: accordion-down var(--tw-animation-duration, var(--tw-duration, .2s)) var(--tw-ease, ease-out) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
  }

  .data-\[state\=open\]\:animate-in[data-state="open"] {
    animation: enter var(--tw-animation-duration, var(--tw-duration, .15s)) var(--tw-ease, ease) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
  }

  .data-\[state\=open\]\:opacity-100[data-state="open"] {
    opacity: 1;
  }

  .data-\[state\=open\]\:duration-500[data-state="open"] {
    --tw-duration: .5s;
    transition-duration: .5s;
  }

  .data-\[state\=open\]\:fade-in-0[data-state="open"] {
    --tw-enter-opacity: 0;
  }

  .data-\[state\=open\]\:zoom-in-90[data-state="open"] {
    --tw-enter-scale: .9;
  }

  .data-\[state\=open\]\:zoom-in-95[data-state="open"] {
    --tw-enter-scale: .95;
  }

  .data-\[state\=open\]\:slide-in-from-bottom[data-state="open"] {
    --tw-enter-translate-y: 100%;
  }

  .data-\[state\=open\]\:slide-in-from-left[data-state="open"] {
    --tw-enter-translate-x: -100%;
  }

  .data-\[state\=open\]\:slide-in-from-right[data-state="open"] {
    --tw-enter-translate-x: 100%;
  }

  .data-\[state\=open\]\:slide-in-from-top[data-state="open"] {
    --tw-enter-translate-y: -100%;
  }

  .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:animate-in:is(:where(.group\/navigation-menu)[data-viewport="false"] *)[data-state="open"] {
    animation: enter var(--tw-animation-duration, var(--tw-duration, .15s)) var(--tw-ease, ease) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
  }

  .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:fade-in-0:is(:where(.group\/navigation-menu)[data-viewport="false"] *)[data-state="open"] {
    --tw-enter-opacity: 0;
  }

  .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:zoom-in-95:is(:where(.group\/navigation-menu)[data-viewport="false"] *)[data-state="open"] {
    --tw-enter-scale: .95;
  }

  .data-\[state\=unchecked\]\:translate-x-0[data-state="unchecked"] {
    --tw-translate-x: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[state\=visible\]\:animate-in[data-state="visible"] {
    animation: enter var(--tw-animation-duration, var(--tw-duration, .15s)) var(--tw-ease, ease) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
  }

  .data-\[state\=visible\]\:fade-in[data-state="visible"] {
    --tw-enter-opacity: 0;
  }

  .data-\[variant\=label\]\:text-sm[data-variant="label"] {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .data-\[variant\=legend\]\:text-base[data-variant="legend"] {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }

  .data-\[variant\=outline\]\:border-l-0[data-variant="outline"] {
    border-left-style: var(--tw-border-style);
    border-left-width: 0;
  }

  .data-\[variant\=outline\]\:shadow-xs[data-variant="outline"] {
    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .data-\[variant\=outline\]\:first\:border-l[data-variant="outline"]:first-child {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }

  .data-\[vaul-drawer-direction\=bottom\]\:inset-x-0[data-vaul-drawer-direction="bottom"] {
    inset-inline: calc(var(--spacing) * 0);
  }

  .data-\[vaul-drawer-direction\=bottom\]\:bottom-0[data-vaul-drawer-direction="bottom"] {
    bottom: calc(var(--spacing) * 0);
  }

  .data-\[vaul-drawer-direction\=bottom\]\:mt-24[data-vaul-drawer-direction="bottom"] {
    margin-top: calc(var(--spacing) * 24);
  }

  .data-\[vaul-drawer-direction\=bottom\]\:max-h-\[80vh\][data-vaul-drawer-direction="bottom"] {
    max-height: 80vh;
  }

  .data-\[vaul-drawer-direction\=bottom\]\:rounded-t-lg[data-vaul-drawer-direction="bottom"] {
    border-top-left-radius: var(--radius-lg);
    border-top-right-radius: var(--radius-lg);
  }

  .data-\[vaul-drawer-direction\=bottom\]\:border-t[data-vaul-drawer-direction="bottom"] {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }

  .data-\[vaul-drawer-direction\=left\]\:inset-y-0[data-vaul-drawer-direction="left"] {
    inset-block: calc(var(--spacing) * 0);
  }

  .data-\[vaul-drawer-direction\=left\]\:left-0[data-vaul-drawer-direction="left"] {
    left: calc(var(--spacing) * 0);
  }

  .data-\[vaul-drawer-direction\=left\]\:w-3\/4[data-vaul-drawer-direction="left"] {
    width: 75%;
  }

  .data-\[vaul-drawer-direction\=left\]\:border-r[data-vaul-drawer-direction="left"] {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }

  .data-\[vaul-drawer-direction\=right\]\:inset-y-0[data-vaul-drawer-direction="right"] {
    inset-block: calc(var(--spacing) * 0);
  }

  .data-\[vaul-drawer-direction\=right\]\:right-0[data-vaul-drawer-direction="right"] {
    right: calc(var(--spacing) * 0);
  }

  .data-\[vaul-drawer-direction\=right\]\:w-3\/4[data-vaul-drawer-direction="right"] {
    width: 75%;
  }

  .data-\[vaul-drawer-direction\=right\]\:border-l[data-vaul-drawer-direction="right"] {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }

  .data-\[vaul-drawer-direction\=top\]\:inset-x-0[data-vaul-drawer-direction="top"] {
    inset-inline: calc(var(--spacing) * 0);
  }

  .data-\[vaul-drawer-direction\=top\]\:top-0[data-vaul-drawer-direction="top"] {
    top: calc(var(--spacing) * 0);
  }

  .data-\[vaul-drawer-direction\=top\]\:mb-24[data-vaul-drawer-direction="top"] {
    margin-bottom: calc(var(--spacing) * 24);
  }

  .data-\[vaul-drawer-direction\=top\]\:max-h-\[80vh\][data-vaul-drawer-direction="top"] {
    max-height: 80vh;
  }

  .data-\[vaul-drawer-direction\=top\]\:rounded-b-lg[data-vaul-drawer-direction="top"] {
    border-bottom-right-radius: var(--radius-lg);
    border-bottom-left-radius: var(--radius-lg);
  }

  .data-\[vaul-drawer-direction\=top\]\:border-b[data-vaul-drawer-direction="top"] {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  .nth-last-2\:-mt-1:nth-last-child(2) {
    margin-top: calc(var(--spacing) * -1);
  }

  @media (min-width: 40rem) {
    .sm\:block {
      display: block;
    }

    .sm\:flex {
      display: flex;
    }

    .sm\:max-w-lg {
      max-width: var(--container-lg);
    }

    .sm\:max-w-sm {
      max-width: var(--container-sm);
    }

    .sm\:flex-row {
      flex-direction: row;
    }

    .sm\:justify-end {
      justify-content: flex-end;
    }

    .sm\:gap-2\.5 {
      gap: calc(var(--spacing) * 2.5);
    }

    .sm\:pr-2\.5 {
      padding-right: calc(var(--spacing) * 2.5);
    }

    .sm\:pl-2\.5 {
      padding-left: calc(var(--spacing) * 2.5);
    }

    .sm\:text-left {
      text-align: left;
    }

    .data-\[vaul-drawer-direction\=left\]\:sm\:max-w-sm[data-vaul-drawer-direction="left"], .data-\[vaul-drawer-direction\=right\]\:sm\:max-w-sm[data-vaul-drawer-direction="right"] {
      max-width: var(--container-sm);
    }
  }

  @media (min-width: 48rem) {
    .md\:absolute {
      position: absolute;
    }

    .md\:block {
      display: block;
    }

    .md\:flex {
      display: flex;
    }

    .md\:w-\[var\(--radix-navigation-menu-viewport-width\)\] {
      width: var(--radix-navigation-menu-viewport-width);
    }

    .md\:w-auto {
      width: auto;
    }

    .md\:flex-row {
      flex-direction: row;
    }

    .md\:gap-1\.5 {
      gap: calc(var(--spacing) * 1.5);
    }

    .md\:p-12 {
      padding: calc(var(--spacing) * 12);
    }

    .md\:text-left {
      text-align: left;
    }

    .md\:text-sm {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }

    .md\:opacity-0 {
      opacity: 0;
    }

    .md\:peer-data-\[variant\=inset\]\:m-2:is(:where(.peer)[data-variant="inset"] ~ *) {
      margin: calc(var(--spacing) * 2);
    }

    .md\:peer-data-\[variant\=inset\]\:ml-0:is(:where(.peer)[data-variant="inset"] ~ *) {
      margin-left: calc(var(--spacing) * 0);
    }

    .md\:peer-data-\[variant\=inset\]\:rounded-xl:is(:where(.peer)[data-variant="inset"] ~ *) {
      border-radius: var(--radius-xl);
    }

    .md\:peer-data-\[variant\=inset\]\:shadow-sm:is(:where(.peer)[data-variant="inset"] ~ *) {
      --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .md\:peer-data-\[variant\=inset\]\:peer-data-\[state\=collapsed\]\:ml-2:is(:where(.peer)[data-variant="inset"] ~ *):is(:where(.peer)[data-state="collapsed"] ~ *) {
      margin-left: calc(var(--spacing) * 2);
    }

    .md\:after\:hidden:after {
      content: var(--tw-content);
      display: none;
    }
  }

  @container field-group (min-width: 28rem) {
    .\@md\/field-group\:flex-row {
      flex-direction: row;
    }

    .\@md\/field-group\:items-center {
      align-items: center;
    }

    .\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:items-start:has( > [data-slot="field-content"]) {
      align-items: flex-start;
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:bg-transparent {
      background-color: #0000;
    }
  }

  .\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-dot[stroke="#fff"] {
    stroke: #0000;
  }

  .\[\&_\.recharts-layer\]\:outline-hidden .recharts-layer {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    .\[\&_\.recharts-layer\]\:outline-hidden .recharts-layer {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  .\[\&_\.recharts-sector\]\:outline-hidden .recharts-sector {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    .\[\&_\.recharts-sector\]\:outline-hidden .recharts-sector {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  .\[\&_\.recharts-sector\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-sector[stroke="#fff"] {
    stroke: #0000;
  }

  .\[\&_\.recharts-surface\]\:outline-hidden .recharts-surface {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    .\[\&_\.recharts-surface\]\:outline-hidden .recharts-surface {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  .\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading] {
    padding-inline: calc(var(--spacing) * 2);
  }

  .\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading] {
    padding-block: calc(var(--spacing) * 1.5);
  }

  .\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading] {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading] {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group] {
    padding-inline: calc(var(--spacing) * 2);
  }

  .\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden]) ~ [cmdk-group] {
    padding-top: calc(var(--spacing) * 0);
  }

  .\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg {
    height: calc(var(--spacing) * 5);
  }

  .\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg {
    width: calc(var(--spacing) * 5);
  }

  .\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input] {
    height: calc(var(--spacing) * 12);
  }

  .\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item] {
    padding-inline: calc(var(--spacing) * 2);
  }

  .\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item] {
    padding-block: calc(var(--spacing) * 3);
  }

  .\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg {
    height: calc(var(--spacing) * 5);
  }

  .\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg {
    width: calc(var(--spacing) * 5);
  }

  .\[\&_img\]\:size-full img {
    width: 100%;
    height: 100%;
  }

  .\[\&_img\]\:object-cover img {
    object-fit: cover;
  }

  .\[\&_p\]\:leading-relaxed p {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }

  .\[\&_svg\]\:pointer-events-none svg {
    pointer-events: none;
  }

  .\[\&_svg\]\:shrink-0 svg {
    flex-shrink: 0;
  }

  .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*="size-"]) {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }

  .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*="size-"]) {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-6 svg:not([class*="size-"]) {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }

  .\[\&_tr\]\:border-b tr {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  .\[\&_tr\:last-child\]\:border-0 tr:last-child {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .\[\&\+\[data-slot\=item-content\]\]\:flex-none + [data-slot="item-content"] {
    flex: none;
  }

  .\[\&\:first-child\[data-selected\=true\]_button\]\:rounded-l-md:first-child[data-selected="true"] button {
    border-top-left-radius: var(--radius-md);
    border-bottom-left-radius: var(--radius-md);
  }

  .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role="checkbox"]) {
    padding-right: calc(var(--spacing) * 0);
  }

  .\[\.border-b\]\:pb-3.border-b {
    padding-bottom: calc(var(--spacing) * 3);
  }

  .\[\.border-b\]\:pb-6.border-b {
    padding-bottom: calc(var(--spacing) * 6);
  }

  .\[\.border-t\]\:pt-3.border-t {
    padding-top: calc(var(--spacing) * 3);
  }

  .\[\.border-t\]\:pt-6.border-t {
    padding-top: calc(var(--spacing) * 6);
  }

  :is(.rtl\:\*\*\:\[\.rdp-button\\_next\>svg\]\:rotate-180:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) *):is(.rdp-button_next > svg), :is(.rtl\:\*\*\:\[\.rdp-button\\_previous\>svg\]\:rotate-180:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) *):is(.rdp-button_previous > svg) {
    rotate: 180deg;
  }

  .\[a\]\:transition-colors:is(a) {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  :is(.\*\:\[span\]\:last\:flex > *):is(span):last-child {
    display: flex;
  }

  :is(.\*\:\[span\]\:last\:items-center > *):is(span):last-child {
    align-items: center;
  }

  :is(.\*\:\[span\]\:last\:gap-2 > *):is(span):last-child {
    gap: calc(var(--spacing) * 2);
  }

  .\[\&\:last-child\[data-selected\=true\]_button\]\:rounded-r-md:last-child[data-selected="true"] button {
    border-top-right-radius: var(--radius-md);
    border-bottom-right-radius: var(--radius-md);
  }

  .\[\&\>\*\]\:w-full > * {
    width: 100%;
  }

  .\[\&\>\*\]\:focus-visible\:relative > :focus-visible {
    position: relative;
  }

  .\[\&\>\*\]\:focus-visible\:z-10 > :focus-visible {
    z-index: 10;
  }

  .\[\&\>\*\]\:data-\[slot\=field\]\:p-4 > [data-slot="field"] {
    padding: calc(var(--spacing) * 4);
  }

  @container field-group (min-width: 28rem) {
    .\@md\/field-group\:\[\&\>\*\]\:w-auto > * {
      width: auto;
    }
  }

  .\[\&\>\*\:not\(\:first-child\)\]\:rounded-t-none > :not(:first-child) {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  .\[\&\>\*\:not\(\:first-child\)\]\:rounded-l-none > :not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .\[\&\>\*\:not\(\:first-child\)\]\:border-t-0 > :not(:first-child) {
    border-top-style: var(--tw-border-style);
    border-top-width: 0;
  }

  .\[\&\>\*\:not\(\:first-child\)\]\:border-l-0 > :not(:first-child) {
    border-left-style: var(--tw-border-style);
    border-left-width: 0;
  }

  .\[\&\>\*\:not\(\:last-child\)\]\:rounded-r-none > :not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .\[\&\>\*\:not\(\:last-child\)\]\:rounded-b-none > :not(:last-child) {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .\[\&\>\.sr-only\]\:w-auto > .sr-only {
    width: auto;
  }

  .\[\&\>\[data-slot\=field-group\]\]\:gap-4 > [data-slot="field-group"] {
    gap: calc(var(--spacing) * 4);
  }

  .\[\&\>\[data-slot\=field-label\]\]\:flex-auto > [data-slot="field-label"] {
    flex: auto;
  }

  @container field-group (min-width: 28rem) {
    .\@md\/field-group\:\[\&\>\[data-slot\=field-label\]\]\:flex-auto > [data-slot="field-label"] {
      flex: auto;
    }
  }

  .has-\[select\[aria-hidden\=true\]\:last-child\]\:\[\&\>\[data-slot\=select-trigger\]\:last-of-type\]\:rounded-r-md:has(:is(select[aria-hidden="true"]:last-child)) > [data-slot="select-trigger"]:last-of-type {
    border-top-right-radius: var(--radius-md);
    border-bottom-right-radius: var(--radius-md);
  }

  .\[\&\>\[data-slot\=select-trigger\]\:not\(\[class\*\=\'w-\'\]\)\]\:w-fit > [data-slot="select-trigger"]:not([class*="w-"]) {
    width: fit-content;
  }

  .\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\] > [role="checkbox"] {
    --tw-translate-y: 2px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has( > [data-slot="field-content"]) > [role="checkbox"], .has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has( > [data-slot="field-content"]) [role="radio"] {
    margin-top: 1px;
  }

  @container field-group (min-width: 28rem) {
    .\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has( > [data-slot="field-content"]) > [role="checkbox"], .\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has( > [data-slot="field-content"]) [role="radio"] {
      margin-top: 1px;
    }
  }

  .\[\&\>a\]\:underline > a {
    text-decoration-line: underline;
  }

  .\[\&\>a\]\:underline-offset-4 > a {
    text-underline-offset: 4px;
  }

  .\[\&\>button\]\:hidden > button {
    display: none;
  }

  .\[\&\>input\]\:flex-1 > input {
    flex: 1;
  }

  .has-\[\>\[data-align\=block-end\]\]\:\[\&\>input\]\:pt-3:has( > [data-align="block-end"]) > input {
    padding-top: calc(var(--spacing) * 3);
  }

  .has-\[\>\[data-align\=block-start\]\]\:\[\&\>input\]\:pb-3:has( > [data-align="block-start"]) > input {
    padding-bottom: calc(var(--spacing) * 3);
  }

  .has-\[\>\[data-align\=inline-end\]\]\:\[\&\>input\]\:pr-2:has( > [data-align="inline-end"]) > input {
    padding-right: calc(var(--spacing) * 2);
  }

  .has-\[\>\[data-align\=inline-start\]\]\:\[\&\>input\]\:pl-2:has( > [data-align="inline-start"]) > input {
    padding-left: calc(var(--spacing) * 2);
  }

  .\[\&\>kbd\]\:rounded-\[calc\(var\(--radius\)-5px\)\] > kbd {
    border-radius: calc(var(--radius)  - 5px);
  }

  .\[\&\>span\]\:text-xs > span {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .\[\&\>span\]\:opacity-70 > span {
    opacity: .7;
  }

  .\[\&\>span\:last-child\]\:truncate > span:last-child {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .\[\&\>svg\]\:pointer-events-none > svg {
    pointer-events: none;
  }

  .\[\&\>svg\]\:size-3 > svg {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }

  .\[\&\>svg\]\:size-3\.5 > svg {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }

  .\[\&\>svg\]\:size-4 > svg {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .\[\&\>svg\]\:h-2\.5 > svg {
    height: calc(var(--spacing) * 2.5);
  }

  .\[\&\>svg\]\:h-3 > svg {
    height: calc(var(--spacing) * 3);
  }

  .\[\&\>svg\]\:w-2\.5 > svg {
    width: calc(var(--spacing) * 2.5);
  }

  .\[\&\>svg\]\:w-3 > svg {
    width: calc(var(--spacing) * 3);
  }

  .\[\&\>svg\]\:shrink-0 > svg {
    flex-shrink: 0;
  }

  .\[\&\>svg\]\:translate-y-0\.5 > svg {
    --tw-translate-y: calc(var(--spacing) * .5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .\[\&\>svg\]\:text-current > svg {
    color: currentColor;
  }

  .\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 > svg:not([class*="size-"]) {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }

  .\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 > svg:not([class*="size-"]) {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .\[\&\>tr\]\:last\:border-b-0 > tr:last-child {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }

  .\[\&\[data-panel-group-direction\=vertical\]\>div\]\:rotate-90[data-panel-group-direction="vertical"] > div {
    rotate: 90deg;
  }

  .\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state="open"] > svg {
    rotate: 180deg;
  }

  [data-side="left"][data-collapsible="offcanvas"] .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2 {
    right: calc(var(--spacing) * -2);
  }

  [data-side="left"][data-state="collapsed"] .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize {
    cursor: e-resize;
  }

  [data-side="right"][data-collapsible="offcanvas"] .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2 {
    left: calc(var(--spacing) * -2);
  }

  [data-side="right"][data-state="collapsed"] .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize {
    cursor: w-resize;
  }

  [data-slot="card-content"] .\[\[data-slot\=card-content\]_\&\]\:bg-transparent, [data-slot="popover-content"] .\[\[data-slot\=popover-content\]_\&\]\:bg-transparent {
    background-color: #0000;
  }

  [data-variant="legend"] + .\[\[data-variant\=legend\]\+\&\]\:-mt-1\.5 {
    margin-top: calc(var(--spacing) * -1.5);
  }
}

@property --tw-animation-delay {
  syntax: "*";
  inherits: false;
  initial-value: 0s;
}

@property --tw-animation-direction {
  syntax: "*";
  inherits: false;
  initial-value: normal;
}

@property --tw-animation-duration {
  syntax: "*";
  inherits: false
}

@property --tw-animation-fill-mode {
  syntax: "*";
  inherits: false;
  initial-value: none;
}

@property --tw-animation-iteration-count {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-enter-blur {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-enter-opacity {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-enter-rotate {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-enter-scale {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-enter-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-enter-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-exit-blur {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-exit-opacity {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-exit-rotate {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-exit-scale {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-exit-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-exit-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

:root {
  --cream: #f4f0e9;
  --paper: #fbf9f4;
  --ink: #211914;
  --muted: #766e67;
  --orange: #ff5d2a;
  --line: #21191429;
  --ease-out: cubic-bezier(.23, 1, .32, 1);
  --ease-in-out: cubic-bezier(.77, 0, .175, 1);
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  background: var(--cream);
}

body {
  background: var(--cream);
  color: var(--ink);
  font-family: var(--font-body);
  margin: 0;
}

body:has(.age-gate) {
  overflow: hidden;
}

a {
  color: inherit;
  text-decoration: none;
}

button, a {
  -webkit-tap-highlight-color: transparent;
}

button {
  font: inherit;
}

img, video {
  max-width: 100%;
  display: block;
}

::selection {
  background: var(--orange);
  color: #fff;
}

.eyebrow {
  color: #a54c2e;
  font: 500 10px / 1.1 var(--font-mono);
  letter-spacing: .1em;
  text-transform: uppercase;
  margin: 0 0 1rem;
}

.eyebrow--light {
  color: #ffc5a8;
}

em {
  color: var(--orange);
  font-style: normal;
}

.site-header {
  z-index: 20;
  min-height: 76px;
  color: var(--ink);
  border-bottom: 1px solid var(--line);
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  padding: 0 clamp(1.2rem, 3.5vw, 4rem);
  display: grid;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.site-header--dark {
  color: #fff8ed;
  border-color: #fff8ed33;
}

.site-header__brand {
  width: max-content;
  font: 800 11px / .78 var(--font-display);
  letter-spacing: -.05em;
  align-items: center;
  gap: .5rem;
  display: inline-flex;
}

.site-header__brand img {
  object-fit: contain;
  width: 30px;
  height: 30px;
}

.site-header__nav {
  font: 500 9px var(--font-mono);
  letter-spacing: .08em;
  text-transform: uppercase;
  align-items: center;
  gap: 1.8rem;
  display: flex;
}

.site-header__nav a {
  opacity: .76;
  transition: opacity .18s var(--ease-out);
}

.site-header__nav a:hover {
  opacity: 1;
}

.site-header__scan {
  font: 600 9px var(--font-mono);
  letter-spacing: .08em;
  text-transform: uppercase;
  justify-self: end;
  align-items: center;
  gap: .45rem;
  display: inline-flex;
}

.site-header__menu {
  color: inherit;
  background: none;
  border: 0;
  justify-self: end;
  padding: 0;
  display: none;
}

.final-hero {
  color: #fff8ed;
  background: #18100d;
  min-height: min(930px, 100svh);
  position: relative;
  overflow: hidden;
}

.final-hero__noise {
  z-index: 1;
  pointer-events: none;
  opacity: .15;
  mix-blend-mode: soft-light;
  background-image: radial-gradient(#ffffff80 .65px, #0000 .7px);
  background-size: 5px 5px;
  position: absolute;
  inset: 0;
}

.final-hero__copy {
  z-index: 4;
  width: min(53rem, 53vw);
  padding: clamp(12rem, 17vh, 14.5rem) 0 5.5rem clamp(1.4rem, 8vw, 10rem);
  position: relative;
}

.final-hero__copy h1 {
  max-width: 11ch;
  font: 700 clamp(4rem, 7.5vw, 8.7rem) / .82 var(--font-display);
  letter-spacing: -.09em;
  margin: 0;
}

.final-hero__copy > p:not(.eyebrow) {
  color: #d2c4b9;
  max-width: 29rem;
  margin: 2rem 0;
  font-size: clamp(.95rem, 1.3vw, 1.12rem);
  line-height: 1.65;
}

.hero-button, .scan-page__action {
  background: var(--orange);
  color: #28120a;
  font: 700 10px var(--font-mono);
  letter-spacing: .06em;
  text-transform: uppercase;
  transition: transform .16s var(--ease-out), background .16s var(--ease-out);
  align-items: center;
  gap: .7rem;
  padding: .9rem 1rem;
  display: inline-flex;
}

.hero-button:hover, .scan-page__action:hover {
  background: #ff8058;
  transform: translateY(-3px);
}

.hero-button:active, .scan-page__action:active {
  transform: scale(.97);
}

.final-hero__visual {
  position: absolute;
  inset: 0 0 0 45%;
  overflow: hidden;
}

.final-hero__video {
  object-fit: cover;
  opacity: .92;
  width: 100%;
  height: 100%;
}

.final-hero__video-wash {
  background: linear-gradient(90deg, #18100d 0%, #0000 42%, #190d092e);
  position: absolute;
  inset: 0;
}

.final-hero__pack {
  z-index: 2;
  object-fit: contain;
  filter: drop-shadow(25px 32px 30px #0000006b);
  width: min(56vw, 790px);
  max-height: 78%;
  animation: heroPack 7s var(--ease-in-out) infinite alternate;
  position: absolute;
  bottom: 8%;
  right: -4%;
}

.final-hero__capsule {
  z-index: 3;
  aspect-ratio: 1;
  color: #261510;
  font: 700 10px / 1.25 var(--font-mono);
  letter-spacing: .06em;
  text-align: center;
  background: #f1bd5d;
  border-radius: 50%;
  place-items: center;
  display: grid;
  position: absolute;
  box-shadow: 7px 7px #21140ed9;
}

.capsule--one {
  width: clamp(5.5rem, 9vw, 9rem);
  top: 22%;
  right: 14%;
}

.capsule--two {
  background: #ff5d2a;
  width: clamp(3.8rem, 6vw, 5.5rem);
  bottom: 16%;
  right: 44%;
  transform: rotate(-15deg);
}

.hero-pause {
  z-index: 4;
  color: #fff8ed;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  font: 500 9px var(--font-mono);
  letter-spacing: .08em;
  background: #190e0a59;
  border: 1px solid #fff8ed59;
  align-items: center;
  gap: .45rem;
  padding: .65rem .8rem;
  display: inline-flex;
  position: absolute;
  bottom: 2rem;
  right: 2rem;
}

.final-hero__foot {
  z-index: 4;
  color: #d2c4b9;
  font: 500 8px var(--font-mono);
  letter-spacing: .08em;
  justify-content: space-between;
  display: flex;
  position: absolute;
  bottom: 2rem;
  left: clamp(1.4rem, 8vw, 10rem);
  right: clamp(1.4rem, 4vw, 4rem);
}

.flavor-marquee {
  background: var(--orange);
  color: #2d180e;
  white-space: nowrap;
  padding: .9rem 0;
  overflow: hidden;
}

.flavor-marquee div {
  font: 800 clamp(1.15rem, 2vw, 1.6rem) var(--font-display);
  letter-spacing: -.05em;
  align-items: center;
  gap: 1.2rem;
  animation: 24s linear infinite marquee;
  display: inline-flex;
}

.flavor-marquee i {
  background: #2d180e;
  border-radius: 50%;
  width: .5rem;
  height: .5rem;
  display: block;
}

.home-intro {
  background: var(--paper);
  grid-template-columns: 1.15fr .85fr;
  gap: 4rem;
  padding: clamp(6rem, 12vw, 12rem) clamp(1.3rem, 9vw, 12rem);
  display: grid;
}

.home-intro h2, .family-constellation h2, .cinema-block h2, .home-values h2, .drink-radiance h2, .scan-invitation h2, .faq-section h2 {
  font: 700 clamp(3rem, 6vw, 7rem) / .86 var(--font-display);
  letter-spacing: -.09em;
  margin: 0;
}

.home-intro__copy {
  max-width: 37rem;
  color: var(--muted);
  align-self: end;
  margin: 0;
  font-size: 1.05rem;
  line-height: 1.8;
}

.intro-signals {
  border-top: 1px solid var(--line);
  grid-column: 1 / -1;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
  padding-top: 2rem;
  display: grid;
}

.intro-signals span {
  font: 600 11px var(--font-mono);
  letter-spacing: .03em;
  align-items: center;
  gap: .7rem;
  display: flex;
}

.intro-signals svg {
  color: var(--orange);
}

.family-constellation {
  background: #ded6c8;
  padding: clamp(5rem, 10vw, 10rem) 0;
  overflow: hidden;
}

.family-constellation__heading {
  grid-template-columns: 1fr auto;
  align-items: end;
  gap: 2rem;
  padding: 0 clamp(1.3rem, 9vw, 12rem) 3.5rem;
  display: grid;
}

.family-constellation__heading a, .cinema-block__copy a, .drink-radiance__copy a {
  font: 700 10px var(--font-mono);
  letter-spacing: .06em;
  text-transform: uppercase;
  border-bottom: 1px solid;
  align-items: center;
  gap: .5rem;
  padding-bottom: .4rem;
  display: inline-flex;
}

.family-constellation__track {
  overscroll-behavior-x: contain;
  scrollbar-width: none;
  grid-auto-columns: minmax(300px, 27vw);
  grid-auto-flow: column;
  gap: 1rem;
  padding: 0 clamp(1.3rem, 9vw, 12rem);
  display: grid;
  overflow-x: auto;
}

.family-constellation__track::-webkit-scrollbar {
  display: none;
}

.constellation-card {
  background: var(--card-tone);
  color: #fff;
  min-height: 29rem;
  transition: transform .35s var(--ease-out), box-shadow .35s var(--ease-out);
  position: relative;
  overflow: hidden;
}

.constellation-card:hover {
  box-shadow: 12px 13px 0 var(--card-ink);
  transform: translateY(-8px)rotate(-.5deg);
}

.constellation-card img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: transform .8s var(--ease-out);
}

.constellation-card:hover img {
  transform: scale(1.07);
}

.constellation-card__veil {
  background: linear-gradient(#0c070405 28%, #0c0704d1);
  position: absolute;
  inset: 0;
}

.constellation-card__number {
  z-index: 2;
  background: var(--orange);
  color: #29170e;
  width: 2.1rem;
  height: 2.1rem;
  font: 700 9px var(--font-mono);
  box-shadow: 4px 4px 0 var(--card-ink);
  border-radius: 50%;
  place-items: center;
  display: grid;
  position: absolute;
  top: 1rem;
  left: 1rem;
}

.constellation-card__content {
  z-index: 2;
  position: absolute;
  bottom: 1.2rem;
  left: 1.2rem;
  right: 1.2rem;
}

.constellation-card__content small {
  font: 500 9px var(--font-mono);
  letter-spacing: .08em;
  text-transform: uppercase;
  opacity: .8;
}

.constellation-card__content h3 {
  font: 700 clamp(2rem, 3vw, 3.4rem) / .85 var(--font-display);
  letter-spacing: -.08em;
  margin: .55rem 0;
}

.constellation-card__content p {
  opacity: .82;
  max-width: 25ch;
  margin: 0;
  font-size: .78rem;
  line-height: 1.5;
}

.constellation-card__arrow {
  z-index: 2;
  box-sizing: content-box;
  color: #261610;
  background: #fffaf0;
  padding: .55rem;
  position: absolute;
  top: 1rem;
  right: 1rem;
}

.cinema-block {
  color: #fff8ed;
  background: #21110d;
  grid-template-columns: .8fr 1.2fr;
  min-height: 730px;
  display: grid;
}

.cinema-block__copy {
  z-index: 4;
  align-self: center;
  padding: clamp(4rem, 8vw, 9rem) clamp(1.3rem, 7vw, 9rem);
  position: relative;
}

.cinema-block__copy p:not(.eyebrow) {
  color: #dacac0;
  max-width: 27rem;
  margin: 2rem 0;
  line-height: 1.75;
}

.cinema-block__copy a {
  color: #fff8ed;
}

.motion-product {
  background: var(--product-tone);
  min-height: 32rem;
  position: relative;
  overflow: hidden;
}

.motion-product__backdrop {
  object-fit: cover;
  opacity: .85;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.motion-product__wash {
  background: linear-gradient(135deg, var(--product-tone), #0d080429);
  position: absolute;
  inset: 0;
}

@supports (color: color-mix(in lab, red, red)) {
  .motion-product__wash {
    background: linear-gradient(135deg, color-mix(in srgb, var(--product-tone) 24%, transparent), #0d080429);
  }
}

.motion-product__pack {
  z-index: 3;
  object-fit: contain;
  filter: drop-shadow(24px 30px 27px #12080245);
  width: 86%;
  height: 86%;
  position: absolute;
  inset: 7%;
}

.motion-product__orbit {
  z-index: 2;
  aspect-ratio: 1;
  border: 2px solid #ffffffb8;
  border-radius: 50%;
  width: min(48vw, 33rem);
  position: absolute;
  top: 13%;
  right: 15%;
}

.motion-product__orbit:before, .motion-product__orbit:after {
  content: "";
  border: 2px solid #ffffff6b;
  border-radius: 50%;
  position: absolute;
}

.motion-product__orbit:before {
  inset: 13%;
}

.motion-product__orbit:after {
  inset: 28%;
}

.motion-product__orbit i {
  background: var(--orange);
  border-radius: 50%;
  width: 1rem;
  height: 1rem;
  display: block;
  position: absolute;
}

.motion-product__orbit i:first-child {
  top: 4%;
  left: 36%;
}

.motion-product__orbit i:nth-child(2) {
  background: #f9d04d;
  width: 1.5rem;
  height: 1.5rem;
  bottom: 31%;
  right: 2%;
}

.motion-product__orbit i:nth-child(3) {
  background: #fff;
  width: .7rem;
  height: .7rem;
  bottom: 13%;
  left: 22%;
}

.home-values {
  background: var(--paper);
  grid-template-columns: .8fr 1.2fr;
  gap: 6rem;
  padding: clamp(6rem, 11vw, 11rem) clamp(1.3rem, 9vw, 12rem);
  display: grid;
}

.home-values__items {
  grid-template-columns: repeat(3, 1fr);
  align-self: end;
  gap: 1rem;
  display: grid;
}

.home-values__items article {
  border: 1px solid var(--line);
  background: #f8f4ed;
  min-height: 17rem;
  padding: 1.4rem;
}

.home-values__items span {
  color: var(--orange);
  font: 500 10px var(--font-mono);
}

.home-values__items h3 {
  font: 700 1.6rem / .9 var(--font-display);
  letter-spacing: -.06em;
  margin: 4.5rem 0 .8rem;
}

.home-values__items p {
  color: var(--muted);
  margin: 0;
  font-size: .8rem;
  line-height: 1.6;
}

.drink-radiance {
  color: #102a36;
  background: #81c9ef;
  grid-template-columns: 1fr 1.1fr;
  min-height: 670px;
  display: grid;
  overflow: hidden;
}

.drink-radiance__copy {
  align-self: center;
  padding: clamp(4rem, 8vw, 9rem);
}

.drink-radiance__copy p:not(.eyebrow) {
  max-width: 27rem;
  margin: 1.8rem 0;
  line-height: 1.7;
}

.drink-radiance .motion-product {
  min-height: 670px;
}

.scan-invitation {
  color: #fffaf1;
  background: #211b18;
  grid-template-columns: .65fr 1fr auto;
  align-items: center;
  gap: 4rem;
  padding: clamp(5rem, 9vw, 9rem) clamp(1.3rem, 9vw, 12rem);
  display: grid;
}

.scan-invitation__graphic {
  aspect-ratio: 1;
  color: #211b18;
  background: repeating-linear-gradient(90deg, #fffaf1 0 10px, #0000 10px 20px), repeating-linear-gradient(0deg, #fffaf1 0 10px, #0000 10px 20px);
  grid-template-columns: repeat(4, 1fr);
  gap: .8rem;
  width: min(22vw, 18rem);
  padding: 1rem;
  display: grid;
  position: relative;
}

.scan-invitation__graphic:after {
  content: "";
  background: #fffaf1;
  position: absolute;
  inset: 25%;
}

.scan-invitation__graphic svg {
  z-index: 2;
  grid-column: 1 / -1;
  place-self: center;
  position: relative;
}

.scan-invitation h2 {
  max-width: 10ch;
}

.scan-invitation p:not(.eyebrow) {
  color: #cfc5bc;
  max-width: 31rem;
  line-height: 1.7;
}

.scan-invitation > a {
  font: 600 9px var(--font-mono);
  letter-spacing: .07em;
  text-transform: uppercase;
  transition: .2s var(--ease-out);
  border: 1px solid #fffaf159;
  align-items: center;
  gap: .5rem;
  padding: .9rem 1rem;
  display: inline-flex;
}

.scan-invitation > a:hover {
  background: var(--orange);
  border-color: var(--orange);
  color: #2c1309;
}

.faq-section {
  background: var(--paper);
  grid-template-columns: .85fr 1.15fr;
  gap: 5rem;
  padding: clamp(6rem, 11vw, 11rem) clamp(1.3rem, 9vw, 12rem);
  display: grid;
}

.faq-section__list {
  border-top: 1px solid var(--line);
}

.faq-section details {
  border-bottom: 1px solid var(--line);
}

.faq-section summary {
  cursor: pointer;
  font: 700 clamp(1.2rem, 2vw, 1.7rem) var(--font-display);
  letter-spacing: -.05em;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.5rem 0;
  list-style: none;
  display: flex;
}

.faq-section summary::-webkit-details-marker {
  display: none;
}

.faq-section summary span {
  color: var(--orange);
}

.faq-section details p {
  max-width: 42rem;
  color: var(--muted);
  margin: 0 0 1.5rem;
  line-height: 1.7;
}

.site-footer {
  background: var(--cream);
  color: var(--muted);
  font: 500 9px var(--font-mono);
  letter-spacing: .08em;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  padding: 2rem clamp(1.3rem, 4vw, 4rem);
  display: flex;
}

.site-footer > div {
  color: var(--ink);
  font: 800 10px / .8 var(--font-display);
  letter-spacing: -.04em;
  align-items: center;
  gap: .55rem;
  display: flex;
}

.site-footer img {
  width: 31px;
  height: 31px;
}

.site-footer a {
  color: var(--ink);
  border-bottom: 1px solid;
  padding-bottom: .3rem;
}

.site-footer--dark {
  color: #c9beb4;
  background: #15110e;
}

.site-footer--dark > div, .site-footer--dark a {
  color: #fffaf1;
}

.family-index {
  background: var(--paper);
  min-height: 100vh;
}

.family-index .site-header, .product-page .site-header, .scan-page .site-header {
  position: relative;
}

.family-index__intro {
  grid-template-columns: 1fr .55fr;
  gap: 5rem;
  padding: clamp(6rem, 12vw, 11rem) clamp(1.3rem, 9vw, 12rem) 4rem;
  display: grid;
}

.family-index__intro h1 {
  font: 700 clamp(4rem, 8vw, 9rem) / .82 var(--font-display);
  letter-spacing: -.1em;
  margin: 0;
}

.family-index__intro > p:not(.eyebrow) {
  color: var(--muted);
  align-self: end;
  line-height: 1.7;
}

.family-index__grid {
  grid-template-columns: repeat(12, 1fr);
  gap: 1rem;
  padding: 0 clamp(1.3rem, 4vw, 4rem) 6rem;
  display: grid;
}

.family-tile {
  color: #fff;
  background: var(--tile-tone);
  min-height: 27rem;
  transition: transform .35s var(--ease-out);
  position: relative;
  overflow: hidden;
}

.family-tile:hover {
  transform: translateY(-7px);
}

.family-tile:first-child, .family-tile:nth-child(6) {
  grid-column: span 7;
}

.family-tile:nth-child(2), .family-tile:nth-child(5) {
  grid-column: span 5;
}

.family-tile:nth-child(3), .family-tile:nth-child(4), .family-tile:nth-child(7), .family-tile:nth-child(8) {
  grid-column: span 6;
}

.family-tile img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: transform .8s var(--ease-out);
}

.family-tile:hover img {
  transform: scale(1.05);
}

.family-tile__shade {
  background: linear-gradient(#0000 32%, #140c08cc);
  position: absolute;
  inset: 0;
}

.family-tile__count {
  z-index: 2;
  background: var(--orange);
  color: #2b1409;
  width: 2.2rem;
  height: 2.2rem;
  font: 700 9px var(--font-mono);
  box-shadow: 4px 4px 0 var(--tile-ink);
  border-radius: 50%;
  place-items: center;
  display: grid;
  position: absolute;
  top: 1rem;
  left: 1rem;
}

.family-tile__copy {
  z-index: 2;
  position: absolute;
  bottom: 1.3rem;
  left: 1.3rem;
  right: 1.3rem;
}

.family-tile__copy small, .related-product span {
  font: 500 9px var(--font-mono);
  letter-spacing: .08em;
  text-transform: uppercase;
}

.family-tile__copy h2 {
  font: 700 clamp(2rem, 3vw, 3.8rem) / .84 var(--font-display);
  letter-spacing: -.08em;
  margin: .5rem 0;
}

.family-tile__copy p {
  opacity: .85;
  max-width: 32ch;
  margin: 0;
  font-size: .78rem;
  line-height: 1.5;
}

.family-tile__go {
  z-index: 2;
  color: #261610;
  background: #fffaf1;
  gap: .4rem;
  padding: .55rem;
  display: flex;
  position: absolute;
  top: 1rem;
  right: 1rem;
}

.product-page {
  min-height: 100vh;
  color: var(--product-ink);
  background: #f8f4eb;
}

.product-page--dipped {
  color: #f4eee6;
  background: #121412;
}

.product-page--dipped .site-header {
  border-color: #ffffff26;
}

.product-hero {
  grid-template-columns: .85fr 1.15fr;
  min-height: 760px;
  display: grid;
}

.product-hero__copy {
  align-self: center;
  padding: clamp(5rem, 11vw, 10rem) clamp(1.3rem, 8vw, 10rem);
}

.back-link {
  font: 600 9px var(--font-mono);
  letter-spacing: .08em;
  text-transform: uppercase;
  align-items: center;
  gap: .5rem;
  margin-bottom: 4rem;
  display: inline-flex;
}

.product-hero h1 {
  max-width: 8ch;
  font: 700 clamp(4.3rem, 8vw, 9rem) / .8 var(--font-display);
  letter-spacing: -.1em;
  margin: 0;
}

.product-hero__eyebrow {
  color: var(--product-color);
  font: 600 11px var(--font-mono);
  letter-spacing: .05em;
  text-transform: uppercase;
  margin: 1.4rem 0 .4rem;
}

.product-hero__lede {
  max-width: 30rem;
  color: var(--product-ink);
  margin: 1rem 0 2rem;
}

@supports (color: color-mix(in lab, red, red)) {
  .product-hero__lede {
    color: color-mix(in srgb, var(--product-ink) 68%, transparent);
  }
}

.product-hero__lede {
  line-height: 1.7;
}

.product-hero__metadata {
  font: 500 8px var(--font-mono);
  letter-spacing: .08em;
  text-transform: uppercase;
  flex-wrap: wrap;
  align-items: center;
  gap: .6rem;
  display: flex;
}

.product-hero__metadata i {
  background: var(--orange);
  border-radius: 50%;
  width: 4px;
  height: 4px;
}

.product-hero .motion-product {
  min-height: 760px;
}

.product-story {
  grid-template-columns: 1.2fr .8fr;
  gap: 5rem;
  padding: clamp(5rem, 10vw, 10rem) clamp(1.3rem, 10vw, 12rem);
  display: grid;
}

.product-story h2 {
  max-width: 15ch;
  font: 700 clamp(2.6rem, 5vw, 5.7rem) / .88 var(--font-display);
  letter-spacing: -.08em;
  margin: 0;
}

.product-scan {
  border: 1px solid var(--product-ink);
  grid-template-columns: auto 1fr;
  align-self: end;
  gap: 1rem;
  padding: 1.3rem;
  display: grid;
  position: relative;
}

@supports (color: color-mix(in lab, red, red)) {
  .product-scan {
    border: 1px solid color-mix(in srgb, var(--product-ink) 22%, transparent);
  }
}

.product-scan {
  background: var(--product-color);
}

@supports (color: color-mix(in lab, red, red)) {
  .product-scan {
    background: color-mix(in srgb, var(--product-color) 16%, #fffdf7);
  }
}

.product-scan:before {
  content: "IN";
  background: var(--orange);
  color: #2b160b;
  font: 700 8px var(--font-mono);
  letter-spacing: .08em;
  padding: .3rem .45rem;
  position: absolute;
  top: -1.65rem;
  left: 2.6rem;
}

.product-scan__icon {
  background: var(--product-ink);
  width: 3rem;
  height: 3rem;
  color: var(--orange);
  place-items: center;
  display: grid;
}

.product-scan p, .product-scan strong {
  margin: 0;
}

.product-scan p {
  font: 500 8px var(--font-mono);
  letter-spacing: .07em;
  align-self: end;
}

.product-scan strong {
  font: 700 1.45rem var(--font-display);
  letter-spacing: -.06em;
}

.product-scan a {
  width: max-content;
  font: 700 9px var(--font-mono);
  letter-spacing: .06em;
  text-transform: uppercase;
  border-bottom: 1px solid;
  grid-column: 1 / -1;
  align-items: center;
  gap: .5rem;
  padding-bottom: .25rem;
  display: inline-flex;
}

.product-facts {
  background: var(--product-ink);
  color: #fffaf1;
  padding: clamp(4rem, 8vw, 8rem) clamp(1.3rem, 9vw, 12rem);
}

.product-facts .eyebrow {
  color: var(--product-color);
}

.product-facts__grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
  display: grid;
}

.product-facts article {
  border: 1px solid #fffaf12e;
  min-height: 14rem;
  padding: 1.3rem;
  position: relative;
}

.product-facts article > span {
  color: var(--product-color);
  font: 500 9px var(--font-mono);
}

.product-facts article > svg {
  color: var(--product-color);
  position: absolute;
  top: 1.3rem;
  right: 1.3rem;
}

.product-facts h3 {
  font: 700 clamp(1.5rem, 2.6vw, 2.6rem) / .9 var(--font-display);
  letter-spacing: -.07em;
  margin: 0;
  position: absolute;
  bottom: 1.3rem;
  left: 1.3rem;
  right: 1.3rem;
}

.product-details {
  grid-template-columns: .85fr 1.15fr;
  gap: 5rem;
  padding: clamp(5rem, 10vw, 10rem) clamp(1.3rem, 9vw, 12rem);
  display: grid;
}

.product-details h2 {
  font: 700 clamp(2.6rem, 5vw, 5.7rem) / .88 var(--font-display);
  letter-spacing: -.08em;
  margin: 0;
}

.product-details__accordions {
  border-top: 1px solid var(--product-ink);
}

@supports (color: color-mix(in lab, red, red)) {
  .product-details__accordions {
    border-top: 1px solid color-mix(in srgb, var(--product-ink) 21%, transparent);
  }
}

.product-details details {
  border-bottom: 1px solid var(--product-ink);
}

@supports (color: color-mix(in lab, red, red)) {
  .product-details details {
    border-bottom: 1px solid color-mix(in srgb, var(--product-ink) 21%, transparent);
  }
}

.product-details summary {
  cursor: pointer;
  font: 700 clamp(1.1rem, 1.7vw, 1.5rem) var(--font-display);
  letter-spacing: -.04em;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.4rem 0;
  list-style: none;
  display: flex;
}

.product-details summary::-webkit-details-marker {
  display: none;
}

.product-details summary span {
  color: var(--orange);
}

.product-details details p {
  max-width: 35rem;
  color: var(--product-ink);
  margin: 0 0 1.5rem;
}

@supports (color: color-mix(in lab, red, red)) {
  .product-details details p {
    color: color-mix(in srgb, var(--product-ink) 70%, transparent);
  }
}

.product-details details p {
  line-height: 1.7;
}

.related-products {
  background: var(--product-ink);
  border-top: 1px solid var(--product-ink);
  grid-template-columns: 1.25fr repeat(3, .75fr);
  gap: 1px;
  display: grid;
}

.related-products__intro, .related-product {
  background: #f8f4eb;
  min-height: 23rem;
  padding: 1.5rem;
}

.related-products__intro {
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.related-products__intro h2 {
  font: 700 clamp(2.7rem, 4vw, 4.7rem) / .85 var(--font-display);
  letter-spacing: -.08em;
  margin: 0;
}

.related-product {
  color: #fff;
  flex-direction: column;
  display: flex;
  position: relative;
  overflow: hidden;
}

.related-product img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: transform .6s var(--ease-out);
  position: absolute;
  inset: 0;
}

.related-product:hover img {
  transform: scale(1.05);
}

.related-product:after {
  content: "";
  background: linear-gradient(#0000 25%, #0d0704c7);
  position: absolute;
  inset: 0;
}

.related-product span, .related-product strong, .related-product svg {
  z-index: 2;
  position: relative;
}

.related-product strong {
  font: 700 1.9rem / .88 var(--font-display);
  letter-spacing: -.07em;
  margin-top: auto;
}

.related-product svg {
  position: absolute;
  bottom: 1.5rem;
  right: 1.5rem;
}

.scan-page {
  background: var(--scan-tone);
  min-height: 100vh;
  color: var(--scan-ink);
}

.scan-page__shell {
  grid-template-columns: .75fr 1fr .75fr;
  align-items: center;
  gap: 3rem;
  min-height: calc(100vh - 76px);
  padding: clamp(3rem, 8vw, 9rem);
  display: grid;
}

.scan-page__mark {
  aspect-ratio: 1;
  background: repeating-linear-gradient(90deg, var(--scan-ink) 0 8px, transparent 8px 18px), repeating-linear-gradient(0deg, var(--scan-ink) 0 8px, transparent 8px 18px);
  width: min(19vw, 14rem);
  color: var(--scan-ink);
  text-align: center;
  place-items: center;
  display: grid;
}

.scan-page__mark svg {
  box-sizing: content-box;
  background: var(--scan-tone);
  grid-area: 1 / 1;
  padding: 1rem;
}

.scan-page__mark span {
  background: var(--scan-tone);
  font: 700 9px / 1.25 var(--font-mono);
  letter-spacing: .08em;
  grid-area: 1 / 1;
  align-self: end;
  margin-bottom: 2rem;
  padding: .35rem;
}

.scan-page h1 {
  max-width: 9ch;
  font: 700 clamp(4rem, 7vw, 8rem) / .82 var(--font-display);
  letter-spacing: -.1em;
  margin: .8rem 0 1.3rem;
}

.scan-page p:not(.eyebrow) {
  max-width: 30rem;
  line-height: 1.7;
}

.scan-page__action {
  margin-top: 1.3rem;
}

.scan-page__shell > img {
  object-fit: contain;
  filter: drop-shadow(20px 25px 18px #150c0740);
  width: 100%;
  max-height: 65vh;
}

.age-gate {
  z-index: 60;
  color: #fff8ed;
  background: #201613;
  place-items: center;
  display: grid;
  position: fixed;
  inset: 0;
  overflow: auto;
}

.age-gate__grain {
  opacity: .35;
  mix-blend-mode: soft-light;
  background-image: radial-gradient(#ffffff4d .7px, #0000 .7px);
  background-size: 5px 5px;
  position: absolute;
  inset: 0;
}

.age-gate__side-label {
  color: #fff8ed80;
  font: 500 9px var(--font-mono);
  letter-spacing: .09em;
  writing-mode: vertical-rl;
  position: fixed;
  bottom: 1.2rem;
  left: 1rem;
}

.age-gate__panel {
  width: min(880px, 100% - 2rem);
  box-shadow: 18px 18px 0 var(--orange);
  background: #2f1e18e6;
  border: 1px solid #fff8ed38;
  padding: clamp(2rem, 7vw, 5.5rem);
  position: relative;
}

.age-gate__topline {
  color: #fff8eda1;
  font: 500 9px / 1 var(--font-mono);
  letter-spacing: .08em;
  align-items: center;
  gap: .55rem;
  display: flex;
}

.age-gate__eyebrow, .taste-grid legend {
  color: #ffba6b;
}

.age-gate__dot {
  background: var(--orange);
  border-radius: 50%;
  width: 5px;
  height: 5px;
}

.age-gate h1 {
  font: 700 clamp(3rem, 6vw, 5.5rem) / .88 var(--font-display);
  letter-spacing: -.08em;
  margin: 1.5rem 0;
}

.age-gate__lede {
  color: #d7c9b9;
  max-width: 36rem;
  line-height: 1.7;
}

.taste-grid {
  border: 0;
  margin: 2rem 0 1.7rem;
  padding: 0;
}

.taste-grid legend {
  font: 500 10px var(--font-mono);
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: .7rem;
}

.taste-grid__choices {
  grid-template-columns: repeat(4, 1fr);
  gap: .6rem;
  display: grid;
}

.taste-choice {
  color: #fff8ed;
  text-align: left;
  min-height: 7.5rem;
  transition: .2s var(--ease-out);
  background: none;
  border: 1px solid #fff8ed2e;
  flex-direction: column;
  justify-content: space-between;
  padding: .85rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.taste-choice:hover, .taste-choice.is-selected {
  border-color: var(--choice);
  background: var(--choice);
  color: #261a15;
  transform: translateY(-3px);
}

.taste-choice--chocolate {
  --choice: #d39a41;
}

.taste-choice--gummy {
  --choice: #df426a;
}

.taste-choice--fruit {
  --choice: #58a4e3;
}

.taste-choice--citrus {
  --choice: #a3ca2f;
}

.taste-choice__glyph {
  font: 700 2rem / 1 var(--font-display);
}

.taste-choice__copy {
  gap: .2rem;
  display: grid;
}

.taste-choice__copy strong {
  font: 700 1rem var(--font-display);
  letter-spacing: -.04em;
}

.taste-choice__copy small {
  font: 500 9px var(--font-mono);
}

.taste-choice__check {
  opacity: 0;
  position: absolute;
  top: .6rem;
  right: .6rem;
}

.taste-choice.is-selected .taste-choice__check {
  opacity: 1;
}

.age-gate__enter {
  background: var(--orange);
  color: #201613;
  font: 700 11px var(--font-mono);
  letter-spacing: .04em;
  text-transform: uppercase;
  transition: transform .16s var(--ease-out);
  border: 0;
  align-items: center;
  gap: .7rem;
  padding: 1rem 1.15rem;
  display: inline-flex;
}

.age-gate__enter:active {
  transform: scale(.97);
}

.age-gate__fineprint {
  color: #fff8ed7a;
  margin: 1rem 0 0;
  font-size: .71rem;
  line-height: 1.5;
}

.flavor-cursor {
  z-index: 60;
  color: #211b18;
  width: 36px;
  height: 36px;
  font: 700 1.1rem var(--font-display);
  pointer-events: none;
  mix-blend-mode: multiply;
  background: #fffdf8;
  border: 1px solid #211b1866;
  border-radius: 50%;
  place-items: center;
  transition: background .25s, color .25s;
  display: grid;
  position: fixed;
}

.flavor-cursor--chocolate {
  background: #d39a41;
}

.flavor-cursor--gummy {
  background: #df426a;
}

.flavor-cursor--fruit {
  background: #58a4e3;
}

.flavor-cursor--citrus {
  background: #a3ca2f;
}

@keyframes heroPack {
  to {
    transform: translateY(-18px)rotate(1.5deg);
  }
}

@keyframes marquee {
  to {
    transform: translateX(-45%);
  }
}

@media (max-width: 900px) {
  .site-header {
    grid-template-columns: 1fr auto;
    min-height: 66px;
    padding: 0 1rem;
  }

  .site-header__nav {
    color: var(--ink);
    border-bottom: 1px solid var(--line);
    background: #fff9f0;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    padding: 1rem;
    display: none;
    position: absolute;
    top: 66px;
    left: 0;
    right: 0;
  }

  .site-header__nav.is-open {
    display: flex;
  }

  .site-header__nav a {
    border-bottom: 1px solid var(--line);
    padding: .9rem 0;
  }

  .site-header__scan {
    display: none;
  }

  .site-header__menu {
    display: block;
  }

  .final-hero {
    min-height: 800px;
  }

  .final-hero__visual {
    inset: 31% 0 0;
  }

  .final-hero__copy {
    width: 100%;
    padding: 9.5rem 1.3rem 2rem;
  }

  .final-hero__copy h1 {
    max-width: 10ch;
    font-size: clamp(3.9rem, 15vw, 6rem);
  }

  .final-hero__copy > p:not(.eyebrow) {
    max-width: 26rem;
    margin: 1.3rem 0;
    font-size: .9rem;
  }

  .final-hero__video-wash {
    background: linear-gradient(#18100d 0%, #18100d26 42%, #18100d33);
  }

  .final-hero__pack {
    width: 100%;
    max-height: 72%;
    bottom: 0;
    right: -9%;
  }

  .capsule--one {
    top: 28%;
    right: 7%;
  }

  .capsule--two {
    bottom: 15%;
    right: 48%;
  }

  .hero-pause {
    bottom: 1rem;
    right: 1rem;
  }

  .final-hero__foot {
    bottom: 1.1rem;
    left: 1rem;
    right: 1rem;
  }

  .home-intro, .cinema-block, .home-values, .drink-radiance, .faq-section {
    grid-template-columns: 1fr;
    gap: 2.5rem;
  }

  .home-intro, .home-values, .faq-section {
    padding: 5rem 1.3rem;
  }

  .home-intro h2, .family-constellation h2, .cinema-block h2, .home-values h2, .drink-radiance h2, .scan-invitation h2, .faq-section h2 {
    font-size: clamp(3rem, 12vw, 5.5rem);
  }

  .intro-signals {
    grid-template-columns: 1fr;
  }

  .family-constellation {
    padding: 5rem 0;
  }

  .family-constellation__heading {
    grid-template-columns: 1fr;
    padding: 0 1.3rem 2.4rem;
  }

  .family-constellation__track {
    grid-auto-columns: minmax(83vw, 83vw);
    padding: 0 1.3rem;
  }

  .constellation-card {
    min-height: 30rem;
  }

  .cinema-block {
    min-height: auto;
  }

  .cinema-block__copy, .drink-radiance__copy {
    padding: 5rem 1.3rem;
  }

  .motion-product {
    min-height: 30rem;
  }

  .cinema-block__motion {
    min-height: 34rem;
  }

  .home-values__items {
    grid-template-columns: 1fr;
  }

  .home-values__items article {
    min-height: 12rem;
  }

  .home-values__items h3 {
    margin: 2.5rem 0 .8rem;
  }

  .drink-radiance .motion-product {
    min-height: 32rem;
  }

  .scan-invitation {
    grid-template-columns: 1fr;
    gap: 2rem;
    padding: 5rem 1.3rem;
  }

  .scan-invitation__graphic {
    width: min(56vw, 15rem);
  }

  .scan-invitation > a {
    width: max-content;
  }

  .site-footer {
    flex-wrap: wrap;
    padding: 1.5rem 1.2rem;
  }

  .site-footer span {
    font-size: 8px;
  }

  .family-index__intro {
    grid-template-columns: 1fr;
    gap: 1.5rem;
    padding: 5rem 1.3rem 3rem;
  }

  .family-index__intro h1 {
    font-size: clamp(4rem, 15vw, 6rem);
  }

  .family-index__grid {
    grid-template-columns: 1fr;
    padding: 0 1rem 4rem;
  }

  .family-tile, .family-tile:nth-child(n) {
    grid-column: auto;
    min-height: 27rem;
  }

  .product-hero {
    grid-template-columns: 1fr;
  }

  .product-hero__copy {
    padding: 4rem 1.3rem 3rem;
  }

  .product-hero h1 {
    font-size: clamp(4rem, 15vw, 6rem);
  }

  .product-hero .motion-product {
    min-height: 34rem;
  }

  .product-story, .product-details {
    grid-template-columns: 1fr;
    gap: 3rem;
    padding: 5rem 1.3rem;
  }

  .product-facts {
    padding: 4rem 1.3rem;
  }

  .product-facts__grid {
    grid-template-columns: 1fr;
  }

  .product-facts article {
    min-height: 10rem;
  }

  .related-products {
    grid-template-columns: 1fr;
  }

  .related-products__intro, .related-product {
    min-height: 17rem;
  }

  .scan-page__shell {
    grid-template-columns: 1fr;
    gap: 2.5rem;
    padding: 5rem 1.3rem;
  }

  .scan-page__mark {
    width: 10rem;
  }

  .scan-page__shell > img {
    max-height: 40vh;
  }

  .age-gate__panel {
    padding: 2rem 1.3rem;
  }

  .age-gate__side-label {
    display: none;
  }

  .taste-grid__choices {
    grid-template-columns: 1fr 1fr;
  }
}

@media (prefers-reduced-motion: reduce) {
  *, :before, :after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }

  .final-hero__video {
    display: none;
  }
}

.site-header:after {
  content: "";
  background: var(--orange);
  width: 4.7rem;
  height: 3px;
  position: absolute;
  bottom: -2px;
  left: clamp(1.2rem, 3.5vw, 4rem);
  box-shadow: 5.2rem 0 #ff5d2a61;
}

.final-hero__conduit {
  z-index: 5;
  color: var(--orange);
  font: 700 8px var(--font-mono);
  letter-spacing: .09em;
  align-items: center;
  display: flex;
  position: absolute;
  top: 43%;
  left: 36%;
  transform: rotate(-5deg);
}

.final-hero__conduit span {
  background: var(--orange);
  color: #27150b;
  padding: .4rem .5rem;
}

.final-hero__conduit i {
  background: var(--orange);
  width: clamp(8rem, 17vw, 18rem);
  height: 3px;
  display: block;
}

.final-hero__conduit b {
  border: 4px solid var(--orange);
  background: #27150b;
  border-radius: 50%;
  width: 17px;
  height: 17px;
  display: block;
}

.hero-actions {
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
  display: flex;
}

.hero-film-link {
  color: #fff8ed;
  font: 700 9px var(--font-mono);
  letter-spacing: .08em;
  text-transform: uppercase;
  border-bottom: 1px solid #ffc5a8;
  align-items: center;
  gap: .5rem;
  padding-bottom: .35rem;
  display: inline-flex;
}

.family-constellation__rail {
  color: var(--orange);
  font: 700 8px var(--font-mono);
  letter-spacing: .09em;
  align-items: center;
  gap: .5rem;
  margin: 0 clamp(1.3rem, 9vw, 12rem) 1.2rem;
  display: flex;
}

.family-constellation__rail i {
  background: var(--orange);
  flex: 1;
  height: 3px;
}

.family-constellation__rail b {
  border: 4px solid var(--orange);
  background: #ded6c8;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  display: block;
}

.constellation-card__number {
  z-index: 3;
}

.constellation-card__route {
  z-index: 3;
  color: var(--orange);
  font: 700 8px var(--font-mono);
  letter-spacing: .08em;
  align-items: center;
  gap: .4rem;
  display: flex;
  position: absolute;
  top: 1.2rem;
  left: 4rem;
  right: 4rem;
}

.constellation-card__route i {
  background: var(--orange);
  flex: 1;
  height: 2px;
}

.constellation-card__arrow {
  z-index: 3;
  top: 2.35rem;
}

.home-values__items article {
  position: relative;
}

.home-values__items article:after {
  content: "";
  background: repeating-linear-gradient(90deg, var(--orange) 0 15px, transparent 15px 22px);
  height: 2px;
  position: absolute;
  top: 4rem;
  left: 1.4rem;
  right: 1.4rem;
}

.value-switch {
  z-index: 2;
  border: 4px solid var(--orange);
  background: #f8f4ed;
  border-radius: 50%;
  width: 1.1rem;
  height: 1.1rem;
  display: block;
  position: absolute;
  top: 3.52rem;
  left: 42%;
}

.family-index__intro h1 {
  max-width: 10ch;
  line-height: .84;
}

.family-index__intro > p {
  margin: 0;
}

.family-index__stationbar {
  color: #fff9f0;
  font: 600 8px var(--font-mono);
  letter-spacing: .09em;
  background: #211914;
  align-items: center;
  gap: .7rem;
  margin: 0 clamp(1.3rem, 4vw, 4rem) 1.1rem;
  padding: .7rem .8rem;
  display: flex;
}

.family-index__stationbar i {
  background: var(--orange);
  flex: 1;
  height: 2px;
}

.family-index__stationbar b {
  background: var(--orange);
  color: #2a150a;
  font: 700 8px var(--font-mono);
  padding: .35rem .5rem;
}

.family-index__grid {
  position: relative;
}

.family-index__grid:before {
  content: "";
  z-index: 0;
  border-left: 2px solid var(--orange);
  border-right: 2px solid var(--orange);
  pointer-events: none;
  background: repeating-linear-gradient(0deg, #0000 0 16%, #ff5d2a33 16.1% 16.3%, #0000 16.5% 32%);
  height: calc(100% - 5rem);
  position: absolute;
  top: -1.1rem;
  left: 4%;
  right: 4%;
}

.family-tile {
  z-index: 1;
}

.family-tile__count {
  z-index: 3;
}

.family-tile__route {
  z-index: 3;
  color: var(--orange);
  font: 700 8px var(--font-mono);
  letter-spacing: .09em;
  align-items: center;
  gap: .4rem;
  display: flex;
  position: absolute;
  top: 1.2rem;
  left: 4rem;
  right: 4rem;
}

.family-tile__route i {
  background: var(--orange);
  flex: 1;
  height: 2px;
}

.family-tile__route b {
  border: 3px solid var(--orange);
  background: #23140cbf;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  display: block;
}

.family-tile__go {
  z-index: 3;
  top: 2.4rem;
}

.product-hero {
  position: relative;
}

.product-hero h1 {
  max-width: 9ch;
  line-height: .82;
}

.product-hero__conduit {
  z-index: 6;
  color: var(--orange);
  font: 700 8px var(--font-mono);
  letter-spacing: .08em;
  align-items: center;
  display: flex;
  position: absolute;
  top: 47%;
  left: 36%;
}

.product-hero__conduit span {
  background: var(--orange);
  color: #2b150b;
  padding: .35rem .45rem;
}

.product-hero__conduit i {
  background: var(--orange);
  width: clamp(5rem, 10vw, 10rem);
  height: 3px;
  display: block;
}

.product-hero__conduit b {
  border: 4px solid var(--orange);
  background: var(--product-ink);
  border-radius: 50%;
  width: 15px;
  height: 15px;
  display: block;
}

.product-scan__conduit {
  color: var(--orange);
  font: 700 8px var(--font-mono);
  letter-spacing: .07em;
  align-items: center;
  gap: .3rem;
  display: flex;
  position: absolute;
  top: -3.1rem;
  right: 1.2rem;
}

.product-scan__conduit i {
  background: var(--orange);
  width: 2px;
  height: 2.4rem;
  display: block;
}

.product-scan__conduit span {
  background: var(--orange);
  color: #29150b;
  padding: .3rem .4rem;
}

.scan-page__shell {
  position: relative;
}

.scan-page__terminal {
  color: var(--scan-ink);
  font: 700 8px var(--font-mono);
  letter-spacing: .1em;
  align-items: center;
  gap: .6rem;
  display: flex;
  position: absolute;
  top: 2rem;
  left: clamp(1.3rem, 8vw, 9rem);
  right: clamp(1.3rem, 8vw, 9rem);
}

.scan-page__terminal i {
  background: var(--orange);
  flex: 1;
  height: 3px;
}

.scan-page__terminal b {
  border: 4px solid var(--orange);
  background: var(--scan-tone);
  border-radius: 50%;
  width: 15px;
  height: 15px;
  display: block;
}

.scan-page__conduit {
  color: var(--orange);
  font: 700 8px var(--font-mono);
  letter-spacing: .08em;
  align-items: center;
  display: flex;
  position: absolute;
  top: 46%;
  left: 27%;
  transform: rotate(-7deg);
}

.scan-page__conduit i {
  background: var(--orange);
  width: clamp(3rem, 8vw, 8rem);
  height: 3px;
  display: block;
}

.scan-page__conduit b {
  border: 4px solid var(--orange);
  background: var(--scan-ink);
  border-radius: 50%;
  width: 15px;
  height: 15px;
  display: block;
}

.scan-page__conduit span {
  background: var(--orange);
  color: #29150b;
  padding: .35rem .45rem;
  position: absolute;
  top: -1.7rem;
  left: 33%;
}

.scan-page__product-bay {
  border: 2px solid var(--scan-ink);
  background: var(--scan-tone);
  place-items: center;
  min-height: 24rem;
  padding: 2rem;
  display: grid;
  position: relative;
}

@supports (color: color-mix(in lab, red, red)) {
  .scan-page__product-bay {
    background: color-mix(in srgb, var(--scan-tone) 68%, white);
  }
}

.scan-page__product-bay:before, .scan-page__product-bay:after {
  content: "";
  background: var(--orange);
  border-radius: 50%;
  width: 1.2rem;
  height: 1.2rem;
  position: absolute;
}

.scan-page__product-bay:before {
  top: -.7rem;
  left: -.7rem;
}

.scan-page__product-bay:after {
  bottom: -.7rem;
  right: -.7rem;
}

.scan-page__product-bay > span {
  background: var(--scan-ink);
  color: var(--scan-tone);
  font: 700 8px var(--font-mono);
  letter-spacing: .08em;
  padding: .3rem .4rem;
  position: absolute;
  top: .7rem;
  left: .7rem;
}

.scan-page__product-bay img {
  object-fit: contain;
  filter: drop-shadow(20px 25px 18px #150c0740);
  width: 100%;
  max-height: 55vh;
}

@media (max-width: 900px) {
  .final-hero__conduit {
    top: 47%;
    left: 5%;
  }

  .final-hero__conduit i {
    width: 10rem;
  }

  .family-constellation__rail {
    margin: 0 1.3rem 1.2rem;
  }

  .family-constellation__rail span:last-child {
    display: none;
  }

  .family-index__stationbar {
    margin: 0 1rem 1rem;
  }

  .family-index__stationbar span:last-child {
    display: none;
  }

  .family-index__grid:before {
    left: 1.6rem;
    right: 1.6rem;
  }

  .family-tile__route {
    left: 4rem;
    right: 4rem;
  }

  .product-hero__conduit {
    top: auto;
    bottom: 0;
    left: 5%;
  }

  .product-hero__conduit i {
    width: 8rem;
  }

  .scan-page__terminal {
    top: 1rem;
    left: 1.3rem;
    right: 1.3rem;
  }

  .scan-page__conduit {
    top: 31%;
    left: 15%;
  }

  .scan-page__conduit i {
    width: 7rem;
  }

  .scan-page__product-bay {
    min-height: 19rem;
  }
}

.vertical-experience {
  --v-cream: #f7f2eb;
  --v-ink: #16100f;
  color: #fff8ee;
  background: #17100e;
  min-height: 100vh;
  overflow: clip;
}

.vertical-nav {
  z-index: 45;
  color: #fff9ef;
  mix-blend-mode: normal;
  border-bottom: 1px solid #fff9ef40;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  min-height: 70px;
  padding: 0 clamp(1rem, 3vw, 3rem);
  display: grid;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

.vertical-nav:after {
  content: "";
  background: var(--orange);
  width: 3.5rem;
  height: 3px;
  position: absolute;
  bottom: -2px;
  left: clamp(1rem, 3vw, 3rem);
  box-shadow: 3.9rem 0 #ff5d2a59;
}

.vertical-nav__brand {
  font: 800 11px / .78 var(--font-display);
  letter-spacing: -.05em;
  align-items: center;
  gap: .5rem;
  display: inline-flex;
}

.vertical-nav__brand img {
  object-fit: contain;
  width: 29px;
  height: 29px;
}

.vertical-nav__center {
  font: 500 8px var(--font-mono);
  letter-spacing: .11em;
  align-items: center;
  gap: .7rem;
  display: flex;
}

.vertical-nav__center i {
  opacity: .6;
  background: currentColor;
  width: 2.2rem;
  height: 1px;
  display: block;
}

.vertical-nav > a:last-child {
  font: 600 9px var(--font-mono);
  letter-spacing: .08em;
  text-transform: uppercase;
  justify-self: end;
  align-items: center;
  gap: .4rem;
  display: inline-flex;
}

.vertical-progress {
  z-index: 45;
  gap: .45rem;
  display: grid;
  position: fixed;
  top: 50%;
  right: clamp(1rem, 2.5vw, 2.5rem);
  transform: translateY(-50%);
}

.vertical-progress a {
  color: #fff;
  opacity: .45;
  transition: opacity .25s var(--ease-out);
  justify-content: flex-end;
  align-items: center;
  gap: .45rem;
  display: flex;
}

.vertical-progress a.is-active {
  opacity: 1;
}

.vertical-progress span {
  font: 500 8px var(--font-mono);
}

.vertical-progress i {
  border: 1px solid;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  display: block;
}

.vertical-progress a.is-active i {
  background: var(--orange);
  border-color: var(--orange);
  box-shadow: 0 0 0 4px #ff5d2a38;
}

.vertical-motion-control {
  z-index: 45;
  color: #fff9ef;
  -webkit-backdrop-filter: blur(9px);
  backdrop-filter: blur(9px);
  font: 500 8px var(--font-mono);
  letter-spacing: .08em;
  background: #0f0a086b;
  border: 1px solid #fff9ef57;
  align-items: center;
  gap: .45rem;
  padding: .55rem .65rem;
  display: flex;
  position: fixed;
  bottom: 1.25rem;
  right: clamp(1rem, 2.5vw, 2.5rem);
}

.vertical-opening {
  background: radial-gradient(circle at 78% 30%, #884421 0%, #2a1610 31%, #120d0c 78%);
  place-content: center;
  min-height: 100svh;
  padding: 8rem clamp(1.3rem, 10vw, 12rem) 4rem;
  display: grid;
  position: relative;
  overflow: hidden;
}

.vertical-opening__grain {
  opacity: .26;
  background-image: radial-gradient(#fff8ee66 .6px, #0000 .7px);
  background-size: 5px 5px;
  position: absolute;
  inset: 0;
}

.vertical-opening p, .vertical-opening__caption {
  z-index: 2;
  color: #fdc2a8;
  font: 500 9px var(--font-mono);
  letter-spacing: .12em;
  margin: 0;
  position: relative;
}

.vertical-opening h1 {
  z-index: 2;
  max-width: 11ch;
  font: 700 clamp(4.5rem, 10vw, 10.7rem) / .8 var(--font-display);
  letter-spacing: -.1em;
  margin: 1.4rem 0;
  position: relative;
}

.vertical-opening h1 em {
  color: #f1c179;
}

.vertical-opening > a {
  z-index: 2;
  color: #fff8ee;
  width: max-content;
  font: 700 9px var(--font-mono);
  letter-spacing: .08em;
  text-transform: uppercase;
  border-bottom: 1px solid #fdc2a8;
  align-items: center;
  gap: .6rem;
  margin-top: 2.4rem;
  padding-bottom: .45rem;
  display: flex;
  position: relative;
}

.vertical-opening__ring {
  aspect-ratio: 1;
  border: 1px solid #fff8ee47;
  border-radius: 50%;
  width: min(63vw, 56rem);
  position: absolute;
  bottom: -16vw;
  right: -12vw;
}

.vertical-opening__ring:before, .vertical-opening__ring:after, .vertical-opening__ring i {
  content: "";
  border: 1px solid #fff8ee47;
  border-radius: 50%;
  position: absolute;
}

.vertical-opening__ring:before {
  inset: 11%;
}

.vertical-opening__ring:after {
  inset: 26%;
}

.vertical-opening__ring i:first-child {
  inset: 41%;
}

.vertical-opening__ring i:nth-child(2) {
  background: var(--orange);
  border: 0;
  width: 14px;
  height: 14px;
  top: 13%;
  right: 12%;
}

.vertical-opening__ring i:nth-child(3) {
  border: 5px solid #f1c179;
  width: 2rem;
  height: 2rem;
  bottom: 23%;
  left: 16%;
}

.vertical-chapter {
  background: var(--scene-ink);
  color: #fffaf2;
  isolation: isolate;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  min-height: 100svh;
  padding: clamp(6.5rem, 10vh, 9rem) clamp(1.3rem, 10vw, 12rem) clamp(4rem, 8vh, 6rem);
  display: grid;
  position: relative;
  overflow: hidden;
}

.vertical-chapter__video, .vertical-chapter__synthetic {
  z-index: -4;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.vertical-chapter__synthetic {
  background: radial-gradient(circle at 72% 54%, var(--scene-color), transparent 25%), linear-gradient(135deg, var(--scene-color), #15100f 72%);
  overflow: hidden;
}

@supports (color: color-mix(in lab, red, red)) {
  .vertical-chapter__synthetic {
    background: radial-gradient(circle at 72% 54%, var(--scene-color), transparent 25%), linear-gradient(135deg, color-mix(in srgb, var(--scene-color) 68%, #241714), #15100f 72%);
  }
}

.vertical-chapter__synthetic i {
  background: var(--scene-color);
  border-radius: 50%;
  display: block;
  position: absolute;
}

@supports (color: color-mix(in lab, red, red)) {
  .vertical-chapter__synthetic i {
    background: color-mix(in srgb, var(--scene-color) 65%, white);
  }
}

.vertical-chapter__synthetic i {
  filter: blur(1px);
  animation: verticalBubble 8s var(--ease-in-out) infinite alternate;
}

.vertical-chapter__synthetic i:first-child {
  opacity: .5;
  width: 17rem;
  height: 17rem;
  top: 14%;
  right: 15%;
}

.vertical-chapter__synthetic i:nth-child(2) {
  background: var(--orange);
  width: 5rem;
  height: 5rem;
  bottom: 8%;
  right: 36%;
}

.vertical-chapter__synthetic i:nth-child(3) {
  background: #fff4bc;
  width: 2rem;
  height: 2rem;
  top: 28%;
  left: 7%;
}

.vertical-chapter__synthetic i:nth-child(4) {
  opacity: .45;
  width: 9rem;
  height: 9rem;
  bottom: 25%;
  right: 7%;
}

.vertical-chapter__shade {
  z-index: -3;
  background: linear-gradient(90deg, #0a0604db 0%, #0f080559 48%, #0a060461 100%);
  position: absolute;
  inset: 0;
}

.vertical-chapter--fruit {
  background: #35212f;
}

.vertical-chapter--fruit .vertical-chapter__shade {
  background: linear-gradient(90deg, #1e0b13c7, #1e0b1314 55%, #1e0b1359);
}

.vertical-chapter--honey {
  background: #6a3f16;
}

.vertical-chapter--honey .vertical-chapter__shade {
  background: linear-gradient(90deg, #3c1b05cc, #3c1b0514 58%, #3c1b0552);
}

.vertical-chapter--fizz {
  background: #56aad6;
}

.vertical-chapter--fizz .vertical-chapter__shade {
  background: linear-gradient(90deg, #0f3547c2, #0f354717 62%, #0f35473b);
}

.vertical-chapter--essence {
  background: #293a34;
}

.vertical-chapter--night {
  background: #0e1013;
}

.vertical-chapter--night .vertical-chapter__synthetic {
  background: radial-gradient(circle at 76% 18%, #7786ca, #0000 16%), linear-gradient(135deg, #0a0c10, #292041 46%, #0a0c10 85%);
}

.vertical-chapter__index {
  font: 500 8px var(--font-mono);
  letter-spacing: .1em;
  align-items: center;
  gap: .6rem;
  display: flex;
  position: absolute;
  top: calc(70px + clamp(1rem, 2.5vw, 2.5rem));
  left: clamp(1.3rem, 4vw, 4rem);
}

.vertical-chapter__index i {
  background: var(--scene-color);
  width: 3rem;
  height: 2px;
  display: block;
}

.vertical-chapter__copy {
  z-index: 3;
  max-width: 31rem;
  position: relative;
}

.vertical-chapter__copy > p {
  color: var(--scene-color);
  font: 500 9px var(--font-mono);
  letter-spacing: .13em;
  margin: 0 0 1.4rem;
}

.vertical-chapter__copy h2 {
  font: 700 clamp(3.7rem, 7.2vw, 8.4rem) / .8 var(--font-display);
  letter-spacing: -.1em;
  margin: 0;
  display: grid;
}

.vertical-chapter__copy h2 .is-accent {
  color: var(--scene-color);
}

.vertical-chapter__copy-bottom {
  color: #fffaf2c7;
  gap: 1.5rem;
  max-width: 28rem;
  margin-top: 2rem;
  font-size: .92rem;
  line-height: 1.65;
  display: grid;
}

.vertical-chapter__copy-bottom a {
  color: #fffaf2;
  width: max-content;
  font: 700 9px var(--font-mono);
  letter-spacing: .08em;
  text-transform: uppercase;
  border-bottom: 1px solid #fffaf2bf;
  align-items: center;
  gap: .5rem;
  padding-bottom: .3rem;
  display: flex;
}

.vertical-chapter__pack {
  z-index: 2;
  object-fit: contain;
  filter: drop-shadow(22px 32px 28px #0000006b);
  width: min(39vw, 520px);
  height: 76%;
  position: absolute;
  top: 12%;
  right: 11%;
}

.vertical-chapter__companion {
  z-index: 3;
  object-fit: contain;
  filter: drop-shadow(15px 21px 20px #0000005c);
  width: min(18vw, 230px);
  height: 36%;
  position: absolute;
  bottom: 9%;
  right: 6%;
}

.vertical-chapter__field {
  z-index: 1;
  border: 1px solid #fffaf27a;
  width: min(52vw, 720px);
  height: 84%;
  position: absolute;
  top: 8%;
  right: 5%;
  transform: rotate(-5deg);
}

.vertical-chapter__field:before, .vertical-chapter__field:after {
  content: "";
  border: 1px solid #fffaf25c;
  border-radius: 50%;
  position: absolute;
}

.vertical-chapter__field:before {
  aspect-ratio: 1;
  width: 72%;
  top: 12%;
  right: 12%;
}

.vertical-chapter__field:after {
  aspect-ratio: 1;
  width: 37%;
  bottom: 13%;
  left: 10%;
}

.vertical-chapter__field i {
  background: var(--scene-color);
  border-radius: 50%;
  width: 12px;
  height: 12px;
  display: block;
  position: absolute;
}

.vertical-chapter__field i:first-child {
  top: -7px;
  left: -7px;
}

.vertical-chapter__field i:nth-child(2) {
  top: -7px;
  right: -7px;
}

.vertical-chapter__field i:nth-child(3) {
  bottom: -7px;
  right: -7px;
}

.vertical-chapter__field i:nth-child(4) {
  bottom: -7px;
  left: -7px;
}

.vertical-chapter__field i:nth-child(5) {
  background: var(--orange);
  width: 22px;
  height: 22px;
  top: 45%;
  left: -7px;
}

.vertical-chapter__lower {
  z-index: 4;
  color: #fffaf2b3;
  font: 500 8px var(--font-mono);
  letter-spacing: .1em;
  justify-content: space-between;
  display: flex;
  position: absolute;
  bottom: 1.5rem;
  left: clamp(1.3rem, 4vw, 4rem);
  right: clamp(1.3rem, 4vw, 4rem);
}

.vertical-finale {
  color: #1d1411;
  background: #f3eee6;
  grid-template-columns: .6fr 1.2fr;
  align-items: center;
  gap: clamp(2rem, 8vw, 9rem);
  min-height: 82svh;
  padding: clamp(6rem, 12vw, 11rem);
  display: grid;
  position: relative;
  overflow: hidden;
}

.vertical-finale__scan {
  aspect-ratio: 1;
  background: repeating-linear-gradient(90deg, #1d1411 0 12px, #0000 12px 23px), repeating-linear-gradient(0deg, #1d1411 0 12px, #0000 12px 23px);
  place-items: center;
  width: min(26vw, 20rem);
  display: grid;
  overflow: hidden;
}

.vertical-finale__scan:before {
  content: "";
  background: #f3eee6;
  grid-area: 1 / 1;
  width: 52%;
  height: 52%;
}

.vertical-finale__scan span {
  z-index: 2;
  font: 800 12px / .95 var(--font-display);
  letter-spacing: -.07em;
  text-align: center;
  background: #f3eee6;
  grid-area: 1 / 1;
  padding: .5rem;
  position: relative;
}

.vertical-finale > div:last-of-type {
  position: relative;
}

.vertical-finale p {
  color: #a54c2e;
  font: 500 9px var(--font-mono);
  letter-spacing: .1em;
  margin: 0 0 1rem;
}

.vertical-finale h2 {
  font: 700 clamp(3.4rem, 7vw, 8rem) / .82 var(--font-display);
  letter-spacing: -.1em;
  margin: 0;
}

.vertical-finale > a {
  background: var(--orange);
  color: #28120a;
  width: max-content;
  font: 700 9px var(--font-mono);
  letter-spacing: .08em;
  text-transform: uppercase;
  align-items: center;
  gap: .6rem;
  margin-top: 2rem;
  padding: .9rem 1rem;
  display: flex;
}

.vertical-finale > span {
  color: #796e67;
  font: 500 8px var(--font-mono);
  letter-spacing: .09em;
  position: absolute;
  bottom: 1.5rem;
  right: 2rem;
}

@keyframes verticalBubble {
  to {
    transform: translate3d(-2rem, 3rem, 0)scale(.78);
  }
}

@media (max-width: 900px) {
  .vertical-nav {
    grid-template-columns: 1fr auto;
    min-height: 60px;
    padding: 0 1rem;
  }

  .vertical-nav__center {
    display: none;
  }

  .vertical-nav > a:last-child {
    font-size: 8px;
  }

  .vertical-progress {
    display: none;
  }

  .vertical-motion-control {
    bottom: 1rem;
    right: 1rem;
  }

  .vertical-motion-control span {
    display: none;
  }

  .vertical-opening {
    padding: 7rem 1.3rem 4rem;
  }

  .vertical-opening h1 {
    font-size: clamp(4.2rem, 17vw, 6rem);
  }

  .vertical-opening__ring {
    width: 31rem;
    bottom: -12rem;
    right: -14rem;
  }

  .vertical-chapter {
    min-height: 100svh;
    padding: 7rem 1.3rem 4rem;
    display: block;
  }

  .vertical-chapter__index {
    top: 5rem;
    left: 1.3rem;
  }

  .vertical-chapter__copy {
    max-width: 20rem;
  }

  .vertical-chapter__copy h2 {
    font-size: clamp(3.7rem, 15vw, 5.5rem);
  }

  .vertical-chapter__copy-bottom {
    gap: 1rem;
    margin-top: 1.3rem;
    font-size: .8rem;
  }

  .vertical-chapter__pack {
    width: 86%;
    height: 48%;
    top: auto;
    bottom: 10%;
    right: 7%;
  }

  .vertical-chapter__companion {
    width: 36%;
    height: 26%;
    bottom: 8%;
    right: 1%;
  }

  .vertical-chapter__field {
    width: 80%;
    height: 48%;
    top: auto;
    bottom: 9%;
    right: 8%;
  }

  .vertical-chapter__lower {
    bottom: 1.2rem;
    left: 1.3rem;
    right: 1.3rem;
  }

  .vertical-chapter__lower span:last-child {
    display: none;
  }

  .vertical-finale {
    grid-template-columns: 1fr;
    gap: 3rem;
    min-height: 92svh;
    padding: 5rem 1.3rem;
  }

  .vertical-finale__scan {
    width: min(55vw, 14rem);
  }

  .vertical-finale h2 {
    font-size: clamp(3.7rem, 15vw, 5.5rem);
  }

  .vertical-finale > span {
    bottom: 1.1rem;
    right: 1.3rem;
  }
}

.vertical-thread {
  z-index: 42;
  width: 16px;
  color: var(--orange);
  pointer-events: none;
  flex-direction: column;
  align-items: center;
  display: flex;
  position: fixed;
  top: 70px;
  bottom: 0;
  left: clamp(.65rem, 1.6vw, 1.7rem);
}

.vertical-thread:before {
  content: "";
  background: linear-gradient(var(--orange) 0 12%, #ff5d2a57 12% 20%, var(--orange) 20% 33%, #ff5d2a57 33% 42%, var(--orange) 42% 55%, #ff5d2a57 55% 66%, var(--orange) 66% 78%, #ff5d2a57 78% 89%, var(--orange) 89%);
  width: 3px;
  height: 100%;
}

.vertical-thread span {
  color: #fff9ef;
  width: max-content;
  font: 600 7px var(--font-mono);
  letter-spacing: .12em;
  opacity: .7;
  transform-origin: 0 0;
  position: absolute;
  top: 1.5rem;
  left: 5px;
  transform: rotate(-90deg)translateX(-100%);
}

.vertical-thread b {
  border: 4px solid var(--orange);
  background: #20110e;
  border-radius: 50%;
  width: 14px;
  height: 14px;
  position: absolute;
  box-shadow: 0 0 0 4px #ff5d2a29;
}

.vertical-thread b:first-of-type {
  top: 18%;
}

.vertical-thread b:nth-of-type(2) {
  top: 48%;
}

.vertical-thread b:nth-of-type(3) {
  top: 78%;
}

.vertical-thread i {
  display: none;
}

.vertical-chapter__index {
  gap: .7rem;
  font-size: 9px;
}

.vertical-chapter__index b {
  background: var(--scene-color);
  color: var(--scene-ink);
  font: 700 8px var(--font-mono);
  letter-spacing: .08em;
  margin-left: .6rem;
  padding: .35rem .48rem;
}

.vertical-chapter--fizz .vertical-chapter__synthetic {
  background: radial-gradient(circle at 82% 58%, #fdde58 0 6%, #0000 6.4%), radial-gradient(circle at 67% 22%, #f376a6 0 11%, #0000 11.4%), radial-gradient(circle at 50% 78%, #b2eff6 0 12%, #0000 12.5%), linear-gradient(135deg, #1f94c9, #55b5ec 42%, #7dd8f2);
}

.vertical-chapter--essence .vertical-chapter__synthetic {
  background: radial-gradient(circle at 74% 45%, #d5e8b9 0 12%, #0000 12.5%), radial-gradient(circle at 52% 70%, #f06b46 0 6%, #0000 6.4%), linear-gradient(135deg, #132c26, #698c74 53%, #20342e);
}

.vertical-chapter__field {
  box-shadow: inset 0 0 0 10px #ffffff09, 0 28px 48px #0003;
}

.vertical-chapter__pack-stage {
  z-index: 2;
  width: min(39vw, 520px);
  height: 76%;
  position: absolute;
  top: 12%;
  right: 11%;
  transform: rotate(-2deg);
}

.vertical-chapter__pack-stage:before {
  content: "";
  background: radial-gradient(ellipse at center, var(--scene-color), #0905030a 68%);
  position: absolute;
  inset: 7% 2% 3%;
}

@supports (color: color-mix(in lab, red, red)) {
  .vertical-chapter__pack-stage:before {
    background: radial-gradient(ellipse at center, color-mix(in srgb, var(--scene-color) 62%, transparent), #0905030a 68%);
  }
}

.vertical-chapter__pack-stage:before {
  filter: blur(14px);
  transform: translateY(9%);
}

.vertical-chapter__pack-stage:after {
  content: "";
  box-shadow: 12px 12px 0 var(--scene-color);
  border: 1px solid #fffaf26b;
  position: absolute;
  inset: 7%;
}

@supports (color: color-mix(in lab, red, red)) {
  .vertical-chapter__pack-stage:after {
    box-shadow: 12px 12px 0 color-mix(in srgb, var(--scene-color) 75%, #21110e);
  }
}

.vertical-chapter__pack-stage:after {
  pointer-events: none;
}

.vertical-chapter__pack-stage > span {
  z-index: 4;
  background: var(--scene-color);
  color: var(--scene-ink);
  font: 700 8px var(--font-mono);
  letter-spacing: .09em;
  padding: .35rem .45rem;
  position: absolute;
  top: 5%;
  left: 3%;
}

.vertical-chapter__pack {
  z-index: 3;
  width: 86%;
  height: 86%;
  position: absolute;
  inset: 7%;
}

.vertical-chapter__companion {
  z-index: 5;
  transform: rotate(6deg);
}

.vertical-chapter--fruit .vertical-chapter__pack-stage {
  transform: rotate(3deg);
}

.vertical-chapter--honey .vertical-chapter__pack-stage {
  transform: rotate(-4deg);
}

.vertical-chapter--fizz .vertical-chapter__pack-stage {
  transform: rotate(4deg);
}

.vertical-chapter--night .vertical-chapter__pack-stage {
  transform: rotate(-5deg);
}

.vertical-chapter__lower {
  font-size: 9px;
}

.vertical-chapter__lower span:last-child {
  color: var(--scene-color);
}

.vertical-finale:before {
  content: "";
  background: var(--orange);
  width: 3px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: clamp(.65rem, 1.6vw, 1.7rem);
}

.vertical-finale:after {
  content: "FINAL SIGNAL";
  color: #b55335;
  font: 700 8px var(--font-mono);
  letter-spacing: .12em;
  position: absolute;
  top: 3rem;
  left: clamp(2rem, 3.2vw, 3.5rem);
}

.vertical-chapter:has(.vertical-chapter__video) .vertical-chapter__shade {
  background: linear-gradient(90deg, #0a0604a1 0%, #0f080526 48%, #0a060438 100%);
}

.vertical-chapter__live {
  z-index: 6;
  color: #fff9ef;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  font: 700 8px var(--font-mono);
  letter-spacing: .08em;
  background: #0e080559;
  border: 1px solid #fffaf26e;
  align-items: center;
  gap: .45rem;
  padding: .45rem .55rem;
  display: flex;
  position: absolute;
  top: calc(70px + clamp(1rem, 2.5vw, 2.5rem));
  right: clamp(1.3rem, 4vw, 4rem);
}

.vertical-chapter__live i {
  border-radius: 50%;
  width: 7px;
  height: 7px;
  display: block;
}

.vertical-chapter__live.is-video i {
  background: #8ef0a0;
  animation: 1.2s ease-in-out infinite alternate videoLive;
  box-shadow: 0 0 0 4px #8ef0a033;
}

.vertical-chapter__live.is-scroll i {
  background: var(--orange);
}

@keyframes videoLive {
  to {
    opacity: .55;
    transform: scale(1.45);
  }
}

@media (max-width: 900px) {
  .vertical-thread {
    width: 10px;
    top: 60px;
    left: 4px;
  }

  .vertical-thread span {
    display: none;
  }

  .vertical-thread b {
    border-width: 3px;
    width: 11px;
    height: 11px;
  }

  .vertical-chapter__index {
    max-width: calc(100% - 2.6rem);
    font-size: 8px;
  }

  .vertical-chapter__index b {
    margin-left: 0;
    font-size: 7px;
  }

  .vertical-chapter__pack-stage {
    width: 86%;
    height: 48%;
    top: auto;
    bottom: 10%;
    right: 7%;
  }

  .vertical-chapter__pack-stage > span {
    font-size: 7px;
  }

  .vertical-chapter__pack-stage:after {
    box-shadow: 8px 8px 0 var(--scene-color);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .vertical-chapter__pack-stage:after {
      box-shadow: 8px 8px 0 color-mix(in srgb, var(--scene-color) 75%, #21110e);
    }
  }

  .vertical-chapter__pack {
    width: 86%;
    height: 86%;
    inset: 7%;
  }

  .vertical-chapter__companion {
    z-index: 6;
  }

  .vertical-finale:before {
    left: 4px;
  }

  .vertical-finale:after {
    top: 2rem;
    left: 1.3rem;
  }

  .hero-film-link {
    font-size: 8px;
  }

  .vertical-chapter__live {
    font-size: 7px;
    top: 5rem;
    right: 1.3rem;
  }
}

.vertical-chapter--gummy-swifts {
  background: #76560b;
}

.vertical-chapter--gummy-swifts .vertical-chapter__shade {
  background: linear-gradient(90deg, #301d02ad, #4f31031a 54%, #301d0238);
}

.vertical-chapter--gummy-goodiez {
  background: #76530d;
}

.vertical-chapter--gummy-goodiez .vertical-chapter__shade {
  background: linear-gradient(90deg, #301e04ad, #492c041a 54%, #301e0438);
}

.vertical-chapter--gummy-swifts .vertical-chapter__pack-stage, .vertical-chapter--gummy-goodiez .vertical-chapter__pack-stage {
  transform: rotate(2deg)scale(1.05);
}

.factory-feast {
  --feast-cream: #fff5dc;
  color: #fff9ed;
  background: #42200d;
  min-height: 100vh;
  position: relative;
  overflow: clip;
}

.factory-feast__film {
  z-index: -4;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: fixed;
  inset: 0;
}

.factory-feast__wash {
  z-index: -3;
  pointer-events: none;
  background: linear-gradient(90deg, #290e05b8, #290e051f 58%, #290e055c);
  position: fixed;
  inset: 0;
}

.factory-feast__nav {
  z-index: 30;
  color: #fff9ed;
  -webkit-backdrop-filter: blur(9px);
  backdrop-filter: blur(9px);
  border-bottom: 1px solid #fff9ed42;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  min-height: 70px;
  padding: 0 clamp(1rem, 3.5vw, 4rem);
  display: grid;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

.factory-feast__brand {
  font: 800 11px / .78 var(--font-display);
  letter-spacing: -.05em;
  align-items: center;
  gap: .5rem;
  display: inline-flex;
}

.factory-feast__brand img {
  object-fit: contain;
  width: 29px;
  height: 29px;
}

.factory-feast__nav > span {
  color: #43200c;
  font: 800 8px var(--font-mono);
  letter-spacing: .11em;
  background: #ffcf58;
  padding: .4rem .6rem;
}

.factory-feast__nav nav {
  font: 600 8px var(--font-mono);
  letter-spacing: .08em;
  text-transform: uppercase;
  justify-self: end;
  gap: 1.2rem;
  display: flex;
}

.factory-feast__nav nav a {
  opacity: .78;
  transition: opacity .18s var(--ease-out);
}

.factory-feast__nav nav a:hover {
  opacity: 1;
}

.factory-feast__progress {
  z-index: 30;
  gap: .55rem;
  display: grid;
  position: fixed;
  top: 50%;
  right: clamp(1rem, 2.5vw, 2.5rem);
  transform: translateY(-50%);
}

.factory-feast__progress a {
  color: #fff9ed;
  opacity: .5;
  justify-content: flex-end;
  align-items: center;
  gap: .45rem;
  display: flex;
}

.factory-feast__progress a.is-active {
  opacity: 1;
}

.factory-feast__progress span {
  font: 600 8px var(--font-mono);
}

.factory-feast__progress i {
  border: 1px solid;
  border-radius: 50%;
  width: 9px;
  height: 9px;
  display: block;
}

.factory-feast__progress a.is-active i {
  background: #ffcb4b;
  border-color: #ffcb4b;
  box-shadow: 0 0 0 4px #ffcb4b3b;
}

.factory-feast__motion {
  z-index: 30;
  color: #fff9ed;
  -webkit-backdrop-filter: blur(9px);
  backdrop-filter: blur(9px);
  font: 700 8px var(--font-mono);
  letter-spacing: .07em;
  background: #40170573;
  border: 1px solid #fff9ed73;
  align-items: center;
  gap: .45rem;
  padding: .6rem .7rem;
  display: flex;
  position: fixed;
  bottom: 1.3rem;
  right: clamp(1rem, 2.5vw, 2.5rem);
}

.factory-feast__welcome {
  align-content: center;
  min-height: 100svh;
  padding: 9rem clamp(1.3rem, 10vw, 12rem) 5rem;
  display: grid;
  position: relative;
  overflow: hidden;
}

.factory-feast__welcome:after {
  content: "";
  z-index: -1;
  background: radial-gradient(circle at 80% 42%, #ffcf5847, #0000 13%), radial-gradient(circle at 67% 76%, #ff753e47, #0000 17%);
  position: absolute;
  inset: 0;
}

.factory-feast__welcome p, .factory-feast__welcome > div {
  z-index: 2;
  color: #ffe6a7;
  max-width: 33rem;
  font: 600 9px var(--font-mono);
  letter-spacing: .1em;
  position: relative;
}

.factory-feast__welcome h1 {
  z-index: 2;
  max-width: 11ch;
  font: 700 clamp(4.4rem, 9.5vw, 10.5rem) / .79 var(--font-display);
  letter-spacing: -.1em;
  margin: 1.5rem 0;
  position: relative;
}

.factory-feast__welcome h1 em {
  color: #ffce4d;
}

.factory-feast__welcome > div {
  color: #fff9ed;
  font: 500 clamp(.9rem, 1.2vw, 1.1rem) / 1.65 var(--font-body);
  letter-spacing: 0;
  gap: 1.5rem;
  display: grid;
}

.factory-feast__welcome a {
  color: #44200a;
  width: max-content;
  font: 800 9px var(--font-mono);
  letter-spacing: .08em;
  text-transform: uppercase;
  background: #ffce4d;
  align-items: center;
  gap: .6rem;
  padding: .8rem .95rem;
  display: flex;
}

.factory-feast__sun {
  aspect-ratio: 1;
  border: 1px solid #fff9ed66;
  border-radius: 50%;
  width: min(55vw, 55rem);
  position: absolute;
  bottom: -14vw;
  right: -9vw;
  box-shadow: inset 0 0 0 8vw #ffd14e12, inset 0 0 0 15vw #ffd14e0d;
}

.factory-feast__stop {
  isolation: isolate;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  min-height: 100svh;
  padding: clamp(7rem, 12vh, 10rem) clamp(1.3rem, 10vw, 12rem) 5rem;
  display: grid;
  position: relative;
  overflow: hidden;
}

.factory-feast__stop:before {
  content: "";
  z-index: -1;
  background: linear-gradient(90deg, #321104b3, #32110421 56%, #32110459);
  position: absolute;
  inset: 0;
}

.factory-feast__stop--fruit:before {
  background: linear-gradient(90deg, #3d2700ba, #3d270017 56%, #3d27004f);
}

.factory-feast__stop--gummies:before {
  background: linear-gradient(90deg, #5c2505b5, #5c25051c 56%, #5c250557);
}

.factory-feast__stop--chew:before {
  background: linear-gradient(90deg, #6d1d14b3, #6d1d141a 56%, #6d1d144d);
}

.factory-feast__stop--honey:before {
  background: linear-gradient(90deg, #623700b5, #6237001a 56%, #6237004f);
}

.factory-feast__stop--fizz:before {
  background: linear-gradient(90deg, #034766b3, #0347661a 56%, #03476652);
}

.factory-feast__stop--chocolate:before {
  background: linear-gradient(90deg, #260e07cc, #260e072e 56%, #260e0766);
}

.factory-feast__route {
  color: #ffe9a4;
  font: 700 8px var(--font-mono);
  letter-spacing: .1em;
  align-items: center;
  gap: .6rem;
  display: flex;
  position: absolute;
  top: calc(70px + 2rem);
  left: clamp(1.3rem, 4vw, 4rem);
  right: clamp(1.3rem, 4vw, 4rem);
}

.factory-feast__route i {
  background: var(--feast-color);
  flex: 1;
  height: 3px;
}

.factory-feast__route b {
  border: 4px solid var(--feast-color);
  background: #45200a;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  display: block;
}

.factory-feast__words {
  z-index: 3;
  max-width: 34rem;
  position: relative;
}

.factory-feast__words > p {
  color: var(--feast-color);
  font: 800 9px var(--font-mono);
  letter-spacing: .13em;
  margin: 0 0 1.4rem;
}

.factory-feast__words h2 {
  font: 700 clamp(3.9rem, 7.5vw, 8.8rem) / .8 var(--font-display);
  letter-spacing: -.1em;
  margin: 0;
  display: grid;
}

.factory-feast__words h2 .is-sweet {
  color: var(--feast-color);
}

.factory-feast__words > div {
  color: #fff3d8;
  gap: 1.5rem;
  max-width: 29rem;
  margin-top: 2rem;
  font-size: .96rem;
  line-height: 1.7;
  display: grid;
}

.factory-feast__words a {
  color: #fff9ed;
  width: max-content;
  font: 800 9px var(--font-mono);
  letter-spacing: .07em;
  text-transform: uppercase;
  border-bottom: 1px solid #fff4d9;
  align-items: center;
  gap: .5rem;
  padding-bottom: .35rem;
  display: flex;
}

.factory-feast__pack-bay {
  z-index: 2;
  width: min(39vw, 520px);
  height: 71%;
  position: absolute;
  top: 14%;
  right: 10%;
  transform: rotate(-3deg);
}

.factory-feast__pack-bay:before {
  content: "";
  box-shadow: 14px 14px 0 var(--feast-color), 0 28px 50px #1a070147;
  border: 1px solid #fff9ed80;
  position: absolute;
  inset: 8%;
}

.factory-feast__pack-bay > span {
  z-index: 4;
  background: var(--feast-color);
  color: #402008;
  font: 800 8px var(--font-mono);
  letter-spacing: .08em;
  padding: .35rem .45rem;
  position: absolute;
  top: 5%;
  left: 2%;
}

.factory-feast__pack {
  z-index: 3;
  object-fit: contain;
  filter: drop-shadow(25px 30px 26px #1706006b);
  width: 86%;
  height: 86%;
  position: absolute;
  inset: 7%;
}

.factory-feast__crumbs i {
  z-index: 4;
  aspect-ratio: 1;
  color: #402008;
  background: #fff9e1e0;
  border-radius: 50%;
  place-items: center;
  width: clamp(2.2rem, 4vw, 4rem);
  font-size: clamp(1rem, 2vw, 1.8rem);
  font-style: normal;
  display: grid;
  position: absolute;
  box-shadow: 6px 7px #330f0140;
}

.factory-feast__crumbs i:first-child {
  top: 24%;
  right: 43%;
}

.factory-feast__crumbs i:nth-child(2) {
  bottom: 19%;
  right: 6%;
}

.factory-feast__crumbs i:nth-child(3) {
  top: 65%;
  left: 44%;
}

.factory-feast__crumbs i:nth-child(4) {
  top: 17%;
  left: 47%;
}

.factory-feast__bottom {
  z-index: 4;
  color: #ffefd1;
  font: 600 8px var(--font-mono);
  letter-spacing: .09em;
  justify-content: space-between;
  display: flex;
  position: absolute;
  bottom: 1.4rem;
  left: clamp(1.3rem, 4vw, 4rem);
  right: clamp(1.3rem, 4vw, 4rem);
}

.factory-feast__bottom span:last-child {
  color: var(--feast-color);
}

.factory-feast__finish {
  color: #4a220e;
  background: #fff1cf;
  grid-template-columns: .65fr 1.2fr;
  align-items: center;
  gap: clamp(3rem, 9vw, 10rem);
  min-height: 88svh;
  padding: clamp(6rem, 12vw, 11rem);
  display: grid;
  position: relative;
  overflow: hidden;
}

.factory-feast__finish:before {
  content: "";
  background: #ffb737;
  width: 4px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: clamp(.7rem, 2vw, 2rem);
}

.factory-feast__finish-mark {
  aspect-ratio: 1;
  color: #4a220e;
  background: #ffbf3d;
  border-radius: 50%;
  place-items: center;
  width: min(27vw, 20rem);
  display: grid;
  transform: rotate(-8deg);
  box-shadow: 18px 18px #ff6a36;
}

.factory-feast__finish-mark span {
  font: 800 clamp(1.1rem, 2.4vw, 2.8rem) / .82 var(--font-display);
  letter-spacing: -.07em;
  text-align: center;
}

.factory-feast__finish p {
  color: #b5451c;
  font: 800 9px var(--font-mono);
  letter-spacing: .1em;
  margin: 0 0 1rem;
}

.factory-feast__finish h2 {
  font: 700 clamp(3.7rem, 7.4vw, 8.5rem) / .8 var(--font-display);
  letter-spacing: -.1em;
  margin: 0;
}

.factory-feast__finish h2 em {
  color: #ff632f;
}

.factory-feast__finish a {
  color: #fff1cf;
  width: max-content;
  font: 800 9px var(--font-mono);
  letter-spacing: .08em;
  text-transform: uppercase;
  background: #4a220e;
  align-items: center;
  gap: .6rem;
  margin-top: 2rem;
  padding: .9rem 1rem;
  display: flex;
}

.factory-feast__finish small {
  color: #a66b45;
  font: 600 8px var(--font-mono);
  letter-spacing: .08em;
  position: absolute;
  bottom: 1.5rem;
  right: 2rem;
}

@media (max-width: 900px) {
  .factory-feast__nav {
    grid-template-columns: 1fr auto;
    min-height: 60px;
    padding: 0 1rem;
  }

  .factory-feast__nav > span {
    display: none;
  }

  .factory-feast__nav nav {
    gap: .8rem;
    font-size: 7px;
  }

  .factory-feast__nav nav a:first-child, .factory-feast__progress {
    display: none;
  }

  .factory-feast__motion {
    bottom: 1rem;
    right: 1rem;
  }

  .factory-feast__motion span {
    display: none;
  }

  .factory-feast__welcome {
    padding: 8rem 1.3rem 4rem;
  }

  .factory-feast__welcome h1 {
    font-size: clamp(4.2rem, 17vw, 6.3rem);
  }

  .factory-feast__sun {
    width: 34rem;
    bottom: -10rem;
    right: -14rem;
  }

  .factory-feast__stop {
    min-height: 100svh;
    padding: 7rem 1.3rem 4rem;
    display: block;
  }

  .factory-feast__route {
    top: 5rem;
    left: 1.3rem;
    right: 1.3rem;
  }

  .factory-feast__words {
    max-width: 21rem;
  }

  .factory-feast__words h2 {
    font-size: clamp(3.8rem, 15vw, 5.7rem);
  }

  .factory-feast__words > div {
    gap: 1rem;
    margin-top: 1.3rem;
    font-size: .82rem;
  }

  .factory-feast__pack-bay {
    width: 86%;
    height: 48%;
    top: auto;
    bottom: 10%;
    right: 7%;
  }

  .factory-feast__crumbs i:first-child {
    top: 53%;
    right: 10%;
  }

  .factory-feast__crumbs i:nth-child(2) {
    bottom: 13%;
    right: 2%;
  }

  .factory-feast__crumbs i:nth-child(3) {
    top: 71%;
    left: 3%;
  }

  .factory-feast__crumbs i:nth-child(4) {
    top: 49%;
    left: 7%;
  }

  .factory-feast__bottom {
    bottom: 1.2rem;
    left: 1.3rem;
    right: 1.3rem;
  }

  .factory-feast__bottom span:last-child {
    display: none;
  }

  .factory-feast__finish {
    grid-template-columns: 1fr;
    gap: 3rem;
    min-height: 92svh;
    padding: 5rem 1.3rem;
  }

  .factory-feast__finish-mark {
    width: min(55vw, 15rem);
  }

  .factory-feast__finish h2 {
    font-size: clamp(3.8rem, 15vw, 5.7rem);
  }

  .factory-feast__finish small {
    bottom: 1.1rem;
    right: 1.3rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .factory-feast__film {
    display: none;
  }

  .factory-feast {
    background: linear-gradient(135deg, #4d1e09, #ad6620 46%, #4d1e09);
  }
}

.factory-feast__conduit {
  z-index: 5;
  color: #fff5c9;
  font: 800 7px var(--font-mono);
  letter-spacing: .1em;
  transform-origin: 100%;
  align-items: center;
  gap: .35rem;
  display: flex;
  position: absolute;
  bottom: 17%;
  right: clamp(10%, 18vw, 22%);
  transform: rotate(-11deg);
}

.factory-feast__conduit span {
  background: var(--feast-color);
  color: #48200a;
  padding: .32rem .42rem;
}

.factory-feast__conduit i {
  background: var(--feast-color);
  width: clamp(4rem, 8vw, 8rem);
  height: 3px;
}

.factory-feast__conduit b {
  border: 4px solid var(--feast-color);
  background: #4a2109;
  border-radius: 50%;
  width: 14px;
  height: 14px;
}

.factory-feast__ingredient-field {
  z-index: 1;
  opacity: .96;
  pointer-events: none;
  position: absolute;
  inset: 12% 5% 11% 40%;
}

.factory-feast__ingredient-field i {
  background: var(--feast-color);
  border-radius: 50%;
  display: block;
  position: absolute;
  box-shadow: inset -8px -8px #5b250229, 6px 7px #370d021f;
}

.factory-feast__ingredient-field i:first-child {
  aspect-ratio: 1;
  width: clamp(3.8rem, 8vw, 8.4rem);
  top: 8%;
  right: 13%;
}

.factory-feast__ingredient-field i:nth-child(2) {
  aspect-ratio: 1;
  width: clamp(1rem, 2vw, 2rem);
  top: 39%;
  right: 2%;
}

.factory-feast__ingredient-field i:nth-child(3) {
  aspect-ratio: 1;
  width: clamp(2.4rem, 4vw, 4.3rem);
  bottom: 7%;
  right: 21%;
}

.factory-feast__ingredient-field i:nth-child(4) {
  aspect-ratio: 1;
  width: clamp(1.3rem, 2.5vw, 2.8rem);
  top: 23%;
  left: 11%;
}

.factory-feast__ingredient-field i:nth-child(5) {
  aspect-ratio: 1;
  width: clamp(1.2rem, 2vw, 2.1rem);
  bottom: 26%;
  left: 4%;
}

.factory-feast__ingredient-field i:nth-child(6) {
  aspect-ratio: 1;
  width: clamp(.8rem, 1.5vw, 1.5rem);
  top: 58%;
  left: 31%;
}

.factory-feast__stop--fruit .factory-feast__pack-bay {
  width: min(43vw, 570px);
  height: 72%;
  transform: rotate(-1deg);
}

.factory-feast__stop--fruit .factory-feast__pack-bay:before {
  box-shadow: 18px 18px 0 var(--feast-color), 0 32px 55px #1a070147;
  border-radius: 46% 54% 51% 49%;
}

.factory-feast__stop--fruit .factory-feast__ingredient-field i {
  background: #ffe05a;
}

.factory-feast__stop--fruit .factory-feast__ingredient-field i:first-child, .factory-feast__stop--fruit .factory-feast__ingredient-field i:nth-child(3) {
  border-radius: 45% 55% 48% 52%;
}

.factory-feast__stop--gummies .factory-feast__pack-bay {
  transform: rotate(5deg)translateY(-2%);
}

.factory-feast__stop--gummies .factory-feast__pack-bay:before {
  box-shadow: 14px 14px 0 var(--feast-color), -10px 12px 0 #ffe57c8c;
  border-radius: 14px 44%;
}

.factory-feast__stop--gummies .factory-feast__ingredient-field {
  background: radial-gradient(circle at 18% 28%, #ffcb55e0 0 4%, #0000 4.4%), radial-gradient(circle at 75% 18%, #f16839d1 0 6%, #0000 6.4%), radial-gradient(circle at 67% 71%, #ffdf5dcc 0 4%, #0000 4.4%);
}

.factory-feast__stop--chew .factory-feast__pack-bay {
  width: min(45vw, 610px);
  height: 45%;
  top: 29%;
  right: 8%;
  transform: rotate(-1deg);
}

.factory-feast__stop--chew .factory-feast__pack-bay:before {
  box-shadow: 0 16px 0 var(--feast-color), 0 32px 45px #1a07014f;
  border-radius: 999px;
  top: 22%;
  bottom: 22%;
}

.factory-feast__stop--chew .factory-feast__ingredient-field {
  clip-path: polygon(21% 7%, 100% 0, 89% 71%, 7% 100%);
  opacity: .48;
  background: repeating-linear-gradient(135deg, #ff7746b8 0 22px, #ffde80ad 22px 44px);
}

.factory-feast__stop--chew .factory-feast__ingredient-field i {
  background: #ffdf81;
}

.factory-feast__stop--honey .factory-feast__pack-bay {
  width: min(35vw, 470px);
  height: 64%;
  top: 18%;
  right: 13%;
  transform: rotate(0);
}

.factory-feast__stop--honey .factory-feast__pack-bay:before {
  clip-path: polygon(25% 6%, 75% 6%, 100% 50%, 75% 94%, 25% 94%, 0 50%);
  box-shadow: none;
  background: #ffd7492e;
  border-radius: 0;
  inset: 3%;
}

.factory-feast__stop--honey .factory-feast__ingredient-field {
  background: repeating-linear-gradient(30deg, #ffd55270 0 2px, #0000 2px 48px), repeating-linear-gradient(150deg, #ffd55270 0 2px, #0000 2px 48px);
}

.factory-feast__stop--honey .factory-feast__ingredient-field i {
  background: #ffd45a;
  border-radius: 45% 55% 50% 50%;
}

.factory-feast__stop--fizz .factory-feast__pack-bay {
  width: min(42vw, 570px);
  height: 67%;
  top: 18%;
  right: 9%;
  transform: rotate(3deg);
}

.factory-feast__stop--fizz .factory-feast__pack-bay:before {
  box-shadow: 10px 16px 0 var(--feast-color), 0 0 0 19px #b4f0ff33, 0 28px 48px #05182a54;
  border-radius: 50%;
  inset: 0;
}

.factory-feast__stop--fizz .factory-feast__ingredient-field i {
  background: #e9fbff;
  box-shadow: 0 0 0 7px #96e7fd30;
}

.factory-feast__stop--chocolate .factory-feast__pack-bay {
  width: min(46vw, 620px);
  height: 43%;
  top: 30%;
  right: 8%;
  transform: rotate(-2deg);
}

.factory-feast__stop--chocolate .factory-feast__pack-bay:before {
  box-shadow: 0 19px 0 var(--feast-color), 0 33px 50px #1203006e;
  background: linear-gradient(90deg, #591f0c80, #ffd34e1f, #591f0c80);
  border-radius: 8px;
  top: 22%;
  bottom: 22%;
}

.factory-feast__stop--chocolate .factory-feast__ingredient-field {
  background: radial-gradient(circle at 22% 28%, #f2c96fcc 0 4%, #0000 4.4%), radial-gradient(circle at 67% 62%, #96401ac2 0 9%, #0000 9.4%);
}

.factory-feast__stop--chocolate .factory-feast__ingredient-field i {
  background: #eec565;
}

.factory-feast__finish-mark {
  position: relative;
}

.factory-feast__finish-mark img {
  object-fit: contain;
  filter: drop-shadow(2px 3px #4a220e2e);
  width: 3.2rem;
  height: 3.2rem;
  position: absolute;
  top: 13%;
  left: 50%;
  transform: translateX(-50%);
}

.faq-section {
  position: relative;
  overflow: hidden;
}

.faq-section:before {
  content: "FACT TERMINAL / QUESTIONS";
  z-index: 2;
  background: var(--orange);
  color: #2a150a;
  font: 800 8px var(--font-mono);
  letter-spacing: .09em;
  padding: .35rem .45rem;
  position: absolute;
  top: 2rem;
  left: clamp(1.3rem, 9vw, 12rem);
}

.faq-section:after {
  content: "";
  background: var(--orange);
  height: 3px;
  position: absolute;
  top: 2.5rem;
  left: calc(clamp(1.3rem, 9vw, 12rem) + 11.5rem);
  right: clamp(1.3rem, 9vw, 12rem);
}

.faq-section__list {
  position: relative;
}

.faq-section__list:before {
  content: "";
  border: 4px solid var(--orange);
  background: var(--paper);
  border-radius: 50%;
  width: 14px;
  height: 14px;
  position: absolute;
  top: -1.4rem;
  right: 0;
}

.faq-section h2 {
  padding-top: 2.3rem;
}

.faq-section details {
  padding-left: 1rem;
  position: relative;
}

.faq-section details:before {
  content: "";
  background: var(--orange);
  border-radius: 50%;
  width: 6px;
  height: 6px;
  position: absolute;
  top: 1.8rem;
  left: 0;
}

@media (max-width: 900px) {
  .factory-feast__conduit {
    bottom: 25%;
    right: 9%;
  }

  .factory-feast__conduit span {
    display: none;
  }

  .factory-feast__conduit i {
    width: 4rem;
  }

  .factory-feast__ingredient-field {
    inset: 44% 2% 9% 0;
  }

  .factory-feast__stop--chew .factory-feast__pack-bay, .factory-feast__stop--chocolate .factory-feast__pack-bay {
    width: 86%;
    height: 35%;
    top: auto;
    bottom: 11%;
    right: 7%;
  }

  .factory-feast__stop--honey .factory-feast__pack-bay {
    width: 70%;
    height: 49%;
    top: auto;
    bottom: 10%;
    right: 15%;
  }

  .factory-feast__finish-mark img {
    width: 2.5rem;
    height: 2.5rem;
  }

  .faq-section:before {
    top: 1.3rem;
    left: 1.3rem;
  }

  .faq-section:after {
    top: 1.8rem;
    left: 13rem;
    right: 1.3rem;
  }

  .faq-section h2 {
    padding-top: 2rem;
  }
}

.cacao-salon {
  color: #fff8e6;
  background: #1b0c08;
  position: relative;
  overflow: clip;
}

.cacao-salon__nav {
  z-index: 20;
  color: #fff8e6;
  border-bottom: 1px solid #fff8e638;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  min-height: 70px;
  padding: 0 clamp(1rem, 3vw, 3.5rem);
  display: grid;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.cacao-salon__brand, .golden-orchard__brand {
  font: 800 11px / .78 var(--font-display);
  letter-spacing: -.05em;
  align-items: center;
  gap: .45rem;
  display: inline-flex;
}

.cacao-salon__brand img, .golden-orchard__brand img {
  object-fit: contain;
  width: 29px;
  height: 29px;
}

.cacao-salon__nav > span, .golden-orchard__nav > span {
  color: #26100a;
  font: 800 8px var(--font-mono);
  letter-spacing: .11em;
  background: #d9a74d;
  padding: .4rem .55rem;
}

.cacao-salon__nav nav, .golden-orchard__nav nav {
  font: 700 8px var(--font-mono);
  letter-spacing: .07em;
  text-transform: uppercase;
  justify-self: end;
  gap: 1.15rem;
  display: flex;
}

.cacao-salon__hero {
  isolation: isolate;
  grid-template-columns: 1.2fr .8fr;
  align-items: center;
  min-height: 100svh;
  padding: 9rem clamp(1.3rem, 10vw, 12rem) 5rem;
  display: grid;
  position: relative;
  overflow: hidden;
}

.cacao-salon__film {
  z-index: -3;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.cacao-salon__shade {
  z-index: -2;
  background: linear-gradient(90deg, #140805cc, #14080533 62%, #14080578), radial-gradient(circle at 70% 55%, #0000 0 17%, #14080552 53%);
  position: absolute;
  inset: 0;
}

.cacao-salon__hero-copy {
  z-index: 3;
  max-width: 43rem;
  position: relative;
}

.cacao-salon__hero-copy p {
  color: #edcf8d;
  font: 700 9px var(--font-mono);
  letter-spacing: .11em;
  align-items: center;
  gap: .5rem;
  display: flex;
}

.cacao-salon__hero h1 {
  font: 700 clamp(4.6rem, 9.1vw, 10.8rem) / .78 var(--font-display);
  letter-spacing: -.1em;
  margin: 1.3rem 0;
}

.cacao-salon__hero h1 em {
  color: #e0b35d;
}

.cacao-salon__hero-copy > span {
  color: #f8e7c4;
  max-width: 30rem;
  font-size: 1.02rem;
  line-height: 1.7;
  display: block;
}

.cacao-salon__hero-copy a, .golden-orchard__hero-copy a {
  color: #2c1009;
  width: max-content;
  font: 800 9px var(--font-mono);
  letter-spacing: .09em;
  text-transform: uppercase;
  background: #e0b35d;
  align-items: center;
  gap: .6rem;
  margin-top: 1.8rem;
  padding: .82rem .95rem;
  display: flex;
}

.cacao-salon__pack-stage {
  z-index: 3;
  aspect-ratio: 4 / 5;
  justify-self: center;
  width: min(31vw, 410px);
  position: relative;
}

.cacao-salon__pack-stage > span {
  z-index: 4;
  color: #2b1009;
  font: 800 8px var(--font-mono);
  letter-spacing: .08em;
  background: #e0b35d;
  padding: .35rem .45rem;
  position: absolute;
  top: 4%;
  left: -3%;
}

.cacao-salon__pack {
  z-index: 3;
  object-fit: contain;
  filter: drop-shadow(27px 33px 30px #00000094);
  width: 90%;
  height: 90%;
  position: absolute;
  inset: 5%;
}

.cacao-salon__halo {
  border: 1px solid #ffefbf94;
  border-radius: 50%;
  position: absolute;
  inset: 10%;
  transform: rotate(-16deg);
}

.cacao-salon__halo:after {
  content: "";
  border: 1px dashed #e0b35db8;
  border-radius: 50%;
  position: absolute;
  inset: 17%;
}

.cacao-salon__hero-foot {
  color: #dec79d;
  font: 700 8px var(--font-mono);
  letter-spacing: .1em;
  justify-content: space-between;
  display: flex;
  position: absolute;
  bottom: 1.3rem;
  left: clamp(1.3rem, 4vw, 4rem);
  right: clamp(1.3rem, 4vw, 4rem);
}

.cacao-salon__course {
  color: #26100a;
  background: #f5ead1;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: clamp(3rem, 9vw, 12rem);
  min-height: 85svh;
  padding: clamp(6rem, 12vw, 11rem);
  display: grid;
  position: relative;
  overflow: hidden;
}

.cacao-salon__course--reverse {
  color: #fff8e6;
  background: #32140c;
}

.cacao-salon__course-index {
  color: #af642d;
  font: 800 8px var(--font-mono);
  letter-spacing: .12em;
  position: absolute;
  top: 2rem;
  left: clamp(1.3rem, 5vw, 5rem);
}

.cacao-salon__course-visual {
  aspect-ratio: 1;
  width: min(35vw, 480px);
  position: relative;
}

.cacao-salon__course-visual--cocoa {
  background: radial-gradient(circle at 42% 38%, #92572e, #3f1a0c 43%, #1e0c07 72%);
  border-radius: 50%;
  box-shadow: 28px 29px #d59c4e;
}

.cacao-salon__course-visual--cocoa i {
  background: #e9c773;
  border-radius: 50%;
  position: absolute;
}

.cacao-salon__course-visual--cocoa i:first-child {
  aspect-ratio: 1;
  width: 18%;
  top: 10%;
  left: 17%;
}

.cacao-salon__course-visual--cocoa i:nth-child(2) {
  aspect-ratio: 1;
  width: 11%;
  bottom: 19%;
  right: 13%;
}

.cacao-salon__course-visual--cocoa i:nth-child(3) {
  aspect-ratio: 1;
  width: 6%;
  top: 39%;
  right: 7%;
}

.cacao-salon__course-visual--cocoa b {
  background: linear-gradient(90deg, #2c0d06, #a6642f 48%, #2c0d06);
  border-radius: 999px;
  height: 21%;
  position: absolute;
  top: 47%;
  left: 12%;
  right: -22%;
  transform: rotate(-12deg);
}

.cacao-salon__course-visual--pistachio {
  border: 1px solid #fff4d27d;
  justify-self: end;
  transform: rotate(9deg);
}

.cacao-salon__course-visual--pistachio:before {
  content: "";
  clip-path: polygon(25% 7%, 75% 7%, 100% 50%, 75% 93%, 25% 93%, 0 50%);
  background: repeating-linear-gradient(33deg, #deb855b8 0 2px, #0000 2px 32px), repeating-linear-gradient(147deg, #deb855b8 0 2px, #0000 2px 32px);
  position: absolute;
  inset: 11%;
}

.cacao-salon__course-visual--pistachio i {
  aspect-ratio: 1;
  background: #b5b662;
  border-radius: 48% 52% 44% 56%;
  width: 15%;
  position: absolute;
  box-shadow: inset -8px -7px #2d4a2045;
}

.cacao-salon__course-visual--pistachio i:first-child {
  top: 8%;
  left: 10%;
}

.cacao-salon__course-visual--pistachio i:nth-child(2) {
  bottom: 15%;
  right: 8%;
}

.cacao-salon__course-visual--pistachio i:nth-child(3) {
  top: 39%;
  right: 14%;
}

.cacao-salon__course-visual--pistachio i:nth-child(4) {
  bottom: 9%;
  left: 22%;
}

.cacao-salon__course-visual--pistachio b {
  border-bottom: 4px solid #e3bc5d;
  width: 115%;
  position: absolute;
  top: 50%;
  left: -8%;
  transform: rotate(-26deg);
}

.cacao-salon__course-visual--tasting {
  background: #e8d2a0;
  border: 1px solid #4c210f;
  justify-self: center;
  box-shadow: 22px 22px #4b210e;
}

.cacao-salon__course-visual--tasting span {
  color: #f8ead0;
  font: 800 8px var(--font-mono);
  letter-spacing: .1em;
  background: #4b210e;
  padding: .4rem .5rem;
  position: absolute;
  top: 5%;
  left: 5%;
}

.cacao-salon__course-visual--tasting img {
  z-index: 3;
  object-fit: contain;
  filter: drop-shadow(18px 22px 17px #200b034d);
  width: 80%;
  height: 80%;
  position: absolute;
  inset: 10%;
}

.cacao-salon__course-visual--tasting b {
  aspect-ratio: 1;
  background: #d59d4d;
  border-radius: 50%;
  width: 34%;
  position: absolute;
  bottom: 7%;
  right: -8%;
}

.cacao-salon__course-copy {
  max-width: 31rem;
}

.cacao-salon__course-copy p {
  color: #af642d;
  font: 800 9px var(--font-mono);
  letter-spacing: .12em;
  margin: 0 0 1.2rem;
}

.cacao-salon__course-copy h2 {
  font: 700 clamp(3.8rem, 6.4vw, 7.6rem) / .79 var(--font-display);
  letter-spacing: -.1em;
  margin: 0;
}

.cacao-salon__course-copy h2 em {
  color: #c17436;
}

.cacao-salon__course--reverse .cacao-salon__course-copy h2 em {
  color: #e7c36e;
}

.cacao-salon__course-copy > span {
  margin-top: 1.6rem;
  font-size: 1rem;
  line-height: 1.75;
  display: block;
}

.cacao-salon__course-copy a, .golden-orchard__copy a {
  width: max-content;
  font: 800 9px var(--font-mono);
  letter-spacing: .08em;
  text-transform: uppercase;
  border-bottom: 2px solid;
  align-items: center;
  gap: .5rem;
  margin-top: 1.6rem;
  padding-bottom: .4rem;
  display: flex;
}

.cacao-salon__footer {
  color: #2d1008;
  background: #d6a34e;
  grid-template-columns: auto 1fr auto;
  align-items: end;
  gap: 3rem;
  padding: clamp(4rem, 8vw, 8rem);
  display: grid;
}

.cacao-salon__footer > img {
  object-fit: contain;
  width: 3rem;
  height: 3rem;
}

.cacao-salon__footer span {
  font: 800 8px var(--font-mono);
  letter-spacing: .1em;
}

.cacao-salon__footer h2 {
  font: 700 clamp(3rem, 5vw, 5.8rem) / .79 var(--font-display);
  letter-spacing: -.1em;
  margin: .7rem 0 0;
}

.cacao-salon__footer a {
  color: #f8e9cb;
  font: 800 8px var(--font-mono);
  letter-spacing: .08em;
  background: #32130a;
  align-items: center;
  gap: .5rem;
  padding: .8rem;
  display: flex;
}

.golden-orchard {
  color: #263322;
  background: #f4ead2;
  position: relative;
  overflow: clip;
}

.golden-orchard__garden {
  z-index: -4;
  background-position: center;
  background-size: cover;
  position: fixed;
  inset: 0;
}

.golden-orchard__grain {
  z-index: -3;
  pointer-events: none;
  background: linear-gradient(90deg, #fff9e6e6, #fff9e647 62%, #fff9e694);
  position: fixed;
  inset: 0;
}

.golden-orchard__nav {
  z-index: 20;
  border-bottom: 1px solid #2532214d;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  min-height: 70px;
  padding: 0 clamp(1rem, 3vw, 3.5rem);
  display: grid;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.golden-orchard__nav nav {
  color: #34462d;
}

.golden-orchard__hero {
  grid-template-columns: 1.05fr .95fr;
  align-items: center;
  min-height: 100svh;
  padding: 8rem clamp(1.3rem, 10vw, 12rem) 4rem;
  display: grid;
  position: relative;
  overflow: hidden;
}

.golden-orchard__hero-copy {
  z-index: 4;
  max-width: 35rem;
  position: relative;
}

.golden-orchard__hero-copy p, .golden-orchard__copy p {
  color: #a84d27;
  font: 800 9px var(--font-mono);
  letter-spacing: .11em;
}

.golden-orchard__hero h1 {
  font: 700 clamp(4.7rem, 9vw, 10.5rem) / .77 var(--font-display);
  letter-spacing: -.105em;
  margin: 1.3rem 0;
}

.golden-orchard__hero h1 em, .golden-orchard__copy h2 em {
  color: #a84e29;
}

.golden-orchard__hero-copy > span {
  max-width: 30rem;
  font-size: 1rem;
  line-height: 1.75;
  display: block;
}

.golden-orchard__hero-copy a {
  color: #fff9e9;
  background: #294128;
}

.golden-orchard__pack-stage {
  z-index: 3;
  aspect-ratio: 4 / 5;
  justify-self: center;
  width: min(33vw, 450px);
  position: relative;
}

.golden-orchard__pack-stage > span {
  z-index: 6;
  color: #463313;
  font: 800 8px var(--font-mono);
  letter-spacing: .09em;
  background: #eea535;
  padding: .35rem .45rem;
  position: absolute;
  top: 3%;
  left: -15%;
}

.golden-orchard__pack {
  z-index: 4;
  object-fit: contain;
  filter: drop-shadow(23px 27px 22px #40391347);
  width: 90%;
  height: 90%;
  position: absolute;
  inset: 5%;
}

.golden-orchard__pack-stage > i {
  z-index: 1;
  background: #e4ab3f;
  border-radius: 50%;
  position: absolute;
}

.golden-orchard__pack-stage > i:first-of-type {
  aspect-ratio: 1;
  width: 26%;
  top: 6%;
  right: -17%;
}

.golden-orchard__pack-stage > i:nth-of-type(2) {
  aspect-ratio: 1;
  background: #759a59;
  width: 17%;
  bottom: 8%;
  left: -15%;
}

.golden-orchard__pack-stage > i:nth-of-type(3) {
  aspect-ratio: 1;
  background: #c75935;
  width: 9%;
  top: 51%;
  right: -6%;
}

.golden-orchard__hero > small {
  color: #6e8457;
  font: 800 8px var(--font-mono);
  letter-spacing: .1em;
  position: absolute;
  bottom: 1.6rem;
  left: clamp(1.3rem, 4vw, 4rem);
  right: clamp(1.3rem, 4vw, 4rem);
}

.golden-orchard__fruit {
  z-index: 2;
  color: #fdf2c9;
  background: #dca338;
  border-radius: 50%;
  place-items: center;
  display: grid;
  position: absolute;
  box-shadow: inset -13px -13px #8d530c33;
}

.golden-orchard__fruit i {
  background: #5a803f;
  width: 38%;
  height: 4px;
  position: absolute;
  transform: rotate(-39deg);
}

.golden-orchard__fruit--one {
  aspect-ratio: 1;
  width: clamp(4rem, 10vw, 11rem);
  top: 20%;
  right: 12%;
}

.golden-orchard__fruit--two {
  aspect-ratio: 1;
  background: #c75734;
  width: clamp(2rem, 4vw, 4rem);
  bottom: 13%;
  left: 44%;
}

.golden-orchard__chapter {
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: clamp(3rem, 9vw, 12rem);
  min-height: 84svh;
  padding: clamp(6rem, 12vw, 11rem);
  display: grid;
  position: relative;
  overflow: hidden;
}

.golden-orchard__chapter:before {
  content: "";
  z-index: -1;
  background: linear-gradient(90deg, #fff7dcf2, #fff7dc73 60%, #fff7dcbf);
  position: absolute;
  inset: 0;
}

.golden-orchard__chapter--reverse:before {
  background: linear-gradient(90deg, #668550db, #66855066 60%, #668550bf);
}

.golden-orchard__chapter--reverse {
  color: #fff9e8;
}

.golden-orchard__copy {
  z-index: 3;
  max-width: 31rem;
  position: relative;
}

.golden-orchard__copy h2 {
  font: 700 clamp(4rem, 7vw, 8rem) / .78 var(--font-display);
  letter-spacing: -.1em;
  margin: .8rem 0 0;
}

.golden-orchard__chapter--reverse .golden-orchard__copy p, .golden-orchard__chapter--reverse .golden-orchard__copy h2 em {
  color: #ffda71;
}

.golden-orchard__copy > span {
  margin-top: 1.6rem;
  font-size: 1rem;
  line-height: 1.75;
  display: block;
}

.golden-orchard__subject {
  aspect-ratio: 1;
  justify-self: center;
  width: min(38vw, 500px);
  position: relative;
}

.golden-orchard__subject--nuts {
  border: 2px solid #d9a135;
  border-radius: 50%;
  transform: rotate(-12deg);
}

.golden-orchard__subject--nuts:after {
  content: "";
  border: 1px dashed #6d8a4e;
  border-radius: 50%;
  position: absolute;
  inset: 12%;
}

.golden-orchard__subject--nuts i {
  aspect-ratio: 1;
  background: #8eaa5c;
  border-radius: 48% 52% 44% 56%;
  width: 18%;
  position: absolute;
  box-shadow: inset -8px -7px #26431d33, 7px 8px #784a1129;
}

.golden-orchard__subject--nuts i:first-child {
  top: 8%;
  left: 25%;
}

.golden-orchard__subject--nuts i:nth-child(2) {
  top: 32%;
  right: 5%;
}

.golden-orchard__subject--nuts i:nth-child(3) {
  bottom: 13%;
  left: 13%;
}

.golden-orchard__subject--nuts i:nth-child(4) {
  bottom: 6%;
  right: 28%;
}

.golden-orchard__subject--nuts b {
  background: #c45a2f;
  width: 140%;
  height: 3px;
  position: absolute;
  top: 48%;
  left: -23%;
  transform: rotate(-29deg);
}

.golden-orchard__subject--pastry {
  background: linear-gradient(135deg, #ebbd57, #fff1bd 45%, #d67b32);
  border-radius: 50% 7%;
  order: -1;
  transform: rotate(8deg);
  box-shadow: 23px 24px #354e34;
}

.golden-orchard__subject--pastry i {
  width: 84%;
  height: 4px;
  transform: rotate(var(--r));
  background: #a74d2a;
  border-radius: 999px;
  position: absolute;
  left: 8%;
}

.golden-orchard__subject--pastry i:first-child {
  --r: -31deg;
  top: 17%;
}

.golden-orchard__subject--pastry i:nth-child(2) {
  --r: 31deg;
  top: 32%;
}

.golden-orchard__subject--pastry i:nth-child(3) {
  --r: -31deg;
  top: 48%;
}

.golden-orchard__subject--pastry i:nth-child(4) {
  --r: 31deg;
  top: 64%;
}

.golden-orchard__subject--pastry i:nth-child(5) {
  --r: -31deg;
  top: 78%;
}

.golden-orchard__subject--pastry b {
  background: #fbe6a1;
  border-radius: 999px;
  width: 132%;
  height: 20%;
  position: absolute;
  top: 44%;
  left: -16%;
  transform: rotate(-12deg);
}

.golden-orchard__subject--pack {
  background: #f8dfa1;
  border: 2px solid #657f4d;
  box-shadow: 23px 24px #c4562f;
}

.golden-orchard__subject--pack img {
  z-index: 3;
  object-fit: contain;
  filter: drop-shadow(18px 20px 18px #3c280840);
  width: 84%;
  height: 84%;
  position: absolute;
  inset: 8%;
}

.golden-orchard__subject--pack i {
  aspect-ratio: 1;
  background: #6f9852;
  border-radius: 50%;
  width: 24%;
  position: absolute;
  bottom: 5%;
  right: -8%;
}

.golden-orchard__subject--pack b {
  aspect-ratio: 1;
  background: #e8aa37;
  border-radius: 50%;
  width: 32%;
  position: absolute;
  top: 8%;
  left: -11%;
}

.golden-orchard__footer {
  color: #fff8dc;
  background: #294128;
  justify-content: space-between;
  align-items: end;
  gap: 2rem;
  padding: clamp(4rem, 8vw, 8rem);
  display: flex;
}

.golden-orchard__footer img {
  object-fit: contain;
  width: 3rem;
  height: 3rem;
}

.golden-orchard__footer p {
  color: #f0c75b;
  font: 800 8px var(--font-mono);
  letter-spacing: .1em;
  margin: 1rem 0;
}

.golden-orchard__footer h2 {
  font: 700 clamp(3rem, 5vw, 5.7rem) / .79 var(--font-display);
  letter-spacing: -.1em;
  margin: 0;
}

.golden-orchard__footer h2 em {
  color: #edbf52;
}

.golden-orchard__footer a {
  color: #294128;
  font: 800 8px var(--font-mono);
  letter-spacing: .08em;
  background: #edba48;
  align-items: center;
  gap: .5rem;
  padding: .85rem;
  display: flex;
}

@media (max-width: 900px) {
  .cacao-salon__nav, .golden-orchard__nav {
    grid-template-columns: 1fr auto;
    min-height: 60px;
    padding: 0 1rem;
  }

  .cacao-salon__nav > span, .golden-orchard__nav > span {
    display: none;
  }

  .cacao-salon__nav nav, .golden-orchard__nav nav {
    gap: .7rem;
    font-size: 7px;
  }

  .cacao-salon__nav nav a:first-child, .golden-orchard__nav nav a:first-child {
    display: none;
  }

  .cacao-salon__hero, .golden-orchard__hero {
    padding: 8rem 1.3rem 4rem;
    display: block;
  }

  .cacao-salon__hero h1, .golden-orchard__hero h1 {
    font-size: clamp(4.3rem, 17vw, 6.4rem);
  }

  .cacao-salon__pack-stage, .golden-orchard__pack-stage {
    width: 68vw;
    position: absolute;
    bottom: 10%;
    right: 3%;
  }

  .cacao-salon__hero-copy > span, .golden-orchard__hero-copy > span {
    max-width: 19rem;
    font-size: .88rem;
  }

  .cacao-salon__course, .golden-orchard__chapter {
    min-height: 100svh;
    padding: 6rem 1.3rem 4rem;
    display: block;
  }

  .cacao-salon__course-copy, .golden-orchard__copy {
    z-index: 4;
    max-width: 21rem;
    position: relative;
  }

  .cacao-salon__course-copy h2, .golden-orchard__copy h2 {
    font-size: clamp(3.8rem, 15vw, 5.7rem);
  }

  .cacao-salon__course-copy > span, .golden-orchard__copy > span {
    font-size: .85rem;
  }

  .cacao-salon__course-visual, .golden-orchard__subject {
    width: 72vw;
    position: absolute;
    bottom: 10%;
    right: 5%;
  }

  .cacao-salon__course-visual--pistachio {
    right: 14%;
  }

  .golden-orchard__chapter--reverse .golden-orchard__subject {
    bottom: 8%;
    right: 7%;
  }

  .cacao-salon__footer {
    grid-template-columns: auto 1fr;
    padding: 4rem 1.3rem;
  }

  .cacao-salon__footer a {
    grid-column: 1 / -1;
    width: max-content;
  }

  .golden-orchard__footer {
    padding: 4rem 1.3rem;
    display: block;
  }

  .golden-orchard__footer a {
    width: max-content;
    margin-top: 2rem;
  }

  .golden-orchard__fruit--one {
    top: 19%;
    right: 2%;
  }

  .golden-orchard__fruit--two {
    bottom: 17%;
    left: 56%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .cacao-salon__film {
    display: none;
  }

  .cacao-salon__hero {
    background: linear-gradient(135deg, #1b0c08, #70401f);
  }

  .golden-orchard__garden {
    background-position: 65%;
  }
}

.pacific-path__opening {
  grid-template-columns: minmax(0, 1fr) minmax(340px, .85fr);
  column-gap: clamp(2rem, 6vw, 8rem);
}

.pacific-path__opening-products {
  z-index: 4;
  aspect-ratio: 1;
  justify-self: center;
  width: min(42vw, 590px);
  position: relative;
}

.pacific-path__opening-products > img {
  object-fit: contain;
  filter: drop-shadow(24px 30px 25px #0000006b);
  position: absolute;
}

.pacific-path__opening-gummy {
  z-index: 4;
  width: 75%;
  height: 75%;
  top: 5%;
  left: 3%;
  transform: rotate(-11deg);
}

.pacific-path__opening-truffle {
  z-index: 3;
  width: 62%;
  height: 62%;
  bottom: 0;
  right: -3%;
  transform: rotate(13deg);
}

.pacific-path__opening-goodiez {
  z-index: 2;
  width: 42%;
  height: 42%;
  top: 27%;
  right: -5%;
  transform: rotate(14deg);
}

.pacific-path__opening-products:before, .pacific-path__opening-products:after {
  content: "";
  border: 1px solid #fff8e9b3;
  border-radius: 50%;
  position: absolute;
}

.pacific-path__opening-products:before {
  inset: 4%;
  transform: rotate(-19deg);
}

.pacific-path__opening-products:after {
  border-style: dashed;
  inset: 16%;
  transform: rotate(31deg);
}

.pacific-path__hero-conduit {
  z-index: 6;
  color: #ff5d2a;
  font: 800 7px var(--font-mono);
  letter-spacing: .08em;
  align-items: center;
  gap: .4rem;
  display: flex;
  position: absolute;
  bottom: 8%;
  left: -29%;
  transform: rotate(-18deg);
}

.pacific-path__hero-conduit span {
  color: #fff8e9;
  background: #ff5d2a;
  padding: .38rem .45rem;
}

.pacific-path__hero-conduit i {
  background: #ff5d2a;
  width: clamp(5rem, 11vw, 11rem);
  height: 3px;
}

.pacific-path__hero-conduit b {
  background: #fff8e9;
  border: 4px solid #ff5d2a;
  border-radius: 50%;
  width: 16px;
  height: 16px;
}

.pacific-path__opening-stamp {
  z-index: 5;
  color: #fff8e9;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  font: 800 7px / 1.2 var(--font-mono);
  letter-spacing: .08em;
  background: #121c1673;
  border: 1px solid #fff8e973;
  align-items: center;
  gap: .5rem;
  padding: .5rem .6rem;
  display: flex;
  position: absolute;
  bottom: 1.3rem;
  right: clamp(1.3rem, 4vw, 4rem);
}

.pacific-path__opening-stamp img {
  object-fit: contain;
  width: 25px;
  height: 25px;
}

.pacific-path__opening-foot {
  right: clamp(12rem, 20vw, 21rem);
}

.product-path__stop:nth-child(2n) {
  grid-template-columns: minmax(360px, .9fr) minmax(0, 1fr);
}

.product-path__stop:nth-child(2n) .product-path__copy {
  order: 2;
  justify-self: end;
}

.product-path__stop:nth-child(2n) .product-path__stage {
  order: 1;
}

.product-path__stop--berry, .product-path__stop--honey, .product-path__stop--fizz {
  color: #253126;
}

.product-path__stop--berry:before {
  background: linear-gradient(105deg, #fff8e5e8, #fff8e5c2 57%, #8256406b);
}

.product-path__stop--honey:before {
  background: linear-gradient(105deg, #ffebabe6, #fff2c2a8 55%, #7a4c1370);
}

.product-path__stop--fizz:before {
  background: linear-gradient(105deg, #c6eff7e8, #cef3f6a1 57%, #14657b75);
}

.product-path__stop--berry .product-path__copy h2, .product-path__stop--honey .product-path__copy h2, .product-path__stop--fizz .product-path__copy h2 {
  color: #253126;
}

.product-path__stop--berry .product-path__copy > span, .product-path__stop--honey .product-path__copy > span, .product-path__stop--fizz .product-path__copy > span {
  color: #4d5b50;
}

.product-path__stop--berry .product-path__copy a, .product-path__stop--honey .product-path__copy a, .product-path__stop--fizz .product-path__copy a {
  color: #253126;
  background: #fff8e96b;
  border-color: #25312673;
}

.product-path__stop--berry .product-path__copy a:hover, .product-path__stop--honey .product-path__copy a:hover, .product-path__stop--fizz .product-path__copy a:hover {
  color: #fff8e9;
  background: #ff5d2a;
  border-color: #ff5d2a;
}

.product-path__product-conduit {
  z-index: 7;
  color: #ff5d2a;
  font: 800 7px var(--font-mono);
  letter-spacing: .08em;
  align-items: center;
  gap: .4rem;
  display: flex;
  position: absolute;
  top: 49%;
  left: -54%;
  transform: rotate(-12deg);
}

.product-path__product-conduit span {
  color: #fff8e9;
  text-align: center;
  background: #ff5d2a;
  width: 7rem;
  padding: .35rem .42rem;
}

.product-path__product-conduit i {
  background: #ff5d2a;
  width: clamp(5rem, 12vw, 13rem);
  height: 3px;
}

.product-path__product-conduit b {
  background: #fff7e5;
  border: 4px solid #ff5d2a;
  border-radius: 50%;
  width: 15px;
  height: 15px;
}

.product-path__stop:nth-child(2n) .product-path__product-conduit {
  left: auto;
  right: -54%;
  transform: rotate(12deg)scaleX(-1);
}

.product-path__stop:nth-child(2n) .product-path__product-conduit span {
  transform: scaleX(-1);
}

.product-path__stage small {
  z-index: 9;
}

.pacific-path__handoff {
  grid-template-columns: 1fr minmax(220px, .65fr) 1fr;
  gap: clamp(2rem, 6vw, 7rem);
}

.pacific-path__scan-bay {
  color: #fff8e9;
  background: repeating-linear-gradient(90deg, #fff8e9 0 8px, #0000 8px 17px), repeating-linear-gradient(0deg, #fff8e9 0 8px, #0000 8px 17px);
  border: 2px solid #fff8e9;
  place-items: center;
  min-height: 15rem;
  padding: 1rem;
  display: grid;
  position: relative;
  overflow: hidden;
}

.pacific-path__scan-bay:after {
  content: "";
  background: #2a1f14;
  position: absolute;
  inset: 20%;
}

.pacific-path__scan-bay > span {
  z-index: 2;
  color: #fff8e9;
  font: 800 7px var(--font-mono);
  letter-spacing: .08em;
  background: #ff5d2a;
  padding: .32rem .4rem;
  position: absolute;
  top: .6rem;
  left: .6rem;
}

.pacific-path__scan-bay > svg {
  z-index: 3;
  color: #ffbd43;
  background: #2a1f14;
  padding: .5rem;
  position: relative;
}

.pacific-path__scan-bay > p {
  z-index: 3;
  color: #fff8e9;
  font: 700 7px / 1.45 var(--font-mono);
  text-align: center;
  letter-spacing: .05em;
  margin: 0;
  position: absolute;
  bottom: .8rem;
  left: 1.2rem;
  right: 1.2rem;
}

.pacific-path__handoff-action {
  align-self: end;
}

.pacific-path__handoff-action > p {
  color: #e4d8c3;
  margin: 0;
  line-height: 1.75;
}

.pacific-path__handoff-action > a {
  background: var(--orange);
  color: #2b160b;
  width: max-content;
  font: 800 9px var(--font-mono);
  letter-spacing: .08em;
  text-transform: uppercase;
  align-items: center;
  gap: .55rem;
  margin-top: 1.5rem;
  padding: .9rem 1rem;
  display: flex;
}

@media (max-width: 900px) {
  .pacific-path__opening {
    display: block;
  }

  .pacific-path__opening-copy {
    max-width: 19rem;
  }

  .pacific-path__opening-products {
    width: 78vw;
    position: absolute;
    bottom: 11%;
    right: 0;
  }

  .pacific-path__opening-gummy {
    top: 10%;
    left: -3%;
  }

  .pacific-path__opening-truffle {
    bottom: -1%;
    right: 0;
  }

  .pacific-path__opening-goodiez {
    top: 30%;
    right: 1%;
  }

  .pacific-path__hero-conduit {
    display: none;
  }

  .pacific-path__opening-stamp {
    bottom: 1rem;
    right: 1rem;
  }

  .pacific-path__opening-foot {
    bottom: 1rem;
    left: 1rem;
    right: 7rem;
  }

  .product-path__stop:nth-child(2n) {
    display: block;
  }

  .product-path__stop:nth-child(2n) .product-path__copy {
    order: initial;
    justify-self: auto;
  }

  .product-path__stop:nth-child(2n) .product-path__stage {
    order: initial;
  }

  .product-path__product-conduit {
    transform-origin: 0;
    top: 18%;
    left: -7%;
    transform: rotate(-18deg)scale(.72);
  }

  .product-path__stop:nth-child(2n) .product-path__product-conduit {
    transform-origin: 100%;
    left: auto;
    right: -7%;
    transform: rotate(18deg)scale(.72)scaleX(-1);
  }

  .pacific-path__handoff {
    grid-template-columns: 1fr;
    padding: 5rem 1.3rem;
  }

  .pacific-path__scan-bay {
    width: min(72vw, 18rem);
  }

  .pacific-path__handoff-action {
    align-self: auto;
  }
}

.pacific-path {
  --route-cream: #fff8e9;
  --route-dark: #18231f;
  min-height: 100vh;
  color: var(--route-cream);
  background: #17211f;
  position: relative;
  overflow: clip;
}

.pacific-path__backdrop {
  z-index: 0;
  background: #17211f;
  position: fixed;
  inset: 0;
  overflow: hidden;
}

.pacific-path__film {
  object-fit: cover;
  opacity: .86;
  width: 100%;
  height: 100%;
  transform: scale(1.04);
}

.pacific-path__wash {
  background: linear-gradient(#0a1514b8 0%, #101e196b 20%, #1d2a1a6e 47%, #2b160c8c 78%, #100c0ad4);
  position: absolute;
  inset: 0;
}

.pacific-path__content {
  z-index: 1;
  position: relative;
}

.pacific-path__opening {
  align-content: center;
  min-height: 100svh;
  padding: 8.5rem clamp(1.3rem, 10vw, 12rem) 5rem;
  display: grid;
  position: relative;
}

.pacific-path__opening-copy {
  z-index: 3;
  max-width: 42rem;
  position: relative;
}

.pacific-path__opening-copy h1 {
  font: 700 clamp(4.8rem, 10vw, 11.8rem) / .76 var(--font-display);
  letter-spacing: -.11em;
  text-wrap: balance;
  margin: 1.1rem 0 1.6rem;
}

.pacific-path__opening-copy > p:not(.eyebrow) {
  color: #e3ead6;
  max-width: 34rem;
  font-size: clamp(.95rem, 1.25vw, 1.08rem);
  line-height: 1.75;
}

.pacific-path__opening-copy > a {
  background: var(--orange);
  color: #24140d;
  font: 800 9px var(--font-mono);
  letter-spacing: .08em;
  text-transform: uppercase;
  align-items: center;
  gap: .6rem;
  margin-top: 1.7rem;
  padding: .85rem .95rem;
  display: inline-flex;
}

.pacific-path__opening-orbit {
  z-index: 2;
  aspect-ratio: 1;
  border: 1px solid #fff8e98c;
  border-radius: 50%;
  width: min(35vw, 32rem);
  position: absolute;
  top: 25%;
  right: clamp(6%, 13vw, 16%);
  transform: rotate(-18deg);
}

.pacific-path__opening-orbit:after {
  content: "";
  border: 1px dashed #fff8e96e;
  border-radius: 50%;
  position: absolute;
  inset: 17%;
}

.pacific-path__opening-orbit i {
  aspect-ratio: 1;
  background: #ffbd43;
  border-radius: 50%;
  width: clamp(1rem, 2vw, 2.2rem);
  position: absolute;
  box-shadow: inset -7px -6px #5c380d33;
}

.pacific-path__opening-orbit i:first-of-type {
  top: 7%;
  left: 40%;
}

.pacific-path__opening-orbit i:nth-of-type(2) {
  background: #ef653f;
  bottom: 24%;
  right: 5%;
}

.pacific-path__opening-orbit i:nth-of-type(3) {
  background: #7ba163;
  bottom: 14%;
  left: 15%;
}

.pacific-path__opening-orbit span {
  background: var(--orange);
  color: #21150d;
  font: 800 8px var(--font-mono);
  letter-spacing: .09em;
  padding: .35rem .45rem;
  position: absolute;
  bottom: 23%;
  right: -19%;
  transform: rotate(18deg);
}

.pacific-path__opening-foot {
  color: #dce6ca;
  font: 700 8px var(--font-mono);
  letter-spacing: .1em;
  justify-content: space-between;
  display: flex;
  position: absolute;
  bottom: 1.4rem;
  left: clamp(1.3rem, 10vw, 12rem);
  right: clamp(1.3rem, 4vw, 4rem);
}

.pacific-path__ribbon {
  color: #2e2915;
  white-space: nowrap;
  font: 800 clamp(1.1rem, 2vw, 1.55rem) var(--font-display);
  letter-spacing: -.05em;
  background: #ffbd43;
  align-items: center;
  gap: 1.1rem;
  padding: .9rem 0;
  display: flex;
  overflow: hidden;
}

.pacific-path__ribbon span {
  display: inline-block;
}

.pacific-path__ribbon i {
  background: #2e2915;
  border-radius: 50%;
  width: .45rem;
  height: .45rem;
}

.pacific-path__intro {
  color: #1f2b22;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  background: #fff8e9f0;
  grid-template-columns: 1.05fr .95fr;
  gap: 4rem;
  padding: clamp(6rem, 12vw, 12rem);
  display: grid;
}

.pacific-path__intro h2, .pacific-path__handoff h2 {
  font: 700 clamp(3.8rem, 7vw, 8.6rem) / .79 var(--font-display);
  letter-spacing: -.1em;
  grid-column: 1;
  margin: 0;
}

.pacific-path__intro > p:not(.eyebrow) {
  color: #596257;
  align-self: end;
  max-width: 34rem;
  margin: 0;
  line-height: 1.8;
}

.pacific-path__intro-notes {
  color: #314436;
  font: 700 9px var(--font-mono);
  letter-spacing: .07em;
  border-top: 1px solid #1f2b222e;
  flex-wrap: wrap;
  grid-column: 1 / -1;
  gap: 1rem 2.5rem;
  padding-top: 1.5rem;
  display: flex;
}

.pacific-path__intro-notes span {
  align-items: center;
  gap: .45rem;
  display: flex;
}

.pacific-path__intro-notes svg {
  color: var(--orange);
}

.product-path__stop {
  --stop-bg: #1a2d24b3;
  isolation: isolate;
  grid-template-columns: minmax(0, 1fr) minmax(360px, .9fr);
  align-items: center;
  gap: clamp(3rem, 9vw, 12rem);
  min-height: 100svh;
  padding: clamp(7rem, 11vw, 11rem) clamp(1.3rem, 10vw, 12rem);
  display: grid;
  position: relative;
  overflow: hidden;
}

.product-path__stop:before {
  content: "";
  z-index: -1;
  background: linear-gradient(105deg, var(--stop-bg) 0%, var(--stop-bg) 57%, #09120e38);
  position: absolute;
  inset: 0;
}

@supports (color: color-mix(in lab, red, red)) {
  .product-path__stop:before {
    background: linear-gradient(105deg, var(--stop-bg) 0%, color-mix(in srgb, var(--stop-bg) 52%, transparent) 57%, #09120e38);
  }
}

.product-path__stop--berry {
  --stop-bg: #282d42c7;
}

.product-path__stop--chew {
  --stop-bg: #743329c4;
}

.product-path__stop--honey {
  --stop-bg: #6c4913c2;
}

.product-path__stop--cacao {
  --stop-bg: #2e170ed6;
}

.product-path__stop--fizz {
  --stop-bg: #134e5dbf;
}

.product-path__stop--finish {
  --stop-bg: #321e1bd4;
}

.product-path__route {
  z-index: 5;
  color: #ffbd43;
  font: 800 8px var(--font-mono);
  letter-spacing: .1em;
  align-items: center;
  gap: .5rem;
  display: flex;
  position: absolute;
  top: 5.8rem;
  left: clamp(1.3rem, 10vw, 12rem);
  right: clamp(1.3rem, 10vw, 12rem);
}

.product-path__route span {
  background: var(--orange);
  color: #fff6df;
  padding: .38rem .5rem;
}

.product-path__route i {
  background: var(--orange);
  flex: 1;
  height: 3px;
}

.product-path__route b {
  border: 4px solid var(--orange);
  background: #fff4d5;
  border-radius: 50%;
  width: 15px;
  height: 15px;
}

.product-path__copy {
  z-index: 3;
  max-width: 37rem;
  position: relative;
}

.product-path__copy > p {
  color: #ffcb74;
  font: 800 9px var(--font-mono);
  letter-spacing: .11em;
  margin: 0 0 1rem;
}

.product-path__copy h2 {
  color: #fff7e8;
  font: 700 clamp(4.3rem, 7.5vw, 9rem) / .77 var(--font-display);
  letter-spacing: -.1em;
  margin: 0;
}

.product-path__copy h2 em {
  color: #ffb13e;
}

.product-path__copy > span {
  color: #eef1df;
  max-width: 29rem;
  margin-top: 1.5rem;
  font-size: 1rem;
  line-height: 1.75;
  display: block;
}

.product-path__copy a {
  color: #fff8e9;
  font: 800 9px var(--font-mono);
  letter-spacing: .08em;
  text-transform: uppercase;
  transition: .2s var(--ease-out);
  border: 1px solid #fff8e980;
  align-items: center;
  gap: .55rem;
  margin-top: 1.6rem;
  padding: .82rem .95rem;
  display: inline-flex;
}

.product-path__copy a:hover {
  color: #2a1c0d;
  background: #ffbd43;
  border-color: #ffbd43;
  transform: translateY(-3px);
}

.product-path__stage {
  z-index: 3;
  aspect-ratio: 1;
  justify-self: center;
  width: min(43vw, 590px);
  position: relative;
}

.product-path__edible {
  place-items: center;
  display: grid;
  position: absolute;
  inset: 0;
}

.product-path__edible > img:first-child {
  z-index: 4;
  object-fit: contain;
  filter: drop-shadow(25px 31px 29px #00000061);
  width: 83%;
  height: 83%;
  position: relative;
}

.product-path__edible .product-path__companion {
  z-index: 3;
  object-fit: contain;
  filter: drop-shadow(18px 20px 18px #00000047);
  width: 46%;
  height: 46%;
  position: absolute;
  bottom: 8%;
  right: -4%;
  transform: rotate(13deg);
}

.product-path__edible > i {
  z-index: 1;
  border: 1px solid #fff8e9b8;
  border-radius: 50%;
  position: absolute;
}

.product-path__edible > i:last-of-type {
  inset: 7%;
  transform: rotate(-19deg);
}

.product-path__edible > i:nth-last-of-type(2) {
  border-style: dashed;
  inset: 20%;
}

.product-path__edible > i:nth-last-of-type(3) {
  aspect-ratio: 1;
  background: #ffbd43;
  border: 0;
  width: 16%;
  top: 13%;
  right: 4%;
  box-shadow: inset -10px -9px #663a0833;
}

.product-path__stage small {
  z-index: 5;
  color: #2d2110;
  font: 800 8px var(--font-mono);
  letter-spacing: .09em;
  background: #ffbd43;
  padding: .35rem .45rem;
  position: absolute;
  bottom: 0;
  right: -4%;
  transform: rotate(-6deg);
}

.pacific-path__handoff {
  color: #fff8e8;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  background: #1c150fe6;
  grid-template-columns: 1.1fr .9fr;
  align-items: end;
  gap: 3rem;
  min-height: 76svh;
  padding: clamp(6rem, 12vw, 12rem);
  display: grid;
}

.pacific-path__handoff h2 {
  grid-column: 1;
}

.pacific-path__handoff h2 em {
  color: #ffbd43;
}

.pacific-path__handoff > p:not(.eyebrow) {
  color: #e4d8c3;
  max-width: 31rem;
  margin: 0;
  line-height: 1.75;
}

.pacific-path__handoff > a {
  background: var(--orange);
  color: #2b160b;
  width: max-content;
  font: 800 9px var(--font-mono);
  letter-spacing: .08em;
  text-transform: uppercase;
  grid-column: 2;
  align-items: center;
  gap: .55rem;
  padding: .9rem 1rem;
  display: flex;
}

.pacific-path__motion-control {
  z-index: 50;
  color: #fff8e9;
  -webkit-backdrop-filter: blur(11px);
  backdrop-filter: blur(11px);
  font: 700 8px var(--font-mono);
  letter-spacing: .08em;
  background: #161b1394;
  border: 1px solid #fff8e96b;
  align-items: center;
  gap: .45rem;
  padding: .6rem .7rem;
  display: flex;
  position: fixed;
  bottom: 1.2rem;
  right: 1.2rem;
}

@media (max-width: 900px) {
  .pacific-path__opening {
    min-height: 810px;
    padding: 8rem 1.3rem 4rem;
  }

  .pacific-path__opening-copy h1 {
    font-size: clamp(4.3rem, 16vw, 6.8rem);
  }

  .pacific-path__opening-orbit {
    width: 63vw;
    top: auto;
    bottom: 14%;
    right: 8%;
  }

  .pacific-path__opening-orbit span {
    display: none;
  }

  .pacific-path__opening-foot {
    font-size: 7px;
    bottom: 1rem;
    left: 1rem;
    right: 1rem;
  }

  .pacific-path__opening-foot span:last-child {
    display: none;
  }

  .pacific-path__intro {
    grid-template-columns: 1fr;
    gap: 2rem;
    padding: 5rem 1.3rem;
  }

  .pacific-path__intro h2, .pacific-path__handoff h2 {
    font-size: clamp(3.7rem, 14vw, 5.8rem);
  }

  .pacific-path__intro-notes {
    gap: .75rem;
    display: grid;
  }

  .product-path__stop {
    min-height: 100svh;
    padding: 6rem 1.3rem 4rem;
    display: block;
  }

  .product-path__route {
    top: 4.6rem;
    left: 1.3rem;
    right: 1.3rem;
  }

  .product-path__route span {
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 45%;
    overflow: hidden;
  }

  .product-path__route i:last-child {
    display: none;
  }

  .product-path__copy {
    max-width: 20rem;
    padding-top: 3rem;
  }

  .product-path__copy h2 {
    font-size: clamp(4rem, 15vw, 6rem);
  }

  .product-path__copy > span {
    font-size: .88rem;
  }

  .product-path__stage {
    width: 74vw;
    position: absolute;
    bottom: 6%;
    right: 3%;
  }

  .product-path__edible > img:first-child {
    width: 90%;
    height: 90%;
  }

  .product-path__stage small {
    max-width: 12rem;
    font-size: 7px;
    bottom: 1%;
    right: -4%;
  }

  .pacific-path__handoff {
    grid-template-columns: 1fr;
    gap: 2rem;
    min-height: 75svh;
    padding: 5rem 1.3rem;
  }

  .pacific-path__handoff > a {
    grid-column: 1;
  }

  .pacific-path__motion-control {
    bottom: .8rem;
    right: .8rem;
  }

  .site-header:has( + *) {
    min-height: 66px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .pacific-path__film {
    display: none;
  }

  .pacific-path__backdrop {
    background: linear-gradient(145deg, #163931, #623017 48%, #17201d);
  }

  .product-path__edible, .product-path__copy {
    transform: none !important;
  }
}

.swifts-gummy-3d {
  z-index: 5;
  -webkit-user-select: none;
  user-select: none;
  width: 78%;
  height: 78%;
  position: absolute;
  top: 4%;
  left: -3%;
}

.swifts-gummy-3d__stage {
  touch-action: none;
  cursor: grab;
  outline: none;
  width: 100%;
  height: 100%;
}

.swifts-gummy-3d__stage:active {
  cursor: grabbing;
}

.swifts-gummy-3d__stage:focus-visible {
  outline-offset: 5px;
  outline: 3px solid #ff5d2a;
}

.swifts-gummy-3d__stage canvas, .swifts-gummy-3d__stage > img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.swifts-gummy-3d__caption {
  z-index: 7;
  color: #fff8e9;
  font: 800 7px / 1.1 var(--font-mono);
  letter-spacing: .08em;
  pointer-events: none;
  background: #ff5d2a;
  gap: .3rem;
  padding: .45rem .5rem;
  display: grid;
  position: absolute;
  top: 12%;
  left: -10%;
  transform: rotate(-9deg);
}

.swifts-gummy-3d__caption strong {
  color: #ffdc7b;
  font: 700 9px var(--font-display);
  letter-spacing: -.03em;
}

.swifts-gummy-3d__reset {
  z-index: 8;
  color: #fff8e9;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  font: 800 7px var(--font-mono);
  letter-spacing: .07em;
  background: #161e148f;
  border: 1px solid #fff8e99e;
  align-items: center;
  gap: .3rem;
  padding: .38rem .45rem;
  display: flex;
  position: absolute;
  bottom: 7%;
  right: 0;
}

.pacific-path__opening-gummy {
  z-index: 5 !important;
  filter: none !important;
  width: 78% !important;
  height: 78% !important;
  transform: none !important;
}

.pacific-path__opening-products > img.pacific-path__opening-goodiez {
  z-index: 2;
}

.pacific-path__opening-products > img.pacific-path__opening-truffle {
  z-index: 3;
}

@media (max-width: 900px) {
  .swifts-gummy-3d {
    width: 86%;
    height: 86%;
    top: 6%;
    left: -6%;
  }

  .swifts-gummy-3d__caption {
    transform-origin: 0 0;
    left: -2%;
    transform: rotate(-7deg)scale(.8);
  }

  .swifts-gummy-3d__reset {
    transform-origin: 100% 100%;
    bottom: 4%;
    right: 4%;
    transform: scale(.8);
  }

  .pacific-path__opening {
    display: block;
  }

  .pacific-path__opening-copy {
    width: 100%;
    max-width: 100%;
    padding-right: 0;
  }

  .pacific-path__opening-copy > p:not(.eyebrow) {
    max-width: 19rem;
    font-size: .88rem;
  }

  .pacific-path__opening-products {
    opacity: .94;
    width: 58vw;
    top: 14%;
    bottom: auto;
    right: -7%;
  }

  .pacific-path__opening-goodiez {
    display: none;
  }

  .pacific-path__opening-truffle {
    opacity: .84;
    width: 58%;
    height: 58%;
    bottom: -7%;
    right: -9%;
  }

  .pacific-path__opening-gummy {
    width: 91% !important;
    height: 91% !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .swifts-gummy-3d__caption strong:after {
    content: " · STATIC VIEW";
  }
}

.pacific-flight {
  --cream: #fff9e8;
  --orange: #ff5d2a;
  min-height: 100vh;
  color: var(--cream);
  background: #10242a;
  position: relative;
  overflow: clip;
}

.pacific-flight__film-layer {
  z-index: 0;
  background: #10242a;
  position: fixed;
  inset: 0;
  overflow: hidden;
}

.pacific-flight__film {
  object-fit: cover;
  opacity: .94;
  width: 100%;
  height: 100%;
}

.pacific-flight__wash {
  background: linear-gradient(#05151d99, #0a29274d 34%, #09251f66 65%, #14222cc7);
  position: absolute;
  inset: 0;
}

.pacific-flight__content {
  z-index: 1;
  position: relative;
}

.pacific-flight__hero {
  grid-template-columns: minmax(0, 1fr) minmax(320px, .92fr);
  align-content: center;
  column-gap: clamp(2rem, 8vw, 10rem);
  min-height: 100svh;
  padding: 8.5rem clamp(1.3rem, 10vw, 12rem) 5rem;
  display: grid;
  position: relative;
}

.pacific-flight__hero-copy {
  z-index: 3;
  max-width: 45rem;
  position: relative;
}

.pacific-flight__hero-copy h1 {
  font: 700 clamp(4.4rem, 9.5vw, 11.4rem) / .76 var(--font-display);
  letter-spacing: -.11em;
  margin: 1.1rem 0 1.5rem;
}

.pacific-flight__hero-copy h1 em {
  color: #ffbd43;
}

.pacific-flight__hero-copy > p:not(.eyebrow) {
  color: #e8f0e8;
  max-width: 33rem;
  font-size: 1.05rem;
  line-height: 1.75;
}

.pacific-flight__hero-copy > a {
  background: var(--orange);
  color: #fff9e8;
  font: 800 9px var(--font-mono);
  letter-spacing: .08em;
  text-transform: uppercase;
  align-items: center;
  gap: .55rem;
  margin-top: 1.7rem;
  padding: .88rem 1rem;
  display: inline-flex;
}

.pacific-flight__hero-flight {
  z-index: 3;
  aspect-ratio: 1;
  justify-self: center;
  width: min(42vw, 600px);
  position: relative;
}

.pacific-flight__hero-flight > img {
  z-index: 4;
  object-fit: contain;
  filter: drop-shadow(21px 30px 25px #0000005e);
  width: 69%;
  height: 69%;
  position: absolute;
}

.pacific-flight__hero-flight > img:first-child {
  top: 3%;
  left: 5%;
  transform: rotate(-13deg);
}

.pacific-flight__hero-flight > img:nth-child(2) {
  width: 48%;
  height: 48%;
  bottom: 6%;
  right: -1%;
  transform: rotate(14deg);
}

.pacific-flight__hero-flight > i, .pacific-flight__summit-orbit > i {
  z-index: 1;
  border: 1px solid #fff9e8a3;
  border-radius: 50%;
  position: absolute;
}

.pacific-flight__hero-flight > i:nth-last-of-type(2) {
  inset: 5%;
  transform: rotate(19deg);
}

.pacific-flight__hero-flight > i:last-of-type {
  border-style: dashed;
  inset: 18%;
  transform: rotate(-25deg);
}

.pacific-flight__hero-flight > b {
  z-index: 8;
  background: var(--orange);
  color: #fff9e8;
  font: 800 7px var(--font-mono);
  letter-spacing: .08em;
  padding: .38rem .5rem;
  position: absolute;
  bottom: 0;
  left: -8%;
  transform: rotate(-11deg);
}

.pacific-flight__hero-foot {
  color: #e8f0e8;
  font: 700 8px var(--font-mono);
  letter-spacing: .1em;
  justify-content: space-between;
  display: flex;
  position: absolute;
  bottom: 1.2rem;
  left: clamp(1.3rem, 10vw, 12rem);
  right: clamp(1.3rem, 4vw, 4rem);
}

.pacific-flight__wind-line {
  color: #183338;
  font: 800 8px var(--font-mono);
  letter-spacing: .09em;
  background: #ffbd43;
  align-items: center;
  gap: .65rem;
  padding: .82rem clamp(1.3rem, 10vw, 12rem);
  display: flex;
}

.pacific-flight__wind-line i {
  background: #183338;
  flex: 1;
  height: 2px;
}

.pacific-flight__intro {
  color: #173037;
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
  background: #fff9e8f0;
  grid-template-columns: 1.15fr .85fr;
  gap: 3rem;
  padding: clamp(6rem, 12vw, 12rem);
  display: grid;
}

.pacific-flight__intro h2 {
  font: 700 clamp(3.8rem, 7vw, 8.4rem) / .78 var(--font-display);
  letter-spacing: -.1em;
  grid-column: 1;
  margin: 0;
}

.pacific-flight__intro h2 em {
  color: var(--orange);
}

.pacific-flight__intro > p:not(.eyebrow) {
  color: #52665d;
  align-self: end;
  max-width: 31rem;
  margin: 0;
  line-height: 1.8;
}

.pacific-flight__stop {
  grid-template-columns: minmax(0, 1fr) minmax(340px, .86fr);
  align-items: center;
  gap: clamp(3rem, 8vw, 10rem);
  min-height: 100svh;
  padding: clamp(7rem, 11vw, 11rem) clamp(1.3rem, 10vw, 12rem);
  display: grid;
  position: relative;
  overflow: hidden;
}

.pacific-flight__stop:before {
  content: "";
  z-index: -1;
  background: linear-gradient(105deg, #0a2633c7, #0c322d63 60%, #0a1a1f3b);
  position: absolute;
  inset: 0;
}

.pacific-flight__stop:nth-child(2n) {
  grid-template-columns: minmax(340px, .86fr) minmax(0, 1fr);
}

.pacific-flight__stop:nth-child(2n) .pacific-flight__copy {
  order: 2;
}

.pacific-flight__stop:nth-child(2n) .pacific-flight__edible {
  order: 1;
}

.pacific-flight__route {
  z-index: 5;
  color: #ffbd43;
  align-items: center;
  gap: .45rem;
  display: flex;
  position: absolute;
  top: 5.6rem;
  left: clamp(1.3rem, 10vw, 12rem);
  right: clamp(1.3rem, 10vw, 12rem);
}

.pacific-flight__route span {
  aspect-ratio: 1;
  background: var(--orange);
  color: #fff9e8;
  width: 1.7rem;
  font: 800 8px var(--font-mono);
  border-radius: 50%;
  place-items: center;
  display: grid;
}

.pacific-flight__route i {
  background: var(--orange);
  flex: 1;
  height: 3px;
}

.pacific-flight__route b {
  border: 4px solid var(--orange);
  background: #fff9e8;
  border-radius: 50%;
  width: 15px;
  height: 15px;
}

.pacific-flight__route small {
  background: var(--orange);
  color: #fff9e8;
  font: 800 7px var(--font-mono);
  letter-spacing: .08em;
  padding: .34rem .43rem;
}

.pacific-flight__copy {
  z-index: 3;
  max-width: 38rem;
  position: relative;
}

.pacific-flight__copy > p {
  color: #ffbd43;
  font: 800 9px var(--font-mono);
  letter-spacing: .1em;
  margin: 0 0 1rem;
}

.pacific-flight__copy h2 {
  font: 700 clamp(4.1rem, 7.5vw, 8.8rem) / .77 var(--font-display);
  letter-spacing: -.1em;
  margin: 0;
}

.pacific-flight__copy h2 em {
  color: #ffbd43;
}

.pacific-flight__copy > span {
  color: #edf4e8;
  max-width: 29rem;
  margin-top: 1.5rem;
  line-height: 1.75;
  display: block;
}

.pacific-flight__copy a, .pacific-flight__summit a {
  color: #fff9e8;
  font: 800 9px var(--font-mono);
  letter-spacing: .08em;
  text-transform: uppercase;
  transition: .18s var(--ease-out);
  border: 1px solid #fff9e894;
  align-items: center;
  gap: .55rem;
  margin-top: 1.5rem;
  padding: .83rem .95rem;
  display: inline-flex;
}

.pacific-flight__copy a:hover, .pacific-flight__summit a:hover {
  border-color: var(--orange);
  background: var(--orange);
  transform: translateY(-3px);
}

.pacific-flight__edible {
  z-index: 3;
  aspect-ratio: 1;
  justify-self: center;
  width: min(43vw, 570px);
  position: relative;
}

.pacific-flight__edible > img {
  z-index: 4;
  object-fit: contain;
  filter: drop-shadow(25px 31px 28px #00000061);
  width: 92%;
  height: 92%;
  position: absolute;
  inset: 4%;
}

.pacific-flight__edible > i {
  z-index: 1;
  border: 1px solid #fff9e89e;
  border-radius: 50%;
  position: absolute;
}

.pacific-flight__edible > i:nth-last-of-type(2) {
  inset: 6%;
  transform: rotate(-18deg);
}

.pacific-flight__edible > i:last-of-type {
  border-style: dashed;
  inset: 19%;
  transform: rotate(25deg);
}

.pacific-flight__fruit-cloud {
  z-index: 5;
  pointer-events: none;
  position: absolute;
  inset: 0;
}

.pacific-flight__fruit {
  z-index: 6;
  aspect-ratio: 1;
  border-radius: 50%;
  width: clamp(1.4rem, 3.5vw, 3.2rem);
  display: block;
  position: absolute;
  box-shadow: inset -8px -9px #30180926, 0 9px 17px #00000038;
}

.pacific-flight__fruit--mango {
  background: linear-gradient(135deg, #ffc943, #ed7640);
  top: 9%;
  right: 3%;
}

.pacific-flight__fruit--berry {
  background: radial-gradient(circle at 33% 28%, #ffbfcc 0 6%, #ce3f65 7% 64%, #7b214a 65%);
  bottom: 15%;
  left: 2%;
}

.pacific-flight__fruit--pineapple {
  background: #ffce34;
  border-radius: 46% 46% 54% 54%;
  top: 48%;
  left: 0;
}

.pacific-flight__fruit--pineapple:after {
  content: "";
  clip-path: polygon(50% 0, 62% 38%, 100% 13%, 72% 58%, 95% 75%, 56% 70%, 43% 100%, 36% 67%, 0 80%, 29% 47%, 3% 22%, 40% 37%);
  background: #5b893e;
  width: 45%;
  height: 45%;
  position: absolute;
  top: -33%;
  left: 24%;
}

.pacific-flight__fruit.small {
  width: 1.25rem;
  bottom: 26%;
  left: auto;
  right: 12%;
}

.pacific-flight__summit {
  color: #fff9e8;
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
  background: #11243cd6;
  grid-template-columns: 1.05fr .8fr .8fr;
  align-items: center;
  gap: clamp(2rem, 7vw, 8rem);
  min-height: 86svh;
  padding: clamp(6rem, 12vw, 12rem);
  display: grid;
}

.pacific-flight__summit h2 {
  font: 700 clamp(3.7rem, 6vw, 7.8rem) / .8 var(--font-display);
  letter-spacing: -.1em;
  margin: .8rem 0 0;
}

.pacific-flight__summit h2 em {
  color: #ffbd43;
}

.pacific-flight__summit > div:last-child > p {
  color: #dfebdd;
  margin: 0;
  line-height: 1.75;
}

.pacific-flight__summit-orbit {
  aspect-ratio: 1;
  justify-self: center;
  width: min(25vw, 280px);
  position: relative;
}

.pacific-flight__summit-orbit > img {
  z-index: 3;
  object-fit: contain;
  filter: drop-shadow(18px 22px 19px #00000059);
  width: 80%;
  height: 80%;
  position: absolute;
  inset: 10%;
}

.pacific-flight__summit-orbit > i:nth-last-of-type(2) {
  inset: 0;
}

.pacific-flight__summit-orbit > i:last-of-type {
  border-style: dashed;
  inset: 18%;
}

.pacific-flight__summit-orbit .pacific-flight__fruit--mango {
  top: 0;
  right: -4%;
}

.pacific-flight__summit-orbit .pacific-flight__fruit--berry {
  bottom: 0;
  left: -8%;
}

.pacific-flight__control {
  z-index: 50;
  color: #fff9e8;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  font: 800 8px var(--font-mono);
  letter-spacing: .08em;
  background: #081e2694;
  border: 1px solid #fff9e88f;
  align-items: center;
  gap: .4rem;
  padding: .58rem .68rem;
  display: flex;
  position: fixed;
  bottom: 1.2rem;
  right: 1.2rem;
}

@media (max-width: 900px) {
  .pacific-flight__hero {
    min-height: 800px;
    padding: 8rem 1.3rem 4rem;
    display: block;
  }

  .pacific-flight__hero-copy {
    max-width: 20rem;
  }

  .pacific-flight__hero-copy h1 {
    font-size: clamp(4rem, 15vw, 6.4rem);
  }

  .pacific-flight__hero-copy > p:not(.eyebrow) {
    max-width: 19rem;
    font-size: .9rem;
  }

  .pacific-flight__hero-flight {
    width: 61vw;
    position: absolute;
    top: 17%;
    right: -7%;
  }

  .pacific-flight__hero-flight > img:first-child {
    width: 84%;
    height: 84%;
  }

  .pacific-flight__hero-flight > img:nth-child(2), .pacific-flight__hero-flight > b {
    display: none;
  }

  .pacific-flight__hero-foot {
    font-size: 7px;
    bottom: 1rem;
    left: 1rem;
    right: 1rem;
  }

  .pacific-flight__hero-foot span:last-child {
    display: none;
  }

  .pacific-flight__wind-line {
    white-space: nowrap;
    padding: .75rem 1.3rem;
    overflow: hidden;
  }

  .pacific-flight__wind-line > span:nth-of-type(2), .pacific-flight__wind-line > i:last-of-type {
    display: none;
  }

  .pacific-flight__intro {
    grid-template-columns: 1fr;
    gap: 2rem;
    padding: 5rem 1.3rem;
  }

  .pacific-flight__intro h2 {
    font-size: clamp(3.7rem, 14vw, 5.6rem);
  }

  .pacific-flight__stop, .pacific-flight__stop:nth-child(2n) {
    min-height: 100svh;
    padding: 6rem 1.3rem 4rem;
    display: block;
  }

  .pacific-flight__route {
    top: 4.6rem;
    left: 1.3rem;
    right: 1.3rem;
  }

  .pacific-flight__route small {
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 9rem;
    overflow: hidden;
  }

  .pacific-flight__copy {
    max-width: 20rem;
    padding-top: 3rem;
  }

  .pacific-flight__copy h2 {
    font-size: clamp(4rem, 14vw, 5.8rem);
  }

  .pacific-flight__copy > span {
    font-size: .9rem;
  }

  .pacific-flight__edible {
    width: 76vw;
    position: absolute;
    bottom: 5%;
    right: 0;
  }

  .pacific-flight__stop:nth-child(2n) .pacific-flight__copy, .pacific-flight__stop:nth-child(2n) .pacific-flight__edible {
    order: initial;
  }

  .pacific-flight__summit {
    grid-template-columns: 1fr;
    gap: 2rem;
    min-height: 85svh;
    padding: 5rem 1.3rem;
  }

  .pacific-flight__summit h2 {
    font-size: clamp(3.7rem, 13vw, 5.6rem);
  }

  .pacific-flight__summit-orbit {
    justify-self: start;
    width: 48vw;
  }

  .pacific-flight__control {
    bottom: .8rem;
    right: .8rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .pacific-flight__film {
    display: none;
  }

  .pacific-flight__film-layer {
    background: linear-gradient(145deg, #245565, #315b43 53%, #344b76);
  }

  .pacific-flight__edible, .pacific-flight__fruit-cloud, .pacific-flight__copy {
    transform: none !important;
  }
}

.pacific-flight--trail-loop .pacific-flight__film-layer {
  background: #223e43;
}

.pacific-flight--trail-loop .pacific-flight__wash {
  background: linear-gradient(#05151d6b, #0a292729 34%, #09251f3d 65%, #14222c8f);
}

@media (prefers-reduced-motion: reduce) {
  .pacific-flight--trail-loop .pacific-flight__film {
    opacity: .78;
    display: block;
  }
}

.pacific-flight__content {
  isolation: isolate;
}

.pacific-flight__flight-spine {
  z-index: 2;
  pointer-events: none;
  width: 100%;
  height: calc(100% - 62rem);
  position: absolute;
  top: 44rem;
  left: 0;
  overflow: visible;
}

.pacific-flight__flight-spine path {
  fill: none;
  stroke: #ff5d2a;
  stroke-width: .24px;
  stroke-linecap: round;
  stroke-dasharray: 1.2 1.1;
  opacity: .74;
}

.pacific-flight__coast-scenery {
  z-index: 1;
  pointer-events: none;
  height: 54%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

.pacific-flight__coast-scenery i {
  background: linear-gradient(#d2f5f21a, #1b7c9485);
  border-radius: 50% 50% 0 0;
  height: 44%;
  position: absolute;
  left: -15%;
  right: -15%;
  transform: rotate(-4deg);
}

.pacific-flight__coast-scenery i:first-of-type {
  bottom: -20%;
}

.pacific-flight__coast-scenery i:nth-of-type(2) {
  background: linear-gradient(#c3eeef26, #20698559);
  bottom: 11%;
  transform: rotate(3deg);
}

.pacific-flight__coast-scenery i:nth-of-type(3) {
  background: #fff9e82e;
  height: 24%;
  bottom: 33%;
  transform: rotate(-2deg);
}

.pacific-flight__coast-scenery b {
  clip-path: polygon(0 100%, 37% 30%, 57% 59%, 72% 5%, 100% 100%);
  opacity: .8;
  background: linear-gradient(160deg, #0000 0 33%, #0f424299 34% 100%);
  width: 42%;
  height: 37%;
  position: absolute;
  bottom: 29%;
  right: 10%;
}

.pacific-flight__scenery {
  z-index: 0;
  pointer-events: none;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.pacific-flight__scenery--coast:before {
  content: "";
  background: repeating-radial-gradient(at 50% 100%, #e1fffa59 0 1px, #0000 2px 23px), linear-gradient(#85dbe121, #207a977a);
  height: 55%;
  position: absolute;
  bottom: 0;
  left: -8%;
  right: -8%;
}

.pacific-flight__scenery--forest i {
  clip-path: polygon(50% 0, 100% 100%, 0 100%);
  opacity: .75;
  background: linear-gradient(90deg, #1d583a, #4f8656);
  width: clamp(5rem, 11vw, 12rem);
  position: absolute;
  bottom: -3%;
}

.pacific-flight__scenery--forest i:first-of-type {
  height: 82%;
  left: 4%;
}

.pacific-flight__scenery--forest i:nth-of-type(2) {
  height: 68%;
  right: 7%;
}

.pacific-flight__scenery--forest i:nth-of-type(3) {
  background: #2e6b41;
  height: 48%;
  right: 27%;
}

.pacific-flight__scenery--forest b {
  background: radial-gradient(circle at 53% 25%, #fff9db61, #0000 23%);
  position: absolute;
  inset: 0;
}

.pacific-flight__scenery--rainier i {
  clip-path: polygon(0 100%, 13% 74%, 25% 80%, 49% 20%, 63% 51%, 73% 32%, 100% 100%);
  background: linear-gradient(155deg, #0000 0 48%, #d7f1f2a6 49% 58%, #4d7890a8 59% 100%);
  height: 83%;
  position: absolute;
  bottom: -5%;
  left: -8%;
  right: -8%;
}

.pacific-flight__scenery--rainier i:nth-of-type(2) {
  opacity: .68;
  clip-path: polygon(0 100%, 30% 38%, 54% 100%);
  background: #5f93a1;
  height: 52%;
  left: -8%;
  right: 37%;
}

.pacific-flight__scenery--rainier i:nth-of-type(3) {
  display: none;
}

.pacific-flight__scenery--rainier b {
  background: linear-gradient(#daf7f84d, #0000 36%);
  position: absolute;
  inset: 0;
}

.pacific-flight__stop--coast:before {
  background: linear-gradient(105deg, #ebfcf7e6, #d2f4f0a6 58%, #25819547);
}

.pacific-flight__stop--forest:before {
  background: linear-gradient(105deg, #eff9e5e6, #c1e1c294 57%, #1f633b4f);
}

.pacific-flight__stop--rainier:before {
  background: linear-gradient(105deg, #eff9f7eb, #cae7f09e 57%, #4376974f);
}

.pacific-flight__stop--coast .pacific-flight__copy, .pacific-flight__stop--forest .pacific-flight__copy, .pacific-flight__stop--rainier .pacific-flight__copy {
  color: #183a3f;
}

.pacific-flight__stop--coast .pacific-flight__copy h2, .pacific-flight__stop--forest .pacific-flight__copy h2, .pacific-flight__stop--rainier .pacific-flight__copy h2 {
  color: #19383b;
}

.pacific-flight__stop--coast .pacific-flight__copy > span, .pacific-flight__stop--forest .pacific-flight__copy > span, .pacific-flight__stop--rainier .pacific-flight__copy > span {
  color: #405e58;
}

.pacific-flight__stop--coast .pacific-flight__copy a, .pacific-flight__stop--forest .pacific-flight__copy a, .pacific-flight__stop--rainier .pacific-flight__copy a {
  color: #19383b;
  background: #fff9e86b;
  border-color: #19383b80;
}

.pacific-flight__stop--coast .pacific-flight__copy a:hover, .pacific-flight__stop--forest .pacific-flight__copy a:hover, .pacific-flight__stop--rainier .pacific-flight__copy a:hover {
  color: #fff9e8;
  background: #ff5d2a;
  border-color: #ff5d2a;
}

.pacific-flight__stop--forest .pacific-flight__edible {
  justify-self: end;
  width: min(36vw, 470px);
  margin-right: 8%;
}

.pacific-flight__stop--forest .pacific-flight__edible > img {
  mix-blend-mode: multiply;
  opacity: .95;
  transform: rotate(7deg);
}

.pacific-flight__stop--coast .pacific-flight__edible {
  justify-self: center;
}

.pacific-flight__stop--coast .pacific-flight__edible > img {
  clip-path: ellipse(47% 45%);
  mix-blend-mode: multiply;
}

.pacific-flight__stop--rainier .pacific-flight__edible {
  width: min(40vw, 520px);
}

.pacific-flight__stop--rainier .pacific-flight__edible > img {
  clip-path: polygon(18% 0, 82% 0, 100% 84%, 67% 100%, 25% 92%, 0 40%);
  mix-blend-mode: multiply;
}

.pacific-flight__stop--forest .pacific-flight__fruit-cloud {
  transform: rotate(-17deg);
}

.pacific-flight__stop--rainier .pacific-flight__fruit-cloud {
  transform: scale(1.15);
}

.pacific-flight__route {
  z-index: 7;
}

.pacific-flight__copy, .pacific-flight__edible {
  z-index: 4;
}

@media (max-width: 900px) {
  .pacific-flight__flight-spine {
    opacity: .56;
    height: calc(100% - 56rem);
    top: 40rem;
  }

  .pacific-flight__stop--forest .pacific-flight__edible, .pacific-flight__stop--rainier .pacific-flight__edible {
    width: 65vw;
    margin-right: 0;
  }

  .pacific-flight__scenery--forest i:nth-of-type(2), .pacific-flight__scenery--forest i:nth-of-type(3) {
    display: none;
  }

  .pacific-flight__scenery--rainier i {
    height: 55%;
  }

  .pacific-flight__coast-scenery {
    height: 45%;
  }
}

.golden-orchard__chapter {
  isolation: isolate;
}

.golden-orchard__chapter:before {
  z-index: 0;
}

.golden-orchard__copy, .golden-orchard__subject {
  z-index: 3;
}

.cacao-salon__nav > span {
  color: #fff7e9;
  background: #ff5d2a;
}

.cacao-salon__facts-link {
  width: max-content;
  margin-top: 1rem;
  color: #fff7e9 !important;
  background: #ff5d2a !important;
  padding: .55rem .65rem !important;
}

.golden-orchard__nav > span {
  color: #fff7e9;
  background: #ff5d2a;
}

.golden-orchard__pack-stage > a {
  z-index: 8;
  color: #fff8e7;
  font: 800 7px var(--font-mono);
  letter-spacing: .08em;
  background: #ff5d2a;
  align-items: center;
  gap: .35rem;
  padding: .48rem .55rem;
  display: flex;
  position: absolute;
  bottom: 8%;
  right: -11%;
}

.golden-orchard__hero-trail, .golden-orchard__trail {
  z-index: 8;
  color: #ff5d2a;
  font: 800 7px var(--font-mono);
  letter-spacing: .09em;
  align-items: center;
  gap: .35rem;
  display: flex;
  position: absolute;
}

.golden-orchard__hero-trail {
  bottom: 25%;
  right: 7%;
  transform: rotate(-24deg);
}

.golden-orchard__trail {
  bottom: 16%;
  right: clamp(7%, 12vw, 14%);
  transform: rotate(-14deg);
}

.golden-orchard__hero-trail span, .golden-orchard__trail span {
  color: #fff8e7;
  background: #ff5d2a;
  padding: .35rem .45rem;
}

.golden-orchard__hero-trail i, .golden-orchard__trail i {
  background: #ff5d2a;
  width: clamp(3rem, 6vw, 6rem);
  height: 3px;
}

.golden-orchard__hero-trail b, .golden-orchard__trail b {
  background: #fff3cb;
  border: 4px solid #ff5d2a;
  border-radius: 50%;
  width: 13px;
  height: 13px;
}

.golden-orchard__ingredient-label {
  color: #8e482a;
  width: max-content;
  font: 800 8px var(--font-mono);
  letter-spacing: .09em;
  align-items: center;
  gap: .45rem;
  margin-top: 1.2rem;
  display: flex;
}

.golden-orchard__ingredient-label i {
  background: #fff4cf;
  border: 3px solid #ff5d2a;
  border-radius: 50%;
  width: 11px;
  height: 11px;
}

.golden-orchard__chapter--reverse .golden-orchard__ingredient-label {
  color: #fff4ce;
}

.golden-orchard__chapter--reverse .golden-orchard__ingredient-label i {
  background: #ff5d2a;
  border-color: #ffcf6d;
}

.golden-orchard__chapter:after {
  content: "";
  pointer-events: none;
  background: repeating-linear-gradient(90deg, #0000 0 13px, #ff5d2aa6 13px 28px);
  height: 2px;
  position: absolute;
  bottom: 12%;
  left: 4%;
  right: 4%;
  transform: rotate(-5deg);
}

.golden-orchard__subject {
  z-index: 3;
}

.golden-orchard__subject--nuts {
  background: radial-gradient(circle at 20% 30%, #ffe17485 0 4%, #0000 4.5%), radial-gradient(circle at 75% 70%, #77994f66 0 8%, #0000 8.5%);
  width: min(47vw, 600px);
}

.golden-orchard__subject--pastry {
  width: min(48vw, 620px);
}

.golden-orchard__subject--pack {
  width: min(44vw, 570px);
}

@media (max-width: 900px) {
  .golden-orchard__pack-stage > a {
    bottom: 4%;
    right: -3%;
  }

  .golden-orchard__hero-trail {
    bottom: 28%;
    right: 4%;
  }

  .golden-orchard__hero-trail span, .golden-orchard__trail span {
    display: none;
  }

  .golden-orchard__hero-trail i, .golden-orchard__trail i {
    width: 4rem;
  }

  .golden-orchard__trail {
    bottom: 24%;
    right: 8%;
  }

  .golden-orchard__chapter:after {
    bottom: 13%;
  }

  .golden-orchard__subject--nuts, .golden-orchard__subject--pastry, .golden-orchard__subject--pack {
    width: 76vw;
  }
}

.product-skyline {
  --sky-cream: #fff7e8;
  --sky-orange: #ff5d2a;
  min-height: 100vh;
  color: var(--sky-cream);
  background: #102128;
  position: relative;
  overflow: clip;
}

.product-skyline__film-layer {
  z-index: 0;
  background: #102128;
  position: fixed;
  inset: 0;
  overflow: hidden;
}

.product-skyline__film {
  object-fit: cover;
  opacity: .88;
  width: 100%;
  height: 100%;
}

.product-skyline__wash {
  background: linear-gradient(#071317c2, #0a1e2166 30%, #0c1f2261 69%, #0a1015d4);
  position: absolute;
  inset: 0;
}

.product-skyline__content {
  z-index: 1;
  position: relative;
}

.product-skyline__hero {
  align-content: center;
  min-height: 100svh;
  padding: 8.5rem clamp(1.3rem, 10vw, 12rem) 5rem;
  display: grid;
  position: relative;
  overflow: hidden;
}

.product-skyline__hero-copy {
  z-index: 3;
  max-width: 48rem;
  position: relative;
}

.product-skyline__hero-copy h1 {
  max-width: 10ch;
  font: 700 clamp(4.6rem, 9.8vw, 11.8rem) / .76 var(--font-display);
  letter-spacing: -.11em;
  margin: 1.1rem 0 1.5rem;
}

.product-skyline__hero-copy h1 em {
  color: #ffbd43;
}

.product-skyline__hero-copy > p:not(.eyebrow) {
  color: #e9f1ea;
  max-width: 34rem;
  font-size: clamp(.95rem, 1.25vw, 1.08rem);
  line-height: 1.75;
}

.product-skyline__hero-copy > a {
  background: var(--sky-orange);
  color: #fff8e9;
  font: 800 9px var(--font-mono);
  letter-spacing: .08em;
  text-transform: uppercase;
  align-items: center;
  gap: .55rem;
  margin-top: 1.7rem;
  padding: .86rem .98rem;
  display: inline-flex;
}

.product-skyline__hero-constellation {
  z-index: 2;
  aspect-ratio: 1;
  border: 1px solid #fff7e887;
  border-radius: 50%;
  width: min(39vw, 35rem);
  position: absolute;
  top: 18%;
  right: clamp(8%, 14vw, 17%);
  transform: rotate(-12deg);
}

.product-skyline__hero-constellation:before, .product-skyline__hero-constellation:after {
  content: "";
  border: 1px dashed #fff7e859;
  border-radius: 50%;
  position: absolute;
}

.product-skyline__hero-constellation:before {
  inset: 15%;
}

.product-skyline__hero-constellation:after {
  inset: 32%;
}

.product-skyline__hero-constellation i {
  aspect-ratio: 1;
  background: #ffbd43;
  border-radius: 50%;
  width: clamp(1.1rem, 2.3vw, 2.8rem);
  position: absolute;
  box-shadow: inset -9px -8px #48280833;
}

.product-skyline__hero-constellation i:first-of-type {
  top: 6%;
  left: 42%;
}

.product-skyline__hero-constellation i:nth-of-type(2) {
  background: #f2556d;
  top: 31%;
  right: 3%;
}

.product-skyline__hero-constellation i:nth-of-type(3) {
  background: #72ba8d;
  bottom: 7%;
  right: 28%;
}

.product-skyline__hero-constellation i:nth-of-type(4) {
  background: #8a75d8;
  bottom: 21%;
  left: 4%;
}

.product-skyline__hero-constellation b {
  aspect-ratio: 1;
  color: #fff8e9;
  width: 26%;
  font: 800 clamp(.9rem, 2vw, 1.6rem) / .8 var(--font-display);
  letter-spacing: -.05em;
  text-align: center;
  background: #ff5d2a;
  border-radius: 50%;
  place-items: center;
  display: grid;
  position: absolute;
  top: 37%;
  left: 37%;
}

.product-skyline__hero-constellation span {
  color: #182128;
  font: 800 8px var(--font-mono);
  letter-spacing: .09em;
  background: #ffbd43;
  padding: .35rem .45rem;
  position: absolute;
  bottom: 19%;
  right: -13%;
  transform: rotate(12deg);
}

.product-skyline__hero-foot {
  color: #e5ede4;
  font: 700 8px var(--font-mono);
  letter-spacing: .09em;
  justify-content: space-between;
  display: flex;
  position: absolute;
  bottom: 1.3rem;
  left: clamp(1.3rem, 10vw, 12rem);
  right: clamp(1.3rem, 4vw, 4rem);
}

.product-skyline__rail {
  color: #17252a;
  font: 800 8px var(--font-mono);
  letter-spacing: .09em;
  background: #ffbd43;
  align-items: center;
  gap: .6rem;
  padding: .82rem clamp(1.3rem, 10vw, 12rem);
  display: flex;
}

.product-skyline__rail i {
  background: #17252a;
  flex: 1;
  height: 2px;
}

.product-skyline__intro {
  color: #1c2c2d;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  background: #fff8e8f2;
  grid-template-columns: 1.1fr .9fr;
  gap: 4rem;
  padding: clamp(6rem, 12vw, 12rem);
  display: grid;
}

.product-skyline__intro h2, .product-skyline__finish h2 {
  font: 700 clamp(3.9rem, 7vw, 8.8rem) / .78 var(--font-display);
  letter-spacing: -.1em;
  margin: 0;
}

.product-skyline__intro h2 em, .product-skyline__finish h2 em {
  color: var(--sky-orange);
}

.product-skyline__intro > p:not(.eyebrow) {
  color: #526363;
  align-self: end;
  max-width: 33rem;
  margin: 0;
  line-height: 1.8;
}

.product-skyline__wave {
  isolation: isolate;
  grid-template-columns: 1.1fr .9fr;
  align-items: center;
  min-height: 96svh;
  padding: clamp(7rem, 11vw, 11rem) clamp(1.3rem, 10vw, 12rem);
  display: grid;
  position: relative;
  overflow: hidden;
}

.product-skyline__wave:before {
  content: "";
  z-index: -1;
  background: linear-gradient(105deg, #182b32cc, #182b324d 57%, #06181e33);
  position: absolute;
  inset: 0;
}

.product-skyline__wave--2:before {
  background: linear-gradient(105deg, #371f1cd6, #49281f47 57%, #160d1040);
}

.product-skyline__wave--3:before {
  background: linear-gradient(105deg, #16354dd1, #1d6b7e47 57%, #0c22353b);
}

.product-skyline__wave--4:before {
  background: linear-gradient(105deg, #352850d1, #52448645 57%, #1a113047);
}

.product-skyline__route {
  z-index: 5;
  color: #ffbd43;
  font: 800 8px var(--font-mono);
  letter-spacing: .1em;
  align-items: center;
  gap: .5rem;
  display: flex;
  position: absolute;
  top: 5.8rem;
  left: clamp(1.3rem, 10vw, 12rem);
  right: clamp(1.3rem, 10vw, 12rem);
}

.product-skyline__route span {
  aspect-ratio: 1;
  background: var(--sky-orange);
  color: #fff8e9;
  border-radius: 50%;
  place-items: center;
  width: 1.75rem;
  display: grid;
}

.product-skyline__route i {
  background: var(--sky-orange);
  flex: 1;
  height: 3px;
}

.product-skyline__route b {
  border: 4px solid var(--sky-orange);
  background: #fff8e9;
  border-radius: 50%;
  width: 15px;
  height: 15px;
}

.product-skyline__route small {
  background: var(--sky-orange);
  color: #fff8e9;
  font: 800 7px var(--font-mono);
  letter-spacing: .08em;
  padding: .35rem .44rem;
}

.product-skyline__wave-copy {
  z-index: 3;
  max-width: 40rem;
  position: relative;
}

.product-skyline__wave-copy > p {
  color: #ffbd43;
  font: 800 9px var(--font-mono);
  letter-spacing: .11em;
  margin: 0 0 1rem;
}

.product-skyline__wave-copy h2 {
  font: 700 clamp(4.2rem, 7.8vw, 9.2rem) / .77 var(--font-display);
  letter-spacing: -.1em;
  margin: 0;
}

.product-skyline__wave-copy h2 em {
  color: #ffbd43;
}

.product-skyline__wave-copy > span {
  color: #edf2e8;
  max-width: 30rem;
  margin-top: 1.5rem;
  font-size: 1rem;
  line-height: 1.75;
  display: block;
}

.product-skyline__wave-copy a, .product-skyline__finish a {
  color: #fff8e9;
  font: 800 9px var(--font-mono);
  letter-spacing: .08em;
  text-transform: uppercase;
  transition: .18s var(--ease-out);
  border: 1px solid #fff8e98c;
  align-items: center;
  gap: .55rem;
  margin-top: 1.5rem;
  padding: .82rem .95rem;
  display: inline-flex;
}

.product-skyline__wave-copy a:hover, .product-skyline__finish a:hover {
  color: #192326;
  background: #ffbd43;
  border-color: #ffbd43;
  transform: translateY(-3px);
}

.product-skyline__constellation {
  aspect-ratio: 1;
  border: 1px solid #fff8e994;
  border-radius: 50%;
  justify-self: center;
  width: min(42vw, 560px);
  position: relative;
}

.product-skyline__constellation:before, .product-skyline__constellation:after {
  content: "";
  border: 1px dashed #fff8e973;
  border-radius: 50%;
  position: absolute;
}

.product-skyline__constellation:before {
  inset: 12%;
}

.product-skyline__constellation:after {
  inset: 27%;
}

.product-skyline__constellation i {
  aspect-ratio: 1;
  background: #ffbd43;
  border-radius: 45% 55% 48% 52%;
  width: clamp(1.2rem, 3.4vw, 3.9rem);
  position: absolute;
  box-shadow: inset -10px -9px #522d0633;
}

.product-skyline__constellation i:first-of-type {
  top: 4%;
  left: 42%;
}

.product-skyline__constellation i:nth-of-type(2) {
  background: #ef5c75;
  top: 31%;
  right: 2%;
}

.product-skyline__constellation i:nth-of-type(3) {
  background: #77ba92;
  bottom: 5%;
  right: 24%;
}

.product-skyline__constellation i:nth-of-type(4) {
  background: #9a82dc;
  bottom: 25%;
  left: 2%;
}

.product-skyline__constellation i:nth-of-type(5) {
  background: #b86d3c;
  top: 39%;
  left: 11%;
}

.product-skyline__constellation b {
  aspect-ratio: 1;
  color: #fff8e9;
  width: 22%;
  font: 800 clamp(1.4rem, 3.4vw, 3rem) var(--font-display);
  background: #ff5d2a;
  border-radius: 50%;
  place-items: center;
  display: grid;
  position: absolute;
  top: 39%;
  left: 39%;
}

.product-skyline__finish {
  color: #fff8e9;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  background: #0d1420e6;
  grid-template-columns: 1.1fr .7fr .8fr;
  align-items: center;
  gap: clamp(2rem, 7vw, 8rem);
  min-height: 86svh;
  padding: clamp(6rem, 12vw, 12rem);
  display: grid;
}

.product-skyline__finish > div:last-child > p {
  color: #e2e8df;
  margin: 0;
  line-height: 1.75;
}

.product-skyline__finish-orbit {
  aspect-ratio: 1;
  border: 1px solid #fff8e9b3;
  border-radius: 50%;
  justify-self: center;
  width: min(25vw, 280px);
  position: relative;
}

.product-skyline__finish-orbit i {
  aspect-ratio: 1;
  background: #ffbd43;
  border-radius: 50%;
  width: 15%;
  position: absolute;
}

.product-skyline__finish-orbit i:first-child {
  top: 5%;
  left: 40%;
}

.product-skyline__finish-orbit i:nth-child(2) {
  background: #ef5c75;
  bottom: 22%;
  right: 4%;
}

.product-skyline__finish-orbit i:nth-child(3) {
  background: #77ba92;
  bottom: 10%;
  left: 10%;
}

.product-skyline__finish-orbit b {
  aspect-ratio: 1;
  background: var(--sky-orange);
  color: #fff8e9;
  width: 36%;
  font: 800 clamp(2rem, 4vw, 4rem) var(--font-display);
  border-radius: 50%;
  place-items: center;
  display: grid;
  position: absolute;
  top: 32%;
  left: 32%;
}

.product-skyline__control {
  z-index: 50;
  color: #fff8e9;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  font: 800 8px var(--font-mono);
  letter-spacing: .08em;
  background: #0d181d94;
  border: 1px solid #fff8e980;
  align-items: center;
  gap: .45rem;
  padding: .6rem .7rem;
  display: flex;
  position: fixed;
  bottom: 1.2rem;
  right: 1.2rem;
}

@media (max-width: 900px) {
  .product-skyline__hero {
    min-height: 800px;
    padding: 8rem 1.3rem 4rem;
  }

  .product-skyline__hero-copy {
    max-width: 21rem;
  }

  .product-skyline__hero-copy h1 {
    font-size: clamp(4.1rem, 15vw, 6.4rem);
  }

  .product-skyline__hero-copy > p:not(.eyebrow) {
    max-width: 19rem;
    font-size: .88rem;
  }

  .product-skyline__hero-constellation {
    opacity: .93;
    width: 59vw;
    top: 16%;
    right: -7%;
  }

  .product-skyline__hero-constellation span {
    display: none;
  }

  .product-skyline__hero-foot {
    font-size: 7px;
    bottom: 1rem;
    left: 1rem;
    right: 1rem;
  }

  .product-skyline__hero-foot span:last-child {
    display: none;
  }

  .product-skyline__rail {
    white-space: nowrap;
    padding: .75rem 1.3rem;
    overflow: hidden;
  }

  .product-skyline__rail > span:last-child {
    display: none;
  }

  .product-skyline__intro {
    grid-template-columns: 1fr;
    gap: 2rem;
    padding: 5rem 1.3rem;
  }

  .product-skyline__intro h2, .product-skyline__finish h2 {
    font-size: clamp(3.8rem, 14vw, 5.8rem);
  }

  .product-skyline__wave {
    min-height: 100svh;
    padding: 6rem 1.3rem 4rem;
    display: block;
  }

  .product-skyline__route {
    top: 4.6rem;
    left: 1.3rem;
    right: 1.3rem;
  }

  .product-skyline__route small {
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 42%;
    overflow: hidden;
  }

  .product-skyline__wave-copy {
    max-width: 20rem;
    padding-top: 3rem;
  }

  .product-skyline__wave-copy h2 {
    font-size: clamp(4rem, 14vw, 5.8rem);
  }

  .product-skyline__wave-copy > span {
    font-size: .88rem;
  }

  .product-skyline__constellation {
    opacity: .93;
    width: 68vw;
    position: absolute;
    bottom: 8%;
    right: 1%;
  }

  .product-skyline__finish {
    grid-template-columns: 1fr;
    gap: 2rem;
    min-height: 88svh;
    padding: 5rem 1.3rem;
  }

  .product-skyline__finish-orbit {
    justify-self: start;
    width: 48vw;
  }

  .product-skyline__control {
    bottom: .8rem;
    right: .8rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .product-skyline__film {
    display: none;
  }

  .product-skyline__film-layer {
    background: linear-gradient(145deg, #112a2f, #573226 48%, #241b49);
  }

  .product-skyline__wave-copy, .product-skyline__constellation {
    transform: none !important;
  }
}

.product-skyline__hero-constellation {
  overflow: visible;
}

.product-skyline__hero-constellation > img {
  z-index: 4;
  object-fit: contain;
  filter: drop-shadow(20px 26px 24px #00000061);
  position: absolute;
}

.product-skyline__hero-gummy {
  width: 61%;
  height: 61%;
  top: -7%;
  left: 9%;
  transform: rotate(-13deg);
}

.product-skyline__hero-truffle {
  width: 57%;
  height: 57%;
  bottom: -5%;
  right: -13%;
  transform: rotate(14deg);
}

.product-skyline__hero-drink {
  width: 31%;
  height: 57%;
  top: 25%;
  left: -13%;
  transform: rotate(-7deg);
}

.product-skyline__hero-constellation i, .product-skyline__hero-constellation b, .product-skyline__hero-constellation span {
  z-index: 6;
}

.product-skyline__wave--2 {
  grid-template-columns: .88fr 1.12fr;
}

.product-skyline__wave--2 .product-skyline__wave-copy {
  order: 2;
  justify-self: end;
}

.product-skyline__wave--2 .product-skyline__mechanism {
  order: 1;
}

.product-skyline__mechanism {
  z-index: 3;
  aspect-ratio: 1;
  justify-self: center;
  width: min(42vw, 560px);
  position: relative;
}

.product-skyline__mechanism > span {
  z-index: 7;
  color: #15262b;
  font: 800 8px var(--font-mono);
  letter-spacing: .09em;
  background: #ffbd43;
  padding: .38rem .48rem;
  position: absolute;
  top: 4%;
  left: -4%;
  transform: rotate(-8deg);
}

.product-skyline__mechanism > img {
  z-index: 5;
  object-fit: contain;
  filter: drop-shadow(25px 31px 27px #0006);
  width: 82%;
  height: 82%;
  position: absolute;
  inset: 9%;
}

.product-skyline__mechanism .product-skyline__companion {
  z-index: 4;
  width: 41%;
  height: 41%;
  inset: auto -6% 7% auto;
  transform: rotate(13deg);
}

.product-skyline__mechanism-orbit {
  z-index: 2;
  border: 1px solid #fff8e9a6;
  border-radius: 50%;
  position: absolute;
  inset: 7%;
  transform: rotate(-18deg);
}

.product-skyline__mechanism-orbit:after {
  content: "";
  border: 1px dashed #fff8e980;
  border-radius: 50%;
  position: absolute;
  inset: 18%;
}

.product-skyline__mechanism-orbit i {
  aspect-ratio: 1;
  background: #ffbd43;
  border-radius: 50%;
  width: clamp(1rem, 2vw, 2.5rem);
  position: absolute;
  box-shadow: inset -8px -7px #542b0533;
}

.product-skyline__mechanism-orbit i:first-child {
  top: 5%;
  left: 42%;
}

.product-skyline__mechanism-orbit i:nth-child(2) {
  background: #ef5c75;
  bottom: 26%;
  right: 3%;
}

.product-skyline__mechanism-orbit i:nth-child(3) {
  background: #77ba92;
  bottom: 12%;
  left: 15%;
}

.product-skyline__mechanism-conduit {
  z-index: 8;
  color: #ff5d2a;
  font: 800 7px var(--font-mono);
  letter-spacing: .08em;
  align-items: center;
  gap: .3rem;
  display: flex;
  position: absolute;
  bottom: 8%;
  right: -11%;
  transform: rotate(-14deg);
}

.product-skyline__mechanism-conduit b {
  background: #fff8e9;
  border: 4px solid #ff5d2a;
  border-radius: 50%;
  width: 15px;
  height: 15px;
}

.product-skyline__mechanism-conduit i {
  background: #ff5d2a;
  width: clamp(4rem, 8vw, 8rem);
  height: 3px;
}

.product-skyline__mechanism-conduit small {
  color: #fff8e9;
  font: 800 7px var(--font-mono);
  letter-spacing: .08em;
  background: #ff5d2a;
  padding: .34rem .42rem;
}

.product-skyline__mechanism--sweep {
  aspect-ratio: 1.18;
  border-bottom: 16px solid #ffbd43c7;
  transform: rotate(-4deg);
  box-shadow: 0 21px #ff5d2a78, 0 37px #fff7e833;
}

.product-skyline__mechanism--sweep:before {
  content: "";
  z-index: 1;
  background: repeating-linear-gradient(90deg, #fff8e9ad 0 3px, #0000 3px 28px);
  border: 1px solid #fff8e999;
  height: 18%;
  position: absolute;
  bottom: 6%;
  left: 6%;
  right: 6%;
}

.product-skyline__mechanism--sweep > img {
  width: 80%;
  height: 80%;
  inset: 3% 10% 13%;
}

.product-skyline__mechanism--sweep .product-skyline__mechanism-orbit {
  border-radius: 50% 50% 0 0;
  inset: 4% 17%;
}

.product-skyline__mechanism--constellation {
  background: radial-gradient(circle, #f9c35e47, #0000 38%), #3519126e;
  border: 1px solid #ffe099a1;
  transform: rotate(7deg);
  box-shadow: 19px 19px #ff5d2a;
}

.product-skyline__mechanism--constellation > img {
  width: 94%;
  height: 94%;
  inset: 3%;
}

.product-skyline__mechanism--constellation .product-skyline__mechanism-orbit {
  inset: 11%;
}

.product-skyline__mechanism--updraft {
  aspect-ratio: 3 / 4;
  background: linear-gradient(#abefff57, #1a82a61f);
  border-radius: 48% 48% 12% 12%;
  width: min(33vw, 430px);
  box-shadow: 0 19px #55ccea6e;
}

.product-skyline__mechanism--updraft:before {
  content: "";
  clip-path: ellipse(50% 44% at 50% 62%);
  background: repeating-radial-gradient(at 50% 100%, #d0fbff80 0 2px, #0000 3px 26px);
  position: absolute;
  inset: -11% -22%;
}

.product-skyline__mechanism--updraft > img {
  width: 94%;
  height: 94%;
  inset: 3%;
}

.product-skyline__mechanism--updraft .product-skyline__mechanism-orbit {
  border-radius: 48% 48% 12% 12%;
  inset: 3%;
}

.product-skyline__mechanism--inspection {
  background: #45306094;
  border: 2px solid #ffbd43;
  box-shadow: 16px 16px #ff5d2a;
}

.product-skyline__mechanism--inspection:before {
  content: "";
  background: repeating-linear-gradient(90deg, #fff8e959 0 2px, #0000 2px 22px), repeating-linear-gradient(0deg, #fff8e959 0 2px, #0000 2px 22px);
  position: absolute;
  inset: 6%;
}

.product-skyline__mechanism--inspection > img {
  width: 80%;
  height: 80%;
  inset: 9%;
}

.product-skyline__mechanism--inspection .product-skyline__mechanism-orbit {
  border-radius: 0;
  inset: 18%;
  transform: rotate(45deg);
}

.product-skyline__mechanism--inspection .product-skyline__mechanism-conduit {
  bottom: 11%;
  right: -17%;
}

@media (max-width: 900px) {
  .product-skyline__hero-gummy {
    width: 77%;
    height: 77%;
    top: -1%;
    left: -3%;
  }

  .product-skyline__hero-truffle {
    width: 61%;
    height: 61%;
    bottom: -8%;
    right: -24%;
  }

  .product-skyline__hero-drink {
    width: 37%;
    height: 55%;
    top: 25%;
    left: -18%;
  }

  .product-skyline__wave--2 {
    display: block;
  }

  .product-skyline__wave--2 .product-skyline__wave-copy {
    order: initial;
    justify-self: auto;
  }

  .product-skyline__mechanism {
    width: 72vw;
    position: absolute;
    bottom: 7%;
    right: 3%;
  }

  .product-skyline__mechanism--updraft {
    width: 53vw;
  }

  .product-skyline__mechanism > span {
    font-size: 7px;
  }

  .product-skyline__mechanism-conduit {
    transform-origin: 100%;
    bottom: 5%;
    right: -8%;
    transform: rotate(-14deg)scale(.75);
  }

  .product-skyline__mechanism--inspection .product-skyline__mechanism-conduit {
    right: -13%;
  }

  .product-skyline__mechanism .product-skyline__companion {
    width: 46%;
    height: 46%;
    right: -10%;
  }
}

@media (pointer: coarse) {
  :root {
    --joystick-display: flex;
  }
}

@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-rotate-x {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-y {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-z {
  syntax: "*";
  inherits: false
}

@property --tw-skew-x {
  syntax: "*";
  inherits: false
}

@property --tw-skew-y {
  syntax: "*";
  inherits: false
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-gradient-position {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-stops {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}

@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}

@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-tracking {
  syntax: "*";
  inherits: false
}

@property --tw-ordinal {
  syntax: "*";
  inherits: false
}

@property --tw-slashed-zero {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-figure {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false
}

@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-ring-inset {
  syntax: "*";
  inherits: false
}

@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}

@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-blur {
  syntax: "*";
  inherits: false
}

@property --tw-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-invert {
  syntax: "*";
  inherits: false
}

@property --tw-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-duration {
  syntax: "*";
  inherits: false
}

@property --tw-ease {
  syntax: "*";
  inherits: false
}

@property --tw-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes pulse {
  50% {
    opacity: .5;
  }
}

@keyframes enter {
  from {
    opacity: var(--tw-enter-opacity, 1);
    transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0));
    filter: blur(var(--tw-enter-blur, 0));
  }
}

@keyframes exit {
  to {
    opacity: var(--tw-exit-opacity, 1);
    transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));
    filter: blur(var(--tw-exit-blur, 0));
  }
}

@keyframes accordion-down {
  from {
    height: 0;
  }

  to {
    height: var(--radix-accordion-content-height, var(--bits-accordion-content-height, var(--reka-accordion-content-height, var(--kb-accordion-content-height, var(--ngp-accordion-content-height, auto)))));
  }
}

@keyframes accordion-up {
  from {
    height: var(--radix-accordion-content-height, var(--bits-accordion-content-height, var(--reka-accordion-content-height, var(--kb-accordion-content-height, var(--ngp-accordion-content-height, auto)))));
  }

  to {
    height: 0;
  }
}

@keyframes caret-blink {
  0%, 70%, 100% {
    opacity: 1;
  }

  20%, 50% {
    opacity: 0;
  }
}