/* Static artwork: intrinsic dimensions reserve its space before it loads. */
.page-index .home-intro { padding-top:3.1rem; }
.hero-layout {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1.06fr);
  grid-template-areas:'heading visual' 'copy visual';
  grid-template-rows:auto 1fr;
  align-items:start;
  gap:1.5rem 2rem;
  padding-bottom:2.75rem;
}
.hero-layout > * { min-width:0; }
.hero-heading { grid-area:heading; }
.page-index .home-intro h1 {
  font-size:clamp(3.5rem,5.6vw,5.35rem);
  line-height:1.08;
  letter-spacing:-.035em;
}
.hero-layout .home-intro-copy { grid-area:copy; max-width:30rem; padding-top:0; }
.hero-infographic { grid-area:visual; width:94%; margin:0; align-self:center; justify-self:center; }
.hero-infographic img { display:block; width:100%; height:auto; }

/* Keep the approved separation between leadership, examples and contact. */
.page-index .selected-work {
  background:var(--tint);
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.page-index .selected-work + .contact-invitation { background:var(--paper); border-top:0; }
.page-index .additional-services { display:contents; }
.page-index .services-toggle {
  display:none;
  min-height:48px;
  margin-top:1rem;
  padding:.7rem 0;
  border:0;
  background:transparent;
  color:var(--blue);
  font-size:1rem;
  font-weight:600;
  text-align:left;
  text-decoration:underline;
  text-underline-offset:.25em;
}
@media (max-width:999px) {
  .hero-layout {
    grid-template-columns:minmax(0,1fr);
    grid-template-areas:'heading' 'visual' 'copy';
    grid-template-rows:auto auto auto;
    gap:1.75rem;
  }
  .hero-layout .home-intro-copy { max-width:40rem; }
  .page-index .home-intro h1 { font-size:clamp(3.4rem,8.6vw,5.5rem); }
  .hero-infographic { max-width:34rem; }
}
@media (max-width:800px) {
  .page-index .services-overview { padding-block:3rem; }
  .page-index .service-overview-grid { gap:1.5rem; }
  .page-index .service-link { padding-block:1rem; }
  .page-index .service-link h3 { font-size:1.125rem; line-height:1.4; letter-spacing:-.012em; }
  .page-index .service-link p { display:none; }
  .page-index .services-toggle:not([hidden]) { display:block; }
}
@media (max-width:520px) {
  .page-index .home-intro { padding-top:2.4rem; }
  .page-index .home-intro h1 {
    font-size:clamp(2.85rem,12.6vw,4.4rem);
    line-height:1.12;
    letter-spacing:-.025em;
  }
  .hero-layout { gap:1.5rem; padding-bottom:2rem; }
  .hero-layout .home-intro-copy { max-width:none; }
}
@media print {
  .hero-layout { display:block; }
  .hero-infographic { max-width:24rem; margin:1.5rem auto; }
  .hero-layout .home-intro-copy { margin-top:1.5rem; }
  .page-index .additional-services[hidden] { display:contents!important; }
  .page-index .service-link p { display:block; }
  .page-index .services-toggle { display:none!important; }
}