/*! 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 */
  -webkit-text-decoration: underline; /* 2 */
  text-decoration: underline;
  -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;
}

/*
@font-face {
  font-family: 'Circular';
  font-style:  normal;
  font-weight: 400;
  src: url("/assets/CircularXXWeb-Book-07622473.woff2") format("woff2"),
       url("/assets/CircularXXWeb-Book-5890b3d8.woff") format("woff");
}

@font-face {
  font-family: 'Circular';
  font-style:  italic;
  font-weight: 400;
  src: url("/assets/CircularXXWeb-BookItalic-1a4578cf.woff2") format("woff2"),
       url("/assets/CircularXXWeb-BookItalic-8e4332ab.woff") format("woff");
}

@font-face {
  font-family: 'Circular';
  font-style:  normal;
  font-weight: 700;
  src: url("/assets/CircularXXWeb-Bold-1c6ece66.woff2") format("woff2"),
       url("/assets/CircularXXWeb-Bold-c2f8bd14.woff") format("woff");
}

@font-face {
  font-family: 'Circular';
  font-style:  italic;
  font-weight: 700;
  src: url("/assets/CircularXXWeb-BoldItalic-1b18de72.woff2") format("woff2"),
       url("/assets/CircularXXWeb-BoldItalic-128512cd.woff") format("woff");
}
*/

@font-face {
  font-family: "Neue Haas Unica";
  font-style: normal;
  font-weight: 700;
  src:
    url("/assets/NeueHaasUnicaW1GBold-09270df5.woff2") format("woff2"),
    url("/assets/NeueHaasUnicaW1GBold-5eb9e159.woff") format("woff");
}

@font-face {
  font-family: "Neue Haas Unica";
  font-style: italic;
  font-weight: 700;
  src:
    url("/assets/NeueHaasUnicaW1GBoldItalic-58ede273.woff2") format("woff2"),
    url("/assets/NeueHaasUnicaW1GBoldItalic-d9b96370.woff") format("woff");
}

:root {
  --font-sans: "Neue Haas Unica", sans-serif;
  --font-small: 700 12px/1.5 var(--font-sans);
  --font-normal: 700 14px/1.43 var(--font-sans);
  --font-large: 700 22px/1.27 var(--font-sans);

  --text-color: #000;
  --text-light-color: #000;
  --text-disabled-color: #666;
  --background-color: #fff;
  --red-color: #de1c22;
  --border-color: #c7c7c7;
  --input-background-color: #f8f8f8;
  --placeholder-color: #c7c7c7;

  --image-border-radius: 11px;
}

/* ---- Grid and sizing --------------------------------------------------- */

:root {
  --col-px: 74;
  --gutter-px: 40;
  --total-columns: 12;

  --inner-width: calc(var(--col-px)*var(--total-columns) + var(--gutter-px)*(var(--total-columns) - 1));
  --column: calc(var(--col-px)/var(--inner-width));
  --gutter: calc(var(--gutter-px)/var(--inner-width));

  --columns-1: var(--column);
  --columns-2: calc(var(--column)*2 + var(--gutter));
  --columns-3: calc(var(--column)*3 + var(--gutter)*2);
  --columns-4: calc(var(--column)*4 + var(--gutter)*3);
  --columns-5: calc(var(--column)*5 + var(--gutter)*4);
  --columns-6: calc(var(--column)*6 + var(--gutter)*5);
  --columns-7: calc(var(--column)*7 + var(--gutter)*6);
  --columns-8: calc(var(--column)*8 + var(--gutter)*7);
  --columns-9: calc(var(--column)*9 + var(--gutter)*8);
  --columns-10: calc(var(--column)*10 + var(--gutter)*9);
  --columns-11: calc(var(--column)*11 + var(--gutter)*10);
  --columns-12: calc(var(--column)*12 + var(--gutter)*11);

  --outer-margin: 120;
  --outer-margin-mobile: 10px;
  --ref-width: calc(var(--inner-width) + var(--outer-margin)*2);
  --ref-width-adjust: calc(var(--inner-width)/var(--ref-width));
}

/* ---- Breakpoints ------------------------------------------------------- */

section.account {
  position: relative;
  z-index: 10;
  padding-left: 7.6530612245%;
  padding-left: calc((var(--outer-margin)/var(--ref-width))*100%);
  padding-right: 7.6530612245%;
  padding-right: calc((var(--outer-margin)/var(--ref-width))*100%);
}

@media screen and (max-width: 900px) {

section.account {
    padding-left: 10px;
    padding-left: var(--outer-margin-mobile);
    padding-right: 10px;
    padding-right: var(--outer-margin-mobile);
}
  }

@media print {

section.account {
    padding-left: 0;
    padding-right: 0;
}
  }

section.account .content {
    width: 48.4939759036%;
    width: calc(var(--columns-6)*100%);
  }

@media screen and (max-width: 900px) {

section.account .content {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    float: none;
  }
  }

section.ads {
  border-top: 1px solid #c7c7c7;
  border-top: 1px solid var(--border-color);
  border-bottom: 1px solid #c7c7c7;
  border-bottom: 1px solid var(--border-color);
  padding: 32px 0px;
  margin: 128px 0px;
  display: flex;
  flex-wrap: wrap;
  width: 74.2469879518%;
  width: calc(var(--columns-9)*100%);
}

@media screen and (max-width: 900px) {

section.ads {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    float: none;
    flex-direction: column;
}
  }

section.ads .ad {
    width: 30.6288032454%;
    width: calc(var(--columns-3)/var(--columns-9)*100%);
    margin-left: 3.0120481928%;
    margin-left: calc(var(--gutter)*100%);
  }

section.ads .ad:nth-child(3n + 1) {
      margin-left: 0px;
    }

@media screen and (max-width: 900px) {

section.ads .ad {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    float: none;
      margin-bottom: 16px;
  }
      section.ads .ad:last-child {
        margin-bottom: 0px;
      }
  }

section.ads .ad img {
      display: block;
      width: 100%;
      height: auto;
    }

section.artist h1 {
    width: 74.2469879518%;
    width: calc(var(--columns-9)*100%);
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }

@media screen and (max-width: 900px) {

section.artist h1 {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    float: none;
  }
  }

section.artist h1 .lists-button {
      margin-left: 16px;
      margin-top: 20px;
    }

@media screen and (max-width: 900px) {

section.artist h1 .lists-button {
        margin-top: 6px;
    }
      }

section.artist .location-info {
    width: 48.4939759036%;
    width: calc(var(--columns-6)*100%);
    margin-top: 32px;
    margin-bottom: 40px;
  }

@media screen and (max-width: 900px) {

section.artist .location-info {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    float: none;
  }
  }

section.artist .statement {
    font: 700 22px/1.27 "Neue Haas Unica", sans-serif;
    font: var(--font-large);
  }

section.artist .statement,section.artist .technique,section.artist .url {
    margin-bottom: 32px;
  }

section.artist .video,section.artist .in-my-studio,section.artist .planned-projects {
    margin-bottom: 40px;
  }

.artist-images {
  display: flex;
  flex-wrap: wrap;
  margin: 80px auto;
}

@media screen and (max-width: 900px) {

.artist-images {
    flex-direction: column;
}
  }

.artist-images .artist-image {
    width: 31.3253012048%;
    width: calc(var(--columns-4)*100%);
    margin-bottom: 80px;
  }

.artist-images .artist-image.portrait {
      width: 22.7409638554%;
      width: calc(var(--columns-3)*100%);
    }

.artist-images .artist-image:nth-child(1) {
      padding-top: 72px;
      margin-left: 8.5843373494%;
      margin-left: calc((var(--columns-1) + var(--gutter))*100%);
    }

.artist-images .artist-image.portrait:nth-child(1) {
        margin-left: 17.1686746988%;
        margin-left: calc((var(--columns-2) + var(--gutter))*100%);
      }

.artist-images .artist-image:nth-child(2) {
      margin-left: 3.0120481928%;
      margin-left: calc(var(--gutter)*100%);
      margin-right: 22.7409638554%;
      margin-right: calc(var(--columns-3)*100%);
    }

.artist-images .artist-image:nth-child(3) {
      clear: both;
    }

.artist-images .artist-image.portrait:nth-child(3) {
        margin-left: 8.5843373494%;
        margin-left: calc((var(--columns-1) + var(--gutter))*100%);
      }

