/* ==========================================================================
   Programs Overview — "Invest in Your Future" financial aid band
   Dark radial-gradient band at both widths with inline NACCAS copy and the
   diamonds+model collage (the home finaid pattern; desktop collage geometry
   is identical to the home page's).
   ========================================================================== */

.po-finaid {
  position: relative;
  overflow: hidden;
  background: #161616 radial-gradient(ellipse 48.2% 64.5% at 30.89% 69.73%, #780541 0%, #161616 100%);
  padding: 63px 16px 0;
}

.po-finaid__inner {
  max-width: 1200px;
  margin-inline: auto;
}

.po-finaid__eyebrow {
  font-family: var(--font-body);
  font-weight: 500;
  font-size: 13px;
  line-height: 18.5px;
  letter-spacing: 2.6px;
  text-transform: uppercase;
  color: var(--c-pink);
}

.po-finaid__title {
  margin-top: 16px; /* Figma gap 21, cap-trim compensated */
  font-family: var(--font-display);
  font-weight: 400;
  font-size: 38px;
  line-height: 42.9px;
  text-transform: uppercase;
}

.po-finaid__subtitle {
  margin-top: 25px; /* Figma gap 32, cap-trim compensated */
  font-family: var(--font-body);
  font-weight: 500;
  font-size: 28px;
  line-height: 39.9px;
  color: var(--c-white);
}

.po-finaid__body {
  margin-top: 27px;
  font-family: var(--font-body);
  font-weight: 500;
  font-size: 16px;
  line-height: 22.8px;
  color: var(--c-white);
}
.po-finaid__body p + p { margin-top: 22.8px; }

.po-finaid__smallprint,
.po-finaid__footnote {
  margin-top: 27px;
  font-family: var(--font-body);
  font-weight: 500;
  font-size: 12px;
  line-height: 17.1px;
  color: var(--c-white);
}

.po-finaid__naccas {
  margin-top: 27px;
  font-family: var(--font-body);
  font-weight: 500;
  font-size: 16px;
  line-height: 22.8px;
  color: var(--c-white);
}
.po-finaid__naccas > p + p,
.po-finaid__naccas > address + p,
.po-finaid__naccas > .po-finaid__list + p { margin-top: 22.8px; }
.po-finaid__naccas .po-finaid__list-intro + .po-finaid__list { margin-top: 0; }

.po-finaid__address { font-style: normal; }

.po-finaid__list li {
  position: relative;
  padding-left: 24px;
}
.po-finaid__list li::before {
  content: '\2022';
  position: absolute;
  left: 9px;
}

.po-finaid__link {
  color: var(--c-white);
  text-decoration: underline;
  text-decoration-thickness: 2px;
  transition: color 0.3s ease-out;
}
.po-finaid__link:hover { color: var(--c-pink); }

/* Diamonds + model collage — mobile: in-flow, clipped at the section bottom */
.po-finaid__art {
  position: relative;
  height: 339px;
  margin-top: 73px;
  overflow: hidden;
}
.po-finaid__diamonds {
  position: absolute;
  left: 0;
  top: 108px;
  width: 354.7px;
  height: 354.7px;
}
.po-finaid__model {
  position: absolute;
  left: 45.4px;
  top: 0;
  width: 312.6px;
  height: 358.1px;
  object-fit: cover;
  object-position: top center;
}

/* Campus variant: shorter copy, Contact Admissions CTA, art on the LEFT */
.po-finaid__cta {
  margin-top: 40px; /* Figma gap 45, trim compensated */
  width: 100%;
}

/* ================= Desktop (>=900px) ================= */
@media (min-width: 900px) {
  .po-finaid {
    --s: calc(min(100vw, 1680px) / 1680);
    padding: calc(113 * var(--s)) var(--pad-x);
  }

  .po-finaid--campus { padding: calc(171 * var(--s)) var(--pad-x); }

  .po-finaid--campus .po-finaid__content {
    margin-left: auto;
    width: calc(656 * var(--s));
  }
  .po-finaid--campus .po-finaid__title,
  .po-finaid--campus .po-finaid__subtitle,
  .po-finaid--campus .po-finaid__body {
    max-width: none;
  }

  .po-finaid__cta {
    margin-top: 27px;
    width: auto;
    padding: 5px 32px;
  }

  /* Diamonds + model flipped to the left side */
  .po-finaid--campus .po-finaid__diamonds {
    left: calc(85 * var(--s));
    top: calc(278 * var(--s));
  }
  .po-finaid--campus .po-finaid__model {
    left: calc(200 * var(--s));
    top: calc(127 * var(--s));
  }

  .po-finaid__eyebrow {
    font-size: 16px;
    line-height: 22.8px;
    letter-spacing: 3.2px;
  }

  .po-finaid__title {
    font-size: calc(57 * var(--s));
    line-height: 1.13;
    max-width: calc(870 * var(--s));
  }

  .po-finaid__subtitle,
  .po-finaid__body,
  .po-finaid__smallprint,
  .po-finaid__naccas,
  .po-finaid__footnote {
    max-width: calc(870 * var(--s));
  }

  /* Collage: absolute, anchored to the container center (home geometry) */
  .po-finaid__art {
    position: static;
    height: auto;
    margin: 0;
    overflow: visible;
  }
  .po-finaid__diamonds {
    left: calc(50% + 297 * var(--s));
    top: calc(739 * var(--s));
    width: calc(633 * var(--s));
    height: calc(633 * var(--s));
  }
  .po-finaid__model {
    left: calc(50% + 412 * var(--s));
    top: calc(588 * var(--s));
    width: calc(558 * var(--s));
    height: calc(639 * var(--s));
  }
}