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

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

/*
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
*/
blockquote, q {
  quotes: none;
}

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

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

@font-face {
  font-family: 'Charter';
  src: url("../fonts/charter_regular-webfont.eot");
  src: url("../fonts/charter_regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/charter_regular-webfont.woff") format("woff"), url("../fonts/charter_regular-webfont.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Charter';
  src: url("../fonts/charter_bold-webfont.eot");
  src: url("../fonts/charter_bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/charter_bold-webfont.woff") format("woff"), url("../fonts/charter_bold-webfont.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Charter';
  src: url("../fonts/charter_italic-webfont.eot");
  src: url("../fonts/charter_italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/charter_italic-webfont.woff") format("woff"), url("../fonts/charter_italic-webfont.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: 'Charter';
  src: url("../fonts/charter_bold_italic-webfont.eot");
  src: url("../fonts/charter_bold_italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/charter_bold_italic-webfont.woff") format("woff"), url("../fonts/charter_bold_italic-webfont.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: 'Metropolis';
  src: url("../fonts/Metropolis-Regular.eot");
  src: url("../fonts/Metropolis-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Metropolis-Regular.woff2") format("woff2"), url("../fonts/Metropolis-Regular.woff") format("woff"), url("../fonts/Metropolis-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: regular;
}
@font-face {
  font-family: 'Metropolis';
  src: url("../fonts/Metropolis-RegularItalic.eot");
  src: url("../fonts/Metropolis-RegularItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Metropolis-RegularItalic.woff2") format("woff2"), url("../fonts/Metropolis-RegularItalic.woff") format("woff"), url("../fonts/Metropolis-RegularItalic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: 'Metropolis';
  src: url("../fonts/Metropolis-Medium.eot");
  src: url("../fonts/Metropolis-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Metropolis-Medium.woff2") format("woff2"), url("../fonts/Metropolis-Medium.woff") format("woff"), url("../fonts/Metropolis-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: regular;
}
@font-face {
  font-family: 'Metropolis';
  src: url("../fonts/Metropolis-MediumItalic.eot");
  src: url("../fonts/Metropolis-MediumItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Metropolis-MediumItalic.woff2") format("woff2"), url("../fonts/Metropolis-MediumItalic.woff") format("woff"), url("../fonts/Metropolis-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: 'Metropolis';
  src: url("../fonts/Metropolis-Bold.eot");
  src: url("../fonts/Metropolis-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Metropolis-Bold.woff2") format("woff2"), url("../fonts/Metropolis-Bold.woff") format("woff"), url("../fonts/Metropolis-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: regular;
}
.clearfix:after {
  content: ".";
  clear: both;
  display: block;
  visibility: hidden;
  height: 0px;
}

::-moz-selection {
  background: #fcd450;
}

::selection {
  background: #fcd450;
}

.emoticon {
  font-family: "Noto Color Emoji", "Apple Color Emoji", "Segoe UI Emoji", Times, Symbola, Aegyptus, Code2000, Code2001, Code2002, Musica, serif, LastResort;
  line-height: 0;
}

html {
  word-wrap: break-word;
  margin: 0;
  font-size: 19px;
}
@media (min-width: 768px) {
  html {
    font-size: 20px;
  }
}
@media (min-width: 1400px) {
  html {
    font-size: 21px;
  }
}

body {
  color: rgba(0, 0, 0, 0.83);
  /*
  text-rendering: optimizeLegibility;
  text-rendering: geometricPrecision;
  font-variant-ligatures: common-ligatures discretionary-ligatures historical-ligatures contextual;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  */
  -webkit-font-kerning: normal;
     -moz-font-kerning: normal;
          font-kerning: normal;
  -webkit-font-feature-settings: "onum", "kern", "liga", "clig", "calt";
     -moz-font-feature-settings: "onum", "kern", "liga", "clig", "calt";
          font-feature-settings: "onum", "kern", "liga", "clig", "calt";
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  background: #fcfbfa;
  font-family: 'Charter', serif;
}

h1, .h1 {
  font-weight: 700;
}

h2, .h2 {
  font-weight: 700;
}

h3, .h3 {
  font-weight: 700;
}

h4, .h4 {
  font-weight: 700;
}

h5, .h5 {
  font-weight: 700;
}

h6, .h6 {
  font-weight: 700;
}

p {
  font-weight: normal;
}

b, strong {
  font-weight: 700;
}

i, em {
  font-style: italic;
}

a {
  position: relative;
  text-decoration: none;
  color: rgba(0, 0, 0, 0.83);
  border-color: rgba(0, 0, 0, 0.83);
  -webkit-transition: color 100ms cubic-bezier(0.55, 0.055, 0.675, 0.19), border-color 100ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
          transition: color 100ms cubic-bezier(0.55, 0.055, 0.675, 0.19), border-color 100ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
a:hover {
  color: #0093c4;
  border-color: #0093c4;
  -webkit-transition: color 100ms cubic-bezier(0.23, 1, 0.32, 1), border-color 100ms cubic-bezier(0.23, 1, 0.32, 1);
          transition: color 100ms cubic-bezier(0.23, 1, 0.32, 1), border-color 100ms cubic-bezier(0.23, 1, 0.32, 1);
}

div.topNavigation {
  position: fixed;
  z-index: 3;
  top: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  z-index: 3;
  height: auto;
  width: 100%;
  margin: 0;
  background: #fcfbfa;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  height: 44px;
  font-family: 'Metropolis', sans-serif;
}
@media (min-width: 768px) {
  div.topNavigation {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    max-width: auto;
    width: calc( 100% - 2rem );
    height: 70px;
    padding: 0;
    margin: 0 1rem;
  }
}
@media (min-width: 1400px) {
  div.topNavigation {
    height: 80px;
  }
}
div.topNavigation div.av-logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: 44px;
  margin: 0;
  padding: 0 0 0 4%;
  background: #fcfbfa;
}
@media (min-width: 768px) {
  div.topNavigation div.av-logo {
    height: 70px;
    padding: 0;
  }
}
@media (min-width: 1400px) {
  div.topNavigation div.av-logo {
    height: 80px;
  }
}
div.topNavigation div.av-logo img.av-logo-image {
  display: block;
  height: 28px;
  width: auto;
}
@media (min-width: 768px) {
  div.topNavigation div.av-logo img.av-logo-image {
    height: 42px;
  }
}
@media (min-width: 1400px) {
  div.topNavigation div.av-logo img.av-logo-image {
    height: 48px;
  }
}
div.topNavigation div.av-logo div.av-logo-name {
  margin: 0 0.67rem;
  font-weight: 700;
  font-size: calc( 0.702rem * 0.93 );
  line-height: 1.5em;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #0093c4;
  white-space: nowrap;
}
@media (min-width: 1024px) {
  div.topNavigation div.av-logo div.av-logo-name {
    font-size: calc( 0.79rem * 0.93 );
  }
}
div.topNavigation input.mobile-nav-input {
  display: none;
}
div.topNavigation input.mobile-nav-input:not(checked) ~ div.navList nav {
  opacity: 0;
  -webkit-transform: translateX(-20px);
          transform: translateX(-20px);
}
@media (min-width: 768px) {
  div.topNavigation input.mobile-nav-input:not(checked) ~ div.navList nav {
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}
div.topNavigation input.mobile-nav-input:checked ~ div.navList {
  width: 100vw;
  overflow-y: auto;
  background: #fcfbfa;
}
@media (min-width: 768px) {
  div.topNavigation input.mobile-nav-input:checked ~ div.navList {
    width: auto;
    overflow: unset;
  }
}
div.topNavigation input.mobile-nav-input:checked ~ div.navList nav {
  opacity: 1;
  -webkit-transition: opacity 700ms 50ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 1000ms 50ms cubic-bezier(0.23, 1, 0.32, 1);
          transition: opacity 700ms 50ms cubic-bezier(0.23, 1, 0.32, 1), transform 1000ms 50ms cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transform: translateX(0px);
          transform: translateX(0px);
}
@media (min-width: 768px) {
  div.topNavigation input.mobile-nav-input:checked ~ div.navList {
    padding: 0;
    height: auto;
    overflow: unset;
    box-shadow: none;
    -webkit-transition: none;
            transition: none;
  }
  div.topNavigation input.mobile-nav-input:checked ~ div.navList nav {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
    -webkit-transition: none;
            transition: none;
  }
}
div.topNavigation input.mobile-nav-input:checked ~ label.mobile-nav-label {
  background-position: -44px 0px;
}
div.topNavigation label.mobile-nav-label {
  position: absolute;
  z-index: 2;
  top: 0px;
  right: calc( 4% - 10px );
  width: 44px;
  height: 44px;
  display: block;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background: url(../images/NavIcon.svg) no-repeat;
  background-size: 88px 44px;
  background-position: 0px 0px;
}
@media (min-width: 768px) {
  div.topNavigation label.mobile-nav-label {
    display: none;
  }
}
div.topNavigation div.navList {
  position: absolute;
  z-index: 1;
  display: block;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0;
  width: 0;
  height: 100vh;
  overflow: hidden;
  -webkit-transition: background 500ms cubic-bezier(0.23, 1, 0.32, 1);
          transition: background 500ms cubic-bezier(0.23, 1, 0.32, 1);
}
@media (min-width: 768px) {
  div.topNavigation div.navList {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: auto;
    width: auto;
    -webkit-transition: none;
            transition: none;
  }
}
div.topNavigation div.navList a {
  display: block;
  font-weight: 500;
  text-transform: uppercase;
  white-space: nowrap;
}
div.topNavigation div.navList a.current:after {
  content: '';
  bottom: 0;
  position: absolute;
  left: 1rem;
  height: 0.05em;
  width: 50%;
  background: rgba(0, 0, 0, 0.83);
  overflow: hidden;
  -webkit-transition: background 100ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
          transition: background 100ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
div.topNavigation div.navList a.current:hover:after {
  background: #0093c4;
  -webkit-transition: background 100ms cubic-bezier(0.23, 1, 0.32, 1);
          transition: background 100ms cubic-bezier(0.23, 1, 0.32, 1);
}
@media (min-width: 768px) {
  div.topNavigation div.navList a.current:after {
    left: 25%;
    height: 0.1em;
  }
}
div.topNavigation div.navList nav {
  -webkit-transition: none;
          transition: none;
  -webkit-transform: none;
          transform: none;
}
div.topNavigation div.navList nav#mainNavigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin: 3rem 0 0 0;
}
@media (min-width: 768px) {
  div.topNavigation div.navList nav#mainNavigation {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin: 0;
  }
}
div.topNavigation div.navList nav#mainNavigation a {
  padding: 0 0 0 2rem;
  margin: 0 4%;
  font-size: 2.027rem;
  line-height: 1.5em;
  font-weight: 400;
  text-transform: none;
  font-family: 'Charter', serif;
}
@media (min-width: 768px) {
  div.topNavigation div.navList nav#mainNavigation a {
    padding: 0;
    font-weight: 500;
    text-transform: uppercase;
    margin: 0 0 0 2.5em;
    font-size: calc( 0.702rem * 0.93 );
    line-height: 2.5em;
    letter-spacing: 0.08em;
    font-family: 'Metropolis', sans-serif;
  }
  div.topNavigation div.navList nav#mainNavigation a:first-child {
    margin: 0;
  }
}
@media (min-width: 1024px) {
  div.topNavigation div.navList nav#mainNavigation a {
    font-size: calc( 0.79rem * 0.93 );
  }
}
div.topNavigation div.navList nav#subNavigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin: 2rem 0 0 0;
}
@media (min-width: 768px) {
  div.topNavigation div.navList nav#subNavigation {
    display: none;
  }
}
div.topNavigation div.navList nav#subNavigation a {
  padding: 0 0 0 2rem;
  margin: 0 4%;
  font-size: calc( 1rem * 0.93 );
  line-height: 2.4em;
  letter-spacing: 0.08em;
}

.headroom {
  will-change: transform;
}

.headroom--pinned {
  -webkit-transform: translateY(0%);
          transform: translateY(0%);
  -webkit-transition: -webkit-transform 700ms cubic-bezier(0.23, 1, 0.32, 1);
          transition: transform 700ms cubic-bezier(0.23, 1, 0.32, 1);
}

.headroom--unpinned {
  -webkit-transform: translateY(calc( -100% - 1px));
          transform: translateY(calc( -100% - 1px));
  -webkit-transition: -webkit-transform 350ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
          transition: transform 350ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.headroom--bottom {
  -webkit-transform: translateY(0%);
          transform: translateY(0%);
  -webkit-transition: -webkit-transform 700ms cubic-bezier(0.23, 1, 0.32, 1);
          transition: transform 700ms cubic-bezier(0.23, 1, 0.32, 1);
}

div#teaser-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  padding: 44px 0 2rem 0;
  margin: 0;
  min-height: calc( 100vh - 16rem );
}
@media (min-width: 768px) {
  div#teaser-grid {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -ms-flex-line-pack: start;
        align-content: flex-start;
    padding: 70px 0.5rem 2rem 0.5rem;
    min-height: calc( 100vh - 6rem );
  }
}
@media (min-width: 1400px) {
  div#teaser-grid {
    padding: 80px 0.5rem 2rem 0.5rem;
    min-height: calc( 100vh - 6rem );
  }
}
div#teaser-grid article.card {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  margin: 0;
  padding: 1rem 4%;
  opacity: 0;
  -webkit-transform: scale(0.98);
          transform: scale(0.98);
  -webkit-transition: opacity cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform cubic-bezier(0.55, 0.055, 0.675, 0.19);
          transition: opacity cubic-bezier(0.55, 0.055, 0.675, 0.19), transform cubic-bezier(0.55, 0.055, 0.675, 0.19);
  overflow: hidden;
}
@media (min-width: 768px) {
  div#teaser-grid article.card {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 50%;
            flex: 0 1 50%;
    padding: 0.5rem;
  }
}
@media (min-width: 1400px) {
  div#teaser-grid article.card {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 33.33%;
            flex: 0 1 33.33%;
  }
}
div#teaser-grid article.card .image-con {
  overflow: hidden;
}
div#teaser-grid article.card img {
  width: 100%;
  max-width: 480px;
  height: auto;
  display: block;
}
@media (min-width: 768px) {
  div#teaser-grid article.card img {
    max-width: 100%;
  }
}
div#teaser-grid article.card h1 {
  width: 100%;
  max-width: 480px;
  margin: 0 auto 0.67rem auto;
  padding: 0 4.5rem 0 1.5rem;
  font-size: 1.8rem;
  font-size: 1rem;
  line-height: 1.414em;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0;
}
@media (min-width: 768px) {
  div#teaser-grid article.card h1 {
    max-width: 100%;
  }
}
div#teaser-grid article.card h1 .guest {
  display: block;
  margin: 1.5rem 0 0.5rem 0;
  padding: 0;
  font-weight: 700;
  font-size: calc( 0.79rem * 0.93 );
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-family: 'Metropolis', sans-serif;
}
div#teaser-grid article.card h1 .guest:after {
  content: '';
  font-family: 'Charter', serif;
}
div#teaser-grid article.card h1 .divider {
  display: none;
}
div#teaser-grid article.card p {
  margin: 0 0 1.5rem 0;
  padding: 0 4.5rem 0 1.5rem;
  font-size: 0.702rem;
  line-height: 1.2em;
}
div#teaser-grid article.card a {
  color: rgba(0, 0, 0, 0.83);
}
div#teaser-grid article.visible {
  opacity: 1;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: opacity cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1);
          transition: opacity cubic-bezier(0.215, 0.61, 0.355, 1), transform cubic-bezier(0.215, 0.61, 0.355, 1);
}
div#teaser-grid article.display-none {
  display: none;
}

