:root {
  --content-space-vert: 100px;
  --bookgrid--row-gap: 72px;
  --inset-pad-x: 13px;
  --inset-pad-y: 11px;
  --gold-grad: linear-gradient(108deg, #AD9232 0%, #E1C755 55.21%, #9A8043 100%);
  --color-treat-std: #CAC2A0;
  --color-gray: #bca03d;
  --color-treat-hov: #EBE7D4;
  --gap-nav: 24px;
  --gap: 48px;
  --mid-gray: #8d8d8d;
  --dark-gray: #444;
}
@media (max-width: 767px) {
  :root {
    --content-space-vert: 60px;
    --bookgrid--row-gap: 60px;
  }
}

@media (max-width: 1023px) {
  html body {
    --gap-grid: 20px;
    --page-margin: 20px;
  }
}
.tmpl-legacy {
  --gap-vertical: 60px;
}

@media (max-width: 1023px) {
  body {
    --page-margin: 12px;
    --gap-vertical: 50px;
    --gap-grid: 20px;
  }
}
@media (max-width: 767px) {
  :root {
    --page-margin: 20px;
    --gap-vertical-alt: 2em;
  }
  .tmpl-legacy {
    --gap-vertical: 20px;
  }
}
/* LEGAL DISCLAIMER
 *
 * These Fonts are licensed only for use on these domains and their subdomains:
 * nationalbook.org
 *
 * It is illegal to download or use them on other websites.
 *
 * While the @font-face statements below may be modified by the client, this
 * disclaimer may not be removed.
 *
 * Optimo webfonts are protected by copyright law and provided under license. To modify, alter, translate, convert, decode or reverse engineer in any manner whatsoever, including converting the Font Software into a different format is strictly prohibited. The webfont files are not to be used for anything other than web font use.
 *
 * optimo.ch

 */
@font-face {
  font-family: "Basel Classic";
  src: url("../fonts/BaselClassic-Book.woff2") format("woff2"), url("../fonts/BaselClassic-Book.woff") format("woff");
  font-style: normal;
  font-weight: 485;
}
@font-face {
  font-family: "Basel Classic";
  src: url("../fonts/BaselClassic-Bold.woff2") format("woff2"), url("../fonts/BaselClassic-Bold.woff") format("woff");
  font-style: normal;
  font-weight: 635;
}
/*
        This font software is the property of Commercial Type.

        You may not modify the font software, use it on another website, or install it on a computer.

        License information is available at http://commercialtype.com/eula
        For more information please visit Commercial Type at http://commercialtype.com or email us at info[at]commercialtype.com

        Copyright (C) 2026 Schwartzco Inc.
        License 2608-NIJBXC      
*/
@font-face {
  font-family: "Ergon";
  src: url("../fonts/Ergon-Regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
}
nav.nav-main {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding: 28px var(--page-margin) 27px;
  z-index: 5;
  color: var(--color-blue--text);
  overflow: hidden;
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
}
nav.nav-main:BEFORE {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--color-blue--lightest);
  z-index: -1;
  pointer-events: none;
  opacity: 0.8;
}

.nav-main__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--gap-nav);
}

nav.nav-cat {
  position: sticky;
  top: 30px;
  left: 0;
  width: 100%;
  z-index: 5;
  color: var(--color-blue--text);
  margin-block: 88px -133px;
  white-space: nowrap;
}
nav.nav-cat li {
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
}
@media (max-width: 1023px) {
  nav.nav-cat {
    overflow: auto;
  }
  .menu-open nav.nav-cat {
    display: none;
  }
  nav.nav-cat ul {
    justify-content: safe center;
    padding-inline: 16px;
  }
}

nav.nav {
  font-family: "Ergon", sans-serif;
}
@media (min-width: 1024px) {
  nav.nav .menu-item-has-children > a {
    display: flex;
    align-items: center;
    gap: 6px;
  }
  nav.nav .menu-item-has-children > a:AFTER {
    content: "";
    display: inline-block;
    width: 10px;
    height: 21px;
    background: url('data:image/svg+xml,<svg width="10" height="21" viewBox="0 0 10 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9 7L5 11L1 7" stroke="%235E8288" stroke-width="1.25" /></svg>');
    transform: translateY(1px);
  }
  nav.nav .menu-item-has-children.menu-open > a:AFTER {
    transform: scaleY(-1) translateY(2px);
  }
  nav.nav .menu-item-has-children.current_page_item > a:after {
    display: none;
  }
  nav.nav .menu-item-has-children.current-menu-item > a:after {
    display: none;
  }
}

.nav-cat__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}

.nav-cat__link {
  display: flex;
  padding: 10px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 2px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15);
  position: relative;
  color: var(--color-bg);
  z-index: 1;
}
.nav-cat__link:BEFORE {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--color-fg);
  border-radius: 2px;
  z-index: -1;
  pointer-events: none;
  opacity: 0.9;
}
@media (hover: hover) {
  .nav-cat__link:HOVER {
    pointer-events: all;
    text-decoration: none;
  }
  .nav-cat__link:HOVER:BEFORE {
    opacity: 1;
  }
}
.nav-cat__link--active:BEFORE {
  background: var(--color-bg);
}
.nav-cat__link--active {
  color: var(--color-blue--text);
}

.mo-menu-toggle {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: 1em;
  margin: 0;
  background: var(--color-blue--lightest);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-family: "Basel Classic", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25;
}
@media (max-width: 767px) {
  .mo-menu-toggle {
    font-size: 19px;
    line-height: 1.47;
  }
}
.mo-menu-toggle {
  color: var(--color-blue--text);
  z-index: 6;
  border: none;
}
.mo-menu-toggle:focus {
  outline: none;
}
.mo-menu-toggle:active {
  outline: none;
  color: #99CE80;
}
.mo-menu-toggle span {
  pointer-events: none;
}
.mo-menu-toggle .message-open {
  display: block;
}
.menu-open .mo-menu-toggle .message-open {
  display: none;
}
.mo-menu-toggle .message-close {
  display: none;
}
.menu-open .mo-menu-toggle .message-close {
  display: block;
}
@media (min-width: 971px) {
  .mo-menu-toggle {
    display: none;
  }
}
@media (max-width: 1023px) {
  .mo-menu-toggle {
    display: block;
    background: var(--color-blue--lightest);
  }
}

.menu-label--close {
  display: none;
}
.menu-open .menu-label--close {
  display: block;
}

.menu-label--open {
  display: block;
}
.menu-open .menu-label--open {
  display: none;
}

.keen-slider {
  display: flex;
  overflow: hidden;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.keen-slider__slide {
  position: relative;
  overflow: hidden;
  width: 100%;
  min-height: 100%;
}

.keen-slider[data-keen-slider-v] {
  flex-wrap: wrap;
}

.keen-slider[data-keen-slider-v] .keen-slider__slide {
  width: 100%;
}

.keen-slider[data-keen-slider-moves] * {
  pointer-events: none;
}

[data-keen-slider-moves] a {
  pointer-events: none;
}

.slider-nav {
  margin-top: calc(var(--page-margin) * -2.1);
  justify-content: flex-end;
  padding-right: calc(var(--page-margin) - 10px);
  margin-bottom: var(--page-margin);
}
@media (max-width: 767px) {
  .slider-nav {
    display: none;
  }
}
.slider-nav {
  display: flex;
}
.slider-nav button {
  position: relative;
  display: block;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  border: none;
  cursor: pointer;
  margin-left: 0.5rem;
  background: none;
}
.slider-nav button:hover {
  border-color: var(--colorSubdueLine);
}
.slider-nav button:focus {
  outline: none;
}
.slider-nav button:focus-visible {
  border-color: #6c757d;
}
.slider-nav button.slider-prev {
  transform: scaleX(-1);
}
.slider-nav button.slider-prev span {
  margin-left: -14px;
}
.slider-nav button span {
  position: absolute;
  width: 20px;
  height: 20px;
  top: 50%;
  left: 50%;
  margin: -10px 0 0 -12px;
  border-right: solid 1px;
  border-bottom: solid 1px;
  border-color: white;
  transform: rotate(-45deg);
}

.slider-wrap {
  overflow: hidden;
}
.slider-wrap ul {
  display: flex;
  padding: 0;
  margin: 0;
  align-items: baseline;
}
.slider-wrap ul li {
  flex-basis: 32%;
  flex-shrink: 0;
  padding-left: 3.125rem;
  padding-left: var(--page-margin);
}
.slider-wrap h5 {
  font-weight: normal;
  margin: 0 0 0.6rem;
}
.slider-wrap .book-publisher {
  color: var(--color-gray);
}

.award-section {
  padding-bottom: var(--content-space-vert);
}

.slider-wrap {
  margin-bottom: calc(var(--page-margin) * 2);
}

.book-img-wrap {
  margin-bottom: 1rem;
  max-width: 278px;
}
.book-img-wrap img {
  max-width: 100%;
  height: auto;
}

html {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

*,
*:before,
*:after {
  box-sizing: border-box;
}

*:focus-visible {
  outline: 2px solid var(--color-fg);
  outline-offset: 2px;
}

*:focus:not(:focus-visible) {
  outline: none;
}

html,
body {
  padding: 0;
  margin: 0;
  scroll-behavior: smooth;
}

body {
  background-color: var(--color-bg);
  color: var(--color-fg);
  font-family: "Basel Classic", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25;
}
@media (max-width: 767px) {
  body {
    font-size: 19px;
    line-height: 1.47;
  }
}
body {
  scroll-timeline-name: --scrollTrack;
}
body.tmpl-legacy {
  font-family: "Ergon", sans-serif;
  font-weight: 400;
  font-size: 22px;
  line-height: 200%;
  text-decoration: none;
  letter-spacing: 0.05em;
}
@media (max-width: 767px) {
  body.tmpl-legacy {
    font-size: 18px;
  }
}
body {
  padding-bottom: 100px;
}
body.menu-open {
  overflow: hidden;
}
body.menu-open figure {
  z-index: 1;
}

h2.subtitle,
h3,
dt,
p strong,
.btn-rsvp,
h4 {
  text-align: center;
  font-family: "Ergon", sans-serif;
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  /* 34px */
  letter-spacing: -0.015em;
}
@media (min-width: 1024px) {
  h2.subtitle,
  h3,
  dt,
  p strong,
  .btn-rsvp,
  h4 {
    font-size: clamp(40px, 3.4vw, 48px);
  }
}
@media (max-width: 767px) {
  h2.subtitle,
  h3,
  dt,
  p strong,
  .btn-rsvp,
  h4 {
    font-size: 32px;
  }
}
h2.subtitle,
h3,
dt,
p strong,
.btn-rsvp,
h4 {
  grid-column: 1/-1;
}

h4 {
  margin: 0 0 1.5em;
}
@media (max-width: 767px) {
  h4 {
    margin-bottom: 0.5em;
  }
}

h3 {
  margin: 0 0 var(--gap-vertical);
}
@media (max-width: 767px) {
  h3 {
    margin-bottom: 48px;
  }
}
h3.supporters-title {
  margin-bottom: 42px;
  letter-spacing: 0;
}
.longlists-wrap h3 {
  text-transform: uppercase;
}

.grid,
section,
.layout {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  -moz-column-gap: var(--gap-grid, 72px);
       column-gap: var(--gap-grid, 72px);
}
@media (max-width: 767px) {
  .grid,
  section,
  .layout {
    grid-template-columns: repeat(6, 1fr);
  }
}
.grid,
section,
.layout {
  row-gap: 0;
  grid-column: 1/-1;
}
.grid.v-cent,
section.v-cent,
.layout.v-cent {
  align-items: center;
}
.grid .inset,
section .inset,
.layout .inset {
  grid-column: 3/-3;
}
@media (max-width: 767px) {
  .grid .inset,
  section .inset,
  .layout .inset {
    grid-column: 1/-1;
  }
}

section {
  position: relative;
  padding-left: var(--page-margin);
  padding-right: var(--page-margin);
  margin-top: var(--space-section, 0);
}
section header.section__header {
  grid-column: 1/-1;
  position: relative;
  text-align: center;
}
section header.section__header:not(.med) {
  font-family: "Ergon", sans-serif;
  font-size: 64px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  /* 34px */
  letter-spacing: -0.025em;
}
@media (min-width: 1024px) {
  section header.section__header:not(.med) {
    font-size: clamp(64px, 5.5vw, 80px);
    line-height: 0.9;
  }
}
@media (max-width: 767px) {
  section header.section__header:not(.med) {
    font-size: 54px;
    line-height: 1;
  }
}
section header.section__header.large {
  font-family: "Ergon", sans-serif;
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  /* 34px */
  letter-spacing: -0.015em;
}
@media (min-width: 1024px) {
  section header.section__header.large {
    font-size: clamp(40px, 3.4vw, 48px);
  }
}
@media (max-width: 767px) {
  section header.section__header.large {
    font-size: 32px;
  }
}
section header.section__header {
  margin-bottom: 70px;
  text-wrap: balance;
  max-width: 30ch;
  margin-left: auto;
  margin-right: auto;
}
section header.section__header.no-margin {
  margin-bottom: 0;
}
section.intro + section {
  margin-top: 96px;
}
section.intro + section.finalists__nav {
  margin-top: -85px;
  position: sticky;
  top: 40px;
  z-index: 4;
}
@media (max-width: 767px) {
  section.intro + section {
    margin-top: 48px;
  }
}
h1.pagetitle + section.finalists__nav, .intro-message + section.finalists__nav {
  margin-top: 1rem;
  position: sticky;
  top: 40px;
  z-index: 4;
}
.tmpl-legacy section {
  padding-bottom: calc(var(--gap-vertical) * 2);
}
section.b-top:BEFORE {
  content: "";
  position: absolute;
  top: 0;
  left: var(--page-margin);
  right: var(--page-margin);
  height: 1px;
  background: white;
  opacity: 0.5;
}
section.b-top {
  padding-top: var(--gap-vertical-alt);
}
.tmpl-legacy section.b-top {
  padding-top: var(--gap-vertical, 0);
}
@media (max-width: 767px) {
  section.b-top {
    padding-top: 12px;
  }
}
section.sponsors-wrap {
  padding-bottom: 4vw;
  margin-top: 160px;
  mix-blend-mode: screen;
}
@media (max-width: 767px) {
  section.sponsors-wrap {
    margin-top: 100px;
  }
}

.grid__people {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--gap, 20px);
}
@media (max-width: 767px) {
  .grid__people {
    grid-template-columns: 1fr;
    row-gap: var(--gap-vertical);
  }
}
.grid__people article {
  grid-column: span 1;
}
.grid__people[data-count="1"] {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  -moz-column-gap: var(--gap-grid, 72px);
       column-gap: var(--gap-grid, 72px);
}
@media (max-width: 767px) {
  .grid__people[data-count="1"] {
    grid-template-columns: repeat(6, 1fr);
  }
}
.grid__people[data-count="1"] article {
  grid-column: 1/-1;
}
@media (min-width: 1024px) {
  .grid__people[data-count="1"] article {
    grid-column: 4/-4;
  }
}

.grid__people h2,
.grid__person-presenter h2 {
  font-family: "Ergon", sans-serif;
  font-size: 64px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  /* 34px */
  letter-spacing: -0.025em;
}
@media (min-width: 1024px) {
  .grid__people h2,
  .grid__person-presenter h2 {
    font-size: clamp(64px, 5.5vw, 80px);
    line-height: 0.9;
  }
}
@media (max-width: 767px) {
  .grid__people h2,
  .grid__person-presenter h2 {
    font-size: 54px;
    line-height: 1;
  }
}
.grid__people h2,
.grid__person-presenter h2 {
  margin: 0;
}

.grid__item--person h3 {
  /* @include font-header--m-italic; */
  font-family: "Basel Classic";
  font-size: 40px;
}
.grid__item--person h4 {
  font-family: "Ergon", sans-serif;
  font-size: 34px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  text-transform: uppercase;
  text-align: left;
  margin-bottom: 20px;
}

figure.headshot {
  margin: 0 0 20px;
  width: 218px;
  border-radius: 4px;
}
.judge__wrap figure.headshot {
  width: 150px;
  margin-bottom: 14px;
}
figure.headshot img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 4px;
}

