html.brand-intro-active { overflow: hidden; }
.brand-intro { position: fixed; inset: 0; width: 100%; height: 100%; max-width: none; max-height: none; margin: 0; padding: 0; border: 0; background: #f6f4ee; opacity: 1; transition: opacity .45s ease; }
.brand-intro::backdrop { background: transparent; }
.brand-intro video { display: block; width: 100%; height: 100%; object-fit: contain; }
.brand-intro button { position: absolute; right: max(24px, env(safe-area-inset-right)); bottom: max(24px, env(safe-area-inset-bottom)); padding: 12px 18px; border: 1px solid #181a2040; border-radius: 999px; color: #181a20; background: #f6f4ee; font: 500 14px/1.2 system-ui, sans-serif; cursor: pointer; }
.brand-intro button:focus-visible { outline: 2px solid #355cff; outline-offset: 4px; }
.brand-intro.is-leaving { opacity: 0; }
@media (prefers-reduced-motion: reduce) { .brand-intro { transition: none; } }