@font-face {
  font-family: "Geometric451Black";
  src: url("/static/fonts/30AF5E_0_0.eot");
  src: url("/static/fonts/30AF5E_0_0.eot?#iefix") format("embedded-opentype"), url("/static/fonts/30AF5E_0_0.woff") format("woff"), url("/static/fonts/30AF5E_0_0.ttf") format("truetype");
  font-weight: bold;
}
@font-face {
  font-family: "SuperGrotesk";
  src: url("/static/fonts/30AF5E_2_0.eot");
  src: url("/static/fonts/30AF5E_2_0.eot?#iefix") format("embedded-opentype"), url("/static/fonts/30AF5E_2_0.woff") format("woff"), url("/static/fonts/30AF5E_2_0.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "SuperGrotesk";
  src: url("/static/fonts/30AF5E_1_0.eot");
  src: url("/static/fonts/30AF5E_1_0.eot?#iefix") format("embedded-opentype"), url("/static/fonts/30AF5E_1_0.woff") format("woff"), url("/static/fonts/30AF5E_1_0.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
body::after {
  display: none;
}
@media all and (max-width:767px) {
  body::after {
    content: "media-sm";
  }
}
@media all and (min-width:768px) and (max-width:960px) {
  body::after {
    content: "media-md";
  }
}
@media all and (min-width:960px) and (max-width:1215px) {
  body::after {
    content: "media-lg";
  }
}
@media all and (min-width:1215px) {
  body::after {
    content: "media-xl";
  }
}

.aa-subpixel {
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: auto;
}

.aa-grayscale {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

.cart .table::after, .cart .inner::after, .cart::after, .detail__slideshow .detail__slide .inner::after, section::after, .main::after, .u-clearfix::after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.col {
  float: left;
  text-align: left;
  position: relative;
  display: block;
  width: 8.33%;
  padding: 1.25rem;
  margin: 0;
}
.col.col--two {
  width: 16.66%;
}
@media all and (max-width:767px) {
  .col.col--two {
    width: 50%;
  }
}
.col.col--three {
  width: 25%;
}
@media all and (max-width:767px) {
  .col.col--three {
    width: 50%;
  }
}
.col.col--four {
  width: 33.33%;
}
@media all and (max-width:767px) {
  .col.col--four {
    width: 50%;
  }
}
.col.col--five {
  width: 41.66%;
}
@media all and (max-width:767px) {
  .col.col--five {
    width: 50%;
  }
}
.col.col--six {
  width: 50%;
}
@media all and (max-width:767px) {
  .col.col--six {
    width: 50%;
  }
}
.col.col--seven {
  width: 58.33%;
}
@media all and (max-width:767px) {
  .col.col--seven {
    width: 100%;
  }
}
.col.col--eight {
  width: 66.66%;
}
@media all and (max-width:767px) {
  .col.col--eight {
    width: 100%;
  }
}
.col.col--nine {
  width: 75%;
}
@media all and (max-width:767px) {
  .col.col--nine {
    width: 100%;
  }
}
.col.col--ten {
  width: 83.33%;
}
@media all and (max-width:767px) {
  .col.col--ten {
    width: 100%;
  }
}
.col.col--eleven {
  width: 91.66%;
}
@media all and (max-width:767px) {
  .col.col--eleven {
    width: 100%;
  }
}
.col.col--twelve {
  width: 100%;
}
@media all and (max-width:767px) {
  .col.col--twelve {
    width: 100%;
  }
}
.col.col--first {
  clear: both;
}
.col.col--centered {
  float: none;
  margin-left: auto;
  margin-right: auto;
}
.col.col--indent-two {
  margin-left: 16.6666666667%;
}
@media all and (max-width:767px) {
  .col.col--indent-two {
    margin-left: 0;
  }
}

html,
body {
  margin: 0;
  padding: 0;
  border: 0;
  min-height: 100%;
  -webkit-text-size-adjust: none;
}

.related-cover__inner, h3,
h4, body {
  font-size: 1rem;
  line-height: 1.25em;
  font-family: "SuperGrotesk", "Avenir", "Helvetica", Arial, sans-serif;
  text-rendering: optimizeLegibility;
}

.intro__title, .page-header__title {
  font-size: 1.5rem;
  line-height: 1.2em;
  font-family: "SuperGrotesk", "Avenir", "Helvetica", Arial, sans-serif;
}

.page-header__title--section,
.page-header__title--subsection {
  font-size: 1.5rem;
  line-height: 1.2em;
  font-family: "Geometric451Black", "Avenir", "Helvetica", Arial, sans-serif;
}

.cart .row--checkout .checkout-link, .cart h2, .subtitle, .page-header__title--category {
  font-size: 1.1rem;
  line-height: 1.15em;
  font-family: "Geometric451Black", "Avenir", "Helvetica", Arial, sans-serif;
}

.blog__post__title, .detail__slideshow .slide__title, .intro__title.intro__title--edition {
  font-size: 1.2rem;
  line-height: 1.2em;
  font-family: "SuperGrotesk", "Avenir", "Helvetica", Arial, sans-serif;
  font-weight: bold;
}

html {
  font-size: 20px;
}
@media all and (max-width:767px) {
  html {
    font-size: 17px;
  }
}

body {
  background-color: #c4c4c4;
  color: #333;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

h1,
h2 {
  margin: 0;
  padding: 0;
  border: 0;
}

h3,
h4 {
  font-weight: bold;
  text-align: center;
  margin: 0 0 0.625rem 0;
}

pre {
  font-size: 0.8rem;
}

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

p {
  margin: 0 0 0.625rem 0;
}

p a {
  border-bottom: 1px solid #999;
}

.no-touchevents p a:hover {
  border-bottom: 1px solid #555;
}

.col > p:last-child {
  margin-bottom: 0;
}

hr {
  height: 1px;
  background: #b3b3b3;
  color: #333;
  border: 0;
  margin: 1.25rem 0 1.375rem 0;
}

img,
iframe {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto;
}

/* utilities */
.footer__content, .page.page--credit p.credit, .detail__slideshow .slide__text .scroll-more, .overlay a, .more-text__button, .buy-button, .page-header__subnav, .navigation li, .subnav__item, header h1 a,
header h2 a,
header .toggles a {
  font-size: 0.85rem;
  line-height: 1.3em;
  font-family: "Geometric451Black", "Avenir", "Helvetica", Arial, sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.12em;
}

.u-copy-small {
  font-size: 0.8rem;
  line-height: 1.25em;
  font-family: "SuperGrotesk", "Avenir", "Helvetica", Arial, sans-serif;
}

.u-copy-small p {
  margin-bottom: 0.5rem;
}

.u-caps {
  letter-spacing: 0.06em;
}

header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  min-height: 2.5rem;
  background: #fff;
  margin: 0;
  z-index: 200;
}
header h1 a,
header h2 a,
header .toggles a {
  display: block;
  line-height: 1.2rem;
  padding-top: 0.65rem;
  padding-bottom: 0.65rem;
}
header h1,
header h2 {
  height: 2.5rem;
  display: block;
  width: auto;
  margin: 0;
  position: absolute;
  top: 0;
}
header h1 {
  left: 0;
}
header h1 a {
  padding-left: 1.5rem;
}
header h2 {
  left: 0;
  right: 0;
  text-align: center;
  z-index: -1;
  opacity: 1;
  transition: opacity 150ms;
}
header .toggles {
  position: absolute;
  top: -2px;
  right: 0;
  text-align: right;
  z-index: 3;
}
header .toggles a {
  display: inline-block;
  position: relative;
}
header .toggle-icon {
  display: inline-block;
  width: 22px;
  height: 20px;
  position: relative;
  top: 5px;
}
@media all and (max-width:767px) {
  header .toggle-icon {
    width: 18.7px;
    height: 17px;
    top: 3px;
  }
}
header .toggle-icon::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  height: 17px;
  width: 22px;
  background-image: url("/static/img/fuel-icons.svg");
  background-position: -32.5rem 0;
  background-size: 60rem 5rem;
  background-repeat: no-repeat;
}
@media all and (max-width:767px) {
  header .toggle-icon::before {
    width: 18.7px;
    height: 15.3px;
  }
}
header .menu-toggle__icon {
  width: 19px;
}
header .menu-toggle__icon::before {
  width: 19px;
  background-position: -32.5rem 0;
}
header .toggles .menu-toggle {
  margin-left: 1.25rem;
  padding-right: 1.5rem;
  opacity: 0.4;
}
@media all and (max-width:960px) {
  header .toggles .menu-toggle {
    margin-left: 0.4166666667rem;
    padding-left: 0.4166666667rem;
  }
}
.no-touchevents header .toggles .menu-toggle:hover {
  opacity: 1;
}
header .cart-toggle .toggle-text,
header .cart-toggle .toggle-icon {
  opacity: 0.4;
}
header .cart-toggle .cart-toggle__icon::before {
  background-position: -30rem 0;
}
.no-touchevents header .cart-toggle:hover .toggle-text,
.no-touchevents header .cart-toggle:hover .cart-toggle__icon {
  opacity: 1;
}
header .cart-toggle--active .cart-toggle__count {
  color: #0075cc;
  margin-left: -3px;
}
header .cart-toggle--active .cart-toggle__icon {
  opacity: 1;
}
header .cart-toggle--active .cart-toggle__icon::before {
  background-position: -30rem -2.5rem;
}
@media all and (max-width:960px) {
  header .toggles .cart-toggle__text {
    display: none;
  }
  header .toggles .menu-toggle__text {
    display: none;
  }
}
@media all and (min-width:960px) and (max-width:1215px) {
  header .toggles .cart-toggle__text {
    display: none;
  }
}
header .navigation {
  height: 5rem;
  overflow: hidden;
  transition: margin 150ms;
  margin-top: -5rem;
  background: #fff;
}
header.header--navigation-open .menu-toggle {
  opacity: 1;
}
header.header--navigation-open .navigation {
  display: block;
  margin: 0;
}
@media all and (min-width:768px) and (max-width:960px) {
  header.header--navigation-open h1,
header.header--navigation-open .cart-toggle {
    display: none;
  }
}
header.header--navigation-open .cart-toggle {
  display: none;
}
@media all and (max-width:767px) {
  header.header--navigation-open .cart-toggle {
    display: inline-block;
  }
}

.subnav {
  position: absolute;
  top: 2.5rem;
  left: 0;
  right: 0;
  overflow: hidden;
  text-align: center;
  z-index: 2;
  background: #fff;
  white-space: nowrap;
}

.subnav__item {
  display: inline-block;
  line-height: 1.2rem;
  padding-top: 0.65rem;
  padding-bottom: 0.65rem;
  margin: 0 0.5rem;
  color: #aaa;
}

.no-touchevents .subnav__item:hover,
.subnav__item--active {
  color: #333;
}

@media all and (min-width:768px) and (max-width:960px) {
  .subnav--russian-criminal-tattoo-archive .subnav__item {
    margin: 0 0.25rem;
  }
}
.navigation ul {
  float: none;
  display: block;
  width: 100%;
  list-style: none;
  padding: 0;
  margin: 0;
  border: 0;
  overflow: hidden;
  height: 5rem;
  text-align: center;
}
.navigation li {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  padding: 0;
  margin: 0;
  line-height: 5rem;
  height: 5rem;
}
.navigation a {
  display: block;
  padding: 0 1.25rem;
  opacity: 0.4;
}
.no-touchevents .navigation a:hover, .navigation a.nav__item--active {
  opacity: 1;
}
@media all and (min-width:768px) and (max-width:960px) {
  .navigation a {
    padding: 0 1rem;
  }
}
@media all and (min-width:1215px) {
  .navigation a {
    padding: 0 1.6666666667rem;
  }
}
.navigation li.sm + li.sm a {
  padding-left: 0;
}
.navigation span {
  display: inline-block;
  vertical-align: middle;
  height: auto;
  max-height: 5rem;
  overflow: hidden;
  min-width: 1rem;
  line-height: 1.2em;
}
.navigation li.rcta span {
  position: relative;
  width: 4.5rem;
  height: 2.385rem;
  text-indent: -99999em;
}
.navigation li.rcta span::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  background-image: url("/static/img/fuel-icons.svg");
  background-size: 54rem 4.5rem;
  background-position: -13.5rem 0;
  width: 4.5rem;
  height: 2.385rem;
}

.icon {
  position: relative;
  text-indent: -9999em;
  overflow: hidden;
}

.icon::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  display: block;
  width: 1rem;
  height: 1rem;
  margin: -0.5rem;
  margin-right: 0;
  margin-bottom: 0;
  background: url("/static/img/fuel-icons.svg") 0 0 no-repeat;
  background-size: 60rem 5rem;
}

.icon--home::before {
  background-position: -12.5rem 0;
}

.icon--twitter::before {
  background-position: -22.5rem 0;
}

.icon--facebook::before {
  background-position: -25rem 0;
}

.icon--instagram::before {
  background-position: -27.5rem 0;
}

.page-header {
  padding: 1.25rem 0;
  background: #bababa;
  position: relative;
}

.page-header--section {
  background: #fff;
  padding-top: 0;
}

.page-header--with-text {
  padding-top: 0.5rem;
}

.page-header--subsection + .page-header--category {
  margin-top: 1px;
}

.page-header__title {
  font-weight: bold;
  margin: 1rem 0;
  text-rendering: optimizeLegibility;
}

.page-header__title--section,
.page-header__title--subsection {
  text-transform: uppercase;
  letter-spacing: 0.15em;
  font-weight: bold;
}

.page-header__title--category {
  text-transform: uppercase;
  letter-spacing: 0.15em;
  margin: 1rem 0 1rem 0;
}

.page-header__text {
  padding-top: 0;
  padding-bottom: 0;
}

.page-header__subnav {
  margin-bottom: -0.625rem;
}

.page-header__subnav a,
.page-header__subnav span,
.page-header__subnav__item {
  margin: 0 0.5rem;
  color: #888;
}

.no-touchevents .page-header__subnav a:hover,
.page-header__subnav__item--active,
.no-touchevents .page-header__subnav__item:hover {
  color: #333;
}

.page-header .nav-arrow {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
}

.page-header .nav-arrow--prev {
  left: 1.5rem;
}

.page-header .nav-arrow--next {
  right: 1.5rem;
}

.subtitle {
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  padding: 1.25rem 0;
}

.subtitle:first-child {
  padding-top: 0;
}

.subtitle + .col {
  padding-top: 0;
}

.nav-arrow {
  width: 0.8rem;
  height: 1.4rem;
  background-image: url("/static/img/fuel-icons.svg");
  background-size: 60rem 5rem;
  background-repeat: no-repeat;
  display: block;
  overflow: hidden;
  text-indent: -999999rem;
}

.nav-arrow--prev {
  background-position: 0 0;
}

.no-touchevents .nav-arrow--prev:hover {
  background-position: 0 -2.5rem;
}

.nav-arrow--next {
  background-position: -2.5rem 0;
}

.no-touchevents .nav-arrow--next:hover {
  background-position: -2.5rem -2.5rem;
}

.main {
  margin-top: 5rem;
}

.main--list--shelf {
  margin-top: 0;
}

.main--about {
  margin-top: 2.5rem;
}

section {
  width: 100%;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  margin: 0;
  text-align: center;
}

.inner {
  width: 100%;
  max-width: 62.5rem;
  margin: 0 auto;
  padding: 0 1.25rem;
}

.buy-button__link,
.no-touchevents .buy-button__link:hover {
  border: 0;
}

.buy-button__button {
  display: inline-block;
  background: #333;
  color: #fff;
  padding: 1px 2px 1px 6px;
  text-align: center;
}

.no-touchevents .buy-button__link:hover .buy-button__button {
  background: #fff;
  color: #333;
}

.more-text__button {
  text-align: center;
  margin-bottom: 0;
}

.more-text__button a {
  color: #888;
  border: 0;
}

.no-touchevents .more-text__button a:hover {
  color: #333;
  border: 0;
}

.more-text__text--open {
  padding-bottom: 1rem;
}
.more-text__text--open p:last-child {
  margin-bottom: 0;
}

.spreads {
  padding-top: 0;
  padding-bottom: 2.5rem;
}

.page-header + .spreads,
.intro--edition + .spreads {
  margin-top: 2.5rem;
}

.spreads__slideshow .nav-arrow {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
}
.spreads__slideshow .nav-arrow.nav-arrow--prev {
  left: 1.5rem;
}
.spreads__slideshow .nav-arrow.nav-arrow--next {
  right: 1.5rem;
}
@media all and (max-width:767px) {
  .spreads__slideshow .nav-arrow {
    display: none;
  }
}
@media all and (min-width:768px) and (max-width:960px) {
  .spreads__slideshow .nav-arrow {
    display: none;
  }
}

.spreads__slideshow {
  width: 100%;
  margin: 0 auto 1.25rem auto;
  max-height: 66vh;
  overflow: hidden;
  display: flex;
}

.spreads__slideshow .slide {
  width: 100%;
  outline: 0;
  position: relative;
  overflow: hidden;
  height: 100%;
}

.spreads__slideshow .slide__image {
  display: inline-block;
  flex: 0 0 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.spreads__slideshow .slide__image img,
.spreads__slideshow .slide__image iframe {
  max-height: 66vh;
  max-width: 57.5rem;
  height: auto;
  width: auto;
}

.slick-slider .slick-list,
.slick-track,
.slick-slide,
.slick-slide img {
  transform: none;
}

.spreads__thumbnails {
  margin-top: 1.5rem;
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
}

.spreads__thumbnails a {
  display: inline-block;
  margin: 0 0.25rem;
  vertical-align: bottom;
}

.no-touchevents .spreads__thumbnails a:hover img,
.spreads__thumbnails a.active img {
  opacity: 1;
}

.spreads__thumbnails a img {
  height: 2.5rem;
  width: auto;
  opacity: 0.3;
}

@media all and (max-width:767px) {
  .spreads__slideshow {
    margin-bottom: 0;
  }

  .spreads__thumbnails a {
    overflow: hidden;
    width: 6px;
    height: 6px;
    margin: 0.33rem;
    background: #333;
    opacity: 0.3;
  }

  .spreads__thumbnails a.active {
    opacity: 1;
  }

  .spreads__thumbnails a img {
    display: none;
  }
}
.overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(170, 170, 170, 0.95);
  padding: 5rem;
  z-index: 998001;
  cursor: pointer;
}
.overlay img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  cursor: default;
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.overlay a {
  position: absolute;
  top: 2rem;
  right: 2rem;
}

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

.main-image {
  width: 100%;
  margin: 1.25rem auto 1.25rem auto;
}

.main-image img {
  max-width: 57.5rem;
  max-height: 40rem;
  width: auto;
  height: auto;
  margin: 0 auto;
}

.main-image + .intro {
  margin-top: 0;
  padding-top: 0;
}

.intro--publication:nth-child(odd) {
  background-color: #bababa;
}

.intro--publication.intro--edition {
  background: #bababa;
  border-bottom: 1px solid #c4c4c4;
}

.publishing-intros .intro--publication:last-child {
  padding-bottom: 5.25rem;
}

.publishing-intros + footer {
  margin-top: 0;
}

.intro__title {
  font-weight: bold;
  margin: 1rem 0 0.8rem 0;
}

.intro__title.intro__title--edition {
  margin-top: 0;
}

.intro__cover img {
  display: block;
  max-height: 16rem;
  max-width: 100%;
  float: right;
  height: auto;
  width: auto;
}

.intro__cover--edition img {
  max-height: 9rem;
  height: auto;
  width: auto;
}

.intro__cover--large img {
  max-height: 90vh;
  width: auto;
  height: auto;
  z-index: 3;
}

.intro__cover__zoom {
  width: 0.8rem;
  height: 0.8rem;
  background-image: url("/static/img/fuel-icons.svg");
  background-size: 60rem 5rem;
  background-repeat: no-repeat;
  background-position: -5rem 0;
  display: block;
  overflow: hidden;
  text-indent: -999999rem;
  margin-top: 0.5rem;
  float: right;
  clear: both;
}

.no-touchevents .intro__cover:hover .intro__cover__zoom {
  background-position: -5rem -2.5rem;
}

.intro__infobox {
  float: right;
}

.detail__slideshow {
  position: relative;
}
.detail__slideshow .nav-arrow {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
}
.detail__slideshow .nav-arrow.nav-arrow--prev {
  left: 1.5rem;
}
.detail__slideshow .nav-arrow.nav-arrow--next {
  right: 1.5rem;
}
.detail__slideshow .col {
  padding-top: 0;
}
.detail__slideshow .detail__slide {
  outline: 0;
}
.detail__slideshow .slide__title {
  margin: 1.5rem 0 0.9rem 0;
}
.detail__slideshow .slide__title:first-child {
  margin-top: 0;
  margin-bottom: 1.2rem;
}
.detail__slideshow .slide__image {
  padding-right: 0.625rem;
}
.detail__slideshow .slide__text {
  padding-left: 0.625rem;
  min-height: 66vh;
  max-height: 66vh;
  overflow: hidden;
}
.detail__slideshow .slide__text__inner {
  max-height: 66vh;
  overflow: hidden;
  overflow-y: auto;
}
.detail__slideshow .slide__text .scroll-more {
  position: absolute;
  bottom: 0;
  left: 0.625rem;
  right: 0;
  background: #c4c4c4;
  line-height: 1.4em;
  padding: 0.7em 0 0 0;
}
.detail__slideshow .slide__image img {
  max-width: 100%;
  max-height: 66vh;
  width: auto;
  height: auto;
  float: right;
}
.detail__slideshow .slide__image--centered img {
  float: none;
  max-height: 50vh;
}
.detail__slideshow .slide__text--centered {
  width: 50%;
  margin-left: 25%;
}

.detail__navigation {
  height: 5rem;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999999;
  background: #bababa;
  padding: 0.5rem 0;
  overflow: hidden;
}
.detail__navigation .detail__navigation__slideshow {
  width: 100%;
  height: 100%;
  white-space: nowrap;
  text-align: center;
}
.detail__navigation .slide {
  float: left;
  display: inline-block;
  outline: 0;
  opacity: 0.3;
  padding: 0 0.25rem;
}
.no-touchevents .detail__navigation .slide:hover,
.detail__navigation .slick-current {
  opacity: 1;
}
.detail__navigation .slide img {
  height: 4rem;
  width: auto;
}

.col--thumbnail {
  width: 25%;
}

.col--thumbnail__inner {
  display: block;
  width: 100%;
  padding-bottom: 100%;
  position: relative;
  line-height: 100%;
}

.col--thumbnail__inner img {
  position: absolute;
  display: block;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.no-touchevents .col--thumbnail__inner:hover img {
  opacity: 0.3;
}

.covers {
  padding-bottom: 3.75rem;
  position: relative;
  max-width: 1215px;
  margin-left: auto;
  margin-right: auto;
}

.publication-cover {
  display: inline-block;
  height: 15rem;
  margin: 0 1.25rem 2.5rem 1.25rem;
  vertical-align: top;
  position: relative;
  z-index: 2;
}

.publication-cover__image {
  height: auto;
  width: auto;
  display: inline-block;
}

.publication-cover__image img {
  width: auto;
  height: auto;
}
.publication-cover__image img.img--cover-xs {
  max-height: 6.25rem;
  max-width: 6.25rem;
}
.publication-cover__image img.img--cover-s {
  max-height: 7.5rem;
  max-width: 7.5rem;
}
.publication-cover__image img.img--cover-m {
  max-height: 9.375rem;
  max-width: 9.375rem;
}
.publication-cover__image img.img--cover-l {
  max-height: 10.625rem;
  max-width: 10.625rem;
}
.publication-cover__image img.img--cover-xl {
  max-height: 12.5rem;
  max-width: 12.5rem;
}

.publication-cover__title {
  font-weight: bold;
  text-align: center;
  height: 2.5rem;
  padding-top: 0.5rem;
  position: absolute;
  bottom: -2.5rem;
  left: 50%;
  width: 20rem;
  margin-left: -10rem;
  white-space: nowrap;
}

.publication-cover__title.hidden {
  display: none;
}

.no-touchevents .publication-cover:hover .publication-cover__title.hidden {
  display: block;
}

.row-background {
  position: absolute;
  z-index: 1;
  height: 15rem;
  width: 100%;
  background: #bababa;
}

.row-background--dark {
  background: #bababa;
}

.row-background--light {
  background: #c4c4c4;
}

.related {
  background: #bababa;
  padding-bottom: 0;
  margin-bottom: 1.25rem;
}

.related h3 {
  margin-bottom: -1.25rem;
}

.related--project {
  margin-bottom: 0;
}

.related-cover {
  display: inline-block;
  height: 15rem;
  margin: 0 1.25rem 2.5rem 1.25rem;
  vertical-align: top;
  position: relative;
  z-index: 2;
  line-height: 15rem;
}

.related-cover__inner {
  height: auto;
  display: inline-block;
  vertical-align: middle;
}

.related-cover__title {
  position: absolute;
  left: 50%;
  margin-left: -50%;
  margin-top: 0.5rem;
  font-weight: bold;
  text-align: center;
  width: 100%;
  visibility: hidden;
}

.no-touchevents .related-cover:hover .related-cover__title {
  visibility: visible;
}

.related-cover img {
  width: auto;
  height: auto;
}
.related-cover img.img--cover-xs {
  max-height: 6.25rem;
  max-width: 6.25rem;
}
.related-cover img.img--cover-s {
  max-height: 7.5rem;
  max-width: 7.5rem;
}
.related-cover img.img--cover-m {
  max-height: 9.375rem;
  max-width: 9.375rem;
}
.related-cover img.img--cover-l {
  max-height: 10.625rem;
  max-width: 10.625rem;
}
.related-cover img.img--cover-xl {
  max-height: 12.5rem;
  max-width: 12.5rem;
}

.works .inner {
  text-align: center;
  max-width: 1215px;
  margin-top: 2.5rem;
}

.work {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 1.4em 0;
  padding: 0 1.25rem;
  padding-bottom: 2.8em;
}

.work__title {
  font-weight: bold;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 2.3em;
  visibility: hidden;
}

.work__image {
  transition: transform 200ms;
}

.no-touchevents .work:hover .work__title {
  visibility: visible;
}

.work__image__img {
  width: auto;
  height: auto;
}

.work__image__img--xs {
  max-height: 11rem;
  max-width: 11rem;
}

.work__image__img--s {
  max-height: 13.2rem;
  max-width: 13.2rem;
}

.work__image__img--m {
  max-height: 16.5rem;
  max-width: 16.5rem;
}

.work__image__img--l {
  max-height: 18.7rem;
  max-width: 18.7rem;
}

.work__image__img--xl {
  max-height: 22rem;
  max-width: 22rem;
}

.archive {
  padding-top: 0;
}

.filters {
  width: 20%;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  padding-top: 6rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  text-align: left;
  overflow-y: auto;
  overflow-x: auto;
}

.filters__inner {
  width: 100%;
  max-width: 12rem;
  float: right;
}

.filters__title {
  text-align: left;
}

.filters__ul,
.filters__li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.filters__li--type {
  font-weight: bold;
  border-top: 1px solid #bababa;
}

.filters__ul--type {
  border-bottom: 1px solid #bababa;
}

.filters__li--option {
  font-weight: normal;
}

.filters__li--option:last-child {
  padding-bottom: 3rem;
}

.filters__li a {
  display: block;
}

.filters__li--active > a,
.no-touchevents .filters a:hover {
  color: #fff;
}

.filters__li--type > a {
  padding: 0.3rem 0 0.2rem 0;
}

.archive .inner {
  width: 60%;
  margin-left: 20%;
  margin-top: 0;
}

.archive-entry {
  display: block;
  background: #c4c4c4;
  border-bottom: 1px solid #bababa;
  overflow: hidden;
  clear: both;
}

.no-touchevents .archive-entry:hover {
  background: #bababa;
}

.archive-entry__image {
  width: 20%;
  padding: 1.25rem;
  padding-right: 0;
  float: left;
}

.archive-entry__image img {
  height: 100px;
  width: auto;
  float: right;
}

.archive-entry__text {
  width: 80%;
  padding: 1.25rem;
  float: left;
  text-align: left;
}

.archive-entry__text h3,
.archive-entry__text p {
  text-align: left;
  margin: 0;
}

.blog {
  padding-top: 0;
}

.main--list--blog .blog__post {
  padding: 2.5rem 0 0.5rem 0;
}

.blog__post:nth-child(even) {
  background: #bababa;
}

.blog__post__image img {
  max-width: 100%;
  max-height: 30rem;
  width: auto;
  height: auto;
  margin: 0 auto;
}

.main--about {
  margin-bottom: 0;
}

.main--about + footer {
  margin-top: 0;
}

.main--about .page:nth-child(odd) {
  background: #bababa;
}

.page--image .inner {
  position: relative;
  overflow: hidden;
}

.page:last-child {
  margin-bottom: 0;
}

.image-caption {
  padding-left: 0.5em;
  position: absolute;
  right: 1.25rem;
  bottom: -0.3em;
}
@media all and (max-width:767px) {
  .image-caption {
    position: static;
    padding-top: 0;
    padding-left: 1.25rem;
    margin-top: -0.35em;
  }
}

.page--map {
  padding: 0;
}

.the-map {
  min-height: 500px;
}
@media all and (max-width:767px) {
  .the-map {
    min-height: 300px;
  }
}

.page.page--credit {
  margin: 0;
  padding: 0;
}
.page.page--credit p.credit {
  text-align: center;
  height: 4rem;
  line-height: 4rem;
  margin: 0;
}
.page.page--credit p.credit a {
  border: 0;
}
.page.page--credit p.credit a:hover {
  color: #fff;
}

h2.error {
  margin-top: 5rem;
}

footer {
  height: 4rem;
  margin-top: 4rem;
  background: #fff;
  position: relative;
}

.main--detail--graphic + footer {
  margin-top: 0;
}

.footer__content {
  display: block;
  position: absolute;
  width: 100%;
  text-align: center;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.cart {
  position: fixed;
  top: 2.5rem;
  left: 0;
  right: 0;
  background: #fff;
  z-index: 199;
  max-height: 0;
  overflow: hidden;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  transition: max-height 300ms;
}
.cart .inner {
  width: 100%;
  max-width: 62.5rem;
  padding: 0 1.25rem;
  margin: 2.5rem auto;
}
.cart h2 {
  position: static;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  font-weight: bold;
  text-align: center;
  margin: 0 0 1rem 0;
  display: block;
  clear: both;
}
.cart h2.empty {
  margin-bottom: 0;
}
.cart h2 a {
  border-bottom: 1px solid #333;
}
@media all and (max-width:767px) {
  .cart h2 a {
    white-space: nowrap;
    line-height: 1.8rem;
  }
}
.no-touchevents .cart h2 a:hover {
  color: #0075cc;
  border-color: #0075cc;
}
.cart .table {
  width: 66.6666666667%;
  padding: 0 1.25rem;
  margin: 0 auto;
}
@media all and (max-width:960px) {
  .cart .table {
    width: 100%;
    padding: 0;
  }
}
.cart .row {
  width: 100%;
  border-top: 1px solid rgba(51, 51, 51, 0.15);
  clear: both;
  position: relative;
}
.cart .cell {
  float: left;
  min-height: 2rem;
  line-height: 1.3rem;
  padding: 0.35rem 0;
}
.cart .row--subtotal,
.cart .row--total {
  border-top: 1px solid #333;
  font-weight: bold;
}
.cart .row--dest .cell--label {
  font-weight: bold;
}
.cart .row--subtotal + .row {
  border-top: 1px solid #333;
}
.cart .row--total .cell--price {
  color: #0075cc;
}
.cart .label-terms {
  color: #0075cc;
  font-weight: bold;
}
.cart .field-terms {
  border: 1px solid #0075cc;
  background: #0075cc;
}
.cart .row--checkout .cell {
  text-align: center;
  width: 100%;
  margin-top: 0.5rem;
}
.cart .row--checkout {
  border: none;
}
.cart .row--checkout .checkout-link {
  letter-spacing: 0.15em;
  text-transform: uppercase;
  font-weight: bold;
  padding: 8px 12px;
  border: 1px solid #0075cc;
  color: #0075cc;
  background: #fff;
}
.no-touchevents .cart .row--checkout .checkout-link:hover {
  color: #fff;
  background: #0075cc;
}
.cart .row--checkout .checkout-link.checkout-link--inactive, .cart .row--checkout .checkout-link.is-processing {
  color: #888;
  border-color: #888;
  background: #fff;
}
.cart .cell--item {
  width: 74%;
}
.cart .cell--quantity {
  width: 10%;
}
.cart .cell--quantity input {
  width: 50%;
}
.cart .cell--terms a {
  border-bottom: 1px solid #999;
}
.cart .no-touchevents .cell--terms a:hover {
  border-bottom: 1px solid #555;
}
.cart .cell--label {
  width: 30%;
}
.cart .cell--choice {
  width: 54%;
}
.cart .cell--price {
  width: 16%;
  float: right;
  text-align: right;
}
.cart .cell--remove {
  position: absolute;
  width: 2.5rem;
  right: -2.5rem;
}
.cart .cell--remove a {
  display: block;
  width: 2.5rem;
  height: 2.5rem;
  text-indent: -999em;
  overflow: hidden;
  position: relative;
}
.cart .cell--remove a::before {
  content: "";
  position: absolute;
  left: 0.75rem;
  top: 0.25rem;
  width: 1rem;
  height: 1rem;
  background: url("/static/img/fuel-icons.svg") 0 0 no-repeat;
  background-size: 60rem 5rem;
  background-position: -10rem 0;
  opacity: 0.4;
}
.cart .cell--remove .no-touchevents a:hover::before {
  opacity: 1;
}
@media all and (max-width:767px) {
  .cart .row--dest .cell--choice {
    clear: left;
  }
  .cart .row--ship .cell--label {
    display: none;
  }
  .cart .row--ship .cell--choice {
    width: auto;
  }
}
.cart select {
  width: auto;
  border: 0;
  margin: 0;
  padding: 0;
  background: rgba(51, 51, 51, 0.1);
  height: 1.2rem;
  font-size: 0.8em;
}
.cart input[type=checkbox] {
  margin-right: 0.25rem;
}
.cart input[type=image] {
  display: none;
}

.paypal-form {
  display: none;
}

.loading {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  display: none;
}
.loading svg {
  position: absolute;
  top: 45%;
  left: 50%;
  zoom: 0.8;
  transform: translate(-50%, -50%);
}
.loading svg #c1 {
  animation: draw1 1s infinite;
  animation-timing-function: linear;
}
.loading svg #c2 {
  animation: draw2 1s infinite;
  animation-timing-function: linear;
}
.loading svg #c3 {
  animation: draw3 1s infinite;
  animation-timing-function: linear;
}
@keyframes draw1 {
  0% {
    opacity: 1;
  }
  10% {
    opacity: 1;
  }
  20% {
    opacity: 1;
  }
  30% {
    opacity: 0;
  }
  40% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  60% {
    opacity: 0;
  }
  70% {
    opacity: 0;
  }
  80% {
    opacity: 0;
  }
  90% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes draw2 {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  40% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  60% {
    opacity: 0;
  }
  70% {
    opacity: 0;
  }
  80% {
    opacity: 0;
  }
  90% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes draw3 {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  30% {
    opacity: 0;
  }
  40% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  60% {
    opacity: 1;
  }
  70% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  90% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

.main.main--home-cover {
  position: fixed;
  top: 2.5rem;
  right: 0;
  bottom: 0;
  left: 0;
  margin-top: 0;
}

.main--home-cover + footer {
  display: none;
}

.main--home-cover iframe {
  display: block;
  max-width: none;
}

.main--tattoo-cover {
  background: #bababa;
  min-height: 100vh;
  width: 100vw;
}
.main--tattoo-cover .c {
  display: block;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 4rem;
  left: 0;
  z-index: 1;
}
.main--tattoo-cover .c img {
  display: block;
  width: 100%;
  height: 100%;
}

.main--tattoo-cover + footer {
  margin-top: -4rem;
  background: #bababa;
}

.tattoo-cover-image {
  width: auto;
  height: auto;
  max-height: 55%;
  max-width: 80%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

@media all and (min-width:768px) and (max-width:960px) {
  .col.col--six.col--centered {
    width: 66.6666666667%;
  }
}
@media all and (max-width:767px) {
  .col.centered-text,
.intro__cover,
.intro__infobox {
    width: 100%;
    clear: both;
  }

  .intro__infobox {
    padding-top: 0;
    padding-bottom: 0;
  }

  .intro__cover img {
    max-height: 20rem;
    max-width: 100%;
    height: auto;
    width: auto;
    margin: 0 auto;
  }

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

  .slideshow .slide img {
    width: 100%;
  }

  .header {
    overflow: visible;
  }

  .header h1 a {
    padding-left: 1rem;
    position: relative;
  }

  .header h2 {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: #fff;
  }

  .subnav {
    position: absolute;
    top: 2.5rem;
    left: 0;
    right: 0;
    height: auto;
    white-space: normal;
    padding-top: 0.2rem;
    padding-bottom: 0.4rem;
  }

  .subnav__item {
    line-height: 1.2rem;
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
  }

  .main {
    margin-top: 2.5rem;
  }

  .subnav + .main {
    margin-top: 5rem;
  }

  header .navigation {
    display: block;
    margin-top: 2.5rem;
    height: auto;
    max-height: 0;
    transition: max-height 300ms;
  }

  header.header--navigation-open .navigation {
    margin-top: 2.5rem;
    height: auto;
    max-height: 320px;
  }

  .navigation ul {
    position: static;
    clear: both;
    max-height: none;
    height: auto;
    overflow: hidden;
  }
  .navigation li {
    width: 50%;
  }
  .navigation a {
    padding: 0;
  }
  .navigation li.sm {
    width: 20%;
    position: relative;
    margin-bottom: 1rem;
  }
  .navigation li.sm a {
    min-height: 5rem;
    position: relative;
  }
  .navigation li.sm span {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .navigation .header--navigation-open .navigation::after,
.navigation ul::after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }

  .subnav {
    max-width: 100vw;
    overflow: hidden;
  }

  .page-header__title {
    padding: 0 3rem;
  }

  .page-header {
    padding: 0.5rem 0.5rem;
  }

  .spreads__slideshow {
    margin-top: 1.5rem;
  }

  .spreads__slideshow .slide img {
    max-height: 20rem;
  }

  .spreads__thumbnails {
    margin-top: 0.5rem;
  }

  .detail__slideshow.nav-arrow.nav-arrow--prev,
.spreads__slideshow .nav-arrow.nav-arrow--prev,
.page-header .nav-arrow--prev {
    left: 1rem;
  }

  .detail__slideshow .nav-arrow.nav-arrow--next,
.spreads__slideshow .nav-arrow.nav-arrow--next,
.page-header .nav-arrow--next {
    right: 1rem;
  }

  .col.intro__cover {
    width: 100%;
  }
  .col.intro__cover img {
    float: none;
    margin: 0 auto;
  }
  .col.intro__cover .intro__cover__zoom {
    display: none;
  }

  .col.intro__infobox,
.col.u-text {
    width: 100%;
  }

  .main--list--shelf .works .inner {
    padding-left: 0;
    padding-right: 0;
  }

  .publication-cover {
    height: 11.25rem;
  }

  .publication-cover__image img.img--cover-xs {
    max-height: 4.1666666667rem;
    max-width: 4.1666666667rem;
  }
  .publication-cover__image img.img--cover-s {
    max-height: 5rem;
    max-width: 5rem;
  }
  .publication-cover__image img.img--cover-m {
    max-height: 6.25rem;
    max-width: 6.25rem;
  }
  .publication-cover__image img.img--cover-l {
    max-height: 7.0833333333rem;
    max-width: 7.0833333333rem;
  }
  .publication-cover__image img.img--cover-xl {
    max-height: 8.3333333333rem;
    max-width: 8.3333333333rem;
  }

  .publication-cover__title {
    height: 2.9166666667rem;
    bottom: -2.9166666667rem;
    font-size: 0.8em;
    line-height: 1.3em;
    left: -1.25rem;
    right: -1.25rem;
    width: auto;
    text-align: center;
    margin: 0;
    font-weight: normal;
    white-space: normal;
  }

  .publication-cover__title.hidden {
    display: block;
  }

  .row-background {
    height: 11.25rem;
  }

  .main--list--graphic .works .inner {
    padding-left: 0;
    padding-right: 0;
    margin-top: 0;
  }

  .work__title {
    visibility: visible;
    font-weight: normal;
  }

  .work__image__img {
    width: auto;
    height: auto;
  }

  .work__image__img--xs {
    max-height: 4rem;
    max-width: 4rem;
  }

  .work__image__img--s {
    max-height: 4.8rem;
    max-width: 4.8rem;
  }

  .work__image__img--m {
    max-height: 6rem;
    max-width: 6rem;
  }

  .work__image__img--l {
    max-height: 6.8rem;
    max-width: 6.8rem;
  }

  .work__image__img--xl {
    max-height: 8rem;
    max-width: 8rem;
  }

  .page-header__subnav {
    margin-bottom: 0;
    font-size: 0.8em;
    line-height: 1.6em;
  }

  .main--detail--graphic .page-header .page-header__title {
    margin: 0.75rem 0 0.5rem 0;
  }
  .main--detail--graphic .main-image {
    padding: 0;
    margin: 1.5rem 0 1rem 0;
  }
  .main--detail--graphic .main-image img {
    max-height: 20rem;
  }

  .related-cover {
    display: inline-block;
    height: 11.25rem;
    margin: 0 0.625rem 1.25rem 0.625rem;
    vertical-align: top;
    position: relative;
    z-index: 2;
    line-height: 11.25rem;
  }

  .related-cover img {
    width: auto;
    height: auto;
  }
  .related-cover img.img--cover-xs {
    max-height: 4.1666666667rem;
    max-width: 4.1666666667rem;
  }
  .related-cover img.img--cover-s {
    max-height: 5rem;
    max-width: 5rem;
  }
  .related-cover img.img--cover-m {
    max-height: 6.25rem;
    max-width: 6.25rem;
  }
  .related-cover img.img--cover-l {
    max-height: 7.0833333333rem;
    max-width: 7.0833333333rem;
  }
  .related-cover img.img--cover-xl {
    max-height: 8.3333333333rem;
    max-width: 8.3333333333rem;
  }

  .thumbnails .inner {
    padding-left: 0;
    padding-right: 0;
  }

  .col.col--thumbnail {
    width: 33.33%;
    padding: 0.75rem 0.5rem;
  }

  .main--list--thumbnails .more-text {
    padding-bottom: 0.5rem;
  }

  .main--detail--slideshow .page-header .inner,
.main--detail--slideshow .page-header__title {
    padding-left: 0;
    padding-right: 0;
  }

  .main--detail--slideshow + footer {
    margin-top: 0;
  }

  .detail__slide .col.slide__image {
    width: 100%;
    text-align: center;
  }
  .detail__slide .col.slide__image img {
    max-height: 20rem;
    margin: 0 auto;
    float: none;
  }

  .detail__slide .col.slide__text {
    width: 100%;
    min-height: none;
    max-height: none;
  }

  .detail__slideshow .slide__text {
    padding-left: 0.625rem;
    min-height: 66vh;
    max-height: 66vh;
    overflow: hidden;
  }

  .detail__slideshow .slide__text .scroll-more {
    display: none;
  }

  .detail__slideshow .slide__text__inner {
    max-height: none;
    overflow: visible;
    overflow-y: visible;
  }

  .detail__slideshow .nav-arrow {
    position: fixed;
    top: 50%;
    transform: translate(0, -50%);
  }
  .detail__slideshow .nav-arrow.nav-arrow--prev {
    left: 0.5rem;
  }
  .detail__slideshow .nav-arrow.nav-arrow--next {
    right: 0.5rem;
  }

  .main--list--blog .blog__post {
    padding-top: 1.5rem;
  }

  .blog__post__title {
    padding: 0 0.5rem;
  }

  .col.blog__post__image {
    padding-bottom: 0;
  }

  .col.blog__post__text {
    width: 100%;
  }

  .main--list--archive .filters {
    width: 100%;
    position: static;
    padding: 1rem;
  }

  .filters__inner {
    width: 100%;
    max-width: none;
  }

  .main--list--archive .inner {
    width: 100%;
    padding: 0 1rem;
    margin: 0;
  }

  .archive-entry {
    width: 100%;
  }

  .subnav.subnav--russian-criminal-tattoo-archive + main {
    margin-top: 6.25rem;
  }

  .cart .row--checkout .checkout-link {
    font-size: 0.8rem;
  }
}

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