/* V1.3 — visual stability and tighter responsive rhythm */
html,
body {
  max-width: 100%;
  overflow-x: clip;
}

/* Core content must never depend on scroll timing to remain readable. */
.reveal,
.reveal.in {
  opacity: 1;
  transform: none;
  transition: none;
}

.section {
  padding-block: clamp(78px, 7vw, 112px);
}

.manifesto,
.network {
  min-height: auto;
}

.manifesto {
  align-items: center;
}

.manifesto-image {
  height: min(440px, 42vw);
}

.phone-stage {
  min-height: 640px;
}

.live-phone {
  height: 620px;
}

.feed-card > img {
  height: 275px;
}

.format-head {
  margin-bottom: 52px;
}

.format-stage {
  min-height: 560px;
}

.data-lab {
  padding-block: 100px;
}

.process-screen {
  height: 530px;
}

.partner {
  min-height: 610px;
}

@media (max-width: 900px) {
  .manifesto-image {
    height: 420px;
  }

  .phone-stage {
    min-height: 620px;
  }

  .format-stage {
    min-height: 540px;
  }
}

@media (max-width: 620px) {
  .section,
  .live-account,
  .format-lab,
  .process-film,
  .services,
  .network,
  .partner,
  .about {
    padding-block: 78px;
  }

  .manifesto-image {
    height: 350px;
  }

  .phone-stage {
    min-height: 570px;
  }

  .live-phone {
    height: 600px;
  }

  .format-head {
    margin-bottom: 42px;
  }

  .format-stage {
    min-height: 500px;
  }

  .data-lab {
    padding-block: 78px;
  }

  .process-screen {
    height: 390px;
  }

  .partner {
    min-height: 540px;
  }
}