.universal-nav .menu-item:not(:last-child) {
  margin-right: 1.5rem;
}

video {
  max-width: 100%;
}

.editorial table thead th {
  font-size: 1.1667rem;
  line-height: 1.5rem;
  text-align: center;
}

.logo-grid img {
  margin: 0 auto;
  max-height: 100px;
  max-width: 100%;
  width: auto;
}

.slab--wildcat-blue .editorial a {
  color: white;
  text-decoration: underline;
  }
  .slab--wildcat-blue .editorial a:hover {
    text-decoration: none;
  }

.page-header.page-header--split.slab--wildcat-blue {
  border-top: 1px solid white;
}

.form-actions input:not(:first-child) {
  margin-left: 0.5rem;
}

/* editorial asides do not float for small screens */
@media screen and (max-width: 34.99rem) {
  .editorial .editorial__aside.align-right,
  .editorial .editorial__aside.align-left {
    width: 100%;
    float: none;
  }
  .editorial .editorial__content img {
    width: 100%;
  }
}

@media print {
  .lockup__wordmark {
    font-size: 2rem;
  }
  .lockup__logo svg {
    width: 5rem;
  }
  .toggle-button {
    display: none;
  }
  .grid.grid--3-up,
  .grid.grid--2-up {
    display: flex;
  }
  .grid.grid--3-up > .grid__column {
    width: 33%;
    padding: 0 .5rem;
  }
  .grid.grid--2-up > .grid__column {
    width: 50%;
    padding: 0 .5rem;
  }
  .global-footer,
  .universal-footer,
  .section-nav,
  .breadcrumb {
    display: none;
  }
  .page-header img {
    max-height: 300px;
    width: auto;
    margin: 0 auto;
  }
  .page-header h1 .headline-group__head {
    font-size: 2rem;
  }
}

