/* Shared temporary photographic placeholder for every GSC page. */
:root { --hero-surface: #242b30; --hero-height: 560px; --hero-copy-top: 120px; }

.pageHero,
body[data-page="news"] .pageHero {
  background: var(--hero-surface);
  color: #fff;
  min-height: var(--hero-height);
  padding: 0;
}
.pageHero > .wrap {
  min-height: var(--hero-height);
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-top: var(--hero-copy-top);
  padding-bottom: 48px;
}
.pageHero .breadcrumb {
  position: absolute;
  top: 30px;
  left: var(--gutter);
  right: var(--gutter);
  margin: 0;
  color: #d1dcdf;
  line-height: 1.5;
}
.pageHero .breadcrumb a:hover { color: #fff; text-decoration: underline; text-underline-offset: 4px; }
.pageHero .eyebrow { color: #d1dcdf; margin-bottom: 16px; }
.pageHero h1,
body[data-page="news"] .pageHero h1 {
  width: 100%;
  max-width: 30ch;
  min-height: calc(var(--h1) * 2.24);
  margin: 0 0 12px;
}
.pageHero .lead {
  max-width: 61ch;
  color: #f2f5f5;
  margin: 0;
}
.pageHero .buttonLight { margin-top: 28px; }

@media (max-width: 800px) {
  :root { --hero-copy-top: 108px; }
  .pageHero,
  body[data-page="news"] .pageHero,
  .pageHero > .wrap { min-height: var(--hero-height); }
}
@media (max-width: 600px) {
  :root { --hero-copy-top: 102px; --hero-height: 672px; }
  .pageHero > .wrap { padding-bottom: 42px; }
  .pageHero .breadcrumb { top: 24px; font-size: 12px; }
  .pageHero .eyebrow { min-height: 3.2em; margin-bottom: 12px; }
  .pageHero h1,
  body[data-page="news"] .pageHero h1 { min-height: calc(var(--h1) * 3.36); margin-bottom: 12px; }
  .pageHero .buttonLight { margin-top: 22px; }
}
@media print {
  .pageHero,
  body[data-page="news"] .pageHero { background: #fff; color: var(--graphite); min-height: 0; }
  .pageHero > .wrap { min-height: 0; padding-top: 0; padding-bottom: 20px; }
  .pageHero .breadcrumb { position: static; color: var(--graphite); }
  .pageHero .lead,.pageHero .eyebrow { color: var(--graphite); }
}