.managed-main-section{position:relative;isolation:isolate;min-height:calc(100svh - var(--header-height,80px));background:#252827;color:#fff;overflow:hidden;display:flex;align-items:flex-end}
.managed-main-scroll-track{position:relative;height:var(--main-scroll-height);overflow:visible;background:#252827}
.managed-main-images img{position:absolute;inset:0}
.managed-main-actions .video-sound{padding:0}
.managed-main-scroll-track>.managed-main-scroll-scene{position:sticky;top:var(--main-scene-top,0px);height:var(--main-scene-height);min-height:var(--main-scene-height)}
.managed-main-media,.managed-main-images{position:absolute;inset:0;z-index:-2}.managed-main-media video,.managed-main-media iframe,.managed-main-images img{display:block;width:100%;height:100%;border:0;object-fit:cover}.managed-main-images img[hidden]{display:none}
.managed-main-media iframe{background:#111}.managed-main-section[data-section="1"]{min-height:calc(100svh - var(--header-height,80px))}.managed-main-section[data-section="1"] .managed-main-media{bottom:0}.managed-main-section[data-section="1"] .managed-main-media video{object-fit:cover}
.managed-main-section:not([data-section="1"]):after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 20%,rgba(0,0,0,.65) 100%);pointer-events:none}
.managed-main-copy{width:calc(100% - var(--page-gutter,20px) * 2);padding-top:100px;padding-bottom:50px}.managed-main-text{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end}.managed-main-text h2{font-size:clamp(32px,4.5vw,72px);line-height:1.25;white-space:pre-line;overflow-wrap:anywhere;margin:22px 0}.managed-main-text p{white-space:pre-line;line-height:1.75;overflow-wrap:anywhere}.managed-main-slogan{font-size:18px}
.managed-main-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-top:25px}.managed-main-actions a,.managed-main-actions button{border:1px solid rgba(255,255,255,.7);background:rgba(0,0,0,.22);color:white;padding:14px 20px;font:inherit;text-decoration:none;cursor:pointer}.managed-main-actions [hidden]{display:none}.managed-main-actions a:hover,.managed-main-actions button:hover{background:rgba(0,0,0,.5)}.managed-main-actions :focus-visible{outline:3px solid white;outline-offset:4px}.managed-main-count{min-width:48px;text-align:center}
@media(max-width:800px){.managed-main-text{grid-template-columns:1fr;gap:14px}.managed-main-copy{padding-top:70px;padding-bottom:32px}.managed-main-text h2{font-size:36px}.managed-main-text p{font-size:14px}.managed-main-actions{gap:8px}.managed-main-actions a,.managed-main-actions button{padding:11px 13px;font-size:13px}}

/* Background films fill their viewport; player chrome stays outside the crop. */
.managed-main-section[data-section="1"]{height:calc(100svh - var(--header-height,80px));min-height:0}
.managed-main-section[data-section="1"] .managed-main-media{overflow:hidden}
.managed-main-section[data-section="1"] .managed-main-media iframe{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-width:none;pointer-events:auto}
.managed-main-section[data-section="1"] .managed-main-copy{pointer-events:none;padding-top:0}
.managed-main-section[data-section="1"] .managed-main-actions{pointer-events:auto;width:fit-content}

.managed-main-section>.managed-main-playback{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:56px;height:56px;padding:0;border:0;border-radius:50%;background:rgba(0,0,0,.5);color:#fff;cursor:pointer;z-index:1}
.managed-main-section>.managed-main-playback:focus-visible{outline:3px solid white;outline-offset:4px}
@media(max-width:800px){.managed-main-section>.managed-main-playback{width:44px;height:44px}.managed-main-playback svg{width:18px;height:18px}}

.managed-main-actions button:disabled{opacity:.5;cursor:wait}


/* The managed rolling scene shares the production intro markup and motion hooks. */
.managed-main-section[data-section="3"]:after{background:linear-gradient(to bottom,transparent 32%,rgba(34,34,33,.48) 65%,rgba(34,34,33,.64))}
.managed-main-section[data-section="3"]>.intro-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;padding:40px 0 80px;align-items:end}
.managed-main-section[data-section="3"] .slogan{color:#fff;margin:0;font-size:15px;line-height:1.4}
.managed-main-section[data-section="3"] h1{font-size:clamp(40px,3.75vw,60px);line-height:1.22;letter-spacing:-.04em;margin:0;overflow-wrap:anywhere}
.managed-main-section[data-section="3"] .body-copy{color:#fff;margin:0;overflow-wrap:anywhere}
.managed-main-section[data-section="3"] .intro-actions [hidden]{display:none}
.managed-main-section[data-section="1"]{scroll-margin-top:var(--header-height,80px)}
@media(max-width:1100px){.managed-main-section[data-section="3"]>.intro-grid{gap:28px}}
@media(max-width:800px){
 .managed-main-section[data-section="3"]:after{background:linear-gradient(to bottom,rgba(34,34,33,.06),rgba(34,34,33,.55) 50%,rgba(34,34,33,.68))}
 .managed-main-section[data-section="3"]>.intro-grid{grid-template-columns:1fr;padding:28px 0 32px;gap:20px}
 .managed-main-section[data-section="3"] h1{font-size:36px}
}
@media(max-width:380px){.managed-main-section[data-section="3"] h1{font-size:32px}}
