.mb-stack{margin:40px calc(50% - 50vw) 0;width:100vw;overflow:hidden;font-family:'Hind Siliguri',system-ui,sans-serif}
.mb{position:relative;min-height:62vh;display:flex;align-items:center;background:var(--bg);color:var(--tx);overflow:hidden;isolation:isolate}
.mb-media{position:absolute;inset:0;z-index:-1;overflow:hidden}
.mb-media img,.mb-media video{width:100%;height:100%;object-fit:cover;display:block;will-change:transform}
.mb-full .mb-media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.62),rgba(0,0,0,.05) 70%)}
.mb-copy{position:relative;max-width:1180px;width:100%;margin:0 auto;padding:60px 24px}
.mb-sub{display:block;font-size:13px;letter-spacing:.18em;text-transform:uppercase;opacity:.8;margin-bottom:10px}
.mb-head{font-size:clamp(30px,6vw,76px);line-height:1.04;font-weight:800;margin:0;max-width:14ch;text-transform:none}
/* split */
.mb-split{min-height:70vh}.mb-split .mb-media{position:relative;inset:auto;z-index:0;width:50%;align-self:stretch;flex:none}
.mb-split:nth-child(even){flex-direction:row-reverse}.mb-split .mb-copy{padding:40px 6vw;margin:0;max-width:none;width:50%}
/* center floating product */
.mb-center{text-align:center;flex-direction:column;justify-content:center;padding:70px 0;background:radial-gradient(circle at 50% 55%,color-mix(in srgb,var(--bg) 70%,#fff 30%),var(--bg) 70%)}
.mb-center .mb-media{position:relative;inset:auto;z-index:0;width:min(520px,80vw);height:min(520px,60vw);margin:0 auto;overflow:visible;order:2}
.mb-center .mb-media img,.mb-center .mb-media video{object-fit:contain;filter:drop-shadow(0 30px 40px rgba(0,0,0,.45))}
.mb-center .mb-copy{text-align:center;padding:0 24px 10px;order:1}.mb-center .mb-head{margin:0 auto;max-width:18ch}
/* big word */
.mb-big{min-height:75vh}.mb-big .mb-media{opacity:.55}.mb-big .mb-head{font-size:clamp(44px,11vw,150px);max-width:none;letter-spacing:-.03em}
.mb-cards .mb-media{opacity:.6}
/* motions: idle animation once visible */
.mb:not(.is-in) .mb-copy>*{opacity:0;transform:translateY(34px)}
.mb-copy>*{transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}
.mb-copy>*:nth-child(2){transition-delay:.15s}
@keyframes mbZoom{from{transform:scale(1.02)}to{transform:scale(1.18)}}
@keyframes mbPan{from{transform:scale(1.15) translateX(-4%)}to{transform:scale(1.15) translateX(4%)}}
@keyframes mbFloat{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-18px) rotate(1.5deg)}}
@keyframes mbSpin{from{transform:perspective(900px) rotateY(-14deg)}to{transform:perspective(900px) rotateY(14deg)}}
.mb.is-in.mo-zoom .mb-media img,.mb.is-in.mo-zoom .mb-media video{animation:mbZoom 14s ease-in-out infinite alternate}
.mb.is-in.mo-pan .mb-media img,.mb.is-in.mo-pan .mb-media video{animation:mbPan 18s ease-in-out infinite alternate}
.mb.is-in.mo-float .mb-media img,.mb.is-in.mo-float .mb-media video{animation:mbFloat 6s ease-in-out infinite}
.mb.is-in.mo-spin .mb-media img,.mb.is-in.mo-spin .mb-media video{animation:mbSpin 7s ease-in-out infinite alternate}
.mo-reveal .mb-media{clip-path:inset(0 100% 0 0);transition:clip-path 1.2s cubic-bezier(.2,.7,.2,1)}.mo-reveal.is-in .mb-media{clip-path:inset(0 0 0 0)}
.mo-parallax .mb-media img,.mo-parallax .mb-media video{transform:translateY(var(--py,0)) scale(1.15)}
@media (max-width:760px){
 .mb{min-height:54vh}.mb-split{flex-direction:column!important;min-height:0}.mb-split .mb-media,.mb-split .mb-copy{width:100%}.mb-split .mb-media{height:60vw}
 .mb-big .mb-head{font-size:clamp(40px,16vw,90px)}
}
@media (prefers-reduced-motion:reduce){.mb *{animation:none!important;transition:none!important}.mb:not(.is-in) .mb-copy>*{opacity:1;transform:none}.mo-reveal .mb-media{clip-path:none}}
.mb-head,.mb-sub,.mb-copy{color:var(--tx)}

/* ---- Light retail look (acwo-style): photo + text, and full-width posters ---- */
.mb-stack{margin-top:56px}
.mb-split{min-height:0;background:var(--bg)}
.mb-split .mb-media{width:50%;min-height:min(70vh,640px);background:var(--bg)}
.mb-split .mb-media img{object-fit:contain;padding:4%}
.mb-split .mb-copy{display:flex;flex-direction:column;justify-content:center;gap:8px}
.mb-split .mb-head{font-size:clamp(28px,4.2vw,56px);max-width:12ch;letter-spacing:-.02em}
.mb-split .mb-sub{opacity:.65;order:2;letter-spacing:.04em;text-transform:none;font-size:clamp(15px,1.6vw,20px);margin:8px 0 0}
.mb-split .mb-copy{flex-direction:column}
/* poster: the whole picture, edge to edge, never cropped */
.mb-poster{display:block;min-height:0;background:var(--bg);padding:0}
.mb-poster .mb-media{position:relative;inset:auto;z-index:0;width:100%;height:auto}
.mb-poster .mb-media img,.mb-poster .mb-media video{width:100%;height:auto;object-fit:initial;display:block;animation:none!important;transform:none!important}
.mb-poster .mb-copy{position:absolute;left:0;right:0;bottom:0;max-width:1180px;margin:0 auto;padding:0 24px 6%}
.mb-poster .mb-head{font-size:clamp(26px,4.4vw,60px);max-width:16ch}
.mb-poster .mb-media::after{display:none}
@media(max-width:760px){.mb-split .mb-media{min-height:0;height:64vw}.mb-split .mb-copy{padding:20px 22px 32px}}

/* phones: picture goes full width, text sits inside the picture (never below it) */
@media(max-width:760px){
 .mb-split{display:block!important;position:relative;min-height:0}
 .mb-split .mb-media{width:100%;height:auto;min-height:0;aspect-ratio:1/1;position:relative}
 .mb-split .mb-media img,.mb-split .mb-media video{width:100%;height:100%;object-fit:cover;padding:0}
 .mb-split .mb-copy,.mb-poster .mb-copy{position:absolute;left:0;right:0;bottom:0;width:100%;max-width:none;margin:0;padding:70px 20px 22px;background:linear-gradient(to top,rgba(0,0,0,.72),rgba(0,0,0,.35) 55%,transparent);display:block}
 .mb-split .mb-head,.mb-poster .mb-head{color:#fff!important;font-size:clamp(24px,7.5vw,36px);max-width:none}
 .mb-split .mb-sub,.mb-poster .mb-sub{color:#fff!important;opacity:.85;margin:6px 0 0}
}