.hero .brand-intro { position: relative; z-index: 2; width: 100%; min-width: 0; margin: 0; overflow: hidden; border: 1px solid rgba(255,116,23,.38); border-radius: 12px; background: #090a0b; box-shadow: 0 24px 75px rgba(0,0,0,.45); }
.brand-intro-screen { position: relative; aspect-ratio: 16 / 9; background: #090a0b; }
.brand-intro-poster { display: block; width: 100%; height: 100%; object-fit: contain; }
.brand-intro-dialog { position: fixed; inset: 0; width: 100vw; max-width: none; height: 100vh; height: 100dvh; max-height: none; margin: 0; border: 0; padding: max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left)); color: #fff; background: #050506; }
.brand-intro-dialog[open] { display: flex; flex-direction: column; gap: 12px; }
.brand-intro-dialog::backdrop { background: #050506; }
.brand-intro-toolbar { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex: 0 0 auto; }
.brand-intro-toolbar > span { font-weight: 800; letter-spacing: .08em; }
.brand-intro-toolbar small { color: #aaa; font-size: 11px; font-weight: 400; }
.brand-intro-video { display: block; flex: 1 1 auto; min-height: 0; width: 100%; height: 0; object-fit: contain; }
.brand-intro-audio { display: flex; justify-content: center; flex: 0 0 auto; }
html.brand-intro-open { overflow: hidden; }
.brand-intro-caption { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 16px; color: #ddd; font-size: 11px; }
.brand-intro-play { flex-shrink: 0; border: 1px solid #f2610b; border-radius: 5px; padding: 9px 12px; color: #fff; background: #2a160b; cursor: pointer; font-size: 12px; font-weight: 700; }
.brand-intro-play:hover { background: #512706; }
.brand-intro-play:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
.brand-intro-play[hidden] { display: none; }
@media (max-width: 520px) { .brand-intro-caption { flex-wrap: wrap; } }
@media (max-width: 760px) { .hero .brand-intro { grid-row: 1; } }
