/**
 * Stirtingale Simple SASS Build
 */
/* Webfont: BOUTIQUE-57Condensed */
@import url("https://use.typekit.net/iqf4ogz.css");
/* Convert Illustrator, InDesign and Photoshop tracking into letter spacing.
-------------------------*/
:root {
  --header-font: roc-grotesk-compressed, sans-serif;
  --sans-font: roc-grotesk, sans-serif;
  --body-font: baskerville-display-pt, serif;
  --body-line-height: 1.45;
  --spacing: 0.16666679265093em;
  --header-line-height: 1.125;
  --size: 1rem;
  --size-minus1: 0.825rem;
  --size-minus2: 0.75rem;
  --size-plus1: 1.125rem;
  --size-plus2: 1.25rem;
  --size-plus3: 1.5rem;
  --size-plus4: 1.875rem;
  --size-plus5: 3rem;
  --size-plus6: 3.75rem;
  --weight-normal: 400;
  --weight-bold: 500;
  --text-select: #4d4d4d;
  --light-gray: #e6e6e6;
  --medium-gray: #cacaca;
  --dark-gray: #8a8a8a;
  --bg-gray: #222222;
  --black: #0a0a0a;
  --white: #fefefe;
  --trueblack: #0a0a0a;
  --truewhite: #fefefe;
  --cursor:
  	url('data:image/svg+xml,<svg width="5px" height="5px" viewBox="0 0 5 5" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="Artboard" transform="translate(-50, -50)" fill="%23000000"><circle id="Oval" cx="52.5" cy="52.5" r="2.5"></circle></g></g></svg>'),
  	auto;
}

[data-theme=light] {
  --bg: #0a0a0a;
  --black: #0a0a0a;
  --white: #fefefe;
}

[data-theme=forcewhite] {
  --bg: #fefefe;
  --white: #fefefe;
  --black: #fefefe;
}

[data-theme=dark] {
  --white: #0a0a0a;
  --black: #fefefe;
  --bg: #fefefe;
  cursor: url('data:image/svg+xml,<svg width="5px" height="5px" viewBox="0 0 5 5" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="Artboard" transform="translate(-50, -50)" fill="%23FFFFFF"><circle id="Oval" cx="52.5" cy="52.5" r="2.5"></circle></g></g></svg>'), auto;
}

*,
*:active,
*:focus,
*:visited {
  outline: none !important;
}

::-moz-selection {
  background: #4d4d4d;
}

::selection {
  background: #4d4d4d;
}

::-moz-focus-inner {
  border: 0;
  padding: 0;
}

html,
body {
  min-height: calc(100vh - 1px);
  -webkit-overflow-scrolling: touch !important;
}

/* Avoid Chrome to see Safari hack */
@supports (-webkit-touch-callout: none) {
  html,
body {
    /* The hack for Safari */
    height: -webkit-fill-available;
  }
}
html {
  font-size: 100%;
  background: var(--trueblack);
}

* {
  box-sizing: border-box;
}

body {
  position: relative;
  margin: 0;
  padding: 0;
  background: var(--trueblack);
  font-family: var(--body-font);
  font-weight: var(--weight-normal);
  line-height: var(--body-line-height);
  color: var(--black);
  cursor: var(--cursor);
  overflow-y: scroll;
}
body.lock {
  overflow: hidden;
}
body.--transitioning::-webkit-scrollbar {
  display: none;
}
body.--transitioning a {
  pointer-events: none;
}
body.--transitioning main[data-boutique-namespace=artists], body.--transitioning main[data-boutique-namespace=post] {
  overflow-x: hidden;
}

a {
  cursor: var(--cursor);
}

input {
  border-radius: 0;
}

input[type=search] {
  -webkit-appearance: none;
}

img {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic;
}

@media print, screen and (min-width: 55em) {
  .small-only {
    display: none !important;
  }
}

@media print, screen and (max-width: 55em) {
  .medium-up {
    display: none !important;
  }
}

p,
a,
h1,
h2,
h3,
h4,
h5,
h6,
a {
  color: var(--black);
}

::placeholder {
  color: var(--black);
}

p {
  margin-bottom: 1.25em;
}

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

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

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

h1,
h2,
h3,
h4,
h5 {
  margin: 2.75rem 0 1rem;
  font-family: var(--header-font);
  font-weight: var(--weight-bold);
  line-height: var(--header-line-height);
}

h1,
h2,
h3,
h4,
h5 {
  font-family: roc-grotesk-compressed, sans-serif;
  font-weight: 500;
  line-height: 1.125;
  color: var(--black);
  margin: 1.8rem 0 0.9rem 0;
}
h1.--nm,
h2.--nm,
h3.--nm,
h4.--nm,
h5.--nm {
  margin: -0.45rem 0 -1.35rem;
}

h1,
.h1 {
  margin-top: 0;
  font-size: var(--size-plus3);
}

h2,
.h2 {
  font-size: var(--size-plus2);
}

h3,
.h3 {
  font-size: var(--size-plus2);
}

h4,
.h4 {
  font-size: var(--size-plus1);
}

h5,
.h5 {
  font-size: var(--size-plus1);
}

