:root{--background:oklch(100% 0 0);--foreground:oklch(14.5% 0 0);--card:oklch(100% 0 0);--card-foreground:oklch(14.5% 0 0);--popover:oklch(100% 0 0);--popover-foreground:oklch(14.5% 0 0);--primary:oklch(20.5% 0 0);--primary-foreground:oklch(98.5% 0 0);--secondary:oklch(97% 0 0);--secondary-foreground:oklch(20.5% 0 0);--muted:oklch(97% 0 0);--muted-foreground:oklch(55.6% 0 0);--accent:oklch(97% 0 0);--accent-foreground:oklch(20.5% 0 0);--border:oklch(92.2% 0 0);--ring:oklch(70.8% 0 0);--sidebar:oklch(98.5% 0 0);--sidebar-foreground:oklch(14.5% 0 0);--sidebar-accent:oklch(97% 0 0);--sidebar-accent-foreground:oklch(20.5% 0 0);--sidebar-border:oklch(92.2% 0 0);--sidebar-ring:oklch(70.8% 0 0);--radius:.625rem;--brand:oklch(56% .2 275);--brand-foreground:oklch(98.5% 0 0);--brand-soft:oklch(56% .2 275/.12)}.dark,:root[data-theme=dark]{--background:oklch(14.5% 0 0);--foreground:oklch(98.5% 0 0);--card:oklch(20.5% 0 0);--card-foreground:oklch(98.5% 0 0);--popover:oklch(20.5% 0 0);--popover-foreground:oklch(98.5% 0 0);--primary:oklch(92.2% 0 0);--primary-foreground:oklch(20.5% 0 0);--secondary:oklch(26.9% 0 0);--secondary-foreground:oklch(98.5% 0 0);--muted:oklch(26.9% 0 0);--muted-foreground:oklch(70.8% 0 0);--accent:oklch(26.9% 0 0);--accent-foreground:oklch(98.5% 0 0);--border:oklch(100% 0 0/.1);--ring:oklch(55.6% 0 0);--sidebar:oklch(20.5% 0 0);--sidebar-foreground:oklch(98.5% 0 0);--sidebar-accent:oklch(26.9% 0 0);--sidebar-accent-foreground:oklch(98.5% 0 0);--sidebar-border:oklch(100% 0 0/.1);--sidebar-ring:oklch(55.6% 0 0);--brand:oklch(72% .16 277);--brand-foreground:oklch(14.5% 0 0);--brand-soft:oklch(72% .16 277/.14)}@property --glow-x{syntax:"<percentage>";inherits:true;initial-value:74%}@property --glow-y{syntax:"<percentage>";inherits:true;initial-value:42%}:root{--ease:cubic-bezier(.22, 1, .36, 1);--glow-x:74%;--glow-y:42%;transition:--glow-x 1.2s var(--ease), --glow-y 1.2s var(--ease)}*,:before,:after{box-sizing:border-box}html{color-scheme:light dark;scroll-behavior:smooth}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}body{background:var(--background);color:var(--foreground);font-family:var(--sl-font);-webkit-font-smoothing:antialiased;margin:0;font-size:1.0625rem;line-height:1.65}a{color:inherit}.backdrop{z-index:0;pointer-events:none;background:radial-gradient(60vmax 52vmax at var(--glow-x) var(--glow-y), var(--brand-soft), transparent 70%), radial-gradient(40vmax 30vmax at 8% 110%, oklch(from var(--brand) l c h / 8%), transparent 70%);position:fixed;inset:0}.backdrop:after{content:"";background-image:linear-gradient(var(--border) 1px, transparent 1px), linear-gradient(90deg, var(--border) 1px, transparent 1px);mask-image:radial-gradient(60% 55% at var(--glow-x) var(--glow-y), black, transparent 75%);opacity:.55;background-size:64px 64px;position:absolute;inset:0}#stage{z-index:1;pointer-events:none;opacity:0;width:100vw;height:100dvh;transition:opacity .9s var(--ease);position:fixed;inset:0}#stage.ready{opacity:1}body.over-her{cursor:pointer}.bubble{z-index:3;border:1px solid var(--border);border-radius:calc(var(--radius) * 1.6);background:color-mix(in oklab, var(--card) 82%, transparent);backdrop-filter:blur(14px);pointer-events:none;max-width:min(22rem,38vw);transition:opacity .5s var(--ease);will-change:transform;margin:0;padding:.7rem 1rem;font-size:.98rem;line-height:1.5;position:fixed;top:0;left:0;box-shadow:0 8px 30px oklch(0% 0 0/.14)}.bubble.gone{opacity:0}.bubble[hidden]{display:none}.bar{z-index:10;background:linear-gradient(var(--background), color-mix(in oklab, var(--background) 0%, transparent));align-items:center;gap:1.5rem;padding:.85rem clamp(1rem,3vw,2.5rem);display:flex;position:fixed;top:0;left:0;right:0}.brand{letter-spacing:-.01em;align-items:center;gap:.5rem;font-size:1rem;font-weight:650;text-decoration:none;display:inline-flex}.brand svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:1.4rem;height:1.4rem}.bar nav{gap:1.4rem;margin-left:auto;font-size:.94rem;display:flex}.bar nav a{color:var(--muted-foreground);text-decoration:none;transition:color .2s}.bar nav a:hover{color:var(--foreground)}.tools{align-items:center;gap:.35rem;display:flex}.pill,.icon{height:2.1rem;color:var(--muted-foreground);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;place-items:center;font-size:.9rem;text-decoration:none;transition:color .2s,background .2s,border-color .2s;display:inline-grid}.pill{padding:0 .85rem}.icon{width:2.1rem}.pill:hover,.icon:hover{color:var(--foreground);background:var(--accent);border-color:var(--border)}.icon svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;width:1.1rem;height:1.1rem}.icon svg path[d^="M12 .5"]{fill:currentColor;stroke:none}main{z-index:2;position:relative}.col{width:min(40rem,100%);margin-left:clamp(1.25rem,7vw,8rem);padding-right:1.25rem}section{position:relative}h1,h2{letter-spacing:-.035em;text-wrap:balance;margin:0;font-weight:680;line-height:1.04}h1{font-size:clamp(2.8rem,6.2vw,5.6rem)}h2{font-size:clamp(2.1rem,4.2vw,3.6rem)}.lead{max-width:34rem;color:var(--muted-foreground);text-wrap:pretty;margin:1.6rem 0 0;font-size:clamp(1.05rem,1.5vw,1.25rem)}.note{color:var(--muted-foreground);margin:1.2rem 0 0;font-size:.88rem}.actions{flex-wrap:wrap;gap:.75rem;margin-top:2.2rem;display:flex}.button{border:1px solid var(--border);border-radius:calc(var(--radius) * 1.4);background:color-mix(in oklab, var(--card) 70%, transparent);height:2.9rem;transition:transform .25s var(--ease), background .2s;align-items:center;padding:0 1.4rem;font-size:.97rem;font-weight:560;text-decoration:none;display:inline-flex}.button:hover{background:var(--accent);transform:translateY(-2px)}.button.primary{background:var(--brand);color:var(--brand-foreground);border-color:#0000}.button.primary:hover{background:var(--brand)}.button:focus-visible,.pill:focus-visible,.icon:focus-visible{outline:2px solid var(--brand);outline-offset:3px}.hero{align-items:center;min-height:100svh;padding:7rem 0 4rem;display:flex}.hero .poster{display:none}.no-stage .hero{justify-content:space-between}.no-stage .hero .poster{width:min(34vw,24rem);height:auto;margin-right:clamp(1.25rem,7vw,8rem);display:block}.chapter,.finale{align-items:center;min-height:108vh;padding:10vh 0;display:flex}.index{color:var(--brand);letter-spacing:.1em;margin:0 0 1.1rem;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.9rem}.body{color:var(--muted-foreground);text-wrap:pretty;margin:1.5rem 0 0}.points{gap:.7rem;margin:1.6rem 0 0;padding:0;list-style:none;display:grid}.points li{padding-left:1.5rem;position:relative}.points li:before{content:"";background:var(--brand);width:.7rem;height:1px;position:absolute;top:.72em;left:0}.shot{border:1px solid var(--border);border-radius:calc(var(--radius) * 1.6);background:var(--card);margin:2.4rem 0 0;overflow:hidden;box-shadow:inset 0 1px oklch(100% 0 0/.06),0 30px 60px -28px oklch(0% 0 0/.38)}.shot img{width:100%;height:auto;display:block}:root[data-theme=dark] .for-light,:root:not([data-theme=dark]) .for-dark{display:none}.facts{gap:1.4rem;margin:2.4rem 0 0;display:grid}.facts div{border-left:2px solid var(--brand);padding-left:1.1rem}.facts dt{font-weight:640}.facts dd{color:var(--muted-foreground);margin:.15rem 0 0}.finale .col{text-align:left}footer{z-index:2;border-top:1px solid var(--border);background:var(--background);color:var(--muted-foreground);gap:.2rem;padding:2.5rem clamp(1.25rem,7vw,8rem) 3rem;font-size:.85rem;display:grid;position:relative}footer p{margin:0}.reveal{opacity:0;filter:blur(6px);transition:opacity .9s var(--ease), transform .9s var(--ease), filter .9s var(--ease);transform:translateY(26px)}.reveal.in{opacity:1;filter:none;transform:none}@media (width<=899px),(hover:none){.bar nav{display:none}.tools{margin-left:auto}.col{width:100%;margin:0;padding:0 1.25rem}.hero{flex-direction:column-reverse;justify-content:center;gap:1rem;padding-top:5.5rem}.hero .poster{width:auto;height:min(50svh,30rem);display:block}.chapter,.finale{min-height:0;padding:5rem 0}#stage,.bubble{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;filter:none;transition:none;transform:none}.button,:root{transition:none}#stage,.bubble{display:none}.bar nav{display:flex}.hero{flex-direction:row;justify-content:space-between}.hero .poster{width:min(34vw,24rem);height:auto;margin-right:clamp(1.25rem,7vw,8rem);display:block}.col{margin-left:clamp(1.25rem,7vw,8rem)}}
