@font-face{font-family:Cinzel;src:url('./assets/fonts/cinzel.ttf') format('truetype');font-weight:400 900;font-display:swap}
@font-face{font-family:Manrope;src:url('./assets/fonts/manrope.ttf') format('truetype');font-weight:200 800;font-display:swap}
:root{font-family:Manrope,Arial,sans-serif}.wordmark{font-family:Cinzel,Georgia,serif;font-size:23px;font-weight:700;letter-spacing:3px;gap:4px}.wordmark-online{font-family:Manrope,sans-serif;font-weight:500;letter-spacing:5px;font-size:9px}.brand-mark{display:block;flex-shrink:0;filter:drop-shadow(0 0 7px #d9994245)}.header{padding-top:23px;padding-bottom:23px}.header-note,.eyebrow,.countdown-label,.unit{font-weight:600}
h1{font-family:Cinzel,Georgia,serif;font-weight:500;font-size:clamp(38px,3.55vw,65px);line-height:1.24;letter-spacing:-1.9px;margin-bottom:25px;white-space:nowrap}h1 em{font-weight:650;letter-spacing:-1.8px}.intro{font-size:13px;line-height:1.95;color:#b3b6a9}.intro strong{color:#e8d8b7}.number{font-family:Cinzel,Georgia,serif;font-size:clamp(40px,4.3vw,64px);font-weight:500;letter-spacing:-2px}.launch-date{font-family:Manrope,sans-serif;font-weight:700;font-size:12px}.instagram-button{font-weight:700;font-size:11px;letter-spacing:.3px}.content{width:57%;padding-left:5.7%;z-index:4}.eyebrow{font-size:10px;letter-spacing:4px}.countdown-label{letter-spacing:3px}
.artwork{left:40%;background:#081615;overflow:hidden;isolation:isolate}.realm-scenery{position:absolute;inset:-8%;z-index:0;will-change:transform;animation:realm-travel 24s ease-in-out infinite alternate}.realm-scenery img{height:100%;width:100%;object-fit:cover;object-position:54% 48%;filter:brightness(.59) saturate(.86)}.realm-logo{position:absolute;z-index:3;left:7%;top:50%;width:88%;height:auto;transform:translateY(-50%);filter:drop-shadow(0 14px 26px #000b) drop-shadow(0 0 30px #e1a74922);pointer-events:none}.artwork-shade{z-index:2;background:linear-gradient(90deg,#0e130e 0%,#0e130eba 11%,transparent 36%),linear-gradient(0deg,#0c0e0d 0%,transparent 26%,transparent 80%,#0c0e0d80 100%)}.seal-aura{z-index:1;inset:22% 5%;opacity:.9;background:radial-gradient(ellipse,transparent 28%,#f4b85822 50%,transparent 70%)}.light-ray{z-index:1;left:60%;top:-40%;width:26%;background:linear-gradient(90deg,transparent,#fff1b522,transparent);animation:ray-travel 14s ease-in-out infinite alternate}.embers{z-index:5;inset:0;pointer-events:none}.embers i{animation-name:realm-ember;box-shadow:0 0 9px #f6b956,0 0 22px #d89135}.art-caption{z-index:6}
.realm-fog{position:absolute;z-index:1;width:140%;left:-20%;height:35%;pointer-events:none;filter:blur(24px);background:radial-gradient(ellipse at 20% 60%,#bcd9d22a,transparent 42%),radial-gradient(ellipse at 70% 50%,#d1e4cf25,transparent 45%);will-change:transform}.fog-back{top:20%;animation:fog-drift 22s ease-in-out infinite alternate}.fog-front{bottom:0;z-index:4;height:24%;opacity:.6;animation:fog-drift 16s ease-in-out -9s infinite alternate-reverse}.realm-rings{position:absolute;z-index:1;left:53%;top:49%;width:64%;aspect-ratio:1;transform:translate(-50%,-50%);pointer-events:none}.realm-rings i{position:absolute;inset:0;border-radius:50%;border:1px solid #eaca792e;box-shadow:0 0 25px #d5a13b1a,inset 0 0 25px #d5a13b1a;animation:ring-turn 48s linear infinite}.realm-rings i:first-child:before{content:'';position:absolute;inset:-8px;border:1px dashed #eaca7940;border-radius:50%}.realm-rings i:last-child{inset:14%;border-top-color:#ffe7a480;border-bottom-color:#ffe7a455;animation-direction:reverse;animation-duration:28s}.sky-streaks{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:2}.sky-streaks i{position:absolute;left:18%;top:15%;width:150px;height:1px;background:linear-gradient(90deg,transparent,#fff1bf);opacity:0;transform:rotate(-28deg);animation:sky-cross 13s linear infinite}.sky-streaks i:nth-child(2){left:55%;top:33%;animation-delay:-5s;animation-duration:19s;width:90px}.sky-streaks i:nth-child(3){left:30%;top:73%;animation-delay:-9s;animation-duration:17s;width:70px}
@keyframes realm-travel{0%{transform:scale(1.04) translate(-2%,1%)}100%{transform:scale(1.17) translate(2%,-2%)}}@keyframes fog-drift{from{transform:translateX(-8%) scale(1)}to{transform:translateX(11%) scale(1.1)}}@keyframes ray-travel{from{transform:rotate(20deg) translateX(-35%);opacity:.25}to{transform:rotate(31deg) translateX(35%);opacity:.8}}@keyframes ring-turn{to{transform:rotate(360deg)}}@keyframes sky-cross{0%,76%{opacity:0;transform:translate(0,0) rotate(-28deg)}79%{opacity:.7}88%,100%{opacity:0;transform:translate(250px,-135px) rotate(-28deg)}}@keyframes realm-ember{0%{transform:translate(0,0) scale(.5);opacity:0}15%,55%{opacity:.75}100%{transform:translate(-65px,-480px) scale(1.1);opacity:0}}
.sound-dock.waiting-for-gesture{border-color:#dcb9769c}.sound-dock.waiting-for-gesture #music-toggle{background:#d5ad6822}.motion-paused .realm-scenery{will-change:auto}
@media(min-width:1600px){h1{font-size:63px}.content{padding-left:6%}}
@media(max-width:1050px){.artwork{inset:auto;width:100%;height:clamp(310px,62vw,540px)}.realm-logo{width:78%;left:11%;top:51%}.realm-scenery{inset:-14%}.realm-scenery img{object-position:50% 48%;filter:brightness(.67) saturate(.9)}.realm-rings{width:57%;left:50%;top:48%}.artwork-shade{background:linear-gradient(0deg,#0c0e0d 0%,#0c0e0d66 15%,transparent 45%),linear-gradient(180deg,#0c0e0d40,transparent 30%)}.content{width:100%;padding:0 7% 47px;margin-top:-15px}h1{font-size:clamp(28px,5.6vw,48px);line-height:1.27;letter-spacing:-.7px;white-space:normal}h1 em{letter-spacing:-.8px}.intro{font-size:12px;line-height:1.95}.eyebrow{font-size:9px;letter-spacing:3px}.number{font-size:clamp(34px,9.5vw,56px);letter-spacing:-1px}.wordmark{font-size:20px}.brand-mark{width:46px;height:44px}.wordmark-online{font-size:8px;letter-spacing:6.6px}.header{padding-top:17px;padding-bottom:17px}}
@media(max-width:600px){h1{font-size:clamp(24px,6.6vw,36px);font-weight:550}.realm-logo{width:95%;left:2.5%;top:51%}.realm-rings{width:75%}.realm-fog{filter:blur(16px)}.header-note{display:none}.content{padding-left:6%;padding-right:6%}.realm-scenery{animation-duration:18s}.sky-streaks i{width:80px}.launch-date{font-size:11px}.instagram-button{font-size:11px;min-height:52px}}
@media(prefers-reduced-motion:reduce){.realm-scenery{animation:none;transform:none;will-change:auto}.realm-fog,.realm-rings,.sky-streaks{display:none}}
/* User-supplied moving scenery and centered header lettering. */
.wordmark{position:relative;height:50px;gap:4px}.brand-copy{position:relative;display:block;align-self:stretch;min-width:102px}.brand-name{position:absolute;left:0;top:50%;transform:translateY(-50%);line-height:1;white-space:nowrap}.wordmark-online{position:absolute;left:0;top:calc(50% + 18px);line-height:1;margin:0;white-space:nowrap}.realm-scenery{inset:0;animation:none;will-change:auto}.realm-scenery video{display:block;width:100%;height:100%;object-fit:cover;object-position:54% 48%;filter:brightness(.62) saturate(.86)}
@media(max-width:1050px){.wordmark{height:44px}.brand-copy{min-width:88px}.wordmark-online{top:calc(50% + 16px)}.realm-scenery{inset:0}.realm-scenery video{object-position:50% 48%;filter:brightness(.68) saturate(.9)}}