/*
	Theme Name: Non-Breaking Space 2019
	Theme URI: http://builtbycivilization.com
	Description: Custom Non-Breaking Space Theme
	Version: 1
	Author: Civilization
	Author URI: http://builtbycivilization.com
*/
*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video, input, select {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  text-decoration: none; }

article, aside, figure, footer, header, hgroup, nav, section {
  display: block; }

html {
  overflow-y: scroll; }

ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted #000;
  cursor: help; }

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

th {
  font-weight: bold;
  vertical-align: bottom; }

td {
  font-weight: normal;
  vertical-align: top; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

input, select {
  vertical-align: middle; }

pre {
  white-space: pre;
  /* CSS2 */
  white-space: pre-wrap;
  /* CSS 2.1 */
  white-space: pre-line;
  /* CSS 3 (and 2.1 as well, actually) */
  word-wrap: break-word;
  /* IE */ }

input[type="radio"] {
  vertical-align: text-bottom; }

input[type="checkbox"] {
  vertical-align: bottom;
  *vertical-align: baseline; }

.ie6 input {
  vertical-align: text-bottom; }

select, input, textarea {
  font: 99% sans-serif; }

table {
  font-size: inherit;
  font: 100%; }

a:hover, :active, :focus {
  outline: none; }

small {
  font-size: 85%; }

strong, th {
  font-weight: bold; }

td, td img {
  vertical-align: top; }

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

pre, code, kbd, samp {
  font-family: monospace, sans-serif; }

.clickable, label,
input[type=button],
input[type=submit],
button {
  cursor: pointer; }

button, input, select, textarea {
  margin: 0; }

button {
  width: auto;
  overflow: visible;
  border: 0;
  background: transparent; }

.ie7 img {
  -ms-interpolation-mode: bicubic; }

.hidden {
  display: none;
  visibility: hidden; }

.admin-edit a,
.sitewide-edit a, .small-button, .button,
button {
  letter-spacing: normal;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  color: inherit;
  cursor: pointer;
  padding: 0.8rem 1.2rem;
  border: 1px solid;
  font-size: 1.2rem;
  border-radius: 0;
  text-transform: uppercase;
  text-decoration: none; }

.fullscreen .slide-image img, .grid-image img {
  display: block;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  font-family: 'object-fit: cover;'; }

.slide > img,
.slide .slide-image img {
  display: block;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain;
  font-family: 'object-fit: contain;'; }

.wrap {
  padding: 1.0rem 0; }

section {
  padding: 0rem 1.5rem 4rem; }
  @media only screen and (min-width: 775px) {
    section {
      padding: 0rem 2.0rem 8.5rem; } }
/***********/
/** FONTS **/
/***********/
/*
 * Web Fonts from colophon-foundry.org
 *
 * The fonts included in this stylesheet are subject to the End User License you purchased
 * from Colophon Foundry. The fonts are protected under domestic and international trademark and
 * copyright law. You are prohibited from modifying, reverse engineering, duplicating, or
 * distributing this font software.
 *
 * (c) 2017 Colophon Foundry
 *
 * Licenced to Michael L Ellsworth Civilization
 */
@font-face {
  font-family: 'Basis Grotesque Bold';
  src: url("./f/basis-grotesque-bold-web/basis-grotesque-bold.eot");
  src: url("./f/basis-grotesque-bold-web/basis-grotesque-bold.eot#iefix") format("embedded-opentype"), url("./f/basis-grotesque-bold-web/basis-grotesque-bold.woff") format("woff"), url("./f/basis-grotesque-bold-web/basis-grotesque-bold.woff2") format("woff2"), url("./f/basis-grotesque-bold-web/basis-grotesque-bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Basis Grotesque Mono';
  src: url("./f/basis-grotesque-mono-web/basis-grotesque-mono.eot");
  src: url("./f/basis-grotesque-mono-web/basis-grotesque-mono.eot#iefix") format("embedded-opentype"), url("./f/basis-grotesque-mono-web/basis-grotesque-mono.woff") format("woff"), url("./f/basis-grotesque-mono-web/basis-grotesque-mono.woff2") format("woff2"), url("./f/basis-grotesque-mono-web/basis-grotesque-mono.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Basis Grotesque Off White';
  src: url("./f/basis-grotesque-off-white-web/basis-grotesque-off-white.eot");
  src: url("./f/basis-grotesque-off-white-web/basis-grotesque-off-white.eot#iefix") format("embedded-opentype"), url("./f/basis-grotesque-off-white-web/basis-grotesque-off-white.woff") format("woff"), url("./f/basis-grotesque-off-white-web/basis-grotesque-off-white.woff2") format("woff2"), url("./f/basis-grotesque-off-white-web/basis-grotesque-off-white.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Basis Grotesque Regular';
  src: url("./f/basis-grotesque-regular-web/basis-grotesque-regular.eot");
  src: url("./f/basis-grotesque-regular-web/basis-grotesque-regular.eot#iefix") format("embedded-opentype"), url("./f/basis-grotesque-regular-web/basis-grotesque-regular.woff") format("woff"), url("./f/basis-grotesque-regular-web/basis-grotesque-regular.woff2") format("woff2"), url("./f/basis-grotesque-regular-web/basis-grotesque-regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Century Old Style Bold';
  src: url("./f/century-old-style-bold/century-old-style-bold.eot");
  src: url("./f/century-old-style-bold/century-old-style-bold.eot#iefix") format("embedded-opentype"), url("./f/century-old-style-bold/century-old-style-bold.woff2") format("woff2"), url("./f/century-old-style-bold/century-old-style-bold.woff") format("woff"), url("./f/century-old-style-bold/century-old-style-bold.ttf") format("truetype"), url("./f/century-old-style-bold/century-old-style-bold.svg#century-old-stylebold") format("svg");
  font-weight: normal;
  font-style: normal; }

input, textarea, button, select, body, .admin-edit a,
.sitewide-edit a, .small-button, .button {
  font-family: 'Basis Grotesque Regular', Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-style: normal; }

section.exhibits li p, .exhibit-gallery .flex-grid .image-link::after, .exhibit-intro p, .exhibits-menu li p, nav button, nav a, .modal-close, .slideshow .slick-dots.slide-count, .fullscreen, strong, b, cite, h1, h2, h4 {
  font-family: 'Basis Grotesque Bold', Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-style: normal; }

em, i {
  font-family: 'Basis Grotesque Regular', Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-style: italic; }

blockquote, q {
  font-family: 'Century Old Style Bold', Garamond, Times, serif;
  font-weight: normal;
  font-style: normal; }

.slide p, h3 {
  font-family: 'Basis Grotesque Mono', Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-style: normal; }

:-webkit-autofill {
  -webkit-text-fill-color: #000;
  -webkit-box-shadow: 0 0 0px 1000px #ace9d0 inset; }

:-moz-autofill {
  /* Firefox 18- */
  -moz-text-fill-color: #000;
  -moz-box-shadow: 0 0 0px 1000px #ace9d0 inset; }

::-moz-autofill {
  /* Firefox 19+ */
  -moz-text-fill-color: #000;
  -moz-box-shadow: 0 0 0px 1000px #ace9d0 inset; }

::-webkit-input-placeholder {
  color: #000;
  opacity: 0.5; }

:-moz-placeholder {
  /* Firefox 18- */
  color: #000;
  opacity: 0.5; }

::-moz-placeholder {
  /* Firefox 19+ */
  color: #000;
  opacity: 0.5; }

:-ms-input-placeholder {
  color: #000;
  overflow: hidden; }

::selection {
  background: #ace9d0;
  color: #000;
  text-shadow: none; }

::-moz-selection {
  background: #ace9d0;
  color: #000;
  text-shadow: none; }

html {
  width: 100%;
  min-height: 100%;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: none;
  -moz-osx-font-smoothing: grayscale;
  /* fixes FF over-bolding */
  -ms-overflow-style: -ms-autohiding-scrollbar;
  font-size: 62.5%;
  /* 10px reset */
  position: relative;
  background: #fff;
  color: #000;
  -webkit-overflow-scrolling: touch; }

body {
  width: 100%;
  min-height: 100%;
  font-size: 1.4rem;
  line-height: 1.45;
  overflow-x: hidden;
  background: #fff; }
  body.modal-open {
    height: 100%;
    height: 100vh;
    overflow-y: hidden; }

h1 + .text-wrap, h2 + .text-wrap, h4 + .text-wrap {
  margin-top: 4rem; }

h1 {
  font-size: 4.6rem;
  line-height: 1.16666667;
  text-transform: uppercase; }
  @media only screen and (min-width: 775px) {
    h1 {
      font-size: 6.3rem; } }
h2 {
  font-size: 2.0rem;
  line-height: 1.25; }

h3 {
  font-size: 1.4rem;
  line-height: 1.2; }

h4 {
  font-size: 1.4rem;
  margin-bottom: 1.5rem; }
  @media only screen and (min-width: 775px) {
    h4 {
      font-size: 1.5rem; } }
h5 {
  font-weight: normal;
  font-size: 1rem; }

q {
  display: block;
  font-size: 2.0rem;
  line-height: 1.3; }
  @media only screen and (min-width: 775px) {
    q {
      font-size: 2.8rem; } }
  q + cite {
    display: block;
    font-style: normal; }
  q.quote {
    quotes: "\201C" "\201D" "\2018" "\2019"; }
    q.quote p {
      display: inline; }
    q.quote:before {
      display: block;
      content: open-quote; }
    q.quote:after {
      display: block;
      content: close-quote; }

blockquote {
  text-align: center;
  max-width: 88rem;
  margin-left: auto;
  margin-right: auto; }

cite {
  font-style: normal;
  font-size: 1.4rem;
  line-height: 1.2;
  margin-top: 2rem; }
  @media only screen and (min-width: 775px) {
    cite {
      font-size: 1.5rem; } }
hr {
  visibility: hidden;
  display: none; }

p + h3,
ul + h3,
ol + h3,
h1 + hr,
h1 + p,
h1 + form,
h2 + hr,
h2 + p,
h2 + h3,
blockquote + h3,
hr + h3 {
  margin-top: 3rem; }
  @media only screen and (min-width: 775px) {
    p + h3,
    ul + h3,
    ol + h3,
    h1 + hr,
    h1 + p,
    h1 + form,
    h2 + hr,
    h2 + p,
    h2 + h3,
    blockquote + h3,
    hr + h3 {
      margin-top: 4rem; } }
h3 + div,
h3 + hr + p,
h3 + p,
h3 + ul,
h3 + ol,
ul + hr,
ul + ul,
ul + hr + ul,
ul + p,
ul + hr + p,
hr + p,
p + ul,
ol + p,
p + ol,
p + h4,
ul + h4,
ol + h4,
p + blockquote,
blockquote + p,
h3 + blockquote,
h5 + ul,
h4 + ul {
  margin-top: 1.5rem; }

p + p {
  margin-top: 1.5rem; }

input, textarea, button, select {
  -webkit-appearance: none;
  -moz-appearance: none; }

input[type="email"],
textarea,
select {
  display: block;
  width: 100%;
  background-color: transparent;
  color: inherit;
  border: 1px solid;
  font-size: inherit;
  line-height: 2.8rem;
  padding: 0 1.4rem;
  margin: 0 auto;
  position: relative;
  border-radius: 0;
  z-index: 1; }

@-moz-document url-prefix() {
  input[type="email"],
  textarea,
  select {
    line-height: 2.8 !important; } }
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    input[type="email"],
    textarea,
    select {
      height: 2.8rem; } }
select {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAMAAACzvE1FAAAADFBMVEUzMzMzMzMzMzMzMzMKAG/3AAAAA3RSTlMAf4C/aSLHAAAAPElEQVR42q3NMQ4AIAgEQTn//2cLdRKppSGzBYwzVXvznNWs8C58CiussPJj8h6NwgorrKRdTvuV9v16Afn0AYFOB7aYAAAAAElFTkSuQmCC") no-repeat right 4px center;
  background-size: auto 12px;
  padding-right: 24px; }

.small-button {
  color: #000;
  border: 1px solid #000; }
  .small-button:hover, .small-button:focus {
    color: #fff;
    border: 1px solid #000;
    background: #000; }

section,
footer {
  position: relative;
  width: 100%; }

section a {
  color: #000; }
  section a:hover, section a:focus {
    color: #0000FF; }

img {
  max-width: 100%; }

.tooltip,
.modal {
  z-index: 6; }

.menu-icon {
  z-index: 5; }

header.main-header {
  z-index: 4; }

.nav-wrap {
  z-index: 3; }

footer {
  z-index: 2; }

.content-wrap {
  z-index: 1; }

.grid-item {
  vertical-align: top;
  position: relative;
  will-change: auto;
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out; }
  .grid-item h4 + p {
    margin-top: 4px; }
  .grid-item:nth-child(even) {
    -webkit-transition-delay: 125ms;
    -moz-transition-delay: 125ms;
    -o-transition-delay: 125ms;
    transition-delay: 125ms; }
  .in-motion .grid-item {
    -webkit-transform: translateY(2.8rem);
    -moz-transform: translateY(2.8rem);
    -ms-transform: translateY(2.8rem);
    -o-transform: translateY(2.8rem);
    transform: translateY(2.8rem);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    /* FF Hack for sharper renders */
    opacity: 0; }

.grid-image {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  overflow: hidden; }
  .grid-image img {
    position: absolute;
    top: 0;
    left: 0; }

.row-grid {
  letter-spacing: -0.65em;
  text-rendering: optimizeLegibility; }
  .row-grid .grid-item {
    letter-spacing: normal;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
    padding: 0 1.5rem 1.5rem;
    width: 100%; }
    @media only screen and (min-width: 450px) {
      .row-grid .grid-item {
        width: 50%; }
        .row-grid .grid-item:nth-child(3):nth-last-child(1) {
          display: none; } }
  @media only screen and (min-width: 775px) {
    .row-grid {
      padding: 1.5rem 0; }
      .row-grid .grid-item {
        width: 33.333%;
        padding: 0 1.0rem; }
        .row-grid .grid-item:nth-child(3):nth-last-child(1) {
          letter-spacing: normal;
          display: -moz-inline-stack;
          display: inline-block;
          zoom: 1;
          *display: inline; }
        .row-grid .grid-item:nth-child(1):nth-last-child(4), .row-grid .grid-item:nth-child(2):nth-last-child(3), .row-grid .grid-item:nth-child(3):nth-last-child(2), .row-grid .grid-item:nth-child(4):nth-last-child(1) {
          width: 25%; } }
  @media only screen and (min-width: 1000px) {
    .row-grid .grid-item {
      padding: 0 3.0rem; } }
.flex-grid {
  letter-spacing: -0.65em;
  text-rendering: optimizeLegibility;
  padding: 1.5rem 0 0;
  margin: 0 -0.7rem -1.5rem;
  text-align: center; }
  @media only screen and (min-width: 775px) {
    .flex-grid {
      padding: 1.5rem 1.5rem 0; } }
  .flex-grid .grid-item {
    letter-spacing: normal;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: middle;
    padding: 0 0.7rem 1.5rem;
    width: 33.3333333333%; }
    @media only screen and (min-width: 775px) {
      .flex-grid .grid-item {
        padding: 0 1.5rem 1.5rem; } }
    @media only screen and (min-width: 1024px) {
      .flex-grid .grid-item {
        width: 25%; } }
.wrap {
  display: block;
  width: 100%;
  margin-left: auto;
  margin-right: auto; }
  .wrap.text-wrap {
    max-width: 61rem; }
    @media only screen and (min-width: 769px) {
      .wrap.text-wrap {
        max-width: 63rem; } }
  .wrap img,
  .wrap iframe {
    width: auto;
    height: auto;
    max-width: 100%; }

.content-wrap {
  position: relative;
  background: #fff; }

.align-left {
  text-align: left; }

.align-center {
  text-align: center; }

.align-right {
  text-align: right; }

.button-wrap {
  margin: 2.8rem 0;
  letter-spacing: -0.65em;
  text-rendering: optimizeLegibility;
  /*
	.wrap > & {
		a,
		button {
			@extend %button;
			text-decoration: none;
		}
	}
*/ }
  .button-wrap:last-child {
    margin-bottom: 0; }
  .button-wrap a.button,
  .button-wrap button {
    letter-spacing: normal;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
    margin-right: 0.7rem; }
  .wrap.align-center .button-wrap a.button,
  .wrap.align-center .button-wrap button {
    margin: 0 0.7rem 1.4rem; }
  .button-wrap a:not(.button) {
    letter-spacing: normal;
    display: block; }
  .button-wrap p {
    letter-spacing: normal;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
    display: block; }

.fullscreen {
  position: relative;
  height: 100vh;
  background-position: 50% 50%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  /* Safari 7.0+ */
  align-items: center;
  -webkit-justify-content: center;
  /* Safari 7.0+ */
  justify-content: center;
  overflow: hidden; }
  .fullscreen .wrap {
    margin: 0;
    z-index: 4; }
  .fullscreen .slideshow,
  .fullscreen .slide,
  .fullscreen .slide-image,
  .fullscreen .img-placeholder {
    width: 100%;
    height: 100%; }
  .fullscreen .slide-image {
    position: relative;
    z-index: 0; }

/*
.fullscreen-section {
	&.stacked {
		border-top: 4px solid darken($paleGray, 5%);
	}
}
*/
.slideshow-section {
  position: relative;
  width: 100%; }

.slide {
  position: relative;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-end;
  /* Safari 7.0+ */
  align-items: flex-end;
  -webkit-justify-content: center;
  /* Safari 7.0+ */
  justify-content: center;
  padding-bottom: 5.0rem; }
  .slideshow-section .slide {
    min-height: 42vw;
    min-height: calc(42rem + 2vw); }
  .slide > img,
  .slide .slide-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0 30px 50px;
    z-index: 0; }
    .slide > img + div,
    .slide .slide-image img + div {
      position: relative;
      z-index: 1; }
  .slide p {
    position: absolute;
    bottom: 0;
    left: 0;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    text-align: center;
    font-size: 1.2rem;
    will-change: auto;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    opacity: 0;
    width: 100%; }
  .slide.slick-active p {
    opacity: 1; }

.slideshow {
  position: relative;
  height: 65vh;
  overflow: hidden;
  padding-bottom: 2.0rem; }
  .slideshow:not(.slick-initialized) .slide:not(:first-child) {
    display: none; }
  .slideshow:hover button.slick-prev,
  .slideshow:hover button.slick-next, .slideshow:focus button.slick-prev,
  .slideshow:focus button.slick-next {
    opacity: 1; }
  .slideshow .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    /* FF Hack for sharper renders */
    height: 100%;
    position: relative;
    z-index: 1; }
  .slideshow .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    /* FF Hack for sharper renders */
    position: relative;
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; }
  .slideshow .slide-image {
    /*
		// add field/classes in phase 2
		&.cover {
			video,
			img {
				@extend %objectCover;
			}
		}
		&.contain {
			video,
			img {
				@extend %objectContain;
			}
		}
*/ }
  .slideshow button.slick-prev,
  .slideshow button.slick-next {
    will-change: opacity;
    -webkit-transition: opacity 0.25s ease-in-out;
    -moz-transition: opacity 0.25s ease-in-out;
    -o-transition: opacity 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out;
    position: absolute;
    top: 50%;
    display: block;
    width: 8.4rem;
    height: 8.4rem;
    margin-top: -8.2rem;
    z-index: 2;
    text-indent: 1500%;
    white-space: nowrap;
    overflow: hidden;
    border: 0;
    cursor: pointer; }
    @media only screen and (min-width: 775px) {
      .slideshow button.slick-prev,
      .slideshow button.slick-next {
        opacity: 0; } }
    @media only screen and (max-width: 775px) {
      .slideshow button.slick-prev,
      .slideshow button.slick-next {
        width: 4.2rem; } }
    .slideshow button.slick-prev:hover, .slideshow button.slick-prev:focus,
    .slideshow button.slick-next:hover,
    .slideshow button.slick-next:focus {
      opacity: 1; }
  .slideshow button.slick-prev {
    background: url(./i/icon-arrow-left.svg) 50% 50% no-repeat;
    -webkit-background-size: auto 2rem;
    -moz-background-size: auto 2rem;
    -o-background-size: auto 2rem;
    background-size: auto 2rem;
    left: 0; }
    @media only screen and (max-width: 775px) {
      .slideshow button.slick-prev {
        background: url(./i/icon-arrow-left.svg) 25% 50% no-repeat;
        -webkit-background-size: auto 1.5rem;
        -moz-background-size: auto 1.5rem;
        -o-background-size: auto 1.5rem;
        background-size: auto 1.5rem; } }
    .slideshow button.slick-prev:before {
      content: '';
      display: none; }
    .slideshow button.slick-prev:focus, .slideshow button.slick-prev:hover {
      background-image: url(./i/icon-arrow-left-blue.svg); }
  .slideshow button.slick-next {
    background: url(./i/icon-arrow-right.svg) 50% 50% no-repeat;
    -webkit-background-size: auto 2rem;
    -moz-background-size: auto 2rem;
    -o-background-size: auto 2rem;
    background-size: auto 2rem;
    right: 0; }
    @media only screen and (max-width: 775px) {
      .slideshow button.slick-next {
        background: url(./i/icon-arrow-right.svg) 75% 50% no-repeat;
        -webkit-background-size: auto 1.5rem;
        -moz-background-size: auto 1.5rem;
        -o-background-size: auto 1.5rem;
        background-size: auto 1.5rem; } }
    .slideshow button.slick-next:before {
      content: '';
      display: none; }
    .slideshow button.slick-next:focus, .slideshow button.slick-next:hover {
      background-image: url(./i/icon-arrow-right-blue.svg); }
  .slideshow .slick-dots {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    /* FF Hack for sharper renders */
    z-index: 2;
    text-align: center;
    padding: 0 !important;
    letter-spacing: -0.65em;
    text-rendering: optimizeLegibility; }
    .slideshow .slick-dots li {
      letter-spacing: normal;
      display: -moz-inline-stack;
      display: inline-block;
      zoom: 1;
      *display: inline;
      margin: 0 1rem; }
      .slideshow .slick-dots li button {
        display: block;
        width: 10px;
        height: 10px;
        border: 0;
        background-color: #fff;
        border: 2px solid;
        padding: 0;
        border-radius: 50%;
        text-indent: 1500%;
        white-space: nowrap;
        overflow: hidden;
        font-size: 0;
        line-height: 0; }
      .slideshow .slick-dots li.slick-active button {
        background-color: #000; }
  .slideshow .slick-dots.slide-count {
    font-size: 1.2rem; }
    .slideshow .slick-dots.slide-count li {
      display: none; }
      .slideshow .slick-dots.slide-count li.slick-active {
        display: block; }
    .slideshow .slick-dots.slide-count span + span {
      display: inline; }
      .slideshow .slick-dots.slide-count span + span::before {
        content: ' / ';
        display: inline; }

#slideshow-modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: -1;
  height: 100vh;
  background: #000;
  color: #fff;
  will-change: auto;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }
  #slideshow-modal.show {
    z-index: 9999;
    visibility: visible;
    opacity: 0.99999;
    transition-delay: 0s; }
  body[data-loading="true"] #slideshow-modal {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s linear 0.5s, opacity 0.5s linear;
    will-change: visibility, opacity; }
  #slideshow-modal .slideshow {
    height: 100vh;
    padding: 9rem 0; }
    #slideshow-modal .slideshow .slide {
      padding-bottom: 0; }
      #slideshow-modal .slideshow .slide img {
        padding-bottom: 0;
        max-height: 70vh; }
    #slideshow-modal .slideshow p {
      left: 0;
      bottom: -3rem;
      width: 100%;
      color: #fff; }
    #slideshow-modal .slideshow button.slick-prev,
    #slideshow-modal .slideshow button.slick-next {
      margin-top: -5.2rem; }
    #slideshow-modal .slideshow button.slick-prev {
      background: url(./i/icon-arrow-left-white.svg) 50% 50% no-repeat;
      -webkit-background-size: auto 2rem;
      -moz-background-size: auto 2rem;
      -o-background-size: auto 2rem;
      background-size: auto 2rem; }
      @media only screen and (max-width: 775px) {
        #slideshow-modal .slideshow button.slick-prev {
          background: url(./i/icon-arrow-left-white.svg) 25% 50% no-repeat;
          -webkit-background-size: auto 1.5rem;
          -moz-background-size: auto 1.5rem;
          -o-background-size: auto 1.5rem;
          background-size: auto 1.5rem; } }
      #slideshow-modal .slideshow button.slick-prev:focus, #slideshow-modal .slideshow button.slick-prev:hover {
        background-image: url(./i/icon-arrow-left-blue.svg); }
    #slideshow-modal .slideshow button.slick-next {
      background: url(./i/icon-arrow-right-white.svg) 50% 50% no-repeat;
      -webkit-background-size: auto 2rem;
      -moz-background-size: auto 2rem;
      -o-background-size: auto 2rem;
      background-size: auto 2rem; }
      @media only screen and (max-width: 775px) {
        #slideshow-modal .slideshow button.slick-next {
          background: url(./i/icon-arrow-right-white.svg) 75% 50% no-repeat;
          -webkit-background-size: auto 1.5rem;
          -moz-background-size: auto 1.5rem;
          -o-background-size: auto 1.5rem;
          background-size: auto 1.5rem; } }
      #slideshow-modal .slideshow button.slick-next:focus, #slideshow-modal .slideshow button.slick-next:hover {
        background-image: url(./i/icon-arrow-right-blue.svg); }
    #slideshow-modal .slideshow .slick-dots {
      color: #fff;
      bottom: 3.5rem; }
      #slideshow-modal .slideshow .slick-dots li button {
        background-color: #000;
        border: 2px solid;
        color: #fff; }
      #slideshow-modal .slideshow .slick-dots li.slick-active button {
        background-color: #fff; }

