/*

 #######################
 #####  ######      ####
 #####  ######  ########
 #####  ######    ######
 #####  ######  ########
 #####      ##  ########
 #######################
 by: Tom Walter aka Little Fragments
 last modified: Thu Mar 05 2026 11:14:33 GMT+0100 (Central European Standard Time)

*/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/*
Based on: Eric Meyer's Reset CSS v2.0 (http:// meyerweb.com/eric/tools/css/reset/)
Edited by Little Fragments (http:// littlefragments.com)
*/
/*
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 { */
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
  border: 0;
}

body {
  line-height: 1;
  backface-visibility: hidden;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

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

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

img {
  /* stylelint-disable-next-line property-no-vendor-prefix */
  -ms-interpolation-mode: bicubic;
}

iframe {
  overflow: hidden;
  background: none;
}

:root {
  --colors-bg-one: #fff;
  --colors-bg-two: #000;
  --colors-bg-three: #f3f1ee;
  --colors-bg-four: #272625;
  --colors-theme-one: #55b8f7;
  --colors-theme-yellow: #ffff68;
  --colors-theme-blue: #55b8f7;
  --colors-theme-green: #5ec981;
  --colors-theme-red: #ff6a61;
  --colors-theme-pink: #ff9fd1;
  --colors-theme-dark-pink: #3f1f30;
  --colors-theme-shadow: rgb(0 0 0 / 15%);
  --colors-theme-blur: rgb(243 241 238 / 25%);
  --colors-text-one: #000;
  --colors-text-two: #fff;
  --colors-text-grey: #a2a2a2;
  --transition-fast: 0.2s;
  --transition-default: 0.4s;
  --transition-slow: 0.8s;
  --transition-easing: cubic-bezier(0.51, 0, 0.3, 1);
  --transition-easing-out: cubic-bezier(0.11, 0.46, 0.36, 1);
  --transition-easing-back: cubic-bezier(0.5, 0.01, 0.19, 1.65);
  --transition-easing-out-back: cubic-bezier(0.3, 1.36, 0.59, 0.99);
  --transition-easing-in: cubic-bezier(0.58, 0, 1, 0.52);
  --transition-easing-quad: cubic-bezier(0.8, 0, 0.2, 1);
  --window-width: 100vw;
  --window-height: 100vh;
  --document-height: 100vh;
  --inner-height: 100vh;
  --navbar-height: 0;
  --current-navbar-height: 0;
  --max-content: 1920px;
  --gutter: calc(1rem + 1.5vw);
  --padding: 2.4rem;
  --hover-opacity: 0.3;
  --border-radius: 1rem;
  --nav-height: calc(0px);
  --footer-height: calc(0px);
  --main-height: calc(0px);
  --filters-height: calc(0px);
  --search-input-width: calc(100% - 2.8rem - var(--gutter));
  --event-media-width: calc(0px);
}
.main {
  z-index: 100;
}

.nav {
  z-index: 200;
}

.hamburger {
  z-index: 300;
}

.loader {
  z-index: 400;
}

body {
  --animate-it-scrollbar-right: 2px;
  --animate-it-scrollbar-width: 9px;
  --animate-it-scrollbar-color: #999;
}

.body--animate-it-smoothscroll {
  overflow: hidden !important;
}

.body--animate-it-smoothscroll-initialized {
  scrollbar-width: none;
}
.body--animate-it-smoothscroll-initialized::-webkit-scrollbar {
  display: none;
}

.animate-it-scrollbar {
  pointer-events: none;
  will-change: background-color;
  will-change: transform;
  cursor: pointer;
  position: fixed;
  z-index: 9998;
  top: 0;
  right: var(--animate-it-scrollbar-right);
  bottom: 0;
  width: var(--animate-it-scrollbar-width);
  height: 100px;
  opacity: 0;
  background-color: var(--animate-it-scrollbar-color);
  border-radius: 10rem;
  transition-duration: 0.2s;
  transition-property: opacity;
}
.animate-it-scrollbar--visible {
  pointer-events: auto;
  opacity: 0.4;
}
.animate-it-scrollbar--visible[disabled] {
  opacity: 0;
}
.animate-it-scrollbar--drag, body:not(.body--touch) .animate-it-scrollbar:hover {
  opacity: 0.8;
}

.animate-it-mouse {
  pointer-events: none;
  will-change: transform;
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  transform: translate3d(50vw, 50vh, 0);
}
.body[data-pagetype=iframe] .animate-it-mouse {
  display: none;
}
.animate-it-mouse .animate-it-mouse__dot {
  will-change: transform;
  position: absolute;
  top: -9px;
  left: -9px;
  width: 18px;
  height: 18px;
  background-color: black;
  border-radius: 50%;
  transition-duration: 0.2s;
  transition-property: top, left, width, height, background-color;
}
.animate-it-mouse .animate-it-mouse__dot::after {
  content: "";
  position: absolute;
  width: 0.8rem;
  height: 0.8rem;
  opacity: 0;
  border: white 2px solid;
  border-style: solid solid none none;
  transition-duration: 0.2s;
  transition-property: opacity, transform;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .body--safari .animate-it-mouse {
    will-change: initial;
  }
  .body--safari .animate-it-mouse .animate-it-mouse__dot {
    will-change: initial;
  }
}
.animate-it-mouse--inverted .animate-it-mouse__dot {
  background-color: white;
}
.animate-it-mouse--hidden .animate-it-mouse__dot {
  top: 0;
  left: 0;
  width: 0;
  height: 0;
}
.animate-it-mouse--hover .animate-it-mouse__dot {
  top: -4px;
  left: -4px;
  width: 8px;
  height: 8px;
}
.animate-it-mouse--prev .animate-it-mouse__dot::after {
  transform: rotate(-135deg);
  opacity: 1;
}
.animate-it-mouse--next .animate-it-mouse__dot::after {
  transform: rotate(45deg);
  opacity: 1;
}
.animate-it-mouse--smear {
  position: absolute;
}
.animate-it-mouse .animate-it-mouse__corner {
  position: absolute;
  z-index: 1;
  width: 0.8rem;
  height: 0.8rem;
  opacity: 0;
  border: black 2px solid;
  border-style: solid solid none none;
  transition-property: opacity, border-color;
}
.animate-it-mouse .animate-it-mouse__corner--0 {
  transform: translate(-50%, -50%) rotate(45deg);
  margin-left: 1.6rem;
}
.animate-it-mouse .animate-it-mouse__corner--1 {
  transform: translate(-50%, -50%) rotate(-45deg);
  margin-top: -1.6rem;
}
.animate-it-mouse .animate-it-mouse__corner--2 {
  transform: translate(-50%, -50%) rotate(135deg);
  margin-top: 1.6rem;
}
.animate-it-mouse .animate-it-mouse__corner--3 {
  transform: translate(-50%, -50%) rotate(-135deg);
  margin-left: -1.6rem;
}
.animate-it-mouse--dragging .animate-it-mouse__corner, .animate-it-mouse--drag .animate-it-mouse__corner {
  opacity: 1;
}
.animate-it-mouse--dragging-hor .animate-it-mouse__corner--0,
.animate-it-mouse--dragging-hor .animate-it-mouse__corner--3, .animate-it-mouse--drag-hor .animate-it-mouse__corner--0,
.animate-it-mouse--drag-hor .animate-it-mouse__corner--3 {
  opacity: 1;
}
.animate-it-mouse--dragging-hor .animate-it-mouse__dot, .animate-it-mouse--dragging .animate-it-mouse__dot {
  top: -4px;
  left: -4px;
  width: 8px;
  height: 8px;
}
.animate-it-mouse--dragging-hor .animate-it-mouse__dot::after, .animate-it-mouse--dragging .animate-it-mouse__dot::after {
  opacity: 0;
}
@media (max-width: 1023px) {
  .body--nav .animate-it-mouse .animate-it-mouse__dot {
    background-color: white;
  }
}

.animate-it-wiggler {
  will-change: transform;
}

.animate-it-wiggler--slowscroll {
  position: fixed !important;
}

.body--follow-mouse:not([data-pagetype=iframe]) {
  cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNgYAAAAAMAASsJTYQAAAAASUVORK5CYII="), auto !important;
}
.body--follow-mouse:not([data-pagetype=iframe]) * {
  cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNgYAAAAAMAASsJTYQAAAAASUVORK5CYII="), auto !important;
}

.blocked-iframe {
  pointer-events: none;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 10%;
  color: var(--colors-text-one);
  opacity: 0;
  background-color: #ccc;
  transition: opacity var(--transition-default);
}
.blocked-iframe--visible {
  pointer-events: auto;
  opacity: 1;
}
.blocked-iframe .blocked-iframe__text {
  margin-bottom: 1em;
  color: var(--colors-text-two);
  text-align: center;
}
.blocked-iframe .blocked-iframe__button {
  color: var(--colors-text-two);
  text-decoration: underline;
}

.fader {
  will-change: transform, opacity;
  transform: translateY(var(--padding));
  opacity: 0 !important;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0, 0, 0.04, 1) !important;
  transition-property: transform, opacity, clip-path !important;
}
.fader--left {
  transform: translate(calc(var(--gutter) * -1), var(--padding));
}
.fader--right {
  transform: translate(calc(var(--gutter) * 1), var(--padding));
}
.fader--shrink {
  transform: scale(1.1);
}
.fader--still {
  will-change: opacity;
  transform: none;
  transition-property: opacity !important;
}
.fader--no-fade {
  transform: none;
  transition-property: none !important;
}
.fader--clip {
  transform: translateY(calc(var(--padding) * 1));
  opacity: 1 !important;
  clip-path: inset(100% 0 0 0);
}
.fader.nav__item {
  pointer-events: none;
}
.fader.start__media, .fader.block, .fader.video--cover, .fader.cover {
  transform: scale(1.05);
}
.fader.ticker__holder {
  transform: translateX(calc(var(--gutter) * 3));
}
.fader3:not(.fader--loader, .fader--loading), .fader3.fader--loaded {
  transform: none;
  opacity: 1 !important;
  transition-duration: calc(var(--transition-slow) * 1.5), var(--transition-slow), var(--transition-slow) !important;
}
.fader3:not(.fader--loader, .fader--loading).fader--still, .fader3.fader--loaded.fader--still {
  transition-duration: var(--transition-slow) !important;
}
.fader3:not(.fader--loader, .fader--loading).fader--no-fade, .fader3.fader--loaded.fader--no-fade {
  transition-duration: 0s !important;
}
.fader3:not(.fader--loader, .fader--loading).fader--clip, .fader3.fader--loaded.fader--clip {
  clip-path: inset(0 0 0 0);
}
@media (max-width: 800px) {
  .fader--left {
    transform: translate(0, var(--padding));
  }
  .fader--right {
    transform: translate(0, var(--padding));
  }
}

.html--body-fixed body {
  position: fixed;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.html--body-fixed body:not(.body--touch).body--safari {
  position: relative;
}

.fold-out {
  overflow: hidden;
  width: 100%;
  max-height: 0;
  padding-top: 1px;
  padding-bottom: 1px;
  visibility: hidden;
  opacity: 0;
  transition: max-height 0.6s 0s ease, opacity 0.3s 0s ease, visibility 0s 0.6s;
}
.fold-out[style*=max-height]:not([style*="max-height: 0"]) {
  visibility: visible;
  opacity: 1;
  transition: max-height 0.6s 0s ease, opacity 0.3s 0.3s ease, visibility 0s 0s;
}
*[data-fo-holder=default] .fold-out {
  transition-timing-function: var(--transition-easing-quad), ease, ease;
}
*[data-fo-holder=default] .fold-out[style*=max-height]:not([style*="max-height: 0"]) {
  opacity: 1;
  transition-timing-function: var(--transition-easing-quad), ease, ease;
}
.fold-out--opened {
  overflow: visible;
  max-height: none;
  visibility: visible;
  opacity: 1;
  transition: none;
}

.grower {
  display: inherit;
  flex-wrap: inherit;
  align-items: inherit;
  justify-content: inherit;
  width: 100%;
  max-height: 0;
  transition: max-height var(--transition-default);
}
.grower--opening {
  max-height: 50vh;
}
.grower--open {
  max-height: none;
  transition: none;
}
@media (max-width: 800px) {
  .grower--opening {
    max-height: 100vh;
  }
}

/**
 * Swiper 10.0.4
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: August 4, 2023
 */
/* FONT_START */
@font-face {
  font-family: "swiper-icons";
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal;
}
/* FONT_END */
:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}

:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  overflow: clip;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-horizontal {
  touch-action: pan-y;
}

.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}

/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d {
  perspective: 1200px;
}

.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}

/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
}

.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  -ms-scroll-snap-type: y mandatory;
      scroll-snap-type: y mandatory;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  -ms-scroll-snap-type: none;
      scroll-snap-type: none;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

/* Slide styles start */
/* 3D Shadows */
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */
:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-top-offset: 50%;
  --swiper-navigation-sides-offset: 10px;
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}

.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: var(--swiper-navigation-top-offset, 50%);
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}

.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
  display: none !important;
}

.swiper-button-prev svg,
.swiper-button-next svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform-origin: center;
}

.swiper-rtl .swiper-button-prev svg,
.swiper-rtl .swiper-button-next svg {
  transform: rotate(180deg);
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto;
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}

.swiper-button-lock {
  display: none;
}

/* Navigation font start */
.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: "prev";
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: "next";
}

/* Navigation font end */
:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-left: auto;
  --swiper-pagination-right: 8px;
  --swiper-pagination-bottom: 8px;
  --swiper-pagination-top: auto;
  --swiper-pagination-fraction-color: inherit;
  --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
  --swiper-pagination-progressbar-size: 4px;
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-border-radius: 50%;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  */
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}

/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet:only-child {
  display: none !important;
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}

.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}

.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}

.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform, 200ms top;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms left;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms right;
}

/* Fraction */
.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}

/* Progress */
.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}

.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: var(--swiper-pagination-progressbar-size, 4px);
  left: 0;
  top: 0;
}

.swiper-vertical > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-lock {
  display: none;
}

/* a11y */
.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.video-embed {
  position: relative;
  overflow: hidden;
  width: 100vw;
  max-width: 100%;
  height: 0;
  margin-bottom: calc(var(--padding) * 2);
  padding-bottom: 56.25%;
  background-color: var(--colors-text-one);
  border-radius: var(--border-radius);
}
.video-embed::before, .video-embed::after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 5rem;
  display: block;
  width: calc(50% - 4rem);
  height: calc(100% - 10rem);
}
.video-embed::before {
  left: 0;
}
.video-embed::after {
  right: 0;
}
.video-embed .video-embed__img,
.video-embed .video-embed__overlay {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: opacity var(--transition-default);
}
.video-embed .video-embed__img {
  object-fit: cover;
}
.video-embed .video-embed__overlay {
  opacity: 0.15;
  background-color: var(--colors-text-one);
}
.video-embed .video-embed__play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform-origin: left top;
  transform: translate(-50%, -50%);
  color: var(--colors-text-two);
  text-transform: uppercase;
  transition-duration: var(--transition-fast);
  transition-property: transform, color;
}
body:not(.body--touch) .video-embed .video-embed__play:focus, body:not(.body--touch) .video-embed .video-embed__play:hover, .video-embed .video-embed__play.hover {
  color: var(--colors-text-one);
}
.video-embed iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  opacity: 0;
  border: 0;
  transition: opacity var(--transition-default);
}
.video-embed--show-iframe .video-embed__img,
.video-embed--show-iframe .video-embed__overlay {
  opacity: 0;
}
.video-embed--show-iframe .video-embed__play {
  pointer-events: none;
  opacity: 0;
}
.video-embed--show-iframe iframe {
  opacity: 1;
}

