.attributes {

  margin: 0;
  padding: 0;
  font-size: 1.2em;
  line-height: 1.2;

}

.attributes__label,
  .attributes__item {

  margin: 0;

  padding: 0;

}

.attributes__label {

  display: block;

  margin-top: 1em;

}

.attributes__label:first-child {

  margin-top: 0

}

.footer {

  background-color: white;
  color: rgb(180,180,180);

}

.footer a {

  cursor: pointer;

  text-decoration: none;

  color: rgb(180,180,180);

}

.footer .architectmode {

  cursor: pointer;

}

@media (max-width: 1000px) {

  .footer { padding: 3rem }

}

@media (min-width: 1000px) {

  .footer { padding: 3rem 4.8rem }

  .footer__content {

    *zoom: 1;

    max-width: 97.2rem;

    margin-left: auto;

    margin-right: auto;

  }

  .footer__content:before {

    content: '';

    display: table;

  }

  .footer__content:after {

    content: '';

    display: table;

    clear: both;

  }

  .footer__content > * {

    width: calc(99.99% * 2/12 - (15px - 15px * 2/12));

    margin-top: 0;

  }

  .footer__content > *:nth-child(1n) {

    float: left;

    margin-right: 15px;

    clear: none;

  }

  .footer__content > *:last-child {

    margin-right: 0;

  }

  .footer__content > *:nth-child(12n) {

    margin-right: 0;

    float: right;

  }

  .footer__content > *:nth-child(12n + 1) {

    clear: left;

  }

}

html[data-route="/404"] .header {

  height: 100vh

}

html[data-route="/404"] .header__featured_text {

  font-family: 'Berlingske Serif Black', 'Times New Roman', serif;

  font-weight: normal;

  font-size: 2.4rem;

  line-height: 1.3;

  letter-spacing: .02rem;

  text-rendering: optimizeLegibility;

}

html[data-route="/404"] .header__featured_text h1,
  html[data-route="/404"] .header__featured_text h2,
  html[data-route="/404"] .header__featured_text h3,
  html[data-route="/404"] .header__featured_text h4,
  html[data-route="/404"] .header__featured_text h5,
  html[data-route="/404"] .header__featured_text h6 {

  font-size: 1em;

}

html[data-route="/404"] .header__featured_text strong {

  font-weight: initial;

}

html[data-route="/404"] .main,
  html[data-route="/404"] .footer {

  display: none

}

@media (max-width: 1000px) {

  html[data-route="/404"] .header__featured_text {

    display: block

  }

}

@keyframes stickyNav {

    0% {
      opacity: 0;
      bottom: 3.6rem;
    }

    100% {
      opacity: 1;
      bottom: 2rem;
    }

}

@keyframes flowNav {

    0% {
      opacity: 0;
      bottom: 2rem;
    }

    100% {
      opacity: 1;
      bottom: 3.6rem;
    }

}

@media (min-height: 400px) {

  .header--sticky {

    position: fixed !important;
    top: calc(-80vh + 6.4rem) !important;

  }

  .header--sticky .header__nav {

    opacity: 1;

    bottom: 2rem;

  }

  .header--sticky .nav__link {

    display: inline-block;

    margin-right: 1em;

  }

  /* flow <> sticky transition */

  .header--flow.hasAnimation .header__nav,
  .header--sticky.hasAnimation .header__nav {
    animation-duration: .5s;
    animation-direction: normal;
    animation-fill-mode: forwards;
  }

  .header--flow.hasAnimation .header__nav { animation-name: flowNav }
  .header--sticky.hasAnimation .header__nav { animation-name: stickyNav }

}

@media (max-height: 400px), (max-width: 1000px) {

  .header {

    position: static !important;
    -ms-transform: none !important;
        transform: none !important;

  }

  .header--sticky + .main .layout--sidebar.nav:first-of-type {

    position: static;

  }

  .header__nav {

    height: 4.2rem;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1250;
    background-color: white;

  }

  /* hamburger icon */

  .header__nav .header__title {

    position: absolute;

    width: 4rem;

    top: 1rem;

    left: 3rem;

    margin: 0;

  }

  .header__nav .header__title_link {

    display: block;

    width: 100%;

    height: 1.6rem;

    border-top: 4px solid black;

    border-bottom: 4px solid black;

    text-indent: -999em;

  }

  .header__nav .header__title_link:after {

    content: '';

    display: block;

    width: 100%;

    height: 4px;

    position: absolute;

    top: 50%;

    -ms-transform: translateY(-50%);

        transform: translateY(-50%);

    background-color: black;

  }

  /* dropdown menu */

  .header__nav .nav {

    display: block;

    position: fixed;

    top: 4.2rem;

    left: 0;

    right: 0;

    z-index: 1500;

    border-top: 2px solid black;

    height: 0;

    overflow: hidden;

    transition: height .5s;

  }

  .header__nav .nav--open {

    height: auto

  }

  .header__nav .nav__link {

    display: block;

    box-sizing: border-box;

    height: 4.2rem;

    border-bottom: 2px solid black;

    padding-left: 3rem;

    background-color: white;

    color: black;

    font: 2.4rem/4.2rem 'Berlingske Serif Black', 'Times New Roman', serif;

  }

}

.header a,
  .header p {

  color: white

}

.header a {

  cursor: pointer;

  text-decoration: none;

}

/* background images and videos */

.header--background {

  /* always knockout logo when a background is set, overriding custom styles */

  background-color: black !important;

}

.header--background path {

  fill: white !important

}

.header__background {

  position: absolute;

  top: 0;

  right: 0;

  left: 0;

  bottom: 0;

  height: 100%;

  z-index: 1;

  background-size: cover;

  background-position: center center;

  opacity: .5;

}

.header__background ~ .header__featured path {

  fill: white;

  stroke: white;

  stroke-width: 1;

}

.header__background.video {

  min-width: 100%;

  min-height: 100%;

}

.header--sticky .header__background {

  top: auto;

  height: 6.4rem;

  background-size: 100% auto;

  background-position: 0 50%;

  transition: height 1s;

}

/* featured projects */

.header__featured {

  position: relative;

  z-index: 1;

}

.header__featured_heading {

  /* nothing */

}

.header__featured_text {

  margin: 0;

}

.header__featured_text a {

  display: block;

  margin-top: 1em;

}

.header__featured_text a:before {

  content: '› '

}

/* orient scale of SVG to header__logo */

.header__logo {

  position: relative;

  line-height: 0;

}

.header__logo:before {

  display: block;

  content: '';

  padding-top: 100%;

}

.header__logo > * {

  width: 100%;

  height: 100%;

  position: absolute;

  bottom: 0;

  left: 0;

}

.header .nav__link {

  transition: opacity 250ms

}

@media (max-width: 1000px), (max-height: 400px) {

  .header__background {
    background-size: cover;
    background-position: center center;
  }

}

@media (min-width: 1000px) and (min-height: 400px) {

  .header--background a {

    opacity: 1;

  }

  .header--background a:hover {

    color: white !important;

    opacity: .6;

  }

}