.artist-images .artist-image:nth-child(4) {
      padding-top: 72px;
      width: 39.9096385542%;
      width: calc(var(--columns-5)*100%);
      margin-left: 3.0120481928%;
      margin-left: calc(var(--gutter)*100%);
    }

.artist-images .artist-image.portrait:nth-child(4) {
        width: 31.3253012048%;
        width: calc(var(--columns-4)*100%);
      }

@media screen and (max-width: 900px) {

.artist-images .artist-image {
      margin-left: 0px !important;
      width: 100% !important;
      margin-bottom: 64px;
  }
    }

.artist-images .artist-image img {
      width: 100%;
      height: auto;
    }

section.list .artists-list,.artists-index:not(does-not-exist) .artists-list {
    width: 74.2469879518%;
    width: calc(var(--columns-9)*100%);
  }

@media screen and (max-width: 900px) {

section.list .artists-list,.artists-index:not(does-not-exist) .artists-list {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    float: none;
  }
  }

.artists-list {
  display: flex;
  flex-direction: column;
}

.artists-list .artist {
    display: flex;
    padding: 16px 0px;

    border-top: 1px solid #c7c7c7;

    border-top: 1px solid var(--border-color);
  }

.artists-list .artist .artist-link {
      display: flex;
      width: 88.4381338742%;
      width: calc(var(--columns-8)/var(--columns-9)*100%);
      -webkit-text-decoration: none;
      text-decoration: none;
    }

@media screen and (max-width: 900px) {

.artists-list .artist .artist-link {
        width: 82.8313253012%;
        width: calc(var(--columns-10)*100%);
    }
      }

.artists-list .artist .image {
      width: 21.5596330275%;
      width: calc(var(--columns-2)/var(--columns-8)*100%);
      flex-shrink: 0;
    }

.artists-list .artist .image img {
        display: block;
        width: 100%;
        height: auto;
      }

@media screen and (max-width: 900px) {

.artists-list .artist .image {
        width: 37.8181818182%;
        width: calc(var(--columns-4)/var(--columns-10)*100%);
    }
      }

.artists-list .artist .text {
      margin-left: 4.5871559633%;
      margin-left: calc(var(--gutter)/var(--columns-8)*100%);
      padding: 16px 0px;
      flex-grow: 1;
    }

@media screen and (max-width: 900px) {

.artists-list .artist .text {
        margin-left: 3.6363636364%;
        margin-left: calc(var(--gutter)/var(--columns-10)*100%);
    }
      }

.artists-list .artist .lists-button {
      width: 7.5050709939%;
      width: calc(var(--columns-1)/var(--columns-9)*100%);
      margin-left: 4.0567951318%;
      margin-left: calc(var(--gutter)/var(--columns-9)*100%);
    }

@media screen and (max-width: 900px) {

.artists-list .artist .lists-button {
        width: 14.156626506%;
        width: calc(var(--columns-2)*100%);
        margin-left: 3.0120481928%;
        margin-left: calc(var(--gutter)*100%);
    }
      }

.artists-list .artist h3 {
      margin-bottom: 16px;
    }

.artists-list .artist p {
      margin-bottom: 8px;
    }

.background-image {
  position: absolute;
  width: 100%;
  z-index: 5;
  height: 200px;
  top: 88px;
  padding-left: 7.6530612245%;
  padding-left: calc((var(--outer-margin)/var(--ref-width))*100%);
  padding-right: 7.6530612245%;
  padding-right: calc((var(--outer-margin)/var(--ref-width))*100%);
}

@media screen and (max-width: 900px) {

.background-image {
    padding-left: 10px;
    padding-left: var(--outer-margin-mobile);
    padding-right: 10px;
    padding-right: var(--outer-margin-mobile);
}
  }

@media print {

.background-image {
    padding-left: 0;
    padding-right: 0;
}
  }

.background-image .image {
    margin-left: 34.3373493976%;
    margin-left: calc((var(--columns-4) + var(--gutter))*100%);
    width: 39.9096385542%;
    width: calc(var(--columns-5)*100%);
  }

@media screen and (max-width: 900px) {

.background-image .image {
      width: 48.4939759036%;
      width: calc(var(--columns-6)*100%);
      margin-left: 51.5060240964%;
      margin-left: calc((var(--columns-6) + var(--gutter))*100%);
  }
    }

.background-image .image img {
      width: 100%;
      height: auto;
    }

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

html,
body {
  min-height: 100%;
}

