/**
 * Font weights
 */
@font-face {
  font-family: 'Brutal';
  font-style: normal;
  font-weight: 300;
  src: url("/static/fonts/Brutal/BrutalType-Light.woff2") format("woff2"), url("/static/fonts/Brutal/BrutalType-Light.woff") format("woff"); }

@font-face {
  font-family: 'Brutal';
  font-style: normal;
  font-weight: 500;
  src: url("/static/fonts/Brutal/BrutalType-Medium.woff2") format("woff2"), url("/static/fonts/Brutal/BrutalType-Medium.woff") format("woff"); }

@font-face {
  font-family: 'Brutal';
  font-style: normal;
  font-weight: 700;
  src: url("/static/fonts/Brutal/BrutalType-Bold.woff2") format("woff2"), url("/static/fonts/Brutal/BrutalType-Bold.woff") format("woff"); }

@font-face {
  font-family: 'Brutal';
  font-style: normal;
  font-weight: 800;
  src: url("/static/fonts/Brutal/BrutalType-ExtraBold.woff2") format("woff2"), url("/static/fonts/Brutal/BrutalType-ExtraBold.woff") format("woff"); }

@font-face {
  font-family: 'New Grotesk Square';
  font-style: normal;
  font-weight: 100;
  src: url("/static/fonts/New-Grotesk-Square/New-Grotesk-Square-Thin.woff2") format("woff2"), url("/static/fonts/New-Grotesk-Square/New-Grotesk-Square-Thin.woff") format("woff"); }

@font-face {
  font-family: 'New Grotesk Square';
  font-style: normal;
  font-weight: 200;
  src: url("/static/fonts/New-Grotesk-Square/New-Grotesk-Square-ExtraLight.woff2") format("woff2"), url("/static/fonts/New-Grotesk-Square/New-Grotesk-Square-ExtraLight.woff") format("woff"); }

@font-face {
  font-family: 'New Grotesk Square';
  font-style: normal;
  font-weight: 300;
  src: url("/static/fonts/New-Grotesk-Square/New-Grotesk-Square-Light.woff2") format("woff2"), url("/static/fonts/New-Grotesk-Square/New-Grotesk-Square-Light.woff") format("woff"); }

@font-face {
  font-family: 'New Grotesk Square';
  font-style: normal;
  font-weight: 400;
  src: url("/static/fonts/New-Grotesk-Square/New-Grotesk-Square-Normal.woff2") format("woff2"), url("/static/fonts/New-Grotesk-Square/New-Grotesk-Square-Normal.woff") format("woff"); }

@font-face {
  font-family: 'New Grotesk Square';
  font-style: normal;
  font-weight: 500;
  src: url("/static/fonts/New-Grotesk-Square/New-Grotesk-Square-Medium.woff2") format("woff2"), url("/static/fonts/New-Grotesk-Square/New-Grotesk-Square-Medium.woff") format("woff"); }

@font-face {
  font-family: 'New Grotesk Square';
  font-style: normal;
  font-weight: 600;
  src: url("/static/fonts/New-Grotesk-Square/New-Grotesk-Square-SemiBold.woff2") format("woff2"), url("/static/fonts/New-Grotesk-Square/New-Grotesk-Square-SemiBold.woff") format("woff"); }

@font-face {
  font-family: 'New Grotesk Square';
  font-style: normal;
  font-weight: 700;
  src: url("/static/fonts/New-Grotesk-Square/New-Grotesk-Square-Bold.woff2") format("woff2"), url("/static/fonts/New-Grotesk-Square/New-Grotesk-Square-Bold.woff") format("woff"); }

@font-face {
  font-family: 'Exchange Display';
  font-style: normal;
  font-weight: 300;
  src: url("/static/fonts/Exchange-Display/ExchangeDisplay-Light.woff2") format("woff2"), url("/static/fonts/Exchange-Display/ExchangeDisplay-Light.woff") format("woff"); }