@media print, screen and (min-width: 55em) {
  h1,
.h1 {
    margin-top: 0;
    font-size: var(--size-plus4);
  }

  h2,
.h2 {
    font-size: var(--size-plus3);
  }

  h3,
.h3 {
    font-size: var(--size-plus2);
  }

  h4,
.h4 {
    font-size: var(--size-plus1);
  }

  h5,
.h5 {
    font-size: var(--size-plus1);
  }
}
small,
.text_small {
  font-size: var(--size-minus2);
}

a {
  color: var(--black);
  text-decoration: none;
  transition: all 500ms ease;
}

p a {
  text-decoration: underline;
}

main {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  background-color: var(--white);
  color: var(--bg);
  min-height: 100%;
}
main[data-boutique-namespace=artists], main[data-boutique-namespace=post] {
  position: fixed;
}

.fakeheader,
header#primary {
  display: none;
  position: fixed;
  z-index: 99;
  top: 50%;
  left: 50%;
  transform: translate(-50%, 0);
  will-change: top, width, transform;
  -webkit-backface-visibility: hidden;
  padding: 0.9rem 0;
  max-width: 90%;
}
.fakeheader.show,
header#primary.show {
  display: block;
}
.fakeheader,
.fakeheader a,
.fakeheader svg,
header#primary,
header#primary a,
header#primary svg {
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000;
}
.fakeheader a,
.fakeheader svg,
header#primary a,
header#primary svg {
  transition: none !important;
  position: relative;
}
@media print, screen and (min-width: 55em) {
  .fakeheader,
header#primary {
    padding: 1.8rem 0;
  }
}
.fakeheader.animate,
header#primary.animate {
  transition: all ease 1s;
}
.fakeheader.animate.s,
header#primary.animate.s {
  transition: none;
}
.fakeheader.pointer,
header#primary.pointer {
  pointer-events: none;
}
.fakeheader.fakeheader, .fakeheader.--top, .fakeheader.--bottom,
header#primary.fakeheader,
header#primary.--top,
header#primary.--bottom {
  display: block;
  max-width: 10rem;
}
@media print, screen and (min-width: 55em) {
  .fakeheader.fakeheader, .fakeheader.--top, .fakeheader.--bottom,
header#primary.fakeheader,
header#primary.--top,
header#primary.--bottom {
    width: 30%;
    max-width: 10.2rem;
  }
}
.fakeheader.--top,
header#primary.--top {
  top: 0;
  transform: translate(-50%, 0);
}
.fakeheader.fakeheader, .fakeheader.--bottom,
header#primary.fakeheader,
header#primary.--bottom {
  top: 100%;
  transform: translate(-50%, -100%);
}
.fakeheader a,
header#primary a {
  position: relative;
  display: inline-block;
  width: 100%;
}
.fakeheader svg,
header#primary svg {
  position: relative;
  width: 100%;
  height: auto;
}
.fakeheader svg g,
header#primary svg g {
  fill: var(--black);
  transition: all ease 500ms;
}

