/* GoodOldBytes theme-integrated featured hero. Originally gob-featured-hero v1.0.0. */
/*
 * GoodOldBytes Featured Hero v1.0
 * Extends the existing v2 .gob-page-hero; NO changes to the article body.
 * :has() only activates the two-column layout when the PHP template actually
 * contains a real <figure class="gob-hero-featured"> element.
 */

body.single-post .gob-page-hero .gob-wrap:has(> .gob-hero-featured) {
  display: grid;
  grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr);
  grid-template-rows: min-content min-content;
  align-content: center;
  column-gap: clamp(26px, 3.3vw, 62px);
  row-gap: 0;
  align-items: center;
}

body.single-post .gob-page-hero .gob-wrap:has(> .gob-hero-featured) > .gob-kicker {
  grid-column: 1;
  grid-row: 1;
  align-self: end;
  margin-bottom: clamp(13px, 1.3vw, 22px);
}

body.single-post .gob-page-hero .gob-wrap:has(> .gob-hero-featured) > h1 {
  grid-column: 1;
  grid-row: 2;
  min-width: 0;
  max-width: none;
  margin: 0;
  align-self: center;
  font-size: clamp(2.5rem, 3.55vw, 4.8rem);
  line-height: 1.075;
  overflow-wrap: normal;
  hyphens: none;
}

body.single-post .gob-page-hero .gob-wrap > .gob-hero-featured {
  grid-column: 2;
  grid-row: 1 / 3;
  align-self: center;
  display: block;
  min-width: 0;
  width: 100%;
  max-width: none;
  margin: 0;
}

body.single-post .gob-page-hero .gob-hero-featured__image {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  object-position: center;
  border-radius: clamp(12px, 1.35vw, 22px);
  border: 1px solid rgba(20, 72, 69, 0.14);
  box-shadow: 0 8px 26px rgba(17, 69, 67, 0.09);
}

body.single-post .gob-page-hero .gob-hero-featured__caption {
  margin-top: 9px;
  font: 400 0.82rem / 1.5 Arial, Helvetica, sans-serif;
  color: #4b6762;
}

/*
 * Optional title treatment for headlines with a first colon:
 * 'Microsoft FrontPage: When Anyone Could Build a Website'
 * The first phrase is rendered inside one H1; only its color changes.
 */
body.single-post .gob-page-hero .gob-story-title__subject {
  color: #2b706b;
}

/* Text-title priority on narrow screens. */
@media (max-width: 1050px) {
  body.single-post .gob-page-hero .gob-wrap:has(> .gob-hero-featured) {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto auto auto;
    row-gap: 0;
  }
  body.single-post .gob-page-hero .gob-wrap:has(> .gob-hero-featured) > .gob-kicker {
    grid-column: 1;
    grid-row: 1;
    margin-bottom: 12px;
  }
  body.single-post .gob-page-hero .gob-wrap:has(> .gob-hero-featured) > h1 {
    grid-column: 1;
    grid-row: 2;
    font-size: clamp(2.4rem, 6.2vw, 4.4rem);
    margin: 0 0 20px;
  }
  body.single-post .gob-page-hero .gob-wrap > .gob-hero-featured {
    grid-column: 1;
    grid-row: 3;
    max-width: 800px;
  }
}

@media (max-width: 600px) {
  body.single-post .gob-page-hero .gob-wrap:has(> .gob-hero-featured) > h1 {
    font-size: clamp(2.25rem, 9vw, 3.3rem);
    line-height: 1.08;
  }
  body.single-post .gob-page-hero .gob-hero-featured__image {
    border-radius: 13px;
  }
}

/* Honor readers' reduced-motion preferences (no motion is required). */