/* The original approved board stays unchanged. Frame one 728 × 240 panel,
   then cover the hero while excluding board labels and gutters. */
.concept-hero,
.package-content .hero-home.concept-hero,
.package-content .page-hero.concept-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  display: block;
  max-width: none;
  margin: 0;
  padding: 76px max(5%, calc((100vw - 1280px) / 2));
  min-height: 650px;
  background: #243d2d;
  color: #faf8ef;
  border: 0;
}
.concept-hero-layout { max-width: 1280px; margin: auto; }
.concept-hero .hero-copy,
.package-content .concept-hero .hero-home-copy {
  position: relative;
  z-index: 1;
  max-width: 680px;
  padding: 0;
}
.concept-hero .concept-figure {
  position: absolute;
  z-index: -1;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  margin: 0;
}
.hero-photo { position: absolute; inset: 0; }
.hero-photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.hero-photo-office img { object-position: center 55%; }
.concept-frame {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  container-type: size;
}
.concept-frame img {
  position: absolute;
  display: block;
  width: max(210.989011cqw, 640cqh);
  max-width: none;
  height: auto;
  left: calc(50% - max(53.846154cqw, 163.333333cqh));
  top: calc(50% - max(32.280220cqw, 97.916667cqh));
}
.concept-02 img, .concept-04 img, .concept-06 img {
  left: calc(50% - max(157.417582cqw, 477.5cqh));
}
.concept-03 img, .concept-04 img {
  top: calc(50% - max(74.450549cqw, 225.833333cqh));
}
.concept-05 img, .concept-06 img {
  top: calc(50% - max(117.032967cqw, 355cqh));
}
.concept-figure::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(15, 32, 23, .88) 0%, rgba(15, 32, 23, .78) 44%, rgba(15, 32, 23, .35) 78%, rgba(15, 32, 23, .25) 100%);
}
.concept-hero h1,
.package-content .concept-hero h1 {
  color: #faf8ef;
  font-size: clamp(3rem, 4.7vw, 4.6rem);
  line-height: 1.06;
}
.concept-hero h1 em { color: #dce6d5; }
.concept-hero .eyebrow,
.package-content .concept-hero .eyebrow { color: #e1eadb; }
.concept-hero .lead,
.package-content .concept-hero .lead,
.package-content .concept-hero .hero-home-copy p {
  color: #f2f2e9;
  font-size: 18px;
  line-height: 1.7;
}
.concept-hero .breadcrumbs,
.concept-hero .breadcrumbs a,
.concept-hero .article-byline,
.concept-hero .text-link,
.concept-hero .small,
.concept-hero .muted,
.concept-hero .faint,
.package-content .concept-hero .small,
.package-content .concept-hero .muted,
.package-content .concept-hero .faint,
.package-content .concept-hero .hero-tag { color: #e1eadb; }
.package-content .concept-hero .btn.primary {
  background: #faf8ef;
  color: #243d2d;
  border-color: #faf8ef;
}
.package-content .concept-hero .btn.secondary {
  background: rgba(15, 32, 23, .3);
  color: #faf8ef;
  border-color: #e1eadb;
}
.concept-hero a:focus-visible { outline: 3px solid #faf8ef; outline-offset: 5px; }
.package-content .concept-hero .hero-motto {
  position: absolute;
  right: max(5%, calc((100vw - 1280px) / 2));
  bottom: 45px;
  max-width: 310px;
  margin: 0;
  color: #faf8ef;
  font: italic 24px/1.4 var(--serif);
  text-align: right;
  text-shadow: 0 1px 8px #13271c;
}
.journal-article.with-hero {
  max-width: none;
  padding: 0 0 85px;
  margin: 0;
}
.article-header.concept-hero {
  min-height: 540px;
  margin-bottom: 56px;
}
.article-header.concept-hero .hero-copy { max-width: 1000px; }
.article-header.concept-hero .eyebrow { margin-top: 38px; }
.article-header.concept-hero .concept-figure::after {
  background: linear-gradient(90deg, rgba(15, 32, 23, .9), rgba(15, 32, 23, .76) 65%, rgba(15, 32, 23, .48));
}
.journal-article.with-hero .article-body,
.journal-article.with-hero .article-return {
  width: calc(100% - 44px);
  max-width: 740px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1100px) {
  .package-content .concept-hero .hero-motto {
    position: relative;
    right: auto;
    bottom: auto;
    margin: 28px 0 0;
    text-align: left;
    font-size: 20px;
  }
}
@media (max-width: 700px) {
  .concept-hero,
  .package-content .hero-home.concept-hero,
  .package-content .page-hero.concept-hero {
    padding: 48px 6% 52px;
    min-height: 580px;
  }
  .concept-hero h1,
  .package-content .concept-hero h1 { font-size: clamp(2.6rem, 10.5vw, 3.6rem); }
  .concept-hero .lead,
  .package-content .concept-hero .lead,
  .package-content .concept-hero .hero-home-copy p { font-size: 17px; }
  .concept-figure::after {
    background: linear-gradient(90deg, rgba(15, 32, 23, .82), rgba(15, 32, 23, .64));
  }
  .journal-article.with-hero { padding-bottom: 50px; }
  .article-header.concept-hero { min-height: 460px; margin-bottom: 36px; }
}
@media print {
  .concept-hero,
  .package-content .hero-home.concept-hero,
  .package-content .page-hero.concept-hero {
    min-height: 0;
    padding: 24px 0;
    background: white;
    color: #243d2d;
  }
  .concept-hero .concept-figure { display: none; }
  .concept-hero :is(h1, em, p, a, .eyebrow, .lead, .small, .muted, .hero-tag, .breadcrumbs) {
    color: #243d2d !important;
    text-shadow: none;
  }
  .package-content .concept-hero .hero-motto {
    position: static;
    margin-top: 24px;
    text-align: left;
  }
}