.people-grid {
  position: relative;
  background: linear-gradient(96deg, #F2F7FF -16.06%, #C8DCFF 100%);
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.people-grid__decorations {
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.people-grid__decorations::before,
.people-grid__decorations::after {
  content: "";
  position: absolute;
  background: rgba(30, 138, 255, 0.15);
  mix-blend-mode: multiply;
  aspect-ratio: 1 / 1;
  width: 600px;
  border-radius: 9999px;
}

.people-grid__decorations::before {
  top: 0;
  right: 0;
  transform: translateX(80%) translateY(-30%);

  @media screen and (min-width: 80rem) {
    transform: translateX(80%);
  }

  @media screen and (min-width: 85rem) {
    transform: translateX(80%) translateY(20%);
  }
}

.people-grid__decorations::after {
  bottom: 0;
  left: 0;
  transform: translateX(-80%) translateY(60%);


  @media screen and (min-width: 87rem) {
    transform: translateX(-80%) translateY(-20%);
  }
}

.people-grid__content {
  position: relative;
}

.people-grid__items {
  position: relative;
  z-index: 1;
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(1.25rem, 2.2vw, 2rem);
}

@media screen and (max-width: 56.25rem) { /* 900px */
  .people-grid__items {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media screen and (max-width: 30rem) { /* 480px */
  .people-grid__items {
    grid-template-columns: 1fr;
  }
}

.people-grid__item {
  color: black;
  overflow-wrap: anywhere;
}

.people-grid__item-image {
  overflow: hidden;
}

.people-grid__item-image a {
  display: block;
}

.people-grid__item-image img {
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  object-position: center;
}

.people-grid__item-content {
  padding-top: 1.25rem;
  margin-top: 1rem;
  border: none;
  background-image: radial-gradient(circle, #0033A0 1px, transparent 1px);
  background-size: 10px 10px;
  background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
  background-position: 0 0, 0 100%, 0 0, 100% 0;
}

.people-grid__item-name {
  margin: 0 0 0.25rem 0;
  font-size: 1.25rem;
  line-height: 1.35;
  font-weight: 700;
}

.people-grid__item-name-link {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 0.14em;
  text-decoration-thickness: 1px;
  text-decoration-color: #2356E1;
  transition: text-decoration-color 0.2s ease-in-out;
}

.people-grid__item-name-link:hover,
.people-grid__item-name-link:focus-visible {
  text-decoration-color: transparent;
}

.people-grid__item-roles {
  margin: 0 0 0.6rem 0;
  font-size: 1rem;
  line-height: 1.35;
  font-style: italic;
}

.people-grid__label {
  margin: 0.6rem 0 0.15rem 0;
  font-size: 1rem;
  line-height: 1.35;
  font-weight: 700;
}

.people-grid__item-areas {
  margin: 0 0 0.65rem 0;
  font-size: 1rem;
  line-height: 1.35;
}

.people-grid__item-student-type-links {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  margin-top: 0.5rem;
  font-family: "alternate-gothic-atf",sans-serif;
}

.people-grid__item-student-type-link {
  padding: .25rem .5rem .2rem;
  border-radius: 9999px;
  border: 1px solid;
  color: #252527;
  font-size: 1rem;
  line-height: 1.1;
  font-weight: 500;
  text-decoration: none;
  text-align: center;
}

.people-grid__item-student-type-link:is(a):hover,
.people-grid__item-student-type-link:is(a):focus-visible {
  background: rgba(255, 255, 255, 0.96);
}

.people-grid__pagination {
  margin-top: 3.5rem;
}

.people-grid__pagination .pagination {
  display: flex;
  justify-content: center;
}

.people-grid__pagination .pagination ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem;
  padding: 0;
}

@media screen and (min-width: 27rem) { /* 432px */
  .people-grid__pagination .pagination ul {
    gap: 0.5rem;
  }
}

@media screen and (min-width: 40rem) { /* 640px */
  .people-grid__pagination .pagination ul {
    gap: 0.75rem;
  }
}

.people-grid__pagination .pagination ul li {
  margin: 0 !important;
  display: inline-block;
}

.people-grid__pagination .pagination ul li.pager__item--ellipsis {
  display: flex;
  align-items: center;
}

.people-grid__pagination .pagination ul li.pager__item--ellipsis:has(+ .next) {
  padding-right: .25rem;
}

.people-grid__pagination .pagination ul li.previous + .pager__item--ellipsis {
  padding-left: .25rem;
}

@media screen and (min-width: 27rem) { /* 432px */
  .people-grid__pagination .pagination ul li.pager__item--ellipsis:has(+ .next) {
    padding-right: .5rem;
  }
  .people-grid__pagination .pagination ul li.previous + .pager__item--ellipsis {
    padding-left: .5rem;
  }
}

@media screen and (min-width: 40rem) { /* 640px */
  .people-grid__pagination .pagination ul li.pager__item--ellipsis:has(+ .next) {
    padding-right: .75rem;
  }
  .people-grid__pagination .pagination ul li.previous + .pager__item--ellipsis {
    padding-left: .75rem;
  }
}

@media screen and (min-width: 52rem) { /* 832px */
  .people-grid__pagination .pagination ul li.pager__item--ellipsis:has(+ .next) {
    padding-right: 1rem;
  }
  .people-grid__pagination .pagination ul li.previous + .pager__item--ellipsis {
    padding-left: 1rem;
  }
}

.people-grid__pagination .pagination a {
  padding: .35rem .25rem;
  border-radius: 6px;
  background-image: none;
  border: 2px solid transparent;
  margin: 0;
  display: inline-block !important;
  font-size: .85rem;
  line-height: 1;
  text-transform: uppercase;
  font-weight: 600;
  font-family: "alternate-gothic-atf",sans-serif;
  color: #353535;
  letter-spacing: 0.17px;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}

@media screen and (min-width: 27rem) { /* 432px */
  .people-grid__pagination .pagination a {
    padding: .5rem;
  }
}

@media screen and (min-width: 40rem) { /* 640px */
  .people-grid__pagination .pagination a {
    padding: .75rem;
    font-size: 1rem;
  }
}

@media screen and (min-width: 52rem) { /* 832px */
  .people-grid__pagination .pagination a {
    padding: 1rem;
    font-size: 1.0625rem;
  }
}

.people-grid__pagination .pagination.pagination a::before,
.people-grid__pagination .pagination.pagination a::after {
  margin: 0;
}

.people-grid__pagination .pagination a span[aria-hidden="true"] {
  display: none;
}

@media screen and (min-width: 52rem) { /* 832px */
  .people-grid__pagination .pagination a::before,
  .people-grid__pagination .pagination a::after {
    display: none !important;
  }

  .people-grid__pagination .pagination a span[aria-hidden="true"] {
    display: inline;
  }
}

.people-grid__pagination .pagination a:hover,
.people-grid__pagination .pagination a:focus {
  background-color: white;
  color: #00356B;
}

.people-grid__pagination .pagination :is(.first, .last) a {
  background-color: #00356B;
  color: white;
  border-radius: 0px;
  border: 2px solid #00356B;
}

.people-grid__pagination .pagination :is(.first, .last) a:hover,
.people-grid__pagination .pagination :is(.first, .last) a:focus {
  background-color: transparent;
  color: #224570;
}

.people-grid__pagination .pagination :is(.next, .previous) a {
  color: #224570;
  border-radius: 0px;
  border: 2px solid #00356B;
}

.people-grid__pagination .pagination :is(.next, .previous) a:hover,
.people-grid__pagination .pagination :is(.next, .previous) a:focus {
  background-color: #00356B;
  color: white;
}

.people-grid__pagination .pagination .current a {
  background-color: white;
}

.directory-page__filters-background,
.directory-page__filters-background * {
  width: 100%;
  height: 100%;
}

.directory-page__filters-background {
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.directory-page__filters-background img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
  opacity: 0.3;
  scale: 1.75;
}

.directory-page__filters form.views-exposed-form {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem 1.5rem;
}

.directory-page__filters form.views-exposed-form .form-item {
  margin: 0;
}

.directory-page__filters form.views-exposed-form :is(.js-form-type-textfield, .js-form-type-select) {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  flex-grow: 1;
  width: 100%;
}

@media screen and (min-width: 40rem) { /* 640px */
  .directory-page__filters form.views-exposed-form :is(.js-form-type-textfield, .js-form-type-select) {
    width: 40%;
  }
}

@media screen and (min-width: 72rem) {
  .directory-page__filters form.views-exposed-form :is(.js-form-type-textfield, .js-form-type-select) {
    flex: 1;
    width: auto;
  }
}

.directory-page__filters form.views-exposed-form :is(.js-form-type-textfield, .js-form-type-select) label {
  margin: 0;
  font-size: .875rem;
  line-height: 1.35;
  font-weight: 700;
  color: #252527;
}

.directory-page__filters form.views-exposed-form :is(.js-form-type-textfield, .js-form-type-select) :is(input, select) {
  appearance: none;
  padding: 1rem;
  border-radius: 0;
  border-bottom: 1px solid #184AB2;
  border-top: none;
  border-left: none;
  border-right: none;
  background: #F0F3FB;
  color: #252527;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
  width: 100%;
}

.directory-page__filters form.views-exposed-form .js-form-type-select select {
  padding-right: 2rem;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.4717 0.707031L6.58925 6.58937L0.706909 0.707032' stroke='%23184AB2' stroke-width='2'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: right .75rem center;
  background-size: 12px 6px;
}

.directory-page__filters form.views-exposed-form .form-actions {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  margin-top: .5rem;
}

.directory-page__filters form.views-exposed-form .form-actions input {
  font-family: "alternate-gothic-atf",sans-serif;
  font-size: 1.375rem;
  font-weight: 600;
  line-height: 1.6;
  text-transform: uppercase;
  letter-spacing: 0.88px;
  margin: 0;
  width: auto;
}

.directory-page__filters form.views-exposed-form .form-actions input#edit-reset {
  background-color: transparent;
  color: #0033A0;
  border: 2px solid #0033A0;
}

.directory-page__filters form.views-exposed-form .form-actions input#edit-reset:hover,
.directory-page__filters form.views-exposed-form .form-actions input#edit-reset:focus {
  background-color: #0033A0;
  color: white;
}

.page-header--text .page-header__description {
  font-size: 1.25rem;
  line-height: 1.35;
}

dl.invisible-labels dt.accepting-students-for-res {
  display:block;
  margin-top: 0.5rem;
}

.timeline-outer-wrapper {
  position: relative;
  overflow-x: clip;
}

.timeline__decorations {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}

.timeline__decorations::before,
.timeline__decorations::after {
  content: "";
  position: absolute;
  width: 600px;
  aspect-ratio: 1 / 1;
  border-radius: 9999px;
  background: #F0F3FB;
  mix-blend-mode: multiply;
}

.timeline__decorations::before {
  top: 4rem;
  left: 0;
  transform: translateX(-86%);
}

.timeline__decorations::after {
  top: 55%;
  right: 0;
  transform: translateX(86%);
}

.timeline-outer-wrapper .slab__wrapper {
  position: relative;
}

.timeline {
  --timeline-blue: #0033A0;
  --timeline-action: #184AB2;
  --timeline-heading: #252527;
  --timeline-body: #454545;
  --timeline-dot: #1E8AFF;
  --timeline-ring-field: 96px;
  --timeline-marker-size: 94px;
  position: relative;
  isolation: isolate;
}

.timeline::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 4px;
  margin-left: -2px;
  background: var(--timeline-blue);
  mask-image: linear-gradient(
    to bottom,
    transparent 0,
    #000 7.5rem,
    #000 calc(100% - 7rem),
    transparent 100%
  );
  -webkit-mask-image: linear-gradient(
    to bottom,
    transparent 0,
    #000 7.5rem,
    #000 calc(100% - 7rem),
    transparent 100%
  );
  pointer-events: none;
  z-index: 1;
}

.timeline__items {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 3.75rem;
}

.timeline__item {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) var(--timeline-marker-size) minmax(0, 1fr);
  align-items: center;
  column-gap: 0;
}

.timeline__media {
  grid-column: 1;
  grid-row: 1;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-right: 2.5rem;
  min-width: 0;
}

.timeline__marker {
  grid-column: 2;
  grid-row: 1;
  position: relative;
  width: var(--timeline-marker-size);
  height: var(--timeline-marker-size);
  display: flex;
  align-items: center;
  justify-content: center;
  justify-self: center;
}

.timeline__content {
  grid-column: 3;
  grid-row: 1;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  align-items: flex-start;
  justify-content: center;
  padding-left: 2.5rem;
  min-width: 0;
  text-align: left;
}

.timeline__item:nth-child(even) .timeline__media {
  grid-column: 3;
  justify-content: flex-start;
  padding-right: 0;
  padding-left: 2.5rem;
}

.timeline__item:nth-child(even) .timeline__content {
  grid-column: 1;
  align-items: flex-end;
  padding-left: 0;
  padding-right: 2.5rem;
  text-align: right;
}

.timeline__image {
  display: block;
  width: auto;
  max-width: 100%;
  height: 17.5rem;
}

.timeline__marker::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 0;
  width: var(--timeline-ring-field);
  height: var(--timeline-ring-field);
  transform: translate(-50%, -50%);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96' viewBox='0 0 96 96' fill='none'%3E %3Cg fill='%23B0CCFF'%3E %3Ccircle cx='48' cy='48' r='1.709'/%3E %3Ccircle cx='56.563' cy='48' r='1.709'/%3E %3Ccircle cx='54.56' cy='53.504' r='1.709'/%3E %3Ccircle cx='49.487' cy='56.433' r='1.709'/%3E %3Ccircle cx='43.719' cy='55.416' r='1.709'/%3E %3Ccircle cx='39.953' cy='50.929' r='1.709'/%3E %3Ccircle cx='39.953' cy='45.071' r='1.709'/%3E %3Ccircle cx='43.719' cy='40.584' r='1.709'/%3E %3Ccircle cx='49.487' cy='39.567' r='1.709'/%3E %3Ccircle cx='54.56' cy='42.496' r='1.709'/%3E %3Ccircle cx='65.126' cy='48' r='1.709'/%3E %3Ccircle cx='64.093' cy='53.857' r='1.709'/%3E %3Ccircle cx='61.119' cy='59.008' r='1.709'/%3E %3Ccircle cx='56.563' cy='62.832' r='1.709'/%3E %3Ccircle cx='50.974' cy='64.866' r='1.709'/%3E %3Ccircle cx='45.026' cy='64.866' r='1.709'/%3E %3Ccircle cx='39.437' cy='62.832' r='1.709'/%3E %3Ccircle cx='34.881' cy='59.008' r='1.709'/%3E %3Ccircle cx='31.907' cy='53.857' r='1.709'/%3E %3Ccircle cx='30.874' cy='48' r='1.709'/%3E %3Ccircle cx='31.907' cy='42.143' r='1.709'/%3E %3Ccircle cx='34.881' cy='36.992' r='1.709'/%3E %3Ccircle cx='39.437' cy='33.168' r='1.709'/%3E %3Ccircle cx='45.026' cy='31.134' r='1.709'/%3E %3Ccircle cx='50.974' cy='31.134' r='1.709'/%3E %3Ccircle cx='56.563' cy='33.168' r='1.709'/%3E %3Ccircle cx='61.119' cy='36.992' r='1.709'/%3E %3Ccircle cx='64.093' cy='42.143' r='1.709'/%3E %3Ccircle cx='73.689' cy='48' r='1.709'/%3E %3Ccircle cx='72.997' cy='53.924' r='1.709'/%3E %3Ccircle cx='70.957' cy='59.529' r='1.709'/%3E %3Ccircle cx='67.679' cy='64.513' r='1.709'/%3E %3Ccircle cx='63.34' cy='68.606' r='1.709'/%3E %3Ccircle cx='58.175' cy='71.588' r='1.709'/%3E %3Ccircle cx='52.461' cy='73.299' r='1.709'/%3E %3Ccircle cx='46.506' cy='73.646' r='1.709'/%3E %3Ccircle cx='40.632' cy='72.61' r='1.709'/%3E %3Ccircle cx='35.156' cy='70.247' r='1.709'/%3E %3Ccircle cx='30.371' cy='66.686' r='1.709'/%3E %3Ccircle cx='26.537' cy='62.116' r='1.709'/%3E %3Ccircle cx='23.86' cy='56.786' r='1.709'/%3E %3Ccircle cx='22.485' cy='50.982' r='1.709'/%3E %3Ccircle cx='22.485' cy='45.018' r='1.709'/%3E %3Ccircle cx='23.86' cy='39.214' r='1.709'/%3E %3Ccircle cx='26.537' cy='33.884' r='1.709'/%3E %3Ccircle cx='30.371' cy='29.315' r='1.709'/%3E %3Ccircle cx='35.156' cy='25.753' r='1.709'/%3E %3Ccircle cx='40.632' cy='23.39' r='1.709'/%3E %3Ccircle cx='46.506' cy='22.354' r='1.709'/%3E %3Ccircle cx='52.461' cy='22.701' r='1.709'/%3E %3Ccircle cx='58.175' cy='24.412' r='1.709'/%3E %3Ccircle cx='63.34' cy='27.394' r='1.709'/%3E %3Ccircle cx='67.679' cy='31.487' r='1.709'/%3E %3Ccircle cx='70.957' cy='36.471' r='1.709'/%3E %3Ccircle cx='72.997' cy='42.076' r='1.709'/%3E %3Ccircle cx='82.252' cy='48' r='1.709'/%3E %3Ccircle cx='81.759' cy='53.789' r='1.709'/%3E %3Ccircle cx='80.296' cy='59.411' r='1.709'/%3E %3Ccircle cx='77.903' cy='64.705' r='1.709'/%3E %3Ccircle cx='74.649' cy='69.518' r='1.709'/%3E %3Ccircle cx='70.63' cy='73.712' r='1.709'/%3E %3Ccircle cx='65.959' cy='77.167' r='1.709'/%3E %3Ccircle cx='60.771' cy='79.782' r='1.709'/%3E %3Ccircle cx='55.216' cy='81.483' r='1.709'/%3E %3Ccircle cx='49.454' cy='82.221' r='1.709'/%3E %3Ccircle cx='43.649' cy='81.975' r='1.709'/%3E %3Ccircle cx='37.97' cy='80.751' r='1.709'/%3E %3Ccircle cx='32.58' cy='78.585' r='1.709'/%3E %3Ccircle cx='27.633' cy='75.539' r='1.709'/%3E %3Ccircle cx='23.272' cy='71.7' r='1.709'/%3E %3Ccircle cx='19.622' cy='67.18' r='1.709'/%3E %3Ccircle cx='16.789' cy='62.109' r='1.709'/%3E %3Ccircle cx='14.853' cy='56.631' r='1.709'/%3E %3Ccircle cx='13.871' cy='50.905' r='1.709'/%3E %3Ccircle cx='13.871' cy='45.095' r='1.709'/%3E %3Ccircle cx='14.853' cy='39.369' r='1.709'/%3E %3Ccircle cx='16.789' cy='33.892' r='1.709'/%3E %3Ccircle cx='19.622' cy='28.82' r='1.709'/%3E %3Ccircle cx='23.272' cy='24.3' r='1.709'/%3E %3Ccircle cx='27.633' cy='20.461' r='1.709'/%3E %3Ccircle cx='32.58' cy='17.415' r='1.709'/%3E %3Ccircle cx='37.97' cy='15.249' r='1.709'/%3E %3Ccircle cx='43.649' cy='14.025' r='1.709'/%3E %3Ccircle cx='49.454' cy='13.779' r='1.709'/%3E %3Ccircle cx='55.216' cy='14.517' r='1.709'/%3E %3Ccircle cx='60.771' cy='16.218' r='1.709'/%3E %3Ccircle cx='65.959' cy='18.833' r='1.709'/%3E %3Ccircle cx='70.63' cy='22.288' r='1.709'/%3E %3Ccircle cx='74.649' cy='26.482' r='1.709'/%3E %3Ccircle cx='77.903' cy='31.295' r='1.709'/%3E %3Ccircle cx='80.296' cy='36.589' r='1.709'/%3E %3Ccircle cx='81.759' cy='42.211' r='1.709'/%3E %3Ccircle cx='90.815' cy='48' r='1.709'/%3E %3Ccircle cx='90.416' cy='53.83' r='1.709'/%3E %3Ccircle cx='89.227' cy='59.551' r='1.709'/%3E %3Ccircle cx='87.271' cy='65.058' r='1.709'/%3E %3Ccircle cx='84.582' cy='70.246' r='1.709'/%3E %3Ccircle cx='81.212' cy='75.02' r='1.709'/%3E %3Ccircle cx='77.224' cy='79.291' r='1.709'/%3E %3Ccircle cx='72.691' cy='82.979' r='1.709'/%3E %3Ccircle cx='67.698' cy='86.015' r='1.709'/%3E %3Ccircle cx='62.338' cy='88.343' r='1.709'/%3E %3Ccircle cx='56.711' cy='89.92' r='1.709'/%3E %3Ccircle cx='50.922' cy='90.715' r='1.709'/%3E %3Ccircle cx='45.078' cy='90.715' r='1.709'/%3E %3Ccircle cx='39.289' cy='89.92' r='1.709'/%3E %3Ccircle cx='33.662' cy='88.343' r='1.709'/%3E %3Ccircle cx='28.302' cy='86.015' r='1.709'/%3E %3Ccircle cx='23.309' cy='82.979' r='1.709'/%3E %3Ccircle cx='18.776' cy='79.291' r='1.709'/%3E %3Ccircle cx='14.788' cy='75.02' r='1.709'/%3E %3Ccircle cx='11.418' cy='70.246' r='1.709'/%3E %3Ccircle cx='8.73' cy='65.058' r='1.709'/%3E %3Ccircle cx='6.773' cy='59.551' r='1.709'/%3E %3Ccircle cx='5.584' cy='53.83' r='1.709'/%3E %3Ccircle cx='5.185' cy='48' r='1.709'/%3E %3Ccircle cx='5.584' cy='42.17' r='1.709'/%3E %3Ccircle cx='6.773' cy='36.449' r='1.709'/%3E %3Ccircle cx='8.73' cy='30.942' r='1.709'/%3E %3Ccircle cx='11.418' cy='25.754' r='1.709'/%3E %3Ccircle cx='14.788' cy='20.98' r='1.709'/%3E %3Ccircle cx='18.776' cy='16.709' r='1.709'/%3E %3Ccircle cx='23.309' cy='13.021' r='1.709'/%3E %3Ccircle cx='28.302' cy='9.985' r='1.709'/%3E %3Ccircle cx='33.662' cy='7.657' r='1.709'/%3E %3Ccircle cx='39.289' cy='6.08' r='1.709'/%3E %3Ccircle cx='45.078' cy='5.285' r='1.709'/%3E %3Ccircle cx='50.922' cy='5.285' r='1.709'/%3E %3Ccircle cx='56.711' cy='6.08' r='1.709'/%3E %3Ccircle cx='62.338' cy='7.657' r='1.709'/%3E %3Ccircle cx='67.698' cy='9.985' r='1.709'/%3E %3Ccircle cx='72.691' cy='13.021' r='1.709'/%3E %3Ccircle cx='77.224' cy='16.709' r='1.709'/%3E %3Ccircle cx='81.212' cy='20.98' r='1.709'/%3E %3Ccircle cx='84.582' cy='25.754' r='1.709'/%3E %3Ccircle cx='87.271' cy='30.942' r='1.709'/%3E %3Ccircle cx='89.227' cy='36.449' r='1.709'/%3E %3Ccircle cx='90.416' cy='42.17' r='1.709'/%3E %3C/g%3E %3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 96px 96px;
  pointer-events: none;
}