.modal-close {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  border: 0;
  margin: 0 auto;
  padding: 2rem;
  z-index: 1;
  color: #fff;
  font-size: 1.6rem;
  text-transform: uppercase;
  will-change: font-size;
  -webkit-transition: font-size 0.25s ease-in-out;
  -moz-transition: font-size 0.25s ease-in-out;
  -o-transition: font-size 0.25s ease-in-out;
  transition: font-size 0.25s ease-in-out; }
  .modal-close:hover, .modal-close:focus {
    font-size: 2.6rem; }

.modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s linear 0.5s, opacity 0.5s linear;
  will-change: visibility, opacity;
  overflow-y: auto;
  background-color: rgba(0, 0, 0, 0.25);
  -webkit-overflow-scrolling: touch; }
  .modal .modal-wrap {
    height: 100%;
    overflow: auto;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    /* Safari 7.0+ */
    align-items: center;
    -webkit-justify-content: center;
    /* Safari 7.0+ */
    justify-content: center;
    -webkit-flex-direction: column;
    flex-direction: column; }
  .modal .modal-inner-wrap {
    position: relative;
    padding: 2.8rem;
    z-index: 1; }
    .modal .modal-inner-wrap .wrap {
      padding: 2.8rem; }
  .modal:not(.show) iframe {
    -webkit-transform: translateY(100vw);
    -moz-transform: translateY(100vw);
    -ms-transform: translateY(100vw);
    -o-transform: translateY(100vw);
    transform: translateY(100vw);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    /* FF Hack for sharper renders */ }

