/* Campaign player: video and controls remain together in every viewing mode. */
.live-action-landing #campaign-player{position:absolute;inset:0;pointer-events:none}
.live-action-landing #campaign-player .hero-video-wrap{transform:none}
.live-action-landing #campaign-player #hero-film{pointer-events:auto}
.live-action-landing #campaign-player .film-canvas-ui{position:absolute;inset:0;display:block;height:100%;padding:0;z-index:5;pointer-events:none}
.live-action-landing #campaign-player .film-controls{position:absolute;right:max(56px,calc((100vw - 1320px)/2));bottom:38px;display:flex;align-items:center;gap:16px;pointer-events:auto}
.live-action-landing #campaign-player .film-controls[hidden]{display:none!important}
.live-action-landing #campaign-player .film-control{display:grid;place-items:center;position:relative;min-width:44px;width:44px;height:44px;min-height:44px;padding:9px;border:1px solid #ffffffb3;border-radius:50%;background:#142f3524;box-shadow:none;backdrop-filter:blur(10px);color:#fff;cursor:pointer;transition:background .18s,border-color .18s,transform .18s}
.live-action-landing #campaign-player .film-control:hover{background:#183a3f6b;border-color:#fff;transform:translateY(-2px)}
.live-action-landing #campaign-player .film-control:focus-visible{outline:3px solid #fff;outline-offset:5px}
.live-action-landing #campaign-player .film-control[aria-pressed="true"]{background:#ffffff24}
.live-action-landing #campaign-player .film-control svg{display:none;width:24px;height:24px;flex:none}
.live-action-landing #campaign-player .film-control[data-state="off"] .icon-off,
.live-action-landing #campaign-player .film-control[data-state="on"] .icon-on,
.live-action-landing #campaign-player .film-control[data-state="playing"] .icon-playing,
.live-action-landing #campaign-player .film-control[data-state="paused"] .icon-paused,
.live-action-landing #campaign-player .film-control[data-state="muted"] .icon-muted,
.live-action-landing #campaign-player .film-control[data-state="audible"] .icon-audible,
.live-action-landing #campaign-player .film-control[data-state="enter"] .icon-enter,
.live-action-landing #campaign-player .film-control[data-state="exit"] .icon-exit{display:block}
.live-action-landing #campaign-player .film-control:after{content:attr(aria-label);position:absolute;bottom:calc(100% + 13px);left:50%;transform:translateX(-50%);padding:6px 9px;border-radius:4px;background:#183438e8;color:white;white-space:nowrap;font:500 11px/1.5 var(--font);letter-spacing:-.02em;opacity:0;pointer-events:none;transition:opacity .15s}
.live-action-landing #campaign-player .film-control:hover:after,.live-action-landing #campaign-player .film-control:focus-visible:after{opacity:1}
.live-action-landing #campaign-player .film-start{position:absolute;top:50%;right:12%;transform:translateY(-50%);pointer-events:auto;margin:0}
.live-action-landing #campaign-player .film-caption{position:absolute;left:50%;bottom:112px;transform:translateX(-50%);max-width:min(720px,86%);width:max-content;padding:9px 17px;border-radius:5px;background:#10272dde;box-shadow:0 2px 12px #0002;color:#fff;font:500 clamp(16px,1.5vw,22px)/1.55 var(--font);letter-spacing:-.035em;text-align:center;white-space:pre-line;pointer-events:none;text-shadow:0 1px 2px #0005}
.live-action-landing #campaign-player .film-caption[hidden]{display:none!important}
.live-action-landing #campaign-player #hero-film::cue{background:#10272dde;color:white;font:500 20px/1.55 sans-serif}