.header {

  max-height: calc(100vw + 4.2rem);
  box-sizing: border-box;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding-top: 3.6rem;
  z-index: 1250;

}

.header__logo {

  height: calc(100vw - 3rem - 3rem);

  max-height: calc(80vh - 6rem - 4.2rem);

}

.header__logo > * {

  height: calc(100vw - 3rem - 3rem);

  max-height: calc(80vh - 6rem - 4.2rem);

}

/* center logo within header when nav moves to fixed bar */

@media (max-height: 400px), (max-width: 1000px) {

  .header {

    padding: 0;

  }

  .header__content {

    position: relative;

    padding: 7.2rem 3rem 3rem 3rem;

  }

  .header__featured_text {

    display: none

  }

}

/* layout nav/logo/featured project  */

@media (min-width: 1000px) and (min-height: 400px) {

  .header {

    min-height: 80vh;

  }

  .header__content {

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    z-index: 1250;

    padding-top: 4.02rem;

  }

  .header__nav,
    .header__featured {

    position: absolute;

    left: 50%;

    -ms-transform: translateX(-50%);

        transform: translateX(-50%);

    *zoom: 1;

    max-width: 97.2rem;

    margin-left: auto;

    margin-right: auto;

    width: calc(99.99% * 12/12 - (15px - 15px * 12/12));

    *zoom: 1;

    box-sizing: border-box;

    position: relative;

    z-index: 1250;

  }

  .header__nav:nth-child(1n),
    .header__featured:nth-child(1n) {

    float: left;

    margin-right: 15px;

    clear: none;

  }

  .header__nav:last-child,
    .header__featured:last-child {

    margin-right: 0;

  }

  .header__nav:nth-child(12n),
    .header__featured:nth-child(12n) {

    margin-right: 0;

    float: right;

  }

  .header__nav:nth-child(12n + 1),
    .header__featured:nth-child(12n + 1) {

    clear: left;

  }

  .header__nav:before,
    .header__featured:before {

    content: '';

    display: table;

  }

  .header__nav:after,
    .header__featured:after {

    content: '';

    display: table;

    clear: both;

  }

  .header__nav:before,
    .header__featured:before {

    content: '';

    display: table;

  }

  .header__nav:after,
    .header__featured:after {

    content: '';

    display: table;

    clear: both;

  }

  .header__title,
    .header__featured_text {

    width: calc(99.99% * 4/12 - (15px - 15px * 4/12));

    margin: 0;

  }

  .header__title:nth-child(1n),
    .header__featured_text:nth-child(1n) {

    float: left;

    margin-right: 15px;

    clear: none;

  }

  .header__title:last-child,
    .header__featured_text:last-child {

    margin-right: 0;

  }

  .header__title:nth-child(12n),
    .header__featured_text:nth-child(12n) {

    margin-right: 0;

    float: right;

  }

  .header__title:nth-child(12n + 1),
    .header__featured_text:nth-child(12n + 1) {

    clear: left;

  }

  .header__nav {

    position: absolute;

    bottom: 3.6rem;

    opacity: 1;

    z-index: 1251;

  }

  .header .nav {

    font-family: 'Berlingske Serif Black', 'Times New Roman', serif;

    font-weight: normal;

    font-size: 2.4rem;

    line-height: 1.3;

    letter-spacing: .02rem;

    text-rendering: optimizeLegibility;

    width: calc(99.99% * 8/12 - (15px - 15px * 8/12));

  }

  .header .nav:nth-child(1n) {

    float: left;

    margin-right: 15px;

    clear: none;

  }

  .header .nav:last-child {

    margin-right: 0;

  }

  .header .nav:nth-child(12n) {

    margin-right: 0;

    float: right;

  }

  .header .nav:nth-child(12n + 1) {

    clear: left;

  }

  .header .nav h1,
  .header .nav h2,
  .header .nav h3,
  .header .nav h4,
  .header .nav h5,
  .header .nav h6 {

    font-size: 1em;

  }

  .header .nav strong {

    font-weight: initial;

  }

  .header__logo {

    width: calc(99.99% * 8/12 - (15px - 15px * 8/12));

  }

  .header__logo:nth-child(1n) {

    float: left;

    margin-right: 15px;

    clear: none;

  }

  .header__logo:last-child {

    margin-right: 0;

  }

  .header__logo:nth-child(12n) {

    margin-right: 0;

    float: right;

  }

  .header__logo:nth-child(12n + 1) {

    clear: left;

  }

  .header__logo > * {

    height: calc(80vh - 15rem - 4.02rem);

    top: 0;

    bottom: auto;

  }

}
noscript {

  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(255, 2555, 255, .75);
  z-index: 1501;
  text-align: center;

}
noscript:before {

  content: '';

  display: inline-block;

  height: 100vh;

  vertical-align: middle;

  margin-right: -0.25em;

}
noscript p {

  display: inline-block;

  vertical-align: middle;

  line-height: 2;

}

.layout {

  *zoom: 1;

  width: 100%;
  float: left;

}

.layout:before {

  content: '';

  display: table;

}

.layout:after {

  content: '';

  display: table;

  clear: both;

}

.layout--item {

  display: block;

  width: 100%;

}

.layout--item h1,
    .layout--item h2,
    .layout--item h3,
    .layout--item h4,
    .layout--item h5,
    .layout--item h6 {

  margin-top: 1em !important

}

.layout--group {

  width: 100%;

  float: left;

}

.layout--grid > * {

  float: left

}

.layout--grid * > *       {

  width: calc(99.99% * 4/12 - (15px - 15px * 4/12))

}

.layout--grid * > *:nth-child(1n) {

  float: left;

  margin-right: 15px;

  clear: none;

}

.layout--grid * > *:last-child {

  margin-right: 0;

}

.layout--grid * > *:nth-child(12n) {

  margin-right: 0;

  float: right;

}

.layout--grid * > *:nth-child(12n + 1) {

  clear: left;

}

.layout--grid.two * > *   {

  width: calc(99.99% * 6/12 - (15px - 15px * 6/12))

}

.layout--grid.two * > *:nth-child(1n) {

  float: left;

  margin-right: 15px;

  clear: none;

}

.layout--grid.two * > *:last-child {

  margin-right: 0;

}

.layout--grid.two * > *:nth-child(12n) {

  margin-right: 0;

  float: right;

}

.layout--grid.two * > *:nth-child(12n + 1) {

  clear: left;

}

.layout--grid.three * > * {

  width: calc(99.99% * 4/12 - (15px - 15px * 4/12))

}

.layout--grid.three * > *:nth-child(1n) {

  float: left;

  margin-right: 15px;

  clear: none;

}

.layout--grid.three * > *:last-child {

  margin-right: 0;

}

.layout--grid.three * > *:nth-child(12n) {

  margin-right: 0;

  float: right;

}

.layout--grid.three * > *:nth-child(12n + 1) {

  clear: left;

}

.layout--grid.four * > *  {

  width: calc(99.99% * 3/12 - (15px - 15px * 3/12))

}

.layout--grid.four * > *:nth-child(1n) {

  float: left;

  margin-right: 15px;

  clear: none;

}

