.fifty {
  padding: 0;
  margin: var(--pa-space-row-sm) auto;
}
.fifty:first-child {
  margin-top: 0;
}
.fifty:last-child {
  margin-bottom: 0;
}
.fifty--light-red {
  background: #f5f0f2;
}
.fifty__container {
  max-width: var(--pa-container-max);
  margin-inline: auto;
}
.fifty__row {
  display: flex;
  flex-direction: column;
  gap: var(--pa-space-lg);
}
.fifty__media {
  position: relative;
  flex: 0.7 1 0;
  min-width: 0;
}
@media (min-width: 1280px) {
  .fifty__media {
    flex: 1.2 1 0;
  }
}
.fifty__media-img {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  aspect-ratio: 288/200;
  object-fit: cover;
  border-radius: 10px 160px 10px 10px;
}
@media (min-width: 768px) {
  .fifty__media-img {
    aspect-ratio: 658/578;
  }
}
.fifty__content {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: var(--pa-space-lg);
  position: relative;
}
.fifty:not(.fifty--feature) .fifty__content::before {
  content: "";
  position: absolute;
  top: -1.5rem;
  left: -1.75rem;
  width: 3.25rem;
  height: 3.25rem;
  background: url("../../images/text-flare.svg") no-repeat center/contain;
  pointer-events: none;
}
.fifty__heading {
  font-family: "Ancizar Serif", Georgia, "Times New Roman", serif;
  font-weight: 400;
  font-size: 2rem;
  line-height: 1.1;
  letter-spacing: 0;
}
@media (min-width: 1024px) {
  .fifty__heading {
    font-size: 2.25rem;
  }
}
.fifty__heading {
  margin: 0;
  color: var(--pa-color-navy);
}
.fifty__heading-flare {
  position: relative;
  display: inline-block;
}
.fifty__body {
  font-family: "Work Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.35;
}
@media (min-width: 768px) {
  .fifty__body {
    font-size: 1.125rem;
  }
}
@media (min-width: 1024px) {
  .fifty__body {
    font-size: 1.375rem;
  }
}
.fifty__body {
  color: var(--pa-color-navy);
}
.fifty__body > :last-child {
  margin-bottom: 0;
}
.fifty__articles {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: var(--pa-space-md);
}
@media (min-width: 768px) {
  .fifty__articles {
    grid-template-columns: repeat(2, 1fr);
  }
}
.fifty__article {
  margin: 0;
}
.fifty__card {
  display: flex;
  flex-direction: column;
  gap: var(--pa-space-xs);
  height: 100%;
  padding: var(--pa-space-sm) var(--pa-space-sm) var(--pa-space-sm) var(--pa-space-md);
  border-radius: 10px;
  color: var(--pa-color-navy);
  text-decoration: none;
  transition: background 0.2s ease;
}
.fifty__card:hover, .fifty__card:focus-visible {
  background: #e8e4df;
}
.fifty__card-title {
  font-family: "Work Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1.35;
}
.fifty__card-excerpt {
  font-family: "Work Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.35;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
}
.fifty__card-more {
  display: flex;
  align-items: center;
  gap: var(--pa-space-xs);
  margin-top: var(--pa-space-3xs);
  font-family: "Work Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.125rem;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  opacity: 0;
  transition: opacity 0.2s ease;
}
.fifty__card:hover .fifty__card-more, .fifty__card:focus-visible .fifty__card-more {
  opacity: 1;
}
.fifty__card-arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.75rem;
  height: 1.75rem;
  border-radius: var(--pa-radius-pill);
  background: var(--pa-color-blue);
  color: #d4e0e6;
  font-size: 0.85rem;
  line-height: 1;
}
.fifty--advantage .fifty__heading {
  font-size: 3rem;
}
.fifty--advantage .fifty__media-img {
  aspect-ratio: 618/660;
  border-radius: 10px;
}
.fifty__advantage-list {
  list-style: none;
  margin: 0;
  padding: var(--pa-space-2xs) 0;
  display: flex;
  flex-direction: column;
  gap: var(--pa-space-md);
}
.fifty__advantage-item {
  margin: 0;
}
@media (max-width: 1024px) {
  .fifty__advantage-item {
    background-color: var(--pa-color-dark-bg);
    border-radius: 10px;
  }
}
.fifty__advantage-link {
  display: flex;
  flex-direction: column;
  gap: var(--pa-space-2xs);
  padding: var(--pa-space-sm) var(--pa-space-sm) var(--pa-space-sm) var(--pa-space-md);
  border-radius: 10px;
  color: var(--pa-color-navy);
  text-decoration: none;
  transition: background 0.2s ease;
}
.fifty__advantage-link:hover, .fifty__advantage-link:focus-visible {
  background: var(--pa-color-dark-bg);
}
.fifty__advantage-title {
  font-family: "Work Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1.35;
}
.fifty__advantage-excerpt {
  font-family: "Work Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.35;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
}
.fifty__advantage-more {
  display: flex;
  align-items: center;
  gap: var(--pa-space-xs);
  margin-top: var(--pa-space-3xs);
  font-family: "Work Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.125rem;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  opacity: 0;
  transition: opacity 0.2s ease, gap 0.2s ease;
}
.fifty__advantage-link:hover .fifty__advantage-more, .fifty__advantage-link:focus-visible .fifty__advantage-more {
  opacity: 1;
  gap: var(--pa-space-md);
}
.fifty__advantage-arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.75rem;
  height: 1.75rem;
  border-radius: var(--pa-radius-pill);
  background: var(--pa-color-blue);
  color: var(--pa-color-light-blue);
  font-size: 0.85rem;
  line-height: 1;
  transition: background-color 0.2s ease;
}
.fifty__advantage-link:active .fifty__advantage-arrow {
  background: var(--pa-color-mid-blue);
}
.fifty__eyebrow {
  display: flex;
  align-items: center;
  gap: var(--pa-space-2xs);
  font-family: var(--pa-font-body);
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.3;
  color: var(--pa-color-navy);
}
.fifty__eyebrow-flourish {
  display: inline-block;
  width: 2.25rem;
  height: 1.4375rem;
  background: url("../../images/fifty-fifty-eyebrow-loop.svg") no-repeat center/contain;
}
.fifty__cta {
  display: flex;
  align-items: center;
  gap: var(--pa-space-2xs);
  text-decoration: none;
}
.fifty__cta-label {
  font-family: "Work Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.125rem;
  letter-spacing: 1.5px;
  color: var(--pa-color-navy);
}
.fifty__cta-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.75rem;
  height: 1.75rem;
  border-radius: var(--pa-radius-pill);
  background: var(--pa-color-blue);
  color: var(--pa-color-light-blue);
  font-size: 0.875rem;
}
.fifty__media--feature {
  position: relative;
}
.fifty--feature .fifty__media-img {
  border-radius: 160px 10px 10px 10px;
}
.fifty__callout {
  position: absolute;
  z-index: 2;
  right: 0;
  bottom: 0;
  width: 58%;
  max-height: 90%;
  overflow: hidden auto;
  border-radius: 10px 100px 10px 10px;
  box-shadow: 0 4px 5px rgba(13, 43, 71, 0.2);
}
.fifty__callout-img {
  display: block;
  width: 100%;
  aspect-ratio: 393/334;
  object-fit: cover;
}
.fifty__callout-text {
  padding: var(--pa-space-2xl) var(--pa-space-lg) var(--pa-space-xl);
  background: var(--pa-color-red);
  color: var(--pa-color-light-bg);
  font-family: "Work Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  font-weight: 400;
  font-size: 1.375rem;
  line-height: 1.35;
}
.fifty__callout-text > :last-child {
  margin-bottom: 0;
}
@media (min-width: 1024px) {
  .fifty__row {
    flex-direction: row;
    align-items: center;
    gap: 4.5rem;
  }
  .fifty--right .fifty__row {
    flex-direction: row-reverse;
  }
}
.fifty--no-media .fifty__media {
  display: none;
}

