.sr-only {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  margin: -1px;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}

html,
body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}

html {
  min-height: 100%;
  position: relative;
}

* {
  box-sizing: border-box;
}

.container {
  margin: auto;
  max-width: 1280px;
  position: relative;
  width: calc(100% - 48px);
}

.grain-effect {
  background: url("./assets/images/page/grain.jpg");
  bottom: 0;
  left: 0;
  mix-blend-mode: multiply;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
}

button {
  cursor: pointer;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin-bottom: 20px;
  margin-top: 0;
}

p,
ul {
  color: #000;
  font-family: "Open Sans", sans-serif;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.2;
  letter-spacing: 0.02rem;
}
@media (min-width: 768px) {
  p,
ul {
    font-size: 1.375rem;
  }
}

ul {
  margin: 0;
}

ul.bullet {
  list-style: none;
}
ul.bullet li {
  position: relative;
}
ul.bullet li::before {
  content: "";
  background-color: #000;
  border-radius: 50%;
  width: 3px;
  height: 4px;
  position: absolute;
  top: 50%;
  left: -20px;
}

.animation-toggle-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  width: fit-content;
  z-index: 1;
}
@media screen and (min-width: 1320px) {
  .animation-toggle-wrapper {
    left: auto;
    right: calc(100% + 8px);
  }
}
.animation-toggle-wrapper span {
  display: none;
}
@media (min-width: 768px) {
  .animation-toggle-wrapper span {
    display: block;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-weight: 300;
  }
}

.animation-toggle-button {
  animation: 0.15s steps(1) infinite;
  animation-name: animation-toggle;
  aspect-ratio: 1;
  background-image: url("./assets/images/components/animation-toggle/animation-toggle-sketch.png");
  background-size: auto 200%;
  display: block;
  background-color: transparent;
  border: 0;
  display: block;
  margin: 0;
  padding: 0;
  width: 42px;
}
@keyframes animation-toggle {
  from {
    background-position: 0 -100%;
  }
  to {
    background-position: 0 -200%;
  }
}
.stop-animations .animation-toggle-button {
  animation: none;
}
@media (prefers-reduced-motion) {
  .animation-toggle-button {
    animation: none;
  }
}

.harp-figure {
  position: relative;
}
.harp-figure__image {
  display: block;
  width: 100%;
}
.harp-figure::after {
  animation: 0.6s steps(4) infinite;
  animation-name: harp-overlay;
  aspect-ratio: 1.2311046512;
  background-image: url("./assets/images/components/figures/harp/harp-overlay.svg");
  background-size: auto 400%;
  display: block;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  top: -4%;
  width: 100%;
}
@keyframes harp-overlay {
  from {
    background-position: 0 0%;
  }
  to {
    background-position: 0 -400%;
  }
}
.stop-animations .harp-figure::after {
  animation: none;
}
@media (prefers-reduced-motion) {
  .harp-figure::after {
    animation: none;
  }
}

.library-figure {
  height: 50px;
  margin: 0;
  position: relative;
  width: 40%;
  z-index: 1;
}
.library-figure__image {
  display: block;
  width: 100%;
}
.library-figure::after {
  animation: 0.3s steps(2) infinite;
  animation-name: library-overlay;
  aspect-ratio: 0.7413554633;
  background-image: url("./assets/images/components/figures/library/library-overlay.png");
  background-size: auto 200%;
  display: block;
  content: "";
  display: block;
  left: -2%;
  position: absolute;
  top: 10%;
  width: 100%;
}
@keyframes library-overlay {
  from {
    background-position: 0 0%;
  }
  to {
    background-position: 0 -200%;
  }
}
.stop-animations .library-figure::after {
  animation: none;
}
@media (prefers-reduced-motion) {
  .library-figure::after {
    animation: none;
  }
}

.pisa-tower-figure {
  position: relative;
  margin-left: auto;
  width: 80%;
}
@media (min-width: 768px) {
  .pisa-tower-figure {
    width: 90%;
  }
}
.pisa-tower-figure__image {
  display: block;
  width: 100%;
}
.pisa-tower-figure::after {
  animation: 0.6s steps(4) infinite;
  animation-name: pisa-tower-overlay;
  aspect-ratio: 0.7600401606;
  background-image: url("./assets/images/components/figures/pisa-tower/pisa-tower-overlay.svg");
  background-size: auto 400%;
  display: block;
  content: "";
  display: block;
  left: -2.2%;
  position: absolute;
  top: 0.5%;
  width: 104%;
}
@keyframes pisa-tower-overlay {
  from {
    background-position: 0 0%;
  }
  to {
    background-position: 0 -400%;
  }
}
.stop-animations .pisa-tower-figure::after {
  animation: none;
}
@media (prefers-reduced-motion) {
  .pisa-tower-figure::after {
    animation: none;
  }
}

.footer {
  background: rgba(0, 0, 0, 0.2);
  margin-top: 100px;
  padding: 6% 0 6% 0;
  position: relative;
}
.footer::before {
  background-image: url("./assets/images/components/footer/divider.png");
  background-size: auto 100%;
  background-position: center center;
  bottom: 100%;
  content: "";
  display: block;
  height: 100px;
  opacity: 0.2;
  position: absolute;
  width: 100%;
}
.footer__heading {
  animation: 0.6s steps(4) infinite;
  animation-name: footer-heading;
  aspect-ratio: 2.9174757282;
  background-image: url("./assets/images/components/footer/footer-heading.svg");
  background-size: auto 400%;
  display: block;
  margin: auto;
  width: 100%;
}
@keyframes footer-heading {
  from {
    background-position: 0 0%;
  }
  to {
    background-position: 0 -400%;
  }
}
.stop-animations .footer__heading {
  animation: none;
}
@media (prefers-reduced-motion) {
  .footer__heading {
    animation: none;
  }
}
@media (min-width: 768px) {
  .footer__heading {
    width: 47%;
  }
}
.footer__universities {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 8% auto 0 auto;
}
.footer__university-anchor {
  display: block;
  margin: 2% 5%;
  position: relative;
  width: 20%;
}
.footer__university-anchor img {
  display: block;
  width: 100%;
}
.footer__university-anchor::after {
  animation: 0.45s steps(3) infinite;
  animation-name: logo-hover;
  aspect-ratio: 1.4221453287;
  background-image: url("./assets/images/components/footer/logo-hover.svg");
  background-size: auto 300%;
  display: block;
  content: "";
  display: none;
  left: 45%;
  pointer-events: none;
  position: absolute;
  top: 55%;
  transform: translate(-50%, -50%);
  width: 150%;
}
@keyframes logo-hover {
  from {
    background-position: 0 0%;
  }
  to {
    background-position: 0 -300%;
  }
}
.stop-animations .footer__university-anchor::after {
  animation: none;
}
@media (prefers-reduced-motion) {
  .footer__university-anchor::after {
    animation: none;
  }
}
@media (min-width: 768px) {
  .footer__university-anchor:hover::after {
    display: block;
  }
}

.foundational-subjects-illustration {
  aspect-ratio: 0.976076555;
  padding: 0;
  margin: 0;
  position: relative;
}
@media (max-width: 768px) {
  .foundational-subjects-illustration {
    margin-left: 10%;
  }
}
.foundational-subjects-illustration__person-1-sketch {
  animation: 0.45s steps(3) infinite;
  animation-name: person-1-sketch;
  aspect-ratio: 0.3487544484;
  background-image: url("./assets/images/components/foundational-subjects/person-1-sketch.png");
  background-size: auto 300%;
  display: block;
  left: 0%;
  position: absolute;
  top: 44%;
  width: 14%;
}
@keyframes person-1-sketch {
  from {
    background-position: 0 0%;
  }
  to {
    background-position: 0 -300%;
  }
}
.stop-animations .foundational-subjects-illustration__person-1-sketch {
  animation: none;
}
@media (prefers-reduced-motion) {
  .foundational-subjects-illustration__person-1-sketch {
    animation: none;
  }
}
.foundational-subjects-illustration__person-1-eye-1 {
  height: 3%;
  position: absolute;
  width: 8%;
  transform: rotate(0deg);
  left: 33%;
  position: absolute;
  top: 22.5%;
}
.foundational-subjects-illustration__person-1-eye-1::after {
  background: #222;
  border-radius: 50%;
  content: "";
  display: block;
  filter: blur(0.5px);
  height: 100%;
  position: absolute;
  transform: translate(2px, 1px);
  width: 100%;
}
@media (prefers-reduced-motion) {
  .foundational-subjects-illustration__person-1-eye-1 {
    transform: rotate(0deg) !important;
  }
}
.foundational-subjects-illustration__person-1-eye-2 {
  height: 3%;
  position: absolute;
  width: 8%;
  transform: rotate(0deg);
  left: 61%;
  position: absolute;
  top: 19%;
}
.foundational-subjects-illustration__person-1-eye-2::after {
  background: #222;
  border-radius: 50%;
  content: "";
  display: block;
  filter: blur(0.5px);
  height: 100%;
  position: absolute;
  transform: translate(3px, 1px);
  width: 100%;
}
@media (prefers-reduced-motion) {
  .foundational-subjects-illustration__person-1-eye-2 {
    transform: rotate(0deg) !important;
  }
}
.foundational-subjects-illustration__subjects-sketch {
  animation: 0.45s steps(3) infinite;
  animation-name: subjects-sketch;
  aspect-ratio: 0.7718940937;
  background-image: url("./assets/images/components/foundational-subjects/subjects-sketch.jpg");
  background-size: auto 300%;
  display: block;
  left: 26.5%;
  position: absolute;
  top: 23.5%;
  width: 36%;
}
@keyframes subjects-sketch {
  from {
    background-position: 0 0%;
  }
  to {
    background-position: 0 -300%;
  }
}
.stop-animations .foundational-subjects-illustration__subjects-sketch {
  animation: none;
}
@media (prefers-reduced-motion) {
  .foundational-subjects-illustration__subjects-sketch {
    animation: none;
  }
}
.foundational-subjects-illustration__head-sketch {
  animation: 0.6s steps(4) infinite;
  animation-name: head-sketch;
  aspect-ratio: 0.7027531498;
  background-image: url("./assets/images/components/foundational-subjects/head-sketch.png");
  background-size: auto 400%;
  display: block;
  left: 16%;
  position: absolute;
  top: 0%;
  width: 54%;
}
@keyframes head-sketch {
  from {
    background-position: 0 0%;
  }
  to {
    background-position: 0 -400%;
  }
}
.stop-animations .foundational-subjects-illustration__head-sketch {
  animation: none;
}
@media (prefers-reduced-motion) {
  .foundational-subjects-illustration__head-sketch {
    animation: none;
  }
}
.foundational-subjects-illustration__science-sketch {
  animation: 1.95s steps(13) infinite;
  animation-name: science-sketch;
  aspect-ratio: 0.7094594595;
  background-image: url("./assets/images/components/foundational-subjects/science-sketch.png");
  background-size: auto 1300%;
  display: block;
  left: 26.5%;
  position: absolute;
  top: 26.5%;
  width: 10%;
}
@keyframes science-sketch {
  from {
    background-position: 0 0%;
  }
  to {
    background-position: 0 -1300%;
  }
}
.stop-animations .foundational-subjects-illustration__science-sketch {
  animation: none;
}
@media (prefers-reduced-motion) {
  .foundational-subjects-illustration__science-sketch {
    animation: none;
  }
}
.foundational-subjects-illustration__english-and-maths-caption {
  animation: 0.45s steps(3) infinite;
  animation-name: english-and-maths-caption;
  aspect-ratio: 3.3358778626;
  background-image: url("./assets/images/components/foundational-subjects/english-and-maths-caption.svg");
  background-size: auto 300%;
  display: block;
  position: absolute;
  left: 13%;
  top: 80%;
  width: 58%;
}
@keyframes english-and-maths-caption {
  from {
    background-position: 0 0%;
  }
  to {
    background-position: 0 -300%;
  }
}
.stop-animations .foundational-subjects-illustration__english-and-maths-caption {
  animation: none;
}
@media (prefers-reduced-motion) {
  .foundational-subjects-illustration__english-and-maths-caption {
    animation: none;
  }
}
@media (min-width: 768px) {
  .foundational-subjects-illustration__english-and-maths-caption {
    left: 41%;
    top: 74%;
  }
}

