/* MUTTI LAB 2.0 — UI Primitives V2.0 */
.ml2-container{
  width:min(var(--ml2-container-max),calc(100% - var(--ml2-gutter-desktop) - var(--ml2-gutter-desktop)));
  margin-inline:auto;
}
.ml2-reading{width:min(var(--ml2-container-reading),100%);margin-inline:auto}
.ml2-section{position:relative;padding-block:var(--ml2-space-12)}
.ml2-section--compact{padding-block:var(--ml2-space-10)}
.ml2-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--ml2-grid-gap)}
.ml2-surface{
  background:var(--ml2-color-surface);
  color:var(--ml2-color-ink);
  border:1px solid var(--ml2-color-border);
  border-radius:var(--ml2-radius-card);
}
.ml2-surface--editorial{border-radius:var(--ml2-radius-editorial);box-shadow:var(--ml2-shadow-editorial)}
.ml2-kicker{margin:0 0 12px;color:var(--ml2-color-raspberry);font:var(--ml2-weight-semibold) 11px/1.25 var(--ml2-font-sans);letter-spacing:.075em;text-transform:uppercase}
.ml2-heading{margin:0;color:var(--ml2-color-ink);font-family:var(--ml2-font-sans);font-weight:var(--ml2-weight-bold);letter-spacing:var(--ml2-tracking-tight);text-wrap:balance}
.ml2-heading--display{font-size:clamp(38px,4.6vw,68px);line-height:1.02;letter-spacing:var(--ml2-tracking-display);text-wrap:balance}
.ml2-heading--section{font-size:clamp(28px,2.5vw,40px);line-height:1.08}
.ml2-lead{margin:0;color:var(--ml2-color-graphite);font:var(--ml2-weight-regular) clamp(15px,1.05vw,17px)/1.52 var(--ml2-font-sans)}
.ml2-button{
  min-height:48px;padding:0 22px;border:1px solid transparent;border-radius:var(--ml2-radius-control);
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  font:var(--ml2-weight-semibold) 14px/1 var(--ml2-font-sans);text-decoration:none;cursor:pointer;
  transition:transform var(--ml2-duration-utility) var(--ml2-ease-standard),background-color var(--ml2-duration-utility) var(--ml2-ease-standard),border-color var(--ml2-duration-utility) var(--ml2-ease-standard),box-shadow var(--ml2-duration-utility) var(--ml2-ease-standard);
}
.ml2-button--primary{background:var(--ml2-color-raspberry);color:#fff;box-shadow:var(--ml2-shadow-control)}
.ml2-button--primary:hover{background:var(--ml2-color-raspberry-hover);transform:translateY(-1px)}
.ml2-button--secondary{background:var(--ml2-color-surface);color:var(--ml2-color-ink);border-color:var(--ml2-color-border)}
.ml2-button--secondary:hover{border-color:var(--ml2-color-border-strong);transform:translateY(-1px)}
.ml2-button:focus-visible{outline:0;box-shadow:var(--ml2-focus-ring)}
.ml2-status--success{color:var(--ml2-color-green)}
.ml2-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

@media(max-width:1024px){.ml2-grid{grid-template-columns:repeat(8,minmax(0,1fr))}.ml2-section{padding-block:var(--ml2-space-11)}}
@media(max-width:767px){.ml2-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.ml2-section{padding-block:var(--ml2-space-10)}.ml2-section--compact{padding-block:56px}.ml2-button{min-height:46px;padding-inline:18px}}
