@charset "UTF-8";
/* Copyright © 2008-now Harris Blondman, visual, communication, and studio. All rights reserved. www.harrisblondman.nl
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */
@font-face {
  font-style: normal;
  font-weight: normal;
  font-family: 'Font Regular';
  src: url("../fonts/SangBleuVersailles-Book-WebS.woff2?v=0.1") format("woff2"), url("../fonts/SangBleuVersailles-Book-WebS.woff?v=0.1") format("woff");
}

html {
  background-color: #f0f0f0;
  font-size: clamp(1px, calc(1.3vw + 1px), 10px);
}

@media screen and (min-width: 1760px) {
  html {
    font-size: clamp(1px, calc(1.2vw + 1px), 12px);
  }
}

body {
  background-color: #f0f0f0;
  font-size: 2rem;
  font-family: 'Font Regular', Georgia, serif;
  color: black;
  line-height: 1.2;
  -ms-text-size-adjust: none;
  -o-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}

hr {
  display: none;
}

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

a:link, a:visited {
  text-decoration: underline;
}

a:hover, a:active {
  text-decoration: none;
}

a:focus {
  text-decoration: underline;
}

input,
button,
select,
textarea {
  -ms-text-size-adjust: none;
  -o-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
  -ms-appearance: none;
  -o-appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0;
}

.assistive-text {
  display: none;
}

.preview {
  display: none;
}

::-moz-selection {
  /* Code for Firefox */
  background: rgba(0, 0, 0, 0.1);
}

::selection {
  background: rgba(0, 0, 0, 0.1);
}

.container-main {
  background-color: #f0f0f0;
}

.container-main .header {
  box-sizing: border-box;
  position: fixed;
  z-index: 10000;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 1.2rem 1.32rem;
  display: flex;
  gap: 0.6rem 0.66rem;
  pointer-events: none;
  flex-wrap: wrap;
}

@media screen and (min-width: 800px) {
  .container-main .header {
    flex-wrap: nowrap;
  }
}

.container-main .header h1 {
  pointer-events: all;
}

.container-main .header h1 a {
  display: flex;
  padding: 1.32rem 1.2rem;
  font-size: 3rem;
  color: #f0f0f0;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 1rem;
  text-decoration: none;
  letter-spacing: 0.04em;
}

.container-main .header h1 a span {
  display: inline-block;
}

.container-main .header h1 a span + span {
  margin-left: -0.05em;
}

.container-main .header h1:hover a {
  background-color: rgba(0, 0, 0, 0.9);
}

.container-main .header .site-subnamem,
.container-main .header .site-description {
  display: none;
}

.container-main .header .wrapper-menu {
  display: flex;
  flex-grow: 1;
  width: 100%;
}

.container-main .header .wrapper-menu .access-main {
  flex-grow: 1;
  width: 100%;
}

.container-main .header .wrapper-menu .access-main .menu ul {
  display: flex;
  gap: 0.6rem 0.66rem;
}

.container-main .header .wrapper-menu .access-main .menu ul li {
  pointer-events: all;
}

.container-main .header .wrapper-menu .access-main .menu ul li a {
  display: block;
  padding: 1.32rem 1.2rem;
  font-size: 3rem;
  background-color: rgba(255, 255, 255, 0.4);
  border-radius: 1rem;
  text-decoration: none;
  backdrop-filter: blur(0.5rem);
}

.container-main .header .wrapper-menu .access-main .menu ul li.is-selected a, .container-main .header .wrapper-menu .access-main .menu ul li:hover a {
  background-color: white;
}

.container-main .header .wrapper-menu .button-share {
  pointer-events: all;
  align-self: flex-end;
}

.container-main .header .wrapper-menu .button-share a {
  display: block;
  padding: 1.32rem 1.2rem;
  font-size: 2rem;
  background-color: rgba(255, 255, 255, 0.4);
  border-radius: 1rem;
  text-decoration: none;
  backdrop-filter: blur(0.5rem);
}

.container-main .header .wrapper-menu .button-share.is-selected a, .container-main .header .wrapper-menu .button-share:hover a {
  background-color: white;
}

.container-main .footer {
  display: none;
}

.container-section {
  position: fixed;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100dvh;
  overflow: auto;
  background-color: #f0f0f0;
  transform: scale(0);
  transform-origin: 0 100%;
  transition: transform 0.6s ease-in-out;
}

.container-section.is-active {
  transform: scale(1);
}

.container-section .container-content {
  padding-bottom: 15.6rem;
}

@media screen and (min-width: 800px) {
  .container-section .container-content {
    padding-bottom: 8.4rem;
  }
}

#section-home {
  position: fixed;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  overflow: none;
}

#section-home .home-container-title {
  position: fixed;
  z-index: 10000;
  top: 1.2rem;
  left: 1.32rem;
  padding: 1.32rem 1.2rem;
  font-size: 2rem;
  color: #f0f0f0;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 1rem;
  text-decoration: none;
}

#section-home .home-container-title.latest-title {
  top: 1.2rem;
  left: 1.32rem;
}

#section-home .home-container-title.featured-title {
  top: calc(1.2rem + 25dvh);
  left: 1.32rem;
}

@media screen and (orientation: landscape) {
  #section-home .home-container-title.featured-title {
    top: 1.2rem;
    left: calc(25% + 1.32rem);
  }
}

#section-home .container-content {
  display: flex;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  flex-direction: column;
  padding-bottom: 0;
}

@media screen and (orientation: landscape) {
  #section-home .container-content {
    flex-direction: row;
  }
}

#section-home .container-content .container-latest {
  box-sizing: border-box;
  position: sticky;
  top: 0;
  height: 25%;
  width: 100%;
  overflow: auto;
  flex: 1 1 auto;
}

@media screen and (orientation: landscape) {
  #section-home .container-content .container-latest {
    height: 100%;
    width: 25%;
  }
}

#section-home .container-content .container-latest .entry-images {
  display: flex;
  height: 100%;
}

@media screen and (orientation: landscape) {
  #section-home .container-content .container-latest .entry-images {
    flex-direction: column;
  }
}

#section-home .container-content .container-latest .entry-images .entry-image {
  height: 100%;
}

#section-home .container-content .container-latest .entry-images .entry-image p {
  height: 100%;
  aspect-ratio: 3 / 4;
  overflow: hidden;
}

@media screen and (orientation: landscape) {
  #section-home .container-content .container-latest .entry-images .entry-image p {
    height: auto;
    width: 100%;
  }
}

#section-home .container-content .container-latest .entry-images .entry-image p a {
  cursor: crosshair;
}

