/* Both banners share the existing hero's dimensions. */
.mm-home-carousel:after{z-index:4}
.mm-hero-passion{position:absolute;inset:0;z-index:2;background:#071a32;display:flex;align-items:center;justify-content:center}
.mm-hero-passion-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 62%}
.mm-hero-passion-copy{position:relative;width:48%;padding:14px 0 24px;text-align:center;color:#fff}
.mm-scene-hero .mm-hero-passion-copy h2{margin:0 0 14px;color:#fff;font-size:clamp(25px,2.3vw,38px);line-height:1.12;letter-spacing:-.8px;text-shadow:0 2px 12px #03101f}
.mm-scene-hero .mm-hero-passion-copy p{margin:0;color:#dbe6f5;font-size:14px;line-height:1.5;text-wrap:balance;text-shadow:0 1px 8px #03101f}
.mm-hero-controls{position:absolute;right:16px;bottom:10px;z-index:5;display:flex;align-items:center;gap:2px}
.mm-hero-controls button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:0;border-radius:50%;background:#06152b99;color:#fff}
.mm-hero-controls button:hover{background:#06152b;color:#fff}
.mm-hero-controls button:focus-visible{outline:2px solid #fff;outline-offset:2px}
.mm-hero-dot span{width:6px;height:6px;border-radius:50%;border:1px solid #fff;background:transparent}
.mm-hero-dot[aria-pressed="true"] span{background:#fff}
@media(max-width:1100px) and (min-width:761px){.mm-hero-passion-copy{width:50%;padding-bottom:20px}.mm-scene-hero .mm-hero-passion-copy h2{font-size:28px}.mm-scene-hero .mm-hero-passion-copy p{font-size:12px}}
@media(max-width:760px){
 .mm-hero-passion{align-items:flex-start}
 .mm-hero-passion-image{top:auto;bottom:4px;height:auto;object-fit:contain;object-position:center bottom}
 .mm-hero-passion:after{content:"";position:absolute;inset:0;background:linear-gradient(#071a32 0%,#071a32 34%,#071a3200 68%);pointer-events:none}
 .mm-hero-passion-copy{z-index:1;width:100%;padding:20px 24px 0}
 .mm-scene-hero .mm-hero-passion-copy h2{font-size:28px;margin-bottom:10px}
 .mm-scene-hero .mm-hero-passion-copy p{font-size:12px;max-width:310px;margin:auto}
 .mm-hero-controls{right:12px;bottom:8px}
}
@media(pointer:coarse){.mm-hero-controls{gap:0;bottom:5px;right:8px}.mm-hero-controls button{width:44px;height:44px;background:transparent}.mm-hero-controls button:hover{background:#06152b66}}