.admin-edit,
.sitewide-edit {
  top: 50%;
  right: -2px;
  z-index: 1000; }
  .admin-edit a,
  .sitewide-edit a {
    background-color: #fff;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    /* FF Hack for sharper renders */ }

.sitewide-edit {
  position: absolute; }

.admin-edit {
  position: fixed;
  top: 75%;
  top: calc(100% - 80px); }

.social-media {
  letter-spacing: -0.65em;
  text-rendering: optimizeLegibility; }
  .social-media li {
    letter-spacing: normal;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
    margin: 0 0.7rem; }
  .social-media svg {
    fill: #000;
    width: 2.1rem;
    height: 2.1rem; }
    .dark-bg .social-media svg {
      fill: #fff; }
  .social-media.social-share {
    margin-left: 0.7rem; }
    .social-media.social-share li {
      vertical-align: middle;
      margin-right: 0; }
    .social-media.social-share a {
      width: 2.1rem;
      height: 2.1rem;
      padding: 0;
      margin: 0;
      text-indent: 1500%;
      white-space: nowrap;
      overflow: hidden;
      border-radius: 50%; }
    .slide-text .social-media.social-share {
      position: absolute;
      right: 1.4rem;
      bottom: 1.4rem;
      z-index: 5; }

.transparent-overlay {
  background: rgba(0, 0, 0, 0.4);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 1; }

.pace {
  position: relative;
  z-index: 100;
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }
  .pace .pace-progress {
    position: fixed;
    top: 0;
    right: 100%;
    width: 100%;
    z-index: 1;
    background: #000;
    height: 0.7rem;
    will-change: auto;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; }
  .pace.pace-inactive .pace-progress {
    height: 0;
    -webkit-transition-delay: 0.5s;
    -moz-transition-delay: 0.5s;
    -o-transition-delay: 0.5s;
    transition-delay: 0.5s; }

/* ~~~~~~~~~~~~~~~ */
/*                 */
/*  header styles  */
/*                 */
/* ~~~~~~~~~~~~~~~ */
header {
  position: absolute;
  width: 100%;
  z-index: 999;
  display: none; }
  @media only screen and (max-width: 775px) {
    header {
      will-change: transform;
      -webkit-transition: transform 0.25s ease-in-out;
      -moz-transition: transform 0.25s ease-in-out;
      -o-transition: transform 0.25s ease-in-out;
      transition: transform 0.25s ease-in-out;
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      width: 100%;
      background: #fff;
      height: 5.5rem;
      padding: 1.5rem; }
      header.landing {
        -webkit-transform: translateY(-5.5rem);
        -moz-transform: translateY(-5.5rem);
        -ms-transform: translateY(-5.5rem);
        -o-transform: translateY(-5.5rem);
        transform: translateY(-5.5rem);
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -o-backface-visibility: hidden;
        backface-visibility: hidden;
        /* FF Hack for sharper renders */ } }
  @media only screen and (min-width: 775px) {
    header.landing nav:not(.active) button, header.landing nav:not(.active) a {
      position: absolute;
      top: 100vh; } }
  header .header-logo {
    will-change: auto;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; }
    header .header-logo svg {
      width: 6.8rem;
      height: 2.5rem; }
    @media only screen and (min-width: 775px) {
      header .header-logo {
        display: none; } }
  header nav {
    display: none; }
    @media only screen and (min-width: 775px) {
      header nav {
        display: block; } }
    @media only screen and (min-width: 775px) {
      header nav button, header nav a {
        position: fixed;
        top: 0; } }
  header #present-exhibits-link {
    left: 0; }
  @media only screen and (min-width: 775px) {
    header .home-link {
      right: 0;
      left: 0;
      margin: 0 auto;
      text-align: center;
      max-width: 175px; } }
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    header .home-link {
      width: 175px; } }
  header #about-button {
    right: 0; }