.hidden {
  display: none !important;
}

.faded {
  opacity: 0;
}

.invisible {
  visibility: hidden;
}

.disabled {
  pointer-events: none;
  opacity: var(--hover-opacity);
}

.img-responsive {
  display: block;
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
}

.iframe {
  background: transparent;
}

.sprite {
  display: inline-block;
}

.clear::before, .clear::after {
  content: " ";
  display: table;
}
.clear::after {
  clear: both;
}

.text--left {
  text-align: left;
}

.text--right {
  text-align: right;
}

.text--center {
  text-align: center;
}

.text--medium {
  font-size: var(--font-size-medium);
}

.capitalize {
  text-transform: capitalize;
}

.legibility {
  text-rendering: optimizelegibility;
}

.relative {
  position: relative;
}

.fixed {
  position: fixed;
}

.absolute {
  position: absolute;
  width: 100%;
}

.sticky {
  position: sticky;
  top: min(-1px, var(--inner-height) - var(--element-height));
  padding-top: var(--nav-height);
}
@media (max-width: 800px) {
  .sticky.columns__item--1-2 {
    position: relative;
    top: 0;
  }
}

@media (min-width: 1201px) {
  .visible-small {
    display: none !important;
  }
}
@media (max-width: 1200px) {
  .hidden-small {
    display: none !important;
  }
}
@media (min-width: 1024px) {
  .visible-tablet {
    display: none !important;
  }
}
@media (max-width: 1023px) {
  .hidden-tablet {
    display: none !important;
  }
}
@media (min-width: 801px) {
  .visible-phablet {
    display: none !important;
  }
}
@media (max-width: 800px) {
  .hidden-phablet {
    display: none !important;
  }
}
@media (min-width: 600px) {
  .visible-mobile {
    display: none !important;
  }
}
@media (max-width: 599px) {
  .hidden-mobile {
    display: none !important;
  }
}
@media (orientation: portrait) {
  .visible-landscape {
    display: none !important;
  }
}
@media (orientation: landscape) {
  .visible-portrait {
    display: none !important;
  }
}
b,
strong {
  font-weight: 800;
}

img {
  max-width: 100%;
}

a {
  cursor: pointer;
  color: var(--colors-text-one);
  text-decoration: none;
}
.footer a {
  color: var(--colors-text-two);
}

button {
  cursor: pointer;
  padding: 0;
  line-height: 1;
  color: var(--colors-text-one);
  background-color: transparent;
  border: 0;
}

ul {
  list-style: disc !important;
}

ol {
  list-style: decimal;
}

table,
p,
ul,
ol {
  margin: 0;
  line-height: var(--lineheight);
}
table button,
table a,
p button,
p a,
ul button,
ul a,
ol button,
ol a {
  text-decoration: none;
  background-image: linear-gradient(var(--color), var(--color));
  background-repeat: no-repeat, no-repeat;
  transition-timing-function: var(--transition-easing);
  transition-duration: var(--transition-default);
  transition-property: background-size, opacity;
  text-shadow: calc(var(--shadow-width) * -1) calc(var(--shadow-width) * -1) var(--bg-color), calc(var(--shadow-width) * -1) calc(var(--shadow-width) * 1) var(--bg-color), calc(var(--shadow-width) * 1) calc(var(--shadow-width) * -1) var(--bg-color), calc(var(--shadow-width) * 1) calc(var(--shadow-width) * 1) var(--bg-color), calc(var(--shadow-width) * -1.5) 0 var(--bg-color), calc(var(--shadow-width) * 1.5) 0 var(--bg-color), 0 calc(var(--shadow-width) * 1) var(--bg-color), 0 calc(var(--shadow-width) * -1) var(--bg-color);
  background-position: 0 var(--underline-top);
  background-size: 100% clamp(1px, var(--underline-width), var(--underline-width));
}
body:not(.body--touch) table button:focus, body:not(.body--touch) table button:hover, table button.hover,
body:not(.body--touch) table a:focus,
body:not(.body--touch) table a:hover,
table a.hover,
body:not(.body--touch) p button:focus,
body:not(.body--touch) p button:hover,
p button.hover,
body:not(.body--touch) p a:focus,
body:not(.body--touch) p a:hover,
p a.hover,
body:not(.body--touch) ul button:focus,
body:not(.body--touch) ul button:hover,
ul button.hover,
body:not(.body--touch) ul a:focus,
body:not(.body--touch) ul a:hover,
ul a.hover,
body:not(.body--touch) ol button:focus,
body:not(.body--touch) ol button:hover,
ol button.hover,
body:not(.body--touch) ol a:focus,
body:not(.body--touch) ol a:hover,
ol a.hover {
  background-position: 0 var(--underline-top);
  background-size: 0% clamp(1px, var(--underline-width), var(--underline-width));
  transition-duration: var(--transition-fast);
}
table button.hover,
table a.hover,
p button.hover,
p a.hover,
ul button.hover,
ul a.hover,
ol button.hover,
ol a.hover {
  transition-duration: 0.1s;
}
.text--large table button, .text--center table button,
.text--large table a,
.text--center table a,
.text--large p button,
.text--center p button,
.text--large p a,
.text--center p a,
.text--large ul button,
.text--center ul button,
.text--large ul a,
.text--center ul a,
.text--large ol button,
.text--center ol button,
.text--large ol a,
.text--center ol a {
  background-position: 50% var(--underline-top);
  background-size: 100% clamp(1px, var(--underline-width), var(--underline-width));
}
body:not(.body--touch) .text--large table button:focus, body:not(.body--touch) .text--large table button:hover, .text--large table button.hover, body:not(.body--touch) .text--center table button:focus, body:not(.body--touch) .text--center table button:hover, .text--center table button.hover,
body:not(.body--touch) .text--large table a:focus,
body:not(.body--touch) .text--large table a:hover,
.text--large table a.hover,
body:not(.body--touch) .text--center table a:focus,
body:not(.body--touch) .text--center table a:hover,
.text--center table a.hover,
body:not(.body--touch) .text--large p button:focus,
body:not(.body--touch) .text--large p button:hover,
.text--large p button.hover,
body:not(.body--touch) .text--center p button:focus,
body:not(.body--touch) .text--center p button:hover,
.text--center p button.hover,
body:not(.body--touch) .text--large p a:focus,
body:not(.body--touch) .text--large p a:hover,
.text--large p a.hover,
body:not(.body--touch) .text--center p a:focus,
body:not(.body--touch) .text--center p a:hover,
.text--center p a.hover,
body:not(.body--touch) .text--large ul button:focus,
body:not(.body--touch) .text--large ul button:hover,
.text--large ul button.hover,
body:not(.body--touch) .text--center ul button:focus,
body:not(.body--touch) .text--center ul button:hover,
.text--center ul button.hover,
body:not(.body--touch) .text--large ul a:focus,
body:not(.body--touch) .text--large ul a:hover,
.text--large ul a.hover,
body:not(.body--touch) .text--center ul a:focus,
body:not(.body--touch) .text--center ul a:hover,
.text--center ul a.hover,
body:not(.body--touch) .text--large ol button:focus,
body:not(.body--touch) .text--large ol button:hover,
.text--large ol button.hover,
body:not(.body--touch) .text--center ol button:focus,
body:not(.body--touch) .text--center ol button:hover,
.text--center ol button.hover,
body:not(.body--touch) .text--large ol a:focus,
body:not(.body--touch) .text--large ol a:hover,
.text--large ol a.hover,
body:not(.body--touch) .text--center ol a:focus,
body:not(.body--touch) .text--center ol a:hover,
.text--center ol a.hover {
  background-position: 50% var(--underline-top);
  background-size: 0% clamp(1px, var(--underline-width), var(--underline-width));
}
.block table button,
.block table a,
.block p button,
.block p a,
.block ul button,
.block ul a,
.block ol button,
.block ol a {
  --bg-color: var(--colors-bg-one);
}
table + p,
table + ul,
table + ol,
p + p,
p + ul,
p + ol,
ul + p,
ul + ul,
ul + ol,
ol + p,
ol + ul,
ol + ol {
  padding-top: calc(var(--lineheight) * 1em);
}

button :focus {
  outline: none;
}