#section-home .container-content .container-latest .entry-images .entry-image p a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease-in-out;
}

#section-home .container-content .container-latest .entry-images .entry-image:hover p img {
  transform: scale(1.1);
}

#section-home .container-content .container-featured {
  position: relative;
  width: 100%;
  height: 75%;
}

@media screen and (orientation: landscape) {
  #section-home .container-content .container-featured {
    width: 75%;
    height: 100%;
  }
}

#section-home .container-content .container-featured .entry-images {
  height: 100%;
  overflow: auto;
}

#section-home .container-content .container-featured .entry-images .entry-image {
  position: sticky;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

@media screen and (orientation: landscape) {
  #section-home .container-content .container-featured .entry-images .entry-image {
    width: 100%;
    height: 100%;
  }
}

#section-home .container-content .container-featured .entry-images .entry-image.image-lowres img {
  transform: scale(0.75);
}

#section-home .container-content .container-featured .entry-images .entry-image.is-first-image p, #section-home .container-content .container-featured .entry-images .entry-image.is-on p {
  transform: scale(1);
  filter: grayscale(0);
  transition: transform 0.6s ease-in-out, filter 0.6s ease-in-out 0s;
}

#section-home .container-content .container-featured .entry-images .entry-image.next-fullscreen {
  opacity: 0;
}

#section-home .container-content .container-featured .entry-images .entry-image p {
  width: 100%;
  height: 100%;
  transform: scale(0.5);
  filter: grayscale(1);
  transition: transform 0.6s ease-in-out, filter 0.6s ease-in-out;
  pointer-events: all;
}

#section-home .container-content .container-featured .entry-images .entry-image p a {
  cursor: crosshair;
}

#section-home .container-content .container-featured .entry-images .entry-image p a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#section-home .container-content .container-featured .entry-images.has-no-transition .entry-image.is-on p {
  transition: transform 0s ease-in-out, filter 0s ease-in-out;
}

#section-projects .container-content .container-filters {
  position: sticky;
  top: 0;
  z-index: 1000;
  height: 8.4rem;
}

@media screen and (min-width: 800px) {
  #section-projects .container-content .container-filters {
    height: 7.2rem;
  }
}

#section-projects .container-content .container-filters .filters-switch {
  display: flex;
}

#section-projects .container-content .container-filters .filters-switch .switch-filters {
  position: relative;
  top: 1.2rem;
  left: 1.32rem;
  padding: 1.2rem 1.32rem;
  color: black;
  background-color: rgba(255, 255, 255, 0.4);
  border-radius: 1rem;
  user-select: none;
  cursor: pointer;
  font-size: 3rem;
}

@media screen and (min-width: 800px) {
  #section-projects .container-content .container-filters .filters-switch .switch-filters {
    font-size: 2rem;
  }
}

#section-projects .container-content .container-filters .filters-switch .switch-filters .icon {
  position: relative;
  display: inline-block;
  width: 3rem;
  height: 3rem;
  margin-right: 1.32rem;
  transform: translate3d(0, 0.1em, 0);
}

@media screen and (min-width: 800px) {
  #section-projects .container-content .container-filters .filters-switch .switch-filters .icon {
    width: 2rem;
    height: 2rem;
  }
}

#section-projects .container-content .container-filters .filters-switch .switch-filters .icon .bar {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 1px;
  transform: translate3d(-50%, -50%, 0);
  background-color: black;
  transition: transform 0.3s ease-in-out;
}

#section-projects .container-content .container-filters .filters-switch .switch-filters .icon .bar:nth-child(1) {
  transform: translate3d(-50%, calc(-50% - 0.6rem), 0) rotate(0deg) scaleX(1);
}

#section-projects .container-content .container-filters .filters-switch .switch-filters .icon .bar:nth-child(2) {
  transform: translate3d(-50%, -50%, 0) rotate(0deg) scaleX(0.75);
}

#section-projects .container-content .container-filters .filters-switch .switch-filters .icon .bar:nth-child(3) {
  transform: translate3d(-50%, -50%, 0) rotate(0deg) scaleX(0.75);
}

#section-projects .container-content .container-filters .filters-switch .switch-filters .icon .bar:nth-child(4) {
  transform: translate3d(-50%, calc(-50% + 0.6rem), 0) rotate(0deg) scaleX(0.5);
}

@media (hover: hover) {
  #section-projects .container-content .container-filters .filters-switch .switch-filters:hover {
    background-color: white;
  }
}

.has-filters-open #section-projects .container-content .container-filters .filters-switch .switch-filters {
  background-color: white;
}

.has-filters-open #section-projects .container-content .container-filters .filters-switch .switch-filters .icon .bar:nth-child(1) {
  transform: translate3d(-50%, calc(-50% - 0.6rem), 0) rotate(0deg) scaleX(0.5);
}

.has-filters-open #section-projects .container-content .container-filters .filters-switch .switch-filters .icon .bar:nth-child(2) {
  transform: translate3d(-50%, -50%, 0) rotate(0deg) scaleX(0.75);
}

.has-filters-open #section-projects .container-content .container-filters .filters-switch .switch-filters .icon .bar:nth-child(3) {
  transform: translate3d(-50%, -50%, 0) rotate(0deg) scaleX(0.75);
}

.has-filters-open #section-projects .container-content .container-filters .filters-switch .switch-filters .icon .bar:nth-child(4) {
  transform: translate3d(-50%, calc(-50% + 0.6rem), 0) rotate(0deg) scaleX(1);
}

#section-projects .container-content .container-filters .filters-switch .switch-filters.has-active-filters .icon .bar:nth-child(1) {
  transform: translate3d(-50%, calc(-50% - 0.6rem), 0) rotate(0deg) scaleX(0);
}

#section-projects .container-content .container-filters .filters-switch .switch-filters.has-active-filters .icon .bar:nth-child(2) {
  transform: translate3d(-50%, -50%, 0) rotate(45deg) scaleX(1);
}

#section-projects .container-content .container-filters .filters-switch .switch-filters.has-active-filters .icon .bar:nth-child(3) {
  transform: translate3d(-50%, -50%, 0) rotate(-45deg) scaleX(1);
}

#section-projects .container-content .container-filters .filters-switch .switch-filters.has-active-filters .icon .bar:nth-child(4) {
  transform: translate3d(-50%, calc(-50% + 0.6rem), 0) rotate(0deg) scaleX(0);
}

