@font-face{font-family:Unbounded;src:url('./media/display.ttf') format('truetype');font-weight:800;font-display:swap}@font-face{font-family:Manrope;src:url('./media/body.ttf') format('truetype');font-weight:400;font-display:swap}
:root{--bg:#050606;--cream:#f5f3eb;--muted:#959995;--line:#ffffff24;--accent:#ceff4b;--secondary:#ff557d;--film-filter:none;--display:Unbounded,Arial,sans-serif;--body:Manrope,Arial,sans-serif;--mono:'SFMono-Regular',Consolas,monospace;color-scheme:dark}*{box-sizing:border-box}html{background:var(--bg);scroll-padding-top:90px}body{margin:0;color:var(--cream);font:15px/1.65 var(--body);background:var(--bg)}body,main{overflow-x:clip}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a,input{touch-action:manipulation}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer}button:disabled{opacity:.35;cursor:default}button{border:0}button,a,input{outline-offset:6px}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent)}[hidden]{display:none!important}::selection{background:var(--accent);color:#050606}h1,h2,h3,p{margin:0}h1,h2{font-family:var(--display);font-weight:800;letter-spacing:-.065em;line-height:1.06}h3{line-height:1.15}.mono,.eyebrow{font-family:var(--mono);font-size:10px;line-height:1.6;letter-spacing:.1em}.eyebrow{font-size:10px;font-weight:400;letter-spacing:.14em}.live-gradient{color:var(--accent);background:linear-gradient(110deg,var(--accent) 15%,var(--secondary) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.live-dot{display:inline-block;background:var(--accent);width:6px;height:6px;border-radius:50%;margin:0 8px 1px 0}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:25px;background:var(--accent);color:var(--accent-ink,#050606);border-radius:4px;padding:16px 24px;font-weight:700;transition:transform .25s,filter .25s}.button:hover,.button:focus-visible{transform:translateY(-2px);filter:brightness(1.1)}.button span{font-size:22px;line-height:1}.button.compact{padding:11px 18px;font-size:12px}.text-link{display:inline-flex;align-items:center;gap:44px;border-bottom:1px solid var(--accent);padding:10px 0;color:var(--cream);font-size:13px}.text-link span{color:var(--accent);font-size:22px;transition:transform .2s}.text-link:hover span,.text-link:focus-visible span{transform:translate(3px,-3px)}.skip-link{position:fixed;top:-100px;left:15px;z-index:1000;padding:12px;background:var(--accent);color:#000}.skip-link:focus{top:10px}
.header{height:83px;position:fixed;inset:0 0 auto;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:0 4.2%;gap:30px;border-bottom:1px solid var(--line);background:#050606d9;backdrop-filter:blur(16px)}.wordmark{font-family:var(--display);font-size:32px;font-style:italic;font-weight:800;letter-spacing:-.075em;line-height:1}.wordmark span{font-family:Arial;font-size:9px;vertical-align:top;margin-left:4px;font-style:normal}.desktop-nav{display:flex;gap:30px;font-size:12px;margin-left:auto;margin-right:4vw}.desktop-nav a,.header-actions button{transition:color .2s}.desktop-nav a:hover,.desktop-nav a:focus-visible{color:var(--accent)}.header-actions{display:flex;gap:22px;align-items:center}.sound-toggle,.palette-toggle{background:none;padding:9px 0;display:flex;gap:8px;align-items:center;font-size:11px;white-space:nowrap}.palette-toggle i{height:10px;width:10px;border-radius:50%;background:conic-gradient(var(--accent),var(--secondary),#48ddff,var(--accent))}.sound-icon{display:flex;height:15px;gap:2px;align-items:center}.sound-icon i{width:2px;height:3px;background:currentColor;transition:height .3s}.sound-toggle[aria-pressed=true]{color:var(--accent)}.sound-toggle[aria-pressed=true] i:nth-child(1){height:7px}.sound-toggle[aria-pressed=true] i:nth-child(2){height:14px}.sound-toggle[aria-pressed=true] i:nth-child(3){height:10px}.sound-toggle[aria-pressed=true] i:nth-child(4){height:6px}.palette-popover{position:absolute;right:170px;top:75px;background:#111512f5;border:1px solid var(--line);padding:22px;border-radius:8px;box-shadow:0 12px 40px #0009}.palette-popover .palette-options{margin:14px 0}.palette-popover small{color:var(--muted);font-size:11px}.menu-toggle{display:none;background:none;width:32px;height:36px;padding:5px}.menu-toggle span{display:block;background:var(--cream);height:1px;width:22px;margin:6px 0}#mobile-nav{position:fixed;inset:70px 0 auto;z-index:49;background:#101211;padding:28px;display:grid;gap:22px;font-size:20px;border-bottom:1px solid var(--line)}
.chapter{height:300vh;position:relative;background:#000}.stage{height:100vh;height:100svh;position:sticky;top:0;isolation:isolate;overflow:hidden;background:#000}.visual-scene{position:absolute;inset:0;z-index:-2;will-change:transform}.visual-media{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:var(--film-filter)}canvas.visual-media{opacity:0;transition:opacity .3s}.visual-scene.ready canvas{opacity:1}.visual-scene.ready .poster{opacity:0}.hero-copy{position:absolute;left:6%;top:27%;width:56%;will-change:transform,opacity}.hero-copy h1{font-size:clamp(64px,7.7vw,145px);margin:24px 0 24px}.hero-description{color:#c2c6c1;font-size:clamp(13px,1.1vw,18px);line-height:1.65}.hero-copy .text-link{margin-top:20px}.hero-side{position:absolute;right:4.2%;top:17%;text-align:right;color:#7b817b;font-size:9px;line-height:1.8}.stage-bottom{position:absolute;bottom:32px;left:4.2%;right:4.2%;display:flex;justify-content:space-between;align-items:end;gap:25px;color:#b7bcb7}.scroll-cue{font:9px var(--mono);letter-spacing:.12em;display:flex;gap:16px;align-items:center}.scroll-cue>span{font-size:25px;color:var(--accent)}.load-state{font-size:9px;color:#747c74}.colors-readout{display:flex;gap:12px;align-items:center;color:var(--cream)}.colors-readout strong{font:44px/1 var(--display);letter-spacing:-.08em}.colors-readout>span{font:8px/1.65 var(--mono);letter-spacing:.1em;color:var(--muted)}.scene-number{position:absolute;left:4.2%;top:120px;color:#828982;font-size:9px}.drop-ticker{position:absolute;right:5%;bottom:19%;display:grid;gap:4px;text-align:right}.drop-ticker>strong{font:64px/1.1 var(--display);letter-spacing:-.075em;color:var(--accent)}.drop-ticker>strong span{font-size:20px}.drop-ticker>.mono{font-size:8px;color:var(--muted)}.spectrum-bars{height:28px;display:flex;align-items:end;justify-content:end;gap:3px;margin-top:12px}.spectrum-bars i{width:3px;height:100%;background:var(--accent);transform-origin:bottom;opacity:.8}.chapter-heading{position:absolute;top:18%;left:5.5%;max-width:60%}.chapter-heading h2{font-size:clamp(46px,5vw,92px);margin-top:22px}.chapter-heading>p:last-child:not(.eyebrow){margin-top:26px;color:#c0c5c0;font-size:14px;line-height:1.6}.frozen .chapter-heading h2{font-size:clamp(40px,4.3vw,78px)}.frozen .chapter-heading{top:17%}.orbit-readout{position:absolute;right:5%;top:19%;display:grid;text-align:right}.orbit-readout .mono{font-size:8px;color:#979e97}.orbit-readout strong{font:clamp(48px,6vw,100px)/1.1 var(--display);letter-spacing:-.06em}.orbit-readout small{font-size:.45em;vertical-align:top}.orbit-ring{width:50px;height:50px;border:1px solid #ffffff40;border-radius:50%;margin:16px 0 0 auto;position:relative}.orbit-ring i{position:absolute;inset:-3px 22px;transform-origin:3px 28px}.orbit-ring i:before{content:'';display:block;width:6px;height:6px;background:var(--accent);border-radius:50%}.frozen-caption{position:absolute;left:5.5%;bottom:24%;font-size:19px;line-height:1.3}.frozen-caption em{font-style:normal;color:var(--accent)}.frozen-caption .mono{display:block;margin-top:15px;font-size:8px;color:var(--muted)}.palette-dock{position:absolute;bottom:35px;left:5.5%;right:5.5%;border-top:1px solid var(--line);padding-top:24px;display:flex;align-items:center;justify-content:space-between;gap:24px}.palette-dock p{font-size:12px;color:var(--muted);margin-top:4px}.palette-current{font-size:8px;color:var(--accent)}.palette-options{display:flex;gap:6px;flex-wrap:wrap}.palette-chip{display:flex;align-items:center;gap:8px;background:#101411d9;border:1px solid #ffffff25;padding:9px 12px;border-radius:24px;font-size:10px;transition:border-color .2s,background .2s}.palette-chip i{height:8px;width:8px;border-radius:50%;background:var(--chip)}.palette-chip[aria-pressed=true],.palette-chip:hover,.palette-chip:focus-visible{border-color:var(--accent);background:#202820}.scene-shade{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#0008,transparent 65%),linear-gradient(0deg,#0008,transparent 30%)}.inside .visual-media{object-fit:cover}.inside .chapter-heading{top:25%}.inside-hud{position:absolute;right:5%;bottom:21%;display:grid;text-align:right}.inside-hud>strong{font:72px/1.2 var(--display);letter-spacing:-.07em}.inside-hud>strong small{font-size:26px;color:var(--accent)}.inside-hud>.mono{font-size:9px}.hud-line{width:180px;height:2px;background:#ffffff30;margin:16px 0 0 auto}.hud-line i{display:block;height:100%;background:var(--accent);width:0}.anatomy .chapter-heading{top:25%;max-width:42%}.anatomy .chapter-heading h2{font-size:clamp(48px,5.5vw,100px)}.anatomy-count{position:absolute;left:5.5%;bottom:19%;display:flex;gap:18px;align-items:center}.anatomy-count strong{font:68px/1 var(--display);letter-spacing:-.07em;color:var(--accent)}.anatomy-count .mono{font-size:9px;color:var(--muted)}.recipe-card{position:absolute;right:4.2%;bottom:17%;width:280px;border:1px solid #ffffff28;border-radius:10px;padding:25px;background:#121713a8;backdrop-filter:blur(18px)}.recipe-card .eyebrow{font-size:8px;color:var(--accent)}.recipe-card h3{font-size:24px;line-height:1.2;margin:16px 0 25px;letter-spacing:-.04em}.recipe-card dl{margin:0 0 24px}.recipe-card dl>div{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #ffffff17;padding:10px 0;font-size:11px}.recipe-card dt{color:var(--muted)}.recipe-card dd{margin:0;text-align:right}.recipe-card>.mono{font-size:7px;color:var(--muted)}
.brand-break{padding:150px 6% 100px;text-align:center;border-top:1px solid var(--line)}.brand-break h2{font-size:clamp(36px,6.2vw,115px);margin:30px 0}.brand-break>p:not(.eyebrow){font-size:15px;color:var(--muted)}.spec-grid{display:grid;grid-template-columns:repeat(4,1fr);max-width:1100px;margin:90px auto 0}.spec-grid>div{border-right:1px solid var(--line);display:grid;gap:15px}.spec-grid>div:last-child{border:0}.spec-grid strong{font:clamp(35px,5vw,76px)/1 var(--display);letter-spacing:-.07em}.spec-grid span{font:9px var(--mono);letter-spacing:.1em;color:var(--muted)}.section{padding:110px 5%}.section-top{display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid var(--line);padding-top:24px}.section-top>.mono{font-size:8px;color:var(--muted)}.section-title{display:flex;align-items:end;justify-content:space-between;gap:30px;margin:50px 0}.section-title h2,.pack-product h2{font-size:clamp(46px,6.5vw,118px)}.section-title>p{font-size:14px;color:var(--muted);padding-right:5%;padding-bottom:8px}.flavor-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.lime{--flavor:#ceff4b}.paloma{--flavor:#ff6c8c}.mango{--flavor:#ffb139}.berry{--flavor:#9b84ff}.flavor-card{position:relative;min-width:0;border:1px solid #ffffff16;background:linear-gradient(160deg,color-mix(in srgb,var(--flavor) 7%,#080a09),#080a09);border-radius:6px;padding:22px;overflow:hidden}.flavor-number{font-size:8px;color:var(--flavor)}.can-window{height:330px;position:relative;overflow:hidden;margin:0 -22px;isolation:isolate}.can-window img{position:absolute;width:280%;max-width:none;left:50%;top:50%;transform:translate(-50%,-64%);mix-blend-mode:screen;transition:transform .6s cubic-bezier(.2,.8,.2,1)}.flavor-card:hover .can-window img,.flavor-card:focus-within .can-window img{transform:translate(-50%,-66%) rotate(-4deg)}.flavor-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.flavor-title h3{font:clamp(20px,2vw,33px)/1.1 var(--display);letter-spacing:-.06em}.flavor-title>span{color:var(--flavor);font-size:26px}.flavor-card>p{font-size:11px;color:var(--muted);line-height:1.7;margin:15px 0 24px}.flavor-card button{background:none;width:100%;border-top:1px solid var(--line);padding:15px 0 0;display:flex;justify-content:space-between;font-size:11px}.flavor-card button span{color:var(--flavor);font-size:19px;line-height:1}.flavor-card button:hover,.flavor-card button:focus-visible{color:var(--flavor)}.pack-section{display:grid;grid-template-columns:1.1fr 1fr;gap:8%;padding-top:75px}.pack-product h2{margin-top:45px;font-size:clamp(42px,5.5vw,90px)}.pack-image{position:relative;height:440px;overflow:hidden;margin-top:25px}.pack-image img{position:absolute;width:200%;max-width:none;left:50%;top:50%;transform:translate(-50%,-65%);mix-blend-mode:screen}.pack-stamp{position:absolute;right:4%;bottom:10%;width:95px;height:95px;border-radius:50%;border:1px solid var(--line);display:grid;place-content:center;text-align:center;font:10px/1.7 var(--mono);transform:rotate(12deg)}.pack-builder{padding:38px;border:1px solid var(--line);border-radius:10px;align-self:start;background:#0d100e}.builder-top{display:flex;align-items:center;justify-content:space-between}.builder-top>.mono{font-size:9px;color:var(--muted)}.concept-label{border:1px solid var(--line);padding:2px 6px;font:8px var(--mono);color:var(--muted)}.pack-builder h3{font:clamp(24px,2.5vw,38px)/1.15 var(--display);letter-spacing:-.06em;margin:26px 0 10px}.pack-builder>p#selected-notes{font-size:12px;color:var(--muted);min-height:38px}.pack-builder fieldset{border:0;padding:0;margin:30px 0 0;min-width:0}.pack-builder legend{margin-bottom:14px;color:#b4b9b4;font-size:9px}.swatches{display:grid;grid-template-columns:1fr 1fr;gap:9px}.swatches label,.pack-size label{position:relative;cursor:pointer}.swatches input,.pack-size input{position:absolute;opacity:0;width:1px;height:1px}.swatch{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:4px;padding:10px;font-size:10px;transition:background .2s,border-color .2s}.swatch i{width:13px;height:13px;background:var(--flavor);border-radius:50%}.swatches input:checked+.swatch{border-color:var(--flavor);background:color-mix(in srgb,var(--flavor) 9%,transparent)}.swatches input:focus-visible+.swatch,.pack-size input:focus-visible+span{outline:2px solid var(--cream);outline-offset:3px}.pack-size{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pack-size label>span{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px;border:1px solid var(--line);border-radius:4px}.pack-size strong{font-size:13px}.pack-size small{font:9px var(--mono);color:var(--muted)}.pack-size input:checked+span{border-color:var(--accent);background:#ffffff08}.quantity-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:28px}.quantity-row>.eyebrow{font-size:9px}.stepper{display:flex;border:1px solid var(--line);border-radius:4px}.stepper button{width:34px;height:36px;background:none}.stepper input{width:35px;background:none;color:var(--cream);border:0;text-align:center;appearance:textfield;font:12px var(--mono)}.stepper input::-webkit-inner-spin-button{appearance:none}.pack-total{border-top:1px solid var(--line);padding-top:25px;margin:30px 0 24px;display:flex;align-items:center;justify-content:space-between}.pack-total>div{display:grid;font-size:12px}.pack-total small{font-size:10px;color:var(--muted)}.pack-total>strong{font:32px var(--display);letter-spacing:-.06em}.pack-total>strong small{font:9px var(--mono);letter-spacing:0}.build-submit{width:100%;font-size:12px}.demo-note{font-size:10px;line-height:1.7;color:#8e978e;margin-top:18px}.pack-builder #pack-result{padding:18px 0 0;border-top:1px solid var(--line);margin-top:20px;font-size:12px;color:var(--accent)}.closing{text-align:center;padding:100px 4% 85px}.closing>.eyebrow{color:var(--muted)}.closing-word{font:italic 800 clamp(64px,13vw,230px)/1.4 var(--display);letter-spacing:-.095em;margin:10px 0 20px}.closing-link{font:9px var(--mono);letter-spacing:.12em;display:inline-flex;gap:22px;align-items:center}.closing-link span{font-size:21px;color:var(--accent)}footer{border-top:1px solid var(--line);margin:0 4.2%;padding:40px 0;display:flex;align-items:center;gap:40px;font-size:9px;color:var(--muted)}footer .wordmark{font-size:25px;color:var(--cream)}footer>div{flex:1}footer p{font-size:8px;margin-top:4px}footer>a:not(.wordmark){color:#c6cec6}footer>.mono{font-size:8px}#droplet-cursor{position:fixed;inset:0;z-index:100;pointer-events:none;width:100%;height:100%}.noscript{position:fixed;bottom:0;background:#121a11;padding:8px 20px;font-size:11px;z-index:100}
@media(min-width:1800px){.header{height:100px}.hero-copy{top:25%}.recipe-card{width:330px;padding:32px}.can-window{height:410px}}
@media(max-width:1100px){.desktop-nav{gap:20px;margin-right:1vw}.header-actions{gap:16px}.sound-toggle #sound-label{display:none}.flavor-grid{gap:12px}.flavor-card{padding:18px}.can-window{margin:0 -18px;height:280px}.flavor-title h3{font-size:21px}.pack-section{gap:5%}.pack-builder{padding:26px}.palette-current{display:none}.recipe-card{width:240px;padding:20px}.hero-copy h1{font-size:7.7vw}.hero-copy{top:29%}.hero-description{font-size:13px}}
@media(max-width:799px){html{scroll-padding-top:75px}.header{height:70px;padding:0 5%;gap:16px}.wordmark{font-size:27px}.desktop-nav{display:none}.header-actions{gap:14px}.header-actions>.button{display:none}.sound-toggle #sound-label{display:none}.menu-toggle{display:block}.palette-popover{right:5%;left:5%;top:65px}.palette-popover .palette-options{gap:6px}.chapter{height:240vh}.stage{min-height:680px;height:100svh}.hero-copy{left:6%;top:20%;width:88%}.hero-copy .eyebrow{font-size:8px}.hero-copy h1{font-size:clamp(43px,10.5vw,78px);line-height:1.02;margin:19px 0 15px}.hero-description{font-size:12px;max-width:45%}.hero-copy .text-link{margin-top:8px;font-size:10px;gap:16px}.scene-number{top:97px;left:6%;font-size:8px}.hero-side{display:none}.drop-ticker{right:6%;bottom:15%;text-align:right}.drop-ticker>strong{font-size:40px}.drop-ticker>.eyebrow{font-size:8px}.drop-ticker>.mono{font-size:6px}.spectrum-bars{height:18px;gap:2px}.spectrum-bars i{width:2px}.stage-bottom{left:6%;right:6%;bottom:25px}.load-state{position:absolute;left:0;bottom:43px;font-size:7px}.colors-readout strong{font-size:28px}.colors-readout>span{font-size:6px}.scroll-cue{font-size:7px;gap:8px}.chapter-heading{top:16%;left:6%;max-width:88%}.chapter-heading .eyebrow{font-size:8px}.chapter-heading h2,.frozen .chapter-heading h2{font-size:clamp(32px,8.3vw,64px);margin-top:16px}.frozen .chapter-heading{top:16%}.orbit-readout{top:34%;right:6%}.orbit-readout>.mono{font-size:6px;max-width:100px}.orbit-readout strong{font-size:36px}.orbit-ring{width:36px;height:36px;margin-top:8px}.orbit-ring i{inset:-3px 15px;transform-origin:3px 21px}.frozen-caption{left:6%;bottom:26%;font-size:14px;max-width:120px}.frozen-caption>.mono{font-size:6px;max-width:100px}.palette-dock{bottom:28px;left:6%;right:6%;display:block;padding-top:16px}.palette-dock>div:first-child{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:13px}.palette-dock p{font-size:10px;margin:0}.palette-dock .eyebrow{font-size:8px}.palette-chip{font-size:8px;padding:8px 10px;gap:5px}.palette-chip i{width:6px;height:6px}.palette-options{gap:5px}.inside .chapter-heading{top:22%}.inside .chapter-heading h2{font-size:8.3vw}.chapter-heading>p:last-child:not(.eyebrow){font-size:12px;margin-top:20px}.inside-hud{bottom:22%;right:6%}.inside-hud>strong{font-size:49px}.inside-hud>.mono{font-size:7px}.inside .stage-bottom{display:grid;gap:7px;font-size:7px}.inside .stage-bottom>.mono{font-size:7px}.anatomy .chapter-heading{top:15%;max-width:88%}.anatomy .chapter-heading h2{font-size:10vw;margin-top:15px}.anatomy .chapter-heading .eyebrow{font-size:7px}.anatomy-count{left:6%;bottom:17%;display:grid;gap:8px}.anatomy-count strong{font-size:42px}.anatomy-count>.mono{font-size:6px}.recipe-card{right:6%;bottom:16%;width:185px;padding:16px;background:#101713c7}.recipe-card .eyebrow{font-size:6px}.recipe-card h3{font-size:17px;margin:12px 0 15px}.recipe-card dl{margin-bottom:13px}.recipe-card dl>div{font-size:8px;padding:6px 0}.recipe-card>.mono{font-size:6px}.anatomy .stage-bottom>.mono{font-size:6px}.brand-break{padding:90px 6% 50px}.brand-break>.eyebrow{font-size:8px}.brand-break h2{font-size:8.3vw;margin:24px 0}.brand-break>p:not(.eyebrow){font-size:12px}.spec-grid{grid-template-columns:1fr 1fr;margin-top:48px;gap:30px 0}.spec-grid>div:nth-child(2){border:0}.spec-grid strong{font-size:40px}.spec-grid span{font-size:7px}.section{padding:65px 6%}.section-top>.mono{font-size:6px;max-width:110px;text-align:right}.section-top>.eyebrow{font-size:8px}.section-title{margin:30px 0;display:block}.section-title h2{font-size:10vw}.section-title>p{font-size:12px;margin-top:20px}.flavor-grid{grid-template-columns:1fr 1fr;gap:12px}.flavor-card{padding:15px}.flavor-number{font-size:6px}.can-window{height:230px;margin:0 -15px}.flavor-title h3{font-size:19px}.flavor-title>span{font-size:20px}.flavor-card>p{font-size:9px;margin:12px 0 18px}.flavor-card button{font-size:9px;padding-top:12px}.pack-section{display:block}.pack-product h2{font-size:10vw;margin-top:28px}.pack-image{height:320px;margin:0}.pack-image img{width:230%}.pack-stamp{right:8%;bottom:15%;height:75px;width:75px;font-size:8px}.pack-builder{padding:24px}.pack-builder h3{font-size:26px}.pack-builder>p#selected-notes{font-size:11px}.pack-size label>span{padding:12px}.pack-size small{font-size:8px}.swatch{font-size:9px;padding:10px}.quantity-row>.eyebrow{font-size:8px}.closing{padding:40px 5% 65px}.closing>.eyebrow{font-size:8px}.closing-word{font-size:13vw;line-height:1.6}.closing-link{font-size:8px}footer{flex-wrap:wrap;gap:24px;padding:30px 0;margin:0 6%}footer>div{flex-basis:60%}footer>.mono{margin-left:auto;font-size:6px}footer>a:not(.wordmark){font-size:8px}}
@media(max-width:390px){.palette-toggle{font-size:10px}.header-actions{gap:10px}.flavor-card{padding:12px}.flavor-title h3{font-size:16px}.can-window{height:210px}.palette-chip{padding:8px;font-size:7px}.pack-builder{padding:20px}}
.is-reduced .chapter{height:auto}.is-reduced .stage{position:relative;height:900px;max-height:none}.is-reduced .drop .stage{height:100svh;min-height:740px}.is-reduced #droplet-cursor{display:none}.is-reduced .visual-scene,.is-reduced .hero-copy{will-change:auto}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.can-window img{transform:translate(-50%,-64%)!important}.button:hover{transform:none}}
/* Keep the opening composition useful before JavaScript and frames arrive. */
.drop .visual-scene{transform:translateX(15vw)}.frozen .chapter-heading h2{font-size:clamp(38px,3.8vw,72px)}.frozen .stage:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#000a,transparent 49%)}
@media(max-width:799px){.drop .visual-scene{transform:translate(17vw,19svh) scale(1.9)}.frozen .chapter-heading h2{font-size:clamp(32px,8.3vw,64px)}.frozen .stage:after{background:linear-gradient(180deg,#0006,transparent 38%)}}