:root{
  --mv-max: 1280px;
  --mv-pad: clamp(16px, 4vw, 40px);
  --ink: #fff;
  --muted: #cfd3da;
}

/* Section */
.mv{
  background: #000;                  /* full-bleed dark */
  color: var(--ink);
  /* height: 100vh; */
}
.mv__wrap{
  max-width: var(--mv-max);
  margin: 0 auto;
  padding: clamp(32px, 6vw, 88px) var(--mv-pad) clamp(44px, 8vw, 120px);
  text-align: center;
}

/* Title */
.mv__title{
  margin: 0 0 clamp(28px, 6vw, 72px);
  font-weight: 800;
  letter-spacing: .2px;
  font-size: clamp(36px, 6vw, 72px);
}

/* Grid: 2 columns desktop → 1 column mobile */
.mv__grid{
  display: flex;
  flex-direction: column;
  gap: 100px;
}
@media (max-width: 900px){
  .mv__grid{ 
    display: flex;
    flex-direction: column;
    gap: 90px;
  }

  /* .mv{
    height: 65vh;
  } */
}

/* Item */
.mv-item{
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: center;
}

.mv-item__icon{
  color: var(--ink);
  opacity: .98;
}
.mv-item__icon img,
.mv-item__icon svg{
  width: clamp(80px, 9vw, 120px);
  height: auto;
  display: block;

  filter: invert(1);
}

.mv-item__heading{
  margin: 0;
  font-weight: 700;
  font-size: clamp(24px, 3.6vw, 44px);
  color: red;
}
.mv-item__text{
  margin: 0;
  color: white;
  font-size: clamp(16px, 2vw, 24px);
  line-height: 1.7;
  max-width: 52ch;
}

/* Subtle reveal */
[data-reveal]{
  opacity: 0;
  transform: translateY(14px);
  transition: opacity .6s ease, transform .7s cubic-bezier(.2,.7,.2,1);
}
[data-reveal].is-in{
  opacity: 1;
  transform: none;
}