/* The compact hero balances its copy within the space above captions and controls. */
@media(max-width:1000px){
  .live-action-landing[data-film-mode="video"] #intro{--film-header-height:76px;--film-gutter:clamp(22px,4vw,40px);--film-copy-reserve:152px;display:block;height:100svh;height:100dvh;min-height:100svh;padding:0;background:#698285;color:#fff}
  .live-action-landing[data-film-mode="video"] #campaign-player{position:absolute;inset:var(--film-header-height) 0 0;width:100%;height:auto;background:#698285}
  .live-action-landing[data-film-mode="video"] #campaign-player .hero-video-wrap{position:absolute;inset:0;width:100%;height:100%;z-index:0;transform:none}
  .live-action-landing[data-film-mode="video"] #campaign-player .campaign-still,.live-action-landing[data-film-mode="video"] #campaign-player #hero-film{object-fit:cover;height:100%;width:100%;background:#698285}
  .live-action-landing[data-film-mode="video"] #campaign-player .hero-shade{background:linear-gradient(90deg,#15383c80 0%,#15383c40 70%,#15383c20),linear-gradient(0deg,#15383c80 0%,transparent 24%)}
  .live-action-landing[data-film-mode="video"] #campaign-player .film-controls{bottom:max(18px,env(safe-area-inset-bottom));right:max(var(--film-gutter),env(safe-area-inset-right));gap:12px;z-index:6}
  .live-action-landing[data-film-mode="video"] #campaign-player .film-control{width:44px;height:44px;min-width:44px;padding:9px;background:#15363f4d;border-color:#ffffffd9;box-shadow:0 2px 12px #0c242433}
  .live-action-landing[data-film-mode="video"] #campaign-player .film-control:after{display:none}
  .live-action-landing[data-film-mode="video"] #campaign-player .film-caption{bottom:88px;max-width:90%;padding:8px 12px;font-size:clamp(13px,2.8vw,16px);line-height:1.5}
  .live-action-landing[data-film-mode="video"] #campaign-player .film-start{top:auto;bottom:150px;left:50%;right:auto;transform:translateX(-50%);max-width:90%;width:max-content;min-height:48px;padding:10px 16px}
  .live-action-landing[data-film-mode="video"] #intro>.scene-inner{position:absolute;inset:var(--film-header-height) var(--film-gutter) 0;display:flex;align-items:center;min-height:0;width:auto;margin:0;padding:clamp(24px,4svh,48px) 0 var(--film-copy-reserve);z-index:2;pointer-events:none}
  .live-action-landing[data-film-mode="video"] #intro .hero-copy{position:relative;inset:auto;width:100%;max-width:580px;margin:0;transform:none;color:#fff;pointer-events:none}
  .live-action-landing[data-film-mode="video"] #intro .hero-kicker{display:block;color:#edf5f1;font-size:clamp(8px,1.8vw,10px);letter-spacing:.14em;line-height:1.5;margin:0 0 clamp(12px,2svh,22px)}
  .live-action-landing[data-film-mode="video"] #intro .hero-kicker>span{display:none}
  .live-action-landing[data-film-mode="video"] #intro .hero-title{font-size:clamp(34px,min(10.8vw,8.8svh),68px);line-height:1.18;letter-spacing:-.065em}
  .live-action-landing[data-film-mode="video"] #intro .hero-title,.live-action-landing[data-film-mode="video"] #intro .hero-accent{color:#fff;text-shadow:0 2px 24px #102b3233}
  .live-action-landing[data-film-mode="video"] #intro .hero-copy>.hero-description{display:block;color:#f2f7f4;text-shadow:0 1px 8px #102b3259;font-size:clamp(12px,min(3.15vw,2.3svh),15px);line-height:1.8;margin-top:clamp(14px,2.4svh,24px);max-width:410px}
  .live-action-landing[data-film-mode="video"] #intro .hero-copy>.hero-trust{display:block;color:#e8f0eb;font-size:clamp(9px,2.4vw,11px);line-height:1.65;margin-top:clamp(12px,2svh,20px);letter-spacing:-.035em}
  .live-action-landing[data-film-mode="video"] #intro .hero-trust>span{color:#d3e2db;margin-inline:7px}
  .live-action-landing[data-film-mode="video"] #intro .hero-actions{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:clamp(14px,4vw,24px);margin-top:clamp(16px,2.8svh,28px);pointer-events:auto}
  .live-action-landing[data-film-mode="video"] #intro .button-blue{min-height:48px;padding:13px 18px;background:#fffefa;color:#203c41;border-color:#fffefa;font-size:12px;gap:24px}
  .live-action-landing[data-film-mode="video"] #intro .hero-secondary{display:inline-flex;min-height:44px;color:#fff;font-size:11px;pointer-events:auto}
  .live-action-landing[data-film-mode="video"] #intro .hero-bottom{display:none}
  .live-action-landing[data-film-mode="video"][data-active-scene="0"] .site-header{background:#fffefa;border-color:#e1e4df;backdrop-filter:blur(20px)}
  .live-action-landing[data-film-mode="video"][data-active-scene="0"] .brand-word,.live-action-landing[data-film-mode="video"][data-active-scene="0"] .brand-service,.live-action-landing[data-film-mode="video"][data-active-scene="0"] .menu-toggle{color:#162735}
  .live-action-landing[data-film-mode="video"][data-active-scene="0"] .brand-dot{background:#5e8c90}
}
@media(max-width:700px){.live-action-landing[data-film-mode="video"] #intro{--film-header-height:68px}}
@media(max-width:370px){
  .live-action-landing[data-film-mode="video"] #intro{--film-gutter:18px}
  .live-action-landing[data-film-mode="video"] #intro .hero-actions{gap:14px}
  .live-action-landing[data-film-mode="video"] #intro .button-blue{gap:16px;padding-inline:14px}
}
@media(max-width:1000px) and (max-height:620px){
  .live-action-landing[data-film-mode="video"] #intro{--film-copy-reserve:136px}
  .live-action-landing[data-film-mode="video"] #intro>.scene-inner{padding-top:18px}
  .live-action-landing[data-film-mode="video"] #intro .hero-kicker{margin-bottom:12px;font-size:8px}
  .live-action-landing[data-film-mode="video"] #intro .hero-title{font-size:clamp(30px,min(9vw,8svh),42px)}
  .live-action-landing[data-film-mode="video"] #intro .hero-copy>.hero-description{font-size:11px;line-height:1.65;margin-top:12px}
  .live-action-landing[data-film-mode="video"] #intro .hero-actions{margin-top:14px}
  .live-action-landing[data-film-mode="video"] #intro .hero-copy>.hero-trust{font-size:8.5px;margin-top:10px}
}
@media(max-width:1000px) and (max-height:480px){
  .live-action-landing[data-film-mode="video"] #intro{--film-copy-reserve:96px}
  .live-action-landing[data-film-mode="video"] #intro .hero-kicker,.live-action-landing[data-film-mode="video"] #intro .hero-copy>.hero-trust{display:none}
  .live-action-landing[data-film-mode="video"] #intro .hero-title{font-size:clamp(28px,min(6vw,8svh),38px)}
  .live-action-landing[data-film-mode="video"] #intro .hero-copy>.hero-description{font-size:11px;line-height:1.65;margin-top:10px}
  .live-action-landing[data-film-mode="video"] #intro .hero-actions{margin-top:12px}
  .live-action-landing[data-film-mode="video"] #intro .button-blue{min-height:44px;padding-block:10px}
}
@media(max-width:1000px) and (min-aspect-ratio:11/10) and (max-height:620px){
  .live-action-landing[data-film-mode="video"] #intro{--film-copy-reserve:36px}
  .live-action-landing[data-film-mode="video"] #intro .hero-copy{max-width:50%}
  .live-action-landing[data-film-mode="video"] #intro .hero-actions{gap:12px}
  .live-action-landing[data-film-mode="video"] #intro .hero-secondary{font-size:10px}
  .live-action-landing[data-film-mode="video"] #campaign-player .film-caption{left:auto;right:var(--film-gutter);bottom:88px;transform:none;max-width:40%;font-size:13px}
}
@media(max-width:1000px) and (min-aspect-ratio:11/10) and (max-height:360px){
  .live-action-landing[data-film-mode="video"] #intro .hero-secondary{display:none}
}

/* Focal points are chosen for the existing portrait and landscape compositions. */
.live-action-landing #campaign-player[data-video-format="portrait"] #hero-film,
.live-action-landing #campaign-player[data-video-format="portrait"] .campaign-still{object-position:50% 46%}
.live-action-landing #campaign-player[data-video-format="landscape"] #hero-film,
.live-action-landing #campaign-player[data-video-format="landscape"] .campaign-still{object-position:58% 50%}

/* Chapter labels stay out of the compact player control bar. */
.live-action-landing #intro .hero-chapter .campaign-note{display:none}

/* The same four controls and caption overlay travel into fullscreen. */
.live-action-landing.film-fullscreen{overflow:hidden}
.live-action-landing.film-fullscreen .site-header,.live-action-landing.film-fullscreen .scene-rail{visibility:hidden}
.live-action-landing.film-fullscreen #intro{overflow:visible;isolation:auto}
.live-action-landing.film-fullscreen #intro>.scene-inner{visibility:hidden}
.live-action-landing #campaign-player.is-expanded,.live-action-landing #campaign-player:fullscreen,.live-action-landing #campaign-player:-webkit-full-screen{position:fixed!important;inset:0!important;z-index:10000!important;width:100vw!important;height:100dvh!important;margin:0;background:#10181c;pointer-events:auto}
.live-action-landing #campaign-player.is-expanded .hero-video-wrap,.live-action-landing #campaign-player:fullscreen .hero-video-wrap{position:absolute;inset:0;z-index:0;width:100%;height:100%;transform:none;background:#10181c}
.live-action-landing #campaign-player.is-expanded #hero-film,.live-action-landing #campaign-player.is-expanded .campaign-still{object-fit:contain;object-position:center;background:#10181c}
.live-action-landing #campaign-player.is-expanded .hero-shade{display:none}
.live-action-landing #campaign-player.is-expanded .film-canvas-ui{position:absolute;inset:0;z-index:5;height:100%;padding:0}
.live-action-landing #campaign-player.is-expanded .film-controls{bottom:max(28px,env(safe-area-inset-bottom));right:max(28px,env(safe-area-inset-right));gap:16px}
.live-action-landing #campaign-player.is-expanded .film-caption{bottom:108px;font-size:clamp(16px,2vw,26px)}
@media(prefers-reduced-motion:reduce){.live-action-landing #campaign-player .film-control{transition:none}.live-action-landing #campaign-player .film-control:hover{transform:none}}