nav {
  min-width: 3rem;
  position: fixed;
  z-index: 99;
  padding: 0.9rem 0.45rem;
}
@media print, screen and (min-width: 55em) {
  nav {
    padding: 1.8rem;
  }
}
nav ul li,
nav ul li a,
nav span {
  font-family: var(--header-font);
  font-weight: 400;
  font-size: 2rem;
  text-transform: uppercase;
  background: transparent;
}
nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
nav ul li {
  background: transparent;
  line-height: 1;
}
nav ul li a {
  color: var(--black);
}
nav ul li a .hide {
  display: none;
  transform: scaleX(0);
  transition: transform ease 300ms;
}
nav ul li a span.line {
  position: relative;
}
@media print, screen and (min-width: 55em) {
  nav ul li a span.line.hover-on:after {
    left: 0;
    right: auto;
  }
}
nav ul li a span.line:after {
  content: " ";
  position: absolute;
  bottom: 0.225rem;
  right: 0;
  left: auto;
  transition: all ease 500ms;
  width: 0;
  height: 2px;
  background: var(--black);
}
@media screen and (max-width: 55em) and (orientation: portrait) {
  nav ul li a span.line:after {
    bottom: 0;
    top: 0;
    left: 0;
    width: 2px;
    height: 0;
  }
}
nav ul li a span.line.right:after {
  left: 0;
  right: auto;
}
@media screen and (max-width: 55em) and (orientation: portrait) {
  nav ul li a span.line.right:after {
    right: 0;
    left: auto;
  }
}
@media screen and (max-width: 55em) and (orientation: portrait) {
  nav ul li a span.line.top:after {
    top: auto;
    bottom: 0;
  }
}
@media screen and (max-width: 55em) and (orientation: portrait) {
  nav ul li a span.line.top.right:after {
    bottom: auto;
    top: 0;
  }
}
nav ul li a span.line.right.hover-on:after {
  left: auto;
  right: 0;
}
@media screen and (max-width: 55em) and (orientation: portrait) {
  nav ul li a span.line.right.hover-on:after {
    right: auto;
    left: 0;
  }
}
nav ul li a.lock-line, nav ul li a.active, nav ul li a:hover {
  color: var(--black);
}
@media print, screen and (min-width: 55em) {
  nav ul li a.lock-line span.line:after, nav ul li a.active span.line:after, nav ul li a:hover span.line:after {
    width: 100%;
  }
}
@media screen and (max-width: 55em) and (orientation: portrait) {
  nav ul li a.lock-line span.line:after, nav ul li a.active span.line:after {
    width: 2px;
    height: 100% !important;
  }
}
nav.tr {
  z-index: 101;
}
nav.tr.ntransition a,
nav.tr.ntransition span.line:after {
  transition: width ease 500ms;
}
@media screen and (max-width: 55em) and (orientation: portrait) {
  nav.tr span.line, nav.br span.line {
    writing-mode: vertical-rl;
    transform: rotate(0);
    padding: 0;
  }
  nav.tr span.line:after, nav.br span.line:after {
    left: auto;
    right: 0;
  }
  nav.tl span.line, nav.bl span.line {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    padding: 0;
  }
}
nav a.lock-line span.line:after,
nav a.active span.line:after {
  left: 0;
  right: auto;
}
@media screen and (max-width: 55em) and (orientation: portrait) {
  nav.tl a span.line:after, nav.bl a span.line:after {
    left: 0;
    right: auto;
  }
}
nav.lock-line ul li a span.line:after, nav.active ul li a span.line:after {
  width: 100%;
}
@media screen and (max-width: 55em) and (orientation: portrait) {
  nav.lock-line ul li a span.line:after, nav.active ul li a span.line:after {
    width: 2px;
    height: 100%;
  }
}
nav.lock-line ul li a:hover span.line:after, nav.active ul li a:hover span.line:after {
  width: 0;
}
@media screen and (max-width: 55em) and (orientation: portrait) {
  nav.lock-line ul li a:hover span.line:after, nav.active ul li a:hover span.line:after {
    height: 0;
  }
}
nav.reveal span.hide {
  transform: scaleX(1);
  display: inline-block;
}
nav.reveal span.show {
  display: none;
  transform: scaleX(0);
  transition: transform ease 300ms;
}
nav svg {
  height: 1.35rem;
  width: auto;
  fill: var(--black);
  transition: all ease 500ms;
}
@media print, screen and (max-width: 55em) {
  nav.tr span, nav.br span {
    transform: rotate(0);
  }
}
nav.banner-side {
  top: 2.6rem;
  left: 0;
}
@media print, screen and (max-width: 55em) {
  nav.banner-side {
    top: 50%;
    transform: translateY(-50%);
  }
}
nav.banner-side li {
  margin-bottom: 0.45rem;
}
nav.banner-side li a {
  opacity: 0.33;
}
nav.banner-side li a:hover {
  opacity: 1;
}
@media print, screen and (max-width: 55em) {
  nav.banner-side li span.line {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    padding: 0;
  }
}
nav.tl {
  top: 0;
  padding-bottom: 0;
  left: 0;
}
nav.tr {
  top: 0;
  right: 0;
}
nav.bl {
  bottom: 0;
  left: 0;
}
nav.bc {
  z-index: 999;
  bottom: 0;
  left: 25%;
  width: 50%;
  text-align: center;
  text-align: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
nav.bc div {
  display: inline-block;
}
nav.bc .open,
nav.bc .close {
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
}
nav.bc .close {
  display: none;
}
nav.bc .open {
  display: flex;
}
nav.bc.active .close {
  display: flex;
}
nav.bc.active .open {
  display: none;
}
nav.bc span {
  margin: 0 0.45em;
  line-height: 1;
  white-space: nowrap;
  display: inline-block;
  transition: all ease 500ms;
}
nav.bc span:hover {
  transform: translateY(-0.125rem);
}
nav.br {
  bottom: 0;
  right: 0;
}

@media print, screen and (max-width: 55em) {
  body.single .banner-side {
    display: none;
  }
}
main[data-pagelayer="2"] {
  background: #000;
}

.front-page-next {
  transition: opacity ease 350ms;
  bottom: 0;
  left: 25%;
  width: 50%;
  text-align: center;
  position: absolute;
  z-index: 99;
  padding: 0.9rem;
  opacity: 1;
}
@media print, screen and (min-width: 55em) {
  .front-page-next {
    padding: 1.8rem;
  }
}
.front-page-next svg {
  transform: translateY(50%);
  transition: all ease 1s;
  display: inline-block;
  fill: var(--black);
  transition: all ease 500ms;
  opacity: 0;
}
.front-page-next svg:hover {
  transform: translateY(-25%);
}
.front-page-next.active svg {
  opacity: 1;
  transform: translateY(0);
}

#front-page-slider {
  z-index: 1;
  position: relative;
  height: 100vh;
  width: 100vw;
  top: 0;
  left: 0;
  background: var(--trueblack);
}
#front-page-slider video,
#front-page-slider img {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
  touch-events: none;
}

.title-nav {
  color: var(--truewhite);
  position: fixed;
  top: 0;
  height: 90vh;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  font-size: 2rem;
  z-index: 41;
  pointer-events: none;
  backface-visibility: hidden;
  pointer-events: none;
}
@media print, screen and (min-width: 55em) {
  .title-nav {
    height: 100%;
  }
}
.title-nav a {
  pointer-events: auto;
}
@media print, screen and (min-width: 55em) {
  .title-nav {
    font-size: 3vw;
  }
}
.title-nav span {
  backface-visibility: hidden;
  color: var(--black);
  transition: color ease 500ms;
  display: inline-block;
  writing-mode: vertical-rl;
  text-orientation: mixed;
  margin: -10px;
  padding: 10px;
}
.title-nav.name {
  left: 0;
  display: flex;
  text-transform: uppercase;
  font-family: var(--header-font);
  font-weight: var(--weight-bold);
}
.title-nav.name span {
  transform: rotate(180deg);
}
.title-nav.specialism {
  font-size: 1.35rem;
  line-height: 2.7rem;
  display: flex;
  text-transform: lowercase;
  right: 0;
  font-family: var(--body-font);
  font-weight: var(--weight-normal);
  font-style: italic;
  text-align: right;
}
@media print, screen and (min-width: 55em) {
  .title-nav.specialism {
    font-size: 2.225vw;
    line-height: 1;
  }
}
@media print, screen and (min-width: 55em) {
  .title-nav {
    padding: 0.9rem;
  }
}

