/* Desktop edge-to-edge composition. Prior layout stays available to cached pages. */
@media(min-width:901px){
 body .eko-floor-section>.container{width:100%;max-width:none;padding-inline:0}
 #eko-floor-hero{max-width:none;width:100%;margin-inline:0;--eko-edge-plane:52.244898vw;--eko-edge-height:max(min(var(--eko-edge-plane),calc(100svh - var(--eko-header-height,80px) - 56px)),calc(35.153061vw + 20px));--eko-edge-top:calc(var(--eko-edge-height) - var(--eko-edge-plane))}
 #eko-floor-hero .scene{height:var(--eko-edge-height);aspect-ratio:auto;overflow:hidden}
 /* Move the complete photograph/leader/label coordinate plane together. */
 #eko-floor-hero .photograph{top:var(--eko-edge-top);height:var(--eko-edge-plane);width:78.367347%;-webkit-mask-image:linear-gradient(to right,#000 0 88%,transparent 100%);mask-image:linear-gradient(to right,#000 0 88%,transparent 100%)}
 #eko-floor-hero .leaders{inset:auto 0 auto;top:var(--eko-edge-top);width:100%;height:var(--eko-edge-plane)}
 #eko-floor-hero .layers{inset:auto 0 auto;top:var(--eko-edge-top);width:100%;height:var(--eko-edge-plane)}
 /* A full-width scrim removes the old rectangular edge behind the headline. */
 #eko-floor-hero .scene::before{width:100%;height:54%;background:linear-gradient(180deg,rgba(8,14,6,.9),rgba(8,14,6,.55) 56%,rgba(8,14,6,0))}
 #eko-floor-hero .eko-hero-copy{left:clamp(24px,3.1vw,58px);top:20px}
 #eko-floor-hero figcaption,#eko-floor-hero .controls,#eko-floor-hero .playback,#eko-floor-hero .preview-note,#eko-floor-hero .asset-status,#eko-floor-hero .eko-hero-details{margin-left:clamp(24px,3.1vw,58px);margin-right:clamp(24px,3.1vw,58px)}
}

/* Mobile callouts use the same source layer endpoints as the desktop leaders. */
#eko-floor-hero .mobile-leaders{display:none;position:absolute;inset:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:2}
#eko-floor-hero .mobile-leaders[hidden]{display:none!important}
#eko-floor-hero .mobile-leaders path{fill:none;stroke:#b7c7a7;stroke-width:1;opacity:.66;stroke-linecap:round;stroke-linejoin:round}
#eko-floor-hero .mobile-leaders .point{fill:#d1e5bb;stroke:#17200e;stroke-width:.8}
#eko-floor-hero .mobile-leaders .marker{fill:#10160e;stroke:#c2d9a9;stroke-width:1}
#eko-floor-hero .mobile-leaders text{fill:#f1f7e9;font:600 9.5px 'Work Sans',Arial,sans-serif;text-anchor:middle;dominant-baseline:central}
#eko-floor-hero .mobile-leaders g.active path{stroke:#c1e88f;stroke-width:1.7;opacity:1}
#eko-floor-hero .mobile-leaders g.active .marker{fill:#b4d57e;stroke:#dbf5b8}
#eko-floor-hero .mobile-leaders g.active text{fill:#122007}
@media(max-width:900px){
 #eko-floor-hero .mobile-leaders{display:block}
 #eko-floor-hero .layers{--floor-guide-rows:2;height:132px;min-height:0;grid-template-rows:repeat(var(--floor-guide-rows),minmax(0,1fr));align-content:stretch}
 #eko-floor-hero .layers:has(li:nth-child(5)){--floor-guide-rows:3}
 #eko-floor-hero .layers li{position:relative;inset:auto;display:block;min-height:0;padding:13px 0 2px;border-color:#7c8b6b}
 #eko-floor-hero .layers .number{position:absolute;left:0;top:-8px;width:18px;height:18px;font-size:10px;background:#10160e;z-index:1}
 #eko-floor-hero .layers li>div{min-width:0}
 #eko-floor-hero .layers strong{font-size:12px;line-height:1.2}
 #eko-floor-hero figcaption{padding-top:5px;padding-bottom:8px}
}
@media(max-width:600px){
 #eko-floor-hero .hero-badge{display:none}
}

/* A late tour scroll callback must not revive the spotlight after the tour closes. */
body:has(#eko-floor-hero) #tour-overlay:not(.active) + .tour-spotlight{display:none!important}