/* Homepage task hierarchy; the existing site identity remains shared. */
.hero { min-height: 0; }
.hero-content {
  grid-template-areas: "copy art" "actions art";
  column-gap: clamp(28px, 5vw, 72px);
  row-gap: 24px;
  padding-block: clamp(40px, 5vw, 72px);
}
.hero-copy { grid-area: copy; }
.hero-media { grid-area: art; }
.hero .hero-actions { grid-area: actions; align-self: start; }
.hero h1 { font-size: clamp(2.5rem, 5vw, 4.5rem); line-height: 1.05; max-width: 13ch; }
.hero-media img { max-height: 420px; }
@media (max-width: 900px) {
  .hero-content { grid-template-columns: minmax(0, 1fr); grid-template-areas: "copy" "actions" "art"; }
  .hero h1 { font-size: clamp(2.5rem, 8vw, 3.5rem); }
  .hero-media { width: min(100%, 340px); }
  .hero-media img { max-height: 340px; }
}