:root {
    --serif: "Roboto Slab", serif;
    --sans: "Roboto Condensed", sans-serif;
    --h1: 700 condensed clamp(2.875rem, 8vw, 4rem) / 1 var(--sans);
    --h2: 400 clamp(2.25rem, 6vw, 3rem) / 1.1 var(--serif);
    --h3: 400 clamp(2rem, 5vw, 2.25rem) / 1.2 var(--serif);
    --h4: 400 clamp(1.75rem, 4vw, 2rem) / 1.3 var(--serif);
    --h5: 700 1.5rem/1.4 var(--serif);
    --h6: 700 1.25rem/1.4 var(--serif);
    --body: 400 1.125rem/1.5 var(--sans);
    --small: 400 1rem/1.6 var(--sans);
    --meta: 400 0.875rem/1.7 var(--sans);
    --white: #fff;
    --white-20: #ffffff33;
    --black: #000;
    --black-10: #0000001a;
    --black-20: #00000033;
    --black-80: #000000cc;
    --blue: #003da7;
    --blue-dk: #002c78;
    --blue-05: #003da70d;
    --gold: #fdb813;
    --gold-lt: #fad377;
    --gray: #edf2f2;
    --gutter: 2rem;
    --space: 6rem;
    --space-sm: calc(var(--space) / 2);
    --container: max(var(--gutter), (100% - 72rem) / 2);
    --container-xs: max(var(--gutter), (100% - 48rem) / 2);
    --container-sm: max(var(--gutter), (100% - 63rem) / 2);
    --container-lg: max(var(--gutter), (100% - 81rem) / 2);
    --transition: 0.4s ease;
    --transition-sm: 0.2s ease;
    --shadow: 0 0.25rem 0.5rem var(--black-20);
  }
  :root {
    --heading: var(--blue);
    --link: var(--blue);
    --button: var(--blue);
    --button-text: var(--gold);
    --button-hover: var(--blue-dk);
    --text: var(--black);
  }
  .theme-blue {
    --heading: var(--white);
    --link: var(--gold);
    --button: var(--gold);
    --button-text: var(--black);
    --button-hover: var(--gold-lt);
    --background: var(--blue);
    --text: var(--white);
  }
  @keyframes fade-in {
    0% {
      opacity: 0;
    }
  }
  @keyframes fade-in-left {
    0% {
      transform: translate(50%);
      opacity: 0;
    }
  }
  @keyframes fade-in-right {
    0% {
      transform: translate(-50%);
      opacity: 0;
    }
  }
  @keyframes slide-in-left {
    0% {
      transform: translate(100%);
    }
  }
  @keyframes slide-in-top {
    0% {
      transform: translateY(-100%);
    }
  }
  @keyframes slide-out-right {
    to {
      transform: translate(100%);
    }
  }
  *,
  :before,
  :after {
    box-sizing: border-box;
    background-repeat: no-repeat;
  }
  :before,
  :after {
    text-decoration: inherit;
    vertical-align: inherit;
  }
  :where(:root) {
    cursor: default;
    line-height: 1.5;
    overflow-wrap: break-word;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    -webkit-tap-highlight-color: transparent;
    -webkit-text-size-adjust: 100%;
  }
  :where(body) {
    margin: 0;
  }
  :where(h1) {
    font-size: 2em;
    margin: 0.67em 0;
  }
  :where(dl, ol, ul) :where(dl, ol, ul) {
    margin: 0;
  }
  :where(hr) {
    color: inherit;
    height: 0;
  }
  :where(nav) :where(ol, ul) {
    list-style-type: none;
    padding: 0;
  }
  :where(nav li):before {
    content: "";
    float: left;
  }
  :where(pre) {
    font-family: monospace, monospace;
    font-size: 1em;
    overflow: auto;
  }
  :where(abbr[title]) {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  :where(b, strong) {
    font-weight: bolder;
  }
  :where(code, kbd, samp) {
    font-family: monospace, monospace;
    font-size: 1em;
  }
  :where(small) {
    font-size: 80%;
  }
  :where(audio, canvas, iframe, img, svg, video) {
    vertical-align: middle;
  }
  :where(iframe) {
    border-style: none;
  }
  :where(svg:not([fill])) {
    fill: currentColor;
  }
  :where(table) {
    border-collapse: collapse;
    border-color: inherit;
    text-indent: 0;
  }
  :where(button, input, select) {
    margin: 0;
  }
  :where(button, [type="button" i], [type="reset" i], [type="submit" i]) {
    -webkit-appearance: button;
  }
  :where(fieldset) {
    border: 1px solid #a0a0a0;
  }
  :where(progress) {
    vertical-align: baseline;
  }
  :where(textarea) {
    margin: 0;
    resize: vertical;
  }
  :where([type="search" i]) {
    -webkit-appearance: textfield;
    outline-offset: -2px;
  }
  ::-webkit-inner-spin-button,
  ::-webkit-outer-spin-button {
    height: auto;
  }
  ::-webkit-input-placeholder {
    color: inherit;
    opacity: 0.54;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
  }
  :where(dialog) {
    background-color: #fff;
    border: solid;
    color: #000;
    height: -moz-fit-content;
    height: fit-content;
    left: 0;
    margin: auto;
    padding: 1em;
    position: absolute;
    right: 0;
    width: -moz-fit-content;
    width: fit-content;
  }
  :where(dialog:not([open])) {
    display: none;
  }
  :where(details > summary:first-of-type) {
    display: list-item;
  }
  :where([aria-busy="true" i]) {
    cursor: progress;
  }
  :where([aria-controls]) {
    cursor: pointer;
  }
  :where([aria-disabled="true" i], [disabled]) {
    cursor: not-allowed;
  }
  :where([aria-hidden="false" i][hidden]) {
    display: initial;
  }
  :where([aria-hidden="false" i][hidden]:not(:focus)) {
    clip: rect(0, 0, 0, 0);
    position: absolute;
  }
  :root {
    cursor: auto;
  }
  :focus {
    outline: 0.25rem dashed var(--outline, currentcolor);
    outline-offset: 0.25rem;
  }
  :focus:not(:focus-visible) {
    outline: 0;
  }
  iframe,
  img,
  svg,
  video {
    display: block;
    max-width: 100%;
    height: auto;
  }
  iframe,
  video {
    width: 100%;
    aspect-ratio: 16 / 9;
  }
  blockquote,
  fieldset,
  figure,
  legend {
    margin-inline: 0;
    padding: 0;
    border: 0;
  }
  button,
  input,
  select,
  textarea {
    max-width: 100%;
    border-radius: 0;
    color: inherit;
    font: inherit;
    text-overflow: ellipsis;
  }
  button,
  [type="button"],
  [type="reset"],
  [type="submit"] {
    cursor: pointer;
  }
  [type="search"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
  ::-moz-placeholder {
    opacity: 1;
  }
  ::placeholder {
    opacity: 1;
  }
  :root {
    scroll-padding-top: 4rem;
  }
  @media (min-width: 64em) {
    :root {
      scroll-padding-top: 5.5rem;
    }
  }
  body {
    font: var(--body);
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    margin-block: min(2em, 4rem) 0.5em;
    color: var(--heading);
  }
  h1,
  .h1 {
    font: var(--h1);
    text-transform: uppercase;
  }
  h2,
  .h2 {
    font: var(--h2);
    text-transform: none;
  }
  h3,
  .h3 {
    font: var(--h3);
  }
  h4,
  .h4 {
    font: var(--h4);
  }
  h5,
  .h5 {
    font: var(--h5);
  }
  h6,
  .h6 {
    font: var(--h6);
  }
  a {
    color: var(--link);
    -webkit-text-decoration: underline 0.0625em;
    text-decoration: underline 0.0625em;
    text-underline-offset: 0.125em;
  }
  a:hover {
    text-decoration-thickness: 0.125em;
  }
  hr {
    display: block;
    margin: var(--space-sm) 0;
    border: 0;
    border-top: 0.0625rem solid var(--link);
  }
  .bleed {
    margin-inline: calc(var(--gutter) * -1);
  }
  .columns {
    margin-block: 1em;
  }
  @media (min-width: 48em) {
    .columns {
      -moz-column-count: 2;
      column-count: 2;
      -moz-column-gap: var(--gutter);
      column-gap: var(--gutter);
    }
    .columns > :first-child {
      margin-top: 0;
    }
  }
  .container {
    padding-inline: var(--container);
  }
  .container-xs {
    padding-inline: var(--container-xs);
  }
  .contents {
    display: contents;
  }
  .flush > :first-child {
    margin-top: 0;
  }
  .flush > :last-child {
    margin-bottom: 0;
  }
  .bg-gray {
    display: flow-root;
    background: var(--gray);
  }
  .intro {
    color: var(--link);
    font: var(--h5);
    font-weight: 400;
  }
  .invis:not(:active, :focus, :focus-within) {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    white-space: nowrap;
  }
  .skip-link {
    position: absolute;
    top: 1rem;
    left: 50%;
    transform: translate(-50%);
    z-index: 4;
  }
  .skip-link a {
    --outline: var(--gold);
  }
  .space {
    margin-block: var(--space);
  }
  .space-sm {
    margin-block: var(--space-sm);
  }
  a.underline,
  .underline a {
    transition: background-size var(--transition);
    background-image: linear-gradient(
      var(--underline, currentcolor),
      var(--underline, currentcolor)
    );
    background-position: center bottom;
    background-size: 0 0.0625em;
    text-decoration: none;
  }
  a.underline:hover,
  .underline a:hover {
    background-size: 100% 0.0625em;
  }
  [data-animation="fade-in-left"] {
    animation: fade-in-left 0.8s ease both;
  }
  [data-animation="fade-in-right"] {
    animation: fade-in-right 0.8s ease both;
  }
  [data-animate] {
    animation-play-state: paused;
  }
  [data-animate="true"] {
    animation-play-state: running;
  }
  :root:has(.Automodal) {
    overflow: hidden;
  }
  .Automodal {
    position: fixed;
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    margin: 0;
    padding: 0;
    border: 0;
    transition: background var(--transition);
    background: transparent;
    color: var(--white);
    overflow: hidden;
    z-index: 3;
  }
  .Automodal::backdrop {
    display: none;
  }
  .Automodal--active {
    background: var(--black-80);
  }
  .Automodal__viewport {
    width: 100%;
    height: 100%;
    pointer-events: none;
  }
  .Automodal__viewport:focus-visible .Automodal__item {
    outline: 0.25rem dashed var(--gold);
    outline-offset: -0.25rem;
  }
  .Automodal__item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: absolute;
    inset: 0;
    margin: 0;
    transition: opacity var(--transition);
    opacity: 0;
  }
  .Automodal--active .Automodal__item {
    opacity: 1;
  }
  .Automodal__item--finder {
    max-width: 56rem;
    margin-left: auto;
    transition: none;
    animation: slide-out-right var(--transition);
    opacity: 1;
  }
  .Automodal--active .Automodal__item--finder {
    animation: slide-in-left var(--transition);
  }
  .Automodal__content,
  .Automodal__caption {
    width: 100%;
    padding-inline: var(--container);
    pointer-events: auto;
  }
  .Automodal__item--finder .Automodal__content {
    height: 100vh;
    height: 100dvh;
    padding: 0;
    background: var(--white);
    color: var(--black);
    overflow: auto;
  }
  .Automodal__close {
    --outline: var(--gold);
    display: grid;
    place-items: center;
    position: absolute;
    top: 1.5rem;
    right: 1.5rem;
    width: 3.5rem;
    height: 3.5rem;
    padding: 0;
    transform: translate(min(100vw, 56rem));
    transition: transform var(--transition);
    border: 0;
    border-radius: 50%;
    background-color: var(--gold);
  }
  .Automodal__close:after {
    content: "";
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    background: var(--black);
    -webkit-mask-image: url(../assets/close.svg);
    mask-image: url(../assets/close.svg);
  }
  .Automodal--active .Automodal__close {
    transform: none;
  }
  .Automodal:has(.Automodal__item:not(.Automodal__item--id)) .Automodal__close {
    transform: translate(200%);
  }
  .Automodal--active:has(.Automodal__item:not(.Automodal__item--id))
    .Automodal__close {
    transform: none;
  }
  [data-oversnap-scroll] {
    display: flex;
    position: relative;
    overflow: auto;
    scroll-behavior: smooth;
    scroll-snap-type: both mandatory;
    scrollbar-width: none;
  }
  [data-oversnap-scroll]::-webkit-scrollbar {
    width: 0;
    height: 0;
  }
  [data-oversnap-item] {
    flex-shrink: 0;
    scroll-snap-align: center;
  }
  [data-oversnap] {
    --active: 1;
    --gap: 2rem;
    --size: calc(
      (100% / var(--active)) -
        ((var(--gap) * (var(--active) - 1)) / var(--active))
    );
    display: flex;
    flex-direction: column;
    position: relative;
  }
  @media (min-width: 48em) {
    [data-oversnap] {
      padding-inline: 4.5rem;
    }
  }
  [data-oversnap-scroll] {
    gap: var(--gap);
  }
  [data-oversnap-item] {
    width: var(--size);
    scroll-snap-align: center;
  }
  [data-oversnap-nav] {
    display: flex;
    justify-content: flex-end;
    gap: 1rem;
    order: 1;
    margin-top: var(--space-sm);
    background-color: transparent;
    pointer-events: none;
  }
  @media (min-width: 48em) {
    [data-oversnap-nav] {
      justify-content: space-between;
      position: absolute;
      top: calc((100% - 0.75rem - var(--space-sm)) / 2);
      right: 0;
      left: 0;
      margin: 0;
      transform: translateY(-50%);
    }
  }
  [data-oversnap-prev],
  [data-oversnap-next] {
    --outline: var(--button);
    display: grid;
    place-items: center;
    width: 2.5rem;
    height: 2.5rem;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: var(--button);
    pointer-events: auto;
  }
  [data-oversnap-prev]:before,
  [data-oversnap-next]:before {
    content: "";
    width: 2rem;
    height: 2rem;
    background: var(--button-text);
  }
  [data-oversnap-prev]:hover,
  [data-oversnap-next]:hover {
    transform: scale(1.05);
  }
  [data-oversnap-prev][disabled],
  [data-oversnap-next][disabled] {
    opacity: 0.25;
    pointer-events: none;
  }
  [data-oversnap-prev]:before {
    -webkit-mask-image: url(../assets/chevron-left.svg);
    mask-image: url(../assets/chevron-left.svg);
  }
  [data-oversnap-next]:before {
    -webkit-mask-image: url(../assets/chevron-right.svg);
    mask-image: url(../assets/chevron-right.svg);
  }
  [data-oversnap-pagination] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1rem;
    margin-top: var(--space-sm);
    pointer-events: none;
  }
  [data-oversnap-page] {
    --outline: var(--button);
    width: 0.75rem;
    height: 0.75rem;
    padding: 0;
    border: 0.125rem solid var(--button);
    border-radius: 50%;
    background: transparent;
    pointer-events: auto;
  }
  [data-oversnap-page="active"] {
    background: var(--button);
  }
  .Alert {
    position: relative;
    padding: 1rem 3rem 1rem 1rem;
  }
  @media (min-width: 64em) {
    .Alert {
      padding: 1.5rem 5rem 1.5rem 2rem;
    }
  }
  .Alert--primary {
    background: var(--gold);
  }
  .Alert--secondary {
    background: var(--gray);
  }
  .Alert__heading {
    margin: 0;
    font: var(--h6);
    font-weight: 400;
  }
  @media (min-width: 64em) {
    .Alert__heading {
      font-weight: 400;
    }
  }
  .Alert__warning {
    display: flex;
    align-items: center;
    gap: 0.75rem;
  }
  .Alert__warning:before {
    content: "";
    flex-shrink: 0;
    width: 1.5rem;
    height: 1.5rem;
    transform: translateY(-0.0625em);
    background: currentColor;
    -webkit-mask-image: url(../assets/warning.svg);
    mask-image: url(../assets/warning.svg);
  }
  .Alert__toggle,
  .Alert__close {
    position: absolute;
    top: 0.375rem;
    right: 0.5rem;
    width: 3rem;
    height: 3rem;
    padding: 0;
    border: 0;
    background: transparent;
  }
  @media (min-width: 64em) {
    .Alert__toggle,
    .Alert__close {
      top: 1rem;
      right: 1.5rem;
    }
  }
  .Alert__toggle:before,
  .Alert__close:before {
    content: "";
    display: block;
    width: inherit;
    height: inherit;
    background: currentcolor;
  }
  .Alert__toggle:before {
    transition: transform var(--transition);
    -webkit-mask-image: url(../assets/chevron-up.svg);
    mask-image: url(../assets/chevron-up.svg);
  }
  .Alert__toggle[aria-expanded="false"]:before {
    transform: rotate(180deg);
  }
  .Alert__close:before {
    -webkit-mask-image: url(../assets/close.svg);
    mask-image: url(../assets/close.svg);
  }
  .Alert__content {
    height: var(--height, auto);
    margin-inline: -1rem;
    padding-inline: 1rem;
    transition: height var(--transition), visibility var(--transition);
    font: var(--small);
    font-weight: 700;
    overflow: hidden;
  }
  @media (min-width: 48em) {
    .Alert__content {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: var(--gutter);
    }
  }
  [aria-expanded="false"] + .Alert__content {
    height: var(--height, 0);
    visibility: hidden;
  }
  .Alert__text {
    margin: 0;
    padding-top: 0.5rem;
  }
  @media (min-width: 64em) {
    .Alert__text {
      padding-top: 1rem;
    }
  }
  .Alert__button {
    flex-shrink: 0;
    margin: 0;
    padding-block: 1rem 0.5rem;
  }
  @media (max-width: 63.999em) {
    :root:has(.Header__menu-toggle[aria-expanded="true"]) {
      overflow: hidden;
    }
  }
  .Header {
    --link: var(--white);
    display: flex;
    align-items: center;
    position: sticky;
    top: 0;
    height: 4rem;
    padding-inline: 1rem;
    background: var(--blue);
    color: var(--white);
    z-index: 2;
  }
  @media (min-width: 64em) {
    .Header {
      top: -3rem;
      height: 8.5rem;
      padding-top: 3rem;
      padding-inline: var(--gutter);
      background-image: linear-gradient(var(--white) 3rem, var(--blue) 3rem);
    }
  }
  .Header:before {
    content: "";
    position: absolute;
    inset: 0;
    background: var(--blue);
    box-shadow: var(--shadow);
    z-index: -1;
  }
  @media (min-width: 64em) {
    .Header:before {
      background-image: linear-gradient(var(--white) 3rem, var(--blue) 3rem);
    }
  }
  .Header__logo {
    width: 11.875rem;
    min-width: 177px;
  }
  @media (min-width: 64em) {
    .Header__logo {
      width: 13.375rem;
    }
  }
  .Header__menu-toggle {
    margin-left: auto;
    padding: 0;
    border: 0;
    background: transparent;
  }
  @media (min-width: 64em) {
    .Header__menu-toggle {
      display: none;
    }
  }
  .Header__menu-toggle:before {
    content: "";
    display: block;
    width: 2.25rem;
    height: 2.25rem;
    background: var(--gold);
    -webkit-mask-image: url(../assets/menu.svg);
    mask-image: url(../assets/menu.svg);
  }
  .Header__menu-toggle[aria-expanded="true"]:before {
    -webkit-mask-image: url(../assets/close.svg);
    mask-image: url(../assets/close.svg);
  }
  @media (max-width: 63.999em) {
    .Header__menu {
      display: flex;
      flex-direction: column;
      position: absolute;
      top: 4rem;
      right: 0;
      left: 0;
      height: calc(100vh - 4rem);
      height: calc(100dvh - 4rem);
      padding-inline: 1rem;
      transition: transform var(--transition), visibility var(--transition);
      background: var(--blue);
      color: var(--white);
      overflow: auto;
    }
    [aria-expanded="false"] + .Header__menu {
      transform: translate(-100%);
      visibility: hidden;
    }
  }
  @media (min-width: 64em) {
    .Header__menu {
      display: contents;
    }
  }
  .Header__menu a {
    --underline: var(--gold);
    text-decoration: none;
  }
  .Header__nav {
    --height: initial;
    margin: 0;
    padding: 0;
    font: var(--small);
    font-weight: 700;
  }
  @media (min-width: 64em) {
    .Header__nav {
      --gap: 1rem;
      display: flex;
      gap: var(--gap);
      margin-left: auto;
      padding-inline: calc(var(--gap) + 0.75em) var(--gap);
      font: var(--meta);
      font-weight: 700;
      white-space: nowrap;
    }
  }
  @media (min-width: 80em) {
    .Header__nav {
      --gap: 2rem;
      font: var(--small);
      font-weight: 700;
    }
  }
  @media (min-width: 90em) {
    .Header__nav {
      --gap: 3rem;
    }
  }
  .Header__nav li {
    position: relative;
  }
  @media (max-width: 63.999em) {
    .Header__nav li {
      margin-top: 0.75rem;
    }
  }
  .Header__nav ul {
    font: var(--meta);
  }
  @media (max-width: 63.999em) {
    .Header__nav ul {
      height: var(--height, auto);
      transition: height var(--transition), visibility var(--transition);
      overflow: hidden;
    }
  }
  @media (min-width: 64em) {
    .Header__nav ul {
      position: absolute;
      top: calc(100% + 1.875rem);
      right: -2rem;
      width: 36rem;
      padding: 0.5rem 2rem 2rem;
      transition: transform var(--transition), opacity var(--transition),
        visibility var(--transition);
      background: var(--blue);
      box-shadow: var(--shadow);
      -moz-column-count: 2;
      column-count: 2;
      -moz-column-gap: 2rem;
      column-gap: 2rem;
      white-space: normal;
      z-index: -2;
    }
  }
  @media (min-width: 80em) {
    .Header__nav ul {
      font: var(--small);
    }
  }
  @media (min-width: 64em) {
    .Header__nav li:nth-child(1) ul,
    .Header__nav li:nth-child(2) ul {
      right: auto;
      left: -2rem;
    }
  }
  @media (min-width: 80em) {
    .Header__nav li:nth-child(3) ul {
      right: auto;
      left: -2rem;
    }
  }
  @media (min-width: 64em) {
    .Header__nav li li {
      padding-top: 1.5rem;
    }
  }
  @media (max-width: 63.999em) {
    .Header__nav [aria-expanded="false"] + ul {
      height: var(--height, 0);
      visibility: hidden;
    }
  }
  @media (min-width: 64em) {
    .Header__nav [aria-expanded="false"] + ul {
      transform: translateY(calc(var(--space-sm) * -1));
      opacity: 0;
      visibility: hidden;
    }
  }
  @media (min-width: 64em) {
    [data-stuck] .Header__nav {
      display: none;
    }
  }
  .Header__sub-toggle {
    padding: 0;
    border: 0;
    background: transparent;
    vertical-align: top;
  }
  @media (max-width: 63.999em) {
    .Header__sub-toggle {
      margin-left: 0.5rem;
    }
  }
  .Header__sub-toggle:before {
    content: "";
    display: block;
    width: 2rem;
    height: 1.5rem;
    transition: transform var(--transition);
    background: var(--gold);
    -webkit-mask-image: url(../assets/chevron-up.svg);
    mask-image: url(../assets/chevron-up.svg);
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 100% auto;
    mask-size: 100% auto;
  }
  @media (min-width: 64em) and (max-width: 71.999em) {
    .Header__sub-toggle:before {
      width: 1.5rem;
    }
  }
  .Header__sub-toggle[aria-expanded="false"]:before {
    transform: rotate(180deg);
  }
  .Header__audience {
    margin: 0;
    padding: 0;
    font: var(--meta);
  }
  @media (max-width: 63.999em) {
    .Header__audience {
      margin-top: 2rem;
      padding-top: 1.25rem;
      border-top: 0.0625rem solid;
    }
  }
  @media (min-width: 64em) {
    .Header__audience {
      display: flex;
      align-items: center;
      gap: 2rem;
      position: absolute;
      top: 0;
      left: 2rem;
      height: 3rem;
    }
  }
  @media (max-width: 63.999em) {
    .Header__audience li {
      margin-top: 0.75rem;
    }
  }
  .Header__audience li:first-child {
    font-weight: 700;
  }
  @media (min-width: 64em) {
    .Header__audience li:first-child {
      position: relative;
      padding-left: 1.5rem;
    }
    .Header__audience li:first-child:before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 1.25rem;
      height: 1.25rem;
      background: var(--black);
      -webkit-mask-image: url(../assets/globe.svg);
      mask-image: url(../assets/globe.svg);
    }
  }
  @media (min-width: 64em) {
    .Header__audience a {
      --underline: initial;
      color: var(--black);
    }
  }
  @media (min-width: 64em) {
    [data-stuck] .Header__audience {
      display: none;
    }
  }
  @media (max-width: 63.999em) {
    .Header__search-wrap {
      margin-top: auto;
    }
  }
  @media (min-width: 64em) {
    .Header__search-wrap {
      display: contents;
    }
  }
  @media (min-width: 64em) {
    [data-stuck] .Header__search-wrap {
      display: none;
    }
  }
  .Header__search-toggle {
    padding: 0;
    border: 0;
    background: transparent;
  }
  @media (max-width: 63.999em) {
    .Header__search-toggle {
      display: none;
    }
  }
  .Header__search-toggle:before {
    content: "";
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    background: var(--gold);
    -webkit-mask-image: url(../assets/close.svg);
    mask-image: url(../assets/close.svg);
  }
  .Header__search-toggle[aria-expanded="false"]:before {
    -webkit-mask-image: url(../assets/search.svg);
    mask-image: url(../assets/search.svg);
  }
  .Header__search {
    --outline: var(--gold);
    position: relative;
  }
  @media (max-width: 63.999em) {
    .Header__search {
      margin-block: 2rem 2.5rem;
    }
  }
  @media (min-width: 64em) {
    .Header__search {
      position: absolute;
      top: 100%;
      right: 0;
      left: 0;
      padding: var(--space-sm) var(--container-xs);
      transition: transform var(--transition), opacity var(--transition),
        visibility var(--transition);
      background: var(--blue);
      box-shadow: var(--shadow);
      z-index: -2;
    }
  }
  @media (min-width: 64em) {
    [aria-expanded="false"] + .Header__search {
      transform: translateY(calc(var(--space-sm) * -1));
      opacity: 0;
      visibility: hidden;
    }
  }
  .Header__wrap {
    position: relative;
  }
  .Header__label {
    display: block;
    font: var(--meta);
    font-weight: 700;
  }
  @media (min-width: 64em) {
    .Header__label {
      color: var(--gold);
      font: var(--h5);
      text-align: center;
    }
  }
  .Header__input {
    display: block;
    width: 100%;
    height: 3rem;
    margin-top: 0.5rem;
    padding: 0 3rem 0 1.5rem;
    border: 0;
    border-radius: 3rem;
    background: var(--white);
    color: var(--black);
  }
  @media (min-width: 64em) {
    .Header__input {
      height: 4rem;
      margin-top: 1rem;
      padding-inline: 2rem 4rem;
      border-radius: 4rem;
    }
  }
  .Header__submit {
    display: grid;
    place-items: center;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 3rem;
    height: 3rem;
    padding: 0;
    border: 0;
    background: transparent;
  }
  @media (min-width: 64em) {
    .Header__submit {
      width: 4rem;
      height: 4rem;
    }
  }
  .Header__submit:before {
    content: "";
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    background: var(--blue);
    -webkit-mask-image: url(../assets/search.svg);
    mask-image: url(../assets/search.svg);
  }
  @media (min-width: 64em) {
    .Header__submit:before {
      width: 2rem;
      height: 2rem;
    }
  }
  .Header__actions {
    display: flex;
    align-items: center;
    justify-content: space-around;
    gap: 2rem;
    height: 3rem;
    margin: 0;
    padding: 0 var(--gutter);
    background: var(--gold);
    font: var(--meta);
    font-weight: 700;
  }
  @media (max-width: 63.999em) {
    .Header__actions {
      flex-shrink: 0;
      margin-inline: -1rem;
    }
  }
  @media (min-width: 64em) {
    .Header__actions {
      position: absolute;
      top: 0;
      right: 0;
    }
  }
  .Header__actions a {
    --underline: initial;
    color: var(--black);
  }
  @media (min-width: 64em) {
    [data-stuck] .Header__actions {
      top: 3rem;
      height: 5.5rem;
      animation: fade-in var(--transition);
    }
  }
  .Footer a:not(:hover) {
    text-decoration: none;
  }
  .Footer__top {
    padding: var(--space-sm) var(--container);
  }
  @media (min-width: 64em) {
    .Footer__top {
      display: grid;
      grid-template-columns: 1fr 1fr;
      align-items: start;
    }
  }
  .Footer__logo {
    display: block;
    max-width: 22rem;
  }
  @media (min-width: 64em) {
    .Footer__logo {
      grid-column: span 2;
    }
  }
  .Footer__nav {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem var(--gutter);
    margin: var(--space-sm) 0 0;
    padding: 0;
    list-style: none;
  }
  @media (max-width: 63.999em) {
    .Footer__nav {
      font: var(--small);
    }
  }
  .Footer__nav a {
    color: var(--black);
  }
  .Footer__locations {
    display: grid;
    gap: var(--gutter);
    margin: var(--space-sm) 0 0;
    padding: 0;
    font: var(--meta);
    list-style: none;
  }
  @media (min-width: 48em) {
    .Footer__locations {
      grid-template-columns: 1fr 1fr;
    }
  }
  .Footer__locations p {
    margin-block: 0.5em;
  }
  .Footer__bottom {
    padding: var(--space-sm) var(--container);
    background: var(--gray);
  }
  @media (min-width: 64em) {
    .Footer__bottom {
      display: flex;
      align-items: center;
      justify-content: space-between;
    }
  }
  .Footer__buttons {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1.5rem;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .Footer__social {
    display: flex;
    justify-content: center;
    margin-top: var(--space-sm);
  }
  @media (min-width: 64em) {
    .Footer__social {
      justify-content: flex-end;
      margin: 0;
    }
  }
  .Footer__legal {
    margin-top: var(--space-sm);
    font: var(--meta);
    text-align: center;
  }
  @media (min-width: 64em) {
    .Footer__legal {
      margin-top: 1.5rem;
    }
  }
  .Footer__legal span {
    display: block;
  }
  @media (min-width: 48em) {
    .Footer__legal span {
      display: inline;
    }
    .Footer__legal span:before {
      content: " | ";
    }
  }
  .Footer__legal a {
    color: inherit;
    text-decoration: none;
  }
  .Hero {
    background: var(--black);
    color: var(--text);
  }
  .Hero [data-oversnap] {
    --gap: 0rem;
    padding: 0;
  }
  .Hero [data-oversnap-scroll] {
    outline-color: var(--black);
  }
  .Hero [data-oversnap-nav],
  .Hero [data-oversnap-pagination] {
    padding-inline: var(--container-lg);
  }
  @media (max-width: 47.999em) {
    .Hero [data-oversnap-nav] {
      position: absolute;
      right: 0;
      bottom: var(--space-sm);
      margin: 0;
      transform: translateY(calc(50% - 0.375rem));
    }
  }
  @media (min-width: 48em) {
    .Hero [data-oversnap-nav] {
      top: 50%;
      padding-inline: 2rem;
    }
  }
  .Hero [data-oversnap-pagination] {
    --button: var(--white);
    position: absolute;
    bottom: var(--space-sm);
    left: 0;
    margin: 0;
  }
  @media (min-width: 48em) {
    .Hero [data-oversnap-pagination] {
      padding-inline: calc(var(--container-lg) + 4.5rem);
    }
  }
  .Hero__item {
    display: grid;
    place-items: end start;
    position: relative;
    min-height: 30rem;
    padding-block: var(--space-sm);
    padding-inline: var(--container);
    z-index: 0;
  }
  @media (min-width: 48em) {
    .Hero__item {
      min-height: 36rem;
    }
  }
  @media (min-width: 64em) {
    .Hero__item {
      min-height: 41.25rem;
    }
  }
  [data-oversnap] .Hero__item {
    padding-block: var(--space-sm) calc(var(--space) + 0.75rem);
    padding-inline: var(--container-lg);
  }
  .Hero__item:before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: linear-gradient(transparent, var(--black-80));
  }
  @media (min-width: 48em) {
    .Hero--splash .Hero__item,
    .Hero--text .Hero__item {
      place-items: center start;
    }
  }
  .Hero__video,
  .Hero__image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: -1;
  }
  .Hero__control {
    display: grid;
    place-items: center;
    position: absolute;
    top: 1rem;
    right: 1rem;
    width: 3rem;
    height: 3rem;
    padding: 0;
    border: 0;
    border-radius: 50%;
    transition: transform var(--transition);
    background: var(--white);
    z-index: 1;
  }
  @media (min-width: 64em) {
    .Hero__control {
      top: 2rem;
      right: 2rem;
    }
  }
  .Hero__control:before {
    content: "";
    width: 2rem;
    height: 2rem;
    background: var(--black);
    -webkit-mask-image: url(../assets/pause.svg);
    mask-image: url(../assets/pause.svg);
  }
  .Hero__control:hover {
    transform: scale(1.05);
  }
  .Hero__control--paused:before {
    -webkit-mask-image: url(../assets/play.svg);
    mask-image: url(../assets/play.svg);
  }
  .Hero__content {
    width: 100%;
    position: relative;
    font: var(--small);
    font-weight: 700;
  }
  @media (min-width: 48em) {
    .Hero__content {
      width: 75%;
    }
  }
  @media (min-width: 64em) {
    .Hero__content {
      width: 50%;
    }
  }
  @media (min-width: 48em) {
    [data-oversnap] .Hero__content {
      padding-left: 4.5rem;
    }
  }
  .Hero__title {
    font: var(--h1);
    font-size: clamp(4rem, 8vw, 7rem);
    text-transform: uppercase;
  }
  @media (max-width: 63.999em) {
    .Breadcrumbs {
      --link: var(--white);
      padding: 1.25rem 1rem;
      border-bottom: 0.0625rem solid var(--gold);
      background: var(--blue);
      color: var(--white);
      font: var(--meta);
      font-weight: 700;
    }
  }
  @media (min-width: 64em) {
    .Breadcrumbs {
      margin-block: 1.5rem;
      padding-inline: var(--container);
      color: var(--link);
      font: var(--small);
    }
  }
  @media (min-width: 64em) {
    .Subnav--full {
      --heading: var(--white);
      --link: var(--white);
      padding: var(--space) var(--container-sm);
      background: var(--blue);
      color: var(--white);
    }
  }
  @media (min-width: 64em) {
    .Subnav--widget {
      padding: 1.5rem 1rem 2rem;
      border-top: 0.5rem solid var(--blue);
      box-shadow: var(--shadow);
    }
  }
  .Subnav__heading {
    display: none;
  }
  @media (min-width: 64em) {
    .Subnav__heading {
      display: block;
      margin-top: 0;
    }
  }
  @media (min-width: 64em) {
    .Subnav--full .Subnav__heading {
      font: var(--h3);
    }
  }
  @media (min-width: 64em) {
    .Subnav--widget .Subnav__heading {
      font: var(--h5);
    }
  }
  .Subnav__toggle {
    --outline: var(--gold);
    display: flex;
    align-items: center;
    gap: 1rem;
    width: 100%;
    padding: 1rem;
    border: 0;
    background: var(--blue);
    color: var(--white);
    font: var(--h5);
    font-weight: 400;
    text-align: left;
  }
  @media (min-width: 64em) {
    .Subnav__toggle {
      display: none;
    }
  }
  .Subnav__toggle:before,
  .Subnav__toggle:after {
    content: "";
    flex-shrink: 0;
    width: 2rem;
    height: 2rem;
    background: var(--gold);
  }
  .Subnav__toggle:before {
    -webkit-mask-image: url(../assets/section.svg);
    mask-image: url(../assets/section.svg);
  }
  .Subnav__toggle:after {
    margin-left: auto;
    transition: transform var(--transition);
    -webkit-mask-image: url(../assets/chevron-up.svg);
    mask-image: url(../assets/chevron-up.svg);
  }
  .Subnav__toggle[aria-expanded="false"]:after {
    transform: rotate(180deg);
  }
  .Subnav__list {
    margin: 0;
    padding: 0;
    font-weight: 700;
  }
  @media (max-width: 63.999em) {
    .Subnav__list {
      --link: var(--white);
      height: var(--height, auto);
      transition: height var(--transition), visibility var(--transition);
      padding-inline: 0.5rem;
      background: var(--blue);
      color: var(--white);
      font: var(--meta);
      font-weight: 700;
      overflow: hidden;
    }
    [aria-expanded="false"] + .Subnav__list {
      height: var(--height, 0);
      visibility: hidden;
    }
  }
  .Subnav__list > li {
    position: relative;
  }
  @media (max-width: 63.999em) {
    .Subnav__list > li {
      padding: 0.5rem 3rem 0.5rem 0.5rem;
      border-bottom: 0.0625rem solid var(--white-20);
    }
    .Subnav__list > li:last-child {
      margin-bottom: 2rem;
    }
  }
  .Subnav__list ul {
    --height: initial;
    height: var(--height, auto);
    padding-left: 1.125rem;
    transition: height var(--transition), visibility var(--transition);
    font-weight: 400;
    list-style: disc;
    overflow: hidden;
  }
  @media (min-width: 64em) {
    .Subnav__list ul {
      font: var(--small);
    }
  }
  .Subnav__list [aria-expanded="false"] + ul {
    height: var(--height, 0);
    visibility: hidden;
  }
  @media (max-width: 63.999em) {
    .Subnav__list ul li {
      margin-top: 0.5rem;
    }
  }
  @media (min-width: 64em) {
    .Subnav--full .Subnav__list {
      display: grid;
      gap: 1rem 4rem;
      grid-template-columns: 1fr 1fr 1fr;
    }
    .Subnav--full .Subnav__list > li {
      padding-top: 1rem;
      border-top: 0.0625rem solid var(--gold);
    }
  }
  @media (min-width: 64em) {
    .Subnav--widget .Subnav__list {
      --link: var(--black);
    }
    .Subnav--widget .Subnav__list > li {
      padding: 0.5rem 3rem 0.5rem 0;
      border-bottom: 0.0625rem solid var(--gray);
    }
    .Subnav--widget .Subnav__list ul li:first-child {
      padding-top: 0.5rem;
    }
  }
  .Subnav__sub-toggle {
    position: absolute;
    top: 0.25rem;
    right: 0.5rem;
    width: 2rem;
    height: 2rem;
    padding: 0;
    border: 0;
    background: transparent;
  }
  .Subnav__sub-toggle:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    transition: transform var(--transition);
    background: var(--gold);
    -webkit-mask-image: url(../assets/chevron-up.svg);
    mask-image: url(../assets/chevron-up.svg);
  }
  .Subnav__sub-toggle[aria-expanded="false"]:after {
    transform: rotate(180deg);
  }
  @media (min-width: 64em) {
    .Subnav--widget .Subnav__sub-toggle:after {
      background: var(--blue);
    }
  }
  @media (min-width: 64em) {
    .Subnav--widget .Subnav__active > a,
    .Subnav--widget .Subnav__active > span {
      color: var(--blue);
    }
  }
  .Quotes {
    overflow: hidden;
  }
  .Quotes [data-oversnap] {
    --gap: 1rem;
    padding: 0;
  }
  @media (min-width: 48em) {
    .Quotes [data-oversnap] {
      padding-inline: var(--container);
    }
  }
  @media (min-width: 48em) {
    .Quotes [data-oversnap-viewport] {
      position: relative;
      max-width: 34rem;
    }
  }
  @media (min-width: 48em) {
    .Quotes [data-oversnap-scroll] {
      --offset: max(var(--gutter), (100vw - 72rem) / 2);
      --extra: max(var(--offset), 100vw - var(--offset) - 34rem);
      width: 100vw;
      padding-inline: var(--offset) var(--extra);
      scroll-padding-inline: var(--offset) var(--extra);
      transform: translate(calc(var(--offset) * -1));
    }
  }
  .Quotes [data-oversnap-nav],
  .Quotes [data-oversnap-pagination] {
    padding-inline: var(--container);
  }
  @media (min-width: 48em) {
    .Quotes [data-oversnap-nav] {
      justify-content: flex-end;
      top: 100%;
      left: auto;
      margin-top: -0.375rem;
    }
  }
  .Quotes__carousel {
    padding-bottom: var(--space-sm);
    background: var(--background);
    color: var(--text);
  }
  @media (min-width: 48em) {
    .Quotes__carousel {
      padding-bottom: var(--space);
    }
  }
  .Quotes__item {
    position: relative;
    background: var(--black);
    z-index: 0;
  }
  .Quotes__item:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    border-top: 0.5rem solid var(--gold);
    transition: opacity var(--transition);
  }
  .Quotes__item[inert]:after {
    opacity: 0;
  }
  .Quotes__item--gradient:before {
    content: "";
    position: absolute;
    transition: opacity var(--transition);
    background: linear-gradient(transparent, var(--black-80));
    inset: 0;
  }
  .Quotes__item--gradient[inert]:before {
    opacity: 0;
  }
  .Quotes__play {
    display: flex;
    align-items: center;
    gap: 1rem;
    position: absolute;
    bottom: 2rem;
    left: 2rem;
    transition: opacity var(--transition);
    color: var(--white);
    font: var(--small);
    font-weight: 700;
    text-transform: uppercase;
  }
  .Quotes__play:before,
  .Quotes__play:after {
    content: "";
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    transition: transform var(--transition);
  }
  .Quotes__play:before {
    background: var(--white);
  }
  .Quotes__play:after {
    position: absolute;
    left: 0;
    bottom: 0;
    background: var(--black);
    -webkit-mask: url(../assets/play.svg) center / 1.75rem 1.75rem no-repeat;
    mask: url(../assets/play.svg) center / 1.75rem 1.75rem no-repeat;
  }
  .Quotes__play:hover:before,
  .Quotes__play:hover:after {
    transform: scale(1.05);
  }
  [inert] .Quotes__play {
    opacity: 0;
  }
  .Quotes__image {
    position: relative;
    transition: filter var(--transition);
    filter: grayscale(1);
    z-index: -1;
  }
  [inert] .Quotes__image {
    filter: none;
  }
  .Quotes__cycle {
    display: grid;
    grid-template-areas: "a";
  }
  @media (max-width: 47.999em) {
    .Quotes__cycle {
      padding-inline: var(--container);
    }
  }
  .Quotes__content {
    grid-area: a;
    position: relative;
    margin: var(--space-sm) 0 0;
    padding-left: 4.5rem;
    transition: opacity var(--transition);
  }
  @media (min-width: 48em) {
    .Quotes__content {
      margin-top: var(--space-sm);
      padding-top: 4.5rem;
      padding-right: 4.5rem;
    }
  }
  .Quotes__content[inert] {
    opacity: 0;
  }
  .Quotes__content:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 3rem;
    height: 3rem;
    background: var(--gold);
    -webkit-mask-image: url(../assets/quote.svg);
    mask-image: url(../assets/quote.svg);
  }
  @media (min-width: 48em) {
    .Quotes__content:before {
      left: 4.5rem;
    }
  }
  .Quotes__text {
    margin: 0;
    font: var(--h6);
  }
  @media (min-width: 48em) {
    .Quotes__text {
      font: var(--h5);
      font-weight: 700;
    }
  }
  @media (min-width: 64em) {
    .Quotes__text {
      font: var(--h4);
      font-weight: 700;
    }
  }
  .Quotes__meta {
    margin-top: var(--space-sm);
    font: var(--h6);
    font-weight: 400;
  }
  @media (min-width: 64em) {
    .Quotes__meta {
      font: var(--h5);
      font-weight: 400;
    }
  }
  .Quotes__meta cite {
    font-style: normal;
    font-weight: 700;
  }
  .Quotes__link {
    font: var(--body);
    font-family: var(--sans);
    font-weight: 700;
  }
  .Cards {
    margin-block: var(--space);
    padding-inline: var(--container);
  }
  .Cards--inset {
    padding: 0;
  }
  .Cards__grid {
    display: grid;
    gap: var(--space-sm) var(--gutter);
    margin-top: var(--space-sm);
  }
  @media (min-width: 48em) {
    .Cards__grid {
      grid-template-columns: 1fr 1fr;
    }
  }
  @media (min-width: 64em) {
    .Cards__grid {
      grid-template-columns: 1fr 1fr 1fr;
    }
  }
  @media (min-width: 48em) {
    .Cards--inset .Cards__grid {
      grid-template-columns: 1fr 1fr;
    }
  }
  .Cards__item {
    box-shadow: var(--shadow);
  }
  .Cards__content {
    padding: var(--gutter);
    border-top: 1rem solid var(--gold);
  }
  .Cards__title {
    font: var(--h5);
    font-weight: 400;
  }
  .Stats {
    padding: var(--space) var(--container);
    background: var(--gray);
    overflow: hidden;
  }
  .Stats__header {
    text-align: center;
  }
  .Stats__grid {
    display: grid;
    gap: var(--space-sm) var(--gutter);
    margin-top: var(--space-sm);
  }
  @media (min-width: 64em) {
    .Stats__grid {
      grid-template-columns: 1fr 1fr;
    }
  }
  .Stats__item {
    position: relative;
  }
  @media (min-width: 48em) {
    .Stats__item {
      max-width: 42rem;
      margin-inline: auto;
    }
  }
  .Stats__icon {
    position: absolute;
    right: -2rem;
    top: 0rem;
    width: 8rem;
    height: 8rem;
    padding: 0.5rem;
    border-radius: 50%;
    border: 1rem solid var(--gold);
    background: var(--gray);
    color: var(--blue);
    box-shadow: 0 0 0 1rem var(--gray);
    z-index: 1;
  }
  .Stats__shadow {
    filter: drop-shadow(var(--shadow));
  }
  .Stats__interior {
    background: var(--white);
  }
  @media (min-width: 48em) {
    .Stats__interior {
      -webkit-clip-path: polygon(25% 0, 100% 0, 75% 100%, 0 100%);
      clip-path: polygon(25% 0, 100% 0, 75% 100%, 0 100%);
    }
  }
  .Stats__value {
    padding: var(--gutter);
    background: var(--blue);
    color: var(--white);
    font: var(--h1);
    font-family: var(--serif);
    font-weight: 400;
    text-align: center;
  }
  @media (max-width: 31.999em) {
    .Stats__value {
      padding-right: 8rem;
    }
  }
  .Stats__content {
    margin-inline: auto;
    padding: var(--gutter);
    font: var(--small);
  }
  @media (min-width: 48em) {
    .Stats__content {
      padding-inline: var(--space) calc(var(--space) * 2);
    }
  }
  @media (min-width: 64em) {
    .Stats__content {
      padding-inline: calc(var(--gutter) * 3) calc(var(--gutter) * 4);
    }
  }
  .Stats__title {
    text-align: center;
  }
  .Collage {
    display: grid;
    gap: 1rem;
    padding: var(--space) var(--container);
    background: var(--background, var(--gray));
    color: var(--text);
  }
  @media (min-width: 48em) {
    .Collage {
      grid-template-columns: 1fr 1fr;
    }
  }
  @media (min-width: 64em) {
    .Collage {
      grid-template-columns: repeat(9, 1fr);
    }
  }
  .Collage__header {
    padding-bottom: var(--space-sm);
  }
  @media (min-width: 48em) {
    .Collage__header {
      padding-right: var(--space-sm);
    }
  }
  @media (min-width: 64em) {
    .Collage__header {
      grid-column: 1 / 5;
      padding-right: 0;
    }
  }
  .Collage__card {
    display: flex;
    align-items: flex-end;
    position: relative;
    aspect-ratio: 3 / 4;
    background: var(--black);
    overflow: hidden;
    z-index: 0;
  }
  @media (min-width: 32em) {
    .Collage__card {
      aspect-ratio: 3 / 2;
    }
  }
  .Collage__card:before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: linear-gradient(transparent, var(--black-80));
  }
  .Collage__card:nth-child(2) {
    place-self: end;
  }
  @media (min-width: 64em) {
    .Collage__card:nth-child(2) {
      grid-column: 6 / -1;
    }
  }
  @media (min-width: 64em) {
    .Collage__card:nth-child(3) {
      grid-column: 1 / 4;
      grid-row: span 2;
      aspect-ratio: auto;
    }
  }
  @media (min-width: 64em) {
    .Collage__card:nth-child(4) {
      grid-column: 4 / 7;
    }
  }
  @media (min-width: 64em) {
    .Collage__card:nth-child(5) {
      grid-column: 4 / 7;
      grid-row: 3;
    }
  }
  @media (min-width: 64em) {
    .Collage__card:nth-child(6) {
      grid-column: 7 / -1;
      grid-row: span 2;
      aspect-ratio: auto;
    }
  }
  .Collage__image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: -1;
  }
  .Collage__text {
    --heading: var(--white);
    position: relative;
    padding: var(--gutter);
    color: var(--white);
    font: var(--small);
  }
  .Collage__text a {
    color: inherit;
  }
  .Split {
    margin-block: var(--space);
    padding-inline: var(--container);
  }
  @media (min-width: 64em) {
    .Split {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: var(--space);
    }
  }
  .Split--gray {
    margin: 0;
    padding-block: var(--space);
    background: var(--gray);
  }
  @media (max-width: 63.999em) {
    .Split__router {
      margin-top: var(--space-sm);
    }
  }
  .Social {
    display: flex;
    margin: 0;
    padding: 0;
    gap: 0.75rem;
    list-style: none;
  }
  .Social a {
    --outline: var(--blue);
    display: block;
    width: 2rem;
    padding: 0.5rem;
    border-radius: 50%;
    background: var(--blue);
    color: var(--gray);
  }
  .Social a:hover {
    transform: scale(1.05);
  }
  .Social--large a {
    width: 3rem;
    padding: 0.75rem;
  }
  .Banner {
    margin-block: var(--space);
    padding-inline: var(--container);
    background: var(--background);
    color: var(--text);
    text-align: center;
  }
  .Banner hr {
    border-top-width: 0.375rem;
  }
  @media (min-width: 48em) {
    .Banner--split {
      display: grid;
      gap: var(--space);
      grid-template-columns: 2fr 1fr;
      text-align: left;
    }
  }
  .Banner--gray {
    background: var(--gray);
  }
  .Banner--gray,
  .Banner--blue {
    margin-block: 0;
    padding-block: var(--space);
  }
  .Banner--alt {
    background-image: url(../assets/logo-n.png);
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: contain;
  }
  .Banner__main {
    max-width: 32rem;
    margin-inline: auto;
    font: var(--small);
  }
  .Banner--wide .Banner__main {
    max-width: none;
    font: var(--body);
  }
  @media (min-width: 48em) {
    .Banner--split .Banner__main {
      max-width: none;
      margin-inline: 0;
    }
  }
  .Banner--alt .Banner__main {
    font: var(--h4);
    font-family: var(--sans);
    color: var(--blue);
  }
  .Banner--alt .Banner__heading {
    font: var(--h5);
  }
  .Banner__social {
    display: flex;
    justify-content: center;
    margin-top: var(--space-sm);
  }
  .Banner__list {
    max-width: 42rem;
    margin-inline: auto;
    text-align: left;
  }
  .Banner__buttons {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1.5rem;
    margin-block: var(--space-sm) 0;
  }
  @media (min-width: 48em) {
    .Banner--split .Banner__buttons {
      align-self: end;
      justify-content: end;
      margin: 0;
    }
  }
  .Updates {
    padding: var(--space) var(--container-lg);
    background: var(--gray);
  }
  .Updates__item {
    max-width: 63rem;
    margin-inline: auto;
  }
  .Gallery {
    --background: var(--gray);
  }
  .Gallery [data-oversnap] {
    padding: 0;
  }
  @media (max-width: 47.999em) {
    .Gallery [data-oversnap] {
      background-image: linear-gradient(var(--background) 25%, transparent 25%);
    }
  }
  @media (min-width: 48em) {
    .Gallery [data-oversnap-scroll] {
      padding-inline: max(var(--container-lg) + 4.5rem, (100% - 56.25rem) / 2);
    }
  }
  .Gallery [data-oversnap-nav],
  .Gallery [data-oversnap-pagination] {
    padding-inline: var(--container-lg);
  }
  @media (min-width: 48em) {
    .Gallery [data-oversnap-nav],
    .Gallery [data-oversnap-pagination] {
      padding-inline: 2rem;
    }
  }
  .Gallery--blue {
    --background: var(--blue);
  }
  @media (max-width: 47.999em) {
    .Gallery__carousel {
      --heading: var(--white);
      --link: var(--gold);
      --button: var(--gold);
      --button-text: var(--black);
      padding-bottom: var(--space-sm);
      background: var(--blue);
      color: var(--white);
    }
  }
  @media (min-width: 48em) {
    .Gallery__carousel {
      margin-bottom: var(--space);
      background-image: linear-gradient(var(--background) 50%, transparent 50%);
    }
  }
  .Gallery__item {
    position: relative;
    margin: 0;
    scroll-snap-align: center;
    background: var(--blue);
  }
  @media (min-width: 64em) {
    .Gallery__image {
      transition: opacity var(--transition);
    }
  }
  @media (min-width: 64em) {
    [inert] .Gallery__image {
      opacity: 0.5;
    }
  }
  .Gallery__caption {
    position: relative;
    padding: var(--gutter);
    background: var(--background);
    color: var(--text);
    font: var(--small);
  }
  @media (max-width: 47.999em) {
    .Gallery__caption {
      padding-block: var(--space-sm) 0;
    }
  }
  @media (min-width: 64em) {
    .Gallery__caption {
      position: absolute;
      right: 0;
      bottom: 0;
      max-width: 40rem;
      transition: opacity var(--transition);
    }
  }
  .Gallery__caption:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    border-top: 0.375rem solid var(--gold);
  }
  @media (min-width: 64em) {
    [inert] .Gallery__caption {
      opacity: 0;
    }
  }
  .Gallery__title {
    font: var(--h5);
  }
  .Faculty {
    margin-block: var(--space-sm);
  }
  .Faculty--full {
    margin-block: var(--space);
    padding-inline: var(--container);
  }
  .Faculty--cards {
    display: grid;
    gap: var(--space-sm);
  }
  @media (min-width: 64em) {
    .Faculty--cards {
      grid-template-columns: 1fr 1fr;
    }
  }
  .Faculty__item {
    margin-top: var(--space-sm);
    padding-bottom: var(--space-sm);
    border-bottom: 0.0625rem solid var(--blue);
  }
  @media (min-width: 32em) {
    .Faculty__item {
      display: flex;
      align-items: flex-start;
    }
  }
  .Faculty--cards .Faculty__item {
    margin: 0;
    padding: var(--gutter);
    border-left: 1rem solid var(--gold);
    border-bottom: 0;
    box-shadow: var(--shadow);
  }
  .Faculty__item--alt {
    padding-bottom: 0;
    border: 0;
  }
  .Faculty__image {
    flex-shrink: 0;
    width: 30%;
    max-width: 12.5rem;
  }
  @media (max-width: 31.999em) {
    .Faculty__image {
      width: auto;
      margin-bottom: var(--gutter);
    }
  }
  @media (min-width: 32em) {
    .Faculty__item--alt .Faculty__image {
      width: calc(50% - var(--gutter));
      max-width: 24rem;
    }
  }
  @media (min-width: 32em) {
    .Faculty__text {
      padding-left: var(--gutter);
    }
  }
  @media (min-width: 48em) {
    .Faculty__item--alt .Faculty__text {
      align-self: center;
      padding-left: calc(var(--gutter) * 2);
    }
  }
  .Widget {
    padding: var(--gutter);
    font: var(--small);
  }
  .Widget ul {
    padding: 0;
    list-style: none;
  }
  .Widget li {
    margin-top: 0.5em;
  }
  .Widget--blue {
    background: var(--background);
    color: var(--text);
  }
  .Widget--blue a {
    color: inherit;
  }
  .Widget--card {
    border-top: 1rem solid var(--gold);
    box-shadow: var(--shadow);
  }
  .Widget--cta {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1.5rem;
    padding: 0;
  }
  .Widget__label {
    display: block;
    margin-block: 1.5rem;
    font: var(--body);
  }
  .Widget__input {
    --outline: var(--white);
    display: block;
    width: 100%;
    margin-top: 0.75rem;
    padding: 1rem;
    border: 0;
    background: var(--white);
    color: var(--black);
  }
  .Widget__footer {
    margin-top: var(--space-sm);
    text-align: center;
  }
  #form * {
    width: 100%;
  }
  #form *:focus {
    outline-color: var(--white);
  }
  #form input {
    --outline: var(--white);
    display: block;
    width: 100%;
    margin-top: 0.75rem;
    padding: 1rem;
    border: 0;
    background: var(--white);
    color: var(--black);
  }
  #form .form_label {
    display: block;
    font: var(--body);
    margin: 1em 0 0.75rem;
  }
  #form select {
    padding: 1rem;
    color: var(--black);
  }
  #form button {
    --outline: var(--button);
    display: inline-block;
    padding: 0.875rem 3.3125rem;
    border: 0;
    border-radius: 4rem;
    transition: transform var(--transition-sm);
    background: var(--button);
    color: var(--button-text);
    font: var(--small);
    font-weight: 700;
    line-height: 1.25rem;
    text-align: center;
    text-decoration: none;
    margin-top: 1em;
  }
  #form button:hover {
    transform: scale(1.05);
    background-image: linear-gradient(90deg, transparent, var(--button-hover));
  }
  @media (max-width: 64em) {
    #form .form_birthdate select {
      width: calc(33% - 3px);
    }
  }
  @media (min-width: 64em) {
    #form .form_birthdate select {
      margin: 0 0 1em !important;
    }
  }
  .Main {
    display: grid;
    gap: var(--space-sm);
    grid-template-columns: 100%;
    margin-block: 0 var(--space);
    padding-inline: var(--container);
  }
  @media (min-width: 64rem) {
    .Main {
      grid-template-areas: "content sidebar-top" "content sidebar" "content .";
      grid-template-columns: minmax(0, 1fr) 20rem;
      margin-top: var(--space-sm);
    }
  }
  @media (min-width: 64rem) {
    .Main--flip {
      grid-template-areas: "sidebar-top content" "sidebar content" ". content";
      grid-template-columns: 20rem minmax(0, 1fr);
    }
  }
  .Main__sidebar {
    display: grid;
    gap: var(--space-sm);
  }
  @media (min-width: 64rem) {
    .Main__sidebar {
      grid-column: 2;
    }
  }
  @media (min-width: 64em) {
    .Main--flip .Main__sidebar {
      grid-column: 1;
    }
  }
  @media (min-width: 64em) {
    .Main__sidebar[data-sticky],
    .Main__sidebar[data-stuck="true"] {
      position: sticky;
      top: 8.5rem;
    }
  }
  @media (min-width: 64em) {
    .Main__sidebar[data-stuck="true"] {
      animation: slide-in-top var(--transition);
    }
  }
  @media (max-width: 63.999em) {
    .Main__sidebar--top {
      margin-inline: calc(var(--gutter) * -1);
    }
  }
  @media (min-width: 64rem) {
    .Main__content {
      display: flow-root;
      grid-area: content;
      order: -1;
      max-width: 46rem;
    }
  }
  @media (max-width: 63.999em) {
    .Main__content:first-child {
      margin-top: var(--space-sm);
    }
  }
  @media (min-width: 64em) {
    .Main--flip .Main__content {
      margin-left: auto;
    }
  }
  .Finder__form {
    padding: var(--gutter);
    border-top: 1rem solid var(--gold);
    background: var(--white);
    box-shadow: var(--shadow);
  }
  .Finder__label {
    display: block;
    margin-top: var(--gutter);
    color: var(--blue);
    font: var(--meta);
    font-weight: 700;
    letter-spacing: 0.125rem;
    text-transform: uppercase;
  }
  .Finder__label--search {
    position: relative;
  }
  .Finder__label--search:after {
    content: "";
    position: absolute;
    bottom: 0.875rem;
    right: 1rem;
    width: 2rem;
    height: 2rem;
    background: var(--blue);
    -webkit-mask-image: url(../assets/search.svg);
    mask-image: url(../assets/search.svg);
    pointer-events: none;
  }
  .Finder__input {
    display: block;
    width: 100%;
    margin-top: 0.75rem;
    padding: 1rem 3.75rem 1rem 1.5rem;
    border: 0;
    border-radius: 2rem;
    background: var(--gray);
    font: var(--body);
    color: var(--blue);
  }
  .Finder__dropdown {
    margin-top: 0.75rem;
    border-radius: 2rem;
    background: var(--blue);
  }
  .Finder__button {
    --outline: var(--blue);
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 1rem 1.5rem;
    border: 0;
    border-radius: 2rem;
    background: var(--blue);
    color: var(--white);
    font: var(--small);
    font-weight: 700;
    text-align: left;
  }
  .Finder__button:after {
    content: "";
    flex-shrink: 0;
    width: 2rem;
    height: 2rem;
    margin-inline: 0.5rem -0.5rem;
    transition: transform var(--transition);
    background: var(--white);
    -webkit-mask-image: url(../assets/chevron-down.svg);
    mask-image: url(../assets/chevron-down.svg);
  }
  .Finder__button[aria-expanded="true"]:after {
    transform: rotate(180deg);
  }
  .Finder__list {
    height: var(--height, auto);
    border-radius: 0 0 2rem 2rem;
    transition: height var(--transition), opacity var(--transition),
      visibility var(--transition);
    background: var(--blue);
    overflow: hidden;
  }
  [aria-expanded="false"] + .Finder__list {
    height: var(--height, 0);
    opacity: 0;
    visibility: hidden;
  }
  .Finder__sublabel {
    display: flex;
    gap: 0.75rem;
    align-items: flex-start;
    margin-bottom: 1rem;
    padding-inline: 1.5rem;
    color: var(--white);
    font: var(--meta);
    letter-spacing: normal;
    text-transform: none;
  }
  .Finder__checkbox {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    border: 0.125rem solid;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
  .Finder__checkbox:checked {
    background: var(--gold);
  }
  .Finder__active {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin: var(--gutter) 0;
  }
  .Finder__active:empty {
    display: none;
  }
  .Finder__remove {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.25rem 0.75rem;
    border: 0.0625rem solid;
    border-radius: 2rem;
    background: none;
    color: var(--blue);
    font: var(--meta);
  }
  .Finder__remove:after {
    content: "";
    flex-shrink: 0;
    width: 1rem;
    height: 1rem;
    background: currentcolor;
    -webkit-mask-image: url(../assets/close.svg);
    mask-image: url(../assets/close.svg);
  }
  .Finder__reset,
  .Finder__all {
    padding: 0;
    border: 0;
    background: none;
    color: var(--blue);
    font: var(--small);
    font-weight: 700;
    -webkit-text-decoration: underline 0.0625em;
    text-decoration: underline 0.0625em;
    text-underline-offset: 0.125em;
  }
  .Finder__reset:hover,
  .Finder__all:hover {
    text-decoration-thickness: 0.125em;
  }
  .Finder__active:empty + .Finder__reset,
  .Finder__active:empty + .Finder__all {
    display: none;
  }
  .Finder__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    width: 100%;
    margin-top: 0.75rem;
    padding: 1.5rem 2rem;
    border: 0;
    background: var(--white);
    color: var(--blue);
    font: var(--h5);
    text-align: left;
  }
  .Finder__item:after {
    content: "";
    flex-shrink: 0;
    width: 2rem;
    height: 2rem;
    background: currentColor;
    -webkit-mask: url(../assets/more.svg);
    mask: url(../assets/more.svg);
  }
  .Finder__item:hover {
    background: var(--blue);
    color: var(--white);
  }
  .Finder__counter {
    margin-block: var(--gutter);
    color: var(--blue);
    font: var(--small);
    font-weight: 700;
  }
  .Finder__pagination {
    display: grid;
    place-items: center;
    margin-top: var(--gutter);
  }
  .Finder__page {
    --outline: var(--button);
    display: none;
    padding: 1.125rem 3.125rem;
    border: 0.1875rem solid var(--button);
    border-radius: 4rem;
    background: var(--button);
    color: var(--button-text);
    font: var(--small);
    font-weight: 700;
    text-align: center;
    text-decoration: none;
  }
  .Finder__page:hover {
    transform: scale(1.05);
  }
  .Finder__page--active + .Finder__page {
    display: inline-block;
  }
  .Finder__all {
    margin-top: 1.5rem;
  }
  .Finder__all:first-child,
  .Finder__all.Finder__page--active,
  .Finder__page--active + .Finder__all {
    display: none;
  }
  .Finder__modal {
    background: var(--white);
    color: var(--black);
    font: var(--meta);
  }
  .Finder__header {
    display: flex;
    justify-content: space-between;
    margin: 0;
    padding: var(--space-sm) var(--container);
    background: var(--blue);
    color: var(--white);
    font: var(--h4);
    font-family: var(--sans);
    font-weight: 700;
  }
  @media (min-width: 48em) {
    .Finder__header {
      padding-inline: 4rem;
    }
  }
  .Finder__header:after {
    content: "";
    flex-shrink: 0;
    width: 3.5rem;
  }
  .Finder__main {
    padding: var(--space-sm) var(--container);
  }
  @media (min-width: 48em) {
    .Finder__main {
      padding-inline: 4rem;
    }
  }
  .Finder__section {
    margin-bottom: 0;
    padding-bottom: 1.5rem;
    border-bottom: 0.0625rem solid var(--blue);
    font: var(--h5);
  }
  .Finder__detail {
    padding-bottom: 1.5rem;
    border-bottom: 0.0625rem solid var(--gray);
  }
  @media (min-width: 48em) {
    .Finder__detail {
      display: grid;
      gap: var(--space);
      grid-template-columns: 1fr 2fr;
    }
  }
  .Finder__left {
    margin-top: 1.5rem;
  }
  .Finder__left p {
    margin: 0;
  }
  .Finder__name {
    font: var(--h6);
    font-weight: 400;
  }
  .Finder__location,
  .Finder__modality {
    display: flex;
    gap: 0.5rem;
  }
  .Finder__location:before,
  .Finder__modality:before {
    content: "";
    flex-shrink: 0;
    width: 1rem;
    height: 1rem;
    margin-top: 0.125em;
    background: var(--blue);
  }
  .Finder__location:before {
    -webkit-mask-image: url(../assets/marker.svg);
    mask-image: url(../assets/marker.svg);
  }
  .Finder__modality:before {
    -webkit-mask-image: url(../assets/wifi.svg);
    mask-image: url(../assets/wifi.svg);
  }
  .Finder__right {
    margin-top: 1.5rem;
  }
  .Finder__right a {
    font-weight: 700;
  }
  .Router {
    display: grid;
    gap: 0.75rem 2rem;
    margin-block: var(--space-sm);
    padding: 0;
    list-style: none;
  }
  @media (min-width: 48em) {
    .Router--split {
      grid-template-columns: 1fr 1fr;
    }
  }
  .Router__link {
    display: flex;
    align-items: center;
    gap: 2rem;
    justify-content: space-between;
  }
  .Router__link--simple {
    padding-bottom: 0.75rem;
    border-bottom: 0.0625em solid var(--link);
    font-family: var(--sans);
  }
  .theme-blue .Router__link--simple {
    background-image: linear-gradient(var(--link), var(--link));
    color: var(--white);
  }
  .Router__link--block {
    padding: 1rem;
    border-left: 0.25rem solid var(--button);
    background: var(--gray);
    text-decoration: none;
  }
  .Router__link--blue {
    --outline: var(--blue);
    border-left-color: var(--gold);
    background: var(--blue);
    color: var(--white);
  }
  .Router__icon {
    display: grid;
    place-items: center;
    flex-shrink: 0;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    transform: translate(-1rem);
    transition: transform var(--transition), opacity var(--transition);
    background: var(--button);
    opacity: 0;
  }
  .Router__icon:before {
    content: "";
    width: 2rem;
    height: 2rem;
    background: var(--button-text);
    -webkit-mask-image: url(../assets/chevron-right.svg);
    mask-image: url(../assets/chevron-right.svg);
  }
  .Router__link--blue .Router__icon {
    background: var(--gray);
  }
  .Router__link--blue .Router__icon:before {
    background: var(--blue);
  }
  .Router__link:hover .Router__icon {
    transform: none;
    opacity: 1;
  }
  .Feature {
    background: var(--background, var(--gray));
    color: var(--text);
    overflow: hidden;
  }
  @media (min-width: 48em) {
    .Feature {
      display: grid;
      grid-template-columns: 1fr 1fr;
    }
  }
  .Feature--inset {
    margin-block: var(--space-sm);
  }
  @media (max-width: 63.999em) {
    .Feature--inset {
      margin-inline: calc(var(--gutter) * -1);
    }
  }
  .Feature__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  .Feature__image--slash {
    background: var(--button);
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 75% 100%, 0% 100%);
    clip-path: polygon(0% 0%, 100% 0%, 75% 100%, 0% 100%);
    overflow: hidden;
  }
  .Feature__image--slash img {
    transform: translate(-1rem);
    -webkit-clip-path: inherit;
    clip-path: inherit;
  }
  .Feature--flip .Feature__image--slash {
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 25% 100%);
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 25% 100%);
  }
  .Feature--flip .Feature__image--slash img {
    transform: translate(1rem);
  }
  .Feature__image--fade {
    margin-bottom: -25%;
    -webkit-mask-image: linear-gradient(black 25%, transparent);
    mask-image: linear-gradient(black 25%, transparent);
  }
  @media (min-width: 48em) {
    .Feature__image--fade {
      margin-right: -40%;
      margin-bottom: 0;
      -webkit-mask-image: linear-gradient(90deg, black 40%, transparent);
      mask-image: linear-gradient(90deg, black 40%, transparent);
    }
  }
  .Feature__content {
    position: relative;
    padding: var(--space-sm) var(--container);
  }
  @media (min-width: 48em) {
    .Feature__content {
      align-self: center;
      width: 100%;
      max-width: 45rem;
      padding: var(--space) var(--gutter);
    }
  }
  .Feature--inset .Feature__content {
    padding-block: var(--space-sm);
  }
  @media (min-width: 48em) {
    .Feature--flip .Feature__content {
      order: -1;
      margin-left: auto;
    }
  }
  @media (min-width: 48em) {
    .Feature__interior {
      max-width: 27rem;
      margin-inline: auto;
    }
  }
  .Feature__meta {
    color: var(--gold);
    font: var(--h5);
    font-family: var(--sans);
  }
  .Feature__meta + * {
    margin-top: 0;
  }
  .Feature__link {
    position: relative;
    padding-left: 1.25em;
  }
  .Feature__link:before {
    content: "";
    position: absolute;
    top: -0.125em;
    left: -0.5em;
    width: 1.75em;
    height: 1.75em;
    background: var(--gold);
    -webkit-mask-image: url(../assets/chevron-right.svg);
    mask-image: url(../assets/chevron-right.svg);
  }
  .Feature__button {
    margin-top: var(--space-sm);
  }
  .Feed {
    margin-block: var(--space);
    padding-inline: var(--container-lg);
  }
  @media (min-width: 48em) {
    .Feed [data-oversnap] {
      --active: 2;
    }
  }
  @media (min-width: 80em) {
    .Feed [data-oversnap] {
      --active: 3;
    }
  }
  .Feed [data-oversnap-item] {
    scroll-snap-align: start;
  }
  .Feed--gray {
    margin-block: 0;
    padding-block: var(--space);
    background: var(--gray);
  }
  .Feed__header {
    display: flex;
    flex-direction: column;
    gap: 1rem var(--gutter);
    margin-bottom: var(--space-sm);
  }
  @media (min-width: 48em) {
    .Feed__header {
      padding-inline: 4.5rem;
    }
  }
  @media (min-width: 64em) {
    .Feed__header {
      flex-direction: row;
      justify-content: space-between;
    }
  }
  @media (min-width: 64em) {
    .Feed__content {
      max-width: 55%;
    }
  }
  .Feed__link {
    font: var(--small);
    font-weight: 700;
  }
  @media (min-width: 64em) {
    .Feed__link {
      align-self: flex-end;
    }
  }
  .Feed__news {
    font: var(--small);
  }
  .Feed__event {
    padding: var(--space-sm) 1.5rem;
    border: 0.75rem solid var(--gold);
  }
  .Feed__image {
    border-bottom: 1rem solid var(--gold);
  }
  .Feed__date {
    margin-bottom: 0.5rem;
    color: var(--link);
    font: var(--h3);
    font-weight: 700;
  }
  .Feed__meta {
    font: var(--small);
    font-weight: 700;
  }
  .Feed__title {
    margin-top: 0;
  }
  .Feed__detail {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 0;
    font: var(--meta);
    list-style: none;
  }
  .Feed__time,
  .Feed__location {
    display: flex;
  }
  .Feed__time:before,
  .Feed__location:before {
    content: "";
    flex-shrink: 0;
    width: 1.25em;
    height: 1.25em;
    margin-right: 0.75rem;
    background: var(--link);
  }
  .Feed__time:before {
    -webkit-mask-image: url(../assets/clock.svg);
    mask-image: url(../assets/clock.svg);
  }
  .Feed__location:before {
    -webkit-mask-image: url(../assets/marker.svg);
    mask-image: url(../assets/marker.svg);
  }
  .Facts {
    padding: var(--space) var(--container);
    background: var(--gray);
  }
  .Facts__grid {
    display: grid;
    gap: var(--gutter);
    margin-top: var(--space-sm);
  }
  @media (min-width: 48em) {
    .Facts__grid {
      grid-template-columns: 1fr 1fr;
    }
  }
  .Facts__item {
    padding: var(--space-sm) var(--gutter);
    border-radius: 0.5rem;
    background: var(--white);
    font: var(--small);
  }
  .Facts__value {
    display: inline-block;
    margin: 0;
    padding-top: 0.75rem;
    border-top: 0.375rem solid var(--gold);
    font: var(--h1);
    font-family: var(--serif);
    font-weight: 400;
  }
  .Facts__title {
    margin-top: 0.5em;
    font: var(--h6);
  }
  .Button {
    --outline: var(--button);
    display: inline-block;
    padding: 0.875rem 3.3125rem;
    border: 0;
    border-radius: 4rem;
    transition: transform var(--transition-sm);
    background: var(--button);
    color: var(--button-text);
    font: var(--small);
    font-weight: 700;
    line-height: 1.25rem;
    text-align: center;
    text-decoration: none;
  }
  .Button:hover {
    transform: scale(1.05);
    background-image: linear-gradient(90deg, transparent, var(--button-hover));
  }
  .Button--ghost {
    padding: 0.6875rem 3.125rem;
    border: 0.1875rem solid var(--button);
    background: transparent;
    color: var(--button);
  }
  .Button--ghost:hover {
    background: var(--button);
    color: var(--button-text);
  }
  .Panel {
    margin-block: var(--space);
    padding-inline: var(--container);
    background: var(--background);
    color: var(--text);
  }
  .Panel--blue {
    margin-block: 0;
    padding-block: var(--space);
  }
  .Panel__grid {
    display: grid;
    gap: 4rem var(--space);
    margin-top: 4rem;
  }
  @media (min-width: 48em) {
    .Panel__grid--2 {
      grid-template-columns: 1fr 1fr;
    }
  }
  @media (min-width: 64em) {
    .Panel__grid--3 {
      grid-template-columns: 1fr 1fr 1fr;
    }
  }
  .Panel--blue .Panel__heading a {
    color: var(--white);
    text-decoration-color: var(--gold);
  }
  .Panel__grid--3 .Panel__heading {
    font: var(--h5);
  }
  .Accordion {
    margin-block: var(--space-sm);
    box-shadow: var(--shadow);
  }
  .Accordion__heading {
    margin: 0;
    border-top: 0.0625rem solid var(--gray);
  }
  .Accordion__heading:first-child {
    border-top: 0;
  }
  .Accordion__toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    width: 100%;
    padding: var(--gutter);
    border: 0;
    background: transparent;
    color: var(--blue);
    font: var(--h5);
    text-align: left;
  }
  .Accordion__toggle:after {
    content: "";
    flex-shrink: 0;
    width: 2rem;
    height: 2rem;
    transition: transform var(--transition);
    background: var(--blue);
    -webkit-mask-image: url(../assets/plus.svg);
    mask-image: url(../assets/plus.svg);
  }
  @media (min-width: 48em) {
    .Accordion__toggle:after {
      width: 3rem;
      height: 3rem;
    }
  }
  .Accordion__toggle[aria-expanded="true"]:after {
    transform: rotate(135deg);
  }
  .Accordion__content {
    display: grid;
    grid-template-rows: 1fr;
    transition: grid-template-rows var(--transition), visibility var(--transition);
    background: var(--gray);
    overflow: hidden;
  }
  [data-expanded="false"] + .Accordion__content {
    grid-template-rows: 0fr;
    visibility: hidden;
  }
  .Accordion__wrapper {
    min-height: 0;
  }
  .Accordion__interior {
    padding: var(--gutter);
  }
  .SubHeader {
    padding: 1rem;
    background: var(--gold);
    font-weight: 700;
  }
  @media (min-width: 64em) {
    .SubHeader {
      padding-inline: 2rem;
    }
  }
  .Blocks {
    padding: var(--space) var(--container);
    background: var(--gray);
  }
  .Blocks__item {
    margin-top: var(--space);
  }
  @media (min-width: 48em) {
    .Blocks__item {
      display: grid;
      gap: var(--gutter);
      grid-template-columns: 1fr 1fr;
    }
  }
  @media (min-width: 64em) {
    .Blocks__item {
      gap: var(--space);
    }
  }
  .Blocks__image {
    --clip: polygon(25% 0, 100% 0, 75% 100%, 0 100%);
    position: relative;
    place-self: start;
  }
  .Blocks__image img {
    position: relative;
    -webkit-clip-path: var(--clip);
    clip-path: var(--clip);
  }
  .Blocks__image:before {
    content: "";
    position: absolute;
    inset: 0;
    transform: translate(-3rem, 2rem);
    background: var(--blue);
    -webkit-clip-path: var(--clip);
    clip-path: var(--clip);
  }
  .Blocks__image--flip {
    order: 1;
  }
  .Blocks__image--gold:before {
    background: var(--gold);
  }
  .Blocks__text {
    place-self: center;
    margin-top: 5rem;
  }
  @media (min-width: 48em) {
    .Blocks__text {
      margin: 0;
    }
  }
  .Scroller {
    padding: var(--space) var(--container);
    background: var(--background);
    color: var(--text);
  }
  @media (min-width: 64em) {
    .Scroller {
      display: grid;
      gap: var(--space);
      grid-template-columns: 1fr 1fr;
      place-items: start;
    }
  }
  @media (min-width: 64em) {
    .Scroller__text {
      position: sticky;
      top: calc(var(--space) + 5.5rem);
    }
  }
  .Scroller__grid {
    display: grid;
    gap: var(--space);
    margin-top: var(--space);
  }
  @media (min-width: 48em) {
    .Scroller__grid {
      max-width: 33rem;
      margin-inline: auto;
    }
  }
  @media (min-width: 64em) {
    .Scroller__grid {
      margin-top: 0;
    }
  }
  .Scroller__item {
    --clip: polygon(25% 0, 100% 0, 75% 100%, 0 100%);
    position: relative;
  }
  .Scroller__item:before {
    content: "";
    position: absolute;
    inset: 0;
    background: var(--gold);
    transform: translate(-1rem, 1rem);
  }
  @media (min-width: 48em) {
    .Scroller__item:before {
      transform: translate(-3rem, 2rem);
      -webkit-clip-path: var(--clip);
      clip-path: var(--clip);
    }
  }
  .Scroller__interior {
    --heading: var(--blue);
    position: relative;
    padding: var(--gutter);
    background: var(--white);
    color: var(--blue);
    text-align: center;
  }
  @media (min-width: 48em) {
    .Scroller__interior {
      -webkit-clip-path: var(--clip);
      clip-path: var(--clip);
      padding-inline: 15% 25%;
    }
  }
  .Scroller__icon {
    display: inline-block;
    width: 6.5rem;
    padding: 1rem;
    border-radius: 50%;
    background: var(--blue);
    color: var(--white);
  }
  @media (min-width: 48em) {
    .Scroller__icon {
      margin-left: 30%;
    }
  }
  .Scroller__title {
    margin-top: 0.5em;
    font: var(--h5);
  }
  @media (min-width: 48em) {
    .Scroller__title {
      margin-left: 10%;
    }
  }
  .News {
    margin-block: var(--space-sm);
  }
  .News__item {
    margin-top: var(--space-sm);
    font: var(--small);
  }
  @media (min-width: 48em) {
    .News__item {
      display: grid;
      gap: var(--space-sm);
      grid-template-columns: 1fr 1fr;
    }
  }
  .News__image {
    margin-bottom: 1rem;
    border-bottom: 1rem solid var(--gold);
  }
  @media (min-width: 48em) {
    .News__image {
      margin: 0;
    }
  }
  .News__meta {
    font: var(--small);
    font-weight: 700;
  }
  .News__title {
    margin-top: 0;
  }
  .Pagination {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
    margin: var(--space-sm) 0;
    padding: 0;
    font: var(--small);
    font-weight: 700;
    list-style: none;
  }
  .Pagination li.active span {
    background: var(--blue);
    color: var(--white);
  }
  .Pagination a,
  .Pagination span {
    display: block;
    padding: 0.25rem 0.75rem;
  }
  .Pagination a {
    text-decoration: none;
  }
  .Pagination a:hover {
    background: var(--gray);
  }
  .Table {
    margin-block: var(--space-sm);
  }
  .Table table {
    width: 100%;
  }
  .Table tr:nth-child(2n) {
    background: var(--blue-05);
  }
  .Table th,
  .Table td {
    padding: 1.5rem var(--gutter);
    text-align: left;
  }
  .Table th {
    border-bottom: 0.0625rem solid var(--blue);
    font: var(--h5);
  }
  .Table__scroll {
    background-attachment: local, local, scroll, scroll;
    background-image: linear-gradient(to right, var(--white), transparent),
      linear-gradient(to left, var(--white), transparent),
      linear-gradient(to right, var(--black-10), transparent),
      linear-gradient(to left, var(--black-10), transparent);
    background-position: left center, right center, left center, right center;
    background-size: 6rem 100%, 6rem 100%, 1.5rem 100%, 1.5rem 100%;
    overflow: auto;
    will-change: scroll-position;
  }
  .Media {
    margin: var(--space-sm) 0;
  }
  .Media--full {
    max-width: 72rem;
    margin: var(--space) auto;
  }
  @media (max-width: 63.999em) {
    .Media--inset {
      margin-inline: calc(var(--gutter) * -1);
    }
  }
  @media (min-width: 48em) {
    .Media--left,
    .Media--right {
      width: calc(50% - 1rem);
      margin-block: 1em;
    }
  }
  @media (min-width: 48em) {
    .Media--left {
      margin-right: var(--gutter);
      float: left;
    }
  }
  @media (min-width: 48em) {
    .Media--right {
      margin-left: var(--gutter);
      float: right;
    }
  }
  .Media__content {
    margin-bottom: var(--space-sm);
  }
  .Media--full .Media__content {
    padding-inline: var(--container);
  }
  .Media__image {
    width: 100%;
  }
  .Media__caption {
    margin-top: 1.5rem;
    font: var(--small);
    font-weight: 700;
  }
  .Media--full .Media__caption {
    padding-inline: var(--container);
  }
  @media (max-width: 63.999em) {
    .Media--inset .Media__caption {
      padding-inline: var(--gutter);
    }
  }
  .Related {
    padding: var(--space) var(--container);
    background: var(--gray);
    text-align: center;
  }
  .Related__grid {
    display: grid;
    gap: var(--space-sm);
    margin-top: var(--space-sm);
  }
  @media (min-width: 48em) {
    .Related__grid {
      grid-template-columns: 1fr 1fr 1fr;
    }
  }
  .Related__text {
    padding: 1.5rem var(--gutter);
    border-top: 1rem solid var(--gold);
    background: var(--white);
    font-family: var(--serif);
    text-align: left;
  }