@keyframes fade-in-out {
  0% {
    opacity: 1;
  }
  10% {
    opacity: 0.5;
  }
  20% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
address {
  font-style: normal;
}

input[type=text], input[type=time], input[type=date], input[type=month], input[type=email], input[type=password], input[type=tel], input[type=number], input[type=url], input[type=submit] {
  padding: 0.2em;
  color: var(--colors-text-one);
  border: var(--colors-text-one) 1px solid;
  transition: border-color var(--transition-default);
}
body:not(.body--touch) input[type=text]:focus, body:not(.body--touch) input[type=text]:hover, input[type=text].hover, body:not(.body--touch) input[type=time]:focus, body:not(.body--touch) input[type=time]:hover, input[type=time].hover, body:not(.body--touch) input[type=date]:focus, body:not(.body--touch) input[type=date]:hover, input[type=date].hover, body:not(.body--touch) input[type=month]:focus, body:not(.body--touch) input[type=month]:hover, input[type=month].hover, body:not(.body--touch) input[type=email]:focus, body:not(.body--touch) input[type=email]:hover, input[type=email].hover, body:not(.body--touch) input[type=password]:focus, body:not(.body--touch) input[type=password]:hover, input[type=password].hover, body:not(.body--touch) input[type=tel]:focus, body:not(.body--touch) input[type=tel]:hover, input[type=tel].hover, body:not(.body--touch) input[type=number]:focus, body:not(.body--touch) input[type=number]:hover, input[type=number].hover, body:not(.body--touch) input[type=url]:focus, body:not(.body--touch) input[type=url]:hover, input[type=url].hover, body:not(.body--touch) input[type=submit]:focus, body:not(.body--touch) input[type=submit]:hover, input[type=submit].hover {
  border-color: var(--colors-text-one);
  transition-duration: var(--transition-fast);
}
input[type=text].hover, input[type=time].hover, input[type=date].hover, input[type=month].hover, input[type=email].hover, input[type=password].hover, input[type=tel].hover, input[type=number].hover, input[type=url].hover, input[type=submit].hover {
  transition-duration: 0.1s;
}

textarea,
select {
  padding: 0.2em;
  color: var(--colors-text-one);
  border: var(--colors-text-one) 1px solid;
  transition: border-color var(--transition-default);
}
body:not(.body--touch) textarea:focus, body:not(.body--touch) textarea:hover, textarea.hover,
body:not(.body--touch) select:focus,
body:not(.body--touch) select:hover,
select.hover {
  border-color: var(--colors-text-one);
  transition-duration: var(--transition-fast);
}
textarea.hover,
select.hover {
  transition-duration: 0.1s;
}

@font-face {
  font-family: Montserrat;
  font-display: fallback;
  src: url("../fonts/Montserrat-Medium.woff2") format("woff2");
}
@font-face {
  font-family: Montserrat;
  font-style: italic;
  font-display: fallback;
  src: url("../fonts/Montserrat-MediumItalic.woff2") format("woff2");
}
@font-face {
  font-family: Montserrat;
  font-weight: bold;
  font-display: fallback;
  src: url("../fonts/Montserrat-SemiBold.woff2") format("woff2");
}
@font-face {
  font-family: Montserrat;
  font-weight: bold;
  font-style: italic;
  font-display: fallback;
  src: url("../fonts/Montserrat-SemiBoldItalic.woff2") format("woff2");
}
:root {
  --font-family-sans: "Montserrat", sans-serif;
  --font-size-small: clamp(12.65px, 0.148771022vw + 12.0935963777px, 14.95px);
  --font-size-nav: clamp(14.95px, 0.148771022vw + 14.3935963777px, 17.25px);
  --font-size-book: clamp(14.95px, 0.223156533vw + 14.1153945666px, 18.4px);
  --font-size-normal: clamp(18.4px, 0.595084088vw + 16.174385511px, 27.6px);
  --font-size-medium: clamp(27.6px, 0.595084088vw + 25.374385511px, 36.8px);
  --font-size-large: clamp(36.8px, 0.595084088vw + 34.574385511px, 46px);
  --font-size-xl: clamp(46px, 0.892626132vw + 42.6615782665px, 59.8px);
  --font-size-xxl: clamp(70px, 3.6545924968vw + 56.3318240621px, 126.5px);
  --color: var(--colors-text-one);
  --bg-color: var(--colors-bg-three);
}

html {
  box-sizing: border-box;
  height: var(--inner-height);
  font-size: 62.5% !important;
}

.body {
  --underline-width: 1px;
  --underline-top: calc(50% + 0.48em);
  --shadow-width: 0.06em;
  font-family: var(--font-family-sans);
  letter-spacing: -0.02em;
  --lineheight: 1.5;
  font-size: var(--font-size-book);
  overflow-x: hidden;
  display: block;
  height: auto;
  min-height: 100%;
  font-kerning: normal;
  line-height: 1;
  color: var(--colors-text-one);
  word-break: break-word;
  word-wrap: break-word;
  background-color: var(--colors-bg-three);
  -webkit-tap-highlight-color: transparent;
}
.body--t {
  background-color: var(--colors-theme-yellow);
}
.body--xl {
  background-color: var(--colors-theme-blue);
}
.body--k {
  background-color: var(--colors-theme-green);
}
.body--x {
  background-color: var(--colors-theme-red);
}
.body--w {
  background-color: var(--colors-bg-one);
}
.body--b {
  background-color: var(--colors-bg-two);
}
.body--kt {
  background-color: var(--colors-theme-pink);
}
.body--ktd {
  color: var(--colors-text-two);
  background-color: var(--colors-theme-dark-pink);
}
.body--ktd svg path,
.body--ktd svg line {
  stroke: var(--colors-text-two);
}
.body--touch {
  cursor: pointer;
  transition: background-color var(--transition-default);
}
.html--loader .body--touch {
  background-color: var(--colors-bg-three) !important;
}

* {
  box-sizing: inherit;
}
*::before, *::after {
  box-sizing: inherit;
}

.chromeframe {
  position: fixed;
  z-index: 1000;
  bottom: 0;
  box-sizing: border-box;
  width: 100%;
  padding: 20px;
  font-weight: bold;
  background-color: var(--colors-theme-one);
}

blockquote,
figure {
  margin: 0;
  padding: 0;
}

cite {
  font-style: normal;
}

input[type=text], input[type=time], input[type=date], input[type=month], input[type=email], input[type=password], input[type=tel], input[type=number], input[type=url], input[type=submit] {
  word-break: normal;
  appearance: none;
  border-radius: 0;
}
input[type=text]:-ms-input-placeholder, input[type=time]:-ms-input-placeholder, input[type=date]:-ms-input-placeholder, input[type=month]:-ms-input-placeholder, input[type=email]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder, input[type=tel]:-ms-input-placeholder, input[type=number]:-ms-input-placeholder, input[type=url]:-ms-input-placeholder, input[type=submit]:-ms-input-placeholder {
  text-overflow: ellipsis;
}
input[type=text]:placeholder-shown, input[type=time]:placeholder-shown, input[type=date]:placeholder-shown, input[type=month]:placeholder-shown, input[type=email]:placeholder-shown, input[type=password]:placeholder-shown, input[type=tel]:placeholder-shown, input[type=number]:placeholder-shown, input[type=url]:placeholder-shown, input[type=submit]:placeholder-shown {
  text-overflow: ellipsis;
}
@media (max-width: 800px) {
  input[type=text], input[type=time], input[type=date], input[type=month], input[type=email], input[type=password], input[type=tel], input[type=number], input[type=url], input[type=submit] {
    font-size: 16px;
  }
}

textarea,
select {
  appearance: none;
  border-radius: 0;
}
@media (max-width: 800px) {
  textarea,
  select {
    font-size: 16px;
  }
}

::selection {
  color: var(--colors-text-one);
  text-shadow: none;
  background: var(--colors-theme-one);
}

:focus {
  outline-color: transparent;
  outline-style: none;
}

.block-swiper {
  width: 100vw;
  margin: calc(var(--padding) * -1) 0 0 0;
}
.block-swiper .block-swiper__slide {
  width: auto;
  margin-left: var(--gutter);
  padding: var(--padding) 0;
}
.block-swiper .block-swiper__slide:last-child {
  margin-right: var(--gutter);
}

.buttons {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-bottom: var(--padding);
}
.buttons--left {
  justify-content: flex-start;
}
.buttons--right {
  justify-content: flex-end;
}
.buttons--tags {
  margin-bottom: 0;
}
.buttons--load-more {
  transition: opacity var(--transition-default);
}
.html--loader-pagination .buttons--load-more, .html--loader-filter .buttons--load-more {
  pointer-events: none;
  opacity: 0;
}
.start .buttons {
  flex-shrink: 0;
  justify-content: flex-start;
}

.columns {
  --columns-gutter: var(--gutter);
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 1920px;
  margin-right: auto;
  margin-left: auto;
  padding: 0 calc(var(--columns-gutter) / 2);
}
.columns--neg-margins {
  width: calc(100% + var(--columns-gutter) * 2);
  max-width: none;
  margin-right: calc(-1 * var(--columns-gutter));
  margin-left: calc(-1 * var(--columns-gutter));
}
.columns--between {
  justify-content: space-between;
}
.columns--center {
  justify-content: center;
}
.columns--clean {
  padding: 0;
}
.columns--hidden {
  display: none;
}
.columns--vert-center {
  align-items: center;
}
.columns--reverse {
  flex-direction: row-reverse;
}
.columns--vert-stretch2, .columns--vert-stretch {
  align-items: stretch;
}
.columns--half-gutter {
  --columns-gutter: calc(var(--gutter) * 0.5);
}
.columns--no-gutter {
  --columns-gutter: calc(0px);
}
.columns .columns__item {
  width: calc(100% - var(--columns-gutter));
  max-width: 100%;
  min-height: 2rem;
  margin-right: calc(var(--columns-gutter) / 2);
  margin-left: calc(var(--columns-gutter) / 2);
}
.columns .columns__item--1-2 {
  width: calc(50% - var(--columns-gutter));
}
.columns .columns__item--1-3b, .columns .columns__item--1-3 {
  width: calc(33.3333% - var(--columns-gutter));
}
.columns .columns__item--2-3 {
  width: calc(66.6666% - var(--columns-gutter));
}
.columns .columns__item--1-4 {
  width: calc(25% - var(--columns-gutter));
}
.columns .columns__item--3-4 {
  width: calc(75% - var(--columns-gutter));
}
.columns .columns__item--1-5 {
  width: calc(20% - var(--columns-gutter));
}
.columns .columns__item--2-5 {
  width: calc(40% - var(--columns-gutter));
}
.columns .columns__item--3-5 {
  width: calc(60% - var(--columns-gutter));
}
.columns .columns__item--4-5 {
  width: calc(80% - var(--columns-gutter));
}
.columns .columns__item--1-6 {
  width: calc(16.6666% - var(--columns-gutter));
}
.columns .columns__item--5-6 {
  width: calc(83.3333% - var(--columns-gutter));
}
.columns .columns__item--1-12 {
  width: calc(8.3333% - var(--columns-gutter));
}
.columns .columns__item--5-12b, .columns .columns__item--5-12 {
  width: calc(41.6666% - var(--columns-gutter));
}
.columns .columns__item--7-12b, .columns .columns__item--7-12 {
  width: calc(58.3333% - var(--columns-gutter));
}
.columns .columns__item--phablet {
  display: none;
}
.columns .columns__item--margin {
  margin-bottom: var(--padding);
}
@media (max-width: 1023px) {
  .columns--vert-stretch2 {
    align-items: flex-start;
  }
  .columns .columns__item--5-12b, .columns .columns__item--1-3b, .columns .columns__item--1-3 {
    width: calc(50% - var(--columns-gutter));
  }
  .columns .columns__item--7-12b, .columns .columns__item--2-3 {
    width: calc(100% - var(--columns-gutter));
  }
  .columns .columns__item--1-4 {
    width: calc(25% - var(--columns-gutter));
  }
  .columns .columns__item--1-6 {
    width: calc(25% - var(--columns-gutter));
  }
  .columns .columns__item--3-16 {
    width: calc(16.6666% - var(--columns-gutter));
  }
  .columns .columns__item--4-16 {
    width: calc(25% - var(--columns-gutter));
  }
}
@media (max-width: 800px) {
  .columns .columns__item--1-2 {
    width: calc(100% - var(--columns-gutter));
  }
  .columns .columns__item--1-4 {
    width: calc(50% - var(--columns-gutter));
  }
  .columns .columns__item--1-6 {
    width: calc(50% - var(--columns-gutter));
  }
  .columns .columns__item--5-12 {
    width: calc(100% - var(--columns-gutter));
  }
  .columns .columns__item--7-12 {
    width: calc(100% - var(--columns-gutter));
  }
}
@media (max-width: 599px) {
  .columns .columns__item--5-12b, .columns .columns__item--1-3 {
    width: calc(100% - var(--columns-gutter));
  }
  .columns .columns__item--1-4 {
    width: calc(50% - var(--columns-gutter));
  }
  .columns .columns__item--3-4 {
    width: calc(100% - var(--columns-gutter));
  }
  .columns .columns__item--1-5 {
    width: calc(100% - var(--columns-gutter));
  }
  .columns .columns__item--4-5 {
    width: calc(100% - var(--columns-gutter));
  }
  .columns .columns__item--1-6 {
    width: calc(50% - var(--columns-gutter));
  }
  .columns .columns__item--5-6 {
    width: calc(100% - var(--columns-gutter));
  }
  .columns .columns__item--1-12 {
    width: calc(100% - var(--columns-gutter));
  }
  .columns .columns__item--5-12 {
    width: calc(100% - var(--columns-gutter));
  }
  .columns .columns__item--phablet {
    display: block;
  }
}
@media (max-width: 374px) {
  .columns .columns__item--1-2 {
    width: calc(100% - var(--columns-gutter));
  }
  .columns .columns__item--1-3b {
    width: calc(100% - var(--columns-gutter));
  }
  .columns .columns__item--2-3 {
    width: calc(100% - var(--columns-gutter));
  }
  .columns .columns__item--1-4 {
    width: calc(100% - var(--columns-gutter));
  }
  .columns .columns__item--1-6 {
    width: calc(100% - var(--columns-gutter));
  }
}

.content {
  width: 100%;
  max-width: 100%;
}
.content--margin {
  margin-bottom: var(--padding);
}
.content--back {
  margin-bottom: -1.6em;
}
.content--narrow {
  container-type: inline-size;
  width: calc(35rem + 25vw);
}
.content--normal {
  width: calc(40rem + 35vw);
}
.content--medium {
  width: calc(45rem + 45vw);
}
.content--wide {
  width: calc(50rem + 55vw);
}
.content--full {
  width: 100vw;
  max-width: none;
}
.content:has(.logo--kantine) {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
}

.events {
  display: flex;
  align-items: flex-start;
}
.events .events__filters,
.events .events__items {
  position: sticky;
  top: min(-1px, var(--inner-height) - var(--element-height));
  padding-top: var(--nav-height);
  display: flex;
  flex-direction: column;
  align-items: center;
}
.events .events__filters {
  width: 100%;
  margin-right: calc(var(--gutter) * 2);
  margin-bottom: var(--padding);
}
.events .events__items {
  flex-shrink: 0;
}
@media (max-width: 1200px) {
  .events {
    flex-direction: column;
  }
  .events .events__filters,
  .events .events__items {
    position: relative;
    top: 0;
    width: 100%;
    margin-right: 0;
  }
}

.filter {
  font-size: var(--font-size-small);
  margin-bottom: calc(var(--padding) * 0.5);
}
.filters .filter {
  margin-right: var(--gutter);
}
.events .filters .filter {
  margin-right: 0;
}
.filter .filter__title {
  margin-bottom: 0.6em;
}
.filter .filter__buttons {
  margin: -0.2em;
}

.filters {
  position: sticky;
  top: min(-1px, var(--inner-height) - var(--element-height));
  padding-top: var(--nav-height);
  z-index: 2;
  box-shadow: 0 6px 8px 0 transparent;
  transition: box-shadow var(--transition-default);
}
.filters--sticking {
  box-shadow: 0 6px 8px 0 var(--colors-theme-shadow);
}
.filters .filters__content {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + var(--gutter) * 2);
  margin: calc(var(--nav-height) * -1) calc(var(--gutter) * -1) 0;
  padding: var(--nav-height) var(--gutter) 0;
  background-color: var(--colors-bg-three);
}
.filters .filters__content--search {
  justify-content: center;
}
.events .filters {
  margin-top: calc(var(--nav-height) * -1);
  padding-top: 0;
}
.events .filters--sticking {
  box-shadow: 0 6px 8px 0 transparent;
}
.events .filters .filters__content {
  margin-top: 0;
}
.events__items .filters {
  display: none;
}
.filters .filters__button {
  display: none;
}
@media (max-width: 1200px) {
  .events .filters--sticking {
    box-shadow: 0 6px 8px 0 var(--colors-theme-shadow);
  }
  .events__items .filters {
    display: block;
  }
}
@media (max-width: 599px), (max-height: 440px) {
  .body:not([data-pagetype=tenants]) .filters {
    top: calc(var(--filters-height) * -1);
    margin-bottom: var(--filters-height);
  }
  .body:not([data-pagetype=tenants]) .filters--sticking {
    box-shadow: 0 6px 8px 0 transparent;
  }
  .events .body:not([data-pagetype=tenants]) .filters--sticking {
    box-shadow: 0 6px 8px 0 transparent;
  }
  .body:not([data-pagetype=tenants]) .filters .filters__content {
    transition: transform var(--transition-default) var(--transition-easing);
  }
  .html--loader-filter .body:not([data-pagetype=tenants]) .filters .filters__content {
    transition: 0s;
  }
  .body:not([data-pagetype=tenants]) .filters .filters__button {
    pointer-events: none;
    position: fixed;
    z-index: 2;
    right: var(--gutter);
    bottom: var(--padding);
    display: flex;
    margin-right: 0;
    opacity: 0;
  }
  .body--filters-away:not([data-pagetype=tenants]) .filters .filters__content {
    box-shadow: 0 6px 8px 0 var(--colors-theme-shadow);
  }
  .body--filters-away:not([data-pagetype=tenants]) .filters .filters__button {
    pointer-events: auto;
    opacity: 1;
  }
  .body--filters.body--filters-away:not([data-pagetype=tenants]) .filters .filters__content {
    transform: translateY(100%);
  }
  .body--filters.body--filters-away:not([data-pagetype=tenants]) .filters .filters__button {
    --color: var(--colors-text-one);
    background-color: var(--colors-bg-one);
  }
}

.footer {
  --bg-color: var(--colors-bg-two);
  --color: var(--colors-text-two);
  --lineheight: 1.5;
  font-size: var(--font-size-nav);
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: calc(var(--padding) * 2) var(--gutter) 0;
  color: var(--colors-text-two);
  background-color: var(--colors-bg-two);
  transition: opacity var(--transition-default);
}
.html--loader-pagination .footer, .html--loader-filter .footer {
  opacity: 0;
}
.footer .footer__newsletter,
.footer .footer__links {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: calc(var(--padding) * 2);
}
.footer .footer__newsletter {
  justify-content: space-between;
}
.footer .footer__link {
  color: var(--color);
  text-decoration: none;
  background-image: linear-gradient(var(--color), var(--color));
  background-repeat: no-repeat, no-repeat;
  transition-timing-function: var(--transition-easing);
  transition-duration: var(--transition-default);
  transition-property: background-size, opacity;
  background-position: 0 var(--underline-top);
  background-size: 0% clamp(1px, var(--underline-width), var(--underline-width));
  text-shadow: calc(var(--shadow-width) * -1) calc(var(--shadow-width) * -1) var(--bg-color), calc(var(--shadow-width) * -1) calc(var(--shadow-width) * 1) var(--bg-color), calc(var(--shadow-width) * 1) calc(var(--shadow-width) * -1) var(--bg-color), calc(var(--shadow-width) * 1) calc(var(--shadow-width) * 1) var(--bg-color), calc(var(--shadow-width) * -1.5) 0 var(--bg-color), calc(var(--shadow-width) * 1.5) 0 var(--bg-color), 0 calc(var(--shadow-width) * 1) var(--bg-color), 0 calc(var(--shadow-width) * -1) var(--bg-color);
  margin-bottom: 1em;
}
.footer .footer__link--t {
  --color: var(--colors-theme-yellow);
}
.footer .footer__link--xl {
  --color: var(--colors-theme-blue);
}
.footer .footer__link--k {
  --color: var(--colors-theme-green);
}
.footer .footer__link--x {
  --color: var(--colors-theme-red);
}
.footer .footer__link--kt {
  --color: var(--colors-theme-pink);
}
.footer .footer__link--active, .footer .footer__link:focus, .footer .footer__link:hover {
  background-position: 0 var(--underline-top);
  background-size: 100% clamp(1px, var(--underline-width), var(--underline-width));
  transition-duration: var(--transition-fast);
}
.footer .footer__link.hover {
  transition-duration: 0.1s;
}
.footer .footer__form {
  display: flex;
  width: 100%;
  margin: 1em 0;
  border-bottom: 1px solid var(--colors-text-two);
}
.footer .footer__email {
  flex-shrink: 1;
  width: 100%;
  margin-right: calc(var(--padding) / 2);
  padding: 0.3em 0;
  color: var(--colors-text-two);
  background-color: transparent;
  border: 0;
  transition: opacity var(--transition-default);
}
.footer .footer__email:-ms-input-placeholder {
  color: var(--colors-text-two);
  opacity: var(--hover-opacity);
}
.footer .footer__email::placeholder {
  color: var(--colors-text-two);
  opacity: var(--hover-opacity);
}
.footer .footer__email--active, .footer .footer__email.hover, body:not(.body--touch) .footer .footer__email:hover {
  opacity: var(--hover-opacity);
  transition-duration: var(--transition-fast);
}
.footer .footer__email.hover {
  transition-duration: 0.1s;
}
.footer .footer__send {
  cursor: pointer;
  flex-shrink: 0;
  font-weight: bold;
  text-align: center;
  background-color: transparent;
  border: 0;
}
.footer .footer__send svg {
  width: 0.6em;
  height: auto;
  transition: transform var(--transition-slow) var(--transition-easing);
}
.footer .footer__send svg path,
.footer .footer__send svg line {
  stroke-width: 4px;
}
.footer .footer__send.hover svg, body:not(.body--touch) .footer .footer__send:focus svg, body:not(.body--touch) .footer .footer__send:hover svg {
  transform: translateX(0.3em);
  transition-duration: var(--transition-fast);
}
.footer .footer__send.hover svg {
  transition-duration: 0.1s;
}
.footer .footer__send svg path,
.footer .footer__send svg line {
  stroke: var(--colors-text-two);
}
.footer .footer__hr {
  height: 1px;
  margin-bottom: var(--padding);
  background-color: var(--colors-text-two);
  border: 0;
}
.footer .footer__bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.footer .footer__bar .footer__copy {
  margin-bottom: var(--padding);
}
@media (max-width: 1023px) {
  .footer .footer__spacer {
    display: none;
  }
}
@media (max-width: 800px) {
  .footer .footer__form {
    font-size: 16px;
  }
  .footer .footer__bar {
    flex-direction: column;
  }
}