@media only screen and (min-width: 775px) {
  body.future-menu-active header.landing nav button, body.future-menu-active header.landing nav a,
  body.past-menu-active header.landing nav button,
  body.past-menu-active header.landing nav a {
    position: fixed;
    top: 0; } }

nav button, nav a {
  display: block;
  border: 0;
  color: #000;
  padding: 0;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 3.7rem;
  line-height: 1; }
  @media only screen and (min-width: 775px) {
    nav button, nav a {
      padding: 2.0rem;
      font-size: 2.0rem;
      line-height: 1.2;
      -webkit-transition: font-size 0.25s ease-out, color 0.25s ease-in-out;
      -moz-transition: font-size 0.25s ease-out, color 0.25s ease-in-out;
      -o-transition: font-size 0.25s ease-out, color 0.25s ease-in-out;
      transition: font-size 0.25s ease-out, color 0.25s ease-in-out; }
      nav button:hover, nav button:focus, nav a:hover, nav a:focus {
        font-size: 3.0rem; } }
  nav button:focus:not(:active), nav a:focus:not(:active) {
    outline: 1px solid #000; }

@media only screen and (min-width: 775px) {
  nav.active button, nav.active a {
    color: #fff; }
    nav.active button.active::after, nav.active a.active::after {
      background: #fff; } }

@media only screen and (min-width: 775px) {
  body:not(.about-active) nav button::after, body:not(.about-active) nav a::after {
    will-change: auto;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    /* FF Hack for sharper renders */
    content: '';
    display: block;
    width: 100%;
    height: 4px;
    background: #000;
    left: 2.0rem; }
  body:not(.about-active) nav button.active, body:not(.about-active) nav a.active {
    font-size: 3.0rem; }
    body:not(.about-active) nav button.active::after, body:not(.about-active) nav a.active::after {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1);
      -webkit-backface-visibility: hidden;
      -moz-backface-visibility: hidden;
      -o-backface-visibility: hidden;
      backface-visibility: hidden;
      /* FF Hack for sharper renders */ } }

.future-menu-active nav button:focus:not(:active), .future-menu-active nav a:focus:not(:active),
.past-menu-active nav button:focus:not(:active),
.past-menu-active nav a:focus:not(:active),
.about-active nav button:focus:not(:active),
.about-active nav a:focus:not(:active) {
  outline: 1px solid #fff; }

@media only screen and (min-width: 775px) {
  body.about-active #about-button::after {
    will-change: auto;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    content: '';
    display: block;
    width: 100%;
    height: 4px;
    background: #fff;
    left: 2.0rem;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    /* FF Hack for sharper renders */ }
  body.about-active #about-button.active {
    font-size: 3.0rem; }
    body.about-active #about-button.active::after {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1);
      -webkit-backface-visibility: hidden;
      -moz-backface-visibility: hidden;
      -o-backface-visibility: hidden;
      backface-visibility: hidden;
      /* FF Hack for sharper renders */ } }

@media only screen and (min-width: 775px) {
  body[data-tense="past"]:not(.about-active) .past-exhibits-button {
    font-size: 3.0rem; }
    body[data-tense="past"]:not(.about-active) .past-exhibits-button::after {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1);
      -webkit-backface-visibility: hidden;
      -moz-backface-visibility: hidden;
      -o-backface-visibility: hidden;
      backface-visibility: hidden;
      /* FF Hack for sharper renders */ }
  body[data-tense="past"]:not(.about-active).future-menu-active .future-exhibits-button {
    font-size: 3.0rem; }
  body[data-tense="past"]:not(.about-active).future-menu-active .past-exhibits-button {
    font-size: 2.0rem; }
    body[data-tense="past"]:not(.about-active).future-menu-active .past-exhibits-button::after {
      -webkit-transform: scale(0);
      -moz-transform: scale(0);
      -ms-transform: scale(0);
      -o-transform: scale(0);
      transform: scale(0);
      -webkit-backface-visibility: hidden;
      -moz-backface-visibility: hidden;
      -o-backface-visibility: hidden;
      backface-visibility: hidden;
      /* FF Hack for sharper renders */ }
    body[data-tense="past"]:not(.about-active).future-menu-active .past-exhibits-button:hover, body[data-tense="past"]:not(.about-active).future-menu-active .past-exhibits-button:focus {
      font-size: 3.0rem; }
  body[data-tense="past"]:not(.about-active).past-menu-active .past-exhibits-button {
    font-size: 3.0rem; }
  body[data-tense="past"]:not(.about-active).past-menu-active #present-exhibits-link {
    font-size: 2.0rem; }
    body[data-tense="past"]:not(.about-active).past-menu-active #present-exhibits-link::after {
      -webkit-transform: scale(0);
      -moz-transform: scale(0);
      -ms-transform: scale(0);
      -o-transform: scale(0);
      transform: scale(0);
      -webkit-backface-visibility: hidden;
      -moz-backface-visibility: hidden;
      -o-backface-visibility: hidden;
      backface-visibility: hidden;
      /* FF Hack for sharper renders */ }
    body[data-tense="past"]:not(.about-active).past-menu-active #present-exhibits-link:hover, body[data-tense="past"]:not(.about-active).past-menu-active #present-exhibits-link:focus {
      font-size: 3.0rem; }
  body[data-tense="past"]:not(.about-active).past-menu-active .future-exhibits-button {
    font-size: 2.0rem; }
    body[data-tense="past"]:not(.about-active).past-menu-active .future-exhibits-button::after {
      -webkit-transform: scale(0);
      -moz-transform: scale(0);
      -ms-transform: scale(0);
      -o-transform: scale(0);
      transform: scale(0);
      -webkit-backface-visibility: hidden;
      -moz-backface-visibility: hidden;
      -o-backface-visibility: hidden;
      backface-visibility: hidden;
      /* FF Hack for sharper renders */ }
    body[data-tense="past"]:not(.about-active).past-menu-active .future-exhibits-button:hover, body[data-tense="past"]:not(.about-active).past-menu-active .future-exhibits-button:focus {
      font-size: 3.0rem; } }

