.sup-ing-01{
  --bg:#f6f3eb;
  --text:#1c281f;
  --muted:#6d756e;
  --accent:#71856f;
  --card:#ffffff;

  background:var(--bg);
  color:var(--text);
  padding:110px 30px;
  font-family:Arial,sans-serif;
}

.sup-ing-01 *{
  box-sizing:border-box;
}

.sup-ing-01__head{
  max-width:760px;
  margin:0 auto 65px;
  text-align:center;
}

.sup-ing-01__head > span{
  font-size:11px;
  letter-spacing:2.5px;
  color:var(--accent);
  font-weight:700;
}

.sup-ing-01 h2{
  margin:18px 0;
  font-size:clamp(46px,6vw,72px);
  line-height:.95;
  letter-spacing:-3px;
  color:var(--text);
}

.sup-ing-01__head p{
  color:var(--muted);
  font-size:16px;
  line-height:1.7;
}

.sup-ing-01__grid{
  max-width:1180px;
  margin:auto;
  display:grid;

  grid-template-columns:
    repeat(
      var(--ingredient-count,3),
      minmax(0,1fr)
    );

  gap:22px;
}

.sup-ing-01__card{
  background:var(--card);
  border-radius:18px;
  overflow:hidden;
  padding-bottom:30px;
}

.sup-ing-01__image{
  aspect-ratio:4/3;
  overflow:hidden;
}

.sup-ing-01__image img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}

.sup-ing-01__num{
  display:block;
  margin:25px 28px 10px;
  color:var(--accent);
  font-size:11px;
  letter-spacing:1px;
  font-weight:700;
}

.sup-ing-01 h3{
  margin:0 28px 12px;
  font-size:22px;
  color:var(--text);
}

.sup-ing-01__card p{
  margin:0 28px;
  color:var(--muted);
  line-height:1.7;
  font-size:14px;
}


/*
|--------------------------------------------------------------------------
| TABLET
|--------------------------------------------------------------------------
*/

@media(max-width:1024px){

  .sup-ing-01__grid{
    grid-template-columns:repeat(2,1fr);
  }

}


/*
|--------------------------------------------------------------------------
| MOBILE
|--------------------------------------------------------------------------
*/

@media(max-width:767px){

  .sup-ing-01{
    padding:70px 20px;
  }

  .sup-ing-01__grid{
    grid-template-columns:1fr;
  }

  .sup-ing-01 h2{
    font-size:45px;
    letter-spacing:-2px;
  }

}