#section-projects .container-content .container-filters .button-user-selection {
  display: none;
  position: absolute;
  align-items: center;
  gap: 0.6rem 0.66rem;
  top: 1.2rem;
  right: 1.32rem;
  padding: 1.32rem 1.2rem;
  color: black;
  background-color: rgba(255, 255, 255, 0.4);
  border-radius: 1rem;
  cursor: pointer;
}

#section-projects .container-content .container-filters .button-user-selection.has-favorites {
  display: flex;
}

#section-projects .container-content .container-filters .button-user-selection svg {
  width: 100%;
  height: 3rem;
  overflow: visible;
  fill: none;
  stroke-width: 1px;
  stroke: black;
}

@media screen and (min-width: 800px) {
  #section-projects .container-content .container-filters .button-user-selection svg {
    height: 2rem;
  }
}

@media (hover: hover) {
  #section-projects .container-content .container-filters .button-user-selection:hover {
    background-color: white;
  }
  #section-projects .container-content .container-filters .button-user-selection:hover svg {
    fill: black;
  }
}

#section-projects .container-content .container-filters .button-user-selection.is-selected {
  background-color: white;
}

#section-projects .container-content .container-filters .button-user-selection.is-selected svg {
  fill: black;
}

#section-projects .container-content .container-filters .button-user-selection p {
  font-size: 3rem;
}

@media screen and (min-width: 800px) {
  #section-projects .container-content .container-filters .button-user-selection p {
    font-size: 2rem;
  }
}

#section-projects .container-content .all-filters {
  position: relative;
  transition: max-height 0.6s ease-in-out, padding 0.6s ease-in-out;
  overflow: hidden;
}

#section-projects .container-content .all-filters .wrapper-filters {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  padding-bottom: 1.2rem;
}

@media screen and (min-width: 800px) {
  #section-projects .container-content .all-filters .wrapper-filters {
    flex-direction: row;
  }
}

#section-projects .container-content .all-filters .wrapper-filters .filter-category {
  position: relative;
  box-sizing: border-box;
  top: 0;
  left: 0;
  width: 100%;
  transition: transform 0.6s ease-in-out;
  padding: 0.6rem 1.32rem;
  border-top: 1px solid black;
}

#section-projects .container-content .all-filters .wrapper-filters .filter-category:first-of-type {
  border-top: none;
}

@media screen and (min-width: 800px) {
  #section-projects .container-content .all-filters .wrapper-filters .filter-category {
    width: 25%;
    padding: 0 1.32rem;
    border-top: none;
    border-left: 1px solid black;
  }
  #section-projects .container-content .all-filters .wrapper-filters .filter-category:first-of-type {
    border-left: none;
  }
}

#section-projects .container-content .all-filters .wrapper-filters .filter-category h3 {
  display: none;
}

#section-projects .container-content .all-filters .wrapper-filters .filter-category .filter-list {
  display: flex;
  gap: 0.6rem 0.66rem;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
}

@media screen and (min-width: 800px) {
  #section-projects .container-content .all-filters .wrapper-filters .filter-category .filter-list {
    align-items: flex-start;
    flex-direction: column;
  }
}

#section-projects .container-content .all-filters .wrapper-filters .filter-category .filter-list .filter-item {
  box-sizing: border-box;
  display: inline-block;
  overflow: hidden;
  align-self: center;
  max-width: 100%;
  padding: 1.32rem 1.2rem;
  font-size: 2rem;
  background-color: rgba(255, 255, 255, 0.4);
  border-radius: 1rem;
  text-decoration: none;
  backdrop-filter: blur(0.5rem);
  user-select: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}

@media screen and (min-width: 800px) {
  #section-projects .container-content .all-filters .wrapper-filters .filter-category .filter-list .filter-item {
    align-self: flex-start;
  }
}

@media screen and (min-width: 1440px) {
  #section-projects .container-content .all-filters .wrapper-filters .filter-category .filter-list .filter-item {
    font-size: 2rem;
  }
}

.flag-transitions-true #section-projects .container-content .all-filters .wrapper-filters .filter-category .filter-list .filter-item {
  transition: font-size 0.6s ease-in-out, padding 0.6s ease-in-out, margin-bottom 0.3s ease-in-out;
}

#section-projects .container-content .all-filters .wrapper-filters .filter-category .filter-list .filter-item.is-selected, #section-projects .container-content .all-filters .wrapper-filters .filter-category .filter-list .filter-item:hover {
  color: black;
  background-color: white;
}

#section-projects .container-content .all-filters .wrapper-filters .filter-category .filter-list .filter-item.is-inactive {
  pointer-events: none;
  font-size: 0;
  padding: 0;
  margin-right: -0.66rem;
}

@media screen and (min-width: 800px) {
  #section-projects .container-content .all-filters .wrapper-filters .filter-category .filter-list .filter-item.is-inactive {
    margin-right: 0;
    margin-bottom: -0.6rem;
  }
}

#section-projects .container-content .all-filters .wrapper-filters .filter-category .filter-list .filter-item.has-no-matching-projects {
  display: none;
}

#section-projects .container-content .container-projects-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr [col-start]);
}

@media screen and (min-width: 480px) {
  #section-projects .container-content .container-projects-list {
    grid-template-columns: repeat(3, 1fr [col-start]);
  }
}

@media screen and (min-width: 800px) {
  #section-projects .container-content .container-projects-list {
    grid-template-columns: repeat(4, 1fr [col-start]);
  }
}

@media screen and (min-width: 1120px) {
  #section-projects .container-content .container-projects-list {
    grid-template-columns: repeat(5, 1fr [col-start]);
  }
}

@media screen and (min-width: 1440px) {
  #section-projects .container-content .container-projects-list {
    grid-template-columns: repeat(6, 1fr [col-start]);
  }
}

@media screen and (min-width: 1760px) {
  #section-projects .container-content .container-projects-list {
    grid-template-columns: repeat(7, 1fr [col-start]);
  }
}

@media screen and (min-width: 2080px) {
  #section-projects .container-content .container-projects-list {
    grid-template-columns: repeat(8, 1fr [col-start]);
  }
}

@media screen and (min-width: 2400px) {
  #section-projects .container-content .container-projects-list {
    grid-template-columns: repeat(9, 1fr [col-start]);
  }
}

@media screen and (min-width: 2720px) {
  #section-projects .container-content .container-projects-list {
    grid-template-columns: repeat(10, 1fr [col-start]);
  }
}

@media screen and (min-width: 3040px) {
  #section-projects .container-content .container-projects-list {
    grid-template-columns: repeat(11, 1fr [col-start]);
  }
}

