.error-container {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

html, body {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  font-family: ACE Grot;
  --tw-text-opacity: 1;
  color: rgba(0, 0, 0, var(--tw-text-opacity));
  font-variation-settings: "wdth" 600;
  -webkit-overflow-scrolling: touch;
  font-size: 100%;
}
html.coming-soon, body.coming-soon {
  position: relative;
  display: flex;
  justify-content: center;
  --tw-bg-opacity: 1;
  background-color: rgba(255, 243, 112, var(--tw-bg-opacity));
}

* {
  box-sizing: border-box;
}

body:not(.safari) {
  font-feature-settings: "tnum" 1;
}

img {
  display: block;
  width: 100%;
}

.barba-wrapper {
  display: flex;
  height: 100%;
  min-height: 100vh;
  flex: 1 1 0%;
  flex-direction: column;
}
.barba-wrapper article {
  display: flex;
  min-height: 100vh;
  width: 100%;
  flex: 1 1 0%;
  flex-direction: column;
}
.barba-wrapper section {
  position: relative;
  z-index: 20;
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}
.barba-wrapper section:not(.no-pad):not(.full-width) {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
@media (min-width: 768px) {
  .barba-wrapper section:not(.no-pad):not(.full-width) {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
.barba-wrapper section.full-height {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
  justify-content: center;
}
.barba-wrapper section.full-width .section-inner {
  grid-column: 1 / -1;
}

.site-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1.25rem;
}
@media (min-width: 768px) {
  .site-grid {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .site-grid {
    gap: 2.5rem;
  }
}
.site-grid.no-gap {
  gap: 0px;
}

.section-inner {
  grid-column: span 4 / span 4;
  margin-top: 5rem;
  margin-bottom: 5rem;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: flex-start;
  gap: 1.25rem;
}
@media (min-width: 768px) {
  .section-inner {
    grid-column: span 6 / span 6;
  }
  .section-inner {
    grid-column-start: 2;
  }
  .section-inner {
    margin-top: 10rem;
    margin-bottom: 10rem;
  }
  .section-inner {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .section-inner {
    -moz-column-gap: 2.5rem;
         column-gap: 2.5rem;
  }
  .section-inner {
    row-gap: 5rem;
  }
}

.loading-screen {
  pointer-events: none;
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 40;
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  opacity: 0;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.loading-screen.active {
  opacity: 1;
}

.container {
  max-width: 2200px;
}

.btn {
  display: flex;
  height: 40px;
  align-items: center;
  justify-content: center;
  align-self: flex-start;
  border-width: 2px;
  border-color: transparent;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  line-height: 1;
  font-variation-settings: "wdth" 600;
}
@media (min-width: 768px) {
  .btn {
    height: 50px;
  }
  .btn {
    font-size: 1.25rem;
  }
}
.btn:hover {
  --tw-bg-opacity: 0.75;
}
.btn.outline {
  --tw-border-opacity: 1;
  border-color: rgba(0, 0, 0, var(--tw-border-opacity));
  background-color: transparent;
}
.btn.outline:hover {
  --tw-border-opacity: 0.75;
}
.btn.pill {
  height: 40px;
  border-radius: 9999px;
}
@media (min-width: 768px) {
  .btn.pill {
    height: 50px;
  }
}
.btn.circle {
  height: 40px;
  width: 40px;
  border-radius: 9999px;
  padding: 0px;
}
@media (min-width: 768px) {
  .btn.circle {
    height: 50px;
  }
  .btn.circle {
    width: 50px;
  }
}
.btn.circle .icon {
  margin-left: 0px;
}
.btn.circle-with-label {
  height: 40px;
  border-style: none;
  padding-top: 0px;
  padding-bottom: 0px;
}
@media (min-width: 0) and (max-width: 768px) {
  .btn.circle-with-label {
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media (min-width: 768px) {
  .btn.circle-with-label {
    height: 50px;
  }
}
.btn.circle-with-label:hover span {
  --tw-bg-opacity: 0.75;
}
.btn.circle-with-label:hover .label {
  opacity: 1;
}
.btn.circle-with-label .label {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-duration: 150ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
@media (min-width: 0) and (max-width: 768px) {
  .btn.circle-with-label .label {
    display: none;
  }
}
@media (min-width: 768px) {
  .btn.circle-with-label .label {
    opacity: 0;
  }
  .btn.circle-with-label .btn {
    margin-left: 1rem;
  }
}
.btn .icon {
  margin-left: 0.75rem;
}

a .btn-arrow, .btn .btn-arrow, button .btn-arrow {
  display: inline-block;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-duration: 150ms;
  transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
  will-change: transform;
}
a:hover .btn-arrow, .btn:hover .btn-arrow, button:hover .btn-arrow {
  --tw-translate-x: 0.25rem;
  transform: var(--tw-transform);
  --tw-translate-y: -0.25rem;
  transform: var(--tw-transform);
  transform: var(--tw-transform);
}

.entries-grid {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1.25rem;
}
@media (min-width: 768px) {
  .entries-grid {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }
  .entries-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .entries-grid {
    gap: 2.5rem;
  }
}
.entries-grid .entry:hover .entry-details {
  --tw-bg-opacity: 1;
  background-color: rgba(255, 243, 112, var(--tw-bg-opacity));
}
.entries-grid[data-cols="1-col"] .entry {
  grid-column: 1 / -1;
}
@media (min-width: 768px) {
  .entries-grid[data-cols="1-col"] .entry {
    display: grid;
  }
  .entries-grid[data-cols="1-col"] .entry {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .entries-grid[data-cols="1-col"] .entry {
    align-items: center;
  }
  .entries-grid[data-cols="1-col"] .entry {
    gap: 2.5rem;
  }
}
.entries-grid[data-cols="1-col"] .entry:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(255, 243, 112, var(--tw-bg-opacity));
}
.entries-grid[data-cols="1-col"] .entry-hero_image {
  grid-column: 1 / -1;
}
@media (min-width: 1024px) {
  .entries-grid[data-cols="1-col"] .entry-hero_image {
    grid-column: span 3 / span 3;
  }
}
.entries-grid[data-cols="1-col"] .entry-details {
  grid-column: 1 / -1;
  margin-top: 1.25rem;
}
@media (min-width: 1024px) {
  .entries-grid[data-cols="1-col"] .entry-details {
    grid-column: span 3 / span 3;
  }
}
.entries-grid[data-cols="2-col"] .entry {
  grid-column: 1 / -1;
}
@media (min-width: 768px) {
  .entries-grid[data-cols="2-col"] .entry {
    grid-column: span 3 / span 3;
  }
  .entries-grid[data-cols="2-col"] .entry {
    margin-bottom: 1.25rem;
  }
}
.entries-grid[data-cols="2-col"] .entry-details {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
@media (min-width: 768px) {
  .entries-grid[data-cols="2-col"] .entry-details {
    padding: 1.25rem;
  }
}
.entries-grid[data-cols="3-col"] .entry {
  grid-column: 1 / -1;
}
@media (min-width: 768px) {
  .entries-grid[data-cols="3-col"] .entry {
    grid-column: span 3 / span 3;
  }
}
@media (min-width: 1024px) {
  .entries-grid[data-cols="3-col"] .entry {
    grid-column: span 2 / span 2;
  }
}
.entries-grid[data-cols="3-col"] .entry-details {
  padding: 1.25rem;
  text-align: center;
}

#acknowledgement {
  pointer-events: none;
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  opacity: 0;
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-duration: 300ms;
  z-index: 99;
  backface-visibility: hidden;
  perspective: 1000;
  transform: translateZ(0);
}
#acknowledgement.active {
  pointer-events: auto;
  opacity: 1;
}
#acknowledgement .acknowledgement-inner {
  position: relative;
  margin: 1.25rem;
  display: flex;
  max-width: 100%;
  flex: 1 1 0%;
  --tw-translate-y: 0px;
  transform: var(--tw-transform);
  transform: var(--tw-transform);
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  border-radius: 100px;
  --tw-bg-opacity: 1;
  background-color: rgba(233, 233, 233, var(--tw-bg-opacity));
  padding: 1.25rem;
  text-align: center;
  opacity: 1;
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  height: calc(100vh - 40px);
  will-change: transform;
}
@media (min-width: 768px) {
  #acknowledgement .acknowledgement-inner {
    height: calc(100vh - 80px);
  }
  #acknowledgement .acknowledgement-inner {
    margin: 2.5rem;
  }
  #acknowledgement .acknowledgement-inner {
    padding: 2.5rem;
  }
}
#acknowledgement .acknowledgement-inner .acknowledgement-content {
  width: 100%;
  max-width: 900px;
}
#acknowledgement .acknowledgement-inner .acknowledgement-closer {
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 50;
  display: flex;
  justify-content: center;
  padding: 1.25rem;
}
@media (min-width: 768px) {
  #acknowledgement .acknowledgement-inner .acknowledgement-closer {
    padding: 2.5rem;
  }
}
#acknowledgement .acknowledgement-inner .acknowledgement-closer .icon-close {
  --tw-text-opacity: 1;
  color: rgba(0, 0, 0, var(--tw-text-opacity));
}
#acknowledgement .acknowledgement-inner .ack-switcher {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  padding: 1.25rem;
}
@media (min-width: 768px) {
  #acknowledgement .acknowledgement-inner .ack-switcher {
    padding: 2.5rem;
  }
}
#acknowledgement.hiding, #acknowledgement.hidden {
  opacity: 0;
  transition-delay: 200ms;
}
#acknowledgement.hiding .acknowledgement-inner, #acknowledgement.hidden .acknowledgement-inner {
  opacity: 0;
}
#acknowledgement.hidden {
  pointer-events: none;
}

img.lazy {
  opacity: 0;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-delay: 100ms;
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
img.lazy[lazy=loading] {
  opacity: 0;
}
img.lazy[lazy=loaded] {
  opacity: 1;
}

.image-zoom-container:hover .image-zoom-wrapper img {
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: var(--tw-transform);
}
.image-zoom-container .image-zoom-wrapper {
  width: 100%;
  overflow: hidden;
}
.image-zoom-container .image-zoom-wrapper img {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: var(--tw-transform);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-delay: 75ms;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  will-change: transform;
}

#loadingScreen {
  pointer-events: none;
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  --tw-bg-opacity: 1;
  background-color: rgba(101, 157, 191, var(--tw-bg-opacity));
  opacity: 0;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 99;
}
#loadingScreen.active, #loadingScreen.preload {
  opacity: 1;
}
#loadingScreen svg {
  height: 100%;
  width: 100%;
  max-width: 150px;
}
@media (min-width: 768px) {
  #loadingScreen svg {
    max-width: 350px;
  }
}

.level-1 {
  font-family: ACE Grot;
  line-height: 1.25;
  font-variation-settings: "wdth" 500;
  min-height: 0vw;
  font-size: 30px;
}
@media screen and (min-width: 640px) {
  .level-1 {
    font-size: calc(30px + 10 * (100vw - 640px) / 1560);
  }
}
@media screen and (min-width: 2200px) {
  .level-1 {
    font-size: 40px;
  }
}