#campus-life-pace .fifty__callout {
  right: -30px;
  bottom: -80px;
  border-radius: 100px 10px 10px 10px;
}
#campus-life-pace .fifty--feature .fifty__media-img {
  border-radius: 10px 160px 10px 10px;
  max-height: 559px;
}
@media (max-width: 1024px) {
  #campus-life-pace .fifty__row {
    gap: calc(var(--pa-space-lg) * 4);
  }
}
#campus-life-pace .fifty__content::before {
  content: "";
  position: absolute;
  top: -1.5rem;
  left: -1.75rem;
  width: 3.25rem;
  height: 3.25rem;
  background: url("../../images/text-flare.svg") no-repeat center/contain;
  pointer-events: none;
}

#outreach .fifty {
  margin-bottom: 200px;
}
@media (max-width: 768px) {
  #outreach .fifty {
    margin-bottom: var(--pa-space-md);
  }
}
#outreach .fifty__media-img {
  max-width: 72%;
  height: 470px;
}
@media (max-width: 768px) {
  #outreach .fifty__media-img {
    max-width: 90%;
  }
}
#outreach .fifty__callout {
  bottom: -200px;
}
@media (max-width: 768px) {
  #outreach .fifty__callout {
    width: 90%;
  }
}
#outreach .fifty__callout-text {
  font-size: 1.25rem;
}
@media (min-width: 768px) and (max-width: 1280px) {
  #outreach .fifty__callout-text {
    font-size: 1rem;
  }
}
@media (max-width: 1024px) {
  #outreach .fifty__row {
    row-gap: calc(var(--pa-space-lg) * 8);
  }
}