form#get-in-touch {
  display: block;
  position: relative;
}
form#get-in-touch label {
  display: block;
  font-size: calc( 0.624rem * 0.93 );
  font-weight: 500;
  line-height: 1.5em;
  margin: 3rem 0 0 3px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-family: 'Metropolis', sans-serif;
}
form#get-in-touch label:after {
  content: '';
  font-family: 'Charter', serif;
}
form#get-in-touch div.error {
  display: block;
  position: absolute;
  font-size: calc( 0.702rem * 0.93 );
  font-weight: 500;
  line-height: 2;
  margin: 0 0 0 3px;
  color: #c43100;
  font-family: 'Metropolis', sans-serif;
}
form#get-in-touch div.error:after {
  content: '';
  font-family: 'Charter', serif;
}
form#get-in-touch input[type=text] {
  display: block;
  width: auto;
  min-width: calc( 100% - 6px );
  margin: 0 0 0 3px;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  box-shadow: none;
  outline: none;
  border: none;
  border-radius: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.83);
  background: #fcfbfa;
  font-size: 1.125rem;
  line-height: 2em;
  color: rgba(0, 0, 0, 0.83);
  font-family: 'Charter', serif;
}
form#get-in-touch input[type=text]::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.8);
  opacity: 0.33;
}
form#get-in-touch input[type=text]::-moz-placeholder {
  color: rgba(0, 0, 0, 0.8);
  opacity: 0.33;
}
form#get-in-touch input[type=text]:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.8);
  opacity: 0.33;
}
form#get-in-touch input[type=text]:-moz-placeholder {
  color: rgba(0, 0, 0, 0.8);
  opacity: 0.33;
}
@media (min-width: 768px) {
  form#get-in-touch input[type=text] {
    min-width: calc( 75% - 6px );
  }
}
form#get-in-touch textarea {
  display: block;
  width: 100%;
  padding: 2px;
  margin: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  box-shadow: none;
  outline: none;
  border: 1px solid rgba(0, 0, 0, 0.83);
  border-radius: 0;
  background: #fcfbfa;
  font-size: 1rem;
  line-height: 1.5em;
  color: rgba(0, 0, 0, 0.83);
  box-sizing: border-box;
  font-family: 'Charter', serif;
}
form#get-in-touch textarea::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.8);
  opacity: 0.33;
}
form#get-in-touch textarea::-moz-placeholder {
  color: rgba(0, 0, 0, 0.8);
  opacity: 0.33;
}
form#get-in-touch textarea:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.8);
  opacity: 0.33;
}
form#get-in-touch textarea:-moz-placeholder {
  color: rgba(0, 0, 0, 0.8);
  opacity: 0.33;
}
form#get-in-touch .captcha {
  margin: 3rem 0 0 0;
}
form#get-in-touch button[type=submit] {
  -webkit-appearance: none;
  -moz-appearance: none;
  display: block;
  margin: 3rem 0 4rem 0;
  padding: 0 1.5em 0 1.5em;
  border: 0;
  box-shadow: none;
  outline: none;
  font-size: calc( 0.79rem * 0.93 );
  font-weight: 500;
  line-height: 2em;
  color: #fcfbfa;
  background: rgba(0, 0, 0, 0.83);
  cursor: pointer;
  -webkit-transition: background 100ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
          transition: background 100ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
  white-space: nowrap;
  font-family: 'Metropolis', sans-serif;
}
form#get-in-touch button[type=submit]:after {
  content: '';
  font-family: 'Charter', serif;
}
form#get-in-touch button[type=submit]:hover {
  background: #0093c4;
  -webkit-transition: background 100ms cubic-bezier(0.23, 1, 0.32, 1);
          transition: background 100ms cubic-bezier(0.23, 1, 0.32, 1);
}