.level-2 {
  font-family: ACE Grot;
  font-variation-settings: "wdth" 500;
  min-height: 0vw;
  font-size: 20px;
}
@media screen and (min-width: 640px) {
  .level-2 {
    font-size: calc(20px + 0 * (100vw - 640px) / 1560);
  }
}
@media screen and (min-width: 2200px) {
  .level-2 {
    font-size: 20px;
  }
}
@media (min-width: 768px) {
  .level-2 {
    font-variation-settings: "wdth" 600;
  }
}

.level-3, .btn {
  font-family: ACE Grot;
  font-variation-settings: "wdth" 600;
  min-height: 0vw;
  font-size: 11px;
}
@media screen and (min-width: 640px) {
  .level-3,
  .btn {
    font-size: calc(11px + 7 * (100vw - 640px) / 1560);
  }
}
@media screen and (min-width: 2200px) {
  .level-3,
  .btn {
    font-size: 18px;
  }
}

.level-p {
  font-family: ACE Grot;
  font-variation-settings: "wdth" 600;
  min-height: 0vw;
  font-size: 16px;
}
@media screen and (min-width: 640px) {
  .level-p {
    font-size: calc(16px + 14 * (100vw - 640px) / 1560);
  }
}
@media screen and (min-width: 2200px) {
  .level-p {
    font-size: 30px;
  }
}
@media (min-width: 768px) {
  .level-p {
    font-variation-settings: "wdth" 500;
  }
}

.level-logo {
  min-height: 0vw;
  font-size: 30px;
}
@media screen and (min-width: 640px) {
  .level-logo {
    font-size: calc(30px + 30 * (100vw - 640px) / 1560);
  }
}
@media screen and (min-width: 2200px) {
  .level-logo {
    font-size: 60px;
  }
}

.level-big-logo {
  font-variation-settings: "wdth" 400;
  min-height: 0vw;
  font-size: 60px;
}
@media screen and (min-width: 640px) {
  .level-big-logo {
    font-size: calc(60px + 180 * (100vw - 640px) / 1560);
  }
}
@media screen and (min-width: 2200px) {
  .level-big-logo {
    font-size: 240px;
  }
}

.level-24-30 {
  min-height: 0vw;
  font-size: 24px;
}
@media screen and (min-width: 640px) {
  .level-24-30 {
    font-size: calc(24px + 6 * (100vw - 640px) / 1560);
  }
}
@media screen and (min-width: 2200px) {
  .level-24-30 {
    font-size: 30px;
  }
}

.level-16-20 {
  min-height: 0vw;
  font-size: 16px;
}
@media screen and (min-width: 640px) {
  .level-16-20 {
    font-size: calc(16px + 4 * (100vw - 640px) / 1560);
  }
}
@media screen and (min-width: 2200px) {
  .level-16-20 {
    font-size: 20px;
  }
}

.level-30-80 {
  line-height: 1.25;
  min-height: 0vw;
  font-size: 30px;
}
@media screen and (min-width: 640px) {
  .level-30-80 {
    font-size: calc(30px + 30 * (100vw - 640px) / 1560);
  }
}
@media screen and (min-width: 2200px) {
  .level-30-80 {
    font-size: 60px;
  }
}

.copy > *, .copy p {
  margin-bottom: 1.25rem;
}
@media (min-width: 768px) {
  .copy > *, .copy p {
    margin-bottom: 2.5rem;
  }
}
.copy a {
  text-decoration: underline;
}
.copy a.btn, .copy a.inline-link {
  text-decoration: none;
}

.section-title {
  grid-column: 1 / -1;
  border-top-width: 2px;
  border-bottom-width: 2px;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  text-align: center;
}
@media (min-width: 768px) {
  .section-title {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
}

.component[type=content] h1, .component[type=content] h2, .component[type=content] h3, .component[type=content] h4, .component[type=content] level-1, .component[type=content] level-2, .component[type=content] level-3, .component[type=content] p {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
@media (min-width: 768px) {
  .component[type=content] h1, .component[type=content] h2, .component[type=content] h3, .component[type=content] h4, .component[type=content] level-1, .component[type=content] level-2, .component[type=content] level-3, .component[type=content] p {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }
}
.component[type=content] ul li {
  margin-left: 1.25rem;
  list-style-type: disc;
}
.component[type=content] ul li p {
  margin-top: 0px;
  margin-bottom: 0px;
}

footer, .comingsoon {
  position: relative;
  z-index: 20;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1.25rem;
  --tw-bg-opacity: 1;
  background-color: rgba(255, 243, 112, var(--tw-bg-opacity));
  padding: 1.25rem;
}
@media (min-width: 768px) {
  footer, .comingsoon {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  footer, .comingsoon {
    padding: 2.5rem;
  }
}
footer .back-to-top, .comingsoon .back-to-top {
  grid-column: 1 / -1;
  margin-bottom: 3rem;
  display: flex;
  justify-content: center;
}
@media (min-width: 768px) {
  footer .back-to-top, .comingsoon .back-to-top {
    margin-bottom: 5rem;
  }
}
footer .logo, .comingsoon .logo {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: ACE Grot;
}
footer .title-a, .comingsoon .title-a {
  grid-column: 1 / -1;
  font-feature-settings: "ss03" 1;
}
@media (min-width: 768px) {
  footer .title-a, .comingsoon .title-a {
    grid-column: span 4 / span 4;
  }
  footer .title-a, .comingsoon .title-a {
    grid-column-start: 3;
  }
}
footer .title-c, .comingsoon .title-c {
  grid-column: 1 / -1;
  justify-content: flex-start;
}
@media (min-width: 768px) {
  footer .title-c, .comingsoon .title-c {
    grid-column: span 5 / span 5;
  }
  footer .title-c, .comingsoon .title-c {
    justify-content: center;
  }
}
footer .title-e, .comingsoon .title-e {
  grid-column: 1 / -1;
  justify-content: flex-end;
  font-feature-settings: "ss03" 1;
}
@media (min-width: 768px) {
  footer .title-e, .comingsoon .title-e {
    grid-column: span 5 / span 5;
  }
  footer .title-e, .comingsoon .title-e {
    grid-column-start: 4;
  }
  footer .title-e, .comingsoon .title-e {
    justify-content: center;
  }
}
footer .footer-nav, .comingsoon .footer-nav {
  grid-column: 1 / -1;
  margin-top: 3rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
@media (min-width: 768px) {
  footer .footer-nav, .comingsoon .footer-nav {
    margin-top: 5rem;
  }
}
@media (min-width: 1200px) {
  footer .footer-nav, .comingsoon .footer-nav {
    grid-column: span 6 / span 6;
  }
  footer .footer-nav, .comingsoon .footer-nav {
    grid-column-start: 2;
  }
}
footer .footer-nav a, .comingsoon .footer-nav a {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
@media (min-width: 0) and (max-width: 768px) {
  footer .footer-nav a.hide-mobile, .comingsoon .footer-nav a.hide-mobile {
    display: none;
  }
}

.footer-acknowledgement {
  position: relative;
  z-index: 20;
  margin-bottom: 5rem;
  padding: 1.25rem;
}
@media (min-width: 768px) {
  .footer-acknowledgement {
    padding: 2.5rem;
  }
}
.footer-acknowledgement .ack-switcher {
  margin-bottom: 3rem;
  display: flex;
}
@media (min-width: 768px) {
  .footer-acknowledgement .ack-switcher {
    margin-bottom: 5rem;
  }
}

#home {
  height: 100%;
  flex: 1 1 0%;
}
#home .home-intro.page-intro {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
@media (min-width: 768px) {
  #home .home-intro.page-intro {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
}
#home .home-intro.page-intro .ace-logo {
  display: flex;
  display: none;
  width: 100%;
  justify-content: center;
  font-variation-settings: "wdth" 400;
}
@media (min-width: 769px) {
  #home .home-intro.page-intro .ace-logo {
    bottom: 2.5rem;
  }
  #home .home-intro.page-intro .ace-logo {
    display: flex;
  }
}
#home .home-intro.page-intro .ace-logo a {
  display: block;
}
#home .home-intro.page-intro .ace-logo svg {
  height: 100%;
}
@media (min-width: 769px) {
  #home .home-intro.page-intro .ace-logo svg {
    width: 24rem;
  }
}
#home .home-intro-builder {
  grid-column: 1 / -1;
  justify-content: flex-start;
  padding-bottom: 2.5rem;
}
#home .home-intro-builder .home-block {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#home .home-intro-builder .home-block[data-type=dual][data-size="2"] {
  grid-column: span 3 / span 3;
}
@media (min-width: 1024px) {
  #home .home-intro-builder .home-block[data-type=dual][data-size="2"] {
    grid-column: span 4 / span 4;
  }
}
@media (min-width: 1400px) {
  #home .home-intro-builder .home-block[data-type=dual][data-size="2"] {
    grid-column: span 2 / span 2;
  }
}
#home .home-intro-builder .home-block[data-type=single][data-size="2"] {
  grid-column: span 2 / span 2;
}
#home .home-intro-builder .home-block[data-size="2"] {
  grid-column: span 2 / span 2;
}
#home .home-intro-builder .home-block[data-size="4"] {
  grid-column: span 4 / span 4;
}
#home .home-intro-builder .home-block[data-type=image] {
  display: flex;
  flex-shrink: 1;
  align-items: flex-start;
}
#home .home-intro-builder .home-block[data-type=image] img {
  height: 100%;
  max-height: 70vh;
  width: 100%;
}
#home .home-featured-current {
  --tw-bg-opacity: 1;
  background-color: rgba(209, 225, 175, var(--tw-bg-opacity));
}
#home .home-featured-current .entry.featured-current {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1.25rem;
}
@media (min-width: 768px) {
  #home .home-featured-current .entry.featured-current {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {
  #home .home-featured-current .entry.featured-current {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  #home .home-featured-current .entry.featured-current {
    gap: 2.5rem;
  }
}
#home .home-featured-current .entry.featured-current:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(255, 243, 112, var(--tw-bg-opacity));
}
#home .latest-block {
  grid-column: 1 / -1;
  border-radius: 1.5rem;
  --tw-bg-opacity: 1;
  padding: 1.25rem;
  text-align: center;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
@media (min-width: 768px) {
  #home .latest-block {
    padding: 2.5rem;
  }
  #home .latest-block[data-width=half] {
    grid-column: span 3 / span 3;
  }
  #home .latest-block[data-width=full] {
    grid-column: span 6 / span 6;
  }
}
#home .latest-block:hover {
  opacity: 0.75;
}

