/* One company-owned hero image, shared by every page header. */
:root{--company-hero-image:url('assets/company-hero-20261024.webp')}
body :is(.home-hero,.sv-hero,.tk-hero,.qt-hero,.cp-hero,.lc-hero,.ab-hero,.sp-hero,.gd-hero,.page-banner,.tracking-page){
 background-image:linear-gradient(90deg,rgba(0,24,48,.9) 0%,rgba(0,31,58,.74) 32%,rgba(0,30,55,.3) 63%,rgba(0,21,42,.12) 100%),var(--company-hero-image);
 background-color:#032b4d;
 background-size:cover;
 background-position:center 54%;
 background-repeat:no-repeat;
}
.page-banner{color:#fff}
.page-shell .page-banner h1,.page-shell .page-banner h2,.page-banner .page-intro h1{color:#fff}
.page-shell .page-banner .page-intro p,.page-shell .page-banner p{color:#e3eff8}
.page-shell .page-banner .kicker{color:#ff932d}
.page-banner .breadcrumbs,.page-banner .breadcrumbs a{color:#dfedfa}
.page-banner .breadcrumbs a:hover{text-decoration:underline;color:#fff}
.page-banner .service-facts{border-top-color:#a5c4de55}
.page-banner .service-facts strong{color:#fff}
.page-banner .service-facts span{color:#d4e7f7}
.page-banner .outline{background:#002d4e66;color:#fff;border-color:#a5c5df}
@media(max-width:800px){
 body :is(.home-hero,.sv-hero,.tk-hero,.qt-hero,.cp-hero,.lc-hero,.ab-hero,.sp-hero,.gd-hero,.page-banner,.tracking-page){
  background-image:linear-gradient(90deg,rgba(0,24,48,.92),rgba(0,29,54,.73) 56%,rgba(0,25,47,.4)),var(--company-hero-image);
  background-position:64% center;
 }
}
@media(max-width:480px){
 body :is(.home-hero,.sv-hero,.tk-hero,.qt-hero,.cp-hero,.lc-hero,.ab-hero,.sp-hero,.gd-hero,.page-banner,.tracking-page){background-position:62% center}
}

/* Phone headers show the landscape photo at its natural proportions,
   followed by a solid text area instead of enlarging it behind tall content. */
@media(max-width:600px){
 body :is(.home-hero,.sv-hero,.tk-hero,.qt-hero,.cp-hero,.lc-hero,.ab-hero,.sp-hero,.gd-hero,.page-banner,.tracking-page){
  background-image:none;
  background-color:#032b4d;
  padding-top:0;
  min-height:0;
 }
 body :is(.home-hero,.sv-hero,.tk-hero,.qt-hero,.cp-hero,.lc-hero,.ab-hero,.sp-hero,.gd-hero,.page-banner,.tracking-page)::before{
  content:'';
  display:block;
  width:100%;
  aspect-ratio:5 / 2;
  min-height:128px;
  max-height:240px;
  margin-bottom:27px;
  background-image:linear-gradient(0deg,#032b4d 0%,transparent 22%),var(--company-hero-image);
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
 }
 .home-hero h1{font-size:clamp(38px,10.5vw,48px);line-height:1.08;letter-spacing:-1.4px;margin:14px 0 20px}
 .page-shell :is(.sv-hero,.tk-hero,.qt-hero,.cp-hero,.lc-hero,.ab-hero,.sp-hero,.gd-hero,.page-banner) h1{font-size:clamp(33px,9vw,42px);line-height:1.1;letter-spacing:-1px}
 .home-hero .hero-copy p{font-size:16px;line-height:1.75}
 .home-hero .hero-buttons{margin-top:23px}
 .home-hero .trust-strip{margin-top:26px;padding-top:23px;gap:17px 16px}
 .page-banner .breadcrumbs{margin-bottom:24px;font-size:13px}
 .lc-hero-layout{gap:24px}
 .service-hero .split-content{gap:28px}
 .tracking-page{display:block}
 .tracking-page>div{margin-left:5%;margin-right:5%}
 .tracking-page>.tracking-art{margin-top:28px}
}