.division-filmstrip{padding:8px 8.5% 30px;background:#fff}.filmstrip-heading{display:flex;align-items:center;justify-content:space-between;padding:16px 2px 14px}.filmstrip-count{font:700 10px var(--display);letter-spacing:.12em;color:#6e8aa8}.filmstrip-stage{height:470px;position:relative;overflow:hidden;border-radius:30px;background:#183c62;isolation:isolate}.film-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transform:translateX(3%);transition:opacity 1s ease,transform 1.1s cubic-bezier(.2,.7,.2,1),visibility 1s}.film-slide.is-active{opacity:1;visibility:visible;transform:translateX(0);z-index:1}.film-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}.film-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,29,52,.78) 0%,rgba(12,38,65,.52) 46%,rgba(10,31,52,.10) 100%),linear-gradient(0deg,rgba(9,29,52,.28),transparent 55%);z-index:-1}.film-copy{position:absolute;left:8%;top:50%;transform:translateY(-50%);max-width:550px;color:#fff}.film-kicker{font-size:10px;letter-spacing:.19em;font-weight:800;color:#d4e7fa}.film-copy h2{font:800 clamp(37px,5vw,64px)/1.07 var(--display);letter-spacing:-2.8px;color:#fff;margin:19px 0 15px}.film-copy p{font-size:13px;line-height:1.8;color:#e4edf7;max-width:430px;margin-bottom:24px}.film-link{display:inline-flex;align-items:center;gap:25px;padding:13px 19px;border-radius:999px;background:#fff;color:#1b4b7b;font-size:11px;font-weight:800;transition:background .2s,transform .2s}.film-link:hover{background:#e8f3ff;transform:translateY(-2px)}.film-link span{font-size:15px}.film-wordmark{position:absolute;right:5%;bottom:8%;font:800 clamp(34px,6vw,76px) var(--display);letter-spacing:-.05em;color:#ffffff20}.filmstrip-controls{position:absolute;z-index:5;right:5%;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:11px;align-items:center}.film-dot{border:0;background:transparent;padding:4px;cursor:pointer;width:24px;height:24px;display:grid;place-items:center}.film-dot span{width:6px;height:6px;border-radius:99px;background:#ffffff85;transition:width .25s,background .25s}.film-dot.is-active span{width:21px;background:#fff}.film-pause{margin-top:9px;width:30px;height:30px;border:1px solid #ffffff65;background:#ffffff20;color:#fff;border-radius:50%;cursor:pointer;font-size:11px}.filmstrip-credit{text-align:right;padding:9px 4px 0;color:#8aa0b8;font-size:9px}.filmstrip-credit a{color:#4d7fae;text-decoration:underline;text-underline-offset:2px}.brand-mark img{object-fit:contain}.site-header .brand-mark,.brand-footer .brand-mark{width:42px;height:42px}@media(max-width:760px){.division-filmstrip{padding:0 5% 25px}.filmstrip-stage{height:400px;border-radius:24px}.film-copy{left:7%;right:15%;max-width:none}.film-copy h2{font-size:clamp(34px,8vw,50px);letter-spacing:-2px}.film-copy p{font-size:12px}.filmstrip-controls{right:4%;gap:7px}.film-wordmark{font-size:48px;bottom:7%}.filmstrip-credit{font-size:8px}.filmstrip-heading{padding-top:8px}}@media(max-width:460px){.filmstrip-stage{height:390px}.film-copy{right:16%}.film-copy h2{font-size:37px}.film-copy p{font-size:11px}.film-kicker{font-size:8px}.filmstrip-credit{text-align:left;line-height:1.8}}@media(prefers-reduced-motion:reduce){.film-slide{transition:none}.film-link{transition:none}}

/* Full-bleed Sri Lankan footage behind the homepage hero copy */
.hero{display:flex;align-items:center;min-height:min(760px,calc(100svh - 92px));padding:110px 9% 100px;position:relative;isolation:isolate;overflow:hidden;background:#102f50;border-radius:0 0 32px 32px}
.hero-copy{width:min(690px,100%);padding:0;z-index:3;color:#fff}
.hero .eyebrow{color:#d9e9f8}.hero .eyebrow-line{background:#a9d2fa}
.hero h1{color:#fff;font-size:clamp(54px,7.2vw,94px);line-height:1.02;letter-spacing:-5.5px;margin:25px 0}
.hero h1 em{color:#c9e3ff}
.hero-intro{max-width:570px;color:#eef5fc;font-size:16px;line-height:1.85;text-shadow:0 1px 12px #071c32}
.hero-proof{color:#e1edf9}.hero-proof strong{color:#fff}
.hero-video-backdrop{position:absolute;inset:0;z-index:-1;overflow:hidden;background:#102f50}
.hero-bg-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 48%;opacity:0;transform:scale(1.035);transition:opacity 1.5s ease,transform 10s linear}
.hero-bg-video.is-visible{opacity:1;transform:scale(1)}
.hero-video-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,24,44,.82) 0%,rgba(7,31,55,.65) 42%,rgba(8,34,59,.22) 100%),linear-gradient(0deg,rgba(5,24,44,.42),transparent 48%,rgba(5,24,44,.18))}
.hero-video-caption{position:absolute;right:6%;bottom:35px;color:#fff;font-size:9px;font-weight:800;letter-spacing:.17em;display:flex;align-items:center;gap:9px;text-shadow:0 1px 8px #071c32}
.hero-video-caption span{font-size:18px}
.hero-video-progress{position:absolute;right:6%;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:8px}
.hero-video-progress span{display:block;width:3px;height:22px;border-radius:9px;background:#ffffff70;transition:height .3s,background .3s}
.hero-video-progress span.is-current{height:42px;background:#fff}
.hero .hero-actions{gap:13px}.hero .button-dark{background:#fff;color:#174b7c}.hero .button-dark:hover{background:#eaf4ff}
.hero .button-light{background:#ffffff18;border-color:#ffffff80;color:#fff;backdrop-filter:blur(10px)}.hero .button-light:hover{background:#ffffff2b}
@media(max-width:650px){.hero{min-height:calc(100svh - 74px);padding:85px 7% 90px;border-radius:0 0 23px 23px}.hero h1{font-size:clamp(48px,12vw,68px);letter-spacing:-3.6px}.hero-intro{font-size:13px;max-width:95%}.hero-video-shade{background:linear-gradient(90deg,rgba(5,24,44,.78),rgba(7,31,55,.42)),linear-gradient(0deg,rgba(5,24,44,.4),transparent 60%)}.hero-video-caption{left:7%;right:auto;bottom:23px;font-size:8px}.hero-video-progress{right:5%;gap:6px}.hero-video-progress span{height:17px}.hero-video-progress span.is-current{height:31px}}
@media(prefers-reduced-motion:reduce){.hero-bg-video{transition:none;transform:none}.hero-video-progress{display:none}}


/* Video reliability and explicit stacking: keep footage above the hero paint layer */
.hero{isolation:isolate}
.hero-video-backdrop{z-index:0;pointer-events:none;background:#102f50 url('https://images.unsplash.com/photo-1588598198321-9735fd5f7b5a?auto=format&fit=crop&w=2000&q=90') center 46%/cover no-repeat}
.hero-copy{position:relative;z-index:3}
.hero-bg-video{z-index:0;display:block;background:#173c45}
.hero-video-shade{z-index:1;pointer-events:none}
.hero-video-caption,.hero-video-progress{z-index:2}
.hero-bg-video.has-video-error{opacity:0!important}
@media(prefers-reduced-motion:reduce){
  .hero-bg-video{transition:none}
}

/* Explicit DOM image fallback and deterministic hero stacking */
.hero{position:relative;isolation:isolate;background:#263638!important}
.hero-copy{position:relative!important;z-index:5!important}
.hero-video-backdrop{position:absolute!important;inset:0!important;z-index:1!important;display:block!important;overflow:hidden}
.hero-bg-fallback{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:center 46%;z-index:0}
.hero-bg-video{z-index:1!important}
.hero-video-shade{z-index:2!important}
.hero-video-caption,.hero-video-progress{z-index:3!important}