nav {
  pointer-events: none;
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 50;
  overflow-y: scroll;
  --tw-bg-opacity: 1;
  background-color: rgba(199, 170, 182, var(--tw-bg-opacity));
  padding: 1.25rem;
  opacity: 0;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
@media (min-width: 768px) {
  nav {
    padding: 2.5rem;
  }
}
@media (min-width: 1400px) {
  nav {
    display: grid;
  }
  nav {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  nav {
    gap: 2.5rem;
  }
  nav .nav-col {
    grid-column: span 2 / span 2;
  }
}
nav.active {
  pointer-events: auto;
  opacity: 1;
  transition-delay: 0ms;
}
nav.loading * {
  cursor: wait;
}
nav .nav-title {
  margin-bottom: 0.5rem;
  cursor: pointer;
  font-variation-settings: "wdth" 500;
}
@media (min-width: 768px) {
  nav .nav-title {
    margin-bottom: 0px;
  }
}
nav .nav-links {
  margin-top: 1.25rem;
  margin-bottom: 2.5rem;
  display: none;
  flex-direction: column;
  font-variation-settings: "wdth" 500;
}
nav .nav-links.open {
  display: flex;
}
@media (min-width: 1400px) {
  nav .nav-links {
    margin-top: 2.5rem;
  }
  nav .nav-links {
    margin-bottom: 0px;
  }
  nav .nav-links {
    display: flex;
  }
}
nav .nav-links a, nav .nav-links span {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
  display: block;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-duration: 100ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
nav .nav-links a:hover, nav .nav-links span:hover {
  margin-left: 0.5rem;
}

@media (min-width: 769px) {
  .corner-nav button:last-child {
    margin-top: 1.25rem;
  }
}
@media (min-width: 0) and (max-width: 768px) {
  .corner-nav {
    display: none;
  }
}

@media (min-width: 769px) {
  .open-nav {
    position: sticky;
  }
  .open-nav {
    left: 2.5rem;
  }
  .open-nav {
    bottom: 2.5rem;
  }
  .open-nav.open-nav-mobile {
    display: none;
  }
}
@media (min-width: 0) and (max-width: 768px) {
  .open-nav.open-nav-desktop {
    display: none;
  }
}

.close-nav {
  position: fixed;
}
@media (min-width: 0) and (max-width: 768px) {
  .close-nav {
    bottom: 1.25rem;
  }
  .close-nav {
    left: 1.25rem;
  }
}
@media (min-width: 768px) {
  .close-nav {
    bottom: 2.5rem;
  }
  .close-nav {
    left: 2.5rem;
  }
}
@media (min-width: 769px) {
  .close-nav.close-nav-mobile {
    display: none;
  }
}
@media (min-width: 0) and (max-width: 768px) {
  .close-nav.close-nav-desktop {
    display: none;
  }
}

.fixed-nav {
  pointer-events: none;
  position: fixed;
  bottom: 0px;
  z-index: 40;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
@media (min-width: 769px) {
  .fixed-nav {
    position: sticky;
  }
  .fixed-nav {
    bottom: 0px;
  }
  .fixed-nav {
    background-color: transparent;
  }
  .fixed-nav {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
}
.fixed-nav .access-btn {
  pointer-events: auto;
  align-self: flex-end;
}
@media (min-width: 0) and (max-width: 768px) {
  .fixed-nav .access-btn {
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media (min-width: 769px) {
  .fixed-nav .ace-logo {
    display: none;
  }
}
.fixed-nav button {
  pointer-events: auto;
  z-index: 20;
}

.fixed-ace-logo {
  display: none;
}
@media (min-width: 769px) {
  .fixed-ace-logo {
    position: absolute;
  }
  .fixed-ace-logo {
    bottom: 1.25rem;
  }
  .fixed-ace-logo {
    left: 0px;
  }
  .fixed-ace-logo {
    right: 0px;
  }
  .fixed-ace-logo {
    z-index: 10;
  }
  .fixed-ace-logo {
    display: flex;
  }
  .fixed-ace-logo {
    width: 100%;
  }
  .fixed-ace-logo {
    justify-content: center;
  }
  .fixed-ace-logo {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
  .fixed-ace-logo svg {
    height: 100%;
  }
  .fixed-ace-logo svg {
    width: 200px;
  }
}

.ace-logo {
  pointer-events: auto;
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 10;
  display: flex;
  flex: 1 1 0%;
  align-items: center;
  justify-content: center;
}
@media (min-width: 0) and (max-width: 768px) {
  .ace-logo {
    height: 100%;
  }
  .ace-logo {
    width: 100%;
  }
}
@media (min-width: 769px) {
  .ace-logo {
    bottom: 1.25rem;
  }
}
.ace-logo a {
  display: block;
}
.ace-logo svg {
  height: 100%;
  width: 4rem;
}
@media (min-width: 769px) {
  .ace-logo svg {
    width: 10rem;
  }
}

.section-nav {
  display: none;
}
@media (min-width: 1024px) {
  .section-nav {
    pointer-events: none;
  }
  .section-nav {
    position: sticky;
  }
  .section-nav {
    bottom: 70%;
  }
  .section-nav {
    z-index: 40;
  }
  .section-nav {
    margin-left: 2.5rem;
  }
  .section-nav {
    display: flex;
  }
  .section-nav {
    flex-direction: column;
  }
  .section-nav a {
    pointer-events: auto;
  }
  .section-nav a {
    display: inline-block;
  }
  .section-nav a {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
  .section-nav a {
    transition-duration: 100ms;
  }
  .section-nav a {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
  .section-nav a:hover {
    margin-left: 0.5rem;
  }
}

.icon {
  display: flex;
  height: 1rem;
  width: 1rem;
  align-items: center;
  justify-content: center;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (min-width: 768px) {
  .icon {
    height: 1.5rem;
  }
  .icon {
    width: 1.5rem;
  }
}
.icon svg {
  height: 100%;
  width: 100%;
  stroke: currentColor;
  fill: none;
}
.icon.icon-access-icon {
  height: 1.5rem;
  width: 1.5rem;
}
@media (min-width: 768px) {
  .icon.icon-access-icon {
    height: 2rem;
  }
  .icon.icon-access-icon {
    width: 2rem;
  }
}
.icon.icon-access-icon svg {
  fill: currentColor;
  stroke-width: 0;
}
.icon.icon-accessibility {
  height: 1.5rem;
  width: 1.5rem;
}
@media (min-width: 768px) {
  .icon.icon-accessibility {
    height: 2rem;
  }
  .icon.icon-accessibility {
    width: 2rem;
  }
}
.icon.icon-accessibility svg {
  fill: currentColor;
  stroke-width: 0;
}
.icon.icon-accessibility svg circle {
  fill: none;
}

section.event-hero {
  position: relative;
  display: flex;
  min-height: 100vh;
  flex-direction: column;
  align-items: flex-start;
}
@media (min-width: 768px) {
  section.event-hero {
    display: grid;
  }
  section.event-hero {
    flex-direction: row;
  }
}
section.event-hero .event-title, section.event-hero .event-details {
  z-index: 40;
  display: flex;
  width: 100%;
  flex-direction: column;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
@media (min-width: 768px) {
  section.event-hero .event-title, section.event-hero .event-details {
    position: sticky;
  }
  section.event-hero .event-title, section.event-hero .event-details {
    top: 0px;
  }
  section.event-hero .event-title, section.event-hero .event-details {
    height: 8rem;
  }
  section.event-hero .event-title, section.event-hero .event-details {
    width: auto;
  }
  section.event-hero .event-title, section.event-hero .event-details {
    justify-content: center;
  }
  section.event-hero .event-title, section.event-hero .event-details {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  section.event-hero .event-title, section.event-hero .event-details {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
section.event-hero .event-title {
  order: 2;
  grid-column: span 4 / span 4;
  display: flex;
}
@media (min-width: 768px) {
  section.event-hero .event-title {
    order: 1;
  }
  section.event-hero .event-title {
    grid-column: span 5 / span 5;
  }
}
@media (min-width: 1400px) {
  section.event-hero .event-title {
    grid-column: span 6 / span 6;
  }
}
@media (min-width: 0) and (max-width: 768px) {
  section.event-hero .event-title {
    position: sticky;
  }
  section.event-hero .event-title {
    top: 0px;
  }
}
section.event-hero .event-details {
  order: 1;
  grid-column: span 4 / span 4;
}
@media (min-width: 768px) {
  section.event-hero .event-details {
    order: 2;
  }
  section.event-hero .event-details {
    grid-column: span 3 / span 3;
  }
}
@media (min-width: 1400px) {
  section.event-hero .event-details {
    grid-column: span 2 / span 2;
  }
}
section.event-hero .hero-image {
  order: 9999;
  display: flex;
  height: 100%;
  width: 100%;
  flex: 1 1 0%;
  align-items: center;
  justify-content: center;
  padding-bottom: 3.5rem;
}
@media (min-width: 768px) {
  section.event-hero .hero-image {
    position: absolute;
  }
  section.event-hero .hero-image {
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
  }
  section.event-hero .hero-image {
    grid-column: 1 / -1;
  }
  section.event-hero .hero-image {
    padding-bottom: 0px;
  }
}
section.event-hero .hero-image .image-wrapper {
  max-height: 70vh;
  max-width: 70vw;
}
@media (min-width: 768px) {
  section.event-hero .hero-image .image-wrapper {
    max-width: 48rem;
  }
}
section.event-hero .hero-image .image-wrapper img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 0) and (max-width: 768px) {
  section.event-hero .hero-image .image-wrapper p {
    display: none;
  }
}

section.event-content .event-intro {
  order: 1;
  grid-column: span 4 / span 4;
  margin-bottom: 1.25rem;
}
@media (min-width: 769px) {
  section.event-content .event-intro {
    order: 1;
  }
  section.event-content .event-intro {
    grid-column: span 5 / span 5;
  }
}
section.event-content .event-details {
  order: 9999;
  grid-column: span 4 / span 4;
}
@media (min-width: 769px) {
  section.event-content .event-details {
    order: 2;
  }
  section.event-content .event-details {
    grid-column: span 2 / span 2;
  }
}
section.event-content .event-description {
  order: 2;
  grid-column: span 4 / span 4;
}
section.event-content .accessibility {
  margin-top: 2.5rem;
}
@media (min-width: 768px) {
  section.event-content .accessibility {
    margin-top: 5rem;
  }
}
section.event-content .accessibility .accessibility-icons {
  margin-top: 0.75rem;
  display: flex;
  flex-wrap: wrap;
}
section.event-content .accessibility .accessibility-icons button {
  margin-right: 0.75rem;
  margin-bottom: 0.75rem;
}

.component.full-width {
  grid-column: 1 / -1;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
@media (min-width: 768px) {
  .component.full-width {
    grid-column: span 8 / span 8;
  }
  .component.full-width {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
}
.component[type=people-list] {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1.25rem;
}
@media (min-width: 768px) {
  .component[type=people-list] {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .component[type=people-list] {
    gap: 2.5rem;
  }
}
.component[type=people-list] .person-group {
  grid-column: span 4 / span 4;
}
@media (min-width: 768px) {
  .component[type=people-list] .person-group {
    grid-column: span 6 / span 6;
  }
  .component[type=people-list] .person-group > div {
    --tw-bg-opacity: 1;
    background-color: rgba(255, 243, 112, var(--tw-bg-opacity));
  }
}
.component[type=content-slideshow] {
  position: relative;
  z-index: 10;
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
@media (min-width: 768px) {
  .component[type=content-slideshow] {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}
.component[type=content-slideshow] .swiper-outer {
  grid-column: 1 / -1;
}
.component[type=content-slideshow] .swiper-wrapper {
  cursor: pointer;
  align-items: center;
}
.component[type=content-slideshow] .swiper-wrapper .swiper-inner {
  margin-left: auto;
  margin-right: auto;
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
  max-width: 48rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
@media (min-width: 768px) {
  .component[type=content-slideshow] .swiper-wrapper .swiper-inner {
    margin-top: 5rem;
    margin-bottom: 5rem;
  }
  .component[type=content-slideshow] .swiper-wrapper .swiper-inner {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
.component[type=content-slideshow] .swiper-wrapper img {
  margin-bottom: 2.5rem;
}
@media (min-width: 768px) {
  .component[type=content-slideshow] .swiper-wrapper img {
    margin-bottom: 5rem;
  }
}
.component[type=content-slideshow] .splide__pagination {
  counter-reset: pagination-num;
}
.component[type=content-slideshow] .splide__pagination button {
  display: flex;
  height: 1.75rem;
  width: 1.75rem;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  border-width: 2px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgba(0, 0, 0, var(--tw-border-opacity));
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgba(0, 0, 0, var(--tw-text-opacity));
  opacity: 1;
  font-variant-numeric: lining-nums;
}
.component[type=content-slideshow] .splide__pagination button.is-active {
  transform: none;
  --tw-bg-opacity: 1;
  background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.component[type=content-slideshow] .splide__pagination__page:before {
  counter-increment: pagination-num;
  content: counter(pagination-num);
}
.component[type=content-slideshow] .swiper-alt {
  pointer-events: none;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 50;
  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  --tw-bg-opacity: 1;
  background-color: rgba(255, 243, 112, var(--tw-bg-opacity));
  padding: 1.25rem;
  opacity: 0;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-duration: 150ms;
  transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955);
}
@media (min-width: 768px) {
  .component[type=content-slideshow] .swiper-alt {
    padding: 2.5rem;
  }
}
.component[type=content-slideshow] .swiper-alt.on-colour {
  --tw-bg-opacity: 1;
  background-color: rgba(101, 157, 191, var(--tw-bg-opacity));
}
.component[type=content-slideshow] .swiper-alt.active {
  pointer-events: auto;
  opacity: 1;
}
.component[type=content-slideshow] .swiper-alt span {
  max-width: 28rem;
  text-align: center;
}
.component[type=slideshow], .component[type=vue-slideshow] {
  position: relative;
  z-index: 10;
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
@media (min-width: 768px) {
  .component[type=slideshow], .component[type=vue-slideshow] {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}
.component[type=slideshow] .swiper-outer, .component[type=vue-slideshow] .swiper-outer {
  grid-column: span 4 / span 4;
  margin-bottom: 2rem;
}
@media (min-width: 768px) {
  .component[type=slideshow] .swiper-outer, .component[type=vue-slideshow] .swiper-outer {
    grid-column: span 8 / span 8;
  }
}
.component[type=slideshow] .swiper-wrapper, .component[type=vue-slideshow] .swiper-wrapper {
  cursor: pointer;
}
.component[type=slideshow] .swiper-slide, .component[type=vue-slideshow] .swiper-slide {
  --tw-bg-opacity: 1;
  background-color: rgba(255, 243, 112, var(--tw-bg-opacity));
}
.component[type=slideshow] .swiper-footer, .component[type=vue-slideshow] .swiper-footer {
  margin-top: 1.25rem;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1.25rem;
  text-align: left;
}
@media (min-width: 768px) {
  .component[type=slideshow] .swiper-footer, .component[type=vue-slideshow] .swiper-footer {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .component[type=slideshow] .swiper-footer, .component[type=vue-slideshow] .swiper-footer {
    gap: 2.5rem;
  }
}
.component[type=slideshow] .swiper-footer .swiper-controls, .component[type=vue-slideshow] .swiper-footer .swiper-controls {
  grid-column: 1 / -1;
}
@media (min-width: 768px) {
  .component[type=slideshow] .swiper-footer .swiper-controls, .component[type=vue-slideshow] .swiper-footer .swiper-controls {
    grid-column: span 2 / span 2;
  }
}
@media (min-width: 0) and (max-width: 768px) {
  .component[type=slideshow] .swiper-footer .swiper-controls, .component[type=vue-slideshow] .swiper-footer .swiper-controls {
    display: grid;
  }
  .component[type=slideshow] .swiper-footer .swiper-controls, .component[type=vue-slideshow] .swiper-footer .swiper-controls {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .component[type=slideshow] .swiper-footer .swiper-controls, .component[type=vue-slideshow] .swiper-footer .swiper-controls {
    gap: 1.25rem;
  }
  .component[type=slideshow] .swiper-footer .swiper-controls .swiper-custom-pagination, .component[type=vue-slideshow] .swiper-footer .swiper-controls .swiper-custom-pagination {
    grid-column: span 1 / span 1;
  }
}
.component[type=slideshow] .swiper-footer .swiper-controls .swiper-nav, .component[type=vue-slideshow] .swiper-footer .swiper-controls .swiper-nav {
  display: flex;
}
@media (min-width: 0) and (max-width: 768px) {
  .component[type=slideshow] .swiper-footer .swiper-controls .swiper-nav, .component[type=vue-slideshow] .swiper-footer .swiper-controls .swiper-nav {
    grid-column: span 3 / span 3;
  }
}
.component[type=slideshow] .swiper-footer .swiper-controls .swiper-nav > a, .component[type=slideshow] .swiper-footer .swiper-controls .swiper-nav > div, .component[type=vue-slideshow] .swiper-footer .swiper-controls .swiper-nav > a, .component[type=vue-slideshow] .swiper-footer .swiper-controls .swiper-nav > div {
  margin-right: 0.75rem;
  cursor: pointer;
}
.component[type=slideshow] .swiper-footer .swiper-controls .swiper-nav .disabled, .component[type=vue-slideshow] .swiper-footer .swiper-controls .swiper-nav .disabled {
  cursor: default;
  opacity: 0.2;
}
.component[type=slideshow] .swiper-footer .swiper-caption, .component[type=vue-slideshow] .swiper-footer .swiper-caption {
  grid-column: span 3 / span 3;
}
@media (min-width: 768px) {
  .component[type=slideshow] .swiper-footer .swiper-caption, .component[type=vue-slideshow] .swiper-footer .swiper-caption {
    grid-column: span 4 / span 4;
  }
}
.component[type=slideshow] .swiper-alt, .component[type=vue-slideshow] .swiper-alt {
  pointer-events: none;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 50;
  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  --tw-bg-opacity: 1;
  background-color: rgba(255, 243, 112, var(--tw-bg-opacity));
  padding: 1.25rem;
  opacity: 0;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-duration: 150ms;
  transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955);
}
@media (min-width: 768px) {
  .component[type=slideshow] .swiper-alt, .component[type=vue-slideshow] .swiper-alt {
    padding: 2.5rem;
  }
}
.component[type=slideshow] .swiper-alt.on-colour, .component[type=vue-slideshow] .swiper-alt.on-colour {
  --tw-bg-opacity: 1;
  background-color: rgba(101, 157, 191, var(--tw-bg-opacity));
}
.component[type=slideshow] .swiper-alt.active, .component[type=vue-slideshow] .swiper-alt.active {
  pointer-events: auto;
  opacity: 1;
}
.component[type=slideshow] .swiper-alt span, .component[type=vue-slideshow] .swiper-alt span {
  max-width: 28rem;
  text-align: center;
}
.component[type=slideshow].no-pad .swiper-footer, .component[type=vue-slideshow].no-pad .swiper-footer {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
@media (min-width: 768px) {
  .component[type=slideshow].no-pad .swiper-footer, .component[type=vue-slideshow].no-pad .swiper-footer {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
.component[type=vue-slideshow] .swiper-wrapper {
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
}
.component[type=vue-slideshow] .swiper-wrapper .swiper-slide {
  scroll-snap-align: start;
}
.component[type=single-image] {
  grid-column: 1 / -1;
}
@media (min-width: 768px) {
  .component[type=single-image].full {
    grid-column: 1 / -1;
  }
  .component[type=single-image].left {
    grid-column: span 4 / span 4;
  }
  .component[type=single-image].right {
    grid-column: span 4 / span 4;
  }
  .component[type=single-image].right {
    grid-column-start: 3;
  }
  .component[type=single-image].centered {
    grid-column: span 4 / span 4;
  }
  .component[type=single-image].centered {
    grid-column-start: 2;
  }
}
.component[type=single-image] img.image-portrait {
  max-width: 80%;
}
.component[type=image-group] {
  grid-column: 1 / -1;
}
@media (min-width: 1024px) {
  .component[type=image-group].half {
    grid-column: span 3 / span 3;
  }
  .component[type=image-group].half.align-right {
    grid-column-start: 4;
  }
}
.component[type=single-image] .image-wrapper, .component[type=image-group] .image-wrapper {
  position: relative;
}
.component[type=single-image] .image-alt, .component[type=image-group] .image-alt {
  pointer-events: none;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 30;
  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  --tw-bg-opacity: 1;
  background-color: rgba(255, 243, 112, var(--tw-bg-opacity));
  padding: 1.25rem;
  text-align: center;
  opacity: 0;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-duration: 150ms;
  transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955);
}
@media (min-width: 768px) {
  .component[type=single-image] .image-alt, .component[type=image-group] .image-alt {
    padding: 1.25rem;
  }
}
.component[type=single-image] .image-alt.on-colour, .component[type=image-group] .image-alt.on-colour {
  --tw-bg-opacity: 1;
  background-color: rgba(101, 157, 191, var(--tw-bg-opacity));
}
.component[type=single-image] .image-alt.active, .component[type=image-group] .image-alt.active {
  pointer-events: auto;
  opacity: 1;
}
.component[type=single-image] .image-alt span, .component[type=image-group] .image-alt span {
  max-width: 28rem;
  text-align: center;
}
.component[type=single-image] .image-caption, .component[type=image-group] .image-caption {
  margin-top: 0.5rem;
}
.component[type=single-image] img, .component[type=image-group] img {
  cursor: pointer;
}
.component[type=content] {
  grid-column: 1 / -1;
}
@media (min-width: 768px) {
  .component[type=content].full {
    grid-column: 1 / -1;
  }
  .component[type=content].left {
    grid-column: span 4 / span 4;
  }
  .component[type=content].right {
    grid-column: span 4 / span 4;
  }
  .component[type=content].right {
    grid-column-start: 3;
  }
  .component[type=content].centered {
    grid-column: span 4 / span 4;
  }
  .component[type=content].centered {
    grid-column-start: 2;
  }
}
.component[type=content] img {
  margin-left: auto;
  margin-right: auto;
  width: auto;
  max-width: none;
}
.component[type=studio-artists] {
  grid-column: 1 / -1;
  margin-top: 5rem;
  margin-bottom: 5rem;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: flex-start;
  gap: 1.25rem;
}
@media (min-width: 768px) {
  .component[type=studio-artists] {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .component[type=studio-artists] {
    gap: 2.5rem;
  }
}
.component[type=studio-artists] .years {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media (min-width: 768px) {
  .component[type=studio-artists] .years {
    grid-column: span 6 / span 6;
  }
  .component[type=studio-artists] .years {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }
}
.component[type=studio-artists] .years p {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.component[type=studio-artists] .artist {
  grid-column: 1 / -1;
  margin-bottom: 2.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
@media (min-width: 768px) {
  .component[type=studio-artists] .artist {
    grid-column: span 3 / span 3;
  }
  .component[type=studio-artists] .artist {
    margin-bottom: 0px;
  }
}
@media (min-width: 1200px) {
  .component[type=studio-artists] .artist {
    grid-column: span 2 / span 2;
  }
}
.component[type=studio-artists] .artist .image-zoom-wrapper {
  margin-bottom: 1.25rem;
  border-radius: 50px;
}
.component[type=porter-street-commission-recipients] {
  grid-column: 1 / -1;
  margin-top: 5rem;
  margin-bottom: 5rem;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: flex-start;
  gap: 1.25rem;
}
@media (min-width: 768px) {
  .component[type=porter-street-commission-recipients] {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .component[type=porter-street-commission-recipients] {
    gap: 2.5rem;
  }
}
.component[type=porter-street-commission-recipients] .years {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media (min-width: 768px) {
  .component[type=porter-street-commission-recipients] .years {
    grid-column: span 6 / span 6;
  }
  .component[type=porter-street-commission-recipients] .years {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }
}
.component[type=porter-street-commission-recipients] .years p {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.component[type=porter-street-commission-recipients] .artist {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: flex-start;
  gap: 1.25rem;
}
@media (min-width: 768px) {
  .component[type=porter-street-commission-recipients] .artist {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .component[type=porter-street-commission-recipients] .artist {
    gap: 2.5rem;
  }
}
.component[type=porter-street-commission-recipients] .artist .profile-image {
  grid-column: 1 / -1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
@media (min-width: 768px) {
  .component[type=porter-street-commission-recipients] .artist .profile-image {
    grid-column: span 2 / span 2;
  }
}
.component[type=porter-street-commission-recipients] .artist .profile-image .image-zoom-wrapper {
  margin-bottom: 1.25rem;
  border-radius: 50px;
}
.component[type=porter-street-commission-recipients] .artist .profile-bio {
  grid-column: 1 / -1;
}
@media (min-width: 768px) {
  .component[type=porter-street-commission-recipients] .artist .profile-bio {
    grid-column: span 4 / span 4;
  }
  .component[type=porter-street-commission-recipients] .artist .profile-bio {
    padding-top: 5rem;
  }
}
.component[type=porter-street-commission-recipients] .entry {
  grid-column: 1 / -1;
  margin-top: 2.5rem;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1.25rem;
}
@media (min-width: 768px) {
  .component[type=porter-street-commission-recipients] .entry {
    margin-top: 5rem;
  }
  .component[type=porter-street-commission-recipients] .entry {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .component[type=porter-street-commission-recipients] .entry {
    gap: 2.5rem;
  }
}
.component[type=porter-street-commission-recipients] .entry:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(255, 243, 112, var(--tw-bg-opacity));
}
.component[type=porter-street-commission-recipients] .entry-hero_image, .component[type=porter-street-commission-recipients] .entry-details {
  grid-column: 1 / -1;
}
@media (min-width: 768px) {
  .component[type=porter-street-commission-recipients] .entry-hero_image, .component[type=porter-street-commission-recipients] .entry-details {
    grid-column: span 3 / span 3;
  }
}
.component[type=porter-street-commission-recipients] .entry .entry-details {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.component[type=accordion] {
  grid-column: 1 / -1;
}
@media (min-width: 768px) {
  .component[type=accordion] {
    grid-column: span 4 / span 4;
  }
  .component[type=accordion] {
    grid-column-start: 2;
  }
}
.component[type=accordion] .accordion {
  overflow: hidden;
  border-bottom-width: 2px;
}
.component[type=accordion] .accordion:first-child {
  border-top-width: 2px;
}
.component[type=accordion] .accordion:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(255, 243, 112, var(--tw-bg-opacity));
}
.component[type=accordion] .accordion-title {
  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: space-between;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  padding-left: 1rem;
  padding-right: 1rem;
}
.component[type=accordion] .accordion-title svg {
  height: 40px;
  width: 40px;
  --tw-text-opacity: 1;
  color: rgba(0, 0, 0, var(--tw-text-opacity));
}
.component[type=accordion] .accordion-title svg line {
  stroke: currentColor;
  --tw-text-opacity: 1;
  color: rgba(0, 0, 0, var(--tw-text-opacity));
}
.component[type=accordion] .accordion-content {
  max-height: 0px;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
.component[type=accordion] .accordion-content p {
  margin-bottom: 1.25rem;
}
.component[type=accordion] .accordion.open .accordion-content {
  max-height: 100vh;
  padding-bottom: 1.25rem;
}
.component[type=accordion] .accordion-content-inner {
  padding-left: 1rem;
  padding-right: 1rem;
  padding-bottom: 1.25rem;
  padding-right: 5rem;
}
.component[type=icon-grid] {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
@media (min-width: 768px) {
  .component[type=icon-grid] {
    display: grid;
  }
  .component[type=icon-grid] {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}
.component[type=icon-grid] .image {
  grid-column: span 2 / span 2;
}
.component[type=staff-list] {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1.25rem;
}
@media (min-width: 1024px) {
  .component[type=staff-list] {
    display: grid;
  }
  .component[type=staff-list] {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .component[type=staff-list] {
    gap: 2.5rem;
  }
}
.component[type=staff-list] .staff, .component[type=staff-list] .profile, .component[type=staff-list] .board {
  grid-column: 1 / -1;
}
@media (min-width: 1400px) {
  .component[type=staff-list] .staff, .component[type=staff-list] .profile, .component[type=staff-list] .board {
    grid-column: span 3 / span 3;
  }
}
.component[type=staff-list] img {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  max-width: 24rem;
}
@media (min-width: 1400px) {
  .component[type=staff-list] img {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }
  .component[type=staff-list] img.mobile-illustration {
    display: none;
  }
}
.component[type=staff-list] img.desktop-illustration {
  display: none;
}
@media (min-width: 1400px) {
  .component[type=staff-list] img.desktop-illustration {
    display: block;
  }
}
.component[type=map] {
  grid-column: 1 / -1;
  margin-bottom: 2.5rem;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1.25rem;
}
@media (min-width: 768px) {
  .component[type=map] {
    margin-bottom: 0px;
  }
  .component[type=map] {
    display: grid;
  }
  .component[type=map] {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .component[type=map] {
    gap: 2.5rem;
  }
}
.component[type=map] .map {
  grid-column: 1 / -1;
  height: 100%;
  min-height: 500px;
  width: 100%;
}
@media (min-width: 769px) {
  .component[type=map] .map {
    grid-column: span 4 / span 4;
  }
  .component[type=map] .map {
    grid-column-start: 2;
  }
}
.component[type=two-col-content] {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1.25rem;
}
@media (min-width: 769px) {
  .component[type=two-col-content] {
    display: grid;
  }
  .component[type=two-col-content] {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .component[type=two-col-content] {
    gap: 2.5rem;
  }
}
.component[type=two-col-content] .two-col-inner-grid {
  grid-column: span 4 / span 4;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1.25rem;
}
@media (min-width: 769px) {
  .component[type=two-col-content] .two-col-inner-grid {
    grid-column: span 4 / span 4;
  }
  .component[type=two-col-content] .two-col-inner-grid {
    grid-column-start: 2;
  }
  .component[type=two-col-content] .two-col-inner-grid {
    display: grid;
  }
  .component[type=two-col-content] .two-col-inner-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .component[type=two-col-content] .two-col-inner-grid {
    gap: 2.5rem;
  }
}
.component[type=two-col-content] .copy {
  grid-column: 1 / -1;
  text-align: center;
}
@media (min-width: 768px) {
  .component[type=two-col-content] .copy {
    grid-column: span 2 / span 2;
  }
}
@media (min-width: 769px) {
  .component[type=two-col-content] .copy {
    grid-column: span 2 / span 2;
  }
}
.component[type=video], .component[type=audio] {
  grid-column: 1 / -1;
  display: grid;
  min-height: 300px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: center;
  gap: 1.25rem;
}
@media (min-width: 769px) {
  .component[type=video], .component[type=audio] {
    display: grid;
  }
  .component[type=video], .component[type=audio] {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .component[type=video], .component[type=audio] {
    gap: 2.5rem;
  }
}
.component[type=video] video, .component[type=audio] video {
  grid-column: 1 / -1;
  width: 100%;
  opacity: 0;
}
.component[type=video] audio, .component[type=audio] audio {
  grid-column: 1 / -1;
  width: 100%;
  opacity: 0;
}
.component[type=video] .plyr, .component[type=audio] .plyr {
  grid-column: 1 / -1;
  --plyr-color-main: black;
  --plyr-video-controls-background: white;
  --plyr-audio-controls-background: white;
  --plyr-video-control-color: black;
  --plyr-audio-control-color: black;
  --plyr-video-control-color-hover: black;
  --plyr-audio-control-color-hover: black;
  --plyr-video-control-background-hover: transparent;
  --plyr-audio-control-background-hover: transparent;
  --plyr-control-spacing: 15px;
  --plyr-video-range-track-background: rgba(0,0,0,0.3);
  --plyr-audio-range-track-background: rgba(0,0,0,0.3);
  --plyr-video-progress-buffered-background: black;
  --plyr-audio-progress-buffered-background: black;
  --plyr-range-thumb-background: black;
  --plyr-range-thumb-shadow: none;
  --plyr-range-track-height: 2px;
  --plyr-tooltip-radius: 50px;
}
.component[type=video] .plyr .plyr__controls, .component[type=audio] .plyr .plyr__controls {
  margin: 1.25rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  --tw-bg-opacity: 0.9;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.component[type=video] .plyr .plyr__video-wrapper video, .component[type=audio] .plyr .plyr__video-wrapper video {
  opacity: 1;
}
.component[type=video] .plyr .plyr__controls__item[data-plyr=play], .component[type=audio] .plyr .plyr__controls__item[data-plyr=play] {
  height: 1.75rem;
  width: 1.75rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
  padding: 0.5rem;
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
  transition-property: none;
}
.component[type=video] .plyr .plyr__controls__item[data-plyr=play] svg, .component[type=audio] .plyr .plyr__controls__item[data-plyr=play] svg {
  height: 0.75rem;
  width: 0.75rem;
}
.component[type=video] .plyr .plyr__controls__item[data-plyr=play][aria-label=Play], .component[type=audio] .plyr .plyr__controls__item[data-plyr=play][aria-label=Play] {
  padding-left: 9px;
}
.component[type=video] .plyr .plyr__tooltip, .component[type=audio] .plyr .plyr__tooltip {
  margin-bottom: 1.5rem;
  --tw-text-opacity: 1;
  color: rgba(0, 0, 0, var(--tw-text-opacity));
}
.component[type=full-width-link] {
  grid-column: 1 / -1;
  display: flex;
  justify-content: center;
  text-transform: uppercase;
}
.component[type=full-width-link] .level-1 {
  font-variation-settings: "wdth" 300;
}
.component[type=related-content] {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1.25rem;
}
@media (min-width: 1024px) {
  .component[type=related-content] {
    display: grid;
  }
  .component[type=related-content] {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .component[type=related-content] {
    gap: 2.5rem;
  }
}
.component[type=related-content] .related-content-list {
  grid-column: 1 / -1;
}
@media (min-width: 1024px) {
  .component[type=related-content] .related-content-list {
    grid-column: span 3 / span 3;
  }
}
.component[type=related-content] .related-content-detail {
  grid-column: 1 / -1;
}
@media (min-width: 1024px) {
  .component[type=related-content] .related-content-detail {
    grid-column: span 3 / span 3;
  }
}
.component[type=issuu-embed] {
  grid-column: 1 / -1;
}
.component[type=issuu-embed] .embed-code {
  grid-column: 1 / -1;
  width: 100%;
}
.component[type=image-grid] {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.25rem;
}
@media (min-width: 1024px) {
  .component[type=image-grid] {
    display: grid;
  }
  .component[type=image-grid] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.component[type=image-grid] .image {
  -o-object-fit: cover;
     object-fit: cover;
}

#page section.page-intro, #home section.page-intro, #blog section.page-intro, #education-resources section.page-intro {
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 10;
  display: flex;
  min-height: 100vh;
  flex: 1 1 0%;
  flex-direction: column;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
@media (min-width: 768px) {
  #page section.page-intro, #home section.page-intro, #blog section.page-intro, #education-resources section.page-intro {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
#page section.page-intro .site-grid, #home section.page-intro .site-grid, #blog section.page-intro .site-grid, #education-resources section.page-intro .site-grid {
  height: 100%;
  flex: 1 1 0%;
}
#page section.page-intro .page-banner, #home section.page-intro .page-banner, #blog section.page-intro .page-banner, #education-resources section.page-intro .page-banner {
  display: flex;
  width: 100%;
  justify-content: center;
  --tw-bg-opacity: 1;
  background-color: rgba(237, 233, 222, var(--tw-bg-opacity));
  padding: 1.25rem;
}
#page section.page-intro .page-title, #home section.page-intro .page-title, #blog section.page-intro .page-title, #education-resources section.page-intro .page-title {
  position: absolute;
  left: 0px;
  right: 0px;
  grid-column: 1 / -1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
#page section.page-intro .page-title h1, #home section.page-intro .page-title h1, #blog section.page-intro .page-title h1, #education-resources section.page-intro .page-title h1 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
@media (min-width: 768px) {
  #page section.page-intro .page-title h1, #home section.page-intro .page-title h1, #blog section.page-intro .page-title h1, #education-resources section.page-intro .page-title h1 {
    top: 2.5rem;
  }
}
#page section.page-intro .section-inner, #home section.page-intro .section-inner, #blog section.page-intro .section-inner, #education-resources section.page-intro .section-inner {
  display: grid;
  height: 100%;
  align-items: center;
}
#page section.page-intro .introduction, #home section.page-intro .introduction, #blog section.page-intro .introduction, #education-resources section.page-intro .introduction {
  grid-column: 1 / -1;
  text-align: center;
}
@media (min-width: 1200px) {
  #page section.page-intro .introduction, #home section.page-intro .introduction, #blog section.page-intro .introduction, #education-resources section.page-intro .introduction {
    grid-column: span 4 / span 4;
  }
  #page section.page-intro .introduction, #home section.page-intro .introduction, #blog section.page-intro .introduction, #education-resources section.page-intro .introduction {
    grid-column-start: 2;
  }
}
#page section.page-intro .section-inner, #home section.page-intro .section-inner, #blog section.page-intro .section-inner, #education-resources section.page-intro .section-inner {
  margin-top: 0px;
  margin-bottom: 0px;
}
#page section:nth-child(2),
#home section:nth-child(2),
#blog section:nth-child(2),
#education-resources section:nth-child(2) {
  margin-top: 100vh;
}

#profileModal {
  pointer-events: none;
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 50;
  overflow: hidden;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-duration: 150ms;
  transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955);
}
#profileModal.active {
  pointer-events: auto;
}
#profileModal.active .profile-wrapper {
  --tw-translate-x: 0px;
  transform: var(--tw-transform);
}
#profileModal .profile-wrapper {
  position: absolute;
  top: 0px;
  bottom: 0px;
  right: 0px;
  z-index: 20;
  width: 100%;
  --tw-translate-x: 100%;
  transform: var(--tw-transform);
  transform: var(--tw-transform);
  --tw-bg-opacity: 1;
  background-color: rgba(237, 233, 222, var(--tw-bg-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955);
}
@media (min-width: 768px) {
  #profileModal .profile-wrapper {
    width: 90vw;
  }
}
#profileModal .profile-wrapper .profile-inner {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1.25rem;
  overflow-y: auto;
  padding: 1.25rem;
}
@media (min-width: 768px) {
  #profileModal .profile-wrapper .profile-inner {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  #profileModal .profile-wrapper .profile-inner {
    gap: 2.5rem;
  }
  #profileModal .profile-wrapper .profile-inner {
    padding: 2.5rem;
  }
}
#profileModal .profile-wrapper .profile-inner .profile-main {
  grid-column: span 3 / span 3;
}
@media (min-width: 768px) {
  #profileModal .profile-wrapper .profile-inner .profile-main {
    position: relative;
  }
  #profileModal .profile-wrapper .profile-inner .profile-main {
    grid-column: span 5 / span 5;
  }
  #profileModal .profile-wrapper .profile-inner .profile-main {
    border-right-width: 2px;
  }
  #profileModal .profile-wrapper .profile-inner .profile-main {
    --tw-border-opacity: 1;
    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
  }
  #profileModal .profile-wrapper .profile-inner .profile-main {
    padding-left: 5rem;
    padding-right: 5rem;
  }
}
#profileModal .profile-wrapper .profile-inner .profile-main .profile-title {
  margin-bottom: 2rem;
  text-align: center;
}
@media (min-width: 768px) {
  #profileModal .profile-wrapper .profile-inner .profile-main .profile-title {
    position: absolute;
  }
  #profileModal .profile-wrapper .profile-inner .profile-main .profile-title {
    left: 0px;
  }
  #profileModal .profile-wrapper .profile-inner .profile-main .profile-title {
    top: 0px;
  }
  #profileModal .profile-wrapper .profile-inner .profile-main .profile-title {
    right: 0px;
  }
  #profileModal .profile-wrapper .profile-inner .profile-main .profile-title {
    width: 100%;
  }
  #profileModal .profile-wrapper .profile-inner .profile-main .profile-content {
    padding-top: 8rem;
  }
}
#profileModal .profile-wrapper .profile-inner .profile-sidebar {
  grid-column: 1 / -1;
  padding-top: 4rem;
}
@media (min-width: 768px) {
  #profileModal .profile-wrapper .profile-inner .profile-sidebar {
    grid-column: span 2 / span 2;
  }
  #profileModal .profile-wrapper .profile-inner .profile-sidebar {
    padding-top: 8rem;
  }
}
#profileModal .profile-wrapper .profile-inner .profile-sidebar .links-block {
  margin-bottom: 2.5rem;
}
@media (min-width: 768px) {
  #profileModal .profile-wrapper .profile-inner .profile-sidebar .links-block {
    margin-bottom: 5rem;
  }
}
#profileModal .profile-wrapper .profile-inner .profile-sidebar p {
  margin-bottom: 1.25rem;
}
#profileModal .profile-wrapper .profile-close-btn-mobile, #profileModal .profile-wrapper .profile-close-btn-desktop {
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 10;
  margin-top: 1.25rem;
  margin-right: 1.25rem;
  cursor: pointer;
}
@media (min-width: 768px) {
  #profileModal .profile-wrapper .profile-close-btn-mobile, #profileModal .profile-wrapper .profile-close-btn-desktop {
    margin-top: 2.5rem;
  }
  #profileModal .profile-wrapper .profile-close-btn-mobile, #profileModal .profile-wrapper .profile-close-btn-desktop {
    margin-right: 2.5rem;
  }
  #profileModal .profile-wrapper .profile-close-btn-mobile {
    display: none;
  }
}
@media (min-width: 0) and (max-width: 768px) {
  #profileModal .profile-wrapper .profile-close-btn-desktop {
    display: none;
  }
}
#profileModal .profile-close-overlay {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 10;
  cursor: pointer;
  --tw-bg-opacity: 1;
  background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
  --tw-bg-opacity: 0.5;
  opacity: 0;
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955);
}
#profileModal.active .profile-close-overlay {
  opacity: 1;
}

.vslide-enter-active, .vslide-leave-active {
  --tw-translate-y: 0px;
  transform: var(--tw-transform);
  transform: var(--tw-transform);
  opacity: 1;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955);
}

.vslide-enter {
  visibility: hidden;
  --tw-translate-y: 1.25rem;
  transform: var(--tw-transform);
  --tw-scale-x: .95;
  --tw-scale-y: .95;
  transform: var(--tw-transform);
  transform: var(--tw-transform);
  opacity: 0;
}

.vslide-leave-to {
  visibility: hidden;
  --tw-translate-y: -1.25rem;
  transform: var(--tw-transform);
  --tw-scale-x: .95;
  --tw-scale-y: .95;
  transform: var(--tw-transform);
  transform: var(--tw-transform);
  opacity: 0;
}

.fade-enter-active, .fade-leave-active {
  visibility: visible;
  position: absolute;
  width: 100%;
  overflow: hidden;
  opacity: 1;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-duration: 100ms;
  transition-timing-function: linear;
}

.fade-enter, .fade-leave-to {
  visibility: hidden;
  width: 100%;
  opacity: 0;
}

.vappear-enter-active, .vappear-leave-active {
  --tw-translate-y: 0px;
  transform: var(--tw-transform);
  transform: var(--tw-transform);
  opacity: 1;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
}

.vappear-enter {
  visibility: hidden;
  --tw-translate-y: -1.25rem;
  transform: var(--tw-transform);
  opacity: 0;
}

.vappear-leave-to {
  visibility: hidden;
  --tw-translate-y: 1.25rem;
  transform: var(--tw-transform);
  opacity: 0;
}

.list-enter-active,
.list-leave-active,
.list-move {
  transition: 200ms cubic-bezier(0.59, 0.12, 0.34, 0.95);
  transition-property: opacity, transform;
}

.list-enter {
  opacity: 0;
}

.list-enter-to {
  opacity: 1;
}

.list-leave-active {
  position: absolute;
}

.list-leave-to {
  opacity: 0;
  transform-origin: center;
}

@media (min-width: 769px) {
  #whats-on .ace-logo {
    opacity: 0;
  }
}

#whats-on-app {
  grid-column: span 4 / span 4;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1.25rem;
}
@media (min-width: 768px) {
  #whats-on-app {
    grid-column: span 6 / span 6;
  }
  #whats-on-app {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  #whats-on-app {
    gap: 2.5rem;
  }
}
#whats-on-app .mobile-header {
  position: sticky;
  top: 0px;
  z-index: 30;
  grid-column: 1 / -1;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  border-bottom-width: 2px;
  border-color: transparent;
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  padding: 0.75rem;
}
#whats-on-app .mobile-header.active {
  --tw-border-opacity: 1;
  border-color: rgba(0, 0, 0, var(--tw-border-opacity));
}
@media (min-width: 768px) {
  #whats-on-app .mobile-header {
    display: none;
  }
}
#whats-on-app .whats-on-nav {
  grid-column: 1 / -1;
}
@media (min-width: 768px) {
  #whats-on-app .whats-on-nav {
    grid-column: span 4 / span 4;
  }
  #whats-on-app .whats-on-nav {
    grid-column-start: 2;
  }
}
@media (min-width: 0) and (max-width: 768px) {
  #whats-on-app .whats-on-nav {
    pointer-events: none;
  }
  #whats-on-app .whats-on-nav {
    position: fixed;
  }
  #whats-on-app .whats-on-nav {
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
  }
  #whats-on-app .whats-on-nav {
    z-index: 20;
  }
  #whats-on-app .whats-on-nav {
    display: flex;
  }
  #whats-on-app .whats-on-nav {
    flex-direction: column;
  }
  #whats-on-app .whats-on-nav {
    align-items: center;
  }
  #whats-on-app .whats-on-nav {
    justify-content: center;
  }
  #whats-on-app .whats-on-nav {
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  }
  #whats-on-app .whats-on-nav {
    opacity: 0;
  }
  #whats-on-app .whats-on-nav {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
  #whats-on-app .whats-on-nav {
    transition-duration: 150ms;
  }
  #whats-on-app .whats-on-nav {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
  #whats-on-app .whats-on-nav.active {
    pointer-events: auto;
  }
  #whats-on-app .whats-on-nav.active {
    opacity: 1;
  }
  #whats-on-app .whats-on-nav .collection-switcher {
    flex-direction: column;
  }
  #whats-on-app .whats-on-nav .collection-switcher {
    text-align: center;
  }
}
#whats-on-app .whats-on-nav .collection-switcher {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}
@media (min-width: 1024px) {
  #whats-on-app .whats-on-nav .collection-switcher {
    flex-direction: row;
  }
}
#whats-on-app .whats-on-nav .category-filter {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
}
@media (min-width: 1024px) {
  #whats-on-app .whats-on-nav .category-filter {
    flex-direction: row;
  }
}
#whats-on-app .section-title {
  margin-top: 2.5rem;
}
@media (min-width: 768px) {
  #whats-on-app .section-title {
    margin-top: 5rem;
  }
}
#whats-on-app .no-results {
  grid-column: 1 / -1;
  margin-top: 5rem;
  border-top-width: 2px;
  border-bottom-width: 2px;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  text-align: center;
}
#whats-on-app .loading-overlay {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 50;
  display: flex;
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: center;
}