.timeline__marker-dot {
  position: relative;
  z-index: 2;
  display: block;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: var(--timeline-blue);
}

.timeline__marker-dot::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: var(--timeline-dot);
  transform: translate(-50%, -50%);
}

.timeline__date {
  width: 100%;
}

.timeline__date-small,
.timeline__date-large {
  margin: 0;
  font-family: "alternate-gothic-atf", sans-serif;
  font-weight: 500;
  color: var(--timeline-heading);
  text-transform: uppercase;
}

.timeline__date-small {
  font-size: 2.25rem;
  line-height: 1.35;
  margin-bottom: -0.625rem;
}

.timeline__date-large {
  font-size: 4.8125rem;
  line-height: 1;
}

.timeline__title {
  width: 100%;
  margin: 0;
  font-family: "Montserrat", sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.2;
  color: var(--timeline-heading);
}

.timeline__title-linkwrap {
  display: inline-block;
  position: relative;
  padding-right: 28px;
}

.timeline__title-link {
  color: var(--timeline-action);
  text-decoration: none;
}

.timeline__title-link:hover,
.timeline__title-link:focus-visible {
  text-decoration: none;
}

.timeline__title-arrow {
  display: inline-block;
  position: relative;
  width: 18px;
  height: 18px;
  margin-right: -18px;
  vertical-align: -0.15em;
  background-color: var(--timeline-action);
  transform: translate(6px, -1px);
  transition: transform 0.2s ease;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 13'%3E%3Cpath fill='%23000' d='M8.1 0.4L14.2 6.5L8.1 12.6L6.9 11.4L11 7.3H0V5.7H11L6.9 1.6L8.1 0.4Z'/%3E%3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 13'%3E%3Cpath fill='%23000' d='M8.1 0.4L14.2 6.5L8.1 12.6L6.9 11.4L11 7.3H0V5.7H11L6.9 1.6L8.1 0.4Z'/%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  mask-size: contain;
  -webkit-mask-size: contain;
}

