/*
Theme Name: Archives of Movement 2015
Theme URI: http://hatsumatsu.de
Description:
Author: HATSUMATSU, Martin Wecke
Version: 0.1
Tags:
*/
/*
This stylesheet was written in and compiled with LESS
See http://lesscss.org for further reference
*/
.hide-but-read {
  position: absolute;
  left: -9999em;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.pseudo-box {
  content: ' ';
  position: absolute;
  left: 0;
  top: 0;
  display: block;
}
.type--meta {
  font-family: 'Courier Prime Sans Web', Menlo, monospace;
  font-size: 1rem;
  line-height: 1.25;
  font-weight: 400;
  text-transform: uppercase;
}
.transition {
  -webkit-transition: all 250ms cubic-bezier(0.77, 0, 0.175, 1);
          transition: all 250ms cubic-bezier(0.77, 0, 0.175, 1);
}
.transition--slower {
  -webkit-transition: all 500ms cubic-bezier(0.77, 0, 0.175, 1);
          transition: all 500ms cubic-bezier(0.77, 0, 0.175, 1);
}
.no-transition {
  -webkit-transition: none !important;
          transition: none !important;
}
.new-layer {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.cf {
  zoom: 1;
}
.cf:before,
.cf:after {
  content: ' ';
  display: table;
}
.cf:after {
  clear: both;
}
@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes pulseSubtle {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes pulseSubtle {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
html {
  text-rendering: optimizeLegibility;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
          text-size-adjust: 100%;
}
html,
body {
  min-height: 100%;
  background: #ffffff;
}
body {
  font-family: 'Courier Prime Sans Web', Menlo, monospace;
  font-size: 100%;
  line-height: 1.3333;
  letter-spacing: 0.04em;
  color: #302d2c;
}
body.archives-home {
  overflow: hidden;
}
.js body {
  opacity: 0;
  -webkit-transition: all 250ms cubic-bezier(0.77, 0, 0.175, 1);
          transition: all 250ms cubic-bezier(0.77, 0, 0.175, 1);
}
.js.ready--site body {
  opacity: 1;
}
title {
  width: 48em;
  font-family: 'only screen and ( max-width: 48em )';
  color: #e59a82;
  -webkit-transition-duration: 250ms;
          transition-duration: 250ms;
}
.responsiveImageDebug-label {
  position: absolute;
  z-index: 5000;
  display: block;
  padding: 0.5em 1em;
  font-size: 12px;
  color: blue;
  background: red;
}
.responsiveImageDebug-has-label {
  box-shadow: 0 0 1em blue;
}
a {
  color: inherit;
  text-decoration: none;
}
a:hover,
a:focus {
  text-decoration: none;
  outline: 0;
}
::-moz-selection {
  background: #e59a82;
}
::selection {
  background: #e59a82;
}
h1,
h2,
h3,
h4,
h5 {
  margin: 0 0 2em 0;
  font-family: 'Courier Prime Sans Web', Menlo, monospace;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.3333;
  line-height: 1;
}
h2 {
  margin: 0 0 2.6666em 0;
}
.head {
  margin-bottom: -3rem;
}
h1 {
  position: relative;
  z-index: 200;
  display: none;
  margin: 0 0;
  font-family: 'Courier Prime Sans Web', Menlo, monospace;
  font-size: 1rem;
  line-height: 1.25;
  font-weight: 400;
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: 0.2em;
  text-align: center;
  border-bottom: 1px solid #f4f3f2;
}
.movement h1 {
  border-bottom-color: #3b3736;
}
h1 > a {
  display: block;
  padding: 1rem 5rem 1rem 9rem;
  opacity: 0.4;
}
h1 > a:hover,
h1 > a:focus {
  background: #f4f3f2;
  opacity: 1;
}
.movement h1 > a {
  opacity: 0.2;
}
.movement h1 > a:hover,
.movement h1 > a:focus {
  background: #3b3736;
  opacity: 1;
}
@media only screen and ( max-width: 68em ) {
  h1 {
    font-size: 0.875rem;
    line-height: 1.25;
  }
  h1 > a {
    display: block;
    padding-left: 6.7rem;
    padding-right: 3rem;
  }
}
.head-primary-skip {
  position: absolute;
  left: -9999em;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.head-primary-toggle {
  display: none;
}
.head-primary-list {
  margin: 0 0 1em 0;
  padding: 0;
  list-style-type: none;
}
.head-primary-list ul {
  margin: 0 0 0 1em;
  padding: 0;
  list-style-type: none;
}
@media only screen and ( max-width: 48em ) {
  .head-primary-toggle {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 13;
    display: block;
    width: auto;
    height: auto;
    margin: 0;
    padding: 1.5em 1em 1.5em 4em;
    line-height: 1em;
    color: #ffffff;
    background: #302d2c;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-transition: all 250ms cubic-bezier(0.77, 0, 0.175, 1);
            transition: all 250ms cubic-bezier(0.77, 0, 0.175, 1);
  }
  .head-primary-toggle::before {
    content: '\2261';
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 2em;
    height: 2em;
    font-size: 200%;
    line-height: 2em;
    text-indent: 0;
    text-align: center;
  }
  .head-primary-toggle::after {
    content: ' ';
    position: fixed;
    right: 0;
    top: 4em;
    bottom: 0;
    display: block;
    width: 0;
    margin: 0 0 0 -4em;
    background: #ffffff;
    opacity: 0;
    -webkit-transition: all 250ms cubic-bezier(0.77, 0, 0.175, 1);
            transition: all 250ms cubic-bezier(0.77, 0, 0.175, 1);
    -webkit-transition-property: width, opacity;
            transition-property: width, opacity;
    -webkit-transition-delay: 0ms, 250ms;
            transition-delay: 0ms, 250ms;
  }
  .show-head-primary .head-primary-toggle {
    left: 100%;
    margin-left: -4em;
  }
  .show-head-primary .head-primary-toggle::before {
    content: '\2715';
  }
  .show-head-primary .head-primary-toggle::after {
    width: 4em;
    opacity: 0.8;
  }
  .head-primary-list {
    position: fixed;
    left: -100%;
    right: 100%;
    top: 0;
    z-index: 11;
    display: block;
    height: 100%;
    margin: 0;
    padding: 0 0 0 4em;
    color: #ffffff;
    background: #302d2c;
    overflow: auto;
    -webkit-transition: all 250ms cubic-bezier(0.77, 0, 0.175, 1);
            transition: all 250ms cubic-bezier(0.77, 0, 0.175, 1);
  }
  .head-primary-list::after {
    content: ' ';
    position: fixed;
    left: -100%;
    right: 100%;
    bottom: 0;
    display: block;
    height: 4em;
    margin: 0 4em 0 0;
    background: -webkit-linear-gradient(bottom, #302d2c, rgba(48, 45, 44, 0));
    background: linear-gradient(to top, #302d2c, rgba(48, 45, 44, 0));
    -webkit-transition: all 250ms cubic-bezier(0.77, 0, 0.175, 1);
            transition: all 250ms cubic-bezier(0.77, 0, 0.175, 1);
  }
  .show-head-primary .head-primary-list {
    left: -4em;
    right: 4em;
  }
  .show-head-primary .head-primary-list::after {
    left: 0;
    right: 0;
  }
  .head-primary-list li {
    margin: 0;
    padding: 0;
  }
  .head-primary-list > li:last-child {
    margin-bottom: 4em;
  }
  .head-primary-list li a {
    display: block;
    margin: 0;
    padding: 1.5em 1em;
    line-height: 1em;
    color: #ffffff;
  }
  .head-primary-list li a:hover,
  .head-primary-list li a:active,
  .head-primary-list li a:focus,
  .head-primary-list li.current-menu-item a {
    text-decoration: none;
    background: #4b4644;
  }
  .head-primary-list li ul {
    margin: 0;
    padding: 0;
  }
  .head-primary-list li ul li a {
    padding-left: 2em;
  }
}
.nav--index {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 100%;
  z-index: 800;
  margin: 3rem 5rem -6rem;
  -webkit-transition: all 250ms cubic-bezier(0.77, 0, 0.175, 1);
          transition: all 250ms cubic-bezier(0.77, 0, 0.175, 1);
}
.visible--nav-topics .nav--index,
.visible--nav-people .nav--index,
.archives-home .nav--index {
  bottom: 0;
  margin-bottom: 3rem;
}
@media only screen and ( max-width: 68em ) {
  .nav--index {
    margin-left: 3rem;
    margin-right: 3rem;
  }
}
.nav-header--index {
  display: none;
}
.archives-home .nav-header--index {
  display: inline-block;
  height: 1.25rem !important;
  opacity: 1 !important;
}
.nav-header--index h4 {
  position: relative;
  display: inline-block;
  margin: 0;
  vertical-align: top;
  font-family: 'Courier Prime Sans Web', Menlo, monospace;
  font-size: 1rem;
  line-height: 1.25;
  font-weight: 400;
  text-transform: uppercase;
  height: 1.25rem;
  line-height: 1.4;
}
.nav-header--index h4::after {
  content: ' ';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  height: 0;
  margin: 0 0 -0.06em 0;
  border-top: 1px solid currentColor;
  opacity: 0;
  -webkit-transition: all 250ms cubic-bezier(0.77, 0, 0.175, 1);
          transition: all 250ms cubic-bezier(0.77, 0, 0.175, 1);
}
.archives-home .nav-header--index h4::after {
  opacity: 0;
}
@media only screen and ( max-width: 68em ) {
  .nav-header--index h4 {
    height: 1.6rem;
    font-size: 0.875rem;
    line-height: 1.6rem;
  }
}
.nav--index-topics {
  position: relative;
  box-sizing: border-box;
  float: left;
  width: 65%;
  height: 3rem;
  margin: 0;
  zoom: 1;
  -webkit-transition: all 250ms cubic-bezier(0.77, 0, 0.175, 1);
          transition: all 250ms cubic-bezier(0.77, 0, 0.175, 1);
}
.nav--index-topics:before,
.nav--index-topics:after {
  content: ' ';
  display: table;
}
.nav--index-topics:after {
  clear: both;
}
.visible--nav-topics .nav--index-topics,
.archives-home .nav--index-topics {
  height: 100%;
}
.nav--index-topics::after {
  content: ' ';
  position: absolute;
  right: 0;
  top: 0;
  display: none;
  width: 0;
  height: 0;
  margin: 1rem 0 0 0;
  border: 0.5rem solid transparent;
  border-right-color: #3b3736;
  -webkit-transition: all 250ms cubic-bezier(0.77, 0, 0.175, 1);
          transition: all 250ms cubic-bezier(0.77, 0, 0.175, 1);
}
.visible--nav-topics .nav--index-topics::after,
.visible--viewer-topics .nav--index-topics::after,
.archives-home .nav--index-topics::after {
  margin-right: -1rem;
}
.archives-home .nav--index-topics::after {
  display: none;
}
.nav-list--index-topics {
  box-sizing: border-box;
  max-height: 100%;
  margin: 0 0 0 0;
  padding: 0.875rem 6rem 0.875rem 2rem;
  list-style-type: none;
  background: #e59a82;
  zoom: 1;
}
.nav-list--index-topics:before,
.nav-list--index-topics:after {
  content: ' ';
  display: table;
}
.nav-list--index-topics:after {
  clear: both;
}
.visible--nav-topics .nav--index-topics .nav-list--index-topics,
.archives-home .nav--index-topics .nav-list--index-topics {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.visible--nav-topics .nav--index-topics .nav-list--index-topics::-webkit-scrollbar,
.archives-home .nav--index-topics .nav-list--index-topics::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  background: #e59a82;
}
.visible--nav-topics .nav--index-topics .nav-list--index-topics::-webkit-scrollbar-track,
.archives-home .nav--index-topics .nav-list--index-topics::-webkit-scrollbar-track {
  background: transparent;
}
.visible--nav-topics .nav--index-topics .nav-list--index-topics::-webkit-scrollbar-track-piece,
.archives-home .nav--index-topics .nav-list--index-topics::-webkit-scrollbar-track-piece {
  background: transparent;
}
.visible--nav-topics .nav--index-topics .nav-list--index-topics::-webkit-scrollbar-thumb,
.archives-home .nav--index-topics .nav-list--index-topics::-webkit-scrollbar-thumb {
  background: transparent;
}
.visible--nav-topics .nav--index-topics .nav-list--index-topics::-webkit-scrollbar-thumb:vertical,
.archives-home .nav--index-topics .nav-list--index-topics::-webkit-scrollbar-thumb:vertical {
  width: 10px;
  background: -webkit-linear-gradient(0deg, #3b3736 0%, #3b3736 60%, #e59a82 60%, #e59a82 100%);
  background: linear-gradient(90deg, #3b3736 0%, #3b3736 60%, #e59a82 60%, #e59a82 100%);
  border-top: 4px solid #e59a82;
  border-bottom: 4px solid #e59a82;
}
.visible--nav-topics .nav--index-topics .nav-list--index-topics::-webkit-scrollbar-thumb:horizontal,
.archives-home .nav--index-topics .nav-list--index-topics::-webkit-scrollbar-thumb:horizontal {
  height: 10px;
  background: -webkit-linear-gradient(90deg, #3b3736 0%, #3b3736 60%, #e59a82 60%, #e59a82 100%);
  background: linear-gradient(0deg, #3b3736 0%, #3b3736 60%, #e59a82 60%, #e59a82 100%);
  border-left: 4px solid #e59a82;
  border-right: 4px solid #e59a82;
}
.visible--nav-topics .nav--index-topics .nav-list--index-topics::-webkit-scrollbar-button,
.archives-home .nav--index-topics .nav-list--index-topics::-webkit-scrollbar-button {
  height: 10px;
  width: 10px;
  background: transparent;
}
.visible--nav-topics .nav--index-topics .nav-list--index-topics::-webkit-scrollbar-corner,
.archives-home .nav--index-topics .nav-list--index-topics::-webkit-scrollbar-corner {
  background: transparent;
}
.archives-home .nav-list--index-topics {
  height: 100%;
}
.nav-list--index-topics > li {
  clear: both;
  float: left;
  width: 100%;
  display: block;
  height: 0;
  margin: 0 0 0 0;
  padding: 0;
  opacity: 0;
  -webkit-transition: all 250ms cubic-bezier(0.77, 0, 0.175, 1);
          transition: all 250ms cubic-bezier(0.77, 0, 0.175, 1);
  -webkit-transition-property: height, opacity, margin;
          transition-property: height, opacity, margin;
  -webkit-transition-delay: 0ms, -250ms, 0ms;
          transition-delay: 0ms, -250ms, 0ms;
}
.nav-list--index-topics > li.current {
  height: auto;
  opacity: 1;
}
.visible--nav-topics .nav-list--index-topics > li,
.archives-home .nav-list--index-topics > li {
  height: auto;
  margin-bottom: 3rem;
  opacity: 1;
  -webkit-transition-delay: 0ms, 250ms, 0ms;
          transition-delay: 0ms, 250ms, 0ms;
}
.visible--nav-topics .nav-list--index-topics > li.spacer,
.archives-home .nav-list--index-topics > li.spacer {
  height: 120vh;
}
.nav-header--index-topics {
  margin-bottom: 0;
}
.visible--nav-topics .nav-header--index-topics,
.archives-home .nav-header--index-topics {
  margin-bottom: 3rem !important;
}
.nav-header--index-topics h4 {
  margin-left: 2rem;
}
.visible--nav-topics .archives-home .nav-header--index-topics h4::after,
.archives-home .nav-header--index-topics h4::after {
  opacity: 0.8;
}
.nav-label--index-topics {
  display: inline-block;
  max-width: 100%;
  font-family: 'Courier Prime Sans Web', Menlo, monospace;
  font-size: 1rem;
  line-height: 1.25;
  font-weight: 400;
  text-transform: uppercase;
  height: 1.25rem;
  line-height: 1.4;
  white-space: nowrap;
  vertical-align: top;
}
.nav-list--index-topics > li > .nav-label--index-topics {
  position: relative;
  float: left;
  width: 50%;
}
.nav-list--index-topics .nav-link {
  display: inline-block;
  max-width: 100%;
  font-family: 'Courier Prime Sans Web', Menlo, monospace;
  font-size: 1rem;
  line-height: 1.25;
  font-weight: 400;
  text-transform: uppercase;
  height: 1.25rem;
  padding-bottom: 0.25em;
  line-height: 1.4;
  white-space: nowrap;
  overflow: hidden;
  vertical-align: top;
}
.nav-list--index-topics .nav-link--info {
  width: 1rem;
  padding-bottom: 0;
  color: transparent;
  opacity: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url('img/icon-menu-24--grey-10.svg');
}
.no-svg .nav-list--index-topics .nav-link--info {
  background-image: url('img/icon-menu-24--grey-10.png');
}
.touchevents .nav-list--index-topics .nav-link--info {
  opacity: 0.5;
}
.webkit .nav-list--index-topics .nav-link--info {
  position: relative;
  top: -0.08em;
}
.nav-list--index-topics li:hover > .nav-link--info {
  opacity: 0.5;
}
.nav-list--index-topics li:hover > .nav-link--info:hover,
.nav-list--index-topics li:hover > .nav-link--info:focus {
  opacity: 1;
}
.nav-list--index-topics > li ul {
  float: left;
  width: 49.5%;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.nav-list--index-topics > li ul li {
  height: 0;
  margin-bottom: 0;
  opacity: 0;
  overflow: hidden;
  -webkit-transition: all 250ms cubic-bezier(0.77, 0, 0.175, 1);
          transition: all 250ms cubic-bezier(0.77, 0, 0.175, 1);
  -webkit-transition-property: height, opacity, margin;
          transition-property: height, opacity, margin;
  -webkit-transition-delay: 0ms, 0ms, 0ms;
          transition-delay: 0ms, 0ms, 0ms;
}
.nav-list--index-topics > li ul li.current {
  height: 1.25em;
  opacity: 1;
}
.visible--nav-topics .nav-list--index-topics > li ul li,
.archives-home .nav-list--index-topics > li ul li {
  height: 1.25em;
  margin-bottom: 1.5rem;
  opacity: 1;
  overflow: visible;
  -webkit-transition-delay: 0ms, 250ms, 0ms;
          transition-delay: 0ms, 250ms, 0ms;
}
.nav-list--index-topics > li:last-child ul li:last-child {
  margin-bottom: 0;
}
.nav-list--index-topics .list-number {
  display: inline-block;
  opacity: 0;
}
.visible--nav-topics .nav-list--index-topics .list-number,
.archives-home .nav-list--index-topics .list-number,
.nav-list--index-topics .current .list-number {
  opacity: 0.5;
}
.nav-list--index-topics .title {
  position: relative;
}
.nav-list--index-topics .title::after {
  content: ' ';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  height: 0;
  margin: 0 0.1em -0.06em 0;
  border-top: 1px solid currentColor;
  opacity: 0;
  -webkit-transition: all 250ms cubic-bezier(0.77, 0, 0.175, 1);
          transition: all 250ms cubic-bezier(0.77, 0, 0.175, 1);
}
.visible--nav-topics .nav-list--index-topics .current > .nav-label--index-topics .title::after,
.visible--nav-topics .nav-list--index-topics > li ul > li.current .title::after {
  opacity: 0.8;
}
.nav-list--index-topics a:hover .title::after {
  opacity: 0.3;
}
.nav-list--index-topics .count {
  display: inline-block;
  opacity: 0;
}
.visible--nav-topics .nav-list--index-topics .count {
  opacity: 0.5;
}
@media only screen and ( max-width: 68em ) {
  .nav--index-topics::before {
    margin-left: 3rem;
  }
  .visible--nav-topics .nav-list--index-topics > li ul li,
  .archives-home .nav-list--index-topics > li ul li {
    margin-bottom: 1rem;
  }
  .nav-label--index-topics {
    font-size: 0.875rem;
    line-height: 1.6rem;
  }
  .nav-list--index-topics .nav-link {
    font-size: 0.875rem;
    line-height: 1.6rem;
  }
  .nav-list--index-topics .title::after {
    margin-bottom: 3px;
  }
  .visible--nav-topics .nav-list--index-topics li ul li.current .title::after,
  .archives-home .nav-list--index-topics li ul li.current .title::after {
    opacity: 0.8;
  }
}
.nav-list--index-topics .pagination {
  display: inline-block;
  margin: 0 0 0 0.1rem;
  opacity: 0;
  -webkit-transition: all 250ms cubic-bezier(0.77, 0, 0.175, 1);
          transition: all 250ms cubic-bezier(0.77, 0, 0.175, 1);
  -webkit-transition-delay: 250ms;
          transition-delay: 250ms;
}
.visible--nav-topics .nav-list--index-topics .pagination {
  opacity: 1;
}
.nav-list--index-topics .pagination-page {
  position: relative;
  top: 0.15rem;
  display: inline-block;
  width: 0.75rem;
  height: 0.75rem;
  margin: 0 -0.6rem 0 0;
  white-space: nowrap;
  text-indent: 300%;
  overflow: hidden;
  border: 1px solid transparent;
  border-radius: 50%;
  vertical-align: top;
  -webkit-transition: all 250ms cubic-bezier(0.77, 0, 0.175, 1);
          transition: all 250ms cubic-bezier(0.77, 0, 0.175, 1);
}
.nav-list--index-topics .pagination-page::after {
  content: ' ';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: 0.25rem;
  background: #3b3736;
  border-radius: 50%;
  opacity: 0.8;
}
.nav-list--index-topics .pagination-page:hover,
.nav-list--index-topics .pagination-page:focus {
  border-color: #3b3736;
}
.nav-list--index-topics .pagination-page:hover::after,
.nav-list--index-topics .pagination-page:focus::after {
  opacity: 0.8;
}
.nav--index-people {
  position: relative;
  box-sizing: border-box;
  float: left;
  width: 35%;
  height: 3rem;
  margin: 0;
  -webkit-transition: all 250ms cubic-bezier(0.77, 0, 0.175, 1);
          transition: all 250ms cubic-bezier(0.77, 0, 0.175, 1);
}
.nav--index-people::after {
  content: ' ';
  position: absolute;
  left: 0;
  top: 0;
  display: none;
  width: 0;
  height: 0;
  margin: 1rem 0 0 0;
  border: 0.5rem solid transparent;
  border-left-color: #e59a82;
  -webkit-transition: all 250ms cubic-bezier(0.77, 0, 0.175, 1);
          transition: all 250ms cubic-bezier(0.77, 0, 0.175, 1);
}
.visible--nav-people .nav--index-people,
.visible--viewer-people .nav--index-people,
.archives-home .nav--index-people {
  height: 100%;
}
.visible--nav-people .nav--index-people::after,
.visible--viewer-people .nav--index-people::after,
.archives-home .nav--index-people::after {
  margin-left: -1rem;
}
.archives-home .nav--index-people::after {
  display: none;
}
.nav-list--index-people {
  box-sizing: border-box;
  max-height: 100%;
  margin: 0 0 0 0;
  padding: 0.875rem 2rem;
  list-style-type: none;
  background: #3b3736;
}
.visible--nav-people .nav--index-people .nav-list--index-people,
.archives-home .nav-list--index-people {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.visible--nav-people .nav--index-people .nav-list--index-people::-webkit-scrollbar,
.archives-home .nav-list--index-people::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  background: #3b3736;
}
.visible--nav-people .nav--index-people .nav-list--index-people::-webkit-scrollbar-track,
.archives-home .nav-list--index-people::-webkit-scrollbar-track {
  background: transparent;
}
.visible--nav-people .nav--index-people .nav-list--index-people::-webkit-scrollbar-track-piece,
.archives-home .nav-list--index-people::-webkit-scrollbar-track-piece {
  background: transparent;
}
.visible--nav-people .nav--index-people .nav-list--index-people::-webkit-scrollbar-thumb,
.archives-home .nav-list--index-people::-webkit-scrollbar-thumb {
  background: transparent;
}
.visible--nav-people .nav--index-people .nav-list--index-people::-webkit-scrollbar-thumb:vertical,
.archives-home .nav-list--index-people::-webkit-scrollbar-thumb:vertical {
  width: 10px;
  background: -webkit-linear-gradient(0deg, #e59a82 0%, #e59a82 60%, #3b3736 60%, #3b3736 100%);
  background: linear-gradient(90deg, #e59a82 0%, #e59a82 60%, #3b3736 60%, #3b3736 100%);
  border-top: 4px solid #3b3736;
  border-bottom: 4px solid #3b3736;
}
.visible--nav-people .nav--index-people .nav-list--index-people::-webkit-scrollbar-thumb:horizontal,
.archives-home .nav-list--index-people::-webkit-scrollbar-thumb:horizontal {
  height: 10px;
  background: -webkit-linear-gradient(90deg, #e59a82 0%, #e59a82 60%, #3b3736 60%, #3b3736 100%);
  background: linear-gradient(0deg, #e59a82 0%, #e59a82 60%, #3b3736 60%, #3b3736 100%);
  border-left: 4px solid #3b3736;
  border-right: 4px solid #3b3736;
}
.visible--nav-people .nav--index-people .nav-list--index-people::-webkit-scrollbar-button,
.archives-home .nav-list--index-people::-webkit-scrollbar-button {
  height: 10px;
  width: 10px;
  background: transparent;
}
.visible--nav-people .nav--index-people .nav-list--index-people::-webkit-scrollbar-corner,
.archives-home .nav-list--index-people::-webkit-scrollbar-corner {
  background: transparent;
}
.archives-home .nav-list--index-people {
  height: 100%;
  margin-right: 0;
}
.nav-list--index-people > li {
  clear: both;
  display: block;
  height: 0;
  margin: 0 0 0 0;
  padding: 0;
  opacity: 0;
  overflow: hidden;
  -webkit-transition: all 250ms cubic-bezier(0.77, 0, 0.175, 1);
          transition: all 250ms cubic-bezier(0.77, 0, 0.175, 1);
  -webkit-transition-property: height, opacity, margin;
          transition-property: height, opacity, margin;
  -webkit-transition-delay: 0ms, 0ms, 0ms;
          transition-delay: 0ms, 0ms, 0ms;
}
.nav-list--index-people > li.current {
  height: 1.25em;
  opacity: 1;
}
.visible--nav-people .nav-list--index-people > li,
.archives-home .nav-list--index-people > li {
  height: 1.25em;
  margin-bottom: 1.5rem;
  opacity: 1;
  overflow: visible;
  -webkit-transition: all 250ms cubic-bezier(0.77, 0, 0.175, 1);
          transition: all 250ms cubic-bezier(0.77, 0, 0.175, 1);
  -webkit-transition-property: height, opacity, margin;
          transition-property: height, opacity, margin;
  -webkit-transition-delay: 0ms, 250ms, 0ms;
          transition-delay: 0ms, 250ms, 0ms;
}
.visible--nav-people .nav-list--index-people > li:last-child,
.archives-home .nav-list--index-people > li:last-child {
  margin-bottom: 0;
}
.nav-header--index-people {
  margin-bottom: 0;
}
.visible--nav-people .nav-header--index-people,
.archives-home .nav-header--index-people {
  margin-bottom: 3rem !important;
}
.nav-header--index-people h4 {
  color: #e59a82;
}
.visible--nav-people .archives-home .nav-header--index-people h4::after,
.archives-home .nav-header--index-people h4::after {
  opacity: 0.8;
}
.nav-label--index-people {
  display: block;
  font-family: 'Courier Prime Sans Web', Menlo, monospace;
  font-size: 1rem;
  line-height: 1.25;
  font-weight: 400;
  text-transform: uppercase;
  color: #e59a82;
  height: 1.25rem;
  line-height: 1.4;
  white-space: nowrap;
}
.nav--index-people .nav-link {
  display: inline-block;
  font-family: 'Courier Prime Sans Web', Menlo, monospace;
  font-size: 1rem;
  line-height: 1.25;
  font-weight: 400;
  text-transform: uppercase;
  color: #e59a82;
  height: 1.25rem;
  line-height: 1.4;
  white-space: nowrap;
  overflow: visible !important;
  text-overflow: none !important;
}
.nav--index-people .blind .nav-link--person {
  opacity: 0.5;
  pointer-events: none;
}
.nav--index-people .blind .nav-link--person .title::after {
  display: none;
}
.nav--index-people .nav-link--info {
  width: 1rem;
  padding-bottom: 0;
  color: transparent;
  opacity: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url('img/icon-menu-24--brand-1.svg');
}
.no-svg .nav--index-people .nav-link--info {
  background-image: url('img/icon-menu-24--brand-1.png');
}
.touchevents .nav--index-people .nav-link--info {
  opacity: 0.5;
}
.webkit .nav--index-people .nav-link--info {
  position: relative;
  top: -0.08em;
}
.nav--index-people li:hover .nav-link--info {
  opacity: 0.5;
}
.nav--index-people li:hover .nav-link--info:hover,
.nav--index-people li:hover .nav-link--info:focus {
  opacity: 1;
}
.nav-list--index-people .title {
  position: relative;
}
.nav-list--index-people .title::after {
  content: ' ';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  height: ;
  margin: 0 0 -0.06em 0;
  border-top: 1px solid currentColor;
  opacity: 0;
  -webkit-transition: all 250ms cubic-bezier(0.77, 0, 0.175, 1);
          transition: all 250ms cubic-bezier(0.77, 0, 0.175, 1);
}
.nav-list--index-people .title::before {
  content: ' ';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  height: ;
  margin: 0 0 -0.06em 0;
  border-top: 1px dashed currentColor;
  opacity: 0;
  -webkit-transition: all 250ms cubic-bezier(0.77, 0, 0.175, 1);
          transition: all 250ms cubic-bezier(0.77, 0, 0.175, 1);
}
.visible--nav-people .nav-list--index-people .current .title::after {
  opacity: 0.8;
}
.nav-list--index-people a:hover .title::after {
  opacity: 0.3;
}
.nav-list--index-people .count {
  opacity: 0.5;
}
@media only screen and ( max-width: 68em ) {
  .nav-list--index-people {
    margin-right: 0 !important;
  }
  .visible--nav-people .nav-list--index-people > li.entry,
  .archives-home .nav-list--index-people > li.entry {
    margin-bottom: 1rem;
  }
  .nav-label--index-people {
    font-size: 0.875rem;
    line-height: 1.6rem;
  }
  .nav-list--index-people .nav-link {
    font-size: 0.875rem;
    line-height: 1.6rem;
    overflow: hidden;
  }
  .nav-list--index-people .title::after {
    margin-bottom: 3px;
  }
  .visible--nav-people .nav-list--index-people > li.current .title::after,
  .archives-home .nav-list--index-people > li.current .title::after {
    opacity: 0.8;
  }
}
.nav--index-pager {
  position: absolute;
  top: 0;
  width: 6rem;
  height: 3rem;
  margin: 0;
}
.nav--index-pager > a {
  float: left;
  width: 2rem;
  height: 3rem;
  white-space: nowrap;
  text-indent: 300%;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center center;
}
.nav--index-pager > .info {
  margin-left: 2rem;
}
.nav--index-pager > .next {
  margin-left: 4rem;
}
.nav--index-pager > .prev + .info {
  margin-left: 0;
}
.nav--index-pager > .info + .next {
  margin-left: 0;
}
.nav--index-pager-topics {
  left: 65%;
  margin-left: -6.75rem;
  color: #302d2c;
  background-color: #e59a82;
}
.nav--index-pager-topics > a {
  background-repeat: no-repeat;
  background-position: center center;
}
.nav--index-pager-topics > a:hover,
.nav--index-pager-topics > a:active {
  background-color: rgba(59, 55, 54, 0.08);
}
.nav--index-pager-topics > .prev {
  background-image: url('img/icon-prev-left-24--grey-10.svg');
}
.no-svg .nav--index-pager-topics > .prev {
  background-image: url('img/icon-prev-left-24--grey-10.png');
}
.nav--index-pager-topics > .next {
  background-image: url('img/icon-next-right-24--grey-10.svg');
}
.no-svg .nav--index-pager-topics > .next {
  background-image: url('img/icon-next-right-24--grey-10.png');
}
.nav--index-pager-topics > .info {
  background-image: url('img/icon-menu-24--grey-10.svg');
}
.no-svg .nav--index-pager-topics > .info {
  background-image: url('img/icon-menu-24--grey-10.png');
}
.nav--index-pager-people {
  right: 0;
  margin-right: 0.75rem;
  color: #e59a82;
  background-color: #3b3736;
}
.nav--index-pager-people > a {
  background-repeat: no-repeat;
  background-position: center center;
}
.nav--index-pager-people > a:hover,
.nav--index-pager-people > a:active {
  background-color: rgba(0, 0, 0, 0.15);
}
.nav--index-pager-people > .prev {
  background-image: url('img/icon-prev-left-24--brand-1.svg');
}
.no-svg .nav--index-pager-people > .prev {
  background-image: url('img/icon-prev-left-24--brand-1.png');
}
.nav--index-pager-people > .next {
  background-image: url('img/icon-next-right-24--brand-1.svg');
}
.no-svg .nav--index-pager-people > .next {
  background-image: url('img/icon-next-right-24--brand-1.png');
}
.nav--index-pager-people > .info {
  background-image: url('img/icon-menu-24--brand-1.svg');
}
.no-svg .nav--index-pager-people > .info {
  background-image: url('img/icon-menu-24--brand-1.png');
}
.section--home-nav {
  position: relative;
  z-index: 300;
  background: #f4f3f2;
  overflow: hidden;
}
.section--home-nav .nav--index {
  position: relative;
  z-index: 100;
  margin: 0 5rem;
  zoom: 1;
}
.section--home-nav .nav--index:before,
.section--home-nav .nav--index:after {
  content: ' ';
  display: table;
}
.section--home-nav .nav--index:after {
  clear: both;
}
.section--home-nav .nav--index h4 {
  display: inline-block;
}
.section--home-nav .nav--index .nav--index-topics {
  height: auto;
  background: #e59a82;
}
.section--home-nav .nav--index .nav--index-topics::before {
  display: none;
}
.section--home-nav .nav--index .nav-list--index-topics {
  margin: 0;
  padding-top: 3rem;
  padding-bottom: 3rem;
  overflow: visible;
  zoom: 1;
}
.section--home-nav .nav--index .nav-list--index-topics:before,
.section--home-nav .nav--index .nav-list--index-topics:after {
  content: ' ';
  display: table;
}
.section--home-nav .nav--index .nav-list--index-topics:after {
  clear: both;
}
.section--home-nav .nav--index .nav-list--index-topics > li {
  height: auto;
  margin-bottom: 3rem;
  opacity: 1;
}
.section--home-nav .nav--index .nav-list--index-topics > li:last-child {
  margin-bottom: 0;
}
.section--home-nav .nav--index .nav-label--index-topics {
  height: auto;
  opacity: 1;
}
.section--home-nav .nav--index .list-number {
  opacity: 0.5;
}
.section--home-nav .nav--index .nav-list--index-topics > li ul li {
  height: auto;
  margin-bottom: 1.5rem;
  opacity: 1;
}
.section--home-nav .nav--index .nav-list--index-topics .count {
  opacity: 0.5;
}
.section--home-nav .nav--index .nav-list--index-topics .pagination {
  opacity: 1;
}
.section--home-nav .nav--index .nav--index-people {
  height: 100%;
}
.section--home-nav .nav--index .nav--index-people::after {
  display: none;
}
.section--home-nav .nav--index .nav--index-people::before {
  content: ' ';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: block;
  margin-bottom: -999rem;
  background: #3b3736;
}
.section--home-nav .nav--index .nav-list--index-people {
  margin: 0;
  padding-top: 3rem;
  padding-bottom: 3rem;
  overflow: visible;
  zoom: 1;
}
.section--home-nav .nav--index .nav-list--index-people:before,
.section--home-nav .nav--index .nav-list--index-people:after {
  content: ' ';
  display: table;
}
.section--home-nav .nav--index .nav-list--index-people:after {
  clear: both;
}
.section--home-nav .nav--index .nav-list--index-people > li {
  height: auto;
  margin-bottom: 1.5rem;
  opacity: 1;
}
.section--home-nav .nav--index .nav-label--index-people {
  height: auto;
  opacity: 1;
}
.section--home-nav .nav--index .nav-list--index-people .pagination {
  opacity: 1;
}
.section--home-nav .nav--index .nav--index-pager {
  display: none;
}
.section--home-nav > h2 {
  position: absolute;
  right: 100%;
  top: 0;
  display: none;
  margin: 2.5rem -2.5rem 0 0rem;
  font-family: 'Courier Prime Sans Web', Menlo, monospace;
  font-size: 1rem;
  line-height: 1.25;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  -webkit-transform-origin: 100% 50%;
      -ms-transform-origin: 100% 50%;
          transform-origin: 100% 50%;
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.nav--home {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 100;
  margin: 3rem 0 0 5rem;
}
.nav--home::before {
  content: ' ';
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 3rem;
  height: 3rem;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url('img/icon-menu-24--grey-20.svg');
}
.no-svg .nav--home::before {
  background-image: url('img/icon-menu-24--grey-20.png');
}
.nav--home > a {
  display: inline-block;
  padding: 0.875rem 1.5rem;
  padding-left: 3rem;
  font-family: 'Courier Prime Sans Web', Menlo, monospace;
  font-size: 1rem;
  line-height: 1.25;
  font-weight: 400;
  text-transform: uppercase;
  color: #3b3736;
  height: 1.25rem;
  line-height: 1.4;
  background: #f4f3f2;
}
.nav--home > a:hover,
.nav--home > a:focus {
  background: #e8e6e4;
}
.nav--sites {
  position: relative;
  z-index: 1600;
  text-align: center;
  -webkit-transition: all 250ms cubic-bezier(0.77, 0, 0.175, 1);
          transition: all 250ms cubic-bezier(0.77, 0, 0.175, 1);
}
.no-js .home .nav--sites {
  opacity: 0;
}
.js .home .nav--sites {
  opacity: 1;
}
.js.scrolled-to-top .home .nav--sites {
  opacity: 0;
}
.nav--sites > a {
  z-index: 1600;
  display: block;
  padding: 1rem 0;
  font-family: 'Courier Prime Sans Web', Menlo, monospace;
  font-size: 1rem;
  line-height: 1.25;
  font-weight: 400;
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: 0.2em;
  text-align: center;
  opacity: 0.4;
}
.nav--sites > a:hover,
.nav--sites > a:focus {
  opacity: 1;
  background: #f4f3f2;
}
.movement .nav--sites > a {
  opacity: 0.2;
}
.movement .nav--sites > a:hover,
.movement .nav--sites > a:focus {
  background: #302d2c;
  opacity: 1;
}
.nav--sites > .home {
  position: relative;
  display: inline-block;
  margin: 0;
  padding-left: 1rem;
  padding-right: 1rem;
}
.home .nav--sites > .home {
  display: none;
}
.nav--sites > .home:hover,
.nav--sites > .home:focus {
  background: transparent !important;
}
.nav--sites > .archives,
.nav--sites > .movement {
  position: fixed;
  top: 50%;
  width: 200%;
  padding: 2rem 0;
}
.nav--sites > .archives {
  left: 0;
  margin: -2.5rem 0 0 2.5rem;
  -webkit-transform-origin: 0 50%;
      -ms-transform-origin: 0 50%;
          transform-origin: 0 50%;
  -webkit-transform: rotate(-90deg) translateX(-50%);
      -ms-transform: rotate(-90deg) translateX(-50%);
          transform: rotate(-90deg) translateX(-50%);
}
.archives .nav--sites > .archives,
.home .nav--sites > .archives {
  opacity: 1;
}
.nav--sites > .movement {
  right: 0;
  margin: -2.5rem 2.5rem 0 0;
  -webkit-transform-origin: 100% 50%;
      -ms-transform-origin: 100% 50%;
          transform-origin: 100% 50%;
  -webkit-transform: rotate(90deg) translateX(50%);
      -ms-transform: rotate(90deg) translateX(50%);
          transform: rotate(90deg) translateX(50%);
}
.movement .nav--sites > .movement,
.home .nav--sites > .movement {
  opacity: 1;
}
@media only screen and ( max-width: 68em ) {
  .nav--sites > a {
    height: 1rem;
    padding: 1rem 0;
    font-size: 0.875rem;
    line-height: 1.25;
  }
  .nav--sites > .home {
    margin-left: 3rem;
    margin-right: 3rem;
  }
  .nav--sites > .archives {
    margin-left: 1.5rem;
  }
  .nav--sites > .movement {
    margin-right: 1.5rem;
  }
}
.nav--person {
  margin: 5rem 0;
}
.nav--person > h4 {
  position: relative;
  display: inline-block;
  margin: 0 0 3rem;
}
.nav--person > h4::after {
  content: ' ';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  height: 0;
  margin: 0 0 -0.06em 0;
  border-top: 1px solid currentColor;
}
.nav--person > a {
  display: block;
  margin: 0 0 1.5rem;
  font-family: 'Courier Prime Sans Web', Menlo, monospace;
  font-size: 1rem;
  line-height: 1.25;
  font-weight: 400;
  text-transform: uppercase;
}
.nav--person > a .title {
  position: relative;
}
.nav--person > a .title::after {
  content: ' ';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  height: 0;
  margin: 0 0.6em -0.06em 2.6em;
  border-top: 1px solid currentColor;
  opacity: 0;
  -webkit-transition: all 250ms cubic-bezier(0.77, 0, 0.175, 1);
          transition: all 250ms cubic-bezier(0.77, 0, 0.175, 1);
}
.nav--person > a .title:hover::after,
.nav--person > a .title:focus::after {
  opacity: 0.4;
}
.nav--person > a .title .current::after {
  opacity: 1;
  border-top-style: solid;
}
.viewer--archives .nav--person > a .title::after {
  margin-left: 0;
}
@media only screen and ( max-width: 68em ) {
  .nav--person {
    margin: 5rem 0;
  }
  .nav--person > a {
    font-size: 0.875rem;
  }
}
.nav--topic {
  margin: 5rem 0;
}
.nav--topic > h4 {
  position: relative;
  display: inline-block;
  margin: 0 0 3rem;
}
.nav--topic > h4::after {
  content: ' ';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  height: 0;
  margin: 0 0 -0.06em 0;
  border-top: 1px solid currentColor;
}
.nav--topic > a {
  display: block;
  margin: 0 0 1.5rem;
  font-family: 'Courier Prime Sans Web', Menlo, monospace;
  font-size: 1rem;
  line-height: 1.25;
  font-weight: 400;
  text-transform: uppercase;
}
.nav--topic > a .title {
  position: relative;
}
.nav--topic > a .title::after {
  content: ' ';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  height: 0;
  margin: 0 0.6em -0.06em 1.3em;
  border-top: 1px solid currentColor;
  opacity: 0;
  -webkit-transition: all 250ms cubic-bezier(0.77, 0, 0.175, 1);
          transition: all 250ms cubic-bezier(0.77, 0, 0.175, 1);
}
.nav--topic > a .title:hover::after,
.nav--topic > a .title:focus::after {
  opacity: 0.4;
}
.nav--topic > a .title .current::after {
  opacity: 1;
  border-top-style: solid;
}
.content {
  position: relative;
  z-index: 20;
  box-sizing: border-box;
  min-height: 100vh;
  margin: 0 5rem 0;
  padding: 8rem 0 8rem;
  border-left: 1px solid #f4f3f2;
  border-right: 1px solid #f4f3f2;
}
.movement .content {
  border-left-color: #3b3736;
  border-right-color: #3b3736;
}
.archives .content {
  padding-top: 11rem;
}
.content .inline-content {
  max-width: 64rem;
  margin: 0 4rem;
}
@media only screen and ( max-width: 68em ) {
  .content,
  .archives .content {
    margin-left: 3rem;
    margin-right: 3rem;
    padding-top: 9rem;
    padding-bottom: 6rem;
  }
  .content .inline-content {
    margin-left: 3rem;
    margin-right: 3rem;
  }
}
.inline-content {
  color: #302d2c;
}
.inline-content a {
  border-bottom: 1px solid #e59a82;
}
.inline-content a:hover,
.inline-content a:focus {
  color: #232120;
}
.inline-content a.jumplink {
  position: relative;
  display: inline-block;
  margin-left: 3rem;
}
.inline-content a.jumplink::before {
  content: ' ';
  position: relative;
  top: 0.1em;
  display: inline-block;
  width: 3rem;
  height: 1.3333em;
  margin: 0 0 0 -3rem;
  vertical-align: bottom;
  background-repeat: no-repeat;
  background-position: left center;
  background-image: url('img/icon-prev-right-24--grey-10.svg');
}
.no-svg .inline-content a.jumplink::before {
  background-image: url('img/icon-prev-right-24--grey-10.png');
}
.inline-content h3,
.inline-content h4 {
  position: relative;
  max-width: 48em;
  padding: 0 0 0 3rem;
  line-height: 1.3333;
}
.inline-content h3::before,
.inline-content h4::before {
  content: ' ';
  position: absolute;
  left: 0;
  top: 0;
  width: 2rem;
  height: 0px;
  margin: 0.65rem 0 0 0;
  border-top: 1px solid #e59a82;
}
.inline-content p {
  margin: 0 0 2.13328rem 0;
  font-family: 'Latin Modern Roman 10 Web', 'Latin Modern Roman 10 Demi Web', 'Gandhi Serif Web', 'Georgia', 'Times New Roman', Times, serif;
  font-size: 1.4rem;
  line-height: 1.41;
  color: rgba(48, 45, 44, 0.95);
}
.inline-content p:last-child {
  margin-bottom: 0;
}
.inline-content p.smaller {
  font-size: 1.125rem;
  line-height: 1.5555;
}
.inline-content p.small {
  font-size: 1rem;
  line-height: 1.3333;
}
.inline-content p.report {
  font-family: 'Courier Prime Sans Web', Menlo, monospace;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}
.inline-content ul {
  margin: 0 0 2.13328rem 0;
  padding: 0;
  font-family: 'Courier Prime Sans Web', Menlo, monospace;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  list-style-type: none;
}
.inline-content ul > li {
  position: relative;
  margin: 0;
  padding: 0 0 0 3rem;
}
.inline-content ul > li::before {
  content: ' ';
  position: absolute;
  left: 0;
  top: 0;
  width: 2rem;
  height: 0px;
  margin: 0.7rem 0 0 0;
  border-top: 1px solid #696260;
}
@media only screen and ( max-width: 68em ) {
  .inline-content p {
    font-size: 1.125rem;
    line-height: 1.5555;
  }
}
.home h1 {
  display: none;
}
.home .content {
  min-height: 0;
  margin-top: 100vh;
  margin-bottom: 0;
  -webkit-transition: all 250ms cubic-bezier(0.77, 0, 0.175, 1);
          transition: all 250ms cubic-bezier(0.77, 0, 0.175, 1);
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
}
.section--home-intro {
  position: relative;
  z-index: 100;
}
.intro-title {
  position: fixed;
  left: 0;
  top: 50%;
  z-index: 0;
  display: block;
  width: 80%;
  margin: -0.5em 0 0 8rem;
  font-family: 'Courier Prime Sans Web', Menlo, monospace;
  font-size: 1rem;
  line-height: 1.25;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 3rem;
  line-height: 1;
  text-align: center;
  -webkit-transition: all 250ms cubic-bezier(0.77, 0, 0.175, 1);
          transition: all 250ms cubic-bezier(0.77, 0, 0.175, 1);
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
}
.js .intro-title {
  opacity: 0;
  pointer-events: none;
}
.js.scrolled-to-top .intro-title {
  opacity: 1;
  pointer-events: auto;
}
.intro-title > a {
  display: inline-block;
}
.intro-title > .small {
  font-family: 'Courier Prime Sans Web', Menlo, monospace;
  font-size: 1rem;
  line-height: 1.25;
  font-weight: 400;
  text-transform: uppercase;
  vertical-align: baseline;
  position: relative;
  top: -0.5rem;
}
.post {
  margin: 0 0 1.3333em 0;
}
.images {
  padding: 0;
}
.inline-content + .images {
  padding-top: 5rem;
}
.image {
  position: relative;
  display: block;
  width: 60%;
  max-width: 72rem;
  opacity: 0;
  border: 1px solid #ffffff;
  -webkit-transition: all 250ms cubic-bezier(0.77, 0, 0.175, 1);
          transition: all 250ms cubic-bezier(0.77, 0, 0.175, 1);
  -webkit-transition-property: -webkit-transform, opacity;
          transition-property: transform, opacity;
}
.image.orientation--portrait {
  width: 35%;
}
.images.randomized .image {
  left: 20%;
  margin-top: -8rem;
  opacity: 1;
}
.images.randomized .image:first-child {
  margin-top: 0;
}
.images.randomized .image:hover {
  z-index: 500;
}
.image-image {
  display: block;
  width: 100%;
  height: auto;
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
  -webkit-filter: brightness(1) sepia(1) contrast(1) grayscale(0.9) hue-rotate(310deg);
          filter: brightness(1) sepia(1) contrast(1) grayscale(0.9) hue-rotate(310deg);
  -webkit-transition: all 250ms cubic-bezier(0.77, 0, 0.175, 1);
          transition: all 250ms cubic-bezier(0.77, 0, 0.175, 1);
  -webkit-transition-property: -webkit-filter, filter;
          transition-property: filter;
}
.image:hover .image-image {
  -webkit-filter: brightness(1) sepia(0) contrast(1) grayscale(0) hue-rotate(0deg);
          filter: brightness(1) sepia(0) contrast(1) grayscale(0) hue-rotate(0deg);
}
.image-caption {
  position: relative;
  z-index: 1;
  display: block;
  padding: 0.75rem 1rem;
  font-size: 0.875rem;
  background: #ffffff;
}
.image-caption::before {
  content: ' ';
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  width: 0;
  height: 0;
  margin: 0 0 -1rem 1rem;
  border-width: 0.5rem;
  border-style: solid;
  border-color: #ffffff transparent transparent transparent;
}
.image-caption > .filename {
  display: block;
  opacity: 0.5;
}
.image-caption > .caption {
  display: block;
}
.images.horizontal {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: 6rem 0 3rem;
  padding: 0;
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  border-top: none;
  border-bottom: none;
}
.images.horizontal::before,
.images.horizontal::after {
  content: ' ';
  display: inline-block;
  width: 10vw;
  height: 1rem;
}
.images.horizontal .image {
  left: 0;
  display: inline-block;
  width: auto !important;
  height: 60%;
  margin: 3rem -7.5vw 0 0;
  vertical-align: top;
}
.images.horizontal .image:last-child {
  margin-right: 0;
}
.images.horizontal .image.has-caption {
  position: relative;
  margin-left: 10vw;
  padding-left: 10rem;
}
.images.horizontal .image.has-caption:first-child {
  margin-left: 0;
}
.images.horizontal .image .image-caption {
  position: absolute;
  left: 0;
  top: 0;
  width: 8rem;
  padding: 1rem 1rem;
  text-align: right;
  background: none;
}
.images.horizontal .image .image-caption::before {
  left: auto;
  right: 0;
  top: 0;
  bottom: auto;
  z-index: 10;
  margin: 1rem -1rem 0 0;
  border-color: transparent transparent transparent #ffffff;
}
.images.horizontal .image .image-caption .filename {
  display: none;
}
.images.horizontal .image .image-image {
  width: auto;
  max-height: 60vh;
  -webkit-filter: none;
          filter: none;
}
.js .audio {
  display: none;
}
.audiojs {
  position: fixed !important;
  left: 50%;
  top: 50%;
  z-index: 100;
  display: block;
  width: 16rem;
  height: auto;
  margin: -2rem -8rem;
  background: #f4f3f2;
  box-shadow: none;
  overflow: visible;
}
.audiojs .audio {
  display: none;
}
.audiojs .play-pause {
  display: block;
  width: 100%;
  height: auto;
  margin: 1rem auto;
  padding: 0;
  border: none;
}
.audiojs .play,
.audiojs .pause,
.audiojs .loading,
.audiojs .error {
  width: 3rem;
  height: 3rem;
  margin: 0 auto;
  border: none;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: center center;
  opacity: 0.8;
}
.audiojs .play:hover,
.audiojs .pause:hover,
.audiojs .loading:hover,
.audiojs .error:hover,
.audiojs .play:focus,
.audiojs .pause:focus,
.audiojs .loading:focus,
.audiojs .error:focus {
  opacity: 1;
}
.audiojs .play {
  background-image: url('img/icon-play-24--grey-10.svg');
}
.no-svg .audiojs .play {
  background-image: url('img/icon-play-24--grey-10.png');
}
.audiojs .pause {
  background-image: url('img/icon-pause-24--grey-10.svg');
}
.no-svg .audiojs .pause {
  background-image: url('img/icon-pause-24--grey-10.png');
}
.audiojs .loading {
  background-image: url('img/icon-loading-24--grey-10.svg');
}
.no-svg .audiojs .loading {
  background-image: url('img/icon-loading-24--grey-10.png');
}
.audiojs .error {
  background-image: url('img/icon-error-24--grey-10.svg');
}
.no-svg .audiojs .error {
  background-image: url('img/icon-error-24--grey-10.png');
}
.audiojs .scrubber {
  width: 100%;
  height: 1rem;
  margin: 0;
  background: #e8e6e4;
  border: none;
  cursor: col-resize;
}
.audiojs .scrubber > .progress {
  height: 100%;
  background: #e59a82;
}
.audiojs .scrubber > .loaded {
  height: 100%;
  background: #ddd9d6;
}
.audiojs .time {
  display: none;
}
.audiojs .drag-handle {
  position: relative;
  left: 0;
  top: 0;
  width: 3rem;
  height: 3rem;
  margin: 0 0 0 -3rem;
  background-color: #f4f3f2;
  cursor: -webkit-grab;
  cursor: grab;
  opacity: 0;
  -webkit-transition: all 250ms cubic-bezier(0.77, 0, 0.175, 1);
          transition: all 250ms cubic-bezier(0.77, 0, 0.175, 1);
  -webkit-transition-property: opacity, -webkit-transform;
          transition-property: opacity, transform;
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
}
.audiojs .drag-handle::after {
  content: ' ';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url('img/icon-drag-24--grey-10.svg');
  opacity: 0.8;
}
.no-svg .audiojs .drag-handle::after {
  background-image: url('img/icon-drag-24--grey-10.png');
}
.audiojs .drag-handle:hover::after,
.audiojs .drag-handle:focus::after,
.audiojs .drag-handle:active::after {
  opacity: 1;
}
.audiojs:hover .drag-handle {
  opacity: 1;
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
}
.mejs-container {
  background: #ffffff;
}
.mejs-container-fullscreen {
  background: #000;
}
.mejs-video {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: block;
  width: auto !important;
  height: auto !important;
  margin: 6rem 5rem 3rem;
}
.mejs-video .video {
  width: 100% !important;
  height: 100% !important;
}
.mejs-mediaelement {
  right: 0;
  bottom: 0;
  width: auto;
  height: auto;
  margin: 3rem 0;
}
.mejs-container .mejs-controls {
  right: 0;
  width: auto;
  height: 1rem;
  margin: 0 0 0;
  background: #f4f3f2;
}
.mejs-container .mejs-controls div {
  height: 100%;
}
.mejs-container .mejs-controls .mejs-time {
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden;
}
.mejs-container .mejs-fullscreen-button {
  position: absolute;
  right: 0;
  bottom: 0;
  display: block;
  width: 3rem ! important;
  height: 3rem ! important;
  margin: 0 0 1rem 0 !important;
  background-color: #f4f3f2;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url('img/icon-fullscreen-24--grey-10.svg') !important;
  cursor: pointer;
}
.no-svg .mejs-container .mejs-fullscreen-button {
  background-image: url('img/icon-fullscreen-24--grey-10.png') !important;
}
.mejs-container .mejs-fullscreen-button:hover,
.mejs-container .mejs-fullscreen-button:focus {
  background-color: #e59a82;
}
.mejs-container .mejs-fullscreen-button > button {
  visibility: hidden;
}
.mejs-controls div.mejs-time-rail {
  width: 100%;
  margin: 0;
  padding: 0;
  background: #e8e6e4;
  cursor: col-resize;
}
.mejs-controls .mejs-time-rail span {
  height: 100%;
}
.mejs-controls .mejs-time-rail .mejs-time-total {
  margin: 0;
  padding: 0;
  background: #e8e6e4;
}
.mejs-controls .mejs-time-rail .mejs-time-loaded {
  background: #ddd9d6;
  background: #f4f3f2;
}
.mejs-controls .mejs-time-rail .mejs-time-current {
  background: #e59a82;
}
.mejs-overlay-play {
  display: none;
  width: 100% !important;
  height: 100% !important;
}
.map {
  position: fixed !important;
  left: 0;
  top: 0;
  bottom: 0;
  z-index: 0;
  display: block;
  width: 100%;
  margin: 0 0 -2rem 0;
  background: #f4f3f2 !important;
}
.map::before,
.map::after {
  content: ' ';
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 10;
  display: block;
  width: 0;
  border-right: 1px solid #f4f3f2;
}
.movement .map::before,
.movement .map::after {
  border-right: 1px solid #3b3736;
}
.map::before {
  left: 0;
  margin-left: 5rem;
}
.map::after {
  right: 0;
  margin-right: 5rem;
}
@media only screen and ( max-width: 68em ) {
  .map::before {
    margin-left: 3rem;
  }
  .map::after {
    margin-right: 3rem;
  }
}
/**
 * Custom markers
 */
.custom-marker {
  width: 6rem;
  height: 2rem;
  padding: 0;
  background: red;
  cursor: pointer;
}
.custom-marker > audio {
  display: block !important;
}
.js audio {
  display: none;
}
.soundscape-marker {
  position: absolute;
}
.soundscape-audio {
  position: relative !important;
  z-index: 100;
  display: block;
  width: 3rem;
  height: 3rem;
  margin: -1.5rem -1.5rem;
  background: transparent;
  border: 1px solid #e59a82;
  border-radius: 50%;
  -webkit-transition: all 250ms cubic-bezier(0.77, 0, 0.175, 1);
          transition: all 250ms cubic-bezier(0.77, 0, 0.175, 1);
}
.soundscape-audio.playing {
  -webkit-animation: pulseSubtle 3s infinite linear;
          animation: pulseSubtle 3s infinite linear;
}
.soundscape-audio:hover {
  background: rgba(229, 154, 130, 0.2);
}
.soundscape-audio audio {
  display: none;
}
.soundscape-audio .play-pause {
  position: relative;
  z-index: 20;
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  border-radius: 50%;
}
.soundscape-audio .play,
.soundscape-audio .pause,
.soundscape-audio .loading,
.soundscape-audio .error {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  border: none;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: center center;
  opacity: 0.8;
}
.soundscape-audio .play:hover,
.soundscape-audio .pause:hover,
.soundscape-audio .loading:hover,
.soundscape-audio .error:hover,
.soundscape-audio .play:focus,
.soundscape-audio .pause:focus,
.soundscape-audio .loading:focus,
.soundscape-audio .error:focus {
  opacity: 1;
}
.soundscape-audio .play {
  background-image: url('img/icon-play-24--brand-1.svg');
}
.no-svg .soundscape-audio .play {
  background-image: url('img/icon-play-24--brand-1.png');
}
.soundscape-audio .pause {
  background-image: url('img/icon-pause-24--brand-1.svg');
}
.no-svg .soundscape-audio .pause {
  background-image: url('img/icon-pause-24--brand-1.png');
}
.soundscape-audio .loading {
  background-image: url('img/icon-loading-24--brand-1.svg');
}
.no-svg .soundscape-audio .loading {
  background-image: url('img/icon-loading-24--brand-1.png');
}
.soundscape-audio .error {
  background-image: url('img/icon-error-24--brand-1.svg');
}
.no-svg .soundscape-audio .error {
  background-image: url('img/icon-error-24--brand-1.png');
}
.soundscape-audio .scrubber {
  display: none;
}
.soundscape-audio .progress--circular {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: block;
  width: 130%;
  height: 130%;
  margin: -15% 0 0 -15%;
}
.soundscape-audio .progress--circular > #circle {
  stroke-dasharray: 0 1000;
  stroke-dashoffset: 0;
  stroke: #e59a82;
  -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.soundscape-audio .time {
  display: none;
}
.graphics {
  width: 100%;
  margin: 5rem 0 0;
  padding: 0;
  border-top: 1px solid #f4f3f2;
  border-bottom: 1px solid #f4f3f2;
  -webkit-transition: all 250ms cubic-bezier(0.77, 0, 0.175, 1);
          transition: all 250ms cubic-bezier(0.77, 0, 0.175, 1);
  zoom: 1;
}
.graphics:before,
.graphics:after {
  content: ' ';
  display: table;
}
.graphics:after {
  clear: both;
}
.graphics.multiple {
  opacity: 0;
}
.graphics.multiple.layouted {
  opacity: 1;
}
.graphic {
  position: relative;
  box-sizing: border-box;
  display: block;
  padding: 3rem;
  -webkit-transition: all 250ms cubic-bezier(0.77, 0, 0.175, 1);
          transition: all 250ms cubic-bezier(0.77, 0, 0.175, 1);
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}
.graphics.multiple .graphic {
  float: left;
  width: 33.3333%;
  box-shadow: 0 0 1px 0px #f4f3f2 inset;
}
.graphic-image {
  display: block;
  width: 100%;
  height: auto;
  background: #ffffff;
  border-left: 0px solid #f4f3f2;
  border-right: 0px solid #f4f3f2;
  -webkit-transition: all 250ms cubic-bezier(0.77, 0, 0.175, 1);
          transition: all 250ms cubic-bezier(0.77, 0, 0.175, 1);
  -webkit-transition-property: width, height, margin, padding;
          transition-property: width, height, margin, padding;
}
.graphic-caption {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  display: block;
  padding: 0.25rem 0.5rem;
  font-size: 0.75rem;
  opacity: 0;
  -webkit-transition: all 250ms cubic-bezier(0.77, 0, 0.175, 1);
          transition: all 250ms cubic-bezier(0.77, 0, 0.175, 1);
}
.graphic-caption::before {
  content: ' ';
  position: absolute;
  left: 0;
  bottom: 0;
  display: none;
  width: 0;
  height: 0;
  margin: 0 0 -1.5rem 1rem;
  border-width: 0.75rem;
  border-style: solid;
  border-color: #f4f3f2 transparent transparent transparent;
}
.graphic:hover .graphic-caption {
  opacity: 1;
}
.graphic-caption > .filename {
  display: block;
  opacity: 0.5;
}
.graphic-caption > .caption {
  display: block;
}
.graphic.cloned {
  position: fixed !important;
  z-index: 700;
  width: auto;
  height: auto;
}
.graphic.zoomed {
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  margin: 0 1px 0;
  padding: 3rem 5rem 0;
  overflow: auto;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
  box-shadow: none;
}
.graphic.zoomed .graphic-caption {
  opacity: 0 !important;
}
.graphic.zoomed .graphic-image {
  box-sizing: border-box;
  width: 100%;
  margin: 3rem 0 0;
  padding: 3rem 0;
}
.graphics.single {
  position: fixed !important;
  z-index: 700;
  width: auto;
  height: auto;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  margin: 0 1px 0;
  padding: 0 0;
  border-top: 0;
  border-bottom: 0;
  overflow: hidden;
}
.graphics.single::before,
.graphics.single::after {
  content: ' ';
  position: fixed;
  top: 0;
  z-index: 50;
  display: block;
  width: 0;
  height: 100%;
}
.graphics.single::before {
  left: 0;
  margin-left: 5rem;
  border-left: 1px solid #f4f3f2;
}
.graphics.single::after {
  right: 0;
  margin-right: 5rem;
  border-right: 1px solid #f4f3f2;
}
.graphics.single .graphic {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: 9rem 0 6rem;
  padding: 0;
  cursor: default;
}
.graphics.single .graphic-image {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: auto;
  max-width: 100%;
  max-height: 100%;
  margin: auto auto;
  -webkit-transform-origin: 50% 50% !important;
      -ms-transform-origin: 50% 50% !important;
          transform-origin: 50% 50% !important;
}
.graphics.single .graphic-caption {
  margin-top: -3rem;
  margin-left: 5rem;
  opacity: 1 !important;
}
.graphic.fitwidth .graphic-image {
  width: 100%;
  height: auto;
}
.graphic.fitheight .graphic-image {
  width: auto;
  height: 100%;
}
.graphics-ui--zoom {
  position: fixed;
  left: 50%;
  bottom: 0;
  z-index: 700;
  display: block;
  width: 24rem;
  height: 0.5rem;
  margin: 0 0 5.5rem -12rem;
  background: #e8e6e4;
}
.graphics-ui--zoom:focus,
.graphics-ui--zoom:active {
  outline: 0;
}
.rangeslider__fill {
  display: none;
  height: 100%;
  background: #e59a82;
}
.rangeslider__handle {
  position: absolute;
  top: 0;
  width: 2rem;
  height: 2rem;
  margin: -0.75rem 0 0 0;
  background: #e59a82;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url('img/icon-zoom-24--grey-10.svg');
  cursor: col-resize;
}
.no-svg .rangeslider__handle {
  background-image: url('img/icon-zoom-24--grey-10.png');
}
.graphics.slider {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: 6rem 0 3rem;
  opacity: 1;
}
.graphics.slider .graphic {
  position: absolute;
  left: 0;
  top: 0;
  float: none;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  cursor: default;
  opacity: 0;
  -webkit-transition: all 250ms cubic-bezier(0.77, 0, 0.175, 1);
          transition: all 250ms cubic-bezier(0.77, 0, 0.175, 1);
}
.graphics.slider .graphic.current {
  opacity: 1;
}
.graphics.slider .graphic-image {
  width: auto;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
}
.graphics-nav {
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 1000;
  display: block;
  margin: 0 5rem 3rem;
  text-align: center;
}
.graphics-nav > a {
  display: inline-block;
  width: 3rem;
  height: 1rem;
  margin: 0;
  padding: 1rem 0;
  line-height: 1rem;
  text-align: center;
  background: #e59a82;
}
.graphics-nav > a:hover,
.graphics-nav > a:active {
  background-color: #db9078;
}
.graphics-nav > a.current {
  color: #e59a82;
  background: #302d2c;
}
.graphics-nav > a.current:hover,
.graphics-nav > a.current:active {
  background-color: #232120;
}
@media only screen and ( max-width: 68em ) {
  .graphics {
    margin-top: 0;
  }
  .graphics.single::before {
    margin-left: 3rem;
  }
  .graphics.single::after {
    margin-right: 3rem;
  }
  .graphics.single .graphic-caption {
    margin-left: 3rem;
  }
  .graphics-nav > a {
    font-size: 0.875rem;
  }
}
input[type=range] {
  -webkit-appearance: none;
  /* Hides the slider so that custom slider can be made */
}
input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
}
input[type=range]:focus {
  outline: none;
  /* Removes the blue border. You should probably do some kind of focus styling for accessibility reasons though. */
}
input[type=range]::-ms-track {
  width: 100%;
  cursor: pointer;
  background: transparent;
  /* Hides the slider so custom styles can be added */
  border-color: transparent;
  color: transparent;
}
.filelist {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.page-template-page-external .page-header {
  margin: 3rem 4rem 5rem;
}
.page-template-page-external .page-header h1 {
  position: relative;
  left: auto;
  right: auto;
  top: auto;
  display: block;
  margin: 0 0 1rem 0;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}
@media only screen and ( max-width: 68em ) {
  .page-template-page-external .page-header {
    margin-left: 3rem;
    margin-right: 3rem;
  }
}
body.movement {
  color: #ffffff;
  background: #302d2c;
}
.message {
  margin: 1.3333em 0;
  padding: 1.3333em 1.3333em;
  background: #d6d5d5;
}
.warning {
  margin: 1.3333em 0;
  padding: 1.3333em 1.3333em;
  background: #d6d5d5;
}
.warning--mobile {
  display: none;
}
@media only screen and ( max-width: 48em ) {
  .warning--mobile {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 999999;
    display: block;
    margin: 1rem;
    padding: 1rem;
    background: #e59a82;
  }
  .warning--mobile > p {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    max-width: 32em;
    margin: 0 auto;
    text-align: center;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
.js::after {
  content: ' ';
  position: fixed;
  left: 50%;
  top: 50%;
  display: block;
  width: 16rem;
  height: 16rem;
  margin: -8rem 0 0 -8rem;
  background-repeat: no-repeat;
  background-position: center center;
  opacity: 0;
  pointer-events: none;
  -webkit-animation: fadeOut 250ms 1 ease;
          animation: fadeOut 250ms 1 ease;
  -webkit-transition: all 250ms cubic-bezier(0.77, 0, 0.175, 1);
          transition: all 250ms cubic-bezier(0.77, 0, 0.175, 1);
}
.js body {
  -webkit-animation: fadeIn 250ms 1 ease;
          animation: fadeIn 250ms 1 ease;
  -webkit-animation-fill-mode: backwards;
          animation-fill-mode: backwards;
  -webkit-transition: all 250ms cubic-bezier(0.77, 0, 0.175, 1);
          transition: all 250ms cubic-bezier(0.77, 0, 0.175, 1);
  -webkit-transition-duration: 250ms;
          transition-duration: 250ms;
  -webkit-transition-property: opacity;
          transition-property: opacity;
}
.js.page-transitioning::after {
  opacity: 0.05;
}
.js.page-transitioning body {
  opacity: 0;
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 0.05;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 0.05;
  }
  100% {
    opacity: 0;
  }
}
.footer {
  position: relative;
  z-index: 20;
  display: none;
  clear: both;
  height: 3rem;
  margin: -3rem 0 0;
  padding: 0 5rem;
}
.has-footer-navigation .footer {
  display: block;
}
.nav--page {
  position: fixed;
  left: 0;
  right: 0;
  z-index: 1000;
  height: 6rem;
  background: #f4f3f2;
  -webkit-transition: all 250ms cubic-bezier(0.77, 0, 0.175, 1);
          transition: all 250ms cubic-bezier(0.77, 0, 0.175, 1);
}
.nav--page::before {
  content: ' ';
  position: absolute;
  left: 0;
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  margin: 0 0 0 9.5rem;
  background-repeat: no-repeat;
  background-position: center center;
  opacity: 0.3;
  -webkit-transition: all 250ms cubic-bezier(0.77, 0, 0.175, 1);
          transition: all 250ms cubic-bezier(0.77, 0, 0.175, 1);
}
.nav--page:hover::before {
  opacity: 0;
}
.nav--page > a {
  box-sizing: border-box;
  display: block;
  height: 100%;
  padding: 1.4rem 5rem;
  font-family: 'Courier Prime Sans Web', Menlo, monospace;
  font-size: 1rem;
  line-height: 1.25;
  font-weight: 400;
  text-transform: uppercase;
  -webkit-transition: all 250ms cubic-bezier(0.77, 0, 0.175, 1);
          transition: all 250ms cubic-bezier(0.77, 0, 0.175, 1);
}
.nav--page > a:hover {
  background: #e8e6e4;
}
.nav--page .label {
  position: relative;
  display: block;
  margin: 0 0 1.05rem 7rem;
  opacity: 0.5;
  -webkit-transition: all 250ms cubic-bezier(0.77, 0, 0.175, 1);
          transition: all 250ms cubic-bezier(0.77, 0, 0.175, 1);
}
.nav--page .topic {
  box-sizing: border-box;
  float: left;
  width: 65%;
  padding: 0 2rem 0 5rem;
  opacity: 0;
  -webkit-transition: all 250ms cubic-bezier(0.77, 0, 0.175, 1);
          transition: all 250ms cubic-bezier(0.77, 0, 0.175, 1);
}
.nav--page:hover .topic {
  opacity: 1;
}
.nav--page .topic--topic {
  position: relative;
  box-sizing: border-box;
  float: left;
  width: 50%;
}
.nav--page .topic--subtopic {
  box-sizing: border-box;
  float: left;
  width: 49.5%;
}
.nav--page .person {
  box-sizing: border-box;
  float: left;
  width: 35%;
  padding: 0 2rem;
  opacity: 0;
  -webkit-transition: all 250ms cubic-bezier(0.77, 0, 0.175, 1);
          transition: all 250ms cubic-bezier(0.77, 0, 0.175, 1);
}
.nav--page:hover .person {
  opacity: 1;
}
.nav--page-prev {
  top: 0;
  margin-top: -3rem;
}
.nav--page-prev::before {
  top: 75%;
  margin-top: -0.75rem;
  background-image: url('img/icon-prev-24--grey-10.svg');
}
.no-svg .nav--page-prev::before {
  background-image: url('img/icon-prev-24--grey-10.png');
}
.nav--page-prev:hover {
  margin-top: 0;
}
.nav--page-prev .label {
  top: 2.55em;
}
.nav--page-prev:hover .label {
  top: 0;
}
.nav--page-next {
  bottom: 0;
  margin-bottom: -3rem;
}
.nav--page-next::before {
  bottom: 75%;
  margin-bottom: -0.75rem;
  background-image: url('img/icon-next-24--grey-10.svg');
}
.no-svg .nav--page-next::before {
  background-image: url('img/icon-next-24--grey-10.png');
}
.nav--page-next:hover {
  margin-bottom: 0;
}
.nav--page-next .label {
  top: -0.4em;
}
.nav--page-next:hover .label {
  top: 0;
}
.scrolled-to-bottom .nav--page-next {
  margin-bottom: 0;
}
.scrolled-to-bottom .nav--page-next::before {
  opacity: 0;
}
.scrolled-to-bottom .nav--page-next .label {
  top: 0;
  opacity: 0.5;
}
.scrolled-to-bottom .nav--page-next .person,
.scrolled-to-bottom .nav--page-next .topic {
  opacity: 1;
}
@media only screen and ( max-width: 68em ) {
  .nav--page > a {
    font-size: 0.875rem;
  }
  .nav--page-prev .label {
    top: 3em;
  }
}
.viewer {
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: 1800;
  -webkit-transition: all 250ms cubic-bezier(0.77, 0, 0.175, 1);
          transition: all 250ms cubic-bezier(0.77, 0, 0.175, 1);
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
}
.viewer::before {
  content: ' ';
  position: absolute;
  left: 50%;
  top: 50%;
  display: block;
  width: 2rem;
  height: 2rem;
  margin: -1rem 0 0 -1rem;
  border-width: 2px;
  border-style: solid;
  border-radius: 50%;
  opacity: 0;
  -webkit-animation: rotate 500ms infinite linear;
          animation: rotate 500ms infinite linear;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  -webkit-transition: all 250ms cubic-bezier(0.77, 0, 0.175, 1);
          transition: all 250ms cubic-bezier(0.77, 0, 0.175, 1);
  -webkit-transition-property: -webkit-transform, opacity;
          transition-property: transform, opacity;
}
.page-transitioning .viewer {
  opacity: 0;
}
.viewer.loading::before,
.viewer.loading::after {
  opacity: 1;
}
.viewer-content {
  box-sizing: border-box;
  height: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  -webkit-transition: all 250ms cubic-bezier(0.77, 0, 0.175, 1);
          transition: all 250ms cubic-bezier(0.77, 0, 0.175, 1);
}
.viewer.loading .viewer-content {
  opacity: 0;
}
.viewer-close {
  position: fixed;
  top: 0;
  z-index: 1000;
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  white-space: nowrap;
  text-indent: 300%;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center center;
}
.viewer h2,
.viewer h3,
.viewer h4 {
  font-family: 'Courier Prime Sans Web', Menlo, monospace;
  font-size: 1rem;
  line-height: 1.25;
  font-weight: 400;
  text-transform: uppercase;
}
.viewer .inline-content {
  margin-bottom: 4rem;
}
.viewer .inline-content p,
.viewer .inline-content ul {
  font-size: 1.4rem;
  line-height: 1.3333;
}
.viewer .inline-content h2,
.viewer .inline-content h3,
.viewer .inline-content h4 {
  margin: 0 0 1.3333em 0;
}
.viewer--archives {
  left: 0;
  width: 65%;
  margin-left: -1.5rem;
  background: #e59a82;
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
}
.viewer--archives::before {
  border-color: #302d2c rgba(48, 45, 44, 0.4) rgba(48, 45, 44, 0.4) rgba(48, 45, 44, 0.4);
}
.visible--viewer-archives .viewer--archives {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
}
.viewer--archives > .viewer-content {
  padding: 4rem 3rem 4rem 5rem;
}
.viewer--archives > .viewer-content::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  background: #e59a82;
}
.viewer--archives > .viewer-content::-webkit-scrollbar-track {
  background: transparent;
}
.viewer--archives > .viewer-content::-webkit-scrollbar-track-piece {
  background: transparent;
}
.viewer--archives > .viewer-content::-webkit-scrollbar-thumb {
  background: transparent;
}
.viewer--archives > .viewer-content::-webkit-scrollbar-thumb:vertical {
  width: 10px;
  background: -webkit-linear-gradient(0deg, #3b3736 0%, #3b3736 60%, #e59a82 60%, #e59a82 100%);
  background: linear-gradient(90deg, #3b3736 0%, #3b3736 60%, #e59a82 60%, #e59a82 100%);
  border-top: 4px solid #e59a82;
  border-bottom: 4px solid #e59a82;
}
.viewer--archives > .viewer-content::-webkit-scrollbar-thumb:horizontal {
  height: 10px;
  background: -webkit-linear-gradient(90deg, #3b3736 0%, #3b3736 60%, #e59a82 60%, #e59a82 100%);
  background: linear-gradient(0deg, #3b3736 0%, #3b3736 60%, #e59a82 60%, #e59a82 100%);
  border-left: 4px solid #e59a82;
  border-right: 4px solid #e59a82;
}
.viewer--archives > .viewer-content::-webkit-scrollbar-button {
  height: 10px;
  width: 10px;
  background: transparent;
}
.viewer--archives > .viewer-content::-webkit-scrollbar-corner {
  background: transparent;
}
.loading--viewer-archives .viewer--archives > .viewer-content {
  opacity: 0;
}
.viewer--archives .viewer-close {
  left: 0;
  margin: 1rem 0 0 2.5rem;
  background-image: url('img/icon-close-24--grey-10.svg');
}
.no-svg .viewer--archives .viewer-close {
  background-image: url('img/icon-close-24--grey-10.png');
}
.viewer--archives .inline-content {
  color: #3b3736;
  color: rgba(48, 45, 44, 0.95);
}
.viewer--people {
  right: 0;
  width: 35%;
  margin-right: 0;
  padding-left: 1.5rem;
  color: #e59a82;
  background: #3b3736;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
}
.viewer--people::before {
  border-color: #e59a82 rgba(229, 154, 130, 0.4) rgba(229, 154, 130, 0.4) rgba(229, 154, 130, 0.4);
}
.visible--viewer-people .viewer--people {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
}
.viewer--people > .viewer-content {
  padding: 4rem 4rem 4rem 1.5rem;
}
.viewer--people > .viewer-content::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  background: #3b3736;
}
.viewer--people > .viewer-content::-webkit-scrollbar-track {
  background: transparent;
}
.viewer--people > .viewer-content::-webkit-scrollbar-track-piece {
  background: transparent;
}
.viewer--people > .viewer-content::-webkit-scrollbar-thumb {
  background: transparent;
}
.viewer--people > .viewer-content::-webkit-scrollbar-thumb:vertical {
  width: 10px;
  background: -webkit-linear-gradient(0deg, #e59a82 0%, #e59a82 60%, #3b3736 60%, #3b3736 100%);
  background: linear-gradient(90deg, #e59a82 0%, #e59a82 60%, #3b3736 60%, #3b3736 100%);
  border-top: 4px solid #3b3736;
  border-bottom: 4px solid #3b3736;
}
.viewer--people > .viewer-content::-webkit-scrollbar-thumb:horizontal {
  height: 10px;
  background: -webkit-linear-gradient(90deg, #e59a82 0%, #e59a82 60%, #3b3736 60%, #3b3736 100%);
  background: linear-gradient(0deg, #e59a82 0%, #e59a82 60%, #3b3736 60%, #3b3736 100%);
  border-left: 4px solid #3b3736;
  border-right: 4px solid #3b3736;
}
.viewer--people > .viewer-content::-webkit-scrollbar-button {
  height: 10px;
  width: 10px;
  background: transparent;
}
.viewer--people > .viewer-content::-webkit-scrollbar-corner {
  background: transparent;
}
.loading--viewer-people .viewer--people > .viewer-content {
  opacity: 0;
}
.viewer--people .viewer-close {
  right: 0;
  margin: 1rem 1rem 0 0;
  background-image: url('img/icon-close-24--brand-1.svg');
}
.no-svg .viewer--people .viewer-close {
  background-image: url('img/icon-close-24--brand-1.png');
}
.viewer--people .inline-content {
  color: #e59a82;
}
.viewer--people .inline-content p {
  color: #e59a82;
}
@media only screen and ( max-width: 68em ) {
  .viewer h2,
  .viewer h3,
  .viewer h4 {
    font-size: 0.875rem;
  }
  .viewer .inline-content {
    margin-bottom: 4rem;
  }
  .viewer .inline-content p,
  .viewer .inline-content ul {
    font-size: 1.4rem;
  }
  .viewer .inline-content h2,
  .viewer .inline-content h3,
  .viewer .inline-content h4 {
    margin: 0 0 1.3333em 0;
  }
  .visible--viewer-archives .viewer--archives {
    margin-left: -1rem;
  }
  .viewer--people {
    width: 65%;
  }
}
.nav--footer-primary {
  margin: 0 4rem;
  padding: 1rem 0 0 0;
}
.footer-primary-skip {
  position: absolute;
  left: -9999em;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.footer-primary-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  line-height: 1;
  text-align: center;
}
.footer-primary-list > li {
  display: inline-block;
  margin: 0 1rem;
}
.footer-primary-list > li a {
  font-family: 'Courier Prime Sans Web', Menlo, monospace;
  font-size: 1rem;
  line-height: 1.25;
  font-weight: 400;
  text-transform: uppercase;
  opacity: 0.4;
}
.footer-primary-list > li a:hover,
.footer-primary-list > li a:focus {
  opacity: 1;
}
.movement .footer-primary-list > li a {
  opacity: 0.2;
}
.movement .footer-primary-list > li a:hover,
.movement .footer-primary-list > li a:focus {
  opacity: 1;
}
@media only screen and ( max-width: 68em ) {
  .nav--footer-primary {
    margin-left: 1.7rem;
    margin-right: 1.7rem;
  }
  .footer-primary-list > li a {
    font-size: 0.875rem;
  }
}
.widgets--footer {
  margin: 0;
  padding: 0;
}
/* ==========================================================================
   1. GLOBAL DESKTOP & HOMEPAGE MAP INTERACTION OVERRIDES
   Controls pointer-events, map control z-index, and side nav hover behavior.
   ========================================================================== */

/* --------------------------------------------------------------------------
   1.1 MAP CONTROLS & INTRO OVERLAY POINTER PASS-THROUGH
   -------------------------------------------------------------------------- */
/* Allow mouse clicks to pass through empty overlay space to map controls */
.section--home-intro {
    pointer-events: none !important;
}

/* Re-enable pointer events for actual links inside intro text */
.section--home-intro a,
.section--home-intro .intro-title-link {
    pointer-events: auto !important;
}

/* Ensure map controls and Google Maps canvas elements sit above background */
.map .gm-style,
.map .gm-style button,
.map .ui-zoom,
.map button {
    pointer-events: auto !important;
    z-index: 10 !important;
}

/* Remove vertical map grid borders rendered on map pseudo-elements */
.map::before,
.map::after,
div.map--intro::before,
div.map--intro::after {
    display: none !important;
    content: none !important;
    border: none !important;
    width: 0 !important;
}
/* ==========================================================================
   DESKTOP MAP CONTROLS MOVEMENT SIDE-STRIP CLEARANCE (min-width: 769px)
   ========================================================================== */
@media screen and (min-width: 769px) {

    /* Force controls above any side nav or drawer overlays */
    .map .gm-style > div,
    .map .gm-fullscreen-control,
    .map .gmnoprint,
    .map .gm-bundled-control,
    .map .gm-bundled-control-on-bottom,
    .map button[title*="fullscreen"],
    .map button[aria-label*="fullscreen"] {
        z-index: 100001 !important;
        pointer-events: auto !important;
    }

    /* 1. TOP-RIGHT FULLSCREEN BUTTON: Move past the left edge of green padding */
    .map .gm-fullscreen-control,
    .map button[title*="fullscreen"],
    .map button[aria-label*="fullscreen"] {
        top: 1.5rem !important;
        right: 5.5rem !important; /* Fully clears the green hover zone */
        left: auto !important;
    }

    /* 2. BOTTOM-RIGHT RECENTER / CAMERA CONTROLS: Match vertical line & lift up */
        .map .gmnoprint.gm-bundled-control,
        .map .gm-bundled-control-on-bottom,
        .map div[class*="gm-bundled-control"],
        .map .gm-style > div > div[style*="bottom"] {
            right: 5.5rem !important; /* Aligns horizontally with fullscreen button */
            bottom: 2.5rem !important; /* Forces button up clear of bottom viewport edge */
            left: auto !important;
            top: auto !important;
            position: absolute !important;
            display: block !important;
            visibility: visible !important;
        }

        /* Reset button child alignment inside the Google wrapper */
        .map .gm-bundled-control gmp-internal-camera-control,
        .map .gm-bundled-control button {
            margin: 0 !important;
            position: relative !important;
        }
}

/* --------------------------------------------------------------------------
   1.2 SITE NAVIGATION (HOME / ARCHIVES / MOVEMENT) INTERACTION GUARD
   -------------------------------------------------------------------------- */
/* Ensure global site navigation sits above content and stays clickable */
.nav--sites {
    z-index: 9999 !important;
    pointer-events: auto !important;
}

.nav--sites a,
.nav--sites a.home,
.nav--sites a.archives,
.nav--sites a.movement {
    z-index: 10000 !important;
    pointer-events: auto !important;
}

/* Prevent phantom clicks on side nav links when visually hidden at top of page */
html.scrolled-to-top .nav--sites {
    pointer-events: none !important;
}

/* Enable side nav interaction once scrolled down into page content */
html:not(.scrolled-to-top) .nav--sites {
    pointer-events: auto !important;
}

/* Reset sticky transition side-strip state when returning to Home page, preserving hover effects */
body.home .nav--sites a.archives:not(:hover),
body.home .nav--sites a.movement:not(:hover),
body.home .nav--sites a.home:not(:hover) {
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

/* Ensure JS transition classes don't bleed background tints onto home map UNLESS hovered */
html[class*="visible--nav-"] body.home .nav--sites a:not(:hover),
html[class*="page-transitioning"] body.home .nav--sites a:not(:hover) {
    background-color: transparent !important;
}

/* Allow clicks to pass through empty background areas of section#content on archive pages */
body.archives-home section#content {
    pointer-events: none !important;
}

/* Re-enable pointer events for topic links and person links inside section#content */
body.archives-home section#content a,
body.archives-home .nav--index a,
body.archives-home .nav--index-topics a,
body.archives-home .nav--index-people a {
    pointer-events: auto !important;
}


/* ==========================================================================
   2. DESKTOP ARCHIVES PAGE: EXACT HEADER BASELINE & EXTENDED BOTTOM MARGIN
   ========================================================================== */

/* --------------------------------------------------------------------------
   2.1 HIDE MAP CANVAS ON ARCHIVES PAGE
   -------------------------------------------------------------------------- */
body.archives-home .map,
body.archives-home .map--intro,
body.archives-home .map--entry,
body.archives-home div[class*="map"],
body.archives-home section[class*="map"] {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    width: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
    overflow: hidden !important;
}

/* --------------------------------------------------------------------------
   2.2 DESKTOP COMPACT LAYOUT & PERFECT ALIGNMENT (min-width: 769px)
   -------------------------------------------------------------------------- */
@media screen and (min-width: 769px) {

    /* Solid white background canvas across page body */
    body.archives-home,
    body.archives-home .shell,
    body.archives-home #content,
    body.archives-home section.content {
        background-color: #ffffff !important;
        position: relative !important;
        height: auto !important;
        min-height: 100vh !important;
        top: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    /* Index Card: Extends further down toward viewport bottom (24px bottom margin) */
    body.archives-home #index,
    body.archives-home .nav--index {
        position: relative !important;
        margin: 0 80px 24px 80px !important; /* Reduced bottom gap from 48px -> 24px */
        height: calc(100vh - 2.25rem - 24px) !important;
        max-height: 780px !important;
        display: flex !important;
        align-items: stretch !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    /* Column stretch and uniform internal padding */
    body.archives-home .nav--index-topics,
    body.archives-home .nav--index-people {
        height: 100% !important;
        min-height: 100% !important;
        position: relative !important;
        box-sizing: border-box !important;
        padding: 2.25rem 2.5rem !important;
        overflow-y: auto !important;
    }

    /* Topic & Person Panel Colors */
    body.archives-home .nav--index-topics {
        background-color: #e59a82 !important; /* Peach */
    }

    body.archives-home .nav--index-people {
        background-color: #3b3736 !important; /* Dark */
    }

    /* IDENTICAL HEADER BASELINE: "ARCHIVE PLAN" and "PERSONS" sit on the exact same row */
    body.archives-home li.nav-header--index,
    body.archives-home .nav-header--index-topics,
    body.archives-home .nav-header--index-people,
    body.archives-home .nav-list--index-people > li.nav-header--index {
        margin-bottom: 1.25rem !important; /* Matches ARCHIVE PLAN header gap */
        padding-bottom: 0 !important;
        height: 1.5rem !important;
        line-height: 1.5rem !important;
    }

    /* Topic Row Layout: Column 1 (Category Label) & Column 2 (Sub-topics) */
    body.archives-home .nav-list--index-topics > li {
        display: flex !important;
        flex-direction: row !important;
        align-items: flex-start !important;
        justify-content: flex-start !important;
        gap: 2rem !important;
        margin-bottom: 1rem !important;
    }

    /* Fixed width for main Category Labels ("1. ON THE MOVE") */
    body.archives-home .nav-list--index-topics > li > span.nav-label--index-topics {
        width: 180px !important;
        min-width: 180px !important;
        flex-shrink: 0 !important;
        display: block !important;
        line-height: 1.5 !important;
    }

    /* Sub-topic container */
    body.archives-home .nav-list--index-topics > li > ul {
        flex: 1 1 auto !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Matching vertical row height across both lists (1.1 CYCLICALITY <-> SHAYED & AIJER) */
    body.archives-home .nav-list--index-topics ul li,
    body.archives-home .nav-list--index-people li,
    body.archives-home .nav-list--index-people li.entry {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        white-space: nowrap !important;
        height: 1.5rem !important;
        line-height: 1.5rem !important;
        margin-bottom: 0.25rem !important;
        padding: 0 !important;
    }

    /* Inline Hamburger Icon (a.nav-link--info) */
    body.archives-home a.nav-link--info,
    body.archives-home .nav--index a.nav-link--info,
    body.archives-home .nav-list--index-topics a.nav-link--info,
    body.archives-home .nav-list--index-people a.nav-link--info {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 18px !important;
        height: 18px !important;
        min-width: 18px !important;
        max-width: 18px !important;
        min-height: 18px !important;
        max-height: 18px !important;
        font-size: 0 !important;
        line-height: 0 !important;
        color: transparent !important;
        margin-left: 0.5rem !important;
        vertical-align: middle !important;
        position: relative !important;
        pointer-events: auto !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    /* Inline Slide-out Viewer Drawers */
    body.archives-home .viewer,
    body.archives-home .viewer--archives,
    body.archives-home .viewer--people {
        display: block !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }

}
/* ==========================================================================
   DESKTOP ARCHIVES DRAWER NAVBAR UNBLOCK
   ========================================================================== */
@media screen and (min-width: 769px) {

    /* Force drawers above all header/navbar stacking contexts */
    body.archives-home .viewer,
    body.archives-home .viewer--archives,
    body.archives-home .viewer--people {
        z-index: 100000 !important;
    }

    /* When ANY drawer is active, disable navbar hover blocking & lower stacking */
    body.visible--viewer-archives section.head,
    body.visible--viewer-archives .nav--sites,
    body.visible--viewer-people section.head,
    body.visible--viewer-people .nav--sites {
        z-index: 10 !important;
    }

    /* Prevent top HOME nav links from blocking mouse clicks over open drawer */
    body.visible--viewer-archives section.head a,
    body.visible--viewer-people section.head a {
        pointer-events: none !important;
    }

    /* Keep the drawer Close (X) button at the very top of the stack and clickable */
    body.archives-home .viewer a.viewer-close,
    body.archives-home a.viewer-close {
        z-index: 100001 !important;
        pointer-events: auto !important;
        cursor: pointer !important;
    }
}
/* ==========================================================================
   DESKTOP ARCHIVES & SUB-PAGES DRAWER NAVBAR UNBLOCK (UNIVERSAL)
   ========================================================================== */
@media screen and (min-width: 769px) {

    /* Force active drawers above all header/navbar stacking contexts */
    body[class*="archives"] .viewer,
    body[class*="archives"] .viewer--archives,
    body[class*="archives"] .viewer--people,
    body.page-child .viewer,
    body.page-child .viewer--archives,
    body.page-child .viewer--people {
        z-index: 100000 !important;
    }

    /* Lower top navigation bar stacking context whenever ANY drawer is active */
    body.visible--viewer-archives section.head,
    body.visible--viewer-archives .nav--sites,
    body.visible--viewer-people section.head,
    body.visible--viewer-people .nav--sites {
        z-index: 10 !important;
    }

    /* Prevent top HOME nav links from intercepting clicks when drawer is open */
    body.visible--viewer-archives section.head a,
    body.visible--viewer-people section.head a {
        pointer-events: none !important;
    }

    /* Keep the drawer Close (X) button at the absolute top of the stack and interactive */
    body[class*="archives"] .viewer a.viewer-close,
    body[class*="archives"] a.viewer-close,
    body.page-child .viewer a.viewer-close,
    body.page-child a.viewer-close {
        z-index: 100001 !important;
        pointer-events: auto !important;
        cursor: pointer !important;
    }
}

/* ==========================================================================
   3. MOBILE RESPONSIVE OVERRIDES (max-width: 768px)
   Do not delete this section. Controls mobile index stacking & media viewports.
   ========================================================================== */
@media screen and (max-width: 768px) {

    /* ----------------------------------------------------------------------
       3.1 GLOBAL MOBILE SCROLL UNLOCKING
       ---------------------------------------------------------------------- */
    html,
    body,
    body.archives-home {
        overflow-x: hidden !important;
        overflow-y: auto !important;
        height: auto !important;
        min-height: 100% !important;
        position: relative !important;
    }

    /* ----------------------------------------------------------------------
       3.2 TOP MOBILE NAV STRIP (HOME / ARCHIVES / MOVEMENT)
       ---------------------------------------------------------------------- */
    .nav--sites {
        position: relative !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 1.5rem !important;
        width: 100% !important;
        height: 2.25rem !important;
        min-height: 2.25rem !important;
        background: #ffffff !important;
        border-bottom: 1px solid #e5e5e5 !important;
        margin: 0 !important;
        padding: 0 !important;
        z-index: 1000 !important;
        box-sizing: border-box !important;
        pointer-events: auto !important;
    }

    .nav--sites > a,
    .nav--sites > a.home,
    .nav--sites > a.archives,
    .nav--sites > a.movement {
        position: relative !important;
        top: auto !important;
        bottom: auto !important;
        left: auto !important;
        right: auto !important;
        transform: none !important;
        display: inline-block !important;
        width: auto !important;
        height: auto !important;
        font-size: 0.75rem !important;
        font-weight: 600 !important;
        letter-spacing: 0.1em !important;
        text-transform: uppercase !important;
        color: #3b3736 !important;
        text-decoration: none !important;
        margin: 0 !important;
        padding: 0.25rem 0.5rem !important;
        cursor: pointer !important;
        line-height: 1 !important;
    }

    /* ----------------------------------------------------------------------
       3.3 HOMEPAGE MOBILE MAP & INTRO OVERLAY
       ---------------------------------------------------------------------- */
    body.home,
    body.home .shell {
        position: relative !important;
        width: 100vw !important;
        max-width: 100vw !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        height: auto !important;
    }

    body.home .map,
    body.home .map--intro {
        position: relative !important;
        width: 100% !important;
        height: calc(100vh - 2.25rem) !important;
        min-height: 420px !important;
        z-index: 1 !important;
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

    body.home section.section--home-intro {
        position: absolute !important;
        top: 2.25rem !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        height: calc(100vh - 2.25rem) !important;
        min-height: 420px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        z-index: 10 !important;
        pointer-events: none !important;
        margin: 0 !important;
        padding: 0 1rem !important;
        box-sizing: border-box !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    body.home .section--home-intro .intro-title,
    body.home .section--home-intro span.intro-title,
    body.home .section--home-intro a.intro-title-link {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 0.4rem !important;
        width: 100% !important;
        max-width: 100% !important;
        text-align: center !important;
        text-decoration: none !important;
        pointer-events: auto !important;
        visibility: visible !important;
        opacity: 1 !important;
        margin: 0 auto !important;
    }

    body.home .section--home-intro span.archives,
    body.home .section--home-intro span.of,
    body.home .section--home-intro span.movement {
        display: inline-block !important;
        position: static !important;
        transform: none !important;
        font-size: 0.85rem !important;
        font-weight: 600 !important;
        letter-spacing: 0.12em !important;
        text-transform: uppercase !important;
        color: #3b3736 !important;
        line-height: 1.2 !important;
        visibility: visible !important;
        opacity: 1 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Mobile Map Fullscreen & Recenter Controls */
    body.home .map button[title*="fullscreen"],
    body.home .map button[aria-label*="fullscreen"],
    body.home .map .gm-fullscreen-control {
        top: 2.75rem !important;
        right: 0.75rem !important;
        z-index: 1001 !important;
    }

    body.home .map .gmnoprint,
    body.home .map .gm-bundled-control,
    body.home .map .gm-bundled-control-on-bottom {
        bottom: 2.5rem !important;
        right: 0.75rem !important;
        left: auto !important;
        top: auto !important;
        position: absolute !important;
        z-index: 1001 !important;
    }

    body.home .map .gmnoprint.gm-style-cc {
        display: none !important;
    }

    /* Homepage Text Content Flow Below Mobile Map */
    body.home section#content,
    body.home section.content {
        position: relative !important;
        display: block !important;
        width: 100% !important;
        background: #ffffff !important;
        z-index: 20 !important;
        margin-top: 0 !important;
        padding: 2.5rem 1.25rem 3rem 1.25rem !important;
        box-sizing: border-box !important;
        clear: both !important;
    }

    /* ----------------------------------------------------------------------
       3.4 SUB-PAGE HEADER LABELS (body.page-child)
       ---------------------------------------------------------------------- */
    body.page-child #index.nav--index,
    body.page-child .head {
        position: relative !important;
        display: block !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        background: transparent !important;
    }

    body.page-child .nav--index-topics,
    body.page-child .nav--index-people,
    body.page-child .nav-label--index-topics,
    body.page-child .nav-label--index-people {
        pointer-events: none !important;
    }

    body.page-child ul.nav-list--index-topics > li.nav-header--index,
    body.page-child ul.nav-list--index-people > li.nav-header--index {
        display: block !important;
        visibility: visible !important;
        opacity: 0.6 !important;
        position: absolute !important;
        left: 50% !important;
        right: auto !important;
        transform: translateX(-50%) !important;
        margin: 0 !important;
        padding: 0 !important;
        height: auto !important;
        width: auto !important;
        z-index: 1 !important;
        pointer-events: none !important;
        text-align: center !important;
    }

    body.page-child ul.nav-list--index-topics > li.nav-header--index { top: 0.5rem !important; }
    body.page-child ul.nav-list--index-people > li.nav-header--index {
        top: 50% !important;
        transform: translate(-50%, -50%) !important;
    }

    body.page-child .nav-header--index h4,
    body.page-child .nav-header--index {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: relative !important;
        top: 0 !important;
        left: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        font-size: 0.65rem !important;
        font-weight: bold !important;
        letter-spacing: 0.08em !important;
        text-transform: uppercase !important;
        line-height: 1 !important;
        white-space: nowrap !important;
    }

    body.page-child .nav-header--index-topics h4 { color: #3b3736 !important; }
    body.page-child .nav-header--index-people h4 { color: #e59a82 !important; }

    /* ----------------------------------------------------------------------
       3.5 PEACH & DARK SUB-PAGE INDEX BARS
       ---------------------------------------------------------------------- */
    body.page-child .nav--index-topics {
        position: relative !important;
        display: flex !important;
        align-items: center !important;
        width: 100% !important;
        height: 4.25rem !important;
        min-height: 4.25rem !important;
        max-height: 4.25rem !important;
        background-color: #e59a82 !important;
        box-sizing: border-box !important;
        margin: 0 !important;
        float: none !important;
        overflow: hidden !important;
    }

    body.page-child .nav--index-people {
        position: relative !important;
        display: flex !important;
        align-items: center !important;
        width: 100% !important;
        height: 2.75rem !important;
        min-height: 2.75rem !important;
        max-height: 2.75rem !important;
        background-color: #3b3736 !important;
        color: #e59a82 !important;
        box-sizing: border-box !important;
        margin: 0 !important;
        float: none !important;
        overflow: hidden !important;
    }

    body.page-child ul.nav-list--index-topics > li.current {
        position: absolute !important;
        top: 0.5rem !important;
        left: 0.75rem !important;
        right: 6.5rem !important;
        height: auto !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: center !important;
        gap: 0.2rem !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

    body.page-child .nav-label--index-topics {
        display: block !important;
        width: 100% !important;
        color: #3b3736 !important;
        font-size: 0.7rem !important;
        font-weight: bold !important;
        letter-spacing: 0.05em !important;
        text-transform: uppercase !important;
        opacity: 0.75 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    body.page-child ul.nav-list--index-topics > li.current ul {
        position: relative !important;
        top: 0 !important;
        left: 0 !important;
        transform: none !important;
        display: block !important;
        width: 100% !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
        background: transparent !important;
        overflow: hidden !important;
    }

    body.page-child ul.nav-list--index-topics > li.current ul > li:not(.current) { display: none !important; }
    body.page-child ul.nav-list--index-topics > li.current ul > li.current {
        position: relative !important;
        display: block !important;
        width: 100% !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body.page-child a.nav-link--topic {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        visibility: visible !important;
        opacity: 1 !important;
        color: #3b3736 !important;
        font-size: 0.8rem !important;
        font-weight: bold !important;
        letter-spacing: 0.05em !important;
        text-transform: uppercase !important;
        text-decoration: none !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    body.page-child a.nav-link--topic .title { display: inline !important; }
    body.page-child a.nav-link--topic .list-number {
        font-weight: bold !important;
        margin-right: 0.25rem !important;
    }

    body.page-child a.nav-link--topic::before {
        display: none !important;
        content: "" !important;
    }

    body.page-child ul.nav-list--index-people > li.entry {
        display: flex !important;
        align-items: center !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body.page-child ul.nav-list--index-people > li.entry.current {
        position: absolute !important;
        top: 0 !important;
        left: 0.75rem !important;
        right: 6.5rem !important;
        height: 2.75rem !important;
        display: flex !important;
        align-items: center !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        white-space: nowrap !important;
    }

    body.page-child ul.nav-list--index-people > li.entry:not(.current) a,
    body.page-child ul.nav-list--index-people > li.entry a.nav-link--info,
    body.page-child .nav-list--index-topics a.nav-link--info,
    body.page-child a.nav-link--info {
        display: none !important;
        visibility: hidden !important;
        width: 0 !important;
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

    body.page-child a.nav-link--person,
    body.page-child a.nav-link--person *,
    body.page-child ul.nav-list--index-people > li.entry.current a.nav-link--person,
    body.page-child ul.nav-list--index-people a.nav-link--person.current {
        display: inline-flex !important;
        align-items: center !important;
        visibility: visible !important;
        opacity: 1 !important;
        color: #e59a82 !important;
        font-size: 0.75rem !important;
        font-weight: bold !important;
        letter-spacing: 0.05em !important;
        text-transform: uppercase !important;
        text-decoration: none !important;
        white-space: nowrap !important;
        line-height: 2.75rem !important;
        margin: 0 !important;
    }

    /* ----------------------------------------------------------------------
       3.6 RIGHT PAGER CONTROLS & VECTOR ICONS
       ---------------------------------------------------------------------- */
    body.page-child nav.nav--index-pager {
        position: absolute !important;
        right: 0.5rem !important;
        height: 2.25rem !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 0.25rem !important;
        z-index: 9999 !important;
    }

    body.page-child .nav--index-pager-topics { top: 1.65rem !important; }
    body.page-child .nav--index-pager-people { top: 4.25rem !important; }

    body.page-child nav.nav--index-pager a {
        position: relative !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 24px !important;
        height: 24px !important;
        min-width: 24px !important;
        min-height: 24px !important;
        font-size: 0 !important;
        line-height: 0 !important;
        text-indent: -9999px !important;
        overflow: hidden !important;
        text-decoration: none !important;
        cursor: pointer !important;
        background-color: transparent !important;
        pointer-events: auto !important;
    }

    body.page-child .nav--index-pager-topics a { color: #3b3736 !important; }
    body.page-child .nav--index-pager-people a { color: #e59a82 !important; }

    body.page-child nav.nav--index-pager a::before {
        text-indent: 0 !important;
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body.page-child nav.nav--index-pager a.prev::before {
        content: "" !important;
        width: 8px !important;
        height: 8px !important;
        border-left: 2px solid currentColor !important;
        border-bottom: 2px solid currentColor !important;
        transform: translate(-35%, -50%) rotate(45deg) !important;
    }

    body.page-child nav.nav--index-pager a.next::before {
        content: "" !important;
        width: 8px !important;
        height: 8px !important;
        border-right: 2px solid currentColor !important;
        border-top: 2px solid currentColor !important;
        transform: translate(-65%, -50%) rotate(45deg) !important;
    }

    body.page-child nav.nav--index-pager a.info::before,
    body.page-child nav.nav--index-pager a:not(.prev):not(.next)::before {
        content: "" !important;
        width: 12px !important;
        height: 2px !important;
        background-color: currentColor !important;
        transform: translate(-50%, -50%) !important;
        box-shadow: 0 -4px 0 0 currentColor, 0 4px 0 0 currentColor !important;
    }

    body.page-child .viewer,
    body.page-child .viewer--archives,
    body.page-child .viewer--people,
    body.page-child section.viewer {
        display: none !important;
        visibility: hidden !important;
        height: 0 !important;
        width: 0 !important;
        overflow: hidden !important;
    }

    /* Native Mobile Select Dropdown Overlay */
    .mobile-select-wrapper {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100vw !important;
        height: 100% !important;
        z-index: 99 !important;
        pointer-events: auto !important;
    }

    .mobile-select-wrapper select.mobile-native-jump {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        opacity: 0 !important;
        cursor: pointer !important;
        -webkit-appearance: menulist-button !important;
    }

    /* ----------------------------------------------------------------------
       3.7 MAIN ARCHIVE INDEX LIST STACKING (/archives/)
       ---------------------------------------------------------------------- */
    body:not(.page-child) .nav--index {
        position: relative !important;
        margin: 0 !important;
        height: auto !important;
        min-height: 100vh !important;
        display: block !important;
    }

    body:not(.page-child) .nav--index-topics,
    body:not(.page-child) .nav--index-people {
        float: none !important;
        width: 100% !important;
        height: auto !important;
        position: relative !important;
        box-sizing: border-box !important;
        overflow: visible !important;
    }

    body:not(.page-child) .nav--index-topics {
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
    }

    body:not(.page-child) .nav--index-topics > ul > li {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow: visible !important;
    }

    body:not(.page-child) .nav--index-topics ul ul {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        overflow: visible !important;
    }

    body:not(.page-child) .nav--index-topics ul ul li {
        display: flex !important;
        align-items: flex-start !important;
        justify-content: space-between !important;
        gap: 0.35rem !important;
        margin-bottom: 0.75rem !important;
        width: 100% !important;
        height: auto !important;
        box-sizing: border-box !important;
        overflow: visible !important;
    }

    body:not(.page-child) .nav--index-topics a.nav-link--topic {
        display: inline-block !important;
        flex: 1 1 auto !important;
        width: auto !important;
        max-width: 100% !important;
        height: auto !important;
        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: break-word !important;
        overflow: visible !important;
    }

    body:not(.page-child) .nav--index-topics a.nav-link--topic .list-number,
    body:not(.page-child) .nav--index-topics a.nav-link--topic .title {
        display: inline !important;
        white-space: normal !important;
    }

    body:not(.page-child) .nav--index-topics a.nav-link--info {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex-shrink: 0 !important;
        margin-left: auto !important;
        margin-top: 0.15rem !important;
    }

    body:not(.page-child) .nav--index-people ul li {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    body:not(.page-child) .nav--index-people a.nav-link--info {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin-left: auto !important;
        flex-shrink: 0 !important;
    }

    /* Mobile Archives Layout Container Padding */
    body.archives-home #content,
    body.archives-home section.content {
        padding-top: 2.25rem !important;
        padding-bottom: 2rem !important;
        display: block !important;
        background: #ffffff !important;
    }

    /* ----------------------------------------------------------------------
       3.8 CONTENT & MEDIA CONTAINMENT
       ---------------------------------------------------------------------- */
    #content,
    section.content,
    .content .inline-content {
        position: relative !important;
        display: block !important;
        width: 100% !important;
        max-width: 100vw !important;
        height: auto !important;
        margin: 0 auto !important;
        padding: 3.5rem 0.5rem 2rem 0.5rem !important;
        box-sizing: border-box !important;
        clear: both !important;
    }

    .graphics,
    .graphics.single,
    figure.graphic,
    .graphic-image,
    figure.graphic img,
    figure.graphic svg {
        position: relative !important;
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: 70vh !important;
        object-fit: contain !important;
        margin: 0 auto !important;
        transform: none !important;
    }

    /* Hide desktop vertical rules on mobile */
    .content::before,
    .content::after,
    .graphics.single::before,
    .graphics.single::after,
    .map::before,
    .map::after {
        display: none !important;
        border: none !important;
    }
}
/* ==========================================================================
   MOBILE ARCHIVES PAGE: SCROLL GAP ELIMINATION (max-width: 768px)
   ========================================================================== */
@media screen and (max-width: 768px) {

    /* Allow page container to expand naturally with scroll */
    body.archives-home,
    body.archives-home .shell,
    body.archives-home #content,
    body.archives-home section.content {
        height: auto !important;
        min-height: 100% !important;
        max-height: none !important;
        overflow-y: auto !important;
        background-color: #3b3736 !important; /* Matches dark panel fill to eliminate white gap */
    }

    /* Uncap index container height so lists flow naturally */
    body.archives-home #index,
    body.archives-home .nav--index {
        position: relative !important;
        margin: 0 !important;
        padding: 0 !important;
        height: auto !important;
        min-height: 100% !important;
        max-height: none !important;
        display: flex !important;
        flex-direction: column !important;
        overflow: visible !important;
    }

    /* Force columns to stretch full content height */
    body.archives-home .nav--index-topics,
    body.archives-home .nav--index-people {
        height: auto !important;
        min-height: 100% !important;
        max-height: none !important;
        position: relative !important;
        overflow: visible !important;
        box-sizing: border-box !important;
    }

    body.archives-home .nav--index-topics {
        background-color: #e59a82 !important; /* Peach */
    }

    body.archives-home .nav--index-people {
        background-color: #3b3736 !important; /* Dark */
    }
}
/* ==========================================================================
   MOBILE ARCHIVES PAGE: UNIFORM COMPACT SPACING (max-width: 768px)
   ========================================================================== */
@media screen and (max-width: 768px) {

    /* Outer padding for peach and dark mobile sections */
    body.archives-home .nav--index-topics,
    body.archives-home .nav--index-people {
        padding: 1.5rem 1.25rem !important;
    }

    /* 1. Equalize header margins below "ARCHIVE PLAN" & "PERSONS" */
    body.archives-home li.nav-header--index,
    body.archives-home .nav-header--index-topics,
    body.archives-home .nav-header--index-people,
    body.archives-home .nav-list--index-people > li.nav-header--index {
        margin-bottom: 1.25rem !important;
        padding-bottom: 0 !important;
        height: auto !important;
        line-height: 1.2 !important;
    }

    /* 2. Tighten vertical gap between major category sections (1 -> 2 -> 3) */
    body.archives-home .nav-list--index-topics > li {
        display: flex !important;
        flex-direction: column !important;
        margin-bottom: 1.25rem !important;
    }

    /* Category header title ("1. ON THE MOVE") compact margin */
    body.archives-home .nav-list--index-topics > li > span.nav-label--index-topics {
        width: 100% !important;
        margin-bottom: 0.35rem !important;
        line-height: 1.4 !important;
    }

    /* 3. Uniform compact row height & margin across ALL list entries */
    body.archives-home .nav-list--index-topics ul li,
    body.archives-home .nav-list--index-people li,
    body.archives-home .nav-list--index-people li.entry {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        height: 1.5rem !important;
        line-height: 1.5rem !important;
        margin-bottom: 0.25rem !important;
        padding: 0 !important;
    }
}
/* ==========================================================================
   MOBILE ARCHIVES PAGE: UNWRAP TEXT & FIX PADDING (max-width: 768px)
   ========================================================================== */
@media screen and (max-width: 768px) {

    /* 1. Reset huge horizontal padding on list containers */
    body.archives-home ul.nav-list--index-topics,
    body.archives-home ul.nav-list--index-people,
    body.archives-home .nav--index-topics,
    body.archives-home .nav--index-people {
        padding-left: 1.25rem !important;
        padding-right: 1.25rem !important;
        box-sizing: border-box !important;
        width: 100% !important;
    }

    /* 2. Prevent line wraps on item titles and labels */
    body.archives-home .nav-list--index-topics li,
    body.archives-home .nav-list--index-people li,
    body.archives-home .nav-list--index-topics span,
    body.archives-home .nav-list--index-topics a {
        white-space: nowrap !important;
    }

    /* 3. Keep sub-topic rows full width with inline icon space */
    body.archives-home .nav-list--index-topics ul li {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: 100% !important;
    }
}
/* ==========================================================================
   MOBILE ARCHIVES PAGE: RESTORE INLINE HAMBURGER TRIGGER & VIEWER DRAWER
   ========================================================================== */
@media screen and (max-width: 768px) {

    /* 1. Force the hamburger trigger (a.nav-link--info) to remain visible and inline */
    body.archives-home a.nav-link--info,
    body.archives-home .nav--index a.nav-link--info,
    body.archives-home .nav-list--index-topics a.nav-link--info,
    body.archives-home .nav-list--index-people a.nav-link--info {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 18px !important;
        height: 18px !important;
        min-width: 18px !important;
        max-width: 18px !important;
        min-height: 18px !important;
        max-height: 18px !important;
        font-size: 0 !important;
        line-height: 0 !important;
        color: transparent !important;
        margin: 0 0 0 0.5rem !important;
        vertical-align: middle !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
    }

    /* 2. Enable slide-out viewer drawers on mobile */
    body.archives-home .viewer,
    body.archives-home .viewer--archives,
    body.archives-home .viewer--people {
        display: block !important;
        visibility: visible !important;
        pointer-events: auto !important;
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 100vw !important;
        height: 100vh !important;
        z-index: 999999 !important;
        box-sizing: border-box !important;
        padding: 2.5rem 1.5rem !important;
        overflow-y: auto !important;
    }

    body.archives-home .viewer--archives {
        background-color: #e59a82 !important; /* Peach drawer background */
    }

    body.archives-home .viewer--people {
        background-color: #3b3736 !important; /* Dark drawer background */
    }

    /* 3. Ensure Close (X) button stays top-left and clickable */
    body.archives-home .viewer a.viewer-close,
    body.archives-home a.viewer-close {
        position: absolute !important;
        top: 1.25rem !important;
        left: 1.25rem !important;
        right: auto !important;
        z-index: 1000000 !important;
        pointer-events: auto !important;
        cursor: pointer !important;
    }
}

/* ==========================================================================
   MOBILE CHILD PAGES: UNIFIED HEADER ROW & CONTROL ALIGNMENT (max-width: 768px)
   ========================================================================== */
@media screen and (max-width: 768px) {

    /* 1. Reset wrapper container */
    body.page-child #index,
    body[class*="archives"] #index {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* 2. TOPIC PANEL HEADER: Flex row keeping breadcrumb left & controls right */
    body.page-child .nav--index-topics,
    body[class*="archives"] .nav--index-topics {
        background-color: #e59a82 !important; /* Peach */
        padding: 0.85rem 1.25rem !important;
        margin: 0 !important;
        width: 100% !important;
        box-sizing: border-box !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        position: relative !important;
    }

    /* 3. PERSONS PANEL HEADER: Flex row keeping person title left & controls right */
    body.page-child .nav--index-people,
    body[class*="archives"] .nav--index-people {
        background-color: #3b3736 !important; /* Dark */
        padding: 0.85rem 1.25rem !important;
        margin: 0 !important;
        width: 100% !important;
        box-sizing: border-box !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        position: relative !important;
    }

    /* 4. UNIFIED PAGER CONTAINERS (<- = ->): Flush right on the same line */
    body.page-child .nav--index-pager-topics,
    body[class*="archives"] .nav--index-pager-topics,
    body.page-child .nav--index-pager-people,
    body[class*="archives"] .nav--index-pager-people {
        display: inline-flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 0.75rem !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        width: auto !important;
        float: none !important;
    }

    /* 5. CONTROL BUTTON HITS (<- = ->): Clean inline baseline */
    body.page-child .nav--index-pager a,
    body[class*="archives"] .nav--index-pager a {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 22px !important;
        height: 22px !important;
        margin: 0 !important;
        padding: 0 !important;
        line-height: 1 !important;
        text-decoration: none !important;
        color: inherit !important;
        font-size: 1rem !important;
    }
}
/* ==========================================================================
   FORCE DISMISS ALL SIBLING TOPIC LIST ITEMS ON MOBILE CHILD PAGES
   ========================================================================== */
@media screen and (max-width: 768px) {

    /* 1. Hide list items EXCEPT .current AND EXCEPT header items */
    body.page-child ul.nav-list--index-topics > li:not(.current):not(.nav-header--index):not(.nav-header--index-topics),
    body.page-child[class*="archives"] ul.nav-list--index-topics > li:not(.current):not(.nav-header--index):not(.nav-header--index-topics) {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        height: 0 !important;
        width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        pointer-events: none !important;
    }

    /* 2. Lock the header ("ARCHIVE PLAN") and current active item to visible block display */
    body.page-child ul.nav-list--index-topics > li.nav-header--index-topics,
    body.page-child ul.nav-list--index-topics > li.nav-header--index,
    body.page-child ul.nav-list--index-topics > li.current {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        height: auto !important;
        width: 100% !important;
        margin-bottom: 0.5rem !important;
        pointer-events: auto !important;
    }
}
/* ==========================================================================
   HIDE DUPLICATE PAGER PSEUDO-ELEMENT ICONS
   ========================================================================== */
@media screen and (max-width: 768px) {

    /* Suppress duplicate pseudo-element rendering on pager arrows */
    .nav--index-pager a::before,
    .nav--index-pager a::after,
    .nav--index-pager-topics a::before,
    .nav--index-pager-topics a::after,
    .nav--index-pager-people a::before,
    .nav--index-pager-people a::after {
        display: none !important;
        content: none !important;
    }

    /* Ensure the main link element stays cleanly sized */
    .nav--index-pager a,
    .nav--index-pager-topics a,
    .nav--index-pager-people a {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 24px !important;
        height: 24px !important;
    }
}
/* ==========================================================================
   FIX PERSON ENTRY PAGE NAVIGATION LAYOUT (/people/*)
   ========================================================================== */
@media screen and (max-width: 768px) {

    /* 1. Force the person navigation container to block layout with vertical spacing */
    nav.nav--person,
    .nav--person {
        display: block !important;
        width: 100% !important;
        clear: both !important;
        margin-top: 1.5rem !important;
        padding: 0 !important;
    }

    /* 2. Force every link item to render as a distinct full-width row */
    nav.nav--person a.nav-link--person,
    .nav--person a.nav-link--person {
        display: block !important;
        width: 100% !important;
        clear: both !important;
        margin-bottom: 0.5rem !important;
        white-space: normal !important;
    }

    /* 3. Keep the inner title span properly block-aligned */
    nav.nav--person a.nav-link--person span.title,
    .nav--person a.nav-link--person span.title {
        display: block !important;
        width: 100% !important;
    }
}
/* ==========================================================================
   TIGHTEN VERTICAL SPACING FOR PERSON ENTRY NAVIGATION (/people/*)
   ========================================================================== */
@media screen and (max-width: 768px) {

    /* Reduce top gap below "Content for Dulal" */
    nav.nav--person,
    .nav--person {
        display: block !important;
        width: 100% !important;
        clear: both !important;
        margin-top: 0.5rem !important; /* Reduced from 1.5rem */
        padding: 0 !important;
    }

    /* Tighten vertical gap between each entry link */
    nav.nav--person a.nav-link--person,
    .nav--person a.nav-link--person {
        display: block !important;
        width: 100% !important;
        clear: both !important;
        margin-bottom: 0.15rem !important; /* Reduced from 0.5rem */
        padding: 0.1rem 0 !important;
        line-height: 1.2 !important;
        white-space: normal !important;
    }

    nav.nav--person a.nav-link--person span.title,
    .nav--person a.nav-link--person span.title {
        display: block !important;
        width: 100% !important;
        line-height: inherit !important;
    }
}
/* ==========================================================================
   KILL EXTRA INTERNAL PADDING & MARGIN GAP ON PERSON PAGES
   ========================================================================== */
@media screen and (max-width: 768px) {

    /* 1. Collapse the huge bottom space under "Dulal" heading (edited-image_2.png) */
    #content h2,
    section#content > h2,
    body[class*="page-child"] h2 {
        margin-bottom: 0.25rem !important;
        padding-bottom: 0 !important;
        height: auto !important;
    }

    /* 2. Collapse the space between "Dulal" heading and body text */
    .inline-content,
    #content .inline-content,
    .inline-content p {
        margin-top: 0 !important;
        padding-top: 0 !important;
        margin-bottom: 0.5rem !important;
    }

    /* 3. Collapse the huge bottom space under "Content for Dulal" h4 (edited-image.png) */
    nav.nav--person h4,
    .nav--person h4,
    .nav--person .nav-header--person {
        margin-bottom: 0.25rem !important;
        padding-bottom: 0 !important;
        height: auto !important;
    }

    /* 4. Pull the top of the list right up under the h4 header line */
    nav.nav--person,
    .nav--person {
        margin-top: 0.25rem !important;
        padding-top: 0 !important;
    }
}
/* ==========================================================================
   ALIGN TOPICS LIST ON ARCHIVES HOME PAGE ONLY (PRESERVES CHILD PAGES)
   ========================================================================== */
@media screen and (max-width: 768px) {

    /* Reset left padding/margins on topic lists exclusively on the landing page */
    body.archives-home ul.nav-list--index-topics,
    body.archives-home ul.nav-list--index-topics ul,
    body.archives-home .nav--index-topics ul {
        padding-left: 0 !important;
        margin-left: 0 !important;
        list-style: none !important;
    }

    /* Ensure parent category headers ("3. TERRITORY") align flush left with sub-items */
    body.archives-home .nav-list--index-topics > li {
        padding-left: 0 !important;
        margin-left: 0 !important;
    }

    /* Keep individual text spans & links flush left inside the peach panel */
    body.archives-home .nav-list--index-topics li span,
    body.archives-home .nav-list--index-topics li a {
        padding-left: 0 !important;
        margin-left: 0 !important;
    }
}
/* ==========================================================================
   MOVEMENT MAP CONTROLS: POSITION & VISIBILITY RECOVERY
   ========================================================================== */
@media screen and (max-width: 768px) {

    /* 1. Drop top-right fullscreen button down further into the map canvas */
    .gm-style .gm-fullscreen-control,
    .gm-style button[title*="fullscreen"],
    .gm-style button[title*="Fullscreen"] {
        top: 2.75rem !important; /* Increased top clearance */
        right: 0.75rem !important;
        position: absolute !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        z-index: 9999 !important;
    }

    /* 2. Restore and lift the bottom-right map navigation button */
    .gm-style .gm-bundled-actions,
    .gm-style .gm-svpc,
    .gm-style button[title*="location"],
    .gm-style button[title*="recenter"],
    .gm-style > div[style*="bottom"] {
        bottom: 1.5rem !important;
        right: 0.75rem !important;
        top: auto !important;
        position: absolute !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        z-index: 9999 !important;
    }

    /* Force all child map control wrapper divs to render */
    .gm-style .gmnoprint {
        display: block !important;
        visibility: visible !important;
    }
}
/* ==========================================================================
   FORCE SHOW SVG GRAPHIC IMAGE ON MOBILE
   ========================================================================== */
@media screen and (max-width: 768px) {

    /* 1. Ensure the slider wrapper is visible and auto-expanding */
    #content .graphics,
    #content .graphics.multiple.slider {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 100% !important;
        height: auto !important;
        min-height: 200px !important;
        position: relative !important;
    }

    /* 2. Force figure container to render */
    #content .graphics figure.graphic,
    #content .graphics figure {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 100% !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        position: relative !important;
    }

    /* 3. Force the SVG img element to expand and render visible */
    #content .graphics figure img,
    #content .graphics figure img.graphic-image {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        object-fit: contain !important;
    }
}
/* ==========================================================================
   MOBILE GRAPHICS SLIDER & NUMBERED NAVIGATION (1, 2, 3)
   ========================================================================== */
@media screen and (max-width: 768px) {

    /* 1. Only show the active SVG image or the first figure by default */
    #content .graphics figure.graphic {
        display: none !important;
    }

    #content .graphics figure.graphic.current,
    #content .graphics figure.graphic:first-of-type {
        display: block !important;
    }

    /* 2. Position the numbered navigation container at the bottom right */
    #content .graphics nav.graphics-nav,
    .graphics-nav {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-end !important;
        position: relative !important;
        margin-top: 1rem !important;
        margin-bottom: 0.5rem !important;
        float: right !important;
        z-index: 10 !important;
        gap: 0.35rem !important;
    }

    /* 3. Style the clickable number links for mobile touch targets */
    .graphics-nav a,
    #content .graphics nav.graphics-nav a {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 32px !important;
        height: 32px !important;
        background-color: #3b3736 !important; /* Dark neutral base */
        color: #ffffff !important;
        text-decoration: none !important;
        font-size: 0.9rem !important;
        font-weight: bold !important;
        pointer-events: auto !important;
        cursor: pointer !important;
    }

    /* 4. Highlight the active slide number */
    .graphics-nav a.current,
    #content .graphics nav.graphics-nav a.current {
        background-color: #e59a82 !important; /* Active peach accent */
        color: #ffffff !important;
    }
}
/* ==========================================================================
   MOBILE GRAPHICS SLIDER & NUMBERED NAV (PURE CSS/JS BRIDGE)
   ========================================================================== */
@media screen and (max-width: 768px) {

    /* Slider Container */
    #content .graphics.multiple.slider {
        display: block !important;
        position: relative !important;
        width: 100% !important;
        height: auto !important;
        margin-bottom: 1rem !important;
    }

    /* Base Figure setup */
    #content .graphics.multiple.slider figure.graphic {
        display: none !important;
        width: 100% !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Active figure visibility */
    #content .graphics.multiple.slider figure.graphic.current,
    #content .graphics.multiple.slider figure.graphic.mobile-active {
        display: block !important;
    }

    #content .graphics.multiple.slider figure img {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        object-fit: contain !important;
    }

    /* Mobile Navigation Container (1, 2, 3) */
    .mobile-graphics-nav {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 6px !important;
        margin-top: 10px !important;
        width: 100% !important;
    }

    /* Slide link buttons */
    .mobile-graphics-nav a {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 32px !important;
        height: 32px !important;
        background-color: #3b3736 !important; /* Dark neutral */
        color: #ffffff !important;
        text-decoration: none !important;
        font-size: 0.85rem !important;
        font-weight: bold !important;
        cursor: pointer !important;
    }

    .mobile-graphics-nav a.current {
        background-color: #e59a82 !important; /* Peach active accent */
        color: #ffffff !important;
    }
}
/* ==========================================================================
   MOBILE ZOOM RANGE SLIDER STYLING
   ========================================================================== */
@media screen and (max-width: 768px) {

    /* Wrapper spacing */
    .mobile-zoom-wrapper {
        display: block !important;
        width: 100% !important;
        max-width: 260px !important;
        margin: 1rem auto 0.5rem auto !important;
        padding: 0 10px !important;
        box-sizing: border-box !important;
        clear: both !important;
    }

    /* Range slider track */
    input[type="range"].mobile-zoom-slider {
        -webkit-appearance: none !important;
        appearance: none !important;
        width: 100% !important;
        height: 6px !important;
        background: #e6e6e4 !important;
        border-radius: 3px !important;
        outline: none !important;
    }

    /* Range slider thumb/handle */
    input[type="range"].mobile-zoom-slider::-webkit-slider-thumb {
        -webkit-appearance: none !important;
        appearance: none !important;
        width: 22px !important;
        height: 22px !important;
        border-radius: 50% !important;
        background: #3b3736 !important;
        cursor: pointer !important;
    }

    input[type="range"].mobile-zoom-slider::-moz-range-thumb {
        width: 22px !important;
        height: 22px !important;
        border-radius: 50% !important;
        background: #3b3736 !important;
        cursor: pointer !important;
        border: none !important;
    }

    /* Prevent figure container overflow clipping during zoom */
    .graphics figure.graphic {
        overflow: auto !important;
    }
}
@media screen and (max-width: 768px) {
    #content .graphics figure.graphic {
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch !important;
    }
}