img.author {
  display: block;
  width: 180px;
  height: auto;
  margin: 2em auto 2em auto;
  border-radius: 1000px;
}
@media (min-width: 768px) {
  img.author {
    width: calc( 60px * 3 );
  }
}
@media (min-width: 1024px) {
  img.author {
    width: calc( 80px * 3 );
  }
}
@media (min-width: 1400px) {
  img.author {
    width: calc( 92px * 3 );
  }
}

footer {
  height: 16rem;
  background: rgba(0, 0, 0, 0.04);
}
@media (min-width: 768px) {
  footer {
    height: 6rem;
  }
}
footer .wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 14rem;
  padding: 0 4%;
  margin: 0 auto;
}
@media (min-width: 768px) {
  footer .wrapper {
    height: 6rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0;
    max-width: calc( 60px * 10 );
    padding: 0 14px;
  }
}
@media (min-width: 1024px) {
  footer .wrapper {
    max-width: calc( 80px * 10 );
    padding: 0 14px;
  }
}
@media (min-width: 1400px) {
  footer .wrapper {
    max-width: calc( 92px * 10 );
    padding: 0 16px;
  }
}
footer nav#footerNavigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
footer nav#footerNavigation a {
  display: block;
  padding: 0;
  margin: 0 1rem;
  font-size: calc( 0.889rem * 0.93 );
  font-weight: 500;
  line-height: 3em;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  font-family: 'Metropolis', sans-serif;
}
footer nav#footerNavigation a:after {
  content: '';
  font-family: 'Charter', serif;
}
@media (min-width: 768px) {
  footer nav#footerNavigation a {
    font-size: calc( 0.702rem * 0.93 );
    margin: 0 2.5em 0 0;
  }
}
@media (min-width: 1024px) {
  footer nav#footerNavigation a {
    font-size: calc( 0.79rem * 0.93 );
  }
}
footer div.follow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: calc( 0.889rem * 0.93 );
  line-height: 3em;
  font-weight: 400;
  font-family: 'Metropolis', sans-serif;
}
@media (min-width: 768px) {
  footer div.follow {
    font-size: calc( 0.702rem * 0.93 );
  }
}
@media (min-width: 1024px) {
  footer div.follow {
    font-size: calc( 0.79rem * 0.93 );
  }
}
footer div.follow .text {
  font-style: italic;
  color: "";
  display: none;
}
footer div.follow .link img {
  display: block;
  height: 3em;
  width: auto;
  opacity: 0.87;
}

