.brand-intro{position:fixed;inset:0;width:100%;height:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#000;color:#f1eee6;overflow:hidden;opacity:1;transition:opacity .45s ease}
.brand-intro::backdrop{background:#000}
.brand-intro.is-leaving{opacity:0;pointer-events:none}
.brand-intro video{display:block;width:100%;height:100%;object-fit:contain;background:#000}
.brand-intro-bar{position:absolute;z-index:1;inset:auto 0 0;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom));background:linear-gradient(transparent,#000e);flex-wrap:wrap}
.brand-intro-label{margin:0;color:#73d9e5;font:11px/1.5 monospace;letter-spacing:.13em;text-transform:uppercase}
.brand-intro-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.brand-intro button,.ident-replay{border:1px solid #73d9e56b;background:#080a0bc7;color:#73d9e5;border-radius:7px;min-height:44px;padding:10px 16px;font:12px/1.4 PTVGeometric,Arial,sans-serif;letter-spacing:.05em;text-transform:uppercase;transition:background .2s ease,border-color .2s ease}
.brand-intro button:hover,.ident-replay:hover{background:#153137;border-color:#73d9e5}
.brand-intro .brand-enter{background:#73d9e5;color:#081114;border-color:#73d9e5}
.brand-intro .brand-enter:hover{background:#a0edf4}
.hero-tail .ident-replay{font-size:10px;min-height:36px;padding:7px 12px}
.ident-progress{position:absolute;inset:auto auto 0 0;height:2px;width:100%;background:#73d9e5;transform:scaleX(0);transform-origin:left;box-shadow:0 0 12px #73d9e5;pointer-events:none}
@media(max-width:600px){.brand-intro-bar{padding-top:32px;gap:12px}.brand-intro-label{width:100%;font-size:10px}.brand-intro-actions{width:100%;justify-content:space-between}.hero-tail{flex-wrap:wrap;gap:14px}.brand-intro button{padding:10px 13px}}
@media(prefers-reduced-motion:reduce){.brand-intro,.brand-intro button,.ident-replay{transition:none}}