.grid__person-presenter .label {
  color: var(--mid-gray);
}
.grid__person-presenter article,
.grid__person-presenter aside {
  grid-column: 1/-1;
}
@media (max-width: 1023px) {
  .grid__person-presenter aside {
    margin-top: var(--gap-vertical);
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-gap: 20px;
    row-gap: 0;
  }
  .grid__person-presenter aside figure {
    grid-column: span 1;
    grid-row: 1/span 2;
  }
  .grid__person-presenter aside figure.headshot {
    width: auto;
  }
  .grid__person-presenter aside div {
    grid-column: 2/-1;
    width: 100%;
  }
}
@media (min-width: 1024px) {
  .grid__person-presenter article {
    grid-column: span 8;
  }
  .grid__person-presenter aside {
    grid-column: span 4;
  }
  .grid__person-presenter article:last-child {
    grid-column: 4/-4;
  }
}

.grid__twocol {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  -moz-column-gap: var(--gap-grid, 20px);
       column-gap: var(--gap-grid, 20px);
}
@media (max-width: 767px) {
  .grid__twocol {
    grid-template-columns: 1fr;
  }
  .grid__twocol article + article {
    margin-top: var(--gap-vertical);
  }
}
.grid__twocol .header {
  font-family: "Ergon", sans-serif;
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  /* 34px */
  letter-spacing: -0.015em;
}
@media (min-width: 1024px) {
  .grid__twocol .header {
    font-size: clamp(40px, 3.4vw, 48px);
  }
}
@media (max-width: 767px) {
  .grid__twocol .header {
    font-size: 32px;
  }
}
.grid__twocol .header {
  text-align: center;
}
.grid__twocol .image {
  margin-left: auto;
  margin-right: auto;
  max-width: 60%;
}
.grid__twocol .image img {
  display: block;
  width: 100%;
  height: auto;
}
.grid__twocol article > * + * {
  margin-top: var(--gap-vertical, 20px);
}

.cta__buttons {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 16px;
}
.cta__buttons a {
  font-family: "Basel Classic", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25;
}
@media (max-width: 767px) {
  .cta__buttons a {
    font-size: 19px;
    line-height: 1.47;
  }
}
.cta__buttons a {
  display: inline-block;
  padding: 10px 16px;
  border-radius: 4px;
  background: var(--color-fg, #7CABB3);
  color: var(--color-bg);
  transition-duration: 0.15s;
  cursor: pointer;
  border: none;
}
@media (hover: hover) {
  .cta__buttons a:hover {
    background: var(--color-fg--hover, #6799A1);
  }
}
.grid__supporters {
  background: var(--color-bg);
}
.grid__supporters img {
  max-width: 100%;
  height: auto;
  grid-column: 1/-1;
  mix-blend-mode: initial;
  transform: translate3d(0);
}
@media (min-width: 1024px) {
  .grid__supporters img {
    width: 80%;
    max-width: 800px;
    margin-inline: auto;
  }
}

.supporters-label {
  display: block;
  text-align: center;
  grid-column: 1/-1;
  margin-bottom: 40px;
}

h2.category {
  font-family: "Ergon", sans-serif;
  font-size: 64px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  /* 34px */
  letter-spacing: -0.025em;
}
@media (min-width: 1024px) {
  h2.category {
    font-size: clamp(64px, 5.5vw, 80px);
    line-height: 0.9;
  }
}
@media (max-width: 767px) {
  h2.category {
    font-size: 54px;
    line-height: 1;
  }
}
h2.category {
  margin-top: 0;
  --content-space-vert: 60px;
  text-align: center;
  position: relative;
}

.book__grid-item {
  grid-column: 1/-1;
}
.book__grid-item .winner {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--gap-grid, 20px);
  row-gap: var(--bookgrid--row-gap, 40px);
}
.book__grid-item .winner > h4 {
  grid-column: 1/-1;
  font-style: italic;
  margin-bottom: 0;
}
.book__grid-item .winner .book__item {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: var(--gap-grid, 20px);
  row-gap: var(--bookgrid--row-gap, 40px);
}
@media (max-width: 767px) {
  .book__grid-item .winner .book__item {
    grid-template-columns: 1fr;
    row-gap: 0;
  }
}
.book__grid-item .winner .book__item figure {
  grid-column: 4/span 3;
  margin: 0;
  flex-shrink: 0;
}
.book__grid-item .winner .book__item figure img {
  display: block;
  width: 100%;
  height: auto;
}
@media (max-width: 767px) {
  .book__grid-item .winner .book__item figure {
    grid-column: 1/-1;
    margin-inline: auto;
    width: 50%;
  }
}
.book__grid-item .winner .book__item .book__info {
  grid-column: 7/-2;
}
@media (max-width: 767px) {
  .book__grid-item .winner .book__item .book__info {
    grid-column: 1/-1;
  }
}
.book__grid-item .winner .book__item .book__title {
  display: block;
  font-family: "Ergon", sans-serif;
  font-size: clamp(24px, 2vw, 28px);
  font-style: normal;
  font-weight: 400;
  line-height: 1.25;
}
@media (max-width: 767px) {
  .book__grid-item .winner .book__item .book__title {
    font-size: 20px;
    line-height: 1.1;
  }
}
@media (min-width: 1024px) {
  .book__grid-item .winner .book__item .book__title {
    font-size: clamp(24px, 2.2vw, 30px);
  }
}
@media (max-width: 767px) {
  .book__grid-item .winner .book__item .book__title {
    font-size: 26px;
    line-height: 1.25;
    margin-top: 36px;
  }
}
.book__grid-item .winner .book__item .book__excerpt {
  margin: 1em 0 1.5em 0;
}
.book__grid-item .finalists {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--gap-grid, 20px);
  row-gap: var(--bookgrid--row-gap, 40px);
}
@media (max-width: 767px) {
  .book__grid-item .finalists {
    grid-template-columns: 1fr;
  }
}
.book__grid-item .finalists > h4 {
  grid-column: 1/-1;
  font-style: italic;
  margin-bottom: 0;
}
.book__grid-item .finalists .book__item {
  display: flex;
}
@media (max-width: 767px) {
  .book__grid-item .finalists .book__item {
    flex-direction: column;
  }
}
.book__grid-item .finalists .book__item figure {
  width: 50%;
  margin: 0;
  padding-right: var(--gap, 20px);
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .book__grid-item .finalists .book__item figure {
    width: 50%;
    padding-right: 0;
    margin-inline: auto;
  }
}
.book__grid-item .finalists .book__item figure img {
  display: block;
  width: 100%;
  height: auto;
}
.book__grid-item .finalists .book__item .book__title {
  display: block;
  font-family: "Ergon", sans-serif;
  font-size: clamp(24px, 2vw, 28px);
  font-style: normal;
  font-weight: 400;
  line-height: 1.25;
}
@media (max-width: 767px) {
  .book__grid-item .finalists .book__item .book__title {
    font-size: 20px;
    line-height: 1.1;
  }
}
@media (min-width: 1024px) {
  .book__grid-item .finalists .book__item .book__title {
    font-size: clamp(24px, 2.2vw, 30px);
  }
}
@media (max-width: 767px) {
  .book__grid-item .finalists .book__item .book__title {
    font-size: 26px;
    line-height: 1.25;
    margin-top: 36px;
  }
}
.book__grid-item .finalists .book__item .book__excerpt {
  margin: 1em 0 1.5em 0;
}
.book__grid-item .longlist {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--gap-grid, 20px);
  row-gap: var(--bookgrid--row-gap, 40px);
}
@media (max-width: 767px) {
  .book__grid-item .longlist {
    grid-template-columns: 1fr;
  }
}
.book__grid-item .longlist > h4 {
  grid-column: 1/-1;
  font-style: italic;
  margin-bottom: 0;
}
.book__grid-item .longlist .book__item {
  display: flex;
}
.book__grid-item .longlist .book__item figure {
  width: 150px;
  margin: 0;
  padding-right: var(--gap, 20px);
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .book__grid-item .longlist .book__item figure {
    width: 33%;
    padding-right: 20px;
  }
}
.book__grid-item .longlist .book__item figure img {
  display: block;
  width: 100%;
  height: auto;
}
.book__grid-item .longlist .book__item .book__title {
  display: block;
  font-family: "Ergon", sans-serif;
  font-size: clamp(24px, 2vw, 28px);
  font-style: normal;
  font-weight: 400;
  line-height: 1.25;
}
@media (max-width: 767px) {
  .book__grid-item .longlist .book__item .book__title {
    font-size: 20px;
    line-height: 1.1;
  }
}
@media (min-width: 1024px) {
  .book__grid-item .longlist .book__item .book__title {
    font-size: clamp(24px, 2.2vw, 30px);
  }
}
@media (max-width: 767px) {
  .book__grid-item .longlist .book__item .book__title {
    font-size: 26px;
    line-height: 1.25;
  }
}
.book__grid-item .longlist .book__item .book__excerpt {
  margin: 1em 0 1.5em 0;
}
.book__grid-item > *:not(:last-child) {
  margin-bottom: var(--content-space-vert, 20px);
}

.book__item {
  color: var(--color-blue--text);
}
@media (hover: hover) {
  .book__item .book__cover img {
    transition-duration: 0.2s;
  }
  .book__item:has(a:HOVER) .book__title {
    text-decoration-color: #5E8288;
  }
  .book__item:has(a:HOVER) .book__cover img {
    opacity: 0.9;
  }
}

a.book__title {
  text-decoration: underline;
  text-decoration-thickness: 1.56px;
  text-underline-offset: 0.2em;
  color: var(--color-blue--text);
  text-decoration-color: #b7d6de;
  margin-bottom: 0.25em;
  text-wrap: balance;
}
@media (hover: hover) {
  a.book__title:HOVER {
    text-decoration-color: #5E8288;
  }
}

.book__buy {
  font-family: "Basel Classic", sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25;
  margin-top: 1em;
  position: relative;
  letter-spacing: 0;
}
@media (min-width: 1024px) and (hover: hover) {
  .book__buy {
    opacity: 0;
    transition-duration: 0.2s;
  }
  .book__item:HOVER .book__buy, .book__item:has(.book__buy[open]) .book__buy {
    opacity: 1;
  }
}
.book__buy summary {
  list-style: none;
  cursor: pointer;
  display: flex;
  gap: 4px;
  align-items: center;
  color: var(--color-fg);
}
@media (hover: hover) {
  .book__buy summary:hover {
    color: var(--color-blue--text);
  }
}
.book__buy summary:after {
  content: "";
  display: inline-block;
  width: 10px;
  height: 7px;
  margin-top: -1px;
  background-image: url('data:image/svg+xml,<svg viewBox="0 0 10 7" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m8.5 1.5-4 4-4-4" stroke="%237CABB3" stroke-width="1.25" /></svg>');
}
.book__buy summary::marker {
  display: none;
}
.book__buy[open] summary:after {
  transform: scaleY(-1);
}

.book__publisher {
  font-family: "Basel Classic", sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25;
  color: var(--mid-gray);
}

.book__authors {
  margin-bottom: 0.5em;
}

