/* layout.css — container, sections, grid */
.container{
  width:100%;max-width:var(--container);
  margin-inline:auto;padding-inline:var(--gutter)
}
.container--wide{max-width:var(--container-wide)}
.container--narrow{max-width:840px}

.section{padding-block:var(--section-space)}
.section--tight{padding-block:clamp(40px,6vw,56px)}
.section--cream{background:var(--brand-cream)}
.section--smoke{background:var(--smoke-1)}
.section--green{background:
  radial-gradient(100% 120% at 50% 0%, rgba(201,162,39,.10), transparent 60%),
  #0f0f10;color:var(--ink);border-block:1px solid var(--gold-line)}
.section--green h1,.section--green h2,.section--green h3{color:var(--heading)}

.section__head{max-width:760px;margin-bottom:var(--title-gap)}
.section__head--center{margin-inline:auto;text-align:center}
.section__title{margin-bottom:var(--sp-4)}
.section__intro{color:var(--muted);font-size:var(--fs-lead)}
.section--green .section__intro{color:var(--muted)}
.section__intro{font-family:var(--font-serif);font-style:italic}

/* grid helpers */
.grid{display:grid;gap:var(--sp-6)}
.grid--2{grid-template-columns:repeat(2,1fr)}
.grid--3{grid-template-columns:repeat(3,1fr)}
.grid--4{grid-template-columns:repeat(4,1fr)}
.grid--auto{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.grid--auto-sm{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}

@media (max-width:992px){
  .grid--4{grid-template-columns:repeat(2,1fr)}
  .grid--3{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:600px){
  .grid--2,.grid--3,.grid--4{grid-template-columns:1fr}
}

.stack{display:flex;flex-direction:column;gap:var(--sp-4)}
.cluster{display:flex;flex-wrap:wrap;gap:var(--sp-3);align-items:center}
.center{text-align:center}