.foundational-subjects__arrows {
  animation: 0.6s steps(4) infinite;
  animation-name: foundation-subjects-arrows-mobile-sketch;
  aspect-ratio: 1.7439759036;
  background-image: url("./assets/images/components/informed-choices/arrows-left-mobile.png");
  background-size: auto 400%;
  display: block;
  pointer-events: none;
  position: absolute;
  bottom: -5%;
  right: -35%;
  width: 60%;
}
@keyframes foundation-subjects-arrows-mobile-sketch {
  from {
    background-position: 0 0%;
  }
  to {
    background-position: 0 -400%;
  }
}
.stop-animations .foundational-subjects__arrows {
  animation: none;
}
@media (prefers-reduced-motion) {
  .foundational-subjects__arrows {
    animation: none;
  }
}
@media (min-width: 768px) {
  .foundational-subjects__arrows {
    animation: 0.45s steps(3) infinite;
    animation-name: foundation-subjects-arrows-sketch;
    aspect-ratio: 1.3987341772;
    background-image: url("./assets/images/components/informed-choices/arrows-left.svg");
    background-size: auto 300%;
    display: block;
    display: none;
  }
  @keyframes foundation-subjects-arrows-sketch {
    from {
      background-position: 0 0%;
    }
    to {
      background-position: 0 -300%;
    }
  }
  .stop-animations .foundational-subjects__arrows {
    animation: none;
  }
}
@media (min-width: 768px) and (prefers-reduced-motion) {
  .foundational-subjects__arrows {
    animation: none;
  }
}

.foundational-subjects {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  width: 100%;
  margin-top: -10%;
  position: relative;
}
@media (min-width: 768px) {
  .foundational-subjects {
    grid-template-columns: repeat(14, 1fr);
  }
}
@media (min-width: 768px) {
  .foundational-subjects {
    margin-top: -17%;
  }
}
.foundational-subjects > div:first-child {
  grid-area: 1/1/auto/-1;
}
@media (min-width: 768px) {
  .foundational-subjects > div:first-child {
    grid-area: 1/2/auto/8;
  }
}
.foundational-subjects > div:nth-child(2) {
  grid-area: 2/1/auto/-1;
}
@media (min-width: 768px) {
  .foundational-subjects > div:nth-child(2) {
    grid-area: 1/8/auto/-1;
  }
}

.foundational-subjects-text__foundational-subjects-heading {
  animation: 0.6s steps(4) infinite;
  animation-name: foundational-subjects-heading-mobile;
  aspect-ratio: 3.4444444444;
  background-image: url("./assets/images/components/foundational-subjects/foundational-subjects-heading-mobile.svg");
  background-size: auto 400%;
  display: block;
  width: 90%;
}
@keyframes foundational-subjects-heading-mobile {
  from {
    background-position: 0 0%;
  }
  to {
    background-position: 0 -400%;
  }
}
.stop-animations .foundational-subjects-text__foundational-subjects-heading {
  animation: none;
}
@media (prefers-reduced-motion) {
  .foundational-subjects-text__foundational-subjects-heading {
    animation: none;
  }
}
@media (min-width: 768px) {
  .foundational-subjects-text__foundational-subjects-heading {
    animation: 0.6s steps(4) infinite;
    animation-name: foundational-subjects-heading;
    aspect-ratio: 1.5610859729;
    background-image: url("./assets/images/components/foundational-subjects/foundational-subjects-heading.svg");
    background-size: auto 400%;
    display: block;
    width: 50%;
  }
  @keyframes foundational-subjects-heading {
    from {
      background-position: 0 0%;
    }
    to {
      background-position: 0 -400%;
    }
  }
  .stop-animations .foundational-subjects-text__foundational-subjects-heading {
    animation: none;
  }
}
@media (min-width: 768px) and (prefers-reduced-motion) {
  .foundational-subjects-text__foundational-subjects-heading {
    animation: none;
  }
}
.foundational-subjects-text__body p:first-child {
  margin-bottom: 0;
}
.foundational-subjects-text__body ul {
  margin-bottom: 20px;
}

.informed-choices-illustration {
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
}
@media (min-width: 768px) {
  .informed-choices-illustration {
    width: 97%;
  }
}
.informed-choices-illustration__pisa-towers-sketch {
  animation: 0.45s steps(3) infinite;
  animation-name: pisa-towers-sketch;
  aspect-ratio: 0.8875358166;
  background-image: url("./assets/images/components/informed-choices/pisa-towers-sketch.png");
  background-size: auto 300%;
  display: block;
  position: relative;
  width: 100%;
}
@keyframes pisa-towers-sketch {
  from {
    background-position: 0 0%;
  }
  to {
    background-position: 0 -300%;
  }
}
.stop-animations .informed-choices-illustration__pisa-towers-sketch {
  animation: none;
}
@media (prefers-reduced-motion) {
  .informed-choices-illustration__pisa-towers-sketch {
    animation: none;
  }
}
.informed-choices-illustration__pisa-towers-arrows-sketch {
  animation: 0.6s steps(4) infinite;
  animation-name: pisa-towers-arrows-sketch;
  aspect-ratio: 3.0828025478;
  background-image: url("./assets/images/components/informed-choices/pisa-towers-arrows-sketch.svg");
  background-size: auto 400%;
  display: block;
  left: 41%;
  position: absolute;
  top: 90.5%;
  width: 59.5%;
}
@keyframes pisa-towers-arrows-sketch {
  from {
    background-position: 0 0%;
  }
  to {
    background-position: 0 -400%;
  }
}
.stop-animations .informed-choices-illustration__pisa-towers-arrows-sketch {
  animation: none;
}
@media (prefers-reduced-motion) {
  .informed-choices-illustration__pisa-towers-arrows-sketch {
    animation: none;
  }
}
.informed-choices-illustration__choose-foundational-caption {
  animation: 0.45s steps(3) infinite;
  animation-name: choose-foundational-caption-mobile;
  aspect-ratio: 4.5139318885;
  background-image: url("./assets/images/components/informed-choices/choose-foundational-caption-mobile.png");
  background-size: auto 300%;
  display: block;
  margin: 24px auto 0;
  max-width: 100%;
  width: 18.75rem;
}
@keyframes choose-foundational-caption-mobile {
  from {
    background-position: 0 0%;
  }
  to {
    background-position: 0 -300%;
  }
}
.stop-animations .informed-choices-illustration__choose-foundational-caption {
  animation: none;
}
@media (prefers-reduced-motion) {
  .informed-choices-illustration__choose-foundational-caption {
    animation: none;
  }
}
@media (min-width: 768px) {
  .informed-choices-illustration__choose-foundational-caption {
    animation: 0.6s steps(4) infinite;
    animation-name: choose-foundational-caption;
    aspect-ratio: 3.4916201117;
    background-image: url("./assets/images/components/informed-choices/choose-foundational-caption.svg");
    background-size: auto 400%;
    display: block;
    margin: 0;
    width: 60%;
  }
  @keyframes choose-foundational-caption {
    from {
      background-position: 0 0%;
    }
    to {
      background-position: 0 -400%;
    }
  }
  .stop-animations .informed-choices-illustration__choose-foundational-caption {
    animation: none;
  }
}
@media (min-width: 768px) and (prefers-reduced-motion) {
  .informed-choices-illustration__choose-foundational-caption {
    animation: none;
  }
}
@media (min-width: 1200px) {
  .informed-choices-illustration__choose-foundational-caption {
    margin-left: 58px;
    width: 18.75rem;
  }
}
.informed-choices-illustration__arrows-left {
  animation: 0.6s steps(4) infinite;
  animation-name: informed-choices-arrows-mobile-sketch;
  aspect-ratio: 1.7439759036;
  background-image: url("./assets/images/components/informed-choices/arrows-left-mobile.png");
  background-size: auto 400%;
  display: block;
  pointer-events: none;
  width: 85%;
  z-index: 2;
}
@keyframes informed-choices-arrows-mobile-sketch {
  from {
    background-position: 0 0%;
  }
  to {
    background-position: 0 -400%;
  }
}
.stop-animations .informed-choices-illustration__arrows-left {
  animation: none;
}
@media (prefers-reduced-motion) {
  .informed-choices-illustration__arrows-left {
    animation: none;
  }
}
@media (min-width: 768px) {
  .informed-choices-illustration__arrows-left {
    animation: 0.45s steps(3) infinite;
    animation-name: informed-choices-arrows-sketch;
    aspect-ratio: 1.3987341772;
    background-image: url("./assets/images/components/informed-choices/arrows-left.svg");
    background-size: auto 300%;
    display: block;
    margin-top: 40px;
  }
  @keyframes informed-choices-arrows-sketch {
    from {
      background-position: 0 0%;
    }
    to {
      background-position: 0 -300%;
    }
  }
  .stop-animations .informed-choices-illustration__arrows-left {
    animation: none;
  }
}
@media (min-width: 768px) and (prefers-reduced-motion) {
  .informed-choices-illustration__arrows-left {
    animation: none;
  }
}
.informed-choices-illustration__arrows-right {
  animation: 0.45s steps(3) infinite;
  animation-name: informed-choices-arrows-right-sketch;
  aspect-ratio: 0.6860841424;
  background-image: url("./assets/images/components/informed-choices/arrows-right.svg");
  background-size: auto 300%;
  display: block;
  display: block;
  width: 20%;
  pointer-events: none;
  position: absolute;
  bottom: 0;
  right: -5%;
  z-index: 2;
}
@keyframes informed-choices-arrows-right-sketch {
  from {
    background-position: 0 0%;
  }
  to {
    background-position: 0 -300%;
  }
}
.stop-animations .informed-choices-illustration__arrows-right {
  animation: none;
}
@media (prefers-reduced-motion) {
  .informed-choices-illustration__arrows-right {
    animation: none;
  }
}
@media (max-width: 768px) {
  .informed-choices-illustration__arrows-right {
    display: none;
  }
}

