@charset "UTF-8";
/*!
 * Theme Name: Magnus Mårding
 * Theme URI: https://www.magnusmarding.com
 * Author: Przemek Maczewski, Michal Niewitala, Henrik Mattsson
 * Author URI: https://www.henrikmattsson.com
 * Description: Base theme for Magnus Mårding's website. Developers are strongly encouraged to modify the child theme instead of this core theme.
 * Version: 2.3.0
 * License: GNU General Public License v3
 * License URI: http://www.gnu.org/licenses/gpl-3.0.html
 * Text Domain: magnusmarding
 *
 * Copyright: Content (c) Magnus Mårding 2017 / Site Concept, Design & CSS (c) Henrik Mattsson 2017
 *
 * Project Team: Henrik Mattsson (concept development, site design, project management), Michal Niewitala (front-end development), Przemek Maczewski (WordPress development)
 */

/*
    #############

    Fonts

    ############# */
@font-face {
  font-family: "Gill Sans Nova";
  font-weight: 600;
  font-style: normal;
  src: url("assets/fonts/GillSansNovaSemiBold.woff2") format("woff2"), url("assets/fonts/GillSansNovaSemiBold.woff") format("woff");
  font-display: swap;
}

@font-face {
  font-family: "Gill Sans Nova";
  font-weight: 400;
  font-style: normal;
  src: url("assets/fonts/GillSansNovaMedium.woff2") format("woff2"), url("assets/fonts/GillSansNovaMedium.woff") format("woff");
  font-display: swap;
}

/*
    #############

    Base

    ############# */
/*! 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;
}

/*! Flickity v2.3.0
https://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus {
  outline: 0;
}

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: grabbing;
}

.flickity-button {
  position: absolute;
  background: rgba(255, 255, 255, 0.75);
  border: none;
  color: #333;
}

.flickity-button:hover {
  background: #fff;
  cursor: pointer;
}

.flickity-button:focus {
  outline: 0;
  box-shadow: 0 0 0 5px #19f;
}

.flickity-button:active {
  opacity: .6;
}

.flickity-button:disabled {
  opacity: .3;
  cursor: auto;
  pointer-events: none;
}

.flickity-button-icon {
  fill: currentColor;
}

.flickity-prev-next-button {
  top: 50%;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  transform: translateY(-50%);
}

.flickity-prev-next-button.previous {
  left: 10px;
}

.flickity-prev-next-button.next {
  right: 10px;
}

.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px;
}

.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px;
}

.flickity-prev-next-button .flickity-button-icon {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}

.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -25px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}

.flickity-rtl .flickity-page-dots {
  direction: rtl;
}

.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #333;
  border-radius: 50%;
  opacity: .25;
  cursor: pointer;
}

.flickity-page-dots .dot.is-selected {
  opacity: 1;
}

/* flickity-fade */
.flickity-enabled.is-fade .flickity-slider > * {
  pointer-events: none;
  z-index: 0;
}

.flickity-enabled.is-fade .flickity-slider > .is-selected {
  pointer-events: auto;
  z-index: 1;
}

/*
    #############

    Grid

    ############# */
.container {
  max-width: 1216px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 32px;
  padding-right: 32px;
}

.container:after {
  content: " ";
  display: block;
  clear: both;
}

@media (min-width: 640px) and (max-width: 767px) {
  .container {
    padding-left: 48px;
    padding-right: 48px;
  }
}

@media (min-width: 768px) {
  .container {
    padding-left: 112px;
    padding-right: 112px;
  }
}

.type-page:not(.gallery), .not-found {
  max-width: 592px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 32px;
  padding-right: 32px;
}

.type-page:not(.gallery):after, .not-found:after {
  content: " ";
  display: block;
  clear: both;
}

@media (max-width: 479px) {
  .col + .col {
    margin-top: 20px;
  }
}

/*
    #############

    Layout

    ############# */
:root {
  --pad: 8px;
  --vHeight: calc(100vh - 60px);
  --introHeader: clamp(128px, calc((var(--vHeight) - (100vw - 16px) * 720 / 1280) / 2), 352px);
}

@supports (width: 1svh) {
  :root {
    --vHeight: 100svh;
  }
}

@supports (width: 1dvh) {
  :root {
    --vHeight: 100dvh;
  }
}

@media (min-width: 640px) {
  :root {
    --pad: 32px;
  }
}

@media (min-width: 1024px) {
  :root {
    --introHeader: 128px;
  }
}

@media (min-width: 1800px) {
  :root {
    --introHeader: 192px;
  }
}

html, body {
  height: 100%;
  width: 100%;
}

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

body {
  font-family: "Gill Sans Nova", "Gill Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 15px;
  line-height: 1.3333333333;
  letter-spacing: 0.15px;
  font-weight: 600;
  color: #1B1B1B;
}

body:before {
  content: "mobile";
  display: none;
}

@media (min-width: 960px) {
  body:before {
    content: "desktop";
  }
}

img, svg {
  max-width: 100%;
  height: auto;
}

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

.no-js .lazyload {
  display: none;
}

.fadein {
  opacity: 0;
  transition: opacity .3s ease-out;
}

.fadein.lazyloaded {
  opacity: 1;
}

