:root{--bg: #0b0b0d;--ink: #f5f4f1;--dim: rgba(245, 244, 241, .5);--line: rgba(245, 244, 241, .14);--accent: #c6f000;--mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace;--sans: "Archivo", "Helvetica Neue", Arial, sans-serif;--gutter: clamp(16px, 4vw, 56px)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:auto}body{background:var(--bg);color:var(--ink);font-family:var(--sans);overflow-x:hidden;-webkit-font-smoothing:antialiased}.fluid{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.blob{position:absolute;background:var(--accent);filter:blur(64px);opacity:.55;will-change:transform,border-radius;border-radius:42% 58% 63% 37%/41% 44% 56% 59%}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:radial-gradient(120% 80% at 50% 42%,transparent 30%,color-mix(in srgb,var(--bg) 55%,transparent) 100%),linear-gradient(0deg,var(--bg),transparent 24%)}.grain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;pointer-events:none;opacity:.06;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.topbar{position:fixed;top:0;left:0;right:0;z-index:40;display:flex;align-items:center;justify-content:space-between;padding:clamp(14px,2.4vw,26px) var(--gutter);pointer-events:none}.brand{font-weight:800;font-size:clamp(16px,1.6vw,20px);letter-spacing:-.02em}.tag{font-weight:600;font-size:clamp(11px,1.1vw,13px);letter-spacing:.01em;color:var(--accent);transition:color .25s}.tag.muted{color:var(--dim)}.wordmark{font-family:var(--sans);font-weight:900;font-size:clamp(112px,26vw,440px);line-height:.78;letter-spacing:-.045em;text-transform:uppercase}.display{font-weight:800;font-size:clamp(44px,8vw,120px);line-height:.9;letter-spacing:-.03em;text-transform:uppercase}.display.big{font-size:clamp(40px,5.6vw,88px);line-height:.94}.hl{color:var(--accent);transition:color .2s}.lead{font-family:var(--mono);font-size:clamp(12px,1.1vw,14px);line-height:1.7;color:var(--dim);max-width:42ch;margin-top:1.8em}.kicker{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}.kicker--hero{font-size:clamp(13px,1.5vw,19px);margin-bottom:.5em}.sub,.credit{color:var(--dim);font-size:13px;letter-spacing:.01em}section{padding:0 var(--gutter);position:relative;z-index:2}.stage{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:6vh;padding-bottom:4vh;position:relative;overflow:hidden;text-align:center}.stage .wordmark{position:relative;z-index:0;color:var(--ink)}.can-stage{position:relative;z-index:1;width:min(560px,92vw);height:min(58vh,540px);margin-top:clamp(-150px,-12vh,-70px);display:flex;align-items:center;justify-content:center}.can-stage:focus-visible{outline:2px solid var(--accent);outline-offset:12px;border-radius:20px}.can{display:block;height:min(56vh,500px);width:auto;position:relative;z-index:1;pointer-events:none;transform-origin:50% 60%;filter:drop-shadow(0 30px 46px rgba(0,0,0,.5))}.can-glow{position:absolute;top:-26%;right:-18%;bottom:-26%;left:-18%;z-index:0;border-radius:50%;background:radial-gradient(circle at 50% 46%,color-mix(in srgb,var(--accent) 66%,transparent),transparent 62%);filter:blur(34px);transition:background .2s}.drops{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.flavor-drop{position:absolute;width:clamp(72px,10vw,120px);height:clamp(72px,10vw,120px);transform:translate(-50%,-50%);border:none;padding:0;background:transparent center / contain no-repeat;cursor:grab;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 12px 20px rgba(0,0,0,.45));transition:filter .2s}.flavor-drop:hover{filter:drop-shadow(0 12px 20px rgba(0,0,0,.45)) brightness(1.12)}.flavor-drop.is-dragging{cursor:grabbing;z-index:5}.flavor-drop:focus-visible{outline:2px solid var(--ink);outline-offset:4px;border-radius:50%}.hero-sub{margin-top:clamp(6px,1.4vh,16px);font-weight:700;font-size:clamp(20px,2.4vw,30px);letter-spacing:-.02em}.drop-hint{margin-top:clamp(10px,1.8vh,18px);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim)}.dots{display:flex;gap:10px;margin-top:clamp(18px,2.6vh,30px)}.dot{width:9px;height:9px;border-radius:50%;border:none;background:var(--line);cursor:pointer;padding:0;transition:background-color .25s,transform .25s}.dot.is-active{background:var(--accent);transform:scale(1.35)}.scroll-cue{margin-top:clamp(18px,3.4vh,36px);font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);text-decoration:none}.scroll-cue:hover{color:var(--ink)}.statement{min-height:84vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding-top:8vh;padding-bottom:8vh}.statement .lead{margin-left:auto;margin-right:auto}.showcase{height:360vh;position:relative}.showcase-pin{position:sticky;top:0;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.tendrils-cv{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;z-index:0;pointer-events:none}.kinetic{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;flex-direction:column;justify-content:center;gap:.06em;pointer-events:none;overflow:hidden}.kinetic-line{font-weight:900;font-size:clamp(90px,15vw,230px);line-height:.86;letter-spacing:-.03em;text-transform:uppercase;white-space:nowrap;color:transparent;-webkit-text-stroke:1.5px color-mix(in srgb,var(--ink) 34%,transparent);will-change:transform}.kinetic-a{align-self:flex-start}.kinetic-b{align-self:flex-end;color:color-mix(in srgb,var(--accent) 22%,transparent);-webkit-text-stroke:0}.chapter-hud{position:absolute;top:clamp(72px,11vh,110px);left:var(--gutter);z-index:3;display:flex;flex-direction:column;gap:6px;pointer-events:none}.ch-count{font-size:clamp(15px,1.6vw,20px);letter-spacing:.06em;color:var(--dim)}.ch-count em{font-style:normal;color:var(--accent);transition:color .2s}.ch-tag{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}.showcase-can-wrap{position:relative;z-index:2;pointer-events:none}.showcase-can-wrap .can{height:min(54vh,480px)}.scan-ghost{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;opacity:0;mix-blend-mode:screen}.scan-r{filter:sepia(1) saturate(8) hue-rotate(-45deg) brightness(1.1)}.scan-c{filter:sepia(1) saturate(8) hue-rotate(160deg) brightness(1.1)}.chapter-note{position:absolute;left:var(--gutter);bottom:clamp(84px,13vh,130px);z-index:3;max-width:34ch;pointer-events:none}.ch-name{font-weight:800;font-size:clamp(22px,2.4vw,34px);letter-spacing:-.02em;color:var(--accent);transition:color .2s}.chapter-note .lead{margin-top:.8em}.ticks{position:absolute;left:50%;bottom:clamp(26px,4.6vh,46px);transform:translate(-50%);z-index:3;display:flex;align-items:flex-end;gap:5px;height:26px;pointer-events:none}.tick{width:2px;height:100%;background:var(--line);transform-origin:bottom;transform:scaleY(.35)}.specs{min-height:80vh;display:flex;flex-direction:column;justify-content:center}.spec-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:2em}.spec{background:var(--bg);padding:clamp(20px,3vw,44px);display:flex;flex-direction:column;gap:.6em}.spec b{font-weight:900;font-size:clamp(52px,7.4vw,116px);line-height:.9;letter-spacing:-.02em;color:transparent;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(to top,var(--accent) 0%,rgba(245,244,241,.14) 0%)}.spec span{font-family:var(--mono);font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--dim);line-height:1.5}@media(max-width:720px){.can{height:min(42vh,360px)}.can-stage{margin-top:clamp(-100px,-9vh,-56px);height:min(50vh,460px)}.flavor-drop{width:clamp(60px,16vw,88px);height:clamp(60px,16vw,88px)}.showcase-can-wrap .can{height:min(36vh,320px)}.showcase{height:300vh}.chapter-note{max-width:26ch;bottom:clamp(96px,14vh,140px)}.kinetic-line{font-size:clamp(64px,18vw,120px)}.spec-grid{grid-template-columns:repeat(2,1fr)}.topbar .tag:not(.muted){display:none}.blob{opacity:.32;filter:blur(52px)}}