#history {
  position: relative;
  overflow-x: clip;
  overflow-y: visible;
}
#history .fifty__media-img {
  border-radius: 160px 10px 10px 10px;
}
#history .fifty__content::before {
  display: none;
}
@media (min-width: 1024px) {
  #history .fifty__media::before {
    content: "";
    position: absolute;
    left: -16.5%;
    top: 66.28%;
    width: 822.83px;
    height: 451.9px;
    transform: rotate(22.73deg);
    z-index: -1;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 100% 100%;
    mask-type: alpha;
    mask-image: url("../../images/history-swoop.svg");
    background-color: #135faa;
    pointer-events: none;
  }
}

@media (min-width: 1024px) {
  #international-program {
    padding-bottom: 11rem !important;
    position: relative;
    z-index: 0;
    overflow-x: clip;
    overflow-y: visible;
  }
  #international-program::before {
    content: "";
    position: absolute;
    left: 62.87px;
    top: -265.25px;
    width: 1472.44px;
    height: 1247.22px;
    z-index: -1;
    mask-size: 100% 100%;
    mask-type: alpha;
    mask-image: url("../../images/international-program-swoop.svg");
    mask-repeat: no-repeat;
    background-color: var(--pa-color-dark-bg);
    transform: rotate(-161.81deg) scaleY(-1);
    pointer-events: none;
  }
}
#international-program .fifty__media-img {
  border-radius: 160px 10px 10px 10px;
}

#home-pa-advantage .fifty__heading-flare::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -0.1em;
  height: 0.25em;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: 100% 100%;
  mask-type: alpha;
  mask-image: url("../../images/heading-underline-flare.svg");
  background-color: var(--pa-color-gold);
  pointer-events: none;
}
#home-pa-advantage .fifty__content::before {
  display: none;
}

