/* Desktop homepage spacing. Phone and portrait-tablet styles remain as approved. */
@media (min-width: 981px) {
  body:is(.design-midnight, .design-folio) #t-overview:checked ~ .hero { min-height: 0 !important; align-content: start; }
  body:is(.design-midnight, .design-folio) .hero-inner { min-height: 0; align-items: start; padding-top: 52px; padding-bottom: 40px; }
  body:is(.design-midnight, .design-folio) .hero-stage { grid-row: 1; align-self: start; min-height: 0; flex-direction: column; }
  body:is(.design-midnight, .design-folio) .hero-bindings { position: relative; display: flex; justify-content: center; width: 100%; height: 328px; }
  body:is(.design-midnight, .design-folio) .hero-book { top: 16px; }
  body:is(.design-midnight, .design-folio) .hero-stage-label { position: static; margin-top: 8px; }
  body:is(.design-midnight, .design-folio) .hero-highlight { margin: 14px 0 0; color: var(--gold2); font-family: "Iowan Old Style", "Palatino Linotype", Baskerville, Georgia, serif; font-size: clamp(20px, 2vw, 25px); font-weight: 600; line-height: 1.35; text-align: center; }
  body:is(.design-midnight, .design-folio) .hero-highlight span { display: block; }
  body.design-folio .hero-inner { row-gap: 24px; }
  body.design-folio .hero-stage { height: 375px; min-height: 375px; padding-bottom: 0; }
  body.design-folio .hero-stage-label { position: absolute; left: 0; right: 0; bottom: 16px; margin-top: 0; }
  body.design-folio .hero-stage::after { bottom: 75px; pointer-events: none; }
  body.design-folio .hero-copy-bottom { grid-column: 1 / -1; max-width: none; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 36px; }
  body.design-folio .hero-copy-bottom > p { max-width: none; margin: 0; }
  body.design-folio .hero-copy-bottom .hero-actions { grid-column: 1 / -1; margin-top: 0; }
  body.design-folio .author-credit { color: var(--muted); }
}