.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;width:clamp(7.75rem,36vw,10.9375rem);max-width:calc(100vw - 3rem);max-height:42vh;filter:drop-shadow(0 .5rem 1.5rem color-mix(in oklab, var(--color-intro) 65%, transparent)) drop-shadow(0 0 1.375rem color-mix(in oklab, var(--color-forest-700) 16%, transparent)) drop-shadow(0 0 .625rem color-mix(in oklab, var(--color-bronze-600) 7%, transparent));will-change:opacity, transform;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(9.6875rem,22vw,13.4375rem)}}@media (width>=1200px){.brand-intro__mark{width:clamp(11.25rem,15vw,15.625rem);max-width:16.875rem}}@media (orientation:landscape) and (height<=560px){.brand-intro__mark{width:min(15vw,42vh,15.625rem);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}}