body {
  font: 700 14px/1.43 "Neue Haas Unica", sans-serif;
  font: var(--font-normal);
  background: #fff;
  background: var(--background-color);
  color: #000;
  color: var(--text-color);
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

main {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding-top: 88px;
  padding-bottom: 100px;
}

@media screen and (max-width: 900px) {

main {
    padding-top: 80px;
    padding-bottom: 80px;
}
  }

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol {
  padding: 0px;
  margin: 0px 0px 30px 0px;
}

h1:last-child {
    margin-bottom: 0px;
  }

h2:last-child {
    margin-bottom: 0px;
  }

h3:last-child {
    margin-bottom: 0px;
  }

h4:last-child {
    margin-bottom: 0px;
  }

h5:last-child {
    margin-bottom: 0px;
  }

h6:last-child {
    margin-bottom: 0px;
  }

p:last-child {
    margin-bottom: 0px;
  }

ul:last-child {
    margin-bottom: 0px;
  }

ol:last-child {
    margin-bottom: 0px;
  }

h1 {
  font: 700 60px/1.1 "Neue Haas Unica", sans-serif;
  font: 700 60px/1.1 var(--font-sans);
  margin: 0px 0px 60px 0px;
}

@media screen and (max-width: 900px) {

h1 {
    font: 700 36.5px/1.33 "Neue Haas Unica", sans-serif;
    font: 700 36.5px/1.33 var(--font-sans);
}
  }

h2 {
  font: 700 32px/1.2 "Neue Haas Unica", sans-serif;
  font: 700 32px/1.2 var(--font-sans);
  letter-spacing: normal;
}

h3 {
  font: normal 22px/1.27 "Neue Haas Unica", sans-serif;
  font: normal 22px/1.27 var(--font-sans);
  margin: 0px 0px 20px 0px;
}

a,
a:visited {
  color: #000;
  color: var(--text-color);
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

a:hover,
a:focus {
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

ul {
  padding-left: 20px;
}

figcaption {
  font: 700 12px/1.5 "Neue Haas Unica", sans-serif;
  font: var(--font-small);
  margin-top: 16px;
  color: #000;
  color: var(--text-light-color);
}

img {
  border-radius: 11px;
  border-radius: var(--image-border-radius);
}

button,
.button {
  display: inline-block;
  background: transparent;
  border: 1px solid #000;
  border: 1px solid var(--text-color);
  font: 700 15px/1.33 "Neue Haas Unica", sans-serif;
  font: 700 15px/1.33 var(--font-sans);
  line-height: 40px;
  padding: 0px 23px;
  border-radius: 4px;
  -webkit-text-decoration: none;
  text-decoration: none;
}

button:not(.does-not-exist):hover,.button:hover,button:not(.does-not-exist):focus,.button:focus {
    -webkit-text-decoration: none;
    text-decoration: none;
    background-color: var(--hover-background-color);
  }

button.primary:not(.does-not-exist),.primary.button,button[type="submit"]:not(.does-not-exist),.button[type="submit"] {
    background: #000;
    background: var(--text-color);
    color: #fff;
    color: var(--background-color);
  }

button.primary:not(.does-not-exist):disabled {
      background-color: #666;
      background-color: var(--text-disabled-color);
      border-color: #666;
      border-color: var(--text-disabled-color);
    }

.primary.button:disabled {
      background-color: #666;
      background-color: var(--text-disabled-color);
      border-color: #666;
      border-color: var(--text-disabled-color);
    }

button[type="submit"]:not(.does-not-exist):disabled {
      background-color: #666;
      background-color: var(--text-disabled-color);
      border-color: #666;
      border-color: var(--text-disabled-color);
    }

.button[type="submit"]:disabled {
      background-color: #666;
      background-color: var(--text-disabled-color);
      border-color: #666;
      border-color: var(--text-disabled-color);
    }

.buttons {
  margin-top: 32px;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  align-items: baseline;
}

/* Embed container for consent-wrapped iframes */

.embed-container {
  position: relative;
  width: 100%;
  overflow: hidden;
  background: #f8f8f8;
  background: var(--input-background-color);
  border-radius: 11px;
  border-radius: var(--image-border-radius);
}

.embed-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  border-radius: 11px;
  border-radius: var(--image-border-radius);
}

/* Placeholder styling */

.embed-placeholder {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f8f8f8;
  background: var(--input-background-color);
  color: #000;
  color: var(--text-color);
  border: 1px solid #c7c7c7;
  border: 1px solid var(--border-color);
  border-radius: 11px;
  border-radius: var(--image-border-radius);
}

.embed-placeholder__content {
  text-align: center;
  padding: 2rem;
  max-width: 90%;
}

.embed-placeholder h3 {
  margin-bottom: 1rem;
}

.embed-placeholder p {
  margin-bottom: 1.5rem;
  font: 700 12px/1.5 "Neue Haas Unica", sans-serif;
  font: var(--font-small);
}

.cookie-consent-btn {
  font: 700 14px/1.43 "Neue Haas Unica", sans-serif;
  font: var(--font-normal);
  background: #000;
  background: var(--text-color);
  color: #fff;
  color: var(--background-color);
  border: none;
  border-radius: 1.25rem;
  padding: 0.25rem 1.25rem;
  cursor: pointer;
}

.cookie-consent-btn:hover,
.cookie-consent-btn:focus {
  opacity: 0.85;
}

/* Cookiebot visibility rules */

body.cookieconsent-optin-marketing .embed-placeholder {
  display: none !important;
}

body.cookieconsent-optout-marketing .embed-container iframe {
  display: none !important;
}

footer {
  padding-bottom: 32px;
  padding-left: 7.6530612245%;
  padding-left: calc((var(--outer-margin)/var(--ref-width))*100%);
  padding-right: 7.6530612245%;
  padding-right: calc((var(--outer-margin)/var(--ref-width))*100%);
}

@media screen and (max-width: 900px) {

footer {
    padding-left: 10px;
    padding-left: var(--outer-margin-mobile);
    padding-right: 10px;
    padding-right: var(--outer-margin-mobile);
}
  }

@media print {

footer {
    padding-left: 0;
    padding-right: 0;
}
  }

footer .columns {
    display: flex;
    padding-left: 17.1686746988%;
    padding-left: calc((var(--columns-2) + var(--gutter))*100%);
    margin-bottom: 78px;
  }

@media screen and (max-width: 1300px) {

footer .columns {
      padding-left: 0px;
  }
    }

@media screen and (max-width: 900px) {

footer .columns {
      padding-left: 0px;
      flex-direction: column;
  }
    }

footer .columns .column {
      width: 37.8181818182%;
      width: calc(var(--columns-4)/var(--columns-10)*100%);
      margin-left: 3.6363636364%;
      margin-left: calc(var(--gutter)/var(--columns-10)*100%);
    }

footer .columns .column:nth-child(2n + 1) {
        margin-left: 0px;
      }

footer .columns .column a:visited {
        -webkit-text-decoration: none;
        text-decoration: none;
      }

footer .columns .column a {
        -webkit-text-decoration: none;
        text-decoration: none;
      }

footer .columns .column a:hover,footer .columns .column a:focus {
        -webkit-text-decoration: underline;
        text-decoration: underline;
      }

@media screen and (max-width: 900px) {

footer .columns .column {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    float: none;
    }
  }

footer .logos {
    margin-left: 17.1686746988%;
    margin-left: calc((var(--columns-2) + var(--gutter))*100%);
    margin-bottom: 42px;
    width: 57.078313253%;
    width: calc(var(--columns-7)*100%);
  }

@media screen and (max-width: 1300px) {

footer .logos {
      width: 74.2469879518%;
      width: calc(var(--columns-9)*100%);
      margin-left: 0px;
  }
    }

@media screen and (max-width: 900px) {

footer .logos {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    float: none;
  }
  }

footer .logos a:visited {
      display: inline-block;
      -webkit-text-decoration: none;
      text-decoration: none;
      margin-right: 40px;
      margin-bottom: 20px;
    }

footer .logos a {
      display: inline-block;
      -webkit-text-decoration: none;
      text-decoration: none;
      margin-right: 40px;
      margin-bottom: 20px;
    }

footer .logos a:visited img {
        width: auto;
        height: 54px;
        border-radius: 0px;
      }

footer .logos a:not(.does-not-exist) img {
        width: auto;
        height: 54px;
        border-radius: 0px;
      }

footer .social {
    margin-bottom: 32px;
    float: right;
  }

@media screen and (max-width: 900px) {

footer .social {
      float: none;
  }
    }

footer .social .icon {
      display: inline-block;
      line-height: 20px;
      margin-right: 24px;
      padding-left: 28px;
      background-size: 20px 20px;
      background-position: top 50% left 0%;
      background-repeat: no-repeat;
      -webkit-text-decoration: none;
      text-decoration: none;
    }

footer .social .icon:hover,footer .social .icon:focus {
        -webkit-text-decoration: underline;
        text-decoration: underline;
      }

footer .social .icon:last-child {
        margin-right: 0px;
      }

footer .social .icon.facebook {
        background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%3E%3Cpath%20d%3D%22M17.188%200H2.063C.923%200%200%20.923%200%202.063v15.124c0%201.14.923%202.063%202.063%202.063H7.96v-6.545H5.253v-3.08H7.96V7.277c0-2.67%201.59-4.145%204.025-4.145a16.4%2016.4%200%200%201%202.385.208v2.62h-1.343c-1.324%200-1.737.822-1.737%201.665v2h2.955l-.472%203.08H11.29v6.545h5.898a2.06%202.06%200%200%200%202.062-2.063V2.063C19.25.923%2018.327%200%2017.187%200z%22%2F%3E%3C%2Fsvg%3E');
      }

footer .social .icon.instagram {
        background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%3E%3Cpath%20d%3D%22M9.625%207.333c-1.764%200-2.866%201.911-1.984%203.439.883%201.527%203.089%201.527%203.97-.002a2.292%202.292%200%200%200-1.986-3.437m5.359-1.762a2.32%202.32%200%200%200-1.307-1.306c-.902-.357-3.05-.277-4.052-.277s-3.147-.083-4.052.277A2.32%202.32%200%200%200%204.266%205.57c-.356.903-.276%203.053-.276%204.054%200%201-.08%203.148.278%204.053a2.32%202.32%200%200%200%201.306%201.307c.903.356%203.051.276%204.053.276s3.147.083%204.052-.276a2.32%202.32%200%200%200%201.306-1.307c.36-.902.277-3.053.277-4.053s.082-3.148-.277-4.053zm-5.359%207.577c-2.712%200-4.408-2.936-3.051-5.285%201.356-2.349%204.746-2.349%206.102%200a3.523%203.523%200%200%201-3.051%205.285m3.669-6.372a.822.822%200%201%201%20.001.002zM17.187%200H2.063C.923%200%200%20.923%200%202.063v15.124c0%201.14.923%202.063%202.063%202.063h15.124c1.14%200%202.063-.923%202.063-2.063V2.063C19.25.923%2018.327%200%2017.187%200m-.735%2012.46c-.056%201.102-.307%202.078-1.11%202.88-.805.802-1.78%201.058-2.88%201.11-1.135.065-4.537.065-5.672%200-1.1-.055-2.073-.307-2.879-1.11-.805-.804-1.058-1.78-1.11-2.88-.064-1.134-.064-4.537%200-5.67.055-1.102.303-2.078%201.11-2.88s1.782-1.055%202.88-1.108c1.134-.064%204.536-.064%205.671%200%201.102.056%202.077.308%202.88%201.111.801.804%201.057%201.78%201.11%202.881.064%201.131.064%204.53%200%205.667z%22%2F%3E%3C%2Fsvg%3E');
      }

footer .credit a:visited {
      -webkit-text-decoration: none;
      text-decoration: none;
    }

footer .credit a {
      -webkit-text-decoration: none;
      text-decoration: none;
    }

footer .credit a:hover,footer .credit a:focus {
      -webkit-text-decoration: underline;
      text-decoration: underline;
    }

form {
  margin-bottom: 40px;
}

form:last-child {
    margin-bottom: 0px;
  }

form .field {
    margin-bottom: 16px;
  }

form .field:last-child {
      margin-bottom: 0px;
    }

form .field label {
      display: block;
      margin-bottom: 16px;
    }

form .field label.radio {
        margin-bottom: 4px;
      }

form .field input[type="text"],form .field input[type="email"],form .field input[type="password"],form .field textarea {
      width: 100%;
    }

form .field.check-box input[type="checkbox"] {
        margin-right: 4px;
      }

form.oneline {
    background: yellow;
    display: flex;
  }

form.oneline input[type="text"],form.oneline input[type="email"],form.oneline input[type="password"] {
      flex: 1;
      border-top-right-radius: 0px;
      border-bottom-right-radius: 0px;
      border-right: none;
    }

form.oneline button {
      border-top-left-radius: 0px;
      border-bottom-left-radius: 0px;
    }

.field-with-errors label {
    color: #de1c22;
    color: var(--red-color);
  }

.field-with-errors label .error + .description {
      display: block;
    }

input[type="text"],
input[type="email"],
input[type="password"],
textarea {
  border-radius: 4px;
  background: #f8f8f8;
  background: var(--input-background-color);
  border: 1px solid #c7c7c7;
  border: 1px solid var(--border-color);
  padding: 10px 16px;
}

input[type="text"]::-moz-placeholder {
    color: #000;
    color: var(--text-color);
  }

input[type="text"]::placeholder {
    color: #000;
    color: var(--text-color);
  }

input[type="email"]::-moz-placeholder {
    color: #000;
    color: var(--text-color);
  }

input[type="email"]::placeholder {
    color: #000;
    color: var(--text-color);
  }

input[type="password"]::-moz-placeholder {
    color: #000;
    color: var(--text-color);
  }

input[type="password"]::placeholder {
    color: #000;
    color: var(--text-color);
  }

textarea:not(.does-not-exist)::-moz-placeholder {
    color: #000;
    color: var(--text-color);
  }

textarea:not(.does-not-exist)::placeholder {
    color: #000;
    color: var(--text-color);
  }

input[type="text"]:disabled {
    color: #666;
    color: var(--text-disabled-color);
  }

input[type="email"]:disabled {
    color: #666;
    color: var(--text-disabled-color);
  }

input[type="password"]:disabled {
    color: #666;
    color: var(--text-disabled-color);
  }

textarea:not(.does-not-exist):disabled {
    color: #666;
    color: var(--text-disabled-color);
  }

fieldset {
  border: none;
  padding: 32px 0px;
  border-bottom: 1px solid #c7c7c7;
  border-bottom: 1px solid var(--border-color);
}

fieldset:first-child {
    border-top: 1px solid #c7c7c7;
    border-top: 1px solid var(--border-color);
  }

.form-notice {
  background: #fff3cd;
  border: 1px solid #ffeaa7;
  padding: 15px;
  margin: 15px 0;
  border-radius: 4px;
}

:root {
  --grid-color: rgba(255, 0, 0, 0.15);
}

body {
  /*@mixin grid-background;*/
}

header {
  position: fixed;
  top: 0px;
  width: 100%;
  padding-top: 32px;
  pointer-events: none;
  z-index: 20;
  padding-left: 7.6530612245%;
  padding-left: calc((var(--outer-margin)/var(--ref-width))*100%);
  padding-right: 7.6530612245%;
  padding-right: calc((var(--outer-margin)/var(--ref-width))*100%);
}

@media screen and (max-width: 900px) {

header {
    padding-left: 10px;
    padding-left: var(--outer-margin-mobile);
    padding-right: 10px;
    padding-right: var(--outer-margin-mobile);
}
  }

@media print {

header {
    padding-left: 0;
    padding-right: 0;
}
  }

@media screen and (max-width: 900px) {

header {
    padding-top: 24px;
}
  }

header .inner {
    position: relative;
  }

header a,header a:visited {
    color: #000;
    color: var(--text-color);
    -webkit-text-decoration: none;
    text-decoration: none;
  }

header a:hover,header a:focus {
    -webkit-text-decoration: underline;
    text-decoration: underline;
  }

header nav {
    width: 22.7409638554%;
    width: calc(var(--columns-3)*100%);
    float: right;
    pointer-events: auto;
  }

@media screen and (max-width: 900px) {

header nav {
      display: none;
  }
    }

header nav ul {
      list-style: none;
      padding: 0px;
    }

header nav .pinned {
      font: 700 22px/1.27 "Neue Haas Unica", sans-serif;
      font: var(--font-large);
    }

header nav .pinned li {
        margin-bottom: 8px;
      }

header nav .pinned li:last-child {
          margin-bottom: 0px;
        }

header nav .current {
      -webkit-text-decoration: underline;
      text-decoration: underline;
    }

header .signed-in {
    display: none;
  }

header.person-signed-in .signed-in {
      display: block;
    }

header.person-signed-in .signed-out {
      display: none;
    }

header .search-form input[type="text"] {
      width: 100%;
      padding-right: 52px;
      background: #fff url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2220%22%20height%3D%2220%22%3E%3Cdefs%3E%3Cpath%20id%3D%22a%22%20d%3D%22M0%200h20v20H0z%22%2F%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cmask%20id%3D%22b%22%20fill%3D%22%23fff%22%3E%3Cuse%20xlink%3Ahref%3D%22%23a%22%2F%3E%3C%2Fmask%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M9%200a9%209%200%200%201%207.032%2014.617l3.675%203.676a1%201%200%200%201-1.32%201.497l-.094-.083-3.676-3.675A9%209%200%201%201%209%200m0%202a7%207%200%201%200%200%2014A7%207%200%200%200%209%202%22%20mask%3D%22url%28%23b%29%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat;
      background: var(--background-color) url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2220%22%20height%3D%2220%22%3E%3Cdefs%3E%3Cpath%20id%3D%22a%22%20d%3D%22M0%200h20v20H0z%22%2F%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cmask%20id%3D%22b%22%20fill%3D%22%23fff%22%3E%3Cuse%20xlink%3Ahref%3D%22%23a%22%2F%3E%3C%2Fmask%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M9%200a9%209%200%200%201%207.032%2014.617l3.675%203.676a1%201%200%200%201-1.32%201.497l-.094-.083-3.676-3.675A9%209%200%201%201%209%200m0%202a7%207%200%201%200%200%2014A7%207%200%200%200%209%202%22%20mask%3D%22url%28%23b%29%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat;
      background-position: right 16px center;
    }

header .mobile-nav-toggle {
    display: none;
  }

@media screen and (max-width: 900px) {
    header nav {
      display: none;
      position: absolute;
      width: 100%;
      float: none;
      background: #fff;
      background: var(--background-color);
    }

    header .mobile-nav-toggle {
      pointer-events: auto;
      display: block;
      position: absolute;
      width: 28px;
      height: 28px;
      top: 0px;
      right: 0px;
      background: transparent url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2232%22%20height%3D%2232%22%3E%3Cdefs%3E%3Cpath%20id%3D%22a%22%20d%3D%22M0%2016h24v-2.667H0zm0-6.667h24V6.667H0zM0%200v2.667h24V0z%22%2F%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20transform%3D%22translate%284%208%29%22%3E%3Cmask%20id%3D%22b%22%20fill%3D%22%23fff%22%3E%3Cuse%20xlink%3Ahref%3D%22%23a%22%2F%3E%3C%2Fmask%3E%3Cg%20fill%3D%22%23000%22%20mask%3D%22url%28%23b%29%22%3E%3Cpath%20d%3D%22M-4-8h32v32H-4z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E') right center no-repeat;
      background-size: 24px 24px;
      border: none;
      overflow: hidden;
      text-indent: -9000px;
      z-index: 30;
    }

    header.show-nav {
      background: #fff;
      background: var(--background-color);
      min-height: 100vh;
    }

      header.show-nav nav {
        display: block;
      }

      header.show-nav .mobile-nav-toggle {
        background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2232%22%20height%3D%2232%22%3E%3Cdefs%3E%3Cpath%20id%3D%22a%22%20d%3D%22m19.333%202.547-1.88-1.88L10%208.12%202.547.667l-1.88%201.88L8.12%2010%20.667%2017.453l1.88%201.88L10%2011.88l7.453%207.453%201.88-1.88L11.88%2010z%22%2F%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20transform%3D%22translate%286%206%29%22%3E%3Cmask%20id%3D%22b%22%20fill%3D%22%23fff%22%3E%3Cuse%20xlink%3Ahref%3D%22%23a%22%2F%3E%3C%2Fmask%3E%3Cg%20fill%3D%22%23000%22%20mask%3D%22url%28%23b%29%22%3E%3Cpath%20d%3D%22M-6-6h32v32H-6z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E');
      }
  }

.header-dates {
  position: absolute;
  top: 0px;
  width: 100%;
  padding-top: 26px;
  z-index: 19;
  padding-left: 7.6530612245%;
  padding-left: calc((var(--outer-margin)/var(--ref-width))*100%);
  padding-right: 7.6530612245%;
  padding-right: calc((var(--outer-margin)/var(--ref-width))*100%);
}

@media screen and (max-width: 900px) {

.header-dates {
    padding-left: 10px;
    padding-left: var(--outer-margin-mobile);
    padding-right: 10px;
    padding-right: var(--outer-margin-mobile);
}
  }

@media print {

.header-dates {
    padding-left: 0;
    padding-right: 0;
}
  }

@media screen and (max-width: 900px) {

.header-dates {
    padding-top: 24px;
    top: 0px;
}
  }

.header-dates .content {
    font: 700 22px/1.27 "Neue Haas Unica", sans-serif;
    font: var(--font-large);
    width: 74.2469879518%;
    width: calc(var(--columns-9)*100%);
    top: 56px;
    display: flex;
    gap: 20px;
    justify-content: space-between;
  }

@media screen and (max-width: 900px) {

.header-dates .content {
      width: 91.4156626506%;
      width: calc(var(--columns-11)*100%);
  }
    }

.header-dates a.logo,.header-dates a.logo:hover,.header-dates a.logo:focus {
      -webkit-text-decoration: none;
      text-decoration: none;
    }

@media screen and (max-width: 900px) {

.header-dates a.logo {
      top: 0px;
      margin-right: 32px;
  }
    }

section.home .home-banner {
    width: 74.2469879518%;
    width: calc(var(--columns-9)*100%);
    margin-bottom: 95px;
  }

@media screen and (max-width: 900px) {

section.home .home-banner {
      margin-bottom: 40px;
  }
    }

section.home .home-banner video {
      width: 100%;
      border-radius: 11px;
      border-radius: var(--image-border-radius);
    }

section.home .home-banner img {
      display: block;
      width: 100%;
      height: auto;
    }

section.home .home-banner .mobile {
      display: none;
    }

@media screen and (max-width: 900px) {

section.home .home-banner {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    float: none;
  }
      section.home .home-banner .desktop {
        display: none;
      }
      section.home .home-banner .mobile {
        display: block;
        margin-bottom: 40px;
      }
  }

.image-gallery {
  margin-top: 64px;
  width: 65.6626506024%;
  width: calc(var(--columns-8)*100%);
  display: flex;
  flex-wrap: wrap;
}

@media screen and (max-width: 900px) {

.image-gallery {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    float: none;
}
  }

.image-gallery .image {
    width: 21.5596330275%;
    width: calc(var(--columns-2)/var(--columns-8)*100%);
    margin-left: 3.0120481928%;
    margin-left: calc(var(--gutter)*100%);
    margin-bottom: 64px;
  }

.image-gallery .image:nth-child(4n + 1) {
      margin-left: 0px;
    }

.image-gallery .image .thumbnail-container {
      display: block;
      position: relative;
      padding-bottom: 100%;
    }

.image-gallery .image .thumbnail-container img {
        position: absolute;
        width: 100%;
        height: 100%;
        -o-object-fit: contain;
           object-fit: contain;
        -o-object-position: bottom center;
           object-position: bottom center;
        border-radius: 0px;
      }

@media screen and (max-width: 900px) {

.image-gallery .image {
      width: 48.4939759036%;
      width: calc(var(--columns-6)*100%);
  }
      .image-gallery .image:nth-child(2n + 1) {
        margin-left: 0px;
      }
    }

figure.image {
  padding: 0px;
  margin: 40px 0px;
}

figure.image:first-child {
    margin-top: 0px;
  }

figure.image:last-child {
    margin-bottom: 0px;
  }

figure.image img {
    display: block;
    width: 100%;
    height: auto;
  }

figure.image figcaption {
    color: #000;
    color: var(--text-light-color);
    margin-top: 16px;
  }

section.page .content figure.image {
    width: 117.701863354%;
    width: calc(var(--columns-7)/var(--columns-6)*100%);
  }

@media screen and (max-width: 900px) {

section.page .content figure.image {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    float: none;
  }
  }

section.template-news_article_small_image figure.image.main {
    width: 46.8944099379%;
    width: calc(var(--columns-3)/var(--columns-6)*100%);
    margin-right: -17.701863354%;
    margin-right: calc((var(--columns-1) + var(--gutter))/var(--columns-6)*-100%);
    margin-left: 6.2111801242%;
    margin-left: calc(var(--gutter)/var(--columns-6)*100%);
    float: right;
  }

@media screen and (max-width: 900px) {

section.template-news_article_small_image figure.image.main {
      width: 48.4939759036%;
      width: calc(var(--columns-6)*100%);
      margin-left: 3.0120481928%;
      margin-left: calc(var(--gutter)*100%);
      margin-right: 0px;
  }
    }

.lightbox {
  position: fixed;
  background: rgba(255, 255, 255, 0.95);
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 200;
  padding-top: 32px;
  padding-bottom: 32px;
  padding-left: 7.6530612245%;
  padding-left: calc((var(--outer-margin)/var(--ref-width))*100%);
  padding-right: 7.6530612245%;
  padding-right: calc((var(--outer-margin)/var(--ref-width))*100%);
}

@media screen and (max-width: 900px) {

.lightbox {
    padding-left: 10px;
    padding-left: var(--outer-margin-mobile);
    padding-right: 10px;
    padding-right: var(--outer-margin-mobile);
}
  }

@media print {

.lightbox {
    padding-left: 0;
    padding-right: 0;
}
  }

.lightbox .inner {
    display: flex;
    flex-direction: column;
    height: 100%;
  }

.lightbox .buttons {
    text-align: right;
    height: 40px;
    margin-bottom: 32px;
  }

.lightbox .buttons button {
      display: inline-block;
      border: 0px;
      background: transparent url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2240%22%20height%3D%2240%22%3E%3Cdefs%3E%3Cpath%20id%3D%22a%22%20d%3D%22m23.667%202.683-2.35-2.35L12%209.65%202.683.333l-2.35%202.35L9.65%2012%20.333%2021.317l2.35%202.35L12%2014.35l9.317%209.317%202.35-2.35L14.35%2012z%22%2F%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20transform%3D%22translate%288%208%29%22%3E%3Cmask%20id%3D%22b%22%20fill%3D%22%23fff%22%3E%3Cuse%20xlink%3Ahref%3D%22%23a%22%2F%3E%3C%2Fmask%3E%3Cg%20fill%3D%22%23000%22%20fill-opacity%3D%22.87%22%20mask%3D%22url%28%23b%29%22%3E%3Cpath%20d%3D%22M-8-8h40v40H-8z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat;
      background-size: 40px 40px;
      background-position: center center;
      width: 40px;
      height: 40px;
      cursor: pointer;
      overflow: hidden;
      text-indent: -9000px;
    }

.lightbox .image,.lightbox .caption {
    width: 82.8313253012%;
    width: calc(var(--columns-10)*100%);
    margin-left: auto;
    margin-right: auto;
  }

@media screen and (max-width: 900px) {

.lightbox .image,.lightbox .caption {
      width: 100%;
  }
    }

.lightbox .image {
    flex-grow: 1;
    position: relative;
  }

.lightbox .image img {
      position: absolute;
      width: 100%;
      height: 100%;
      -o-object-fit: contain;
         object-fit: contain;
      -o-object-position: center center;
         object-position: center center;
    }

.lightbox .caption {
    min-height: 88px;
  }

section.person,
section.list {
  position: relative;
  z-index: 10;
  padding-left: 7.6530612245%;
  padding-left: calc((var(--outer-margin)/var(--ref-width))*100%);
  padding-right: 7.6530612245%;
  padding-right: calc((var(--outer-margin)/var(--ref-width))*100%);
}

@media screen and (max-width: 900px) {

section.person,
section.list {
    padding-left: 10px;
    padding-left: var(--outer-margin-mobile);
    padding-right: 10px;
    padding-right: var(--outer-margin-mobile);
}
  }

@media print {

section.person,
section.list {
    padding-left: 0;
    padding-right: 0;
}
  }

section.person .content,section.list .content {
    width: 48.4939759036%;
    width: calc(var(--columns-6)*100%);
  }

@media screen and (max-width: 900px) {

section.person .content,section.list .content {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    float: none;
  }
  }

section.person .actions,section.list .actions {
    display: flex;
    gap: 12px;
    padding-top: 30px;
  }

section.person .list-description,section.list .list-description {
    margin-bottom: 60px;
    font: 700 22px/1.27 "Neue Haas Unica", sans-serif;
    font: var(--font-large);
  }

section.person .lists,section.list .lists,section.person .artists,section.list .artists {
    margin-top: 60px;
  }

section.person .lists .description,section.list .lists .description,section.person .artists .description,section.list .artists .description {
      width: 48.4939759036%;
      width: calc(var(--columns-6)*100%);
      margin-bottom: 30px;
    }

@media screen and (max-width: 900px) {

section.person .lists .description,section.list .lists .description,section.person .artists .description,section.list .artists .description {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    float: none;
    }
  }

section.person .lists .list,section.list .lists .list,section.person .lists .actions,section.list .lists .actions {
      width: 74.2469879518%;
      width: calc(var(--columns-9)*100%);
      border-top: 1px solid #c7c7c7;
      border-top: 1px solid var(--border-color);
    }

@media screen and (max-width: 900px) {

section.person .lists .list,section.list .lists .list,section.person .lists .actions,section.list .lists .actions {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    float: none;
    }
  }

section.person .lists .list,section.list .lists .list {
      padding: 16px 0px 32px 0px;
    }

section.person .lists .list h3 a,section.list .lists .list h3 a {
        -webkit-text-decoration: none;
        text-decoration: none;
      }

section.person .lists .list h3,section.list .lists .list h3,section.person .lists .list p,section.list .lists .list p {
        max-width: 65.3144016227%;
        max-width: calc(var(--columns-6)/var(--columns-9)*100%);
      }

@media screen and (max-width: 900px) {

section.person .lists .list h3,section.list .lists .list h3,section.person .lists .list p,section.list .lists .list p {
          max-width: 100%;
      }
        }

.edit-artist-list .move-buttons {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-right: 8px;
}

.edit-artist-list .move-buttons button {
    overflow: hidden;
    text-indent: -9000px;
    border-radius: 0px;
    border: none;
    width: 40px;
    height: 40px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 24px 24px;
  }

.edit-artist-list .move-buttons button.move-up {
      background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2225%22%20height%3D%2224%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22m6.2%2015%206-7.5%206%207.5z%22%2F%3E%3C%2Fsvg%3E');
    }

.edit-artist-list .move-buttons button.move-down {
      background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2225%22%20height%3D%2225%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22m18.2%209.65-6%207.5-6-7.5z%22%2F%3E%3C%2Fsvg%3E');
    }

.edit-artist-list .move-buttons button:disabled {
      opacity: 0.33;
    }

section.edit.list form {
    width: 74.2469879518%;
    width: calc(var(--columns-9)*100%);
  }

@media screen and (max-width: 900px) {

section.edit.list form {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    float: none;
  }
  }

section.edit.list form .artists-list {
      width: 100%;
    }

.lists-button {
  display: flex;
  justify-content: flex-end;
}

.lists-button button {
    overflow: hidden;
    text-indent: -9000px;
    padding: 0px;
    border: none;
    border-radius: 0px;
    background: transparent url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2225%22%20height%3D%2225%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22m12.2%205.34%202.07%204.185.345.75.75.112%204.62.668L16.7%2014.28l-.563.548.135.75.788%204.597-4.133-2.168-.727-.307-.698.367-4.132%202.138.75-4.597.135-.75-.555-.578-3.315-3.262%204.62-.668.75-.112.345-.75zm0-3.39L8.787%208.865%201.16%209.967l5.52%205.385-1.305%207.598%206.825-3.585%206.825%203.585-1.305-7.598%205.52-5.377-7.628-1.11z%22%2F%3E%3C%2Fsvg%3E') 50% 50% no-repeat;
    background-size: 24px 24px;
    width: 40px;
    height: 40px;
  }

.lists-button button.added {
      background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2225%22%20height%3D%2225%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M12.2%201.6%208.787%208.515%201.16%209.617l5.52%205.385L5.375%2022.6l6.825-3.585%206.825%203.585-1.305-7.598%205.52-5.377-7.628-1.11z%22%2F%3E%3C%2Fsvg%3E');
    }

.add-to-lists ul.lists {
    list-style-type: none;
    padding: 0px;
    display: flex;
    flex-direction: column;
    gap: 8px;
  }

.add-to-lists h4 {
    margin-bottom: 16px;
  }

.artists-map {
  background: #eee;
  min-height: calc(100vh - 176px);
  width: 74.2469879518%;
  width: calc(var(--columns-9)*100%);
  position: relative;
}

@media screen and (max-width: 900px) {

.artists-map {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    float: none;
}
  }

.artists-map .map {
    position: absolute;
    width: 100%;
    height: 100%;
  }

.artists-map .legend {
    background: #fff;
    position: absolute;
    z-index: 20;
    bottom: 0px;
    padding: 15px 30px 15px 15px;
    display: flex;
    flex-direction: column;
    gap: 8px;
  }

.artists-map .legend .saturday,.artists-map .legend .sunday {
      display: block;
      line-height: 30px;
      background-repeat: no-repeat;
      background-position: 23px 50%;
      background-size: 25px 25px;
    }

.artists-map .legend .saturday input,.artists-map .legend .sunday input {
        margin-right: 43px;
      }

.artists-map .legend .saturday {
      background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2212%22%20fill%3D%22%230091FF%22%2F%3E%3C%2Fsvg%3E');
    }

.artists-map .legend .sunday {
      background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2225%22%20fill%3D%22none%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212.5%22%20r%3D%2212%22%20fill%3D%22%23FF552E%22%2F%3E%3C%2Fsvg%3E');
    }

@media screen and (max-width: 900px) {

.artists-map .legend {
      padding: 10px 20px 10px 10px;
  }
    }

.directions-popup {
  position: relative;
  padding: 8px 8px 0px 8px;
  font: 700 14px/1.43 "Neue Haas Unica", sans-serif;
  font: var(--font-normal);
}

.directions-popup .directions {
    padding-bottom: 16px;
    border-bottom: 1px solid #c7c7c7;
    border-bottom: 1px solid var(--border-color);
  }

.directions-popup .directions a {
      line-height: 24px;
      padding-left: 32px;
      background: transparent url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M22.41%2012%2012%201.59%201.59%2011.99%2012%2022.41zM14%2014.5V12h-4v3H8v-5h6V7.5l3.5%203.5z%22%2F%3E%3C%2Fsvg%3E') left top no-repeat;
    }

.directions-popup .popup-content {
    width: 100%;
    max-height: 400px;
    overflow-y: scroll;
    padding-bottom: 8px;
  }

.directions-popup .popup-content::after {
      content: "";
      position: absolute;
      bottom: 0;
      width: 250px;
      height: 24px;
      background: linear-gradient(transparent, white);
      pointer-events: none;
    }

.directions-popup ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
  }

.directions-popup li {
    border-top: 1px solid #c7c7c7;
    border-top: 1px solid var(--border-color);
    padding: 8px 0px;
  }

.directions-popup li:first-child {
      border-top: none;
    }

.directions-popup .image {
    width: 70px;
    height: 70px;
    flex-shrink: 0;
  }

.directions-popup .image img {
      display: block;
      width: 100%;
      height: auto;
    }

.directions-popup .artist .image {
    background: #c7c7c7;
    background: var(--placeholder-color);
    border-radius: 11px;
    border-radius: var(--image-border-radius);
  }

.directions-popup .list-item {
    display: flex;
    gap: 16px;
    -webkit-text-decoration: none;
    text-decoration: none;
  }

.directions-popup .text {
    flex-grow: 1;
  }

.directions-popup .name {
    -webkit-text-decoration: underline;
    text-decoration: underline;
    margin-bottom: 3px;
  }

.cluster-label {
  font: 700 14px/1.43 "Neue Haas Unica", sans-serif;
  font: var(--font-normal);
  margin-top: -2px;
}

body.modal > .wrapper {
    transition: filter 1000ms linear;
    filter: blur(10px);
  }

@media screen and (max-width: 900px) {

body.modal > .wrapper {
      filter: none;
  }
    }

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

.modal-wrapper .background {
    background: rgba(0, 0, 0, 0.25);
    cursor: pointer;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 1;
    animation-name: modal-background-appear;
    animation-duration: 200ms;
    animation-timing-function: ease-out;
  }

.modal-wrapper .modal {
    max-width: 90%;
    min-width: 33vw;
    background: var(--background-color);
    padding: 32px 20px;
    border-radius: 11px;
    box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.05);
    background: #fff;
    animation-name: modal-appear;
    animation-duration: 200ms;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    animation-fill-mode: forwards;
    z-index: 2;
  }

