/* =========================================================
   Layout primitives
   ========================================================= */
.mz-container {
  width: 100%;
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 var(--s-5);
}
@media (min-width: 768px) { .mz-container { padding: 0 var(--s-7); } }

.mz-section { padding: var(--s-9) 0; }
.mz-section--tight { padding: var(--s-8) 0; }

.mz-eyebrow {
  font: 600 var(--t-xs)/1 var(--ff-mono);
  letter-spacing: var(--tr-micro);
  text-transform: uppercase;
  color: var(--ink-3);
  display: inline-flex;
  align-items: center;
  gap: var(--s-2);
}
.mz-eyebrow::before {
  content: "";
  width: 18px; height: 1px;
  background: var(--ink-3);
}

.mz-h1 { font: 700 var(--t-2xl)/var(--lh-2xl) var(--ff-ui); letter-spacing: var(--tr-tight); margin: 0; }
.mz-h2 { font: 700 var(--t-xl)/var(--lh-xl) var(--ff-ui);   letter-spacing: var(--tr-tight); margin: 0; }
.mz-h3 { font: 600 var(--t-lg)/var(--lh-lg) var(--ff-ui);   letter-spacing: -0.01em;          margin: 0; }
.mz-lede { font-size: var(--t-md); line-height: var(--lh-md); color: var(--ink-2); max-width: 56ch; }

.mz-mono { font-family: var(--ff-mono); font-feature-settings: 'tnum', 'zero'; letter-spacing: 0; }