.mmh-site-loader{position:fixed;z-index:9999;inset:0;display:block;overflow:hidden;background:#02060a;color:#f6fbff;opacity:1;visibility:visible;transition:opacity .72s cubic-bezier(.22,.75,.24,1),visibility .72s;isolation:isolate}
.mmh-intro-video{position:absolute;z-index:0;inset:-1%;width:102%;height:102%;object-fit:cover;object-position:center 46%;opacity:.8;filter:brightness(.72) saturate(1.08);transform:scale(1.015);animation:mmh-intro-camera 6.6s cubic-bezier(.35,.02,.22,1) both;will-change:transform}
.mmh-site-loader:after{content:"";position:absolute;z-index:1;inset:-8%;pointer-events:none;background:radial-gradient(ellipse at 18% 58%,#11a9ff19,transparent 37%),radial-gradient(ellipse at 82% 48%,#ffba6412,transparent 34%),linear-gradient(112deg,transparent 34%,#5abaff08 49%,transparent 62%);background-size:120% 120%,120% 120%,220% 100%;background-position:0 0,100% 0,0 0;mix-blend-mode:screen;animation:mmh-intro-city-light 6.6s ease-in-out both;will-change:background-position,opacity}
.mmh-site-loader.is-done{opacity:0;visibility:hidden;pointer-events:none}
.mmh-intro-canvas{position:absolute;z-index:1;inset:0;width:100%;height:100%;display:block}
.mmh-intro-mark{position:absolute;z-index:3;left:50%;top:43%;width:min(48vw,510px);aspect-ratio:910/765;transform:translate(-50%,-50%);perspective:1000px;pointer-events:none;filter:drop-shadow(0 5px 9px #00142d60);animation:mmh-intro-logo-breathe 14s ease-in-out 3.5s infinite alternate}
.mmh-intro-logo-piece{position:absolute;left:0;display:block;width:100%;opacity:0;transform-style:preserve-3d;mix-blend-mode:screen;filter:drop-shadow(0 0 4px #48b9ff24) drop-shadow(0 0 9px #f1a85c12);will-change:transform,opacity,filter}
.mmh-intro-logo-piece img{display:block;width:100%;height:auto}
.mmh-intro-logo-mmh,.mmh-intro-logo-builds{mix-blend-mode:normal}
.mmh-intro-logo-mmh img,.mmh-intro-logo-builds img{position:relative;z-index:2;filter:saturate(1.12) contrast(1.06) drop-shadow(0 1px 0 #f8fcff) drop-shadow(0 2px 0 #d4e9fc) drop-shadow(0 3px 0 #8cbce6) drop-shadow(0 5px 0 #467eaf) drop-shadow(0 7px 0 #1c4168) drop-shadow(0 10px 0 #0b2038) drop-shadow(0 14px 12px #020914dc);transform:translateZ(5px)}
.mmh-intro-logo-mmh:before,.mmh-intro-logo-builds:before,.mmh-intro-logo-mmh:after,.mmh-intro-logo-builds:after{content:"";position:absolute;inset:0;pointer-events:none;-webkit-mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-mode:alpha;mask-size:100% 100%;mask-repeat:no-repeat}
.mmh-intro-logo-mmh:before,.mmh-intro-logo-builds:before{z-index:1;opacity:.96;transform:translate3d(0,7px,-4px);background:linear-gradient(180deg,#77b9ed 0%,#3676a9 28%,#17395f 68%,#07182e 100%);filter:drop-shadow(0 7px 6px #020914c9)}
.mmh-intro-logo-mmh:before{-webkit-mask-image:url("./assets/mmh-intro-logo-mmh.png");mask-image:url("./assets/mmh-intro-logo-mmh.png")}
.mmh-intro-logo-builds:before{-webkit-mask-image:url("./assets/mmh-intro-logo-builds.png");mask-image:url("./assets/mmh-intro-logo-builds.png")}
.mmh-intro-logo-mmh:after,.mmh-intro-logo-builds:after{z-index:3;opacity:.38;background-size:260% 100%;background-position:-160% 0;background-image:linear-gradient(112deg,transparent 40%,#f8fdff 48%,#b5e7ff 52%,transparent 60%);animation:mmh-intro-logo-sheen 2.2s cubic-bezier(.2,.75,.25,1) 2.75s 1 both}
.mmh-intro-logo-mmh:after{-webkit-mask-image:url("./assets/mmh-intro-logo-mmh.png");mask-image:url("./assets/mmh-intro-logo-mmh.png")}
.mmh-intro-logo-builds:after{-webkit-mask-image:url("./assets/mmh-intro-logo-builds.png");mask-image:url("./assets/mmh-intro-logo-builds.png")}
.mmh-intro-logo-emblem{top:0;height:60.14%;animation:mmh-intro-piece-emblem .95s cubic-bezier(.18,.82,.2,1) .35s forwards}
.mmh-intro-logo-mmh{top:67.45%;height:16.34%;animation:mmh-intro-piece-left .82s cubic-bezier(.18,.82,.2,1) 1.02s forwards}
.mmh-intro-logo-builds{top:86.27%;height:6.8%;animation:mmh-intro-piece-right .82s cubic-bezier(.18,.82,.2,1) 1.62s forwards}
.mmh-intro-logo-underline{top:97.78%;height:2.61%;animation:mmh-intro-piece-line .65s cubic-bezier(.18,.82,.2,1) 2.18s forwards}
.mmh-intro-vignette{position:absolute;z-index:2;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 55%,transparent 34%,#01040a45 78%,#010309a6 120%),linear-gradient(180deg,#02060a12 55%,#02060ab3)}
.mmh-intro-vignette:after{content:"";position:absolute;inset:45% -10% -14%;opacity:.28;background:radial-gradient(ellipse at 50% 5%,#24aaff55,transparent 60%);filter:blur(22px);animation:mmh-intro-smoke 4.8s ease-in-out infinite alternate}
.mmh-intro-title{position:absolute;z-index:3;left:50%;bottom:17.7%;display:flex;align-items:center;justify-content:center;gap:clamp(8px,1.5vw,22px);width:min(90vw,760px);transform:translateX(-50%);color:#d5e8fa;font-size:clamp(8px,1.05vw,12px);font-weight:650;letter-spacing:.3em;text-align:center;text-shadow:0 0 15px #57baff88;white-space:nowrap;opacity:0;animation:mmh-intro-tagline .65s ease 4.65s forwards}
.mmh-intro-title i{width:4px;height:4px;flex:0 0 auto;border-radius:50%;background:#56c9ff;box-shadow:0 0 12px #19aaff}
.mmh-intro-controls{position:absolute;z-index:3;left:50%;bottom:6.1%;width:min(410px,calc(100vw - 42px));transform:translateX(-50%);font-family:inherit}
.mmh-site-loader .mmh-loader-progress-label{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px;color:#a9bfd0;font-size:10px;letter-spacing:.24em}
.mmh-site-loader .mmh-loader-progress-label strong{color:#f3f8ff;font-size:11px;letter-spacing:.04em;font-variant-numeric:tabular-nums}
.mmh-site-loader .mmh-loader-progress-track{height:7px;overflow:hidden;border:1px solid #83bce766;border-radius:10px;background:#07111ddd;box-shadow:0 0 18px #008dff2b,inset 0 1px 4px #000}
.mmh-site-loader .mmh-loader-progress-track span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#087bdc,#26baff 70%,#b9f2ff);box-shadow:0 0 16px #0eabff;transition:width .08s linear}
.mmh-intro-control-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}
.mmh-intro-sound,.mmh-intro-skip{min-height:38px;padding:0 12px;border:1px solid #78bde744;border-radius:10px;background:#06111dcc;color:#e7f4ff;font:inherit;font-size:11px;cursor:pointer;transition:border-color .18s,background .18s,transform .18s}
.mmh-intro-sound:hover,.mmh-intro-sound:focus-visible,.mmh-intro-skip:hover,.mmh-intro-skip:focus-visible{border-color:#4fc7ff;background:#0b2132;outline:none}
.mmh-intro-skip{border-color:transparent;background:transparent;letter-spacing:.04em}
.mmh-intro-skip span{padding-left:8px;color:#5bcaff}
.mmh-intro-fallback{position:absolute;left:50%;top:43%;display:grid;justify-items:center;transform:translate(-50%,-50%);font-weight:900;line-height:.9;text-align:center;text-shadow:0 0 22px #009dff,0 4px 0 #132b45;color:#f2f8ff;pointer-events:none;opacity:0}
.mmh-intro-fallback strong{font-size:clamp(76px,17vw,190px);letter-spacing:.04em}.mmh-intro-fallback span{margin-top:12px;padding:8px 20px;border-block:2px solid #2c9cf4;font-size:clamp(22px,4vw,45px);letter-spacing:.32em}
.mmh-site-loader.is-webgl-fallback .mmh-intro-canvas{display:none}.mmh-site-loader.is-webgl-fallback .mmh-intro-fallback{display:none}
@keyframes mmh-intro-tagline{to{opacity:.95}}
@keyframes mmh-intro-logo-sheen{from{background-position:-160% 0,0 0}to{background-position:160% 0,0 0}}
@keyframes mmh-intro-camera{0%{transform:scale(1.03) translate3d(0,0,0)}28%{transform:scale(1.055) translate3d(-.32%,-.16%,0)}62%{transform:scale(1.08) translate3d(.35%,-.32%,0)}100%{transform:scale(1.105) translate3d(0,-.52%,0)}}
@keyframes mmh-intro-city-light{0%{background-position:0 0,100% 0,-80% 0;opacity:.34}42%{background-position:18% 10%,82% -8%,28% 0;opacity:.78}100%{background-position:8% -5%,92% 8%,125% 0;opacity:.48}}
@keyframes mmh-intro-logo-reveal{to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes mmh-intro-piece-emblem{0%{opacity:0;transform:translate3d(0,-15px,-18px) rotateX(-7deg) scale(.98);filter:brightness(1.1) drop-shadow(0 0 9px #31baff55)}72%{opacity:.88;transform:translate3d(0,2px,0) rotateX(1deg) scale(1.005)}100%{opacity:.88;transform:translate3d(0,0,0) rotateX(0) scale(1);filter:brightness(1) drop-shadow(0 0 5px #138eff33)}}
@keyframes mmh-intro-piece-left{0%{opacity:0;transform:translate3d(-24px,0,10px) rotateY(-7deg);filter:brightness(1.08) drop-shadow(0 0 8px #31baff55)}78%{opacity:.88;transform:translate3d(2px,0,0) rotateY(1deg)}100%{opacity:.88;transform:translate3d(0,0,0) rotateY(0);filter:brightness(1) drop-shadow(0 0 4px #138eff33)}}
@keyframes mmh-intro-piece-right{0%{opacity:0;transform:translate3d(24px,0,10px) rotateY(7deg);filter:brightness(1.08) drop-shadow(0 0 8px #31baff55)}78%{opacity:.88;transform:translate3d(-2px,0,0) rotateY(-1deg)}100%{opacity:.88;transform:translate3d(0,0,0) rotateY(0);filter:brightness(1) drop-shadow(0 0 4px #138eff33)}}
@keyframes mmh-intro-piece-line{0%{opacity:0;transform:scaleX(.2);filter:brightness(2) drop-shadow(0 0 24px #46d3ff)}75%{opacity:1;transform:scaleX(1.04)}100%{opacity:1;transform:scaleX(1);filter:brightness(1) drop-shadow(0 0 14px #168cff88)}}
@keyframes mmh-intro-logo-breathe{from{filter:drop-shadow(0 0 3px #39aaff14) drop-shadow(0 0 7px #eea45808)}to{filter:drop-shadow(0 0 4px #67caff20) drop-shadow(0 0 9px #f0a85c10)}}
@keyframes mmh-intro-metal-reveal{45%{opacity:1;filter:brightness(1.42)}to{opacity:1;transform:rotateX(7deg) translateY(0) scale(1)}}
@keyframes mmh-intro-smoke{from{transform:translate3d(-2%,2%,0) scale(.92);opacity:.45}to{transform:translate3d(2%,-1%,0) scale(1.08);opacity:.9}}
@keyframes mmh-intro-fallback-glow{to{filter:drop-shadow(0 0 18px #138fffa8);transform:translate(-50%,-50%) scale(1.025)}}
@media(max-width:600px){.mmh-intro-video{object-position:center center;opacity:.86;filter:brightness(.75) saturate(1.1)}.mmh-intro-mark{top:43%;width:min(68vw,320px)}.mmh-intro-title{bottom:20%;gap:7px;font-size:7px;letter-spacing:.17em}.mmh-intro-controls{bottom:5%}.mmh-site-loader .mmh-loader-progress-label{font-size:8px;letter-spacing:.17em}.mmh-intro-vignette{background:radial-gradient(ellipse at 50% 44%,transparent 20%,#01040a3d 72%,#01030998 120%),linear-gradient(180deg,#02060a08 45%,#02060aaa)}}
@media(prefers-reduced-motion:reduce){.mmh-site-loader,.mmh-site-loader:before,.mmh-site-loader:after,.mmh-intro-vignette:after,.mmh-intro-title,.mmh-intro-fallback,.mmh-intro-mark,.mmh-intro-logo-piece,.mmh-intro-video{animation:none!important;transition:none!important}.mmh-intro-title,.mmh-intro-logo-piece{opacity:1;transform:none}.mmh-intro-video{display:none}}

/* One centered composition keeps the official wordmark complete at every viewport. */
.mmh-intro-composition{position:absolute;z-index:3;top:50%;left:50%;display:flex;width:min(760px,calc(100vw - 32px));max-height:100vh;max-height:100dvh;box-sizing:border-box;flex-direction:column;align-items:center;justify-content:center;gap:clamp(14px,2.5vh,25px);padding-top:max(env(safe-area-inset-top),12px);padding-right:max(env(safe-area-inset-right),16px);padding-bottom:max(env(safe-area-inset-bottom),12px);padding-left:max(env(safe-area-inset-left),16px);transform:translate(-50%,-50%);pointer-events:none}
.mmh-site-loader img.mmh-intro-wordmark{display:block;width:min(360px,70vw);max-width:100%;max-height:40vh;height:auto;flex:0 1 auto;object-fit:contain;mix-blend-mode:normal;opacity:0;filter:drop-shadow(0 9px 22px #07133075) drop-shadow(0 0 17px #559eff2c) drop-shadow(0 0 22px #9b73ff12);animation:mmh-intro-wordmark-in .9s cubic-bezier(.2,.72,.24,1) .2s both,mmh-intro-wordmark-light 8s ease-in-out 1.2s infinite alternate;pointer-events:none}
.mmh-intro-composition .mmh-intro-title{position:relative;inset:auto;left:auto;bottom:auto;display:flex;width:100%;flex:0 0 auto;transform:none;gap:clamp(8px,1.5vw,18px);font-size:clamp(7px,1vw,11px);letter-spacing:clamp(.11em,.28vw,.22em);white-space:normal;opacity:0;animation:mmh-intro-tagline .65s ease .72s forwards}
.mmh-intro-composition .mmh-intro-controls{position:relative;inset:auto;left:auto;bottom:auto;width:min(410px,100%);flex:0 0 auto;transform:none;pointer-events:auto}
.mmh-intro-composition .mmh-loader-progress-label{font-size:9px;letter-spacing:.2em}
.mmh-intro-composition .mmh-loader-progress-track{height:5px}
.mmh-intro-composition .mmh-intro-control-row{margin-top:12px}
.mmh-intro-composition .mmh-intro-sound,.mmh-intro-composition .mmh-intro-skip{min-height:42px}
@keyframes mmh-intro-wordmark-in{from{opacity:0;transform:translateY(9px) scale(.985)}to{opacity:.98;transform:translateY(0) scale(1)}}
@keyframes mmh-intro-wordmark-light{from{filter:drop-shadow(0 9px 22px #07133075) drop-shadow(0 0 16px #559eff24) drop-shadow(0 0 20px #9b73ff0e)}to{filter:drop-shadow(0 11px 26px #07133082) drop-shadow(0 0 21px #559eff38) drop-shadow(0 0 26px #9b73ff18)}}
@media(min-width:601px) and (max-width:900px){.mmh-site-loader img.mmh-intro-wordmark{width:min(280px,68vw)}}
@media(max-width:600px){.mmh-intro-composition{width:calc(100vw - 20px);gap:clamp(12px,2.2vh,20px)}.mmh-site-loader img.mmh-intro-wordmark{width:min(220px,68vw);max-height:38vh}.mmh-intro-composition .mmh-intro-title{gap:7px;font-size:clamp(6.5px,2vw,8px);letter-spacing:.12em}.mmh-intro-composition .mmh-loader-progress-label{font-size:8px;letter-spacing:.16em}.mmh-intro-composition .mmh-intro-control-row{margin-top:10px}}
@media(max-height:520px){.mmh-intro-composition{gap:clamp(7px,1.5vh,12px)}.mmh-site-loader img.mmh-intro-wordmark{max-height:34vh}.mmh-intro-composition .mmh-intro-control-row{margin-top:7px}.mmh-intro-composition .mmh-intro-sound,.mmh-intro-composition .mmh-intro-skip{min-height:36px}}
@media(prefers-reduced-motion:reduce){.mmh-site-loader img.mmh-intro-wordmark{animation:none;opacity:.98;transform:none}.mmh-intro-composition .mmh-intro-title{animation:none;opacity:.95}}
.mmh-loader-progress-track span.is-indeterminate{animation:mmh-intro-progress-indeterminate 1.55s ease-in-out infinite alternate}
@keyframes mmh-intro-progress-indeterminate{from{transform:translateX(-8%)}to{transform:translateX(196%)}}
@media(prefers-reduced-motion:reduce){.mmh-loader-progress-track span.is-indeterminate{animation:none;width:100%!important}}