@media only screen and (min-width: 775px) {
  body[data-tense="present"]:not(.about-active) #present-exhibits-link {
    font-size: 3.0rem; }
    body[data-tense="present"]:not(.about-active) #present-exhibits-link::after {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1);
      -webkit-backface-visibility: hidden;
      -moz-backface-visibility: hidden;
      -o-backface-visibility: hidden;
      backface-visibility: hidden;
      /* FF Hack for sharper renders */ }
  body[data-tense="present"]:not(.about-active).past-menu-active .past-exhibits-button {
    font-size: 3.0rem; }
  body[data-tense="present"]:not(.about-active).past-menu-active #present-exhibits-link {
    font-size: 2.0rem; }
    body[data-tense="present"]:not(.about-active).past-menu-active #present-exhibits-link::after {
      -webkit-transform: scale(0);
      -moz-transform: scale(0);
      -ms-transform: scale(0);
      -o-transform: scale(0);
      transform: scale(0);
      -webkit-backface-visibility: hidden;
      -moz-backface-visibility: hidden;
      -o-backface-visibility: hidden;
      backface-visibility: hidden;
      /* FF Hack for sharper renders */ }
    body[data-tense="present"]:not(.about-active).past-menu-active #present-exhibits-link:hover, body[data-tense="present"]:not(.about-active).past-menu-active #present-exhibits-link:focus {
      font-size: 3.0rem; }
  body[data-tense="present"]:not(.about-active).past-menu-active .future-exhibits-button {
    font-size: 2.0rem; }
    body[data-tense="present"]:not(.about-active).past-menu-active .future-exhibits-button::after {
      -webkit-transform: scale(0);
      -moz-transform: scale(0);
      -ms-transform: scale(0);
      -o-transform: scale(0);
      transform: scale(0);
      -webkit-backface-visibility: hidden;
      -moz-backface-visibility: hidden;
      -o-backface-visibility: hidden;
      backface-visibility: hidden;
      /* FF Hack for sharper renders */ }
    body[data-tense="present"]:not(.about-active).past-menu-active .future-exhibits-button:hover, body[data-tense="present"]:not(.about-active).past-menu-active .future-exhibits-button:focus {
      font-size: 3.0rem; }
  body[data-tense="present"]:not(.about-active).future-menu-active .future-exhibits-button {
    font-size: 3.0rem; }
  body[data-tense="present"]:not(.about-active).future-menu-active #present-exhibits-link {
    font-size: 2.0rem; }
    body[data-tense="present"]:not(.about-active).future-menu-active #present-exhibits-link::after {
      -webkit-transform: scale(0);
      -moz-transform: scale(0);
      -ms-transform: scale(0);
      -o-transform: scale(0);
      transform: scale(0);
      -webkit-backface-visibility: hidden;
      -moz-backface-visibility: hidden;
      -o-backface-visibility: hidden;
      backface-visibility: hidden;
      /* FF Hack for sharper renders */ }
    body[data-tense="present"]:not(.about-active).future-menu-active #present-exhibits-link:hover, body[data-tense="present"]:not(.about-active).future-menu-active #present-exhibits-link:focus {
      font-size: 3.0rem; }
  body[data-tense="present"]:not(.about-active).future-menu-active .past-exhibits-button {
    font-size: 2.0rem; }
    body[data-tense="present"]:not(.about-active).future-menu-active .past-exhibits-button::after {
      -webkit-transform: scale(0);
      -moz-transform: scale(0);
      -ms-transform: scale(0);
      -o-transform: scale(0);
      transform: scale(0);
      -webkit-backface-visibility: hidden;
      -moz-backface-visibility: hidden;
      -o-backface-visibility: hidden;
      backface-visibility: hidden;
      /* FF Hack for sharper renders */ }
    body[data-tense="present"]:not(.about-active).future-menu-active .past-exhibits-button:hover, body[data-tense="present"]:not(.about-active).future-menu-active .past-exhibits-button:focus {
      font-size: 3.0rem; } }

@media only screen and (min-width: 775px) {
  body[data-tense="future"]:not(.about-active) .future-exhibits-button {
    font-size: 3.0rem; }
    body[data-tense="future"]:not(.about-active) .future-exhibits-button::after {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1);
      -webkit-backface-visibility: hidden;
      -moz-backface-visibility: hidden;
      -o-backface-visibility: hidden;
      backface-visibility: hidden;
      /* FF Hack for sharper renders */ }
  body[data-tense="future"]:not(.about-active).past-menu-active .past-exhibits-button {
    font-size: 3.0rem; }
  body[data-tense="future"]:not(.about-active).past-menu-active .future-exhibits-button {
    font-size: 2.0rem; }
    body[data-tense="future"]:not(.about-active).past-menu-active .future-exhibits-button::after {
      -webkit-transform: scale(0);
      -moz-transform: scale(0);
      -ms-transform: scale(0);
      -o-transform: scale(0);
      transform: scale(0);
      -webkit-backface-visibility: hidden;
      -moz-backface-visibility: hidden;
      -o-backface-visibility: hidden;
      backface-visibility: hidden;
      /* FF Hack for sharper renders */ }
    body[data-tense="future"]:not(.about-active).past-menu-active .future-exhibits-button:hover, body[data-tense="future"]:not(.about-active).past-menu-active .future-exhibits-button:focus {
      font-size: 3.0rem; }
  body[data-tense="future"]:not(.about-active).future-menu-active .future-exhibits-button {
    font-size: 3.0rem; }
  body[data-tense="future"]:not(.about-active).future-menu-active #present-exhibits-link {
    font-size: 2.0rem; }
    body[data-tense="future"]:not(.about-active).future-menu-active #present-exhibits-link::after {
      -webkit-transform: scale(0);
      -moz-transform: scale(0);
      -ms-transform: scale(0);
      -o-transform: scale(0);
      transform: scale(0);
      -webkit-backface-visibility: hidden;
      -moz-backface-visibility: hidden;
      -o-backface-visibility: hidden;
      backface-visibility: hidden;
      /* FF Hack for sharper renders */ }
    body[data-tense="future"]:not(.about-active).future-menu-active #present-exhibits-link:hover, body[data-tense="future"]:not(.about-active).future-menu-active #present-exhibits-link:focus {
      font-size: 3.0rem; }
  body[data-tense="future"]:not(.about-active).future-menu-active .past-exhibits-button {
    font-size: 2.0rem; }
    body[data-tense="future"]:not(.about-active).future-menu-active .past-exhibits-button::after {
      -webkit-transform: scale(0);
      -moz-transform: scale(0);
      -ms-transform: scale(0);
      -o-transform: scale(0);
      transform: scale(0);
      -webkit-backface-visibility: hidden;
      -moz-backface-visibility: hidden;
      -o-backface-visibility: hidden;
      backface-visibility: hidden;
      /* FF Hack for sharper renders */ }
    body[data-tense="future"]:not(.about-active).future-menu-active .past-exhibits-button:hover, body[data-tense="future"]:not(.about-active).future-menu-active .past-exhibits-button:focus {
      font-size: 3.0rem; } }