.book__buy-links {
  position: absolute;
  top: 100%;
  left: 0;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  background-color: var(--color-fg, #7CABB3);
  color: var(--color-bg, #FFFEF8);
  border-radius: 4px;
  text-align: center;
  font-family: "Basel Classic", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25;
}
@media (max-width: 767px) {
  .book__buy-links {
    font-size: 19px;
    line-height: 1.47;
  }
}
.book__buy-links {
  white-space: nowrap;
  z-index: 2;
  margin-top: 6px;
}
.book__buy-links a {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.2em;
  text-decoration-color: transparent;
}
@media (hover: hover) {
  .book__buy-links a:hover {
    text-decoration-color: var(--color-bg);
  }
}

.judge__wrap {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
}
.judge__wrap h5 {
  font-family: "Basel Classic", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25;
}
@media (max-width: 767px) {
  .judge__wrap h5 {
    font-size: 19px;
    line-height: 1.47;
  }
}
.judge__wrap h5 {
  margin: 0;
}
@media (max-width: 767px) {
  .judge__wrap h5 {
    font-size: 26px;
    line-height: 1.25;
  }
}
.judge__wrap .role {
  font-style: italic;
}
@media (max-width: 767px) {
  .judge__wrap {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .judge__wrap .judge__item {
    display: grid;
    grid-template-columns: 33% 55%;
    align-items: start;
    gap: 20px;
    row-gap: 0;
    grid-auto-rows: min-content;
    grid-template-rows: max-content;
  }
  .judge__wrap .judge__item .role {
    margin-bottom: auto;
    font-size: 26px;
    line-height: 1.25;
  }
  .judge__wrap .judge__item:has(.role) figure {
    grid-row: 1/span 2;
  }
  .judge__wrap .judge__item figure {
    width: 100%;
  }
}

.book__excerpt {
  font-family: "Basel Classic", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25;
}
@media (max-width: 767px) {
  .book__excerpt {
    font-size: 20px;
    line-height: 1.1;
  }
}
.book__excerpt a {
  color: var(--color-blue--text);
  text-decoration: underline;
  text-decoration-thickness: 1.56px;
  text-underline-offset: 0.2em;
  text-decoration-color: var(--color-fg, #7CABB3);
}
.book__excerpt a.more-link {
  color: var(--color-fg);
  font-family: "Basel Classic", sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25;
  display: inline-block;
  white-space: nowrap;
  text-decoration: none;
}
@media (hover: hover) {
  .book__excerpt a.more-link:hover {
    color: var(--color-blue--text);
  }
}

.text-wrap--announcement article {
  background-color: rgba(183, 214, 222, 0.2);
  grid-column: 1/-1;
  padding: 28px 40px;
  border-radius: 8px;
}
.text-wrap--announcement a:not(.button) {
  text-decoration: underline;
  text-underline-offset: 0.3em;
  text-decoration-thickness: 1px;
}

section.section-image-wrap figure {
  grid-column: 1/-1;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  -moz-column-gap: var(--gap-grid, 72px);
       column-gap: var(--gap-grid, 72px);
}
@media (max-width: 767px) {
  section.section-image-wrap figure {
    grid-template-columns: repeat(6, 1fr);
  }
}
section.section-image-wrap figure {
  row-gap: 0;
}
section.section-image-wrap figure img {
  grid-column: 3/-3;
  max-width: 100%;
  height: auto;
}
section.section-image-wrap figure figcaption {
  grid-column: 3/-3;
  font-family: "Basel Classic", sans-serif;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25;
  margin-top: 1rem;
}
section.section-image-wrap figure.inset {
  row-gap: 0;
}
section.section-image-wrap figure.inset img {
  grid-column: 4/-4;
}
@media (max-width: 767px) {
  section.section-image-wrap figure.inset img {
    grid-column: 1/-1;
  }
}
section.section-image-wrap figure.inset figcaption {
  grid-column: 4/-4;
}
@media (max-width: 767px) {
  section.section-image-wrap figure.inset figcaption {
    grid-column: 1/-1;
  }
  section.section-image-wrap figure img {
    grid-column: 1/-1;
  }
}

article.text {
  font-family: "Basel Classic", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25;
}
@media (max-width: 767px) {
  article.text {
    font-size: 19px;
    line-height: 1.47;
  }
}
article.text {
  text-wrap: pretty;
}
article.text.text--dark {
  color: var(--color-blue--text);
}
article.text h2 {
  font-family: "Ergon", sans-serif;
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  /* 34px */
  letter-spacing: -0.015em;
}
@media (min-width: 1024px) {
  article.text h2 {
    font-size: clamp(40px, 3.4vw, 48px);
  }
}
@media (max-width: 767px) {
  article.text h2 {
    font-size: 32px;
  }
}
article.text h2:not(:first-child) {
  margin-top: 1.5em;
}
article.text h6 {
  margin-block: 0;
  color: var(--color-fg);
  font-family: "Basel Classic", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25;
}
@media (max-width: 767px) {
  article.text h6 {
    font-size: 19px;
    line-height: 1.47;
  }
}
article.text p + h6,
article.text h6 + blockquote {
  margin-block-start: 36px;
}
article.text h6 + h6 {
  margin-block-start: 36px;
}
article.text.text--plus {
  font-family: "Basel Classic", sans-serif;
  font-size: clamp(24px, 2vw, 28px);
  font-style: normal;
  font-weight: 400;
  line-height: 1.25;
}
@media (min-width: 1024px) {
  article.text.text--plus {
    font-size: clamp(24px, 2.2vw, 30px);
  }
}
@media (max-width: 767px) {
  article.text.text--plus {
    font-size: 19px;
    line-height: 1.47;
  }
  .book__item article.text.text--plus {
    font-size: 20px;
    line-height: 1.1;
  }
}
article.text.text--plus blockquote {
  font-family: "Basel Classic", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25;
}
@media (max-width: 767px) {
  article.text.text--plus blockquote {
    font-size: 19px;
    line-height: 1.47;
  }
}
article.text.text--plus blockquote {
  color: var(--color-fg);
  margin-bottom: 36px;
}
article.text.text--plus blockquote h6 {
  font-family: "Basel Classic", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25;
}
@media (max-width: 767px) {
  article.text.text--plus blockquote h6 {
    font-size: 19px;
    line-height: 1.47;
  }
}
article.text.text--plus blockquote h6 {
  font-family: "Basel Classic", sans-serif;
  font-size: clamp(24px, 2vw, 28px);
  font-style: normal;
  font-weight: 400;
  line-height: 1.25;
}
@media (min-width: 1024px) {
  article.text.text--plus blockquote h6 {
    font-size: clamp(24px, 2.2vw, 30px);
  }
}
@media (max-width: 767px) {
  article.text.text--plus blockquote h6 {
    font-size: 19px;
    line-height: 1.47;
  }
  .book__item article.text.text--plus blockquote h6 {
    font-size: 20px;
    line-height: 1.1;
  }
}
article.text.text--plus blockquote h6 {
  color: var(--color-blue--text);
}

.text p {
  margin-top: 0;
}
.text h5 {
  margin: 1.25em 0 0.5em;
  font-weight: normal;
}

article.media_wrap {
  grid-column: 3/-3;
}
article.media_wrap.img-bleed {
  grid-column: 1/-1;
}
article.media_wrap.img-inset {
  grid-column: 4/-4;
}
article.media_wrap figure {
  margin: 0;
}
article.media_wrap img {
  display: block;
  max-width: 100%;
  height: auto;
}
@media (max-width: 960px) {
  article.media_wrap {
    grid-column: 1/-1;
  }
}

.home-link {
  display: block;
  width: 97px;
  height: 91px;
  position: relative;
  margin: 108px auto 60px;
}
.home-link span {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

h1.pagetitle {
  font-family: "Ergon", sans-serif;
  font-weight: 400;
  letter-spacing: -0.035em;
  line-height: 0.87;
  text-decoration: none;
  font-size: clamp(49px, 7vw, 82px);
  text-transform: uppercase;
  margin: 0;
  text-align: center;
  padding: 0 var(--page-margin);
  text-wrap: balance;
}

h2.subtitle {
  display: flex;
  align-items: center;
  margin: 8rem 0 auto;
}
h2.subtitle svg {
  width: 8px;
  height: 8px;
  margin: 0 22px;
}
@media (max-width: 767px) {
  h2.subtitle {
    margin-top: 0;
    flex-direction: column;
    display: block;
  }
  h2.subtitle span {
    display: block;
  }
  h2.subtitle svg {
    display: none;
  }
}
.intro-vid h2.subtitle {
  margin: 0 0 auto;
}

section.section-header {
  padding-bottom: var(--gap-vertical, 0);
}
section.section-header:not(.hidden-header) {
  margin-top: 200px;
}
section.section-header.hidden-header {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
section.section-header h2 {
  grid-column: 1/-1;
  text-align: center;
  font-family: "Ergon", sans-serif;
  font-weight: 400;
  font-size: 30px;
  text-decoration: none;
}
@media (max-width: 767px) {
  section.section-header h2 {
    font-size: 20px;
  }
}
section.section-header h2 {
  margin: 0;
}
section.section-header.display--large h2 {
  font-family: "Ergon", sans-serif;
  font-weight: 400;
  text-decoration: none;
  font-size: clamp(49px, 7vw, 82px);
  letter-spacing: -0.04em;
  line-height: 1.25;
  text-transform: uppercase;
}
section.section-header + section:not(.longlists-wrap), section.section-header + section:not(.finalists-wrap) {
  --gap-vertical: var(--gap-vertical-alt);
}
section.section-header:has(+ .no-inline-header) {
  --gap-vertical: var(--gap-vertical-alt);
}
section.section-header:has(+ .no-inline-header):after {
  display: none;
}
section.section-header:has(+ .no-inline-header) + .no-inline-header {
  margin-top: 0;
}
section.section-header + section.longlists-wrap {
  margin-top: 0.75rem;
}
section.section-header + section.finalists-wrap {
  margin-top: 0;
}
section.section-header + section.finalists-wrap:BEFORE {
  display: none;
}

.list-of-dates-header {
  text-align: center;
  margin-bottom: 4em;
}

.inset + .inset {
  margin-top: var(--gap-vertical, 0);
}

dl + dl {
  margin-top: 2.8em;
}

a {
  text-decoration: none;
  transition-duration: 0.2s;
}

.flex-biorow .header h3 {
  color: #8E7E46;
}
.flex-biorow h2.bio-name {
  font-family: "Ergon", sans-serif;
  font-weight: 400;
  text-decoration: none;
  font-size: clamp(49px, 7vw, 82px);
  letter-spacing: -0.04em;
  line-height: 1.25;
}

.layout-bio {
  position: relative;
  transition-duration: 1s;
  transition-property: max-height;
}
.layout-bio + .layout-bio {
  margin-top: var(--gap-vertical);
}
.header + .layout-bio {
  --tlSpace1: var(--gap-vertical-alt);
}
.layout-bio figure {
  grid-column: 2/span 2;
  margin: 0;
  border-radius: 50%;
  aspect-ratio: 1;
  background: rgba(255, 255, 255, 0.1);
  position: relative;
  overflow: hidden;
  z-index: 4;
}
.layout-bio figure:AFTER {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--color-treat-std);
  mix-blend-mode: multiply;
  transition-duration: 0.3s;
}
.layout-bio figure.no-img {
  opacity: 0;
}
@media (max-width: 767px) {
  .layout-bio figure.no-img {
    display: none;
  }
}
.layout-bio figure img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media (max-width: 767px) {
  .layout-bio figure {
    grid-column: 2/-2;
    margin: 0 auto var(--gap-vertical);
    max-width: 156px;
  }
}
.layout-bio .text-wrap {
  grid-column: 4/-2;
  padding-bottom: var(--gap-vertical);
  margin-top: -0.5em;
}
@media (max-width: 767px) {
  .layout-bio .text-wrap {
    grid-column: 1/-1;
    margin-top: 0;
  }
  .layout-bio {
    display: block;
  }
}
@media (max-width: 1250px) and (hover: hover) {
  .layout-bio:HOVER:BEFORE {
    height: 130px;
  }
  .layout-bio:HOVER figure:AFTER {
    background: var(--color-treat-hov);
  }
}

.row-expand {
  max-height: 450px;
  overflow: hidden;
  cursor: pointer;
}
.row-expand:BEFORE {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 150px;
  z-index: 2;
  transition-duration: 0.15s;
  background: linear-gradient(0deg, var(--color-bg) 0%, rgba(0, 0, 0, 0) 100%);
  pointer-events: none;
}
.row-expand.expanded {
  max-height: 1500px;
  cursor: unset;
}
.row-expand.expanded:BEFORE {
  opacity: 0;
}

nav.nav {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  z-index: 10;
  position: absolute;
  top: 30px;
  left: 0;
  width: 100%;
  padding: 0 var(--page-margin);
}
@media (max-width: 1150px) {
  nav.nav {
    padding-left: 20px;
    padding-right: 20px;
  }
}
nav.nav ul {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  justify-content: center;
}
nav.nav ul li {
  margin: 0 0.8em;
}
@media (max-width: 1023px) {
  nav.nav ul li {
    margin-left: 0.6em;
    margin-right: 0.6em;
  }
}
nav.nav ul li a {
  display: block;
}
nav.nav ul li.current-menu-item > a {
  text-decoration: underline;
  text-underline-offset: 0.3em;
  text-decoration-thickness: 1px;
}
@media (max-width: 767px) {
  nav.nav ul li.current-menu-item > a {
    text-decoration: none;
  }
}
@media (max-width: 970px) {
  nav.nav ul {
    flex-direction: column;
  }
  nav.nav ul li {
    margin: 0 0 0.25em;
  }
}
nav.nav ul.sub-menu {
  display: none;
}
@media (min-width: 1024px) {
  nav.nav ul.sub-menu {
    position: absolute;
    top: 100%;
    margin-top: 33px;
    left: 0;
  }
}
@media (max-width: 767px) {
  nav.nav ul.sub-menu {
    display: flex;
    overflow: auto;
    justify-content: safe center;
    white-space: nowrap;
    flex-direction: row;
    margin-left: -20px;
    width: calc(100% + 40px);
    padding-inline: 20px;
    gap: 8px;
    padding-block: 20px 0;
  }
  nav.nav ul.sub-menu a {
    padding: 14px 16px;
    font-size: 19px;
    white-space: nowrap;
    letter-spacing: 0;
    background: var(--color-fg);
    color: var(--color-bg);
  }
  nav.nav ul.sub-menu .current-menu-item a:BEFORE {
    background: var(--color-bg);
    opacity: 1;
  }
  nav.nav ul.sub-menu .current-menu-item a {
    color: var(--color-fg);
    text-decoration: none;
  }
}
nav.nav a {
  color: var(--color-blue--text);
}
nav.nav .menu-open ul.sub-menu {
  display: flex;
  flex-direction: row;
  white-space: nowrap;
  gap: 4px;
}
nav.nav .menu-open ul.sub-menu li {
  margin-inline: 0;
}
@media (max-width: 1023px) {
  nav.nav .menu-open ul.sub-menu {
    flex-direction: column;
    white-space: unset;
  }
}
nav.nav .menu-open ul.sub-menu br {
  display: none;
}
@media (max-width: 970px) {
  nav.nav {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    z-index: 5;
    background: var(--color-blue--lightest);
    -webkit-overflow-scrolling: touch;
    transform: translateY(-100%);
    pointer-events: none;
    visibility: hidden;
    opacity: 0;
    transition-duration: 0.1s;
    transition-property: transform, opacity;
    font-size: 48px;
    text-align: center;
    line-height: 0.9;
    letter-spacing: -0.02em;
    padding-top: 60px;
  }
  nav.nav li {
    opacity: 0;
    transition: opacity 0.3s;
  }
  nav.nav ul li:not(:last-child):has(.sub-menu) {
    margin-bottom: 0;
  }
  .menu-open nav.nav {
    transform: translateY(0);
    pointer-events: auto;
    visibility: visible;
    opacity: 1;
  }
  .menu-open nav.nav li {
    opacity: 1;
    transition-delay: 0.2s;
    text-wrap: balance;
  }
  .menu-open nav.nav li:nth-child(2) {
    transition-delay: 0.25s;
  }
  .menu-open nav.nav li:nth-child(3) {
    transition-delay: 0.3s;
  }
  .menu-open nav.nav li:nth-child(4) {
    transition-delay: 0.35s;
  }
  .menu-open nav.nav li:nth-child(5) {
    transition-delay: 0.4s;
  }
  .menu-open nav.nav li:nth-child(6) {
    transition-delay: 0.45s;
  }
  .menu-open nav.nav li:nth-child(7) {
    transition-delay: 0.5s;
  }
  nav.nav ul li:not(:last-child) {
    margin-bottom: 0.65em;
  }
  nav.nav ul li:not(:last-child) ul li {
    margin-bottom: 28px;
  }
}
nav.nav:has(.current-menu-item) a {
  color: var(--color-blue--text);
}
@media (hover: hover) {
  nav.nav:has(.current-menu-item) a:HOVER {
    text-decoration: underline;
    text-underline-offset: 0.3em;
    text-decoration-thickness: 1px;
  }
}
nav.nav .sub-menu a {
  display: flex;
  padding: 10px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 2px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15);
  position: relative;
  color: var(--color-bg);
  z-index: 1;
}
nav.nav .sub-menu a:HOVER {
  background: var(--color-fg);
  color: var(--color-bg);
  text-decoration: none;
}
nav.nav .sub-menu a:HOVER:BEFORE {
  opacity: 1;
}
nav.nav .sub-menu a:BEFORE {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--color-fg);
  border-radius: 2px;
  z-index: -1;
  pointer-events: none;
  opacity: 0.9;
}
nav.nav .sub-menu a--active:BEFORE {
  background: var(--color-bg);
}
nav.nav .sub-menu a--active {
  color: var(--color-blue--text);
}

.menu-item-43442 a {
  cursor: alias;
}

@keyframes navItemIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.longlists-wrap + .longlists-wrap {
  padding-top: var(--gap-vertical-alt, 0);
}

.longlists-wrap h3,
.longlists-wrap .title,
.finalists-wrap h3,
.finalists-wrap .title {
  color: var(--accent);
  text-wrap: pretty;
}
.longlists-wrap h3 a,
.longlists-wrap .title a,
.finalists-wrap h3 a,
.finalists-wrap .title a {
  text-decoration: underline;
  text-underline-offset: 0.2em;
  text-decoration-thickness: 1px;
}
.longlists-wrap h3,
.finalists-wrap h3 {
  font-family: "Ergon", sans-serif;
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.1;
  letter-spacing: -0.04em;
  font-feature-settings: "liga" 1;
}
@media (max-width: 767px) {
  .longlists-wrap h3,
  .finalists-wrap h3 {
    font-size: 32px;
  }
}
.longlists-wrap h3,
.finalists-wrap h3 {
  text-align: center;
  text-transform: uppercase;
}

.finalists-wrap {
  margin-top: 80px;
}
.finalists-wrap h3 {
  font-size: 60px;
  line-height: 1.25;
}
@media (max-width: 767px) {
  .finalists-wrap h3 {
    font-size: 48px;
  }
}

.finalists__nav {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  text-wrap: balance;
  gap: 2px;
}
@media (max-width: 767px) {
  .finalists__nav {
    justify-content: flex-start;
    overflow: auto;
    white-space: nowrap;
    flex-wrap: nowrap;
  }
}
.finalists__nav a {
  display: block;
  padding: 10px 16px;
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.9);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  color: var(--color-bg);
  transition-duration: 0.15s;
}
.finalists__nav a.active {
  background: var(--accent);
}
@media (hover: hover) {
  .finalists__nav a:HOVER {
    background: var(--accent);
  }
}

.finalist-header {
  position: relative;
  grid-column: 2/-2;
  flex-basis: 100%;
  margin-bottom: 60px;
  font-family: "Ergon", sans-serif;
  font-weight: 400;
  letter-spacing: -0.035em;
  text-decoration: none;
  font-size: clamp(24px, 4vw, 36px);
  letter-spacing: 0;
  line-height: 1.25;
  text-transform: none;
  text-transform: uppercase;
  font-size: 26px;
}
@media (max-width: 900px) {
  .finalist-header {
    grid-column: 1/-1;
  }
}
.finalist-header .controls {
  display: inline-flex;
  position: relative;
  list-style: none;
  margin: 0 0 0 0.4em;
  padding: 0;
  height: 18px;
}
@media (max-width: 767px) {
  .finalist-header .controls {
    display: none;
  }
}
.finalist-header .controls li {
  margin-right: 0;
  transform: translateY(-0.1em);
}
.finalist-header .controls li button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  width: 24px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.finalist-header .controls li button svg {
  width: 12px;
  height: 14px;
  pointer-events: none;
}

.finalists-wrap-inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  grid-column: 2/-2;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 50px;
}
@media (max-width: 900px) {
  .finalists-wrap-inner {
    grid-column: 1/-1;
  }
}
.finalists-wrap-inner > article {
  flex-basis: 33.33%;
  padding-right: 2rem;
  flex-shrink: 0;
  margin-bottom: 72px;
}
.finalists-wrap-inner > article.finalist-header {
  flex-basis: 100%;
  margin-bottom: 60px;
  font-family: "Ergon", sans-serif;
  font-weight: 400;
  letter-spacing: -0.035em;
  text-decoration: none;
  font-size: clamp(24px, 4vw, 36px);
  letter-spacing: 0;
  line-height: 1.25;
  text-transform: none;
  text-transform: uppercase;
  font-size: 26px;
}
.finalists-wrap-inner > article figure {
  margin: 0 auto 20px;
}
.finalists-wrap-inner > article figure img {
  display: block;
  width: auto;
  height: 330px;
  max-width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  margin: auto;
}
@media (max-width: 900px) {
  .finalists-wrap-inner > article {
    flex-basis: 50%;
    padding-right: 1rem;
  }
}
@media (max-width: 650px) {
  .finalists-wrap-inner > article {
    flex-basis: 100%;
    padding-right: 0;
  }
  .finalists-wrap-inner > article figure {
    margin: 0 auto 40px;
  }
}
.finalists-wrap-inner .title {
  font-family: "Ergon", sans-serif;
  font-weight: 400;
  line-height: 1.2;
  text-decoration: none;
  font-size: clamp(20px, 3vw, 28px);
  letter-spacing: 0;
}
.finalists-wrap-inner .title a {
  text-decoration: underline;
  text-underline-offset: 0.2em;
  text-decoration-thickness: 1px;
}
.finalists-wrap-inner .author {
  margin: 0.5rem 0;
}

.finalists-wrap {
  overflow: hidden;
  display: none;
}
.finalists-wrap.finalist-on {
  display: grid;
}
.finalists-wrap .book-title-link {
  font-family: "Ergon", sans-serif;
  font-weight: 400;
  line-height: 1.2;
  text-decoration: none;
  font-size: clamp(20px, 3vw, 28px);
  letter-spacing: 0;
}
.finalists-wrap .book-title-link a {
  text-decoration: underline;
  text-underline-offset: 0.2em;
  text-decoration-thickness: 1px;
}

.judges__wrap {
  grid-column: 2/-2;
}
@media (max-width: 900px) {
  .judges__wrap {
    grid-column: 1/-1;
  }
}
.judges__wrap {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 2rem;
  align-items: baseline;
}
.judges__wrap figure {
  max-width: 159px;
  margin: 0 0 1rem;
}
@media (max-width: 767px) {
  .judges__wrap figure {
    max-width: 80px;
  }
}
.judges__wrap figure img {
  display: block;
  width: 100%;
  height: auto;
}
@media (max-width: 767px) {
  .judges__wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .judges__wrap article {
    width: 100%;
    display: flex;
    gap: 20px;
  }
}

.longlist-anchor {
  position: absolute;
  margin-top: -120px;
  width: 1px;
  height: 1px;
}

.finalist-on .finalist-single {
  opacity: 0;
  animation: fadeInCard 1s 0.3s forwards;
}

@keyframes fadeInCard {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.longlist-swiper-slide {
  display: flex;
}
.longlist-swiper-slide figure {
  margin: 0;
  flex-shrink: 0;
  width: 121px;
  margin-right: 24px;
}
.longlist-swiper-slide figure img {
  width: 100%;
  height: auto;
}

.finalist__longlist {
  grid-column: 2/-2;
}
@media (max-width: 900px) {
  .finalist__longlist {
    grid-column: 1/-1;
  }
}
.finalist__longlist {
  width: 100%;
  margin-bottom: 120px;
}
.finalist__longlist .swiper-wrapper {
  display: flex;
}
.finalist__longlist .swiper-wrapper .swiper-slide {
  width: 30vw;
  flex-shrink: 0;
  margin-right: 72px;
}
.finalist__longlist .swiper-wrapper .swiper-slide span.author {
  margin: 8px 0;
}
@media (max-width: 1023px) {
  .finalist__longlist .swiper-wrapper .swiper-slide {
    width: 45vw;
  }
}
@media (max-width: 767px) {
  .finalist__longlist .swiper-wrapper .swiper-slide {
    width: 75vw;
    margin-right: 20px;
  }
}

.longlists-wrap-inner {
  grid-column: 2/-2;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 5rem;
}
@media (max-width: 1250px) {
  .longlists-wrap-inner {
    gap: 5vw;
  }
}
@media (max-width: 1023px) {
  .longlists-wrap-inner {
    grid-column: 1/-1;
  }
}
@media (max-width: 950px) {
  .longlists-wrap-inner {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 5vw;
    row-gap: 70px;
  }
}
@media (max-width: 650px) {
  .longlists-wrap-inner {
    grid-template-columns: repeat(1, 1fr);
  }
}

.book--longlist {
  display: flex;
}
.book--longlist figure {
  width: 121px;
  margin: 0 24px 0 0;
  flex-shrink: 0;
}
@media (max-width: 900px) {
  .book--longlist figure {
    width: 25%;
  }
}
.book--longlist figure img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 0 auto;
}
.book--longlist .title {
  font-family: "Ergon", sans-serif;
  font-weight: 400;
  line-height: 1.2;
  text-decoration: none;
  font-size: clamp(20px, 3vw, 28px);
  letter-spacing: 0;
  text-wrap: pretty;
}
.book--longlist .title a {
  text-decoration: underline;
  text-underline-offset: 0.2em;
  text-decoration-thickness: 1px;
}
.book--longlist .author {
  margin: 0.5rem 0;
}

.section-oembed {
  position: relative;
  z-index: 4;
}
.menu-open .section-oembed {
  z-index: 1;
}

.ballot-wrap .pdf-inset {
  font-family: "Basel Classic", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 171.43%;
  text-decoration: none;
  letter-spacing: 50%;
  grid-column: 1/-1;
}
@media (min-width: 1024px) {
  .ballot-wrap .pdf-inset {
    grid-column: 5/span 4;
  }
}
.ballot-wrap .pdf-inset figure {
  position: relative;
  z-index: 4;
  margin: 0 0 1em;
}
.ballot-wrap .pdf-inset figure img {
  display: block;
  max-width: 100%;
  height: auto;
}
.ballot-wrap .pdf-links {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
}
.ballot-wrap .pdf-links li {
  margin-right: 1em;
}
.ballot-wrap .pdf-links a {
  text-decoration: underline;
  text-underline-offset: 0.2em;
}

article span.title,
.accordion-wrap li span.title {
  display: block;
  font-family: "Ergon", sans-serif;
  font-weight: 400;
  font-size: 17px;
  text-decoration: none;
  letter-spacing: 0.5em;
  line-height: 1.3;
}
.tmpl-legacy article span.title,
.tmpl-legacy .accordion-wrap li span.title {
  letter-spacing: 0.15em;
}
@media (max-width: 767px) {
  article span.title,
  .accordion-wrap li span.title {
    font-size: 14px;
  }
}
article span.title,
.accordion-wrap li span.title {
  text-transform: uppercase;
  overflow: hidden;
  max-width: 100%;
}
article span.author,
.accordion-wrap li span.author {
  font-family: "Basel Classic", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.15;
  letter-spacing: 0.5px;
}
@media (max-width: 767px) {
  article span.author,
  .accordion-wrap li span.author {
    font-size: 19px;
  }
}
article span.author,
.accordion-wrap li span.author {
  display: block;
  margin: 1em 0;
}
@media (max-width: 767px) {
  article span.author,
  .accordion-wrap li span.author {
    margin: 0.75em 0;
  }
}
article span.publisher,
.accordion-wrap li span.publisher {
  font-family: "Basel Classic", sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25;
  display: block;
  opacity: 0.5;
  text-decoration: none;
}

.modal-menu {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--color-bg);
  z-index: 3;
}
.menu-open .modal-menu {
  display: block;
}
.modal-menu .modal-menu-inner {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 100px;
}
@media (max-width: 767px) {
  .modal-menu .modal-menu-inner {
    padding-top: 40px;
  }
}
.modal-menu .modal-menu-inner ul {
  list-style: none;
  margin: 0;
  padding: 0;
  font-family: "Ergon", sans-serif;
  font-weight: 400;
  font-size: 17px;
  text-decoration: none;
  letter-spacing: 0.5em;
  line-height: 1.3;
}
.tmpl-legacy .modal-menu .modal-menu-inner ul {
  letter-spacing: 0.15em;
}
@media (max-width: 767px) {
  .modal-menu .modal-menu-inner ul {
    font-size: 14px;
  }
}
.modal-menu .modal-menu-inner ul {
  text-transform: uppercase;
  text-align: center;
}
.modal-menu .modal-menu-inner ul li:not(:last-child) {
  margin-bottom: 5vh;
}
.modal-menu .modal-menu-inner ul li {
  opacity: 0;
  animation: navItemIn 1s forwards 1;
  animation-delay: calc(var(--navIndex) * 0.15s);
}
@media (max-width: 767px) {
  .modal-menu .modal-menu-inner ul {
    font-size: 17px;
  }
  .modal-menu .modal-menu-inner ul li:not(:last-child) {
    margin-bottom: 40px;
  }
}
@media (hover: hover) {
  .modal-menu .modal-menu-inner a:HOVER {
    text-decoration: underline;
    text-underline-offset: 0.4em;
    text-decoration-thickness: 1px;
  }
}

