/* The uploaded brand film opens the site, then dissolves into the existing hero. */
html.brand-intro-pending{overflow:hidden}
html.brand-intro-pending body::before{content:"";position:fixed;inset:0;z-index:199;background:#000;pointer-events:none}
html.brand-intro-ready body::before{display:none}
.brand-intro{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#000;color:#fff;opacity:1;transition:opacity .85s cubic-bezier(.22,.61,.36,1);isolation:isolate}
.brand-intro.is-leaving{opacity:0;pointer-events:none}
.brand-intro-film{display:block;width:min(100%,1440px);height:auto;max-height:calc(100svh - 160px);object-fit:contain;flex:none;aspect-ratio:79/45}
.brand-intro-top{position:absolute;top:max(32px,env(safe-area-inset-top));left:var(--gutter);right:var(--gutter);display:flex;align-items:center;justify-content:space-between;color:#b2b2b2;font-size:10px;letter-spacing:.2em;line-height:1.6}
.brand-intro-top strong{font-size:11px;font-weight:500;letter-spacing:.18em;color:#eee}
.brand-intro-bottom{position:absolute;bottom:max(32px,env(safe-area-inset-bottom));left:var(--gutter);right:var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand-intro-signature{color:#a1a1a1;font-size:9px;letter-spacing:.23em;line-height:1.8}
.brand-intro-skip{display:flex;align-items:center;gap:24px;min-height:44px;padding:8px 0 8px 15px;background:none;color:#dedede;font-size:11px;letter-spacing:.03em}
.brand-intro-skip span{font-size:21px;transition:transform .25s}
.brand-intro-skip:hover span{transform:translateX(5px)}
.brand-intro :focus-visible{outline:1px solid #fff;outline-offset:8px}
.brand-intro-progress{position:absolute;bottom:0;left:0;width:100%;height:1px;background:#fff4;transform:scaleX(var(--intro-progress,0));transform-origin:left;transition:transform .25s linear}
.brand-intro-replay{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:10px 0;background:transparent;color:#bbb;font-size:10px;letter-spacing:.06em;transition:color .2s}
.brand-intro-replay:hover{color:#fff}
.brand-intro-replay svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1}
.brand-intro-replay svg path{stroke-width:1}
.hero-copy>.brand-intro-replay{display:flex;margin-top:12px}
@media(max-width:600px){
 .brand-intro-top{top:max(25px,env(safe-area-inset-top));font-size:7px;letter-spacing:.13em}
 .brand-intro-top strong{font-size:9px;letter-spacing:.1em}
 .brand-intro-film{width:100%;max-height:70svh}
 .brand-intro-bottom{bottom:max(24px,env(safe-area-inset-bottom));gap:12px}
 .brand-intro-signature{font-size:7px;letter-spacing:.14em;max-width:110px}
 .brand-intro-skip{font-size:10px;gap:12px;padding-left:8px}
 .hero-copy>.brand-intro-replay{margin-top:5px;font-size:9px}
}
@media(prefers-reduced-motion:reduce){.brand-intro,.brand-intro-progress,.brand-intro-skip span{transition:none}}