#section-projects .container-content .container-projects-list .container-project {
  position: relative;
  aspect-ratio: 3 / 4;
}

#section-projects .container-content .container-projects-list .container-project .entry-image {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
}

#section-projects .container-content .container-projects-list .container-project .entry-image p {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

#section-projects .container-content .container-projects-list .container-project .entry-image p a {
  cursor: crosshair;
}

#section-projects .container-content .container-projects-list .container-project .entry-image p a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease-in-out;
}

#section-projects .container-content .container-projects-list .container-project .entry-image p a img.lazy-load {
  display: none;
}

#section-projects .container-content .container-projects-list .container-project .entry-image p a img.lazy-load.is-loaded {
  display: block;
}

#section-projects .container-content .container-projects-list .container-project .entry-image:hover p img {
  transform: scale(1.1);
}

#section-projects .container-content .container-projects-list .container-project .button-favorite {
  position: absolute;
  z-index: 1;
  bottom: 0;
  right: 0;
  width: 3rem;
  height: 3rem;
  padding: 1.2rem 1.32rem;
  cursor: pointer;
}

@media screen and (min-width: 800px) {
  #section-projects .container-content .container-projects-list .container-project .button-favorite {
    width: 2rem;
    height: 2rem;
  }
}

#section-projects .container-content .container-projects-list .container-project .button-favorite svg {
  width: 100%;
  height: 100%;
  overflow: visible;
  fill: none;
  stroke-width: 1px;
  stroke: #f0f0f0;
}

@media (hover: hover) {
  #section-projects .container-content .container-projects-list .container-project .button-favorite:hover svg {
    fill: white;
  }
}

#section-projects .container-content .container-projects-list .container-project .button-favorite.is-selected svg {
  fill: white;
}

#section-projects .container-content .container-projects-list .container-project.is-hidden {
  display: none;
}

.has-favorite-shown #section-projects .container-content .container-projects-list .container-project {
  display: none;
}

.has-favorite-shown #section-projects .container-content .container-projects-list .container-project.is-favorite {
  display: block;
}

#section-pages.has-single-page .container-content .container-pages-menu,
#section-pages.has-single-page .container-content .page-content-title {
  display: none;
}

#section-pages .container-content .page-content-title {
  display: inline-block;
  padding: 1.2rem 1.32rem;
}

#section-pages .container-content .page-content-title a {
  display: block;
  padding: 1.32rem 1.2rem;
  font-size: 2rem;
  color: #f0f0f0;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 1rem;
  text-decoration: none;
  backdrop-filter: blur(0.5rem);
}

#section-pages .container-content .page-content-title.is-selected a, #section-pages .container-content .page-content-title:hover a {
  background-color: rgba(0, 0, 0, 0.9);
}

@media screen and (min-width: 800px) {
  #section-pages .container-content .container-pages-menu {
    position: sticky;
    z-index: 1000;
    top: 0;
    right: 0;
    height: 0;
    pointer-events: none;
  }
}

#section-pages .container-content .container-pages-menu .page-menu {
  display: flex;
  flex-direction: column;
  gap: 0.6rem 0.66rem;
  align-items: flex-start;
  padding: 1.2rem 1.32rem;
}

#section-pages .container-content .container-pages-menu .page-menu .page-menu-item {
  align-self: flex-start;
  pointer-events: all;
}

@media screen and (min-width: 800px) {
  #section-pages .container-content .container-pages-menu .page-menu .page-menu-item {
    align-self: flex-end;
  }
}

#section-pages .container-content .container-pages-menu .page-menu .page-menu-item a {
  display: block;
  padding: 1.32rem 1.2rem;
  font-size: 2rem;
  background-color: rgba(255, 255, 255, 0.4);
  border-radius: 1rem;
  text-decoration: none;
  backdrop-filter: blur(0.5rem);
}

#section-pages .container-content .container-pages-menu .page-menu .page-menu-item.is-selected a, #section-pages .container-content .container-pages-menu .page-menu .page-menu-item:hover a {
  background-color: white;
}

#section-pages .container-content .container-pages-content .page-content + .page-content {
  margin-top: 2.4rem;
}

#section-pages .container-content .colophon {
  font-size: 2rem;
  padding: 9.6rem 2.64rem 2.4rem 2.64rem;
}

#section-project {
  box-sizing: border-box;
}

#section-project .container-content .project-header {
  position: sticky;
  top: 0;
  overflow: hidden;
  mix-blend-mode: multiply;
}

#section-project .container-content .project-header .container-title {
  display: flex;
  box-sizing: border-box;
  align-items: flex-end;
}

#section-project .container-content .project-header .container-title .label {
  box-sizing: border-box;
  padding: 0.3rem 1.32rem;
  width: 25%;
  flex: 0 0 auto;
  align-items: flex-end;
}

#section-project .container-content .project-header .container-title .label span {
  display: inline-block;
  color: #f0f0f0;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 1rem;
  padding: 0.66rem 0.6rem;
}

#section-project .container-content .project-header .container-title .project-title {
  padding: 1.2rem 2.64rem 0 2.64rem;
  font-size: 4rem;
}

#section-project .container-content .project-header .container-date {
  display: flex;
}

#section-project .container-content .project-header .container-date .label {
  box-sizing: border-box;
  padding: 0.3rem 0.66rem 0 1.32rem;
  width: 25%;
  flex: 0 0 auto;
}

#section-project .container-content .project-header .container-date .label span {
  display: inline-block;
  color: #f0f0f0;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 1rem;
  padding: 0.66rem 0.6rem;
}

#section-project .container-content .project-header .container-date .project-date {
  box-sizing: border-box;
  padding: 0 2.64rem 1.2rem 2.64rem;
  font-size: 4rem;
}

#section-project .container-content .project-header .button-favorite {
  position: absolute;
  z-index: 1;
  bottom: 0;
  right: 0;
  width: 3rem;
  height: 3rem;
  padding: 1.2rem 1.32rem;
  cursor: pointer;
  top: 1.2rem;
  bottom: none;
}

@media screen and (min-width: 800px) {
  #section-project .container-content .project-header .button-favorite {
    width: 2rem;
    height: 2rem;
  }
}

#section-project .container-content .project-header .button-favorite svg {
  width: 100%;
  height: 100%;
  overflow: visible;
  fill: none;
  stroke-width: 1px;
  stroke: black;
}

@media (hover: hover) {
  #section-project .container-content .project-header .button-favorite:hover svg {
    fill: rgba(0, 0, 0, 0.9);
  }
}

#section-project .container-content .project-header .button-favorite.is-selected svg {
  fill: rgba(0, 0, 0, 0.9);
}