.full-swiper {
  width: 100%;
  margin-bottom: calc(var(--padding) * 2);
  background-color: var(--colors-bg-three);
}
.full-swiper .full-swiper__slide {
  width: auto;
  margin-left: var(--gutter);
}
.full-swiper .full-swiper__slide:first-child {
  margin-left: clamp(var(--gutter), (100vw - (50rem + 55vw)) / 2, 1000px);
}
.full-swiper .full-swiper__slide:last-child {
  margin-right: clamp(var(--gutter), (100vw - (50rem + 55vw)) / 2, 1000px);
}
.full-swiper .full-swiper__slide .full-swiper__slide-content {
  max-width: calc(100vw - var(--gutter) * 3);
  max-height: calc(20rem + 35vh);
  border-radius: var(--border-radius);
}

.iframe {
  position: fixed;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding-top: var(--nav-height);
}
.iframe--t {
  background-color: var(--colors-theme-yellow);
}
.iframe--xl {
  background-color: var(--colors-theme-blue);
}
.iframe--k {
  background-color: var(--colors-theme-green);
}
.iframe--x {
  background-color: var(--colors-theme-red);
}
.iframe--w {
  background-color: var(--colors-bg-one);
}
.iframe--b {
  background-color: var(--colors-bg-two);
}
.iframe--kt {
  background-color: var(--colors-theme-pink);
}
.iframe--ktd {
  color: var(--colors-text-two);
  background-color: var(--colors-theme-dark-pink);
}
.iframe--ktd svg path,
.iframe--ktd svg line {
  stroke: var(--colors-text-two);
}
.iframe iframe {
  width: 100%;
  height: 100%;
  border: none;
}

.items {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 1rem;
  transition: opacity var(--transition-default);
}
.html--loader-filter .items {
  opacity: 0;
}
@media (max-width: 599px), (max-height: 440px) {
  .filters + .items {
    margin-top: calc(var(--filters-height) * -1 + 1rem);
  }
  .body[data-pagetype=tenants] .items {
    margin-top: 1rem;
  }
}