@font-face {
  font-family: 'Exchange Web';
  font-style: normal;
  font-weight: 400;
  src: url("/static/fonts/Exchange-Web/ExchangeWeb-Roman.woff2") format("woff2"), url("/static/fonts/Exchange-Web/ExchangeWeb-Roman.woff") format("woff"); }

@font-face {
  font-family: 'Exchange Web';
  font-style: italic;
  font-weight: 400;
  src: url("/static/fonts/Exchange-Web/ExchangeWeb-Italic.woff2") format("woff2"), url("/static/fonts/Exchange-Web/ExchangeWeb-Italic.woff") format("woff"); }

@font-face {
  font-family: 'Exchange Web';
  font-style: normal;
  font-weight: 600;
  src: url("/static/fonts/Exchange-Web/ExchangeWeb-Semibold.woff2") format("woff2"), url("/static/fonts/Exchange-Web/ExchangeWeb-Semibold.woff") format("woff"); }

/**
 * Typography
 */
/**
 * Social colours
 */
/**
 * Tag colours
 * (BACKGROUND, FOREGROUND)
 */
/**
 * Module variables
 */
.global__button-reset {
  -webkit-appearance: none;
  -ms-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  border: none;
  cursor: pointer; }

.global__fake-clear {
  box-sizing: border-box;
  overflow: hidden;
  width: 100%; }

.global__group {
  zoom: 1; }
  .global__group:before, .global__group:after {
    content: "";
    display: table; }
  .global__group:after {
    clear: both; }

.global__hidden {
  display: none !important; }

.global__image {
  display: block;
  width: 100%; }

.global__list-reset {
  list-style: none;
  margin: 0;
  padding: 0; }

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

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

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

.global__fl--left {
  float: left; }

.global__fl--right {
  float: right; }

.global__no-transition {
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none; }

.global__mb,
.global__mb__body {
  overflow: hidden;
  _overflow: visible;
  zoom: 1; }

.global__mb__float--left {
  float: left; }

.global__mb__float--right {
  float: right; }

.global__table {
  display: table;
  width: 100%; }

.global__table__cell {
  display: table-cell; }

/**
 * Typography
 */
/**
 * Social colours
 */
/**
 * Tag colours
 * (BACKGROUND, FOREGROUND)
 */
/**
 * Module variables
 */
.global__button-reset {
  -webkit-appearance: none;
  -ms-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  border: none;
  cursor: pointer; }

.global__fake-clear {
  box-sizing: border-box;
  overflow: hidden;
  width: 100%; }

.global__group {
  zoom: 1; }
  .global__group:before, .global__group:after {
    content: "";
    display: table; }
  .global__group:after {
    clear: both; }

.global__hidden {
  display: none !important; }

.global__image {
  display: block;
  width: 100%; }

.global__list-reset {
  list-style: none;
  margin: 0;
  padding: 0; }

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

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

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

.global__fl--left {
  float: left; }

.global__fl--right {
  float: right; }

.global__no-transition {
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none; }

.global__mb,
.global__mb__body {
  overflow: hidden;
  _overflow: visible;
  zoom: 1; }

.global__mb__float--left {
  float: left; }

.global__mb__float--right {
  float: right; }

.global__table {
  display: table;
  width: 100%; }

.global__table__cell {
  display: table-cell; }

.c-gallery {
  margin: 0 auto;
  max-width: 1440px;
  position: relative; }

.c-gallery__byline {
  font-size: 12px;
  font-size: 0.75rem; }

@media screen and (min-width: 64em) {
  .c-gallery__image-main {
    display: table-cell;
    vertical-align: middle;
    width: 75%; } }

.c-gallery__image-strip {
  line-height: 0; }

.c-gallery__image-strip-item {
  display: inline-block;
  position: relative; }

@media screen and (max-width: 37.5em) {
  .c-gallery__image-strip--small .c-gallery__image-strip-item {
    width: 33.33%; } }

@media screen and (min-width: 37.5em) and (max-width: 64em) {
  .c-gallery__image-strip--medium .c-gallery__image-strip-item {
    width: 33.33%; } }