.layout--grid.four * > *:last-child {

  margin-right: 0;

}

.layout--grid.four * > *:nth-child(12n) {

  margin-right: 0;

  float: right;

}

.layout--grid.four * > *:nth-child(12n + 1) {

  clear: left;

}

.layout--grid.six * > *   {

  width: calc(99.99% * 2/12 - (15px - 15px * 2/12))

}

.layout--grid.six * > *:nth-child(1n) {

  float: left;

  margin-right: 15px;

  clear: none;

}

.layout--grid.six * > *:last-child {

  margin-right: 0;

}

.layout--grid.six * > *:nth-child(12n) {

  margin-right: 0;

  float: right;

}

.layout--grid.six * > *:nth-child(12n + 1) {

  clear: left;

}

.layout .caption {

  width: calc(99.99% * 8/12 - (15px - 15px * 8/12));

}

.layout .caption:nth-child(1n) {

  float: left;

  margin-right: 15px;

  clear: none;

}

.layout .caption:last-child {

  margin-right: 0;

}

.layout .caption:nth-child(12n) {

  margin-right: 0;

  float: right;

}

.layout .caption:nth-child(12n + 1) {

  clear: left;

}

.layout--full {

  display: block;

  float: left;

  clear: both;

}

.layout--full .caption {

  width: calc(99.99% * 4/12 - (15px - 15px * 4/12));

}

.layout--full .caption:nth-child(1n) {

  float: left;

  margin-right: 15px;

  clear: none;

}

.layout--full .caption:last-child {

  margin-right: 0;

}

.layout--full .caption:nth-child(12n) {

  margin-right: 0;

  float: right;

}

.layout--full .caption:nth-child(12n + 1) {

  clear: left;

}

@media (max-width: 1000px) {

  .layout--sidebar { width: calc(99.99% * 6/12 - (15px - 15px * 6/12)) }

  .layout--sidebar:nth-child(1n) {

    float: left;

    margin-right: 15px;

    clear: none;

  }

  .layout--sidebar:last-child {

    margin-right: 0;

  }

  .layout--sidebar:nth-child(12n) {

    margin-right: 0;

    float: right;

  }

  .layout--sidebar:nth-child(12n + 1) {

    clear: left;

  }
  .layout--sticky { position: static !important }
  .layout--full .caption { width: calc(99.99% * 6/12 - (15px - 15px * 6/12)) }
  .layout--full .caption:nth-child(1n) {

    float: left;

    margin-right: 15px;

    clear: none;

  }
  .layout--full .caption:last-child {

    margin-right: 0;

  }
  .layout--full .caption:nth-child(12n) {

    margin-right: 0;

    float: right;

  }
  .layout--full .caption:nth-child(12n + 1) {

    clear: left;

  }
  /*
  html[data-route="/spaces"] .layout--sidebar { display: none }
  */

}

@media (min-width: 1000px) {

  .layout--full,
    .layout--grid.five,
    .layout--grid.six {

    /* Negative offset to pull out of flow and position left
     TODO: use lost width util once implemented */

    margin-left: -32.9rem;

    width: 97.2rem;

  }

  .layout--sidebar {

    /* Negative offset to pull out of flow and position left
     TODO: use lost width util once implemented */

    margin-left: -32.9rem;

    display: block;

    width: 30rem;

    clear: left;

    float: left;

    margin-right: 0;

  }

  .layout--sidebar > *:first-child {

    margin-top: 0

  }

  .layout--sidebar .caption {

    width: calc(99.99% * 12/12 - (15px - 15px * 12/12));

  }

  .layout--sidebar .caption:nth-child(1n) {

    float: left;

    margin-right: 15px;

    clear: none;

  }

  .layout--sidebar .caption:last-child {

    margin-right: 0;

  }

  .layout--sidebar .caption:nth-child(12n) {

    margin-right: 0;

    float: right;

  }

  .layout--sidebar .caption:nth-child(12n + 1) {

    clear: left;

  }

  .layout--sticky {

    margin: 0 !important;

    z-index: 1000 !important;

  }

  /* doesn't use Lost because it relies on nth-child, incompatible with dynamic item filtering */

  .main--indexpage .main__content .layout--group {

    width: calc(100% + 2.4rem);

    margin-left: -2.4rem;

  }

  .main--indexpage .main__content .layout--item {

    padding-left: 2.4rem;

  }

  .main--indexpage .main__content .halfsize {

    box-sizing: border-box;

    height: 26rem;

    width: 50%;

  }

  .main--indexpage .main__content .halfsize p.image {

    max-height: 16em;

    overflow: hidden;

  }

}
.main {

  *zoom: 1;

  display: block;
  position: relative;
  background-color: white;

}
.main:before {

  content: '';

  display: table;

}
.main:after {

  content: '';

  display: table;

  clear: both;

}
.main__layout {

  *zoom: 1;

  max-width: 97.2rem;

  margin-left: auto;

  margin-right: auto

}
.main__layout:before {

  content: '';

  display: table;

}
.main__layout:after {

  content: '';

  display: table;

  clear: both;

}
.main__content {

  width: calc(99.99% * 12/12 - (15px - 15px * 12/12));

  box-sizing: border-box;

}
.main__content:nth-child(1n) {

  float: left;

  margin-right: 15px;

  clear: none;

}
.main__content:last-child {

  margin-right: 0;

}
.main__content:nth-child(12n) {

  margin-right: 0;

  float: right;

}
.main__content:nth-child(12n + 1) {

  clear: left;

}
.main__content > *:last-child {

  margin-bottom: 4.8rem

}
.main h3 {

  font-size: 1.2em

}
/* Normalize small headings since the scale stops short at 1.2em */
.main h4,
  .main h5,
  .main h6 {

  font-size: 1em;

}
/* Suppress extra vertical space after images caused by whitespace */
.main img {

  line-height: 0

}
/* Suppress linked image hints */
.main a img {

  border: 0

}
/* Assume standalone images want to go big */
.main img:only-of-type {

  width: 100%;

  height: auto;

}
/* Align bulleted lists flush left */
.main ol,
  .main ul {

  margin-left: 0;

  padding-left: 0;

  list-style-position: inside;

}
/* Utility classes */
.main .center {

  text-align: center

}
.main .block,
  .main .block > * {

  display: block

}

