.brand-intro {
 position:fixed; inset:0; z-index:100; display:flex; flex-direction:column;
 justify-content:center; align-items:center; gap:20px; padding:24px; overflow-y:auto;
 background:radial-gradient(circle at 50% 30%,#274765 0,#16283a 52%,#0c1721 100%);
 font-family:Arial,sans-serif;
}
.brand-intro-card {
 width:min(920px,100%); max-height:calc(100dvh - 150px); flex-shrink:0;
 display:grid; grid-template-columns:minmax(0,1.2fr) minmax(310px,.8fr); overflow:auto;
 border:1px solid rgba(255,255,255,.22); background:#eef0ea;
 box-shadow:0 32px 90px rgba(0,0,0,.38);
}
.brand-media { position:relative; min-height:520px; background:#fff; overflow:hidden; }
.brand-media img,.brand-media video { position:absolute; inset:0; width:100%; height:100%; object-fit:contain; background:#fff; }
.brand-media img { inset:15%; width:70%; height:70%; transition:opacity .2s; }
.brand-media video { z-index:1; opacity:0; pointer-events:none; transition:opacity .2s; }
.brand-media--playing img { opacity:0; }
.brand-media--playing video { opacity:1; }
.brand-intro-copy { display:flex; flex-direction:column; justify-content:center; align-items:flex-start; padding:48px 40px; }
.brand-kicker { color:#235899; font-size:11px; font-weight:800; letter-spacing:1.6px; }
.brand-intro-copy h1 { margin:12px 0 8px; font-size:clamp(32px,4.2vw,48px); line-height:1.02; letter-spacing:-1px; color:#16283a; }
.brand-intro-copy p { color:#5b6169; font-size:16px; line-height:1.5; margin:0 0 28px; }
.brand-intro-copy button { display:flex; align-items:center; gap:8px; border:0; padding:12px 17px; color:#fff; background:#235899; font:700 14px Arial,sans-serif; cursor:pointer; }
.brand-intro-copy button:hover { background:#173f73; }
.brand-intro-copy button:focus-visible { outline:3px solid #235899; outline-offset:5px; }
.brand-intro-copy small { margin-top:12px; color:#707780; font-size:12px; }
.developer-credit { display:flex; flex-direction:column; align-items:center; gap:8px; flex-shrink:0; text-align:center; color:#d4dee7; font-size:12px; }
.developer-credit a { position:relative; display:block; width:176px; max-width:100%; border-radius:3px; transition:transform .15s ease; }
.developer-credit img { display:block; width:100%; height:auto; }
.developer-credit a:hover { transform:scale(1.03); }
.developer-credit a:focus-visible { outline:3px solid #fff; outline-offset:5px; }
.developer-credit__symbol { clip-path:inset(0 66% 0 0); }
.developer-credit .developer-credit__white-text { position:absolute; inset:0; filter:brightness(0) invert(1); clip-path:inset(0 0 0 34%); }
@media(max-width:760px) {
 .brand-intro { padding:12px; }
 .brand-intro-card { grid-template-columns:1fr; }
 .brand-media { min-height:clamp(200px,38dvh,360px); }
 .brand-intro-copy { padding:25px 24px 28px; }
 .brand-intro-copy p { margin-bottom:18px; }
}
@media(max-height:620px) and (min-width:761px) {
 .brand-intro { justify-content:flex-start; }
 .brand-intro-card { max-height:none; }
 .brand-media { min-height:380px; }
 .brand-intro-copy { padding:32px; }
}
@media(prefers-reduced-motion:reduce) {
 .brand-media video { display:none; }
 .brand-media img,.brand-media video,.developer-credit a { transition:none; }
}
.editor-credit-link { display:inline-flex; align-items:center; justify-self:center; gap:8px; height:36px; color:var(--muted); font-size:11px; text-decoration:none; white-space:nowrap; border-radius:2px; }
.editor-credit-mark { position:relative; display:block; width:108px; flex:none; }
.editor-credit-mark img { display:block; width:100%; height:auto; }
.editor-credit-mark .editor-credit-mark__white-text { display:none; position:absolute; inset:0; filter:brightness(0) invert(1); clip-path:inset(0 0 0 34%); }
:root[data-theme=dark] .editor-credit-mark__logo { clip-path:inset(0 66% 0 0); }
:root[data-theme=dark] .editor-credit-mark .editor-credit-mark__white-text { display:block; }
.editor-credit-link:hover { color:var(--text); text-decoration:underline; }
.editor-credit-link:focus-visible { outline:2px solid var(--sel); outline-offset:4px; }
@media print { .brand-intro { display:none; } }