@keyframes navItemIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
ul.list-of-names {
  margin: 0;
  padding: 0;
  list-style: none;
}
ul.list-of-names li {
  text-indent: -1em;
  padding-left: 1em;
  line-height: 1.3;
}
ul.list-of-names li:not(:first-child) {
  margin-top: 0.5em;
}

dl {
  grid-column: 2/-2;
  margin: 0;
}
dl dt,
dl dd {
  margin: 0;
}
dl dt > :first-child,
dl dd > :first-child {
  margin-top: 0;
}
dl dt > :last-child,
dl dd > :last-child {
  margin-bottom: 0;
}
dl dt {
  margin-bottom: 1.25em;
}
@media (max-width: 767px) {
  dl {
    grid-column: 1/-1;
  }
}

.post-password-form {
  text-align: center;
  font-family: "Ergon", sans-serif;
  font-weight: 400;
  font-size: 17px;
  text-decoration: none;
  letter-spacing: 0.5em;
  line-height: 1.3;
}
.tmpl-legacy .post-password-form {
  letter-spacing: 0.15em;
}
@media (max-width: 767px) {
  .post-password-form {
    font-size: 14px;
  }
}
.post-password-form input {
  color: black;
  background: white;
  font-family: "Ergon", sans-serif;
  font-weight: 400;
  font-size: 17px;
  text-decoration: none;
  letter-spacing: 0.5em;
  line-height: 1.3;
}
.tmpl-legacy .post-password-form input {
  letter-spacing: 0.15em;
}
@media (max-width: 767px) {
  .post-password-form input {
    font-size: 14px;
  }
}

.btn {
  padding: 11px 18px;
  display: inline-block;
  position: relative;
  z-index: 2;
}
.btn span {
  display: block;
}
.btn small {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--color-bg);
  z-index: -1;
}
@media (max-width: 767px) {
  .btn {
    padding: 1px 14px;
  }
}

.btn-rsvp {
  margin: 0 auto auto 0;
  background: var(--color-bg);
}
.btn-rsvp:BEFORE, .btn-rsvp:AFTER {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0px;
  height: 1px;
  background: #ffffff;
}
.btn-rsvp:AFTER {
  top: auto;
  bottom: 0;
}
@media (max-width: 767px) {
  .btn-rsvp {
    position: absolute;
    bottom: var(--page-margin);
    left: var(--page-margin);
    right: var(--page-margin);
    text-align: center;
  }
}

.anchor-target {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  width: 10px;
  overflow: hidden;
  margin-top: -200px;
}
.timeline-wrap .anchor-target {
  margin-top: 0;
}