.logos {
  pointer-events: none;
  position: fixed;
  z-index: -1;
  top: calc(var(--nav-height) * 1 + var(--padding) * 0);
  overflow: hidden;
  display: flex;
  width: 100%;
  opacity: 0;
  transition: opacity var(--transition-default);
}
.html--loader .logos, .body[data-pagetype=home] .logos--visible {
  opacity: 1;
}
@keyframes logos-left {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
.logos .logos__repeater {
  display: flex;
  white-space: nowrap;
  animation: logos-left var(--logos-duration) linear infinite;
}
.logos .logos__repeater .logos__item {
  display: flex;
  margin-right: var(--gutter);
}
.logos .logos__repeater .logos__item svg {
  width: calc(var(--window-height) - var(--nav-height) * 2 - var(--padding) * 0);
  height: auto;
}

.main {
  min-height: calc(var(--window-height));
  transition: opacity var(--transition-default);
}
.body--safari .main {
  will-change: opacity;
}
.html--loader .main {
  opacity: 0;
}

.members {
  margin-bottom: var(--padding);
}
.members .members__item {
  position: relative;
  margin-bottom: var(--padding);
}
.members .members__item:nth-child(3n+2) {
  top: calc(var(--padding) * 2);
}
.members .members__item:nth-child(3n+3) {
  top: calc(var(--padding) * 1);
}
.members .members__item .members__item-image {
  overflow: hidden;
  margin-bottom: var(--font-size-book);
  border-radius: var(--border-radius);
}
.members .members__item .members__item-title {
  margin-bottom: 0.4em;
}
.members .members__item .members__item-subtitle,
.members .members__item .members__item-email {
  --lineheight: 1.3;
  font-size: var(--font-size-small);
}
@media (max-width: 1023px) {
  .members .members__item:nth-child(2n+1) {
    top: calc(var(--padding) * 2);
  }
  .members .members__item:nth-child(2n+2) {
    top: 0;
  }
}
@media (max-width: 374px) {
  .members .members__item:nth-child(1n+1) {
    top: 0;
  }
}

.nav {
  --lineheight: 1.5;
  font-size: var(--font-size-nav);
  position: fixed;
  top: -1px;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: calc(var(--padding) * 0.5) var(--gutter);
}
.nav .nav__bg {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--colors-bg-three);
}
.nav .nav__bg--t {
  background-color: var(--colors-theme-yellow);
}
.nav .nav__bg--xl {
  background-color: var(--colors-theme-blue);
}
.nav .nav__bg--k {
  background-color: var(--colors-theme-green);
}
.nav .nav__bg--x {
  background-color: var(--colors-theme-red);
}
.nav .nav__bg--w {
  background-color: var(--colors-bg-one);
}
.nav .nav__bg--b {
  background-color: var(--colors-bg-two);
}
.nav .nav__bg--kt {
  background-color: var(--colors-theme-pink);
}
.nav .nav__bg--ktd {
  color: var(--colors-text-two);
  background-color: var(--colors-theme-dark-pink);
}
.nav .nav__bg--ktd svg path,
.nav .nav__bg--ktd svg line {
  stroke: var(--colors-text-two);
}
.nav .nav__bg--1 {
  background-color: transparent;
  -webkit-backdrop-filter: blur(1px);
          backdrop-filter: blur(1px);
  -webkit-mask-image: linear-gradient(to bottom, rgb(0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
          mask-image: linear-gradient(to bottom, rgb(0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
}
.nav .nav__bg--2 {
  background-color: transparent;
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  -webkit-mask-image: linear-gradient(to bottom, rgb(0, 0, 0) 10%, rgba(0, 0, 0, 0) 50%);
          mask-image: linear-gradient(to bottom, rgb(0, 0, 0) 10%, rgba(0, 0, 0, 0) 50%);
}
.nav .nav__bg--3 {
  transition: background-color var(--transition-default);
  -webkit-mask-image: linear-gradient(to bottom, var(--colors-bg-three) 0%, transparent 100%);
          mask-image: linear-gradient(to bottom, var(--colors-bg-three) 0%, transparent 100%);
}
.html--loader .nav .nav__bg--3 {
  background-color: var(--colors-bg-three) !important;
}
.nav .nav__bg--mobile {
  opacity: 0;
  transition: background-color var(--transition-default);
}
.body--nav .nav .nav__bg--mobile {
  background-color: var(--colors-bg-two);
}
.nav .nav__content {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}
.nav .nav__content .nav__item {
  --color: var(--colors-text-one);
  background-position: 50% var(--underline-top);
  background-size: 0% clamp(1px, var(--underline-width), var(--underline-width));
  text-decoration: none;
  background-image: linear-gradient(var(--color), var(--color));
  background-repeat: no-repeat, no-repeat;
  transition-timing-function: var(--transition-easing);
  transition-duration: var(--transition-default);
  transition-property: background-size, opacity;
  display: flex;
  align-items: center;
  color: var(--color);
}
.nav .nav__content .nav__item--active, .nav .nav__content .nav__item:focus, .nav .nav__content .nav__item:hover {
  background-position: 50% var(--underline-top);
  background-size: 100% clamp(1px, var(--underline-width), var(--underline-width));
  transition-duration: var(--transition-fast);
}
.nav .nav__content .nav__item.hover {
  transition-duration: 0.1s;
}
.nav .nav__content .nav__item--services::before {
  content: "Verhuur";
}
.body[data-pagetype=rental-item] .nav .nav__content .nav__item--services::before, .body[data-pagetype=rental] .nav .nav__content .nav__item--services::before {
  content: "Zaalverhuur";
}
.body[data-pagetype=workplaces] .nav .nav__content .nav__item--services::before {
  content: "Werkplekken";
}
.nav .nav__content .nav__item--locations::before {
  content: "Locaties";
}
.body[data-pagetype=t] .nav .nav__content .nav__item--locations::before {
  content: "Beton-T";
}
.body[data-pagetype=k] .nav .nav__content .nav__item--locations::before {
  content: "Keiland";
}
.body[data-pagetype=xl] .nav .nav__content .nav__item--locations::before {
  content: "XL";
}
.nav .nav__content .nav__item--sub {
  margin-bottom: 0.4em;
}
.body--b:not(.body--nav) .nav .nav__content .nav__item {
  --color: var(--colors-text-two);
}
.nav .nav__content .nav__item--door {
  position: relative;
  margin-right: 0.65em;
}
.nav .nav__content .nav__item .nav__item-door {
  aspect-ratio: 1/2.2;
  clip-path: polygon(0 14%, 100% 0%, 100% 86%, 0% 100%);
  position: absolute;
  left: calc(100% + 0.3em);
  display: inline-block;
  width: 0.35em;
  background-color: var(--colors-text-one);
}
.nav .nav__content .nav__parent {
  position: relative;
  display: flex;
  align-items: center;
}
.nav .nav__content .nav__parent::after {
  pointer-events: none;
  content: "";
  position: absolute;
  right: 0;
  transform: rotate(135deg);
  width: 0.8rem;
  height: 0.8rem;
  border: var(--colors-text-one) 2px solid;
  border-style: solid solid none none;
  transition: transform var(--transition-default) var(--transition-easing);
}
.nav .nav__content .nav__parent:has(.nav__item--services) {
  width: 7.2em;
}
.nav .nav__content .nav__parent:has(.nav__item--locations) {
  width: 4.8em;
}
.nav .nav__content .nav__parent .nav__item-subs {
  pointer-events: none;
  position: absolute;
  top: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 1.4em;
  opacity: 0;
  transition: opacity var(--transition-default);
}
.nav .nav__content .nav__parent--active::after {
  transform: rotate(-45deg);
}
.nav .nav__content .nav__parent--active .nav__item-subs {
  pointer-events: auto;
  opacity: 1;
}
@media (max-width: 1023px) {
  .nav {
    flex-direction: row;
    justify-content: space-between;
    padding: calc(var(--padding) * 1) var(--gutter);
  }
  .nav .nav__content {
    --lineheight: 1.2;
    --underline-width: 0.06em;
    font-size: var(--font-size-medium);
    pointer-events: none;
    position: fixed;
    top: 0;
    left: 0;
    transform: scale(1.1);
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: var(--colors-bg-two);
    transition-timing-function: ease, var(--transition-easing-in);
    transition-duration: var(--transition-default);
    transition-property: opacity, transform;
  }
  .nav .nav__content .nav__item {
    --color: var(--colors-text-two);
    --bg-color: var(--colors-bg-two);
    --underline-width: 2px;
    color: var(--color);
    text-shadow: calc(var(--shadow-width) * -1) calc(var(--shadow-width) * -1) var(--bg-color), calc(var(--shadow-width) * -1) calc(var(--shadow-width) * 1) var(--bg-color), calc(var(--shadow-width) * 1) calc(var(--shadow-width) * -1) var(--bg-color), calc(var(--shadow-width) * 1) calc(var(--shadow-width) * 1) var(--bg-color), calc(var(--shadow-width) * -1.5) 0 var(--bg-color), calc(var(--shadow-width) * 1.5) 0 var(--bg-color), 0 calc(var(--shadow-width) * 1) var(--bg-color), 0 calc(var(--shadow-width) * -1) var(--bg-color);
    margin: 0.3em 0;
  }
  .nav .nav__content .nav__item--t {
    --color: var(--colors-theme-yellow);
  }
  .nav .nav__content .nav__item--xl {
    --color: var(--colors-theme-blue);
  }
  .nav .nav__content .nav__item--k {
    --color: var(--colors-theme-green);
  }
  .nav .nav__content .nav__item--x {
    --color: var(--colors-theme-red);
  }
  .nav .nav__content .nav__item--kt {
    --color: var(--colors-theme-pink);
  }
  .nav .nav__content .nav__item--selected {
    display: none;
  }
  .nav .nav__content .nav__item--door {
    --color: var(--colors-theme-pink);
  }
  .nav .nav__content .nav__parent {
    width: auto !important;
  }
  .nav .nav__content .nav__parent::after {
    content: none;
  }
  .nav .nav__content .nav__parent .nav__item-subs {
    pointer-events: none;
    position: relative;
    align-items: center;
    margin-top: 0;
    opacity: 1;
  }
  .body--nav .nav .nav__content {
    pointer-events: auto;
    transform: none;
    opacity: 1;
    transition-timing-function: ease, var(--transition-easing-out);
  }
  .body--nav .nav .nav__content .nav__parent .nav__item-subs {
    pointer-events: auto;
  }
}
@media (max-height: 550px) {
  .nav .nav__content {
    --lineheight: 1.5;
    font-size: var(--font-size-book);
  }
  .nav .nav__content .nav__item {
    --underline-width: 1px;
  }
}

.search-tags {
  margin-bottom: calc(var(--lineheight) * 1em);
}
.search-tags--hidden {
  display: none;
}
.search-tags .search-tags__header {
  margin-right: 2rem;
  margin-bottom: 0.7rem;
}
.search-tags .search-tags__tags {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 0.8em;
  margin-bottom: 2.4rem;
}
.search-tags .search-tags__tags--buttons {
  font-size: var(--font-size-small);
  margin: 0.3em -0.2em;
}
.body--safari .search-tags .search-tags__tags {
  margin-top: 0.4em;
}
.search-tags--2 .search-tags__tags {
  display: block;
  column-count: 2;
}
@media (max-width: 599px) {
  .search-tags--2 .search-tags__tags {
    columns: 1;
  }
}

.search {
  position: relative;
  z-index: 2;
  margin-bottom: calc(var(--padding) * 0.5 + 0.25em);
}
.search .search__bar {
  position: relative;
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  padding: calc(var(--font-size-book) * 0.7) var(--font-size-book);
  background-color: var(--colors-bg-one);
  border-radius: 2em;
  transition: border-radius var(--transition-default) var(--transition-slow);
}
.body--safari .search .search__bar {
  min-height: 5.4rem;
}
.search .search__bar .search__bar__btn {
  margin-right: var(--font-size-book);
}
.search .search__bar .search__bar__btn svg {
  display: block;
}
.search .search__bar .search__bar__explanation {
  overflow: hidden;
  width: var(--search-input-width);
  line-height: 1.2;
  white-space: nowrap;
  opacity: var(--hover-opacity);
  transition: width var(--transition-slow) var(--transition-easing);
}
.search .search__bar .search__bar__explanation::after {
  content: attr(data-content);
}
.body--touch .search .search__bar .search__bar__explanation::after {
  content: "Zoeken";
}
.body--touch .search .search__bar .search__bar__explanation {
  font-size: 1.6rem;
}
.search .search__list {
  position: absolute;
  z-index: 1;
  overflow: hidden;
  width: 100%;
  height: 0;
  min-height: 0;
  background-color: var(--colors-bg-one);
  border-radius: 0 0 calc(var(--border-radius) * 1) calc(var(--border-radius) * 1);
  box-shadow: 0 6px 8px 0 transparent;
  transition-timing-function: var(--transition-easing);
  transition-duration: var(--transition-slow);
  transition-property: height, min-height, box-shadow;
}
.search .search__list .search__list__scroll {
  overflow-y: auto;
  height: 100%;
  padding: 0 var(--font-size-book);
}
.body--touch .search .search__list .search__list__scroll {
  overflow-y: scroll;
}
.search .search__list .search__list__content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: var(--padding) var(--padding) 0;
  border-top: transparent 1px solid;
  transition: border-color var(--transition-slow);
}
.search .search__list .search__list__content .search__list__column {
  width: calc(33.3333% - var(--gutter) * 0.5);
}
.search .search__list .search__list__content .search__list__column--double {
  width: calc(66.6666% - var(--gutter) * 0.5);
}
.search .search__list .search__list__empty {
  --lineheight: 1.2;
  font-size: var(--font-size-normal);
  display: none;
  margin-top: 1em;
  text-align: center;
}
.search .search__list .search__list__empty--visible {
  display: block;
}
.search .search__list .search__list__empty-set {
  display: inline-block;
  margin: 1em 0 0.5em;
}
.search .search__list .search__close {
  pointer-events: none;
  position: absolute;
  top: 0;
  right: 0;
  padding: var(--font-size-book);
  opacity: 0;
  transition: opacity var(--transition-default);
}
.body--scrollbar .search .search__list .search__close {
  top: 0.6rem;
  right: 2.2rem;
  border: var(--colors-text-one) 2px solid;
}
.body--scrollbar .search .search__list .search__close .search__close__icon {
  margin-top: 0.9rem;
}
.search .search__list .search__close.hover, body:not(.body--touch) .search .search__list .search__close:focus, body:not(.body--touch) .search .search__list .search__close:hover {
  opacity: var(--hover-opacity);
  transition-duration: var(--transition-fast);
}
.search .search__list .search__close.hover {
  transition-duration: 0.1s;
}
.search--active .search__bar {
  border-radius: 2em 2em 0 0;
  transition-delay: 0s;
  transition-duration: var(--transition-fast);
}
.search--active .search__bar .search__bar__explanation {
  width: 0;
}
.search--active .search__list {
  height: calc(100vh - 36rem);
  min-height: 24rem;
  box-shadow: 0 6px 8px 0 var(--colors-theme-shadow);
}
.search--active .search__list .search__list__content {
  border-top: var(--colors-text-grey) 1px solid;
}
.search--active .search__list .search__close {
  pointer-events: auto;
  opacity: 1;
}
.search--filled .search__bar .search__bar__explanation {
  width: 0;
}
@media (max-width: 1023px) {
  .search .search__list .search__list__content {
    padding: var(--padding) 0 0;
  }
}
@media (max-width: 599px) {
  .body--safari .search .search__bar {
    min-height: initial;
  }
  .search .search__list .search__list__content .search__list__column {
    width: calc(50% - var(--gutter) * 0.5);
  }
}
@media (max-width: 374px) {
  .search .search__list .search__list__content .search__list__column {
    width: calc(100% - var(--gutter) * 0.5);
  }
}

.section {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: calc(var(--padding) * 6) var(--gutter) calc(var(--padding) * 4);
  background-color: var(--colors-bg-three);
}
.section--t {
  background-color: var(--colors-theme-yellow);
}
.section--xl {
  background-color: var(--colors-theme-blue);
}
.section--k {
  background-color: var(--colors-theme-green);
}
.section--x {
  background-color: var(--colors-theme-red);
}
.section--w {
  background-color: var(--colors-bg-one);
}
.section--b {
  background-color: var(--colors-bg-two);
}
.section--kt {
  background-color: var(--colors-theme-pink);
}
.section--ktd {
  color: var(--colors-text-two);
  background-color: var(--colors-theme-dark-pink);
}
.section--ktd svg path,
.section--ktd svg line {
  stroke: var(--colors-text-two);
}
.section--none + .section--none, .section--t + .section--t, .section--xl + .section--xl, .section--k + .section--k, .section--x + .section--x, .section--w + .section--w, .section--b + .section--b, .section--kt + .section--kt {
  padding-top: 0;
}
.section--margin-small {
  margin-top: calc(var(--padding) * -4);
  padding-bottom: 0;
}
.section--cbs + .section {
  margin-top: calc(var(--padding) * -4);
}
.section--full-slider {
  padding-right: 0;
  padding-left: 0;
}

.start {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100vw;
  max-height: var(--window-height);
  padding: calc(var(--nav-height) + var(--padding)) calc(var(--gutter) * 2) var(--padding);
}
.start--t {
  background-color: var(--colors-theme-yellow);
}
.start--xl {
  background-color: var(--colors-theme-blue);
}
.start--k {
  background-color: var(--colors-theme-green);
}
.start--x {
  background-color: var(--colors-theme-red);
}
.start--w {
  background-color: var(--colors-bg-one);
}
.start--b {
  background-color: var(--colors-bg-two);
}
.start--kt {
  background-color: var(--colors-theme-pink);
}
.start--ktd {
  color: var(--colors-text-two);
  background-color: var(--colors-theme-dark-pink);
}
.start--ktd svg path,
.start--ktd svg line {
  stroke: var(--colors-text-two);
}
.body[data-pagetype=home] .start {
  height: auto;
  min-height: var(--window-height);
  max-height: none;
  padding-right: var(--gutter);
  padding-left: var(--gutter);
}
.start .start__spacer {
  flex-grow: 1;
}
.start .start__media {
  position: absolute;
  top: 0;
  width: calc(100% - var(--gutter) * 2);
  height: calc(100% - var(--nav-height) - var(--padding) * 1);
  margin: var(--nav-height) var(--gutter) var(--padding);
  object-fit: cover;
  transition: clip-path var(--transition-slow) var(--transition-easing);
}
.start .start__media--xl {
  clip-path: polygon(100% 0, 100% 50%, 100% 100%, 0% 100%, 0% 50%, 0% 0%);
}
.start .start__media--k {
  clip-path: polygon(0% 0%, 100% 0, 100% 50%, 100% 100%, 0% 100%);
}
.start .start__media--t {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 85% 100%, 85% 100%, 15% 100%, 15% 100%, 0 100%);
}
.start .start__media--kt {
  clip-path: polygon(0 0, 100% 0, 100% 80%, 100% 100%, 0 100%, 0 20%);
}
.start--animated .start__media--xl {
  clip-path: polygon(100% 0, 75% 50%, 100% 100%, 0% 100%, 25% 50%, 0% 0%);
}
.start--animated .start__media--k {
  clip-path: polygon(0% 0%, 100% 0, 50% 50%, 100% 100%, 0% 100%);
}
.start--animated .start__media--t {
  clip-path: polygon(0 0, 100% 0, 100% 75%, 85% 75%, 85% 100%, 15% 100%, 15% 75%, 0 75%);
}
.start--animated .start__media--ktd, .start--animated .start__media--kt {
  clip-path: polygon(45% 0, 100% 0, 100% 80%, 55% 100%, 0 100%, 0% 20%);
}

.table {
  --left-width: 1;
  --right-width: 1;
  width: 100%;
  margin-bottom: calc(var(--padding) * 2);
}
.table tr {
  display: flex;
}
.table tr td {
  width: 0;
}
.table tr td:first-child {
  flex-grow: var(--left-width);
  margin-right: 1em;
  padding: 0.25em 0 0.75em;
  font-weight: bold;
  line-height: 1;
}
.table tr td:last-child {
  flex-grow: var(--right-width);
  line-height: var(--lineheight);
}
.table--contact {
  font-size: var(--font-size-small);
}
.table--contact tr td:first-child {
  width: 1rem;
}
.block .table {
  margin: 0.5em 0 0;
}
.block .table--margin {
  margin-bottom: var(--padding);
}
@container (max-width: 320px) {
  .block .table {
    font-size: var(--font-size-small);
  }
}
.block .table tr:not(:last-child) {
  border-bottom: 1px solid var(--colors-bg-three);
}
.block .table tr td:first-child, .block .table tr td:last-child {
  padding: 0.25em 0;
  font-weight: normal;
  line-height: var(--lineheight);
}
@media (max-width: 599px) {
  .content--narrow .table {
    font-size: var(--font-size-small);
  }
}

.tags {
  margin-bottom: 1em;
}
.tags--center, .tags--left {
  pointer-events: none;
}
.tags--center {
  margin-bottom: calc(var(--padding) * 2);
  text-align: center;
}
.tags--left {
  margin-left: -0.2em;
}
.event .tags {
  margin-bottom: 0.2em;
}
.tags .tags__date {
  font-size: var(--font-size-small);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  display: inline-block;
  margin-right: 0.2em;
}

.tenants {
  overflow: hidden;
  height: calc(15rem + 35vh);
}
@keyframes tenants-left {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
.tenants .tenants__container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  height: 100%;
  transition: transform var(--transition-slow) var(--transition-easing);
}
.tenants .tenants__row {
  display: flex;
  margin: calc(var(--padding) * 1) 0;
  white-space: nowrap;
}
.tenants .tenants__row:nth-child(2) {
  position: relative;
  left: -10rem;
}
.tenants .tenants__repeater {
  --lineheight: 1;
  font-size: var(--font-size-xl);
  letter-spacing: -0.03em;
  display: flex;
  align-items: center;
  white-space: nowrap;
  animation: tenants-left var(--tenants-duration) linear infinite;
}
.tenants .tenants__repeater .tenants__item {
  position: relative;
  overflow: hidden;
  display: flex;
  margin-right: calc(var(--gutter) * 3);
  border-radius: var(--border-radius);
}
.tenants .tenants__repeater .tenants__item:nth-child(3n+0) {
  top: -4rem;
}
.tenants .tenants__repeater .tenants__item:nth-child(3n+1) {
  top: 2rem;
}
.tenants .tenants__repeater .tenants__item:nth-child(3n+2) {
  top: 4rem;
}
.tenants .tenants__repeater .tenants__item:nth-child(3n+3) {
  top: -2rem;
}
.tenants .tenants__repeater .tenants__item .tenants__item-content {
  max-width: calc(25rem + 5vw);
  max-height: calc(20rem + 5vw);
}

.back-btn {
  display: inline-flex;
  margin-bottom: calc(var(--padding) * 2);
}
.back-btn svg {
  width: 0.6em;
  height: auto;
  transition: transform var(--transition-slow) var(--transition-easing);
}
.back-btn svg path,
.back-btn svg line {
  stroke-width: 4px;
}
.back-btn.hover svg, body:not(.body--touch) .back-btn:focus svg, body:not(.body--touch) .back-btn:hover svg {
  transform: translateX(0.3em);
  transition-duration: var(--transition-fast);
}
.back-btn.hover svg {
  transition-duration: 0.1s;
}
.back-btn--aligned {
  position: sticky;
  top: min(-1px, var(--inner-height) - var(--element-height));
  padding-top: var(--nav-height);
  z-index: 2;
  margin-top: 0.3em;
  margin-bottom: calc(var(--main-height) * -1 + var(--padding) * 10);
}
.back-btn .back-btn__icon {
  transform: rotate(180deg);
  display: inline-block;
}
.back-btn .back-btn__text {
  margin-left: 0.5em;
}
.back-btn--active .back-btn__text, .back-btn.hover .back-btn__text, body:not(.body--touch) .back-btn:focus .back-btn__text, body:not(.body--touch) .back-btn:hover .back-btn__text {
  background-position: 0 var(--underline-top);
  background-size: 0% clamp(1px, var(--underline-width), var(--underline-width));
  transition-duration: var(--transition-fast);
}
.back-btn.hover .back-btn__text {
  transition-duration: 0.1s;
}
@media (max-width: 1023px) {
  .back-btn {
    margin-top: 0;
    margin-bottom: calc(var(--padding) * 2);
  }
}

.block {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 100%;
  background-color: var(--colors-text-two);
  border-radius: var(--border-radius);
  box-shadow: 0 6px 8px 0 transparent;
  transition-timing-function: var(--transition-easing);
  transition-duration: var(--transition-fast);
  transition-property: transform, box-shadow;
}
.block--t {
  background-color: var(--colors-theme-yellow);
}
.block--xl {
  background-color: var(--colors-theme-blue);
}
.block--k {
  background-color: var(--colors-theme-green);
}
.block--x {
  background-color: var(--colors-theme-red);
}
.block--w {
  background-color: var(--colors-bg-one);
}
.block--b {
  background-color: var(--colors-bg-two);
}
.block--kt {
  background-color: var(--colors-theme-pink);
}
.block--ktd {
  color: var(--colors-text-two);
  background-color: var(--colors-theme-dark-pink);
}
.block--ktd svg path,
.block--ktd svg line {
  stroke: var(--colors-text-two);
}
.block--reverse {
  flex-direction: column-reverse;
}
.block .block__text {
  position: relative;
  container-type: inline-size;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-start;
  width: 100%;
  padding: var(--font-size-book);
  text-align: left;
}
.block .block__text .block__text-type {
  margin-bottom: 0.8em;
}
.block .block__text .block__text-title,
.block .block__text .block__text-intro,
.block .block__text .block__text-text {
  max-width: calc(var(--max-content) * 0.3);
}
.block .block__text .block__text-title:last-child,
.block .block__text .block__text-intro:last-child,
.block .block__text .block__text-text:last-child {
  margin-bottom: 0;
}
.block .block__text .block__text-title {
  --lineheight: 1.1;
  --underline-width: 0.06em;
  font-size: var(--font-size-large);
  margin-bottom: 0.2em;
  text-wrap: balance;
}
.columns__item--1-3 .block .block__text .block__text-title {
  --lineheight: 1.2;
  --underline-width: 0.06em;
  font-size: var(--font-size-medium);
}
.block .block__text .block__text-intro {
  --lineheight: 1.2;
  font-size: var(--font-size-normal);
  margin-bottom: 1em;
  line-height: var(--lineheight);
  text-wrap: balance;
}
.block .block__text .block__text-intro--close {
  margin-bottom: 0.2em;
}
.block .block__text .block__text-text {
  flex-grow: 1;
  margin-bottom: 1em;
  line-height: 1.2;
}
.block .block__text .block__text-date {
  font-size: var(--font-size-small);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--colors-text-grey);
}
.block .block__text .block__text-meta {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}
.block .block__text .block__text-logo {
  margin-bottom: 0.5em;
}
.block .block__text .block__text-logo svg {
  width: 100%;
  height: auto;
}
.block .block__text .block__text-logo svg path,
.block .block__text .block__text-logo svg rect {
  fill: var(--colors-text-one);
}
@container (max-width: 320px) {
  .block .block__text .block__text-title {
    --lineheight: 1.2;
    --underline-width: 0.06em;
    font-size: var(--font-size-medium);
  }
  .columns__item--1-3 .block .block__text .block__text-title {
    --lineheight: 1.2;
    font-size: var(--font-size-normal);
  }
  .block .block__text .block__text-intro {
    --lineheight: 1.5;
    font-size: var(--font-size-book);
  }
  .block .block__text .block__text-type,
  .block .block__text .block__text-text {
    font-size: var(--font-size-small);
  }
}
.block--t .block__text .block__text-title {
  margin-bottom: 0.8em;
}
.block .block__media {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-grow: 1;
  width: 100%;
}
.block .block__media .block__media-content {
  max-width: 100%;
  transition: transform calc(var(--transition-slow));
}
.block .block__media .block__media-content--adjusted {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.block .block__media .block__media-tags {
  font-size: var(--font-size-small);
  pointer-events: none;
  position: absolute;
  bottom: 0;
  padding: calc(var(--font-size-book) - 0.2em);
  text-wrap: balance;
}
.block .block__media .block__media-tags--no-media {
  position: relative;
  padding-bottom: 0;
}
.block .block__tenants {
  background-color: var(--colors-bg-two);
  transition: background-color var(--transition-fast);
}
.block--vacancy .block__text, .block--space .block__text, .block--more-space .block__text {
  padding-top: calc(var(--font-size-book) * 2);
  padding-bottom: calc(var(--font-size-book) * 1.5);
}
.block--vacancy .block__text {
  aspect-ratio: 1/1;
}
.block--still-svg .block__media {
  flex-grow: 0;
}
.block--still-svg .block__media .block__media-tags {
  z-index: 1;
  top: 0;
  right: 0;
  bottom: auto;
  text-align: right;
}
.block--still-svg .block__text {
  flex-grow: 1;
}
.block--still-svg .block__text .block__text-title {
  flex-grow: 1;
}
.block:not(div) svg {
  width: 0.6em;
  height: auto;
  transition: transform var(--transition-slow) var(--transition-easing);
}
.block:not(div) svg path,
.block:not(div) svg line {
  stroke-width: 4px;
}
.block:not(div).hover svg, body:not(.body--touch) .block:not(div):focus svg, body:not(.body--touch) .block:not(div):hover svg {
  transform: translateX(0.3em);
  transition-duration: var(--transition-fast);
}
.block:not(div).hover svg {
  transition-duration: 0.1s;
}
.block:not(div).hover:not(.block--full), body:not(.body--touch) .block:not(div):focus:not(.block--full), body:not(.body--touch) .block:not(div):hover:not(.block--full) {
  transform: scale(1.03);
  box-shadow: 0 6px 8px 0 var(--colors-theme-shadow);
}
.block:not(div).hover .block__tenants, body:not(.body--touch) .block:not(div):focus .block__tenants, body:not(.body--touch) .block:not(div):hover .block__tenants {
  background-color: var(--colors-bg-four);
}
.block:not(div).hover .block__tenants .tenants__container, body:not(.body--touch) .block:not(div):focus .block__tenants .tenants__container, body:not(.body--touch) .block:not(div):hover .block__tenants .tenants__container {
  transform: scale(1.05);
}
.block:not(div).hover .block__media .block__media-content, body:not(.body--touch) .block:not(div):focus .block__media .block__media-content, body:not(.body--touch) .block:not(div):hover .block__media .block__media-content {
  transform: scale(1.06);
}
.block:not(div).hover {
  transition-duration: 0.1s;
}
.block:not(div).hover .block__media .block__media-content {
  transition-duration: 0.1s;
}
@media (max-width: 1023px) {
  .block .block__media .block__media-content--adjusted {
    position: relative;
    width: 100%;
    height: auto;
  }
}
@media (max-width: 599px) {
  .block .block__media .block__media-content {
    max-height: calc(100vw - var(--gutter) * 2);
  }
  .block:not(div).hover, body:not(.body--touch) .block:not(div):focus, body:not(.body--touch) .block:not(div):hover {
    transform: scale(1.03);
  }
  .block-swiper .block {
    width: 100vw;
    max-width: calc(100vw - var(--gutter) * 3);
  }
}

.button {
  --color: var(--colors-text-two);
  position: relative;
  display: inline-block;
  padding: 1em;
  font-weight: bold;
  color: var(--color);
  background-color: var(--colors-bg-two);
  border-radius: 10rem;
  box-shadow: 0 2px 4px 0 transparent;
  transition-timing-function: var(--transition-easing);
  transition-duration: var(--transition-fast);
  transition-property: transform, box-shadow, opacity, background-color;
}
.button--t {
  background-color: var(--colors-theme-yellow);
}
.button--xl {
  background-color: var(--colors-theme-blue);
}
.button--k {
  background-color: var(--colors-theme-green);
}
.button--x {
  background-color: var(--colors-theme-red);
}
.button--w {
  background-color: var(--colors-bg-one);
}
.button--b {
  background-color: var(--colors-bg-two);
}
.button--kt {
  background-color: var(--colors-theme-pink);
}
.button--ktd {
  color: var(--colors-text-two);
  background-color: var(--colors-theme-dark-pink);
}
.button--ktd svg path,
.button--ktd svg line {
  stroke: var(--colors-text-two);
}
.button svg {
  width: 0.6em;
  height: auto;
  transition: transform var(--transition-slow) var(--transition-easing);
}
.button svg path,
.button svg line {
  stroke-width: 4px;
}
.button.hover svg, body:not(.body--touch) .button:focus svg, body:not(.body--touch) .button:hover svg {
  transform: translateX(0.3em);
  transition-duration: var(--transition-fast);
}
.button.hover svg {
  transition-duration: 0.1s;
}
.button--tag {
  font-size: var(--font-size-small);
  display: inline-block;
  margin: 0.2em;
  padding: 0.7em 0.8em;
  font-weight: bold;
}
a .button {
  pointer-events: none;
}
.buttons .button {
  margin: 0 calc(var(--gutter) * 0.5) var(--padding);
}
.buttons--left .button {
  margin: 0 var(--gutter) var(--padding) 0;
}
.buttons--right .button {
  margin: 0 0 var(--padding) var(--gutter);
}
.mix__text-intro--xl + .button {
  margin: var(--padding) 0;
}
.mix__text-small + .button {
  margin: calc(var(--padding) * 0.5) 0;
}
.block__text .button {
  margin: 1em 0 0;
}
.nav__item-subs .button {
  margin: 0.2em 0;
  font-weight: bold;
  white-space: nowrap;
}
.button .button__text-large {
  --lineheight: 1.2;
  font-size: var(--font-size-normal);
}
.button svg {
  margin-left: 0.1em;
}
.button svg path,
.button svg line {
  stroke: var(--colors-text-two);
}
.block--space .block__media .button svg path,
.block--space .block__media .button svg line {
  fill: var(--colors-text-two);
}
.button--w, .button--t, .button--xl, .button--k, .button--x, .button--kt {
  --color: var(--colors-text-one);
}
.button--w svg path,
.button--w svg line, .button--t svg path,
.button--t svg line, .button--xl svg path,
.button--xl svg line, .button--k svg path,
.button--k svg line, .button--x svg path,
.button--x svg line, .button--kt svg path,
.button--kt svg line {
  stroke: var(--color);
}
.nav .button {
  font-weight: normal;
}
.nav .button svg {
  display: none;
}
.footer .button, .button.nav__button--active, .button--active {
  --color: var(--colors-text-one);
  color: var(--color);
  background-color: var(--colors-bg-one);
}
.footer .button svg path,
.footer .button svg line, .button.nav__button--active svg path,
.button.nav__button--active svg line, .button--active svg path,
.button--active svg line {
  stroke: var(--colors-text-one);
}
.button.hover, body:not(.body--touch) .button:focus, body:not(.body--touch) .button:hover {
  transform: translateY(-0.15em);
  box-shadow: 0 2px 4px 0 var(--colors-theme-shadow);
}
.button.hover {
  transition-duration: 0.1s;
}
.filter .button svg, .block--space .block__media .button svg {
  width: 0.9em;
}
.filter .button svg path,
.filter .button svg line, .block--space .block__media .button svg path,
.block--space .block__media .button svg line {
  stroke: none;
}
.filter .button.hover svg, body:not(.body--touch) .filter .button:focus svg, body:not(.body--touch) .filter .button:hover svg, .block--space .block__media .button.hover svg, body:not(.body--touch) .block--space .block__media .button:focus svg, body:not(.body--touch) .block--space .block__media .button:hover svg {
  transform: none;
}
.block--space .block__media .button svg {
  margin: 0 -3px;
}
.filter .button {
  color: var(--color);
  margin-bottom: 0.5em;
  color: var(--colors-text-one);
  background-color: var(--colors-bg-one);
}
.filter .button--t {
  --color: var(--colors-theme-yellow);
}
.filter .button--xl {
  --color: var(--colors-theme-blue);
}
.filter .button--k {
  --color: var(--colors-theme-green);
}
.filter .button--x {
  --color: var(--colors-theme-red);
}
.filter .button--kt {
  --color: var(--colors-theme-pink);
}
.filter .button--active {
  color: var(--colors-text-two);
  background-color: var(--colors-bg-two);
}
.filter .button--active svg path {
  fill: var(--colors-text-two);
}
.filter .button--t, .filter .button--xl, .filter .button--k, .filter .button--x, .filter .button--kt {
  --color: var(--colors-text-one);
  background-color: var(--colors-bg-one);
}
.filter .button--t.button--active, .filter .button--xl.button--active, .filter .button--k.button--active, .filter .button--x.button--active, .filter .button--kt.button--active {
  color: var(--colors-text-one);
}
.filter .button--t:hover, .filter .button--t.button--active {
  background-color: var(--colors-theme-yellow);
}
.filter .button--xl:hover, .filter .button--xl.button--active {
  background-color: var(--colors-theme-blue);
}
.filter .button--k:hover, .filter .button--k.button--active {
  background-color: var(--colors-theme-green);
}
.filter .button--x:hover, .filter .button--x.button--active {
  background-color: var(--colors-theme-red);
}
.filter .button--kt:hover, .filter .button--kt.button--active {
  background-color: var(--colors-theme-pink);
}
@media (max-width: 1023px) {
  .nav .button {
    --lineheight: 1.2;
    font-size: var(--font-size-normal);
    margin-top: 0.6em;
    color: var(--colors-text-one);
    background-color: var(--colors-bg-one);
  }
  .nav .button svg {
    display: inline-block;
  }
  .nav .button svg path,
  .nav .button svg line {
    stroke: var(--colors-text-one);
  }
}
@media (max-height: 550px) {
  .nav .button {
    font-size: var(--font-size-small);
    display: inline-block;
    margin: 0.2em;
    padding: 0.7em 0.8em;
    font-weight: bold;
  }
}

.cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.date {
  font-size: var(--font-size-small);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 1em;
  line-height: var(--lineheight);
}

.event {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: var(--padding);
  padding: var(--font-size-book);
  background-color: var(--colors-bg-one);
  border-radius: var(--border-radius);
  box-shadow: 0 6px 8px 0 transparent;
  transition-timing-function: var(--transition-easing);
  transition-duration: var(--transition-fast);
  transition-property: transform, box-shadow;
}
.event svg {
  width: 0.6em;
  height: auto;
  transition: transform var(--transition-slow) var(--transition-easing);
}
.event svg path,
.event svg line {
  stroke-width: 4px;
}
.event.hover svg, body:not(.body--touch) .event:focus svg, body:not(.body--touch) .event:hover svg {
  transform: translateX(0.3em);
  transition-duration: var(--transition-fast);
}
.event.hover svg {
  transition-duration: 0.1s;
}
.event .event__media {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30%;
  min-height: calc(var(--event-media-width) / 3 * 2);
}
.event .event__media::after {
  content: "";
  position: absolute;
  z-index: 1;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  border: 1px solid #fff;
}
.event .event__media .event__media-content {
  max-width: 100%;
  max-height: calc(var(--event-media-width) / 4 * 3);
  object-fit: cover;
  transition: transform calc(var(--transition-slow));
}
.event .event__text {
  container-type: inline-size;
  width: calc(70% - var(--gutter));
  padding: 0 var(--gutter);
}
.event .event__text .event__text-title {
  --lineheight: 1.2;
  font-size: var(--font-size-normal);
  margin-bottom: 0.5em;
  line-height: var(--lineheight);
  text-wrap: balance;
}
@container (max-width: 320px) {
  .event .event__text .event__text-title {
    --lineheight: 1.5;
    font-size: var(--font-size-book);
  }
}
.event--active, .event.hover, body:not(.body--touch) .event:focus, body:not(.body--touch) .event:hover {
  transform: scale(1.02);
  box-shadow: 0 6px 8px 0 var(--colors-theme-shadow);
}
.event--active svg, .event.hover svg, body:not(.body--touch) .event:focus svg, body:not(.body--touch) .event:hover svg {
  transform: translateX(0.3em);
  transition-duration: var(--transition-fast);
}
.event--active .event__media, .event.hover .event__media, body:not(.body--touch) .event:focus .event__media, body:not(.body--touch) .event:hover .event__media {
  transition-duration: var(--transition-default);
}
.event--active .event__media--xl, .event.hover .event__media--xl, body:not(.body--touch) .event:focus .event__media--xl, body:not(.body--touch) .event:hover .event__media--xl {
  clip-path: polygon(100% 0, 100% 50%, 100% 100%, 0% 100%, 0% 50%, 0% 0%);
}
.event--active .event__media--k, .event.hover .event__media--k, body:not(.body--touch) .event:focus .event__media--k, body:not(.body--touch) .event:hover .event__media--k {
  clip-path: polygon(0% 0%, 100% 0, 100% 50%, 100% 100%, 0% 100%);
}
.event--active .event__media--t, .event.hover .event__media--t, body:not(.body--touch) .event:focus .event__media--t, body:not(.body--touch) .event:hover .event__media--t {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 85% 100%, 85% 100%, 15% 100%, 15% 100%, 0 100%);
}
.event--active .event__media--kt, .event.hover .event__media--kt, body:not(.body--touch) .event:focus .event__media--kt, body:not(.body--touch) .event:hover .event__media--kt {
  clip-path: polygon(0 0, 100% 0, 100% 80%, 100% 100%, 0 100%, 0 20%);
}
.event--active .event__media .event__media-content, .event.hover .event__media .event__media-content, body:not(.body--touch) .event:focus .event__media .event__media-content, body:not(.body--touch) .event:hover .event__media .event__media-content {
  transform: scale(1.06);
}
.event.hover {
  transition-duration: 0.1s;
}
.event.hover svg {
  transition-duration: 0.1s;
}
.event.hover .event__media .event__media-content {
  transition-duration: 0.1s;
}
@media (max-width: 1023px) {
  .event .event__text .event__text-intro {
    --lineheight: 1.2;
    font-size: var(--font-size-normal);
  }
}
@media (max-width: 599px) {
  .event {
    flex-direction: column;
    padding: calc(var(--font-size-book) * 2) var(--font-size-book) 0;
  }
  .event--reverse {
    flex-direction: column-reverse;
  }
  .event .event__text {
    width: 100%;
    margin-bottom: calc(var(--font-size-book) * 2);
    padding: 0;
  }
  .event .event__text .event__text-intro {
    --lineheight: 1.2;
    --underline-width: 0.06em;
    font-size: var(--font-size-medium);
  }
  .event .event__media {
    width: 100%;
    min-height: 0;
    margin-bottom: calc(var(--font-size-book) * 2);
  }
  .event .event__media .event__media-content {
    max-height: none;
  }
  .block-swiper .event {
    width: 100vw;
    max-width: calc(100vw - var(--gutter) * 3);
    margin-bottom: 0;
  }
}

.faq {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid var(--colors-text-one);
}
.faq .faq__q {
  --speed: var(--transition-default);
  --lineheight: 1.2;
  font-size: var(--font-size-normal);
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 0.75em 1.5em 0.75em 0;
  border-top: 1px solid var(--colors-text-one);
}
.faq .faq__q::before, .faq .faq__q::after {
  content: "";
  position: absolute;
  right: 0;
  width: 0.7em;
  height: 2px;
  background-color: var(--colors-text-one);
  transition: transform var(--speed) var(--transition-easing);
}
.faq .faq__q::before {
  transform: rotate(90deg);
}
.faq .faq__q .faq__q-text {
  text-align: left;
  transition: transform var(--speed) var(--transition-easing);
}
.faq .faq__q:first-child {
  border-top: none;
}
.faq .faq__q[data-active="1"]::before {
  transform: rotate(0deg);
}
.faq .faq__q.hover, body:not(.body--touch) .faq .faq__q:focus, body:not(.body--touch) .faq .faq__q:hover {
  --speed: var(--transition-fast);
}
.faq .faq__q.hover .faq__q-text, body:not(.body--touch) .faq .faq__q:focus .faq__q-text, body:not(.body--touch) .faq .faq__q:hover .faq__q-text {
  transform: translateX(0.5em);
}
.faq .faq__q.hover {
  --speed: 0.1s;
}
.faq .faq__a {
  padding-bottom: 1em;
}

.full-touch {
  position: fixed;
  height: 100vh;
}

.hamburger {
  --line-width: 2px;
  pointer-events: auto;
  position: relative;
  display: none;
  width: 2rem;
  height: 1.2rem;
  margin-bottom: var(--line-width);
  background-color: transparent;
  transition: transform, opacity;
  transition-timing-function: var(--transition-easing);
  transition-duration: var(--transition-default);
}
.hamburger--active, body:not(.body--touch) .hamburger:focus, body:not(.body--touch) .hamburger:hover, .hamburger.hover {
  opacity: var(--hover-opacity);
  transition-duration: var(--transition-fast);
}
.hamburger.hover {
  transition-duration: 0.1s;
}
.hamburger .hamburger__line {
  position: absolute;
  left: 0;
  width: 100%;
  height: var(--line-width);
  background-color: var(--colors-text-one);
  transition: transform, background-color;
  transition-timing-function: var(--transition-easing), linear;
  transition-duration: var(--transition-default), var(--transition-default);
}
.hamburger .hamburger__line:nth-of-type(1) {
  top: 0;
  transform-origin: top left;
}
.hamburger .hamburger__line:nth-of-type(2) {
  top: 50%;
  transform-origin: center;
}
.hamburger .hamburger__line:nth-of-type(3) {
  top: 100%;
  transform-origin: bottom left;
}
.body--nav .hamburger {
  transform: translateX(0.5rem);
}
.body--nav .hamburger .hamburger__line {
  background-color: var(--colors-text-two);
}
.body--nav .hamburger .hamburger__line:nth-of-type(1) {
  transform: rotate(45deg) scaleX(1.1) translateX(-2px);
}
.body--nav .hamburger .hamburger__line:nth-of-type(2) {
  transform: rotate(0deg) scale(0);
}
.body--nav .hamburger .hamburger__line:nth-of-type(3) {
  transform: rotate(-45deg) scaleX(1.1) translateX(-2px);
}
.body--b .hamburger .hamburger__line {
  background-color: var(--colors-text-two);
}
@media (max-width: 1023px) {
  .hamburger {
    display: block;
  }
}

.heading {
  margin-bottom: 0.5em;
}
.heading--1, .heading--2, .heading--4 {
  text-align: center;
}
.heading--1 {
  --lineheight: 1;
  font-size: var(--font-size-xl);
  letter-spacing: -0.03em;
}
.heading--2 {
  --lineheight: 1.1;
  --underline-width: 0.06em;
  font-size: var(--font-size-large);
}
.heading--3 {
  --lineheight: 1.2;
  --underline-width: 0.06em;
  font-size: var(--font-size-medium);
}
.heading--4 {
  margin-bottom: 1.5em;
}
.heading--has-subtitle {
  margin-bottom: 0.1em;
}

.loader {
  pointer-events: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  opacity: 0;
  transition: opacity var(--transition-default);
}
.loader--bottom {
  top: auto;
  bottom: 0;
}
.html--loader-pagination .loader, .html--loader-filter .loader, .html--loader .loader {
  opacity: 1;
}
.loader .loader__line {
  position: absolute;
  top: 0;
  left: 0;
  transform-origin: left;
  transform: scaleX(0);
  width: 100%;
  height: 100%;
  background-color: var(--colors-text-one);
  transition-duration: var(--transition-default);
  transition-property: transform, opacity, background-color;
}

.location {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: calc(var(--padding) * 2);
  padding: var(--gutter);
  border-radius: var(--border-radius);
  box-shadow: 0 6px 8px 0 transparent;
  transition-timing-function: var(--transition-easing);
  transition-duration: var(--transition-fast);
  transition-property: transform, box-shadow;
}
.location--t {
  background-color: var(--colors-theme-yellow);
}
.location--xl {
  background-color: var(--colors-theme-blue);
}
.location--k {
  background-color: var(--colors-theme-green);
}
.location--x {
  background-color: var(--colors-theme-red);
}
.location--w {
  background-color: var(--colors-bg-one);
}
.location--b {
  background-color: var(--colors-bg-two);
}
.location--kt {
  background-color: var(--colors-theme-pink);
}
.location--ktd {
  color: var(--colors-text-two);
  background-color: var(--colors-theme-dark-pink);
}
.location--ktd svg path,
.location--ktd svg line {
  stroke: var(--colors-text-two);
}
.location svg {
  width: 0.6em;
  height: auto;
  transition: transform var(--transition-slow) var(--transition-easing);
}
.location svg path,
.location svg line {
  stroke-width: 4px;
}
.location.hover svg, body:not(.body--touch) .location:focus svg, body:not(.body--touch) .location:hover svg {
  transform: translateX(0.3em);
  transition-duration: var(--transition-fast);
}
.location.hover svg {
  transition-duration: 0.1s;
}
.location--reverse {
  flex-direction: row-reverse;
}
.location .location__text {
  width: calc(65% - var(--gutter));
  padding: var(--gutter);
}
.location .location__text .location__text-type {
  margin-bottom: 0.8em;
}
.location .location__text .location__text-intro {
  --lineheight: 1.2;
  --underline-width: 0.06em;
  font-size: var(--font-size-medium);
  margin-bottom: 1em;
  line-height: var(--lineheight);
  text-wrap: balance;
}
.location .location__text .location__text-small {
  font-size: var(--font-size-small);
  margin-top: -1em;
  margin-bottom: 1em;
  line-height: var(--lineheight);
  text-wrap: balance;
  opacity: 0.65;
}
.location .location__media {
  will-change: clip-path;
  width: 35%;
  transition: clip-path var(--transition-slow) var(--transition-easing);
}
.location .location__media--xl {
  clip-path: polygon(100% 0, 100% 50%, 100% 100%, 0% 100%, 0% 50%, 0% 0%);
}
.location .location__media--k {
  clip-path: polygon(0% 0%, 100% 0, 100% 50%, 100% 100%, 0% 100%);
}
.location .location__media--t {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 85% 100%, 85% 100%, 15% 100%, 15% 100%, 0 100%);
}
.location .location__media--ktd, .location .location__media--kt {
  clip-path: polygon(0 0, 100% 1%, 100% 100%, 0 100%);
}
.location .location__media .location__media-content {
  transition: transform calc(var(--transition-slow));
}
.location--active svg, .location.hover svg, body:not(.body--touch) .location:focus svg, body:not(.body--touch) .location:hover svg {
  transform: translateX(0.3em);
  transition-duration: var(--transition-fast);
}
.location--active .location__media, .location.hover .location__media, body:not(.body--touch) .location:focus .location__media, body:not(.body--touch) .location:hover .location__media {
  transition-duration: var(--transition-default);
}
.location--active .location__media .location__media-content, .location.hover .location__media .location__media-content, body:not(.body--touch) .location:focus .location__media .location__media-content, body:not(.body--touch) .location:hover .location__media .location__media-content {
  transform: scale(1.06);
}
.location.hover {
  transition-duration: 0.1s;
}
.location.hover svg {
  transition-duration: 0.1s;
}
.location.hover .location__media .location__media-content {
  transition-duration: 0.1s;
}
.body--touch .location .location__media--xl, .location--active .location__media--xl, .location.hover .location__media--xl, body:not(.body--touch) .location:focus .location__media--xl, body:not(.body--touch) .location:hover .location__media--xl {
  clip-path: polygon(100% 0, 75% 50%, 100% 100%, 0% 100%, 25% 50%, 0% 0%);
}
.body--touch .location .location__media--k, .location--active .location__media--k, .location.hover .location__media--k, body:not(.body--touch) .location:focus .location__media--k, body:not(.body--touch) .location:hover .location__media--k {
  clip-path: polygon(0% 0%, 100% 0, 50% 50%, 100% 100%, 0% 100%);
}
.body--touch .location .location__media--t, .location--active .location__media--t, .location.hover .location__media--t, body:not(.body--touch) .location:focus .location__media--t, body:not(.body--touch) .location:hover .location__media--t {
  clip-path: polygon(0 0, 100% 0, 100% 75%, 85% 75%, 85% 100%, 15% 100%, 15% 75%, 0 75%);
}
.body--touch .location .location__media--ktd, .body--touch .location .location__media--kt, .location--active .location__media--ktd, .location--active .location__media--kt, .location.hover .location__media--ktd, .location.hover .location__media--kt, body:not(.body--touch) .location:focus .location__media--ktd, body:not(.body--touch) .location:focus .location__media--kt, body:not(.body--touch) .location:hover .location__media--ktd, body:not(.body--touch) .location:hover .location__media--kt {
  clip-path: polygon(45% 0, 100% 0, 100% 80%, 55% 100%, 0 100%, 0% 20%);
}
.body--touch .location .location__media--ktd, .body--touch .location .location__media--kt, .location--active .location__media--ktd, .location--active .location__media--kt, .location.hover .location__media--ktd, .location.hover .location__media--kt, body:not(.body--touch) .location:focus .location__media--ktd, body:not(.body--touch) .location:focus .location__media--kt, body:not(.body--touch) .location:hover .location__media--ktd, body:not(.body--touch) .location:hover .location__media--kt {
  clip-path: polygon(27% 13%, 73% 0, 73% 87%, 27% 100%);
}
@media (max-width: 1023px) {
  .location .location__text .location__text-intro {
    --lineheight: 1.2;
    font-size: var(--font-size-normal);
  }
  .location .location__text .location__text-type {
    font-size: var(--font-size-small);
  }
}
@media (max-width: 599px) {
  .location {
    flex-direction: column;
    padding: calc(var(--font-size-book) * 2) var(--font-size-book) 0;
  }
  .location--reverse {
    flex-direction: column-reverse;
  }
  .location--active, .location.hover, body:not(.body--touch) .location:focus, body:not(.body--touch) .location:hover {
    transform: scale(1.03);
  }
  .location .location__text {
    container-type: inline-size;
    width: 100%;
    margin-bottom: calc(var(--font-size-book) * 2);
    padding: 0;
  }
  .location .location__text .location__text-intro {
    --lineheight: 1.2;
    font-size: var(--font-size-normal);
  }
  .location .location__text .location__text-type {
    font-size: var(--font-size-small);
  }
  .location .location__media {
    width: 100%;
    margin-bottom: calc(var(--font-size-book) * 2);
  }
}

