/* Shared hero dimensions, based on the approved Cybersecurity Services hero.
   Desktop reference: rounded to 770px at 1440px, 785px at 1600px and wider.
   Includes the 104px navigation area. Body content and fit bands are separate. */
.main-wrapper > section.standard-page-hero,
.main-wrapper > main > section.standard-page-hero {
  position: relative;
  isolation: isolate;
  min-height: clamp(770px, calc(635px + 9.36vw), 785px);
  padding: 140px 0 80px;
}
.standard-page-hero .standard-hero-media { position: absolute; top: 104px; bottom: 0; left: 0; right: 0; display: block; z-index: -1; }
.standard-page-hero .standard-hero-media img { display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: center 30%; mask-image: none; -webkit-mask-image: none; }
.standard-page-hero .standard-hero-content { position: relative; }
.standard-page-hero .standard-hero-copy { width: min(48%,640px); margin: 0; padding: 32px; }
.standard-page-hero .standard-hero-copy h1 { font-size: clamp(2rem,2.6vw,2.6rem); line-height: 1.2; }
/* Consistent stacked image/text treatment where a side-by-side hero is cramped. */
@media (max-width:1399px) {
  .main-wrapper > section.standard-page-hero,
.main-wrapper > main > section.standard-page-hero { min-height: 0; padding: 104px 0 28px; }
  .standard-page-hero .standard-hero-media { position: relative; inset: auto; z-index: auto; width: 100%; aspect-ratio: 4 / 3; margin-bottom: 24px; }
  .standard-page-hero .standard-hero-media img { object-position: center; }
  .standard-page-hero .standard-hero-copy { width: 100%; padding: 24px; }
  .standard-page-hero .standard-hero-copy h1 { font-size: 2rem; }
}
/* All branded pages switch to the existing compact navigation at the same width. */
@media (min-width:1200px) and (max-width:1399px) {
  :is(.homepage-standards,.cybersecurity-preview,.it-consulting-standards,.technology-partners-preview,.about-standards,.ceo-standards,.brand-rollout) .main-header .navbar-expand-xl .navbar-collapse { display: none !important; }
  :is(.homepage-standards,.cybersecurity-preview,.it-consulting-standards,.technology-partners-preview,.about-standards,.ceo-standards,.brand-rollout) .main-header .navbar-expand-xl .navbar-toggler { display: block !important; }
}
/* Keep the consulting participants' heads clear when the wide image is cropped. */
@media (min-width:1400px) {
  .it-consulting-standards .standard-page-hero .standard-hero-media img { object-position: center 20%; }
}

/* Homepage group is centered in the space to the right of the overlay. */
@media (min-width:1400px) {
  .homepage-standards .standard-page-hero .standard-hero-media img { object-position: 70% 30%; }
}

/* Focal-aware desktop framing; the underlying full-bleed image is never stretched. */
.standard-page-hero .standard-hero-media { overflow:hidden; }
@media(min-width:1400px) {
 .standard-page-hero .standard-hero-media.hero-framed img {
  position:absolute;
  width:var(--hero-image-width);
  height:var(--hero-image-height);
  left:var(--hero-image-left);
  top:var(--hero-image-top);
  max-width:none;
  object-fit:fill;
 }
}