html {
  height: 100%; }

.df__body {
  background: #1b1b1b;
  color: #dcdcdc;
  font-family: 'Source Code Pro';
  font-size: 17px;
  line-height: 34px;
  letter-spacing: 0.02em;
  height: 100%;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center; }
  .df__body app_name {
    color: #ffc600; }

.DF__gateway__form {
  width: 90%;
  margin: auto;
  text-align: center;
  height: 100%;
  position: relative;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }

.DF__gateway__input {
  font-family: inherit;
  font-size: 20px;
  border: 1px solid black;
  margin-bottom: 40px; }

.DF__gateway__submit {
  font-family: inherit;
  font-size: 20px; }

.white {
  -webkit-text-fill-color: #ffffffff;
  color: #ffffff;
  fill: #ffffff;
  stroke: #ffffff; }

.bg-white {
  background: #ffffff; }

.black {
  -webkit-text-fill-color: #000000ff;
  color: #000000;
  fill: #000000;
  stroke: #000000; }

.bg-black {
  background: #000000; }

.terracotta {
  -webkit-text-fill-color: #ab7b77ff;
  color: #ab7b77;
  fill: #ab7b77;
  stroke: #ab7b77; }

.bg-terracotta {
  background: #ab7b77; }

.pink {
  color: #FADCEB; }

.bg-pink {
  background: #FADCEB; }

.error--red {
  -webkit-text-fill-color: #E04C3F;
  color: #E04C3F; }

* {
  box-sizing: border-box;
  -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-text-size-adjust: none;
  outline: none !important;
  -webkit-appearance: none;
  scrollbar-width: none;
  -ms-overflow-style: none; }

::-webkit-scrollbar {
  width: 0px; }

input, textarea, select, a {
  border-radius: 0;
  background: inherit;
  font-family: inherit;
  color: inherit; }

.preserve-3d {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d; }

.vertical-align {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 0; }

.bg-cover {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

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

.lower {
  text-transform: lowercase; }

.upper {
  text-transform: uppercase; }

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

.center {
  text-align: center; }

.left {
  text-align: left; }

.right {
  text-align: right; }

.fl {
  float: left; }

.fr {
  float: right; }

.pointer {
  cursor: pointer; }

.hide {
  display: none !important; }

.m-auto {
  margin-left: auto;
  margin-right: auto; }

.fw-img {
  width: 100%;
  display: block; }

.onum {
  font-feature-settings: "onum" 1;
  font-feature-settings: "onum" on; }

.smoothing {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.ff__100 {
  font-weight: 100; }

.ff__200 {
  font-weight: 200; }

.ff__300 {
  font-weight: 300; }

.ff__400 {
  font-weight: 400; }

.ff__500 {
  font-weight: 500; }

.ff__600 {
  font-weight: 600; }

.ff__700 {
  font-weight: 700; }

.ff__800 {
  font-weight: 800; }

.ff__900 {
  font-weight: 900; }

.ff__normal {
  font-style: normal; }

.ff__italic {
  font-style: italic; }

.ff__oblique {
  font-style: oblique; }

.spread {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  height: 100%;
  width: 100%; }

.object-cover img.cover, .object-cover video.cover {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block; }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline; }

html {
  line-height: 1; }

ol, ul {
  list-style: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

q, blockquote {
  quotes: none; }

q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none; }

a img {
  border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block; }

/* MUST BE THE SAME AS VALUE IN config.py */
/* Media Queries */
/* Viewport width + max outputs both desktop in vw's and max in px */
/* Viewport portrait + mobile  */
/*
Avoid empty images to appear as broken
*/
.DF__lazy :not([src]):not([srcset]) {
  visibility: hidden; }

/* 
Fixes the Firefox anomaly while images are loading
*/
@-moz-document url-prefix() {
  .DF__lazy :-moz-loading {
    visibility: hidden; } }
.DF__lazy {
  opacity: 0; }

.DF__lazy:not(.initial) {
  transition: opacity 1s; }

.DF__lazy.initial,
.DF__lazy.loaded,
.DF__lazy.error {
  opacity: 1; }

#overlay-menu {
  position: fixed;
  z-index: 100000;
  right: 0;
  bottom: 20%;
  opacity: 0.5;
  background: grey;
  color: black; }

#overlay-image-container {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99999;
  pointer-events: none;
  opacity: 0.5;
  min-height: 100vh;
  width: 100vw; }
  #overlay-image-container img {
    display: block;
    line-height: 0; }

.header {
  position: fixed;
  width: 100vw;
  display: inline-flex;
  justify-content: center;
  z-index: 11;
  transition: color 0.4s ease, background 0.4s ease;
  padding-top: 3.51563vw;
  padding-bottom: 3.125vw; }
  @media (min-width: 1921px) {
    .header {
      padding-top: 67.5px;
      padding-bottom: 60px; } }
@media (orientation: portrait) and (max-width: 767px) {
  .header {
    padding-top: 3.2vw;
    padding-bottom: 2.84444vw; } }

  .header .adjust-baseline::after {
    content: '';
    display: inline-block;
    height: 1.95313vw; }
    @media (min-width: 1921px) {
      .header .adjust-baseline::after {
        height: 37.5px; } }
@media (orientation: portrait) and (max-width: 767px) {
  .header .adjust-baseline::after {
    height: 5.33333vw; } }

.overlay--open .header {
  background: #00000000; }

.header-push {
  width: 100vw;
  position: relative;
  height: 8.98438vw; }
  @media (min-width: 1921px) {
    .header-push {
      height: 172.5px; } }
@media (orientation: portrait) and (max-width: 767px) {
  .header-push {
    height: 25.77778vw; } }

.header__logotype {
  transition: color 0.4s ease;
  text-indent: 0.31738vw; }
  @media (min-width: 1921px) {
    .header__logotype {
      text-indent: 6.09375px; } }
@media (orientation: portrait) and (max-width: 767px) {
  .header__logotype {
    text-indent: 0.86667vw; } }

.header__hamburger, .nav-overlay__close-x {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10;
  width: 1.95313vw;
  height: 1.95313vw; }
  @media (min-width: 1921px) {
    .header__hamburger, .nav-overlay__close-x {
      width: 37.5px;
      height: 37.5px; } }
@media (orientation: portrait) and (max-width: 767px) {
  .header__hamburger, .nav-overlay__close-x {
    width: 5.33333vw;
    height: 5.33333vw; } }

  .header__hamburger svg, .nav-overlay__close-x svg {
    overflow: visible; }

#hamburger, .overlay--open .nav-overlay__close-x {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.4s ease, visibility 0.4s ease; }

.overlay--open #hamburger, .nav-overlay__close-x {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.4s ease, visibility 0s ease 0.4s; }

.overlay {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.4s ease, visibility 0s ease 0.4s;
  position: fixed;
  width: 100vw;
  height: 100vh;
  height: -webkit-fill-available;
  background: #ab7b77f0;
  left: 0;
  top: 0;
  z-index: 10; }
@media (max-width: 767px) and (orientation: portrait) {
  .overlay {
    height: -webkit-fill-available;
    height: 100%; } }

.overlay--open {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.4s ease, visibility 0.4s ease; }

.home-lock .overlay {
  background: #ab7b773f; }

.nav-overlay {
  padding-top: 3.125vw; }
  @media (min-width: 1921px) {
    .nav-overlay {
      padding-top: 60px; } }
@media (orientation: portrait) and (max-width: 767px) {
  .nav-overlay {
    padding-top: 17.77778vw; } }

.nav {
  padding-top: 5.56641vw; }
  @media (min-width: 1921px) {
    .nav {
      padding-top: 106.875px; } }
@media (orientation: portrait) and (max-width: 767px) {
  .nav {
    padding-top: 4.62222vw; } }

.nav__link {
  display: block !important;
  width: fit-content;
  padding-bottom: 0.78125vw; }
  @media (min-width: 1921px) {
    .nav__link {
      padding-bottom: 15px; } }
@media (orientation: portrait) and (max-width: 767px) {
  .nav__link {
    padding-bottom: 0vw;
    padding-top: 2.13333vw; } }

.footer {
  z-index: 10;
  transition: color 0.4s ease;
  padding-bottom: 2.34375vw; }
  @media (min-width: 1921px) {
    .footer {
      padding-bottom: 45px; } }
@media (orientation: portrait) and (max-width: 767px) {
  .footer {
    padding-bottom: 10.66667vw; } }

.overlay--open .footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100vw; }

#backdrop {
  position: fixed;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  height: -webkit-fill-available; }

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

.cover {
  min-width: 100%;
  min-height: 100%;
  object-fit: cover;
  display: flex; }

.home {
  height: calc(100% - 18.75vw); }
  @media (min-width: 1921px) {
    .home {
      height: calc(100% - 360px); } }
@media (max-width: 767px) and (orientation: portrait) {
  .home {
    height: auto; } }

.homeslide__headline {
  padding-top: 8.98438vw;
  padding-bottom: 8.98438vw; }
  @media (min-width: 1921px) {
    .homeslide__headline {
      padding-top: 172.5px;
      padding-bottom: 172.5px; } }
@media (orientation: portrait) and (max-width: 767px) {
  .homeslide__headline {
    padding-top: 25.77778vw;
    padding-bottom: 25.77778vw; } }

.contact__details {
  grid-column: 1 / span 3;
  margin-bottom: -1.95313vw; }
  @media (min-width: 1921px) {
    .contact__details {
      margin-bottom: -37.5px; } }
@media (orientation: portrait) and (max-width: 767px) {
  .contact__details {
    margin-bottom: -1.77778vw; } }

@media (max-width: 767px) and (orientation: portrait) {
  .contact__details {
    grid-column: 1 / span 6; } }

.contact__detail {
  line-height: 0;
  padding-bottom: 1.95313vw; }
  @media (min-width: 1921px) {
    .contact__detail {
      padding-bottom: 37.5px; } }
@media (orientation: portrait) and (max-width: 767px) {
  .contact__detail {
    padding-bottom: 6.4vw; } }

.contact__map-wrapper {
  grid-column: 5/span 4;
  width: 45.89844vw;
  height: 34.17969vw; }
@media (max-width: 767px) and (orientation: portrait) {
  .contact__map-wrapper {
    grid-column: 1 / span 6; } }

  @media (min-width: 1921px) {
    .contact__map-wrapper {
      width: 881.25px;
      height: 656.25px; } }
@media (orientation: portrait) and (max-width: 767px) {
  .contact__map-wrapper {
    width: 93.6vw;
    height: 69.77778vw; } }

.contact__image {
  grid-column: 1/span 4; }
@media (max-width: 767px) and (orientation: portrait) {
  .contact__image {
    grid-column: 1 / span 6;
    order: 4; } }

  .contact__image img {
    width: 100%; }

.contact__copy {
  grid-column: 6/span 3; }
@media (max-width: 767px) and (orientation: portrait) {
  .contact__copy {
    grid-column: 1 / span 6;
    order: 3; } }

#map {
  width: 100%;
  height: 100%; }

.contact__detail__opening-times {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr)); }

.contact__detail__opening-times__title {
  grid-column: 1/span 2; }

.DF__form {
  grid-column: 1/span 3; }
@media (max-width: 767px) and (orientation: portrait) {
  .DF__form {
    grid-column: 1 / span 6; } }

.DF__form_label, .DF__input {
  display: block;
  width: 100%; }

.DF__input, .DF__form_button {
  display: block;
  border: none;
  -webkit-user-select: initial;
  caret-color: #ffffff;
  letter-spacing: -0.045em;
  background: inherit;
  border-bottom-style: dashed;
  border-bottom-color: white;
  vertical-align: sub;
  margin-bottom: 1.95313vw;
  line-height: 3.90625vw;
  border-bottom-width: 0.48828vw; }
  @media (min-width: 1921px) {
    .DF__input, .DF__form_button {
      margin-bottom: 37.5px;
      line-height: 75px;
      border-bottom-width: 9.375px; } }
@media (orientation: portrait) and (max-width: 767px) {
  .DF__input, .DF__form_button {
    margin-bottom: 1.77778vw;
    line-height: 3.55556vw;
    border-bottom-width: 1.06667vw; } }

.DF__input {
  letter-spacing: 0 !important; }

.DF__form_button {
  border: none;
  padding-left: 0;
  font-weight: 600; }

.subscribe__image {
  grid-column: 5/span 4; }
@media (max-width: 767px) and (orientation: portrait) {
  .subscribe__image {
    grid-column: 1 / span 6; } }

  .subscribe__image img {
    width: 100%; }

.article {
  display: grid;
  grid-column: 1/span 8;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  grid-column-gap: 1.17188vw;
  grid-row-gap: 3.51563vw; }
@media (max-width: 767px) and (orientation: portrait) {
  .article {
    grid-column: 1/span 6;
    grid-template-columns: repeat(6, minmax(0, 1fr)); } }

  @media (min-width: 1921px) {
    .article {
      grid-column-gap: 22.5px;
      grid-row-gap: 67.5px; } }
@media (orientation: portrait) and (max-width: 767px) {
  .article {
    grid-column-gap: 3.2vw; } }

.article__copy-block {
  grid-column: 1 / span 3; }
@media (max-width: 767px) and (orientation: portrait) {
  .article__copy-block {
    grid-column: 1 / span 6; } }

.article__media {
  display: flex;
  position: relative;
  flex-direction: column;
  grid-column: 5 / span 4;
  overflow: hidden;
  width: 45.89844vw; }
@media (max-width: 767px) and (orientation: portrait) {
  .article__media {
    grid-column: 1 / span 6; } }

  .article__media img, .article__media video {
    width: 100%; }
  @media (min-width: 1921px) {
    .article__media {
      width: 881.25px; } }
@media (orientation: portrait) and (max-width: 767px) {
  .article__media {
    width: 93.6vw; } }

.article--odd .article__copy-block {
  grid-column: 6 / span 3;
  order: 1; }
@media (max-width: 767px) and (orientation: portrait) {
  .article--odd .article__copy-block {
    order: 0;
    grid-column: 1 / span 6; } }

.article--odd .article__media {
  grid-column: 1 / span 4;
  order: 0; }
@media (max-width: 767px) and (orientation: portrait) {
  .article--odd .article__media {
    order: 1;
    grid-column: 1 / span 6; } }

@media (max-width: 767px) and (orientation: portrait) {
  .hod.article__copy-block {
    order: 2; } }

.article__copy {
  padding-top: 9.76563vw; }
  @media (min-width: 1921px) {
    .article__copy {
      padding-top: 187.5px; } }
@media (orientation: portrait) and (max-width: 767px) {
  .article__copy {
    padding-top: 8.88889vw; } }

.article__title {
  display: static; }

.exhibitions__exhibition,
.artists__artist,
.exhibition__header-copy,
.exhibition__header-thumbnail-wrapper,
.artist__header-copy,
.artist__header-thumbnail-wrapper {
  grid-column: auto / span 4;
  display: block; }
@media (orientation: portrait) and (max-width: 767px) {
  .exhibitions__exhibition,
  .artists__artist,
  .exhibition__header-copy,
  .exhibition__header-thumbnail-wrapper,
  .artist__header-copy,
  .artist__header-thumbnail-wrapper {
    grid-column: auto / span 6; } }

  .exhibitions__exhibition img,
  .artists__artist img,
  .exhibition__header-copy img,
  .exhibition__header-thumbnail-wrapper img,
  .artist__header-copy img,
  .artist__header-thumbnail-wrapper img {
    width: 100%; }

.grid-element img, .grid-element video {
  width: 100%;
  display: block;
  line-height: 0; }

.grid-element__copy-block {
  max-width: 100%;
  width: 34.13086vw; }
  @media (min-width: 1921px) {
    .grid-element__copy-block {
      width: 655.3125px; } }
@media (orientation: portrait) and (max-width: 767px) {
  .grid-element__copy-block {
    width: 93.6vw; } }

.grid-element__copy-block--padded {
  padding-bottom: 3.51563vw; }
  @media (min-width: 1921px) {
    .grid-element__copy-block--padded {
      padding-bottom: 67.5px; } }
@media (orientation: portrait) and (max-width: 767px) {
  .grid-element__copy-block--padded {
    padding-bottom: 8.88889vw; } }

.grid-element__copy-block--below {
  padding-bottom: 0vw;
  padding-top: 3.51563vw; }
  @media (min-width: 1921px) {
    .grid-element__copy-block--below {
      padding-bottom: 0px;
      padding-top: 67.5px; } }
@media (orientation: portrait) and (max-width: 767px) {
  .grid-element__copy-block--below {
    padding-bottom: 0vw;
    padding-top: 8.88889vw; } }

.dt-start-1 {
  grid-column-start: 1; }

.dt-start-2 {
  grid-column-start: 2; }

.dt-start-3 {
  grid-column-start: 3; }

.dt-start-4 {
  grid-column-start: 4; }

.dt-start-5 {
  grid-column-start: 5; }

.dt-start-6 {
  grid-column-start: 6; }

.dt-start-7 {
  grid-column-start: 7; }

.dt-start-8 {
  grid-column-start: 8; }

.dt-end-1 {
  grid-column-end: 2; }

.dt-end-2 {
  grid-column-end: 3; }

.dt-end-3 {
  grid-column-end: 4; }

.dt-end-4 {
  grid-column-end: 5; }

.dt-end-5 {
  grid-column-end: 6; }

.dt-end-6 {
  grid-column-end: 7; }

.dt-end-7 {
  grid-column-end: 8; }

.dt-end-8 {
  grid-column-end: 9; }

@media (max-width: 767px) and (orientation: portrait) {
  .mb-start-1 {
    grid-column-start: 1; } }

@media (max-width: 767px) and (orientation: portrait) {
  .mb-start-2 {
    grid-column-start: 2; } }

@media (max-width: 767px) and (orientation: portrait) {
  .mb-start-3 {
    grid-column-start: 3; } }

@media (max-width: 767px) and (orientation: portrait) {
  .mb-start-4 {
    grid-column-start: 4; } }

@media (max-width: 767px) and (orientation: portrait) {
  .mb-start-5 {
    grid-column-start: 5; } }

@media (max-width: 767px) and (orientation: portrait) {
  .mb-start-6 {
    grid-column-start: 6; } }

@media (max-width: 767px) and (orientation: portrait) {
  .mb-end-1 {
    grid-column-end: 2; } }

@media (max-width: 767px) and (orientation: portrait) {
  .mb-end-2 {
    grid-column-end: 3; } }

@media (max-width: 767px) and (orientation: portrait) {
  .mb-end-3 {
    grid-column-end: 4; } }

@media (max-width: 767px) and (orientation: portrait) {
  .mb-end-4 {
    grid-column-end: 5; } }

@media (max-width: 767px) and (orientation: portrait) {
  .mb-end-5 {
    grid-column-end: 6; } }

@media (max-width: 767px) and (orientation: portrait) {
  .mb-end-6 {
    grid-column-end: 7; } }

.exhibition-grid-wrapper .grid, .artist-grid-wrapper .grid {
  padding-bottom: 0;
  padding-bottom: 3.51563vw; }
  @media (min-width: 1921px) {
    .exhibition-grid-wrapper .grid, .artist-grid-wrapper .grid {
      padding-bottom: 67.5px; } }
@media (orientation: portrait) and (max-width: 767px) {
  .exhibition-grid-wrapper .grid, .artist-grid-wrapper .grid {
    padding-bottom: 3.2vw; } }

.exhibitions__exhibition .headline, .artists__artist .headline {
  padding-top: 0.58594vw;
  width: 34.13086vw;
  margin-bottom: -1.5625vw; }
  @media (min-width: 1921px) {
    .exhibitions__exhibition .headline, .artists__artist .headline {
      padding-top: 11.25px;
      width: 655.3125px;
      margin-bottom: -30px; } }
@media (orientation: portrait) and (max-width: 767px) {
  .exhibitions__exhibition .headline, .artists__artist .headline {
    padding-top: 1.77778vw;
    width: 93.6vw;
    margin-bottom: -3.55556vw; } }

.exhibition__description {
  padding-top: 8.20313vw; }
  @media (min-width: 1921px) {
    .exhibition__description {
      padding-top: 157.5px; } }
@media (orientation: portrait) and (max-width: 767px) {
  .exhibition__description {
    padding-top: 7.46667vw; } }

.exhibition__dates {
  padding-top: 0.48828vw; }
  @media (min-width: 1921px) {
    .exhibition__dates {
      padding-top: 9.375px; } }
@media (orientation: portrait) and (max-width: 767px) {
  .exhibition__dates {
    padding-top: 0.44444vw; } }

.exhbition__location {
  padding-bottom: 1.46484vw; }
  @media (min-width: 1921px) {
    .exhbition__location {
      padding-bottom: 28.125px; } }
@media (orientation: portrait) and (max-width: 767px) {
  .exhbition__location {
    padding-bottom: 1.33333vw; } }

.exhibition__nav {
  padding-bottom: 3.51563vw; }
  .exhibition__nav a {
    display: block; }
  @media (min-width: 1921px) {
    .exhibition__nav {
      padding-bottom: 67.5px; } }
@media (orientation: portrait) and (max-width: 767px) {
  .exhibition__nav {
    padding-bottom: 8.88889vw; } }

@media (orientation: portrait) and (max-width: 767px) {
  .artist__description.hod {
    padding-top: 1.77778vw; } }

.artist__description.hom {
  padding-top: 9.76563vw; }
  @media (min-width: 1921px) {
    .artist__description.hom {
      padding-top: 187.5px; } }

.exhibition__link {
  display: block; }

.portfolio__link {
  margin-top: 1.46484vw; }
  @media (min-width: 1921px) {
    .portfolio__link {
      margin-top: 28.125px; } }
@media (orientation: portrait) and (max-width: 767px) {
  .portfolio__link {
    margin-top: 1.33333vw; } }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

.slick-list, .slick-track {
  height: 100%; }

.slide, .slideshow {
  height: 100%; }
  .slide img, .slideshow img {
    object-fit: cover;
    width: 100%;
    height: 100%; }

.slide {
  display: inline-flex !important; }

.slick-slide > div {
  height: 100%; }

html {
  height: 100%;
  height: -webkit-fill-available; }

body {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100vh;
  height: -webkit-fill-available;
  margin: 0;
  font-size: 1.07422vw;
  line-height: 1.46484vw;
  letter-spacing: -0.04395vw; }
@media (max-width: 767px) and (orientation: portrait) {
  body {
    height: -webkit-fill-available; } }

  @media (min-width: 1921px) {
    body {
      font-size: 20.625px;
      line-height: 28.125px;
      letter-spacing: -0.84375px; } }
@media (orientation: portrait) and (max-width: 767px) {
  body {
    font-size: 2.66667vw;
    line-height: 3.2vw;
    letter-spacing: -0.07111vw; } }

main {
  flex: 1 0 auto;
  position: relative; }

footer {
  flex-shrink: 0; }

.locked, .home-lock {
  overflow: hidden;
  overflow-y: hidden;
  position: relative;
  touch-action: none;
  -ms-touch-action: none; }

.inner {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 92.96875vw; }
  @media (min-width: 1921px) {
    .inner {
      width: 1785px; } }
@media (orientation: portrait) and (max-width: 767px) {
  .inner {
    width: 93.6vw; } }

@media (max-width: 767px) and (orientation: landscape) {
  .hod {
    display: none !important; } }

@media (min-width: 768px) and (max-width: 1024px), null, (min-width: 1025px) and (max-width: 1920px), (min-width: 1921px) {
  .hod {
    display: none !important; } }

@media (orientation: portrait) and (max-width: 767px) {
  .hom {
    display: none !important; } }

.headline {
  vertical-align: sub;
  transform: translateZ(0);
  font-size: 1.95313vw;
  letter-spacing: 0.29297vw;
  line-height: 1.2em; }
  @media (min-width: 1921px) {
    .headline {
      font-size: 37.5px;
      letter-spacing: 5.625px; } }
@media (orientation: portrait) and (max-width: 767px) {
  .headline {
    font-size: 5.33333vw;
    letter-spacing: 0.86667vw; } }

.headline::before {
  content: '';
  display: inline-block;
  height: 1em;
  width: 0px; }

.adjust-baseline {
  line-height: 0;
  display: inline-block; }

.adjust-baseline::after {
  content: '';
  display: inline-block;
  height: 2.34375vw; }
  @media (min-width: 1921px) {
    .adjust-baseline::after {
      height: 45px; } }
@media (orientation: portrait) and (max-width: 767px) {
  .adjust-baseline::after {
    height: 6.4vw; } }

.article__copy a,
.grid-element__copy-block a,
.artist__description a,
.contact__copy a,
.exhibition__description a,
.exhbition__location a,
.home__headline a,
.privacy__copy a {
  text-decoration: underline; }

.headline .tap-target {
  transform: translate(-50%, -70%); }

.hide-on-overlay {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.4s ease, visibility 0.4s ease; }

.overlay--open .hide-on-overlay {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.4s ease, visibility 0s ease 0.4s; }

.grid {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  grid-column-gap: 1.17188vw;
  grid-row-gap: 3.51563vw;
  padding-bottom: 16.79688vw; }
@media (max-width: 767px) and (orientation: portrait) {
  .grid {
    grid-template-columns: repeat(6, minmax(0, 1fr)); } }

  @media (min-width: 1921px) {
    .grid {
      grid-column-gap: 22.5px;
      grid-row-gap: 67.5px;
      padding-bottom: 322.5px; } }
@media (orientation: portrait) and (max-width: 767px) {
  .grid {
    grid-column-gap: 3.2vw;
    grid-row-gap: 8.88889vw;
    padding-bottom: 15.28889vw; } }

.fullheight {
  height: 100vh;
  height: -webkit-fill-available; }

.grid-clear {
  grid-column: 1 / span 8; }
@media (max-width: 767px) and (orientation: portrait) {
  .grid-clear {
    grid-column: 1 / span 6; } }

.privacy__title, .privacy__copy {
  padding-bottom: 3.51563vw; }
  @media (min-width: 1921px) {
    .privacy__title, .privacy__copy {
      padding-bottom: 67.5px; } }
@media (orientation: portrait) and (max-width: 767px) {
  .privacy__title, .privacy__copy {
    padding-bottom: 8.88889vw; } }

.passthrough {
  pointer-events: none; }

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