/* UnrealOT realm preview, September 2026 */
:root{--void:#090b10;--gold:#d8b777;--ink:#eee8dc;--ink-dim:#a9a9af;--maxw:1400px}
body{background:#090b10}.bg-arcane,#fx{display:none!important}
.site-header{background:rgba(9,11,16,.94);border-bottom:1px solid #c6a46525}.header-inner{max-width:1480px}
.marquee{overflow:hidden}.marquee-inner{padding:0 48px 32px;max-width:1440px;animation:none}
.scene{background-image:url('/assets/realm-home-20260909-v1/dragon-vault.webp');background-position:center top;background-size:100% auto;animation:none;opacity:1}
.scene::after{background:linear-gradient(90deg,rgba(5,8,13,.78),rgba(5,8,13,.2) 48%,transparent 80%),linear-gradient(180deg,rgba(5,8,13,.04) 30%,#090b1099 57%,#090b10 88%)}
.mq-fog{display:none}.mq-head{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:28px;min-height:620px;margin:0;padding:60px 0 90px;max-width:650px}
.mq-copy .wordmark{font-size:19px!important;letter-spacing:.24em;margin-bottom:28px;color:#d8b777}.mq-copy h1{font-family:var(--display);font-size:clamp(48px,5.9vw,86px);max-width:10ch;line-height:1.04;letter-spacing:-.035em;text-shadow:0 3px 28px #0008;color:#f5ead4}.mq-copy h1 em{font-style:normal;color:#e0b972}
.mq-copy .hero-lead{font-family:var(--body);font-size:18px;line-height:1.75;max-width:43ch;margin-top:24px;color:#d0cec6}.hero-eyebrow{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:#d8b777;margin-bottom:22px}
.mq-act{max-width:100%;gap:16px}.mq-btns .btn{min-height:52px;border-radius:3px;padding:0 26px;letter-spacing:.06em;font-size:13px}.mq-btns .btn-icon{padding:0;min-width:52px}.btn-gold{background:linear-gradient(135deg,#e4c78e,#bd8a44)!important;color:#19140e!important;box-shadow:0 4px 32px #d3a25220}.btn-ghost{background:#090b1066!important;border-color:#dac29555!important}.mq-trust{font-size:12px;color:#b7b3a9;max-width:48ch}
.theatres-head{margin:0 0 20px;gap:20px;border-top:1px solid #d8b77744;padding-top:24px}.theatres-head h2{font-size:12px;letter-spacing:.22em;color:#d8b777}.theatres-head::after{content:'DESKTOP & MOBILE';font-size:10px;letter-spacing:.18em;color:#8b8c92;margin-left:auto}
.theatres{grid-template-columns:1.42fr 1fr;gap:24px;align-items:center}.theatre{border:0;border-radius:0;background:none;backdrop-filter:none;padding:0;box-shadow:none;display:block}.theatre .kicker{font-size:10px;margin:0 0 12px;letter-spacing:.15em}.theatre .kicker .dim{display:none}.theatre .well{display:block;min-height:0}.theatre .bezel{padding:5px;border:1px solid #d8b77745;border-radius:7px;background:#16191f;box-shadow:0 16px 55px #0008}.theatre .bezel::before,.theatre .bezel::after,.stand{display:none!important}.screen--desktop video{transform:none}.theatre .screen{border-radius:2px}.theatre .reel{margin-top:12px;min-height:25px}.theatre[data-device=mobile]{padding-top:28px}.banner{margin-top:32px;border-top:1px solid #d8b77730;border-bottom:1px solid #d8b77730;border-radius:0}.banner .cell{background:none;border:0;backdrop-filter:none;padding:22px 10px}.banner .k{font-size:10px;letter-spacing:.15em;color:#99988f}.banner .v{font-size:28px;color:#e2c695}.banner .s{font-size:11px}
.wrap{max-width:1344px;padding:0 48px}.sec{padding-top:100px}.sec-head h2{font-size:38px;letter-spacing:-.015em}.sec-head p{line-height:1.7}.sec-head{border-top:1px solid #c6a46525;padding-top:28px}
.realm-invitation{display:grid;grid-template-columns:repeat(3,1fr);gap:38px;margin:30px 0 12px;padding:25px 0 45px;border-bottom:1px solid #c6a46525}.realm-invitation article{padding-left:20px;border-left:1px solid #d8b77755}.realm-invitation small{color:#c9a36a;font-size:10px;letter-spacing:.2em}.realm-invitation h3{font-family:var(--display);font-weight:400;font-size:25px;margin:12px 0}.realm-invitation p{color:#a9a9af;line-height:1.8;font-size:14px;margin:0}
#anywhere .any-grid{gap:28px}.site-footer{margin-top:70px} @media(min-width:1700px){.scene{background-size:cover}}
@media(max-width:800px){.marquee-inner,.wrap{padding-left:22px;padding-right:22px}.scene{background-size:auto 760px;background-position:60% top}.scene::after{background:linear-gradient(90deg,#090b1099,#090b1030),linear-gradient(180deg,#090b1022,#090b1044 35%,#090b10  75%)}.mq-head{min-height:570px;padding:56px 0 65px;gap:22px}.mq-copy h1{font-size:60px}.mq-copy .hero-lead{font-size:16px;max-width:33ch}.theatres{grid-template-columns:1fr;gap:26px}.theatre[data-device=mobile]{order:0;padding-top:0}.realm-invitation{grid-template-columns:1fr;gap:27px}.sec{padding-top:60px}.mq-btns{gap:10px}.mq-btns .btn{padding:0 16px}.mq-copy .wordmark{font-size:15px!important}.sec-head h2{font-size:32px}.banner .v{font-size:23px}.theatres-head::after{font-size:9px}.mq-act{flex:none}.mq-trust{font-size:11px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.mq-copy .wordmark span.ch{animation:none;opacity:1;transform:none}}

.mq-copy h1{max-width:14ch}.mq-copy .hero-lead{font-family:Arial,sans-serif}.hero-eyebrow{font-family:Arial,sans-serif}@media(max-width:480px){.mq-copy h1{font-size:46px}.mq-head{min-height:600px}.mq-btns{flex-wrap:wrap}.theatres-head::after{display:none}}

@media(min-width:801px){.mq-copy{width:650px}.mq-copy h1{font-size:64px;max-width:none}.mq-head{min-height:650px;padding-bottom:65px}}.monitor{padding-top:0}.theatres{align-items:start}.theatre[data-device=mobile]{padding-top:0}.theatre .screen img{width:100%;height:100%;object-fit:cover}