/* Spec 144 — hero institucional full-bleed navy */
.public-hero {
  width: 100%;
  background: var(--vr-navy);
  color: var(--vr-white);
  padding: clamp(3rem, 8vw, 5.5rem) clamp(1rem, 5vw, 4rem);
}

.public-hero__inner {
  max-width: 1440px;
  margin: 0 auto;
}

.public-hero .eyebrow {
  color: var(--vr-sand);
  margin-bottom: 0.75rem;
}

.public-hero h1 {
  font-family: var(--display);
  font-size: clamp(1.85rem, 4.2vw, 3.1rem);
  line-height: 1.12;
  font-weight: 600;
  max-width: 22ch;
  margin: 0 0 1rem;
}

.public-hero__lead {
  font-size: clamp(0.95rem, 1.6vw, 1.1rem);
  line-height: 1.55;
  max-width: 42rem;
  color: color-mix(in srgb, var(--vr-white) 88%, transparent);
  margin: 0 0 1.35rem;
}

.public-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
  align-items: center;
  margin-bottom: 0.75rem;
}

.public-hero__note {
  font-size: 0.82rem;
  line-height: 1.45;
  max-width: 40rem;
  color: color-mix(in srgb, var(--vr-white) 72%, transparent);
  margin: 0.5rem 0 0;
}

@media (max-width: 576px) {
  .public-hero__actions {
    flex-direction: column;
    align-items: stretch;
  }

  .public-hero__actions .button {
    width: 100%;
    justify-content: center;
  }
}