#footer-nav {
  display: none; }

.menu-button {
  position: absolute;
  top: 0;
  right: 0;
  width: 6rem;
  height: 5.5rem;
  padding: 1.5rem;
  z-index: 9999;
  border: 0; }
  @media only screen and (min-width: 775px) {
    .menu-button {
      display: none; } }
  .menu-button span, .menu-button::before, .menu-button::after {
    will-change: auto;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    position: absolute;
    display: block;
    width: 30px;
    height: 2px;
    background: #231f20; }
  .menu-button::before, .menu-button::after {
    content: ''; }
  .menu-button span {
    bottom: 2.6rem; }
  .menu-button::before {
    top: 1.8rem; }
  .menu-button::after {
    bottom: 1.6rem; }

.mobile-menu {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 300px;
  z-index: 99;
  padding-top: 5.5rem;
  overflow-y: hidden;
  -webkit-transform: translateX(-100vw);
  -moz-transform: translateX(-100vw);
  -ms-transform: translateX(-100vw);
  -o-transform: translateX(-100vw);
  transform: translateX(-100vw);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  /* FF Hack for sharper renders */
  will-change: transform;
  -webkit-transition: transform 0.5s ease-in-out;
  -moz-transition: transform 0.5s ease-in-out;
  -o-transition: transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out; }
  @media only screen and (min-width: 775px) {
    .mobile-menu {
      display: none; } }
  body[data-loading="true"] .mobile-menu {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s linear 0.5s, opacity 0.5s linear;
    will-change: visibility, opacity; }
  .mobile-menu .menu-wrapper {
    height: 100%; }
    .mobile-menu .menu-wrapper nav {
      background: #fff;
      color: #000;
      padding: 2rem 1.5rem 4rem; }
  .mobile-menu .header-nav {
    position: fixed;
    top: 5.5rem;
    width: 100%; }
  .mobile-menu .footer-helper {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    position: relative;
    top: 20.5rem;
    height: 100%;
    height: calc(100% - 20.5rem); }

body.menu-open .mobile-menu {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  /* FF Hack for sharper renders */ }

body.menu-open header .header-logo {
  opacity: 0; }

body.menu-open .menu-button span {
  opacity: 0; }

body.menu-open .menu-button::before, body.menu-open .menu-button::after {
  background: #000; }

body.menu-open .menu-button::before {
  transform: rotate(45deg);
  top: 2.7rem; }

body.menu-open .menu-button::after {
  transform: rotate(-45deg);
  bottom: 2.6rem; }

body.menu-open .footer-helper {
  background: #000;
  display: block;
  opacity: 1; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/*                				    */
/*  off-canvas exhibits nav styles  */
/*             					    */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.exhibits-menu {
  position: fixed;
  top: 5.5rem;
  left: 0;
  right: 0;
  will-change: auto;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  z-index: 9;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  height: 100vh;
  height: calc(100vh - 5.5rem);
  background: #000; }
  @media only screen and (min-width: 775px) {
    .exhibits-menu {
      top: 0;
      height: 100vh; } }
  body.first-load .exhibits-menu {
    visibility: hidden; }
  .exhibits-menu ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: column wrap;
    /* Safari 7.0+ */
    flex-flow: column wrap;
    -webkit-align-items: center;
    /* Safari 7.0+ */
    align-items: center;
    -webkit-justify-content: center;
    /* Safari 7.0+ */
    justify-content: center;
    min-height: 100vh;
    min-height: calc(100vh - 5.5rem);
    padding: 0 1.5rem; }
    @media only screen and (min-width: 775px) {
      .exhibits-menu ul {
        padding: 0; } }
  .exhibits-menu li {
    position: relative;
    margin: 3rem 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: column wrap;
    /* Safari 7.0+ */
    flex-flow: column wrap;
    -webkit-align-items: center;
    /* Safari 7.0+ */
    align-items: center;
    -webkit-justify-content: center;
    /* Safari 7.0+ */
    justify-content: center;
    width: 100%; }
    @media only screen and (min-width: 775px) {
      .exhibits-menu li {
        margin: 5.25rem 0; } }
    @media only screen and (min-width: 775px) {
      .exhibits-menu li:first-child {
        margin-top: 14rem; } }
    @media only screen and (min-width: 775px) {
      .exhibits-menu li:last-child {
        margin-bottom: 14rem; } }
    @media only screen and (min-width: 775px) {
      .exhibits-menu li:only-child {
        margin: 10.5rem 0; } }
    .exhibits-menu li a {
      position: relative;
      text-align: center;
      text-decoration: none;
      color: #fff;
      z-index: 1;
      display: inline-block; }
      @media only screen and (min-width: 775px) {
        .exhibits-menu li a {
          will-change: auto;
          -webkit-transition: all 0.25s ease-in-out;
          -moz-transition: all 0.25s ease-in-out;
          -o-transition: all 0.25s ease-in-out;
          transition: all 0.25s ease-in-out; }
          .exhibits-menu li a:hover, .exhibits-menu li a:focus {
            -webkit-transform: scale(1.1);
            -moz-transform: scale(1.1);
            -ms-transform: scale(1.1);
            -o-transform: scale(1.1);
            transform: scale(1.1);
            -webkit-backface-visibility: hidden;
            -moz-backface-visibility: hidden;
            -o-backface-visibility: hidden;
            backface-visibility: hidden;
            /* FF Hack for sharper renders */ } }
      .exhibits-menu li a img {
        height: 50vw;
        width: 100%;
        max-width: 900px;
        max-height: 500px;
        object-fit: cover;
        margin-bottom: 1rem; }
        @media only screen and (min-width: 775px) {
          .exhibits-menu li a img {
            margin-bottom: 2rem;
            height: 30vw;
            width: 50vw; } }
    .exhibits-menu li h2 {
      position: relative;
      font-size: 4.3rem;
      text-transform: uppercase;
      padding: 0 1.5rem;
      z-index: 1; }
      @media only screen and (min-width: 775px) {
        .exhibits-menu li h2 {
          font-size: 6.3rem; } }
      .exhibits-menu li h2 sup {
        -webkit-text-stroke: 1px #fff; }
    .exhibits-menu li p {
      position: relative;
      width: 100%;
      margin-top: 0;
      font-size: 1.5rem;
      z-index: 1; }

.past-exhibits-menu {
  -webkit-transform: translateX(-100vw);
  -moz-transform: translateX(-100vw);
  -ms-transform: translateX(-100vw);
  -o-transform: translateX(-100vw);
  transform: translateX(-100vw);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  /* FF Hack for sharper renders */
  visibility: hidden; }
  .past-exhibits-menu.active {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    /* FF Hack for sharper renders */
    visibility: visible; }

.future-exhibits-menu {
  -webkit-transform: translateX(100vw);
  -moz-transform: translateX(100vw);
  -ms-transform: translateX(100vw);
  -o-transform: translateX(100vw);
  transform: translateX(100vw);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  /* FF Hack for sharper renders */
  visibility: hidden; }
  .future-exhibits-menu.active {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    /* FF Hack for sharper renders */
    visibility: visible; }

/* ~~~~~~~~~~~~~~~ */
/*                 */
/*  footer styles  */
/*                 */
/* ~~~~~~~~~~~~~~~ */
#footer-nav {
  display: none; }
  @media only screen and (min-width: 775px) {
    #footer-nav {
      display: block;
      position: relative;
      z-index: 999; }
      #footer-nav.landing:not(.active) {
        visibility: hidden;
        opacity: 0;
        transition: visibility 0s linear 0.5s, opacity 0.5s linear;
        will-change: visibility, opacity; }
      body[data-loading="true"] #footer-nav {
        visibility: hidden;
        opacity: 0;
        transition: visibility 0s linear 0.5s, opacity 0.5s linear;
        will-change: visibility, opacity; }
      .past-menu-active #footer-nav button, .past-menu-active #footer-nav a, .future-menu-active #footer-nav button, .future-menu-active #footer-nav a {
        color: #fff; }
      #footer-nav #about-button {
        position: fixed;
        bottom: 0;
        left: 0; }
      #footer-nav #shop-link {
        position: fixed;
        bottom: 0;
        right: 0; } }
