/* =========================================================================
   Køkken — sidespecifik CSS. Bygger ovenpå base.css (galleri-stil).
   ========================================================================= */

/* Proces-trin */
.steps{
  list-style:none;margin:0;padding:0;
  display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(28px,3vw,56px);
}
.steps__item{position:relative}
.steps__num{
  display:block;font-family:var(--fd);font-weight:300;
  font-size:clamp(1.8rem,2.4vw,2.6rem);letter-spacing:.04em;color:var(--muted);
  padding-bottom:.8rem;margin-bottom:1.1rem;border-bottom:1px solid var(--line);
}
.steps__title{font-family:var(--fd);font-weight:300;font-size:var(--fs-h3);margin:0 0 .6rem}
.steps__text{margin:0;color:var(--ink-soft);font-weight:300;font-size:.98rem;line-height:1.65}

/* Materialer (i højre kolonne af split) */
.materials{margin-top:2.2rem;display:grid;grid-template-columns:1fr 1fr;gap:0 clamp(28px,4vw,64px)}
.material{padding:1.5rem 0;border-top:1px solid var(--line)}
.material:nth-child(-n+2){border-top:0;padding-top:0}
.material__name{font-family:var(--fd);font-weight:300;font-size:clamp(1.2rem,1.6vw,1.5rem);margin:0 0 .5rem}
.material__text{margin:0;color:var(--ink-soft);font-weight:300;font-size:.96rem;line-height:1.6}

@media(max-width:880px){.steps{grid-template-columns:1fr 1fr;gap:38px 28px}}
@media(max-width:620px){.materials{grid-template-columns:1fr}.material:nth-child(2){border-top:1px solid var(--line);padding-top:1.5rem}}
@media(max-width:520px){.steps{grid-template-columns:1fr}}