/* Portrait film beside the desktop introduction; immersive mobile first screen. */
.portal-hero--video{min-height:0;background:#0b223e}
.portal-hero--video .portal-hero-content{padding-top:132px;padding-bottom:28px;text-align:left}
.hero-film-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,330px);gap:clamp(40px,6vw,96px);align-items:center}
.hero-film-copy{padding-block:34px}
.portal-hero--video .portal-intro{margin-bottom:28px;color:#b7c8d8;font-size:12px;letter-spacing:.12em;text-transform:uppercase}
.portal-hero--video h1{max-width:680px;margin:0;font-size:clamp(46px,5.1vw,70px);line-height:1.06;letter-spacing:-.025em}
.portal-hero--video h1>span{text-wrap:balance}
.portal-hero--video h1>span+span{margin-top:10px;color:#b4c7d9}
.portal-hero--video .portal-hero-lead{max-width:490px;margin:30px 0 0;color:#d9e3ec;font-size:18px;line-height:1.65;font-weight:500}
.hero-film{position:relative;isolation:isolate;width:100%;aspect-ratio:9/16;overflow:hidden;border-radius:12px;background:#183249;box-shadow:0 18px 65px #0003}
.hero-film-video{display:block;width:100%;height:100%;object-fit:contain}
.hero-film-caption{position:absolute;inset:auto 0 0;display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:54px 18px 18px;background:linear-gradient(transparent,#071523b8);color:#fff;pointer-events:none}
.hero-film-caption>span{max-width:140px;font-size:12px;line-height:1.5;text-wrap:balance}
.hero-film-caption noscript{pointer-events:auto;font-size:12px}
.portal-hero--video .gateway-grid{margin-top:44px}
@media(max-width:1000px) and (min-width:761px){
  .hero-film-layout{grid-template-columns:minmax(0,1fr) 290px;gap:40px}
  .portal-hero--video h1{font-size:48px}
  .portal-hero--video .portal-hero-lead{font-size:17px}
}
@media(max-width:760px){
  .page-home .site-header[data-scroll-reveal]{isolation:isolate;opacity:1;pointer-events:auto;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;transition:none}
  .page-home .site-header[data-scroll-reveal]:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:#0b223ef5;opacity:.2;transition:opacity 280ms cubic-bezier(.22,1,.36,1)}
  .page-home .site-header[data-scroll-reveal]:after{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(180deg,#0b223eb8 0%,#0b223e50 72%,#0b223e00 100%)}
  .page-home .site-header[data-scroll-reveal] .header-inner{opacity:.84;transition:opacity 280ms cubic-bezier(.22,1,.36,1)}
  .page-home .site-header[data-scroll-reveal]:is(.is-scroll-visible,:focus-within,:has(.mobile-menu[open])):before,.page-home .site-header[data-scroll-reveal]:is(.is-scroll-visible,:focus-within,:has(.mobile-menu[open])) .header-inner{opacity:1}
  .page-home .site-header[data-scroll-reveal]:focus-within:before,.page-home .site-header[data-scroll-reveal]:focus-within .header-inner{transition:none}
  .portal-hero--video .portal-hero-content{width:100%;max-width:none;padding:0}
  .hero-film-layout{position:relative;isolation:isolate;display:flex;align-items:flex-end;min-height:100vh;min-height:100svh;min-height:100dvh;padding:130px 24px calc(56px + env(safe-area-inset-bottom,0px))}
  .hero-film-copy{position:relative;z-index:2;max-width:560px;padding:0;text-shadow:0 2px 22px #081a3066;pointer-events:none}
  .portal-hero--video .portal-intro{margin-bottom:18px;font-size:10px;color:#e1edf7;letter-spacing:.1em}
  .portal-hero--video h1{font-size:clamp(39px,7.4vw,57px);max-width:560px;line-height:1.06}
  .portal-hero--video h1>span{text-wrap:initial}
  .portal-hero--video h1>span+span{margin-top:6px;color:#fff}
  .portal-hero--video .portal-hero-lead{font-size:15px;line-height:1.55;max-width:460px;margin-top:19px;color:#edf4fa}
  .hero-film{position:absolute;inset:0;z-index:0;width:100%;height:100%;max-width:none;aspect-ratio:auto;border-radius:0;box-shadow:none}
  .hero-film-video{object-fit:cover;object-position:50% 50%}
  .hero-film:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#0b223e12 0%,#0b223e00 32%,#0b223e29 47%,#0b223e99 72%,#0b223eeb 100%)}
  .hero-film-caption,.portal-hero--video .gateway-grid,.portal-hero--video .portal-photo-note{display:none}
}
@media(max-width:420px){
  .portal-hero--video h1{font-size:39px}
}
@media(max-width:370px){
  .hero-film-layout{padding-inline:20px}
  .portal-hero--video h1{font-size:36px}
}
@media(prefers-reduced-motion:reduce){.page-home .site-header[data-scroll-reveal]:before,.page-home .site-header[data-scroll-reveal] .header-inner{transition:none}}
@media(prefers-reduced-transparency:reduce){.page-home .site-header[data-scroll-reveal]:before,.page-home .site-header[data-scroll-reveal] .header-inner{opacity:1}}
@media print{.hero-film{display:none}.hero-film-layout{display:block}.portal-hero--video{background:white;color:black}.portal-hero--video h1,.portal-hero--video h1>span+span,.portal-hero--video .portal-hero-lead{color:black}}