body .acsb-widget * {
  font-family: "ACE Grot" !important;
  transition: none !important;
  transform: none !important;
}

body .acsb-widget {
  background-color: #ececec !important;
}

body .acsb-widget .acsb-main .acsb-main-options .acsb-actions .acsb-actions-box {
  margin-bottom: 0 !important;
  margin-top: 30px !important;
}
body .acsb-widget .acsb-main .acsb-main-options .acsb-actions .acsb-actions-box:first-of-type {
  margin-top: 0 !important;
}

body .acsb-widget .acsb-language,
body .acsb-widget .acsb-search,
body .acsb-widget .acsb-hero-action[data-acsb-option=statement],
body .acsb-widget .acsb-hero-action[data-acsb-popup-trigger=acsb-hide-popup],
body .acsb-widget .acsb-hero-action i,
body .acsb-widget .acsb-header-option-statement,
body .acsb-widget .acsb-tooltip {
  display: none !important;
}
body .acsb-widget .acsb-footer {
  padding: 0 !important;
}
body .acsb-widget .acsb-footer a {
  color: #000 !important;
  font-size: smaller;
  padding: 0.5rem 0;
}
body .acsb-widget a[role=button] {
  background: black !important;
  text: white !important;
}
body .acsb-widget .acsb-hero-title {
  color: black !important;
}
body .acsb-widget .acsb-toggle-option-off {
  background-color: black !important;
  color: white !important;
  border-radius: 50px;
}
body .acsb-widget .acsb-toggle-option-on {
  background-color: #ececec !important;
  color: black !important;
  border-radius: 50px;
}
body .acsb-widget .acsb-main-options {
  background-color: #ececec !important;
}
body .acsb-widget .acsb-main .acsb-main-options .acsb-actions .acsb-actions-box .acsb-profiles .acsb-profile .acsb-profile-toggle .acsb-toggle:after,
body .acsb-widget .acsb-main .acsb-main-options .acsb-actions .acsb-actions-box {
  box-shadow: none !important;
}
body .acsb-widget .acsb-main .acsb-main-options .acsb-actions .acsb-actions-box .acsb-profiles .acsb-profile .acsb-profile-toggle .acsb-toggle:after {
  opacity: 0;
}
body .acsb-widget .acsb-main .acsb-main-options .acsb-actions .acsb-actions-box .acsb-profiles .acsb-profile.acsb-active .acsb-profile-toggle .acsb-toggle .acsb-toggle-option.acsb-toggle-option-on {
  background-color: black !important;
  color: white !important;
}
body .acsb-widget .acsb-main .acsb-main-options .acsb-actions .acsb-actions-box .acsb-profiles .acsb-profile.acsb-active .acsb-profile-toggle .acsb-toggle .acsb-toggle-option.acsb-toggle-option-off {
  background-color: #ececec !important;
  color: black !important;
}
body .acsb-widget .acsb-main .acsb-main-options .acsb-actions .acsb-actions-box .acsb-profiles .acsb-profile:not(.acsb-active) .acsb-profile-toggle .acsb-toggle .acsb-toggle-option.acsb-toggle-option-off {
  background-color: black !important;
  color: white !important;
}
body .acsb-widget .acsb-main .acsb-main-options .acsb-actions .acsb-actions-box .acsb-profiles .acsb-profile .acsb-profile-toggle .acsb-toggle {
  background-color: #ececec !important;
  border-radius: 50px;
}
body .acsb-widget .acsb-main .acsb-profile:hover .acsb-profile-content .acsb-profile-name,
body .acsb-widget .acsb-main .acsb-profile:hover .acsb-profile-content .acsb-profile-text {
  color: black !important;
}
body .acsb-widget .acsb-main .acsb-main-options .acsb-actions .acsb-actions-box .acsb-actions-group .acsb-action-box .acsb-range .acsb-range-button {
  background-color: black !important;
  color: white !important;
}
body .acsb-widget .acsb-main .acsb-main-options .acsb-actions .acsb-actions-box .acsb-actions-group .acsb-action-box .acsb-range .acsb-range-base {
  background-color: #ececec !important;
  color: black !important;
}
body .acsb-widget .acsb-main .acsb-main-options .acsb-actions .acsb-actions-box .acsb-profiles .acsb-profile:hover .acsb-profile-content i {
  color: black !important;
}
body .acsb-widget .acsb-main .acsb-main-options .acsb-actions .acsb-actions-box .acsb-profiles .acsb-profile:focus .acsb-profile-content .acsb-profile-name,
body .acsb-widget .acsb-main .acsb-main-options .acsb-actions .acsb-actions-box .acsb-profiles .acsb-profile:focus .acsb-profile-content .acsb-profile-text {
  color: black !important;
}
body .acsb-widget .acsb-main .acsb-hero .acsb-hero-actions {
  justify-content: center !important;
}
body .acsb-widget .acsb-main .acsb-hero .acsb-hero-actions .acsb-hero-action {
  margin: 0 0.5rem !important;
}
body .acsb-widget .acsb-main .acsb-main-options .acsb-actions .acsb-actions-box .acsb-profiles .acsb-profile.acsb-active,
body .acsb-widget .acsb-main .acsb-main-options .acsb-actions .acsb-actions-box .acsb-profiles .acsb-profile:before,
body .acsb-widget .acsb-main .acsb-main-options .acsb-actions .acsb-actions-box .acsb-profiles .acsb-profile:after {
  background-color: transparent !important;
}
body .acsb-widget .acsb-main .acsb-main-options .acsb-actions .acsb-actions-box .acsb-actions-group .acsb-action-box.acsb-active,
body .acsb-widget .acsb-main .acsb-main-options .acsb-actions .acsb-actions-box .acsb-actions-group .acsb-action-box:active {
  background-color: black !important;
  color: white !important;
}
body .acsb-widget .acsb-actions-title {
  text-align: center;
  padding: 1rem;
  font-size: smaller;
}
body .acsb-widget .acsb-main .acsb-main-options .acsb-actions .acsb-actions-box:first-child {
  border-top-left-radius: 10px !important;
  border-top-right-radius: 10px !important;
}
body .acsb-widget .acsb-main .acsb-main-options .acsb-actions .acsb-actions-box .acsb-actions-group .acsb-action-box.acsb-action-box-big,
body .acsb-widget .acsb-main .acsb-main-options .acsb-actions .acsb-actions-box .acsb-actions-group .acsb-action-box {
  background-color: #ececec !important;
}

