/* Unified hero system v1.
   One rule set for all desktop page heroes. Only the image changes per page. */

:root{
  --oh-unified-hero-h:360px;
  --oh-hero-overlay-1:linear-gradient(90deg,rgba(2,7,13,.94) 0%,rgba(2,7,13,.78) 27%,rgba(2,7,13,.30) 52%,rgba(2,7,13,.07) 76%,rgba(2,7,13,0) 100%);
  --oh-hero-overlay-2:linear-gradient(180deg,rgba(2,7,13,0) 0%,rgba(2,7,13,.16) 100%);
}

body.home-index:not(.jobs-page):not(.news-page):not(.about-page):not(.contact-page):not(.legal-page){
  --oh-page-hero-image:url('/assets/Hero/hero1.png?v=unified-hero-v1-home');
}

body.jobs-page{
  --oh-page-hero-image:url('/assets/Hero/hero2.png?v=unified-hero-v1-jobs');
}

body.news-page{
  --oh-page-hero-image:url('/assets/Hero/hero3.png?v=unified-hero-v1-news');
}

body.about-page{
  --oh-page-hero-image:url('/assets/Hero/hero4.png?v=unified-hero-v1-about');
}

body.contact-page{
  --oh-page-hero-image:url('/assets/Hero/hero5.png?v=unified-hero-v1-contact');
}

body.legal-page{
  --oh-page-hero-image:url('/assets/Hero/hero5.png?v=unified-hero-v1-legal');
}

@media (min-width:901px){

  html body .page > section.hero,
  html body.jobs-page .page > section.hero.jobs-as-news-hero,
  html body.news-page .page > section.hero.article-hero,
  html body.news-dashboard-page .page .newsroom-v1 > section.newsroom-hero-v1,
  html body.legal-page .legal-hero{
    height:var(--oh-unified-hero-h)!important;
    min-height:var(--oh-unified-hero-h)!important;
    max-height:var(--oh-unified-hero-h)!important;
    position:relative!important;
    overflow:hidden!important;
    border-bottom:1px solid rgba(0,153,255,.62)!important;
    background-color:#020912!important;
    background-image:var(--oh-hero-overlay-1),var(--oh-hero-overlay-2),var(--oh-page-hero-image)!important;
    background-size:100% 100%,100% 100%,cover!important;
    background-position:center center,center center,center center!important;
    background-repeat:no-repeat,no-repeat,no-repeat!important;
    filter:none!important;
    box-sizing:border-box!important;
  }

  html body .page > section.hero::before,
  html body .page > section.hero::after,
  html body.news-dashboard-page .page .newsroom-v1 > section.newsroom-hero-v1::before,
  html body.news-dashboard-page .page .newsroom-v1 > section.newsroom-hero-v1::after,
  html body.legal-page .legal-hero::before,
  html body.legal-page .legal-hero::after{
    display:none!important;
    content:none!important;
    opacity:0!important;
    visibility:hidden!important;
    background:none!important;
    background-image:none!important;
  }

  html body .page > section.hero > .hero-inner,
  html body.jobs-page .page > section.hero.jobs-as-news-hero > .hero-inner,
  html body.news-page .page > section.hero.article-hero > .hero-inner,
  html body.news-dashboard-page .page .newsroom-v1 > section.newsroom-hero-v1,
  html body.legal-page .legal-hero > .legal-hero-inner{
    height:var(--oh-unified-hero-h)!important;
    min-height:var(--oh-unified-hero-h)!important;
    max-height:var(--oh-unified-hero-h)!important;
    width:100%!important;
    max-width:none!important;
    display:grid!important;
    grid-template-columns:minmax(0,760px)!important;
    gap:0!important;
    align-items:center!important;
    justify-content:start!important;
    box-sizing:border-box!important;
    padding:42px 54px!important;
    overflow:hidden!important;
    position:relative!important;
    z-index:2!important;
  }

  html body .page > section.hero h1,
  html body.news-dashboard-page .newsroom-hero-v1 h1,
  html body.legal-page .legal-hero h1{
    max-width:720px!important;
    font-size:clamp(44px,4.05vw,58px)!important;
    line-height:.91!important;
    margin-top:0!important;
  }

  html body .page > section.hero p,
  html body.news-dashboard-page .newsroom-hero-v1 p,
  html body.legal-page .legal-hero p{
    max-width:650px!important;
    font-size:15px!important;
    line-height:1.43!important;
  }

  html body .page > section.hero .stat-card,
  html body.news-dashboard-page .newsroom-hero-v1 .newsroom-overview-v1,
  html body.legal-page .legal-hero .hero-card{
    display:none!important;
  }

  html body.about-page .page > section.hero{
    background:
      var(--oh-hero-overlay-1),
      var(--oh-hero-overlay-2),
      url('/assets/Hero/hero4.png?v=unified-hero-v3-about') center center / cover no-repeat!important;
  }

  html body.contact-page .page > section.hero{
    background:
      var(--oh-hero-overlay-1),
      var(--oh-hero-overlay-2),
      url('/assets/Hero/hero5.png?v=unified-hero-v3-contact') center center / cover no-repeat!important;
  }

  html body .page > section.hero .hero-actions,
  html body .page > section.hero .home-hero-actions{
    margin-top:24px!important;
  }

  html body .page > section.hero .features,
  html body.jobs-page .jobs-hero-trust{
    margin-top:22px!important;
  }
}

@media (max-width:900px){
  html body .page > section.hero,
  html body.legal-page .legal-hero{
    min-height:520px;
    background-image:var(--oh-hero-overlay-1),var(--oh-hero-overlay-2),var(--oh-page-hero-image);
    background-size:100% 100%,100% 100%,cover;
    background-position:center center,center center,center center;
  }
}