.grid-1-8-x {
  width: 100%;
  max-width: 480px;
  padding: 0;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 768px) {
  .grid-1-8-x {
    max-width: calc( 60px * 10 );
    padding: 0 14px;
  }
}
@media (min-width: 1024px) {
  .grid-1-8-x {
    max-width: calc( 80px * 8  );
    padding: 0 14px;
    margin-left: 80px;
  }
}
@media (min-width: 1400px) {
  .grid-1-8-x {
    max-width: calc( 92px * 8  );
    padding: 0 16px;
    margin-left: 92px;
  }
}

.grid-10-x {
  width: 100%;
  max-width: 480px;
  padding: 0;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 768px) {
  .grid-10-x {
    max-width: calc( 60px * 12 );
    padding: 0 14px;
  }
}
@media (min-width: 1024px) {
  .grid-10-x {
    max-width: calc( 80px * 10 );
    padding: 0 14px;
    margin-left: 0;
  }
}
@media (min-width: 1400px) {
  .grid-10-x {
    max-width: calc( 92px * 10 );
    padding: 0 16px;
  }
}

.grid-x-8-x {
  width: 100%;
  max-width: 480px;
  padding: 0;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 768px) {
  .grid-x-8-x {
    max-width: calc( 60px * 10 );
    padding: 0 14px;
  }
}
@media (min-width: 1024px) {
  .grid-x-8-x {
    max-width: calc( 80px * 8  );
    padding: 0 14px;
  }
}
@media (min-width: 1400px) {
  .grid-x-8-x {
    max-width: calc( 92px * 8  );
    padding: 0 16px;
  }
}

.grid-x-10-x {
  width: 100%;
  max-width: 480px;
  padding: 0;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 768px) {
  .grid-x-10-x {
    max-width: calc( 60px * 12 );
    padding: 0 14px;
  }
}
@media (min-width: 1024px) {
  .grid-x-10-x {
    max-width: calc( 80px * 10 );
    padding: 0 14px;
  }
}
@media (min-width: 1400px) {
  .grid-x-10-x {
    max-width: calc( 92px * 10 );
    padding: 0 16px;
  }
}

.donate {
  text-align: center;
  margin: 4rem 0;
}

article#main-article {
  position: relative;
  padding: 44px 0 0 0;
  min-height: calc( 100vh - 16rem );
}
@media (min-width: 768px) {
  article#main-article {
    padding: 70px 0 0 0;
    min-height: calc( 100vh - 6rem );
  }
}
@media (min-width: 1400px) {
  article#main-article {
    padding: 80px 0 0 0;
    min-height: calc( 100vh - 6rem );
  }
}

div.full-bleed-image {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 56.25vw;
  margin: 0 auto;
  background-color: rgba(0, 0, 0, 0.04);
}
@media (min-width: 768px) {
  div.full-bleed-image {
    position: absolute;
    z-index: 1;
    width: calc( 100% - 2rem );
    margin: 0 1rem;
    max-height: calc( 100vh - 70px - 1rem );
  }
}
@media (min-width: 1400px) {
  div.full-bleed-image {
    max-height: calc( 100vh - 80px - 1rem );
  }
}
div.full-bleed-image div.credit {
  position: absolute;
  z-index: 1;
  left: 100%;
  bottom: 9px;
  font-weight: 500;
  font-size: 10px;
  line-height: 16px;
  color: rgba(255, 255, 255, 0.8);
  text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.33), -1px 1px 1px rgba(0, 0, 0, 0.33);
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
  white-space: nowrap;
  font-family: 'Metropolis', sans-serif;
}
div.full-bleed-image div.credit:after {
  content: '';
  font-family: 'Charter', serif;
}

div.look-out {
  display: none;
}
@media (min-width: 768px) {
  div.look-out {
    display: block;
    position: relative;
    z-index: 2;
    max-width: 100%;
    height: calc( 56.25vw + 1rem );
    max-height: calc( 100vh - 70px - 4rem );
  }
}
@media (min-width: 1400px) {
  div.look-out {
    max-height: calc( 100vh - 80px - 4rem );
  }
}

