/* ==========================================================================
   YogiSoul density pass — loaded last on every page.
   Tightens the type scale and vertical rhythm so sections carry content,
   not empty space. Detail pages (.yd) set their own tighter tokens.
   ========================================================================== */
:root{
  --fs-h1:clamp(40px,5vw,76px);
  --fs-h2:clamp(28px,3vw,46px);
  --fs-h3:clamp(20px,1.6vw,26px);
}

/* Section rhythm */
.c-section{padding:clamp(40px,5vw,72px) 0}
.c-section-tight{padding:clamp(24px,3vw,44px) 0}
.c-head{margin-bottom:clamp(18px,2.2vw,28px)}
.clay .c-head h2{max-width:22ch}
.clay .c-kicker{margin-bottom:10px}

/* Inner page heads: one compact band, not a poster */
.clay .c-page-head{padding:clamp(20px,2.6vw,36px) 0 clamp(20px,2.6vw,32px);margin-bottom:clamp(16px,2vw,28px)}
.clay .c-page-head .c-lead{font-size:16px}

/* Cards: less air inside, crisper grid gaps */
.clay .c-grid{gap:clamp(12px,1.4vw,18px)}
.clay .c-card{padding:clamp(16px,1.6vw,22px)}
.clay .c-card h3{font-size:clamp(20px,1.7vw,26px)}
.clay .c-card p{font-size:15px;line-height:1.5}

/* Footer: compact */
.clay .ds-footer{padding-top:clamp(40px,4.5vw,64px)}

@media (max-width:560px){
  :root{--fs-h1:38px;--fs-h2:28px}
  .c-section{padding:32px 0}
}