/* Six copies of the existing wordmark, each masked to one horizontal band. */
.mgl-intro{display:flex;position:fixed;inset:0;width:100%;height:100vh;height:100dvh;z-index:2147483647;align-items:center;justify-content:center;overflow:hidden;background:var(--paper,#f7f7f7);color:#111111;clip-path:inset(0% 0% 0% 0%);contain:layout paint}
.mgl-intro-active .mgl-intro{display:flex}
/* Keep the independent BE FOUND scroll curtain out of the intro handoff. */
.mgl-intro-active .hero-wipe{visibility:hidden}
/* The existing finish travels with the loader above the global grain. */
.mgl-intro::after{content:"";position:absolute;inset:0;pointer-events:none;background:url('assets/editorial-grain.png') repeat;background-size:128px 128px;opacity:var(--mgl-grain-opacity);mix-blend-mode:normal;animation:mgl-film-grain .8s step-end infinite}
.mgl-intro-mark{position:relative;font-size:clamp(120px,16vw,230px);width:2.65em;height:1.15em;flex:none;transform-origin:center}
.mgl-intro-slice{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;overflow:hidden;clip-path:inset(var(--slice-top) 0 var(--slice-bottom) 0)}
.mgl-intro-whole{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0}
.mgl-intro .logo{display:block;font-size:inherit;font-family:var(--sans);font-weight:700;letter-spacing:-.09em;line-height:.79;color:inherit;text-decoration:none;white-space:nowrap}
@media(max-width:800px){.mgl-intro-mark{font-size:clamp(92px,24vw,150px)}}
@media(prefers-reduced-motion:reduce){.mgl-intro-slice{clip-path:none}}
@media(prefers-reduced-motion:reduce){.mgl-intro::after{animation:none}}
@media(forced-colors:active){.mgl-intro{background:Canvas;color:CanvasText}}
