/* Wide hero (.mm-wh) and wide promo banner (.mm-wp). Full width, logical properties, RTL-safe. Volt Mist palette. */
.mm-wh,.mm-wp{--w-ink:#0b0d12;--w-volt:#c8ff2e;--w-ion:#7b6cff;position:relative;isolation:isolate;overflow:hidden;color:#fff;background:var(--w-ink)}
.mm-wh{min-block-size:min(88svh,820px);display:grid;align-items:end}
.mm-wh__bg,.mm-wp__bg{position:absolute;inset:-8% 0;z-index:-3;will-change:transform;background:radial-gradient(120% 90% at 30% 20%,#2a2f3a,#0b0d12)}
.mm-wh__bg img{position:absolute;inset:0;inline-size:100%;block-size:100%;object-fit:cover}
.mm-wh::after,.mm-wp::after{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(11,13,18,.15) 0%,rgba(11,13,18,.12) 40%,rgba(11,13,18,.82) 100%),linear-gradient(90deg,rgba(11,13,18,.55),rgba(11,13,18,0) 60%)}
.mm-wh__mm,.mm-wp__mm{position:absolute;inset-inline-end:-2vw;inset-block-start:4%;z-index:-1;font-size:clamp(14rem,38vw,40rem);line-height:.8;font-weight:900;letter-spacing:-.06em;color:transparent;-webkit-text-stroke:2px rgba(255,255,255,.18);pointer-events:none;will-change:transform}
.mm-wh__in{padding:clamp(5rem,12vh,9rem) clamp(1.25rem,6vw,6rem) clamp(5rem,9vh,7rem);max-inline-size:1500px}
.mm-wh__h{margin:0 0 clamp(1.4rem,3vw,2.4rem);font-size:clamp(3rem,10.5vw,10rem);line-height:.9;font-weight:900;letter-spacing:-.04em;text-transform:uppercase}
.mm-wh__l{display:block;overflow:hidden;padding-block:.04em}
.mm-wh__l>span{display:inline-block;transform:translateY(105%);transition:transform .9s cubic-bezier(.2,.8,.2,1)}
.mm-wh__l:nth-child(2)>span{transition-delay:.12s}
.mm-wh.is-in .mm-wh__l>span,.mm-wp.is-in .mm-wp__w>span{transform:none}
.mm-wh__l.v>span{background:var(--w-volt);color:var(--w-ink);padding:.02em .16em;border-radius:.12em;box-decoration-break:clone}
.mm-wh__cta,.mm-wp__go{display:inline-flex;align-items:center;gap:1rem;min-block-size:56px;padding:0 .6rem 0 1.8rem;border-radius:999px;background:var(--w-volt);color:var(--w-ink);font-weight:800;font-size:.85rem;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;position:relative;overflow:hidden;transition:transform .25s}
.mm-wh__cta i,.mm-wp__go i{display:grid;place-items:center;inline-size:42px;block-size:42px;border-radius:50%;background:var(--w-ink);color:var(--w-volt);font-style:normal;font-size:1.1rem;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.mm-wh__cta:hover i,.mm-wp__go:hover i,.mm-wh__cta:focus-visible i,.mm-wp__go:focus-visible i{transform:translateX(6px) rotate(-45deg)}
.mm-wh__cta:focus-visible,.mm-wp__go:focus-visible{outline:3px solid #fff;outline-offset:3px}
.mm-wh__cta::before,.mm-wp__go::before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%);translate:-120% 0;transition:translate .7s}
.mm-wh__cta:hover::before,.mm-wp__go:hover::before{translate:120% 0}
.mm-wh__tick,.mm-wp__tick{position:absolute;inset-inline:0;inset-block-end:0;overflow:hidden;white-space:nowrap;border-block-start:1px solid rgba(255,255,255,.18);background:rgba(11,13,18,.45);backdrop-filter:blur(6px)}
.mm-wh__tick div,.mm-wp__tick div{display:inline-flex;gap:2.5rem;padding:.8rem 1rem;animation:mmWTick 40s linear infinite;font-size:.72rem;font-weight:800;letter-spacing:.22em}
.mm-wp__tick div{animation-direction:reverse}
.mm-wh__tick span::after,.mm-wp__tick span::after{content:"✦";margin-inline-start:2.5rem;color:var(--w-volt)}
@keyframes mmWTick{to{transform:translateX(-50%)}}
[dir=rtl] .mm-wh__tick div{animation-direction:reverse}[dir=rtl] .mm-wp__tick div{animation-direction:normal}
/* promo banner */
.mm-wp{min-block-size:min(78svh,700px);display:grid;align-items:center}
.mm-wp__bg{background:var(--pimg,none) center/cover,radial-gradient(120% 90% at 70% 30%,#3a2f66,#0b0d12)}
.mm-wp__in{padding:clamp(4rem,10vh,7rem) clamp(1.25rem,6vw,6rem) clamp(5rem,12vh,8rem);max-inline-size:1500px}
.mm-wp__h{margin:0 0 1.2rem;font-size:clamp(2.6rem,9vw,8.5rem);line-height:.92;font-weight:900;letter-spacing:-.04em;text-transform:uppercase}
.mm-wp__w{display:inline-block;overflow:hidden;vertical-align:top;padding-block:.04em}
.mm-wp__w>span{display:inline-block;transform:translateY(105%);transition:transform .9s cubic-bezier(.2,.8,.2,1)}
.mm-wp__w:nth-child(2)>span{transition-delay:.1s}.mm-wp__w:nth-child(3)>span{transition-delay:.2s}
.mm-wp__w.v{color:var(--w-volt)}
.mm-wp__p{margin:0 0 2rem;max-inline-size:34rem;font-size:clamp(1rem,1.6vw,1.25rem);line-height:1.5;color:rgba(255,255,255,.86)}
@media(max-width:700px){.mm-wh{min-block-size:84svh}.mm-wh__mm,.mm-wp__mm{font-size:62vw;inset-block-start:2%}.mm-wh__cta,.mm-wp__go{min-block-size:52px;font-size:.78rem}}
@media(prefers-reduced-motion:reduce){.mm-wh__l>span,.mm-wp__w>span{transform:none;transition:none}.mm-wh__tick div,.mm-wp__tick div{animation:none}.mm-wh__bg,.mm-wp__bg,.mm-wh__mm,.mm-wp__mm{transform:none!important}}