#section-project .container-content .cover-image .entry-image {
  width: 100%;
}

#section-project .container-content .cover-image .entry-image > p {
  width: 100%;
}

.flag-transitions-true #section-project .container-content .cover-image .entry-image > p {
  transition: height 0.6s ease-in-out;
}

#section-project .container-content .cover-image .entry-image > p img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: left top;
  transition: transform 0.3s ease-in-out;
}

#section-project .container-content .cover-image .entry-image > p.is-resizing {
  transition: none !important;
}

#section-project .container-content .cover-image .entry-image figcaption {
  width: 100%;
  transition: width 0.6s ease-in-out;
}

#section-project .container-content .cover-image .entry-image figcaption .p-figcaption {
  box-sizing: border-box;
  padding: 0.6rem 2.64rem;
}

#section-project .container-content .cover-image .entry-image.is-zoomed > p {
  height: 75dvh !important;
}

#section-project .container-content .cover-image .entry-image.is-zoomable > p img {
  cursor: zoom-out;
}

#section-project .container-content .cover-image .entry-image.is-zoomable.is-zoomed > p img {
  cursor: zoom-in;
}

.content-repeater .repeater-matrix {
  box-sizing: border-box;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 2.4rem 0;
  width: 100%;
  flex-direction: column;
}

@media screen and (min-width: 1280px) {
  .content-repeater .repeater-matrix {
    flex-direction: row;
  }
}

.content-repeater .repeater-matrix:first-child {
  margin-top: 0;
}

.content-repeater .repeater-matrix.matrix-textarea {
  position: relative;
  z-index: 1;
  hyphens: auto;
  background-color: #f0f0f0;
  gap: 0;
}

.content-repeater .repeater-matrix.matrix-textarea h3 + h3,
.content-repeater .repeater-matrix.matrix-textarea h3 + p.small,
.content-repeater .repeater-matrix.matrix-textarea h3 + h4,
.content-repeater .repeater-matrix.matrix-textarea h3 + ul:has(li p.small),
.content-repeater .repeater-matrix.matrix-textarea p:not(.small) + h3,
.content-repeater .repeater-matrix.matrix-textarea p:not(.small) + p:not(.small),
.content-repeater .repeater-matrix.matrix-textarea p:not(.small) + p.small,
.content-repeater .repeater-matrix.matrix-textarea p:not(.small) + h4,
.content-repeater .repeater-matrix.matrix-textarea p:not(.small) + ul:has(li p.small),
.content-repeater .repeater-matrix.matrix-textarea p.small + h3,
.content-repeater .repeater-matrix.matrix-textarea p.small + p:not(.small),
.content-repeater .repeater-matrix.matrix-textarea p.small + p.small,
.content-repeater .repeater-matrix.matrix-textarea p.small + h4,
.content-repeater .repeater-matrix.matrix-textarea p.small + ul:not(:has(li p.small)),
.content-repeater .repeater-matrix.matrix-textarea h4 + h3,
.content-repeater .repeater-matrix.matrix-textarea h4 + p:not(.small),
.content-repeater .repeater-matrix.matrix-textarea h4 + p.small,
.content-repeater .repeater-matrix.matrix-textarea h4 + h4,
.content-repeater .repeater-matrix.matrix-textarea h4 + ul:not(:has(li p.small)),
.content-repeater .repeater-matrix.matrix-textarea h4 + ul:has(li p.small),
.content-repeater .repeater-matrix.matrix-textarea ul:not(:has(li p.small)) + h3,
.content-repeater .repeater-matrix.matrix-textarea ul:not(:has(li p.small)) + p:not(.small),
.content-repeater .repeater-matrix.matrix-textarea ul:not(:has(li p.small)) + p.small,
.content-repeater .repeater-matrix.matrix-textarea ul:not(:has(li p.small)) + h4,
.content-repeater .repeater-matrix.matrix-textarea ul:not(:has(li p.small)) + ul:has(li p.small),
.content-repeater .repeater-matrix.matrix-textarea ul:has(li p.small) + h3,
.content-repeater .repeater-matrix.matrix-textarea ul:has(li p.small) + p:not(.small),
.content-repeater .repeater-matrix.matrix-textarea ul:has(li p.small) + p.small,
.content-repeater .repeater-matrix.matrix-textarea ul:has(li p.small) + h4,
.content-repeater .repeater-matrix.matrix-textarea ul:has(li p.small) + ul:not(:has(li p.small)),
.content-repeater .repeater-matrix.matrix-textarea li:not(:has(p.small)) + li:has(p.small),
.content-repeater .repeater-matrix.matrix-textarea li:has(p.small) + li:not(:has(p.small)),
.content-repeater .repeater-matrix.matrix-textarea .placeholder {
  margin: 2.4rem 0 0 0;
}

.content-repeater .repeater-matrix.matrix-textarea h3 {
  font-size: 4rem;
}

.content-repeater .repeater-matrix.matrix-textarea p {
  font-size: 3rem;
}

.content-repeater .repeater-matrix.matrix-textarea p.small {
  font-size: 1rem;
}

.content-repeater .repeater-matrix.matrix-textarea h4 {
  font-size: 3rem;
  font-weight: normal;
}

.content-repeater .repeater-matrix.matrix-textarea h4 + p,
.content-repeater .repeater-matrix.matrix-textarea h4 + p:not(.small),
.content-repeater .repeater-matrix.matrix-textarea h4 + p.small {
  margin: 0 0 0 0;
}

.content-repeater .repeater-matrix.matrix-textarea ul {
  font-size: 3rem;
  list-style: none;
}

.content-repeater .repeater-matrix.matrix-textarea ul li {
  padding-left: 3.96rem;
}

.content-repeater .repeater-matrix.matrix-textarea ul li:last-of-type {
  padding-bottom: 2.4rem;
}

.content-repeater .repeater-matrix.matrix-textarea ul li::before {
  content: '—';
  font-size: inherit;
  display: block;
  position: absolute;
  transform: translate3d(-3.96rem, 0, 0);
}

.content-repeater .repeater-matrix.matrix-textarea ul li:has(p.small) {
  font-size: 1rem;
}

.content-repeater .repeater-matrix.matrix-textarea ul li h3,
.content-repeater .repeater-matrix.matrix-textarea ul li h4,
.content-repeater .repeater-matrix.matrix-textarea ul li ul {
  background-color: red;
}

.content-repeater .repeater-matrix.matrix-textarea ol {
  font-size: 3rem;
  list-style: none;
}