body .acsb-widget.acsb-active .acsb-loader .acsb-loader-block {
  background: black !important;
  color: white !important;
}

body span.acsb-tooltip.acsb-tooltip-standard {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

body.acsb-hide-images .image-alt,
body.acsb-hide-images .swiper-alt {
  cursor: default !important;
  opacity: 1 !important;
}
body.acsb-hide-images .component[type=slideshow] .swiper-wrapper,
body.acsb-hide-images .component[type=vue-slideshow] .swiper-wrapper {
  cursor: default !important;
}

body .acsb-widget .acsb-main .acsb-header .acsb-header-option {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  position: relative !important;
  border-radius: 100px !important;
  cursor: pointer !important;
  width: 30px !important;
  height: 30px !important;
  margin-top: 0.5rem !important;
}

#blog section.watch {
  --tw-bg-opacity: 1;
  background-color: rgba(237, 233, 222, var(--tw-bg-opacity));
}
@media (min-width: 768px) {
  #blog section.read .section-inner, #blog section.watch .section-inner, #blog section.listen .section-inner {
    grid-column: span 4 / span 4;
  }
  #blog section.read .section-inner, #blog section.watch .section-inner, #blog section.listen .section-inner {
    grid-column-start: 2;
  }
  #blog section.read .section-inner, #blog section.watch .section-inner, #blog section.listen .section-inner {
    display: grid;
  }
  #blog section.read .section-inner, #blog section.watch .section-inner, #blog section.listen .section-inner {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