.spinner {
  background-color: rgba(0, 0, 0, 0.025);
  background-repeat: no-repeat;
  background-position: center;
}

p {
  margin: 1.6em 0;
}

figure {
  margin: 0;
}

iframe {
  border: 0;
  display: block;
}

[id=main] .gallery-images figure.image, .swiper-slide-visible .gallery figure.image, .intro-slider figure.image {
  position: relative;
}

[id=main] .gallery-images figure.image:after, .swiper-slide-visible .gallery figure.image:after, .intro-slider figure.image:after {
  content: '';
  width: 2em;
  height: 2em;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -1em 0 0 -1em;
  background-color: #1B1B1B;
  border-radius: 50%;
  opacity: 0;
  animation: ballPulse 2s ease-in-out infinite;
}

[id=main] .gallery-images figure.image img, .swiper-slide-visible .gallery figure.image img, .intro-slider figure.image img {
  position: relative;
  z-index: 1;
}

[id=main] .gallery-images .image, .swiper-slide-visible .gallery .image, .intro-slider .image {
  background-color: rgba(27, 27, 27, 0.05);
}

@keyframes ballPulse {
  0% {
    transform: scale(0);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 600;
  font-size: inherit;
}

::-moz-selection {
  color: white;
  background: #333;
}

::selection {
  color: white;
  background: #333;
}

.size-auto, .size-full, .size-large, .size-medium, .size-thumbnail {
  max-width: 100%;
  height: auto;
}

img.alignright, .wp-caption.alignright {
  clear: right;
  margin: 0 0 .5em 8%;
}

img.alignleft, .wp-caption.alignleft {
  margin: 0 8% .5em 0;
}

img.alignleft, img.alignright, .wp-caption.alignleft, .wp-caption.alignright {
  max-width: 45%;
}

img.aligncenter, .wp-caption.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

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

.wp-caption p {
  margin: .5em 0 0 0;
}

.alignright {
  float: right;
}

.alignleft {
  float: left;
}

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
  word-break: normal;
}

/*
    #############

    Icons

    ############# */
.close {
  background-image: url("data:image/svg+xml;charset%3DUS-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%3E%3Cpath%20d%3D%22M15.8%2014.4L9.4%208l6.4-6.4L14.4.2%208%206.6%201.6.2.2%201.6%206.6%208%20.2%2014.4l1.4%201.4L8%209.4l6.4%206.4z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
}

.nav-toggle, .navicon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none'%3E%3Ccircle cx='16' cy='16' r='16' fill='%23fff'/%3E%3Cpath fill='%231B1B1B' d='M11 11h10v2H11zM11 15h10v2H11zM11 19h10v2H11z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.slideout-open .nav-toggle, .slideout-open .navicon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none'%3E%3Ccircle cx='16' cy='16' r='16' fill='%23fff'/%3E%3Cpath fill='%231B1B1B' d='M11 19.485 19.485 11l1.414 1.414-8.485 8.485z'/%3E%3Cpath fill='%231B1B1B' d='M19.485 20.9 11 12.415 12.414 11l8.486 8.486z'/%3E%3C/svg%3E");
}