.informed-choices {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  width: 100%;
  margin-top: 64px;
  position: relative;
}
@media (min-width: 768px) {
  .informed-choices {
    grid-template-columns: repeat(14, 1fr);
  }
}
.informed-choices .informed-choices-text {
  grid-column: 1/5;
}
@media (min-width: 768px) {
  .informed-choices .informed-choices-text {
    grid-area: 1/8/auto/-1;
    align-self: center;
  }
}
.informed-choices .informed-choices-scroll-down-anchor {
  grid-area: 3/1/auto/4;
}
@media (min-width: 768px) {
  .informed-choices .informed-choices-scroll-down-anchor {
    grid-area: 2/8/auto/-1;
  }
}
.informed-choices .informed-choices-illustration {
  grid-area: 2/1/auto/5;
}
@media (min-width: 768px) {
  .informed-choices .informed-choices-illustration {
    grid-area: 1/1/3/8;
  }
}
.informed-choices .pisa-tower-figure {
  grid-area: 4/3/auto/5;
}
@media (min-width: 768px) {
  .informed-choices .pisa-tower-figure {
    grid-area: 2/11/4/-1;
  }
}
.informed-choices .arrows {
  grid-area: 4/1/auto/4;
}
@media (min-width: 768px) {
  .informed-choices .arrows {
    grid-area: 2/5/4/11;
    align-self: center;
  }
}

.informed-choices-text {
  position: relative;
}
.informed-choices-text__informed-choices-heading {
  animation: 0.6s steps(4) infinite;
  animation-name: informed-choices-heading-mobile;
  aspect-ratio: 1.4509803922;
  background-image: url("./assets/images/components/informed-choices/informed-choices-heading-mobile.svg");
  background-size: auto 400%;
  display: block;
  width: 80%;
}
@keyframes informed-choices-heading-mobile {
  from {
    background-position: 0 0%;
  }
  to {
    background-position: 0 -400%;
  }
}
.stop-animations .informed-choices-text__informed-choices-heading {
  animation: none;
}
@media (prefers-reduced-motion) {
  .informed-choices-text__informed-choices-heading {
    animation: none;
  }
}
@media (min-width: 768px) {
  .informed-choices-text__informed-choices-heading {
    animation: 0.6s steps(4) infinite;
    animation-name: informed-choices-heading;
    aspect-ratio: 2.664893617;
    background-image: url("./assets/images/components/informed-choices/informed-choices-heading.svg");
    background-size: auto 400%;
    display: block;
    width: 644px;
    max-width: 100%;
  }
  @keyframes informed-choices-heading {
    from {
      background-position: 0 0%;
    }
    to {
      background-position: 0 -400%;
    }
  }
  .stop-animations .informed-choices-text__informed-choices-heading {
    animation: none;
  }
}
@media (min-width: 768px) and (prefers-reduced-motion) {
  .informed-choices-text__informed-choices-heading {
    animation: none;
  }
}

.informed-choices-scroll-down-anchor {
  animation: 0.45s steps(3) infinite;
  animation-name: swipe-down-anchor;
  aspect-ratio: 7.2677165354;
  background-image: url("./assets/images/components/informed-choices/swipe-down-anchor.png");
  background-size: auto 300%;
  display: block;
  margin-top: 20px;
  width: 85%;
}
@keyframes swipe-down-anchor {
  from {
    background-position: 0 0%;
  }
  to {
    background-position: 0 -300%;
  }
}
.stop-animations .informed-choices-scroll-down-anchor {
  animation: none;
}
@media (prefers-reduced-motion) {
  .informed-choices-scroll-down-anchor {
    animation: none;
  }
}
@media (min-width: 768px) {
  .informed-choices-scroll-down-anchor {
    animation: 0.6s steps(4) infinite;
    animation-name: scroll-down-anchor;
    aspect-ratio: 7.2246376812;
    background-image: url("./assets/images/components/informed-choices/scroll-down-anchor.svg");
    background-size: auto 400%;
    display: block;
    width: 21rem;
    max-width: 100%;
    position: relative;
    top: -46%;
  }
  @keyframes scroll-down-anchor {
    from {
      background-position: 0 0%;
    }
    to {
      background-position: 0 -400%;
    }
  }
  .stop-animations .informed-choices-scroll-down-anchor {
    animation: none;
  }
}
@media (min-width: 768px) and (prefers-reduced-motion) {
  .informed-choices-scroll-down-anchor {
    animation: none;
  }
}
@media (min-width: 1200px) {
  .informed-choices-scroll-down-anchor {
    top: -26%;
  }
}

.quick-nav {
  position: fixed;
  top: 50%;
  z-index: 1;
}
.quick-nav__list, .quick-nav__item {
  list-style: none;
  margin: 0;
  padding: 0;
}
.quick-nav__list {
  transform: translateY(-50%);
}
.quick-nav__anchor {
  display: block;
  position: relative;
  left: -44px;
  padding: 15px;
}
@media screen and (min-width: 1320px) {
  .quick-nav__anchor::after {
    animation: 0.9s steps(6) infinite;
    animation-name: quick-nav;
    aspect-ratio: 1;
    background-image: url("./assets/images/components/quick-nav/dots-sketch.png");
    background-size: auto 600%;
    display: block;
    content: "";
    display: block;
    width: 14px;
  }
  @keyframes quick-nav {
    from {
      background-position: 0 0%;
    }
    to {
      background-position: 0 -600%;
    }
  }
  .stop-animations .quick-nav__anchor::after {
    animation: none;
  }
}
@media screen and (min-width: 1320px) and (prefers-reduced-motion) {
  .quick-nav__anchor::after {
    animation: none;
  }
}
@media screen and (min-width: 1320px) {
  .quick-nav__anchor--selected::after {
    animation: 0.3s steps(2) infinite;
    animation-name: quick-nav-selected;
    aspect-ratio: 1;
    background-image: url("./assets/images/components/quick-nav/dots-selected-sketch.png");
    background-size: auto 200%;
    display: block;
  }
  @keyframes quick-nav-selected {
    from {
      background-position: 0 0%;
    }
    to {
      background-position: 0 -200%;
    }
  }
  .stop-animations .quick-nav__anchor--selected::after {
    animation: none;
  }
}
@media screen and (min-width: 1320px) and (prefers-reduced-motion) {
  .quick-nav__anchor--selected::after {
    animation: none;
  }
}

.subject-importance-illustration {
  margin: 0;
  padding: 112% 0 0 0;
  position: relative;
}
.subject-importance-illustration__broaden-career-sketch {
  animation: 0.45s steps(3) infinite;
  animation-name: broaden-career-sketch;
  aspect-ratio: 1.0004587156;
  background-image: url("./assets/images/components/subject-importance/broaden-career-sketch.png");
  background-size: auto 300%;
  display: block;
  left: 0%;
  position: absolute;
  top: 0%;
  width: 93%;
}
@keyframes broaden-career-sketch {
  from {
    background-position: 0 0%;
  }
  to {
    background-position: 0 -300%;
  }
}
.stop-animations .subject-importance-illustration__broaden-career-sketch {
  animation: none;
}
@media (prefers-reduced-motion) {
  .subject-importance-illustration__broaden-career-sketch {
    animation: none;
  }
}
.subject-importance-illustration__subject-importance-caption {
  animation: 0.45s steps(3) infinite;
  animation-name: subject-importance-caption;
  aspect-ratio: 1.336858006;
  background-image: url("./assets/images/components/subject-importance/subject-importance-caption-mobile.png");
  background-size: auto 300%;
  display: block;
  left: 55%;
  position: absolute;
  top: 55%;
  width: 41%;
}
@keyframes subject-importance-caption {
  from {
    background-position: 0 0%;
  }
  to {
    background-position: 0 -300%;
  }
}
.stop-animations .subject-importance-illustration__subject-importance-caption {
  animation: none;
}
@media (prefers-reduced-motion) {
  .subject-importance-illustration__subject-importance-caption {
    animation: none;
  }
}
@media (min-width: 768px) {
  .subject-importance-illustration__subject-importance-caption {
    animation: 0.45s steps(3) infinite;
    animation-name: subject-importance-caption;
    aspect-ratio: 2.4196428571;
    background-image: url("./assets/images/components/subject-importance/subject-importance-caption.png");
    background-size: auto 300%;
    display: block;
  }
  @keyframes subject-importance-caption {
    from {
      background-position: 0 0%;
    }
    to {
      background-position: 0 -300%;
    }
  }
  .stop-animations .subject-importance-illustration__subject-importance-caption {
    animation: none;
  }
}
@media (min-width: 768px) and (prefers-reduced-motion) {
  .subject-importance-illustration__subject-importance-caption {
    animation: none;
  }
}

.subject-importance-arrows {
  animation: 0.45s steps(3) infinite;
  animation-name: subject-importance-arrows-mobile;
  aspect-ratio: 1.7322097378;
  background-image: url("./assets/images/components/subject-importance/subject-importance-arrows-mobile.png");
  background-size: auto 300%;
  display: block;
  pointer-events: none;
  width: 110%;
  z-index: 2;
}
@keyframes subject-importance-arrows-mobile {
  from {
    background-position: 0 0%;
  }
  to {
    background-position: 0 -300%;
  }
}
.stop-animations .subject-importance-arrows {
  animation: none;
}
@media (prefers-reduced-motion) {
  .subject-importance-arrows {
    animation: none;
  }
}
@media (min-width: 768px) {
  .subject-importance-arrows {
    animation: 0.45s steps(3) infinite;
    animation-name: subject-importance-arrows;
    aspect-ratio: 3.06271777;
    background-image: url("./assets/images/components/subject-importance/subject-importance-arrows.svg");
    background-size: auto 300%;
    display: block;
    position: relative;
    right: -10%;
    bottom: 70%;
    width: auto;
  }
  @keyframes subject-importance-arrows {
    from {
      background-position: 0 0%;
    }
    to {
      background-position: 0 -300%;
    }
  }
  .stop-animations .subject-importance-arrows {
    animation: none;
  }
}
@media (min-width: 768px) and (prefers-reduced-motion) {
  .subject-importance-arrows {
    animation: none;
  }
}

