/* Separate homepage sections, stacked in reading order at every screen size. */
.hf-gallery-group { padding-block: clamp(48px, 7vw, 88px); }
.hf-gallery-group + .hf-gallery-group { border-top: 1px solid var(--line); }
.hf-gallery-heading { display: flex; flex-direction: column; gap: 16px; margin-bottom: 30px; max-width: 760px; }
.hf-gallery-heading .display { margin: 0; }
.hf-gallery-description { margin: 0; max-width: 54ch; font-size: 15px; line-height: 1.6; color: var(--fg-2); }
.hf-gallery-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; align-items: start; max-width: 900px; margin-inline: auto; }
.hf-gallery-group .gl-card { width: 100%; min-width: 0; max-width: none; }
.hf-gallery-group .gl-media { width: 100%; }
.hf-gallery-transformations .hf-gallery-grid { max-width: 560px; margin-inline: auto; grid-template-columns: minmax(0, 1fr); }
.hf-gallery-coaches .gl-media > img, .hf-gallery-athletes .gl-media > img { object-fit: contain; }
.hf-gallery-empty { padding-block: 22px; margin: 0; border-block: 1px solid var(--line); font-size: 15px; color: var(--fg-2); }
@media (max-width: 640px) {
  .hf-gallery-grid { grid-template-columns: minmax(0, 1fr); gap: 28px; }
  .hf-gallery-heading { gap: 14px; margin-bottom: 24px; }
}