/*! 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: "Aktifo B";
  font-style: normal;
  font-weight: 400;
  src:
    url("/assets/aktifob-book-webfont-9833d4b8.woff2") format("woff2"),
    url("/assets/aktifob-book-webfont-5c06eb5d.woff") format("woff");
}

@font-face {
  font-family: "Aktifo B";
  font-style: italic;
  font-weight: 400;
  src:
    url("/assets/aktifob-bookoblique-webfont-7d5c589f.woff2") format("woff2"),
    url("/assets/aktifob-bookoblique-webfont-de44dae8.woff") format("woff");
}

@font-face {
  font-family: "Aktifo B";
  font-style: normal;
  font-weight: 700;
  src:
    url("/assets/aktifob-extrabold-webfont-49389f05.woff2") format("woff2"),
    url("/assets/aktifob-extrabold-webfont-e699dcb3.woff") format("woff");
}

@font-face {
  font-family: "Aktifo B";
  font-style: italic;
  font-weight: 700;
  src:
    url("/assets/aktifob-extraboldoblique-webfont-90bfb8c5.woff2") format("woff2"),
    url("/assets/aktifob-extraboldoblique-webfont-996b11f9.woff") format("woff");
}

:root {
  --font-sans: "Aktifo B", sans-serif;

  --text-color: #1a1a1a;
  --text-invert-color: #fff;
  --text-light-color: #888888;
  --background-color: #fff;
  --background-invert-color: rgba(3, 12, 13, 0.9);
  --link-color: #ff7f00;
  --border-color: #656565;

  --header-height: 72px;
  --bottom-padding: 160px;

  --overlay-width: 740;
  --overlay-height: 1380;
}

/* ---- 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: 61;
  --outer-margin-mobile: 16px;
  --ref-width: calc(var(--inner-width) + var(--outer-margin)*2);
  --ref-width-adjust: calc(var(--inner-width)/var(--ref-width));
}

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

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

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

body {
  background: #fff;
  background: var(--background-color);
  color: #1a1a1a;
  color: var(--text-color);
  font: normal 17px/1.65 "Aktifo B", sans-serif;
  font: normal 17px/1.65 var(--font-sans);
  letter-spacing: 0.5px;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

main {
  background: #fff;
  background: var(--background-color);
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol {
  padding: 0px;
  margin: 0px 0px 30px 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,
h2 {
  font: bold 33.5px/1.25 "Aktifo B", sans-serif;
  font: bold 33.5px/1.25 var(--font-sans);
  margin: 30px 0px;
  letter-spacing: 0px;
}

h1:first-child {
    margin-top: 0px;
  }

h2:first-child {
    margin-top: 0px;
  }

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

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

h3 {
  font: normal 22px/1.5 "Aktifo B", sans-serif;
  font: normal 22px/1.5 var(--font-sans);
  margin: 40px 0px;
  letter-spacing: 0px;
}

h3:first-child {
    margin-top: 0px;
  }

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

.excerpt {
  font: normal 22px/1.5 "Aktifo B", sans-serif;
  font: normal 22px/1.5 var(--font-sans);
  margin-bottom: 40px;
  letter-spacing: 0px;
}

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

a:hover,
a:focus {
  color: #1a1a1a;
  color: var(--text-color);
}

ul {
  margin-left: 20px;
}

main {
  position: relative;
}

main.figure-overlay {
    min-height: 95.1724137931vw;
    min-height: calc(var(--overlay-height)/var(--ref-width)*100vw);
    margin-bottom: 30px;
  }

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

main {
    min-height: auto;
}
  }

main .overlay {
    background: transparent url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22740%22%20height%3D%221380%22%20viewBox%3D%220%200%20740%201324%22%3E%3Cg%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M353%20450v56h-16.463v-37.119h-15.491v34.114h-15.493v-34.114H275V450zM124%20637.213%20192.743%20603%20201%20619.787%20132.256%20654zm327.51%20177.132c-12.57%2017.747-33.55%2020.71-52.39%207.325-19.697-13.995-23.742-36.033-10.134-55.244%2013.426-18.954%2035.554-23.174%2055.425-9.056%2016.085%2011.43%2021.767%2028.418%2014.42%2042.621l-15.483-11.003c1.905-6.154-1.22-13.427-7.929-18.193-10.493-7.457-22.55-4.495-30.724%207.048-8.362%2011.804-6.485%2023.757%203.922%2031.151%208.171%205.806%2017.54%205.727%2023.294-.026l-19.698-13.996%207.872-11.112%2034.838%2024.751c-1.022%201.992-1.948%203.665-3.414%205.734M245%20903h18.496v47.862c0%208.808%205.465%2013.371%2013.556%2013.371%208.83%200%2013.558-5.307%2013.558-13.37V903H309v48.607C309%20969.432%20297.335%20981%20277.052%20981%20257.612%20981%20245%20970.177%20245%20951.607zm247.463%20116.35c0%207.325%203.931%2010.935%2010.09%2010.935%206.374%200%209.667-4.354%209.667-10.935v-16.666h-19.757zM452%201053v-22.715l25.595-20.169v-7.432H452V984h77v37.048c0%2018.897-10.727%2028.98-25.067%2028.98-12.424%200-21.452-7.432-23.897-19.32zm29.808%20125L520%201217.671l-11.568%2011.256-25.314-26.295-10.584%2010.297%2023.121%2024.015-10.81%2010.518-23.121-24.015-10.355%2010.076%2025.314%2026.295L465.191%201271%20427%201231.33zm108.478%20140.774%2010.968.214.006-.063%203.84.075.9-48.62h-.021l.002-.011-18.827-.369.001.013-.255-.005-.9%2048.619%204.282.083zm5.528%207.229c-6.769-.128-11.685%203.985-11.812%2010.67-.126%206.684%204.625%2011.196%2011.395%2011.325%206.34.12%2011.473-4.202%2011.6-10.886.127-6.685-4.843-10.988-11.183-11.11M82.001%20291.634c-18.95%200-34.367%2015.417-34.367%2034.364%200%2018.951%2015.417%2034.368%2034.367%2034.368s34.365-15.417%2034.365-34.368c0-18.947-15.415-34.364-34.365-34.364m0%2076.366C58.841%20368%2040%20349.157%2040%20325.998S58.842%20284%2082.001%20284C105.158%20284%20124%20302.839%20124%20325.998S105.158%20368%2082.001%20368%22%2F%3E%3Cpath%20d%3D%22M78.825%20321.732v7.531h22.287c-1.765%209.219-9.888%2016.206-19.61%2016.206-11.013%200-19.972-8.958-19.972-19.971%200-4.259%201.346-8.208%203.627-11.453h.033c5.437-7.746%2015.792-10.78%2024.683-6.675a19.53%2019.53%200%200%201%207.95%206.675h8.677a26.7%2026.7%200%200%200-7.375-9.681c-3.961-3.358-8.791-5.462-14.015-6.128l-.05-.006q-.573-.073-1.153-.123-.232-.02-.465-.034a25%2025%200%200%200-1.44-.061c-.168-.003-.333-.012-.5-.012-.086%200-.17.005-.256.006q-.26.005-.52.013-.465.012-.929.039l-.185.014a27.3%2027.3%200%200%200-12.736%204.156%2027.3%2027.3%200%200%200-9.496%2010.077l-.076.136a32%2032%200%200%200-.431.84q-.115.229-.227.46c-.036.076-.076.15-.112.228l-.03.076h.005A27.3%2027.3%200%200%200%2054%20325.498C54%20340.663%2066.337%20353%2081.501%20353%2096.663%20353%20109%20340.663%20109%20325.498v-3.766z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') 50% 50% no-repeat;
    background-size: contain;
    position: absolute;
    mix-blend-mode: difference;
    top: 0px;
    width: 51.0344827586vw;
    width: calc(var(--overlay-width)/var(--ref-width)*100vw);
    height: 95.1724137931vw;
    height: calc(var(--overlay-height)/var(--ref-width)*100vw);
    pointer-events: none;
  }

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

main .overlay {
      display: none;
  }
    }

main .overlay.fixed {
      position: fixed;
    }

main .overlay.bottom {
      top: auto;
      bottom: 0px;
    }

header,
footer {
  color: #fff;
  color: var(--text-invert-color);
  background: rgba(3, 12, 13, 0.9);
  background: var(--background-invert-color);
  padding-top: 27px;
  padding-bottom: 27px;
  padding-left: 4.2068965517%;
  padding-left: calc((var(--outer-margin)/var(--ref-width))*100%);
  padding-right: 4.2068965517%;
  padding-right: calc((var(--outer-margin)/var(--ref-width))*100%);
}

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

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

@media print {

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

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

header,
footer {
    padding-top: 16px;
    padding-bottom: 16px;
}
  }

header .logo,footer .logo {
    width: 389px;
    height: 18px;
    background: transparent url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20id%3D%22Layer_1%22%20version%3D%221.1%22%20viewBox%3D%220%200%20289.2%2017%22%3E%3Cdefs%3E%3Cstyle%3E.st0%2C.st1%7Bfill-rule%3Aevenodd%7D.st0%7Bfill%3A%23fff%7D.st1%7Bfill%3A%23ffd100%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M16.7%209.1c0%204.6-3.3%207.7-8.2%207.7S0%2013.4%200%208.4%203.3%200%208.5%200s7.2%202.2%207.7%205.6h-4c-.6-1.4-2.1-2.3-3.6-2.2-2.7%200-4.4%202-4.4%205s1.8%204.9%204.5%204.9%203.7-1.2%204-2.9H7.5V7.6h9.1c.1.5.1%201%20.1%201.5%22%20class%3D%22st0%22%2F%3E%3Cpath%20d%3D%22M33.5%2013.3c2.6%200%204.3-1.9%204.3-4.9s-1.7-4.9-4.3-4.9-4.3%201.9-4.3%204.8%201.7%205%204.3%205m0-13.2C38.6.1%2042%203.4%2042%208.4s-3.4%208.4-8.5%208.4S25%2013.5%2025%208.4%2028.4.1%2033.5.1%22%20class%3D%22st1%22%2F%3E%3Cpath%20d%3D%22M62.4.3h11.7v3.4h-7.8v3.2h7.1v3.2h-7.1v6.4h-3.9z%22%20class%3D%22st0%22%2F%3E%3Cpath%20d%3D%22M83%2016.5h3.9V.3H83z%22%20class%3D%22st1%22%2F%3E%3Cpath%20d%3D%22M112.6%209c0%204.6-3.3%207.7-8.2%207.7s-8.5-3.3-8.5-8.3S99.2%200%20104.4%200s7.2%202.2%207.7%205.6h-4c-.6-1.4-2.1-2.3-3.6-2.2-2.7%200-4.5%202-4.5%205s1.8%204.9%204.5%204.9%203.7-1.2%204-2.9h-5.1V7.6h9.1V9%22%20class%3D%22st0%22%2F%3E%3Cpath%20d%3D%22M121.4.3h3.9v10.1c0%201.6%201.3%202.9%202.9%202.9s2.9-1.3%202.9-2.9V.3h3.9v10.2c0%203.8-2.5%206.2-6.8%206.2s-6.8-2.3-6.8-6.2z%22%20class%3D%22st1%22%2F%3E%3Cpath%20d%3D%22M152.2%208c1.6%200%202.3-.8%202.3-2.1s-.9-2-2.3-2h-3.5V8zm7.1%208.5h-4.8l-4.2-5.4h-1.6v5.4h-3.9V.3h7.8c4%200%206.1%202.3%206.1%205.3.1%202.5-1.6%204.6-4.1%205z%22%20class%3D%22st0%22%2F%3E%3Cpath%20d%3D%22M167.8.3h11.7v3.4h-7.7v3.1h7.1V10h-7.1v3.1h7.7v3.4h-11.7z%22%20class%3D%22st1%22%2F%3E%3Cpath%20d%3D%22M189.3%2010.5h3.2V.3h-4.1v10.2zm1.2%201.7c-1.2-.1-2.3.8-2.4%202v.3c-.1%201.3.9%202.5%202.3%202.5s2.5-.9%202.5-2.3c.1-1.3-.9-2.5-2.3-2.5z%22%20class%3D%22st0%22%2F%3E%3Cpath%20d%3D%22M228.6%2012.7v3.6h-11.7v-2.6l4.5-3.9c1.6-1.4%202.8-2.5%202.8-3.7s-.7-1.7-1.8-1.7-1.8.9-1.7%202.1l-4.1-.2c-.1-3.4%202.3-5.5%205.9-5.5s5.9%202.1%205.9%205.1-1.8%204.4-3.8%206.1l-1.3%201.1c1.3-.3%202.6-.3%203.7-.3h1.6Zm8.1-4.1c0-5.3%202.4-7.8%206.2-7.8S249%204%20249%208.7s-2.4%207.9-6.1%207.9-6.2-3.2-6.2-8m7.9.1c0-3.3-.7-4.4-1.8-4.4S241%206%20241%208.5s.7%204.4%201.8%204.4c1.4.1%201.8-1.6%201.8-4.2m24.3%204v3.6h-11.7v-2.6l4.5-3.9c1.6-1.4%202.8-2.5%202.8-3.7s-.7-1.7-1.8-1.7-1.8.9-1.7%202.1l-4-.2c-.1-3.4%202.3-5.5%205.9-5.5s5.9%202.1%205.9%205.1-1.8%204.4-3.8%206.1l-1.3%201.1c1.3-.3%202.6-.3%203.7-.3h1.5Zm20-1.7c0%203.4-2.5%205.7-6.6%205.7s-6.4-2.1-6.5-5.4h4.4c.2%201%201%201.6%202%201.6s2.1-.8%202.1-1.9-.8-1.9-2-1.9-1.7.5-1.9%201.2h-4.1l1.3-10h10.1v3.8H281l-.3%201.9c.7-.4%201.6-.5%202.5-.5%203.2%200%205.6%202.2%205.6%205.5Z%22%20style%3D%22fill%3A%23fff%22%2F%3E%3C%2Fsvg%3E') left 50% no-repeat;
    background-size: contain;
    display: block;
    overflow: hidden;
    text-indent: -9000px;
  }

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

header .logo,footer .logo {
      background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20id%3D%22Layer_1%22%20version%3D%221.1%22%20viewBox%3D%220%200%20192.9%2041.2%22%3E%3Cdefs%3E%3Cstyle%3E.st0%2C.st1%7Bfill-rule%3Aevenodd%7D.st0%7Bfill%3A%23fff%7D.st1%7Bfill%3A%23ffd100%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M16.7%209.1c0%204.6-3.3%207.7-8.2%207.7S0%2013.4%200%208.4%203.3%200%208.5%200s7.2%202.2%207.7%205.6h-4c-.6-1.4-2.1-2.3-3.6-2.2-2.7%200-4.4%202-4.4%205s1.8%204.9%204.5%204.9%203.7-1.2%204-2.9H7.5V7.6h9.1c.1.5.1%201%20.1%201.5%22%20class%3D%22st0%22%2F%3E%3Cpath%20d%3D%22M33.5%2013.3c2.6%200%204.3-1.9%204.3-4.9s-1.7-4.9-4.3-4.9-4.3%201.9-4.3%204.8%201.7%205%204.3%205m0-13.2C38.6.1%2042%203.4%2042%208.4s-3.4%208.4-8.5%208.4S25%2013.5%2025%208.4%2028.4.1%2033.5.1%22%20class%3D%22st1%22%2F%3E%3Cpath%20d%3D%22M62.4.3h11.7v3.4h-7.8v3.2h7.1v3.2h-7.1v6.4h-3.9z%22%20class%3D%22st0%22%2F%3E%3Cpath%20d%3D%22M83%2016.5h3.9V.3H83z%22%20class%3D%22st1%22%2F%3E%3Cpath%20d%3D%22M112.6%209c0%204.6-3.3%207.7-8.2%207.7s-8.5-3.3-8.5-8.3S99.2%200%20104.4%200s7.2%202.2%207.7%205.6h-4c-.6-1.4-2.1-2.3-3.6-2.2-2.7%200-4.5%202-4.5%205s1.8%204.9%204.5%204.9%203.7-1.2%204-2.9h-5.1V7.6h9.1V9%22%20class%3D%22st0%22%2F%3E%3Cpath%20d%3D%22M121.4.3h3.9v10.1c0%201.6%201.3%202.9%202.9%202.9s2.9-1.3%202.9-2.9V.3h3.9v10.2c0%203.8-2.5%206.2-6.8%206.2s-6.8-2.3-6.8-6.2z%22%20class%3D%22st1%22%2F%3E%3Cpath%20d%3D%22M152.2%208c1.6%200%202.3-.8%202.3-2.1s-.9-2-2.3-2h-3.5V8zm7.1%208.5h-4.8l-4.2-5.4h-1.6v5.4h-3.9V.3h7.8c4%200%206.1%202.3%206.1%205.3.1%202.5-1.6%204.6-4.1%205z%22%20class%3D%22st0%22%2F%3E%3Cpath%20d%3D%22M167.8.3h11.7v3.4h-7.7v3.1h7.1V10h-7.1v3.1h7.7v3.4h-11.7z%22%20class%3D%22st1%22%2F%3E%3Cpath%20d%3D%22M189.3%2010.5h3.2V.3h-4.1v10.2zm1.2%201.7c-1.2-.1-2.3.8-2.4%202v.3c-.1%201.3.9%202.5%202.3%202.5s2.5-.9%202.5-2.3c.1-1.3-.9-2.5-2.3-2.5z%22%20class%3D%22st0%22%2F%3E%3Cpath%20d%3D%22M12%2037.3v3.6H.3v-2.6l4.5-3.9c1.6-1.4%202.8-2.5%202.8-3.7%200-1.1-.7-1.7-1.8-1.7s-1.8.9-1.7%202.1l-4-.2C0%2027.5%202.4%2025.4%206%2025.4s5.9%202.1%205.9%205.1-1.8%204.4-3.8%206.1l-1.3%201.1c1.3-.3%202.6-.3%203.7-.3H12Zm8.5-4.2c0-5.3%202.4-7.8%206.2-7.8s6.1%203.2%206.1%207.9-2.4%207.9-6.1%207.9-6.2-3.2-6.2-8m8%20.2c0-3.3-.7-4.4-1.8-4.4s-1.8%201.7-1.8%204.2.7%204.4%201.8%204.4%201.8-1.7%201.8-4.2m24.6%204v3.6H41.4v-2.6l4.5-3.9c1.6-1.4%202.8-2.5%202.8-3.7%200-1.1-.7-1.7-1.8-1.7s-1.8.9-1.7%202.1l-4-.2c-.1-3.4%202.3-5.5%205.9-5.5s5.9%202.1%205.9%205.1-1.8%204.4-3.8%206.1l-1.3%201.1c1.3-.3%202.6-.3%203.7-.3h1.5Zm20.6-1.6c0%203.2-2.4%205.5-6.2%205.5s-6.1-2-6.2-5.1h4.2c.2.9.9%201.5%201.9%201.5s2-.7%202-1.8-.7-1.8-1.9-1.8-1.6.5-1.8%201.1h-3.9l1.3-9.5h9.6v3.6h-6.3l-.3%201.8c.7-.3%201.5-.5%202.4-.5%203.1%200%205.3%202.1%205.3%205.2Z%22%20style%3D%22fill%3A%23fff%22%2F%3E%3C%2Fsvg%3E');
      width: 193px;
      height: 43px;
  }
    }

header {
  position: absolute;
  z-index: 100;
  width: 100%;
  top: 0px;
  font: normal 22px/0.9 "Aktifo B", sans-serif;
  font: normal 22px/0.9 var(--font-sans);
  letter-spacing: 0px;
}

header .inner {
    display: flex;
  }

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

header .inner {
      flex-direction: column;
  }
    }

header nav {
    flex-grow: 1;
    text-align: right;
  }

header nav a:visited {
      -webkit-text-decoration: none;
      text-decoration: none;
      color: #fff;
      color: var(--text-invert-color);
    }

header nav a {
      -webkit-text-decoration: none;
      text-decoration: none;
      color: #fff;
      color: var(--text-invert-color);
    }

header nav a:hover,header nav a:focus {
      color: #fff;
      color: var(--text-invert-color);
      -webkit-text-decoration: underline;
      text-decoration: underline;
    }

header nav ul {
      list-style-type: none;
    }

header nav li {
      display: inline-block;
      margin-left: 24px;
    }

header nav .locale-toggle {
      font-size: 13px;
      opacity: 0.4;
    }

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

@media screen and (max-width: 900px) {
    header nav {
      display: none;
      text-align: left;
      margin-top: 40px;
    }
      header nav li {
        display: block;
        margin-left: 0px;
        margin-bottom: 16px;
      }
      header nav .locale-toggle {
        margin-top: 24px;
      }

    header .mobile-nav-toggle {
      display: block;
      position: absolute;
      width: 24px;
      height: 24px;
      top: 25px;
      right: 16px;
      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%20viewBox%3D%220%200%2032%2032%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%23FFF%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') 50% 50% no-repeat;
      border: none;
      overflow: hidden;
      text-indent: -9000px;
    }

    header.show-nav {
      min-height: 100vh;
      position: fixed;
    }

      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%20viewBox%3D%220%200%2032%2032%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%23FFF%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');
      }
  }

footer {
  font: normal 15px/1.35 "Aktifo B", sans-serif;
  font: normal 15px/1.35 var(--font-sans);
}

footer,footer a,footer a:visited {
    color: #fff;
    color: var(--text-invert-color);
    -webkit-text-decoration: none;
    text-decoration: none;
  }

footer a:hover,footer a:focus {
    color: #fff;
    color: var(--text-invert-color);
    -webkit-text-decoration: underline;
    text-decoration: underline;
  }

footer .logo {
    margin-bottom: 46px;
  }

footer .credit {
    opacity: 0.4;
  }

section.home {
  background-color: rgba(3, 12, 13, 0.9);
  background-color: var(--background-invert-color);
  background-size: cover;
  flex-grow: 1;
  min-height: 100vh;
  position: relative;
  display: flex;
  flex-direction: column;
  padding-left: 4.2068965517%;
  padding-left: calc((var(--outer-margin)/var(--ref-width))*100%);
  padding-right: 4.2068965517%;
  padding-right: calc((var(--outer-margin)/var(--ref-width))*100%);
}

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

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

@media print {

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

section.home .inner {
    flex-grow: 1;
    padding-top: 72px;
    padding-top: var(--header-height);
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
  }

section.home figcaption {
    position: absolute;
    bottom: 20px;
    color: #fff;
    color: var(--text-invert-color);
  }

section.home .logo {
    align-self: center;
    width: 38%;
  }

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

section.home .logo {
      width: 100%;
  }
    }

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

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

figcaption {
  margin-top: 16px;
  font: normal 15px/1.65 "Aktifo B", sans-serif;
  font: normal 15px/1.65 var(--font-sans);
  letter-spacing: 0.25px;
}

.index-view {
  padding-left: 4.2068965517%;
  padding-left: calc((var(--outer-margin)/var(--ref-width))*100%);
  padding-right: 4.2068965517%;
  padding-right: calc((var(--outer-margin)/var(--ref-width))*100%);
}

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

.index-view {
    padding-left: 16px;
    padding-left: var(--outer-margin-mobile);
    padding-right: 16px;
    padding-right: var(--outer-margin-mobile);
}
  }

@media print {

.index-view {
    padding-left: 0;
    padding-right: 0;
}
  }

.index-view .inner {
    padding-top: 132px;
    padding-top: calc(60px + var(--header-height));
    padding-bottom: 180px;
    display: flex;
  }

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

.index-view .inner {
      flex-direction: column;
  }
    }

.index-view .inner .sidebar {
      width: 14.156626506%;
      width: calc(var(--columns-2)*100%);
      padding-top: 20px;
    }

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

.index-view .inner .sidebar {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    float: none;
        padding-top: 0px;
        margin-bottom: 30px;
    }
  }

.index-view .inner .main {
      width: 82.8313253012%;
      width: calc(var(--columns-10)*100%);
      margin-left: 17.1686746988%;
      margin-left: calc((var(--columns-2) + var(--gutter))*100%);
    }

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

.index-view .inner .main {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    float: none;
    }
  }

.index-view .inner .sidebar + .main {
      margin-left: 3.0120481928%;
      margin-left: calc(var(--gutter)*100%);
    }

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

.index-view .inner .sidebar + .main {
        margin-left: 0px;
    }
      }

.index-view .inner .list .article {
        display: flex;
        margin-bottom: 40px;
        -webkit-text-decoration: none;
        text-decoration: none;
        color: #1a1a1a;
        color: var(--text-color);
      }

.index-view .inner .list .article:hover h2,.index-view .inner .list .article:focus h2 {
            -webkit-text-decoration: underline;
            text-decoration: underline;
          }

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

.index-view .inner .list .article {
          flex-direction: column;
      }
        }

.index-view .inner .list .article:last-child {
          margin-bottom: 0px;
        }

.index-view .inner .list .article .image {
          width: 48.1818181818%;
          width: calc(var(--columns-5)/var(--columns-10)*100%);
        }

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

.index-view .inner .list .article .image {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    float: none;
            margin-bottom: 30px;
        }
  }

.index-view .inner .list .article .image img {
            display: block;
            width: 100%;
            height: auto;
          }

.index-view .inner .list .article .content {
          width: 48.1818181818%;
          width: calc(var(--columns-5)/var(--columns-10)*100%);
          margin-left: 3.6363636364%;
          margin-left: calc(var(--gutter)/var(--columns-10)*100%);
          padding-top: 20px;
        }

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

.index-view .inner .list .article .content {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    float: none;
            padding-top: 0px;
        }
  }

.image-article {
  display: flex;
}

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

.image-article {
    flex-direction: column;
}
  }

.image-article .sidebar {
    width: 56.4827586207%;
    width: calc((var(--columns-7)/(var(--ref-width)/var(--inner-width)) + var(--outer-margin)/var(--ref-width))*100%);
  }

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

.image-article .sidebar {
      width: 100%;
  }
    }

.image-article .sidebar figcaption {
      margin-left: 7.4481074481%;
      margin-left: calc(var(--outer-margin)/((var(--columns-7)*var(--inner-width)) + var(--outer-margin))*100%);
    }

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

.image-article .sidebar figcaption {
        margin-left: 16px;
        margin-left: var(--outer-margin-mobile);
        margin-right: 16px;
        margin-right: var(--outer-margin-mobile);
    }
      }

.image-article .main {
    width: 36.5517241379%;
    width: calc((var(--columns-5)/(var(--ref-width)/var(--inner-width)))*100%);
    margin-left: 2.7586206897%;
    margin-left: calc(var(--gutter)/(var(--ref-width)/var(--inner-width))*100%);
    padding-top: 152px;
    padding-top: calc(var(--header-height) + 80px);
  }

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

.image-article .main {
      width: auto;
      margin-left: 16px;
      margin-left: var(--outer-margin-mobile);
      margin-right: 16px;
      margin-right: var(--outer-margin-mobile);
      padding-top: 30px;
  }
    }

.image-article .main .header {
      margin-bottom: 40px;
      padding-bottom: 40px;
      border-bottom: 1px solid #656565;
      border-bottom: 1px solid var(--border-color);
    }

.image-article .main .header .times-and-venue {
        margin-bottom: 20px;
      }

.image-article .main .header .times-and-venue,.image-article .main .header .times-and-venue p {
          font: normal 15px/1.5 "Aktifo B", sans-serif;
          font: normal 15px/1.5 var(--font-sans);
        }

.image-article .main .header h1 + h3 {
        margin-top: -20px;
        margin-bottom: 20px;
      }

.image-article .main .header p {
        font: normal 15px/1.65 "Aktifo B", sans-serif;
        font: normal 15px/1.65 var(--font-sans);
      }

.image-article .main .header .link {
        font: normal 17px/1.65 "Aktifo B", sans-serif;
        font: normal 17px/1.65 var(--font-sans);
      }

section.page-images {
  margin-top: 120px;
  padding-left: 4.2068965517%;
  padding-left: calc((var(--outer-margin)/var(--ref-width))*100%);
  padding-right: 4.2068965517%;
  padding-right: calc((var(--outer-margin)/var(--ref-width))*100%);
}

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

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

@media print {

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

section.page-images .images-grid {
    display: flex;
    flex-wrap: wrap;
  }

section.page-images .images-grid .image {
      width: 14.156626506%;
      width: calc(var(--columns-2)*100%);
      margin-left: 3.0120481928%;
      margin-left: calc(var(--gutter)*100%);
      margin-bottom: 40px;
    }

section.page-images .images-grid .image:nth-child(6n + 1) {
        margin-left: 0px;
      }

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

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

section.page-images .images-grid .image img {
        display: block;
        width: 100%;
        height: auto;
      }

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

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

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

@media print {

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

section.partners .inner {
    padding: 30px 0px;
  }

section.partners .logos {
    height: 4.1379310345vw;
    height: calc(60/var(--ref-width)*100vw);
    background: transparent url("/assets/partners-1523c09d.svg") top left no-repeat;
    background-size: contain;
  }

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

section.partners .logos {
      background-image: url("/assets/partners-mobile-b869fed6.svg");
      height: 25vw;
  }
    }

.schedule-list .times-and-venue {
    font: normal 15px/1.5 "Aktifo B", sans-serif;
    font: normal 15px/1.5 var(--font-sans);
    margin-top: 20px;
    margin-bottom: 20px;
  }

.schedule-list h2 {
    margin: 0px 0px 10px 0px;
  }

.schedule-list .artist {
    font: normal 22px/1.5 "Aktifo B", sans-serif;
    font: normal 22px/1.5 var(--font-sans);
    margin-bottom: 20px;
    letter-spacing: 0px;
  }

.schedule-list .age-info {
    margin-top: 20px;
    font: normal 15px/1.65 "Aktifo B", sans-serif;
    font: normal 15px/1.65 var(--font-sans);
    letter-spacing: 0.25px;
  }

.subnav {
  list-style-type: none;
  font: normal 22px/1.5 "Aktifo B", sans-serif;
  font: normal 22px/1.5 var(--font-sans);
}

.subnav a,.subnav a:visited {
    color: #888888;
    color: var(--text-light-color);
    -webkit-text-decoration: none;
    text-decoration: none;
  }

.subnav a.current:visited {
      color: #1a1a1a;
      color: var(--text-color);
    }

.subnav a.current:not(.does-not-exist) {
      color: #1a1a1a;
      color: var(--text-color);
    }

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

.venue-list h2 {
    margin: 0px 0px 5px 0px;
  }

.venue-list .address {
    font: normal 22px/1.5 "Aktifo B", sans-serif;
    font: normal 22px/1.5 var(--font-sans);
  }

.venue-list .excerpt {
    margin-top: 20px;
    font: normal 15px/1.65 "Aktifo B", sans-serif;
    font: normal 15px/1.65 var(--font-sans);
    letter-spacing: 0.25px;
  }