.logo {
  position: relative;
  display: flex;
  margin-bottom: calc(var(--padding) * 2);
  transition: opacity var(--transition-fast);
}
.logo--hidden {
  pointer-events: none;
  opacity: 0;
}
.html--loader .logo {
  opacity: 1;
}
.body:not(.body--touch) .start .logo {
  will-change: transform;
}
.logo--kantine {
  width: 32vh;
  max-width: 100%;
  height: calc(100% - 3em - var(--padding) * 2.5);
  margin: calc(var(--padding) * 1) auto;
}
.footer .logo, .nav .logo {
  align-self: center;
  width: calc(var(--font-size-book) * 9);
  margin-bottom: 0;
  transition-property: transform, opacity;
}
.footer .logo--active, .footer .logo.hover, body:not(.body--touch) .footer .logo:focus, body:not(.body--touch) .footer .logo:hover, .nav .logo--active, .nav .logo.hover, body:not(.body--touch) .nav .logo:focus, body:not(.body--touch) .nav .logo:hover {
  transform: scale(1.1);
}
.footer .logo.hover, .nav .logo.hover {
  transition-duration: 0.1s;
}
.nav .logo svg path {
  fill: var(--colors-text-one);
}
.logo svg {
  width: 100%;
  height: auto;
}
.logo svg path {
  transition: fill var(--transition-default);
}
.footer .logo {
  margin: 0 auto var(--padding);
}
.footer .logo svg path {
  fill: var(--colors-text-two);
}
.body--b .logo svg path {
  fill: var(--colors-text-two);
}
@media (max-width: 1023px) {
  .nav .logo svg path {
    transition: fill var(--transition-default);
  }
  .body--nav .nav .logo {
    pointer-events: auto;
    opacity: 1;
  }
  .body--nav .nav .logo svg path {
    fill: var(--colors-text-two);
  }
}

