/*
  Mobile exhibitions-only content.
  Shared page layout comes from collections_mobile.css and site_global.css.
*/

@font-face {
  font-family: "Exhibitions Gotham XLight";
  src:
    url("../fonts/Gotham-XLight.woff2") format("woff2"),
    url("../fonts/Gotham-XLight.woff") format("woff"),
    url("../fonts/Gotham-XLight.ttf") format("truetype"),
    url("../fonts/Gotham-XLight.otf") format("opentype");
  font-display: swap;
  font-style: normal;
  font-weight: 300;
}

@font-face {
  font-family: "Exhibitions Gotham Light";
  src:
    url("../fonts/Gotham-Light.woff2") format("woff2"),
    url("../fonts/Gotham-Light.woff") format("woff"),
    url("../fonts/Gotham-Light.ttf") format("truetype"),
    url("../fonts/Gotham-Light.otf") format("opentype");
  font-display: swap;
  font-style: normal;
  font-weight: 300;
}

.exhibitions-image-line {
  width: var(--exhibitions-viewport-width, 100vw);
  height: 200px;
  margin: 0 0 90px calc((100% - var(--exhibitions-viewport-width, 100vw)) / 2);
  overflow: hidden;
  contain: layout paint;
  cursor: grab;
  touch-action: pan-y;
  user-select: none;
}

.exhibitions-image-line.is-dragging {
  cursor: grabbing;
}

.exhibitions-image-track {
  display: flex;
  gap: 4px;
  height: 100%;
  will-change: transform;
}

.exhibitions-image-track img {
  flex: 0 0 auto;
  width: auto;
  max-width: none;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
  user-select: none;
}

.exhibitions-columns {
  display: flex;
  flex-direction: column;
  gap: 100px;
}

.exhibitions-column {
  width: 100%;
  min-width: 0;
}

.exhibitions-column__heading {
  margin: 0 0 38px;
  color: #ccc;
  font-family: "Exhibitions Gotham XLight", var(--site-font-body);
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px;
  letter-spacing: 0;
  text-transform: uppercase;
}

.exhibitions-column__line {
  width: 100%;
  height: 1px;
  margin: 0 0 57px;
  background: #4d4d4d;
}

.exhibitions-column__body {
  color: #ccc;
  font-family: "Exhibitions Gotham Light", var(--site-font-body);
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 26px;
  letter-spacing: 0;
}

.exhibitions-column__body .style1 {
  color: #c9a875;
  text-transform: none;
}