.timeline__title-link:hover + .timeline__title-arrow,
.timeline__title-link:focus-visible + .timeline__title-arrow {
  transform: translate(10px, -1px);
}

.timeline__description {
  width: 100%;
  font-size: 1.125rem;
  line-height: 1.35;
  color: var(--timeline-body);
}

.timeline__description > :first-child {
  margin-top: 0;
}

.timeline__description > :last-child {
  margin-bottom: 0;
}

.timeline__description a {
  color: var(--timeline-action);
}

@media screen and (max-width: 770px) {
  .timeline::before {
    left: calc(var(--timeline-marker-size) / 2);
    margin-left: -2px;
  }

  .timeline__items {
    gap: 2.5rem;
  }

  .timeline__item {
    grid-template-columns: var(--timeline-marker-size) minmax(0, 1fr);
    align-items: stretch;
    row-gap: 1rem;
  }

  .timeline__marker {
    grid-column: 1;
    grid-row: 1 / -1;
    align-self: center;
    justify-self: center;
  }

  .timeline__media,
  .timeline__item:nth-child(even) .timeline__media {
    grid-column: 2;
    grid-row: 1;
    justify-content: flex-start;
    padding-right: 0;
    padding-left: 1.25rem;
  }

  .timeline__content,
  .timeline__item:nth-child(even) .timeline__content {
    grid-column: 2;
    grid-row: 2;
    align-items: flex-start;
    padding-right: 0;
    padding-left: 1.25rem;
    text-align: left;
  }

  .timeline__image {
    height: auto;
    max-height: 12.5rem;
  }
}

