:root{color-scheme:dark;--tone: #ff7a2f;--tone-soft: #ffd29a;--ink: rgba(250, 250, 246, .96);--muted: rgba(250, 250, 246, .6);--hair: rgba(250, 250, 246, .13);--ease: cubic-bezier(.22, .8, .2, 1);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Helvetica Neue,sans-serif}*{box-sizing:border-box}html,body,#spotlight-root,.spotlight{width:100%;height:100%;margin:0;overflow:hidden;background:#000;color:var(--ink)}.spotlight{position:relative;isolation:isolate}.spotlight-canvas{position:absolute;inset:-5%;width:110%;height:110%;opacity:0;transform:scale(1.035);transition:opacity 1s var(--ease),transform 1.8s var(--ease)}.is-ready .spotlight-canvas{opacity:1;transform:scale(1)}.atmosphere{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.84),transparent 34%,transparent 73%,rgba(0,0,0,.42)),linear-gradient(180deg,rgba(0,0,0,.16),transparent 45%,rgba(0,0,0,.72)),radial-gradient(circle at 61% 42%,color-mix(in srgb,var(--tone) 11%,transparent),transparent 44%);transition:background 1.2s var(--ease)}.brand{position:absolute;z-index:3;top:clamp(28px,4.5vh,52px);left:clamp(28px,4vw,72px);font-size:12px;letter-spacing:.46em}.identity{position:absolute;z-index:3;left:clamp(28px,4vw,72px);bottom:clamp(104px,14vh,164px);width:min(40vw,600px);text-shadow:0 3px 30px #000}.identity h1,.identity p{opacity:0;transform:translateY(14px);transition:opacity .72s var(--ease),transform .72s var(--ease)}.identity-visible .identity h1,.identity-visible .identity p{opacity:1;transform:none}.scene{margin:0 0 14px;color:var(--tone-soft);font-size:10px;letter-spacing:.24em;text-transform:uppercase}.identity h1{margin:0;font-family:Iowan Old Style,New York,Georgia,serif;font-size:clamp(52px,7.2vw,126px);font-weight:400;line-height:.88;letter-spacing:-.035em}.role{margin:18px 0 0;color:var(--muted);font-size:clamp(11px,1vw,15px);letter-spacing:.08em}.personality-rail{position:absolute;z-index:3;left:clamp(28px,4vw,72px);right:clamp(28px,4vw,72px);bottom:clamp(28px,4.5vh,52px);display:flex;align-items:center;gap:clamp(18px,3.2vw,56px);padding-top:18px;border-top:1px solid var(--hair)}.personality-rail button{display:flex;align-items:center;gap:10px;margin:0;padding:0;border:0;background:none;color:#fafaf661;font:inherit;font-size:10px;letter-spacing:.12em;cursor:pointer;transition:color .5s var(--ease),transform .5s var(--ease)}.personality-rail button:hover,.personality-rail button.is-active{color:var(--ink);transform:translateY(-2px)}.marker{width:6px;height:6px;border-radius:50%;background:var(--tone);box-shadow:0 0 12px color-mix(in srgb,var(--tone) 65%,transparent);opacity:.55;transition:opacity .5s var(--ease),transform .5s var(--ease)}.is-active .marker{opacity:1;transform:scale(1.45)}.counter{position:absolute;z-index:3;top:clamp(28px,4.5vh,52px);right:clamp(28px,4vw,72px);margin:0;color:#fafaf65c;font-size:11px;letter-spacing:.2em}.counter span{color:var(--ink)}.unsupported{margin:0;padding:48px;color:var(--muted)}@media(max-width:720px){.identity{width:78vw;bottom:130px}.personality-rail{gap:22px;overflow-x:auto;padding-bottom:8px}.personality-rail button span:last-child{display:none}}@media(prefers-reduced-motion:reduce){.spotlight-canvas,.identity h1,.identity p,.personality-rail button,.marker{transition-duration:.01ms}}