@font-face {
  font-family: "Space Grotesk";
  font-weight: 300;
  src: url(/assets/fonts/space-grotesk/300.ttf) format("truetype");
}
@font-face {
  font-family: "Space Grotesk";
  font-weight: 400;
  src: url(/assets/fonts/space-grotesk/400.ttf) format("truetype");
}
@font-face {
  font-family: "Space Grotesk";
  font-weight: 500;
  src: url(/assets/fonts/space-grotesk/500.ttf) format("truetype");
}
@font-face {
  font-family: "Space Grotesk";
  font-weight: 600;
  src: url(/assets/fonts/space-grotesk/600.ttf) format("truetype");
}
@font-face {
  font-family: "Space Grotesk";
  font-weight: 700;
  src: url(/assets/fonts/space-grotesk/700.ttf) format("truetype");
}
* {
  box-sizing: border-box;
}
@media (max-width: 991px) {
  * {
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  *::-webkit-scrollbar-track {
    -webkit-box-shadow: none !important;
    background-color: transparent;
  }
  *::-webkit-scrollbar {
    width: 3px !important;
    background-color: transparent;
  }
  *::-webkit-scrollbar-thumb {
    background-color: transparent;
  }
}

body {
  font-family: "Space Grotesk", sans-serif;
  font-size: 16px;
  margin: 0;
  padding: 0;
  width: 100vw;
  overflow-x: hidden;
  --color-txt: black;
  --color-bg: white;
}

h1 {
  margin: 0;
  line-height: 1;
  color: transparent;
  text-stroke: 1px var(--color-txt);
  -moz-text-stroke: 1px var(--color-txt);
  -webkit-text-stroke: 1px var(--color-txt);
  position: relative;
  font-size: 12vw;
}
h1 span {
  color: inherit;
  text-stroke: inherit;
  -moz-text-stroke: inherit;
  -webkit-text-stroke: inherit;
  letter-spacing: 0.005em;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
h1.splash {
  margin-top: 1em;
  margin-bottom: 2em;
}
@media (max-width: 767px) {
  h1 {
    font-size: 4rem !important;
  }
}
h1[data-delta="0"] {
  font-size: 0vw;
}
@media (min-width: 1200px) {
  h1[data-delta="0"] {
    font-size: 0rem;
  }
}
h1[data-delta="0.1"] {
  font-size: 1vw;
}
@media (min-width: 1200px) {
  h1[data-delta="0.1"] {
    font-size: 1rem;
  }
}
h1[data-delta="0.2"] {
  font-size: 2vw;
}
@media (min-width: 1200px) {
  h1[data-delta="0.2"] {
    font-size: 2rem;
  }
}
h1[data-delta="0.3"] {
  font-size: 3vw;
}
@media (min-width: 1200px) {
  h1[data-delta="0.3"] {
    font-size: 3rem;
  }
}
h1[data-delta="0.4"] {
  font-size: 4vw;
}
@media (min-width: 1200px) {
  h1[data-delta="0.4"] {
    font-size: 4rem;
  }
}
h1[data-delta="0.5"] {
  font-size: 5vw;
}
@media (min-width: 1200px) {
  h1[data-delta="0.5"] {
    font-size: 5rem;
  }
}
h1[data-delta="0.6"] {
  font-size: 6vw;
}
@media (min-width: 1200px) {
  h1[data-delta="0.6"] {
    font-size: 6rem;
  }
}
h1[data-delta="0.7"] {
  font-size: 7vw;
}
@media (min-width: 1200px) {
  h1[data-delta="0.7"] {
    font-size: 7rem;
  }
}
h1[data-delta="0.8"] {
  font-size: 8vw;
}
@media (min-width: 1200px) {
  h1[data-delta="0.8"] {
    font-size: 8rem;
  }
}
h1[data-delta="0.9"] {
  font-size: 9vw;
}
@media (min-width: 1200px) {
  h1[data-delta="0.9"] {
    font-size: 9rem;
  }
}
h1[data-delta="1"] {
  font-size: 10vw;
}
@media (min-width: 1200px) {
  h1[data-delta="1"] {
    font-size: 10rem;
  }
}
h1[data-delta="1.1"] {
  font-size: 11vw;
}
@media (min-width: 1200px) {
  h1[data-delta="1.1"] {
    font-size: 11rem;
  }
}
h1[data-delta="1.2"] {
  font-size: 12vw;
}
@media (min-width: 1200px) {
  h1[data-delta="1.2"] {
    font-size: 12rem;
  }
}
h1[data-delta="1.3"] {
  font-size: 13vw;
}
@media (min-width: 1200px) {
  h1[data-delta="1.3"] {
    font-size: 13rem;
  }
}
h1[data-delta="1.4"] {
  font-size: 14vw;
}
@media (min-width: 1200px) {
  h1[data-delta="1.4"] {
    font-size: 14rem;
  }
}
h1[data-delta="1.5"] {
  font-size: 15vw;
}
@media (min-width: 1200px) {
  h1[data-delta="1.5"] {
    font-size: 15rem;
  }
}
h1[data-delta="1.6"] {
  font-size: 16vw;
}
@media (min-width: 1200px) {
  h1[data-delta="1.6"] {
    font-size: 16rem;
  }
}
h1[data-delta="1.7"] {
  font-size: 17vw;
}
@media (min-width: 1200px) {
  h1[data-delta="1.7"] {
    font-size: 17rem;
  }
}
h1[data-delta="1.8"] {
  font-size: 18vw;
}
@media (min-width: 1200px) {
  h1[data-delta="1.8"] {
    font-size: 18rem;
  }
}
h1[data-delta="1.9"] {
  font-size: 19vw;
}
@media (min-width: 1200px) {
  h1[data-delta="1.9"] {
    font-size: 19rem;
  }
}
h1[data-delta="2"] {
  font-size: 20vw;
}
@media (min-width: 1200px) {
  h1[data-delta="2"] {
    font-size: 20rem;
  }
}
h1[data-delta="2.1"] {
  font-size: 21vw;
}
@media (min-width: 1200px) {
  h1[data-delta="2.1"] {
    font-size: 21rem;
  }
}
h1[data-delta="2.2"] {
  font-size: 22vw;
}
@media (min-width: 1200px) {
  h1[data-delta="2.2"] {
    font-size: 22rem;
  }
}
h1[data-delta="2.3"] {
  font-size: 23vw;
}
@media (min-width: 1200px) {
  h1[data-delta="2.3"] {
    font-size: 23rem;
  }
}
h1[data-delta="2.4"] {
  font-size: 24vw;
}
@media (min-width: 1200px) {
  h1[data-delta="2.4"] {
    font-size: 24rem;
  }
}
h1[data-delta="2.5"] {
  font-size: 25vw;
}
@media (min-width: 1200px) {
  h1[data-delta="2.5"] {
    font-size: 25rem;
  }
}
h1[data-delta="2.6"] {
  font-size: 26vw;
}
@media (min-width: 1200px) {
  h1[data-delta="2.6"] {
    font-size: 26rem;
  }
}
h1[data-delta="2.7"] {
  font-size: 27vw;
}
@media (min-width: 1200px) {
  h1[data-delta="2.7"] {
    font-size: 27rem;
  }
}
h1[data-delta="2.8"] {
  font-size: 28vw;
}
@media (min-width: 1200px) {
  h1[data-delta="2.8"] {
    font-size: 28rem;
  }
}
h1[data-delta="2.9"] {
  font-size: 29vw;
}
@media (min-width: 1200px) {
  h1[data-delta="2.9"] {
    font-size: 29rem;
  }
}
h1[data-delta="3"] {
  font-size: 30vw;
}
@media (min-width: 1200px) {
  h1[data-delta="3"] {
    font-size: 30rem;
  }
}
h1[data-delta="3.1"] {
  font-size: 31vw;
}
@media (min-width: 1200px) {
  h1[data-delta="3.1"] {
    font-size: 31rem;
  }
}
h1[data-delta="3.2"] {
  font-size: 32vw;
}
@media (min-width: 1200px) {
  h1[data-delta="3.2"] {
    font-size: 32rem;
  }
}
h1[data-delta="3.3"] {
  font-size: 33vw;
}
@media (min-width: 1200px) {
  h1[data-delta="3.3"] {
    font-size: 33rem;
  }
}
h1[data-delta="3.4"] {
  font-size: 34vw;
}
@media (min-width: 1200px) {
  h1[data-delta="3.4"] {
    font-size: 34rem;
  }
}
h1[data-delta="3.5"] {
  font-size: 35vw;
}
@media (min-width: 1200px) {
  h1[data-delta="3.5"] {
    font-size: 35rem;
  }
}
h1[data-delta="3.6"] {
  font-size: 36vw;
}
@media (min-width: 1200px) {
  h1[data-delta="3.6"] {
    font-size: 36rem;
  }
}
h1[data-delta="3.7"] {
  font-size: 37vw;
}
@media (min-width: 1200px) {
  h1[data-delta="3.7"] {
    font-size: 37rem;
  }
}
h1[data-delta="3.8"] {
  font-size: 38vw;
}
@media (min-width: 1200px) {
  h1[data-delta="3.8"] {
    font-size: 38rem;
  }
}
h1[data-delta="3.9"] {
  font-size: 39vw;
}
@media (min-width: 1200px) {
  h1[data-delta="3.9"] {
    font-size: 39rem;
  }
}
h1[data-delta="4"] {
  font-size: 40vw;
}
@media (min-width: 1200px) {
  h1[data-delta="4"] {
    font-size: 40rem;
  }
}
h1[data-delta="4.1"] {
  font-size: 41vw;
}
@media (min-width: 1200px) {
  h1[data-delta="4.1"] {
    font-size: 41rem;
  }
}
h1[data-delta="4.2"] {
  font-size: 42vw;
}
@media (min-width: 1200px) {
  h1[data-delta="4.2"] {
    font-size: 42rem;
  }
}
h1[data-delta="4.3"] {
  font-size: 43vw;
}
@media (min-width: 1200px) {
  h1[data-delta="4.3"] {
    font-size: 43rem;
  }
}
h1[data-delta="4.4"] {
  font-size: 44vw;
}
@media (min-width: 1200px) {
  h1[data-delta="4.4"] {
    font-size: 44rem;
  }
}
h1[data-delta="4.5"] {
  font-size: 45vw;
}
@media (min-width: 1200px) {
  h1[data-delta="4.5"] {
    font-size: 45rem;
  }
}
h1[data-delta="4.6"] {
  font-size: 46vw;
}
@media (min-width: 1200px) {
  h1[data-delta="4.6"] {
    font-size: 46rem;
  }
}
h1[data-delta="4.7"] {
  font-size: 47vw;
}
@media (min-width: 1200px) {
  h1[data-delta="4.7"] {
    font-size: 47rem;
  }
}
h1[data-delta="4.8"] {
  font-size: 48vw;
}
@media (min-width: 1200px) {
  h1[data-delta="4.8"] {
    font-size: 48rem;
  }
}
h1[data-delta="4.9"] {
  font-size: 49vw;
}
@media (min-width: 1200px) {
  h1[data-delta="4.9"] {
    font-size: 49rem;
  }
}
h1[data-delta="5"] {
  font-size: 50vw;
}
@media (min-width: 1200px) {
  h1[data-delta="5"] {
    font-size: 50rem;
  }
}
h1[data-delta="5.1"] {
  font-size: 51vw;
}
@media (min-width: 1200px) {
  h1[data-delta="5.1"] {
    font-size: 51rem;
  }
}
h1[data-delta="5.2"] {
  font-size: 52vw;
}
@media (min-width: 1200px) {
  h1[data-delta="5.2"] {
    font-size: 52rem;
  }
}
h1[data-delta="5.3"] {
  font-size: 53vw;
}
@media (min-width: 1200px) {
  h1[data-delta="5.3"] {
    font-size: 53rem;
  }
}
h1[data-delta="5.4"] {
  font-size: 54vw;
}
@media (min-width: 1200px) {
  h1[data-delta="5.4"] {
    font-size: 54rem;
  }
}
h1[data-delta="5.5"] {
  font-size: 55vw;
}
@media (min-width: 1200px) {
  h1[data-delta="5.5"] {
    font-size: 55rem;
  }
}
h1[data-delta="5.6"] {
  font-size: 56vw;
}
@media (min-width: 1200px) {
  h1[data-delta="5.6"] {
    font-size: 56rem;
  }
}
h1[data-delta="5.7"] {
  font-size: 57vw;
}
@media (min-width: 1200px) {
  h1[data-delta="5.7"] {
    font-size: 57rem;
  }
}
h1[data-delta="5.8"] {
  font-size: 58vw;
}
@media (min-width: 1200px) {
  h1[data-delta="5.8"] {
    font-size: 58rem;
  }
}
h1[data-delta="5.9"] {
  font-size: 59vw;
}
@media (min-width: 1200px) {
  h1[data-delta="5.9"] {
    font-size: 59rem;
  }
}
h1[data-delta="6"] {
  font-size: 60vw;
}
@media (min-width: 1200px) {
  h1[data-delta="6"] {
    font-size: 60rem;
  }
}
h1[data-delta="6.1"] {
  font-size: 61vw;
}
@media (min-width: 1200px) {
  h1[data-delta="6.1"] {
    font-size: 61rem;
  }
}
h1[data-delta="6.2"] {
  font-size: 62vw;
}
@media (min-width: 1200px) {
  h1[data-delta="6.2"] {
    font-size: 62rem;
  }
}
h1[data-delta="6.3"] {
  font-size: 63vw;
}
@media (min-width: 1200px) {
  h1[data-delta="6.3"] {
    font-size: 63rem;
  }
}
h1[data-delta="6.4"] {
  font-size: 64vw;
}
@media (min-width: 1200px) {
  h1[data-delta="6.4"] {
    font-size: 64rem;
  }
}
h1[data-delta="6.5"] {
  font-size: 65vw;
}
@media (min-width: 1200px) {
  h1[data-delta="6.5"] {
    font-size: 65rem;
  }
}
h1[data-delta="6.6"] {
  font-size: 66vw;
}
@media (min-width: 1200px) {
  h1[data-delta="6.6"] {
    font-size: 66rem;
  }
}
h1[data-delta="6.7"] {
  font-size: 67vw;
}
@media (min-width: 1200px) {
  h1[data-delta="6.7"] {
    font-size: 67rem;
  }
}
h1[data-delta="6.8"] {
  font-size: 68vw;
}
@media (min-width: 1200px) {
  h1[data-delta="6.8"] {
    font-size: 68rem;
  }
}
h1[data-delta="6.9"] {
  font-size: 69vw;
}
@media (min-width: 1200px) {
  h1[data-delta="6.9"] {
    font-size: 69rem;
  }
}
h1[data-delta="7"] {
  font-size: 70vw;
}
@media (min-width: 1200px) {
  h1[data-delta="7"] {
    font-size: 70rem;
  }
}
h1[data-delta="7.1"] {
  font-size: 71vw;
}
@media (min-width: 1200px) {
  h1[data-delta="7.1"] {
    font-size: 71rem;
  }
}
h1[data-delta="7.2"] {
  font-size: 72vw;
}
@media (min-width: 1200px) {
  h1[data-delta="7.2"] {
    font-size: 72rem;
  }
}
h1[data-delta="7.3"] {
  font-size: 73vw;
}
@media (min-width: 1200px) {
  h1[data-delta="7.3"] {
    font-size: 73rem;
  }
}
h1[data-delta="7.4"] {
  font-size: 74vw;
}
@media (min-width: 1200px) {
  h1[data-delta="7.4"] {
    font-size: 74rem;
  }
}
h1[data-delta="7.5"] {
  font-size: 75vw;
}
@media (min-width: 1200px) {
  h1[data-delta="7.5"] {
    font-size: 75rem;
  }
}
h1[data-delta="7.6"] {
  font-size: 76vw;
}
@media (min-width: 1200px) {
  h1[data-delta="7.6"] {
    font-size: 76rem;
  }
}
h1[data-delta="7.7"] {
  font-size: 77vw;
}
@media (min-width: 1200px) {
  h1[data-delta="7.7"] {
    font-size: 77rem;
  }
}
h1[data-delta="7.8"] {
  font-size: 78vw;
}
@media (min-width: 1200px) {
  h1[data-delta="7.8"] {
    font-size: 78rem;
  }
}
h1[data-delta="7.9"] {
  font-size: 79vw;
}
@media (min-width: 1200px) {
  h1[data-delta="7.9"] {
    font-size: 79rem;
  }
}
h1[data-delta="8"] {
  font-size: 80vw;
}
@media (min-width: 1200px) {
  h1[data-delta="8"] {
    font-size: 80rem;
  }
}
h1[data-delta="8.1"] {
  font-size: 81vw;
}
@media (min-width: 1200px) {
  h1[data-delta="8.1"] {
    font-size: 81rem;
  }
}
h1[data-delta="8.2"] {
  font-size: 82vw;
}
@media (min-width: 1200px) {
  h1[data-delta="8.2"] {
    font-size: 82rem;
  }
}
h1[data-delta="8.3"] {
  font-size: 83vw;
}
@media (min-width: 1200px) {
  h1[data-delta="8.3"] {
    font-size: 83rem;
  }
}
h1[data-delta="8.4"] {
  font-size: 84vw;
}
@media (min-width: 1200px) {
  h1[data-delta="8.4"] {
    font-size: 84rem;
  }
}
h1[data-delta="8.5"] {
  font-size: 85vw;
}
@media (min-width: 1200px) {
  h1[data-delta="8.5"] {
    font-size: 85rem;
  }
}
h1[data-delta="8.6"] {
  font-size: 86vw;
}
@media (min-width: 1200px) {
  h1[data-delta="8.6"] {
    font-size: 86rem;
  }
}
h1[data-delta="8.7"] {
  font-size: 87vw;
}
@media (min-width: 1200px) {
  h1[data-delta="8.7"] {
    font-size: 87rem;
  }
}
h1[data-delta="8.8"] {
  font-size: 88vw;
}
@media (min-width: 1200px) {
  h1[data-delta="8.8"] {
    font-size: 88rem;
  }
}
h1[data-delta="8.9"] {
  font-size: 89vw;
}
@media (min-width: 1200px) {
  h1[data-delta="8.9"] {
    font-size: 89rem;
  }
}
h1[data-delta="9"] {
  font-size: 90vw;
}
@media (min-width: 1200px) {
  h1[data-delta="9"] {
    font-size: 90rem;
  }
}
h1[data-delta="9.1"] {
  font-size: 91vw;
}
@media (min-width: 1200px) {
  h1[data-delta="9.1"] {
    font-size: 91rem;
  }
}
h1[data-delta="9.2"] {
  font-size: 92vw;
}
@media (min-width: 1200px) {
  h1[data-delta="9.2"] {
    font-size: 92rem;
  }
}
h1[data-delta="9.3"] {
  font-size: 93vw;
}
@media (min-width: 1200px) {
  h1[data-delta="9.3"] {
    font-size: 93rem;
  }
}
h1[data-delta="9.4"] {
  font-size: 94vw;
}
@media (min-width: 1200px) {
  h1[data-delta="9.4"] {
    font-size: 94rem;
  }
}
h1[data-delta="9.5"] {
  font-size: 95vw;
}
@media (min-width: 1200px) {
  h1[data-delta="9.5"] {
    font-size: 95rem;
  }
}
h1[data-delta="9.6"] {
  font-size: 96vw;
}
@media (min-width: 1200px) {
  h1[data-delta="9.6"] {
    font-size: 96rem;
  }
}
h1[data-delta="9.7"] {
  font-size: 97vw;
}
@media (min-width: 1200px) {
  h1[data-delta="9.7"] {
    font-size: 97rem;
  }
}
h1[data-delta="9.8"] {
  font-size: 98vw;
}
@media (min-width: 1200px) {
  h1[data-delta="9.8"] {
    font-size: 98rem;
  }
}
h1[data-delta="9.9"] {
  font-size: 99vw;
}
@media (min-width: 1200px) {
  h1[data-delta="9.9"] {
    font-size: 99rem;
  }
}

hr {
  display: block;
  background-color: var(--color-txt);
  width: 100%;
  height: 2px;
  transform-origin: 0% 0%;
  transform: rotate(-6.5deg);
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  border: 0;
  margin: 12rem 0 4rem 0;
}

.contain {
  width: calc(100% - 10rem);
  margin-left: auto;
  margin-right: auto;
  max-width: 78rem;
}
.contain.-small {
  max-width: 60rem;
  width: calc(100% - 14rem);
}
@media (max-width: 767px) {
  .contain {
    width: calc(100% - 2rem) !important;
  }
}
.contain.-page h1 {
  margin-top: -0.3em;
  margin-bottom: 4rem;
}
@media (max-width: 767px) {
  .contain.-page h1 {
    margin-top: 4rem;
  }
}
.contain.-page a {
  color: inherit;
}

section {
  transition: opacity 0.33s ease;
  cursor: pointer;
}
section.-active {
  opacity: 0;
}

main {
  transition: opacity 0.5s ease, transform 0.5s ease;
  position: relative;
  z-index: 1;
  background-color: white;
}
main.-cancel {
  transition: none;
}
main.-dummy {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  z-index: 0;
}
main.-dummy.-front {
  z-index: 2;
}
main.-in {
  opacity: 0;
  transform: scale(1.2);
}

.-parallax {
  position: relative;
  z-index: 20;
}

.-hover-img > img, .-hover-img > figure {
  transition: transform 0.25s ease;
  display: block;
}
.-hover-img:hover > img, .-hover-img:hover > figure {
  transform: scale(1.1);
}

.-hover-block {
  transition: transform 0.25s ease;
  display: block;
}
.-hover-block:hover {
  transform: scale(1.1);
}

.-hover-text:hover {
  text-decoration: underline !important;
}

.-hidden {
  visibility: hidden;
  pointer-events: none;
}

.icon {
  display: block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.icon:not(.-dynamic) {
  width: 3rem;
  height: 3rem;
}
.icon.nav-back, .icon.nav-previous, .icon.nav-download, .icon.nav-expand, .icon.nav-next {
  position: fixed;
  z-index: 101;
  background-color: transparent;
  border: 0;
  cursor: pointer;
  transition: opacity 0.25s ease;
  opacity: 0;
  pointer-events: none;
}
.icon.nav-back {
  left: 2rem;
  top: 1rem;
  background-image: url("/assets/img/icon-arrow-left-dash.svg");
}
@media (max-width: 991px) {
  .icon.nav-back {
    left: 1rem;
  }
}
body[data-state=dialog] .icon.nav-back, body[data-state=event] .icon.nav-back, body[data-state=guide] .icon.nav-back, body[data-state=newsletter] .icon.nav-back, body[data-state=slot] .icon.nav-back {
  pointer-events: all;
  opacity: 1;
}
.icon.nav-previous {
  bottom: calc(50% + 2rem);
  left: 2rem;
  background-image: url("/assets/img/icon-arrow-up.svg");
}
body[data-state=dialog] .icon.nav-previous {
  pointer-events: all;
  opacity: 1;
}
@media (max-width: 767px) {
  .icon.nav-previous {
    display: none;
  }
}
.icon.nav-next {
  top: calc(50% + 2rem);
  left: 2rem;
  background-image: url("/assets/img/icon-arrow-down.svg");
}
body[data-state=dialog] .icon.nav-next {
  pointer-events: all;
  opacity: 1;
}
@media (max-width: 767px) {
  .icon.nav-next {
    display: none;
  }
}
.icon.nav-download {
  bottom: calc(50% + 2rem);
  right: 2rem;
  background-image: url("/assets/img/icon-download.svg");
}
body.-download[data-state=dialog] .icon.nav-download {
  pointer-events: all;
  opacity: 1;
}
@media (max-width: 767px) {
  .icon.nav-download {
    right: calc(50% + 1rem);
    bottom: 2rem;
  }
}
.icon.nav-expand {
  top: calc(50% + 2rem);
  right: 2rem;
  background-image: url("/assets/img/icon-expand.svg");
}
body.-expand[data-state=dialog] .icon.nav-expand {
  pointer-events: all;
  opacity: 1;
}
@media (max-width: 767px) {
  .icon.nav-expand {
    right: calc(50% - 4rem);
    top: auto;
    bottom: 2rem;
  }
}

header {
  padding: 1rem 0 10rem 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  z-index: 100;
  pointer-events: none;
}
body[data-state=cookie] header {
  display: none;
}
body.-scrolled header {
  background-image: linear-gradient(to bottom, var(--color-bg), rgba(0, 0, 0, 0) 80%);
}
body.-menu {
  height: 100vh;
  overflow-y: hidden;
}

header > .container {
  display: flex;
  justify-content: flex-end;
  position: relative;
  padding-right: 2rem;
}
@media (max-width: 991px) {
  header > .container {
    padding-right: 1rem;
  }
}
header > .container > a {
  pointer-events: all;
  /*@include mobile {
      position: absolute;
      top: 0;
      left: calc(50% - 1.5rem);
  }*/
}
header > .container > .nav-menu-open {
  pointer-events: all;
  margin: 0 0 0 1rem;
  border: 0;
  background-color: transparent;
  cursor: pointer;
  background-image: url("/assets/img/icon-menu.svg");
}
header > .container > nav {
  position: fixed;
  z-index: 100;
  background-color: rgba(0, 0, 0, 0.2);
  transition: opacity 0.25s ease;
  pointer-events: none;
  opacity: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
body.-menu header > .container > nav {
  pointer-events: auto;
  opacity: 1;
}
header > .container > nav > menu {
  overflow: hidden;
  margin: 0;
  padding: 2rem;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  max-width: 40rem;
  height: 100%;
  overflow-y: auto;
  transition: transform 0.25s ease;
  transform: translateX(100%);
  background-color: var(--color-bg);
  color: var(--color-txt);
}
body.-menu header > .container > nav > menu {
  transform: none;
}
header > .container > nav > menu > .nav-menu-close {
  margin: 0;
  position: absolute;
  top: 2rem;
  right: 2rem;
  background-color: transparent;
  border: 0;
  cursor: pointer;
  background-image: url("/assets/img/icon-close.svg");
  z-index: 10;
}
header > .container > nav > menu > .logo {
  width: 100%;
  background-image: url("/assets/img/logo.svg");
  margin-bottom: 3rem;
}
header > .container > nav > menu > a {
  display: block;
  font-size: 2rem;
  font-weight: bold;
  margin: 0.5rem 0 2rem 0;
  color: inherit;
  text-decoration: none;
}
header > .container > nav > menu > footer .contain {
  padding: 0;
  max-width: 100%;
  width: 100%;
}
header > .container > nav > menu > footer > .top > hr {
  margin: 2rem 0 4rem -2rem;
  width: calc(100% + 4.5rem);
}
header > .container > nav > menu > footer > .top > .links a {
  max-width: 100%;
}

footer {
  padding: 4rem 0;
}
footer > .top {
  margin-bottom: 4rem;
}
footer > .top > .links {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 2rem;
}
@media (max-width: 991px) {
  footer > .top > .links {
    grid-template-columns: 1fr;
  }
}
menu footer > .top > .links {
  grid-template-columns: 1fr;
}
footer > .top > .links a {
  color: inherit;
  text-decoration: none;
  margin-right: 4rem;
  position: relative;
  padding: 4rem 0 0 50%;
  display: block;
  width: 100%;
}
@media (max-width: 991px) {
  footer > .top > .links a {
    padding: 0;
    margin: 0 auto;
    max-width: 30rem;
  }
}
menu footer > .top > .links a {
  padding: 0;
  margin: 0 auto;
  max-width: 30rem;
}
footer > .top > .links a h4 {
  text-decoration: underline;
  margin-top: 0;
}
@media (max-width: 991px) {
  footer > .top > .links a p {
    max-width: 20rem;
  }
}
menu footer > .top > .links a p {
  max-width: 20rem;
}
footer > .top > .links a figure {
  position: absolute;
  width: calc(50% - 1rem);
  top: 0;
  left: 0;
  display: block;
  overflow: hidden;
  margin: 0;
}
footer > .top > .links a figure::after {
  content: "";
  display: block;
  padding-bottom: 60%;
}
@media (max-width: 991px) {
  footer > .top > .links a figure {
    position: relative;
    margin-top: 1rem;
    margin-left: auto;
    width: 80%;
    max-width: 20rem;
  }
}
menu footer > .top > .links a figure {
  position: relative;
  margin-top: 1rem;
  margin-left: auto;
  width: 80%;
  max-width: 20rem;
}
footer > .top > .links a figure img {
  position: absolute;
  display: block;
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
}
footer > .bottom {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 991px) {
  footer > .bottom {
    grid-template-columns: 1fr;
    grid-gap: 2rem;
  }
}
menu footer > .bottom {
  grid-template-columns: 1fr;
  grid-gap: 2rem;
}
footer > .bottom > .links a {
  color: inherit;
  text-decoration: none;
  margin-right: 2rem;
  font-weight: bold;
}
@media (max-width: 991px) {
  footer > .bottom > .links a {
    margin-bottom: 1rem;
    display: block;
  }
}
menu footer > .bottom > .links a {
  margin-bottom: 1rem;
  display: block;
}
footer > .bottom > .links p {
  max-width: 28rem;
  font-size: 0.8rem;
}
@media (max-width: 991px) {
  footer > .bottom > .links p {
    margin-top: 2rem;
    opacity: 0.5;
  }
}
menu footer > .bottom > .links p {
  margin-top: 2rem;
  opacity: 0.5;
}
footer > .bottom > .supporters p {
  margin-top: 0;
}
footer > .bottom > .supporters a {
  display: inline-block;
  color: inherit;
  text-decoration: none;
  margin-right: 2rem;
  margin-bottom: 2rem;
}
footer > .bottom > .supporters a img {
  width: 10rem;
}

dialog {
  margin: 0;
  border: 0;
  position: fixed;
  background-color: transparent;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100vw;
  height: 100%;
  display: block;
  transition: transform 0.5s ease, opacity 0.4s ease;
}
dialog.-out {
  pointer-events: none;
  opacity: 0;
  transform: scale(1.6);
}
body main > *[data-theme] > * {
  transition: opacity 0.25s ease, filter 0.25s ease;
}

body.-dialog {
  height: 100vh;
  overflow-y: hidden;
}
body.-dialog main > *[data-theme] > * {
  filter: blur(0.5rem);
  opacity: 0.6;
}

dialog > .content {
  color: var(--color-txt);
  position: absolute;
  top: 0;
  left: 0;
  padding-top: 7rem;
  padding-bottom: 7rem;
  height: 100%;
  width: 100%;
  transition: transform 0.5s ease, opacity 0.5s ease;
  overflow-y: auto;
}
dialog > .content > .main {
  position: absolute;
  top: 7rem;
  left: 0;
  height: calc(100% - 14rem);
  width: 100%;
  transition: filter 0.25s ease, opacity 0.25s ease, transform 0.25s ease;
}
dialog > .content > .details {
  cursor: pointer;
  position: fixed;
  right: 7rem;
  bottom: 2rem;
  filter: blur(0.1rem);
  max-width: 30rem;
  width: calc(100% - 14rem);
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  transition: filter 0.25s ease;
}
@media (max-width: 767px) {
  dialog > .content > .details {
    width: calc(100% - 4rem);
    right: 2rem;
    bottom: 7rem;
  }
}
dialog > .content > .details > p {
  max-width: 30rem;
  width: 100%;
  font-size: 2rem;
  transition: transform 0.25s ease;
  transform-origin: 100% 100%;
  transform: scale(0.5);
}
dialog > .content > .details > p:hover {
  transform: scale(0.6);
}
@media (max-width: 767px) {
  dialog > .content > .details > p {
    max-width: 100%;
  }
}
dialog.-details > .content > .main {
  filter: blur(0.2rem) !important;
  transform: scale(0.8) !important;
  z-index: -1 !important;
  pointer-events: none !important;
}
dialog.-details > .content > .details {
  filter: none;
  z-index: 20;
  max-width: 100%;
  height: calc(100% - 4rem);
}
@media (max-width: 767px) {
  dialog.-details > .content > .details {
    height: calc(100% - 14rem);
  }
}
dialog.-details > .content > .details > p {
  transform: none;
}
dialog.-cancel > .content {
  transition: none;
}
dialog.-up > .content {
  transform: translateY(-100%);
  opacity: 0;
}
dialog.-down > .content {
  transform: translateY(100%);
  opacity: 0;
}
dialog.guide .contain {
  color: var(--color-txt);
  background-color: var(--color-bg);
  padding: 4rem;
  max-width: 40rem;
  margin: 0 auto;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.2);
  position: relative;
}
dialog.guide .contain .icon {
  width: 1rem;
  height: 1rem;
  position: absolute;
  top: 4.4rem;
  left: 1.5rem;
  cursor: pointer;
}
dialog.guide .contain p {
  font-size: 1.4rem;
  margin: 0;
}
dialog.guide .contain audio {
  margin-top: 2rem;
  display: block;
  width: 100%;
}
dialog.cookie .content {
  color: var(--color-bg);
  background-color: var(--color-txt);
  padding: 0;
  top: 50%;
  transform: translateY(-50%);
  height: auto;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.2);
}
dialog.cookie .content .contain {
  padding: 2rem 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
@media (max-width: 991px) {
  dialog.cookie .content .contain {
    flex-wrap: wrap;
  }
}
dialog.cookie .content .contain p {
  margin: 0 2rem 0 0;
  flex-basis: 100%;
}
dialog.cookie .content .contain p a {
  color: inherit;
}
@media (max-width: 991px) {
  dialog.cookie .content .contain p {
    margin-bottom: 2rem;
  }
}
dialog.cookie .content .contain button {
  cursor: pointer;
  padding: 0;
  line-height: 2.8rem;
  padding: 0 1.8rem;
  border: 2px solid transparent;
  font-family: inherit;
  text-transform: uppercase;
}
dialog.cookie .content .contain button.reject {
  color: var(--color-bg);
  background-color: var(--color-txt);
  border-color: var(--color-bg);
  margin-right: 1rem;
}
dialog.cookie .content .contain button.accept {
  color: var(--color-txt);
  background-color: var(--color-bg);
  border-color: var(--color-bg);
}
dialog.newsletter .content {
  display: flex;
  justify-content: center;
  align-items: center;
}
dialog.newsletter .content .contain {
  position: relative;
  max-width: 30rem;
  background-color: var(--color-bg);
  color: var(--color-txt);
  padding: 2rem;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.2);
}
dialog.newsletter .content .contain h4 {
  text-align: center;
}
dialog.newsletter .content .contain form.-hidden {
  display: none;
}
dialog.newsletter .content .contain form:not(.-hidden) + .message {
  margin: 2rem 0 0 0;
  color: var(--color-bg);
  background-color: var(--color-txt);
  padding: 1rem;
}
dialog.newsletter .content .contain .message:empty {
  display: none;
}
dialog.newsletter .content .contain input {
  text-align: center;
  line-height: 3rem;
  border: 2px solid var(--color-txt);
  background-color: transparent;
  display: block;
  margin: 0 0 2rem 0;
  width: 100%;
  color: inherit;
}
dialog.newsletter .content .contain label {
  display: flex;
  cursor: pointer;
}
dialog.newsletter .content .contain label input {
  display: block;
  flex-shrink: 0;
  width: 2rem;
  height: 2rem;
  border: 2px solid var(--color-txt);
  appearance: none;
  -o-appearance: none;
  -ms-appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  margin: 0 2rem 0 0;
  cursor: pointer;
}
dialog.newsletter .content .contain label input:checked {
  background-color: var(--color-txt);
  box-shadow: inset 0 0 0 2px var(--color-bg);
}
dialog.newsletter .content .contain label p {
  margin: 0;
  cursor: pointer;
}
dialog.newsletter .content .contain button.close {
  display: block;
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  width: 2rem;
  height: 2rem;
  cursor: pointer;
  background-image: url("/assets/img/icon-close.svg");
  padding: 0;
  border: 0;
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
}
dialog.newsletter .content .contain button.submit {
  display: block;
  margin: 2rem auto 0 auto;
  height: 3rem;
  width: 6rem;
  cursor: pointer;
  background-image: url("/assets/img/icon-arrow-right-dash.svg");
  padding: 0;
  border: 0;
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
}

.event-separator {
  display: block;
  font-weight: bold;
  letter-spacing: 1em;
  text-transform: uppercase;
  margin-top: 6rem;
  margin-bottom: 4rem;
  padding-bottom: 1rem;
  font-size: 2rem;
  color: black;
  position: relative;
}
@media (max-width: 767px) {
  .event-separator {
    letter-spacing: 0.5em;
  }
}
.event-separator::after {
  content: "";
  display: block;
  background-color: black;
  width: 100%;
  height: 2px;
  transform-origin: 0% 0%;
  position: absolute;
  top: 100%;
  transform: rotate(-4.5deg);
}

.event {
  color: var(--color-txt);
  background-color: var(--color-bg);
  padding: 4rem 0;
  overflow-x: hidden;
}
.event.-active {
  padding-bottom: 14rem;
  min-height: 100vh;
}
.event.-active h1 {
  line-height: 0.8;
  top: -0.5em;
}
@media (max-width: 991px) {
  .event.-active h1 {
    top: -0.8em;
  }
}
@media (max-width: 767px) {
  .event.-active h1 {
    top: 0;
    margin-top: 2rem;
  }
}
body.-dialog .event > .nav-back {
  display: none;
}
.event .guide {
  margin: 0 0 2rem 0;
  border: 0;
  background-color: transparent;
  cursor: pointer;
  font-family: inherit;
  line-height: 1rem;
  display: flex;
  padding: 0;
  position: relative;
}
@media (max-width: 767px) {
  .event .guide {
    margin-top: 2rem;
  }
}
.event .guide .icon {
  margin-right: 1rem;
  width: 1rem;
  height: 1rem;
  display: block;
}
.event .guide label {
  display: block;
  color: var(--color-txt);
  cursor: pointer;
}
.event .contain {
  position: relative;
  z-index: 1;
}
.event .contain > h4 {
  font-weight: bold;
  letter-spacing: 1em;
  text-transform: uppercase;
  margin: 0;
  font-style: normal;
  font-size: 2rem;
}
.event .contain > h1 {
  position: relative;
  z-index: 1;
  width: calc(80% - 7rem);
}
.event .slots-preview {
  position: absolute;
  left: 50%;
  transform: translate(-50%, -90%);
  transition: opacity 0.33s ease;
  z-index: -1;
  font-size: 0px;
  white-space: nowrap;
  filter: blur(1rem);
  opacity: 0.6;
  pointer-events: none;
}
.event .slots-preview img {
  height: 20rem;
  display: inline-block;
}
.event .slots-preview img:not(:last-child) {
  margin-right: 2rem;
}
.event .slots {
  padding: 4rem 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 2rem;
}
@media (max-width: 991px) {
  .event .slots {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  .event .slots {
    grid-template-columns: repeat(1, 1fr);
  }
}
.event .slots .slot {
  font-size: 1rem;
  color: inherit;
  text-decoration: none;
  display: block;
}
.event .slots .slot img {
  width: 100%;
}
.event picture {
  height: 26rem;
  overflow: hidden;
  display: block;
  position: relative;
  top: -4rem;
}
.event picture img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0%;
}
.event .contributors {
  margin-top: 2rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.event .contributors img {
  max-height: 6rem;
  max-width: 100%;
  margin: 0 2rem 2rem 0;
}
.event .description {
  max-width: 50rem;
}
.event .info {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 4rem;
  margin-top: 2rem;
}
@media (max-width: 991px) {
  .event .info {
    display: block;
  }
}
.event .info .people h2 {
  margin: 0;
  line-height: 1.5;
}
@media (max-width: 991px) {
  .event .info .people {
    margin-bottom: 2rem;
  }
}
.event .info .dates time {
  display: block;
  line-height: 1.5;
  position: relative;
  width: calc(50% - 2rem);
  font-weight: bold;
  font-size: 1.4rem;
}
.event .info .dates time:first-of-type::after {
  content: "";
  position: absolute;
  top: calc(50% - 1px);
  width: calc(50% - 1rem);
  right: 0;
  height: 2px;
  background-color: var(--color-txt);
}
.event .info .dates a {
  display: block;
  float: right;
  border: 2px solid var(--color-txt);
  padding: 1rem;
  text-align: left;
  width: calc(50% - 2rem);
  text-decoration: none;
  text-transform: uppercase;
  font-weight: bold;
  color: inherit;
}
.event .info .dates a.active {
  background-color: var(--color-txt);
  border: 0;
  text-align: center;
  color: var(--color-bg);
}
@media (max-width: 991px) {
  .event .info .dates {
    margin-bottom: 2rem;
  }
}

section.iframe {
  padding: 2rem 0;
}
section.iframe > img {
  width: calc((6 / 12) * 100%);
  display: block;
}
@media (max-width: 767px) {
  section.iframe > img {
    width: calc((11 / 12) * 100%);
  }
}
section.iframe > .icon {
  width: 2rem;
}
section.iframe.-odd > img {
  margin-left: calc((2 / 12) * 100%);
  margin-right: auto;
}
@media (max-width: 767px) {
  section.iframe.-odd > img {
    margin-left: calc((1 / 12) * 100%);
  }
}
section.iframe.-even > img {
  margin-right: calc((2 / 12) * 100%);
  margin-left: auto;
}
@media (max-width: 767px) {
  section.iframe.-even > img {
    margin-right: calc((1 / 12) * 100%);
  }
}
body.-dialog dialog.iframe .content .main {
  display: flex;
  align-items: center;
  justify-content: center;
}
body.-dialog dialog.iframe .content .main iframe {
  height: 100%;
  display: block;
  margin: 0 auto;
  border: 0;
  position: relative;
  z-index: 2;
}
body.-dialog dialog.iframe .content .main iframe:not([src]) {
  display: none;
}
body.-dialog dialog.iframe .content .main iframe:not([src]) + .disclaimer {
  display: block;
}
body.-dialog dialog.iframe .content .main .disclaimer {
  position: relative;
  z-index: 2;
  display: none;
  height: 100%;
  margin: 0 auto;
  border: 0;
  padding: 2rem;
  background-color: var(--color-txt);
  background-image: repeating-linear-gradient(-8deg, var(--color-txt) 0px, var(--color-txt) 1.5rem, var(--color-bg) 1.5rem, var(--color-bg) 1.6rem);
}
body.-dialog dialog.iframe .content .main .disclaimer h2 {
  margin: 0 0 4rem 0;
  color: var(--color-bg);
  max-width: 30rem;
  font-size: 3rem;
}
@media (max-width: 767px) {
  body.-dialog dialog.iframe .content .main .disclaimer h2 {
    font-size: 2rem;
  }
}
body.-dialog dialog.iframe .content .main .disclaimer button {
  margin-left: auto;
  display: block;
  cursor: pointer;
  padding: 0;
  line-height: 2.8rem;
  padding: 0 1.8rem;
  border: 2px solid transparent;
  font-family: inherit;
  text-transform: uppercase;
  color: var(--color-txt);
  background-color: var(--color-bg);
  border-color: var(--color-bg);
}

section.image {
  padding: 2rem 0;
}
section.image > img {
  width: calc((6 / 12) * 100%);
  display: block;
}
@media (max-width: 767px) {
  section.image > img {
    width: calc((11 / 12) * 100%);
  }
}
section.image.-odd > img {
  margin-left: calc((2 / 12) * 100%);
  margin-right: auto;
}
@media (max-width: 767px) {
  section.image.-odd > img {
    margin-left: calc((1 / 12) * 100%);
  }
}
section.image.-even > img {
  margin-right: calc((2 / 12) * 100%);
  margin-left: auto;
}
@media (max-width: 767px) {
  section.image.-even > img {
    margin-right: calc((1 / 12) * 100%);
  }
}
body.-dialog dialog.image .content .main {
  display: flex;
  align-items: center;
  justify-content: center;
}
body.-dialog dialog.image .content .main img {
  max-height: 80vh;
  max-width: 100%;
  display: block;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}

section.image-gallery {
  position: relative;
  padding: 2rem 0 8rem 0;
}
section.image-gallery img:nth-child(1) {
  display: block;
  width: calc((8 / 12) * 100%);
}
@media (max-width: 767px) {
  section.image-gallery img:nth-child(1) {
    width: calc((10 / 12) * 100%);
  }
}
section.image-gallery.-odd img:nth-child(1) {
  margin-right: auto;
  margin-left: calc((3 / 12) * 100%);
}
@media (max-width: 767px) {
  section.image-gallery.-odd img:nth-child(1) {
    margin-left: calc((2 / 12) * 100%);
  }
}
section.image-gallery.-even img:nth-child(1) {
  margin-left: auto;
  margin-right: calc((3 / 12) * 100%);
}
@media (max-width: 767px) {
  section.image-gallery.-even img:nth-child(1) {
    margin-right: calc((2 / 12) * 100%);
  }
}
section.image-gallery img:nth-child(2) {
  display: block;
  max-width: calc((5 / 12) * 100%);
  max-height: 50%;
  bottom: 0;
  position: absolute;
  z-index: -1;
  filter: blur(1.5rem);
}
section.image-gallery.-odd img:nth-child(2) {
  left: calc((1 / 12) * 100%);
}
@media (max-width: 767px) {
  section.image-gallery.-odd img:nth-child(2) {
    left: 0;
  }
}
section.image-gallery.-even img:nth-child(2) {
  right: calc((1 / 12) * 100%);
}
@media (max-width: 767px) {
  section.image-gallery.-even img:nth-child(2) {
    right: 0;
  }
}
body.-dialog dialog.image-gallery .content {
  overflow: hidden;
}
body.-dialog dialog.image-gallery .content .main {
  padding: 0;
  overflow: visible;
}
body.-dialog dialog.image-gallery .content .main figure {
  display: block;
  transition: transform 0.5s ease, opacity 0.5s ease;
  opacity: 0;
  pointer-events: none;
  transform: translateX(calc(50vw + 100%)) perspective(20rem) rotateY(-40deg);
  position: absolute;
  top: 0;
  left: 10%;
  padding: 0;
  margin: 0;
  width: 80%;
  height: 100%;
}
body.-dialog dialog.image-gallery .content .main figure.-focus {
  opacity: 1;
  transform: none;
  z-index: 10;
}
body.-dialog dialog.image-gallery .content .main figure.-next {
  opacity: 1;
  transform: translateX(calc(80vw - 25%)) perspective(20rem) rotateY(-10deg);
  pointer-events: all;
  cursor: pointer;
}
body.-dialog dialog.image-gallery .content .main figure.-previous {
  transform: translateX(-100%) perspective(20rem) rotateY(10deg);
}
body.-dialog dialog.image-gallery .content .main figure img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}
body.-dialog dialog.image-gallery .content .main figure p {
  display: none;
}

section.pdf {
  padding: 2rem 0;
}
section.pdf > img {
  width: calc((6 / 12) * 100%);
  display: block;
}
@media (max-width: 767px) {
  section.pdf > img {
    width: calc((11 / 12) * 100%);
  }
}
section.pdf > .icon {
  width: 2rem;
}
section.pdf.-odd > img {
  margin-left: calc((2 / 12) * 100%);
  margin-right: auto;
}
@media (max-width: 767px) {
  section.pdf.-odd > img {
    margin-left: calc((1 / 12) * 100%);
  }
}
section.pdf.-even > img {
  margin-right: calc((2 / 12) * 100%);
  margin-left: auto;
}
@media (max-width: 767px) {
  section.pdf.-even > img {
    margin-right: calc((1 / 12) * 100%);
  }
}
body.-dialog dialog.pdf .content iframe {
  display: block;
  border: 0;
  position: relative;
  z-index: 2;
  height: 100%;
}

section.text {
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 2rem 0;
}
section.text > p {
  display: block;
  margin: 0;
}
section.text.-odd > p {
  margin-right: auto;
  margin-left: calc((1 / 12) * 100%);
}
section.text.-even > p {
  margin-right: auto;
  margin-left: auto;
}
section.text.-small > p {
  width: calc((4 / 12) * 100%);
  font-size: 1rem;
}
section.text.-medium > p {
  width: 50%;
  font-size: 2.25rem;
}
section.text.-large > p {
  width: calc((7 / 12) * 100%);
  font-size: 3rem;
}
section.text.-xlarge > p {
  width: calc((10 / 12) * 100%);
  font-size: 4.5rem;
}
body.-dialog dialog.text .content p {
  margin-top: 6rem;
  margin-bottom: 4rem;
  font-size: 1.5rem;
}

section.title {
  cursor: auto;
}
section.title hr ~ h3, section.title hr ~ h4 {
  margin-left: auto;
  margin-right: auto;
  max-width: 60rem;
}
section.title h3 {
  margin-bottom: 0.5rem;
}
section.title h4 {
  margin-top: 0;
}

section.video {
  padding: 2rem 0;
}
section.video > img {
  width: calc((6 / 12) * 100%);
  display: block;
}
@media (max-width: 767px) {
  section.video > img {
    width: calc((11 / 12) * 100%);
  }
}
section.video > .icon {
  width: 2rem;
}
section.video.-odd > img {
  margin-left: calc((2 / 12) * 100%);
  margin-right: auto;
}
@media (max-width: 767px) {
  section.video.-odd > img {
    margin-left: calc((1 / 12) * 100%);
  }
}
section.video.-even > img {
  margin-right: calc((2 / 12) * 100%);
  margin-left: auto;
}
@media (max-width: 767px) {
  section.video.-even > img {
    margin-right: calc((1 / 12) * 100%);
  }
}
body.-dialog dialog.video .content .main {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
body.-dialog dialog.video .content .main iframe {
  height: 50vw;
  width: 80vw;
  display: block;
  margin: 0 auto;
  border: 0;
  position: relative;
  z-index: 2;
}

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