.content-repeater .repeater-matrix.matrix-textarea ol > li {
  margin-left: 3.96rem;
  position: relative;
}

.content-repeater .repeater-matrix.matrix-textarea ol > li:last-of-type {
  padding-bottom: 2.4rem;
}

.content-repeater .repeater-matrix.matrix-textarea ol > li:before {
  position: absolute;
  left: -3.96rem;
  counter-increment: mycounter;
  content: counter(mycounter) ".";
}

.content-repeater .repeater-matrix.matrix-textarea ol:first-of-type {
  counter-reset: mycounter;
}

.content-repeater .repeater-matrix.matrix-textarea em {
  font-style: italic;
}

.content-repeater .repeater-matrix.matrix-textarea strong {
  font-variation-settings: 'wght' 600;
}

.content-repeater .repeater-matrix.matrix-textarea a {
  color: inherit;
}

.content-repeater .repeater-matrix.matrix-textarea + .repeater-matrix {
  margin-top: 0;
}

.content-repeater .repeater-matrix.matrix-textarea .entry-title {
  flex: 0 0 auto;
  box-sizing: border-box;
  width: 100%;
  padding: 2.4rem 2.64rem 0 2.64rem;
}

.content-repeater .repeater-matrix.matrix-textarea .entry-title p {
  font-size: 4rem;
}

@media screen and (min-width: 1280px) {
  .content-repeater .repeater-matrix.matrix-textarea .entry-title {
    position: sticky;
    top: 0;
    width: 25%;
    padding: 2.4rem 2.64rem;
  }
}

.content-repeater .repeater-matrix.matrix-textarea .entry-textarea {
  box-sizing: border-box;
  padding: 2.4rem 2.64rem;
  max-width: 80ch;
}

.content-repeater .repeater-matrix.matrix-gallery .gallery.gallery-layout-default {
  width: 100%;
}

.content-repeater .repeater-matrix.matrix-gallery .gallery.gallery-layout-default .entry-image {
  width: 100%;
}

.content-repeater .repeater-matrix.matrix-gallery .gallery.gallery-layout-default .entry-image > p {
  width: 100%;
}

.flag-transitions-true .content-repeater .repeater-matrix.matrix-gallery .gallery.gallery-layout-default .entry-image > p {
  transition: height 0.6s ease-in-out;
}

.content-repeater .repeater-matrix.matrix-gallery .gallery.gallery-layout-default .entry-image > p img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: left top;
  transition: transform 0.3s ease-in-out;
}

.content-repeater .repeater-matrix.matrix-gallery .gallery.gallery-layout-default .entry-image > p.is-resizing {
  transition: none !important;
}

.content-repeater .repeater-matrix.matrix-gallery .gallery.gallery-layout-default .entry-image figcaption {
  width: 100%;
  transition: width 0.6s ease-in-out;
}

.content-repeater .repeater-matrix.matrix-gallery .gallery.gallery-layout-default .entry-image figcaption .p-figcaption {
  box-sizing: border-box;
  padding: 0.6rem 2.64rem;
}

.content-repeater .repeater-matrix.matrix-gallery .gallery.gallery-layout-default .entry-image.is-zoomed > p {
  height: 75dvh !important;
}

.content-repeater .repeater-matrix.matrix-gallery .gallery.gallery-layout-default .entry-image.is-zoomable > p img {
  cursor: zoom-out;
}

.content-repeater .repeater-matrix.matrix-gallery .gallery.gallery-layout-default .entry-image.is-zoomable.is-zoomed > p img {
  cursor: zoom-in;
}

.content-repeater .repeater-matrix.matrix-gallery .gallery.gallery-layout-default .entry-video video {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 75dvh;
}

.content-repeater .repeater-matrix.matrix-gallery .gallery.gallery-layout-default .entry-video figcaption .p-figcaption {
  padding: 0.6rem 2.64rem;
}

.content-repeater .repeater-matrix.matrix-gallery .gallery.gallery-layout-horizontal {
  display: flex;
  flex-direction: row;
  width: 100%;
  overflow: auto;
}

.content-repeater .repeater-matrix.matrix-gallery .gallery.gallery-layout-horizontal .entry-image {
  display: inline-table;
}

.content-repeater .repeater-matrix.matrix-gallery .gallery.gallery-layout-horizontal .entry-image p img {
  width: auto;
  height: 75dvh;
}

.content-repeater .repeater-matrix.matrix-gallery .gallery.gallery-layout-horizontal .entry-image figcaption {
  display: table-caption;
  caption-side: bottom;
  width: 100%;
}

.content-repeater .repeater-matrix.matrix-gallery .gallery.gallery-layout-horizontal .entry-image figcaption .p-figcaption {
  padding: 0.6rem 2.64rem;
}

.content-repeater .repeater-matrix.matrix-gallery .gallery.gallery-layout-horizontal .entry-video {
  display: inline-table;
}

.content-repeater .repeater-matrix.matrix-gallery .gallery.gallery-layout-horizontal .entry-video video {
  width: auto;
  height: 75dvh;
}

.content-repeater .repeater-matrix.matrix-gallery .gallery.gallery-layout-horizontal .entry-video figcaption {
  display: table-caption;
  caption-side: bottom;
}

.content-repeater .repeater-matrix.matrix-gallery .gallery.gallery-layout-horizontal .entry-video figcaption .p-figcaption {
  padding: 0.6rem 2.64rem;
}

.content-repeater .repeater-matrix.matrix-faq .entry-faq {
  box-sizing: border-box;
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 2.4rem 2.64rem;
}

.content-repeater .repeater-matrix.matrix-faq .entry-faq .faq-item {
  width: 100%;
  border-bottom: 1px solid black;
}

.content-repeater .repeater-matrix.matrix-faq .entry-faq .faq-item:hover .icon .bar:nth-child(1) {
  transform: translate3d(-50%, -50%, 0) rotate(0deg);
}

.content-repeater .repeater-matrix.matrix-faq .entry-faq .faq-item:hover .icon .bar:nth-child(2) {
  transform: translate3d(-50%, -50%, 0) rotate(90deg);
}

.content-repeater .repeater-matrix.matrix-faq .entry-faq .faq-item .faq-question {
  list-style: none;
  outline: none;
  position: relative;
  cursor: pointer;
  display: flex;
  align-content: flex-start;
  box-sizing: border-box;
  width: 100%;
  padding: 2.4rem 0;
  gap: 1.2rem 1.32rem;
  cursor: pointer;
}