#blog section.read .entries-grid, #blog section.watch .entries-grid, #blog section.listen .entries-grid {
  grid-column: span 4 / span 4;
  margin-top: 4rem;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1.25rem;
}
@media (min-width: 768px) {
  #blog section.read .entries-grid, #blog section.watch .entries-grid, #blog section.listen .entries-grid {
    grid-column: span 4 / span 4;
  }
  #blog section.read .entries-grid, #blog section.watch .entries-grid, #blog section.listen .entries-grid {
    margin-top: 0px;
  }
  #blog section.read .entries-grid, #blog section.watch .entries-grid, #blog section.listen .entries-grid {
    gap: 2.5rem;
  }
}
#blog section.read .entries-grid .entry, #blog section.watch .entries-grid .entry, #blog section.listen .entries-grid .entry {
  grid-column: span 4 / span 4;
  margin-bottom: 2.5rem;
  border-top-width: 2px;
}
@media (min-width: 768px) {
  #blog section.read .entries-grid .entry, #blog section.watch .entries-grid .entry, #blog section.listen .entries-grid .entry {
    grid-column: span 2 / span 2;
  }
}
#blog section.read .entries-grid .entry .entry-details, #blog section.watch .entries-grid .entry .entry-details, #blog section.listen .entries-grid .entry .entry-details {
  padding: 1.25rem;
}
#blog section.read .entries-grid .entry:hover, #blog section.watch .entries-grid .entry:hover, #blog section.listen .entries-grid .entry:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(255, 243, 112, var(--tw-bg-opacity));
}
@media (min-width: 768px) {
  #blog section.read .section-inner {
    grid-column-start: 4;
  }
}