.subject-importance {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  width: 100%;
  position: relative;
}
@media (min-width: 768px) {
  .subject-importance {
    grid-template-columns: repeat(14, 1fr);
  }
}
@media (min-width: 768px) {
  .subject-importance {
    margin-top: -10%;
  }
}
@media (max-width: 768px) {
  .subject-importance::after {
    animation: 0.45s steps(3) infinite;
    animation-name: subject-importance-arrows-bottom;
    aspect-ratio: 0.7777777778;
    background-image: url("./assets/images/components/subject-importance/subject-importance-arrows-bottom.png");
    background-size: auto 300%;
    display: block;
    content: "";
    position: absolute;
    bottom: -1%;
    right: -10%;
    width: 20%;
  }
  @keyframes subject-importance-arrows-bottom {
    from {
      background-position: 0 0%;
    }
    to {
      background-position: 0 -300%;
    }
  }
  .stop-animations .subject-importance::after {
    animation: none;
  }
}
@media (max-width: 768px) and (prefers-reduced-motion) {
  .subject-importance::after {
    animation: none;
  }
}
.subject-importance > div:first-child {
  grid-area: 1/1/auto/-1;
}
@media (min-width: 768px) {
  .subject-importance > div:first-child {
    grid-area: 1/2/auto/8;
  }
}
.subject-importance > div:nth-child(2) {
  grid-area: 3/1/auto/-1;
  margin-top: -12%;
}
@media (min-width: 768px) {
  .subject-importance > div:nth-child(2) {
    grid-area: 1/9/auto/-1;
    margin: 0;
  }
}
.subject-importance .subject-importance-arrows {
  grid-area: 2/1/auto/-1;
}
@media (min-width: 768px) {
  .subject-importance .subject-importance-arrows {
    grid-area: 2/5/auto/-1;
  }
}

.subject-importance-text__subject-importance-heading {
  animation: 0.45s steps(3) infinite;
  animation-name: subject-importance-heading;
  aspect-ratio: 3.4013605442;
  background-image: url("./assets/images/components/subject-importance/subject-importance-heading.svg");
  background-size: auto 300%;
  display: block;
  margin-bottom: 8%;
  max-width: 100%;
  width: 100%;
}
@keyframes subject-importance-heading {
  from {
    background-position: 0 0%;
  }
  to {
    background-position: 0 -300%;
  }
}
.stop-animations .subject-importance-text__subject-importance-heading {
  animation: none;
}
@media (prefers-reduced-motion) {
  .subject-importance-text__subject-importance-heading {
    animation: none;
  }
}
.subject-importance-text__body p:nth-child(2) {
  margin-bottom: 0;
}