.content-repeater .repeater-matrix.matrix-faq .entry-faq .faq-item .faq-question::marker, .content-repeater .repeater-matrix.matrix-faq .entry-faq .faq-item .faq-question::-webkit-details-marker {
  display: none;
}

.content-repeater .repeater-matrix.matrix-faq .entry-faq .faq-item .faq-question .icon {
  flex: 0 0 auto;
  position: relative;
  display: block;
  width: 4rem;
  height: 2rem;
  margin-top: 0.35em;
}

.content-repeater .repeater-matrix.matrix-faq .entry-faq .faq-item .faq-question .icon .bar {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 1px;
  transform: translate3d(-50%, -50%, 0);
  background-color: black;
  transition: transform 0.3s ease-in-out;
}

.content-repeater .repeater-matrix.matrix-faq .entry-faq .faq-item .faq-question .icon .bar:nth-child(3) {
  display: none;
}

.content-repeater .repeater-matrix.matrix-faq .entry-faq .faq-item .faq-question .question {
  font-size: 4rem;
  width: 40ch;
}

.content-repeater .repeater-matrix.matrix-faq .entry-faq .faq-item summary::-webkit-details-marker {
  display: none;
}

.content-repeater .repeater-matrix.matrix-faq .entry-faq .faq-item[open] .icon .bar:nth-child(1) {
  transform: translate3d(-50%, -50%, 0) rotate(-45deg);
}

.content-repeater .repeater-matrix.matrix-faq .entry-faq .faq-item[open] .icon .bar:nth-child(2) {
  transform: translate3d(-50%, -50%, 0) rotate(45deg);
}

.content-repeater .repeater-matrix.matrix-faq .entry-faq .faq-item[open] .faq-question:hover .icon .bar:nth-child(1) {
  transform: translate3d(-50%, -50%, 0) rotate(0deg);
}

.content-repeater .repeater-matrix.matrix-faq .entry-faq .faq-item[open] .faq-question:hover .icon .bar:nth-child(2) {
  transform: translate3d(-50%, -50%, 0) rotate(0deg);
}

.content-repeater .repeater-matrix.matrix-faq .entry-faq .faq-item .faq-answer {
  padding: 0 2.64rem 2.4rem 5.32rem;
  max-width: 80ch;
  hyphens: auto;
}

.content-repeater .repeater-matrix.matrix-faq .entry-faq .faq-item .faq-answer h3 + h3,
.content-repeater .repeater-matrix.matrix-faq .entry-faq .faq-item .faq-answer h3 + p.small,
.content-repeater .repeater-matrix.matrix-faq .entry-faq .faq-item .faq-answer h3 + h4,
.content-repeater .repeater-matrix.matrix-faq .entry-faq .faq-item .faq-answer h3 + ul:has(li p.small),
.content-repeater .repeater-matrix.matrix-faq .entry-faq .faq-item .faq-answer p:not(.small) + h3,
.content-repeater .repeater-matrix.matrix-faq .entry-faq .faq-item .faq-answer p:not(.small) + p:not(.small),
.content-repeater .repeater-matrix.matrix-faq .entry-faq .faq-item .faq-answer p:not(.small) + p.small,
.content-repeater .repeater-matrix.matrix-faq .entry-faq .faq-item .faq-answer p:not(.small) + h4,
.content-repeater .repeater-matrix.matrix-faq .entry-faq .faq-item .faq-answer p:not(.small) + ul:has(li p.small),
.content-repeater .repeater-matrix.matrix-faq .entry-faq .faq-item .faq-answer p.small + h3,
.content-repeater .repeater-matrix.matrix-faq .entry-faq .faq-item .faq-answer p.small + p:not(.small),
.content-repeater .repeater-matrix.matrix-faq .entry-faq .faq-item .faq-answer p.small + p.small,
.content-repeater .repeater-matrix.matrix-faq .entry-faq .faq-item .faq-answer p.small + h4,
.content-repeater .repeater-matrix.matrix-faq .entry-faq .faq-item .faq-answer p.small + ul:not(:has(li p.small)),
.content-repeater .repeater-matrix.matrix-faq .entry-faq .faq-item .faq-answer h4 + h3,
.content-repeater .repeater-matrix.matrix-faq .entry-faq .faq-item .faq-answer h4 + p:not(.small),
.content-repeater .repeater-matrix.matrix-faq .entry-faq .faq-item .faq-answer h4 + p.small,
.content-repeater .repeater-matrix.matrix-faq .entry-faq .faq-item .faq-answer h4 + h4,
.content-repeater .repeater-matrix.matrix-faq .entry-faq .faq-item .faq-answer h4 + ul:not(:has(li p.small)),
.content-repeater .repeater-matrix.matrix-faq .entry-faq .faq-item .faq-answer h4 + ul:has(li p.small),
.content-repeater .repeater-matrix.matrix-faq .entry-faq .faq-item .faq-answer ul:not(:has(li p.small)) + h3,
.content-repeater .repeater-matrix.matrix-faq .entry-faq .faq-item .faq-answer ul:not(:has(li p.small)) + p:not(.small),
.content-repeater .repeater-matrix.matrix-faq .entry-faq .faq-item .faq-answer ul:not(:has(li p.small)) + p.small,
.content-repeater .repeater-matrix.matrix-faq .entry-faq .faq-item .faq-answer ul:not(:has(li p.small)) + h4,
.content-repeater .repeater-matrix.matrix-faq .entry-faq .faq-item .faq-answer ul:not(:has(li p.small)) + ul:has(li p.small),
.content-repeater .repeater-matrix.matrix-faq .entry-faq .faq-item .faq-answer ul:has(li p.small) + h3,
.content-repeater .repeater-matrix.matrix-faq .entry-faq .faq-item .faq-answer ul:has(li p.small) + p:not(.small),
.content-repeater .repeater-matrix.matrix-faq .entry-faq .faq-item .faq-answer ul:has(li p.small) + p.small,
.content-repeater .repeater-matrix.matrix-faq .entry-faq .faq-item .faq-answer ul:has(li p.small) + h4,
.content-repeater .repeater-matrix.matrix-faq .entry-faq .faq-item .faq-answer ul:has(li p.small) + ul:not(:has(li p.small)),
.content-repeater .repeater-matrix.matrix-faq .entry-faq .faq-item .faq-answer li:not(:has(p.small)) + li:has(p.small),
.content-repeater .repeater-matrix.matrix-faq .entry-faq .faq-item .faq-answer li:has(p.small) + li:not(:has(p.small)),
.content-repeater .repeater-matrix.matrix-faq .entry-faq .faq-item .faq-answer .placeholder {
  margin: 2.4rem 0 0 0;
}

