:root{--color-bg: #0b0c0f;--color-bg-elev: #121419;--color-ink: #eef1f6;--color-ink-dim: #aab1bd;--color-ink-faint: #828b9c;--color-line: rgba(255, 255, 255, .1);--glass-fill: rgba(22, 24, 30, .55);--glass-fill-strong: rgba(22, 24, 30, .72);--glass-border: rgba(255, 255, 255, .12);--glass-highlight: rgba(255, 255, 255, .55);--glass-blur: 18px;--glass-saturate: 1.4;--gold: #e8b14c;--gold-bright: #ffd27a;--gold-deep: #b8821f;--gold-ink: #1a1206;--gold-glow: rgba(232, 177, 76, .45);--gold-grad: linear-gradient(135deg, var(--gold-bright), var(--gold-deep));--draft-dot: 150 152 160;--draft-dot-a: .1;--draft-coarse-pitch: 72px;--draft-fine-pitch: 18px;--draft-ink: 140 184 255;--draft-tick-len: 9px;--draft-tick-gap: .85ch;--radius-xs: 6px;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--radius-pill: 999px;--shadow-sm: 0 4px 14px rgba(0, 0, 0, .35);--shadow-md: 0 12px 36px rgba(0, 0, 0, .42);--shadow-lg: 0 28px 70px rgba(0, 0, 0, .55);--shadow-inner-highlight: inset 0 1px 0 0 var(--glass-highlight);--shadow-gold: 0 10px 30px var(--gold-glow);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--space-9: 96px;--space-10: 128px;--font-display: "Archivo", "Archivo Expanded", "Arial Narrow", system-ui, sans-serif;--display-stretch: 125%;--font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", "Cascadia Code", Menlo, monospace;--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--text-anno: .75rem;--text-anno-sm: .8125rem;--text-xs: .78rem;--text-sm: .9rem;--text-base: 1.0625rem;--text-lg: 1.27rem;--text-xl: clamp(1.1rem, .95rem + .8vw, 1.4rem);--text-2xl: clamp(1.9rem, 1.4rem + 2vw, 2.6rem);--text-3xl: clamp(2.1rem, 1.5rem + 2.6vw, 3.1rem);--text-4xl: clamp(2.5rem, 1.8rem + 3vw, 3.6rem);--text-hero: clamp(2.4rem, 1.4rem + 4.6vw, 5rem);--leading-tight: 1.1;--leading-snug: 1.3;--leading-normal: 1.6;--leading-display: .98;--tracking-tight: -.02em;--tracking-wide: .04em;--tracking-display: -.015em;--tracking-anno: .18em;--tracking-label: .06em;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--container-max: 1180px;--container-pad: clamp(var(--space-4), 5vw, var(--space-8));--nav-height: 64px;--z-nav: 100;--z-overlay: 200;--ease-out: cubic-bezier(.2, .8, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--dur-fast: .15s;--dur-mid: .3s;--dur-slow: .5s;--dur-anim: .4s;--dur-sheen: 5s;--sheen-play: running}@media(prefers-reduced-motion:reduce){:root{--dur-anim: 0s;--dur-sheen: 0s;--sheen-play: paused}}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){:root{--glass-fill: rgba(18, 20, 26, .94);--glass-fill-strong: rgba(18, 20, 26, .97)}}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{margin:0;background:var(--color-bg);color:var(--color-ink);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{margin:0 0 var(--space-4);font-family:var(--font-display);font-stretch:var(--display-stretch);font-variation-settings:"wdth" 125;font-weight:var(--weight-bold);line-height:var(--leading-display);letter-spacing:var(--tracking-display)}p{margin:0 0 var(--space-4);color:var(--color-ink-dim)}a{color:var(--color-ink);text-decoration:none;transition:color var(--dur-fast) var(--ease-out);-webkit-tap-highlight-color:transparent}a:hover{color:var(--gold-bright)}:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:var(--radius-xs)}img,canvas{display:block;max-width:100%}button{font:inherit;cursor:pointer;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent}.container{width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:var(--container-pad)}.section{padding-block:var(--space-9)}.draft-surface{position:relative;isolation:isolate}.draft-surface:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(circle at center,rgb(var(--draft-dot) / var(--draft-dot-a)) 1px,transparent 1.7px),radial-gradient(circle at center,rgb(var(--draft-dot) / var(--draft-dot-a)) 1px,transparent 1.5px);background-size:var(--draft-coarse-pitch) var(--draft-coarse-pitch),var(--draft-fine-pitch) var(--draft-fine-pitch);background-position:center top,center top;-webkit-mask-image:radial-gradient(125% 95% at 50% 32%,#000 52%,transparent 100%);mask-image:radial-gradient(125% 95% at 50% 32%,#000 52%,transparent 100%)}@media(max-width:640px){.draft-surface{--draft-coarse-pitch: 60px;--draft-fine-pitch: 15px}}.eyebrow{position:relative;display:inline-flex;align-items:baseline;gap:.6ch;font-family:var(--font-mono);font-size:var(--text-anno);letter-spacing:var(--tracking-anno);text-transform:uppercase;color:var(--gold);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums;line-height:1.3;margin-bottom:var(--space-4)}.eyebrow:before,.eyebrow:after{content:"";position:absolute;top:50%;width:1px;height:var(--draft-tick-len);transform:translateY(-50%);background:rgb(var(--draft-ink) / .55);pointer-events:none}.eyebrow:before{right:calc(100% + var(--draft-tick-gap))}.eyebrow:after{left:calc(100% + var(--draft-tick-gap))}@media(max-width:480px){.eyebrow:before,.eyebrow:after{display:none}}.eyebrow__sep{color:var(--color-ink-dim);opacity:.55}.eyebrow__job{color:var(--color-ink-dim);letter-spacing:var(--tracking-label)}.gold-pill{position:relative;display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border:1px solid var(--gold-bright);border-radius:var(--radius-pill);background:var(--gold-grad);color:var(--gold-ink);font-family:var(--font-mono);font-weight:var(--weight-semibold);font-size:var(--text-anno-sm);letter-spacing:var(--tracking-anno);text-transform:uppercase;white-space:nowrap;cursor:pointer;overflow:hidden;isolation:isolate;box-shadow:var(--shadow-gold),var(--shadow-inner-highlight);transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.gold-pill:hover{transform:translateY(-1px) scale(1.02);box-shadow:var(--shadow-lg),var(--shadow-inner-highlight);color:var(--gold-ink)}.gold-pill:active{transform:scale(.98)}.gold-pill:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:radial-gradient(closest-side,rgba(255,255,255,.65),transparent 70%);background-repeat:no-repeat;background-size:70% 140%;mix-blend-mode:screen;opacity:.7;animation:gold-sheen var(--dur-sheen) var(--ease-in-out) infinite;animation-play-state:var(--sheen-play)}@keyframes gold-sheen{0%{background-position:6% 50%}50%{background-position:94% 50%}to{background-position:6% 50%}}.demo-canvas__poster{position:absolute;inset:0;z-index:var(--z-overlay);display:grid;place-items:center;border:none;cursor:pointer;background-color:var(--color-bg-elev);background-size:cover;background-position:center;color:var(--color-ink)}.demo-canvas__play{padding:var(--space-3) var(--space-6);border-radius:var(--radius-pill);background:var(--gold-grad);color:var(--gold-ink);font-weight:var(--weight-semibold);box-shadow:var(--shadow-gold),var(--shadow-inner-highlight)}.demo-canvas--fullscreen{position:fixed;inset:0;width:100vw;height:100svh;max-width:none;max-height:none;min-height:0;margin:0;border:0;border-radius:0;z-index:calc(var(--z-overlay) + 10)}body.demo-fullscreen-lock{overflow:hidden}