.hero-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#000}
.hero .veil{background:linear-gradient(0deg,rgba(7,8,6,.24),transparent 38%);pointer-events:none}
.nav,.hero .explore,.hero-position{transition:opacity 1.2s ease,transform 1.2s cubic-bezier(.2,.7,.2,1)}
body.intro-pending .nav{opacity:0;pointer-events:none}
.hero-position{position:absolute;z-index:3;left:50%;top:72%;transform:translate(-50%,8px);margin:0;color:rgba(255,255,255,.78);font:300 10px/1.2 'DM Sans',sans-serif;letter-spacing:.24em;text-transform:uppercase;white-space:nowrap;opacity:0}
.hero .explore{opacity:0;pointer-events:none;transform:translate(-50%,8px)}
body.location-ready .hero-position{opacity:1;transform:translate(-50%,0)}
body.brand-ready .hero .explore{opacity:1;pointer-events:auto;transform:translate(-50%,0)}
.skip-intro{position:absolute;z-index:4;right:30px;bottom:28px;padding:10px 0;border:0;border-bottom:1px solid rgba(255,255,255,.45);background:transparent;color:#fff;font:300 9px/1 'DM Sans',sans-serif;letter-spacing:.2em;text-transform:uppercase;opacity:0;pointer-events:none;transition:opacity .7s ease;cursor:pointer}
.skip-intro.show{opacity:.72;pointer-events:auto}
.skip-intro:hover{opacity:1}
@media(max-width:760px){.hero-film{object-position:center}.skip-intro{right:22px;bottom:22px}.hero-position{top:70%;font-size:8px;letter-spacing:.16em}}
@media(prefers-reduced-motion:reduce){.skip-intro{display:none}}