#bio {
  overflow: auto;
  opacity: 0;
  transform: translateY(100vh);
  z-index: 50;
  position: fixed;
  top: 0;
  left: 0;
  height: 90vh;
  width: 100vw;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  align-items: center;
  justify-content: center;
}
@media print, screen and (min-width: 55em) {
  #bio {
    height: 100vh;
  }
}
#bio .inner {
  width: 100%;
  display: inline-block;
  padding: 3.6rem;
  max-width: 60rem;
  font-style: italic;
}
#bio .inner p {
  font-size: var(--size);
}
#bio .inner p b,
#bio .inner p strong {
  font-size: var(--size-plus3);
  font-family: var(--header-font);
  font-weight: var(--weight-bold);
  font-style: normal;
  line-height: 1;
}
@media print, screen and (min-width: 55em) {
  #bio .inner p {
    font-size: var(--size-plus2);
  }
  #bio .inner p b,
#bio .inner p strong {
    font-size: 2.5vw;
  }
}

#thumbs {
  overflow: auto;
  opacity: 0;
  transform: translateY(100vh);
  z-index: 50;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  align-items: center;
  justify-content: flex-start;
  padding-top: 3.6rem;
  padding-bottom: 3.6rem;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
  overflow-y: scroll;
}
#thumbs::-webkit-scrollbar {
  display: none;
}
#thumbs.fix {
  position: fixed;
  overflow-y: scroll;
  height: 100%;
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  display: none;
}
#thumbs .grid-x {
  margin: 3.6rem auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-right: 1.8rem;
  padding-left: 1.8rem;
}
@media print, screen and (min-width: 55em) {
  #thumbs .grid-x {
    margin: 7.2rem auto;
  }
}
#thumbs .grid-x .artist-mini {
  position: relative;
  width: 50%;
  padding: 0.9rem;
}
@media print, screen and (min-width: 55em) {
  #thumbs .grid-x .artist-mini {
    margin: 0.9rem 0;
    width: 33.3%;
    padding: 2.35rem;
  }
}
#thumbs .grid-x .artist-mini .artist-index-sticky-single-media {
  position: relative;
  height: 0px;
  width: 100%;
  padding-bottom: 100%;
  pointer-events: none;
  backface-visibility: visible;
}
#thumbs .grid-x .artist-mini .artist-index-sticky-single-media a {
  pointer-events: auto;
  display: block;
}
#thumbs .grid-x .artist-mini .artist-index-sticky-single-media img,
#thumbs .grid-x .artist-mini .artist-index-sticky-single-media video {
  backface-visibility: visible;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  transition: transform ease 750ms;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#thumbs .grid-x .artist-mini .artist-index-sticky-single-media img:hover,
#thumbs .grid-x .artist-mini .artist-index-sticky-single-media video:hover {
  transform: translate(-50%, -50%) scale(1.1);
}
#thumbs .grid-x .artist-mini .overlay {
  pointer-events: none;
  z-index: 2;
  position: absolute;
  top: 50%;
  width: 100%;
  text-align: center;
  left: 0;
  transform: translateY(-50%);
}
#thumbs .grid-x .artist-mini .overlay .span-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#thumbs .grid-x .artist-mini .overlay .title {
  font-size: var(--size-plus4);
  font-size: 7.5vw;
  text-transform: uppercase;
  font-family: var(--header-font);
  font-weight: var(--weight-bold);
  line-height: 1;
}
@media print, screen and (min-width: 55em) {
  #thumbs .grid-x .artist-mini .overlay .title {
    font-size: var(--size-plus6);
  }
}
#thumbs .grid-x .artist-mini .overlay .sub {
  text-align: right;
  line-height: 1;
  text-transform: lowercase;
  font-family: var(--body-font);
  font-weight: var(--weight-normal);
  font-size: var(--size-plus1);
  font-style: italic;
  text-align: right;
}
#thumbs .thumbnail-container {
  width: 100%;
  display: inline-block;
  padding: 3.6rem;
  font-size: var(--size);
  max-width: 80rem;
}
#thumbs .thumbnail-container .item {
  float: left;
  margin: 4px;
  border: none;
  box-sizing: content-box;
  overflow: hidden;
  position: relative;
}
#thumbs .thumbnail-container .item img,
#thumbs .thumbnail-container .item video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#fpgallery,
#gallery {
  z-index: 7;
  position: fixed;
  top: 0;
  left: 0;
  height: 90vh;
  width: 100vw;
  opacity: 0;
  pointer-events: auto;
  transition: opacity ease 1000ms;
}
@media print, screen and (min-width: 55em) {
  #fpgallery,
#gallery {
    pointer-events: none;
    height: 100vh;
  }
}
#fpgallery .slide-outer,
#gallery .slide-outer {
  opacity: 0;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
