@font-face{font-family:SpaceGrotesk;src:url(fonts/SpaceGrotesk-Regular.ttf);font-weight:400;font-display:block}
@font-face{font-family:SpaceGrotesk;src:url(fonts/SpaceGrotesk-Bold.ttf);font-weight:700;font-display:block}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#080908;color:#f0efee;font-family:SpaceGrotesk,Arial,sans-serif}button,select{font:inherit}button{cursor:pointer}button:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #c6fe06;outline-offset:5px}[hidden]{display:none!important}
#viewport{position:fixed;inset:0;overflow:hidden}#stage{position:absolute;left:50%;top:50%;width:1920px;height:1080px;transform:translate(-50%,-50%) scale(var(--scale,1));background:#10120f;overflow:hidden}
.slide{position:absolute;inset:0;background:#10120f;opacity:0;visibility:hidden;transition:opacity .6s ease;overflow:hidden;pointer-events:none}.slide.active{opacity:1;visibility:visible;pointer-events:auto;z-index:2}.slide.leaving{visibility:visible;z-index:1}.full-media{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.slide iframe{width:1920px;height:1080px;border:0;pointer-events:none}.screenshot{cursor:zoom-in}.slide-image{transform:scale(1);transition:transform .3s ease;transform-origin:var(--zoom-x,50%) var(--zoom-y,50%)}.screenshot.zoomed{cursor:zoom-out}.zoomed .slide-image{transform:scale(2)}
.bio-name{position:absolute;left:225px;top:214px;width:458px;height:121px;object-fit:contain}.bio-photo{position:absolute;left:971px;top:214px;width:722px;height:677px;border-radius:32px;overflow:hidden}.bio-photo img{position:absolute;max-width:none;width:229.064%;height:175.368%;left:-81.525%;top:-36.019%}.pill{position:absolute;height:67px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:24px;letter-spacing:-.45px;font-weight:700;white-space:nowrap}
.onion-canvas,.poster-canvas{position:absolute;left:0;top:0;width:1672px;height:941px;transform:scale(1.14832536,1.1477152);transform-origin:top left}.onion-bg{position:absolute;inset:0;width:100%;height:100%}.annotation{position:absolute;inset:0}.annotation svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;fill:#d4f514;stroke:#d4f514;stroke-width:2}.annotation svg path{fill:none}.annotation-label{position:absolute;left:1046px;display:flex;gap:33px;align-items:flex-start;font-size:35px;line-height:1.18;letter-spacing:-.75px}.annotation-label b{color:#d4f514;min-width:46px;font-weight:700}.annotation-label span{display:block}.onion-callout{position:absolute;left:944px;top:699px;width:554px;height:134px;border:3px solid #d4f514;border-radius:75px;font-size:43px;line-height:1.12;padding:19px 52px;white-space:nowrap;letter-spacing:-1.6px}.onion-callout strong{color:#d4f514}
.poster-mask{position:absolute;left:46.8%;top:8%;right:0;bottom:4%;background:#040503}.poster-line{position:absolute;left:0;width:1672px}.poster-glyph{position:absolute;top:0;overflow:hidden;display:flex;align-items:center;justify-content:center}.poster-original{position:absolute;width:1672px;height:941px;max-width:none;opacity:0}.poster-code{display:block;font-weight:700;font-size:104px;line-height:1;flex-shrink:0;transform-origin:center center}.poster-glyph.decoded .poster-original{opacity:1}.poster-glyph.decoded .poster-code{opacity:0}
.pending-copy,.closing-quote{position:absolute;left:180px;top:300px;right:180px}.eyebrow{font-size:24px;letter-spacing:3px;color:#c6fe06;font-weight:700}.pending-copy h1{font-size:92px;font-weight:400;margin:30px 0}.reflection{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:130px;font-weight:400;letter-spacing:-5px;margin:0}.closing-quote blockquote{font-size:76px;line-height:1.2;margin:46px 0}.closing-quote p{font-size:30px;color:#aaa}
.thanks-copy{position:absolute;left:180px;top:240px}.thanks-copy h1{font-size:210px;font-weight:400;letter-spacing:-12px;line-height:1.05;margin:40px 0 45px}.thanks-copy h1 span{color:#c6fe06}.thanks-rule{width:120px;height:4px;background:#c6fe06;margin-bottom:48px}.thanks-copy a,.thanks-copy .handle{display:block;width:max-content;color:#f0efee;text-decoration:none;font-size:34px;line-height:1.7}.thanks-copy a:hover{color:#c6fe06}.thanks-mark{position:absolute;right:150px;bottom:120px;width:290px}
#start-screen{position:fixed;inset:0;z-index:20;background:#10120f;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:36px}#start-screen>img{width:190px}#start-screen h1{font-size:clamp(26px,4.5vw,64px);line-height:1.1;font-weight:400;letter-spacing:-2px;margin:38px 0}#start-button{border:0;background:#c6fe06;color:#111;border-radius:10px;padding:19px 26px;font-size:19px;font-weight:700}#start-button span{margin-left:25px}#start-screen p{color:#999;font-size:14px;margin:25px 0 0}
#controls{position:fixed;z-index:10;left:50%;bottom:18px;transform:translateX(-50%);display:flex;align-items:center;gap:5px;padding:6px;border:1px solid #ffffff20;background:#171917ed;border-radius:12px;box-shadow:0 4px 28px #0006;transition:opacity .3s;white-space:nowrap}body.controls-hidden #controls{opacity:0;pointer-events:none}#controls:focus-within{opacity:1;pointer-events:auto}#controls button,#controls select{background:transparent;border:0;color:#ddd;padding:9px 12px;border-radius:7px;font-size:13px}#controls button:hover{background:#ffffff15;color:#c6fe06}#controls button:disabled{opacity:.25;cursor:default}#controls select{max-width:280px;background:#232623}#controls option{background:#232623}#previous,#next{font-size:19px!important}.control-divider{height:22px;width:1px;background:#ffffff20;margin:0 5px}#zoom-hint{position:fixed;z-index:9;top:20px;left:50%;transform:translateX(-50%);padding:10px 16px;background:#111e;border-radius:8px;font-size:13px;color:#ddd;pointer-events:none}#status{position:fixed;z-index:12;bottom:85px;left:50%;transform:translateX(-50%);font-size:14px;color:#c6fe06;background:#111;border-radius:8px}.resume-video{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#c6fe06;color:#111;border:0;border-radius:15px;padding:28px 42px;font-size:30px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:700px){#controls{bottom:8px;max-width:98vw;gap:0}#controls select{max-width:110px}#controls button{padding:8px;font-size:11px}.control-divider{margin:0}#fullscreen{display:none}}