@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@700&display=swap');
:root{--bg:#010207;--fg:#ffe68a;--accent:#ffd21f}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);min-height:100svh;overflow:hidden}#scene{position:fixed;inset:0;width:100%;height:100%;touch-action:pan-y;cursor:grab}#scene:active{cursor:grabbing}#scene:focus-visible{outline:2px solid var(--accent);outline-offset:-5px}.vignette{position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.32),transparent 60%),linear-gradient(0deg,rgba(0,0,0,.3),transparent 22%);z-index:1}main{position:relative;z-index:2;margin-left:7.2%;height:100svh;height:100dvh;display:flex;align-items:center;width:70%;pointer-events:none}h1{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-stretch:condensed;font-size:clamp(85px,12vw,190px);line-height:.88;letter-spacing:-.025em;margin:0;font-weight:700}.new{color:var(--accent)}.coming{white-space:nowrap}.motion-toggle{position:fixed;z-index:3;bottom:30px;right:4%;width:42px;height:42px;border:1px solid #ffffff28;border-radius:50%;background:#05070da0;color:#ffe68a;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(10px)}.motion-toggle:hover{color:var(--accent);border-color:var(--accent)}.motion-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.fallback{position:fixed;right:10%;top:30%;pointer-events:none;width:35vw}.fallback-ring{width:26vw;height:26vw;border:55px solid #edc34e;border-radius:50%;transform:rotate(-28deg) scaleY(.65);box-shadow:inset 15px 10px 20px #061335,8px -6px 40px #ffd21f40}[hidden]{display:none!important}
@media(max-width:700px){main{margin:0 6%;width:88%;align-items:center;padding:0}h1{font-size:clamp(64px,17.5vw,120px);line-height:.9}.motion-toggle{right:6%;bottom:24px}.fallback{right:2%;top:50%;width:50%}.fallback-ring{height:50vw;width:50vw;border-width:35px}}
@media(max-height:500px) and (min-width:701px){h1{font-size:24vh}}

body{background-image:radial-gradient(ellipse at 75% 45%,#11162150,transparent 65%)}.fallback-ring{border:0;transform:none;background:radial-gradient(circle at 30% 25%,#b8a68f 0,#827361 28%,#38342f 56%,#0c0b0a 78%);box-shadow:inset -20px -15px 40px #0009;aspect-ratio:1}

.fallback{right:-28vh;top:50%;width:148vh;transform:translateY(-50%)}.fallback-ring{width:148vh;height:148vh}@media(max-width:700px){.fallback{right:-78vh;width:128vh}.fallback-ring{width:128vh;height:128vh}}