#fpgallery .slide-outer .slide,
#gallery .slide-outer .slide {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
#fpgallery .slide-outer .blur,
#gallery .slide-outer .blur {
  pointer-events: none;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  transform: scale(1.25);
  background: var(--trueblack);
}
#fpgallery .slide-outer .blur img,
#fpgallery .slide-outer .blur video,
#fpgallery .slide-outer .blur iframe,
#gallery .slide-outer .blur img,
#gallery .slide-outer .blur video,
#gallery .slide-outer .blur iframe {
  opacity: 0.9;
  padding: 0;
}
#fpgallery .slide-outer .blur img,
#fpgallery .slide-outer .blur video,
#fpgallery .slide-outer .blur iframe,
#gallery .slide-outer .blur img,
#gallery .slide-outer .blur video,
#gallery .slide-outer .blur iframe {
  filter: blur(25px);
  transform: scale(1.25);
}
#fpgallery .slide-outer .blur.active,
#gallery .slide-outer .blur.active {
  opacity: 0.95;
}
#fpgallery .slide-outer .blur.dark,
#gallery .slide-outer .blur.dark {
  opacity: 0.33;
}
#fpgallery .slide-outer .blur video,
#gallery .slide-outer .blur video {
  pointer-events: none;
}
#fpgallery .slide-outer .blur video,
#fpgallery .slide-outer .blur img,
#gallery .slide-outer .blur video,
#gallery .slide-outer .blur img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
  touch-events: none;
}
@media print, screen and (min-width: 55em) {
  #fpgallery .slide-outer.cycle-slide-active .blur,
#gallery .slide-outer.cycle-slide-active .blur {
    display: block;
  }
}
#fpgallery.active,
#gallery.active {
  opacity: 1;
}
#fpgallery .flex-video-container,
#gallery .flex-video-container {
  width: 100%;
  height: 100%;
}
#fpgallery .flex-video-container .flex-video,
#gallery .flex-video-container .flex-video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#fpgallery iframe,
#gallery iframe {
  pointer-events: auto;
  width: 75vw;
  height: 42.1875vw;
}
#fpgallery video,
#fpgallery img,
#gallery video,
#gallery img {
  position: absolute;
  padding: 10vh 5vw 7.5vh 5vw;
  width: 100%;
  height: 100%;
  object-fit: scale-down;
  pointer-events: none;
  touch-events: none;
}
@media screen and (orientation: portrait) {
  #fpgallery video,
#fpgallery img,
#gallery video,
#gallery img {
    padding: 5vw 15vw;
  }
}
@media print, screen and (min-width: 55em) {
  #fpgallery video,
#fpgallery img,
#gallery video,
#gallery img {
    padding: 12.5vh 5vw 10vh 5vw;
  }
}

.--touch #fpgallery,
.--touch #gallery {
  pointer-events: auto !important;
}

.gallery-nav {
  z-index: 32;
  position: fixed;
  top: 0;
  height: 100vh;
  width: 50%;
  display: none;
}
@media print, screen and (min-width: 55em) {
  .gallery-nav {
    display: inline-block;
  }
}
.gallery-nav.prev {
  left: 0;
  z-index: 33;
  cursor: url("../img/p.png?1"), auto;
  cursor: -webkit-image-set(url("../img/p.png?1") 1x, url("../img/p@2x.png?1") 2x), auto;
}
.gallery-nav.next {
  right: 0;
  width: 100%;
  cursor: url("../img/n.png?1"), auto;
  cursor: -webkit-image-set(url("../img/n.png?1") 1x, url("../img/n@2x.png?1") 2x), auto;
}

.--touch .gallery-nav {
  display: none !important;
}

#gallery-mask {
  pointer-events: none;
  z-index: 1;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  background: var(--trueblack);
}

.text-container {
  padding: 5.6rem 1.8rem;
  min-height: 100vh;
  width: 100%;
  max-width: 60rem;
  margin: 3.6rem auto;
}