.content-repeater .repeater-matrix.matrix-faq .entry-faq .faq-item .faq-answer h3 {
  font-size: 4rem;
}

.content-repeater .repeater-matrix.matrix-faq .entry-faq .faq-item .faq-answer p {
  font-size: 3rem;
}

.content-repeater .repeater-matrix.matrix-faq .entry-faq .faq-item .faq-answer p.small {
  font-size: 1rem;
}

.content-repeater .repeater-matrix.matrix-faq .entry-faq .faq-item .faq-answer h4 {
  font-size: 3rem;
  font-weight: normal;
}

.content-repeater .repeater-matrix.matrix-faq .entry-faq .faq-item .faq-answer h4 + p,
.content-repeater .repeater-matrix.matrix-faq .entry-faq .faq-item .faq-answer h4 + p:not(.small),
.content-repeater .repeater-matrix.matrix-faq .entry-faq .faq-item .faq-answer h4 + p.small {
  margin: 0 0 0 0;
}

.content-repeater .repeater-matrix.matrix-faq .entry-faq .faq-item .faq-answer ul {
  font-size: 3rem;
  list-style: none;
}

.content-repeater .repeater-matrix.matrix-faq .entry-faq .faq-item .faq-answer ul li {
  padding-left: 3.96rem;
}

.content-repeater .repeater-matrix.matrix-faq .entry-faq .faq-item .faq-answer ul li:last-of-type {
  padding-bottom: 2.4rem;
}

.content-repeater .repeater-matrix.matrix-faq .entry-faq .faq-item .faq-answer ul li::before {
  content: '—';
  font-size: inherit;
  display: block;
  position: absolute;
  transform: translate3d(-3.96rem, 0, 0);
}

.content-repeater .repeater-matrix.matrix-faq .entry-faq .faq-item .faq-answer ul li:has(p.small) {
  font-size: 1rem;
}

.content-repeater .repeater-matrix.matrix-faq .entry-faq .faq-item .faq-answer ul li h3,
.content-repeater .repeater-matrix.matrix-faq .entry-faq .faq-item .faq-answer ul li h4,
.content-repeater .repeater-matrix.matrix-faq .entry-faq .faq-item .faq-answer ul li ul {
  background-color: red;
}

.content-repeater .repeater-matrix.matrix-faq .entry-faq .faq-item .faq-answer ol {
  font-size: 3rem;
  list-style: none;
}

.content-repeater .repeater-matrix.matrix-faq .entry-faq .faq-item .faq-answer ol > li {
  margin-left: 3.96rem;
  position: relative;
}

.content-repeater .repeater-matrix.matrix-faq .entry-faq .faq-item .faq-answer ol > li:last-of-type {
  padding-bottom: 2.4rem;
}

.content-repeater .repeater-matrix.matrix-faq .entry-faq .faq-item .faq-answer ol > li:before {
  position: absolute;
  left: -3.96rem;
  counter-increment: mycounter;
  content: counter(mycounter) ".";
}

.content-repeater .repeater-matrix.matrix-faq .entry-faq .faq-item .faq-answer ol:first-of-type {
  counter-reset: mycounter;
}

.content-repeater .repeater-matrix.matrix-faq .entry-faq .faq-item .faq-answer em {
  font-style: italic;
}

.content-repeater .repeater-matrix.matrix-faq .entry-faq .faq-item .faq-answer strong {
  font-variation-settings: 'wght' 600;
}

.content-repeater .repeater-matrix.matrix-faq .entry-faq .faq-item .faq-answer a {
  color: inherit;
}

.content-repeater .repeater-matrix.matrix-calendar {
  padding: 0 2.64rem;
}

.content-repeater .repeater-matrix.matrix-calendar .calendar-items {
  width: 100%;
}

.content-repeater .repeater-matrix.matrix-calendar .calendar-items .calendar-item {
  position: relative;
  box-sizing: border-box;
  padding-bottom: 1.2rem;
  border-bottom: 1px solid black;
}

.content-repeater .repeater-matrix.matrix-calendar .calendar-items .calendar-item .calendar-location {
  font-size: 6rem;
  text-transform: uppercase;
  width: 100%;
  hyphens: auto;
}

@media screen and (min-width: 800px) {
  .content-repeater .repeater-matrix.matrix-calendar .calendar-items .calendar-item .calendar-location {
    font-size: 9rem;
  }
}

@media screen and (min-width: 2080px) {
  .content-repeater .repeater-matrix.matrix-calendar .calendar-items .calendar-item .calendar-location {
    font-size: 12rem;
  }
}

.content-repeater .repeater-matrix.matrix-calendar .calendar-items .calendar-item .calendar-date {
  display: flex;
  gap: 1.2rem 1.32rem;
  margin-top: -1.32rem;
  font-size: 4rem;
  padding-left: 0.2em;
}

.content-repeater .repeater-matrix.matrix-calendar .calendar-items .calendar-item .calendar-date .calendar-url {
  right: 0;
  bottom: 1.32rem;
}

.content-repeater .repeater-matrix.matrix-calendar .calendar-items .calendar-item .calendar-date .calendar-url a {
  display: block;
  padding: 1.32rem 1.2rem;
  font-size: 2rem;
  background-color: rgba(255, 255, 255, 0.4);
  border-radius: 1rem;
  text-decoration: none;
  backdrop-filter: blur(0.5rem);
}

.content-repeater .repeater-matrix.matrix-calendar .calendar-items .calendar-item .calendar-date .calendar-url.is-selected a, .content-repeater .repeater-matrix.matrix-calendar .calendar-items .calendar-item .calendar-date .calendar-url:hover a {
  background-color: white;
}

#cookie-notice {
  position: fixed;
  z-index: 50000;
  box-sizing: border-box;
  bottom: 0;
  left: 0;
  padding: 1.2rem 1.32rem;
  width: 100%;
  background-color: black;
  color: #f0f0f0;
  backdrop-filter: blur(0.5rem);
}

#cookie-notice.is-hidden {
  display: none;
}

#cookie-notice .entry-buttons {
  margin-top: 2.4rem;
}

#cookie-notice .entry-buttons button {
  border: 1px solid black;
  background-color: rgba(255, 255, 255, 0.4);
  color: black;
  font-family: 'Font Regular', serif;
  font-size: 2rem;
  padding: 1.2rem 1.32rem;
  border-radius: 1rem;
}

#cookie-notice .entry-buttons button:hover {
  cursor: pointer;
  background-color: white;
  color: black;
}