/* Agora Techne: retain template geometry while making longer names safe. */
a, h1, h2, h3, h4, p { overflow-wrap: break-word; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

/* The longer club name retains the single-line footer wordmark. */
.footer-title { font-size: clamp(30px, 9.5vw, 160px); letter-spacing: .035em; white-space: nowrap; }
[id] { scroll-margin-top: 120px; }

/* Keep the social row flexible when the WhatsApp group link is present. */
.agora-footer-socials { flex-wrap: wrap; max-width: 100%; row-gap: .25rem; }
.agora-footer-socials svg { flex-shrink: 0; }

/* Profile portraits: a gentle hover zoom, with no video interaction. */
.agora-profile-photo {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  transition: transform 700ms ease;
}
.agora-profile-caption {
  position: relative;
  z-index: 1;
  padding: 12px 16px;
  border-radius: 12px;
  background: rgb(255 255 255 / 92%);
}
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  .agora-profile-portrait:hover .agora-profile-photo { transform: scale(1.025); }
}
@media (prefers-reduced-motion: reduce) {
  .agora-profile-photo { transition: none; }
}