:root{--bg:#040d1a;--ink:#e8eef6;--ink-dim:#93a4bc;--ink-faint:#4d5f78;--gold:#6fa8dc;--gold-soft:#bcd9f2;--line:rgba(232,238,246,0.1);--ring:rgba(232,238,246,0.15)}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}@supports (height:100svh){body,html{height:auto;min-height:100svh}}body{background:var(--bg);color:var(--ink);font-family:Space Grotesk,sans-serif;-webkit-font-smoothing:antialiased;position:relative}.bg,body{overflow:hidden}.bg{position:fixed;inset:0;z-index:0;pointer-events:none}.aura{position:absolute;width:120vmax;height:120vmax;left:66%;top:54%;transform:translate(-50%,-50%);background:radial-gradient(circle at 50% 50%,rgba(63,118,181,.16),rgba(63,118,181,0) 46%);animation:drift 36s ease-in-out infinite;will-change:transform}@keyframes drift{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-44%,-56%) scale(1.1)}}.vignette{position:absolute;inset:0;background:radial-gradient(120% 92% at 50% 44%,transparent 52%,rgba(0,0,0,.62) 100%)}.grain{inset:0;z-index:5;opacity:.5;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='3'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.055'/%3E%3C/svg%3E")}.frame,.grain{position:fixed;pointer-events:none}.frame{inset:18px;border:1px solid var(--line);z-index:4}@media (max-width:640px){.frame{inset:10px}.stage{padding:26px 22px}.wordmark{font-size:20px}.lead .rule{margin-bottom:24px}.lead .rule i{width:34px}.lead .rule span{font-size:10px;letter-spacing:.22em}h1{font-size:clamp(31px,9.6vw,42px)}.sub,h1{max-width:100%}.sub{margin-top:22px;font-size:13px}.art{justify-content:center;padding-left:0}.dial{width:min(72vw,260px);height:auto}.foot{gap:18px;padding-top:6px}}.stage{position:relative;z-index:2;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;padding:clamp(40px,5.5vh,58px) clamp(36px,7vw,104px) clamp(36px,5vh,50px)}.top{justify-content:space-between}.top,.wordmark{display:flex;align-items:center}.wordmark{gap:14px;font-family:"Instrument Serif",serif;font-size:23px;letter-spacing:.01em;color:var(--ink);animation:rise 1.1s cubic-bezier(.2,.7,.2,1) .1s forwards}.tag,.wordmark{font-weight:400;opacity:0}.tag{font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--ink-faint);animation:rise 1.1s cubic-bezier(.2,.7,.2,1) .25s forwards}.core{flex:1;display:flex}.core,.core-inner{align-items:center}.core-inner{display:grid;grid-template-columns:1.3fr .7fr;gap:clamp(28px,6vw,90px);width:100%}@media (max-width:880px){body{overflow-y:auto;overflow-x:hidden}.core-inner{grid-template-columns:1fr;gap:40px}.core{padding:34px 0 38px}}.lead .rule{display:flex;align-items:center;gap:18px;margin-bottom:34px;opacity:0;animation:rise 1.1s cubic-bezier(.2,.7,.2,1) .35s forwards}.lead .rule i{display:block;width:52px;height:1px;background:linear-gradient(90deg,var(--gold),transparent)}.lead .rule span{font-size:11px;letter-spacing:.26em;font-weight:500;text-transform:uppercase;color:var(--gold)}h1{font-family:"Instrument Serif",serif;font-weight:400;font-size:clamp(38px,6vw,80px);line-height:1.04;letter-spacing:-.012em;color:var(--ink);max-width:14ch}h1 .w{display:inline-block;opacity:0;transform:translateY(28px);filter:blur(10px);animation:reveal 1.2s cubic-bezier(.16,.8,.24,1) forwards}h1 .em{font-style:italic;font-weight:400;background:linear-gradient(105deg,var(--gold-soft),var(--gold) 70%);-webkit-background-clip:text;background-clip:text;color:transparent}@keyframes reveal{to{opacity:1;transform:none;filter:blur(0)}}@keyframes rise{to{opacity:1;transform:none}}.sub{margin-top:30px;font-size:13.5px;line-height:1.85;letter-spacing:.02em;font-weight:300;color:var(--ink-dim);max-width:44ch;opacity:0;animation:rise 1.2s cubic-bezier(.2,.7,.2,1) 1.05s forwards}.art{display:flex;justify-content:center;perspective:1200px}@media (max-width:880px){.art{justify-content:flex-start}}.tilt{will-change:transform;transform-style:preserve-3d;opacity:0;animation:fade 1.6s ease .5s forwards}@keyframes fade{to{opacity:1}}.dial{display:block;overflow:visible}.ring{fill:none;stroke:var(--ring);stroke-width:1;stroke-dasharray:var(--c);stroke-dashoffset:var(--c);animation:draw 2.2s cubic-bezier(.25,.8,.25,1) forwards}.ring.r1{animation-delay:.55s}.ring.r2{animation-delay:.75s}.ring.r3{animation-delay:.95s}.ring.r4{animation-delay:1.15s}@keyframes draw{to{stroke-dashoffset:0}}.sweep{fill:none;stroke:url(#goldgrad);stroke-width:1.6;stroke-linecap:round}.nc{fill:var(--gold);opacity:0;animation:nodein .8s cubic-bezier(.2,.7,.2,1) 1.1s forwards}.spin-slow{animation:spin 240s linear infinite}.spin-rev,.spin-slow{transform-origin:170px 170px}.spin-rev{animation:spinrev 200s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@keyframes spinrev{to{transform:rotate(-1turn)}}.ticks line{stroke:rgba(232,238,246,.2);stroke-width:1}.ticks .maj{stroke:rgba(232,238,246,.38)}.node{fill:var(--gold);opacity:0}.dlabel{font-family:Space Grotesk,sans-serif;font-size:9px;letter-spacing:.26em;font-weight:500;fill:var(--ink-faint);text-transform:uppercase;opacity:0;animation:nodein 1s ease 3.2s forwards}@keyframes nodein{to{opacity:1}}.foot{display:flex;align-items:flex-end;justify-content:space-between;gap:26px;flex-wrap:wrap;opacity:0;animation:rise 1.2s cubic-bezier(.2,.7,.2,1) 1.5s forwards}.press .lbl{display:block;font-size:11px;letter-spacing:.26em;font-weight:500;text-transform:uppercase;color:var(--ink-faint);margin-bottom:11px}.press a{color:var(--ink);text-decoration:none;font-size:15px;font-weight:300;letter-spacing:.02em;position:relative}.press a:after{content:"";position:absolute;left:0;bottom:-5px;width:100%;height:1px;background:var(--gold);transform:scaleX(1);transform-origin:left;transition:transform .45s cubic-bezier(.2,.7,.2,1)}.press a:hover:after{transform:scaleX(0);transform-origin:right}.disc{font-size:10.5px;line-height:1.75;font-weight:300;color:var(--ink-faint);max-width:52ch;text-align:right}@media (max-width:640px){.disc{text-align:left;max-width:100%}}@media (prefers-reduced-motion:reduce){*{animation:none!important}.foot,.lead .rule,.sub,.tag,.tilt,.wordmark,h1 .w{opacity:1;transform:none;filter:none}.ring,.sweep{stroke-dashoffset:0}.dlabel,.node{opacity:1}}