header {
  position: relative;
  z-index: 2;
  width: 100%;
  margin: 0;
  padding: 1rem 4%  0 4%;
  background: #fcfbfa;
}
@media (min-width: 768px) {
  header {
    width: calc( 60px * 12 );
    margin: 0 auto;
    padding: 1rem 0 0 0;
  }
}
@media (min-width: 1024px) {
  header {
    width: calc( 80px * 12 );
  }
}
@media (min-width: 1400px) {
  header {
    width: calc( 92px * 12 );
  }
}
header h1 {
  width: 100%;
  max-width: 480px;
  margin: 0rem auto 2rem auto;
  padding: 0;
  font-size: 2.027rem;
  font-weight: 400;
  font-style: normal;
  -webkit-hyphens: auto;
  -webkit-hyphenate-limit-before: 3;
  -webkit-hyphenate-limit-after: 4;
  -webkit-hyphenate-limit-lines: 2;
  -ms-hyphens: auto;
  -ms-hyphenate-limit-chars: 7 3 4;
  -ms-hyphenate-limit-lines: 2;
}
@media (min-width: 768px) {
  header h1 {
    max-width: calc( 60px * 10 );
    padding: 0 14px;
    text-align: center;
    font-size: 2.281rem;
  }
}
@media (min-width: 1024px) {
  header h1 {
    max-width: calc( 80px * 10 );
    padding: 0 14px;
    font-size: 2.566rem;
  }
}
@media (min-width: 1400px) {
  header h1 {
    max-width: calc( 92px * 10 );
    padding: 0 16px;
  }
}
header h1 .guest {
  display: block;
  margin: 0 0 1rem 0;
  padding: 0;
  font-size: calc( 1rem * 0.93 );
  font-weight: 700;
  line-height: 2rem;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  font-family: 'Metropolis', sans-serif;
}
header h1 .guest:after {
  content: '';
  font-family: 'Charter', serif;
}
header h1 .divider {
  display: none;
}
header .introduction {
  width: 100%;
  max-width: 480px;
  margin: 0 auto 3rem auto;
  padding: 0;
  font-size: 1.125rem;
  line-height: 1.5em;
  font-weight: 400;
  font-style: italic;
  -webkit-hyphens: auto;
  -webkit-hyphenate-limit-before: 3;
  -webkit-hyphenate-limit-after: 4;
  -webkit-hyphenate-limit-lines: 2;
  -ms-hyphens: auto;
  -ms-hyphenate-limit-chars: 7 3 4;
  -ms-hyphenate-limit-lines: 2;
}
@media (min-width: 768px) {
  header .introduction {
    max-width: calc( 60px * 10 );
    padding: 0 14px;
    text-align: center;
  }
}
@media (min-width: 1024px) {
  header .introduction {
    max-width: calc( 80px * 10 );
    padding: 0 14px;
  }
}
@media (min-width: 1400px) {
  header .introduction {
    max-width: calc( 92px * 10 );
    padding: 0 16px;
  }
}
header .metaInfo {
  margin: 0;
  padding: 0 0 5rem 0;
  font-weight: 700;
  font-size: calc( 0.79rem * 0.93 );
  line-height: 1rem;
  text-align: center;
  font-family: 'Metropolis', sans-serif;
}
header .metaInfo:after {
  content: '';
  font-family: 'Charter', serif;
}
@media (min-width: 768px) {
  header .metaInfo .author {
    padding: 0 0 4rem 0;
  }
}
header .metaInfo .dash {
  font-weight: 500;
}
header .metaInfo .date {
  text-transform: uppercase;
  font-size: 0.624rem;
  font-size: calc( 0.624rem * 0.93 );
  letter-spacing: 0.05em;
}

div#main-content {
  position: relative;
  z-index: 2;
  width: 100%;
  margin: 0 auto 7rem auto;
  padding: 0 4%;
  background: #fcfbfa;
}
@media (min-width: 768px) {
  div#main-content {
    width: calc( 60px * 12 );
    padding: 0;
  }
}
@media (min-width: 1024px) {
  div#main-content {
    width: calc( 80px * 12 );
  }
}
@media (min-width: 1400px) {
  div#main-content {
    width: calc( 92px * 12 );
  }
}

h4 {
  margin-top: 2.5rem;
  margin-bottom: 1.5rem;
  font-size: 1.033rem;
  line-height: 1.45em;
  -webkit-hyphens: auto;
  -webkit-hyphenate-limit-before: 3;
  -webkit-hyphenate-limit-after: 4;
  -webkit-hyphenate-limit-lines: 2;
  -ms-hyphens: auto;
  -ms-hyphenate-limit-chars: 7 3 4;
  -ms-hyphenate-limit-lines: 2;
}
h4:nth-of-type(1) {
  margin-top: 0;
}
h4.large {
  font-size: 1.424rem;
  line-height: 1.25em;
}

p {
  margin-top: 0rem;
  margin-bottom: 1rem;
  font-size: 1rem;
  line-height: 1.5em;
  -webkit-hyphens: auto;
  -webkit-hyphenate-limit-before: 3;
  -webkit-hyphenate-limit-after: 4;
  -webkit-hyphenate-limit-lines: 2;
  -ms-hyphens: auto;
  -ms-hyphenate-limit-chars: 7 3 4;
  -ms-hyphenate-limit-lines: 2;
}
@supports (-webkit-initial-letter: 3) {
  p.drop-cap::first-letter {
    -webkit-initial-letter: 3;
    margin-right: 0.4em;
  }
  @media (min-width: 768px) {
    p.drop-cap::first-letter {
      margin-left: -0.5em;
    }
  }
}
@supports not (-webkit-initial-letter: 3) {
  p span.drop-cap {
    float: left;
    font-size: 5.1em;
    line-height: 0.8em;
    margin-right: 0.0875em;
  }
  @media (min-width: 768px) {
    p span.drop-cap {
      margin-left: -0.09em;
    }
  }
}
p span.endmark {
  color: #0093c4;
}
p div.content-image {
  margin-top: 4rem;
}
p.published {
  margin-top: 5rem;
  margin-bottom: 5rem;
  font-size: 0.79rem;
  line-height: 1.5em;
}