@media screen and (max-width: 900px) {

.modal-wrapper .modal {
      max-width: 100%;
      width: 100vw;
      height: 100vh;
      border-radius: 0px;
  }
    }

.modal-wrapper .modal .close-modal {
      position: absolute;
      top: 16px;
      right: 16px;
      background: transparent url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M18%207.05%2016.95%206%2012%2010.95%207.05%206%206%207.05%2010.95%2012%206%2016.95%207.05%2018%2012%2013.05%2016.95%2018%2018%2016.95%2013.05%2012z%22%2F%3E%3C%2Fsvg%3E') 50% 50% no-repeat;
      background-size: 24px 24px;
      width: 24px;
      height: 24px;
      margin: 0px;
      padding: 0px;
      border: none;
      border-radius: 0px;
      overflow: hidden;
      text-indent: -9000px;
    }

.modal-wrapper.open {
    display: flex;
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 100;
    opacity: 1;
  }

@keyframes modal-appear {
  0% {
    opacity: 0.1;
    transform: scale(0.97) translate(0px, 10px);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes modal-background-appear {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

section.news {
  padding-left: 7.6530612245%;
  padding-left: calc((var(--outer-margin)/var(--ref-width))*100%);
  padding-right: 7.6530612245%;
  padding-right: calc((var(--outer-margin)/var(--ref-width))*100%);
}

@media screen and (max-width: 900px) {

section.news {
    padding-left: 10px;
    padding-left: var(--outer-margin-mobile);
    padding-right: 10px;
    padding-right: var(--outer-margin-mobile);
}
  }

@media print {

section.news {
    padding-left: 0;
    padding-right: 0;
}
  }

.news-index {
  display: flex;
  flex-direction: column;
}

.news-index article,.news-index .article {
    display: flex;
    margin-bottom: 32px;
    -webkit-text-decoration: none;
    text-decoration: none;
  }

.news-index article:not(.does-not-exist) .image,.news-index .article .image {
      width: 14.156626506%;
      width: calc(var(--columns-2)*100%);
    }

.news-index article:not(.does-not-exist) .image img,.news-index .article .image img {
        display: block;
        width: 100%;
        height: auto;
      }

@media screen and (max-width: 900px) {

.news-index article:not(.does-not-exist) .image,.news-index .article .image {
        width: 31.3253012048%;
        width: calc(var(--columns-4)*100%);
    }
      }

.news-index article:not(.does-not-exist) .text,.news-index .article .text {
      width: 57.078313253%;
      width: calc(var(--columns-7)*100%);
      margin-left: 3.0120481928%;
      margin-left: calc(var(--gutter)*100%);
      padding: 16px 0px;
    }

@media screen and (max-width: 900px) {

.news-index article:not(.does-not-exist) .text,.news-index .article .text {
        width: 65.6626506024%;
        width: calc(var(--columns-8)*100%);
    }
      }

.news-index article:not(.does-not-exist) .date,.news-index .article .date {
      margin-top: 16px;
    }

.news-index article:not(.does-not-exist) h3,.news-index .article h3 {
      margin-bottom: 16px;
    }

.news-index article:not(.does-not-exist) p,.news-index .article p {
      margin-bottom: 8px;
    }

section.home .news-index {
    flex-direction: row;
    flex-wrap: wrap;
    width: 65.6626506024%;
    width: calc(var(--columns-8)*100%);
  }

@media screen and (max-width: 900px) {

section.home .news-index {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    float: none;
  }
  }

section.home .news-index .ad {
      width: 100%;
      margin-bottom: 110px;
    }

section.home .news-index .ad .mobile {
        display: none;
      }

@media screen and (max-width: 900px) {
        section.home .news-index .ad .desktop {
          display: none;
        }
        section.home .news-index .ad .mobile {
          display: block;
        }

section.home .news-index .ad {
        margin-bottom: 80px;
    }
      }

section.home .news-index .ad:last-child {
        margin-bottom: 0px;
      }

section.home .news-index .ad img {
        display: block;
        width: 100%;
        height: auto;
        border-radius: 0px;
      }

section.home .news-index .article {
      flex-wrap: wrap;
      width: 47.7064220183%;
      width: calc(var(--columns-4)/var(--columns-8)*100%);
      margin-bottom: 110px;
    }

@media screen and (max-width: 900px) {

section.home .news-index .article {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    float: none;
        margin-bottom: 40px;
    }
  }

section.home .news-index .article-1,section.home .news-index .article-4 {
      width: 100%;
    }

section.home .news-index .article-1 .image,section.home .news-index .article-4 .image {
        width: 47.7064220183%;
        width: calc(var(--columns-4)/var(--columns-8)*100%);
      }

@media screen and (max-width: 900px) {

section.home .news-index .article-1 .image,section.home .news-index .article-4 .image {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    float: none;
      }
  }

section.home .news-index .article-1 .text,section.home .news-index .article-4 .text {
        width: 47.7064220183%;
        width: calc(var(--columns-4)/var(--columns-8)*100%);
        margin-left: 4.5871559633%;
        margin-left: calc(var(--gutter)/var(--columns-8)*100%);
        display: flex;
        flex-direction: column;
        justify-content: center;
      }

@media screen and (max-width: 900px) {

section.home .news-index .article-1 .text,section.home .news-index .article-4 .text {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    float: none;
      }
  }

section.home .news-index .article-2 .image,section.home .news-index .article-3 .image {
        width: 100%;
      }

section.home .news-index .article-2 .text,section.home .news-index .article-3 .text {
        width: 100%;
        margin: 0px;
      }

section.home .news-index .article-3 {
      margin-left: 4.5871559633%;
      margin-left: calc(var(--gutter)/var(--columns-8)*100%);
    }

@media screen and (max-width: 900px) {

section.home .news-index .article-3 {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    float: none;
    }
  }

.newsletter {
  width: 65.6626506024%;
  width: calc(var(--columns-8)*100%);
  margin-top: 167px;
  border-top: 1px solid #c7c7c7;
  border-top: 1px solid var(--border-color);
  padding-top: 58px;
}

@media screen and (max-width: 900px) {

.newsletter {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    float: none;
}
  }

.newsletter .email {
    width: 47.7064220183%;
    width: calc(var(--columns-4)/var(--columns-8)*100%);
    margin-bottom: 24px;
  }

@media screen and (max-width: 900px) {

.newsletter .email {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    float: none;
  }
  }

section.page {
  position: relative;
  z-index: 10;
  padding-left: 7.6530612245%;
  padding-left: calc((var(--outer-margin)/var(--ref-width))*100%);
  padding-right: 7.6530612245%;
  padding-right: calc((var(--outer-margin)/var(--ref-width))*100%);
}

@media screen and (max-width: 900px) {

section.page {
    padding-left: 10px;
    padding-left: var(--outer-margin-mobile);
    padding-right: 10px;
    padding-right: var(--outer-margin-mobile);
}
  }

@media print {

section.page {
    padding-left: 0;
    padding-right: 0;
}
  }

section.page .intro {
    margin-bottom: 30px;
    width: 74.2469879518%;
    width: calc(var(--columns-9)*100%);
  }

@media screen and (max-width: 900px) {

section.page .intro {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    float: none;
  }
  }

section.page .intro:first-of-type {
      margin-bottom: 40px;
    }

@media screen and (max-width: 900px) {

section.page .intro:first-of-type {
        margin-bottom: 32px;
    }
      }

section.page .intro .date {
      margin-top: 32px;
    }

section.page .excerpt {
    font: 700 22px/1.27 "Neue Haas Unica", sans-serif;
    font: var(--font-large);
    width: 65.3144016227%;
    width: calc(var(--columns-6)/var(--columns-9)*100%);
  }

@media screen and (max-width: 900px) {

section.page .excerpt {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    float: none;
  }
  }

section.page .content {
    width: 48.4939759036%;
    width: calc(var(--columns-6)*100%);
    margin-left: 17.1686746988%;
    margin-left: calc((var(--columns-2) + var(--gutter))*100%);
  }

@media screen and (max-width: 900px) {

section.page .content {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    float: none;
  }
  }

section.page .content .responsive-embed {
      margin: 60px 0px;
      width: 117.701863354%;
      width: calc(var(--columns-7)/var(--columns-6)*100%);
    }

@media screen and (max-width: 900px) {

section.page .content .responsive-embed {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    float: none;
    }
  }

section.page .attachments {
    margin-left: 17.1686746988%;
    margin-left: calc((var(--columns-2) + var(--gutter))*100%);
    margin-top: 64px;
    list-style-type: none;
  }

@media screen and (max-width: 900px) {

section.page .attachments {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    float: none;
  }
  }

section.page .attachments li {
      background: transparent url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cdefs%3E%3Cpath%20id%3D%22a%22%20d%3D%22M17%2010H5.5c-2.21%200-4-1.79-4-4s1.79-4%204-4H18a2.5%202.5%200%200%201%200%205H7.5c-.55%200-1-.45-1-1s.45-1%201-1H17V3.5H7.5a2.5%202.5%200%200%200%200%205H18c2.21%200%204-1.79%204-4s-1.79-4-4-4H5.5C2.46.5%200%202.96%200%206s2.46%205.5%205.5%205.5H17z%22%2F%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20transform%3D%22translate%281%206%29%22%3E%3Cmask%20id%3D%22b%22%20fill%3D%22%23fff%22%3E%3Cuse%20xlink%3Ahref%3D%22%23a%22%2F%3E%3C%2Fmask%3E%3Cg%20fill%3D%22%23000%22%20fill-opacity%3D%22.87%22%20mask%3D%22url%28%23b%29%22%3E%3Cpath%20d%3D%22M-1-6h24v24H-1z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E') left top no-repeat;
      margin-bottom: 24px;
      padding-left: 48px;
    }

section.page .attachments li:last-child {
        margin-bottom: 0px;
      }

.pagination {
  margin-top: 64px;
  display: block;
  clear: both;
  width: 100%;
  text-align: center;
  line-height: 40px;
}

.pagination span,.pagination em,.pagination a {
    -webkit-text-decoration: none;
    text-decoration: none;
    color: #000;
    color: var(--text-color);
    margin: 0px 8px;
  }

.pagination em {
    font-style: normal;
  }

.pagination .current {
    background: #000;
    background: var(--text-color);
    color: #fff;
    color: var(--background-color);
    display: inline-block;
    width: 40px;
    border-radius: 4px;
  }

.pagination .disabled {
    color: #000;
    color: var(--text-light-color);
  }

.pagination .previous_page,.pagination .next_page {
    font-weight: 700;
  }

section.signup {
  position: relative;
  z-index: 10;
  padding-left: 7.6530612245%;
  padding-left: calc((var(--outer-margin)/var(--ref-width))*100%);
  padding-right: 7.6530612245%;
  padding-right: calc((var(--outer-margin)/var(--ref-width))*100%);
}

@media screen and (max-width: 900px) {

section.signup {
    padding-left: 10px;
    padding-left: var(--outer-margin-mobile);
    padding-right: 10px;
    padding-right: var(--outer-margin-mobile);
}
  }

@media print {

section.signup {
    padding-left: 0;
    padding-right: 0;
}
  }

section.signup .content {
    width: 48.4939759036%;
    width: calc(var(--columns-6)*100%);
  }

@media screen and (max-width: 900px) {

section.signup .content {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    float: none;
  }
  }

section.signup .user.map {
    background: #eee;
    width: 100%;
    min-height: 300px;
    padding-bottom: 66.7%;
    margin: 40px 0px;
  }

section.signup .studio,section.signup .user.map,section.signup .map_explanation {
    transition: opacity 250ms ease-out;
  }

section.signup .studio.disabled:not(.does-not-exist),section.signup .user.map.disabled,section.signup .map_explanation.disabled:not(.does-not-exist) {
      opacity: 0.3;
    }

section.signup .studio.disabled .user.map.disabled,section.signup .studio.disabled .map_explanation.disabled {
      opacity: 1;
    }

section.signup textarea {
    min-height: 100px;
  }

section.signup .signup-images {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 1rem;
    gap: 1rem;
    margin: 40px 0px;
  }

section.signup .signup-images .actions {
      margin-top: 8px;
    }

section.signup .signup-images .signup-image img {
        width: 100%;
        height: auto;
      }

.sponsors .sponsor {
    display: flex;
    margin-bottom: 64px;
  }

.sponsors .sponsor .logo {
      width: 14.156626506%;
      width: calc(var(--columns-2)*100%);
      min-height: 11.9897959184%;
      min-height: calc(var(--columns-2)*var(--ref-width-adjust)*100%);
      display: flex;
      flex-direction: column;
      justify-content: center;
    }

@media screen and (max-width: 900px) {

.sponsors .sponsor .logo {
        width: 31.3253012048%;
        width: calc(var(--columns-4)*100%);
    }
      }

.sponsors .sponsor .logo img {
        width: 100%;
        height: auto;
      }

.sponsors .sponsor .text {
      width: 57.078313253%;
      width: calc(var(--columns-7)*100%);
      margin-left: 3.0120481928%;
      margin-left: calc(var(--gutter)*100%);
      padding: 16px 0px;
    }

@media screen and (max-width: 900px) {

.sponsors .sponsor .text {
        width: 65.6626506024%;
        width: calc(var(--columns-8)*100%);
    }
      }

nav.subnav {
  border-top: 1px solid #c7c7c7;
  border-top: 1px solid var(--border-color);
  margin-bottom: 64px;
  width: 74.2469879518%;
  width: calc(var(--columns-9)*100%);
}

@media screen and (max-width: 900px) {

nav.subnav {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    float: none;
}
  }

nav.subnav .search {
    float: right;
    width: 34.6330275229%;
    width: calc(var(--columns-3)/var(--columns-8)*100%);
    padding: 16px 0px;
    border: 0px;
    border-bottom: 1px solid #c7c7c7;
    border-bottom: 1px solid var(--border-color);
    background: transparent;
  }

nav.subnav .search:focus {
      border-bottom: 1px solid #000;
      border-bottom: 1px solid var(--text-color);
      outline: none;
    }

@media screen and (max-width: 900px) {

nav.subnav .search {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    float: none;
  }
  }

nav.subnav ul {
    list-style-type: none;
    padding: 0px;
    font: 700 15px/1.33 "Neue Haas Unica", sans-serif;
    font: 700 15px/1.33 var(--font-sans);
    margin-bottom: 0px;
  }

nav.subnav li {
    display: inline-block;
    margin-right: 24px;
  }

nav.subnav a,nav.subnav a:visited {
    display: block;
    padding: 16px 0px;
    border-bottom: 1px solid #c7c7c7;
    border-bottom: 1px solid var(--border-color);
    -webkit-text-decoration: none;
    text-decoration: none;
  }

nav.subnav a.current,nav.subnav a:hover,nav.subnav a:focus {
    color: #000;
    color: var(--text-color);
    border-bottom: 2px solid #000;
    border-bottom: 2px solid var(--text-color);
    padding-bottom: 15px;
  }

.toast-wrapper {
  position: fixed;
  bottom: 0px;
  width: 100%;
  text-align: center;
  overflow: hidden;
  z-index: 300;
}

.toast-wrapper .toast {
    font-size: 14px;
    display: inline-block;
    background: #000;
    background: var(--text-color);
    color: #fff;
    color: var(--background-color);
    margin: 20px auto 0px auto;
    padding: 15px 30px;
    min-width: 66%;
    text-align: left;
    animation-duration: 500ms;
    animation-name: toast-appear;
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-fill-mode: forwards;
  }

.toast-wrapper .toast.fadeout {
      animation-duration: 300ms;
      animation-name: toast-disappear;
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

@keyframes toast-appear {
  from {
    transform: translateZ(0px) translateY(60px);
  }
  to {
    transform: translateZ(0px) translateY(0px);
  }
}

@keyframes toast-disappear {
  from {
    transform: translateZ(0px) translateY(0px);
  }
  to {
    transform: translateZ(0px) translateY(60px);
  }
}