.media-swiper {
  overflow: hidden;
  width: 100%;
  margin-bottom: calc(var(--padding) * 2);
  border-radius: var(--border-radius);
}
.block .media-swiper {
  margin-bottom: 0;
  border-radius: 0;
}

.media {
  display: flex;
  justify-content: center;
  margin-bottom: calc(var(--padding) * 2);
}
.media img,
.media video {
  border-radius: var(--border-radius);
}
.media video {
  max-width: 100%;
  max-height: calc(35rem + 25vw);
}

.mix {
  margin-bottom: var(--padding);
}
.mix .mix__text {
  container-type: inline-size;
  margin-bottom: var(--padding);
}
.mix .mix__text .mix__text-title,
.mix .mix__text .mix__text-intro,
.mix .mix__text .mix__text-small {
  max-width: calc(var(--max-content) * 0.3);
}
.mix .mix__text .mix__text-title:last-child,
.mix .mix__text .mix__text-intro:last-child,
.mix .mix__text .mix__text-small:last-child {
  margin-bottom: 0;
}
.mix .mix__text .mix__text-intro {
  --lineheight: 1.2;
  --underline-width: 0.06em;
  font-size: var(--font-size-medium);
  margin-bottom: 0.6em;
  text-wrap: balance;
}
.mix .mix__text .mix__text-intro--xl {
  --lineheight: 1;
  font-size: var(--font-size-xl);
  letter-spacing: -0.03em;
  margin-bottom: 0.2em;
}
.mix .mix__text .mix__text-small {
  margin-bottom: var(--padding);
}
@container (max-width: 470px) {
  .mix .mix__text .mix__text-intro--xl {
    --lineheight: 1.1;
    --underline-width: 0.06em;
    font-size: var(--font-size-large);
  }
}
@container (max-width: 320px) {
  .mix .mix__text .mix__text-intro--xl {
    --lineheight: 1.2;
    --underline-width: 0.06em;
    font-size: var(--font-size-medium);
  }
  .mix .mix__text .mix__text-intro {
    --lineheight: 1.2;
    font-size: var(--font-size-normal);
  }
  .mix .mix__text .mix__text-small {
    font-size: var(--font-size-small);
  }
}
.mix .mix__media {
  margin-bottom: var(--padding);
  border-radius: var(--border-radius);
}