section.intro {
  position: relative;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: column;
  background: var(--color-blue--lightest);
  padding: 0 45px 45px;
  padding-top: clamp(150px, 20vw, 700px);
}
@media (max-width: 767px) {
  section.intro {
    min-height: 320px;
    padding: 0 28px 26px 22px;
    padding-top: clamp(150px, 30vw, 700px);
  }
}
section.intro.livestream-intro {
  padding-top: 150px;
}
section.intro.livestream-intro .livestream {
  margin-top: var(--content-space-vert);
  width: 90%;
  max-width: 1200px;
  aspect-ratio: 16/9;
  margin-inline: auto;
  margin-bottom: var(--gap);
}
@media (max-width: 767px) {
  section.intro.livestream-intro .livestream {
    width: 100%;
  }
}
section.intro.livestream-intro .livestream iframe {
  width: 100%;
  height: 100%;
}

.mo-over {
  display: none;
}
@media (max-width: 767px) {
  .mo-over {
    display: block;
  }
  .mo-over + img {
    display: none;
  }
}

.intro-message {
  margin: -100px auto 100px;
  display: inline-flex;
  flex-direction: column;
  padding: 16px 24px;
  justify-content: center;
  align-items: center;
  gap: 16px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.56);
  -webkit-backdrop-filter: blur(7.5px);
          backdrop-filter: blur(7.5px);
  color: black;
  transition-duration: 0.3s;
  opacity: 1;
  transform: translateY(0);
}
.intro-message.float {
  background: none;
  -webkit-backdrop-filter: none;
          backdrop-filter: none;
  color: var(--color-fg);
}
.intro-message.scrolled {
  opacity: 0;
  transform: translateY(-10px);
}
.intro-message h2 {
  font-family: "Ergon", sans-serif;
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.1;
  letter-spacing: -0.04em;
  font-feature-settings: "liga" 1;
}
@media (max-width: 767px) {
  .intro-message h2 {
    font-size: 32px;
  }
}
.intro-message h2 {
  margin: 0;
  text-align: center;
  text-wrap: balance;
  font-style: italic;
}
.intro-message a {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.2em;
}
h1.pagetitle + .intro-message {
  margin: 100px auto 0;
  display: block;
  text-align: center;
}

.text-as-intro {
  margin-top: -80px;
}
section.intro + .text-as-intro {
  margin-top: -80px;
}
.text-as-intro h2 {
  font-family: "Ergon", sans-serif;
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.1;
  letter-spacing: -0.04em;
  font-feature-settings: "liga" 1;
}
@media (max-width: 767px) {
  .text-as-intro h2 {
    font-size: 32px;
  }
}
.text-as-intro h2 {
  margin: 0;
  text-align: center;
  text-wrap: balance;
  font-style: italic;
}
.text-as-intro p {
  text-wrap: pretty;
}
.text-as-intro a.button--inline {
  display: inline-block;
  padding: 10px 16px;
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.56);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  color: var(--color-bg);
  transition-duration: 0.15s;
}
.text-as-intro a.button--inline.active {
  background: var(--accent);
}
@media (hover: hover) {
  .text-as-intro a.button--inline:HOVER {
    background: var(--accent);
  }
}

.video-hero {
  position: fixed;
  top: 60px;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  opacity: 0.8;
  aspect-ratio: 4/3;
  max-height: 90svh;
  min-height: 550px;
  margin: 0 auto;
  backface-visibility: hidden;
  z-index: -1;
  transition-duration: 1s;
  transition-property: opacity;
  mix-blend-mode: screen;
}
.video-hero.scrolled {
  opacity: 0.3;
}
@media (max-width: 767px) {
  .video-hero {
    aspect-ratio: unset;
    width: 100%;
    height: 80%;
    height: 80svh;
    top: 0;
    top: 10vh;
    top: 10svh;
  }
}
.video-hero video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 767px) {
  .video-hero video {
    position: absolute;
    top: 50%;
    height: 70%;
    transform: translateY(-50%);
  }
}

@media (min-width: 1024px) {
  .pdf_download {
    grid-column: 3/-3;
  }
}
.pdf_download .header {
  grid-column: 1/-1;
}
@media (min-width: 1024px) {
  .pdf_download .header {
    grid-column: 3/-3;
  }
}
.pdf_download .header .txt-wrap {
  margin-top: var(--gap-vertical-alt);
}
.pdf_download p {
  text-wrap: pretty;
}
.pdf_download figure {
  grid-column: 1/-1;
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  align-items: center;
  padding-top: var(--gap-vertical-alt);
}
.pdf_download figure img {
  width: 125px;
  height: auto;
  display: block;
  margin-bottom: 0.75rem;
}
.bold-as-header strong,
.bold-as-header b {
  color: var(--mid-gray, #8D8D8D);
}

@keyframes videoHero {
  0% {
    opacity: 0.8;
  }
  20% {
    opacity: 0.5;
  }
  100% {
    opacity: 0.5;
  }
}
@keyframes dash {
  to {
    stroke-dashoffset: 0;
  }
}
.site-name-wrap {
  font-family: "Ergon", sans-serif;
  font-weight: 400;
  font-size: 70px;
  line-height: 0.87;
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
  text-wrap: balance;
  color: white;
  letter-spacing: -0.025em;
}
@media (max-width: 767px) {
  .site-name-wrap {
    font-size: 50px;
  }
}
.site-name-wrap {
  aspect-ratio: 1269/84.87;
  position: relative;
  margin: auto auto 0;
  z-index: 2;
  width: 100%;
}
@media (max-width: 767px) {
  .site-name-wrap {
    aspect-ratio: unset;
    width: 85%;
    margin-inline: 0 auto;
  }
}
.site-name-wrap span {
  display: none;
}
.site-name-wrap svg {
  width: 100%;
  height: 100%;
}
.site-name-wrap img {
  width: 100%;
  height: auto;
}

.blur-effect {
  position: absolute;
  top: 5%;
  left: 16%;
  width: 32%;
  height: 90%;
  z-index: 1;
  animation: blurRotate 48s linear infinite;
  transform-origin: 100% 50%;
}
.blur-effect.right {
  left: auto;
  right: 21%;
  width: 28%;
  transform-origin: 0% 50%;
}
.blur-effect:BEFORE {
  content: "";
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
  background: white;
}
.blur-effect {
  filter: blur(2px);
  mix-blend-mode: multiply;
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
  opacity: 0.95;
}

@keyframes blurRotate {
  0% {
    transform: scaleX(0);
  }
  41.66% {
    transform: scaleX(1);
  }
  56.25% {
    transform: scaleX(1);
  }
  75% {
    transform: scaleX(0);
  }
  89.6% {
    transform: scaleX(1);
  }
  100% {
    transform: scaleX(0);
  }
}
.gray {
  color: white;
}

a {
  color: inherit;
}
a.gray {
  color: white;
  text-decoration: none;
  position: relative;
  z-index: 4;
}
a.gray:HOVER {
  color: var(--color-fg);
}

.blok {
  display: block;
}

header:not(.section__header) {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 5;
  padding-top: calc(var(--page-margin) * 0.75);
  padding-left: var(--page-margin);
  padding-right: var(--page-margin);
  background: var(--color-bg);
}
@media (max-width: 768px) {
  header:not(.section__header) {
    display: none;
  }
}
header:not(.section__header) nav {
  background: var(--color-bg);
  line-height: 70px;
  margin-bottom: var(--gap-vertical);
}
header:not(.section__header) nav a {
  text-decoration: none;
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}
@media (hover: hover) {
  header:not(.section__header) nav a:HOVER {
    position: relative;
    z-index: 5;
  }
}
@media (max-width: 620px) {
  header:not(.section__header) nav {
    display: flex;
    font-size: 16px;
    justify-content: space-around;
  }
  header:not(.section__header) nav a {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }
}
@media (max-width: 370px) {
  header:not(.section__header) nav {
    flex-direction: column;
    line-height: 1.5;
  }
}

hr {
  position: relative;
  height: 1px;
  background: var(--color-fg);
  border: none;
  margin: 0 0 var(--gap-vertical) 0;
}
.border-lr > hr {
  margin-left: var(--gap-vertical);
  margin-right: var(--gap-vertical);
}
hr.inline-sep {
  margin-top: var(--content-space-vert);
}

.anchor-target {
  position: absolute;
  margin-top: -200px;
  visibility: hidden;
}

p:first-child {
  margin-top: 0;
}
p:last-child {
  margin-bottom: 0;
}

.section-header + .rsvp-wrap {
  margin-top: 0;
}

.rsvp-success a {
  text-decoration: underline;
  text-decoration-color: var(--color-fg);
  text-underline-offset: 0.15em;
  text-decoration-thickness: 1px;
}

#embed_classy > *,
#embed_classy .eginline {
  margin-left: auto;
  margin-right: auto;
}

.egsandbox {
  max-width: 100%;
}

.give-lively-wrap #give-lively-widget {
  max-width: 560px;
  margin: auto;
  position: relative;
  z-index: 4;
}
.menu-open .give-lively-wrap #give-lively-widget {
  z-index: 0;
}
.give-lively-wrap #give-lively-widget * {
  font-size: 20px !important;
}
.give-lively-wrap #give-lively-widget .gl-widget__btn {
  transition: unset !important;
}
.give-lively-wrap #give-lively-widget .gl-widget__btn--outline-primary {
  height: 54px !important;
  border-color: transparent !important;
}
.give-lively-wrap #give-lively-widget .gl-widget__btn--outline-primary * {
  box-shadow: none !important;
}
.give-lively-wrap #give-lively-widget .gl-widget,
.give-lively-wrap #give-lively-widget .gl-widget__btn,
.give-lively-wrap #give-lively-widget .gl-widget__donation-input-field,
.give-lively-wrap #give-lively-widget * {
  font-family: "Basel Classic", sans-serif !important;
  font-weight: 400;
  font-size: 20px;
  letter-spacing: 0 !important;
  border: none !important;
  color: black !important;
}
.give-lively-wrap #give-lively-widget .gl-widget__btn--outline-primary:active,
.give-lively-wrap #give-lively-widget .gl-widget__btn--outline-primary:focus,
.give-lively-wrap #give-lively-widget .gl-widget__btn--outline-primary:hover,
.give-lively-wrap #give-lively-widget .gl-widget--selected-btn {
  background: linear-gradient(90deg, #FFFFFF 0%, #AFAFAF 40%, #FFFFFF 60%, #B7B7B7 100%) !important;
  border-color: transparent !important;
  border: none !important;
  color: black !important;
}
.give-lively-wrap #give-lively-widget .gl-widget__payment button {
  background: #2A2A2A !important;
}
.give-lively-wrap #give-lively-widget .gl-widget__payment button:HOVER {
  color: white !important;
}
.give-lively-wrap p ~ #give-lively-widget {
  margin-top: 3.5em;
}

.give-lively-cols {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--page-margin);
}
@media (max-width: 768px) {
  .give-lively-cols {
    grid-template-columns: 1fr;
  }
}
.give-lively-cols a {
  text-decoration: underline;
  text-decoration-color: white;
  text-underline-offset: 0.15em;
  text-decoration-thickness: 1px;
}

#gform_submit_button_16 {
  box-shadow: none !important;
  padding: 0px;
  border-radius: 0px;
  border: 5px solid black;
  font-size: 30px !important;
}

#gform_submit_button_16 .rfl-t, #gform_submit_button_16 .rfl-host {
  background: white;
  color: black;
}

.gform_wrapper {
  margin-top: 3rem;
}
.flex-wrap .gform_wrapper, .text-wrap .gform_wrapper {
  margin-top: 0;
}
.gform_wrapper .gfield {
  margin-bottom: 2rem;
}
.gform_wrapper .gfield label {
  display: none;
}
.gform_wrapper .gfield input[type=text],
.gform_wrapper .gfield input[type=email] {
  width: 100%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  color: var(--color-fg);
  border: none;
  border-bottom: solid 1px var(--mid-gray);
  border-radius: 0;
  font-family: "Ergon", sans-serif;
  font-weight: 400;
  font-size: 20px;
  text-decoration: none;
  letter-spacing: 0;
  padding: 1.1rem 0;
}
.gform_wrapper .gfield input[type=text]:-webkit-autofill,
.gform_wrapper .gfield input[type=email]:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px var(--color-bg) inset;
  -webkit-text-fill-color: var(--color-fg);
  -webkit-text-stroke-color: var(--color-fg);
}
.gform_wrapper .gfield input[type=text]:-webkit-autofill, .gform_wrapper .gfield input[type=text][data-com-onepassword-filled=dark], .gform_wrapper .gfield input[type=text][data-com-onepassword-filled=light],
.gform_wrapper .gfield input[type=email]:-webkit-autofill,
.gform_wrapper .gfield input[type=email][data-com-onepassword-filled=dark],
.gform_wrapper .gfield input[type=email][data-com-onepassword-filled=light] {
  -webkit-box-shadow: 0 0 0 1000px var(--color-bg) inset;
  -webkit-text-fill-color: var(--color-fg);
  -webkit-text-stroke-color: var(--color-fg);
}
.gform_wrapper .gfield input[type=text]::-moz-placeholder, .gform_wrapper .gfield input[type=email]::-moz-placeholder {
  font-family: "Ergon", sans-serif;
  font-weight: 400;
  font-size: 20px;
  text-decoration: none;
  letter-spacing: 0;
  color: var(--color-fg);
}
.gform_wrapper .gfield input[type=text]::placeholder,
.gform_wrapper .gfield input[type=email]::placeholder {
  font-family: "Ergon", sans-serif;
  font-weight: 400;
  font-size: 20px;
  text-decoration: none;
  letter-spacing: 0;
  color: var(--color-fg);
}
.gform_wrapper .gfield input[type=checkbox] {
  accent-color: var(--color-fg);
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 0.5rem;
}
.gform_wrapper input[type=submit] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-family: "Ergon", sans-serif;
  font-weight: 400;
  font-size: 20px;
  text-decoration: none;
  letter-spacing: 0;
  cursor: pointer;
  border: none;
  background: var(--color-fg);
  color: #fff;
  height: 54px;
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 5px;
}
.gform_wrapper .ginput_container_consent input[type=checkbox] {
  position: absolute;
  opacity: 0;
}
.gform_wrapper .ginput_container_consent input[type=checkbox]:checked + label:BEFORE {
  background: var(--color-fg);
  border-color: var(--color-fg);
}
.gform_wrapper .ginput_container_consent label {
  position: relative;
  padding-left: 30px;
  display: inline-block;
  font-family: "Ergon", sans-serif;
  font-weight: 400;
  text-decoration: none;
  font-size: 16px;
  letter-spacing: 0;
  color: var(--color-fg);
}
.gform_wrapper .ginput_container_consent label:BEFORE {
  content: "";
  position: absolute;
  top: 2px;
  left: 0;
  width: 20px;
  height: 20px;
  border: solid 1px var(--color-gray);
  border-radius: 50%;
}
@media (max-width: 767px) {
  .gform_wrapper .ginput_container_consent label:BEFORE {
    top: -1px;
  }
}
.gform_wrapper .ginput_container {
  position: relative;
}
.gform_wrapper .ginput_container .gfield_consent_label {
  position: relative;
}
.gform_wrapper .ginput_container .gfield_consent_label:BEFORE {
  position: absolute;
  top: 2px;
  left: 0;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: solid 1px var(--mid-gray);
}
input[type=checkbox]:checked + .gform_wrapper .ginput_container .gfield_consent_label:BEFORE {
  background: var(--mid-gray);
  border-color: var(--mid-gray);
}
.gform_wrapper .gfield input[type=text]:not(:-moz-placeholder-shown), .gform_wrapper .gfield input[type=email]:not(:-moz-placeholder-shown) {
  background: var(--color-bg);
}
.gform_wrapper .gfield input[type=text]:not(:placeholder-shown),
.gform_wrapper .gfield input[type=email]:not(:placeholder-shown) {
  background: var(--color-bg);
}
.gform_wrapper .gfield input[type=text]:focus,
.gform_wrapper .gfield input[type=email]:focus {
  padding-left: 20px;
}
.gform_wrapper .gfield input[type=text],
.gform_wrapper .gfield input[type=email] {
  transition-duration: 0.15s;
}
.gform_wrapper fieldset {
  padding: 0;
  border: none;
}
.gform_wrapper fieldset legend {
  display: none;
}

