/* Main Hero v2 is a candidate. PNG masters stay untouched.
   All overrides are scoped to the home composition; shared primitives keep their states. */
#header .brand-mark:has(img){background:none;border:0;transform:none;padding:0}
#header .brand-mark img{display:block;width:44px;height:44px;object-fit:contain}
#global-hero .home-hero{
 /* Match the uncropped 1983:793 panorama; content may still grow the hero. */
 min-height:clamp(560px,40vw,800px);
 display:flex;align-items:center;background:transparent;
}
#global-hero .home-hero::before,#global-hero .home-hero::after{content:none}
#home-scene{position:relative;isolation:isolate;overflow:clip}
#home-scene:has(#global-hero[hidden]){display:none}
#home-scene > #global-hero,#home-scene > #home-view{position:relative;z-index:1}
#home-scene > .home-hero-art{pointer-events:none;inset:0 0 auto;overflow:hidden;z-index:0;
 transform:translate3d(0,var(--home-art-offset,0px),0);
 mask-image:none;}
#home-scene > .home-hero-art img{width:100%;height:auto;object-fit:contain;object-position:top center;mask-image:linear-gradient(to bottom,#000 0%,#000 80%,rgba(0,0,0,.8) 88%,rgba(0,0,0,.35) 96%,transparent 100%)}
#home-scene > .home-hero-art::after{content:"";position:absolute;inset:0;
 background:linear-gradient(90deg,rgba(12,16,15,.76),rgba(12,16,15,.26) 48%,transparent 72%);}
#global-hero .home-hero-copy{padding-top:32px;padding-bottom:64px;}
.home-hero-logo{width:260px;height:128px;overflow:hidden;margin-left:-10px;margin-bottom:18px}
.home-hero-logo img{display:block;width:260px;height:260px;max-width:none;transform:translateY(-65px)}
#global-hero .home-hero h1{font-size:clamp(42px,4.2vw,68px);line-height:1.06;letter-spacing:-1.8px;max-width:650px;margin:22px 0}
#global-hero .home-hero h1 span{color:var(--color-text-primary,var(--color-text))}
#global-hero .home-hero p{max-width:460px;color:var(--color-text);text-shadow:0 1px 8px #000;font-size:17px}
#global-hero .hero-label{color:var(--color-muted)}
#global-hero .hero-actions{max-width:620px;flex-wrap:wrap;gap:12px}
#global-hero .ui-button{
 /* Flat accents sampled from the supplied emblem; gradients live in the PNG. */
 --color-action:#35a2ef;--color-on-action:var(--color-on-action);--color-action-hover:#5e81ef;
 --color-action-border:#5e81ef;--color-focus:#b33eef;
 box-shadow:0 6px 24px rgba(0,0,0,.3);
}
#global-hero .ui-button.secondary{background:rgba(16,18,25,.88);color:var(--color-text);border-color:#b33eef}
#global-hero .ui-button.secondary:hover{background:rgba(40,35,54,.96);border-color:#5e81ef}
#global-hero .hero-meta{color:var(--color-muted)}
#home-view > #servers{border-top:0}
@media(min-width:801px){
 #global-hero .home-hero-copy{padding-right:40px}
 #global-hero .home-hero h1{max-width:min(650px,50vw)}
 #global-hero .hero-actions .ui-button{white-space:normal}
}
@media(max-width:800px){
 #global-hero .home-hero{min-height:0;display:block}
 #home-scene > .home-hero-art{height:360px;mask-image:none}
 #home-scene > .home-hero-art img{height:100%;width:100%;object-fit:cover;object-position:right center}
 #home-scene > .home-hero-art::after{background:none}
 #global-hero .home-hero-copy{padding-top:300px;padding-bottom:52px}
 .home-hero-logo{width:220px;height:108px;margin-bottom:12px}
 .home-hero-logo img{width:220px;height:220px;transform:translateY(-55px)}
 #global-hero .home-hero h1{font-size:48px;max-width:600px;letter-spacing:-1px}
 #global-hero .home-hero p{font-size:16px;max-width:540px}
}
@media(max-width:480px){
 #home-scene > .home-hero-art{height:280px}
 #global-hero .home-hero-copy{padding-top:232px}
 #global-hero .home-hero h1{font-size:38px}
 #global-hero .hero-actions{flex-direction:column;align-items:stretch;max-width:390px}
}

@media(prefers-reduced-motion:reduce){#home-scene > .home-hero-art{transform:none}}