@media (max-width: 1000px) {

  .main__content {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .layout ~ * { clear: both }

}

@media (min-width: 1000px) {

  .main__content {

    width: calc(99.99% * 8/12 - (15px - 15px * 8/12));

    margin-left: calc(99.99% * (-4/12 * -1) - (15px - 15px * (-4/12 * -1)) + 15px) !important;

  }

  .main__content:nth-child(1n) {

    float: left;

    margin-right: 15px;

    clear: none;

  }

  .main__content:last-child {

    margin-right: 0;

  }

  .main__content:nth-child(12n) {

    margin-right: 0;

    float: right;

  }

  .main__content:nth-child(12n + 1) {

    clear: left;

  }

}

/* compensate for fixed header position */

@media (min-width: 1000px) and (min-height: 400px) {

  .main { padding-top: 80vh }

}
/* BASIC COLORS */

/* PRIMARY BRAND COLORS */

/* SECONDARY BRAND COLORS */

/*

av_atlas          PINK          BRIGHTGREEN
AV_primer         PINK          DEEPBLUE
av_scenarios      PINK          BRIGHTBLUE
ghost road        PINK          AQUA
robot meet road   PINK          DARKGREEN
Minderoo          PINK          BLUEGRAY
future of work    PINK          OLIVE
librariness       LIGHTPINK     DARKGREEN
country offices   LIGHTPINK     BRIGHTGREEN
moma              LIGHTRED      OLIVE
k2 fukuoka        RED           BLUEGRAY
LEAP              RED           DARKGREEN
studio            RED           OLIVE
civic_commons     ORANGE        AQUA
possible_phl      ORANGE        BRIGHTGREEN
how we work       ORANGE        BRIGHTBLUE
VSMP              ORANGE        DARKGREEN
peopleparty       ORANGE        OLIVE
Strategy          LIGHTBROWN    DEEPBLUE
PHL map           BROWN         BRIGHTBLUE
Approach          LEATHER       BLUEGRAY
GOOG workspace    LEATHER       OLIVE
*/

/* Heavy serif style reverses default body typeface */

.main--heavy-serif { /* reverse again for content following last horizontal rule */
}

.main--heavy-serif h1, .main--heavy-serif h2 {

  margin-top: 7.68rem

}

.main--heavy-serif p {

  font-family: 'Berlingske Serif Black', 'Times New Roman', serif;

  font-weight: normal;

  font-size: 2.4rem;

  line-height: 1.3;

  letter-spacing: .02rem;

  text-rendering: optimizeLegibility;

}

.main--heavy-serif p h1,
  .main--heavy-serif p h2,
  .main--heavy-serif p h3,
  .main--heavy-serif p h4,
  .main--heavy-serif p h5,
  .main--heavy-serif p h6 {

  font-size: 1em;

}

.main--heavy-serif p strong {

  font-weight: initial;

}

.main--heavy-serif .layout p {

  font-family: 'Arial Black', 'Helvetica', 'Arial', sans-serif;

  font-weight: 800;

  font-size: 1.2em;

  line-height: 1.2;

  letter-spacing: 0rem;

}

.main--heavy-serif .layout p li {

  margin: 0.3em 0;

}

.main--heavy-serif .layout p > * {

  font-size: 1em;

}

.main--heavy-serif .nav {

  font-size: 1em

}

.main--heavy-serif > hr:last-of-type ~ p {

  font-family: 'Arial Black', 'Helvetica', 'Arial', sans-serif;

  font-weight: 800;

  font-size: 1.2em;

  line-height: 1.2;

  letter-spacing: 0rem;

}

.main--heavy-serif > hr:last-of-type ~ p li {

  margin: 0.3em 0;

}

.main--heavy-serif > hr:last-of-type ~ p > * {

  font-size: 1em;

}

/* Display serif style reverses default body typeface */

.main--regular-serif { /* reverse again for content following last horizontal rule */
}

.main--regular-serif h1, .main--regular-serif h2 {

  margin-top: 7.68rem

}

.main--regular-serif p {

  font-family: 'Berlingske Serif Regular', 'Times New Roman', serif;

  font-weight: normal;

  font-size: 1.7rem;

  line-height: 1.7;

  letter-spacing: .00rem;

  text-rendering: optimizeLegibility;

}

.main--regular-serif p h1,
  .main--regular-serif p h2,
  .main--regular-serif p h3,
  .main--regular-serif p h4,
  .main--regular-serif p h5,
  .main--regular-serif p h6 {

  font-size: 1em;

}

.main--regular-serif p strong {

  font-weight: initial;

}

.main--regular-serif .layout p {

  font-family: 'Arial Black', 'Helvetica', 'Arial', sans-serif;

  font-weight: 800;

  font-size: 1.2em;

  line-height: 1.2;

  letter-spacing: 0rem;

}

.main--regular-serif .layout p li {

  margin: 0.3em 0;

}

.main--regular-serif .layout p > * {

  font-size: 1em;

}

.main--regular-serif .nav {

  font-size: 1em

}

.main--regular-serif > hr:last-of-type ~ p {

  font-family: 'Arial Black', 'Helvetica', 'Arial', sans-serif;

  font-weight: 800;

  font-size: 1.2em;

  line-height: 1.2;

  letter-spacing: 0rem;

}

.main--regular-serif > hr:last-of-type ~ p li {

  margin: 0.3em 0;

}

.main--regular-serif > hr:last-of-type ~ p > * {

  font-size: 1em;

}
/* Color palette mixin templates for header/main blocks */

/* Default palette */
.header {
  background-color: rgb(20,20,20);
}
.header .header__logo--d path {

  fill: rgb(255,255,255);

}
.header .header__logo--m path {

  fill: rgb(255,255,255);

}
.header .header__logo--overprint path {

  fill: rgb(255,255,255);

}
.header a:hover {

  color: rgb(245,63,91);

}
.main a:hover,
  .main .image:hover + a,
  .main .image:hover + * > a {

  color: rgb(245,63,91);

}
.main input:focus,
  .main textarea:focus {

  border-color: rgb(245,63,91) !important;

}
.main button:hover {

  background-color: rgb(245,63,91);

}

/* Olive/Red palette */
.header--olivered {
  /* header, D, M, DM, nav */
  background-color: rgb(110,161,155);
}
.header--olivered .header__logo--d path {

  fill: rgb(255,255,255);

}
.header--olivered .header__logo--m path {

  fill: rgb(102, 25, 34);

}
.header--olivered .header__logo--overprint path {

  fill: rgb(237,41,57);

}
.header--olivered a:hover {

  color: rgb(237,41,57);

}
.main--olivered a:hover,
  .main--olivered .image:hover + a,
  .main--olivered .image:hover + * > a {

  color: rgb(237,41,57);

}
.main--olivered input:focus,
  .main--olivered textarea:focus {

  border-color: rgb(237,41,57) !important;

}
.main--olivered button:hover {

  background-color: rgb(237,41,57);

}

/* Blue/red palette */
.header--brightbluered {
  background-color: rgb(0,172,205);
}
.header--brightbluered .header__logo--d path {

  fill: rgb(255,255,255);

}
.header--brightbluered .header__logo--m path {

  fill: #002843;

}
.header--brightbluered .header__logo--overprint path {

  fill: rgb(237,41,57);

}
.header--brightbluered a:hover {

  color: rgb(237,41,57);

}
.main--brightbluered a:hover,
  .main--brightbluered .image:hover + a,
  .main--brightbluered .image:hover + * > a {

  color: rgb(237,41,57);

}
.main--brightbluered input:focus,
  .main--brightbluered textarea:focus {

  border-color: rgb(237,41,57) !important;

}
.main--brightbluered button:hover {

  background-color: rgb(237,41,57);

}

/* Blue/brown palette */
.header--deepbluelightbrown {
  background-color: rgb(189,147,116);
}
.header--deepbluelightbrown .header__logo--d path {

  fill: rgb(255,255,255);

}
.header--deepbluelightbrown .header__logo--m path {

  fill: #043351;

}
.header--deepbluelightbrown .header__logo--overprint path {

  fill: rgb(6,83,163);

}
.header--deepbluelightbrown a:hover {

  color: rgb(6,83,163);

}
.main--deepbluelightbrown a:hover,
  .main--deepbluelightbrown .image:hover + a,
  .main--deepbluelightbrown .image:hover + * > a {

  color: rgb(6,83,163);

}
.main--deepbluelightbrown input:focus,
  .main--deepbluelightbrown textarea:focus {

  border-color: rgb(6,83,163) !important;

}
.main--deepbluelightbrown button:hover {

  background-color: rgb(6,83,163);

}

/* Green/orange palette - from DM business card */
.header--greenorange {
  background-color: rgb(76,191,166);
}
.header--greenorange .header__logo--d path {

  fill: rgb(255,255,255);

}
.header--greenorange .header__logo--m path {

  fill: #3c5030;

}
.header--greenorange .header__logo--overprint path {

  fill: rgb(255,134,94);

}
.header--greenorange a:hover {

  color: rgb(255,134,94);

}
.main--greenorange a:hover,
  .main--greenorange .image:hover + a,
  .main--greenorange .image:hover + * > a {

  color: rgb(255,134,94);

}
.main--greenorange input:focus,
  .main--greenorange textarea:focus {

  border-color: rgb(255,134,94) !important;

}
.main--greenorange button:hover {

  background-color: rgb(255,134,94);

}

/* purple/red palette - from DM business card */
.header--purplered {
  background-color: rgb(22,101,112);
}
.header--purplered .header__logo--d path {

  fill: rgb(255,255,255);

}
.header--purplered .header__logo--m path {

  fill: #162040;

}
.header--purplered .header__logo--overprint path {

  fill: rgb(228,69,125);

}
.header--purplered a:hover {

  color: rgb(228,69,125);

}
.main--purplered a:hover,
  .main--purplered .image:hover + a,
  .main--purplered .image:hover + * > a {

  color: rgb(228,69,125);

}
.main--purplered input:focus,
  .main--purplered textarea:focus {

  border-color: rgb(228,69,125) !important;

}
.main--purplered button:hover {

  background-color: rgb(228,69,125);

}

/* blue/orange palette */
.header--blueorange {
  background-color: rgb(6,83,163);
}
.header--blueorange .header__logo--d path {

  fill: rgb(255,255,255);

}
.header--blueorange .header__logo--m path {

  fill: rgb(6, 43, 60);

}
.header--blueorange .header__logo--overprint path {

  fill: rgb(255,134,94);

}
.header--blueorange a:hover {

  color: rgb(255,134,94);

}
.main--blueorange a:hover,
  .main--blueorange .image:hover + a,
  .main--blueorange .image:hover + * > a {

  color: rgb(255,134,94);

}
.main--blueorange input:focus,
  .main--blueorange textarea:focus {

  border-color: rgb(255,134,94) !important;

}
.main--blueorange button:hover {

  background-color: rgb(255,134,94);

}

/* palette */
.header--bluegrayleather {
  background-color: rgb(76,112,138);
}
.header--bluegrayleather .header__logo--d path {

  fill: rgb(255,255,255);

}
.header--bluegrayleather .header__logo--m path {

  fill: rgb(41, 23, 33);

}
.header--bluegrayleather .header__logo--overprint path {

  fill: rgb(138,53,62);

}
.header--bluegrayleather a:hover {

  color: rgb(41, 23, 33);

}
.main--bluegrayleather a:hover,
  .main--bluegrayleather .image:hover + a,
  .main--bluegrayleather .image:hover + * > a {

  color: rgb(138,53,62);

}
.main--bluegrayleather input:focus,
  .main--bluegrayleather textarea:focus {

  border-color: rgb(138,53,62) !important;

}
.main--bluegrayleather button:hover {

  background-color: rgb(138,53,62);

}

/* palette */
.header--pinkbrightgreen {
  background-color: rgb(76,191,166);
}
.header--pinkbrightgreen .header__logo--d path {

  fill: rgb(255,255,255);

}
.header--pinkbrightgreen .header__logo--m path {

  fill: rgb(64, 45, 82);

}
.header--pinkbrightgreen .header__logo--overprint path {

  fill: rgb(218,61,126);

}
.header--pinkbrightgreen a:hover {

  color: rgb(218,61,126);

}
.main--pinkbrightgreen a:hover,
  .main--pinkbrightgreen .image:hover + a,
  .main--pinkbrightgreen .image:hover + * > a {

  color: rgb(218,61,126);

}
.main--pinkbrightgreen input:focus,
  .main--pinkbrightgreen textarea:focus {

  border-color: rgb(218,61,126) !important;

}
.main--pinkbrightgreen button:hover {

  background-color: rgb(218,61,126);

}

/* palette */
.header--pinkdeepblue {
  background-color: rgb(6,83,163);
}
.header--pinkdeepblue .header__logo--d path {

  fill: rgb(255,255,255);

}
.header--pinkdeepblue .header__logo--m path {

  fill: rgb(5, 19, 80);

}
.header--pinkdeepblue .header__logo--overprint path {

  fill: rgb(218,61,126);

}
.header--pinkdeepblue a:hover {

  color: rgb(218,61,126);

}
.main--pinkdeepblue a:hover,
  .main--pinkdeepblue .image:hover + a,
  .main--pinkdeepblue .image:hover + * > a {

  color: rgb(218,61,126);

}
.main--pinkdeepblue input:focus,
  .main--pinkdeepblue textarea:focus {

  border-color: rgb(218,61,126) !important;

}
.main--pinkdeepblue button:hover {

  background-color: rgb(218,61,126);

}

/* palette */
.header--orangeaqua {
  background-color: rgb(112,172,184);
}
.header--orangeaqua .header__logo--d path {

  fill: rgb(255,255,255);

}
.header--orangeaqua .header__logo--m path {

  fill: rgb(112, 90, 67);

}
.header--orangeaqua .header__logo--overprint path {

  fill: rgb(255,134,94);

}
.header--orangeaqua a:hover {

  color: rgb(112, 90, 67);

}
.main--orangeaqua a:hover,
  .main--orangeaqua .image:hover + a,
  .main--orangeaqua .image:hover + * > a {

  color: rgb(255,134,94);

}
.main--orangeaqua input:focus,
  .main--orangeaqua textarea:focus {

  border-color: rgb(255,134,94) !important;

}
.main--orangeaqua button:hover {

  background-color: rgb(255,134,94);

}

/* palette */
.header--lightpinkbrightgreen {
  background-color: rgb(76,191,166);
}
.header--lightpinkbrightgreen .header__logo--d path {

  fill: rgb(255,255,255);

}
.header--lightpinkbrightgreen .header__logo--m path {

  fill: rgb(67, 51, 81);

}
.header--lightpinkbrightgreen .header__logo--overprint path {

  fill: rgb(228,69,125);

}
.header--lightpinkbrightgreen a:hover {

  color: rgb(67, 51, 81);

}
.main--lightpinkbrightgreen a:hover,
  .main--lightpinkbrightgreen .image:hover + a,
  .main--lightpinkbrightgreen .image:hover + * > a {

  color: rgb(228,69,125);

}
.main--lightpinkbrightgreen input:focus,
  .main--lightpinkbrightgreen textarea:focus {

  border-color: rgb(228,69,125) !important;

}
.main--lightpinkbrightgreen button:hover {

  background-color: rgb(228,69,125);

}

/* palette */
.header--leatherolive {
  background-color: rgb(110,161,155);
}
.header--leatherolive .header__logo--d path {

  fill: rgb(255,255,255);

}
.header--leatherolive .header__logo--m path {

  fill: rgb(59, 33, 37);

}
.header--leatherolive .header__logo--overprint path {

  fill: rgb(138,53,62);

}
.header--leatherolive a:hover {

  color: rgb(138,53,62);

}
.main--leatherolive a:hover,
  .main--leatherolive .image:hover + a,
  .main--leatherolive .image:hover + * > a {

  color: rgb(138,53,62);

}
.main--leatherolive input:focus,
  .main--leatherolive textarea:focus {

  border-color: rgb(138,53,62) !important;

}
.main--leatherolive button:hover {

  background-color: rgb(138,53,62);

}

/* palette */
.header--redbluegray {
  background-color: rgb(76,112,138);
}
.header--redbluegray .header__logo--d path {

  fill: rgb(255,255,255);

}
.header--redbluegray .header__logo--m path {

  fill: rgb(70, 18, 30);

}
.header--redbluegray .header__logo--overprint path {

  fill: rgb(237,41,57);

}
.header--redbluegray a:hover {

  color: rgb(237,41,57);

}
.main--redbluegray a:hover,
  .main--redbluegray .image:hover + a,
  .main--redbluegray .image:hover + * > a {

  color: rgb(237,41,57);

}
.main--redbluegray input:focus,
  .main--redbluegray textarea:focus {

  border-color: rgb(237,41,57) !important;

}
.main--redbluegray button:hover {

  background-color: rgb(237,41,57);

}

/* palette */
.header--reddarkgreen {
  background-color: rgb(22,101,112);
}
.header--reddarkgreen .header__logo--d path {

  fill: rgb(255,255,255);

}
.header--reddarkgreen .header__logo--m path {

  fill: rgb(20, 16, 25);

}
.header--reddarkgreen .header__logo--overprint path {

  fill: rgb(237,41,57);

}
.header--reddarkgreen a:hover {

  color: rgb(237,41,57);

}
.main--reddarkgreen a:hover,
  .main--reddarkgreen .image:hover + a,
  .main--reddarkgreen .image:hover + * > a {

  color: rgb(237,41,57);

}
.main--reddarkgreen input:focus,
  .main--reddarkgreen textarea:focus {

  border-color: rgb(237,41,57) !important;

}
.main--reddarkgreen button:hover {

  background-color: rgb(237,41,57);

}

/* palette */
.header--brownbrightblue {
  background-color: rgb(150,109,91);
}
.header--brownbrightblue .header__logo--d path {

  fill: rgb(255,255,255);

}
.header--brownbrightblue .header__logo--m path {

  fill: rgb(0, 73, 73);

}
.header--brownbrightblue .header__logo--overprint path {

  fill: rgb(0,172,205);

}
.header--brownbrightblue a:hover {

  color: rgb(0,172,205);

}
.main--brownbrightblue a:hover,
  .main--brownbrightblue .image:hover + a,
  .main--brownbrightblue .image:hover + * > a {

  color: rgb(0,172,205);

}
.main--brownbrightblue input:focus,
  .main--brownbrightblue textarea:focus {

  border-color: rgb(0,172,205) !important;

}
.main--brownbrightblue button:hover {

  background-color: rgb(0,172,205);

}

/* palette */
.header--pinkolive {
  background-color: rgb(110,161,155);
}
.header--pinkolive .header__logo--d path {

  fill: rgb(255,255,255);

}
.header--pinkolive .header__logo--m path {

  fill: rgb(94, 38, 76);

}
.header--pinkolive .header__logo--overprint path {

  fill: rgb(218,61,126);

}
.header--pinkolive a:hover {

  color: rgb(218,61,126);

}
.main--pinkolive a:hover,
  .main--pinkolive .image:hover + a,
  .main--pinkolive .image:hover + * > a {

  color: rgb(218,61,126);

}
.main--pinkolive input:focus,
  .main--pinkolive textarea:focus {

  border-color: rgb(218,61,126) !important;

}
.main--pinkolive button:hover {

  background-color: rgb(218,61,126);

}

/* palette */
.header--orangebrightblue {
  background-color: rgb(0,172,205);
}
.header--orangebrightblue .header__logo--d path {

  fill: rgb(255,255,255);

}
.header--orangebrightblue .header__logo--m path {

  fill: rgb(0, 90, 75);

}
.header--orangebrightblue .header__logo--overprint path {

  fill: rgb(255,134,94);

}
.header--orangebrightblue a:hover {

  color: rgb(255,134,94);

}
.main--orangebrightblue a:hover,
  .main--orangebrightblue .image:hover + a,
  .main--orangebrightblue .image:hover + * > a {

  color: rgb(255,134,94);

}
.main--orangebrightblue input:focus,
  .main--orangebrightblue textarea:focus {

  border-color: rgb(255,134,94) !important;

}
.main--orangebrightblue button:hover {

  background-color: rgb(255,134,94);

}

/* palette */
.header--pinkdarkgreen {
  background-color: rgb(22,101,112);
}
.header--pinkdarkgreen .header__logo--d path {

  fill: rgb(255,255,255);

}
.header--pinkdarkgreen .header__logo--m path {

  fill: rgb(18, 24, 55);

}
.header--pinkdarkgreen .header__logo--overprint path {

  fill: rgb(218,61,126);

}
.header--pinkdarkgreen a:hover {

  color: rgb(218,61,126);

}
.main--pinkdarkgreen a:hover,
  .main--pinkdarkgreen .image:hover + a,
  .main--pinkdarkgreen .image:hover + * > a {

  color: rgb(218,61,126);

}
.main--pinkdarkgreen input:focus,
  .main--pinkdarkgreen textarea:focus {

  border-color: rgb(218,61,126) !important;

}
.main--pinkdarkgreen button:hover {

  background-color: rgb(218,61,126);

}

/* palette */
.header--orangedarkgreen {
  background-color: rgb(22,101,112);
}
.header--orangedarkgreen .header__logo--d path {

  fill: rgb(255,255,255);

}
.header--orangedarkgreen .header__logo--m path {

  fill: rgb(22, 53, 41);

}
.header--orangedarkgreen .header__logo--overprint path {

  fill: rgb(255,134,94);

}
.header--orangedarkgreen a:hover {

  color: rgb(255,134,94);

}
.main--orangedarkgreen a:hover,
  .main--orangedarkgreen .image:hover + a,
  .main--orangedarkgreen .image:hover + * > a {

  color: rgb(255,134,94);

}
.main--orangedarkgreen input:focus,
  .main--orangedarkgreen textarea:focus {

  border-color: rgb(255,134,94) !important;

}
.main--orangedarkgreen button:hover {

  background-color: rgb(255,134,94);

}

/* palette */
.header--pinkbrightblue {
  background-color: rgb(0,172,205);
}
.header--pinkbrightblue .header__logo--d path {

  fill: rgb(255,255,255);

}
.header--pinkbrightblue .header__logo--m path {

  fill: rgb(0, 41, 101);

}
.header--pinkbrightblue .header__logo--overprint path {

  fill: rgb(218,61,126);

}
.header--pinkbrightblue a:hover {

  color: rgb(218,61,126);

}
.main--pinkbrightblue a:hover,
  .main--pinkbrightblue .image:hover + a,
  .main--pinkbrightblue .image:hover + * > a {

  color: rgb(218,61,126);

}
.main--pinkbrightblue input:focus,
  .main--pinkbrightblue textarea:focus {

  border-color: rgb(218,61,126) !important;

}
.main--pinkbrightblue button:hover {

  background-color: rgb(218,61,126);

}

/* palette */
.header--pinkaqua {
  background-color: rgb(112,172,184);
}
.header--pinkaqua .header__logo--d path {

  fill: rgb(255,255,255);

}
.header--pinkaqua .header__logo--m path {

  fill: rgb(95, 41, 90);

}
.header--pinkaqua .header__logo--overprint path {

  fill: rgb(218,61,126);

}
.header--pinkaqua a:hover {

  color: rgb(218,61,126);

}
.main--pinkaqua a:hover,
  .main--pinkaqua .image:hover + a,
  .main--pinkaqua .image:hover + * > a {

  color: rgb(218,61,126);

}
.main--pinkaqua input:focus,
  .main--pinkaqua textarea:focus {

  border-color: rgb(218,61,126) !important;

}
.main--pinkaqua button:hover {

  background-color: rgb(218,61,126);

}

/* palette */
.header--pinkbluegray {
  background-color: rgb(76,112,138);
}
.header--pinkbluegray .header__logo--d path {

  fill: rgb(255,255,255);

}
.header--pinkbluegray .header__logo--m path {

  fill: rgb(64, 26, 68);

}
.header--pinkbluegray .header__logo--overprint path {

  fill: rgb(218,61,126);

}
.header--pinkbluegray a:hover {

  color: rgb(218,61,126);

}
.main--pinkbluegray a:hover,
  .main--pinkbluegray .image:hover + a,
  .main--pinkbluegray .image:hover + * > a {

  color: rgb(218,61,126);

}
.main--pinkbluegray input:focus,
  .main--pinkbluegray textarea:focus {

  border-color: rgb(218,61,126) !important;

}
.main--pinkbluegray button:hover {

  background-color: rgb(218,61,126);

}

/* palette */
.header--orangeolive {
  background-color: rgb(0,172,205);
}
.header--orangeolive .header__logo--d path {

  fill: rgb(255,255,255);

}
.header--orangeolive .header__logo--m path {

  fill: rgb(110, 84, 57);

}
.header--orangeolive .header__logo--overprint path {

  fill: rgb(255,134,94);

}
.header--orangeolive a:hover {

  color: rgb(255,134,94);

}
.main--orangeolive a:hover,
  .main--orangeolive .image:hover + a,
  .main--orangeolive .image:hover + * > a {

  color: rgb(255,134,94);

}
.main--orangeolive input:focus,
  .main--orangeolive textarea:focus {

  border-color: rgb(255,134,94) !important;

}
.main--orangeolive button:hover {

  background-color: rgb(255,134,94);

}

.nav {

  font-family: 'Arial Black', 'Helvetica', 'Arial', sans-serif;

  font-weight: 800;

  font-size: 1.2em;

  line-height: 1.2;

  letter-spacing: 0rem;

}

.nav li {

  margin: 0.3em 0;

}

.nav > * {

  font-size: 1em;

}

.nav li a,
  .nav__link {

  cursor: pointer;

  text-decoration: none;

  display: block;

}

.nav .selected {

  color: rgb(255,62,103);

  /* manually set to match style.css $nav */

}

.nav .selected::after {

  content: " only"

}

/* reset nav links in a container block */

.nav ul, .nav li {

  margin: 0;

  padding: 0;

  list-style-type: none;

}
html[data-route^="/about"] .press {
  padding-right: 2.4rem;
}

.press {
  box-sizing: border-box;

}

.press h2 {

  background-color: gray;

}

.press p.image {

  overflow: hidden;

}

.press p.imageplaceholder {

  height: 16em !important;

  margin: 0rem;

}

@media (min-width: 1000px) {

  .press {

    height: 25rem !important;

    width: 33% !important;

  }

  .press p.image {

    max-height: 16em;

  }

}

.press.magazine p.imageplaceholder, .press.print p.imageplaceholder {

  background-color: rgb(237,41,57);

}

.press.podcast p.imageplaceholder {

  background-color: rgb(228,69,125);

}

.press.online p.imageplaceholder {

  background-color: rgb(6,83,163);

}

.press.video p.imageplaceholder {

  background-color: rgb(76,191,166);

}
/* Placeholder */
.sidebar {

  display: block;
  width: 33.33%;
  float: left;
  box-sizing: border-box;
  margin-right: 0;
  padding-right: 3rem;

  /* Negative offset to pull out and position left */
  margin-left: -33.33%;

  /* Keep flush with adjacent elements */
  margin-top: 4.8rem;

}
.sidebar + * {

  margin-top: 4.8rem

}
@keyframes slideshowTransition {
    0% { opacity: 0 }
    100% { opacity: 1 }
}

.slideshow,
.layout--slideshow {
  position: relative;
  /*display: inline-block; why? */
}

.slideshow__item {

  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;

}

.slideshow__item--current {

  position: relative;

  z-index: 102;

  animation-name: slideshowTransition;

}

.slideshow__item--previous {

  z-index: 101;

}
.video {

  width: 100%;

}
.video__embed {

  display: block;

  position: relative;

  width: 100%;

  opacity: .9;

  padding-bottom: 56.25%;

  /* 16:9 intrinsic ratio */

}
.video iframe {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

}

@media (max-width: 1000px) {
  .layout {

    margin-top: 1.5rem;

    margin-bottom: 1.5rem;

  }
  .main__content {

    padding-top: 3rem;

    padding-bottom: 3rem;

  }
  /* headings defer to following content for spacing */
  .main__content h1,
    .main__content h2,
    .main__content h3,
    .main__content h4,
    .main__content h5,
    .main__content h6 {

    margin-top: 1.5rem;

  }
  .main__content h1 + p.image, .main__content h2 + p.image, .main__content h3 + p.image, .main__content h4 + p.image, .main__content h5 + p.image, .main__content h6 + p.image {

    margin-top: 0;

  }
  .main__content h3,
    .main__content h4,
    .main__content h5,
    .main__content h6 {

    margin-bottom: 0;

  }
  .main__content h3:last-child, .main__content h4:last-child, .main__content h5:last-child, .main__content h6:last-child {

    margin-bottom: 0;

  }
  /* keep text content floated to avoid margin collapsing alongside blocks */
  .main__content > p,
    .main__content > pre {

    float: left;

    margin-top: 1.5rem;

    margin-bottom: 1.5rem;

  }
  .main__content > p + p,
      .main__content > p + pre,
      .main__content > pre + p,
      .main__content > pre + pre {

    margin-top: 0;

  }
  .main__content ul,
    .main__content ol {

    clear: left;

  }
  /* don't float content in a sidebar to avoid conflicts with sidebar floating */
  .layout--sidebar > * {

    float: none;

  }
  /* image blocks within layouts defer to the wrapping margin */
  .layout .image {

    margin: 0;

  }
  .layout .image + p {

    margin-top: 1.5rem;

  }
  figcaption,
  .image--captioned img {

    margin-bottom: 1em;

  }
  .layout--grid + * {

    clear: left;

    float: left;

    margin-bottom: 3rem;

  }
  /* neutralize margins of elements preceding a sidebar and clear floats between sections */
  hr {

    clear: both;

    display: block;

    height: 1px;

    margin: -1px 0 0 0;

    /* $(spacing) */

    border: 0;

    padding: 0;

    background-color: transparent;

  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {

    /* lockup heading with adjacent content */

    /*+ hr ~ * { margin-top: 0 !important }*/

  }
}

@media (min-width: 1000px) {
  .layout {

    margin-top: 2.4rem;

    margin-bottom: 2.4rem;

  }
  .main__content {

    padding-top: 3rem;

    padding-bottom: 3rem;

  }
  /* headings defer to following content for spacing */
  .main__content h1,
    .main__content h2,
    .main__content h3,
    .main__content h4,
    .main__content h5,
    .main__content h6 {

    margin-top: 2.4rem;

  }
  .main__content h1 + p.image, .main__content h2 + p.image, .main__content h3 + p.image, .main__content h4 + p.image, .main__content h5 + p.image, .main__content h6 + p.image {

    margin-top: 0;

  }
  .main__content h3,
    .main__content h4,
    .main__content h5,
    .main__content h6 {

    margin-bottom: 0;

  }
  .main__content h3:last-child, .main__content h4:last-child, .main__content h5:last-child, .main__content h6:last-child {

    margin-bottom: 0;

  }
  /* keep text content floated to avoid margin collapsing alongside blocks */
  .main__content > p,
    .main__content > pre {

    float: left;

    margin-top: 2.4rem;

    margin-bottom: 2.4rem;

  }
  .main__content > p + p,
      .main__content > p + pre,
      .main__content > pre + p,
      .main__content > pre + pre {

    margin-top: 0;

  }
  .main__content ul,
    .main__content ol {

    clear: left;

  }
  /* don't float content in a sidebar to avoid conflicts with sidebar floating */
  .layout--sidebar > * {

    float: none;

  }
  /* image blocks within layouts defer to the wrapping margin */
  .layout .image {

    margin: 0;

  }
  .layout .image + p {

    margin-top: 2.4rem;

  }
  figcaption,
  .image--captioned img {

    margin-bottom: 1em;

  }
  .layout--grid + * {

    clear: left;

    float: left;

    margin-bottom: 4.8rem;

  }
  /* neutralize margins of elements preceding a sidebar and clear floats between sections */
  hr {

    clear: both;

    display: block;

    height: 1px;

    margin: -1px 0 0 0;

    /* $(spacing) */

    border: 0;

    padding: 0;

    background-color: transparent;

  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {

    /* lockup heading with adjacent content */

    /*+ hr ~ * { margin-top: 0 !important }*/

  }
}

html { font-size: 62.5% } /* reset root em unit to 10px */

body {
  margin: 0;
  padding: 0;
  background-color: white; /* for short pages */
  color: black;
  font-family: 'Arial Black', 'Arial', sans-serif;
  font-weight: 300;
}

a { color: black }

code {
  display: inline-block;
  border-radius: 0.2em;
  padding: 0.1em 0.2em;
  background-color: #eee;
  font-family: 'Source Code Pro', monospace;
  font-weight: 400;
}

pre code { padding: 1em }

figure {
  display: block;
  margin: 0;
  padding: 0;
}

figcaption {
  font-family: 'Arial Black', 'Helvetica', 'Arial', sans-serif;
  font-weight: 800;
  font-size: 1.2em;
  line-height: 1.2;
  letter-spacing: 0rem;
}

figcaption li {

  margin: 0.3em 0;

}

figcaption > * {

  font-size: 1em;

}

h1,
h2,
h3,
h4,
h5,
h6 {
  display: block;
  width: 100%;
  float: left;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {

  text-decoration: none

}

h1,
h2,
p > strong:only-child {
  font-family: 'Berlingske Serif Black', 'Times New Roman', serif;
  font-weight: normal;
  font-size: 2.4rem;
  line-height: 1.3;
  letter-spacing: .02rem;
  text-rendering: optimizeLegibility;
}

h1 h1,
  h1 h2,
  h1 h3,
  h1 h4,
  h1 h5,
  h1 h6,
  h2 h1,
  h2 h2,
  h2 h3,
  h2 h4,
  h2 h5,
  h2 h6,
  p > strong:only-child h1,
  p > strong:only-child h2,
  p > strong:only-child h3,
  p > strong:only-child h4,
  p > strong:only-child h5,
  p > strong:only-child h6 {

  font-size: 1em;

}

h1 strong, h2 strong, p > strong:only-child strong {

  font-weight: initial;

}

p,
pre,
ol,
ul {
  font-family: 'Arial Black', 'Helvetica', 'Arial', sans-serif;
  font-weight: 800;
  font-size: 1.2em;
  line-height: 1.2;
  letter-spacing: 0rem;
}

p li, pre li, ol li, ul li {

  margin: 0.3em 0;

}

p > *, pre > *, ol > *, ul > * {

  font-size: 1em;

}

.nowrap { white-space: nowrap }

/* Reset/normalize sidebar type */

.layout--sidebar > * {

  font-size: 1.2rem

}

.layout--sidebar a {

  text-decoration: none

}

.layout--sidebar + h2 {

  margin-bottom: 0

}

/* Suppress margins of elements only containing images
   and make them blocks for Imager.js */

p.image,
p.image a:only-child {
  display: block;
  width: 100%;
}

p.image img { max-width: 100% }

p.image.auto img { width: auto !important }

p.image--flush { line-height: 0 !important }

/* Restore margins of images accompanied by caption text */

p.image--captioned + p {

  margin-top: 0

}

p.image--captioned + p.image--captioned {

  margin-top: 2em

}

/* Prevent FOUT */

.wf-loading .main > *,
  .wf-loading .header > * {

  opacity: 0;

}

.wf-active .main > *,
  .wf-active .header > * {

  opacity: 1;

  transition: .25s opacity;

}