.hg-hero { padding-block: 4.5rem 3rem; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr); gap: 3rem; align-items: center; }
  .hg-hero h1 { font-size: clamp(3.5rem, 7vw, 6rem); margin: 1.2rem 0; }
  .hg-hero .lede { max-width: 34ch; }
  .hg-hero img, .hg-shot img { width: 100%; height: auto; border-radius: var(--image-radius); box-shadow: var(--shadow); }
  .hg-status { display: inline-block; margin-top: 1.25rem; font-size: .8rem; color: var(--muted); }
  .hg-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-4); }
  .hg-shot figcaption { margin-top: .9rem; color: var(--muted); font-size: .9rem; max-width: 40ch; }
  .hg-list { max-width: 46rem; padding: 0; margin: 0; list-style: none; }
  .hg-list li { border-top: 1px solid var(--rule); padding: 1.25rem 0; }
  .hg-list b { display: block; font: 1.25rem var(--serif); font-weight: 400; margin-bottom: .35rem; }
  .hg-list span { color: var(--muted); line-height: 1.7; }
  @media (max-width: 52rem) { .hg-hero, .hg-grid { grid-template-columns: 1fr; } .hg-hero { padding-block: 3rem 2rem; } }

.hg-shot { margin: 0; }

.hg-hero .hg-shot { max-width: 480px; width: 100%; justify-self: center; }
.hg-hero .price { margin-bottom: 0; }
.hg-status { margin-block: .5rem 1rem; }
.hg-grid { align-items: start; }
.prose h3 { font-size: 1.5rem; margin-bottom: .5rem; }

.hg-status { font-size: .95rem; color: var(--ink); opacity: .78; }
.hg-sub { margin: .35rem 0 0; font-size: .95rem; color: var(--muted); max-width: 34ch; }
.hg-close { margin-top: 2rem; }

@media (min-width: 1400px) {
  .hg-hero h1 { font-size: clamp(6rem, 6.5vw, 8rem); }
  .hg-hero .lede { font-size: 1.3rem; max-width: 36ch; }
}
.hg-hero .hg-shot { background: var(--stage); border-radius: 24px; padding: 2.5rem 2rem; }
.hg-hero .hg-shot img { margin-inline: auto; }