.more {
  font-weight: bold;
}
@container (max-width: 320px) {
  .more {
    font-size: var(--font-size-small);
  }
}

.price {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: var(--padding) calc(var(--padding) * 0.5);
  background-color: var(--colors-bg-two);
}
.price .price__title {
  --lineheight: 1.2;
  --underline-width: 0.06em;
  font-size: var(--font-size-medium);
  margin: 0 calc(var(--padding) * 0.5);
  color: var(--colors-text-two);
}
.price:not(:has(.price__amount)) .price__title {
  --lineheight: 1.1;
  --underline-width: 0.06em;
  font-size: var(--font-size-large);
}
.price .price__amount {
  aspect-ratio: 1/2.2;
  clip-path: polygon(0 14%, 100% 0%, 100% 86%, 0% 100%);
  --lineheight: 1.1;
  --underline-width: 0.06em;
  font-size: var(--font-size-large);
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 2em;
  margin: 0 calc(var(--padding) * 0.5) 0 auto;
  color: var(--colors-text-one);
  background-color: var(--colors-bg-one);
}

.ratio-holder {
  --ratio: 0.5625;
  width: 100%;
  max-width: calc((35rem + 25vw) / var(--ratio));
  margin: 0 auto;
}

.ratio {
  position: relative;
  overflow: hidden;
  display: block;
  width: 100%;
  height: 0;
  background-position: center;
  background-size: cover;
}
.ratio--2-1 {
  padding-bottom: 50%;
}
.ratio--16-9 {
  padding-bottom: 56.25%;
}
.ratio--3-2 {
  padding-bottom: 66.66%;
}
.ratio--4-3 {
  padding-bottom: 75%;
}
.ratio--1-1 {
  padding-bottom: 100%;
}
.ratio--3-4 {
  padding-bottom: 125%;
}
.ratio img,
.ratio video {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ratio--percentage, .ratio--cover, .ratio--contain {
  padding-bottom: var(--percentage);
}
.ratio--percentage img,
.ratio--percentage video {
  height: auto;
  object-fit: initial;
}
.ratio--cover img,
.ratio--cover video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ratio--contain img,
.ratio--contain video {
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
  border-radius: var(--border-radius);
}
.ratio .ratio__holder {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.ratio .ratio__overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  background-color: var(--colors-bg-two);
  transition: opacity var(--transition-slow);
}
.ratio .ratio__overlay--visible {
  opacity: 1;
}
.ratio .ratio__overlay .ratio__text {
  padding: 1.8rem 2.6rem;
  color: var(--colors-text-two);
}
@media (max-width: 1023px) {
  .ratio .ratio__overlay .ratio__text {
    padding: 1.1rem var(--padding);
  }
}
@media (max-width: 800px) {
  .columns__item--1-1 .ratio--16-9 {
    padding-bottom: 100%;
  }
}

.searching {
  display: flex;
  align-items: center;
  width: 0;
  transition: width var(--transition-slow) var(--transition-easing);
}
.searching .searching__input {
  overflow: hidden;
  flex-shrink: 0;
  max-width: 0;
  white-space: nowrap;
  transition: width var(--transition-slow) var(--transition-easing);
}
.searching .searching__input:has(*:focus) {
  flex-shrink: 0;
}
.searching .searching__input .searching__input__field {
  border: 0;
}
.body--touch .searching .searching__input .searching__input__field {
  border-bottom: var(--colors-text-one) 1px solid;
}
.searching .searching__input .searching__input__add {
  font-size: var(--font-size-small);
  display: inline-block;
  margin: 0.2em;
  padding: 0.7em 0.8em;
  font-weight: bold;
  margin-top: 0.125em;
  margin-bottom: 0.125em;
  padding: 0.7em 0.9em;
  border: var(--colors-text-one) 1px solid;
  border-radius: 10rem;
  transition: opacity var(--transition-fast);
}
.searching .searching__input .searching__input__add.hover, body:not(.body--touch) .searching .searching__input .searching__input__add:focus, body:not(.body--touch) .searching .searching__input .searching__input__add:hover {
  opacity: var(--hover-opacity);
}
.searching .searching__input--empty .searching__input__field {
  width: 8rem;
}
.searching .searching__input--empty .searching__input__add {
  pointer-events: none;
  opacity: 0;
}
.search--filled .searching, .search--active .searching {
  width: var(--search-input-width);
}
.search--active .searching .searching__input {
  max-width: 33rem;
}
.searching .searching__items {
  font-size: var(--font-size-small);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  min-height: calc(2.8em + 2px);
}
.searching .searching__item {
  font-size: var(--font-size-small);
  display: inline-block;
  margin: 0.2em;
  padding: 0.7em 0.8em;
  font-weight: bold;
  margin-top: 0.125em;
  margin-bottom: 0.125em;
  border-radius: 10rem;
}
.searching .searching__item--tag {
  border: var(--colors-theme-blue) 1px solid;
}
.searching .searching__item--string {
  border: var(--colors-text-one) 1px solid;
}
.searching .searching__item:has(*[data-slug=t]), .searching .searching__item:has(*[data-slug=xl]), .searching .searching__item:has(*[data-slug=k]) {
  border: 0;
}
.searching .searching__item:has(*[data-slug=t]) {
  background-color: var(--colors-theme-yellow);
}
.searching .searching__item:has(*[data-slug=xl]) {
  background-color: var(--colors-theme-blue);
}
.searching .searching__item:has(*[data-slug=k]) {
  background-color: var(--colors-theme-green);
}
.searching .searching__item .searching__item__close {
  position: relative;
  display: inline-block;
  margin-left: 0.8rem;
  transition: opacity;
  transition-duration: var(--transition-fast);
}
.body--firefox .searching .searching__item .searching__item__close {
  vertical-align: text-top;
}
.searching .searching__item .searching__item__close.hover, body:not(.body--touch) .searching .searching__item .searching__item__close:focus, body:not(.body--touch) .searching .searching__item .searching__item__close:hover {
  opacity: var(--hover-opacity);
}
@media (max-width: 599px) {
  .searching .searching__input .searching__input__field {
    padding-top: 0;
  }
}

.socials {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--padding);
}
.socials .socials__item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  margin-right: var(--gutter);
  border: 1px solid var(--colors-text-two);
  border-radius: 50%;
  transition-duration: var(--transition-default);
  transition-property: background-color;
}
.socials .socials__item svg path {
  transition: fill var(--transition-default);
}
.socials .socials__item--active, .socials .socials__item.hover, body:not(.body--touch) .socials .socials__item:focus, body:not(.body--touch) .socials .socials__item:hover {
  background-color: var(--colors-text-two);
  transition-duration: var(--transition-fast);
}
.socials .socials__item--active svg path, .socials .socials__item.hover svg path, body:not(.body--touch) .socials .socials__item:focus svg path, body:not(.body--touch) .socials .socials__item:hover svg path {
  fill: var(--colors-bg-two);
  transition-duration: var(--transition-fast);
}
.socials .socials__item.hover {
  transition-duration: 0.1s;
}
.socials .socials__item.hover svg {
  transition-duration: 0.1s;
}

.spacer {
  height: calc(var(--padding) * 4);
}
.spacer--small {
  height: calc(var(--padding) * 1);
}
.spacer--medium {
  height: calc(var(--padding) * 2);
}

.tag {
  --color: var(--colors-theme-blue);
  --bg-color: var(--colors-bg-one);
  --lineheight: 1.5;
  font-size: var(--font-size-nav);
  text-decoration: none;
  background-image: linear-gradient(var(--color), var(--color));
  background-repeat: no-repeat, no-repeat;
  transition-timing-function: var(--transition-easing);
  transition-duration: var(--transition-default);
  transition-property: background-size, opacity;
  text-shadow: calc(var(--shadow-width) * -1) calc(var(--shadow-width) * -1) var(--bg-color), calc(var(--shadow-width) * -1) calc(var(--shadow-width) * 1) var(--bg-color), calc(var(--shadow-width) * 1) calc(var(--shadow-width) * -1) var(--bg-color), calc(var(--shadow-width) * 1) calc(var(--shadow-width) * 1) var(--bg-color), calc(var(--shadow-width) * -1.5) 0 var(--bg-color), calc(var(--shadow-width) * 1.5) 0 var(--bg-color), 0 calc(var(--shadow-width) * 1) var(--bg-color), 0 calc(var(--shadow-width) * -1) var(--bg-color);
  background-position: 0 var(--underline-top);
  background-size: 0% clamp(1px, var(--underline-width), var(--underline-width));
  position: relative;
  display: table;
  max-height: 6rem;
  margin-bottom: 0.8em;
  color: var(--colors-theme-blue);
  text-align: left;
  white-space: nowrap;
}
.tag--listed {
  display: block;
}
.tag--hidden {
  display: none !important;
}
.tag--disabled, .tag--empty {
  pointer-events: none;
  opacity: var(--hover-opacity);
}
.body--safari .tag {
  break-inside: avoid;
  margin: 0.4em 0;
}
.search-tags .tag, .searching .tag, .tag--wrapping {
  white-space: normal;
}
.searching__item--string .tag {
  color: var(--colors-text-one);
}
.tag.hover, body:not(.body--touch) .tag:focus, body:not(.body--touch) .tag:hover {
  background-position: 0 var(--underline-top);
  background-size: 100% clamp(1px, var(--underline-width), var(--underline-width));
  transition-duration: var(--transition-fast);
}
.tag.hover {
  transition-duration: 0.1s;
}
@media (max-width: 599px) {
  .searching .tag {
    line-height: 2.3;
  }
}

.text {
  margin-bottom: calc(var(--padding) * 2);
}
.text--large {
  --lineheight: 1.1;
  --underline-width: 0.06em;
  font-size: var(--font-size-large);
  margin-bottom: 0.5em;
  text-align: center;
}
.footer .text--large {
  margin-bottom: calc(var(--padding) * 2);
}
.text--small {
  font-size: var(--font-size-small);
}
.footer .text--small {
  margin-bottom: 1em;
}
.events .text {
  position: relative;
  z-index: 3;
}

.ticker {
  overflow: hidden;
  background-color: var(--colors-bg-one);
}
.ticker:first-child {
  padding-top: var(--nav-height);
}
.ticker .ticker__holder {
  display: flex;
}
@keyframes ticker-left {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
.ticker .ticker__item {
  font-size: var(--font-size-xxl);
  letter-spacing: -0.03em;
  display: flex;
  align-items: center;
  padding-right: 0.5em;
  line-height: 1.4;
  white-space: nowrap;
  animation: ticker-left var(--ticker-duration) linear infinite;
}
.ticker .ticker__item .ticker__item-door {
  aspect-ratio: 1/2.2;
  clip-path: polygon(0 14%, 100% 0%, 100% 86%, 0% 100%);
  display: inline-block;
  width: 0.15em;
  margin-left: 0.5em;
  vertical-align: middle;
  background-color: var(--colors-text-one);
}

@media print {
  html,
  body {
    width: 900px;
  }
  html {
    font-size: 62.5%;
  }
  body {
    padding-top: 0;
  }
  .nav,
  .footer {
    display: none;
  }
  .text {
    padding-bottom: 1em;
  }
  section {
    page-break-inside: avoid;
  }
  .gallery-holder .gallery-holder__gallery {
    width: 100%;
  }
  .gallery {
    display: flex;
    flex-wrap: wrap;
  }
  .gallery .gallery__item {
    width: 45%;
    margin-right: 5%;
  }
  .gallery .gallery__item .gallery__item__caption {
    margin-bottom: 1em;
  }
}
:root {
  --swiper-theme-color: var(--colors-text-two);
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-left: auto;
  --swiper-pagination-right: auto;
  --swiper-pagination-bottom: calc(var(--padding) * 0.5);
  --swiper-pagination-top: auto;
  --swiper-pagination-fraction-color: inherit;
  --swiper-pagination-progressbar-bg-color: rgb(0 0 0 / 25%);
  --swiper-pagination-progressbar-size: 4px;
  --swiper-pagination-bullet-size: 9px;
  --swiper-pagination-bullet-width: 9px;
  --swiper-pagination-bullet-height: 9px;
  --swiper-pagination-bullet-border-radius: 50%;
  --swiper-pagination-bullet-inactive-color: var(--swiper-theme-color);
  --swiper-pagination-bullet-inactive-opacity: 0.5;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 5px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  --swiper-navigation-size: 32px;
  --swiper-navigation-top-offset: 50%;
  --swiper-navigation-sides-offset: 10px;
  --swiper-navigation-color: var(--colors-bg-one);
}
:root .body--touch {
  --swiper-pagination-bullet-horizontal-gap: 10px;
}

.swiper img {
  pointer-events: none;
}
.swiper .swiper-wrapper * {
  box-sizing: border-box;
}

.swiper-button-prev,
.swiper-button-next {
  width: var(--swiper-navigation-size);
  padding-top: 0.1em;
  background-color: var(--colors-bg-one);
  border-radius: 50%;
}
.swiper-button-prev svg,
.swiper-button-next svg {
  width: 0.6em;
  height: auto;
  transition: transform var(--transition-slow) var(--transition-easing);
}
.swiper-button-prev svg path,
.swiper-button-prev svg line,
.swiper-button-next svg path,
.swiper-button-next svg line {
  stroke-width: 4px;
}
.swiper-button-prev.hover svg, body:not(.body--touch) .swiper-button-prev:focus svg, body:not(.body--touch) .swiper-button-prev:hover svg,
.swiper-button-next.hover svg,
body:not(.body--touch) .swiper-button-next:focus svg,
body:not(.body--touch) .swiper-button-next:hover svg {
  transform: translateX(0.3em);
  transition-duration: var(--transition-fast);
}
.swiper-button-prev.hover svg,
.swiper-button-next.hover svg {
  transition-duration: 0.1s;
}
.swiper-button-prev::after,
.swiper-button-next::after {
  content: none;
}
.block .swiper-button-prev,
.block .swiper-button-next {
  --swiper-navigation-size: 25px;
}
.swiper-button-prev--active svg, .swiper-button-prev.hover svg, body:not(.body--touch) .swiper-button-prev:focus svg, body:not(.body--touch) .swiper-button-prev:hover svg,
.swiper-button-next--active svg,
.swiper-button-next.hover svg,
body:not(.body--touch) .swiper-button-next:focus svg,
body:not(.body--touch) .swiper-button-next:hover svg {
  transform: translateX(0.3em) !important;
}

.swiper-button-prev {
  transform: rotate(180deg);
}