.flickity-button.previous {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='12' fill='none'%3E%3Cpath fill='%231B1B1B' d='M7.071 1.414 1.414 7.071 0 5.657 5.657 0 7.07 1.414Z'/%3E%3Cpath fill='%231B1B1B' d='M1.414 4.243 7.071 9.9l-1.414 1.414L0 5.657l1.414-1.414Z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.flickity-button.next {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='12' fill='none'%3E%3Cpath fill='%231B1B1B' d='M.243 9.9 5.9 4.243l1.414 1.414-5.657 5.657L.243 9.9Z'/%3E%3Cpath fill='%231B1B1B' d='M5.9 7.071.243 1.414 1.657 0l5.657 5.657L5.9 7.071Z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.view-toggle {
  background-image: url("data:image/svg+xml;charset%3DUS-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%3E%3Cpath%20fill%3D%22%231B1B1B%22%20d%3D%22M5%200h2v2H5zm5%200h2v2h-2zM0%200h2v2H0zm5%205h2v2H5zm5%200h2v2h-2zM0%205h2v2H0zm5%205h2v2H5zm5%200h2v2h-2zM0%2010h2v2H0z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
}

.gallery-is-grid .view-toggle, .page-template-gallery:not(.gallery-is-slider) .view-toggle {
  background-image: url("data:image/svg+xml;charset%3DUS-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2212%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M0%201h15v11H0z%22%2F%3E%3Cpath%20fill%3D%22%231B1B1B%22%20d%3D%22M16%2012H0V0h16v12zM2%2010h12V2H2v8z%22%2F%3E%3C%2Fsvg%3E");
}

.spinner {
  background-image: url("data:image/svg+xml;charset%3DUS-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23999%22%3E%3Cpath%20opacity%3D%22.1%22%20d%3D%22M14%200h4v8h-4z%22%3E%3Canimate%20attributeName%3D%22opacity%22%20from%3D%221%22%20to%3D%22.1%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20begin%3D%220%22%2F%3E%3C%2Fpath%3E%3Cpath%20opacity%3D%22.1%22%20d%3D%22M25.9%203.272l2.828%202.83-5.657%205.655-2.82-2.827z%22%3E%3Canimate%20attributeName%3D%22opacity%22%20from%3D%221%22%20to%3D%22.1%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20begin%3D%220.125s%22%2F%3E%3C%2Fpath%3E%3Cpath%20opacity%3D%22.1%22%20d%3D%22M32%2014v4h-8v-4z%22%3E%3Canimate%20attributeName%3D%22opacity%22%20from%3D%221%22%20to%3D%22.1%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20begin%3D%220.25s%22%2F%3E%3C%2Fpath%3E%3Cpath%20opacity%3D%22.1%22%20d%3D%22M28.728%2025.9l-2.83%202.828-5.655-5.657%202.828-2.82z%22%3E%3Canimate%20attributeName%3D%22opacity%22%20from%3D%221%22%20to%3D%22.1%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20begin%3D%220.375s%22%2F%3E%3C%2Fpath%3E%3Cpath%20opacity%3D%22.1%22%20d%3D%22M18%2032h-4v-8h4z%22%3E%3Canimate%20attributeName%3D%22opacity%22%20from%3D%221%22%20to%3D%22.1%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20begin%3D%220.5s%22%2F%3E%3C%2Fpath%3E%3Cpath%20opacity%3D%22.1%22%20d%3D%22M6.1%2028.728l-2.828-2.83%205.657-5.655%202.82%202.828z%22%3E%3Canimate%20attributeName%3D%22opacity%22%20from%3D%221%22%20to%3D%22.1%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20begin%3D%220.675s%22%2F%3E%3C%2Fpath%3E%3Cpath%20opacity%3D%22.1%22%20d%3D%22M0%2018v-4h8v4z%22%3E%3Canimate%20attributeName%3D%22opacity%22%20from%3D%221%22%20to%3D%22.1%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20begin%3D%220.75s%22%2F%3E%3C%2Fpath%3E%3Cpath%20opacity%3D%22.1%22%20d%3D%22M3.272%206.1l2.83-2.828%205.655%205.657-2.827%202.82z%22%3E%3Canimate%20attributeName%3D%22opacity%22%20from%3D%221%22%20to%3D%22.1%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20begin%3D%220.875s%22%2F%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
}

.download, .download-link {
  background-image: url("data:image/svg+xml;charset%3DUS-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2215%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M8.898%208.793L1.102.999%200%202.102l7.795%207.794L8.898%2011l1.103-1.104%207.794-7.794L16.692.999zM18%2015H0v-2h18z%22%2F%3E%3Cpath%20fill%3D%22%231B1B1B%22%20d%3D%22M8.898%207.793L1.102-.001%200%201.102l7.795%207.794L8.898%2010l1.103-1.104%207.794-7.794-1.102-1.103zM18%2014H0v-2h18z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
}

/*
    #############

    Helpers

    ############# */
.col > *:first-child, [id=nav] > *:first-child, .type-page:not(.gallery) .entry > *:first-child, .not-found .entry > *:first-child, .type-page:not(.gallery) .endnote > *:first-child, .not-found .endnote > *:first-child {
  margin-top: 0;
}

.col > *:last-child, [id=nav] > *:last-child, .type-page:not(.gallery) .entry > *:last-child, .not-found .entry > *:last-child, .type-page:not(.gallery) .endnote > *:last-child, .not-found .endnote > *:last-child {
  margin-bottom: 0;
}

.page-template-gallery .entry > p:first-child > *:not(div):first-child {
  margin-top: -.33em;
}

.page-template-gallery .entry > p:first-child > *:not(div):last-child {
  margin-bottom: -.33em;
}

[id=header] .nav-toggle, [id=header] .view-toggle, .sound-button.is-global {
  width: 48px;
  height: 128px;
}

@media (min-width: 375px) and (max-width: 768px) {
  [id=header] .nav-toggle, [id=header] .view-toggle, .sound-button.is-global {
    width: 80px;
  }
}

@media (min-width: 960px) {
  [id=header] .nav-toggle, [id=header] .view-toggle, .sound-button.is-global {
    width: 128px;
    height: 128px;
  }
}

.intro-slider .flickity-button, .gallery-images .flickity-button {
  width: 32px;
  height: 100%;
}

@media (min-width: 640px) {
  .intro-slider .flickity-button, .gallery-images .flickity-button {
    width: 48px;
  }
}

@media (min-width: 960px) {
  .intro-slider .flickity-button, .gallery-images .flickity-button {
    width: 128px;
  }
}

/*
    #############

    Modules

    ############# */
.page-title, .gallery-title, .image-caption {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin: 0;
  padding: 49px 0 47px;
  min-height: 32px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
}

.page-title {
  text-transform: uppercase;
  letter-spacing: 1.5px;
}

/*
    #############

    Header

    ############# */
[id=header] {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
  box-sizing: border-box;
  padding: 0 64px;
  overflow: hidden;
}

.error404 [id=header] {
  position: relative;
}

.error404 [id=header] + * {
  height: auto;
}

[id=header] .site-title {
  color: #404040;
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  letter-spacing: 0.16em;
  word-spacing: -0.20em;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  height: var(--introHeader);
  margin: 2.5px 0 0;
}

@media (min-width: 1200px) {
  [id=header] .site-title {
    font-size: 25px;
    line-height: 36px;
    font-weight: 400;
  }
}

@media (min-width: 1800px) {
  [id=header] .site-title {
    font-size: 27px;
  }
}

@media (max-width: 768px) {
  [id=header] .site-title {
    transition: none !important;
  }
}

body:not(.home):not(.error404) [id=header] .site-title {
  visibility: hidden;
}

[id=header] .nav-toggle, [id=header] .view-toggle {
  display: block;
  position: fixed;
  top: 0;
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  overflow: visible;
  background-position: center;
  pointer-events: auto;
  outline: none;
}

[id=header] .nav-toggle {
  left: 0;
}

[id=header] .view-toggle {
  right: 0;
  display: none;
}

@media (min-width: 1200px) {
  [id=header] .view-toggle {
    display: block;
  }
}

.page-template-default:not(.home) [id=header] .view-toggle {
  visibility: hidden;
}

.home [id=header] .view-toggle {
  visibility: hidden;
}

@media (max-width: 767px) {
  .home [id=header] .site-title, .home [id=header] .nav-toggle {
    visibility: visible;
    opacity: 1;
  }
  .home [id=header] .gallery-title, .home [id=header] .gallery-subtitle {
    display: none !important;
  }
}

/*
    #############

    Nav

    ############# */
[id=nav] {
  background-color: #1B1B1B;
  color: #B3B2B2;
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  z-index: 0;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  box-sizing: border-box;
  visibility: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  line-height: 24px;
  padding: 52px 32px 60px 32px;
  max-width: calc(100% - 80px);
}

@media (min-width: 768px) {
  [id=nav] {
    padding: 52px 60px 60px 60px;
    min-width: 400px;
  }
}

[id=nav]::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

[id=nav]::-webkit-scrollbar-thumb {
  background: rgba(190, 190, 190, 0.5);
  border-radius: 4px;
}

[id=nav]::-webkit-scrollbar-track, [id=nav]::-webkit-scrollbar-thumb {
  border: 2px solid transparent;
  background-clip: padding-box;
}

[id=nav]::-webkit-scrollbar-track {
  background: #333333;
  width: 16px;
}

[id=nav] {
  scrollbar-face-color: rgba(190, 190, 190, 0.5);
  scrollbar-track-color: #333333;
}

.home [id=nav] .site-title {
  color: white;
}

[id=nav] [class*=current] a {
  color: white;
}

.home [id=nav] [class*=current] a {
  color: inherit;
}

[id=nav] * + .item, [id=nav] > * + * {
  margin-top: 24px;
}

[id=nav] ul {
  padding: 0;
  list-style-type: none;
  margin-bottom: 0;
}

[id=nav] ul li {
  white-space: nowrap;
}

[id=nav] a {
  transition: color .2s ease;
}

[id=nav] a:hover {
  color: white;
}

[id=nav] .site-title {
  text-transform: uppercase;
  letter-spacing: 1.5px;
  display: block;
  line-height: 24px;
  max-width: 20em;
}

[id=nav] .site-description {
  display: block;
  line-height: 20px;
}

[id=nav] .subjects, [id=nav] .pages {
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

[id=nav] .nav-toggle {
  position: absolute;
  top: 40px;
  right: 32px;
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  width: 1.6em;
  height: 1.6em;
  margin: 0;
  margin-right: calc(image_width("grunticon/png/cross.png")/2 - .8em);
  background-position: center;
}

@media (min-width: 640px) {
  [id=nav] .nav-toggle {
    right: 64px;
  }
}

@media (min-width: 960px) {
  [id=nav] .nav-toggle {
    top: 52px;
  }
}

.slideout-panel {
  position: relative;
  z-index: 1;
  background-color: #FFF;
  min-height: var(--vHeight);
}

.slideout-open {
  overflow: hidden;
}

.slideout-open body, .slideout-open .slideout-panel {
  overflow: hidden;
}

.slideout-open .slideout-menu {
  visibility: visible;
}

.slideout-open .nav-toggle {
  opacity: 1 !important;
}

@media (max-width: 768px) {
  .slideout-open [id=header] > * {
    opacity: .5;
  }
  .slideout-open [id=main] {
    opacity: .5;
  }
}

/*
    #############

    Main

    ############# */
[id=panel], [id=main] {
  height: 100%;
}

[id=panel] {
  background-color: white;
}

/*
    #############

    Intro slider

    ############# */
.intro-slider {
  padding: var(--introHeader) 8px;
  height: 100%;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  box-sizing: border-box;
}

@media (min-aspect-ratio: 16 / 9) {
  .intro-slider {
    padding-left: 15%;
    padding-right: 15%;
  }
}

.intro-slider img {
  display: block;
  transition: opacity .8s ease;
}

.intro-slider .media-item {
  height: 100%;
  width: auto;
  display: flex;
  background-color: #fff;
  opacity: 0 !important;
  transition: opacity .8s ease;
}

.intro-slider .media-item.is-selected {
  opacity: 1 !important;
}

.intro-slider .media-item.type-video {
  position: relative;
}

.intro-slider .media-item.type-video iframe, .intro-slider .media-item.type-video .video-poster {
  height: 100%;
  width: 100%;
}

.intro-slider .media-item.type-photo img {
  height: 100%;
  width: auto;
  -o-object-fit: contain;
     object-fit: contain;
}

.intro-slider .media-item.horizontal {
  width: 100%;
  justify-content: center;
  align-items: center;
}

.intro-slider .media-item.vertical {
  max-width: calc((100% - var(--pad)) / 2);
}

.intro-slider .media-item.vertical + .vertical {
  margin-left: var(--pad);
}

.intro-slider .video-poster {
  background-size: 0, 0, contain !important;
}

.intro-slider .video-embed {
  background-image: none !important;
}

.intro-slider .is-selected + *[style*="opacity: 0;"]:not(.is-selected), .intro-slider .is-selected + * + *[style*="opacity: 0;"]:not(.is-selected) {
  opacity: 0.001 !important;
}

.intro-slider .flickity-button {
  background-position: center;
  padding: 0;
  transform: none;
  top: 0;
  border-radius: 0;
  outline: none;
  opacity: 1;
  display: none;
  background-color: #fff;
}

@media (min-width: 960px) {
  .intro-slider .flickity-button {
    display: block;
  }
}

.intro-slider .flickity-button svg {
  display: none;
}

.intro-slider .flickity-button.previous {
  left: 0;
}

.intro-slider .flickity-button.next {
  right: 0;
}

.intro-slider .flickity-button:disabled {
  opacity: 0 !important;
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: default;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: default;
}

/*
    #############

    Video

    ############# */
[data-poster] {
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

[data-poster].is-playing {
  background-image: none !important;
}

.video-embed ~ .video-poster {
  opacity: 1;
}

.video-embed.is-playing ~ .video-poster {
  background-size: 0, 0, contain;
  opacity: 0;
}

.video-embed.is-loading ~ .video-poster {
  background-size: auto, 0, contain;
}

.video-poster {
  width: 100%;
  height: 100%;
  background-size: 0, auto, contain;
  background-repeat: no-repeat;
  background-position: center;
  background-color: white;
  cursor: pointer;
  pointer-events: auto;
  backface-visibility: hidden;
  transform: translateZ(0);
  transition: opacity .3s ease-out;
}

/*
    #############

    Gallery

    ############# */
.gallery {
  min-height: 100%;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  padding-left: 8px;
  padding-right: 8px;
  padding-bottom: 24px;
}

@media (min-width: 640px) {
  .gallery {
    padding-bottom: 48px;
  }
}

@media (min-width: 768px) {
  .gallery {
    padding-bottom: 0;
  }
}

@media (min-width: 640px) and (max-width: 959px) {
  .gallery {
    padding-left: 48px;
    padding-right: 48px;
  }
}

@media (min-width: 960px) {
  .gallery {
    padding-left: 128px;
    padding-right: 128px;
  }
}

.gallery-caption {
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.gallery-images {
  transition: opacity .3s ease-in-out;
  opacity: 1;
}

.is-switching .gallery-images {
  opacity: 0;
}

.gallery-images:after {
  content: '';
  display: none;
}

@media (min-width: 960px) {
  .gallery-images:not(.is-grid):after {
    content: 'flickity';
  }
}

.gallery-images img {
  display: block;
}

.gallery-images img:not(.video-poster) {
  pointer-events: none;
}

.gallery-images {
  display: grid;
  align-content: flex-start;
  align-items: flex-start;
  grid-gap: var(--pad);
  grid-template-columns: repeat(2, 1fr);
  grid-auto-flow: row dense;
  box-sizing: border-box;
  max-width: 1216px;
  margin-left: auto;
  margin-right: auto;
  min-height: calc(var(--vHeight) - 128px * 2);
}

@media (min-width: 768px) {
  .gallery-images {
    grid-template-columns: repeat(6, 1fr);
  }
}

.gallery-images .media-item:not(.vertical) {
  grid-column: span 2;
}

.gallery-images:last-child {
  margin-bottom: var(--pad);
}

.gallery-images .media-item {
  cursor: pointer;
  position: relative;
}

.gallery-images .media-item figcaption {
  display: none;
}

.gallery-images .media-item iframe, .gallery-images .media-item .video-poster {
  max-height: 100%;
}

.gallery-images .media-item iframe {
  max-width: 100%;
  height: auto;
}

@media (min-width: 960px) {
  .home:not(.gallery-is-grid) .gallery-images, .archive:not(.gallery-is-grid) .gallery-images, .page-template-showcase:not(.gallery-is-grid) .gallery-images, .page-template-gallery.gallery-is-slider .gallery-images {
    display: block;
    height: calc(var(--vHeight) - 128px);
    width: 100%;
    max-width: none;
    margin: 0;
  }
  .home:not(.gallery-is-grid) .gallery-images .media-item, .archive:not(.gallery-is-grid) .gallery-images .media-item, .page-template-showcase:not(.gallery-is-grid) .gallery-images .media-item, .page-template-gallery.gallery-is-slider .gallery-images .media-item {
    width: auto;
    cursor: pointer;
    height: calc(var(--vHeight) - 256px);
    background-color: transparent;
    display: flex;
    flex-direction: column;
  }
  .home:not(.gallery-is-grid) .gallery-images .media-item.horizontal, .archive:not(.gallery-is-grid) .gallery-images .media-item.horizontal, .page-template-showcase:not(.gallery-is-grid) .gallery-images .media-item.horizontal, .page-template-gallery.gallery-is-slider .gallery-images .media-item.horizontal {
    align-items: center;
  }
  .home:not(.gallery-is-grid) .gallery-images .media-item:not(.is-selected) > *, .archive:not(.gallery-is-grid) .gallery-images .media-item:not(.is-selected) > *, .page-template-showcase:not(.gallery-is-grid) .gallery-images .media-item:not(.is-selected) > *, .page-template-gallery.gallery-is-slider .gallery-images .media-item:not(.is-selected) > * {
    opacity: 0;
  }
  .home:not(.gallery-is-grid) .gallery-images .media-item.is-selected .fadein:not(.lazyloaded), .archive:not(.gallery-is-grid) .gallery-images .media-item.is-selected .fadein:not(.lazyloaded), .page-template-showcase:not(.gallery-is-grid) .gallery-images .media-item.is-selected .fadein:not(.lazyloaded), .page-template-gallery.gallery-is-slider .gallery-images .media-item.is-selected .fadein:not(.lazyloaded) {
    opacity: 0.01;
  }
  .home:not(.gallery-is-grid) .gallery-images .media-item.is-selected figcaption, .archive:not(.gallery-is-grid) .gallery-images .media-item.is-selected figcaption, .page-template-showcase:not(.gallery-is-grid) .gallery-images .media-item.is-selected figcaption, .page-template-gallery.gallery-is-slider .gallery-images .media-item.is-selected figcaption {
    opacity: 1;
  }
  .home:not(.gallery-is-grid) .gallery-images .media-item.has-sibling-caption, .archive:not(.gallery-is-grid) .gallery-images .media-item.has-sibling-caption, .page-template-showcase:not(.gallery-is-grid) .gallery-images .media-item.has-sibling-caption, .page-template-gallery.gallery-is-slider .gallery-images .media-item.has-sibling-caption {
    position: relative;
  }
  .home:not(.gallery-is-grid) .gallery-images .media-item.has-sibling-caption:before, .archive:not(.gallery-is-grid) .gallery-images .media-item.has-sibling-caption:before, .page-template-showcase:not(.gallery-is-grid) .gallery-images .media-item.has-sibling-caption:before, .page-template-gallery.gallery-is-slider .gallery-images .media-item.has-sibling-caption:before {
    content: '';
    height: 128px;
    width: 100%;
    position: absolute;
    top: 100%;
    right: 100%;
    margin-right: 32px;
    background-color: rgba(255, 255, 255, 0);
    transition: background 0s .8s;
  }
  .home:not(.gallery-is-grid) .gallery-images .media-item.has-sibling-caption figcaption, .archive:not(.gallery-is-grid) .gallery-images .media-item.has-sibling-caption figcaption, .page-template-showcase:not(.gallery-is-grid) .gallery-images .media-item.has-sibling-caption figcaption, .page-template-gallery.gallery-is-slider .gallery-images .media-item.has-sibling-caption figcaption {
    transition: opacity .8s, transform 0s .8s;
  }
  .home:not(.gallery-is-grid) .gallery-images .media-item.is-selected.has-sibling-caption + .is-selected.has-sibling-caption:before, .archive:not(.gallery-is-grid) .gallery-images .media-item.is-selected.has-sibling-caption + .is-selected.has-sibling-caption:before, .page-template-showcase:not(.gallery-is-grid) .gallery-images .media-item.is-selected.has-sibling-caption + .is-selected.has-sibling-caption:before, .page-template-gallery.gallery-is-slider .gallery-images .media-item.is-selected.has-sibling-caption + .is-selected.has-sibling-caption:before {
    background-color: white;
    transition-delay: 0s;
  }
  .home:not(.gallery-is-grid) .gallery-images .media-item.is-selected.has-sibling-caption + .is-selected.has-sibling-caption figcaption, .archive:not(.gallery-is-grid) .gallery-images .media-item.is-selected.has-sibling-caption + .is-selected.has-sibling-caption figcaption, .page-template-showcase:not(.gallery-is-grid) .gallery-images .media-item.is-selected.has-sibling-caption + .is-selected.has-sibling-caption figcaption, .page-template-gallery.gallery-is-slider .gallery-images .media-item.is-selected.has-sibling-caption + .is-selected.has-sibling-caption figcaption {
    transform: translateX(calc(-50% - 16px));
    transition-delay: 0s, 0s;
  }
  .home:not(.gallery-is-grid) .gallery-images .media-item:after, .archive:not(.gallery-is-grid) .gallery-images .media-item:after, .page-template-showcase:not(.gallery-is-grid) .gallery-images .media-item:after, .page-template-gallery.gallery-is-slider .gallery-images .media-item:after {
    content: none !important;
  }
  .home:not(.gallery-is-grid) .gallery-images .media-item + .media-item, .archive:not(.gallery-is-grid) .gallery-images .media-item + .media-item, .page-template-showcase:not(.gallery-is-grid) .gallery-images .media-item + .media-item, .page-template-gallery.gallery-is-slider .gallery-images .media-item + .media-item {
    margin-left: 32px;
  }
  .home:not(.gallery-is-grid) .gallery-images img:not(.video-poster), .archive:not(.gallery-is-grid) .gallery-images img:not(.video-poster), .page-template-showcase:not(.gallery-is-grid) .gallery-images img:not(.video-poster), .page-template-gallery.gallery-is-slider .gallery-images img:not(.video-poster) {
    width: auto;
    height: 100%;
    max-width: none;
    backface-visibility: hidden;
    transform: translateZ(0);
  }
  .home:not(.gallery-is-grid) .gallery-images .video-poster, .archive:not(.gallery-is-grid) .gallery-images .video-poster, .page-template-showcase:not(.gallery-is-grid) .gallery-images .video-poster, .page-template-gallery.gallery-is-slider .gallery-images .video-poster {
    background-size: 0, 0, contain !important;
  }
  .home:not(.gallery-is-grid) .gallery-images img, .home:not(.gallery-is-grid) .gallery-images iframe, .archive:not(.gallery-is-grid) .gallery-images img, .archive:not(.gallery-is-grid) .gallery-images iframe, .page-template-showcase:not(.gallery-is-grid) .gallery-images img, .page-template-showcase:not(.gallery-is-grid) .gallery-images iframe, .page-template-gallery.gallery-is-slider .gallery-images img, .page-template-gallery.gallery-is-slider .gallery-images iframe {
    flex: none;
  }
  .home:not(.gallery-is-grid) .gallery-images iframe, .archive:not(.gallery-is-grid) .gallery-images iframe, .page-template-showcase:not(.gallery-is-grid) .gallery-images iframe, .page-template-gallery.gallery-is-slider .gallery-images iframe {
    pointer-events: none;
    height: 100%;
  }
  .home:not(.gallery-is-grid) .gallery-images figcaption, .archive:not(.gallery-is-grid) .gallery-images figcaption, .page-template-showcase:not(.gallery-is-grid) .gallery-images figcaption, .page-template-gallery.gallery-is-slider .gallery-images figcaption {
    display: block;
  }
  .home:not(.gallery-is-grid) .gallery-images img, .home:not(.gallery-is-grid) .gallery-images figcaption, .archive:not(.gallery-is-grid) .gallery-images img, .archive:not(.gallery-is-grid) .gallery-images figcaption, .page-template-showcase:not(.gallery-is-grid) .gallery-images img, .page-template-showcase:not(.gallery-is-grid) .gallery-images figcaption, .page-template-gallery.gallery-is-slider .gallery-images img, .page-template-gallery.gallery-is-slider .gallery-images figcaption {
    transition: opacity .8s ease;
  }
}

.gallery-images.is-grid .video-embed.is-vimeo {
  opacity: 1 !important;
}

.gallery-images:not(.flickity-enabled) .media-item {
  transform: none !important;
}

.gallery-title {
  text-transform: uppercase;
  letter-spacing: 1.5px;
}

.gallery-images .flickity-button {
  transition: opacity .2s ease;
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  position: absolute;
  top: 0;
  margin: 0;
  background-position: center;
  z-index: 1;
  cursor: pointer;
  outline: none;
  transform: none;
  border-radius: 0;
  padding: 0;
  height: calc(100% - 128px);
}

@media (max-width: 959px) {
  .gallery-images .flickity-button {
    display: none;
  }
}

.gallery-images .flickity-button svg {
  display: none;
}

.gallery-images .flickity-button.previous {
  right: 100%;
  left: auto;
}

.gallery-images .flickity-button.next {
  left: 100%;
  right: auto;
}

.gallery-images .flickity-button:disabled {
  opacity: 0 !important;
  pointer-events: none;
}

.sound-button {
  z-index: 100;
  cursor: pointer;
  border: none;
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  overflow: visible;
  background-position: center;
  outline: none;
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 16px 16px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M31 12.41 29.59 11 26 14.59 22.41 11 21 12.41 24.59 16 21 19.59 22.41 21 26 17.41 29.59 21 31 19.59 27.41 16 31 12.41zM18 30a1 1 0 0 1-.71-.3L9.67 22H3a1 1 0 0 1-1-1V11a1 1 0 0 1 1-1h6.67l7.62-7.7a1 1 0 0 1 1.41 0 1 1 0 0 1 .3.7v26a1 1 0 0 1-1 1Z'/%3E%3Cpath d='M0 0h32v32H0z' data-name='<Transparent Rectangle>' style='fill:none'/%3E%3C/svg%3E");
}

.sound-button.is-global.is-active {
  opacity: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='m27.16 8.08-1.53 1.29a10 10 0 0 1-.29 13.23l1.47 1.4a12 12 0 0 0 .35-15.88Z'/%3E%3Cpath d='M21.58 12a6 6 0 0 1-.18 7.94l1.47 1.36a8 8 0 0 0 .23-10.59Z'/%3E%3Cpath d='M18 30a1 1 0 0 1-.71-.3L9.67 22H3a1 1 0 0 1-1-1V11a1 1 0 0 1 1-1h6.67l7.62-7.7a1 1 0 0 1 1.41 0 1 1 0 0 1 .3.7v26a1 1 0 0 1-1 1Z' style='fill:%23000'/%3E%3Cpath d='M0 0h32v32H0z' data-name='<Transparent Rectangle>' style='fill:none'/%3E%3C/svg%3E");
}

@media (min-width: 960px) {
  .sound-button.is-global.is-active {
    opacity: 1;
  }
}

@media (max-width: 960px) {
  .sound-button.is-global {
    display: none;
  }
}

.type-video .sound-button {
  width: 48px;
  height: 48px;
  position: absolute;
  right: 0;
  bottom: 0;
  transition: opacity .3s ease;
  filter: invert(1) brightness(1000%) contrast(100%);
  opacity: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='m27.16 8.08-1.53 1.29a10 10 0 0 1-.29 13.23l1.47 1.4a12 12 0 0 0 .35-15.88Z'/%3E%3Cpath d='M21.58 12a6 6 0 0 1-.18 7.94l1.47 1.36a8 8 0 0 0 .23-10.59Z'/%3E%3Cpath d='M18 30a1 1 0 0 1-.71-.3L9.67 22H3a1 1 0 0 1-1-1V11a1 1 0 0 1 1-1h6.67l7.62-7.7a1 1 0 0 1 1.41 0 1 1 0 0 1 .3.7v26a1 1 0 0 1-1 1Z' style='fill:%23000'/%3E%3Cpath d='M0 0h32v32H0z' data-name='<Transparent Rectangle>' style='fill:none'/%3E%3C/svg%3E");
}

@media (min-width: 960px) {
  .type-video .sound-button {
    display: none;
  }
}

.gallery-images.is-grid .type-video .sound-button {
  display: block;
}

.video-embed.is-playing ~ .sound-button {
  opacity: 1;
}

.video-embed.is-playing.is-muted ~ .sound-button {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M31 12.41 29.59 11 26 14.59 22.41 11 21 12.41 24.59 16 21 19.59 22.41 21 26 17.41 29.59 21 31 19.59 27.41 16 31 12.41zM18 30a1 1 0 0 1-.71-.3L9.67 22H3a1 1 0 0 1-1-1V11a1 1 0 0 1 1-1h6.67l7.62-7.7a1 1 0 0 1 1.41 0 1 1 0 0 1 .3.7v26a1 1 0 0 1-1 1Z'/%3E%3Cpath d='M0 0h32v32H0z' data-name='<Transparent Rectangle>' style='fill:none'/%3E%3C/svg%3E");
}

.sound-button.is-global {
  position: fixed;
  top: 0;
  right: 0;
}

@media (min-width: 960px) {
  .sound-button.is-global {
    top: auto;
    bottom: 0;
  }
}

/*
    #############

    Article

    ############# */
.type-page:not(.gallery), .not-found {
  padding-bottom: 64px;
  max-width: 960px;
  display: flex;
  flex-direction: column;
}

@media (max-width: 639px) {
  .type-page:not(.gallery) > *:not(.page-title), .not-found > *:not(.page-title) {
    margin-bottom: 32px;
  }
}

@media (min-width: 640px) {
  .type-page:not(.gallery), .not-found {
    display: grid;
    grid-gap: 0 64px;
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (min-width: 992px) {
  .type-page:not(.gallery), .not-found {
    grid-template-columns: repeat(4, 1fr);
  }
}

.type-page:not(.gallery) .page-title, .not-found .page-title {
  grid-column: -1 / 1;
  order: -2;
}

.type-page:not(.gallery) .entry, .not-found .entry {
  grid-column: span 2;
  grid-row: span 2;
}

@media (max-width: 640px) {
  .type-page:not(.gallery) .image, .not-found .image {
    order: -1;
    text-align: center;
    margin-bottom: 48px;
  }
}

.type-page:not(.gallery) img, .not-found img {
  display: inline-block;
  vertical-align: top;
  max-width: 192px;
}

.type-page:not(.gallery) .endnote, .not-found .endnote {
  grid-column-end: -1;
  text-align: left;
}

/*
    #############

    Page template gallery

    ############# */
.page-template-gallery:not(.gallery-is-slider) .gallery-images {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  max-width: 904px;
}

.page-template-gallery:not(.gallery-is-slider) .gallery-images:after {
  content: "" !important;
}

@media (min-width: 640px) {
  .page-template-gallery:not(.gallery-is-slider) .gallery-images {
    grid-template-columns: repeat(3, 1fr);
  }
}

.page-template-gallery:not(.gallery-is-slider) .download-link {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: auto;
  cursor: pointer;
  background: none;
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
}

.page-template-gallery.gallery-is-slider .entry > p:first-child {
  display: none;
}

.page-template-gallery.gallery-is-slider .flickity-viewport {
  overflow: visible;
}

.page-template-gallery.gallery-is-slider .download-link {
  height: 128px;
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  background-position: center;
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  transition: opacity .3s ease;
}

.page-template-gallery .entry > p:first-child {
  max-width: 812px;
  margin: 0 auto;
  text-align: center;
  font-size: 1rem;
  line-height: 24px;
  margin-bottom: 48px;
}

.page-template-gallery .entry {
  transition: opacity .3s ease-in-out;
  opacity: 1;
}

.page-template-gallery.is-switching .entry {
  opacity: 0;
}

@media (max-width: 767px) {
  .page-template-gallery .view-toggle {
    display: none;
  }
  .page-template-gallery .image, .page-template-gallery img {
    pointer-events: none;
  }
}

/*
    #############

    Footer

    ############# */