.gform_submission_error {
  text-wrap: balance;
  color: #ff5353;
  font-size: 20px !important;
  font-family: "Basel Classic" !important;
  font-weight: 600 !important;
}

.gfield_validation_message {
  margin-top: 0.5rem;
  text-wrap: pretty;
}

.gform-body,
.gform_wrapper form {
  margin: auto;
}

.sponsors-graphic {
  margin: 0;
  position: relative;
  grid-column: 2/-2;
}
.sponsors-graphic img {
  display: block;
  max-width: 100%;
  height: auto;
}
.sponsors-graphic .sponsors-mo {
  display: none;
}
@media (max-width: 767px) {
  .sponsors-graphic {
    grid-column: 1/-1;
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
  .sponsors-graphic .sponsors-dt {
    display: none;
  }
  .sponsors-graphic .sponsors-mo {
    display: block;
  }
}
@media (min-width: 1280px) {
  .sponsors-graphic {
    max-width: 956px;
    margin-left: auto;
    margin-right: auto;
  }
}

figure.vid-wrap {
  position: relative;
  display: flex;
  grid-column: 1/-1;
  margin: 0;
  width: 100%;
  overflow: hidden;
  justify-content: center;
  align-items: center;
  aspect-ratio: 16/9;
  max-height: 90vh;
  margin: auto;
  flex-grow: 1;
}
figure.vid-wrap iframe {
  aspect-ratio: 16/9;
  width: auto;
  height: 100%;
  margin: auto;
}

#clipping {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.clip-img-inline {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--color-fg);
  background: linear-gradient(70deg, #D6BE58 0%, #928346 32%, #D6BE58 62%, #928346 77%, #928346 90%, #D6BE58 100%);
  background-size: 100vw auto;
  animation: animatedBackground 5s ease-in-out alternate infinite, transformBackground 8s ease-in-out infinite;
  animation: transformBackground 8s ease-in-out infinite;
}
@media screen and (prefers-reduced-motion: reduce) {
  .clip-img-inline {
    animation: none;
  }
}
.clip-img-inline {
  -webkit-clip-path: url(#clipping);
          clip-path: url(#clipping);
}

.clip-img-bm {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--color-fg);
  background: linear-gradient(70deg, #D6BE58 0%, #928346 32%, #D6BE58 62%, #928346 77%, #928346 90%, #D6BE58 100%);
  background-size: 100vw auto;
  animation: animatedBackground 5s ease-in-out alternate infinite, transformBackground 8s ease-in-out infinite;
  animation: transformBackground 8s ease-in-out infinite;
}
@media screen and (prefers-reduced-motion: reduce) {
  .clip-img-bm {
    animation: none;
  }
}
.clip-img-bm {
  mix-blend-mode: multiply;
}

.page-grad-bm {
  display: none;
}
@supports (mix-blend-mode: multiply) {
  .page-grad-bm {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--color-fg);
    background: linear-gradient(70deg, #D6BE58 0%, #928346 32%, #D6BE58 62%, #928346 77%, #928346 90%, #D6BE58 100%);
    background-size: 100vw auto;
    animation: animatedBackground 5s ease-in-out alternate infinite, transformBackground 8s ease-in-out infinite;
    animation: transformBackground 8s ease-in-out infinite;
  }
  @media screen and (prefers-reduced-motion: reduce) {
    .page-grad-bm {
      animation: none;
    }
  }
  .page-grad-bm {
    mix-blend-mode: multiply;
    pointer-events: none;
    z-index: 3;
  }
}

.nav-grad-bm,
.grad-cover,
.logo-cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--color-fg);
  background: linear-gradient(70deg, #D6BE58 0%, #928346 32%, #D6BE58 62%, #928346 77%, #928346 90%, #D6BE58 100%);
  background-size: 100vw auto;
  animation: animatedBackground 5s ease-in-out alternate infinite, transformBackground 8s ease-in-out infinite;
  animation: transformBackground 8s ease-in-out infinite;
}
@media screen and (prefers-reduced-motion: reduce) {
  .nav-grad-bm,
  .grad-cover,
  .logo-cover {
    animation: none;
  }
}
.nav-grad-bm,
.grad-cover,
.logo-cover {
  mix-blend-mode: multiply;
  pointer-events: none;
  z-index: 4;
}

.clip-img-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--color-fg);
  background: linear-gradient(70deg, #D6BE58 0%, #928346 32%, #D6BE58 62%, #928346 77%, #928346 90%, #D6BE58 100%);
  background-size: 100vw auto;
  animation: animatedBackground 5s ease-in-out alternate infinite, transformBackground 8s ease-in-out infinite;
  animation: transformBackground 8s ease-in-out infinite;
}
@media screen and (prefers-reduced-motion: reduce) {
  .clip-img-bg {
    animation: none;
  }
}

@keyframes animatedBackground {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 100vw 0;
  }
}
@keyframes transformBackground {
  0% {
    background-size: 100vw auto;
  }
  20% {
    background-size: 150vw auto;
  }
  40% {
    background-size: 110vw auto;
  }
  60% {
    background-size: 130vw auto;
  }
  100% {
    background-size: 100vw auto;
  }
}
.nav-grad-bm {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  bottom: 0;
  background: var(--color-fg);
  background: linear-gradient(70deg, #D6BE58 0%, #928346 32%, #D6BE58 62%, #928346 77%, #928346 90%, #D6BE58 100%);
  background-size: 100vw auto;
  animation: animatedBackground 5s ease-in-out alternate infinite, transformBackground 8s ease-in-out infinite;
  animation: transformBackground 8s ease-in-out infinite;
}
@media screen and (prefers-reduced-motion: reduce) {
  .nav-grad-bm {
    animation: none;
  }
}
.nav-grad-bm {
  mix-blend-mode: multiply;
  pointer-events: none;
  z-index: 6;
}

.modal-over {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  overflow: auto;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: none;
  backface-visibility: hidden;
}
.modal-over.shown {
  display: flex;
  animation: fadeIn 1s forwards 1;
}
.modal-over button {
  cursor: pointer;
}
.modal-over .modal-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(17, 17, 17, 0.83);
}
.modal-over .modal-contents {
  position: relative;
  z-index: 2;
  background: #111;
  max-width: 90%;
  padding: 90px 25px 75px;
  font-family: "Basel Classic", sans-serif;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 2;
  letter-spacing: 0.025em;
  text-align: center;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}
@media (max-width: 767px) {
  .modal-over .modal-contents {
    font-size: 26px;
  }
}
.modal-over .modal-contents p {
  margin: auto;
  text-align: left;
}
@media (min-width: 768px) {
  .modal-over .modal-contents {
    padding: 80px 100px;
    max-width: 90%;
  }
}
@media (min-width: 1024px) {
  .modal-over .modal-contents {
    padding: 100px 120px;
    max-width: 80%;
  }
}
@media (min-width: 1300px) {
  .modal-over .modal-contents {
    max-width: 900px;
  }
}
.modal-over .modal-contents .donate-cta {
  display: inline-block;
  color: #FFFFFF;
  font-family: "Ergon", sans-serif;
  font-size: 22px;
  line-height: 1.2;
  letter-spacing: 0.01em;
  padding: 1rem 1.5rem;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: solid 1px;
  margin: 1em auto 0;
  text-decoration: none;
}

@media (max-width: 767px) {
  .modal-over .modal-contents .donate-cta {
    font-size: 26px;
    width: 100%;
  }
}
.modal-over .modal-close {
  position: absolute;
  top: 0;
  right: 0;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100px;
  height: 100px;
  border: none;
  padding: 0;
}

.modal-over .modal-close span {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 56px;
  height: 56px;
  overflow: hidden;
  text-indent: -2000px;
  transform: translate(-50%, -50%);
}

.modal-over .modal-close span:before,
.modal-over .modal-close span:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  transform: rotate(45deg);
  background: white;
}

.modal-over .modal-close span:after {
  transform: rotate(-45deg);
}

section.text-wrap + .section-header.hidden-header + .text-wrap {
  margin-top: var(--page-margin);
  margin-top: calc(var(--page-margin) * 2);
}

section.intro-vid + .section-header.hidden-header + .text-wrap {
  margin-top: var(--page-margin);
}

section.timeline-wrap {
  --accent1: #99CE80;
  --accent2: #6A825F;
  --midgray: #797979;
  --page-margin: 140px;
  --gutter: 72px;
  --tlSpaceSm: 1rem;
  --tlSpaceMed: 4rem;
  --tlSpace1: 96px;
  --tlSpace2: 150px;
  --gap-v: 45px;
  -moz-column-gap: var(--gutter);
       column-gap: var(--gutter);
  margin-top: 0;
}
@media (max-width: 1023px) {
  section.timeline-wrap {
    --page-margin: 72px;
  }
}
@media (max-width: 970px) {
  section.timeline-wrap {
    margin-top: var(--tlSpace1);
  }
}
@media (max-width: 767px) {
  section.timeline-wrap {
    --gutter: 16px;
  }
}
@media (max-width: 650px) {
  section.timeline-wrap {
    --page-margin: 16px;
  }
}
section.timeline-wrap article {
  grid-column: 1/-1;
  align-items: center;
}
section.timeline-wrap article:not(.img-bleed) {
  max-width: 1650px;
  margin-left: auto;
  margin-right: auto;
}
section.timeline-wrap article.timeline_item {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  -moz-column-gap: var(--gap-grid, 72px);
       column-gap: var(--gap-grid, 72px);
}
@media (max-width: 767px) {
  section.timeline-wrap article.timeline_item {
    grid-template-columns: repeat(6, 1fr);
  }
}
section.timeline-wrap article.timeline_item {
  row-gap: 0;
  align-items: center;
}
section.timeline-wrap article.timeline_item figure,
section.timeline-wrap article.timeline_item .timeline-text,
section.timeline-wrap article.timeline_item .caption {
  grid-column: span 6;
}
section.timeline-wrap article.timeline_item .timeline-text {
  margin-bottom: 0;
  margin-top: auto;
}
section.timeline-wrap article.timeline_item .caption {
  margin-bottom: auto;
  margin-top: 0;
  order: 3;
}
@media (max-width: 767px) {
  section.timeline-wrap article.timeline_item .caption {
    margin-top: 1em;
  }
}
section.timeline-wrap article.timeline_item figure.timeline-img {
  grid-column: 1/span 6;
}
@media (min-width: 768px) {
  section.timeline-wrap article.timeline_item figure.timeline-img {
    grid-row: 1/span 2;
    grid-column: 7/-1;
  }
}
section.timeline-wrap article.timeline_item .timeline-text,
section.timeline-wrap article.timeline_item .caption {
  grid-column: 1/span 6;
}
@media (min-width: 768px) {
  section.timeline-wrap article.timeline_item.layout-invert figure.timeline-img {
    grid-column: 1/span 6;
  }
  section.timeline-wrap article.timeline_item.layout-invert .timeline-text,
  section.timeline-wrap article.timeline_item.layout-invert .caption {
    grid-column: 7/-1;
  }
}
section.timeline-wrap article.image.img-inset {
  grid-column: 1/-1;
}
@media (min-width: 970px) {
  section.timeline-wrap article.image.img-inset {
    grid-column: 3/-3;
  }
}
section.timeline-wrap article.text .timeline-wyg {
  font-family: "Basel Classic", sans-serif;
  font-size: clamp(24px, 2vw, 28px);
  font-style: normal;
  font-weight: 400;
  line-height: 1.25;
}
@media (min-width: 1024px) {
  section.timeline-wrap article.text .timeline-wyg {
    font-size: clamp(24px, 2.2vw, 30px);
  }
}
@media (max-width: 767px) {
  section.timeline-wrap article.text .timeline-wyg {
    font-size: 19px;
    line-height: 1.47;
  }
  .book__item section.timeline-wrap article.text .timeline-wyg {
    font-size: 20px;
    line-height: 1.1;
  }
}
section.timeline-wrap article.timeline_item.img-inset figure {
  padding-left: 15%;
  padding-right: 15%;
}
@media (max-width: 767px) {
  section.timeline-wrap article.timeline_item.img-inset figure {
    padding-left: 15%;
    padding-right: 15%;
  }
  section.timeline-wrap article.timeline_item.img-inset .caption {
    padding-left: 15%;
    padding-right: 8%;
  }
}
section.timeline-wrap article.bleed, section.timeline-wrap article.img-bleed {
  margin-left: calc(-1 * var(--page-margin));
  margin-right: calc(-1 * var(--page-margin));
}
section.timeline-wrap article.bleed img, section.timeline-wrap article.img-bleed img {
  width: 100%;
  height: auto;
}
section.timeline-wrap article.bleed figcaption, section.timeline-wrap article.img-bleed figcaption {
  margin-left: var(--page-margin);
  margin-right: var(--page-margin);
  margin-top: 1.5rem;
}
@media (min-width: 1650px) {
  section.timeline-wrap article.bleed figcaption, section.timeline-wrap article.img-bleed figcaption {
    max-width: 1650px;
    margin-left: auto;
    margin-right: auto;
  }
}
section.timeline-wrap article + article:not(.decade) {
  margin-top: var(--tlSpace1);
}
section.timeline-wrap article.image.img-auto .hor img {
  width: 100%;
  height: auto;
}
section.timeline-wrap article.text + article.img-bleed {
  margin-top: var(--tlSpaceSm);
}
@media (max-width: 767px) {
  section.timeline-wrap article.text + article.timeline_item.no-date {
    margin-top: 0;
  }
}
section.timeline-wrap article.timeline_item + article.img-bleed {
  margin-top: var(--tlSpaceMed);
}
section.timeline-wrap .anchor-nav-wrap + .decade + article {
  margin-top: 0;
}
section.timeline-wrap h2 {
  color: var(--accent1);
  margin: 0;
  font-family: "Ergon", sans-serif;
  font-weight: 400;
  letter-spacing: -0.035em;
  line-height: 0.87;
  text-decoration: none;
  font-size: clamp(49px, 7vw, 82px);
  text-transform: uppercase;
}
section.timeline-wrap h3 {
  color: var(--accent2);
  margin: 0;
  font-family: "Ergon", sans-serif;
  font-weight: 400;
  letter-spacing: -0.035em;
  line-height: 0.87;
  text-decoration: none;
  font-size: clamp(49px, 7vw, 82px);
  text-transform: uppercase;
}
section.timeline-wrap h4 {
  font-family: "Ergon", sans-serif;
  font-weight: 400;
  letter-spacing: -0.035em;
  text-decoration: none;
  font-size: clamp(24px, 4vw, 36px);
  letter-spacing: 0;
  line-height: 1.25;
  text-transform: none;
}
section.timeline-wrap blockquote {
  text-align: center;
  text-wrap: pretty;
  margin: 2rem 0 0.5rem;
  padding: 0 24px;
  font-family: "Ergon", sans-serif;
  font-weight: 400;
  line-height: 1.2;
  text-decoration: none;
  font-size: clamp(20px, 3vw, 28px);
  font-style: italic;
}
section.timeline-wrap .timeline-wyg {
  padding: 1.5rem 0 28px;
}
@media (max-width: 767px) {
  section.timeline-wrap .timeline-wyg {
    padding: 1rem 0 40px;
  }
}
section.timeline-wrap .timeline-wyg p:has(iframe) {
  margin: 0;
}
section.timeline-wrap .timeline-wyg iframe {
  aspect-ratio: 16/9;
  margin: auto;
  display: block;
  max-width: 100%;
  height: auto;
}
@media (min-width: 970px) {
  section.timeline-wrap .timeline-wyg form {
    max-width: 50%;
    margin-left: auto;
    margin-right: auto;
  }
}
section.timeline-wrap .timeline-wyg p {
  text-wrap: pretty;
}
section.timeline-wrap .timeline-wyg a {
  text-decoration: underline;
  text-underline-offset: 0.2em;
  text-decoration-thickness: 1px;
  text-decoration-color: var(--midgray);
}
@media (hover: hover) {
  section.timeline-wrap .timeline-wyg a:HOVER {
    text-decoration-color: var(--color-fg);
  }
}
section.timeline-wrap .timeline-wyg .caption {
  max-width: 840px;
  margin-left: auto;
  margin-right: auto;
}
section.timeline-wrap .caption {
  font-family: "Basel Classic", sans-serif;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25;
  color: var(--midgray);
  text-wrap: pretty;
}
section.timeline-wrap .caption a {
  text-decoration: underline;
  text-underline-offset: 0.25em;
  text-decoration-thickness: 1px;
  text-decoration-color: var(--dark-gray);
}
@media (hover: hover) {
  section.timeline-wrap .caption a:HOVER {
    text-decoration-color: var(--mid-gray);
  }
}
section.timeline-wrap figure {
  margin: 0 auto;
  order: 2;
}
section.timeline-wrap figure img {
  display: block;
  max-width: 100%;
  height: auto;
}
section.timeline-wrap figure figcaption {
  font-family: "Basel Classic", sans-serif;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25;
  color: var(--midgray);
  margin-top: 1em;
}

