/*
  Verified full-width section hero backgrounds — 2026-08-10
  Explicit per-page URLs are intentional: no CSS custom-property URL indirection.
*/
body:is(.page-about,.page-spaces,.page-services,.page-infrastructure,.page-location,.page-contacts) .page-hero{
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  background-color:#0b1015 !important;
}
body.page-about .page-hero{
  background-image:linear-gradient(90deg,rgba(7,10,13,.96) 0%,rgba(7,10,13,.82) 34%,rgba(7,10,13,.40) 62%,rgba(7,10,13,.12) 100%),url('images/hero/about-cover.webp') !important;
}
body.page-spaces .page-hero{
  background-image:linear-gradient(90deg,rgba(7,10,13,.96) 0%,rgba(7,10,13,.82) 34%,rgba(7,10,13,.40) 62%,rgba(7,10,13,.12) 100%),url('images/hero/spaces-cover.webp') !important;
}
body.page-services .page-hero{
  background-image:linear-gradient(90deg,rgba(7,10,13,.96) 0%,rgba(7,10,13,.82) 34%,rgba(7,10,13,.40) 62%,rgba(7,10,13,.12) 100%),url('images/hero/services-cover.webp') !important;
}
body.page-infrastructure .page-hero{
  background-image:linear-gradient(90deg,rgba(7,10,13,.96) 0%,rgba(7,10,13,.82) 34%,rgba(7,10,13,.40) 62%,rgba(7,10,13,.12) 100%),url('images/hero/infrastructure-cover.webp') !important;
}
body.page-location .page-hero{
  background-image:linear-gradient(90deg,rgba(7,10,13,.96) 0%,rgba(7,10,13,.82) 34%,rgba(7,10,13,.40) 62%,rgba(7,10,13,.12) 100%),url('images/hero/location-cover.webp') !important;
}
body.page-contacts .page-hero{
  background-image:linear-gradient(90deg,rgba(7,10,13,.96) 0%,rgba(7,10,13,.82) 34%,rgba(7,10,13,.40) 62%,rgba(7,10,13,.12) 100%),url('images/hero/contacts-cover.webp') !important;
}

/* The photograph is the hero background now; remove the legacy image card. */
body:is(.page-about,.page-spaces,.page-services,.page-infrastructure,.page-location,.page-contacts) .page-hero__grid{
  grid-template-columns:minmax(0,920px) !important;
}
body:is(.page-about,.page-spaces,.page-services,.page-infrastructure,.page-location,.page-contacts) .page-hero__grid > div:nth-child(2){
  display:none !important;
}

/* Never apply old media-card clipping/pseudo-labels to the text column. */
body:is(.page-about,.page-spaces,.page-services,.page-infrastructure,.page-location,.page-contacts) .page-hero__grid > div:first-child{
  display:block !important;
  position:relative !important;
  max-width:920px !important;
  overflow:visible !important;
  border-radius:0 !important;
  justify-self:auto !important;
}
body:is(.page-about,.page-spaces,.page-services,.page-infrastructure,.page-location,.page-contacts) .page-hero__grid > div:first-child::before,
body:is(.page-about,.page-spaces,.page-services,.page-infrastructure,.page-location,.page-contacts) .page-hero__grid > div:first-child::after{
  content:none !important;
  display:none !important;
}

@media(max-width:1080px){
  body:is(.page-about,.page-spaces,.page-services,.page-infrastructure,.page-location,.page-contacts) .page-hero{
    background-position:55% center !important;
  }
}
@media(max-width:700px){
  body:is(.page-about,.page-spaces,.page-services,.page-infrastructure,.page-location,.page-contacts) .page-hero{
    background-position:48% center !important;
  }
}


/* More breathing room inside section heroes — 2026-08-10 */
body:is(.page-about,.page-spaces,.page-services,.page-infrastructure,.page-location,.page-contacts) .page-hero{
  padding-top:calc(var(--prom-header) + 96px) !important;
  padding-bottom:96px !important;
}

body:is(.page-about,.page-spaces,.page-services,.page-infrastructure,.page-location,.page-contacts) .page-hero .breadcrumbs{
  margin-bottom:36px !important;
}

body:is(.page-about,.page-spaces,.page-services,.page-infrastructure,.page-location,.page-contacts) .page-hero .eyebrow{
  margin-bottom:24px !important;
}

body:is(.page-about,.page-spaces,.page-services,.page-infrastructure,.page-location,.page-contacts) .page-hero h1{
  line-height:.98 !important;
  margin:0 0 32px !important;
}

body:is(.page-about,.page-spaces,.page-services,.page-infrastructure,.page-location,.page-contacts) .page-hero p{
  margin:0 0 38px !important;
}

@media(max-width:1080px){
  body:is(.page-about,.page-spaces,.page-services,.page-infrastructure,.page-location,.page-contacts) .page-hero{
    padding-top:calc(var(--prom-header) + 78px) !important;
    padding-bottom:76px !important;
  }
  body:is(.page-about,.page-spaces,.page-services,.page-infrastructure,.page-location,.page-contacts) .page-hero .breadcrumbs{
    margin-bottom:30px !important;
  }
  body:is(.page-about,.page-spaces,.page-services,.page-infrastructure,.page-location,.page-contacts) .page-hero h1{
    margin-bottom:28px !important;
  }
}

@media(max-width:700px){
  body:is(.page-about,.page-spaces,.page-services,.page-infrastructure,.page-location,.page-contacts) .page-hero{
    padding-top:calc(var(--prom-header) + 58px) !important;
    padding-bottom:62px !important;
  }
  body:is(.page-about,.page-spaces,.page-services,.page-infrastructure,.page-location,.page-contacts) .page-hero .breadcrumbs{
    margin-bottom:24px !important;
  }
  body:is(.page-about,.page-spaces,.page-services,.page-infrastructure,.page-location,.page-contacts) .page-hero .eyebrow{
    margin-bottom:18px !important;
  }
  body:is(.page-about,.page-spaces,.page-services,.page-infrastructure,.page-location,.page-contacts) .page-hero h1{
    line-height:1 !important;
    margin-bottom:24px !important;
  }
  body:is(.page-about,.page-spaces,.page-services,.page-infrastructure,.page-location,.page-contacts) .page-hero p{
    margin-bottom:30px !important;
  }
}