.brand-intro{z-index:var(--z-brand-intro);isolation:isolate;overscroll-behavior:none;background-color:var(--color-intro);opacity:1;touch-action:none;will-change:opacity;place-items:center;width:100%;height:100vh;min-height:100vh;display:grid;position:fixed;inset:0;overflow:hidden}@supports (height:100dvh){.brand-intro{height:100dvh;min-height:100dvh}}html[data-brand-intro=skip] .brand-intro{display:none}.brand-intro__mark{z-index:1;object-fit:contain;opacity:0;filter:none;will-change:opacity, transform;width:clamp(11rem,40vw,15rem);max-width:calc(100vw - 3rem);max-height:34vh;position:relative;transform:translateY(calc(.25rem - 1vh))scale(.96)}.brand-intro[data-phase=entering] .brand-intro__mark,.brand-intro[data-phase=holding] .brand-intro__mark{opacity:1;transition:opacity .5s var(--ease-standard), transform .5s var(--ease-standard);transform:translateY(-1vh)scale(1)}.brand-intro[data-phase=holding] .brand-intro__mark{transition:transform .75s linear;transform:translateY(-1vh)scale(1.008)}.brand-intro[data-phase=exiting]{pointer-events:none;opacity:0;transition:opacity .5s var(--ease-standard) .1s}.brand-intro[data-phase=exiting] .brand-intro__mark{opacity:0;transition:opacity .48s var(--ease-standard), transform .48s var(--ease-standard);transform:translateY(calc(-1vh - .125rem))scale(.985)}@media (width>=680px){.brand-intro__mark{width:clamp(13rem,32vh,17rem)}}@media (width>=1200px){.brand-intro__mark{width:clamp(15rem,34vh,21rem);max-width:20rem}}@media (orientation:landscape) and (height<=560px){.brand-intro__mark{width:min(15vw,34vh,14rem);min-width:7rem}}@media (prefers-reduced-motion:reduce){.brand-intro__mark,.brand-intro[data-phase=entering] .brand-intro__mark,.brand-intro[data-phase=holding] .brand-intro__mark,.brand-intro[data-phase=exiting] .brand-intro__mark{transition-property:opacity;transition-duration:.18s;transform:translateY(-1vh)}.brand-intro[data-phase=exiting]{transition:opacity .22s ease-out}}