/* Potential → Clarity → Space → Connection. Default content is readable without JavaScript or video. */
.scroll-film{position:relative;background:#14293c;color:#fdffff;isolation:isolate}
.film-stage{position:relative}
.film-media{display:none;position:absolute;inset:0;overflow:hidden;pointer-events:none}
.film-media>img,.film-media>video,.film-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.film-media>video{opacity:0}.film-ready .film-media>video{opacity:1}
.film-media>.film-connection-overlay{opacity:0}
.film-shade{background:linear-gradient(90deg,#10273725 0%,transparent 65%)}
.film-panel{position:relative;min-height:900px;display:flex;align-items:center;isolation:isolate}
.film-panel::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#10273730,transparent 75%);pointer-events:none}
.film-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}
.film-copy{position:relative;z-index:2;width:61%;max-width:960px;padding:150px var(--gutter) 115px}
.film-copy .eyebrow{font-size:12px;letter-spacing:.14em;margin-bottom:30px;line-height:1.6}
.film-copy h1{font-size:clamp(56px,6.1vw,94px);line-height:1.03;letter-spacing:-.052em;margin:0 0 26px}
.film-copy h1 em{font-style:normal;color:#e7d6be}
.film-copy h2{font-size:clamp(48px,5vw,76px);line-height:1.08;letter-spacing:-.045em;margin:0 0 30px}
.film-promise{font-size:17px;line-height:1.7;margin:0 0 18px;color:#e5e9ec}
.film-description{font-size:15px;line-height:1.75;max-width:455px;color:#ccd5da;margin-bottom:28px}
.film-links{display:flex;gap:28px;max-width:560px}
.film-links>a{font-size:14px;padding:12px 0;display:flex;align-items:center;gap:25px;justify-content:space-between;border-bottom:1px solid #fdffff60;white-space:nowrap}
.film-links>a:hover{color:#e7d6be;border-color:#e7d6be}
.film-links.stacked{flex-direction:column;gap:0;max-width:415px}
.film-links.stacked>a{white-space:normal}
.film-foundations{display:flex;gap:35px;margin:32px 0 28px;font-size:14px;color:#e7d6be}
.film-foundations span{padding-top:12px;border-top:1px solid #e7d6be60;min-width:80px}
.film-foot{display:none;position:absolute;bottom:53px;left:var(--gutter);right:var(--gutter);z-index:5;align-items:center;justify-content:space-between;gap:30px}
.film-foot>div{display:flex;gap:20px;align-items:center}
.film-chapter-label,.film-next{font-size:13px;line-height:1.5;color:#d7dfe3}
.film-next{display:flex;gap:20px;align-items:center;padding:8px 0;border-bottom:1px solid #fdffff44}
.film-next:hover{color:#e7d6be;border-color:#e7d6be}
.film-track{height:1px;width:75px;background:#fdffff33;display:block;overflow:hidden}
.film-track>span{display:block;height:100%;width:100%;background:#e7d6be;transform-origin:left;transform:scaleX(0)}
.film-access{position:relative;display:flex;justify-content:space-between;gap:25px;padding:24px var(--gutter);border-top:1px solid #fdffff25;font-size:12px;color:#c4d0d7}
.film-access>a{border-bottom:1px solid #c4d0d760}
.film-enhanced{height:580svh;min-height:4756px}
.film-enhanced .film-stage{position:sticky;top:0;height:100svh;min-height:700px;overflow:hidden}
.film-enhanced .film-media{display:block}
.film-enhanced .film-panel{position:absolute;inset:0;min-height:0;align-items:center}
.film-enhanced .film-poster{display:none}
.film-enhanced .film-panel::after{display:none}
.film-enhanced .film-copy{padding-top:130px;padding-bottom:110px}
.film-enhanced .film-beat{will-change:transform,opacity}
.film-enhanced .film-panel:not(.film-hero) .film-beat{opacity:0}
.film-enhanced .film-foot{display:flex}
.film-enhanced .film-access{position:absolute;right:var(--gutter);bottom:18px;left:auto;padding:0;border:0;font-size:10px;color:#aebdc6}
.film-enhanced .film-access>a{display:none}
.following-chapters .chapter-nav{position:relative}
@media(max-height:950px) and (min-width:1000px){
 .film-enhanced .film-copy h1{font-size:clamp(58px,5.2vw,76px)}
 .film-enhanced .film-copy h2{font-size:clamp(48px,4.8vw,64px)}
 .film-enhanced .film-copy .eyebrow{margin-bottom:22px}
 .film-enhanced .film-description{margin-bottom:20px;max-width:440px}
 .film-enhanced .film-promise{margin-bottom:14px}
 .film-enhanced .film-copy h1{margin-bottom:22px}
 .film-enhanced .film-foot{bottom:39px}
 .film-enhanced .film-access{bottom:13px}
}
@media(max-width:1100px){.film-copy{width:72%}.film-links{gap:20px}.film-links>a{gap:15px}.film-foundations{gap:25px}}
@media(max-width:759px){
 .film-panel{min-height:820px;align-items:center}
 .film-copy{width:100%;max-width:660px;padding:135px var(--gutter) 85px}
 .film-copy h1{font-size:clamp(48px,10.8vw,75px)}
 .film-copy h2{font-size:clamp(41px,8.6vw,62px)}
 .film-copy .eyebrow{font-size:10px;letter-spacing:.1em;margin-bottom:28px}
 .film-promise{font-size:16px}
 .film-description{font-size:15px;max-width:410px}
 .film-links{flex-direction:column;gap:8px;max-width:330px}
 .film-links>a{font-size:14px}
 .film-panel::after{background:linear-gradient(90deg,#10273780,#10273720)}
 .film-poster{object-position:45% center}
 .film-clarity{min-height:740px}
 .film-clarity .film-copy{padding-top:85px;padding-bottom:80px}
 .film-foundations{font-size:13px;gap:28px;margin:30px 0 25px}
 .film-access{font-size:11px;flex-wrap:wrap}
}
@media(prefers-reduced-motion:reduce){.film-beat{transform:none!important;opacity:1!important;will-change:auto!important}.film-media{display:none!important}}

/* Keep body copy and service links readable across all fallback layouts. */
.film-description{font-size:1rem}
.film-copy .eyebrow,.film-links>a,.film-foundations,.film-chapter-label,.film-next{font-size:.875rem}
.film-access{font-size:.75rem}
.film-capabilities{display:flex;flex-wrap:wrap;gap:12px 22px;list-style:none;padding:0;margin:0 0 26px;max-width:430px;color:#e7d6be;font-size:.875rem}
.film-capabilities li{padding:8px 0;border-top:1px solid #e7d6be60}
.film-panel:not(.film-hero) .film-copy{max-width:970px}
.digital-demonstration{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px;padding:100px var(--gutter);background:#14293c;color:#fdffff}
.digital-demonstration .demo-wrap{position:relative;top:auto;right:auto;width:100%;max-width:500px;justify-self:end;transform:none}
.digital-demonstration h2{font-size:clamp(40px,4vw,62px);line-height:1.12;margin:20px 0 28px}
.digital-demonstration .demo-intro{max-width:440px}
.digital-demonstration .demo-intro>p:not(.eyebrow){font-size:1rem;line-height:1.8;color:#c4d0d7}
.chapter-nav{position:relative}
@media(max-width:999px){.film-copy{width:100%;max-width:700px}.film-panel::after{background:linear-gradient(90deg,#10273795,#10273725)}.digital-demonstration{grid-template-columns:1fr;gap:40px;padding-top:75px;padding-bottom:75px}.digital-demonstration .demo-wrap{justify-self:start}}

/* Final reveal: a fifth panel, numbered 04 after the opening hero. */
.home-film.film-enhanced{height:772svh;min-height:6330px}
.home-film .film-media>.film-reveal-video{opacity:0}
.home-film .film-shade{opacity:calc(1 - var(--reveal-light,0))}
.home-film .film-whole{color:var(--ink,#14293c);background:var(--sand,#e7d6be)}
.home-film .film-whole::after{background:linear-gradient(90deg,#e7d6be75,transparent 75%)}
.home-film.film-enhanced .film-whole{background:transparent}
.home-film .film-whole .eyebrow,.home-film .film-whole h2,.home-film .film-whole strong,.home-film .film-whole .film-links>a{color:var(--ink,#14293c)}
.home-film .film-whole .film-description{color:var(--ink,#14293c)}
.home-film .film-whole .film-links>a{border-color:#14293c66}
.home-film .film-whole .film-links>a:hover{color:var(--graphite,#5c7380);border-color:currentColor}
.home-film.film-light .film-chapter-label,.home-film.film-light .film-next,.home-film.film-light .film-access{color:var(--ink,#14293c)}
.home-film.film-light .film-next{border-color:#14293c66}
.home-film.film-light .film-track{background:#14293c33}
.home-film.film-light .film-track>span{background:var(--ink,#14293c)}
.home-practices{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px;background:var(--pearl,#fdffff);color:var(--ink,#14293c)}
.home-practices h2{margin-bottom:0}
.home-practice-links>a{display:flex;justify-content:space-between;gap:24px;padding:26px 0;border-bottom:1px solid var(--iron,#d8dcdb);font-size:clamp(20px,2vw,30px);font-weight:500}
.home-practice-links>a:hover{color:var(--graphite,#5c7380)}
html[lang=ar] .home-film .film-whole::after{background:linear-gradient(270deg,#e7d6be75,transparent 75%)}
@media(max-width:999px){.home-practices{grid-template-columns:1fr;gap:24px}.home-film .film-whole::after{background:#e7d6be95}}