section#info {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 100%;
  z-index: 100;
  transform: translateY(-100%);
  transition: all linear 300ms;
  will-change: transform;
  -webkit-perspective: 1000;
  -webkit-backface-visibility: hidden;
  cursor: var(--cursor);
}
section#info.active {
  transform: translateY(0);
}
section#info .content {
  background: var(--truewhite);
  color: var(--trueblack);
  padding: 0.9rem 2.8rem;
  min-height: 100vh;
  display: flex;
  flex-direction: row;
  width: 100%;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
}
section#info .content .bg img {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media print, screen and (min-width: 55em) {
  section#info .content {
    padding: 4.5rem 1.8rem;
  }
}
section#info .content .content-inner {
  position: relative;
  z-index: 2;
  width: 100%;
}
@media print, screen and (min-width: 55em) {
  section#info .content {
    flex-direction: row;
    flex-wrap: nowrap;
    width: 100%;
  }
}
section#info .content p,
section#info .content a,
section#info .content h1,
section#info .content h2,
section#info .content h3,
section#info .content h4,
section#info .content h5,
section#info .content h6 {
  color: var(--trueblack);
}
section#info .content .another {
  position: fixed;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  padding: 0.9rem 0.45rem;
}
@media print, screen and (min-width: 55em) {
  section#info .content .another {
    padding: 1.8rem;
  }
}
section#info .content .another img {
  width: 1.8rem;
  width: height;
}
@media print, screen and (min-width: 55em) {
  section#info .content .another img {
    width: 2.35rem;
  }
}
@media print, screen and (max-width: 55em) {
  section#info .content .content-inner {
    margin-top: -3.6rem;
  }
}
section#info .content .content-inner p {
  margin: 0.45em 0 0;
  font-style: italic;
  font-size: 1rem;
}
@media print, screen and (min-width: 55em) {
  section#info .content .content-inner p {
    font-size: var(--size-plus2);
    font-size: 1vw;
  }
}
section#info .content .content-inner .lead p {
  margin: 0 0 1.8rem 0;
  line-height: 0.9;
  font-style: normal;
  text-transform: uppercase;
  font-family: var(--header-font);
  font-weight: var(--weight-bold);
  font-size: 2.135rem;
}
@media print, screen and (min-width: 55em) {
  section#info .content .content-inner .lead p {
    font-size: var(--size-plus5);
    font-size: 10vh;
  }
}
section#info .content .content-inner .newsletter {
  margin: 0.9rem 0 1.8rem;
  position: relative;
  display: flex;
}
@media print, screen and (min-width: 55em) {
  section#info .content .content-inner .newsletter {
    margin: 0.9rem 0;
  }
}
section#info .content .content-inner .newsletter .fields {
  flex: 0 0 auto;
  position: relative;
}
section#info .content .content-inner .newsletter input.submit {
  font-family: var(--header-font);
  font-weight: 400;
  font-size: var(--size-plus3);
  position: absolute;
  top: 50%;
  right: 0;
  transition: all ease 500ms;
  transform: translateY(-50%);
  background: none;
  border: none;
  z-index: 2;
  color: var(--black);
}
section#info .content .content-inner .newsletter input.submit:hover {
  color: var(--black);
}
section#info .content .content-inner .newsletter input.input {
  font-family: var(--header-font);
  font-weight: var(--weight-normal);
  padding-right: 3.6rem;
  min-width: 15rem;
  letter-spacing: 0.05em;
  max-width: 100%;
  background: transparent;
  border: none;
  border-bottom: 1px solid var(--black) !important;
  padding: 0.45em 0;
  margin: 0;
  position: relative;
  text-transform: uppercase;
  font-size: var(--size-plus3);
  border-bottom: 1px solid var(--white);
}
@media print, screen and (min-width: 55em) {
  section#info .content .content-inner .newsletter input.input {
    min-width: 20rem;
  }
}
section#info .content .content-inner a {
  text-decoration: none;
}
section#info .content .content-inner footer p {
  margin: 0;
  color: var(--black);
  line-height: 1.6;
  font-size: 0.75rem;
}
section#info .content .content-inner footer p a {
  color: var(--black);
  text-decoration: underline;
}
@media print, screen and (min-width: 55em) {
  section#info .content .content-inner footer p {
    font-size: var(--size-minus2);
  }
}

