@charset "UTF-8";
/*
**  Colophon
**  Design/Build: Public Office
**  Copyright 2016

**  Inglewood Book
**  by Vincent Chan
**  http://www.vbschan.com

**  01. Resets
**  02. Defaults
**  03. Typography
**  04. Grid
**  05. Menus & Lists
**  06. Forms & Tables
**  07. Template Specific Styles
**  08. CSS Animations
*/
/*
**
****  01. Resets
**
*/
*, *:before, *:after {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  box-sizing: border-box;
  text-decoration: none;
  color: inherit;
  -webkit-text-size-adjust: none;
      -ms-text-size-adjust: none;
          text-size-adjust: none; }

article, aside, details, figcaption, figure,
footer, header, hgroup, main, nav, section, summary {
  display: block; }

ol, ul {
  list-style: none; }

button,
input,
select,
textarea {
  color: inherit;
  font-family: inherit;
  font-style: inherit;
  font-weight: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: none;
  border-radius: 0;
  border-style: none;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  outline: 0;
  box-shadow: 0;
  line-height: 1; }

a:hover {
  cursor: pointer; }

/*
**
****  02. Defaults
**
*/
/*
**
****  03. Grid
**
*/
.is-cf:before,
.is-cf:after {
  content: '';
  display: table; }

.is-cf:after {
  clear: both; }

.col, header .location, .intro-title, .journal-details {
  margin: 0 2.5% 0 0;
  float: left; }

.no-rm, header .location {
  margin-right: 0; }

.no-lm, header .location, .intro-title, .journal-details {
  margin-left: 0 !important; }

header .location, .intro-title {
  width: 23.125%; }

.journal-details {
  width: 31.66667%; }

html {
  font-family: "IB", sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

body {
  margin: 0;
  font-size: 100%;
  background: transparent; }
  body::-webkit-scrollbar {
    width: 0 !important; }
  body.home header .inner.show a {
    color: rgba(0, 0, 0, 0.8); }
  body.home[data-show-cart='true'] .logotype h1 a {
    color: rgba(0, 0, 0, 0.8); }
  body.home[data-show-cart='true'] nav a {
    color: rgba(0, 0, 0, 0.8); }
  body[data-slug='artists'] h1 a,
  body[data-slug='artists'] .location p, body[data-slug='artist'] h1 a,
  body[data-slug='artist'] .location p, body[data-slug='programs'] h1 a,
  body[data-slug='programs'] .location p, body[data-slug='program'] h1 a,
  body[data-slug='program'] .location p, body[data-slug='shop'] h1 a,
  body[data-slug='shop'] .location p, body[data-slug='projects'] h1 a,
  body[data-slug='projects'] .location p, body[data-slug='project'] h1 a,
  body[data-slug='project'] .location p, body[data-slug='event'] h1 a,
  body[data-slug='event'] .location p, body[data-slug='entry'] h1 a,
  body[data-slug='entry'] .location p, body[data-slug='error'] h1 a,
  body[data-slug='error'] .location p {
    color: rgba(0, 0, 0, 0.8); }
  body[data-slug='artists'] .container, body[data-slug='artist'] .container, body[data-slug='programs'] .container, body[data-slug='program'] .container, body[data-slug='shop'] .container, body[data-slug='projects'] .container, body[data-slug='project'] .container, body[data-slug='event'] .container, body[data-slug='entry'] .container, body[data-slug='error'] .container {
    padding-top: 1.25rem; }
  body[data-slug='artists'] .internets, body[data-slug='artist'] .internets, body[data-slug='programs'] .internets, body[data-slug='program'] .internets, body[data-slug='shop'] .internets, body[data-slug='projects'] .internets, body[data-slug='project'] .internets, body[data-slug='event'] .internets, body[data-slug='entry'] .internets, body[data-slug='error'] .internets {
    font-size: 1.25vw;
    text-transform: none;
    margin-left: 0.5rem; }
    @media (max-width: 560px) {
      body[data-slug='artists'] .internets, body[data-slug='artist'] .internets, body[data-slug='programs'] .internets, body[data-slug='program'] .internets, body[data-slug='shop'] .internets, body[data-slug='projects'] .internets, body[data-slug='project'] .internets, body[data-slug='event'] .internets, body[data-slug='entry'] .internets, body[data-slug='error'] .internets {
        display: none; } }
  body[data-slug='air'] header .inner.show nav a.active, body[data-slug='projects'] header .inner.show nav a.active, body[data-slug='project'] header .inner.show nav a.active {
    color: #b58b73; }
  body[data-slug='air'] .program-text p, body[data-slug='air'] .program-text li, body[data-slug='air'] .program-text h2, body[data-slug='projects'] .program-text p, body[data-slug='projects'] .program-text li, body[data-slug='projects'] .program-text h2, body[data-slug='project'] .program-text p, body[data-slug='project'] .program-text li, body[data-slug='project'] .program-text h2 {
    color: #272727; }

img, [data-loaded] {
  opacity: 0;
  transition: opacity 500ms ease; }

[data-loaded="true"] {
  opacity: 1; }

img {
  max-width: 100%; }

.main-wrap {
  overflow: hidden;
  position: relative; }

.home .main-wrap {
  height: 100%; }

.error-text {
  width: calc(100% * 4 / 6);
  margin-left: calc(100% * 2 / 6);
  float: left; }
  .error-text p {
    text-indent: 0;
    padding-bottom: 1.8rem; }

#landscape {
  width: 100%;
  height: 100vh;
  position: absolute;
  z-index: 12; }
  #landscape .prompt {
    font-size: 3rem;
    position: absolute;
    z-index: 20000;
    bottom: 4rem;
    left: 50%;
    right: 50%;
    width: 2.7rem;
    color: white;
    border-bottom: 1px solid white; }
    @media (max-width: 560px) {
      #landscape .prompt {
        font-size: 2.4rem;
        width: 2rem;
        left: 48%;
        bottom: 3rem; } }
    #landscape .prompt:hover {
      cursor: pointer;
      color: #b58b73;
      border-bottom: 1px solid #b58b73; }
  #landscape .container {
    position: relative;
    z-index: 10;
    height: 100vh; }
  #landscape .landscape-image {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 0;
    background-size: cover;
    background-position: center;
    background: #b58b73; }
    #landscape .landscape-image.day {
      background-image: url("../images/Bogong-daytimeH.jpg");
      background-blend-mode: multiply;
      background-size: cover;
      background-attachment: fixed;
      z-index: 1; }
      @media (max-width: 560px) {
        #landscape .landscape-image.day {
          background-attachment: scroll; } }
    #landscape .landscape-image.night {
      background-image: url("../images/Bogong-nighttimeH.jpg");
      opacity: 1;
      z-index: 1;
      display: none; }

#schoolhouse {
  width: 100%;
  height: 800px;
  position: relative;
  z-index: -1; }
  #schoolhouse .container {
    position: relative;
    z-index: 10; }
  #schoolhouse .schoolhouse-image {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 0;
    background-size: cover;
    background-position: center;
    background-image: url("../../images/Bogong-schoolhouse.jpg");
    z-index: 0; }

.container {
  margin: 1rem;
  overflow: hidden;
  margin-left: 8rem;
  padding-bottom: 0;
  margin-top: 0rem;
  position: relative;
  z-index: 10; }
  @media only screen and (max-width: 480px) {
    .container {
      padding: 1rem;
      margin-left: 4rem;
      margin-right: 0; } }

body.home .container {
  margin-top: 100vh; }
  @media only screen and (max-width: 480px) {
    body.home .container {
      padding: 1rem 0; } }

body[data-slug="projects"] .container {
  padding: 0;
  margin-left: 7rem;
  margin-right: 0;
  margin-bottom: 0; }
  @media (max-width: 560px) {
    body[data-slug="projects"] .container {
      margin-left: 5rem;
      margin-right: 1rem; } }

@media (max-width: 1440px) {
  .smaller-screen {
    display: none !important; } }

