/* One centered composition over the full-width moving world. */
.page{background:#0c0e0d}
.header{padding:16px 4%;background:#0c0e0ded;z-index:8}
.hero{display:block;max-width:none;min-height:calc(100svh - 83px);margin:0;flex:1}
.artwork{position:absolute;inset:0;width:100%;height:100%;background:#0a1716;pointer-events:none}
.realm-scenery{inset:0}
.realm-scenery video{width:100%;height:100%;object-fit:cover;object-position:center 39%;filter:brightness(.82) saturate(.86)}
.artwork-shade{background:linear-gradient(180deg,#0c0e0d12 0%,#0c0e0d18 23%,#0c0e0d99 47%,#0c0e0de6 77%,#0c0e0d 100%),linear-gradient(90deg,#0c0e0d55,transparent 24%,transparent 76%,#0c0e0d55)}
.realm-rings{left:50%;top:clamp(155px,26svh,285px);width:min(540px,60vw);opacity:.6}
.seal-aura{inset:0 17% 40%;opacity:.6}
.fog-back{top:10%;height:45%}
.fog-front{bottom:20%;opacity:.25}
.art-caption{display:none}
.content{position:relative;width:100%;max-width:1100px;margin:0 auto;padding:10px 24px 54px;text-align:center;display:flex;flex-direction:column;align-items:center;z-index:4;animation:none}
.realm-logo{position:relative;inset:auto;display:block;width:min(700px,75vw,76svh);height:auto;transform:none;margin:0 auto 6px;filter:drop-shadow(0 12px 24px #000b) drop-shadow(0 0 34px #f5c77325)}
.eyebrow{justify-content:center;gap:14px;font-size:9px;letter-spacing:4px;margin:0 0 12px;text-shadow:0 2px 8px #000}
.eyebrow>span,.eyebrow:after{content:'';display:block;width:28px;height:1px;background:var(--gold)}
h1{font-size:clamp(24px,2.55vw,40px);line-height:1.25;letter-spacing:-.8px;white-space:normal;margin:0 0 12px;text-shadow:0 2px 24px #000}
h1 span,h1 em{display:inline-block}
h1 em{letter-spacing:-.8px}
.intro{font-size:12px;line-height:1.85;color:#d1d1bf;margin:0 0 23px;text-shadow:0 2px 12px #000}
.intro strong{color:#f1dfb9}
.launch-date,.countdown-label,.countdown{width:min(100%,460px);max-width:none;margin-left:auto;margin-right:auto}
.launch-date{font-size:12px;letter-spacing:4px;gap:18px}
.countdown-label{font-size:8px;letter-spacing:3px;margin-top:18px;margin-bottom:12px;color:#c6c3ae}
.countdown{padding:13px 10px 20px;border-color:#d7b87545;background:linear-gradient(180deg,#0c0e0d3d,#0c0e0d05)}
.number{font-size:clamp(40px,4.4vw,61px);line-height:1;letter-spacing:-1px}
.time-unit{gap:10px}
.unit{font-size:8px;letter-spacing:2px}
.separator{font-size:25px;padding:5px 2px}
.instagram-button{margin:20px auto 0;min-height:46px;padding:12px 24px;font-size:11px;width:fit-content}
.timezone-note{font-size:9px;margin:12px 0 0}
.launch-status{margin-left:auto;margin-right:auto}
.footer{padding:22px 4% 105px;justify-content:space-between}
.sound-dock.waiting-for-gesture #music-toggle{outline:1px solid #d9b87499;box-shadow:0 0 16px #dcb97626}
@media(min-width:1500px) and (min-height:900px){.content{padding-top:18px}.realm-logo{width:min(820px,72vw,76svh)}h1{font-size:42px}.intro{font-size:13px}}
@media(max-width:760px){
 .header{padding:14px 5%}.hero{min-height:calc(100svh - 73px)}
 .content{padding:34px 6% 45px}
 .realm-logo{width:100%;max-width:620px;margin-bottom:30px}
 .realm-scenery video{object-position:50% 30%;filter:brightness(.78) saturate(.88)}
 .artwork-shade{background:linear-gradient(180deg,#0c0e0d1a,#0c0e0d26 17%,#0c0e0da3 37%,#0c0e0de8 70%,#0c0e0d 100%)}
 .realm-rings{top:150px;width:80%}
 .eyebrow{font-size:8px;letter-spacing:3px;margin-bottom:13px}
 h1{font-size:clamp(23px,5.8vw,36px);line-height:1.3;letter-spacing:-.6px;margin-bottom:16px}
 h1 span,h1 em{display:block}
 .intro{font-size:11px;line-height:1.9;margin-bottom:25px}
 .launch-date{font-size:10px;letter-spacing:3px}
 .countdown-label{font-size:8px;letter-spacing:2px;margin-top:20px}
 .number{font-size:clamp(37px,11vw,57px)}
 .countdown{padding:13px 0 22px}.unit{font-size:8px;letter-spacing:1px}
 .instagram-button{width:100%;max-width:310px;margin-top:22px;min-height:48px}
 .footer{padding:20px 6% 124px;gap:15px}
}
@media(max-width:370px){.content{padding-top:27px}.realm-logo{margin-bottom:23px}.intro{font-size:10px}.eyebrow{letter-spacing:2px}.footer{padding-bottom:155px}}