/* The film and team ranking share a normal-flow column, away from the headline. */
.spotlight--film .spotlight-visual{inset:0;opacity:.2;pointer-events:none}
.spotlight--film .spotlight-visual:after{background:linear-gradient(90deg,#071c32 0%,#071c32c9 46%,#071c3233 100%)}
.spotlight--film .spotlight-inner{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);align-items:start;column-gap:clamp(36px,4.5vw,72px);row-gap:0;width:100%;min-height:700px;padding-top:48px;padding-bottom:48px}
.spotlight--film .spotlight-copy{grid-column:1;grid-row:1;align-self:end;max-width:620px;min-width:0;margin:0}
.spotlight-conversion{grid-column:1;grid-row:2;align-self:start;max-width:620px;min-width:0;margin-top:31px}
.spotlight-conversion .spotlight-promise{margin-top:0}
.spotlight--film .spotlight-claim{gap:clamp(16px,2vw,26px)}
.spotlight--film .spotlight-number{font-size:clamp(126px,12.5vw,180px)}
.spotlight--film h1{font-size:clamp(35px,3.15vw,50px)}
.spotlight-media-column{grid-column:2;grid-row:1 / span 2;display:grid;gap:26px;min-width:0;align-self:center}
.hero-film{margin:0;min-width:0}
.hero-film-frame{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:#071c32;border:1px solid #ffffff4d;box-shadow:0 18px 55px #0003}
.hero-film-poster,.hero-film video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.hero-film video{opacity:0}
.hero-film.has-played:not(.show-poster) video{opacity:1}
.hero-film-toggle{position:absolute;right:12px;bottom:12px;z-index:2;display:flex;align-items:center;gap:9px;min-height:44px;padding:10px 15px;border:1px solid #fff;border-radius:0;background:#071c32eb;color:#fff;font:600 13px/1.3 var(--sans);cursor:pointer}
.hero-film-toggle[hidden]{display:none}
.hero-film-toggle:hover{background:#071c32}
.hero-film-toggle:focus-visible{outline:3px solid #fff;outline-offset:4px;box-shadow:0 0 0 7px #071c32}
.hero-film-toggle-icon{display:inline-block;min-width:12px;text-align:center}
.hero-film figcaption{margin-top:11px;color:#e0e8ef;font-size:11px;line-height:1.55;letter-spacing:.025em}
.spotlight--film .spotlight-ranking{position:static;inset:auto;width:100%;margin:0;padding:23px 27px 25px;box-shadow:none}
.spotlight--film .ranking-kicker{font-size:11px}
.spotlight--film .spotlight-ranking>div{gap:25px}
.spotlight--film .ranking-number{font-size:100px;min-width:142px}
.spotlight--film .spotlight-ranking strong{font-size:19px}
.spotlight--film .spotlight-ranking strong+span{font-size:12px}
@media(min-width:1700px){.spotlight--film .spotlight-inner{max-width:1648px;padding-left:104px;padding-right:104px}.spotlight--film h1{font-size:51px}}
@media(max-width:1100px){
  .spotlight--film .spotlight-inner{grid-template-columns:minmax(0,1fr);gap:34px;min-height:0;padding-top:36px;padding-bottom:36px}
  .spotlight--film .spotlight-copy{grid-column:auto;grid-row:auto;width:100%;max-width:620px;margin-inline:auto}
  .spotlight-media-column{grid-column:auto;grid-row:auto;width:100%;max-width:760px;margin-inline:auto}
  .spotlight-conversion{grid-column:auto;grid-row:auto;width:100%;max-width:620px;margin:0 auto}
  .spotlight--film .spotlight-number{font-size:160px}
  .spotlight--film h1{font-size:46px}
  .spotlight--film .spotlight-ranking{padding:22px 26px}
}
@media(max-width:900px){
  .spotlight--film{display:block}
  .spotlight--film .spotlight-visual{position:absolute;inset:0;height:100%;z-index:-1;opacity:.15}
  .spotlight--film .spotlight-visual:after{background:linear-gradient(180deg,#071c32b8,#071c32e8)}
  .spotlight--film .spotlight-inner{display:grid;gap:26px;padding:30px 24px}
  /* DOM and visual order agree: identity, people and rank, then contact invitation. */
  .spotlight--film .spotlight-copy,.spotlight-conversion{max-width:460px}
  .spotlight--film .spotlight-claim{gap:18px}
  .spotlight--film .spotlight-number{font-size:clamp(110px,31vw,146px)}
  .spotlight--film h1{font-size:clamp(29px,7.8vw,39px)}
  .spotlight-media-column{gap:22px;max-width:620px}
  .spotlight--film .spotlight-ranking{padding:18px 21px 21px}
  .spotlight--film .ranking-kicker{font-size:9px}
  .spotlight--film .spotlight-ranking>div{gap:22px}
  .spotlight--film .ranking-number{font-size:78px;min-width:120px}
  .spotlight--film .spotlight-ranking strong{font-size:16px}
  .spotlight--film .spotlight-ranking strong+span{font-size:11px}
  .hero-film-toggle{right:10px;bottom:10px;padding:10px 12px;font-size:12px}
}
@media(max-width:480px){
  /* Use the complete screen width for both people, retaining a full 16:9 image. */
  .hero-film{margin-inline:-24px}
  .hero-film-frame{border-left:0;border-right:0}
  .hero-film figcaption{padding-inline:24px}
}
@media(max-width:360px){
  .spotlight--film .spotlight-inner{padding-left:20px;padding-right:20px}
  .spotlight--film .spotlight-claim{gap:13px}
  .spotlight--film h1{font-size:28px}
  .spotlight--film .spotlight-number{font-size:108px}
  .spotlight--film .spotlight-ranking{padding-inline:17px}
  .spotlight--film .spotlight-ranking>div{gap:14px}
  .spotlight--film .ranking-number{min-width:107px;font-size:72px}
  .spotlight--film .spotlight-ranking strong{font-size:15px}
  .hero-film{margin-inline:-20px}
  .hero-film figcaption{padding-inline:20px}
}

/* Wide film opening; credentials remain readable outside the moving image. */
.spotlight--film .spotlight-inner{max-width:none;padding:0;grid-template-columns:1fr 1fr;gap:0;min-height:0}
.spotlight--film .hero-film{grid-column:1 / -1;grid-row:1;width:100%;margin:0;background:#030a10}
.spotlight--film .hero-film-frame{max-height:80vh;max-height:80svh;aspect-ratio:16/9;border:0;box-shadow:none;background:#030a10}
.spotlight--film .hero-film figcaption{margin:0;padding:12px clamp(24px,5vw,88px);color:#bacbd7}
.spotlight--film .spotlight-copy{grid-column:1;grid-row:2;align-self:center;max-width:none;margin:0;padding:42px clamp(24px,5vw,88px)}
.spotlight--film .spotlight-ranking{grid-column:2;grid-row:2;align-self:center;justify-self:center;width:calc(100% - 96px);max-width:560px;padding:28px;margin:0}
.spotlight--film .spotlight-conversion{grid-column:1 / -1;grid-row:3;max-width:none;width:100%;padding:0 clamp(24px,5vw,88px) 42px;margin:0;box-sizing:border-box}
.spotlight--film .spotlight-conversion .spotlight-promise h2{font-size:clamp(28px,3vw,42px)}
.hero-film-fullscreen{position:absolute;z-index:2;left:16px;bottom:16px;display:flex;align-items:center;gap:8px;min-height:48px;padding:12px 18px;color:white;background:#071c32ed;border:1px solid #fff;font:600 14px/1.3 var(--sans);cursor:pointer}
.hero-film-fullscreen[hidden]{display:none}
.hero-film-fullscreen span{font-size:24px;line-height:1}
.hero-film-fullscreen:focus-visible{outline:3px solid white;outline-offset:4px}
.hero-film-frame:fullscreen{width:100vw;height:100vh;max-height:none!important;aspect-ratio:auto;background:#000}
.hero-film-frame:fullscreen video{object-fit:contain}
.hero-film-frame.is-expanded{position:fixed!important;inset:0;z-index:10000;width:100vw;height:100dvh;max-height:none!important;aspect-ratio:auto;background:#000}
@media(min-width:901px){
.spotlight--film .spotlight-inner{grid-template-columns:minmax(0,1fr) minmax(0,750px) minmax(0,750px) minmax(0,1fr)}
.spotlight--film .spotlight-copy{grid-column:2;padding:42px 36px}
.spotlight--film .spotlight-ranking{grid-column:3;width:calc(100% - 72px)}
.spotlight--film .spotlight-conversion{grid-column:2 / 4;padding:0 36px 42px}
}
@media(max-width:900px){
.spotlight--film .spotlight-inner{grid-template-columns:minmax(0,1fr);padding:0;gap:0}
.spotlight--film .hero-film{grid-column:1;grid-row:1;margin:0}
.spotlight--film .spotlight-copy{grid-column:1;grid-row:2;width:100%;max-width:540px;padding:30px 24px;box-sizing:border-box}
.spotlight--film .spotlight-ranking{grid-column:1;grid-row:3;width:calc(100% - 48px);max-width:492px;margin:0 24px 30px;padding:22px;box-sizing:border-box}
.spotlight--film .spotlight-conversion{grid-column:1;grid-row:4;padding:0 24px 30px;max-width:540px}
.hero-film-fullscreen{left:10px;bottom:10px;min-height:44px;padding:9px 12px;font-size:12px}
.spotlight--film .hero-film figcaption{padding:10px 24px;font-size:10px}
}