@import url("../almalead/styles.css?v=20260826-borders-2");

.hero-online h1 .hero-word-long {
  font-size: 0.61em;
}

.hero-online .hero-monogram {
  color: rgba(238, 235, 231, 0.1);
}

.international-endorsement {
  display: grid;
  grid-template-columns: minmax(170px, 0.45fr) minmax(0, 1.55fr);
  gap: clamp(40px, 8vw, 130px);
  padding: clamp(64px, 7vw, 108px) clamp(22px, 7vw, 112px);
  color: var(--black);
  background: #fff;
}

.endorsement-kicker {
  margin: 0;
  padding-top: 10px;
  border-top: 4px solid var(--gold);
  color: var(--black);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.international-endorsement h2 {
  margin: 0 0 24px;
  color: var(--black);
  font: 900 clamp(32px, 4vw, 56px)/1 var(--display);
  letter-spacing: -0.045em;
  text-transform: uppercase;
  text-shadow: none;
}

.international-endorsement > div { min-width: 0; }
.international-endorsement h2 span { display: block; }

.endorsement-copy {
  max-width: 680px;
  margin: 0;
  color: var(--black-raised);
  font-size: clamp(17px, 1.6vw, 21px);
  font-weight: 400;
  letter-spacing: normal;
  line-height: 1.5;
}

.endorsement-institutions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0 12px;
  margin: 24px 0 12px;
  padding: 24px;
  border: 0;
  background: #fff;
}

.endorsement-institutions img {
  display: block;
  flex: 0 1 auto;
  max-width: 100%;
  height: auto;
  object-fit: contain;
}

/* Keep official files intact, including FGU's built-in clear space. */
.endorsement-logo-cel { width: 170px; }
.endorsement-logo-fgu { width: 320px; }

.endorsement-legend {
  max-width: 680px;
  margin: 0 0 16px;
  color: var(--black);
  font-size: 18px;
  font-weight: 800;
  line-height: 1.5;
}

.endorsement-scope {
  max-width: 680px;
  margin: 0;
  color: var(--black-raised);
  font-size: 15px;
  line-height: 1.6;
}

.online-page .investment-list > div:first-child dt,
.online-page .investment-list > div:first-child dd {
  color: var(--cream);
}

.online-page .investment-list > div:first-child .payment-plan {
  margin-top: 20px;
  color: var(--gold);
  font: 800 clamp(17px, 1.7vw, 24px)/1.3 var(--sans);
  letter-spacing: -0.025em;
  text-shadow: none;
}

@media (min-width: 820px) {
  .online-page .investment-list,
  .online-page .investment .commercial-note,
  .online-page .investment .primary-link {
    grid-column: 2;
  }
}

@media (min-width: 820px) and (max-width: 980px) {
  .online-page .section-shell,
  .online-page .introduction {
    grid-template-columns: minmax(210px, 0.62fr) minmax(0, 1.38fr);
    gap: clamp(34px, 5vw, 58px);
  }

  .online-page .scroll-heading {
    position: sticky;
    top: 36px;
    align-self: start;
  }

  .online-page .introduction .audience {
    grid-column: 2;
  }

  .online-page .schedule {
    display: grid;
  }

  .online-page .schedule .section-heading {
    margin-bottom: 0;
  }

  .online-page .schedule-list > div {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 680px) {
  .hero-online h1 .hero-word-long {
    font-size: 0.52em;
  }

  .online-page .schedule-list > div {
    grid-template-columns: 1fr;
  }

  .international-endorsement {
    grid-template-columns: 1fr;
    gap: 34px;
    padding: 64px 20px;
  }

  .international-endorsement h2 {
    margin-bottom: 24px;
    font-size: clamp(30px, 8vw, 44px);
  }

  .endorsement-institutions {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    padding: 24px;
  }


}

@media (prefers-reduced-motion: reduce) {
  .online-page .section-heading h2 > span,
  .international-endorsement h2 > span {
    transform: none !important;
    opacity: 1 !important;
  }
}