/* Shared reading rhythm. Artwork sizes and proportions are managed separately. */
body { line-height: 1.65; }
html { scroll-padding-top: 84px; }
body > nav { padding: 12px max(5vw, 24px); gap: 10px; line-height: 1.4; }
body > nav > ul { column-gap: 22px; row-gap: 8px; }
main { padding-bottom: 56px; }
main section { margin-top: 52px; }
h2 { line-height: 1.35; margin-bottom: 10px; }
h3, h4 { line-height: 1.4; }
.eyebrow { line-height: 1.4; margin-bottom: 8px; }
.lead { line-height: 1.65; }

.statement { margin-top: 0; padding-top: 36px; gap: 24px; }
.works { margin-top: 24px; gap: 22px; }
.work { padding-top: 18px; padding-bottom: 14px; }
.work h3 { margin-top: 10px; }
.band { margin-top: 52px; padding: 24px 40px; }
.band figcaption { margin-top: 8px; line-height: 1.5; }
.cta, .artistTeaser { gap: 32px; }
.cta .steps li { padding: 7px 0; line-height: 1.65; }
.btn { margin-top: 16px; }
.cols { margin-top: 22px; gap: 20px; }
.col { padding: 22px 28px; }
.col p { margin-top: 6px; line-height: 1.65; }
.col span { margin-top: 12px; }
.brief { margin-top: 20px; padding: 18px 24px; }
.brief label { margin: 8px 0; }
.brief .status { margin-top: 8px; line-height: 1.6; }

.pageHead, .article { padding-top: 36px; }
.list { margin-top: 28px; }
.item { padding: 17px 4px; gap: 18px; }
.item p { line-height: 1.65; }
.article h1 { line-height: 1.4; margin-top: 10px; }
.article .lede { line-height: 1.65; margin: 28px 0 24px; }
.article p { line-height: 1.7; margin-bottom: 15px; }
.article h2 { margin: 30px 0 12px; }
.article figure { margin: 28px 0; }
.article figcaption { line-height: 1.5; margin-top: 8px; }
.glyphArt { margin: 28px 0; }
.workcard { margin-top: 32px; padding: 20px 28px; }
.workcard dl { margin-top: 10px; gap: 3px 20px; }
.backline { margin-top: 36px; padding-top: 14px; }

.artistHero { padding-top: 40px; }
.artistHero .posline { line-height: 1.6; }
.artistHero .quiet { margin-top: 12px; }
.bio { margin-top: 36px; }
.bio p { line-height: 1.7; margin-bottom: 15px; }
.pending { padding: 18px 24px; margin: 16px 0; }
.pending p { line-height: 1.6; }
.pendWrap { margin-top: 32px; }
.pillars { margin-top: 28px; gap: 20px; }
.pillar { padding: 24px 28px; }
.pillar p { margin-top: 8px; line-height: 1.65; }
.pillar .count { margin-top: 12px; }
.pillar .go { bottom: 24px; }
.feature3 { margin-top: 28px; padding: 22px 28px; }
.feature3 p.fnote { margin-bottom: 16px; line-height: 1.65; }
.f3card { padding: 16px 18px; }
.f3card p { line-height: 1.65; }
.fiveDemo { margin-top: 22px; padding: 18px 28px; gap: 24px; }
.demoSide { line-height: 1.6; }

.journal-home { padding-top: 28px; }
.journal-hero { gap: 34px; margin-bottom: 48px; }
.journal-hero-copy h1 { margin-bottom: 16px; }
.journal-hero-copy .lead { line-height: 1.65; }
.journal-categories { margin-top: 0; }
.journal-categories .section-intro, .journal-recommended .section-intro { margin-bottom: 24px; }
.journal-categories .section-intro p, .journal-recommended .section-intro p { line-height: 1.65; }
.journal-orbits { gap: 18px; }
.journal-orbit h3 { margin-top: 10px; }
.journal-recommended { margin-top: 56px; }
.reading-grid { gap: 20px; }
.reading-card-copy { padding: 16px 20px 18px; }
.reading-card h3 { line-height: 1.5; }
.reading-card p { line-height: 1.6; margin-top: 6px; }
footer { margin-top: 56px; padding: 20px max(5vw, 24px) 32px; line-height: 1.6; gap: 10px; }

@media (max-width: 1000px) {
  body > nav > ul { column-gap: 18px; letter-spacing: .14em; }
  .journal-orbits { gap: 22px 20px; }
}
@media (max-width: 760px) {
  .journal-home { padding-top: 20px; }
  .journal-hero { gap: 20px; margin-bottom: 32px; }
  .journal-orbits { gap: 20px 18px; }
  .journal-recommended { margin-top: 36px; }
}
@media (max-width: 720px) {
  html { scroll-padding-top: 108px; }
  body > nav { padding: 10px 20px; gap: 8px; }
  body > nav > ul { column-gap: 12px; row-gap: 6px; letter-spacing: .09em; }
  nav .journal-menu { top: 94px; }
  main { padding-bottom: 36px; }
  main section { margin-top: 32px; }
  .statement { margin-top: 0; padding-top: 26px; }
  .works { margin-top: 20px; gap: 20px; }
  .band { margin-top: 32px; padding: 20px 26px; }
  .cta, .artistTeaser { gap: 20px; }
  .pageHead, .article { padding-top: 26px; }
  .article .lede { margin: 22px 0 18px; }
  .article h2 { margin-top: 24px; }
  .article figure { margin: 22px 0; }
  .artistHero { padding-top: 28px; }
  .bio { margin-top: 28px; }
  .journal-categories { margin-top: 0; }
  .journal-recommended { margin-top: 36px; }
  footer { margin-top: 36px; padding-bottom: 24px; }
}