@font-face {
  font-family: "Focal";
  font-weight: normal;
  font-style: normal;
  src: url("/assets/fonts/Focal-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "Focal";
  font-weight: 500;
  font-style: normal;
  src: url("/assets/fonts/Focal-Medium.woff2") format("woff2");
}
@font-face {
  font-family: "Focal";
  font-weight: normal;
  font-style: italic;
  src: url("/assets/fonts/Focal-RegularItalic.woff2") format("woff2");
}
@font-face {
  font-family: "Focal";
  font-weight: 500;
  font-style: italic;
  src: url("/assets/fonts/Focal-MediumItalic.woff2") format("woff2");
}
@font-face {
  font-family: "Placard KS2";
  font-weight: bold;
  src: url("/assets/fonts/Placard-KS2-Bold.woff2") format("woff2");
}
* {
  box-sizing: border-box;
}

html {
  font-family: sans-serif;
}

body {
  margin: 0;
}

ul, ol {
  list-style: none;
  padding: 0;
  margin: 0;
}

figure {
  margin: 0;
}

blockquote {
  margin: 0;
}

h1, h2, h3, h4, h5 {
  margin: 0;
  font-size: inherit;
  font-weight: inherit;
}

p {
  margin: 0;
}

a {
  color: inherit;
  text-decoration: none;
}

button {
  border: none;
  margin: 0;
  padding: 0;
  text-align: left;
  font-size: inherit;
  font-weight: inherit;
  background: none;
}

img, video {
  width: 100%;
  vertical-align: top;
}

iframe {
  border: none;
  margin: 0;
  width: 100%;
  vertical-align: top;
}

input[type=email] {
  margin: 0;
  padding: 0;
  background: none;
  font-size: inherit;
  font-weight: inherit;
  border: none;
  border-radius: 0;
}

:root {
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 2rem;
  --space-lg: 4rem;
  --space-xl: 8rem;
  --font-family-body: "Focal", sans;
  --font-family-display: "Placard KS2", sans;
  --font-size-sm: 20px;
  --font-size-base: 24px;
  --font-size-md: 6vw;
  --font-size-lg: calc(13.8vw - (var(--space-sm) / 4));
  --line-height-sm: 1.5;
  --line-height-base: 1.25;
  --line-height-md: 1;
  --line-height-lg: 1;
  --font-sm: var(--font-size-sm) / var(--line-height-sm)
      var(--font-family-body);
  --font-base: var(--font-size-base) / var(--line-height-base)
      var(--font-family-body);
  --font-md: var(--font-size-md) / var(--line-height-md)
      var(--font-family-display);
  --font-lg: var(--font-size-lg) / var(--line-height-lg)
      var(--font-family-display);
  --color-green: rgb(0, 255, 0);
  --color-light-grey: rgb(198, 200, 177);
  --color-gold: rgb(204, 177, 2);
}
@media (min-width: 2000px) {
  :root {
    --font-size-base: 26px;
    --font-size-sm: 20px;
  }
}
@media (max-width: 900px) {
  :root {
    --font-size-md: calc(13.8vw - (var(--space-sm) / 4));
  }
}
@media (max-width: 600px) {
  :root {
    --font-size-base: 16px;
    --font-size-sm: 13px;
    --space-md: 1.5rem;
    --space-sm: 0.75rem;
    --space-xs: 0.25rem;
  }
}

html {
  font: var(--font-base);
  font-feature-settings: "ss04";
  text-underline-offset: 0.1em;
}

body.is-modal {
  background: var(--primary-color);
}

body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.Dev {
  max-width: 900px;
  margin: 50px auto;
}

.Dev-wrapper {
  background: white;
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.15);
  overflow: hidden;
  position: relative;
}

.Dev-console {
  margin-bottom: 50px;
  color: silver;
  text-align: center;
  font-family: monospace;
}

.Dev-console pre {
  text-align: left;
}

