@import url('./assets/into-tokens.css');
@font-face{font-family:Newsreader;src:url('./assets/Newsreader-VariableFont_opsz_wght.ttf');font-weight:200 800}@font-face{font-family:Lexend;src:url('./assets/Lexend-VariableFont_wght.ttf');font-weight:100 900}
*{box-sizing:border-box}html,body{margin:0;width:100%;min-height:100%;background:#081517;color:var(--into-text-primary);font-family:var(--into-font-sans)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}.experience{position:relative;isolation:isolate;min-height:100svh;overflow:hidden}.backdrop{position:fixed;inset:0;z-index:-1;background:#081517 url('exports/rise.png') center/cover}.experience[data-scene=aurora] .backdrop{background-image:url('exports/aurora.png')}canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.veil{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,21,23,.72),rgba(8,21,23,.45) 85%);opacity:0;transition:opacity 420ms}.experience.has-content .veil{opacity:1}header{position:relative;display:flex;justify-content:space-between;align-items:center;padding:38px 4vw}.logo{color:var(--into-text-primary)}.logo svg{width:102px;height:auto;display:block}.edition,.eyebrow{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--into-text-secondary)}.copy{position:relative;padding:9vh 8vw 180px;max-width:1200px}.copy h1{font:400 clamp(42px,5.7vw,82px)/1.04 var(--into-font-display);letter-spacing:-.025em;margin:25px 0}.body-copy{font-size:16px;line-height:1.8;max-width:520px;color:var(--into-text-secondary)}.cta{display:inline-flex;gap:35px;margin-top:20px;padding:16px 22px;background:var(--into-text-primary);color:var(--into-surface-page);border-radius:3px;text-decoration:none;font-size:13px;min-height:48px}.cta span{margin-left:20px}footer{position:fixed;bottom:0;left:0;right:0;padding:28px 4vw 24px;display:flex;gap:24px;align-items:center;justify-content:space-between;background:linear-gradient(transparent,rgba(8,21,23,.75));flex-wrap:wrap}.scene-info{display:flex;gap:16px;align-items:baseline}.number{color:#8acdd0;font:11px monospace}.scene-info h2{font:400 24px var(--into-font-display);margin:0 0 6px}.scene-info p{font-size:11px;color:#c8ced4;margin:0}.controls{display:flex;gap:6px;flex-wrap:wrap}.controls button,#restore{min-height:44px;padding:10px 13px;border:1px solid rgba(200,206,212,.28);background:#0f2023;color:#eceef0;font-size:11px;border-radius:3px;cursor:pointer}.controls button[aria-pressed=true]{background:#c8e7e5;color:#0f2023;border-color:#c8e7e5}button:disabled{opacity:.6;cursor:default}:focus-visible{outline:2px solid #8acdd0;outline-offset:4px}.motion-status{font-size:10px;color:#c8ced4;width:100%;text-align:right;min-height:12px}#restore{position:fixed;right:24px;bottom:24px;opacity:.4}#restore:hover,#restore:focus-visible{opacity:1}.experience.clean header,.experience.clean footer{display:none}[hidden]{display:none!important}.experience.export header,.experience.export footer,.experience.export #restore{display:none!important}.experience.export .copy{display:none!important}.experience.export .veil{opacity:0!important}
@media(max-width:700px){header{padding:26px 24px}.edition{max-width:110px;text-align:right;line-height:1.7}.copy{padding:9vh 24px 260px}.copy h1{font-size:46px}.body-copy{font-size:14px}footer{padding:30px 24px 16px;gap:18px}.controls{gap:6px}.controls button{padding:9px 10px}.scene-info p{font-size:10px}.motion-status{text-align:left}.logo svg{width:88px}}
@media(prefers-reduced-motion:reduce){.veil{transition:none}}

@media(max-width:700px){.experience.has-content .veil{background:rgba(8,21,23,.60)}}