h4 a, p a {
  color: rgba(0, 0, 0, 0.83);
  box-shadow: inset 0px -0.5em 0px rgba(0, 147, 196, 0.2), 0px 0em 0px rgba(0, 147, 196, 0.2);
  -webkit-transition: color 100ms cubic-bezier(0.55, 0.055, 0.675, 0.19), box-shadow 100ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
          transition: color 100ms cubic-bezier(0.55, 0.055, 0.675, 0.19), box-shadow 100ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
h4 a:hover, p a:hover {
  color: #fcfbfa;
  box-shadow: inset 0px -1.25rem 0px #0093c4, 0px 0.1em 0px #0093c4;
  -webkit-transition: color 100ms cubic-bezier(0.23, 1, 0.32, 1), box-shadow 100ms cubic-bezier(0.23, 1, 0.32, 1);
          transition: color 100ms cubic-bezier(0.23, 1, 0.32, 1), box-shadow 100ms cubic-bezier(0.23, 1, 0.32, 1);
}
h4 a.common, p a.common {
  font-family: 'Metropolis', sans-serif;
  font-size: calc( 0.889rem * 0.93 );
  font-weight: 500;
  text-decoration: none;
  color: rgba(0, 0, 0, 0.83);
  border: none;
  box-shadow: none;
  -webkit-transition: color 100ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
          transition: color 100ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
h4 a.common:hover, p a.common:hover {
  color: #0093c4;
  -webkit-transition: color 100ms cubic-bezier(0.23, 1, 0.32, 1);
          transition: color 100ms cubic-bezier(0.23, 1, 0.32, 1);
}

.information {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  margin-top: 0rem;
  margin-bottom: 1rem;
  overflow: hidden;
  font-family: 'Metropolis', sans-serif;
}
.information .information-icon {
  padding: 1rem 0 1rem 1rem;
  font-family: 'Charter', serif;
  font-size: 1.802rem;
  line-height: 1.2em;
  font-style: italic;
  font-weight: 700;
  color: rgba(0, 0, 0, 0.04);
  background-color: rgba(0, 0, 0, 0.04);
}
.information .information-icon span {
  height: 100%;
  display: block;
  padding: 0 1rem 0 0;
  color: rgba(0, 0, 0, 0.83);
  box-shadow: inset -1px 0 0 0 rgba(0, 0, 0, 0.83);
  display: block;
}
.information .information-content {
  padding: 1rem;
  background-color: rgba(0, 0, 0, 0.04);
}
.information .information-content h5 {
  margin: 0 0 1em 0;
  font-size: calc( 0.889rem * 0.93 );
  font-weight: 700;
  line-height: 1.5em;
}
@media (min-width: 768px) {
  .information .information-content h5 {
    margin: 0 0 1rem 0;
    font-size: 1.125rem;
  }
}
.information .information-content p {
  margin: 0 0 1em 0;
  font-weight: 500;
  font-size: calc( 0.79rem * 0.93 );
  line-height: 1.5em;
  -webkit-hyphens: auto;
  -webkit-hyphenate-limit-before: 3;
  -webkit-hyphenate-limit-after: 4;
  -webkit-hyphenate-limit-lines: 2;
  -ms-hyphens: auto;
  -ms-hyphenate-limit-chars: 7 3 4;
  -ms-hyphenate-limit-lines: 2;
}
.information .information-content :last-child {
  margin-bottom: 0;
}

.content-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  max-width: 480px;
  padding: 0;
  margin: 4rem auto;
  font-style: italic;
  font-family: 'Metropolis', sans-serif;
}
@media (min-width: 768px) {
  .content-image {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    max-width: none;
    padding: 0 14px;
  }
}
@media (min-width: 1400px) {
  .content-image {
    padding: 0 16px;
  }
}
.content-image figure {
  margin: 1rem 0;
  font-size: calc( 0.79rem * 0.93 );
}
.content-image figure img {
  display: block;
  width: 100%;
  height: auto;
  background-color: rgba(0, 0, 0, 0.04);
}
.content-image figure figcaption {
  font-size: calc( 0.79rem * 0.93 );
  line-height: 1.5em;
  font-weight: 500;
  padding: 0.33rem 0.1rem 0 0.1rem;
}
.content-image figure figcaption:after {
  content: '';
  font-family: 'Charter', serif;
}
@media (min-width: 768px) {
  .content-image figure figcaption {
    padding: 0.33rem 2rem 0 0.1rem;
  }
}
.content-image figure figcaption > span.credit {
  font-size: calc( 0.624rem * 0.93 );
  color: rgba(0, 0, 0, 0.5);
}

.content-video {
  position: relative;
  margin: 4rem auto;
  padding: 0 0 56.25% 0;
  height: 0;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.04);
}
.content-video > iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

aside.pullquote {
  margin-top: 5rem;
  margin-bottom: 5rem;
  font-style: italic;
  font-size: 1.602rem;
  line-height: 1.4;
  color: #0093c4;
}
@media (min-width: 768px) {
  aside.pullquote {
    text-align: center;
  }
}

aside.related {
  max-width: 480px;
  margin: 0 auto 4rem auto;
}
@media (min-width: 768px) {
  aside.related {
    max-width: calc( 60px * 10 );
    padding: 0 14px;
  }
}
@media (min-width: 1024px) {
  aside.related {
    float: right;
    max-width: calc( 80px * 4 );
    padding: 0 14px;
    margin: 0 0 2rem 4rem;
  }
}
@media (min-width: 1400px) {
  aside.related {
    max-width: calc( 92px * 4 );
    padding: 0 16px;
    margin: 0 0 2rem 4rem;
  }
}

.soundcloud {
  margin-bottom: 4rem;
}
.soundcloud > iframe {
  margin-bottom: 1rem;
}
.soundcloud > a {
  display: block;
  text-align: center;
}