.page-anchor {
  position: absolute;
  top: -55px; }

footer {
  position: relative;
  padding: 1rem 0; }
  @media only screen and (min-width: 775px) {
    footer {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
      /* Safari 7.0+ */
      align-items: center;
      visibility: hidden;
      position: fixed;
      bottom: 0;
      -webkit-transform: translateY(100vh);
      -moz-transform: translateY(100vh);
      -ms-transform: translateY(100vh);
      -o-transform: translateY(100vh);
      transform: translateY(100vh);
      -webkit-backface-visibility: hidden;
      -moz-backface-visibility: hidden;
      -o-backface-visibility: hidden;
      backface-visibility: hidden;
      /* FF Hack for sharper renders */
      will-change: auto;
      -webkit-transition: all 0.5s ease-in-out;
      -moz-transition: all 0.5s ease-in-out;
      -o-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out;
      z-index: -1;
      height: 100%;
      padding: 9rem 0; } }
  body[data-loading="true"] footer {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s linear 0.5s, opacity 0.5s linear;
    will-change: visibility, opacity; }
  body.first-load footer {
    display: none; }
  footer.active {
    -webkit-transform: translateY(0vh);
    -moz-transform: translateY(0vh);
    -ms-transform: translateY(0vh);
    -o-transform: translateY(0vh);
    transform: translateY(0vh);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    /* FF Hack for sharper renders */
    z-index: 99;
    visibility: visible;
    opacity: 1; }