.artist-index-sticky-container .grad {
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  margin-top: -100vh;
  z-index: 1;
}
@media print, screen and (min-width: 55em) {
  .artist-index-sticky-container .grad {
    margin-top: -100vh;
  }
}
.artist-index-sticky-container .grad.no-animation {
  transition: none;
}
.artist-index-sticky-container .break {
  display: inline-block;
  width: 100%;
  height: 7.2rem;
}
.artist-index-sticky-container .artist-index-sticky-single {
  z-index: 2;
  padding-top: var(--top);
  padding-bottom: var(--bottom);
  position: relative;
  width: 100%;
}
.artist-index-sticky-container .artist-index-sticky-single.first-of-artists {
  padding-top: 0;
}
@media print, screen and (max-width: 55em) {
  .artist-index-sticky-container .artist-index-sticky-single.first-of-artists {
    min-height: 200vh;
  }
}
.artist-index-sticky-container .artist-index-sticky-single.first-of-artists > .artist-index-sticky-single-media {
  height: auto;
  margin-top: 0;
}
.artist-index-sticky-container .artist-index-sticky-single.first-of-artists > .artist-index-sticky-single-media img,
.artist-index-sticky-container .artist-index-sticky-single.first-of-artists > .artist-index-sticky-single-media video {
  height: auto;
  max-height: 100vh;
}
.artist-index-sticky-container .artist-index-sticky-single.--hide .overlay {
  opacity: 0;
}
.artist-index-sticky-container .artist-index-sticky-single .overlay-fixed,
.artist-index-sticky-container .artist-index-sticky-single .overlay {
  transition: opacity ease 250ms;
  position: absolute;
  pointer-events: none;
  padding-top: 0;
  padding-bottom: 0;
  z-index: 3;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
}
@media print, screen and (max-width: 55em) {
  .artist-index-sticky-container .artist-index-sticky-single .overlay-fixed.overlay-fixed,
.artist-index-sticky-container .artist-index-sticky-single .overlay.overlay-fixed {
    height: calc(75vh + calc(1.5 * var(--top)));
    bottom: auto;
  }
}
.artist-index-sticky-container .artist-index-sticky-single .overlay-fixed .span-container,
.artist-index-sticky-container .artist-index-sticky-single .overlay .span-container {
  pointer-events: auto;
}
.artist-index-sticky-container .artist-index-sticky-single .overlay-fixed,
.artist-index-sticky-container .artist-index-sticky-single .overlay-fixed *,
.artist-index-sticky-container .artist-index-sticky-single .overlay,
.artist-index-sticky-container .artist-index-sticky-single .overlay * {
  overflow: visible;
}
.artist-index-sticky-container .artist-index-sticky-single .overlay-fixed-inner,
.artist-index-sticky-container .artist-index-sticky-single .overlay-inner {
  position: sticky;
  top: 45vh;
  top: calc(50% - var(--top));
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.artist-index-sticky-container .artist-index-sticky-single .overlay-fixed-inner .span-container,
.artist-index-sticky-container .artist-index-sticky-single .overlay-inner .span-container {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.artist-index-sticky-container .artist-index-sticky-single .overlay-fixed-inner .span-container span,
.artist-index-sticky-container .artist-index-sticky-single .overlay-inner .span-container span {
  text-transform: uppercase;
  font-family: var(--header-font);
  font-weight: var(--weight-bold);
  line-height: 1;
}
.artist-index-sticky-container .artist-index-sticky-single .overlay-fixed-inner .span-container span.title,
.artist-index-sticky-container .artist-index-sticky-single .overlay-inner .span-container span.title {
  line-height: 0.66;
  text-align: center;
  transition: all ease 500ms;
  font-size: 15vw !important;
}
@media print, screen and (min-width: 55em) {
  .artist-index-sticky-container .artist-index-sticky-single .overlay-fixed-inner .span-container span.title,
.artist-index-sticky-container .artist-index-sticky-single .overlay-inner .span-container span.title {
    font-size: 10vh !important;
  }
}
.artist-index-sticky-container .artist-index-sticky-single .overlay-fixed-inner .span-container span.title:hover,
.artist-index-sticky-container .artist-index-sticky-single .overlay-inner .span-container span.title:hover {
  transform: scale(1.05);
}
.artist-index-sticky-container .artist-index-sticky-single .overlay-fixed-inner .span-container span.sub,
.artist-index-sticky-container .artist-index-sticky-single .overlay-inner .span-container span.sub {
  text-align: right;
  line-height: 1;
  text-transform: lowercase;
  font-family: var(--body-font);
  font-weight: var(--weight-normal);
  font-size: var(--size);
  font-size: 6vw;
  font-style: italic;
  text-align: right;
}
@media print, screen and (min-width: 55em) {
  .artist-index-sticky-container .artist-index-sticky-single .overlay-fixed-inner .span-container span.sub,
.artist-index-sticky-container .artist-index-sticky-single .overlay-inner .span-container span.sub {
    padding-right: 100px;
    margin-right: -100px;
  }
}
@media print, screen and (min-width: 55em) {
  .artist-index-sticky-container .artist-index-sticky-single .overlay-fixed-inner .span-container span.sub,
.artist-index-sticky-container .artist-index-sticky-single .overlay-inner .span-container span.sub {
    font-size: 3vh;
  }
}
.artist-index-sticky-container .artist-index-sticky-single-media {
  z-index: 2;
  position: relative;
  backface-visibility: visible;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
}
.artist-index-sticky-container .artist-index-sticky-single-media.fixed {
  position: sticky;
  top: 0;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  min-height: 100vh;
}
@media print, screen and (max-width: 55em) {
  .artist-index-sticky-container .artist-index-sticky-single-media.fixed {
    height: calc(100% - var(--bottom));
    min-height: calc(100% - var(--bottom));
  }
}
.artist-index-sticky-container .artist-index-sticky-single-media.fixed img,
.artist-index-sticky-container .artist-index-sticky-single-media.fixed video {
  margin-top: 33vh;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
}
@media print, screen and (min-width: 55em) {
  .artist-index-sticky-container .artist-index-sticky-single-media.fixed img,
.artist-index-sticky-container .artist-index-sticky-single-media.fixed video {
    margin-top: 0;
  }
}
.artist-index-sticky-container .artist-index-sticky-single-media.invisible {
  opacity: 0;
  pointer-events: none;
}
.artist-index-sticky-container .artist-index-sticky-single-media.first-of-artists {
  margin-top: 75vh;
}
.artist-index-sticky-container .artist-index-sticky-single-media img,
.artist-index-sticky-container .artist-index-sticky-single-media video {
  margin: 0 auto;
  display: block;
  width: auto;
  height: auto !important;
  max-width: 50%;
  max-height: 66vh;
  backface-visibility: visible;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
}

.artist-index {
  background: var(--bg);
  position: absolute;
  top: 0;
  transition: background-color ease 2s;
}
.artist-index-single {
  height: 105vh;
  position: relative;
}
.artist-index-single a {
  -webkit-user-select: none;
  /* Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+/Edge */
  user-select: none;
  /* Standard */
  display: inline-block;
  z-index: 2;
  position: sticky;
  top: 0;
  width: 100vw;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
  font-family: var(--header-font);
  font-weight: var(--weight-bold);
  line-height: 1;
  transition: all ease 500ms;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}
.artist-index-single a .text-inner {
  display: flex;
  flex-direction: column;
  position: sticky;
  top: 10vh;
}
.artist-index-single a span {
  line-height: 1;
  display: inline-block;
}
.artist-index-single a span.title {
  line-height: 1;
  text-align: center;
  transition: all ease 1s;
}
.artist-index-single a span.title:hover {
  transform: scale(1.025);
}
.artist-index-single a span.sub {
  text-align: right;
  line-height: 1;
  text-transform: lowercase;
  font-family: var(--body-font);
  font-weight: var(--weight-normal);
  font-size: var(--size);
  font-style: italic;
  text-align: right;
}
@media print, screen and (min-width: 55em) {
  .artist-index-single a span.sub {
    font-size: 4vw;
  }
}
.artist-index-single-media {
  z-index: 1;
  position: relative;
  height: 100vh;
  margin-top: -100vh;
}
.artist-index-single-media img,
.artist-index-single-media video {
  position: relative;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  padding: 3.6rem;
  transition: all ease 300ms;
  object-fit: scale-down;
}
@media print, screen and (min-width: 55em) {
  .artist-index-single-media img,
.artist-index-single-media video {
    padding: 4.6vw;
  }
}
.blog-pull {
  height: 110vh;
  width: 100%;
}
.blog-pull .blog-pull-trigger {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 5.6rem;
}

.nothing {
  height: 100vh;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  align-items: center;
  justify-content: center;
  color: var(--white);
}

#mouse-circle {
  pointer-events: none;
  position: absolute;
  width: 64px;
  height: 64px;
  margin: -34px 0 0 -34px;
  display: none;
  pointer-events: none;
  z-index: 99;
}
#mouse-circle .inner {
  transition: all ease 500ms;
  transform: scale(0);
  opacity: 0;
}
#mouse-circle .inner svg {
  fill: var(--black);
  width: 1.8rem;
  height: auto;
}
#mouse-circle.next {
  transform: rotate(-90deg);
}
#mouse-circle.prev {
  transform: rotate(90deg);
}
#mouse-circle.active .inner {
  opacity: 1;
  transform: scale(1);
}

