@property --bg1{syntax: "<color>"; inherits: true; initial-value: #fff3e3;}@property --bg2{syntax: "<color>"; inherits: true; initial-value: #ffd3a6;}@property --ink{syntax: "<color>"; inherits: true; initial-value: #2a1a0e;}:root{--font-display: "Bricolage Grotesque Variable", system-ui, sans-serif;--font-body: "Inter Variable", system-ui, sans-serif}*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;font-family:var(--font-body);color:var(--ink);background:var(--bg2);transition:--bg1 .9s ease,--bg2 .9s ease,--ink .6s ease;overflow-x:hidden;-webkit-font-smoothing:antialiased}body.pointing{cursor:pointer}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(120% 90% at 70% 20%,var(--bg1),var(--bg2))}#scene{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;z-index:0;pointer-events:none}.nav{position:fixed;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;gap:32px;padding:22px clamp(16px,4vw,48px)}.brand{font-family:var(--font-display);font-weight:800;font-size:30px;letter-spacing:-.04em;color:inherit;text-decoration:none}.brand span{color:#fff;text-shadow:0 0 1px var(--ink)}.links{display:flex;gap:24px;margin-right:auto}.links a{color:inherit;text-decoration:none;font-weight:500;font-size:15px;opacity:.8}.links a:hover{opacity:1}.cart{font:600 14px var(--font-body);color:inherit;background:color-mix(in srgb,#fff 55%,transparent);border:1px solid color-mix(in srgb,var(--ink) 18%,transparent);border-radius:999px;padding:10px 18px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.cart b{display:inline-grid;place-items:center;min-width:22px;height:22px;margin-left:6px;border-radius:999px;background:var(--ink);color:var(--bg1);font-size:12px}main{position:relative;z-index:1}section{padding:0 clamp(16px,6vw,96px)}.eyebrow{font-weight:600;font-size:13px;letter-spacing:.14em;text-transform:uppercase;opacity:.7;margin:0 0 18px}h1,h2{font-family:var(--font-display);letter-spacing:-.045em;line-height:.92;margin:0}h1{font-size:clamp(48px,8.6vw,132px);font-weight:800}h1 em{font-style:normal;color:#fff;-webkit-text-stroke:2px var(--ink)}h2{font-size:clamp(56px,9vw,150px);font-weight:800}.lead{max-width:460px;font-size:clamp(16px,1.4vw,19px);line-height:1.5;opacity:.85;margin:22px 0 0}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:flex-start;padding-top:clamp(110px,16vh,170px)}.actions{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 26px;border-radius:999px;font:600 15px var(--font-body);text-decoration:none;cursor:pointer;border:0;transition:transform .2s ease,background .2s ease}.btn:hover{transform:translateY(-2px)}.btn:focus-visible,.dots button:focus-visible,.cart:focus-visible{outline:3px solid #fff;outline-offset:3px}.btn.primary{background:var(--ink);color:var(--bg1)}.btn.ghost{color:inherit;border:1.5px solid currentColor}.flavors{height:600vh}.flavor-panel{position:sticky;top:0;height:100vh;display:flex;align-items:center}.flavor-copy{max-width:520px}.notes{font-size:clamp(17px,1.5vw,21px);line-height:1.5;max-width:420px;margin:24px 0 0}.facts{list-style:none;padding:0;margin:24px 0 0;display:flex;flex-wrap:wrap;gap:8px}.facts li{font-size:13px;font-weight:600;padding:8px 14px;border-radius:999px;background:color-mix(in srgb,#fff 45%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.buy{display:flex;align-items:center;gap:20px;margin-top:34px}.price{font-family:var(--font-display);font-weight:700;font-size:34px;letter-spacing:-.03em}.price s{font-size:18px;opacity:.55;margin-left:6px}.pack{min-height:110vh;display:flex;align-items:center}.pack-card{max-width:480px}.dots{position:fixed;right:clamp(12px,2.5vw,32px);top:50%;transform:translateY(-50%);z-index:10;display:flex;flex-direction:column;gap:12px}.dots button{width:14px;height:14px;border-radius:999px;border:2px solid #fff;background:var(--dot);cursor:pointer;padding:0;transition:transform .25s ease}.dots button[aria-current=true]{transform:scale(1.6)}.tooltip{position:fixed;left:0;top:0;z-index:20;pointer-events:none;padding:8px 14px;border-radius:10px;background:#111;color:#fff;font-size:13px;font-weight:500;opacity:0;transition:opacity .15s ease;white-space:nowrap}.tooltip.show{opacity:1}.toast{position:fixed;left:50%;bottom:28px;z-index:30;transform:translate(-50%,20px);padding:14px 22px;border-radius:14px;background:#111;color:#fff;font-weight:600;font-size:14px;opacity:0;transition:opacity .25s ease,transform .25s ease}.toast.show{opacity:1;transform:translate(-50%)}.demo-pill{position:fixed;left:16px;bottom:16px;z-index:30;padding:9px 14px;border-radius:999px;background:#111111d1;color:#fff;font-size:12px;text-decoration:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@media(max-width:760px){.links{display:none}.nav{justify-content:space-between}.hero{padding-top:100px}.flavor-panel,.pack{align-items:flex-start;padding-top:96px}.dots{top:auto;bottom:74px;right:50%;transform:translate(50%);flex-direction:row}.demo-pill{left:50%;transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){body{transition:none}}