/* Preserve the original WOME hero and SkyRush campaign art direction. */
body{background:#020817}
.site-header{position:absolute;top:0;left:0;right:0;z-index:40;grid-template-columns:220px 1fr auto auto;min-height:92px;padding:14px clamp(28px,4.2vw,82px);background:linear-gradient(#020817b8,transparent);border:0;backdrop-filter:none}
.site-header .brand img{width:205px}
.site-header nav{gap:clamp(15px,2.1vw,38px)}
.site-header nav a{font-size:13px;text-shadow:0 2px 16px #000}
.site-header nav small{color:#a4b1d3}
.social-nav{display:flex;align-items:center;gap:27px;margin-left:18px;font:700 26px Georgia,serif}
.social-nav a,.social-nav span{color:white;text-decoration:none}
.wallet{padding:13px 27px;border-color:#b86cff;font-size:11px;white-space:nowrap}
.world-hero{position:relative;height:clamp(500px,38.5vw,740px);min-height:0;padding:128px clamp(28px,4.2vw,82px) 45px;overflow:hidden;background:#061026 url('assets/hero-banner.png') top center/cover no-repeat;border-bottom:1px solid #25406e}
.world-hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#03102b5c 0,transparent 42%),linear-gradient(0deg,#06102685 0,transparent 30%)}
.world-copy{position:relative;z-index:2;width:min(650px,43vw);text-shadow:0 4px 35px #000}
.hero-kicker{margin:0 0 20px;color:#9ee6ff;font-size:13px;font-weight:700;letter-spacing:.34em;text-transform:uppercase}
.world-copy h1{margin:0;color:#fff;font-size:clamp(52px,4.1vw,80px);line-height:.96;letter-spacing:-.052em;text-transform:uppercase}
.world-subtitle{margin:20px 0 0;color:white;font-size:clamp(18px,1.55vw,30px)}
.world-copy .hero-actions{gap:24px;margin-top:34px}
.world-copy .primary,.world-secondary{min-width:270px;padding:17px 28px;border-radius:999px;text-align:center}
.world-copy .primary{justify-content:space-between}
.world-secondary{border:1px solid #8fdcff;color:#fff;text-decoration:none;text-transform:uppercase;font-weight:900;font-size:13px;letter-spacing:.04em}
.world-secondary:hover{background:#ffffff12}
.world-wordmark{position:absolute;left:4.2vw;right:4vw;bottom:22px;z-index:1;color:transparent;-webkit-text-stroke:1px #993eff;font-size:clamp(80px,10.5vw,205px);line-height:.72;letter-spacing:-.055em;white-space:nowrap;opacity:.58}
.world-cues{position:absolute;left:4.2vw;bottom:7px;z-index:3;display:flex;gap:clamp(44px,9vw,175px);font-size:30px}
.world-cues span{display:grid;grid-template-columns:35px auto;grid-template-rows:auto auto;align-items:center;color:#e5efff}
.world-cues b,.world-cues small{grid-column:2;font-family:Arial,sans-serif;font-size:11px;line-height:1.35}
.world-cues b{grid-row:1;font-weight:500}.world-cues small{grid-row:2}
.skyrush-feature{position:relative;max-width:1450px;min-height:335px;margin:12px auto 0;padding:53px 55px;overflow:hidden;border:1px solid #304c7c;border-radius:18px;background:#0a1730 url('assets/skyrush-banner.png') center/cover no-repeat;box-shadow:inset 0 0 0 8px #061126,0 15px 55px #0007}
.skyrush-preview{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;opacity:0;pointer-events:none;transition:opacity .32s ease}
.skyrush-feature.is-previewing .skyrush-preview{opacity:1}
.preview-sound{position:absolute;right:20px;bottom:18px;z-index:3;padding:9px 13px;border:1px solid #8fdcff88;border-radius:999px;background:#041126bf;color:#fff;font:800 11px/1 Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;backdrop-filter:blur(8px)}
.preview-sound:hover,.preview-sound:focus-visible{border-color:#8fdcff;background:#0b2445;outline:none}
.preview-sound[aria-pressed="false"]{color:#8fdcff}
.skyrush-feature:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#07132be8 0,#07132b99 31%,transparent 62%);pointer-events:none}
.skyrush-feature>div{position:relative;z-index:2;max-width:440px;text-shadow:0 3px 22px #000}
.skyrush-feature h2{margin:0;color:white;font-size:66px;font-style:italic;line-height:.95;letter-spacing:-.065em}
.skyrush-feature h3{margin:12px 0 9px;font-size:22px}
.skyrush-feature p{margin:0 0 20px;color:#c1e7ff}
.skyrush-feature .primary{justify-content:space-between;min-width:335px;padding:15px 34px}
.leaderboard{margin-top:70px}
@media(max-width:1050px){.site-header{grid-template-columns:180px 1fr auto}.site-header .brand img{width:170px}.social-nav{display:none}.site-header nav{gap:20px}.world-copy{width:52vw}.world-cues{display:none}.world-wordmark{bottom:30px}.skyrush-feature{margin-inline:18px}}
@media(max-width:760px){.site-header{position:relative;grid-template-columns:1fr;padding:18px 20px;background:#030918}.site-header nav{order:2;justify-content:flex-start;overflow-x:auto}.site-header .wallet{display:block;position:absolute;right:20px;top:17px;padding:10px 14px}.world-hero{height:690px;padding:70px 22px;background-size:cover;background-position:62% top}.world-hero:after{background:linear-gradient(90deg,#03102be8 0,#03102b9c 65%,transparent)}.world-copy{width:100%;max-width:480px}.world-copy h1{font-size:49px}.world-subtitle{font-size:19px}.world-copy .hero-actions{align-items:stretch}.world-copy .primary,.world-secondary{min-width:0;width:100%}.world-wordmark{font-size:72px;bottom:35px}.skyrush-feature{min-height:360px;padding:45px 28px;background-size:cover;background-position:center}.skyrush-feature:after{background:linear-gradient(90deg,#07132be9 0,#07132ba5 72%,transparent)}.skyrush-feature h2{font-size:52px}.skyrush-feature .primary{min-width:0;width:100%}}