/* Homepage rhythm: three steps of space, so sections never crowd each other.
   --s-section around each section, --s-block between its head and content, --s-text between lines of copy. */
.home-refined {
  --s-section: clamp(96px, 10vw, 152px);
  --s-block: clamp(56px, 5.6vw, 84px);
  --s-text: 24px;
}
@media (max-width: 760px) {
  .home-refined { --s-section: 80px; --s-block: 44px; --s-text: 20px; }
}

.home-refined .sec, .home-refined #explore { padding-block: var(--s-section); }
.home-refined .h2, .home-refined #explore .explore-head .h2 { margin-top: var(--s-text); }
.home-refined .prose p + p { margin-top: var(--s-text); }
.home-refined .more, .home-refined .sec__after { margin-top: calc(var(--s-text) * 1.5); }

/* About */
.home-refined .about-split { gap: var(--s-block) clamp(72px, 8vw, 128px); }
.home-refined .about-split .sec__body { padding-top: calc(var(--s-text) * 1.5); }
.home-refined .heritage-quote { margin-top: calc(var(--s-text) * 1.5); }

/* Why */
.home-refined #why .gains { margin-top: var(--s-block); padding-top: var(--s-text); column-gap: clamp(32px, 3.4vw, 52px); row-gap: var(--s-text); }
.home-refined #why .gains p { margin-top: 4px; }

/* Rounds */
.home-refined .path-wrap { margin-top: var(--s-block); }
.home-refined .path .name { margin-block: 10px 14px; }

/* Explore */
.home-refined #explore .explore-head { margin-bottom: var(--s-block); row-gap: var(--s-text); }
.home-refined #explore .explore-intro { margin-top: var(--s-text); }
.home-refined #explore .atlas { row-gap: var(--s-block); }
.home-refined #explore .atlas__q { margin-top: calc(var(--s-text) * 1.5); }
.home-refined #explore .explore-actions { margin-top: var(--s-block); }
.home-refined .atlas__list a { padding-block: 17px; }

/* Record and questions */
.home-refined .sec__grid { column-gap: clamp(64px, 7.5vw, 120px); row-gap: var(--s-block); }
.home-refined .sec__intro { margin-top: var(--s-text); }
.home-refined .faq summary { padding-block: 24px; }
.home-refined .faq .ans { padding-bottom: 28px; }

/* Closing */
.home-refined .cta__inner { padding-block: var(--s-section); }

@media (max-width: 760px) {
  .hero__text { padding-bottom: 56px; }
  .hero__status { margin-block: 14px 24px; }
  .facts b, .facts span { padding-block: 3px; }
  .home-refined #about .h2 { margin-top: 0; }
  .home-refined #why .gains li { padding-block: 22px; }
  .home-refined .cta__inner { padding-block: 72px; }
}