#head-of-school-message .fifty__content::before {
  display: none;
}
#head-of-school-message .fifty__media::after {
  content: "";
  position: absolute;
  display: none;
  background: url("../../images/video-swoop.svg") no-repeat center/contain;
  transform: scaleX(-1) rotate(-14deg);
  pointer-events: none;
}
@media (min-width: 1024px) {
  #head-of-school-message .fifty__media::after {
    display: block;
    left: -14.57%;
    bottom: -49.76%;
    width: 124.91%;
    aspect-ratio: 823/461;
  }
}

#spiritual-academic .fifty__body h6 {
  font-family: "Work Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.125rem;
  letter-spacing: 1.5px;
  margin: 0 0 var(--pa-space-2xs);
  color: var(--pa-color-blue);
  text-transform: uppercase;
}
#spiritual-academic .fifty__content::before {
  display: none;
}
#spiritual-academic .fifty__media::before {
  content: "";
  position: absolute;
  z-index: 0;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: 100% 100%;
  mask-type: alpha;
  background-color: var(--pa-color-blue);
  pointer-events: none;
  left: -6.6%;
  top: -19.78%;
  width: 106.6%;
  height: 127.38%;
  mask-image: url("../../images/vision-mission-swoop-mobile.svg");
}
@media (min-width: 1024px) {
  #spiritual-academic .fifty__media::before {
    left: -32.69%;
    top: -30.91%;
    width: 132.57%;
    height: 158.3%;
    mask-image: url("../../images/vision-mission-swoop-tablet.svg");
  }
}
@media (min-width: 1280px) {
  #spiritual-academic .fifty__media::before {
    left: -17.9%;
    top: -42.1%;
    width: 125.2%;
    height: 151.8%;
    mask-image: url("../../images/vision-mission-swoop.svg");
  }
}

#four-schools-in-one .fifty__content::before,
#four-schools-in-one .fifty__eyebrow-flourish,
#primary-school .fifty__content::before,
#primary-school .fifty__eyebrow-flourish,
#intermediate-school .fifty__content::before,
#intermediate-school .fifty__eyebrow-flourish,
#middle-school .fifty__content::before,
#middle-school .fifty__eyebrow-flourish,
#high-school .fifty__content::before,
#high-school .fifty__eyebrow-flourish {
  display: none;
}

#middle-school {
  position: relative;
  overflow-x: clip;
  overflow-y: visible;
}
@media (max-width: 1023px) {
  #middle-school .fifty:not(.fifty--feature) .fifty__content {
    display: contents;
  }
  #middle-school .fifty:not(.fifty--feature) .fifty__eyebrow {
    order: -2;
  }
  #middle-school .fifty:not(.fifty--feature) .fifty__heading {
    order: -1;
  }
}
#middle-school .fifty__media::before {
  content: "";
  position: absolute;
  left: 5.32%;
  top: -31.91%;
  width: 88.89%;
  height: 115%;
  z-index: 0;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: 100% 100%;
  mask-type: alpha;
  mask-image: url("../../images/middle-school-swoop.svg");
  background-color: var(--pa-color-blue);
  transform: rotate(-167.85deg) scaleY(-1);
  pointer-events: none;
}
@media (min-width: 1024px) {
  #middle-school .fifty__media::before {
    display: none;
  }
}
#middle-school::before {
  content: "";
  position: absolute;
  z-index: -1;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: 100% 100%;
  mask-type: alpha;
  mask-image: url("../../images/middle-school-swoop.svg");
  background-color: var(--pa-color-blue);
  pointer-events: none;
  display: none;
}
@media (min-width: 1024px) {
  #middle-school::before {
    display: block;
    left: -417.66px;
    top: -315.81px;
    width: 1860.66px;
    height: 1671.77px;
    transform: rotate(-167.85deg) scaleY(-1);
  }
}
@media (min-width: 1280px) {
  #middle-school::before {
    left: -40px;
    top: -280px;
    width: 1609.76px;
    height: 1363.54px;
    transform: scaleY(-1) rotate(167.85deg);
  }
}

@media (max-width: 768px) {
  #community-education .fifty__media-img {
    border-radius: 10px !important;
  }
}