@media screen and (min-width: 64em) {
  .c-gallery__image-strip--large .c-gallery__image-strip-item {
    display: block;
    width: 100%; } }

@media screen and (min-width: 64em) {
  .c-gallery__image-strip--large {
    display: table-cell;
    vertical-align: middle;
    width: 25%; } }

.c-gallery__image-strip-item__remaining {
  bottom: 0;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 100%; }
  .c-gallery__image-strip-item__remaining > div {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); }

@media screen and (min-width: 37.5em) {
  .c-gallery__images {
    display: table-cell;
    vertical-align: middle;
    width: 50%; } }

@media screen and (min-width: 64em) {
  .c-gallery__images {
    width: 55%; } }

@media screen and (min-width: 64em) {
  .c-gallery__images-table {
    display: table;
    table-layout: fixed;
    width: 100%; } }

.c-gallery__link--article {
  background-color: rgba(255, 255, 255, 0.01);
  bottom: 0;
  font-size: 0;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1; }

.c-gallery__meta {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 17px;
  line-height: 1.0625rem; }

.c-gallery__meta-item {
  display: inline-block; }

@media screen and (min-width: 37.5em) {
  .c-gallery__text {
    display: table-cell;
    vertical-align: middle;
    width: 50%; } }

@media screen and (min-width: 64em) {
  .c-gallery__text {
    width: 45%; } }

@media screen and (min-width: 37.5em) {
  .c-gallery__visible--small {
    display: none; } }

@media screen and (max-width: 37.5em) {
  .c-gallery__visible--medium {
    display: none; } }

@media screen and (min-width: 37.5em) {
  .c-gallery__wrapper-table {
    display: table;
    table-layout: fixed;
    width: 100%; } }

.c-gallery__btn {
  display: inline-block;
  font-family: Brutal, sans-serif;
  font-size: 13px;
  font-size: 0.8125rem;
  margin-top: 30px;
  text-decoration: none;
  text-transform: uppercase; }
  @media screen and (min-width: 37.5em) {
    .c-gallery__btn {
      bottom: 55px;
      left: 50%;
      position: absolute;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%); } }
  .c-gallery__btn.btn-solid.btn-light {
    background-color: #333; }

.c-gallery__byline {
  margin-bottom: 7px; }

.c-gallery__byline-name {
  font-family: Brutal, sans-serif;
  text-transform: uppercase; }

.c-gallery__byline-prefix {
  font-family: Exchange Web, serif;
  font-style: italic; }

.c-gallery__desc {
  display: none; }

.c-gallery__image-strip-item__remaining {
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  font-size: 21px;
  font-size: 1.3125rem;
  line-height: 28px;
  line-height: 1.75rem; }

.c-gallery__image-strip-item__remaining-value {
  font-family: Brutal, sans-serif;
  font-weight: 700; }

.c-gallery__meta {
  font-family: Exchange Web, serif; }

.c-gallery__meta-item {
  padding-right: 10px; }
  .c-gallery__meta-item + .c-gallery__meta-item {
    border-left: 1px solid #fff;
    padding-left: 10px; }

.c-gallery__separator {
  border: none;
  border-bottom: 1px solid #fff;
  margin: 0 auto 15px auto;
  width: 20px; }
  @media screen and (min-width: 64em) {
    .c-gallery__separator {
      width: 50px; } }

.c-gallery__text {
  background: #000;
  color: #fff;
  padding: 20px 20px 30px 20px;
  text-align: center; }
  @media screen and (min-width: 37.5em) {
    .c-gallery__text {
      position: relative; } }
  @media screen and (min-width: 64em) {
    .c-gallery__text {
      padding: 50px; } }

.c-gallery__title {
  font-family: New Grotesk Square, sans-serif;
  font-size: 40px;
  font-size: 2.5rem;
  font-weight: 300;
  line-height: 40px;
  line-height: 2.5rem;
  margin: 0 0 15px 0; }
  @media screen and (min-width: 64em) {
    .c-gallery__title {
      font-size: 50px;
      font-size: 3.125rem;
      line-height: 50px;
      line-height: 3.125rem; } }