#article .close-article-wrapper {
  position: relative;
  top: 1.25rem;
  margin-right: 1.25rem;
  margin-bottom: 1.25rem;
  display: flex;
  justify-content: flex-end;
}
@media (min-width: 768px) {
  #article .close-article-wrapper {
    position: sticky;
  }
  #article .close-article-wrapper {
    top: 2.5rem;
  }
  #article .close-article-wrapper {
    z-index: 40;
  }
  #article .close-article-wrapper {
    margin-right: 2.5rem;
  }
  #article .close-article-wrapper {
    margin-bottom: 8rem;
  }
}

#searchApp {
  pointer-events: none;
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 50;
  display: flex;
  align-items: center;
  justify-content: center;
  --tw-bg-opacity: 1;
  background-color: rgba(199, 170, 182, var(--tw-bg-opacity));
  opacity: 0;
}
#searchApp.active {
  pointer-events: auto;
  opacity: 1;
}
#searchApp .search-bar {
  display: flex;
  width: 100%;
  justify-content: center;
}
#searchApp .search-input {
  display: flex;
  width: 100%;
  max-width: 48rem;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
@media (min-width: 768px) {
  #searchApp .search-input {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
#searchApp .search-input input {
  margin-bottom: 2.5rem;
  width: 100%;
  border-bottom-width: 2px;
  background-color: transparent;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
#searchApp .search-input input::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
}
#searchApp .search-input input::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
}
@media (min-width: 768px) {
  #searchApp .search-input input {
    margin-bottom: 5rem;
  }
}
#searchApp .close-search-btn {
  position: fixed;
  bottom: 1.25rem;
  left: 1.25rem;
  z-index: 50;
}
@media (min-width: 768px) {
  #searchApp .close-search-btn {
    bottom: 2.5rem;
  }
  #searchApp .close-search-btn {
    left: 2.5rem;
  }
}
#searchApp .search-results {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 40;
  align-items: flex-start;
  overflow-y: scroll;
  padding: 1.25rem;
}
@media (min-width: 768px) {
  #searchApp .search-results {
    padding: 2.5rem;
  }
}
#searchApp .search-results .results-count {
  grid-column: 1 / -1;
}
@media (min-width: 768px) {
  #searchApp .search-results .results-count > span:not(:last-child) {
    margin-right: 5rem;
  }
  #searchApp .search-results .results-count > span:not(:last-child) {
    cursor: pointer;
  }
}
@media (min-width: 0) and (max-width: 768px) {
  #searchApp .search-results .results-count span {
    display: block;
  }
  #searchApp .search-results .results-count span {
    width: 100%;
  }
}
#searchApp .search-results .results-list {
  margin-left: auto;
  margin-right: auto;
  display: flex;
  max-width: 800px;
  flex-direction: column;
}
#searchApp .search-results .no-results {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
  text-align: center;
}
#searchApp .search-results .search-result-group {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}
@media (min-width: 768px) {
  #searchApp .search-results .search-result-group {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
}