.BodyBlock {
  padding: 0 var(--space-sm);
  margin: var(--space-sm) 0;
}

.BodyBlock a {
  text-decoration: underline;
}

.BodyBlock p:not(:last-child) {
  margin-bottom: var(--space-sm);
}

.BodyBlock--bodyText,
.BodyBlock--interviewText {
  width: 66%;
}

.BodyBlock--interviewText {
  display: flex;
}

.BodyBlock-interviewAttribution {
  flex: 0 0 25%;
  width: 25%;
}

.BodyBlock-interviewText {
  flex: 0 0 75%;
  width: 75%;
}

.BodyBlock--headerText {
  font: var(--font-md);
  font-variant-ligatures: discretionary-ligatures;
}

.BodyBlock-media.is-partialWidth {
  width: 50%;
}

.Calendar {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  min-height: 60vh;
}
@media (max-width: 900px) {
  .Calendar {
    grid-template-columns: repeat(1, 1fr);
    min-height: unset;
  }
}

.Calendar-header {
  padding: var(--space-sm);
  position: relative;
  z-index: 0;
}
@media (max-width: 900px) {
  .Calendar-header {
    height: 12rem;
  }
}
.Calendar-header img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
}

.Calendar-body {
  background-color: var(--color-gold);
  display: flex;
  flex-direction: column;
}

.Calendar-bodyHeader {
  padding: var(--space-sm);
  margin-bottom: var(--space-sm);
}

.Calendar-programList {
  flex: 1;
}

.Calendar-programItem {
  padding: var(--space-sm);
}

.Calendar-programLink:hover {
  text-decoration: underline;
}

.Calendar-programTitle {
  text-decoration: underline;
}

.Calendar-visitLink {
  padding: var(--space-sm);
  margin-top: var(--space-md);
  display: block;
  text-decoration: underline;
}

.CallToAction.is-fullWidth {
  grid-column: 1/-1;
}

.CallToAction.is-partialWidth {
  grid-column: span 3;
}
@media (max-width: 900px) {
  .CallToAction.is-partialWidth {
    grid-column: 1/-1;
  }
}

.CallToAction-link {
  display: flex;
  text-decoration: underline;
}

.CallToAction-wordWrapper {
  flex: 1;
}

.CallToAction-wordContainer {
  padding-bottom: 100%;
  border-radius: 50%;
  background: var(--color-green);
  position: relative;
}

.CallToAction-wordContainer:hover {
  border-radius: 0%;
}

