/* Reveal the two parts of the group mark in sequence, from left to right. */
.mdi-intro{display:none;position:fixed;inset:0;z-index:1000;background:var(--brand-background,linear-gradient(90deg,#030b0a,#092723));color:#fff;place-items:center}
.mdi-intro-active .mdi-intro:not([hidden]){display:grid;animation:mdi-intro-exit 0.8s 2.5s cubic-bezier(.65,0,.35,1) forwards,mdi-intro-safety 0s 3.6s forwards}
.mdi-intro-mark{position:relative;width:clamp(184px,23vw,286px);aspect-ratio:207 / 112;overflow:hidden}
.mdi-intro-mark img{position:absolute;inset:0;display:block;width:100%;height:100%;overflow:visible}
.mdi-intro-logo-top{clip-path:inset(0 100% 45% 0);animation:mdi-logo-top-reveal 1s .1s ease-in-out forwards}
.mdi-intro-logo-bottom{clip-path:inset(55% 100% 0 0);animation:mdi-logo-bottom-reveal 1s 1.1s ease-in-out forwards}
.mdi-intro-first{fill-opacity:0;stroke:#fff;stroke-width:.7;stroke-dasharray:1;stroke-dashoffset:1;animation:mdi-mark-draw 1s cubic-bezier(.65,0,.35,1) forwards,mdi-mark-fill .3s .75s ease forwards}
.mdi-intro-letter{transform-box:fill-box;transform-origin:center;animation:mdi-letter-rise .8s .3s cubic-bezier(.16,1,.3,1) both}
.mdi-intro-letter:last-child{animation-delay:.35s}
.mdi-intro-skip{position:absolute;right:clamp(24px,4vw,64px);bottom:clamp(24px,4vw,48px);padding:12px 0;border:0;background:transparent;color:inherit;font:400 12px/1.4 Jost,Arial,sans-serif;cursor:pointer}
.mdi-intro-skip span{margin-left:16px}.mdi-intro-skip:focus-visible{outline:1px solid #fff;outline-offset:6px}
@keyframes mdi-mark-draw{to{stroke-dashoffset:0}}
@keyframes mdi-mark-fill{to{fill-opacity:1;stroke-opacity:0}}
@keyframes mdi-letter-rise{from{transform:translateY(-120%) scale(.6,.1);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}
@keyframes mdi-logo-top-reveal{from{clip-path:inset(0 100% 45% 0)}to{clip-path:inset(0 0 45% 0)}}
@keyframes mdi-logo-bottom-reveal{from{clip-path:inset(55% 100% 0 0)}to{clip-path:inset(55% 0 0 0)}}
@keyframes mdi-intro-exit{to{transform:translateY(-100%);visibility:hidden;pointer-events:none}}
@keyframes mdi-intro-safety{to{visibility:hidden;pointer-events:none}}
@media(prefers-reduced-motion:reduce){.mdi-intro-active .mdi-intro:not([hidden]){display:none;animation:none}.mdi-intro-mark,.mdi-intro-mark img{animation:none}}