/* CR59 — cinematic video hero refresh */
body.home-video-hero{
  background:#020812;
}
body.home-video-hero .site-bg{display:none!important}
body.home-video-hero .environment-banner{display:none!important}
body.home-video-hero .site-header{
  position:fixed!important;
  inset:0 0 auto 0!important;
  z-index:50!important;
  width:100%!important;
  margin:0!important;
  border-bottom:1px solid rgba(121,157,205,.14)!important;
  background:linear-gradient(180deg,rgba(3,10,20,.60) 0%,rgba(3,10,20,.32) 60%,rgba(3,10,20,0) 100%)!important;
  backdrop-filter:blur(2px)!important;
  box-shadow:none!important;
}
body.home-video-hero .site-header .header-inner{
  width:min(1560px,calc(100% - 56px))!important;
  min-height:88px!important;
  margin:0 auto!important;
}
body.home-video-hero .site-header .brand img{
  width:260px!important;
  height:auto!important;
  max-height:none!important;
}
body.home-video-hero .site-header .primary-nav{
  gap:26px!important;
  align-items:center!important;
}
body.home-video-hero .site-header .primary-nav > a{
  color:rgba(245,248,252,.92)!important;
  font-family:"Arial Narrow","Roboto Condensed","Helvetica Neue",Arial,sans-serif!important;
  font-size:15px!important;
  font-weight:800!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
body.home-video-hero .site-header .primary-nav > a.active{
  color:#2190ff!important;
}
body.home-video-hero .site-header .primary-nav-account,
body.home-video-hero .site-header .header-cta{
  display:none!important;
}

.vevl-home-video{padding:0!important}
.hero-film{
  position:relative;
  min-height:100svh;
  height:100svh;
  overflow:hidden;
  background:#020812;
}
.hero-film__video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  z-index:0;
  background:#020812;
}
.hero-film__scrim{
  position:absolute;
  inset:0;
  z-index:1;
  background:
    linear-gradient(90deg,rgba(2,8,18,.88) 0%,rgba(2,8,18,.78) 18%,rgba(2,8,18,.46) 35%,rgba(2,8,18,.16) 55%,rgba(2,8,18,.02) 70%),
    linear-gradient(180deg,rgba(2,8,18,.32) 0%,rgba(2,8,18,.18) 38%,rgba(2,8,18,.44) 100%);
}
.hero-film__content{
  position:relative;
  z-index:2;
  height:100%;
  width:min(1600px,calc(100% - 72px));
  margin:0 auto;
  display:flex;
  align-items:flex-end;
  padding:132px 0 114px;
}
.hero-film__copy{
  width:min(640px,56vw);
  padding-left:40px;
}
.hero-film__eyebrow{
  margin:0 0 18px;
  color:#1f95ff;
  font-family:"Arial Narrow","Roboto Condensed","Helvetica Neue",Arial,sans-serif;
  font-size:18px;
  font-weight:800;
  letter-spacing:.10em;
  text-transform:uppercase;
}
.hero-film__copy h1{
  margin:0;
  color:#f4f7fb;
  font-family:"Arial Narrow","Roboto Condensed","Helvetica Neue",Arial,sans-serif;
  font-size:clamp(58px,6vw,108px);
  font-weight:900;
  line-height:.95;
  letter-spacing:-.03em;
  text-transform:uppercase;
  text-wrap:balance;
}
.hero-film__intro{
  margin:24px 0 0;
  color:rgba(244,247,251,.94);
  font-size:20px;
  line-height:1.45;
  max-width:560px;
}
.hero-film__actions{
  display:flex;
  flex-wrap:wrap;
  gap:18px;
  margin-top:34px;
}
.hero-film__button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:54px;
  padding:0 28px;
  border-radius:2px;
  border:1px solid rgba(86,157,230,.72);
  font-family:"Arial Narrow","Roboto Condensed","Helvetica Neue",Arial,sans-serif;
  font-size:14px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  text-decoration:none;
  transition:transform .18s ease, background-color .18s ease, border-color .18s ease;
}
.hero-film__button:hover{transform:translateY(-1px)}
.hero-film__button--primary{
  color:#ffffff;
  background:linear-gradient(180deg,#1183f4,#0a5ec3);
  box-shadow:0 10px 24px rgba(16,102,201,.25);
}
.hero-film__button--secondary{
  color:#f3f7fb;
  background:rgba(4,12,22,.22);
}

/* home page sections continue naturally after hero */
body.home-video-hero .vevl-home-process{
  padding-top:84px!important;
}

@media (max-width:1180px){
  body.home-video-hero .site-header .header-inner{width:min(1440px,calc(100% - 44px))!important;min-height:82px!important}
  body.home-video-hero .site-header .brand img{width:232px!important}
  body.home-video-hero .site-header .primary-nav{gap:22px!important}
  body.home-video-hero .site-header .primary-nav > a{font-size:14px!important}
  .hero-film__content{width:calc(100% - 48px);padding-bottom:96px}
  .hero-film__copy{width:min(580px,62vw);padding-left:16px}
  .hero-film__eyebrow{font-size:16px}
  .hero-film__intro{font-size:18px}
}

@media (max-width:900px){
  body.home-video-hero .site-header .brand img{width:208px!important}
  .hero-film__content{padding-top:120px;padding-bottom:84px}
  .hero-film__copy{width:min(560px,78vw);padding-left:6px}
  .hero-film__copy h1{font-size:clamp(50px,9vw,80px)}
  .hero-film__intro{font-size:17px;max-width:500px}
}

@media (max-width:760px){
  body.home-video-hero .site-header{background:linear-gradient(180deg,rgba(3,10,20,.86),rgba(3,10,20,.42) 65%,rgba(3,10,20,0) 100%)!important}
  body.home-video-hero .site-header .header-inner{width:calc(100% - 28px)!important;min-height:78px!important}
  body.home-video-hero .site-header .brand img{width:176px!important}
  body.home-video-hero .site-header .nav-toggle{
    width:48px!important;
    height:48px!important;
    border:1px solid rgba(111,161,221,.34)!important;
    border-radius:14px!important;
    background:rgba(4,14,25,.44)!important;
  }
  .hero-film{min-height:100svh;height:100svh}
  .hero-film__scrim{
    background:
      linear-gradient(180deg,rgba(2,8,18,.50) 0%,rgba(2,8,18,.54) 18%,rgba(2,8,18,.58) 38%,rgba(2,8,18,.78) 100%),
      linear-gradient(90deg,rgba(2,8,18,.74) 0%,rgba(2,8,18,.44) 36%,rgba(2,8,18,.18) 100%);
  }
  .hero-film__content{width:calc(100% - 34px);padding:110px 0 66px;align-items:flex-end}
  .hero-film__copy{width:100%;max-width:420px;padding-left:0}
  .hero-film__eyebrow{font-size:11px;letter-spacing:.13em;margin-bottom:14px}
  .hero-film__copy h1{font-size:clamp(42px,12vw,60px);line-height:.95}
  .hero-film__intro{margin-top:16px;font-size:15px;line-height:1.5;max-width:350px}
  .hero-film__actions{gap:12px;margin-top:24px}
  .hero-film__button{min-height:48px;padding:0 20px;font-size:12px;width:auto}
}

@media (max-width:520px){
  .hero-film__content{width:calc(100% - 28px);padding-bottom:54px}
  .hero-film__copy{max-width:360px}
  .hero-film__eyebrow{font-size:10px}
  .hero-film__copy h1{font-size:clamp(38px,12vw,52px)}
  .hero-film__intro{font-size:14px;max-width:320px}
  .hero-film__actions{flex-direction:column;align-items:flex-start}
  .hero-film__button{width:min(270px,100%)}
}

/* CR59.1 — reference-match typography and compact overlay refinements. */
body.home-video-hero .site-header .primary-nav > a,
.hero-film__eyebrow,
.hero-film__copy h1,
.hero-film__button{
  font-family:"Bahnschrift Condensed","DIN Condensed","Arial Narrow",Arial,sans-serif!important;
}
body.home-video-hero .site-header .primary-nav > a{
  font-weight:600!important;
  letter-spacing:.035em!important;
  font-stretch:condensed;
}
.hero-film__copy{
  width:min(610px,51vw)!important;
  padding-left:58px!important;
}
.hero-film__eyebrow{
  font-size:15px!important;
  font-weight:600!important;
  letter-spacing:.055em!important;
  margin-bottom:14px!important;
}
.hero-film__copy h1{
  font-size:clamp(52px,4.35vw,78px)!important;
  font-weight:600!important;
  line-height:.93!important;
  letter-spacing:-.018em!important;
  white-space:nowrap;
}
.hero-film__intro{
  margin-top:22px!important;
  font-family:"Bahnschrift","Segoe UI",Arial,sans-serif!important;
  font-size:18px!important;
  line-height:1.42!important;
  font-weight:400!important;
}
.hero-film__actions{
  margin-top:28px!important;
  gap:14px!important;
}
.hero-film__button{
  min-height:48px!important;
  padding:0 24px!important;
  font-size:13px!important;
  font-weight:600!important;
  letter-spacing:.03em!important;
}
.hero-film__button--primary{min-width:204px!important}
.hero-film__button--secondary{min-width:184px!important}
@media (max-width:1180px){
  .hero-film__copy{padding-left:26px!important}
  .hero-film__copy h1{font-size:clamp(48px,5.5vw,70px)!important}
}
@media (max-width:760px){
  .hero-film__copy{padding-left:0!important;width:100%!important}
  .hero-film__copy h1{white-space:normal;font-size:clamp(40px,11vw,56px)!important}
  .hero-film__eyebrow{font-size:10px!important}
  .hero-film__intro{font-size:15px!important}
  .hero-film__button{min-width:0!important;min-height:46px!important;font-size:12px!important;padding:0 18px!important}
}
/* CR59.2: exact condensed hero type treatment and native-video visibility. */
body.home-video-hero .hero-film__copy h1,
body.home-video-hero .hero-film__eyebrow,
body.home-video-hero .hero-film__button,
body.home-video-hero .site-header .primary-nav > a{
  font-family:"Bahnschrift Condensed","DIN Condensed","Arial Narrow",Impact,sans-serif!important;
  font-stretch:condensed!important;
}
body.home-video-hero .hero-film__copy h1{font-weight:700!important;letter-spacing:-.018em!important}
body.home-video-hero .hero-film__eyebrow{font-weight:700!important}
body.home-video-hero .hero-film__video{background:#020812!important}

/* CR59.3: reference-like condensed hero typography */
body.home-video-hero .hero-film__copy h1{
  font-family:Impact,Haettenschweiler,"Arial Narrow Bold","Arial Narrow",sans-serif!important;
  font-weight:400!important;
  letter-spacing:.012em!important;
  font-stretch:condensed!important;
}
body.home-video-hero .hero-film__eyebrow,
body.home-video-hero .hero-film__button,
body.home-video-hero .site-header .primary-nav > a{
  font-family:"Arial Narrow",Impact,Haettenschweiler,sans-serif!important;
  font-stretch:condensed!important;
  letter-spacing:.055em!important;
}