@media screen and (max-width: 420px) {
  .timeline {
    --timeline-ring-field: 56px;
    --timeline-marker-size: 48px;
  }

  .timeline__marker::before {
    background-size: 56px 56px;
  }

  .timeline__marker-dot {
    width: 16px;
    height: 16px;
  }

  .timeline__marker-dot::before {
    width: 8px;
    height: 8px;
  }

  .timeline__media,
  .timeline__content,
  .timeline__item:nth-child(even) .timeline__media,
  .timeline__item:nth-child(even) .timeline__content {
    padding-left: 2rem;
  }

  .timeline__date-small {
    font-size: 1.75rem;
  }

  .timeline__date-large {
    font-size: 3.5rem;
  }
}

@media (prefers-reduced-motion: no-preference) {
  .timeline--js .timeline__media,
  .timeline--js .timeline__content {
    opacity: 0;
  }

  /* Transitions stay off until .timeline--animate so the initial hidden
     state can snap in without playing the fade-out. */
  .timeline--animate .timeline__media,
  .timeline--animate .timeline__content {
    transition:
      opacity 2s ease,
      transform 2s ease;
  }

  /* Fade the marker's layers rather than .timeline__marker itself: opacity on
     the marker would make it a stacking context, trapping the dot's z-index
     and painting the centre line over it until the transition ended. */
  .timeline--js .timeline__marker::before,
  .timeline--js .timeline__marker-dot {
    opacity: 0;
  }

  .timeline--animate .timeline__marker::before,
  .timeline--animate .timeline__marker-dot {
    transition: opacity 2s ease;
  }

  .timeline--js .timeline__item:nth-child(odd) .timeline__media {
    transform: translateX(-120px);
  }

  .timeline--js .timeline__item:nth-child(odd) .timeline__content {
    transform: translateX(120px);
  }

  .timeline--js .timeline__item:nth-child(even) .timeline__media {
    transform: translateX(120px);
  }

  .timeline--js .timeline__item:nth-child(even) .timeline__content {
    transform: translateX(-120px);
  }

  .timeline--js .timeline__item.is-visible .timeline__media,
  .timeline--js .timeline__item.is-visible .timeline__content {
    opacity: 1;
    transform: none;
  }

  .timeline--js .timeline__item.is-visible .timeline__marker::before,
  .timeline--js .timeline__item.is-visible .timeline__marker-dot {
    opacity: 1;
  }

  .timeline--js .timeline__item:first-child .timeline__media,
  .timeline--js .timeline__item:first-child .timeline__content {
    opacity: 1;
    transform: none;
    transition: none;
  }

  .timeline--js .timeline__item:first-child .timeline__marker::before,
  .timeline--js .timeline__item:first-child .timeline__marker-dot {
    opacity: 1;
    transition: none;
  }
}

@media screen and (max-width: 770px) and (prefers-reduced-motion: no-preference) {
  .timeline--js .timeline__item:nth-child(odd) .timeline__media,
  .timeline--js .timeline__item:nth-child(even) .timeline__media,
  .timeline--js .timeline__item:nth-child(odd) .timeline__content,
  .timeline--js .timeline__item:nth-child(even) .timeline__content {
    transform: translateX(120px);
  }

  .timeline--js .timeline__item.is-visible .timeline__media,
  .timeline--js .timeline__item.is-visible .timeline__content,
  .timeline--js .timeline__item:first-child .timeline__media,
  .timeline--js .timeline__item:first-child .timeline__content {
    transform: none;
  }
}