.subject-scaling-illustration {
  margin: 0;
  padding: 111% 0 0 0;
  position: relative;
}
.subject-scaling-illustration__scales-sketch {
  animation: 0.45s steps(3) infinite;
  animation-name: scales-sketch;
  aspect-ratio: 0.9083333333;
  background-image: url("./assets/images/components/subject-scaling/scales-sketch.png");
  background-size: auto 300%;
  display: block;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
@keyframes scales-sketch {
  from {
    background-position: 0 0%;
  }
  to {
    background-position: 0 -300%;
  }
}
.stop-animations .subject-scaling-illustration__scales-sketch {
  animation: none;
}
@media (prefers-reduced-motion) {
  .subject-scaling-illustration__scales-sketch {
    animation: none;
  }
}

.subject-scaling-arrows {
  animation: 0.45s steps(3) infinite;
  animation-name: subject-scaling-arrows-mobile;
  aspect-ratio: 1.7762148338;
  background-image: url("./assets/images/components/subject-scaling/subject-scaling-arrows-mobile.png");
  background-size: auto 300%;
  display: block;
  margin-top: -10%;
  pointer-events: none;
  position: relative;
  right: -20%;
  width: 90%;
  z-index: 2;
}
@keyframes subject-scaling-arrows-mobile {
  from {
    background-position: 0 0%;
  }
  to {
    background-position: 0 -300%;
  }
}
.stop-animations .subject-scaling-arrows {
  animation: none;
}
@media (prefers-reduced-motion) {
  .subject-scaling-arrows {
    animation: none;
  }
}
@media (min-width: 768px) {
  .subject-scaling-arrows {
    display: none;
  }
}

.subject-scaling {
  display: flex;
  flex-direction: column;
  margin-top: -15%;
  margin-bottom: 40%;
  width: 100%;
}
@media (min-width: 768px) {
  .subject-scaling {
    flex-direction: row-reverse;
    margin-bottom: 15%;
  }
}
.subject-scaling > div:first-child {
  width: 100%;
}
@media (min-width: 768px) {
  .subject-scaling > div:first-child {
    margin-left: 7%;
    padding-left: 3.5%;
    width: 39.5%;
  }
}
.subject-scaling > div:last-child {
  width: 100%;
  margin-top: -10%;
}
@media (min-width: 768px) {
  .subject-scaling > div:last-child {
    margin-left: 1%;
    margin-top: 0;
    width: 49%;
  }
}

.subject-scaling-text__subject-scaling-heading {
  animation: 0.45s steps(3) infinite;
  animation-name: subject-scaling-heading;
  aspect-ratio: 1.5607843137;
  background-image: url("./assets/images/components/subject-scaling/subject-scaling-heading.svg");
  background-size: auto 300%;
  display: block;
  margin: 0 0 8% -4%;
  max-width: 100%;
  width: 100%;
}
@keyframes subject-scaling-heading {
  from {
    background-position: 0 0%;
  }
  to {
    background-position: 0 -300%;
  }
}
.stop-animations .subject-scaling-text__subject-scaling-heading {
  animation: none;
}
@media (prefers-reduced-motion) {
  .subject-scaling-text__subject-scaling-heading {
    animation: none;
  }
}
.subject-scaling-text .faq-cta {
  animation: 0.45s steps(3) infinite;
  animation-name: subject-scaling-cta;
  aspect-ratio: 4.4433962264;
  background-image: url("./assets/images/components/subject-scaling/faq-cta.png");
  background-size: auto 300%;
  display: block;
  background-color: transparent;
  background-repeat: repeat-y;
  border: 0;
  margin-top: 10px;
  position: relative;
  width: 70%;
  z-index: 3;
}
@keyframes subject-scaling-cta {
  from {
    background-position: 0 0%;
  }
  to {
    background-position: 0 -300%;
  }
}
.stop-animations .subject-scaling-text .faq-cta {
  animation: none;
}
@media (prefers-reduced-motion) {
  .subject-scaling-text .faq-cta {
    animation: none;
  }
}
@media (min-width: 768px) {
  .subject-scaling-text .faq-cta:hover, .subject-scaling-text .faq-cta:focus-visible {
    animation: 0.45s steps(3) infinite;
    animation-name: subject-scaling-cta-hover;
    aspect-ratio: 4.3571428571;
    background-image: url("./assets/images/components/subject-scaling/faq-cta-hover.png");
    background-size: auto 300%;
    display: block;
    margin-top: -6px;
    width: 75%;
  }
  @keyframes subject-scaling-cta-hover {
    from {
      background-position: 0 0%;
    }
    to {
      background-position: 0 -300%;
    }
  }
  .stop-animations .subject-scaling-text .faq-cta:hover, .stop-animations .subject-scaling-text .faq-cta:focus-visible {
    animation: none;
  }
}
@media (min-width: 768px) and (prefers-reduced-motion) {
  .subject-scaling-text .faq-cta:hover, .subject-scaling-text .faq-cta:focus-visible {
    animation: none;
  }
}

.subject-selection-illustration {
  margin: 0;
  padding: 109% 0 0 0;
  position: relative;
}
.subject-selection-illustration__heart-sketch {
  animation: 1.35s steps(9) infinite;
  animation-name: heart-sketch;
  aspect-ratio: 0.8775834658;
  background-image: url("./assets/images/components/subject-selection/heart-sketch.png");
  background-size: auto 900%;
  display: block;
  left: 39%;
  position: absolute;
  top: 0%;
  width: 52%;
}
@keyframes heart-sketch {
  from {
    background-position: 0 0%;
  }
  to {
    background-position: 0 -900%;
  }
}
.stop-animations .subject-selection-illustration__heart-sketch {
  animation: none;
}
@media (prefers-reduced-motion) {
  .subject-selection-illustration__heart-sketch {
    animation: none;
  }
}
.subject-selection-illustration__brain-sketch {
  animation: 0.45s steps(3) infinite;
  animation-name: brain-sketch;
  aspect-ratio: 0.8681948424;
  background-image: url("./assets/images/components/subject-selection/brain-sketch.png");
  background-size: auto 300%;
  display: block;
  position: absolute;
  left: 5%;
  top: 25%;
  width: 63%;
}
@keyframes brain-sketch {
  from {
    background-position: 0 0%;
  }
  to {
    background-position: 0 -300%;
  }
}
.stop-animations .subject-selection-illustration__brain-sketch {
  animation: none;
}
@media (prefers-reduced-motion) {
  .subject-selection-illustration__brain-sketch {
    animation: none;
  }
}
@media (min-width: 768px) {
  .subject-selection-illustration__brain-sketch {
    left: 0%;
    top: 22%;
  }
}
.subject-selection-illustration__person-2-sketch {
  animation: 0.45s steps(3) infinite;
  animation-name: person-2-sketch;
  aspect-ratio: 0.4947916667;
  background-image: url("./assets/images/components/subject-selection/person-2-sketch.jpg");
  background-size: auto 300%;
  display: block;
  left: 75%;
  position: absolute;
  top: 54%;
  width: 25%;
}
@keyframes person-2-sketch {
  from {
    background-position: 0 0%;
  }
  to {
    background-position: 0 -300%;
  }
}
.stop-animations .subject-selection-illustration__person-2-sketch {
  animation: none;
}
@media (prefers-reduced-motion) {
  .subject-selection-illustration__person-2-sketch {
    animation: none;
  }
}
@media (min-width: 768px) {
  .subject-selection-illustration__person-2-sketch {
    left: 83%;
    width: 15.6%;
  }
}
.subject-selection-illustration__person-2-eye-1 {
  height: 4%;
  position: absolute;
  width: 7%;
  transform: rotate(210deg);
  left: 30.5%;
  position: absolute;
  top: 15.5%;
}
.subject-selection-illustration__person-2-eye-1::after {
  background: #222;
  border-radius: 50%;
  content: "";
  display: block;
  filter: blur(0.5px);
  height: 100%;
  position: absolute;
  transform: translate(2px, 1px);
  width: 100%;
}
@media (prefers-reduced-motion) {
  .subject-selection-illustration__person-2-eye-1 {
    transform: rotate(210deg) !important;
  }
}
.subject-selection-illustration__person-2-eye-2 {
  height: 4%;
  position: absolute;
  width: 7%;
  transform: rotate(210deg);
  left: 55%;
  position: absolute;
  top: 15%;
}
.subject-selection-illustration__person-2-eye-2::after {
  background: #222;
  border-radius: 50%;
  content: "";
  display: block;
  filter: blur(0.5px);
  height: 100%;
  position: absolute;
  transform: translate(3px, 1px);
  width: 100%;
}
@media (prefers-reduced-motion) {
  .subject-selection-illustration__person-2-eye-2 {
    transform: rotate(210deg) !important;
  }
}
.subject-selection-illustration__subject-selection-caption {
  animation: 0.45s steps(3) infinite;
  animation-name: subject-selection-caption-mobile;
  aspect-ratio: 1.4239130435;
  background-image: url("./assets/images/components/subject-selection/subject-selection-caption-mobile.png");
  background-size: auto 300%;
  display: block;
  left: 0%;
  position: absolute;
  top: 10%;
  width: 44%;
}
@keyframes subject-selection-caption-mobile {
  from {
    background-position: 0 0%;
  }
  to {
    background-position: 0 -300%;
  }
}
.stop-animations .subject-selection-illustration__subject-selection-caption {
  animation: none;
}
@media (prefers-reduced-motion) {
  .subject-selection-illustration__subject-selection-caption {
    animation: none;
  }
}
@media (min-width: 768px) {
  .subject-selection-illustration__subject-selection-caption {
    animation: 0.45s steps(3) infinite;
    animation-name: subject-selection-caption;
    aspect-ratio: 2.3224043716;
    background-image: url("./assets/images/components/subject-selection/subject-selection-caption.png");
    background-size: auto 300%;
    display: block;
    left: 33%;
    top: 73%;
  }
  @keyframes subject-selection-caption {
    from {
      background-position: 0 0%;
    }
    to {
      background-position: 0 -300%;
    }
  }
  .stop-animations .subject-selection-illustration__subject-selection-caption {
    animation: none;
  }
}
@media (min-width: 768px) and (prefers-reduced-motion) {
  .subject-selection-illustration__subject-selection-caption {
    animation: none;
  }
}

.popup-open-cta {
  display: flex;
  flex-direction: column;
  position: relative;
}
@media (min-width: 768px) {
  .popup-open-cta {
    flex-flow: row wrap;
  }
  .popup-open-cta > * {
    margin-top: 10px;
    margin-right: 42px;
    margin-bottom: 17px;
  }
  .popup-open-cta > *:hover, .popup-open-cta > *:focus-visible {
    margin-right: 22px;
    margin-top: 2px;
  }
}
.popup-open-cta .engineering-popup-cta,
.popup-open-cta .science-popup-cta,
.popup-open-cta .creative-arts-popup-cta,
.popup-open-cta .humanities-popup-cta {
  background-color: transparent;
  background-repeat: repeat-y;
  border: 0;
}
.popup-open-cta .engineering-popup-cta {
  animation: 0.6s steps(4) infinite;
  animation-name: engineering-button-mobile;
  aspect-ratio: 2.7339805825;
  background-image: url("./assets/images/components/subject-selection/engineering-button-mobile.png");
  background-size: auto 400%;
  display: block;
  width: 45%;
}
@keyframes engineering-button-mobile {
  from {
    background-position: 0 0%;
  }
  to {
    background-position: 0 -400%;
  }
}
.stop-animations .popup-open-cta .engineering-popup-cta {
  animation: none;
}
@media (prefers-reduced-motion) {
  .popup-open-cta .engineering-popup-cta {
    animation: none;
  }
}
@media (min-width: 768px) {
  .popup-open-cta .engineering-popup-cta {
    animation: 0.45s steps(3) infinite;
    animation-name: engineering-button;
    aspect-ratio: 2.7098976109;
    background-image: url("./assets/images/components/subject-selection/engineering-button.png");
    background-size: auto 300%;
    display: block;
    width: 41%;
  }
  @keyframes engineering-button {
    from {
      background-position: 0 0%;
    }
    to {
      background-position: 0 -300%;
    }
  }
  .stop-animations .popup-open-cta .engineering-popup-cta {
    animation: none;
  }
}
@media (min-width: 768px) and (prefers-reduced-motion) {
  .popup-open-cta .engineering-popup-cta {
    animation: none;
  }
}
@media (min-width: 768px) {
  .popup-open-cta .engineering-popup-cta:hover, .popup-open-cta .engineering-popup-cta:focus-visible {
    animation: 0.45s steps(3) infinite;
    animation-name: engineering-button-hover;
    aspect-ratio: 2.7415384615;
    background-image: url("./assets/images/components/subject-selection/engineering-button-hover.png");
    background-size: auto 300%;
    display: block;
    width: 45%;
  }
  @keyframes engineering-button-hover {
    from {
      background-position: 0 0%;
    }
    to {
      background-position: 0 -300%;
    }
  }
  .stop-animations .popup-open-cta .engineering-popup-cta:hover, .stop-animations .popup-open-cta .engineering-popup-cta:focus-visible {
    animation: none;
  }
}
@media (min-width: 768px) and (prefers-reduced-motion) {
  .popup-open-cta .engineering-popup-cta:hover, .popup-open-cta .engineering-popup-cta:focus-visible {
    animation: none;
  }
}
.popup-open-cta .science-popup-cta {
  animation: 0.45s steps(3) infinite;
  animation-name: science-button-mobile;
  aspect-ratio: 2.078125;
  background-image: url("./assets/images/components/subject-selection/science-button-mobile.png");
  background-size: auto 300%;
  display: block;
  width: 34%;
}
@keyframes science-button-mobile {
  from {
    background-position: 0 0%;
  }
  to {
    background-position: 0 -300%;
  }
}
.stop-animations .popup-open-cta .science-popup-cta {
  animation: none;
}
@media (prefers-reduced-motion) {
  .popup-open-cta .science-popup-cta {
    animation: none;
  }
}
@media (min-width: 768px) {
  .popup-open-cta .science-popup-cta {
    animation: 0.45s steps(3) infinite;
    animation-name: science-button;
    aspect-ratio: 1.9888475836;
    background-image: url("./assets/images/components/subject-selection/science-button.png");
    background-size: auto 300%;
    display: block;
    width: 30%;
  }
  @keyframes science-button {
    from {
      background-position: 0 0%;
    }
    to {
      background-position: 0 -300%;
    }
  }
  .stop-animations .popup-open-cta .science-popup-cta {
    animation: none;
  }
}
@media (min-width: 768px) and (prefers-reduced-motion) {
  .popup-open-cta .science-popup-cta {
    animation: none;
  }
}
@media (min-width: 768px) {
  .popup-open-cta .science-popup-cta:hover, .popup-open-cta .science-popup-cta:focus-visible {
    animation: 0.45s steps(3) infinite;
    animation-name: science-button-hover;
    aspect-ratio: 2.0598006645;
    background-image: url("./assets/images/components/subject-selection/science-button-hover.png");
    background-size: auto 300%;
    display: block;
    width: 34%;
  }
  @keyframes science-button-hover {
    from {
      background-position: 0 0%;
    }
    to {
      background-position: 0 -300%;
    }
  }
  .stop-animations .popup-open-cta .science-popup-cta:hover, .stop-animations .popup-open-cta .science-popup-cta:focus-visible {
    animation: none;
  }
}
@media (min-width: 768px) and (prefers-reduced-motion) {
  .popup-open-cta .science-popup-cta:hover, .popup-open-cta .science-popup-cta:focus-visible {
    animation: none;
  }
}
.popup-open-cta .creative-arts-popup-cta {
  animation: 0.45s steps(3) infinite;
  animation-name: creative-arts-button-mobile;
  aspect-ratio: 3.0310077519;
  background-image: url("./assets/images/components/subject-selection/creative-arts-button-mobile.png");
  background-size: auto 300%;
  display: block;
  width: 50%;
}
@keyframes creative-arts-button-mobile {
  from {
    background-position: 0 0%;
  }
  to {
    background-position: 0 -300%;
  }
}
.stop-animations .popup-open-cta .creative-arts-popup-cta {
  animation: none;
}
@media (prefers-reduced-motion) {
  .popup-open-cta .creative-arts-popup-cta {
    animation: none;
  }
}
@media (min-width: 768px) {
  .popup-open-cta .creative-arts-popup-cta {
    animation: 0.45s steps(3) infinite;
    animation-name: creative-arts-button;
    aspect-ratio: 3.0879478827;
    background-image: url("./assets/images/components/subject-selection/creative-arts-button.png");
    background-size: auto 300%;
    display: block;
    width: 45%;
  }
  @keyframes creative-arts-button {
    from {
      background-position: 0 0%;
    }
    to {
      background-position: 0 -300%;
    }
  }
  .stop-animations .popup-open-cta .creative-arts-popup-cta {
    animation: none;
  }
}
@media (min-width: 768px) and (prefers-reduced-motion) {
  .popup-open-cta .creative-arts-popup-cta {
    animation: none;
  }
}
@media (min-width: 768px) {
  .popup-open-cta .creative-arts-popup-cta:hover, .popup-open-cta .creative-arts-popup-cta:focus-visible {
    animation: 0.45s steps(3) infinite;
    animation-name: creative-arts-button-hover;
    aspect-ratio: 3.0617647059;
    background-image: url("./assets/images/components/subject-selection/creative-arts-button-hover.png");
    background-size: auto 300%;
    display: block;
    width: 49%;
  }
  @keyframes creative-arts-button-hover {
    from {
      background-position: 0 0%;
    }
    to {
      background-position: 0 -300%;
    }
  }
  .stop-animations .popup-open-cta .creative-arts-popup-cta:hover, .stop-animations .popup-open-cta .creative-arts-popup-cta:focus-visible {
    animation: none;
  }
}
@media (min-width: 768px) and (prefers-reduced-motion) {
  .popup-open-cta .creative-arts-popup-cta:hover, .popup-open-cta .creative-arts-popup-cta:focus-visible {
    animation: none;
  }
}
.popup-open-cta .humanities-popup-cta {
  animation: 0.45s steps(3) infinite;
  animation-name: humanities-button-mobile;
  aspect-ratio: 2.5141388175;
  background-image: url("./assets/images/components/subject-selection/humanities-button-mobile.png");
  background-size: auto 300%;
  display: block;
  width: 43%;
}
@keyframes humanities-button-mobile {
  from {
    background-position: 0 0%;
  }
  to {
    background-position: 0 -300%;
  }
}
.stop-animations .popup-open-cta .humanities-popup-cta {
  animation: none;
}
@media (prefers-reduced-motion) {
  .popup-open-cta .humanities-popup-cta {
    animation: none;
  }
}
@media (min-width: 768px) {
  .popup-open-cta .humanities-popup-cta {
    animation: 0.45s steps(3) infinite;
    animation-name: humanities-button;
    aspect-ratio: 2.5472312704;
    background-image: url("./assets/images/components/subject-selection/humanities-button.png");
    background-size: auto 300%;
    display: block;
    width: 37%;
  }
  @keyframes humanities-button {
    from {
      background-position: 0 0%;
    }
    to {
      background-position: 0 -300%;
    }
  }
  .stop-animations .popup-open-cta .humanities-popup-cta {
    animation: none;
  }
}
@media (min-width: 768px) and (prefers-reduced-motion) {
  .popup-open-cta .humanities-popup-cta {
    animation: none;
  }
}
@media (min-width: 768px) {
  .popup-open-cta .humanities-popup-cta:hover, .popup-open-cta .humanities-popup-cta:focus-visible {
    animation: 0.45s steps(3) infinite;
    animation-name: humanities-button-hover;
    aspect-ratio: 2.5470588235;
    background-image: url("./assets/images/components/subject-selection/humanities-button-hover.png");
    background-size: auto 300%;
    display: block;
    width: 41%;
  }
  @keyframes humanities-button-hover {
    from {
      background-position: 0 0%;
    }
    to {
      background-position: 0 -300%;
    }
  }
  .stop-animations .popup-open-cta .humanities-popup-cta:hover, .stop-animations .popup-open-cta .humanities-popup-cta:focus-visible {
    animation: none;
  }
}
@media (min-width: 768px) and (prefers-reduced-motion) {
  .popup-open-cta .humanities-popup-cta:hover, .popup-open-cta .humanities-popup-cta:focus-visible {
    animation: none;
  }
}

.subject-selection-arrows {
  pointer-events: none;
  z-index: 3;
}
.subject-selection-arrows__top {
  animation: 0.6s steps(4) infinite;
  animation-name: subject-selection-top-arrows-mobile;
  aspect-ratio: 1.6951048951;
  background-image: url("./assets/images/components/subject-selection/arrows-top-mobile.png");
  background-size: auto 400%;
  display: block;
}
@keyframes subject-selection-top-arrows-mobile {
  from {
    background-position: 0 0%;
  }
  to {
    background-position: 0 -400%;
  }
}
.stop-animations .subject-selection-arrows__top {
  animation: none;
}
@media (prefers-reduced-motion) {
  .subject-selection-arrows__top {
    animation: none;
  }
}
@media (min-width: 768px) {
  .subject-selection-arrows__top {
    animation: 0.45s steps(3) infinite;
    animation-name: subject-selection-top-arrows;
    aspect-ratio: 1.4582043344;
    background-image: url("./assets/images/components/subject-selection/arrows-top.svg");
    background-size: auto 300%;
    display: block;
  }
  @keyframes subject-selection-top-arrows {
    from {
      background-position: 0 0%;
    }
    to {
      background-position: 0 -300%;
    }
  }
  .stop-animations .subject-selection-arrows__top {
    animation: none;
  }
}
@media (min-width: 768px) and (prefers-reduced-motion) {
  .subject-selection-arrows__top {
    animation: none;
  }
}
.subject-selection-arrows__left {
  animation: 0.6s steps(4) infinite;
  animation-name: subject-selection-left-arrows-mobile;
  aspect-ratio: 0.685998343;
  background-image: url("./assets/images/components/subject-selection/arrows-right-mobile.png");
  background-size: auto 400%;
  display: block;
  transform: scaleX(-1);
}
@keyframes subject-selection-left-arrows-mobile {
  from {
    background-position: 0 0%;
  }
  to {
    background-position: 0 -400%;
  }
}
.stop-animations .subject-selection-arrows__left {
  animation: none;
}
@media (prefers-reduced-motion) {
  .subject-selection-arrows__left {
    animation: none;
  }
}
@media (min-width: 768px) {
  .subject-selection-arrows__left {
    animation: 0.45s steps(3) infinite;
    animation-name: subject-selection-left-arrows;
    aspect-ratio: 0.6860841424;
    background-image: url("./assets/images/components/informed-choices/arrows-right.svg");
    background-size: auto 300%;
    display: block;
  }
  @keyframes subject-selection-left-arrows {
    from {
      background-position: 0 0%;
    }
    to {
      background-position: 0 -300%;
    }
  }
  .stop-animations .subject-selection-arrows__left {
    animation: none;
  }
}
@media (min-width: 768px) and (prefers-reduced-motion) {
  .subject-selection-arrows__left {
    animation: none;
  }
}
.subject-selection-arrows__bottom {
  animation: 0.6s steps(4) infinite;
  animation-name: subject-selection-bottom-arrows-mobile;
  aspect-ratio: 0.9082278481;
  background-image: url("./assets/images/components/subject-selection/arrows-bottom-mobile.png");
  background-size: auto 400%;
  display: block;
}
@keyframes subject-selection-bottom-arrows-mobile {
  from {
    background-position: 0 0%;
  }
  to {
    background-position: 0 -400%;
  }
}
.stop-animations .subject-selection-arrows__bottom {
  animation: none;
}
@media (prefers-reduced-motion) {
  .subject-selection-arrows__bottom {
    animation: none;
  }
}
@media (min-width: 768px) {
  .subject-selection-arrows__bottom {
    animation: 0.45s steps(3) infinite;
    animation-name: subject-selection-bottom-arrows;
    aspect-ratio: 2.2610294118;
    background-image: url("./assets/images/components/subject-selection/arrows-bottom.svg");
    background-size: auto 300%;
    display: block;
  }
  @keyframes subject-selection-bottom-arrows {
    from {
      background-position: 0 0%;
    }
    to {
      background-position: 0 -300%;
    }
  }
  .stop-animations .subject-selection-arrows__bottom {
    animation: none;
  }
}
@media (min-width: 768px) and (prefers-reduced-motion) {
  .subject-selection-arrows__bottom {
    animation: none;
  }
}

.subject-selection {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  width: 100%;
  position: relative;
}
@media (min-width: 768px) {
  .subject-selection {
    grid-template-columns: repeat(14, 1fr);
  }
}
.subject-selection .subject-selection-text-wrapper {
  grid-area: 1/1/auto/-1;
}
@media (min-width: 768px) {
  .subject-selection .subject-selection-text-wrapper {
    grid-area: 2/9/auto/-1;
    margin-top: -25%;
  }
}
.subject-selection .subject-selection-illustration-wrapper {
  grid-area: 3/1/auto/-1;
  margin-top: -10%;
}
@media (min-width: 768px) {
  .subject-selection .subject-selection-illustration-wrapper {
    grid-area: 2/1/auto/8;
    margin-top: -25%;
  }
}
.subject-selection .harp-figure {
  grid-area: 2/1/auto/-1;
  width: 50%;
  margin: 40px auto 0;
}
@media (min-width: 768px) {
  .subject-selection .harp-figure {
    grid-area: 1/1/auto/6;
    width: 70%;
    align-self: baseline;
    margin: auto;
  }
}
@media (max-width: 767.5px) {
  .subject-selection-arrows__top {
    grid-area: 3/4/auto/-1;
    width: 170%;
    position: relative;
    right: -15%;
    top: -23%;
  }
}
@media (min-width: 768px) {
  .subject-selection-arrows__top {
    grid-area: 1/5/auto/11;
    margin-top: -5%;
    margin-left: auto;
    width: 90%;
  }
}
.subject-selection-arrows__left {
  grid-area: 2/1/auto/2;
  width: 120%;
  position: relative;
  left: -50%;
  top: -10%;
}
@media (min-width: 768px) {
  .subject-selection-arrows__left {
    display: none;
  }
}
.subject-selection-arrows__bottom {
  grid-area: 4/2/auto/-1;
  width: 50%;
  margin: -25% auto 0;
}
@media (min-width: 768px) {
  .subject-selection-arrows__bottom {
    grid-area: 3/5/auto/-1;
    margin: -7% 0 0;
    width: 100%;
  }
}

.subject-selection-text__subject-selection-heading {
  animation: 0.6s steps(4) infinite;
  animation-name: subject-selection-heading;
  aspect-ratio: 2.3673469388;
  background-image: url("./assets/images/components/subject-selection/subject-selection-heading.svg");
  background-size: auto 400%;
  display: block;
  max-width: 100%;
  width: 100%;
}
@keyframes subject-selection-heading {
  from {
    background-position: 0 0%;
  }
  to {
    background-position: 0 -400%;
  }
}
.stop-animations .subject-selection-text__subject-selection-heading {
  animation: none;
}
@media (prefers-reduced-motion) {
  .subject-selection-text__subject-selection-heading {
    animation: none;
  }
}
@media (max-width: 767.5px) {
  .subject-selection-text__subject-selection-heading {
    width: 80%;
  }
}

.popup {
  background: #212121;
  display: block;
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  width: min(100%, 3000px);
  height: max(100%, 100vh);
  z-index: 4;
}
.popup.hidden {
  display: none;
}
@media (min-width: 1280px) {
  .popup {
    left: 50%;
    transform: translateX(-50%);
  }
}
.popup .popup-close {
  animation: 0.6s steps(4) infinite;
  animation-name: popup-close-cta;
  aspect-ratio: 1.014084507;
  background-image: url("./assets/images/components/popup/close.svg");
  background-size: auto 400%;
  display: block;
  background-color: transparent;
  background-repeat: repeat-y;
  border: 0;
  margin-top: 32px;
  position: absolute;
  right: 32px;
  width: 38px;
  z-index: 6;
}
@keyframes popup-close-cta {
  from {
    background-position: 0 0%;
  }
  to {
    background-position: 0 -400%;
  }
}
.stop-animations .popup .popup-close {
  animation: none;
}
@media (prefers-reduced-motion) {
  .popup .popup-close {
    animation: none;
  }
}
.popup .popup-close span {
  display: block;
  color: white;
  font-size: 10px;
  position: absolute;
  bottom: -35%;
  left: 50%;
  transform: translateX(-50%);
}
@media (min-width: 768px) {
  .popup .popup-close {
    margin-top: 74px;
    right: 58px;
    width: 64px;
  }
  .popup .popup-close span {
    bottom: -30%;
    font-size: 18px;
  }
}
.popup .popup-wrapper {
  background: rgba(0, 0, 0, 0.4);
  margin-top: 160px;
  min-height: calc(100vh - 160px);
  position: relative;
}
@media (min-width: 768px) {
  .popup .popup-wrapper {
    margin-top: 205px;
    min-height: calc(100vh - 205px);
  }
}
.popup .popup-wrapper::before {
  background-image: url("./assets/images/components/footer/divider.png");
  background-size: auto 100%;
  background-position: center center;
  content: "";
  display: block;
  height: 100px;
  opacity: 0.4;
  position: absolute;
  bottom: 100%;
  width: 100%;
}
.popup--open {
  overflow: hidden;
}

.popup-content {
  color: white;
  display: flex;
  flex-direction: column;
  padding: 0 32px 40px;
  width: 100%;
}
@media (min-width: 768px) {
  .popup-content {
    margin: auto;
    padding: 0 0 40px;
    width: 78%;
  }
}
.popup-content p,
.popup-content table {
  color: white;
  font-family: "Open Sans", sans-serif;
  font-weight: 300;
  line-height: 1.1;
  letter-spacing: 0.02rem;
}
.popup-content table {
  width: 100%;
  text-align: left;
  border-spacing: 10px;
}
.popup-content table thead {
  font-weight: 700;
}
.popup-content table tbody th {
  font-weight: 300;
}
@media (min-width: 768px) {
  .popup-content__subject {
    flex-direction: row;
    column-gap: 37px;
  }
  .popup-content__subject > * {
    flex: 1 1 0px;
  }
}
.popup-content__faq p,
.popup-content__faq table {
  font-size: 1rem;
  line-height: 1.2;
}
@media (min-width: 768px) {
  .popup-content__faq p,
.popup-content__faq table {
    font-size: 1.75rem;
  }
}
.popup-content__faq .faq-table-mobile {
  position: relative;
  margin: 20px 0 40px;
}
@media (min-width: 768px) {
  .popup-content__faq .faq-table-mobile {
    display: none;
  }
}
.popup-content__faq .faq-table-mobile caption {
  font-weight: 700;
  text-align: left;
}
.popup-content__faq .faq-table-mobile > table {
  position: relative;
}
.popup-content__faq .faq-table-mobile > table tbody {
  position: relative;
  left: -2%;
}
.popup-content__faq .faq-table-mobile > table:first-child {
  margin-top: 10px;
}
.popup-content__faq .faq-table-mobile:before,
.popup-content__faq .faq-table-mobile > table:after {
  animation: 0.6s steps(4) infinite;
  animation-name: popup-table-line-bottom;
  aspect-ratio: 90.0588235294;
  background-image: url("./assets/images/components/popup/popup-table-line.png");
  background-size: auto 400%;
  display: block;
  background-repeat: repeat-y;
  content: "";
  position: absolute;
  left: -2%;
  width: 100%;
  height: 7px;
}
@keyframes popup-table-line-bottom {
  from {
    background-position: 0 0%;
  }
  to {
    background-position: 0 -400%;
  }
}
.stop-animations .popup-content__faq .faq-table-mobile:before,
.stop-animations .popup-content__faq .faq-table-mobile > table:after {
  animation: none;
}
@media (prefers-reduced-motion) {
  .popup-content__faq .faq-table-mobile:before,
.popup-content__faq .faq-table-mobile > table:after {
    animation: none;
  }
}
.popup-content__faq .faq-table-desktop {
  position: relative;
  margin: 40px 0 60px;
}
@media (max-width: 767.5px) {
  .popup-content__faq .faq-table-desktop {
    display: none;
  }
}
.popup-content__faq .faq-table-desktop:before {
  animation: 0.6s steps(4) infinite;
  animation-name: popup-table-line-middle-desktop;
  aspect-ratio: 80.5789473684;
  background-image: url("./assets/images/components/popup/popup-table-line-2.png");
  background-size: auto 400%;
  display: block;
}
@keyframes popup-table-line-middle-desktop {
  from {
    background-position: 0 0%;
  }
  to {
    background-position: 0 -400%;
  }
}
.stop-animations .popup-content__faq .faq-table-desktop:before {
  animation: none;
}
@media (prefers-reduced-motion) {
  .popup-content__faq .faq-table-desktop:before {
    animation: none;
  }
}
.popup-content__faq .faq-table-desktop:after {
  animation: 0.6s steps(4) infinite;
  animation-name: popup-table-line-end-desktop;
  aspect-ratio: 80.5789473684;
  background-image: url("./assets/images/components/popup/popup-table-line-3.png");
  background-size: auto 400%;
  display: block;
}
@keyframes popup-table-line-end-desktop {
  from {
    background-position: 0 0%;
  }
  to {
    background-position: 0 -400%;
  }
}
.stop-animations .popup-content__faq .faq-table-desktop:after {
  animation: none;
}
@media (prefers-reduced-motion) {
  .popup-content__faq .faq-table-desktop:after {
    animation: none;
  }
}
.popup-content__faq .faq-table-desktop thead {
  position: relative;
  line-height: 60px;
}
.popup-content__faq .faq-table-desktop thead:before {
  animation: 0.6s steps(4) infinite;
  animation-name: popup-table-line-top-desktop;
  aspect-ratio: 90.0588235294;
  background-image: url("./assets/images/components/popup/popup-table-line.png");
  background-size: auto 400%;
  display: block;
}
@keyframes popup-table-line-top-desktop {
  from {
    background-position: 0 0%;
  }
  to {
    background-position: 0 -400%;
  }
}
.stop-animations .popup-content__faq .faq-table-desktop thead:before {
  animation: none;
}
@media (prefers-reduced-motion) {
  .popup-content__faq .faq-table-desktop thead:before {
    animation: none;
  }
}
.popup-content__faq .faq-table-desktop:before, .popup-content__faq .faq-table-desktop:after,
.popup-content__faq .faq-table-desktop thead:before {
  background-repeat: repeat-y;
  content: "";
  position: absolute;
  width: 100%;
}
.popup-content__faq h2 {
  animation: 0.6s steps(4) infinite;
  animation-name: popup-faq-title;
  aspect-ratio: 6.7619047619;
  background-image: url("./assets/images/components/popup/how-scaling-works.png");
  background-size: auto 400%;
  display: block;
  width: 80%;
}
@keyframes popup-faq-title {
  from {
    background-position: 0 0%;
  }
  to {
    background-position: 0 -400%;
  }
}
.stop-animations .popup-content__faq h2 {
  animation: none;
}
@media (prefers-reduced-motion) {
  .popup-content__faq h2 {
    animation: none;
  }
}
@media (min-width: 768px) {
  .popup-content__faq h2 {
    width: 35%;
  }
}
.popup-content__faq:after {
  animation: 0.6s steps(4) infinite;
  animation-name: popup-right-arrows;
  aspect-ratio: 0.6862745098;
  background-image: url("./assets/images/components/popup/popup-arrows.svg");
  background-size: auto 400%;
  display: block;
  content: "";
  position: absolute;
  right: -3%;
  bottom: 35%;
  transform: scaleX(-1);
  width: 12%;
  z-index: 5;
}
@keyframes popup-right-arrows {
  from {
    background-position: 0 0%;
  }
  to {
    background-position: 0 -400%;
  }
}
.stop-animations .popup-content__faq:after {
  animation: none;
}
@media (prefers-reduced-motion) {
  .popup-content__faq:after {
    animation: none;
  }
}
.popup-content:before {
  animation: 0.6s steps(4) infinite;
  animation-name: popup-left-arrows;
  aspect-ratio: 0.6862745098;
  background-image: url("./assets/images/components/popup/popup-arrows.svg");
  background-size: auto 400%;
  display: block;
  content: "";
  position: absolute;
  left: -3%;
  top: 0%;
  width: 12%;
  z-index: 5;
}
@keyframes popup-left-arrows {
  from {
    background-position: 0 0%;
  }
  to {
    background-position: 0 -400%;
  }
}
.stop-animations .popup-content:before {
  animation: none;
}
@media (prefers-reduced-motion) {
  .popup-content:before {
    animation: none;
  }
}
.popup-content__faq:after, .popup-content:before {
  pointer-events: none;
}
@media (max-width: 767.5px) {
  .popup-content__faq:after, .popup-content:before {
    display: none;
  }
}

.popup-arrow-wrapper {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}
.popup-arrow-wrapper > button:first-child {
  animation: 0.45s steps(3) infinite;
  animation-name: popup-arrow-left-cta;
  aspect-ratio: 1.7908163265;
  background-image: url("./assets/images/components/popup/arrow-left-cta-mobile.png");
  background-size: auto 300%;
  display: block;
}
@keyframes popup-arrow-left-cta {
  from {
    background-position: 0 0%;
  }
  to {
    background-position: 0 -300%;
  }
}
.stop-animations .popup-arrow-wrapper > button:first-child {
  animation: none;
}
@media (prefers-reduced-motion) {
  .popup-arrow-wrapper > button:first-child {
    animation: none;
  }
}
.popup-arrow-wrapper > button:last-child {
  animation: 0.45s steps(3) infinite;
  animation-name: popup-arrow-right-cta;
  aspect-ratio: 1.7908163265;
  background-image: url("./assets/images/components/popup/arrow-left-cta-mobile.png");
  background-size: auto 300%;
  display: block;
  transform: scaleX(-1);
}
@keyframes popup-arrow-right-cta {
  from {
    background-position: 0 0%;
  }
  to {
    background-position: 0 -300%;
  }
}
.stop-animations .popup-arrow-wrapper > button:last-child {
  animation: none;
}
@media (prefers-reduced-motion) {
  .popup-arrow-wrapper > button:last-child {
    animation: none;
  }
}
.popup-arrow-wrapper button {
  background-color: transparent;
  background-repeat: repeat-y;
  border: 0;
  width: 45px;
}
.popup-arrow-wrapper button.is-hidden {
  visibility: hidden;
  pointer-events: none;
}
@media (min-width: 768px) {
  .popup-arrow-wrapper {
    display: none;
  }
}

.popup-subject-description-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.popup-subject-description-list li {
  display: block;
}
.popup-subject-description-list li.hidden {
  display: none;
}

.popup-subject-copy {
  font-size: 1rem;
}
@media (min-width: 768px) {
  .popup-subject-copy {
    font-size: 1.375rem;
  }
}
.popup-subject-copy span {
  display: block;
  font-weight: 400;
}
.popup-subject-copy span.popup-subject-title {
  font-weight: 700;
}

.popup-buttons {
  display: flex;
  flex-flow: row wrap;
}
@media (max-width: 767.5px) {
  .popup-buttons {
    display: none;
  }
}
.popup-buttons button {
  background-color: transparent;
  background-repeat: repeat-y;
  border: 0;
  max-width: 261px;
  margin-top: 10px;
  margin-right: 42px;
  margin-bottom: 17px;
}
.popup-buttons button:hover, .popup-buttons button:focus {
  margin-right: 18px;
  margin-top: 2px;
}
.popup-buttons .engineering-cta {
  animation: 0.45s steps(3) infinite;
  animation-name: engineering-cta;
  aspect-ratio: 2.7191780822;
  background-image: url("./assets/images/components/popup/engineering-cta.png");
  background-size: auto 300%;
  display: block;
  width: 210px;
}
@keyframes engineering-cta {
  from {
    background-position: 0 0%;
  }
  to {
    background-position: 0 -300%;
  }
}
.stop-animations .popup-buttons .engineering-cta {
  animation: none;
}
@media (prefers-reduced-motion) {
  .popup-buttons .engineering-cta {
    animation: none;
  }
}
@media (min-width: 768px) {
  .popup-buttons .engineering-cta:hover, .popup-buttons .engineering-cta:focus {
    animation: 0.45s steps(3) infinite;
    animation-name: engineering-cta-hover;
    aspect-ratio: 2.7415384615;
    background-image: url("./assets/images/components/popup/engineering-button-hover.png");
    background-size: auto 300%;
    display: block;
    width: 232px;
  }
  @keyframes engineering-cta-hover {
    from {
      background-position: 0 0%;
    }
    to {
      background-position: 0 -300%;
    }
  }
  .stop-animations .popup-buttons .engineering-cta:hover, .stop-animations .popup-buttons .engineering-cta:focus {
    animation: none;
  }
}
@media (min-width: 768px) and (prefers-reduced-motion) {
  .popup-buttons .engineering-cta:hover, .popup-buttons .engineering-cta:focus {
    animation: none;
  }
}
.popup-buttons .science-cta {
  animation: 0.45s steps(3) infinite;
  animation-name: science-cta;
  aspect-ratio: 1.9900990099;
  background-image: url("./assets/images/components/popup/science-cta.png");
  background-size: auto 300%;
  display: block;
  width: 153px;
}
@keyframes science-cta {
  from {
    background-position: 0 0%;
  }
  to {
    background-position: 0 -300%;
  }
}
.stop-animations .popup-buttons .science-cta {
  animation: none;
}
@media (prefers-reduced-motion) {
  .popup-buttons .science-cta {
    animation: none;
  }
}
@media (min-width: 768px) {
  .popup-buttons .science-cta:hover, .popup-buttons .science-cta:focus {
    animation: 0.45s steps(3) infinite;
    animation-name: science-cta-hover;
    aspect-ratio: 2.0598006645;
    background-image: url("./assets/images/components/popup/science-button-hover.png");
    background-size: auto 300%;
    display: block;
    width: 175px;
  }
  @keyframes science-cta-hover {
    from {
      background-position: 0 0%;
    }
    to {
      background-position: 0 -300%;
    }
  }
  .stop-animations .popup-buttons .science-cta:hover, .stop-animations .popup-buttons .science-cta:focus {
    animation: none;
  }
}
@media (min-width: 768px) and (prefers-reduced-motion) {
  .popup-buttons .science-cta:hover, .popup-buttons .science-cta:focus {
    animation: none;
  }
}
.popup-buttons .creative-arts-cta {
  animation: 0.45s steps(3) infinite;
  animation-name: arts-cta;
  aspect-ratio: 3.0911062907;
  background-image: url("./assets/images/components/popup/creative-arts-cta.png");
  background-size: auto 300%;
  display: block;
  width: 237px;
}
@keyframes arts-cta {
  from {
    background-position: 0 0%;
  }
  to {
    background-position: 0 -300%;
  }
}
.stop-animations .popup-buttons .creative-arts-cta {
  animation: none;
}
@media (prefers-reduced-motion) {
  .popup-buttons .creative-arts-cta {
    animation: none;
  }
}
@media (min-width: 768px) {
  .popup-buttons .creative-arts-cta:hover, .popup-buttons .creative-arts-cta:focus {
    animation: 0.45s steps(3) infinite;
    animation-name: arts-cta-hover;
    aspect-ratio: 3.0617647059;
    background-image: url("./assets/images/components/popup/creative-arts-button-hover.png");
    background-size: auto 300%;
    display: block;
    width: 261px;
  }
  @keyframes arts-cta-hover {
    from {
      background-position: 0 0%;
    }
    to {
      background-position: 0 -300%;
    }
  }
  .stop-animations .popup-buttons .creative-arts-cta:hover, .stop-animations .popup-buttons .creative-arts-cta:focus {
    animation: none;
  }
}
@media (min-width: 768px) and (prefers-reduced-motion) {
  .popup-buttons .creative-arts-cta:hover, .popup-buttons .creative-arts-cta:focus {
    animation: none;
  }
}
.popup-buttons .humanities-cta {
  animation: 0.45s steps(3) infinite;
  animation-name: humanities-cta;
  aspect-ratio: 2.5444685466;
  background-image: url("./assets/images/components/popup/humanities-cta.png");
  background-size: auto 300%;
  display: block;
  width: 196px;
}
@keyframes humanities-cta {
  from {
    background-position: 0 0%;
  }
  to {
    background-position: 0 -300%;
  }
}
.stop-animations .popup-buttons .humanities-cta {
  animation: none;
}
@media (prefers-reduced-motion) {
  .popup-buttons .humanities-cta {
    animation: none;
  }
}
@media (min-width: 768px) {
  .popup-buttons .humanities-cta:hover, .popup-buttons .humanities-cta:focus {
    animation: 0.45s steps(3) infinite;
    animation-name: humanities-cta-hover;
    aspect-ratio: 2.55;
    background-image: url("./assets/images/components/popup/humanities-button-hover.png");
    background-size: auto 300%;
    display: block;
    width: 216px;
  }
  @keyframes humanities-cta-hover {
    from {
      background-position: 0 0%;
    }
    to {
      background-position: 0 -300%;
    }
  }
  .stop-animations .popup-buttons .humanities-cta:hover, .stop-animations .popup-buttons .humanities-cta:focus {
    animation: none;
  }
}
@media (min-width: 768px) and (prefers-reduced-motion) {
  .popup-buttons .humanities-cta:hover, .popup-buttons .humanities-cta:focus {
    animation: none;
  }
}

.popup-title-wrapper .popup-animated-title {
  animation: 0.45s steps(3) infinite;
  animation-name: popup-title-subject;
  aspect-ratio: 2.3848167539;
  background-image: url("./assets/images/components/popup/title-subject.png");
  background-size: auto 300%;
  display: block;
}
@keyframes popup-title-subject {
  from {
    background-position: 0 0%;
  }
  to {
    background-position: 0 -300%;
  }
}
.stop-animations .popup-title-wrapper .popup-animated-title {
  animation: none;
}
@media (prefers-reduced-motion) {
  .popup-title-wrapper .popup-animated-title {
    animation: none;
  }
}
@media (max-width: 767.5px) {
  .popup-title-wrapper .popup-animated-title {
    width: 70%;
  }
}
.popup-title-wrapper.engineering .engineering-cta {
  animation: 0.45s steps(3) infinite;
  animation-name: engineering-cta-hover;
  aspect-ratio: 2.7415384615;
  background-image: url("./assets/images/components/popup/engineering-button-hover.png");
  background-size: auto 300%;
  display: block;
  width: 231px;
  margin-right: 18px;
  margin-top: 2px;
}
@keyframes engineering-cta-hover {
  from {
    background-position: 0 0%;
  }
  to {
    background-position: 0 -300%;
  }
}
.stop-animations .popup-title-wrapper.engineering .engineering-cta {
  animation: none;
}
@media (prefers-reduced-motion) {
  .popup-title-wrapper.engineering .engineering-cta {
    animation: none;
  }
}
@media (max-width: 767.5px) {
  .popup-title-wrapper.engineering .popup-animated-title {
    animation: 0.45s steps(3) infinite;
    animation-name: title-engineering-mobile;
    aspect-ratio: 3.7815789474;
    background-image: url("./assets/images/components/popup/title-engineering-mobile.png");
    background-size: auto 300%;
    display: block;
  }
  @keyframes title-engineering-mobile {
    from {
      background-position: 0 0%;
    }
    to {
      background-position: 0 -300%;
    }
  }
  .stop-animations .popup-title-wrapper.engineering .popup-animated-title {
    animation: none;
  }
}
@media (max-width: 767.5px) and (prefers-reduced-motion) {
  .popup-title-wrapper.engineering .popup-animated-title {
    animation: none;
  }
}
.popup-title-wrapper.science .science-cta {
  animation: 0.45s steps(3) infinite;
  animation-name: science-cta-hover;
  aspect-ratio: 2.0598006645;
  background-image: url("./assets/images/components/popup/science-button-hover.png");
  background-size: auto 300%;
  display: block;
  width: 174px;
  margin-right: 18px;
  margin-top: 2px;
}
@keyframes science-cta-hover {
  from {
    background-position: 0 0%;
  }
  to {
    background-position: 0 -300%;
  }
}
.stop-animations .popup-title-wrapper.science .science-cta {
  animation: none;
}
@media (prefers-reduced-motion) {
  .popup-title-wrapper.science .science-cta {
    animation: none;
  }
}
@media (max-width: 767.5px) {
  .popup-title-wrapper.science .popup-animated-title {
    animation: 0.45s steps(3) infinite;
    animation-name: title-science-mobile;
    aspect-ratio: 2.9641791045;
    background-image: url("./assets/images/components/popup/title-science-mobile.png");
    background-size: auto 300%;
    display: block;
    width: 50%;
  }
  @keyframes title-science-mobile {
    from {
      background-position: 0 0%;
    }
    to {
      background-position: 0 -300%;
    }
  }
  .stop-animations .popup-title-wrapper.science .popup-animated-title {
    animation: none;
  }
}
@media (max-width: 767.5px) and (prefers-reduced-motion) {
  .popup-title-wrapper.science .popup-animated-title {
    animation: none;
  }
}
.popup-title-wrapper.creative-arts .creative-arts-cta {
  animation: 0.45s steps(3) infinite;
  animation-name: arts-cta-hover;
  aspect-ratio: 3.0617647059;
  background-image: url("./assets/images/components/popup/creative-arts-button-hover.png");
  background-size: auto 300%;
  display: block;
  width: 261px;
  margin-right: 18px;
  margin-top: 2px;
}
@keyframes arts-cta-hover {
  from {
    background-position: 0 0%;
  }
  to {
    background-position: 0 -300%;
  }
}
.stop-animations .popup-title-wrapper.creative-arts .creative-arts-cta {
  animation: none;
}
@media (prefers-reduced-motion) {
  .popup-title-wrapper.creative-arts .creative-arts-cta {
    animation: none;
  }
}
@media (max-width: 767.5px) {
  .popup-title-wrapper.creative-arts .popup-animated-title {
    animation: 0.45s steps(3) infinite;
    animation-name: title-arts-mobile;
    aspect-ratio: 4.4791666667;
    background-image: url("./assets/images/components/popup/title-creative-arts-mobile.png");
    background-size: auto 300%;
    display: block;
  }
  @keyframes title-arts-mobile {
    from {
      background-position: 0 0%;
    }
    to {
      background-position: 0 -300%;
    }
  }
  .stop-animations .popup-title-wrapper.creative-arts .popup-animated-title {
    animation: none;
  }
}
@media (max-width: 767.5px) and (prefers-reduced-motion) {
  .popup-title-wrapper.creative-arts .popup-animated-title {
    animation: none;
  }
}
.popup-title-wrapper.humanities .humanities-cta {
  animation: 0.45s steps(3) infinite;
  animation-name: humanities-cta-hover;
  aspect-ratio: 2.55;
  background-image: url("./assets/images/components/popup/humanities-button-hover.png");
  background-size: auto 300%;
  display: block;
  width: 216px;
  margin-right: 18px;
  margin-top: 2px;
}
@keyframes humanities-cta-hover {
  from {
    background-position: 0 0%;
  }
  to {
    background-position: 0 -300%;
  }
}
.stop-animations .popup-title-wrapper.humanities .humanities-cta {
  animation: none;
}
@media (prefers-reduced-motion) {
  .popup-title-wrapper.humanities .humanities-cta {
    animation: none;
  }
}
@media (max-width: 767.5px) {
  .popup-title-wrapper.humanities .popup-animated-title {
    animation: 0.45s steps(3) infinite;
    animation-name: title-humanities-mobile;
    aspect-ratio: 4.0625;
    background-image: url("./assets/images/components/popup/title-humanities-mobile.png");
    background-size: auto 300%;
    display: block;
    width: 65%;
  }
  @keyframes title-humanities-mobile {
    from {
      background-position: 0 0%;
    }
    to {
      background-position: 0 -300%;
    }
  }
  .stop-animations .popup-title-wrapper.humanities .popup-animated-title {
    animation: none;
  }
}
@media (max-width: 767.5px) and (prefers-reduced-motion) {
  .popup-title-wrapper.humanities .popup-animated-title {
    animation: none;
  }
}

/*# sourceMappingURL=main.css.map */