section.reflections-wrap {
  --accent1: #53A3C6;
  --midgray: #797979;
  --page-margin: 140px;
  --gutter: 72px;
  --space-before: 5rem;
  --tlSpaceSm: 1rem;
  --tlSpaceMed: 4rem;
  --tlSpace1: 96px;
  --tlSpace2: 150px;
  --gap-v: 45px;
  -moz-column-gap: var(--gutter);
       column-gap: var(--gutter);
  margin-top: var(--space-before);
}
@media (max-width: 1023px) {
  section.reflections-wrap {
    --page-margin: 72px;
    --gutter: 60px;
  }
}
@media (max-width: 970px) {
  section.reflections-wrap {
    margin-top: var(--tlSpace1);
    --gutter: 40px;
  }
}
@media (max-width: 767px) {
  section.reflections-wrap {
    --gutter: 16px;
  }
}
@media (max-width: 650px) {
  section.reflections-wrap {
    --page-margin: 16px;
  }
}
section.reflections-wrap article {
  grid-column: 3/-3;
  align-items: center;
  width: 100%;
}
@media (max-width: 960px) {
  section.reflections-wrap article {
    grid-column: 1/-1;
  }
}
section.reflections-wrap article:not(.img-bleed) {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}
section.reflections-wrap article.timeline_item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
section.reflections-wrap article .reflection-wyg {
  font-family: "Basel Classic", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25;
}
@media (max-width: 767px) {
  section.reflections-wrap article .reflection-wyg {
    font-size: 19px;
    line-height: 1.47;
  }
}
section.reflections-wrap article .reflection-wyg a {
  text-decoration: underline;
  text-underline-offset: 0.2em;
  text-decoration-thickness: 1px;
  text-decoration-color: var(--color-fg);
}
section.reflections-wrap article + article:not(.decade) {
  margin-top: var(--tlSpace1);
}
section.reflections-wrap article.image.img-auto .hor img {
  width: 100%;
  height: auto;
}
section.reflections-wrap article.text + article.img-bleed {
  margin-top: var(--tlSpaceSm);
}
.tmpl--publicevents section.reflections-wrap article.text + .timeline_item {
  --tlSpace1: 140px;
}
@media (max-width: 767px) {
  section.reflections-wrap article.text + article.timeline_item.no-date {
    margin-top: 0;
  }
}
section.reflections-wrap article.timeline_item + article.img-bleed {
  margin-top: var(--tlSpaceMed);
}
section.reflections-wrap .anchor-nav-wrap + .decade + article {
  margin-top: 0;
}
section.reflections-wrap h2 {
  font-family: "Ergon", sans-serif;
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.1;
  letter-spacing: -0.04em;
  font-feature-settings: "liga" 1;
}
@media (max-width: 767px) {
  section.reflections-wrap h2 {
    font-size: 32px;
  }
}
section.reflections-wrap h2 {
  color: var(--Mid-gray, #8D8D8D);
  margin-bottom: 1.5rem;
  margin-top: 3rem;
  font-style: italic;
  text-wrap: pretty;
}
.tmpl--publicevents section.reflections-wrap h2 {
  margin-top: 40px;
}
section.reflections-wrap h4 {
  font-family: "Ergon", sans-serif;
  font-weight: 400;
  letter-spacing: -0.035em;
  text-decoration: none;
  font-size: clamp(24px, 4vw, 36px);
  letter-spacing: 0;
  line-height: 1.25;
  text-transform: none;
  margin-bottom: 1em;
}
section.reflections-wrap .reflection-decade {
  color: var(--accent1);
  margin: 0;
  font-family: "Ergon", sans-serif;
  font-weight: 400;
  letter-spacing: -0.035em;
  line-height: 0.87;
  text-decoration: none;
  font-size: clamp(49px, 7vw, 82px);
  text-transform: uppercase;
  text-transform: none;
  order: -2;
}
section.reflections-wrap .reflection-byline {
  margin: 0;
  font-family: "Ergon", sans-serif;
  font-weight: 400;
  letter-spacing: -0.035em;
  line-height: 0.87;
  text-decoration: none;
  font-size: clamp(49px, 7vw, 82px);
  text-transform: uppercase;
  order: -1;
  text-wrap: balance;
}
section.reflections-wrap .reflection-byline .reflection-byline_lower {
  text-transform: none;
}
section.reflections-wrap h3 {
  color: var(--accent2);
  margin: 0;
  font-family: "Ergon", sans-serif;
  font-weight: 400;
  letter-spacing: -0.035em;
  line-height: 0.87;
  text-decoration: none;
  font-size: clamp(49px, 7vw, 82px);
  text-transform: uppercase;
}
section.reflections-wrap .text-cta {
  margin-top: 2em;
}
section.reflections-wrap blockquote {
  text-align: center;
  text-wrap: pretty;
  margin: 2rem 0 0.5rem;
  padding: 0 24px;
  font-family: "Ergon", sans-serif;
  font-weight: 400;
  line-height: 1.2;
  text-decoration: none;
  font-size: clamp(20px, 3vw, 28px);
  font-style: italic;
}
section.reflections-wrap .timeline-wyg {
  padding: 1.5rem 0 28px;
}
@media (max-width: 767px) {
  section.reflections-wrap .timeline-wyg {
    padding: 1rem 0 40px;
  }
}
section.reflections-wrap .timeline-wyg p:has(iframe) {
  margin: 0;
}
section.reflections-wrap .timeline-wyg iframe {
  aspect-ratio: 16/9;
  margin: auto;
  display: block;
  max-width: 100%;
  height: auto;
}
@media (min-width: 970px) {
  section.reflections-wrap .timeline-wyg form {
    max-width: 50%;
    margin-left: auto;
    margin-right: auto;
  }
}
section.reflections-wrap .timeline-wyg p {
  text-wrap: pretty;
}
section.reflections-wrap .timeline-wyg a {
  text-decoration: underline;
  text-underline-offset: 0.2em;
  text-decoration-thickness: 1px;
  text-decoration-color: var(--midgray);
}
@media (hover: hover) {
  section.reflections-wrap .timeline-wyg a:HOVER {
    text-decoration-color: var(--color-fg);
  }
}
section.reflections-wrap .timeline-wyg .caption {
  max-width: 840px;
  margin-left: auto;
  margin-right: auto;
}
section.reflections-wrap .caption {
  font-family: "Basel Classic", sans-serif;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25;
  color: var(--midgray);
  text-wrap: pretty;
}
section.reflections-wrap .caption a {
  text-decoration: underline;
  text-underline-offset: 0.25em;
  text-decoration-thickness: 1px;
  text-decoration-color: var(--dark-gray);
}
@media (hover: hover) {
  section.reflections-wrap .caption a:HOVER {
    text-decoration-color: var(--mid-gray);
  }
}
section.reflections-wrap figure {
  margin: 0 auto;
  order: 2;
}
section.reflections-wrap figure img {
  display: block;
  max-width: 100%;
  height: auto;
}
section.reflections-wrap figure figcaption {
  font-family: "Basel Classic", sans-serif;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25;
  color: var(--midgray);
  margin-top: 1em;
}

section.flex-wrap {
  --accent1: #53A3C6;
  --midgray: #797979;
  --page-margin: 140px;
  --gutter: 72px;
  --space-before: 5rem;
  --tlSpaceSm: 1rem;
  --tlSpaceMed: 4rem;
  --tlSpace1: 124px;
  --tlSpace2: 96px;
  --gap-v: 45px;
  -moz-column-gap: var(--gutter);
       column-gap: var(--gutter);
  margin-top: var(--space-before);
}
@media (max-width: 1023px) {
  section.flex-wrap {
    --page-margin: 72px;
    --gutter: 72px;
  }
}
@media (max-width: 970px) {
  section.flex-wrap {
    margin-top: var(--tlSpace1);
    --gutter: 60px;
  }
}
@media (max-width: 767px) {
  section.flex-wrap {
    --gutter: 16px;
  }
}
@media (max-width: 650px) {
  section.flex-wrap {
    --page-margin: 16px;
  }
}
section.flex-wrap article {
  grid-column: 2/-2;
  align-items: center;
  width: 100%;
}
section.flex-wrap article.separator {
  grid-column: 5/-5;
}
section.flex-wrap article.separator hr {
  background-color: var(--midgray);
}
section.flex-wrap article.separator.hidden {
  opacity: 0;
}
section.flex-wrap article.text, section.flex-wrap article.pdf_download {
  grid-column: 3/-3;
}
@media (max-width: 960px) {
  section.flex-wrap article.text, section.flex-wrap article.pdf_download {
    grid-column: 1/-1;
  }
}
section.flex-wrap article.media_wrap {
  grid-column: 3/-3;
}
@media (max-width: 960px) {
  section.flex-wrap article.media_wrap {
    grid-column: 1/-1;
  }
}
section.flex-wrap article.person {
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  -moz-column-gap: var(--gap-grid, 72px);
       column-gap: var(--gap-grid, 72px);
}
@media (max-width: 767px) {
  section.flex-wrap article.person {
    grid-template-columns: repeat(6, 1fr);
  }
}
section.flex-wrap article.person {
  align-items: flex-start;
}
section.flex-wrap article.person figure {
  grid-column: 2/span 2;
  grid-row: 1;
  margin-bottom: auto;
}
section.flex-wrap article.person .txt-wrap {
  grid-column: 4/-2;
}
section.flex-wrap article.person .pretitle {
  color: var(--midgray);
}
section.flex-wrap article.person .pretitle + p {
  margin-top: 0;
}
section.flex-wrap article.person .name {
  display: block;
  font-family: "Ergon", sans-serif;
  font-weight: 400;
  text-decoration: none;
  font-size: clamp(49px, 7vw, 82px);
  letter-spacing: -0.04em;
  line-height: 1.25;
  text-transform: uppercase;
}
@media (max-width: 960px) {
  section.flex-wrap article.person figure,
  section.flex-wrap article.person .txt-wrap {
    grid-column: 1/-1;
  }
  section.flex-wrap article.person figure {
    margin-bottom: 1rem;
  }
  section.flex-wrap article {
    grid-column: 1/-1;
  }
}
section.flex-wrap article.timeline_item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
section.flex-wrap article.header {
  margin-top: 24px;
}
section.flex-wrap article.header h3 {
  font-family: "Ergon", sans-serif;
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.1;
  letter-spacing: -0.04em;
  font-feature-settings: "liga" 1;
}
@media (max-width: 767px) {
  section.flex-wrap article.header h3 {
    font-size: 32px;
  }
}
section.flex-wrap article.header h3 {
  text-align: center;
  text-wrap: balance;
}
section.flex-wrap article.header h3.color-red {
  color: var(--color-red, #8E7E46);
}
section.flex-wrap article .reflection-wyg {
  font-family: "Basel Classic", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25;
}
@media (max-width: 767px) {
  section.flex-wrap article .reflection-wyg {
    font-size: 19px;
    line-height: 1.47;
  }
}
section.flex-wrap article .reflection-wyg a {
  text-decoration: underline;
  text-underline-offset: 0.2em;
  text-decoration-thickness: 1px;
  text-decoration-color: var(--color-fg);
}
section.flex-wrap .separator + .header {
  --tlSpace1: 8px;
}
section.flex-wrap .header + .header {
  --tlSpace1: 2.75rem;
}
section.flex-wrap .header + .text {
  --tlSpace1: 2.75rem;
}
section.flex-wrap .person + .person {
  --tlSpace1: 2.75rem;
}
section.flex-wrap .header + .person {
  --tlSpace1: 2.5rem;
}
section.flex-wrap article + article:not(.decade) {
  margin-top: var(--tlSpace1);
}
section.flex-wrap article.image.img-auto .hor img {
  width: 100%;
  height: auto;
}
section.flex-wrap article.text + article.img-bleed {
  margin-top: var(--tlSpaceSm);
}
@media (max-width: 767px) {
  section.flex-wrap article.text + article.timeline_item.no-date {
    margin-top: 0;
  }
}
section.flex-wrap article.timeline_item + article.img-bleed {
  margin-top: var(--tlSpaceMed);
}
section.flex-wrap .anchor-nav-wrap + .decade + article {
  margin-top: 0;
}
section.flex-wrap h2 {
  font-family: "Ergon", sans-serif;
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.1;
  letter-spacing: -0.04em;
  font-feature-settings: "liga" 1;
}
@media (max-width: 767px) {
  section.flex-wrap h2 {
    font-size: 32px;
  }
}
section.flex-wrap h2 {
  color: var(--Mid-gray, #8D8D8D);
  margin-bottom: 1.5rem;
  margin-top: 3rem;
  font-style: italic;
  text-wrap: pretty;
}
section.flex-wrap h4 {
  font-family: "Ergon", sans-serif;
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.1;
  letter-spacing: -0.04em;
  font-feature-settings: "liga" 1;
}
@media (max-width: 767px) {
  section.flex-wrap h4 {
    font-size: 32px;
  }
}
section.flex-wrap h4 {
  text-transform: unset;
  font-style: italic;
  margin-bottom: 1em;
  text-wrap: pretty;
}
section.flex-wrap .reflection-decade {
  color: var(--accent1);
  margin: 0;
  font-family: "Ergon", sans-serif;
  font-weight: 400;
  letter-spacing: -0.035em;
  line-height: 0.87;
  text-decoration: none;
  font-size: clamp(49px, 7vw, 82px);
  text-transform: uppercase;
  text-transform: none;
  order: -2;
}
section.flex-wrap .reflection-byline {
  margin: 0;
  font-family: "Ergon", sans-serif;
  font-weight: 400;
  letter-spacing: -0.035em;
  line-height: 0.87;
  text-decoration: none;
  font-size: clamp(49px, 7vw, 82px);
  text-transform: uppercase;
  order: -1;
  text-wrap: balance;
}
section.flex-wrap h3 {
  color: var(--accent2);
  margin: 0;
  font-family: "Ergon", sans-serif;
  font-weight: 400;
  letter-spacing: -0.035em;
  line-height: 0.87;
  text-decoration: none;
  font-size: clamp(49px, 7vw, 82px);
  text-transform: uppercase;
}
section.flex-wrap .text-cta {
  margin-top: 2em;
}
section.flex-wrap blockquote {
  text-align: center;
  text-wrap: pretty;
  margin: 2rem 0 0.5rem;
  padding: 0 24px;
  font-family: "Ergon", sans-serif;
  font-weight: 400;
  line-height: 1.2;
  text-decoration: none;
  font-size: clamp(20px, 3vw, 28px);
  font-style: italic;
}
section.flex-wrap .timeline-wyg {
  padding: 1.5rem 0 28px;
}
@media (max-width: 767px) {
  section.flex-wrap .timeline-wyg {
    padding: 1rem 0 40px;
  }
}
section.flex-wrap .timeline-wyg p:has(iframe) {
  margin: 0;
}
section.flex-wrap .timeline-wyg iframe {
  aspect-ratio: 16/9;
  margin: auto;
  display: block;
  max-width: 100%;
  height: auto;
}
@media (min-width: 970px) {
  section.flex-wrap .timeline-wyg form {
    max-width: 50%;
    margin-left: auto;
    margin-right: auto;
  }
}
section.flex-wrap .timeline-wyg p {
  text-wrap: pretty;
}
section.flex-wrap .timeline-wyg a {
  text-decoration: underline;
  text-underline-offset: 0.2em;
  text-decoration-thickness: 1px;
  text-decoration-color: var(--midgray);
}
@media (hover: hover) {
  section.flex-wrap .timeline-wyg a:HOVER {
    text-decoration-color: var(--color-fg);
  }
}
section.flex-wrap .timeline-wyg .caption {
  max-width: 840px;
  margin-left: auto;
  margin-right: auto;
}
section.flex-wrap .caption {
  font-family: "Basel Classic", sans-serif;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25;
  color: var(--midgray);
  text-wrap: pretty;
}
section.flex-wrap .caption a {
  text-decoration: underline;
  text-underline-offset: 0.25em;
  text-decoration-thickness: 1px;
  text-decoration-color: var(--dark-gray);
}
@media (hover: hover) {
  section.flex-wrap .caption a:HOVER {
    text-decoration-color: var(--mid-gray);
  }
}
section.flex-wrap figure {
  margin: 0 auto;
  order: 2;
}
section.flex-wrap figure img {
  display: block;
  max-width: 100%;
  height: auto;
}
section.flex-wrap figure figcaption {
  font-family: "Basel Classic", sans-serif;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25;
  color: var(--midgray);
  margin-top: 1em;
}

.anchor-nav-wrap {
  height: 0;
  float: right;
  top: 0;
  right: 0;
  margin-top: var(--tlSpace1);
  margin-right: calc(-1 * var(--page-margin));
  grid-column: 12;
  grid-row: 1;
  position: sticky;
  backface-visibility: hidden;
  z-index: 6;
  padding: 24px 28px;
  transition-duration: 0.15s;
  transition-property: opacity;
  opacity: 1;
}
:has(.medium-zoom-overlay) .anchor-nav-wrap {
  opacity: 0;
}
@media (max-width: 970px) {
  .anchor-nav-wrap {
    display: none;
  }
}
.anchor-nav-wrap .anchor-nav {
  width: 65px;
  margin-left: auto;
  padding: 1.5rem 1rem;
  list-style: none;
  margin: 0 0 0 auto;
  display: flex;
  flex-direction: column;
  backface-visibility: hidden;
  transform: translate3d(0);
  background: rgba(14, 14, 14, 0.8);
  border-radius: 4px;
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
}
.anchor-nav-wrap .anchor-nav li {
  margin: 0 auto 1rem;
}
.anchor-nav-wrap .anchor-nav li:last-child {
  margin-bottom: 0;
}
.anchor-nav-wrap .anchor-nav a {
  color: var(--mid-gray);
}
.anchor-nav-wrap .anchor-nav .active a {
  color: var(--accent1);
}
.anchor-nav-wrap .back-to-top {
  width: 65px;
  margin: auto;
  padding: 1.5rem 1rem;
  list-style: none;
  margin: 0 0 0 auto;
  display: flex;
  flex-direction: column;
  backface-visibility: hidden;
  transform: translate3d(0);
  background: rgba(14, 14, 14, 0.8);
  border-radius: 4px;
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  position: absolute;
  top: calc(100svh - 80px);
  right: 28px;
}

.js .timeline-wrap .iv {
  opacity: 0;
  transition: opacity 1s;
}
.js .timeline-wrap .iv.in {
  opacity: 1;
}

.classy-embed-widget {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.page-id-49137 .support__block {
  display: none;
}

.support__text-wrap {
  grid-column: 1/-1;
}
@media (min-width: 1024px) {
  .support__text-wrap {
    grid-column: 3/-3;
  }
}
.support__text-wrap h3.supporters-title {
  font-family: "Ergon", sans-serif;
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  /* 34px */
  letter-spacing: -0.015em;
}
@media (min-width: 1024px) {
  .support__text-wrap h3.supporters-title {
    font-size: clamp(40px, 3.4vw, 48px);
  }
}
@media (max-width: 767px) {
  .support__text-wrap h3.supporters-title {
    font-size: 32px;
  }
}
.support__text-wrap h3.supporters-title {
  text-wrap: balance;
}
.support__text-wrap .txt-wrap {
  text-wrap: pretty;
}
.support__text-wrap .support-buttons {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: var(--gap-vertical-alt);
  gap: 36px;
}
.support__text-wrap .support-buttons button {
  font-family: "Basel Classic", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25;
}
@media (max-width: 767px) {
  .support__text-wrap .support-buttons button {
    font-size: 19px;
    line-height: 1.47;
  }
}
.support__text-wrap .support-buttons button {
  display: inline-block;
  padding: 10px 16px;
  border-radius: 4px;
  background: var(--color-fg, #7CABB3);
  color: var(--color-bg);
  transition-duration: 0.15s;
  cursor: pointer;
  border: none;
}
.support__text-wrap .support-buttons a {
  color: var(--color-fg, #8D8D8D);
  text-decoration: underline;
  text-underline-offset: 0.2em;
  text-decoration-thickness: 1px;
}
.support-wrap {
  margin-top: 150px;
}

.modal__donate,
.modal__rsvp {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0);
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  overflow: hidden;
  overscroll-behavior: contain;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  pointer-events: none;
  z-index: -2;
}
.modal__donate .modal__close,
.modal__rsvp .modal__close {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  border: none;
  position: absolute;
  top: 40px;
  right: 40px;
  width: 34px;
  height: 34px;
  cursor: pointer;
  padding: 0;
  z-index: 15;
}
.modal__donate .modal__close *,
.modal__rsvp .modal__close * {
  pointer-events: none;
}
.modal__donate .modal__close path,
.modal__rsvp .modal__close path {
  fill: var(--color-fg, #7CABB3);
}
@media (max-width: 767px) {
  .modal__donate .modal__close,
  .modal__rsvp .modal__close {
    top: 15px;
    right: 15px;
    width: 28px;
    height: 28px;
  }
  .modal__donate .modal__close:BEFORE,
  .modal__rsvp .modal__close:BEFORE {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 130%;
    z-index: -1;
    background: var(--color-bg);
    aspect-ratio: 1;
    transform: translate(-50%, -50%);
    border-radius: 50%;
  }
  .modal__donate .modal__close svg,
  .modal__rsvp .modal__close svg {
    width: 65%;
    height: 65%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
  }
}
.modal__donate .modal__close span,
.modal__rsvp .modal__close span {
  display: none;
}
.modal__donate .modal__content,
.modal__rsvp .modal__content {
  max-height: 100%;
  overflow: auto;
  width: 100%;
  display: flex;
}
.modal__donate .eginline,
.modal__rsvp .eginline {
  border-radius: 4px;
  overflow: hidden;
}
.modal__donate iframe,
.modal__rsvp iframe {
  border-radius: 4px;
}

.modal__rsvp .modal__content {
  flex-direction: column;
  padding-bottom: 150px;
}
.modal__rsvp .modal__content section {
  display: block;
}
@media (min-width: 1024px) {
  .modal__rsvp .modal__content section {
    padding-left: 16.6667%;
    padding-right: 16.6667%;
  }
}
.modal__rsvp .rsvp-wrap h2 {
  text-align: center;
}
.modal__rsvp .rsvp-inset > p {
  text-wrap: balance;
  text-align: center;
}
@media (min-width: 768px) {
  .modal__rsvp .rsvp-inset > p {
    max-width: 75%;
    margin-left: auto;
    margin-right: auto;
  }
}

.cta-buttons {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: var(--gap-vertical-alt);
  gap: 36px;
}
.cta-buttons a {
  font-family: "Basel Classic", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25;
}
@media (max-width: 767px) {
  .cta-buttons a {
    font-size: 19px;
    line-height: 1.47;
  }
}
.cta-buttons a {
  display: inline-block;
  padding: 10px 16px;
  border-radius: 4px;
  background: var(--color-fg, #7CABB3);
  color: var(--color-bg);
  transition-duration: 0.15s;
  cursor: pointer;
  border: none;
}
.rsvp-buttons {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: var(--gap-vertical-alt);
  gap: 36px;
}
.rsvp-buttons button {
  font-family: "Basel Classic", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25;
}
@media (max-width: 767px) {
  .rsvp-buttons button {
    font-size: 19px;
    line-height: 1.47;
  }
}
.rsvp-buttons button {
  display: inline-block;
  padding: 10px 16px;
  border-radius: 4px;
  background: var(--color-fg, #7CABB3);
  color: var(--color-bg);
  transition-duration: 0.15s;
  cursor: pointer;
  border: none;
}
.rsvp-buttons a {
  color: var(--color-fg, #8D8D8D);
  text-decoration: underline;
  text-underline-offset: 0.2em;
  text-decoration-thickness: 1px;
}
.accordion-item {
  grid-column: 1/-1;
}
.accordion-item + .accordion-item {
  margin-top: var(--gap-nav);
}
.accordion-item summary {
  position: relative;
  list-style: none;
  cursor: pointer;
  font-family: "Ergon", sans-serif;
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  /* 34px */
  letter-spacing: -0.015em;
}
@media (min-width: 1024px) {
  .accordion-item summary {
    font-size: clamp(40px, 3.4vw, 48px);
  }
}
@media (max-width: 767px) {
  .accordion-item summary {
    font-size: 32px;
  }
}
.accordion-item summary:AFTER {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 12px;
  height: 12px;
  border-right: solid 1px var(--color-fg, #7CABB3);
  border-bottom: solid 1px var(--color-fg, #7CABB3);
  transform: rotate(45deg);
  margin: -10px 0 0 -15px;
}
.accordion-item summary::marker {
  content: "";
  display: none;
}
.accordion-item[open] summary:AFTER {
  transform: rotate(-135deg);
  margin: -6px 0 0 -15px;
}
@media (max-width: 768px) {
  .accordion-item {
    grid-column: 2/-2;
  }
}
@media (min-width: 1024px) {
  .accordion-item {
    grid-column: 3/-3;
  }
}

body.modal-open,
body.modal-open--rsvp {
  overflow: hidden;
  overscroll-behavior: contain;
}

.modal-open .modal__donate,
.modal-open--rsvp .modal__rsvp {
  opacity: 1;
  pointer-events: auto;
  z-index: 10;
  animation: fadeInCard 0.5s forwards;
}

.live-stream-wrap {
  display: flex;
  padding: 100px 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  height: 100svh;
}
@media (max-width: 767px) {
  .live-stream-wrap {
    height: auto;
    aspect-ratio: 1.5;
  }
}
.live-stream-wrap .live-stream-wrap--inner {
  width: 100%;
  aspect-ratio: 16/9;
  max-height: 100%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 768px) {
  .live-stream-wrap .live-stream-wrap--inner {
    min-height: 500px;
  }
}
.live-stream-wrap .live-stream-wrap--inner iframe {
  position: absolute;
  aspect-ratio: 16/9;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.4);
}

.intro-video {
  width: 100%;
  max-width: 800px;
  margin: 24px auto 0;
  border-radius: 8px;
  overflow: hidden;
}

.intro-video video {
  width: 100%;
  height: auto;
  display: block;
  aspect-ratio: 16/9;
  -o-object-fit: cover;
     object-fit: cover;
  background: #000;
}

@media (max-width: 600px) {
  .intro-video {
    max-width: 100%;
    padding: 0 20px;
    margin-top: 16px;
  }
}
body.page-id-53337 .laurel-nav {
  display: none;
}

.laurel-nav svg {
  pointer-events: none; /* let clicks pass through to the <a> */
}

.laurel-nav {
  display: inline-block; /* make the whole <a> element clickable, not just the visible pixels */
  position: relative;
  z-index: 10; /* raise above whatever is covering it */
}