.mei-section{position:relative;min-height:170vh;background:#f7f5f2;isolation:isolate;overflow:clip;direction:rtl}
.mei-sticky{position:sticky;top:0;min-height:100svh;display:grid;align-items:center;padding:clamp(76px,12vh,130px) max(16px,calc((100vw - 1600px)/2)) 42px}
.mei-frame{position:relative;width:100%;aspect-ratio:4/1;min-height:310px;max-height:70svh;border-radius:clamp(22px,3vw,42px);overflow:hidden;background:#17141d;box-shadow:0 34px 85px rgba(23,20,29,.16)}
.mei-video,.mei-video video,.mei-video img,.mei-video-fallback,.mei-video-fallback img,.mei-depth,.mei-depth img{position:absolute;inset:0;width:100%;height:100%}
.mei-video video,.mei-video img,.mei-video-fallback img{display:block;object-fit:cover}
.mei-section.is-video{min-height:0;background:var(--mei-surface,#fff);overflow:visible}
.mei-section.is-video .mei-sticky{position:relative;display:block;min-height:0;padding:0}
.mei-section.is-video .mei-frame{width:100%;height:auto;aspect-ratio:var(--mei-aspect-desktop,4);min-height:0;max-height:none;border-radius:0;background:var(--mei-surface,#fff);box-shadow:none}
.mei-section.is-video .mei-video video,.mei-section.is-video .mei-video img,.mei-section.is-video .mei-video-fallback img{object-fit:contain}
.mei-video.is-mobile,.mei-video-fallback{display:none}
.mei-depth{display:grid;place-items:center;will-change:transform;transform:translate3d(0,var(--mei-shift,0px),0) scale(var(--mei-scale,1));transition:transform .13s linear}
.mei-depth img{object-fit:contain;filter:drop-shadow(0 24px 48px rgba(0,0,0,.22))}
.mei-section.is-image .mei-frame{background:radial-gradient(circle at 50% 45%,#fff 0,#fff9f0 42%,#ede8e3 100%)}
.mei-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(23,20,29,.05),rgba(23,20,29,.74));pointer-events:none}
.mei-section.is-image .mei-shade{background:linear-gradient(90deg,transparent 35%,rgba(23,20,29,.72))}
.mei-caption{position:absolute;z-index:2;inset:auto 0 10% auto;width:min(620px,50%);padding:0 clamp(24px,5vw,80px);color:#fff;text-shadow:0 2px 16px rgba(0,0,0,.25)}
.mei-caption>span{font-size:12px;font-weight:800;color:#ffab4d}
.mei-caption h2{font-size:clamp(26px,3vw,48px);line-height:1.45;margin:12px 0;max-width:24ch;text-wrap:balance}
.mei-caption p{font-size:clamp(13px,1.2vw,17px);line-height:1.9;margin:0;max-width:52ch}
.mei-progress{height:3px;width:min(260px,80%);margin-top:26px;border-radius:9px;background:rgba(255,255,255,.35);overflow:hidden}
.mei-progress i{display:block;height:100%;width:100%;background:#ff8300;transform:scaleX(var(--mei-progress,0));transform-origin:right;transition:transform .12s linear}
.mei-open-video{position:absolute;z-index:3;left:clamp(20px,4vw,65px);bottom:clamp(20px,4vw,55px);padding:10px 16px;border-radius:99px;border:1px solid rgba(255,255,255,.45);background:rgba(23,20,29,.7);color:#fff!important;text-decoration:none!important;font-size:12px;font-weight:800;transition:background .22s,transform .22s}
.mei-open-video:hover,.mei-open-video:focus-visible{background:#ff8300;color:#17141d!important;transform:translateY(-3px)}
.mei-open-video:focus-visible{outline:3px solid #fff;outline-offset:3px}
@media(max-width:767px){
 .mei-section{min-height:140svh}
 .mei-sticky{padding:88px 12px 24px}
 .mei-frame{aspect-ratio:4/5;min-height:0;max-height:min(78svh,780px)}
 .mei-video.is-desktop{display:none}
 .mei-video.is-mobile{display:block}
 .mei-section.is-video .mei-sticky{padding:0}
 .mei-section.is-video .mei-frame{aspect-ratio:var(--mei-aspect-mobile,.8);max-height:none}
 .mei-shade,.mei-section.is-image .mei-shade{background:linear-gradient(0deg,rgba(23,20,29,.84),rgba(23,20,29,.08) 68%)}
 .mei-caption{inset:auto 0 17% 0;width:100%;padding:0 24px}
 .mei-caption h2{font-size:clamp(24px,6vw,35px)}
 .mei-caption p{font-size:13px}
 .mei-open-video{left:24px;bottom:20px;font-size:11px;padding:8px 12px}
 .mei-depth img{object-fit:contain}
}
@media(prefers-reduced-motion:reduce){
 .mei-section{min-height:0;padding:34px 0}
 .mei-section.is-video{padding:0}
 .mei-sticky{position:relative;min-height:0;padding:0 16px}
 .mei-section.is-video .mei-sticky{padding:0}
 .mei-video{display:none!important}
 .mei-video-fallback{display:block}
 .mei-depth{transform:none!important;transition:none}
 .mei-progress{display:none}
 .mei-open-video{transition:none}
}
