/* Supplied app key art: preserve the complete composition at every size. */
.platform-hero{background:linear-gradient(180deg,#050c18,#090b0e);border-bottom:1px solid #ffffff0c}
.platform-keyart{width:100%;max-width:none;margin:0;padding:0}
.platform-keyart img{display:block;width:100%;max-width:none;height:auto;max-height:none}
.platform-intro{display:flex;align-items:center;justify-content:space-between;gap:32px;padding-top:30px;padding-bottom:31px}
.platform-copy{max-width:750px}
.platform-copy .eyebrow{color:#c2a66c;font-size:8px;letter-spacing:2.6px;margin-bottom:12px}
.platform-copy h1{font-size:clamp(25px,2.7vw,42px);line-height:1.14;letter-spacing:-1.3px;margin-bottom:12px}
.platform-copy h1 em{font-style:normal;color:var(--acid)}
.platform-copy p{font-size:12px;line-height:1.6;color:#9eacbc;margin:0}
.platform-copy p br{display:none}
.platform-actions{display:flex;align-items:center;gap:11px;flex-shrink:0}
.platform-actions .btn{font-size:11px;white-space:nowrap}
.brand-cinematic{background:#050b15;display:flex;align-items:center;justify-content:center;pointer-events:auto}
.welcome.playing{overflow:hidden}
.intro-resume{position:relative;z-index:3;display:flex;gap:12px;align-items:center;background:var(--acid);color:#17210d;border:1px solid #dcff9c;border-radius:5px;padding:18px 24px;min-height:56px;font-weight:700;font-size:13px;box-shadow:0 8px 35px #0008}
.intro-resume[hidden]{display:none}
.brand-intro-video,.brand-intro-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#050b15}
.brand-intro-fallback{z-index:0}
.brand-intro-video{z-index:1}
.intro-fallback .brand-intro-video{visibility:hidden}
@media(max-width:1100px){.platform-intro{align-items:flex-start;gap:20px}.platform-actions{flex-direction:column;align-items:stretch}.platform-copy h1{max-width:560px}}
@media(max-width:700px){
  .platform-intro{display:block;padding-top:24px;padding-bottom:29px}
  .platform-copy .eyebrow{font-size:7px;letter-spacing:1.5px;margin-bottom:14px}
  .platform-copy h1{font-size:31px;letter-spacing:-1.2px;line-height:1.08;max-width:400px}
  .platform-copy h1 em{display:block;margin-top:5px}
  .platform-copy p{font-size:11px;max-width:380px;margin-top:16px}
  .platform-actions{flex-direction:row;align-items:center;gap:10px;margin-top:22px;flex-wrap:wrap}
  .platform-actions .btn{font-size:10px;padding:13px 15px;gap:12px}
}