footer,
.footer-helper {
  background: #000;
  color: #fff; }
  footer .wrap,
  .footer-helper .wrap {
    padding: 3.0rem 0;
    background: #000; }
    footer .wrap .nbsp-logo,
    .footer-helper .wrap .nbsp-logo {
      width: 78px;
      display: none; }
      @media only screen and (min-width: 775px) {
        footer .wrap .nbsp-logo,
        .footer-helper .wrap .nbsp-logo {
          margin: 0 auto 1.5rem;
          display: block; } }
    footer .wrap .row-grid,
    .footer-helper .wrap .row-grid {
      padding: 0; }
    footer .wrap svg,
    .footer-helper .wrap svg {
      left: 3.0rem;
      width: 78px;
      margin-bottom: 1.5rem; }
    footer .wrap label,
    .footer-helper .wrap label {
      display: block;
      margin-top: 1.5rem; }
    footer .wrap .mc-field-group,
    .footer-helper .wrap .mc-field-group {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-flow: row wrap;
      /* Safari 7.0+ */
      flex-flow: row wrap; }
      footer .wrap .mc-field-group label,
      .footer-helper .wrap .mc-field-group label {
        visibility: hidden;
        height: 0; }
      footer .wrap .mc-field-group input,
      .footer-helper .wrap .mc-field-group input {
        width: auto;
        margin: 0; }
        footer .wrap .mc-field-group input[type="email"],
        .footer-helper .wrap .mc-field-group input[type="email"] {
          width: calc(100% - 85px);
          padding-right: 8px;
          padding-left: 8px;
          border-right: 0; }
        footer .wrap .mc-field-group input[type="submit"],
        .footer-helper .wrap .mc-field-group input[type="submit"] {
          padding-right: 8px;
          padding-left: 8px; }
          footer .wrap .mc-field-group input[type="submit"]:hover, footer .wrap .mc-field-group input[type="submit"]:focus,
          .footer-helper .wrap .mc-field-group input[type="submit"]:hover,
          .footer-helper .wrap .mc-field-group input[type="submit"]:focus {
            color: #000;
            background: #fff;
            border: 1px solid #fff; }
      footer .wrap .mc-field-group input::placeholder,
      .footer-helper .wrap .mc-field-group input::placeholder {
        color: #fff; }
      footer .wrap .mc-field-group input::-webkit-input-placeholder,
      .footer-helper .wrap .mc-field-group input::-webkit-input-placeholder {
        color: #fff; }
      footer .wrap .mc-field-group input::-moz-placeholder,
      .footer-helper .wrap .mc-field-group input::-moz-placeholder {
        color: #fff; }
      footer .wrap .mc-field-group input:-ms-input-placeholder,
      .footer-helper .wrap .mc-field-group input:-ms-input-placeholder {
        color: #fff; }
      footer .wrap .mc-field-group input:-moz-placeholder,
      .footer-helper .wrap .mc-field-group input:-moz-placeholder {
        color: #fff; }
    footer .wrap a,
    .footer-helper .wrap a {
      color: #fff; }
      footer .wrap a:hover, footer .wrap a:focus,
      .footer-helper .wrap a:hover,
      .footer-helper .wrap a:focus {
        color: #ff0000; }
    footer .wrap .map-link,
    .footer-helper .wrap .map-link {
      margin-top: 0; }
    footer .wrap .civilization-logo,
    .footer-helper .wrap .civilization-logo {
      display: block;
      background: url("./i/civilization-shape-white.svg") no-repeat center center;
      width: 90px;
      height: 30px;
      margin-top: 1.5rem; }
      footer .wrap .civilization-logo:hover, footer .wrap .civilization-logo:focus,
      .footer-helper .wrap .civilization-logo:hover,
      .footer-helper .wrap .civilization-logo:focus {
        background: url("./i/civilization-white.svg") no-repeat center center; }

/* ~~~~~~~~~~~~~~~~ */
/*                  */
/*  exhibit styles  */
/*                  */
/* ~~~~~~~~~~~~~~~~ */
.exhibit-intro {
  padding-top: 16rem;
  text-align: center; }
  .exhibit-intro .text-wrap {
    max-width: 75rem; }
  .exhibit-intro h1 sup {
    -webkit-text-stroke: 1px #000; }
  .exhibit-intro h2 + h2 {
    margin-top: 1rem; }
  .exhibit-intro p {
    font-weight: normal;
    margin: 2rem 0 1rem; }
    .exhibit-intro p + p {
      margin-top: 3px; }
  .exhibit-intro .small-button {
    margin-top: 3px; }

.section-header {
  margin-bottom: 3.0rem; }

.exhibit-slideshow {
  padding-right: 0;
  padding-left: 0; }

.exhibit-description .special-thanks {
  margin-top: 2rem;
  font-size: 1.2rem; }

.exhibit-description .exhibit-download {
  margin-top: 4.0rem; }
  .exhibit-description .exhibit-download a {
    position: relative;
    display: block;
    height: 5.1rem; }
    .exhibit-description .exhibit-download a svg {
      position: absolute;
      width: 6.8rem; }
    .exhibit-description .exhibit-download a .download-catalog .cls-2 {
      fill: #231f20; }
      @media only screen and (min-width: 775px) {
        .exhibit-description .exhibit-download a .download-catalog .cls-2 {
          will-change: opacity;
          -webkit-transition: opacity 0.25s ease-in-out;
          -moz-transition: opacity 0.25s ease-in-out;
          -o-transition: opacity 0.25s ease-in-out;
          transition: opacity 0.25s ease-in-out;
          opacity: 0; } }
    @media only screen and (min-width: 775px) {
      .exhibit-description .exhibit-download a:hover .download-catalog .cls-2, .exhibit-description .exhibit-download a:focus .download-catalog .cls-2 {
        opacity: 1; } }
.exhibit-artists .text-wrap {
  border-top: 1px solid #000; }
  .exhibit-artists .text-wrap ul {
    padding-left: 0;
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2; }
    .exhibit-artists .text-wrap ul li {
      list-style-type: none;
      padding-bottom: 1rem; }
      .exhibit-artists .text-wrap ul li h4 {
        margin-bottom: 0; }

.exhibit-curators .text-wrap,
.exhibit-events .text-wrap {
  border-top: 1px solid #000; }

.exhibit-curators p + h4,
.exhibit-events p + h4 {
  margin-top: 4.0rem; }

.exhibit-events .small-button {
  margin: 2rem 0 3rem; }

.exhibit-gallery .wrap {
  max-width: 1030px; }

.exhibit-gallery .wrap::before {
  display: block;
  height: 1px;
  width: 100%;
  background: #000;
  content: '';
  margin: 0 0 1rem; }
  @media only screen and (min-width: 775px) {
    .exhibit-gallery .wrap::before {
      width: calc(100% - 60px);
      margin: 0 3rem 1rem; } }
  @media only screen and (min-width: 1060px) {
    .exhibit-gallery .wrap::before {
      margin: 0 auto 1rem; } }
@media only screen and (min-width: 775px) {
  .exhibit-gallery h3 {
    margin-left: 3.0rem; } }

.exhibit-gallery .flex-grid {
  max-width: 1030px; }
  @media only screen and (min-width: 775px) {
    .exhibit-gallery .flex-grid {
      margin: 0 auto; } }
  .exhibit-gallery .flex-grid .image-link {
    position: relative;
    display: block; }
    .exhibit-gallery .flex-grid .image-link::before {
      will-change: opacity;
      -webkit-transition: opacity 0.25s ease-in-out;
      -moz-transition: opacity 0.25s ease-in-out;
      -o-transition: opacity 0.25s ease-in-out;
      transition: opacity 0.25s ease-in-out;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      display: block;
      background: #000;
      height: 100%;
      opacity: 0;
      content: ''; }
    .exhibit-gallery .flex-grid .image-link::after {
      will-change: opacity;
      -webkit-transition: opacity 0.25s ease-in-out;
      -moz-transition: opacity 0.25s ease-in-out;
      -o-transition: opacity 0.25s ease-in-out;
      transition: opacity 0.25s ease-in-out;
      position: absolute;
      top: 50%;
      top: calc(50% - 0.8rem);
      left: 0;
      right: 0;
      margin: 0 auto;
      opacity: 0;
      color: #fff;
      font-size: 1.0rem;
      text-transform: uppercase;
      text-decoration: none;
      content: 'View Gallery'; }
      @media only screen and (min-width: 775px) {
        .exhibit-gallery .flex-grid .image-link::after {
          font-size: 1.2rem; } }
    .exhibit-gallery .flex-grid .image-link:hover::before, .exhibit-gallery .flex-grid .image-link:hover::after, .exhibit-gallery .flex-grid .image-link:focus::before, .exhibit-gallery .flex-grid .image-link:focus::after {
      opacity: 1; }
    .exhibit-gallery .flex-grid .image-link img {
      display: block; }

.final-stop {
  position: relative;
  margin-top: 10rem; }
  @media only screen and (max-width: 775px) {
    .final-stop {
      margin-top: 0; } }
  .final-stop a {
    display: block;
    width: 119px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding: 2.9rem 2rem; }
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      .final-stop a {
        height: 77px; } }
    @media only screen and (max-width: 775px) {
      .final-stop a {
        display: none; } }
    .final-stop a:hover svg, .final-stop a:focus svg {
      width: 78px; }
  .final-stop svg {
    display: block;
    margin: 0 auto;
    will-change: width;
    -webkit-transition: width 0.25s ease-in-out;
    -moz-transition: width 0.25s ease-in-out;
    -o-transition: width 0.25s ease-in-out;
    transition: width 0.25s ease-in-out;
    width: 48px; }

section.exhibits {
  padding-top: 8rem;
  text-align: center; }
  section.exhibits ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: column wrap;
    /* Safari 7.0+ */
    flex-flow: column wrap;
    -webkit-align-items: center;
    /* Safari 7.0+ */
    align-items: center;
    -webkit-justify-content: center;
    /* Safari 7.0+ */
    justify-content: center;
    min-height: 100vh;
    min-height: calc(100vh - 5.5rem);
    padding: 0 1.5rem; }
    @media only screen and (min-width: 775px) {
      section.exhibits ul {
        padding: 0; } }
  section.exhibits li {
    position: relative;
    margin: 3rem 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: column wrap;
    /* Safari 7.0+ */
    flex-flow: column wrap;
    -webkit-align-items: center;
    /* Safari 7.0+ */
    align-items: center;
    -webkit-justify-content: center;
    /* Safari 7.0+ */
    justify-content: center;
    width: 100%; }
    @media only screen and (min-width: 775px) {
      section.exhibits li {
        margin: 5.25rem 0; } }
    @media only screen and (min-width: 775px) {
      section.exhibits li:first-child {
        margin-top: 14rem; } }
    @media only screen and (min-width: 775px) {
      section.exhibits li:last-child {
        margin-bottom: 14rem; } }
    @media only screen and (min-width: 775px) {
      section.exhibits li:only-child {
        margin: 10.5rem 0; } }
    section.exhibits li a {
      position: relative;
      text-align: center;
      text-decoration: none;
      z-index: 1;
      display: inline-block; }
      @media only screen and (min-width: 775px) {
        section.exhibits li a {
          will-change: auto;
          -webkit-transition: all 0.25s ease-in-out;
          -moz-transition: all 0.25s ease-in-out;
          -o-transition: all 0.25s ease-in-out;
          transition: all 0.25s ease-in-out; }
          section.exhibits li a:hover, section.exhibits li a:focus {
            -webkit-transform: scale(1.1);
            -moz-transform: scale(1.1);
            -ms-transform: scale(1.1);
            -o-transform: scale(1.1);
            transform: scale(1.1);
            -webkit-backface-visibility: hidden;
            -moz-backface-visibility: hidden;
            -o-backface-visibility: hidden;
            backface-visibility: hidden;
            /* FF Hack for sharper renders */ } }
      section.exhibits li a img {
        height: 50vw;
        width: 100%;
        max-width: 900px;
        max-height: 500px;
        object-fit: cover;
        margin-bottom: 1rem; }
        @media only screen and (min-width: 775px) {
          section.exhibits li a img {
            margin-bottom: 2rem;
            height: 30vw;
            width: 50vw; } }
    section.exhibits li h2 {
      position: relative;
      font-size: 3rem;
      text-transform: uppercase;
      padding: 0 1.5rem;
      z-index: 1; }
      @media only screen and (min-width: 775px) {
        section.exhibits li h2 {
          font-size: 6.3rem; } }
      section.exhibits li h2 sup {
        -webkit-text-stroke: 1px #000; }
    section.exhibits li p {
      position: relative;
      width: 100%;
      margin-top: 0;
      font-size: 1.5rem;
      z-index: 1; }

/* ~~~~~~~~~~~~~~~~~~ */
/*                    */
/*  home page styles  */
/*                    */
/* ~~~~~~~~~~~~~~~~~~ */
.hero {
  height: 100vh;
  padding: 0; }
  .hero .wrap {
    position: absolute;
    height: 100vh;
    left: 0;
    right: 0;
    padding: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    /* Safari 7.0+ */
    flex-flow: row wrap;
    -webkit-align-items: center;
    /* Safari 7.0+ */
    align-items: center;
    max-width: 100%;
    background-size: cover;
    background-position: center center; }
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      .hero .wrap {
        top: 0; } }
    .hero .wrap .landing-image {
      position: absolute;
      height: 100vh;
      top: 0;
      left: 0;
      right: 0;
      max-width: 100%;
      background-size: cover;
      background-position: center center; }
      .hero .wrap .landing-image.portrait {
        display: none; }
      @media (orientation: portrait) {
        .hero .wrap .landing-image.portrait {
          display: block; }
        .hero .wrap .landing-image.landscape {
          display: none; } }
    .hero .wrap .logo {
      display: none;
      position: relative;
      width: 100%; }
      .hero .wrap .logo svg .cls-3 {
        fill: #000; }
      .hero .wrap .logo.white svg .cls-3 {
        fill: #fff; }
  .hero .video-wrapper {
    display: block;
    height: 100%;
    width: 100%; }
    .hero .video-wrapper video {
      width: 100%;
      height: 100%;
      object-fit: cover;
      font-family: 'object-fit: cover;'; }
  .hero .flashing-gallery {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%; }
    .hero .flashing-gallery .random {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: 50% 50%;
      display: none; }
  .hero .stacking-gallery {
    position: absolute;
    top: -10%;
    right: -10%;
    bottom: -10%;
    left: -10%;
    width: 120%;
    height: 120%;
    z-index: 1; }
    .hero .stacking-gallery .random {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-repeat: no-repeat;
      display: none; }
      @media all and (orientation: landscape) {
        .hero .stacking-gallery .random {
          background-size: auto 50%; } }
      @media all and (orientation: portrait) {
        .hero .stacking-gallery .random {
          background-size: auto 36%; } }
  .hero .down-arrow {
    display: none;
    position: absolute;
    z-index: 5;
    bottom: 0;
    left: 0;
    right: 0;
    border: 0;
    padding: 0;
    width: 100%; }
    .hero .down-arrow svg {
      display: block;
      width: 1.9rem;
      height: 2rem;
      margin: 0 auto 2rem;
      fill: #000;
      will-change: auto;
      -webkit-transition: all 0.25s ease-in-out;
      -moz-transition: all 0.25s ease-in-out;
      -o-transition: all 0.25s ease-in-out;
      transition: all 0.25s ease-in-out; }
    .hero .down-arrow.white svg {
      fill: #fff; }
    .hero .down-arrow:hover svg, .hero .down-arrow:focus svg {
      width: 2.9rem;
      height: 3rem; }
    .hero .down-arrow:focus svg {
      outline: 1px solid #fff; }

/* ~~~~~~~~~~~~~~~~~~~ */
/*                     */
/*  basic page styles  */
/*                     */
/* ~~~~~~~~~~~~~~~~~~~ */
.basic-page {
  padding-top: 16rem; }
  .basic-page h1 {
    text-align: center; }