/* V3 responsive refinements: keep the pop-art energy without collisions. */

/* Never split a word in the manifesto headline. The base h2 rule uses
   overflow-wrap:anywhere, which caused “assumptions.” to orphan its final s
   at some desktop widths. Keep the desktop headline just small enough to fit. */
.manifesto-copy h2 {
  font-size: clamp(2.5rem, 4.4vw, 4.2rem);
  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: none;
}

@media (max-width: 900px) {
  .manifesto-copy h2 {
    font-size: clamp(2.5rem, 7.4vw, 4rem);
  }
}

@media (max-width: 620px) {
  .pop-panel {
    padding-top: 82px;
  }
  .panel-quote {
    max-width: 100%;
    font-size: 1.68rem;
    line-height: 1.02;
  }

  .manifesto-copy h2 {
    font-size: clamp(2rem, 8.6vw, 2.75rem);
    line-height: .98;
    letter-spacing: -.05em;
  }

  /* The note and standards link are two separate beats. */
  .note-card {
    display: block;
    width: fit-content;
    max-width: 88%;
    margin: 22px 0 34px;
  }
  .manifesto .text-link {
    display: inline-block;
    margin-top: 0;
    line-height: 1.35;
  }
}

@media (max-width: 390px) {
  .pop-panel { padding-top: 76px; }
  .panel-quote { font-size: 1.52rem; }
  .manifesto-copy h2 { font-size: clamp(1.9rem, 8.3vw, 2.35rem); }
  .note-card { max-width: 92%; margin-bottom: 32px; }
}