.hero{background:var(--g-950);isolation:isolate;align-items:end;min-height:100svh;display:grid;position:relative;overflow:hidden}.hero__media{z-index:-2;position:absolute;inset:0}.hero__media picture,.hero__poster,.hero__video{object-fit:cover;object-position:50% 45%;width:100%;height:100%;position:absolute;inset:0}.hero__video{opacity:0;transition:opacity 1.2s var(--ease-io)}.hero__video.is-playing{opacity:1}.hero__shade{z-index:-1;pointer-events:none;background:linear-gradient(#08110c8c 0%,#08110c00 22%),linear-gradient(#08110c00 30%,#08110c73 62%,#08110ceb 100%),radial-gradient(120% 90% at 50% 40%,#0000 55%,#08110c8c 100%),#14302238;position:absolute;inset:0}.hero__content{padding-bottom:clamp(40px,9vh,96px);padding-top:calc(var(--nav-h) + 40px);justify-items:start;gap:22px;display:grid}.hero__title{max-width:17ch;padding-bottom:.06em;font-size:clamp(2.5rem,5.4vw,5.4rem);line-height:1.06}.hero__lede{max-width:42ch;color:var(--g-200)}.hero__cta{flex-wrap:wrap;gap:12px;margin-top:8px;display:flex}.hero__toggle{right:var(--gutter);width:46px;height:46px;color:var(--bone);box-shadow:inset 0 0 0 1px var(--line-strong);-webkit-backdrop-filter:blur(6px);background:#08110c4d;border-radius:999px;place-items:center;transition:background-color .3s,box-shadow .3s;display:grid;position:absolute;bottom:clamp(40px,9vh,96px)}@media (hover:hover){.hero__toggle:hover{box-shadow:inset 0 0 0 1px var(--bone);background:#e8e7db1f}}.hero__toggle svg{width:16px;height:16px}.hero__toggle-play{display:none}.hero__toggle[aria-pressed=true] .hero__toggle-play{display:block}.hero__toggle[aria-pressed=true] .hero__toggle-pause{display:none}@media (width<=760px){.hero__content{padding-bottom:calc(28px + env(safe-area-inset-bottom));gap:16px}.hero__title{font-size:clamp(2.2rem,9.6vw,2.9rem)}.hero__toggle{top:calc(var(--nav-h) + 8px);width:40px;height:40px;bottom:auto}.hero__cta .btn{flex:auto}}.how{background:radial-gradient(90% 70% at 70% 50%, var(--g-850), var(--g-900) 70%);border-top:1px solid var(--line);height:100svh;min-height:620px;position:relative;overflow:hidden}.how__stage{perspective:1600px;perspective-origin:50% 40%;width:0;height:0;position:absolute;top:50%;left:68%}.how__glow{background:radial-gradient(closest-side,#456a5759,#456a5700 70%);border-radius:50%;width:36em;height:36em;margin:-18em 0 0 -18em;font-size:clamp(11px,1.2vw + 5px,25px);position:absolute;top:50%;left:50%}.how__rig{width:10em;height:15.6em;transform-style:preserve-3d;font-size:clamp(11px,1.15vw + 5px,24px);position:absolute;top:-7.8em;left:-5em}.reduced .how__rig{transform:rotateX(8deg)rotateY(-24deg)}.how__rig [data-hero-pack]{font-size:1em;position:absolute;inset:0}.hero-stick{--sw:1.95em;height:11.2em;position:absolute;top:3.4em;left:2.85em}.reduced .hero-stick{transform:translateZ(.88em)}.glass{width:9.6em;height:12em;color:var(--g-200);visibility:hidden;position:absolute;top:6.2em;left:.2em}.glass__outline{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.glass__water{clip-path:polygon(0 0,100% 0,93% 92%,88% 97%,50% 100%,12% 97%,7% 92%);background:#9db5a71a;position:absolute;inset:26% 7% 3%;overflow:hidden}.glass__tint{opacity:.9;background:radial-gradient(closest-side,#5c7a4a 30%,#5c7a4a00);border-radius:50%;width:16em;height:16em;margin:-8em 0 0 -8em;position:absolute;top:30%;left:30%;scale:0}.glass__steam{width:60%;color:var(--g-300);opacity:.7;position:absolute;bottom:98%;left:20%}.glass__steam path{stroke-dasharray:1;stroke-dashoffset:1px}.how__steps{pointer-events:none;gap:clamp(6px,1.4vh,18px);margin:0;list-style:none;display:grid;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.step{max-width:34rem}.step__word{color:var(--bone);opacity:.16;font-size:clamp(2.8rem,6.6vw,6.6rem);line-height:1.02}.step__text{color:var(--g-200);opacity:0;max-width:32ch;height:0;margin-top:6px;font-size:clamp(1rem,1.2vw,1.15rem);overflow:hidden}@media (width<=760px){.how__stage{top:62%;left:50%}.how__steps{top:calc(var(--nav-h) + 12px);gap:0;transform:none}.step__word{font-size:clamp(2.2rem,10.5vw,3rem)}.step__text{font-size:.98rem}}.reduced .how{height:auto;min-height:0;padding-block:80px;display:grid}.reduced .how__stage{margin:220px auto 40px;position:relative;top:auto;left:auto}.reduced .how__steps{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:28px;position:static;transform:none}.reduced .step__word{opacity:1}.reduced .step__text{opacity:1;height:auto}.reduced .glass{display:none}.tone{isolation:isolate;background:var(--g-700);position:relative}.tone img{filter:grayscale()contrast(1.08)brightness(.92)}.tone:after{content:"";pointer-events:none;mix-blend-mode:color;background:#2f5a43;position:absolute;inset:0}.story{background:var(--g-900);padding-block:clamp(90px,12vw,170px);position:relative;overflow:hidden}.story__cards{z-index:1;gap:clamp(20px,3vw,36px);display:grid;position:relative}.card{border-radius:var(--r-card);background:linear-gradient(135deg, var(--g-850), var(--g-800));box-shadow:inset 0 0 0 1px var(--line);grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:clamp(28px,5vw,88px);padding:clamp(22px,3.2vw,48px);display:grid;position:relative}.card--flip .card__photo{order:2}.card__copy{gap:20px;display:grid}.card__copy .lede{max-width:46ch}.card__photo{aspect-ratio:4/4.6;border-radius:999px 999px 18px 18px;max-width:100%;overflow:hidden}.card__photo img{object-fit:cover;width:100%;height:100%}.card__moments{flex-wrap:wrap;gap:10px;display:flex}.card__moments li{color:var(--g-200);box-shadow:inset 0 0 0 1px var(--line-strong);border-radius:999px;padding:.55em 1.1em;font-size:.95rem}.story__floaters{pointer-events:none;color:var(--g-700);--illo-paper:transparent;position:absolute;inset:0}.floater{display:block;position:absolute}.floater svg{width:100%;height:auto}.f1{width:110px;top:8%;left:3%;rotate:-12deg}.f2{width:170px;top:40%;right:2%;rotate:8deg}.f4{width:160px;bottom:6%;left:2%;rotate:-4deg}@media (width<=760px){.card{grid-template-columns:1fr}.card--flip .card__photo{order:0}.card__photo{justify-self:center;width:78%}.f2,.f4{display:none}}.flv{--bg:#2f4d3d;--fg:#e8e7db;background:radial-gradient(80% 90% at 72% 45%, var(--bg), var(--g-900) 78%);min-height:100svh;color:var(--fg);padding-top:calc(var(--nav-h) + 20px);border-top:1px solid var(--line);grid-template-rows:1fr auto;grid-template-columns:minmax(0,1fr);display:grid;position:relative;overflow:hidden}.flv__inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:32px;display:grid}.flv__copy{justify-items:start;gap:18px;display:grid}.flv__name{max-width:11ch;padding-bottom:.08em;font-size:clamp(2.4rem,5vw,5rem);line-height:1.06;overflow:hidden}.flv__name .w{display:inline-block}.flv__note{color:var(--g-200)}.flv__ingredients{flex-wrap:wrap;gap:8px;max-width:34rem;display:flex}.flv__ingredients li{color:var(--g-200);box-shadow:inset 0 0 0 1px var(--line-strong);border-radius:999px;padding:.45em 1em;font-size:.86rem}.flv__meta{color:var(--g-300);font-size:.9rem}.flv__actions{flex-wrap:wrap;gap:12px;margin-top:6px;display:flex}.flv__stage{perspective:1400px;place-items:center;height:min(72svh,660px);display:grid;position:relative}.flv__badge{aspect-ratio:1;width:min(40vw,540px);color:var(--g-300);position:absolute}.flv__badge svg{width:100%;height:100%;animation:60s linear infinite spin;overflow:visible}.flv__badge text{font-family:var(--body);letter-spacing:.36em;text-transform:uppercase;fill:currentColor;font-size:12px;font-weight:400}.flv__badge:before{content:"";box-shadow:inset 0 0 0 1px var(--line);background:radial-gradient(closest-side,#e8e7db0d,#0000);border-radius:50%;position:absolute;inset:13%}@keyframes spin{to{transform:rotate(360deg)}}.flv__tilt{transform-style:preserve-3d;font-size:clamp(13px,1.5vw + 4px,29px)}.flv__tilt .pack{font-size:1em}.reduced .flv__tilt .pack{transform:rotateY(-22deg)rotateX(6deg)}.flv__nav{border-top:1px solid var(--line);align-items:center;gap:14px;padding-block:20px 36px;display:flex}.flv__arrow{width:52px;height:52px;color:var(--bone);box-shadow:inset 0 0 0 1px var(--line-strong);border-radius:999px;flex:none;place-items:center;transition:background-color .3s,color .3s;display:grid}@media (hover:hover){.flv__arrow:hover{background:var(--bone);color:var(--g-900)}}.flv__arrow:active{transform:scale(.95)}.flv__arrow svg{width:18px;height:18px}.flv__tabs{scrollbar-width:none;flex:1;gap:6px;padding:4px;display:flex;overflow-x:auto}.flv__tabs::-webkit-scrollbar{display:none}.flv__tab{white-space:nowrap;min-height:44px;color:var(--g-300);border-radius:999px;flex:1 0 auto;justify-content:center;align-items:center;gap:10px;padding:10px 16px;font-size:.86rem;transition:background-color .35s,color .35s,box-shadow .35s;display:flex}.flv__tab i{background:var(--tab-c);width:14px;height:14px;box-shadow:inset 0 0 0 1px var(--line-strong);border-radius:50%}@media (hover:hover){.flv__tab:hover{color:var(--bone)}}.flv__tab[aria-selected=true]{color:var(--bone);box-shadow:inset 0 0 0 1px var(--line-strong);background:#e8e7db0f}@media (width<=860px){.flv__inner{grid-template-columns:1fr;gap:0}.flv__stage{order:-1;height:46svh}.flv__badge{width:min(80vw,400px)}.flv__name{font-size:clamp(2.1rem,9.5vw,3rem)}.flv__tab{flex:none}}.bands{background:var(--g-950);border-block:1px solid var(--line);padding-block:clamp(70px,9vw,140px);overflow:hidden}.band{border-bottom:1px solid var(--line);justify-content:center;padding-block:clamp(4px,.8vw,12px);display:flex}.band:first-child{border-top:1px solid var(--line)}.band span{white-space:nowrap;color:var(--bone);padding-bottom:.06em;font-size:clamp(2.6rem,8.4vw,8.6rem);font-weight:400;line-height:1.12}.band--outline span{color:#0000;-webkit-text-stroke:1px var(--g-300)}@media (width<=600px){.band span{font-size:11.5vw}}.inside{background:var(--g-900);padding-block:clamp(80px,10vw,150px);position:relative}.inside__grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start;gap:clamp(32px,6vw,110px);display:grid}.inside__intro{top:calc(var(--nav-h) + 40px);gap:24px;display:grid;position:sticky}.inside__list{border-top:1px solid var(--line-strong);counter-reset:ing}.ing{border-bottom:1px solid var(--line-strong);counter-increment:ing;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;padding-block:clamp(16px,2.2vw,28px);display:grid;position:relative}.ing:before{content:counter(ing, decimal-leading-zero);letter-spacing:.16em;color:var(--g-400);font-size:.74rem}.ing__name{font-family:var(--display);letter-spacing:-.035em;transition:transform .7s var(--ease-out);font-size:clamp(1.5rem,2.8vw,2.6rem);font-weight:400;line-height:1.1}.ing__in{color:var(--g-300);max-width:34ch;margin-top:8px;font-size:.88rem}.ing__thumb{border-radius:50%;width:64px;height:64px;display:none;overflow:hidden}.ing__thumb img{object-fit:cover;width:100%;height:100%}.ing__dot{width:34px;height:34px;box-shadow:inset 0 0 0 1px var(--line-strong);border-radius:50%;place-items:center;transition:background-color .5s;display:grid}.ing__dot:after{content:"";background:var(--g-300);border-radius:50%;width:6px;height:6px;transition:background-color .5s}@media (hover:hover){.ing:hover .ing__name{font-style:italic;transform:translate(14px)}.ing:hover .ing__dot{background:var(--bone)}.ing:hover .ing__dot:after{background:var(--g-900)}}.inside__cursor{z-index:40;aspect-ratio:4/5;pointer-events:none;opacity:0;border-radius:999px 999px 16px 16px;width:clamp(220px,19vw,300px);position:fixed;top:0;left:0;overflow:hidden;scale:.7;box-shadow:0 30px 70px #00000080}.inside__cursor img{object-fit:cover;width:100%;height:100%}@media (width<=860px){.inside__grid{grid-template-columns:1fr}.inside__intro{position:static}.ing{gap:14px}.ing__thumb{display:block}.ing__dot,.inside__cursor{display:none}}@media (hover:none){.inside__cursor{display:none}.ing__thumb{display:block}.ing__dot{display:none}}.moments{background:var(--g-850);border-top:1px solid var(--line);padding-block:clamp(80px,10vw,150px)}.moments__title{max-width:14ch;margin-bottom:clamp(36px,5vw,70px)}.moments__grid{border-top:1px solid var(--line-strong);border-left:1px solid var(--line-strong);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.moment{border-right:1px solid var(--line-strong);border-bottom:1px solid var(--line-strong);min-height:clamp(260px,26vw,360px);color:var(--g-400);--illo-paper:transparent;grid-template-rows:1fr auto;gap:18px;margin:0;padding:clamp(22px,3vw,40px);transition:background-color .5s,color .5s;display:grid}@media (hover:hover){.moment:hover{color:var(--g-200);background:#e8e7db08}}.moment span{place-items:center;display:grid}.moment svg{width:58%;max-height:150px}.moment figcaption{font-family:var(--display);letter-spacing:-.015em;color:var(--bone);font-size:clamp(1.02rem,1.3vw,1.25rem);font-weight:400;line-height:1.4}@media (width<=860px){.moments__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=520px){.moment{min-height:220px;padding:18px}.moment svg{width:70%}.moment figcaption{font-size:.95rem}}.faq{background:var(--g-900);border-top:1px solid var(--line);padding-block:clamp(80px,10vw,150px)}.faq__inner{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:clamp(32px,6vw,100px);display:grid}.faq__head{top:calc(var(--nav-h) + 40px);gap:18px;display:grid;position:sticky}.faq__list{border-top:1px solid var(--line-strong)}.qa{border-bottom:1px solid var(--line-strong)}.qa summary{cursor:pointer;font-family:var(--display);letter-spacing:-.015em;justify-content:space-between;align-items:center;gap:18px;padding:24px 0;font-size:clamp(1.02rem,1.35vw,1.25rem);font-weight:400;line-height:1.4;list-style:none;display:flex}.qa summary::-webkit-details-marker{display:none}.qa summary svg{width:18px;height:18px;color:var(--g-300);transition:rotate .5s var(--ease-out);flex:none}.qa[open] summary svg{rotate:45deg}.qa__a{max-width:60ch;color:var(--g-200);padding:0 0 26px;font-weight:300}@media (width<=860px){.faq__inner{grid-template-columns:1fr}.faq__head{position:static}}.cta{background:radial-gradient(70% 80% at 25% 50%, var(--g-800), var(--g-900) 70%);border-top:1px solid var(--line);padding-block:clamp(80px,10vw,150px);overflow:hidden}.cta__inner{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:clamp(32px,6vw,90px);display:grid}.cta__pack{perspective:1400px;place-items:center;min-height:440px;display:grid}.cta__pack .pack{font-size:clamp(13px,1.2vw + 4px,22px)}.cta__copy{gap:22px;display:grid}.cta__form{max-width:560px}.cta__row{gap:10px;display:flex}.cta__row input{flex:1;min-width:0}@media (width<=760px){.cta__inner{grid-template-columns:1fr}.cta__pack{order:2;min-height:320px}.cta__row{flex-direction:column}}