/* Broad room illustration and a naturally flowing phone layout. */
body .hero.eko-hero-reveal{min-height:820px;padding:170px 0 70px;background:#10120e;isolation:isolate}
body .eko-hero-reveal::before,body .eko-hero-reveal::after{display:none}
body .eko-hero-reveal .hero-grid{display:block}
.eko-hero-copy{position:relative;z-index:2;max-width:510px;width:45%}
body .eko-hero-reveal h1{font-size:clamp(2.7rem,4.1vw,4.2rem)}
.eko-hero-scene{position:absolute;inset:112px 0 0 29%;z-index:0;display:flex;align-items:center;margin:0;pointer-events:none}
.eko-hero-frame{position:relative;width:100%;aspect-ratio:1672/941;overflow:hidden}
.eko-hero-frame picture,.eko-hero-frame img,.eko-hero-frame video{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:contain}
@media(min-width:1025px){.eko-hero-frame::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#10120e,transparent 24px,transparent calc(100% - 24px),#10120e);pointer-events:none}}
.eko-hero-frame video{opacity:0}
.eko-hero-scene.is-playing video{opacity:1}
.eko-hero-scene::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#10120e 0%,#10120eef 9%,#10120e88 25%,#10120e00 46%),linear-gradient(0deg,#10120e,transparent 15%,transparent 88%,#10120e);pointer-events:none}
.eko-hero-scene figcaption{position:absolute;bottom:24px;right:clamp(20px,3vw,44px);z-index:1;display:flex;align-items:center;gap:14px;padding:8px 12px;border-radius:6px;color:#f2f3ed;background:#10120ee8;font:400 12px/1.5 'Work Sans',sans-serif;pointer-events:auto}
.eko-hero-scene button{font:600 13px/1.4 'Work Sans',sans-serif;color:#e6f6d4;background:transparent;border:0;border-left:1px solid #ffffff4d;padding:0 0 0 14px;min-height:44px;cursor:pointer}
.eko-hero-scene button:focus-visible{outline:2px solid #b8e480;outline-offset:4px}
.eko-hero-caption{margin-top:24px;padding-top:20px;border-top:1px solid #ffffff24;color:#ccd2c3}
.eko-hero-caption strong{display:block;font-family:'Playfair Display',serif;font-size:1.2rem;color:#fff;margin-bottom:5px}
.eko-hero-caption span{font-size:.88rem;line-height:1.6}
@media(max-width:1199px) and (min-width:1025px){.eko-hero-copy{width:49%}.eko-hero-scene{left:30%}.eko-hero-scene::after{background:linear-gradient(90deg,#10120e 0%,#10120ef5 25%,#10120eaa 40%,#10120e00 60%),linear-gradient(0deg,#10120e,transparent 15%,transparent 88%,#10120e)}body .eko-hero-reveal h1{font-size:3rem}}
@media(max-width:1024px){
 body .hero.eko-hero-reveal{min-height:0;padding:108px 0 44px}
 body .eko-hero-reveal>.container{width:100%;padding:0;max-width:none}
 body .eko-hero-reveal .hero-grid{display:flex;flex-direction:column}
 .eko-hero-scene{position:relative;inset:auto;order:-1;display:block;width:100%;margin:0 0 26px}
 .eko-hero-scene::after{display:none}
 .eko-hero-frame{width:100%;aspect-ratio:1672/941}
 .eko-hero-scene figcaption{position:static;justify-content:space-between;min-height:48px;margin:0;padding:0 20px;background:#1d2317;border-radius:0;font-size:11px}
 .eko-hero-scene button{min-height:48px}
 .eko-hero-copy{width:auto;max-width:650px;margin:0 auto;padding:0 20px}
 body .eko-hero-reveal h1{font-size:clamp(2rem,5.6vw,3.4rem)}
 body .eko-hero-reveal .hero-badge{margin-bottom:18px}
 .eko-hero-caption{margin-top:20px}
}
@media(prefers-reduced-motion:reduce){.eko-hero-frame *{transition:none!important}}