#newsletterApp {
  pointer-events: none;
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 50;
  display: flex;
  align-items: center;
  justify-content: center;
  --tw-bg-opacity: 1;
  background-color: rgba(199, 170, 182, var(--tw-bg-opacity));
  opacity: 0;
}
#newsletterApp.active {
  pointer-events: auto;
  opacity: 1;
}
#newsletterApp .signup-bar {
  display: flex;
  width: 100%;
  justify-content: center;
}
#newsletterApp .email-input {
  display: flex;
  width: 100%;
  max-width: 48rem;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
@media (min-width: 768px) {
  #newsletterApp .email-input {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
#newsletterApp .email-input input {
  margin-bottom: 2.5rem;
  width: 100%;
  border-bottom-width: 2px;
  background-color: transparent;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
#newsletterApp .email-input input::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
}
#newsletterApp .email-input input::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
}
@media (min-width: 768px) {
  #newsletterApp .email-input input {
    margin-bottom: 5rem;
  }
}
#newsletterApp .close-newsletter-btn {
  position: fixed;
  bottom: 1.25rem;
  left: 1.25rem;
  z-index: 50;
}
@media (min-width: 768px) {
  #newsletterApp .close-newsletter-btn {
    bottom: 2.5rem;
  }
  #newsletterApp .close-newsletter-btn {
    left: 2.5rem;
  }
}

@media (min-width: 769px) {
  #education-resources .ace-logo, #education-profile .ace-logo {
    opacity: 0;
  }
}
#education-resources .close-article-wrapper, #education-profile .close-article-wrapper {
  position: relative;
  top: 1.25rem;
  margin-right: 1.25rem;
  margin-bottom: 1.25rem;
  display: flex;
  justify-content: flex-end;
}
@media (min-width: 768px) {
  #education-resources .close-article-wrapper, #education-profile .close-article-wrapper {
    position: sticky;
  }
  #education-resources .close-article-wrapper, #education-profile .close-article-wrapper {
    top: 2.5rem;
  }
  #education-resources .close-article-wrapper, #education-profile .close-article-wrapper {
    z-index: 40;
  }
  #education-resources .close-article-wrapper, #education-profile .close-article-wrapper {
    margin-right: 2.5rem;
  }
  #education-resources .close-article-wrapper, #education-profile .close-article-wrapper {
    margin-bottom: 8rem;
  }
}

#education-resources-app {
  grid-column: span 4 / span 4;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1.25rem;
}
@media (min-width: 768px) {
  #education-resources-app {
    grid-column: span 6 / span 6;
  }
  #education-resources-app {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  #education-resources-app {
    gap: 2.5rem;
  }
}
#education-resources-app .education-resources-nav {
  grid-column: 1 / -1;
}
@media (min-width: 768px) {
  #education-resources-app .education-resources-nav {
    grid-column: span 4 / span 4;
  }
  #education-resources-app .education-resources-nav {
    grid-column-start: 2;
  }
}
#education-resources-app .education-resources-nav .collection-switcher {
  display: flex;
  flex-direction: row;
  justify-content: center;
  text-align: center;
}
@media (min-width: 1024px) {
  #education-resources-app .education-resources-nav .collection-switcher {
    flex-direction: row;
  }
}
#education-resources-app .section-title {
  margin-top: 2.5rem;
}
@media (min-width: 768px) {
  #education-resources-app .section-title {
    margin-top: 5rem;
  }
}
#education-resources-app .no-results {
  grid-column: 1 / -1;
  margin-top: 5rem;
  border-top-width: 2px;
  border-bottom-width: 2px;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  text-align: center;
}
#education-resources-app .loading-overlay {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 50;
  display: flex;
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: center;
}
#education-resources-app .entry {
  border-radius: 1.5rem;
  border-width: 1px;
  padding-top: 2rem;
  padding-bottom: 2rem;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
#education-resources-app .entry.active {
  --tw-border-opacity: 1;
  border-color: rgba(243, 240, 233, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(243, 240, 233, var(--tw-bg-opacity));
}
#education-resources-app .entry.is-link {
  cursor: pointer;
}
#education-resources-app .entry.is-link:hover {
  --tw-border-opacity: 1;
  border-color: rgba(243, 240, 233, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(243, 240, 233, var(--tw-bg-opacity));
}
#education-resources-app ol {
  margin-left: 2.5rem;
  margin-right: 2.5rem;
  list-style-type: decimal;
}

#educationBookmarksApp {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 41;
}
#educationBookmarksApp .toggle-bookmark {
  position: fixed;
  z-index: 40;
  margin: 1.25rem;
}
#educationBookmarksApp .toggle-bookmark > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
@media (min-width: 768px) {
  #educationBookmarksApp .toggle-bookmark {
    margin: 2.5rem;
  }
}
#educationBookmarksApp #educationBookmarksModal {
  pointer-events: none;
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 50;
  overflow: hidden;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-duration: 150ms;
  transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955);
}
#educationBookmarksApp #educationBookmarksModal.active {
  pointer-events: auto;
}
#educationBookmarksApp #educationBookmarksModal.active .modal-wrapper {
  --tw-translate-x: 0px;
  transform: var(--tw-transform);
}
#educationBookmarksApp #educationBookmarksModal .modal-wrapper {
  position: absolute;
  top: 0px;
  bottom: 0px;
  right: 0px;
  z-index: 20;
  width: 100%;
  --tw-translate-x: 100%;
  transform: var(--tw-transform);
  transform: var(--tw-transform);
  --tw-bg-opacity: 1;
  background-color: rgba(237, 233, 222, var(--tw-bg-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-duration: 150ms;
  transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955);
}
@media (min-width: 768px) {
  #educationBookmarksApp #educationBookmarksModal .modal-wrapper {
    width: 30vw;
  }
}
#educationBookmarksApp #educationBookmarksModal .modal-wrapper .modal-inner {
  padding: 1.25rem;
}
@media (min-width: 768px) {
  #educationBookmarksApp #educationBookmarksModal .modal-wrapper .modal-inner {
    padding: 2.5rem;
  }
}
#educationBookmarksApp #educationBookmarksModal .modal-close-overlay {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 10;
  cursor: pointer;
  --tw-bg-opacity: 1;
  background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
  --tw-bg-opacity: 0.5;
  opacity: 0;
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-duration: 150ms;
  transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955);
}
#educationBookmarksApp #educationBookmarksModal.active .modal-close-overlay {
  opacity: 1;
}