/* ---------- Home hero ---------- */
.hero {
  position: relative; isolation: isolate; overflow: hidden;
  min-height: clamp(560px, 92vh, 1056px);
  display: flex; align-items: center;
  padding-block: 80px;
  border-bottom: 1px solid var(--border);
}
.hero__media {
  inset: 0 auto 0 0;
  width: min(58.2%, 1118px);
  z-index: -1;
  --fade-v: linear-gradient(180deg, rgba(15,15,15,.7) 0%, rgba(15,15,15,.1) 37.6%, rgba(15,15,15,.7) 100%);
  --fade-h: linear-gradient(90deg, rgba(15,15,15,.7) 0%, rgba(15,15,15,.4) 9.9%, rgba(15,15,15,.2) 47.2%, rgba(15,15,15,.4) 74.1%, #0f0f0f 100%);
}
.hero__content { display: flex; flex-direction: column; align-items: flex-end; gap: 20px; text-align: right; }
.hero__eyebrow { font-size: var(--fs-sub); color: var(--text-muted); text-transform: uppercase; }
.hero h1 { font-size: var(--fs-h1); line-height: 0.85; }
.hero__lede { font-size: var(--fs-sub); color: var(--text-muted); max-width: 40ch; }
.hero__actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 16px; padding-top: 9px; }

@media (max-width: 900px) {
  .hero { align-items: flex-end; min-height: 640px; }
  .hero__media { inset: 0; width: 100%; }
  .hero__media img { object-position: 30% top; }
  /* darker at the bottom so the text stays legible over the photo */
  .hero__media {
    --fade-v: linear-gradient(180deg, rgba(15,15,15,.5) 0%, rgba(15,15,15,.2) 25%, rgba(15,15,15,.9) 75%, #0f0f0f 100%);
    --fade-h: linear-gradient(90deg, rgba(15,15,15,.3), rgba(15,15,15,.3));
  }
  .hero__content { align-items: flex-start; text-align: left; }
  .hero__actions { justify-content: flex-start; }
}

.section__cta { display: flex; justify-content: center; }