section.audio {
  padding: 1rem 0;
  margin: 0 0 2rem 0;
  font-family: 'Metropolis', sans-serif;
  font-size: calc( 0.889rem * 0.93 );
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.54);
}
@media (min-width: 768px) {
  section.audio {
    font-size: calc( 0.79rem * 0.93 );
  }
}
section.audio > h4 {
  line-height: 1.5em;
  margin: 0 1rem 0.5rem 1rem;
  font-size: calc( 0.889rem * 0.93 );
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
@media (min-width: 768px) {
  section.audio > h4 {
    font-size: calc( 0.79rem * 0.93 );
  }
}
section.audio > p {
  font-size: calc( 0.889rem * 0.93 );
  line-height: 1.5em;
  font-weight: 400;
  margin: 0 1rem 0.5rem 1rem;
}
@media (min-width: 768px) {
  section.audio > p {
    font-size: calc( 0.79rem * 0.93 );
  }
}
section.audio iframe.soundcloud-widget {
  display: block;
  width: 100%;
  height: 126px;
  margin: 0 auto 1rem auto;
  padding: 0 calc( 1rem - 1px );
}
@media (min-width: 1024px) {
  section.audio iframe.soundcloud-widget {
    height: 166px;
  }
}
section.audio > a {
  display: block;
  font-weight: 500;
  margin: 0 1rem 0 1rem;
}

section.guest {
  margin: 0 0 2rem 0;
  padding: 0 1rem 0 1rem;
  background: rgba(0, 0, 0, 0.04);
  font-family: 'Metropolis', sans-serif;
}
section.guest div.unfold-box input.unfold-box-input {
  display: none;
}
section.guest div.unfold-box input.unfold-box-input:not(checked) ~ div.unfold-box-content {
  height: 0px;
}
@media (min-width: 1024px) {
  section.guest div.unfold-box input.unfold-box-input:not(checked) ~ div.unfold-box-content {
    opacity: 1;
    height: auto;
  }
}
section.guest div.unfold-box input.unfold-box-input:checked ~ div.unfold-box-content {
  height: auto;
  opacity: 1;
  -webkit-transition: opacity 700ms cubic-bezier(0.23, 1, 0.32, 1);
          transition: opacity 700ms cubic-bezier(0.23, 1, 0.32, 1);
}
section.guest div.unfold-box input.unfold-box-input:checked ~ label.unfold-box-label:after {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
section.guest div.unfold-box label.unfold-box-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
@media (min-width: 1024px) {
  section.guest div.unfold-box label.unfold-box-label {
    pointer-events: none;
  }
}
section.guest div.unfold-box label.unfold-box-label:after {
  content: '+';
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 0;
  text-align: center;
  font-size: calc( 1.424rem * 0.93 );
  font-weight: 400;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: -webkit-transform 350ms cubic-bezier(0.23, 1, 0.32, 1);
          transition: transform 350ms cubic-bezier(0.23, 1, 0.32, 1);
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
@media (min-width: 768px) {
  section.guest div.unfold-box label.unfold-box-label:after {
    font-size: 1.125rem;
  }
}
@media (min-width: 1024px) {
  section.guest div.unfold-box label.unfold-box-label:after {
    display: none;
  }
}
section.guest div.unfold-box div.unfold-box-content {
  height: 0px;
  max-height: 10000px;
  overflow: hidden;
  opacity: 0;
  -webkit-transition: opacity 0ms cubic-bezier(0.23, 1, 0.32, 1);
          transition: opacity 0ms cubic-bezier(0.23, 1, 0.32, 1);
}
section.guest h4 {
  display: inline-block;
  width: calc( 100% - 20px );
  margin: 1em 0;
  padding: 0;
  font-size: calc( 0.889rem * 0.93 );
  font-weight: 700;
  line-height: 1.5em;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
section.guest h4:after {
  content: '';
  font-family: 'Charter', serif;
}
@media (min-width: 768px) {
  section.guest h4 {
    font-size: calc( 0.79rem * 0.93 );
  }
}
section.guest figure.guest-image {
  position: relative;
  margin: 0 1rem 1em 0;
  width: 40%;
  float: left;
  font-size: 0.702rem;
}
section.guest figure.guest-image:after {
  content: '';
  font-family: 'Charter', serif;
}
@media (min-width: 1024px) {
  section.guest figure.guest-image {
    width: 100%;
    float: none;
    margin: 0 0 1rem 0;
  }
}
section.guest figure.guest-image img {
  display: block;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.04);
}
section.guest figure.guest-image figcaption {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
section.guest figure.guest-image figcaption:after {
  content: '';
  font-family: 'Charter', serif;
}
section.guest figure.guest-image figcaption div.credit {
  position: absolute;
  left: 100%;
  bottom: 9px;
  font-weight: 500;
  font-size: 10px;
  line-height: 16px;
  color: rgba(255, 255, 255, 0.8);
  text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.33), -1px 1px 1px rgba(0, 0, 0, 0.33);
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
  white-space: nowrap;
}
section.guest p {
  width: 100%;
  max-width: 100%;
  margin: 0 0 1em 0;
  padding: 0;
  font-size: calc( 0.889rem * 0.93 );
  line-height: 1.5em;
  font-weight: 400;
  box-sizing: border-box;
  -webkit-hyphens: auto;
  -webkit-hyphenate-limit-before: 3;
  -webkit-hyphenate-limit-after: 4;
  -webkit-hyphenate-limit-lines: 2;
  -ms-hyphens: auto;
  -ms-hyphenate-limit-chars: 7 3 4;
  -ms-hyphenate-limit-lines: 2;
}
section.guest p:after {
  content: '';
  font-family: 'Charter', serif;
}
@media (min-width: 768px) {
  section.guest p {
    font-size: calc( 0.79rem * 0.93 );
  }
}
section.guest p b, section.guest p strong {
  font-family: 'Metropolis', sans-serif;
  font-weight: 700;
}
section.guest p em {
  font-family: 'Metropolis', sans-serif;
  font-style: italic;
}
section.guest h5.guest-links {
  margin: 3em 0 1em 0;
  padding: 0;
  font-size: calc( 0.889rem * 0.93 );
  font-weight: 700;
  line-height: 1.5em;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
section.guest h5.guest-links:after {
  content: '';
  font-family: 'Charter', serif;
}
@media (min-width: 768px) {
  section.guest h5.guest-links {
    font-size: calc( 0.79rem * 0.93 );
  }
}
section.guest div.guest-links {
  position: relative;
  font-size: calc( 0.889rem * 0.93 );
  line-height: 1.5em;
  font-weight: 500;
}
@media (min-width: 768px) {
  section.guest div.guest-links {
    font-size: calc( 0.79rem * 0.93 );
  }
}
section.guest div.guest-links a {
  display: block;
  margin: 0 0 1.25em 0;
  text-decoration: none;
}
section.guest div.guest-links a:after {
  content: '';
  font-family: 'Charter', serif;
}

div.share-article {
  width: 100%;
  max-width: 480px;
  margin: 0 auto 4rem auto;
}
@media (min-width: 1024px) {
  div.share-article {
    float: left;
    width: 52px;
    margin: 0 0 0 16px;
  }
}
@media (min-width: 1400px) {
  div.share-article {
    width: 60px;
  }
}
div.share-article h5 {
  font-size: 9px;
  font-weight: 500;
  line-height: 2rem;
  font-weight: 500;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 0.1em;
  font-family: 'Metropolis', sans-serif;
}
div.share-article h5:after {
  content: '';
  font-family: 'Charter', serif;
}
div.share-article div.social-icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: auto;
}
@media (min-width: 1024px) {
  div.share-article div.social-icons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
div.share-article div.social-icons a {
  display: block;
  width: 2.5rem;
  height: 2.5rem;
  margin: 0 0.5rem;
  padding: 0;
  border-radius: 100px;
  -webkit-transition: none;
          transition: none;
  pointer-events: fill;
  background: rgba(0, 0, 0, 0.04);
}
@media (min-width: 768px) {
  div.share-article div.social-icons a {
    width: 2rem;
    height: 2rem;
  }
}
@media (min-width: 1024px) {
  div.share-article div.social-icons a {
    margin: 0 0 1rem 0;
  }
}
div.share-article div.social-icons a svg {
  display: block;
  width: 100%;
  height: 100%;
}
div.share-article div.social-icons a svg path {
  fill: rgba(0, 0, 0, 0.83);
  -webkit-transition-duration: 100ms;
          transition-duration: 100ms;
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
          transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
div.share-article div.social-icons a svg:hover path {
  fill: #0093c4;
  -webkit-transition-duration: 100ms;
          transition-duration: 100ms;
  -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
          transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}

@media print {
  div.topNavigation,
  div.full-bleed-image,
  div.look-out,
  div.share-article,
  div.content-image,
  figure.guest-image,
  h5.guest-links,
  div.guest-links,
  iframe.soundcloud-widget,
  footer {
    display: none !important;
  }
}
div#image-row_Brad-Warner01 figure:nth-of-type(1) {
  padding: 0;
}
@media (min-width: 768px) {
  div#image-row_Brad-Warner01 figure:nth-of-type(1) {
    -webkit-box-flex: 1.3992;
        -ms-flex: 1.3992;
            flex: 1.3992;
    padding: 0 .5rem 0 0;
  }
}
div#image-row_Brad-Warner01 figure:nth-of-type(2) {
  padding: 0;
}
@media (min-width: 768px) {
  div#image-row_Brad-Warner01 figure:nth-of-type(2) {
    -webkit-box-flex: 1.443;
        -ms-flex: 1.443;
            flex: 1.443;
    padding: 0 0 0 .5rem;
  }
}

div#image-row_Orit-Sen-Gupta01 figure:nth-of-type(1) {
  padding: 0;
}
@media (min-width: 768px) {
  div#image-row_Orit-Sen-Gupta01 figure:nth-of-type(1) {
    -webkit-box-flex: 1.0444;
        -ms-flex: 1.0444;
            flex: 1.0444;
    padding: 0 .5rem 0 0;
  }
}
div#image-row_Orit-Sen-Gupta01 figure:nth-of-type(2) {
  padding: 0;
}
@media (min-width: 768px) {
  div#image-row_Orit-Sen-Gupta01 figure:nth-of-type(2) {
    -webkit-box-flex: 1.3746;
        -ms-flex: 1.3746;
            flex: 1.3746;
    padding: 0 0.5rem;
  }
}
div#image-row_Orit-Sen-Gupta01 figure:nth-of-type(3) {
  padding: 0;
}
@media (min-width: 768px) {
  div#image-row_Orit-Sen-Gupta01 figure:nth-of-type(3) {
    -webkit-box-flex: 1.0821;
        -ms-flex: 1.0821;
            flex: 1.0821;
    padding: 0 0 0 .5rem;
  }
}

