/* ============================================================
   CASSAVONA v2 — Layout: container / gutter / section rhythm
   Full-bleed sections own bg; inner .container owns ALL gutter.
   ============================================================ */
@layer layout {

  .container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter)}
  .container--narrow{max-width:58rem}
  .container--prose{max-width:52rem}

  .section{padding-block:var(--section-y)}
  .section--tight{padding-block:var(--space-8)}
  .section--paper{background:var(--c-paper);color:var(--text-body)}
  .section--paper-2{background:var(--c-paper-2);color:var(--text-body)}
  .section--ink{background:var(--c-ink);color:var(--text-on-ink)}
  .section--ink-2{background:var(--c-ink-2);color:var(--text-on-ink)}
  .section--rust{background:var(--c-rust);color:var(--text-on-ink)}
  .section--olive{background:var(--c-olive);color:var(--text-on-ink)}

  .section--ink .kicker,.section--ink-2 .kicker,.section--rust .kicker{color:var(--c-gold)}
  .section--ink .lead,.section--ink-2 .lead{color:var(--text-on-ink-soft)}
  .section--ink .muted,.section--ink-2 .muted{color:var(--text-on-ink-soft)}
  .section--ink .stamp,.section--ink-2 .stamp{color:var(--text-on-ink-soft)}

  /* Vertical flow */
  .stack{display:flex;flex-direction:column}
  .stack>*+*{margin-block-start:var(--flow,var(--stack))}
  .flow-tight{--flow:var(--space-3)}
  .flow-2>*+*{margin-block-start:var(--space-2)}
  .flow-3>*+*{margin-block-start:var(--space-3)}
  .flow-4>*+*{margin-block-start:var(--space-4)}

  /* Section heading block */
  .head{max-width:var(--measure)}
  .head--center{margin-inline:auto;text-align:center}
  .head .lead{margin-top:var(--space-3)}
  .head--center .lead{margin-inline:auto}
  .head .h2{margin-top:var(--space-2)}

  /* Helpers */
  .center-x{margin-inline:auto}
  .text-center{text-align:center}
  .relative{position:relative}
  .nowrap{white-space:nowrap}
  .grid{display:grid;gap:var(--space-5)}
}