header {
  background: rgba(0, 0, 0, 0.05);
  bottom: 0;
  left: 7rem;
  height: 7rem;
  position: fixed;
  width: 100vh;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -webkit-transform-origin: bottom left;
          transform-origin: bottom left;
  color: #272727; }
  header.dark {
    z-index: 11; }
    header.dark .trigger:hover {
      fill: #b58b73; }
  header.light {
    color: white;
    position: absolute;
    z-index: 15; }
    header.light .trigger {
      fill: white; }
      header.light .trigger:hover {
        fill: #272727; }
  @media (max-width: 560px) {
    header {
      height: 4rem;
      left: 4rem; } }
  header .inner {
    padding: 1rem 1.25rem; }
    @media only screen and (max-width: 768px) {
      header .inner {
        padding: 1.65rem 2.5rem; } }
    @media only screen and (max-width: 480px) {
      header .inner {
        padding: 0.5rem; } }
  header nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    font-size: 4rem;
    position: relative; }
    @media only screen and (max-width: 480px) {
      header nav {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        max-width: 40%;
        height: 5rem;
        right: 0;
        top: 0.25rem; } }
    header nav a {
      text-transform: uppercase;
      display: inline;
      font-size: 4rem; }
      header nav a.trigger {
        height: 1.5vw;
        width: 1.5vw;
        position: absolute;
        right: 0.75rem; }
        @media (max-width: 560px) {
          header nav a.trigger {
            height: 5vw;
            width: 5vw; } }
      header nav a.cart-update span {
        font-size: 2.2rem; }
        @media (max-width: 1024px) {
          header nav a.cart-update span {
            display: none; } }
        header nav a.cart-update span.cart-quantity:before {
          content: '(';
          padding-right: 0.15rem; }
        header nav a.cart-update span.cart-quantity:after {
          content: ')';
          padding-left: 0.15rem; }
        @media (max-width: 1024px) {
          header nav a.cart-update span.cart-quantity {
            visibility: visible;
            display: block !important; } }
        @media (max-width: 960px) {
          header nav a.cart-update span.cart-quantity {
            position: fixed;
            top: 1.5rem;
            right: 5rem; } }
        @media (max-width: 768px) {
          header nav a.cart-update span.cart-quantity {
            position: fixed;
            top: 1.5rem;
            right: 5rem; } }
      @media (max-width: 768px) {
        header nav a {
          font-size: 2rem; } }
      header nav a:hover {
        color: #b58b73; }
      header nav a.active {
        color: #b58b73; }
    header nav span {
      display: none; }
      @media (max-width: 560px) {
        header nav span {
          position: fixed;
          width: 4rem;
          height: 2rem;
          top: 1.5rem;
          right: 3rem; } }
      header nav span a {
        float: right; }
        @media (max-width: 560px) {
          header nav span a {
            display: block; } }
    header nav .trigger:hover {
      cursor: pointer; }
  header .location {
    display: none; }
    @media only screen and (max-width: 1133px) {
      header .location {
        display: none; } }
    header .location p {
      color: white; }

.menu .cf {
  display: block; }
  @media only screen and (max-width: 480px) {
    .menu .cf {
      display: none; } }

.menu-mobile {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: white;
  z-index: 500; }
  @media only screen and (max-width: 960px) {
    .menu-mobile {
      padding: 1rem;
      width: 100vw;
      height: 100vh; }
      .menu-mobile nav {
        width: 100%;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        margin-top: -0.45rem; }
        .menu-mobile nav a {
          display: block;
          font-size: 2.7rem;
          line-height: 1;
          padding: 0.1rem 0;
          text-align: left;
          color: #272727;
          text-transform: uppercase;
          border-bottom: 1px solid; }
          .menu-mobile nav a:hover {
            cursor: pointer; }
          .menu-mobile nav a.logo {
            margin-bottom: 4rem; } }
      @media only screen and (max-width: 960px) and (max-width: 960px) {
        .menu-mobile nav a.cart-update span {
          display: none; } }
  @media only screen and (max-width: 960px) {
          .menu-mobile nav a.cart-update span.cart-quantity {
            position: absolute;
            top: 1.15rem;
            right: 4.4rem; }
            .menu-mobile nav a.cart-update span.cart-quantity:before {
              content: '(';
              padding-right: 0.15rem; }
            .menu-mobile nav a.cart-update span.cart-quantity:after {
              content: ')';
              padding-left: 0.15rem; }
          .menu-mobile nav a.menu-mobile-trigger {
            border-bottom: none; } }
        @media only screen and (max-width: 960px) and (max-width: 960px) {
          .menu-mobile nav a.menu-mobile-trigger {
            display: block !important;
            position: absolute;
            z-index: 600;
            right: 2.5rem;
            top: 1.1rem; }
            .menu-mobile nav a.menu-mobile-trigger:before {
              content: '\2630';
              font-size: 2.7rem; }
            .menu-mobile nav a.menu-mobile-trigger:hover {
              cursor: pointer; } }
        @media only screen and (max-width: 960px) and (max-width: 560px) {
          .menu-mobile nav a.menu-mobile-trigger {
            right: 1.5rem;
            top: 0.5rem; } }
  @media only screen and (max-width: 960px) {
          .menu-mobile nav a:first-of-type {
            border: none; } }

.logotype {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 70%;
  float: left;
  text-transform: uppercase; }
  .logotype h1 a:hover {
    color: #b58b73;
    cursor: pointer; }
    .logotype h1 a:hover span {
      display: inline-block; }
      @media (max-width: 560px) {
        .logotype h1 a:hover span {
          display: none; } }
      .logotype h1 a:hover span.t-now {
        display: none; }
  .logotype h1 span {
    display: none; }
    .logotype h1 span.t-now {
      font-size: 4rem;
      display: inline-block;
      padding-left: 5rem; }
      @media (max-width: 560px) {
        .logotype h1 span.t-now {
          display: none; } }
  @media only screen and (max-width: 480px) {
    .logotype {
      max-width: 50%; } }

.home header {
  background: transparent; }

.home .full-name h1 a:hover {
  color: red; }

.full-name {
  position: fixed;
  width: 360px;
  top: 50%;
  left: -140px;
  transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg); }
  @media only screen and (max-width: 480px) {
    .full-name {
      left: -163px;
      top: 35%;
      display: none; } }

main {
  position: relative;
  overflow: hidden; }
  main.projects {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    @media (max-width: 560px) {
      main.projects {
        padding-bottom: 2.5rem; } }
    main.projects article {
      width: calc(100% * 1 / 3);
      position: relative;
      overflow: hidden; }
      @media (max-width: 560px) {
        main.projects article {
          width: 100%;
          margin-bottom: 1rem; } }
      main.projects article:hover img {
        mix-blend-mode: multiply; }
      main.projects article:hover .titles {
        visibility: visible;
        display: block;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start; }
        main.projects article:hover .titles p {
          font-size: 2.4rem;
          text-indent: 0;
          color: white;
          text-align: left;
          padding-left: 2rem; }
          @media (max-width: 1024px) {
            main.projects article:hover .titles p {
              font-size: 2.1rem;
              padding-left: 1.5rem; } }
          main.projects article:hover .titles p:first-of-type {
            padding-top: 1.5rem; }
            @media (max-width: 1024px) {
              main.projects article:hover .titles p:first-of-type {
                padding-top: 1rem; } }
      main.projects article .titles {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        position: absolute;
        width: 100%;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        z-index: 5000;
        background: transparent;
        visibility: hidden;
        font-size: 2.5rem;
        line-height: 1.5;
        text-align: center;
        margin: 0;
        padding: 0;
        color: #f7f7f7; }
        @media (max-width: 560px) {
          main.projects article .titles {
            font-size: 2.1rem; } }
      main.projects article figure {
        background: #b58b73; }
        main.projects article figure img {
          display: block;
          width: 100%; }
      main.projects article span.year {
        width: 50%;
        float: left;
        font-size: 2rem;
        line-height: 1;
        text-align: right;
        padding-top: 0.25rem; }

.feature {
  width: 35%;
  margin-left: 24.75%;
  position: relative;
  margin-top: 2.5rem;
  z-index: -1;
  margin-right: 2.5rem; }
  @media only screen and (max-width: 1024px) {
    .feature {
      margin-right: 0; } }
  .feature img {
    max-width: 100%; }

.intro-title {
  padding-top: 5rem; }

.intro-text {
  width: calc(100% * 4 / 6);
  margin-left: 25vw;
  float: left; }
  @media only screen and (max-width: 1024px) {
    .intro-text {
      width: 60%; } }
  @media only screen and (max-width: 768px) {
    .intro-text {
      width: 100%;
      margin-left: 0; } }
  @media only screen and (max-width: 480px) {
    .intro-text {
      width: 101%;
      margin: 0; } }

footer {
  display: none;
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  padding-bottom: 2rem; }
  footer.show {
    z-index: 1000; }
  footer span {
    width: 100%;
    max-width: 1480px;
    display: block;
    margin: 0 auto;
    padding: 0 2.5rem;
    color: #b58b73; }
    @media (max-width: 560px) {
      footer span {
        padding: 0 1.5rem; } }
    footer span a {
      padding-right: 0.5rem;
      color: #b58b73; }
      footer span a:hover {
        color: rgba(0, 0, 0, 0.8); }

#mc_embed_signup_scroll {
  bottom: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 8rem;
  position: fixed; }
  @media (max-width: 560px) {
    #mc_embed_signup_scroll {
      display: none; } }
  #mc_embed_signup_scroll .mc-field-group input {
    background: transparent;
    font-size: 4rem;
    color: rgba(0, 0, 0, 0.35);
    margin-top: 1px;
    padding: 0.25rem;
    width: 100%; }
    #mc_embed_signup_scroll .mc-field-group input:focus {
      border: 1px solid rgba(0, 0, 0, 0.35);
      color: rgba(0, 0, 0, 0.5); }
    #mc_embed_signup_scroll .mc-field-group input::-webkit-input-placeholder {
      color: rgba(0, 0, 0, 0.35); }
    #mc_embed_signup_scroll .mc-field-group input::-moz-placeholder {
      color: rgba(0, 0, 0, 0.35); }
    #mc_embed_signup_scroll .mc-field-group input:-ms-input-placeholder {
      color: rgba(0, 0, 0, 0.35); }
    #mc_embed_signup_scroll .mc-field-group input:-moz-placeholder {
      color: rgba(0, 0, 0, 0.35);
      opacity: 1 !important; }
  #mc_embed_signup_scroll .mc-field-group input:focus::-webkit-input-placeholder {
    color: transparent; }
  #mc_embed_signup_scroll .mc-field-group input:focus:-moz-placeholder {
    color: transparent; }
  @media (max-width: 560px) {
    #mc_embed_signup_scroll .mc-field-group {
      width: 23rem; } }
  #mc_embed_signup_scroll .button {
    background: transparent;
    margin-left: 1.5rem;
    padding-bottom: 0.25rem;
    padding-top: 1rem;
    border-bottom: 1px solid transparent;
    display: none;
    font-size: 4rem; }
    #mc_embed_signup_scroll .button:hover {
      cursor: pointer;
      color: #b58b73; }
  #mc_embed_signup_scroll #mce-responses {
    width: 40rem;
    position: absolute;
    left: 0;
    top: -7rem;
    color: #ccc; }
    @media (max-width: 560px) {
      #mc_embed_signup_scroll #mce-responses {
        width: 30rem;
        top: -9rem; } }

#mc_embed_signup div.mce_inline_error {
  position: absolute;
  top: -2rem;
  margin: 0 0 1em 0;
  padding: 0 !important;
  font-weight: normal !important;
  z-index: 1;
  background: transparent !important;
  color: #ccc !important; }
  #mc_embed_signup div.mce_inline_error:before {
    content: '*';
    padding-right: 0.25rem; }

/*
**
****  03. Typography
**
*/
@font-face {
  font-family: 'IB';
  src: url("../fonts/Inglewood-Book.woff") format("woff");
  font-style: normal;
  font-weight: 400; }

@font-face {
  font-family: 'IB';
  src: url("../fonts/Inglewood-Book-Italic.woff") format("woff");
  font-style: italic;
  font-weight: 400; }

@font-face {
  font-family: 'IB-Italic';
  src: url("../fonts/Inglewood-Book-Italic.woff") format("woff");
  font-style: normal;
  font-weight: 400; }

@font-face {
  font-family: 'IB-T';
  src: url("../fonts/Inglewood-Book-Tabs.woff") format("woff");
  font-style: normal;
  font-weight: 400; }

html {
  font-size: 0.65vw; }
  @media (min-width: 1600px) {
    html {
      font-size: 62.5%; } }
  @media (max-width: 768px) {
    html {
      font-size: 0.85vw; } }
  @media (max-width: 560px) {
    html {
      font-size: 62.5%; } }