div#image-row_Orit-Sen-Gupta02 figure:nth-of-type(1) {
  padding: 0;
}
@media (min-width: 768px) {
  div#image-row_Orit-Sen-Gupta02 figure:nth-of-type(1) {
    -webkit-box-flex: 0.6623;
        -ms-flex: 0.6623;
            flex: 0.6623;
    padding: 0 .5rem 0 0;
  }
}
div#image-row_Orit-Sen-Gupta02 figure:nth-of-type(2) {
  padding: 0;
}
@media (min-width: 768px) {
  div#image-row_Orit-Sen-Gupta02 figure:nth-of-type(2) {
    -webkit-box-flex: 0.7105;
        -ms-flex: 0.7105;
            flex: 0.7105;
    padding: 0 0 0 .5rem;
  }
}

div#image-row_Muho-Noelke01 figure:nth-of-type(1) {
  padding: 0;
}
@media (min-width: 768px) {
  div#image-row_Muho-Noelke01 figure:nth-of-type(1) {
    -webkit-box-flex: 0.5;
        -ms-flex: 0.5;
            flex: 0.5;
    padding: 0 .5rem 0 0;
  }
}
div#image-row_Muho-Noelke01 figure:nth-of-type(2) {
  padding: 0;
}
@media (min-width: 768px) {
  div#image-row_Muho-Noelke01 figure:nth-of-type(2) {
    -webkit-box-flex: 0.5;
        -ms-flex: 0.5;
            flex: 0.5;
    padding: 0 0 0 .5rem;
  }
}

div#image-row_David-Steindl-Rast01 figure:nth-of-type(1) {
  padding: 0;
}
@media (min-width: 768px) {
  div#image-row_David-Steindl-Rast01 figure:nth-of-type(1) {
    -webkit-box-flex: 1.3438;
        -ms-flex: 1.3438;
            flex: 1.3438;
    padding: 0 .5rem 0 0;
  }
}
div#image-row_David-Steindl-Rast01 figure:nth-of-type(2) {
  padding: 0;
}
@media (min-width: 768px) {
  div#image-row_David-Steindl-Rast01 figure:nth-of-type(2) {
    -webkit-box-flex: 1.4581;
        -ms-flex: 1.4581;
            flex: 1.4581;
    padding: 0 0 0 .5rem;
  }
}

div#image-row_Tassajara01 figure:nth-of-type(1) {
  padding: 0;
}
@media (min-width: 768px) {
  div#image-row_Tassajara01 figure:nth-of-type(1) {
    -webkit-box-flex: 0.75;
        -ms-flex: 0.75;
            flex: 0.75;
    padding: 0 .5rem 0 0;
  }
}
div#image-row_Tassajara01 figure:nth-of-type(2) {
  padding: 0;
}
@media (min-width: 768px) {
  div#image-row_Tassajara01 figure:nth-of-type(2) {
    -webkit-box-flex: 1.3333;
        -ms-flex: 1.3333;
            flex: 1.3333;
    padding: 0 0 0 .5rem;
  }
}

div#image-row_Tassajara02 figure:nth-of-type(1) {
  padding: 0;
}
@media (min-width: 768px) {
  div#image-row_Tassajara02 figure:nth-of-type(1) {
    -webkit-box-flex: 1.3333;
        -ms-flex: 1.3333;
            flex: 1.3333;
    padding: 0 .5rem 0 0;
  }
}
div#image-row_Tassajara02 figure:nth-of-type(2) {
  padding: 0;
}
@media (min-width: 768px) {
  div#image-row_Tassajara02 figure:nth-of-type(2) {
    -webkit-box-flex: 0.75;
        -ms-flex: 0.75;
            flex: 0.75;
    padding: 0 0 0 .5rem;
  }
}

div#image-row_Reb-Anderson01 figure:nth-of-type(1) {
  padding: 0;
}
@media (min-width: 768px) {
  div#image-row_Reb-Anderson01 figure:nth-of-type(1) {
    -webkit-box-flex: 1.3333;
        -ms-flex: 1.3333;
            flex: 1.3333;
    padding: 0 .5rem 0 0;
  }
}
div#image-row_Reb-Anderson01 figure:nth-of-type(2) {
  padding: 0;
}
@media (min-width: 768px) {
  div#image-row_Reb-Anderson01 figure:nth-of-type(2) {
    -webkit-box-flex: 0.75;
        -ms-flex: 0.75;
            flex: 0.75;
    padding: 0 0 0 .5rem;
  }
}

.hyphens-none {
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}