section#cover {
  display: none;
}

section#frontpageslider {
  position: absolute;
  overflow: hidden;
  background: var(--trueblack);
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 4;
  -webkit-backface-visibility: hidden;
  /* Safari */
  backface-visibility: hidden;
}

section#artist-container {
  margin-top: 0;
  margin-bottom: 100vh;
  position: relative;
  z-index: 3;
  background: var(--trueblack);
  -webkit-backface-visibility: hidden;
  /* Safari */
  backface-visibility: hidden;
}

section#news-container {
  padding-top: 15vh;
  padding-bottom: 15vh;
  margin-top: -100vh;
  position: relative;
  -webkit-backface-visibility: hidden;
  /* Safari */
  backface-visibility: hidden;
  background: var(--trueblack);
  z-index: 1;
  overflow-y: scroll;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}
@media print, screen and (min-width: 55em) {
  section#news-container {
    position: fixed;
    margin-top: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
section#news-container::-webkit-scrollbar {
  display: none;
}
section#news-container a {
  position: relative;
  display: block;
  padding: 7.5vh 0;
  color: var(--truewhite);
}
section#news-container a span.centered {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
}
section#news-container a span.centered span.title {
  line-height: 0.75;
  transition: all ease 500ms;
  transform: scale(1);
}
section#news-container a h2 {
  padding: 0.9rem 2.35rem;
  position: relative;
  z-index: 10;
  color: var(--truewhite);
  line-height: 0.75;
  margin: 0;
  width: 100%;
  line-height: 1;
  text-transform: uppercase;
  font-size: 17.25vw;
  display: flex;
  flex-direction: column;
  align-content: center;
  align-items: center;
  text-align: center;
}
section#news-container a h2 .sub {
  font-family: var(--body-font);
  font-weight: var(--weight-normal);
  font-size: var(--size);
  font-style: italic;
  font-size: 6vw;
  text-transform: lowercase;
}
@media print, screen and (min-width: 55em) {
  section#news-container a h2 {
    font-size: 10vh;
  }
  section#news-container a h2 .sub {
    font-size: 3vh;
  }
}
section#news-container a .cover {
  pointer-events: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--trueblack);
  opacity: 0;
  z-index: 2;
  transition: opacity 1s ease;
}
section#news-container a .news-post-media {
  z-index: 1;
  opacity: 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  pointer-events: none;
  transition: opacity 1s ease;
}
section#news-container a .news-post-media img,
section#news-container a .news-post-media video {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media print, screen and (min-width: 55em) {
  section#news-container a.hover .cover {
    opacity: 0.6;
  }
  section#news-container a.hover span.centered span.title {
    transform: scale(1.05);
  }
  section#news-container a.hover .news-post-media {
    opacity: 1;
  }
}

#gotoblog {
  width: 100%;
  height: 1px;
  opacity: 0;
}

#paperCanvas {
  position: fixed;
  top: 0;
  left: 0;
  min-width: 100%;
  min-height: 100%;
  z-index: 999999;
  pointer-events: none;
}
@media print, screen and (max-width: 55em) {
  #paperCanvas {
    display: none !important;
  }
}

div.banner {
  z-index: 9999;
  position: relative;
  padding: 0.9rem 0.45rem;
  background-color: #000;
  display: flex;
  line-height: 1;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media print, screen and (min-width: 55em) {
  div.banner {
    padding: 1.8rem;
  }
}
div.banner a {
  font-family: var(--header-font);
  font-weight: 400;
  color: #fff;
  font-size: 2rem;
  text-transform: uppercase;
  background: transparent;
}

/*# sourceMappingURL=main.css.map */