body {
  font-family: "IB";
  font-size: 1.6rem;
  font-weight: normal;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

h1 {
  font-size: 2.2rem;
  font-weight: normal; }
  h1.home {
    font-size: 1.8rem; }

h2 {
  font-size: 4rem;
  line-height: 1;
  text-transform: uppercase;
  margin-top: 3rem;
  font-weight: normal;
  display: inline-block;
  color: rgba(0, 0, 0, 0.8); }
  @media (max-width: 560px) {
    h2 {
      font-size: 2.4rem;
      margin-left: 3rem; } }

.home h2 {
  border: none;
  margin-left: 0; }

a {
  text-decoration: none;
  color: inherit; }

em {
  font-family: 'IB-Italic'; }

p {
  font-size: 1.5vw;
  line-height: 1.2;
  color: rgba(0, 0, 0, 0.8);
  text-indent: 3em; }
  @media (max-width: 1024px) {
    p {
      font-size: 3rem; } }
  p a {
    color: rgba(0, 0, 0, 0.5);
    border-bottom: 2px solid; }
    p a:hover {
      color: blue;
      border-bottom: 2px solid;
      cursor: pointer; }
  @media (max-width: 560px) {
    p {
      font-size: 1.8rem;
      text-indent: 3rem; } }
  p:first-of-type {
    text-indent: 0; }
  p:last-of-type {
    padding-bottom: 2.5rem; }

.location p {
  float: right; }

blockquote p {
  margin-left: 7rem;
  margin-top: 0;
  padding-bottom: 0 !important;
  text-indent: 0 !important; }
  @media (max-width: 560px) {
    blockquote p {
      margin-left: 3rem; } }

header h1 {
  font-size: 4rem; }
  @media (max-width: 768px) {
    header h1 {
      font-size: 2.7rem; } }
  @media (max-width: 560px) {
    header h1 {
      font-size: 2.4rem; } }
  header h1 a span {
    display: inline; }

header a {
  text-decoration: none; }
  header a:hover {
    color: #b58b73; }

.current-single h1 {
  font-size: 2rem; }

.current-single h2 {
  font-size: 2rem;
  color: rgba(0, 0, 0, 0.5);
  margin: 0; }

.name h1 {
  font-size: 128px;
  line-height: 172.8px;
  font-size: 8rem;
  line-height: 10.8rem;
  color: white; }
  .name h1.home {
    color: #b58b73; }

.full-name h1 a {
  font-size: 19.2px;
  line-height: 25.92px;
  font-size: 1.2rem;
  line-height: 1.62rem;
  color: rgba(0, 0, 0, 0.8);
  text-decoration: none; }
  @media only screen and (max-width: 480px) {
    .full-name h1 a {
      font-size: 16px;
      line-height: 21.6px;
      font-size: 1rem;
      line-height: 1.35rem; } }
  .full-name h1 a:hover {
    color: #b58b73; }

.about {
  position: relative; }
  .about .close-me {
    color: #ccc;
    font-size: 4rem;
    position: fixed;
    top: 1.25rem;
    right: 3.5rem; }
    .about .close-me:hover {
      cursor: pointer;
      color: #b58b73; }
  .about .about-text {
    color: grey; }
    .about .about-text h1 {
      font-size: 4rem;
      line-height: 1;
      text-align: center;
      text-transform: uppercase;
      margin: 0 0 2.5rem 0;
      display: inline-block; }
      @media only screen and (max-width: 560px) {
        .about .about-text h1 + p {
          text-indent: 3rem; } }
      @media only screen and (max-width: 560px) {
        .about .about-text h1 {
          font-size: 2.4rem;
          margin: 0 0 3em 0; } }
    .about .about-text p {
      font-size: 1.5vw;
      text-indent: 3em;
      color: grey; }
      @media only screen and (max-width: 560px) {
        .about .about-text p {
          text-indent: 3rem; } }
      .about .about-text p a {
        border-bottom: 1px solid; }
      .about .about-text p + h1 {
        font-size: 4rem;
        margin-top: 1.5em;
        margin-bottom: 0;
        text-indent: 0; }
        @media only screen and (max-width: 560px) {
          .about .about-text p + h1 {
            font-size: 2.4rem;
            margin-left: 0; } }
      @media only screen and (max-width: 560px) {
        .about .about-text p {
          font-size: 1.8rem; }
          .about .about-text p:first-of-type {
            text-indent: 0; } }
    .about .about-text ul {
      margin-bottom: 2.5em;
      margin-left: 7rem; }
      @media (max-width: 560px) {
        .about .about-text ul {
          margin-left: 0; } }
      .about .about-text ul li {
        font-size: 2.4rem; }
        @media only screen and (max-width: 480px) {
          .about .about-text ul li {
            font-size: 1.8rem;
            line-height: 1.35;
            padding: 0;
            margin-left: 0; } }
        .about .about-text ul li a {
          text-decoration: none;
          border-bottom: 1px solid; }
          .about .about-text ul li a:hover {
            color: #b58b73; }
      .about .about-text ul + h1 {
        margin-bottom: 0; }
    .about .about-text figure + h1 {
      margin-bottom: 0; }

[data-layout="project"] .project-text h1 {
  font-size: 4rem;
  padding-top: 2.4rem;
  text-transform: uppercase; }
  [data-layout="project"] .project-text h1 + p {
    text-indent: 0; }

[data-layout="project"] .project-text ul + p {
  text-indent: 0;
  padding-top: 2.4rem; }

.intro-text {
  margin-top: 8rem;
  margin-bottom: 10rem; }
  .intro-text small {
    margin-bottom: 1em; }
  .intro-text h2 {
    font-size: 2.3rem;
    line-height: 1;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.8);
    margin-bottom: 0.5rem;
    margin-left: 6.5rem;
    border-bottom: 2px solid;
    max-width: 85%; }
    @media only screen and (max-width: 1024px) {
      .intro-text h2 {
        max-width: 100%; } }
    @media only screen and (max-width: 560px) {
      .intro-text h2 {
        font-size: 2rem;
        margin-left: 0;
        text-transform: none; } }
    .intro-text h2 span {
      font-size: 1.2rem;
      padding-right: 2.5rem;
      text-transform: uppercase; }
  .intro-text p {
    font-size: 4rem;
    line-height: 1;
    text-indent: 6.5rem;
    text-transform: uppercase; }
    .intro-text p:first-of-type {
      text-indent: 0; }
    @media only screen and (max-width: 560px) {
      .intro-text p {
        font-size: 2.4rem;
        text-indent: 0;
        text-transform: none;
        max-width: 100%; } }

@media only screen and (max-width: 480px) {
  .current-title h1 {
    font-size: 2rem; } }

.text h1 {
  font-size: 16px;
  line-height: 21.6px;
  font-size: 1rem;
  line-height: 1.35rem;
  margin: 0 0 0.5em 3em;
  clear: left;
  border-bottom: 2px solid rgba(0, 0, 0, 0.8);
  display: inline-block;
  color: rgba(0, 0, 0, 0.8); }

.text p {
  font-size: 2rem;
  text-indent: 3em;
  color: rgba(0, 0, 0, 0.8); }
  @media (max-width: 560px) {
    .text p {
      font-size: 19.2px;
      line-height: 25.92px;
      font-size: 1.2rem;
      line-height: 1.62rem; } }
  .text p:first-of-type {
    text-indent: 0; }
  .text p + h1 {
    font-size: 16px;
    line-height: 21.6px;
    font-size: 1rem;
    line-height: 1.35rem;
    margin: 1em 0 0.5em 3em;
    border-bottom: 2px solid rgba(0, 0, 0, 0.8);
    display: inline-block;
    color: rgba(0, 0, 0, 0.8); }

.text li {
  margin-left: 3.5em;
  padding-bottom: 0.25em; }

.text h3 {
  font-weight: normal;
  margin: 1.5em 0 0 3.5em;
  display: inline-block; }
  .text h3 + p {
    text-indent: 0; }

table th {
  font-weight: normal;
  text-align: left; }

table td {
  font-size: 20px;
  line-height: 27px;
  font-size: 1.25rem;
  line-height: 1.6875rem; }
  table td a {
    text-decoration: none;
    color: rgba(0, 0, 0, 0.8); }
    table td a:hover {
      color: #b58b73; }
  table td p {
    font-size: 20px;
    line-height: 27px;
    font-size: 1.25rem;
    line-height: 1.6875rem;
    padding: 0 !important; }
    table td p a {
      font-size: 20px;
      line-height: 27px;
      font-size: 1.25rem;
      line-height: 1.6875rem;
      text-decoration: none;
      color: rgba(0, 0, 0, 0.8); }
      table td p a:hover {
        color: #b58b73; }

footer ul li a {
  color: rgba(0, 0, 0, 0.8);
  text-decoration: none; }
  footer ul li a:hover {
    color: #b58b73; }

small {
  font-size: 13.6px;
  line-height: 18.36px;
  font-size: 0.85rem;
  line-height: 1.1475rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.8);
  margin-bottom: 0.5em;
  display: inline-block; }

.table-row p {
  font-size: 2rem;
  color: rgba(0, 0, 0, 0.8);
  padding: 0; }
  .table-row p a {
    font-size: 2rem;
    color: rgba(0, 0, 0, 0.8);
    text-decoration: none;
    padding: 0;
    margin: 0; }
    .table-row p a:hover {
      color: #b58b73; }

.table-row a {
  font-size: 20px;
  line-height: 27px;
  font-size: 1.25rem;
  line-height: 1.6875rem;
  color: rgba(0, 0, 0, 0.8);
  text-decoration: none; }
  .table-row a:hover {
    color: #b58b73; }

.journal-text p {
  font-size: 20px;
  line-height: 32px;
  font-size: 1.25rem;
  line-height: 2rem;
  text-indent: 5em; }
  .journal-text p:first-of-type {
    text-indent: 0; }

.extra-content p.head {
  font-size: 2.1rem;
  line-height: 1;
  display: inline-block;
  padding: 0;
  margin-bottom: 0.25em;
  text-indent: 0 !important;
  text-align: center;
  color: #aaa; }

.extra-content p {
  font-size: 2rem;
  line-height: 1.35;
  text-indent: 3em; }
  .extra-content p:first-of-type {
    text-indent: 0; }

.col_artist,
.col_artist a,
.col_event,
.col_region,
.col_website,
.col_website p a {
  font-size: 4rem;
  line-height: 1;
  text-transform: uppercase; }
  @media only screen and (max-width: 768px) {
    .col_artist,
    .col_artist a,
    .col_event,
    .col_region,
    .col_website,
    .col_website p a {
      font-size: 2.8rem; } }
  @media only screen and (max-width: 560px) {
    .col_artist,
    .col_artist a,
    .col_event,
    .col_region,
    .col_website,
    .col_website p a {
      font-size: 2.4rem; } }

.col_website p {
  display: inline-block; }

.col_website a {
  font-size: 2rem;
  color: rgba(0, 0, 0, 0.8);
  border: none; }
  .col_website a:hover {
    color: #b58b73 !important;
    border: none; }

.col_details p {
  text-indent: 0; }
  @media only screen and (max-width: 480px) {
    .col_details p {
      font-size: 1.6rem; } }
  .col_details p.head {
    color: rgba(0, 0, 0, 0.5); }
    @media only screen and (max-width: 480px) {
      .col_details p.head {
        font-size: 1.6rem; } }

.col_bio p {
  font-size: 1.5vw;
  line-height: 1.2;
  text-indent: 3em; }
  .col_bio p:first-of-type {
    text-indent: 3em; }
    @media only screen and (max-width: 480px) {
      .col_bio p:first-of-type {
        text-indent: 0; } }
  @media only screen and (max-width: 1024px) {
    .col_bio p {
      font-size: 3rem; } }
  @media only screen and (max-width: 480px) {
    .col_bio p {
      font-size: 1.8rem;
      text-indent: 3rem; } }

figcaption {
  font-size: 1.2rem;
  padding-top: 0.5rem;
  color: rgba(0, 0, 0, 0.5); }
  figcaption a {
    color: #ccc; }
    figcaption a:hover {
      color: #b58b73; }

sub {
  font-size: 2rem;
  vertical-align: baseline; }

/*
**
****  07. Tremplate Specific Styles
**
*/
.home-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row; }
  @media (max-width: 560px) {
    .home-section {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }

.current-title {
  width: 100%;
  max-width: 25vw;
  float: left; }
  @media only screen and (max-width: 768px) {
    .current-title {
      max-width: 100vw;
      margin-bottom: 2em; } }

.current-wrap {
  width: calc(100% * 4 / 6);
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  float: left; }
  @media only screen and (max-width: 1024px) {
    .current-wrap {
      padding-right: 1rem; } }
  @media only screen and (max-width: 768px) {
    .current-wrap {
      width: 100%; } }

.current-single {
  width: 50%; }
  .current-single:nth-of-type(3n) {
    margin-right: 0; }
  .current-single p {
    padding-bottom: 1rem; }
  .current-single figure {
    margin-bottom: 0.5rem;
    position: relative; }
    .current-single figure:hover {
      cursor: pointer;
      background: #b58b73; }
      .current-single figure:hover + h1 {
        color: #b58b73; }
        .current-single figure:hover + h1 + h2 + p {
          color: #b58b73; }
      .current-single figure:hover img {
        mix-blend-mode: multiply; }
    .current-single figure img {
      -webkit-filter: grayscale(100%);
              filter: grayscale(100%);
      display: block; }
  @media only screen and (max-width: 480px) {
    .current-single {
      width: 100%; } }

.about {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 7rem;
  display: none;
  width: calc(100vw - 7rem);
  height: 100%;
  max-height: 100%;
  padding: 6rem 2rem 8rem 2rem;
  background: #e1e1e1;
  z-index: 600;
  transition: right 800ms ease; }
  @media only screen and (max-width: 768px) {
    .about {
      width: 80%;
      right: -81%;
      padding-left: 3rem; } }
  @media only screen and (max-width: 480px) {
    .about {
      width: 100%;
      right: -105%;
      padding-left: 1.25rem;
      left: 4rem; } }
  .about .inner {
    position: absolute;
    top: 0;
    bottom: 0;
    padding: 1rem 0 5rem 0;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch; }
    .about .inner::-webkit-scrollbar {
      width: 0 !important; }
    @media (max-width: 560px) {
      .about .inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; } }
  .about .site-nav {
    width: 30%;
    position: fixed; }
    @media (max-width: 560px) {
      .about .site-nav {
        position: static;
        padding-bottom: 5rem; } }
    .about .site-nav a {
      display: block;
      font-size: 4rem;
      line-height: 1;
      text-transform: uppercase;
      color: grey; }
      @media (max-width: 560px) {
        .about .site-nav a {
          font-size: 2.4rem; } }
      .about .site-nav a:hover {
        color: #b58b73;
        cursor: pointer; }
  .about .bcsc {
    position: fixed;
    bottom: 1.5rem;
    left: 2rem;
    font-size: 4rem;
    color: #ccc; }
  .about .about-text {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    width: 100%;
    padding-right: 5%;
    padding-left: 35%;
    color: grey; }
    .about .about-text a:hover {
      color: #b58b73; }
    @media (max-width: 560px) {
      .about .about-text h1:first-of-type {
        display: none; } }
    @media only screen and (max-width: 1024px) {
      .about .about-text {
        width: 90%;
        margin-right: 0; } }
    @media only screen and (max-width: 480px) {
      .about .about-text {
        margin-right: 0;
        padding-left: 0;
        padding-right: 1.5rem; } }
  .about.slide-in {
    display: block; }
    @media only screen and (max-width: 1024px) {
      .about.slide-in {
        right: 0; } }
  .about figure {
    mix-blend-mode: multiply; }
    .about figure img {
      width: 75%;
      max-width: 860px;
      margin: 2rem 0 2rem 7rem; }
      @media only screen and (max-width: 480px) {
        .about figure img {
          width: 100%;
          margin: 2rem 0;
          padding: 0; } }

/* Residency & Project pages */
.title {
  font-size: 4rem;
  line-height: 1;
  text-indent: 0;
  text-transform: uppercase;
  padding: 0 !important;
  color: #bbb; }
  @media (max-width: 560px) {
    .title {
      font-size: 2.4rem;
      margin: 0; } }

.program-title,
.project-title,
.entry-title {
  width: calc(100% * 1.5 / 6);
  position: fixed;
  max-width: 39rem; }
  @media (max-width: 560px) {
    .program-title,
    .project-title,
    .entry-title {
      position: static;
      width: 100%;
      padding-bottom: 2rem; } }
  .program-title p, .program-title p.dates,
  .project-title p,
  .project-title p.dates,
  .entry-title p,
  .entry-title p.dates {
    font-size: 4rem;
    line-height: 1;
    text-indent: 0 !important;
    margin-bottom: 0;
    color: #aaa; }
    @media (max-width: 560px) {
      .program-title p, .program-title p.dates,
      .project-title p,
      .project-title p.dates,
      .entry-title p,
      .entry-title p.dates {
        font-size: 2.4rem; } }
  .program-title p.dates,
  .project-title p.dates,
  .entry-title p.dates {
    margin-bottom: 4.8rem; }
  .program-title ul.entry-list li,
  .project-title ul.entry-list li,
  .entry-title ul.entry-list li {
    display: block;
    font-size: 4rem;
    line-height: 1;
    padding: 0; }
    @media (max-width: 560px) {
      .program-title ul.entry-list li,
      .project-title ul.entry-list li,
      .entry-title ul.entry-list li {
        font-size: 2.4rem; } }
  @media (max-width: 768px) {
    .program-title h3,
    .project-title h3,
    .entry-title h3 {
      padding-bottom: 2rem; } }
  .program-title p,
  .project-title p,
  .entry-title p {
    text-indent: 0; }
    .program-title p a,
    .project-title p a,
    .entry-title p a {
      font-size: 1.6rem;
      color: rgba(0, 0, 0, 0.8);
      border: none;
      display: block;
      border-top: 1px solid rgba(0, 0, 0, 0.8);
      border-bottom: 1px solid rgba(0, 0, 0, 0.8);
      padding: 0.6rem 0; }
      .program-title p a:hover,
      .project-title p a:hover,
      .entry-title p a:hover {
        color: #b58b73; }
        .program-title p a:hover:before,
        .project-title p a:hover:before,
        .entry-title p a:hover:before {
          content: '\25CF'; }
      .program-title p a:before,
      .project-title p a:before,
      .entry-title p a:before {
        content: '\25cb';
        margin-right: 1rem; }
  .program-title.artist a.website,
  .project-title.artist a.website,
  .entry-title.artist a.website {
    display: block; }
    .program-title.artist a.website:hover,
    .project-title.artist a.website:hover,
    .entry-title.artist a.website:hover {
      color: #b58b73; }
  .program-title.artist ul li,
  .project-title.artist ul li,
  .entry-title.artist ul li {
    border-bottom: none;
    display: inline-block; }
  .program-title.artist ul.playlist,
  .project-title.artist ul.playlist,
  .entry-title.artist ul.playlist {
    border: none; }
    .program-title.artist ul.playlist li,
    .project-title.artist ul.playlist li,
    .entry-title.artist ul.playlist li {
      font-size: 4rem;
      line-height: 1;
      padding: 0; }
      @media (max-width: 560px) {
        .program-title.artist ul.playlist li,
        .project-title.artist ul.playlist li,
        .entry-title.artist ul.playlist li {
          font-size: 2.4rem; } }
  .program-title.artist .sc-time-indicators,
  .project-title.artist .sc-time-indicators,
  .entry-title.artist .sc-time-indicators {
    top: -22px; }
  .program-title.artist .sc-played, .program-title.artist .sc-buffer,
  .project-title.artist .sc-played,
  .project-title.artist .sc-buffer,
  .entry-title.artist .sc-played,
  .entry-title.artist .sc-buffer {
    bottom: -6px; }
  .program-title .sc-time-indicators,
  .project-title .sc-time-indicators,
  .entry-title .sc-time-indicators {
    top: -17px; }
  .program-title figure,
  .project-title figure,
  .entry-title figure {
    margin-bottom: 2rem; }
    .program-title figure img,
    .project-title figure img,
    .entry-title figure img {
      max-width: 100%;
      display: block; }
  .program-title dl dt,
  .project-title dl dt,
  .entry-title dl dt {
    color: #aaa;
    line-height: 1.5; }
  .program-title dl dd,
  .project-title dl dd,
  .entry-title dl dd {
    line-height: 1.35; }
    .program-title dl dd a,
    .project-title dl dd a,
    .entry-title dl dd a {
      color: rgba(0, 0, 0, 0.8); }
      .program-title dl dd a:hover,
      .project-title dl dd a:hover,
      .entry-title dl dd a:hover {
        color: #b58b73; }
  .program-title ul,
  .project-title ul,
  .entry-title ul {
    margin-bottom: 1.5rem; }
    .program-title ul.artist-list, .program-title ul.review-list, .program-title ul.engagement,
    .project-title ul.artist-list,
    .project-title ul.review-list,
    .project-title ul.engagement,
    .entry-title ul.artist-list,
    .entry-title ul.review-list,
    .entry-title ul.engagement {
      margin-bottom: 0; }
      .program-title ul.artist-list li, .program-title ul.review-list li, .program-title ul.engagement li,
      .project-title ul.artist-list li,
      .project-title ul.review-list li,
      .project-title ul.engagement li,
      .entry-title ul.artist-list li,
      .entry-title ul.review-list li,
      .entry-title ul.engagement li {
        font-size: 4rem; }
        @media (max-width: 560px) {
          .program-title ul.artist-list li, .program-title ul.review-list li, .program-title ul.engagement li,
          .project-title ul.artist-list li,
          .project-title ul.review-list li,
          .project-title ul.engagement li,
          .entry-title ul.artist-list li,
          .entry-title ul.review-list li,
          .entry-title ul.engagement li {
            font-size: 2.4rem; } }
        .program-title ul.artist-list li:first-of-type, .program-title ul.review-list li:first-of-type, .program-title ul.engagement li:first-of-type,
        .project-title ul.artist-list li:first-of-type,
        .project-title ul.review-list li:first-of-type,
        .project-title ul.engagement li:first-of-type,
        .entry-title ul.artist-list li:first-of-type,
        .entry-title ul.review-list li:first-of-type,
        .entry-title ul.engagement li:first-of-type {
          border: none; }
        .program-title ul.artist-list li:last-of-type, .program-title ul.review-list li:last-of-type, .program-title ul.engagement li:last-of-type,
        .project-title ul.artist-list li:last-of-type,
        .project-title ul.review-list li:last-of-type,
        .project-title ul.engagement li:last-of-type,
        .entry-title ul.artist-list li:last-of-type,
        .entry-title ul.review-list li:last-of-type,
        .entry-title ul.engagement li:last-of-type {
          border: none; }
    .program-title ul:nth-of-type(2),
    .project-title ul:nth-of-type(2),
    .entry-title ul:nth-of-type(2) {
      border: none; }
      .program-title ul:nth-of-type(2) li,
      .project-title ul:nth-of-type(2) li,
      .entry-title ul:nth-of-type(2) li {
        border: none;
        padding: 0.25rem 0; }
    @media (max-width: 560px) {
      .program-title ul,
      .project-title ul,
      .entry-title ul {
        width: 100%; } }
    .program-title ul .sc-trackslist li,
    .project-title ul .sc-trackslist li,
    .entry-title ul .sc-trackslist li {
      border: none !important; }
    .program-title ul .sc-buffer, .program-title ul .sc-played,
    .project-title ul .sc-buffer,
    .project-title ul .sc-played,
    .entry-title ul .sc-buffer,
    .entry-title ul .sc-played {
      bottom: -8px; }
    .program-title ul li,
    .project-title ul li,
    .entry-title ul li {
      border-bottom: none;
      padding: 0.75rem 0;
      display: inline-block; }
      .program-title ul li a:hover,
      .project-title ul li a:hover,
      .entry-title ul li a:hover {
        color: #b58b73; }
    .program-title ul + p + ul li,
    .project-title ul + p + ul li,
    .entry-title ul + p + ul li {
      padding: 0.5rem 0;
      border-top: 1px solid; }
  .program-title h1, .program-title h2,
  .project-title h1,
  .project-title h2,
  .entry-title h1,
  .entry-title h2 {
    font-size: 4rem;
    line-height: 1;
    text-transform: uppercase;
    color: #272727; }
    @media (max-width: 560px) {
      .program-title h1, .program-title h2,
      .project-title h1,
      .project-title h2,
      .entry-title h1,
      .entry-title h2 {
        font-size: 2.4rem; } }
  .program-title h2,
  .project-title h2,
  .entry-title h2 {
    border: none;
    margin: 0; }

.program-title {
  position: static; }

hr {
  border-top: 1px solid white;
  margin: 4rem 0 2rem 0; }

.entry-text p:first-of-type {
  text-indent: 0 !important; }

.program-table__row:hover {
  cursor: pointer; }
  .program-table__row:hover h1,
  .program-table__row:hover .subtitle {
    color: #b58b73; }

.program-text,
.project-text,
.entry-text {
  width: 100%;
  padding-left: 27.5vw;
  float: left; }
  .program-text__content,
  .project-text__content,
  .entry-text__content {
    display: none;
    padding-bottom: 7rem; }
    .program-text__content:hover,
    .project-text__content:hover,
    .entry-text__content:hover {
      cursor: initial; }
    .program-text__content figure,
    .project-text__content figure,
    .entry-text__content figure {
      margin: 2.5rem 0; }
      .program-text__content figure img,
      .project-text__content figure img,
      .entry-text__content figure img {
        display: block;
        max-width: 100%; }
  @media (max-width: 560px) {
    .program-text,
    .project-text,
    .entry-text {
      width: 100%;
      padding-left: 0;
      margin: 0; } }
  @media (max-width: 560px) {
    .program-text hr + p,
    .project-text hr + p,
    .entry-text hr + p {
      text-indent: 3rem !important; } }
  @media (max-width: 560px) {
    .program-text p.title,
    .project-text p.title,
    .entry-text p.title {
      font-size: 2.4rem;
      padding: 0;
      margin: 0; } }
  .program-text p:first-of-type,
  .project-text p:first-of-type,
  .entry-text p:first-of-type {
    text-indent: 0; }
  .program-text p span,
  .project-text p span,
  .entry-text p span {
    margin-left: -6.5rem;
    margin-right: 3rem;
    -webkit-font-feature-settings: 'tnum';
            font-feature-settings: 'tnum'; }
    @media (max-width: 560px) {
      .program-text p span,
      .project-text p span,
      .entry-text p span {
        margin-left: -3rem;
        margin-right: 1rem; } }
  .program-text p a:hover,
  .project-text p a:hover,
  .entry-text p a:hover {
    color: #b58b73; }
  @media (max-width: 560px) {
    .program-text p,
    .project-text p,
    .entry-text p {
      font-size: 1.8rem;
      line-height: 1.3; } }
  .program-text hr + h2,
  .project-text hr + h2,
  .entry-text hr + h2 {
    margin-top: 1rem; }
  .program-text figure,
  .project-text figure,
  .entry-text figure {
    margin: 0.5rem 0 2.5rem; }
    .program-text figure img,
    .project-text figure img,
    .entry-text figure img {
      max-width: 100%;
      display: block; }
    @media (max-width: 560px) {
      .program-text figure,
      .project-text figure,
      .entry-text figure {
        margin-bottom: 2.5rem; } }
  .program-text p > span.number + p,
  .project-text p > span.number + p,
  .entry-text p > span.number + p {
    color: red; }
  .program-text p + figure,
  .project-text p + figure,
  .entry-text p + figure {
    margin-top: 5rem;
    margin-left: 6.5rem; }
    @media (max-width: 560px) {
      .program-text p + figure,
      .project-text p + figure,
      .entry-text p + figure {
        margin-top: 2.5rem;
        margin-left: 0; } }
  .program-text figure + p,
  .project-text figure + p,
  .entry-text figure + p {
    text-indent: 0; }
  .program-text p + ul,
  .project-text p + ul,
  .entry-text p + ul {
    padding-top: 0 !important;
    margin-left: 7rem; }
    @media (max-width: 560px) {
      .program-text p + ul,
      .project-text p + ul,
      .entry-text p + ul {
        margin-left: 3rem; } }
  .program-text h2 + ul,
  .project-text h2 + ul,
  .entry-text h2 + ul {
    margin-left: 7rem; }
    @media (max-width: 560px) {
      .program-text h2 + ul,
      .project-text h2 + ul,
      .entry-text h2 + ul {
        margin-left: 3rem; } }
  .program-text figure.left,
  .project-text figure.left,
  .entry-text figure.left {
    margin-left: 0;
    max-width: 400px;
    padding-top: 5rem; }
  .program-text ul.artist-list, .program-text ul.ephemera-list, .program-text ul.review-list,
  .project-text ul.artist-list,
  .project-text ul.ephemera-list,
  .project-text ul.review-list,
  .entry-text ul.artist-list,
  .entry-text ul.ephemera-list,
  .entry-text ul.review-list {
    margin-left: 0; }
    .program-text ul.artist-list li, .program-text ul.ephemera-list li, .program-text ul.review-list li,
    .project-text ul.artist-list li,
    .project-text ul.ephemera-list li,
    .project-text ul.review-list li,
    .entry-text ul.artist-list li,
    .entry-text ul.ephemera-list li,
    .entry-text ul.review-list li {
      font-size: 4rem;
      line-height: 1; }
      @media (max-width: 560px) {
        .program-text ul.artist-list li, .program-text ul.ephemera-list li, .program-text ul.review-list li,
        .project-text ul.artist-list li,
        .project-text ul.ephemera-list li,
        .project-text ul.review-list li,
        .entry-text ul.artist-list li,
        .entry-text ul.ephemera-list li,
        .entry-text ul.review-list li {
          font-size: 2.4rem; } }
  @media (max-width: 560px) {
    .program-text ul,
    .project-text ul,
    .entry-text ul {
      margin-left: 0; } }
  .program-text ul li,
  .project-text ul li,
  .entry-text ul li {
    font-size: 1.5vw;
    line-height: 1.2;
    color: rgba(0, 0, 0, 0.8); }
    @media (max-width: 1024px) {
      .program-text ul li,
      .project-text ul li,
      .entry-text ul li {
        font-size: 3rem; } }
    @media (max-width: 560px) {
      .program-text ul li,
      .project-text ul li,
      .entry-text ul li {
        font-size: 1.8rem; } }
    .program-text ul li a,
    .project-text ul li a,
    .entry-text ul li a {
      color: black; }
      .program-text ul li a:hover,
      .project-text ul li a:hover,
      .entry-text ul li a:hover {
        color: #b58b73; }
  .program-text dl,
  .project-text dl,
  .entry-text dl {
    font-size: 4rem;
    line-height: 1;
    margin-bottom: 3rem; }
    @media (max-width: 560px) {
      .program-text dl,
      .project-text dl,
      .entry-text dl {
        font-size: 2.4rem; } }
    .program-text dl dt,
    .project-text dl dt,
    .entry-text dl dt {
      color: #bbb;
      text-transform: uppercase; }
    .program-text dl dd a:hover,
    .project-text dl dd a:hover,
    .entry-text dl dd a:hover {
      color: #b58b73;
      cursor: pointer; }
  .program-text small,
  .project-text small,
  .entry-text small {
    font-size: 1.2rem;
    line-height: 1.35;
    max-width: 60%;
    border: none;
    text-indent: 0;
    margin-top: 1.5rem;
    margin-bottom: 3rem; }
    .program-text small a,
    .project-text small a,
    .entry-text small a {
      color: rgba(0, 0, 0, 0.5);
      border-bottom: 1px solid; }
      .program-text small a:hover,
      .project-text small a:hover,
      .entry-text small a:hover {
        color: blue;
        border-bottom: 1px solid; }

.project-text,
.entry-text {
  padding-right: 10%; }
  @media (max-width: 560px) {
    .project-text,
    .entry-text {
      padding-right: 0; } }

.program-text {
  max-width: 960px; }
  .program-text hr {
    margin: 1.25rem 0; }
    .program-text hr + h2 {
      margin-top: 0; }
  .program-text p:first-of-type {
    text-indent: 0; }
  .program-text .subtitle {
    font-size: 4rem;
    text-transform: uppercase;
    line-height: 1;
    margin: 0; }
    @media (max-width: 560px) {
      .program-text .subtitle {
        font-size: 2.4rem;
        width: 100%; } }

/* Shop stuff */
main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-width: 1600px; }
  main[data-layout="entry"], main[data-layout="event"] {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; }
    @media (max-width: 560px) {
      main[data-layout="entry"], main[data-layout="event"] {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; } }
  main[data-layout="event"] ul.artist-list li {
    padding: 0.25rem 0;
    display: inline; }
  main[data-layout="event"] ul.ephemera-list li {
    border: none; }
  main[data-layout="programs"] article {
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; }
    @media (max-width: 560px) {
      main[data-layout="programs"] article {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; } }
    main[data-layout="programs"] article .program-title {
      width: 100%;
      max-width: 400px; }
      @media (max-width: 560px) {
        main[data-layout="programs"] article .program-title {
          max-width: 100%;
          padding: 0; } }
      main[data-layout="programs"] article .program-title h2 {
        margin: 0; }
    main[data-layout="programs"] article .program-text {
      padding: 0; }
    main[data-layout="programs"] article:first-of-type {
      padding-top: 0; }
    main[data-layout="programs"] article:last-of-type {
      border-bottom: none; }
    main[data-layout="programs"] article p:first-of-type {
      text-indent: 6.5rem; }
      @media (max-width: 560px) {
        main[data-layout="programs"] article p:first-of-type {
          text-indent: 3rem; } }
    main[data-layout="programs"] article hr + p {
      text-indent: 0; }
    main[data-layout="programs"] article ul {
      font-size: inherit;
      margin-left: 7rem;
      padding-top: 2.5rem;
      padding-bottom: 2.5rem; }
      @media (max-width: 560px) {
        main[data-layout="programs"] article ul {
          margin-left: 3rem; } }
      main[data-layout="programs"] article ul li {
        color: rgba(0, 0, 0, 0.8);
        font-size: 1.5vw;
        line-height: 1.25;
        text-indent: -3rem;
        margin-left: 2.5rem; }
        @media (max-width: 1024px) {
          main[data-layout="programs"] article ul li {
            font-size: 3rem; } }
        @media (max-width: 560px) {
          main[data-layout="programs"] article ul li {
            font-size: 1.8rem; } }
        main[data-layout="programs"] article ul li a {
          color: rgba(0, 0, 0, 0.5);
          border-bottom: 2px solid; }
        main[data-layout="programs"] article ul li:before {
          content: '\2192';
          padding-right: 1rem; }
    main[data-layout="programs"] article dl {
      font-size: 2.4rem;
      line-height: 1.25;
      margin-left: 7rem;
      margin-bottom: 2.5rem; }
      @media (max-width: 560px) {
        main[data-layout="programs"] article dl {
          font-size: 1.8rem;
          margin-left: 3rem; } }
      main[data-layout="programs"] article dl dd {
        color: rgba(0, 0, 0, 0.8); }
  main[data-layout="artist"], main[data-layout="project"] {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; }
    @media (max-width: 560px) {
      main[data-layout="artist"], main[data-layout="project"] {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; } }
    @media (max-width: 560px) {
      main[data-layout="artist"] figure, main[data-layout="project"] figure {
        margin-top: 2.5rem;
        margin-left: 0; } }
  @media (max-width: 560px) {
    main[data-layout="project"] {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }
  main[data-layout="project"] p.dates {
    margin-bottom: 4rem; }
    @media (max-width: 560px) {
      main[data-layout="project"] p.dates {
        margin-bottom: 0;
        padding-bottom: 2.4rem; } }
  main[data-layout="project"] ul.review-list li {
    padding: 0.25rem 0;
    display: inline; }
    main[data-layout="project"] ul.review-list li:after {
      content: ','; }
    main[data-layout="project"] ul.review-list li:last-of-type:after {
      content: ''; }
  main[data-layout="project"] ul.ephemera-list li {
    border: none;
    display: inline; }
    main[data-layout="project"] ul.ephemera-list li:after {
      content: ','; }
    main[data-layout="project"] ul.ephemera-list li:last-of-type:after {
      content: ''; }
  main[data-layout="project"] ul.artist-list li {
    padding: 0.25rem 0;
    display: inline; }
    main[data-layout="project"] ul.artist-list li:after {
      content: ','; }
    main[data-layout="project"] ul.artist-list li:last-of-type:after {
      content: ''; }
  @media only screen and (max-width: 560px) {
    main[data-layout="project"] ul.playlist {
      margin-bottom: 0; } }
  main[data-layout="project"] ul.playlist li {
    border: 0;
    display: block;
    font-size: 4rem;
    line-height: 1;
    margin-left: 4rem;
    padding: 0 !important;
    text-indent: -4rem; }
    @media (max-width: 560px) {
      main[data-layout="project"] ul.playlist li {
        font-size: 2.4rem; } }
  @media only screen and (max-width: 560px) {
    main[data-layout="project"] .project-title {
      padding-bottom: 0; } }
  main[data-layout="project"] .project-title ul.playlist li:nth-of-type(even), main[data-layout="project"] .project-title ul.playlist li:nth-of-type(3) {
    padding-bottom: 0.8rem; }
  main[data-layout="project"] .project-title ul .sc-played,
  main[data-layout="project"] .project-title ul .sc-buffer {
    bottom: -9px; }
    main[data-layout="project"] .project-title ul .sc-played:nth-child(odd),
    main[data-layout="project"] .project-title ul .sc-buffer:nth-child(odd) {
      bottom: -9px; }
  main[data-layout="project"] dl dd {
    padding: 0.25rem 0;
    display: inline; }
    main[data-layout="project"] dl dd:after {
      content: ','; }
    main[data-layout="project"] dl dd:last-of-type:after {
      content: ''; }
  main[data-layout="programs"] article, main[data-layout="program"] article {
    border-top: 1px solid black; }
  main[data-layout="programs"] .program-title h2, main[data-layout="program"] .program-title h2 {
    margin-bottom: 4rem; }
    main[data-layout="programs"] .program-title h2 + .dates, main[data-layout="program"] .program-title h2 + .dates {
      margin-top: -4rem;
      margin-bottom: 4rem; }
  main[data-layout="programs"] .program-title h3, main[data-layout="program"] .program-title h3 {
    padding-bottom: 2rem; }
  main[data-layout="programs"] .program-title .title, main[data-layout="program"] .program-title .title {
    text-indent: 0;
    text-transform: uppercase; }
  main[data-layout="programs"] ul, main[data-layout="program"] ul {
    list-style: none; }
    main[data-layout="programs"] ul.current-program, main[data-layout="programs"] ul.ephemera-list, main[data-layout="programs"] ul.artist-list, main[data-layout="program"] ul.current-program, main[data-layout="program"] ul.ephemera-list, main[data-layout="program"] ul.artist-list {
      border: none; }
      main[data-layout="programs"] ul.current-program li, main[data-layout="programs"] ul.ephemera-list li, main[data-layout="programs"] ul.artist-list li, main[data-layout="program"] ul.current-program li, main[data-layout="program"] ul.ephemera-list li, main[data-layout="program"] ul.artist-list li {
        border: none;
        margin: 0;
        text-indent: 0;
        padding: 0.25rem 0; }
        main[data-layout="programs"] ul.current-program li:before, main[data-layout="programs"] ul.ephemera-list li:before, main[data-layout="programs"] ul.artist-list li:before, main[data-layout="program"] ul.current-program li:before, main[data-layout="program"] ul.ephemera-list li:before, main[data-layout="program"] ul.artist-list li:before {
          content: '';
          padding: 0; }
  main[data-layout="programs"] ul.current-program li:before, main[data-layout="program"] ul.current-program li:before {
    content: '→';
    padding-right: 0.5rem; }
  main[data-layout="artist"] a.website {
    font-size: 4rem;
    line-height: 1; }
    @media (max-width: 560px) {
      main[data-layout="artist"] a.website {
        font-size: 2.4rem; } }
    main[data-layout="artist"] a.website + figure {
      margin-top: 2.5rem; }
  main[data-layout="artist"] ul.engagement {
    margin-bottom: 2.5rem; }
    @media (max-width: 560px) {
      main[data-layout="artist"] ul.engagement {
        margin-bottom: 0; } }
    main[data-layout="artist"] ul.engagement li {
      font-size: 4rem;
      line-height: 1;
      display: inline-block; }
      @media (max-width: 560px) {
        main[data-layout="artist"] ul.engagement li {
          font-size: 2.4rem; } }
      main[data-layout="artist"] ul.engagement li:after {
        content: ','; }
      main[data-layout="artist"] ul.engagement li:last-of-type:after {
        content: ''; }
  main[data-layout="artist"] ul.playlist {
    border-bottom: 1px solid; }
  main[data-layout="artist"] ul.journal li {
    font-size: 4rem;
    line-height: 1;
    display: block;
    padding: 0; }
  main[data-layout="artist"] .project-title .dates {
    margin-bottom: 4rem; }
    @media (max-width: 560px) {
      main[data-layout="artist"] .project-title .dates {
        margin-bottom: 0; } }
  @media (max-width: 560px) {
    main[data-layout="artist"] .project-title {
      padding-bottom: 0; } }
  main[data-layout="shop"] .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    border-bottom: 1px solid rgba(0, 0, 0, 0.8);
    padding-bottom: 2.4rem;
    margin-bottom: 2.4rem; }
    main[data-layout="shop"] .item:last-of-type {
      border-bottom: none; }
    @media (max-width: 768px) {
      main[data-layout="shop"] .item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse; } }
    main[data-layout="shop"] .item aside {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      width: calc(100% * 2 / 6);
      position: relative;
      padding-right: 4.8rem; }
      main[data-layout="shop"] .item aside h1 {
        font-size: 4rem;
        line-height: 1;
        text-transform: uppercase; }
        @media (max-width: 560px) {
          main[data-layout="shop"] .item aside h1 {
            font-size: 2.4rem; } }
      @media (max-width: 1024px) {
        main[data-layout="shop"] .item aside {
          width: calc(100% * 3 / 6); } }
      @media (max-width: 768px) {
        main[data-layout="shop"] .item aside {
          width: 100%;
          padding-left: 20%;
          padding-right: 0; } }
      @media (max-width: 560px) {
        main[data-layout="shop"] .item aside {
          width: 100%;
          padding-left: 0;
          padding-right: 0; } }
      main[data-layout="shop"] .item aside p {
        font-size: 2rem;
        text-indent: 6rem; }
        main[data-layout="shop"] .item aside p a:hover {
          color: #b58b73; }
        @media (max-width: 768px) {
          main[data-layout="shop"] .item aside p {
            line-height: 1.35; } }
        @media (max-width: 560px) {
          main[data-layout="shop"] .item aside p {
            text-indent: 3rem;
            line-height: 1.2; } }
      main[data-layout="shop"] .item aside ul {
        margin-left: 6.5rem; }
        @media (max-width: 560px) {
          main[data-layout="shop"] .item aside ul {
            margin-left: 3rem; } }
        main[data-layout="shop"] .item aside ul li {
          font-size: 2rem;
          color: rgba(0, 0, 0, 0.8);
          line-height: 1.25;
          text-indent: -3rem;
          margin-left: 3rem; }
          main[data-layout="shop"] .item aside ul li:before {
            content: '\2192';
            padding-right: 1rem; }
      main[data-layout="shop"] .item aside .details {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row; }
        @media (max-width: 768px) {
          main[data-layout="shop"] .item aside .details {
            position: static;
            padding-right: 0; } }
        @media (max-width: 560px) {
          main[data-layout="shop"] .item aside .details {
            margin-top: 4rem; } }
        main[data-layout="shop"] .item aside .details .price {
          width: calc(100% * 2 / 3);
          border-top: 1px solid rgba(0, 0, 0, 0.8);
          border-bottom: 1px solid rgba(0, 0, 0, 0.8);
          padding: 0.5rem 0; }
        main[data-layout="shop"] .item aside .details button {
          font-size: 4rem;
          text-transform: uppercase;
          width: 99%;
          margin-left: 1%;
          background: transparent;
          padding: 0.25rem 0;
          outline: 1px solid; }
          @media (max-width: 560px) {
            main[data-layout="shop"] .item aside .details button {
              font-size: 2.4rem;
              padding: 1rem;
              width: auto;
              margin: 0 auto; } }
          main[data-layout="shop"] .item aside .details button:hover {
            color: #b58b73;
            cursor: pointer; }
    main[data-layout="shop"] .item article {
      width: calc(100% * 4 / 6);
      float: left; }
      main[data-layout="shop"] .item article figure img {
        width: 100%;
        display: block; }
      @media (max-width: 1024px) {
        main[data-layout="shop"] .item article {
          width: calc(100% * 3 / 6); } }
      @media (max-width: 768px) {
        main[data-layout="shop"] .item article {
          width: 100%;
          margin-bottom: 2rem; } }

/* Home */
aside.air {
  width: 22.75%;
  float: left;
  margin: 2.5rem 3% 5rem 0; }
  aside.air p {
    padding-top: 1.35rem; }

.air-current {
  width: 15%;
  float: left;
  margin: 2.5rem 0 2.5rem 26.5%; }
  .air-current ul {
    list-style-type: none; }
    .air-current ul li {
      font-size: 14px;
      line-height: 18.9px;
      font-size: 0.875rem;
      line-height: 1.18125rem;
      margin-bottom: 0.25rem; }
      .air-current ul li a:hover {
        cursor: pointer; }

.events {
  width: 31.25%;
  float: left;
  margin: 2.5rem 0 2.5rem 0; }
  .events dl {
    position: relative;
    width: 100%;
    font-size: 14px;
    line-height: 18.9px;
    font-size: 0.875rem;
    line-height: 1.18125rem; }
    .events dl dt {
      position: absolute;
      width: 75%;
      margin-bottom: 0.25rem; }
      .events dl dt a:hover {
        border-bottom: 2px solid rgba(0, 0, 0, 0.8);
        cursor: pointer; }
    .events dl dd {
      width: 25%;
      margin: 0 0 0.25rem 75%; }

.footer-details {
  width: 12.5%;
  margin: 2.5rem 0 0 1%;
  float: left; }

.contact-text {
  width: 75%;
  float: left;
  margin-left: 25%; }

/* AiR Page */
.text {
  width: 50%;
  float: left;
  margin-left: 25%;
  padding-top: 6.5rem; }
  @media (max-width: 560px) {
    .text {
      width: 100%;
      margin-left: 0; } }

.images {
  width: 25%;
  float: left;
  margin-left: 8.5%; }

.air ul {
  padding-top: 1.15rem; }
  .air ul li {
    font-size: 15.2px;
    line-height: 24px;
    font-size: 0.95rem;
    line-height: 1.5rem; }
    .air ul li a {
      color: rgba(0, 0, 0, 0.8);
      text-decoration: none; }
      .air ul li a:hover {
        border-bottom: 2px solid rgba(0, 0, 0, 0.8); }
      .air ul li a:before {
        content: '—';
        padding-right: 0.25rem;
        border-bottom: none; }

.artists {
  width: 100%;
  margin: 0 auto;
  overflow: auto; }
  @media only screen and (max-width: 480px) {
    .artists {
      width: 100%; } }
  .artists .table {
    width: 100%; }

.table-row {
  width: 100%;
  float: left;
  display: block;
  border-top: 1px solid black;
  padding-top: 0.25em; }
  .table-row .col_event,
  .table-row .col_region {
    color: rgba(0, 0, 0, 0.8); }

.col_artist {
  width: calc(100% * 3 / 6);
  float: left;
  position: relative;
  color: rgba(0, 0, 0, 0.8); }
  @media only screen and (max-width: 768px) {
    .col_artist {
      width: calc(100% * 1.73 / 6); } }
  @media only screen and (max-width: 480px) {
    .col_artist {
      width: 100%; } }

.col_website {
  width: calc(100% * 1.9 / 6);
  float: left;
  position: relative;
  display: none;
  min-height: 1rem;
  color: rgba(0, 0, 0, 0.8); }
  @media only screen and (max-width: 768px) {
    .col_website {
      width: 40%; } }
  @media only screen and (max-width: 480px) {
    .col_website {
      display: none; } }

.col_region {
  width: calc(100% * 2.75 / 6);
  float: left;
  color: rgba(0, 0, 0, 0.8); }
  @media only screen and (max-width: 768px) {
    .col_region {
      width: 30%; } }

.col_link a {
  font-size: 4rem;
  line-height: 1; }
  .col_link a:after {
    content: '\2301'; }

@media (max-width: 560px) {
  .col_link {
    display: none; } }

@media only screen and (max-width: 480px) {
  .col_region {
    display: none; } }

@media (max-width: 560px) {
  .header .col_website {
    display: none; } }

@media only screen and (max-width: 480px) {
  .col_website p {
    display: none; } }

.extra-content {
  width: 100%;
  overflow: hidden;
  padding-bottom: 6rem;
  display: none; }
  @media (max-width: 560px) {
    .extra-content {
      padding-bottom: 0; } }
  .extra-content figure img {
    max-width: 100%;
    display: block;
    -webkit-filter: grayscale(100%);
            filter: grayscale(100%); }

.table-toggle:hover {
  cursor: pointer; }

.table-toggle:hover + .col-arrow {
  opacity: 1; }

.table-row-header {
  font-size: 2.4rem;
  padding-bottom: 1.5rem;
  position: fixed;
  top: 0;
  padding-top: 1.25rem;
  width: calc(100vw - 5rem);
  background: white;
  z-index: 100; }
  @media (max-width: 560px) {
    .table-row-header {
      font-size: 1.8rem; } }
  .table-row-header span:hover {
    cursor: pointer;
    color: #b58b73; }

.table {
  padding-top: 8rem; }
  @media (max-width: 560px) {
    .table {
      padding-top: 6rem; } }

.col_img {
  width: calc(100% * 3 / 6);
  float: left; }
  @media (max-width: 560px) {
    .col_img {
      width: 100%;
      margin-left: 0 !important; } }
  @media (max-width: 768px) {
    .col_img {
      width: calc(100% * 4.27 / 6);
      margin-left: calc(100% * 1.73 / 6); } }
  .col_img figure {
    position: relative; }
    .col_img figure img {
      max-width: 100%;
      display: block;
      padding-top: 0.5rem;
      padding-right: 20%; }
      @media (max-width: 768px) {
        .col_img figure img {
          padding-right: 0;
          margin-bottom: 0; } }
    @media only screen and (max-width: 768px) {
      .col_img figure {
        width: 100%;
        padding-bottom: 2.5rem; } }

.col_bio {
  width: calc(100% * 2.77 / 6);
  float: left;
  padding-right: 0; }
  @media only screen and (max-width: 768px) {
    .col_bio {
      width: calc(100% * 4.27 / 6);
      margin-left: calc(100% * 1.73 / 6); } }
  @media only screen and (max-width: 480px) {
    .col_bio {
      width: 100%;
      margin-left: 0 !important; } }

.col_details {
  width: 100%;
  float: left;
  margin-left: -1px; }
  .col_details p.head {
    font-size: 2.1rem;
    line-height: 1;
    text-transform: uppercase;
    margin-bottom: 0; }
    @media (max-width: 1024px) {
      .col_details p.head {
        font-size: 3rem; } }
    @media (max-width: 560px) {
      .col_details p.head {
        font-size: 1.8rem; } }
  .col_details dl {
    width: 100%;
    position: relative;
    margin-bottom: 1rem; }
    .col_details dl dt {
      width: 85%;
      position: absolute;
      padding: 0.5rem 0; }
    .col_details dl dd {
      width: 15%;
      margin-left: 85%;
      padding: 0.5rem 0; }
  .col_details ul {
    margin-bottom: 1.5rem; }
    .col_details ul.playlist {
      margin-bottom: 0.5rem; }
    .col_details ul.engagement {
      border: none;
      margin-bottom: 0.5rem; }
      .col_details ul.engagement li {
        border: none;
        padding: 0;
        display: inline-block; }
        .col_details ul.engagement li:after {
          content: ','; }
        .col_details ul.engagement li:last-of-type:after {
          content: ''; }
    .col_details ul li {
      font-size: 2.1rem;
      line-height: 1;
      color: rgba(0, 0, 0, 0.8);
      display: inline-block; }
      @media (max-width: 1024px) {
        .col_details ul li {
          font-size: 3rem; } }
      .col_details ul li:after {
        content: ','; }
      .col_details ul li:last-of-type:after {
        content: ''; }
      @media only screen and (max-width: 480px) {
        .col_details ul li {
          font-size: 1.8rem; } }
      .col_details ul li a {
        color: rgba(0, 0, 0, 0.8);
        text-decoration: none; }
        .col_details ul li a:hover {
          color: #b58b73; }
  @media only screen and (max-width: 768px) {
    .col_details {
      width: calc(100% * 4.27 / 6);
      margin-left: calc(100% * 1.73 / 6);
      padding-left: 0;
      padding-top: 2rem; } }
  @media only screen and (max-width: 480px) {
    .col_details {
      width: 100%;
      padding-top: 0;
      margin-left: 0 !important; } }

@media only screen and (max-width: 480px) {
  .col_img,
  .col_bio,
  .col_details {
    width: 100%;
    padding-left: 0; }
    .col_img img,
    .col_bio img,
    .col_details img {
      max-width: 100%;
      margin-bottom: 20px; } }

@media only screen and (max-width: 480px) {
  .col_details {
    margin-top: 20px; } }

.artist-name {
  width: calc(100% * 2 / 6);
  position: fixed;
  float: left; }
  .artist-name ul {
    margin-top: 2.25rem; }
    .artist-name ul:nth-of-type(2) {
      margin-top: 1.5rem; }
      .artist-name ul:nth-of-type(2) li:before {
        content: '—';
        padding-right: 0.25rem; }
      .artist-name ul:nth-of-type(2) li:first-of-type:before {
        content: '';
        padding: 0; }

.artist-text {
  width: 100%;
  padding-left: 27.5vw;
  padding-right: 10%;
  float: left; }
  @media (max-width: 560px) {
    .artist-text {
      width: 100%;
      margin-left: 0;
      padding-left: 0;
      padding-right: 0; } }
  .artist-text figure {
    margin-bottom: 2.5rem; }
    .artist-text figure + p {
      text-indent: 0; }
    .artist-text figure img {
      max-width: 100%;
      max-height: 58rem;
      display: block; }

span.title, span.published {
  font-size: 1.6rem;
  line-height: 1.35;
  text-transform: uppercase;
  margin: 0; }

span.published {
  float: right; }

.sc-player {
  font-family: 'IB-T';
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row; }
  .sc-player ol li {
    padding: 0; }

.sc-info h3, .sc-info h4, .sc-info p {
  display: none !important; }

.sc-artwork-list,
.sc-controls,
.sc-info-toggle,
.sc-track-duration,
.sc-info {
  display: none; }

.sc-scrubber {
  z-index: 1000;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 5px; }

.sc-player {
  position: relative; }
  .sc-player .sc-waveform-container {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 1000;
    height: 10px; }
    .sc-player .sc-waveform-container:hover {
      cursor: pointer; }
    .sc-player .sc-waveform-container img {
      opacity: 0;
      width: 100%;
      height: 10px; }

.sc-time-indicators {
  position: absolute;
  right: 0;
  top: -1.8rem; }

.sc-time-span .sc-played {
  border-top: 1px solid #b58b73;
  position: absolute;
  left: 0;
  bottom: -6px;
  height: 1px; }

.sc-time-span .sc-buffer {
  border-top: 1px solid #aaa;
  position: absolute;
  left: 0;
  bottom: -6px;
  height: 1px; }

.sc-trackslist {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-right: 1rem; }
  .sc-trackslist li {
    float: left;
    font-size: 2.1rem;
    line-height: 1;
    overflow: hidden; }
    .sc-trackslist li.active {
      overflow: hidden;
      border: none;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start; }
      .sc-trackslist li.active a {
        width: 100%;
        margin-right: 8.5rem;
        line-height: 1.2; }
    .sc-trackslist li a {
      text-decoration: none;
      color: rgba(0, 0, 0, 0.8); }
      .sc-trackslist li a:hover {
        color: #b58b73; }

.playing,
.playing > .sc-playlist li a {
  color: #b58b73 !important; }

.sc-duration,
.sc-position {
  font-family: 'IB-T';
  font-size: 2.1rem;
  display: inline-block;
  -webkit-font-feature-settings: 'tnum';
  -moz-font-feature-settings: 'tnum';
  -ms-font-feature-settings: 'tnum'; }

.sc-position {
  padding-left: 1rem; }

.journal-text {
  width: 50%;
  max-width: 860px;
  margin: 0 auto; }
  .journal-text figure {
    padding: 2.5rem 0; }

button,
input,
select,
textarea {
  color: inherit;
  font-family: inherit;
  font-style: inherit;
  font-weight: inherit;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0; }

select {
  text-align: right !important;
  padding: 0;
  margin-top: 6px;
  outline: 0;
  border: none;
  background: transparent; }

#cart-container {
  background: #f7f7f7; }
  @media (max-width: 480px) {
    #cart-container {
      padding-top: 0; } }

.cart-update {
  position: fixed;
  left: 1.5rem;
  top: 7rem;
  z-index: 1000; }
  @media (max-width: 560px) {
    .cart-update {
      left: 0.5rem;
      top: 7rem; } }
  .cart-update span {
    font-size: 3rem;
    display: none; }
    .cart-update span.cart-quantity {
      display: block; }
    @media (max-width: 560px) {
      .cart-update span {
        font-size: 2.1rem; } }
    .cart-update span.cart-quantity:before {
      content: '('; }
    .cart-update span.cart-quantity:after {
      content: ')'; }

.Cart {
  width: calc(100vw - 7.5rem);
  height: 100%;
  margin-left: 8rem;
  font-size: 2rem;
  line-height: 1.5;
  overflow-x: hidden;
  overflow-y: auto;
  padding-right: 2rem;
  background-color: #f7f7f7; }
  .Cart::-webkit-scrollbar {
    width: 0 !important; }
  @media only screen and (max-width: 480px) {
    .Cart {
      font-size: 1.4rem;
      line-height: 1.5;
      padding: 1.5rem;
      margin-left: 3.5rem;
      width: calc(100vw - 3.5rem); } }
  .Cart .CloseButtonContainer {
    width: 100%;
    text-align: right;
    margin-bottom: 1rem; }
    .Cart .CloseButtonContainer .CloseButton {
      text-transform: uppercase; }
  .Cart .Table {
    margin: 0; }
    @media only screen and (max-width: 1024px) {
      .Cart .Table {
        margin: 0; } }
    .Cart .Table .Row {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .Cart .Table .Row.HeaderRow {
        text-transform: uppercase;
        margin-top: 0; }
        .Cart .Table .Row.HeaderRow [data-col="quantity"],
        .Cart .Table .Row.HeaderRow [data-col="price"] {
          border-bottom: none; }
        .Cart .Table .Row.HeaderRow [data-col="title"] {
          margin-top: 0.75rem; }
      .Cart .Table .Row.BodyRow:hover [data-col="quantity"] a span {
        color: #b58b73; }
      .Cart .Table .Row.BodyRow [data-col="details"] {
        border-bottom: none; }
      .Cart .Table .Row.BodyRow [data-col="image"] {
        height: 300px;
        background-size: cover;
        background-position: center; }
      .Cart .Table .Row.BodyRow [data-col="quantity"],
      .Cart .Table .Row.BodyRow [data-col="price"] {
        padding-top: 0; }
      .Cart .Table .Row.BodyRow [data-col="quantity"] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start; }
        .Cart .Table .Row.BodyRow [data-col="quantity"] a {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          width: 1em;
          height: 1em;
          visibility: visible;
          color: black;
          margin-top: 0.25rem;
          line-height: 1; }
          .Cart .Table .Row.BodyRow [data-col="quantity"] a.plus {
            margin-top: 0.35rem; }
        .Cart .Table .Row.BodyRow [data-col="quantity"] > span {
          margin: 0 0.5em; }
      .Cart .Table .Row.FooterRow [data-col="title"], .Cart .Table .Row.FooterRow [data-col="image"] {
        border-bottom: none; }
      .Cart .Table .Row.FooterRow [data-col="quantity"] {
        text-align: left !important; }
      .Cart .Table .Row.FooterRow [data-col="quantity"],
      .Cart .Table .Row.FooterRow [data-col="price"] {
        border-bottom: none;
        padding-top: 0;
        padding-bottom: 0; }
      .Cart .Table .Row.FooterRow .Col {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        padding: 0.25rem 0; }
      .Cart .Table .Row .Col {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        padding: 0;
        border-bottom: 1px solid; }
        .Cart .Table .Row .Col[data-col="image"] {
          background-size: 400px;
          background-position: left;
          background-repeat: no-repeat;
          -webkit-box-flex: 2;
              -ms-flex: 2;
                  flex: 2; }
          @media (max-width: 480px) {
            .Cart .Table .Row .Col[data-col="image"] {
              background-size: 80px; } }
        .Cart .Table .Row .Col[data-col="title"] {
          -webkit-box-flex: 1;
              -ms-flex: 1;
                  flex: 1;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center; }
          .Cart .Table .Row .Col[data-col="title"] span {
            display: block;
            padding-top: 0.75rem; }
          @media (max-width: 480px) {
            .Cart .Table .Row .Col[data-col="title"] {
              display: none; } }
        .Cart .Table .Row .Col[data-col="details"] {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
              -ms-flex-direction: row;
                  flex-direction: row;
          -webkit-box-flex: 1;
              -ms-flex: 1;
                  flex: 1;
          margin-top: 0.75rem; }
          .Cart .Table .Row .Col[data-col="details"][data-col="quantity"], .Cart .Table .Row .Col[data-col="details"][data-col="price"] {
            text-align: left;
            border-bottom: none; }
        .Cart .Table .Row .Col[data-col="checkout"] {
          -webkit-box-flex: 1;
              -ms-flex: 1;
                  flex: 1;
          padding: 0; }
          .Cart .Table .Row .Col[data-col="checkout"] button {
            width: 100%;
            outline: 1px solid black;
            border: none;
            background: none;
            padding: 1rem 0;
            margin: 2rem 0;
            text-transform: uppercase; }
            @media (max-width: 480px) {
              .Cart .Table .Row .Col[data-col="checkout"] button {
                font-size: 1.2rem; } }
            .Cart .Table .Row .Col[data-col="checkout"] button:hover {
              outline: 1px solid #b58b73;
              color: #b58b73;
              cursor: pointer; }

span.cost + span {
  display: block;
  padding-top: 0.5rem; }

@media (max-width: 480px) {
  .Cart .Table {
    margin: 0; } }

@media (max-width: 560px) {
  .Cart .Table .Row .Col[data-col="title"] {
    -webkit-box-flex: 2;
        -ms-flex: 2;
            flex: 2; }
  .Cart .Table .Row .Col[data-col="image"] {
    width: 80px; }
  .Cart .Table .Row.BodyRow [data-col="image"] {
    height: 80px; }
  .Cart .Table .Row.FooterRow [data-col="image"], .Cart .Table .Row.FooterRow [data-col="title"] {
    display: none; } }

#cart-message-container {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 10; }
  #cart-message-container #cart-message {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background: rgba(255, 255, 255, 0.9); }
    #cart-message-container #cart-message div {
      width: 130px;
      height: 130px;
      background: black;
      color: white;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      text-align: center;
      text-transform: uppercase; }

.player {
  position: fixed !important;
  top: 2rem;
  right: 2rem;
  background: #b58b73;
  border-radius: 50%;
  width: 120px;
  color: #272727;
  height: 120px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 800;
  cursor: pointer; }
  .player__title {
    font-size: 2.7rem; }
  .player__time, .player__play, .player__pause {
    font-size: 1.4rem; }
  .player__play {
    display: inline-block;
    padding-top: 1rem; }
  .player__pause {
    display: block;
    padding-top: 1rem; }
  .player__time {
    display: block;
    padding-bottom: 1rem; }
  .player__duration {
    display: none; }