.philosophy { text-align: center; }
.philosophy__eyebrow { justify-content: center; margin-bottom: 28px; }

.manifesto {
  font-family: var(--f-display);
  font-size: clamp(30px, 5vw, 72px);
  line-height: 1.18; letter-spacing: -.005em;
  max-width: 1120px; margin: 0 auto;
}
.manifesto em { font-style: normal; color: var(--topo-texto); }

.inpic {
  display: inline-block; vertical-align: -.08em;
  width: 1.9em; height: .82em; margin: 0 .12em;
  border-radius: 100px; overflow: hidden; background: var(--lino);
}
.inpic--round { width: .82em; margin-left: .18em; }
.inpic img { width: 100%; height: 100%; object-fit: cover; }

.strike { position: relative; color: var(--topo-texto); }
.strike::after {
  content: ""; position: absolute; left: -2%; right: -2%; top: 54%;
  height: max(2px, .05em); background: var(--ebano);
  transform: scaleX(0); transform-origin: left center;
  transition: transform 600ms cubic-bezier(.23, 1, .32, 1) .9s;
}
.manifesto.is-in .strike::after { transform: scaleX(1); }

.manifesto .inpic img { transform: scale(1.25); opacity: 0; transition: transform 900ms cubic-bezier(.23, 1, .32, 1) .4s, opacity 500ms ease .4s; }
.manifesto.is-in .inpic img { transform: none; opacity: 1; }

.philosophy__note { max-width: 520px; margin: 36px auto 0; color: var(--topo-oscuro); }
.philosophy__note em { font-style: normal; color: var(--ebano); }

@media (prefers-reduced-motion: reduce) {
  .strike::after, .manifesto .inpic img { transition: opacity .3s ease; transform: none; }
  .manifesto .inpic img { opacity: 1; }
}

.inpic__a { object-position: 50% 62%; }
.inpic__b { object-position: 60% 48%; }