/* Spanish copy sets its own height and wraps without the English line breaks. */
html[lang="es"] body[data-page] .hero {
  height: auto;
  min-height: 100svh;
  grid-template-rows: auto minmax(min-content, 1fr) auto;
}
html[lang="es"] body[data-page] .hero-copy {
  padding-block: clamp(22px, 4svh, 44px);
  transform: none;
}
html[lang="es"] body[data-page=peripheric] .hero h1 strong { display: block; }
html[lang="es"] body[data-page] .site-header nav .projects-label {
  max-width: 11ch;
  overflow-wrap: normal;
}
html[lang="es"] body[data-page=unpattern] .edge-grid p:first-child strong { white-space: normal; }
html[lang="es"] body[data-page=anomaly] .anomaly-card summary {
  padding-inline: clamp(16px, 2.5vw, 32px);
}
html[lang="es"] .anomaly-card .card-heading { align-items: start; }
html[lang="es"] .anomaly-card h3,
html[lang="es"] .track-heading h3 { overflow-wrap: anywhere; }
html[lang="es"] .anomaly-card .disclosure { flex-shrink: 0; }
html[lang="es"] .semantic-card summary p { padding-right: 46px; }
html[lang="es"] .site-banner .closing-copy { max-width: 630px; }
html[lang="es"] #contact-dialog {
  max-height: 88svh;
  overflow-wrap: anywhere;
}
html[lang="es"] #dialog-title { padding-inline-end: 30px; }

@media (max-width: 600px) {
  html[lang="es"] body[data-page] .site-header nav .projects-label { max-width: 9ch; }
  html[lang="es"] body[data-page] .hero-description p { font-size: clamp(16px, 4.6vw, 20px); }
}