.hero {
  display: grid;
  position: relative;
  background: var(--pa-color-light-bg);
  padding-bottom: calc(var(--pa-space-row) - var(--pa-space-row-sm));
}
@media (min-width: 1024px) {
  .hero {
    min-height: 770px;
  }
}
.hero > * {
  width: 100%;
}
@media (min-width: 1024px) {
  .hero > * {
    grid-column: 1/1;
    grid-row: 1/1;
    width: 100%;
    min-width: 0;
  }
}
.hero__media {
  align-self: stretch;
  position: relative;
  aspect-ratio: 406/332;
  --hero-swoop: url('../../images/swoop-bottom.svg');
}
@media (min-width: 1024px) {
  .hero__media {
    aspect-ratio: 1440/775;
  }
}
.hero__media--swoop-decorated {
  --hero-swoop: url('../../images/hero-swoop-decorated.svg');
}
body.path-admissions .hero__media, body.path-our-community .hero__media, body.path-our-people .hero__media {
  --hero-swoop: url('../../images/hero-swoop-subnav.svg');
}
.hero__media > picture {
  display: block;
  width: 100%;
  height: 100%;
}
.hero__media-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.hero__media::after {
  display: none;
}
@media (min-width: 1024px) {
  .hero__media::after {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    aspect-ratio: 170/19;
    background: var(--hero-swoop) no-repeat top left/100% auto;
    pointer-events: none;
  }
}
.hero__container {
  max-width: var(--pa-container-max);
  margin-inline: auto;
  padding-inline: var(--pa-gutter);
  align-self: flex-end;
}
@media (min-width: 1024px) {
  .hero__container {
    position: relative;
    min-height: 770px;
    display: flex;
    align-items: flex-start;
  }
}
@media (min-width: 1440px) {
  .hero__container {
    padding-left: 0;
  }
}
.hero__card {
  position: relative;
  margin-top: -7.3125rem;
  max-width: 656px;
  padding: var(--pa-space-2xl) var(--pa-space-lg) var(--pa-space-xl);
  border-radius: 10px;
  background: var(--pa-color-mid-blue);
  color: var(--pa-color-white);
  display: flex;
  flex-direction: column;
  gap: var(--pa-space-md);
  overflow: hidden;
}
@media (min-width: 1024px) {
  .hero__card {
    margin-top: 364px;
    width: 656px;
    max-width: calc(100% - 2 * var(--pa-gutter));
    padding: 74px;
    gap: var(--pa-space-lg);
  }
}
.hero--primary .hero__card {
  background: var(--pa-color-red);
}
.hero--primary .hero__card::before {
  background-image: url("../../images/hero-card-swoop-red.svg");
}
.hero__card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  aspect-ratio: 583/560;
  background: url("../../images/hero-card-swoop-blue.svg") no-repeat top left/100% 100%;
  pointer-events: none;
  z-index: 0;
}
.hero__heading {
  font-family: "Ancizar Serif", Georgia, "Times New Roman", serif;
  font-weight: 500;
  font-size: 2.625rem;
  line-height: 1.1;
  letter-spacing: 0.853px;
}
@media (min-width: 768px) {
  .hero__heading {
    font-size: 3.875rem;
  }
}
.hero__heading {
  margin: 0;
  color: var(--pa-color-white);
  position: relative;
  z-index: 1;
}
.hero__heading-flare {
  position: relative;
}
body.path-homepage .hero--primary .hero__heading-flare::after {
  content: "";
  position: absolute;
  left: calc(100% - 2.8em);
  top: -0.05em;
  bottom: -0.1em;
  width: 3.5em;
  height: 1.5em;
  background: url("../../images/hero-text-flare.svg") no-repeat center/contain;
  pointer-events: none;
}
.hero__subtitle {
  font-family: "Work Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  font-weight: 400;
  font-size: 1.375rem;
  line-height: 1.35;
}
@media (min-width: 768px) {
  .hero__subtitle {
    font-size: 1.5rem;
  }
}
.hero__subtitle {
  margin: 0;
  position: relative;
  z-index: 1;
}
.hero__actions {
  margin-top: var(--pa-space-2xs);
  position: relative;
  z-index: 1;
}
.hero__cta {
  padding-inline: 1.75rem;
}