.CallToAction-word {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.CallToAction:hover .CallToAction-word {
  text-decoration: underline;
}

.Collapsible {
  padding: var(--space-sm);
}

.Collapsible p {
  margin: var(--space-sm) 0;
}

.Collapsible *:first-child {
  margin-top: 0;
}

.Collapsible *:last-child {
  margin-bottom: 0;
}

.Collapsible a {
  text-decoration: underline;
}

.Collapsible a:hover {
  text-decoration: none;
}

.Collapsible-header {
  display: flex;
  justify-content: space-between;
}

.Collapsible-title {
  font-weight: 500;
}

.Collapsible-button {
  cursor: pointer;
  opacity: 0.25;
}

.Collapsible-button:hover {
  opacity: 1;
}

.Collapsible-button--collapse {
  display: block;
}

.Collapsible.is-collapsed .Collapsible-button--collapse {
  display: none;
}

.Collapsible-button--expand {
  display: none;
}

.Collapsible.is-collapsed .Collapsible-button--expand {
  display: block;
}

.Collapsible-body {
  margin-top: var(--space-md);
}

.Collapsible.is-collapsed .Collapsible-body {
  display: none;
}

.Context {
  z-index: 2;
  display: none;
}

.ContextList-itemLink {
  padding: var(--space-sm);
  display: flex;
}

.ContextList-itemTitle {
  text-decoration: underline;
}

.ContextList-item:hover {
  background-color: var(--secondary-color);
}

.Context.is-active {
  display: block;
}

.ContextList-itemIcon {
  width: 1rem;
  margin-right: 1rem;
}

.Credits {
  padding: 0 var(--space-sm);
  font-size: var(--font-size-sm);
  width: 66%;
  margin: var(--space-sm) 0;
  display: none;
}

.Credits p {
  margin: var(--space-sm) 0;
}

.DatePattern--accent {
  flex: 0 0 100%;
  height: 0.75rem;
}

.DatePattern--field {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.DatePattern-svg {
  width: 100%;
  height: 100%;
  vertical-align: top;
}

.DatePattern-svg g:nth-child(odd) rect:nth-child(odd) {
  fill: var(--primary-color);
}

.DatePattern-svg g:nth-child(odd) rect:nth-child(even) {
  fill: var(--secondary-color);
}

.DatePattern-svg g:nth-child(even) rect:nth-child(odd) {
  fill: var(--secondary-color);
}

.DatePattern-svg g:nth-child(even) rect:nth-child(even) {
  fill: var(--primary-color);
}

.Description {
  padding: 0 var(--space-sm);
  margin-bottom: var(--space-md);
}

.Description a {
  text-decoration: underline;
}

.Description p {
  margin: var(--space-sm) 0;
}

.Description h3 + p {
  margin-top: 0;
}

.Description ul p {
  margin: 0;
}

.Description h3 {
  margin-top: var(--space-sm);
  font-weight: bold;
}

.Description ul {
  list-style-type: disc;
  padding-left: 1em;
}

.Description > *:first-child {
  margin-top: var(--space-sm);
}

.Description-text--truncated {
  display: none;
}

.Description.is-truncated .Description-text--truncated {
  display: block;
}

.Description-text--full {
  display: block;
}

.Description.is-truncated .Description-text--full {
  display: none;
}

.Description-button--readMore {
  display: none;
}

.Description-button--readLess {
  display: block;
}

.Description.is-truncated .Description-button--readMore {
  display: block;
}

.Description.is-truncated .Description-button--readLess {
  display: none;
}

.Description-button {
  text-decoration: underline;
  cursor: pointer;
  margin: var(--space-sm) 0;
}

.Collapsible-button--readLess {
  display: block;
}

.Collapsible.is-truncated .Collapsible-button--readLess {
  display: none;
}

.Collapsible-button--readMore {
  display: none;
}

.Collapsible.is-truncated .Collapsible-button--readMore {
  display: block;
}

.Description-credits {
  display: none;
  font: var(--font-sm);
}

.Description:not(.is-truncated) .Description-credits {
  display: block;
}

.Description-credits p {
  margin: var(--space-xs) 0;
}

.Disclaimer {
  position: fixed;
  background-color: var(--secondary-color);
  padding: var(--space-sm);
  top: var(--space-sm);
  right: var(--space-sm);
  bottom: 0;
  left: var(--space-sm);
  z-index: 10;
  display: none;
  flex-direction: column;
}

.Disclaimer.is-collapsed {
  top: unset;
  right: var(--space-sm);
  bottom: 0;
  left: 50%;
}
@media (max-width: 900px) {
  .Disclaimer.is-collapsed {
    left: var(--space-sm);
  }
}

.Disclaimer.is-visible {
  display: flex;
}

.Disclaimer-description {
  display: none;
}

.Disclaimer.is-collapsed .Disclaimer-description {
  display: block;
}

.Disclaimer-details {
  flex: 1;
  display: none;
}

.Disclaimer:not(.is-collapsed) .Disclaimer-details {
  display: block;
}

.Disclaimer-heading {
  font-weight: bold;
}

.Disclaimer-heading:not(:first-child) {
  margin-top: var(--space-sm);
}

.Disclaimer-footer {
  display: grid;
  gap: var(--space-sm);
  grid-template-columns: 1fr 1fr;
  margin-top: var(--space-sm);
}

.Disclaimer-button {
  border-radius: 1rem;
  text-align: center;
  padding: var(--space-xs);
  cursor: pointer;
}

.Disclaimer-button--expand,
.Disclaimer-button--collapse {
  display: none;
  border: 1px solid black;
}
.Disclaimer-button--expand:hover,
.Disclaimer-button--collapse:hover {
  background: black;
  color: white;
}

.Disclaimer-button--accept {
  background: black;
  color: var(--secondary-color);
}
.Disclaimer-button--accept:hover {
  color: white;
}

.Disclaimer.is-collapsed .Disclaimer-button--expand {
  display: block;
}

.Disclaimer:not(.is-collapsed) .Disclaimer-button--collapse {
  display: block;
}

.Footer {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: end;
  padding: var(--space-sm);
  background: var(--color-light-grey);
  gap: var(--space-xl) var(--space-sm);
}
@media (max-width: 900px) {
  .Footer {
    gap: var(--space-md) var(--space-sm);
  }
}

.Footer a {
  text-decoration: underline;
}

.Footer-address {
  grid-column: -1/1;
}

.Footer-text {
  grid-column: span 1;
}
@media (max-width: 900px) {
  .Footer-text {
    grid-column: -1/1;
  }
}

.Footer-subscribe {
  grid-column: span 1;
}
@media (max-width: 900px) {
  .Footer-subscribe {
    grid-column: -1/1;
  }
}

.Footer-subscribeForm {
  display: flex;
  border-bottom: 0.1rem solid black;
}

.Footer-subscribeForm input[type=email] {
  flex: 1;
  font: var(--font-base);
}

.Footer-subscribeForm input[type=email]::placeholder {
  color: rgba(0, 0, 0, 0.5);
}

.Footer-subscribeForm button {
  font: var(--font-base);
  color: black;
}

.Header {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  z-index: 1;
}

body.is-modal .Header {
  display: none;
}

.LanguageNav {
  flex: 0 0 auto;
  padding: var(--space-sm);
  padding-bottom: 0;
  z-index: 2;
}

.LanguageNav-item {
  display: inline-block;
}

.LanguageNav-item:hover,
.LanguageNav-item.is-active {
  text-decoration: underline;
}

.MainNav-toggle {
  display: none;
  cursor: pointer;
}
@media (max-width: 900px) {
  .MainNav-toggle {
    display: inline-block;
    padding: calc(var(--space-sm) / 2);
  }
}

.MainNav {
  flex: 1;
  display: inline-block;
  user-select: none;
  padding: 0 calc(var(--space-sm) / 2);
}
@media (max-width: 900px) {
  .MainNav {
    padding-top: calc(var(--space-sm) / 2);
  }
}

.MainNav-list {
  margin-bottom: var(--space-sm);
}

@media (max-width: 900px) {
  .MainNav:not(.is-open) .MainNav-list {
    display: none;
  }
}

.MainNav-item {
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
}
@media (max-width: 900px) {
  .MainNav-item {
    display: block;
  }
}

.MainNav-item > .MainNav-link,
.MainNav-item > .MainNav-toggle {
  padding: var(--space-sm) calc(var(--space-sm) / 2);
  padding-bottom: 0;
  display: block;
}
@media (max-width: 900px) {
  .MainNav-item > .MainNav-link,
.MainNav-item > .MainNav-toggle {
    padding: var(--space-xs) calc(var(--space-sm) / 2);
    padding-bottom: 0;
  }
}

.MainNav-subItem > .MainNav-link {
  padding: 0 calc(var(--space-sm) / 2);
  display: block;
  white-space: pre;
}
@media (max-width: 900px) {
  .MainNav-subItem > .MainNav-link {
    padding: 0 calc(var(--space-sm) / 2);
  }
}

.MainNav-item.is-active > .MainNav-link,
.MainNav-item.is-active > .MainNav-toggle {
  text-decoration: underline;
}
@media (max-width: 900px) {
  .MainNav-item.is-active > .MainNav-link,
.MainNav-item.is-active > .MainNav-toggle {
    text-decoration: none;
  }
}

.MainNav-item .MainNav-toggle:hover,
.MainNav-item .MainNav-link:hover {
  text-decoration: underline;
}

.MainNav-subList {
  width: 0;
  height: 0;
  overflow: visible;
  opacity: 0;
  pointer-events: none;
}
@media (max-width: 900px) {
  .MainNav-subList {
    margin-left: var(--space-md);
  }
}

.MainNav-item.is-expanded .MainNav-subList {
  height: unset;
  opacity: 1;
  pointer-events: all;
}

.Map {
  padding: var(--space-sm);
  padding-top: 0;
}

.Map-container {
  position: relative;
  height: 80vh;
  background: white;
}

.MediaGallery {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--space-sm);
  padding: var(--space-sm);
  align-items: start;
}
@media (max-width: 1400px) {
  .MediaGallery {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 900px) {
  .MediaGallery {
    grid-template-columns: repeat(1, 1fr);
  }
}

.MediaGallery-item {
  cursor: pointer;
  position: relative;
}

.MediaGallery-button {
  position: absolute;
  left: var(--space-sm);
  bottom: var(--space-sm);
  height: 1rem;
  width: 1rem;
  cursor: pointer;
  user-select: none;
  fill: white;
  stroke: black;
  stroke-width: 0.5em;
}

body.is-modal .Page {
  display: none;
}

.Page {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.Page--context {
  background-color: var(--secondary-color);
}

.Page-meta {
  padding: 0 var(--space-sm);
  margin-bottom: var(--space-sm);
}

.Page--home .Page-meta {
  padding: 0;
}

.Page--exhibitionIndex .Page-meta,
.Page--eventIndex .Page-meta,
.Page--projectIndex .Page-meta {
  margin-bottom: 0;
}

.Context .Page-meta {
  margin-top: var(--space-sm);
  margin-bottom: var(--space-md);
}

.Page-parentLink {
  text-decoration: underline;
}

.Page--education .Page-header {
  z-index: 1;
  pointer-events: none;
}

.Page-title {
  font: var(--font-lg);
  font-variant-ligatures: discretionary-ligatures;
  margin-bottom: var(--space-sm);
}
@media (min-width: 900px) {
  .Page-title {
    margin-top: -0.05em;
  }
}

.Page--home .Page-title {
  white-space: pre;
  text-align: center;
  padding: 0 var(--space-sm);
  margin-top: var(--space-sm);
}
@media (min-width: 900px) {
  .Page--home .Page-title {
    margin-top: var(--space-sm)/2;
  }
}

.Page--exhibitionIndex .Page-title,
.Page--eventIndex .Page-title,
.Page--projectIndex .Page-title {
  margin-bottom: 0;
}

.Page-footer {
  padding: 0 var(--space-sm);
  margin: var(--space-sm) 0;
  margin-top: var(--space-lg);
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.Page-footerLink {
  text-decoration: underline;
}

.Page-nav {
  padding: 0 var(--space-sm);
  margin-bottom: 0.2em;
}
@media (max-width: 900px) {
  .Page-nav {
    margin-bottom: var(--space-sm);
  }
}

.Page-nav--context {
  position: sticky;
  text-align: right;
  height: 0;
  overflow: visible;
  right: 0;
  top: var(--space-sm);
}

.Page-subNav {
  padding: 0 var(--space-sm);
  margin-bottom: calc(var(--space-sm) / 2);
}

.Page-subNavItem {
  margin-right: var(--space-sm);
  margin-bottom: calc(var(--space-sm) / 2);
}

.Page-navItem,
.Page-subNavItem {
  display: inline-block;
  color: gainsboro;
}

.Page-navItem.is-active,
.Page-subNavItem.is-active {
  color: black;
}

.Page--exhibitionIndex .Page-nav,
.Page--eventIndex .Page-nav,
.Page--projectIndex .Page-nav {
  font: var(--font-lg);
  font-variant-ligatures: discretionary-ligatures;
}

.Page-navItem:hover {
  color: black;
}

.Page-subNavLink:hover {
  color: black;
}

.Page-headerCaption {
  padding: 0 var(--space-sm);
  margin-bottom: var(--space-sm);
  font: var(--font-sm);
  margin-top: 0.25em;
}

.Page-index {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  align-items: start;
}

.Page-headerFigure iframe {
  aspect-ratio: 3/2;
}

.Page-headerFigure.is-partialWidth {
  width: 50%;
}

.PageSection.is-colored {
  background: var(--primary-color);
}

.PageSection.is-colored:nth-child(even) {
  background: var(--secondary-color);
}

.PageSection--collapsible,
.PageSection--contextList {
  width: 50%;
}
@media (max-width: 900px) {
  .PageSection--collapsible,
.PageSection--contextList {
    width: calc(100% - var(--space-sm));
  }
}

.PageSection--description {
  margin: var(--space-sm) 0;
  width: 75%;
}
@media (max-width: 900px) {
  .PageSection--description {
    width: 100%;
  }
}

.PageSection-header {
  padding: var(--space-sm);
  font-weight: 500;
}

.PageSection--description .PageSection-header {
  padding: 0 var(--space-sm);
}

.PageSection--relatedProgramList .PageSection-header {
  padding: 0 var(--space-sm);
  margin-top: var(--space-md);
  margin-bottom: var(--space-sm);
}

.ProductList {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--space-md) var(--space-sm);
  padding: 0 var(--space-sm);
}
@media (max-width: 1400px) {
  .ProductList {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 900px) {
  .ProductList {
    grid-template-columns: repeat(1, 1fr);
  }
}

.ProductList-productMeta {
  margin-top: var(--space-sm);
}

.ProjectList {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--space-sm);
  padding: var(--space-sm);
  padding-top: 0;
}
@media (max-width: 600px) {
  .ProjectList {
    grid-template-columns: repeat(1, 1fr);
  }
}

.ProgramList {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  align-items: start;
}

.ProgramList-alert {
  padding: var(--space-sm);
  grid-column: 1/-1;
}

.RelatedProgramList {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: start;
}
@media (max-width: 1400px) {
  .RelatedProgramList {
    grid-template-columns: repeat(1, 1fr);
  }
}

.Slideshow {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--primary-color);
  z-index: 10;
  display: none;
  --button-width: 5rem;
}

.Slideshow.is-open {
  display: flex;
}

.Slideshow-prevContainer {
  position: absolute;
  right: calc(100% - var(--button-width));
}
@media (max-width: 900px) {
  .Slideshow-prevContainer {
    right: 100%;
  }
}

.Slideshow-nextContainer {
  display: inline-flex;
  width: max-content;
  position: relative;
}

.Slideshow-button {
  width: var(--button-width);
  flex: 0 0 var(--button-width);
  padding: var(--space-sm);
  position: relative;
  display: flex;
  align-items: flex-end;
  cursor: pointer;
  user-select: none;
}

@media (max-width: 900px) {
  .Slideshow-button--prev {
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    z-index: 1;
    width: 50%;
    opacity: 0;
  }
}

.Slideshow-button--next {
  position: absolute;
  right: 0;
  bottom: 0;
  top: 0;
  justify-content: flex-end;
}
@media (max-width: 900px) {
  .Slideshow-button--next {
    left: 50%;
    width: 50%;
    opacity: 0;
  }
}

.Slideshow-button--close {
  position: absolute;
  right: 0;
  top: 0;
  justify-content: flex-end;
}

.Slide {
  position: relative;
}

.Slide.is-active {
  background: black;
}

.Slide-figure {
  position: relative;
}

.Slide-media {
  height: 100vh;
  width: auto;
  max-width: calc(100vw - var(--button-width) * 2);
  object-fit: contain;
  object-position: top left;
}
@media (max-width: 900px) {
  .Slide-media {
    width: 100vw;
    max-width: 100vw;
  }
}

.Slide-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: var(--space-sm);
}

.Slide-button svg {
  fill: white;
}

.Slide-button {
  height: 0.75rem;
  width: 0.75rem;
  display: none;
  cursor: pointer;
  user-select: none;
  margin-right: 0.5rem;
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}

.Slide-button--mute,
.Slide-button--unmute {
  width: 1.3125rem;
}

.Slide-button.is-visible {
  display: inline-block;
}

.Slide:not(.is-active) .Slide-caption {
  display: none;
}

.Slide-description {
  margin-top: var(--space-sm);
}

.Thumbnail {
  position: relative;
}

.Thumbnail--context {
  grid-column: 1/-1;
  padding: var(--space-sm);
  padding-top: 0;
  margin: var(--space-sm) 0;
}

.Thumbnail--program,
.Thumbnail--relatedProgram,
.Thumbnail--projectSeries,
.Thumbnail--digitalProject {
  background: var(--primary-color);
}

.Thumbnail--program:hover,
.Thumbnail--relatedProgram:hover,
.Thumbnail--projectSeries:hover,
.Thumbnail--digitalProject:hover {
  background: var(--secondary-color);
}

.Thumbnail--program.is-fullWidth,
.Thumbnail--digitalProject.is-fullWidth,
.Thumbnail--projectSeries.is-fullWdith {
  grid-column: 1/-1;
}

.Thumbnail--program.is-partialWidth,
.Thumbnail--digitalProject.is-partialWidth,
.Thumbnail--projectSeries.is-partialWidth,
.Thumbnail--context.is-partialWidth {
  grid-column: span 3;
}
@media (max-width: 900px) {
  .Thumbnail--program.is-partialWidth,
.Thumbnail--digitalProject.is-partialWidth,
.Thumbnail--projectSeries.is-partialWidth,
.Thumbnail--context.is-partialWidth {
    grid-column: 1/-1;
  }
}

.Thumbnail--program.is-minWidth,
.Thumbnail--digitalProject.is-minWidth,
.Thumbnail--projectSeries.is-minWidth {
  grid-column: span 2;
}
@media (max-width: 900px) {
  .Thumbnail--program.is-minWidth,
.Thumbnail--digitalProject.is-minWidth,
.Thumbnail--projectSeries.is-minWidth {
    grid-column: span 3;
  }
}

@media (min-aspect-ratio: 4/3) {
  .Thumbnail--program.is-fullWidth img,
.Thumbnail--program.is-fullWidth video,
.Thumbnail--projectSeries.is-fullWidth img,
.Thumbnail--projectSeries.is-fullWidth video {
    aspect-ratio: var(--layout-ratio-fullpage-short);
    object-fit: cover;
  }
}
.Thumbnail--program .Thumbnail-meta,
.Thumbnail--relatedProgram .Thumbnail-meta,
.Thumbnail--digitalProject .Thumbnail-meta,
.Thumbnail--projectSeries .Thumbnail-meta {
  padding: var(--space-sm);
  padding-top: 0;
}

.Thumbnail--projectSeries .Thumbnail-meta {
  margin-bottom: var(--space-md);
}

.Thumbnail--projectSeries .Thumbnail-meta {
  padding-bottom: 0;
}

.Thumbnail--program.is-fullWidth .Thumbnail-title,
.Thumbnail--program.is-partialWidth .Thumbnail-title,
.Thumbnail--digitalProject.is-fullWidth .Thumbnail-title,
.Thumbnail--digitalProject.is-partialWidth .Thumbnail-title,
.Thumbnail--projectSeries.is-fullWidth .Thumbnail-title,
.Thumbnail--projectSeries.is-partialWidth .Thumbnail-title,
.Thumbnail--relatedProgram .Thumbnail-title {
  font: var(--font-md);
  font-variant-ligatures: discretionary-ligatures;
  margin-bottom: var(--space-sm);
  margin-top: var(--space-sm);
  text-decoration: none !important;
  word-break: break-word;
}

.Thumbnail--relatedProgram .Thumbnail-title {
  margin: var(--space-sm) 0;
}

.Thumbnail--childProgram .Thumbnail-title,
.Thumbnail--program.is-minWidth .Thumbnail-title,
.Thumbnail--projectSeries.is-minWidth .Thumbnail-title {
  margin-top: var(--space-sm);
  text-decoration: underline;
}

.Thumbnail--childProgram:not(.Thumbnail--media) .Thumbnail-title {
  margin-top: 0;
}

.Thumbnail--childProgram:hover .Thumbnail-date,
.Thumbnail--program:hover .Thumbnail-type,
.Thumbnail--program:hover .Thumbnail-date,
.Thumbnail--projectSeries:hover .Thumbnail-type,
.Thumbnail--projectSeries:hover .Thumbnail-date,
.Thumbnail--context:hover .Thumbnail-attribution {
  text-decoration: underline;
}

.Thumbnail--context .Thumbnail-title {
  font: var(--font-lg);
  font-variant-ligatures: discretionary-ligatures;
  margin-bottom: var(--space-sm);
  text-decoration: none !important;
}

.Thumbnail--context.is-long .Thumbnail-title {
  font: var(--font-md);
  font-variant-ligatures: discretionary-ligatures;
}

.Thumbnail--context:hover .Thumbnail-title {
  color: var(--color-green);
}

.Thumbnail-childTitle {
  text-decoration: underline;
}

.Thumbnail--digitalProject .Thumbnail-type,
.Thumbnail--media .Thumbnail-type {
  position: absolute;
  left: var(--space-sm);
  top: var(--space-sm);
  color: white;
  text-decoration: none !important;
}

.Thumbnail--digitalProject .Thumbnail-type {
  color: black;
}

.Thumbnail-link {
  position: relative;
  display: block;
  height: 100%;
}

.Thumbnail-childLink {
  display: block;
  padding: 0 var(--space-sm);
  margin: var(--space-sm) 0;
}

.Thumbnail-childLink:hover {
  text-decoration: underline;
}

.Thumbnail--digitalProject .Thumbnail-mediaContainer {
  position: relative;
  z-index: 1;
}

.Thumbnail--digitalProject.is-fullWidth iframe {
  aspect-ratio: var(--layout-ratio-fullpage-short);
}

.Thumbnail--digitalProject.is-partialWidth iframe,
.Thumbnail--digitalProject.is-minWidth iframe {
  aspect-ratio: 4/3;
}

.Today {
  padding: 0 var(--space-sm);
  margin: var(--space-sm) 0;
}

.Today-span {
  margin-right: var(--space-sm);
}
@media (max-width: 900px) {
  .Today-span {
    display: block;
  }
}

.Today-link {
  text-decoration: underline;
  margin-right: var(--space-sm);
}
@media (max-width: 900px) {
  .Today-link {
    display: block;
  }
}

.TopNav {
  cursor: pointer;
}

body.is-modal .TopNav {
  display: none;
}

.u-outlineText {
  color: white;
  text-shadow: -1px -1px 0 #000, 0px -1px 0 #000, 1px -1px 0 #000, 0px 1px 0 #000, -1px 1px 0 #000, 1px 0px 0 #000, 1px 1px 0 #000, -1px 0px 0 #000;
}

.u-linkText {
  text-decoration: underline;
}

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