/* Ajustes de legibilidade: espaçamento, hierarquia tipográfica e quebra de texto.
   Mantém o design original e não altera cores ou imagens. */
html { -webkit-text-size-adjust: 100%; }
body {
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.brand { letter-spacing: -.035em; line-height: 1.2; }
.eyebrow { line-height: 1.65; letter-spacing: .1em; }
.hero-title {
  font-size: clamp(52px, 8.8vw, 140px);
  line-height: 1.045;
  letter-spacing: -.055em;
  margin-bottom: 45px;
}
.display {
  line-height: 1.13;
  letter-spacing: -.045em;
  text-wrap: balance;
}
#portfolio-title {
  line-height: 1.14;
  letter-spacing: -.045em;
}
.contact-title {
  line-height: 1.11;
  letter-spacing: -.055em;
  text-wrap: balance;
}
.statement-copy { line-height: 1.7; }
.statement-copy p + p { line-height: 1.75; }
.method-intro > p:last-of-type,
.direction > div:nth-child(2) > p:last-child,
.portfolio-intro,
.section-heading > p { line-height: 1.75; }
.step h3, .project-card h3, .article-card h3,
.material h3, #radar-grid h3 {
  letter-spacing: -.035em;
  line-height: 1.23;
  overflow-wrap: break-word;
}
.step p, .material p, .article-card p, #radar-grid p {
  line-height: 1.7;
}
.portfolio-photo figcaption {
  padding: 20px 0 28px;
  line-height: 1.55;
}
.portfolio-photo figcaption strong {
  display: block;
  font-size: clamp(18px, 2vw, 23px);
  font-weight: 700;
  line-height: 1.42;
  letter-spacing: -.018em;
  overflow-wrap: anywhere;
}
#photo-caption { line-height: 1.6; overflow-wrap: anywhere; }
.button, .text-link, .nav a { line-height: 1.5; }
.radar-details dd, .radar-source, .radar-card h3 { overflow-wrap: anywhere; }
.radar-filters label, .radar-meta { line-height: 1.6; }
@media (max-width: 760px) {
  .hero-title {
    font-size: clamp(37px, 10.5vw, 69px);
    line-height: 1.085;
    letter-spacing: -.053em;
    margin: 22px 0 36px;
  }
  .display { font-size: clamp(38px, 9.5vw, 70px); line-height: 1.15; }
  #portfolio-title { font-size: clamp(36px, 9.1vw, 64px); line-height: 1.14; }
  .contact-title { font-size: clamp(43px, 11.3vw, 74px); line-height: 1.15; }
  .hero-footer p { font-size: 15px; line-height: 1.75; }
  .statement-copy { line-height: 1.68; }
  .portfolio-photo figcaption strong { font-size: 18px; line-height: 1.5; }
  .portfolio-photo figcaption { padding: 15px 0 23px; }
  .hero-actions, .contact-actions, .portfolio-actions { row-gap: 18px; }
  .text-link { white-space: normal; }
  body > .nav a { line-height: 1.5; }
}
@media (max-width: 390px) {
  .hero-title { font-size: clamp(36px, 10.4vw, 42px); }
  .button { padding: 13px 18px; }
  .portfolio-photo figcaption strong { font-size: 17px; }
}