/*
# Main
*/

/*
## External stylesheets
* Don't edit these
*/

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type='button']:-moz-focusring,
[type='reset']:-moz-focusring,
[type='submit']:-moz-focusring {
  outline: 0.0625rem dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type='checkbox'],
[type='radio'] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -0.125rem; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

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

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

/**
 * Swiper 6.6.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2021 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: May 19, 2021
 */

@font-face {
  font-family: 'swiper-icons';
  src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA')
    format('woff');
  font-weight: 400;
  font-style: normal;
}

:root {
  --swiper-theme-color: var(--color-blue-00);
}

.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.swiper-container-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-container-multirow-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}

.swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-container-pointer-events {
  touch-action: pan-y;
}

.swiper-container-pointer-events.swiper-container-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

/* 3D Effects */

.swiper-container-3d {
  perspective: 75rem;
}

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(
    to left,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(
    to right,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
}

/* CSS Mode */

.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}

.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
}

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: y mandatory;
      scroll-snap-type: y mandatory;
}

:root {
  --swiper-navigation-size: 2.75rem;
  /*
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}

.swiper-button-prev {
  position: absolute;
  top: 50%;
  width: calc(2.75rem / 44 * 27);
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: 2.75rem;
  height: var(--swiper-navigation-size);
  margin-top: calc(0 - (2.75rem / 2));
  margin-top: calc(0 - (var(--swiper-navigation-size) / 2));
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #395284;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-next {
  position: absolute;
  top: 50%;
  width: calc(2.75rem / 44 * 27);
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: 2.75rem;
  height: var(--swiper-navigation-size);
  margin-top: calc(0 - (2.75rem / 2));
  margin-top: calc(0 - (var(--swiper-navigation-size) / 2));
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #395284;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

/* .swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1;
}
.swiper-button-prev, */

.swiper-container-rtl .swiper-button-next {
  left: 0.625rem;
  right: auto;
}

/* .swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
  content: 'prev';
} */

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  right: 0.625rem;
  left: auto;
}

/* .swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
  content: 'next';
} */

.swiper-button-prev.swiper-button-white,
.swiper-button-next.swiper-button-white {
  --swiper-navigation-color: #ffffff;
}

.swiper-button-prev.swiper-button-black,
.swiper-button-next.swiper-button-black {
  --swiper-navigation-color: #000000;
}

.swiper-button-lock {
  display: none;
}

:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  */
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

/* Common Styles */

.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 1rem;
  left: 0;
  width: 100%;
}

/* Bullets */

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  position: relative;
  width: 1.25rem;
  height: 1.25rem;
  display: inline-block;
  border-radius: 50%;
  background: #000;
  opacity: 0.2;
  border: 0.25rem solid;
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #395284;
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 0.625rem;
  top: 50%;
  transform: translate3d(0, -50%, 0);
}

.swiper-container-vertical
  > .swiper-pagination-bullets
  .swiper-pagination-bullet {
  margin: 0.375rem 0;
  display: block;
}

.swiper-container-vertical
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 0.5rem;
}

.swiper-container-vertical
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform, 200ms top;
}

.swiper-container-horizontal
  > .swiper-pagination-bullets
  .swiper-pagination-bullet {
  margin: 0 0.375rem;
}

.swiper-container-horizontal
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-container-horizontal
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet {
  transition: 200ms transform, 200ms left;
}

.swiper-container-horizontal.swiper-container-rtl
  > .swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet {
  transition: 200ms transform, 200ms right;
}

/* Progress */

.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #395284;
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}

.swiper-container-rtl
  .swiper-pagination-progressbar
  .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}

.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical
  > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 0.25rem;
  left: 0;
  top: 0;
}

.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal
  > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 0.25rem;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-white {
  --swiper-pagination-color: #ffffff;
}

.swiper-pagination-black {
  --swiper-pagination-color: #000000;
}

.swiper-pagination-lock {
  display: none;
}

/* Scrollbar */

.swiper-scrollbar {
  border-radius: 0.625rem;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 0.1875rem;
  z-index: 50;
  height: 0.3125rem;
  width: 98%;
}

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 0.1875rem;
  top: 1%;
  z-index: 50;
  width: 0.3125rem;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 0.625rem;
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
}

/* Preloader */

:root {
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  */
}

.swiper-lazy-preloader {
  width: 2.625rem;
  height: 2.625rem;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -1.3125rem;
  margin-top: -1.3125rem;
  z-index: 10;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s infinite linear;
          animation: swiper-preloader-spin 1s infinite linear;
  box-sizing: border-box;
  border: 0.25rem solid #395284;
  border: 0.25rem solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@-webkit-keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}

@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}

/* a11y */

.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube {
  overflow: visible;
}

.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}

.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}

.swiper-container-cube .swiper-cube-shadow:before {
  content: '';
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(3.125rem);
}

.swiper-container-flip {
  overflow: visible;
}

.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.storiiies-viewer{--storiiies-viewer-container-bg: #111;--storiiies-viewer-outer-spacing: 1rem;--storiiies-viewer-row-gap: 1rem;--storiiies-viewer-col-gap: 1rem;--storiiies-viewer-bg: #fff;--storiiies-viewer-fg: #111;--storiiies-viewer-button-bg: #fff;--storiiies-viewer-button-bg: var(--storiiies-viewer-bg);--storiiies-viewer-button-fg: #111;--storiiies-viewer-button-fg: var(--storiiies-viewer-fg);--storiiies-viewer-button-hover-bg: #111;--storiiies-viewer-button-hover-bg: var(--storiiies-viewer-button-fg);--storiiies-viewer-button-hover-fg: #fff;--storiiies-viewer-button-hover-fg: var(--storiiies-viewer-button-bg);--storiiies-viewer-accent-outer: #111;--storiiies-viewer-accent-outer: var(--storiiies-viewer-button-hover-bg);--storiiies-viewer-accent-inner: #fff;--storiiies-viewer-accent-inner: var(--storiiies-viewer-button-hover-fg);--storiiies-viewer-font-family: sans-serif;--storiiies-viewer-font-size: 1rem;--storiiies-viewer-line-height: 1.2;--storiiies-viewer-title-font-size: 1.25rem;--storiiies-viewer-title-line-height: 1.2;--storiiies-viewer-transition-speed: .4s;--storiiies-viewer-scroll-size: 0.5rem;position:relative;inline-size:100%;overflow:hidden;font-family:crimsonText, sans-serif;font-family:var(--storiiies-viewer-font-family);background:#111;background:var(--storiiies-viewer-container-bg);container:storiiies-viewer / size;block-size:min(40rem,100dvb)}

.storiiies-viewer>*,.storiiies-viewer__info-area>*{all:initial;box-sizing:border-box;display:block}

.storiiies-viewer__description{display:none}

.storiiies-viewer__osd-container{inline-size:100cqi;block-size:50cqb}

.storiiies-viewer--info-hidden .storiiies-viewer__osd-container{block-size:100cqb}

.storiiies-viewer__icon-button{display:block;inline-size:2.75rem;color:undefined;color:var(--storiiies-viewer-button-fg);cursor:pointer;background:undefined;background:var(--storiiies-viewer-button-bg);block-size:2.75rem;border-radius:50%;transition:color .1s,background .1s}

.storiiies-viewer__icon-button:disabled{cursor:default;opacity:.3}

.storiiies-viewer__icon-button:focus-visible{color:undefined;color:var(--storiiies-viewer-button-hover-fg);background:undefined;background:var(--storiiies-viewer-button-hover-bg);outline:undefined;outline:0.125rem solid var(--storiiies-viewer-accent-inner);box-shadow:undefined;box-shadow:0 0 0 0.25rem var(--storiiies-viewer-accent-outer)}

.storiiies-viewer__icon-button:hover:not(:disabled){color:undefined;color:var(--storiiies-viewer-button-hover-fg);background:undefined;background:var(--storiiies-viewer-button-hover-bg);outline:undefined;outline:0.125rem solid var(--storiiies-viewer-accent-inner);box-shadow:undefined;box-shadow:0 0 0 0.25rem var(--storiiies-viewer-accent-outer)}

.storiiies-viewer__button-icon{display:flex;align-items:center;justify-content:center}

.storiiies-viewer__info-toggle{position:absolute;inset-block-end:undefined;inset-block-end:calc(50cqb + var(--storiiies-viewer-outer-spacing));inset-inline-start:undefined;inset-inline-start:calc(var(--storiiies-viewer-outer-spacing));z-index:1}

.storiiies-viewer--info-hidden .storiiies-viewer__info-toggle{inset-block-end:undefined;inset-block-end:var(--storiiies-viewer-outer-spacing)}

.storiiies-viewer__info-area{display:grid;block-size:50cqb;grid-template-rows:2.75rem 1fr;grid-template-columns:1fr repeat(2,2.75rem);gap:undefined;gap:var(--storiiies-viewer-row-gap) var(--storiiies-viewer-col-gap);padding:undefined;padding:var(--storiiies-viewer-outer-spacing);color:undefined;color:var(--storiiies-viewer-fg);background:undefined;background:var(--storiiies-viewer-bg);opacity:1;translate:0 0}

.storiiies-viewer__info-area--hidden{opacity:0;translate:0 5.5rem}

.storiiies-viewer__previous{grid-column:-3 / -2;rotate:180deg}

.storiiies-viewer__next{grid-column:-2 / -1}

.storiiies-viewer__info-text{display:flex;flex-direction:column;grid-column:1 / -1;gap:1em;-webkit-padding-end:0.5rem;padding-inline-end:0.5rem;overflow:auto;font-family:undefined;font-family:var(--storiiies-viewer-font-family);font-size:undefined;font-size:var(--storiiies-viewer-font-size);line-height:undefined;line-height:var(--storiiies-viewer-line-height);color:undefined;color:var(--storiiies-viewer-fg);max-block-size:undefined;max-block-size:calc(75cqb - var(--storiiies-viewer-outer-spacing) * 4 - 2.75rem);scrollbar-gutter:stable;overflow-wrap:break-word}

.storiiies-viewer__info-text::-webkit-scrollbar{inline-size:undefined;inline-size:var(--storiiies-viewer-scroll-size);block-size:undefined;block-size:var(--storiiies-viewer-scroll-size)}

.storiiies-viewer__info-text::-webkit-scrollbar-track{border-radius:undefined;border-radius:var(--storiiies-viewer-scroll-size);box-shadow:undefined;box-shadow:inset 0 0 var(--storiiies-viewer-scroll-size) var(--storiiies-viewer-fg)}

.storiiies-viewer__info-text::-webkit-scrollbar-thumb{background:undefined;background:var(--storiiies-viewer-fg);border-radius:undefined;border-radius:var(--storiiies-viewer-scroll-size);box-shadow:undefined;box-shadow:inset 0 0 calc(var(--storiiies-viewer-scroll-size) * 2) var(--storiiies-viewer-fg)}

.storiiies-viewer__text-section>*:first-child{-webkit-margin-before:0;margin-block-start:0}

.storiiies-viewer__text-section>*:last-child{-webkit-margin-after:0;margin-block-end:0}

.storiiies-viewer__title{margin:0;font-size:undefined;font-size:var(--storiiies-viewer-title-font-size);line-height:undefined;line-height:var(--storiiies-viewer-title-line-height)}

@container storiiies-viewer (min-inline-size: 640px){.storiiies-viewer__osd-container{inline-size:100cqi;block-size:100cqb}.storiiies-viewer__info-toggle{position:absolute;inset-block-start:undefined;inset-block-start:calc(var(--storiiies-viewer-outer-spacing) * 2);inset-block-end:auto;inset-inline-start:undefined;inset-inline-start:calc(var(--storiiies-viewer-outer-spacing) * 2);z-index:1}.storiiies-viewer__info-area{position:absolute;inset-block-start:undefined;inset-block-start:var(--storiiies-viewer-outer-spacing);inset-inline-start:undefined;inset-inline-start:var(--storiiies-viewer-outer-spacing);inline-size:undefined;inline-size:max(26.25rem,calc(42cqi - var(--storiiies-viewer-outer-spacing) * 2));block-size:auto;box-shadow:0 0 0.125rem #1f1f1f6b}.storiiies-viewer__info-area--hidden{translate:-5.5rem 0}}

@supports not (container: storiiies-viewer){.storiiies-viewer__osd-container{inline-size:100%;block-size:50%}.storiiies-viewer--info-hidden .storiiies-viewer__osd-container{block-size:100%}.storiiies-viewer__toggle{inset-block-end:undefined;inset-block-end:calc(50% + var(--storiiies-viewer-outer-spacing))}.storiiies-viewer__info-area{block-size:50%}.storiiies-viewer__info-text{max-block-size:undefined;max-block-size:calc(100% - var(--storiiies-viewer-outer-spacing) * 2 - 2.75rem)}}

.storiiies-viewer {
  --storiiies-viewer-font-family: crimsonText, sans-serif;
}

/*
## Utility
*/

/*
# Variables
*/

/* ## Public */

:root {
  /* Colours */
  --color-black-00: #0d0d0d;
  --color-gray-00: #252525;
  --color-gray-10: #3e3e3e;
  --color-gray-20: #ccc;
  --color-gray-30: #f2f2f2;
  --color-white-00: #fff;
  --color-gold-00: #a69561;
  --color-gold-10: #af9e70;
  --color-gold-20: #9f905f;
  --color-gold-30: #bfb18e;
  --color-blue-00: #395284;
  --color-blue-10: #4868a8;

  /* Utility colours */

  --gold-link-hover: rgba(166, 148, 96, 0.8);
  --black-link-hover: rgba(13, 13, 13, 0.8);

  /* Grid */
  /* 1 Column */
  /*
    full = 1/span 1/1
    left-content = 1/span 1/1
    central-1 = 1/span 1/1
    central-1-left-content = 1/span 1/1
    central-1-left-content-1 = 1/span 1/1
    central-2 = 1/span 1/1
    central-3 = 1/span 1/1
    right-content = 1/span 1/1
    central-1-right-content = 1/span 1/1
    central-1-right-content-1 = 1/span 1/1
  */
  --grid-1-margin: 1rem;
  /* prettier-ignore */
  --grid-1-cols: [full left-content central-1 central-1-left-content central-1-left-content-1 central-2 central-3 right-content central-1-right-content central-1-right-content-1] repeat(1, 1fr);

  /* 6 Columns */
  /*
    full = 1/span 6/6
    left-content = 1/span 3/3
    central-1 = 1/span 6/6
    central-1-left-content = 1/span 3/3
    central-1-left-content-1 = 1/span 3/3
    central-2 = 1/span 6/6
    central-3 = 1/span 6/6
    right-content = 4/span 3/6
    central-1-right-content = 3/span 3/6
    central-1-right-content-1 = 3/span 3/6
  */
  --grid-6-gap: 0.875rem;
  --grid-6-margin: 1rem;
  /* prettier-ignore */
  --grid-6-cols: [full-start left-content-start central-1-start central-2-start central-3-start central-1-left-content-start central-1-left-content-1-start] repeat(3, 1fr) [right-content-start central-1-right-content-start central-1-right-content-1-start left-content-end central-1-left-content-end central-1-left-content-1-end] repeat(3, 1fr) [full-end central-1-end central-2-end- cental-3-end right-content-end central-1-right-content-end central-1-right-content-1-end];

  /* 12 Columns */
  /*
    full = 1/span 12/12/12
    left-content = 1/span 6/6
    central-1 = 2/span 10/11
    central-1-left-content = 2/span 5/6
    central-1-left-content-1 = 2/span 4/5
    central-2 = 3/span 8/10
    central-3 = 4/span 6/8
    right-content = 7/span 6/12
    central-1-right-content = 7/span 5/11
    central-1-right-content-1 = 8/span 4/11
  */
  --grid-12-gap: 1.75rem;
  --grid-12-margin: 2rem;
  /* prettier-ignore */
  --grid-12-cols: [full-start left-content-start] repeat(1, 1fr) [central-1-start central-1-left-content-start central-1-left-content-1-start] repeat(1, 1fr) [central-2-start] repeat(1, 1fr) [central-3-start] repeat(2, 1fr) [central-1-left-content-1-end] repeat(1, 1fr) [central-1-right-content-start left-content-end central-1-left-content-end right-content-start] repeat(1, 1fr) [central-1-right-content-1-start] repeat(2, 1fr) [central-3-end] repeat(1, 1fr) [central-2-end] repeat(1, 1fr) [central-1-end central-1-right-content-end central-1-right-content-1-end] repeat(1, 1fr) [full-end right-content-end];
}

/* ## Private */

/* 640 / 16 */

/* 768 / 16 */

/* 1200 / 16 */

/*
# Global
* General styles that don't belong somewhere else
*/

* {
  box-sizing: border-box;
}

html,
body {
  height: 100%;
  scroll-behavior: smooth;
}

body {
  display: flex;
  flex-direction: column;
  font-family: sourceSansPro, sans-serif;
  font-size: 1rem;
  line-height: 1.25rem;
  background: #af9e70;
  background: var(--color-gold-10);
  color: #0d0d0d;
  color: var(--color-black-00);
}

img,
audio,
video {
  display: block;
  max-width: 100%;
  height: auto;
}

iframe {
  display: block;
  max-width: 100%;
  border: none;
}

audio {
  height: revert;
}

main {
  flex: 1 1 auto;
}

.js .no-js {
    display: none;
  }

.js .js-only {
    display: block;
  }

.js-only {
  display: none;
}

.visually-hidden {
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  height: 0.0625rem;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 0.0625rem;
}

.component {
  overflow: hidden;
}

.component > .core {
    margin: auto;
  }

/* N.B. Images don't use this */

.component__text {
  grid-column: full;
  padding-top: 1rem;
  padding-left: 1rem;
  padding-left: var(--grid-1-margin);
  padding-right: 1rem;
  padding-right: var(--grid-1-margin);
}

.component__text .wrapper {
    padding-right: 0.5rem;
    overflow: auto;
  }

.component__media {
  grid-column: full;
}

.max-height-component {
  height: 100%;
  min-height: 80vh;
  max-height: 47.5rem;
}

/*
# Typography
*/

@font-face {
  font-family: 'sourceSansPro';
  src: url('/assets/fonts/sourcesanspro-regular-webfont.woff2') format('woff2'),
    url('/assets/fonts/sourcesanspro-regular-webfont.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'sourceSansPro';
  src: url('/assets/fonts/sourcesanspro-semibold-webfont.woff2') format('woff2'),
    url('/assets/fonts/sourcesanspro-semibold-webfont.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'crimsonText';
  src: url('/assets/fonts/crimsontext-semibold-webfont.woff2') format('woff2'),
    url('/assets/fonts/crimsontext-semibold-webfont.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

h1,
.h1 {
  font-family: crimsonText, serif;
  font-weight: 600;
  font-size: clamp(1.375rem, 6vw, 2.5rem);
  line-height: 1.1;
}

h2,
.h2 {
  font-family: crimsonText, sans-serif;
  font-weight: 600;
  font-size: clamp(1.5rem, 4vw, 1.75rem);
  line-height: 1.1;
}

h3,
.h3 {
  font-family: crimsonText, sans-serif;
  font-weight: 600;
  font-size: clamp(1.25rem, 4vw, 1.5rem);
  line-height: 1.1;
}

h4,
.h4 {
  font-family: crimsonText, sans-serif;
  font-weight: 600;
  font-size: clamp(1rem, 4vw, 1.125rem);
  line-height: 1.1;
}

.hp {
  font-size: 1rem;
  line-height: 1;
  font-weight: 600;
}

strong {
  font-weight: 600;
}

a {
  color: #0d0d0d;
  color: var(--color-black-00);
  text-decoration: underline;
}

a:hover {
    color: rgba(13, 13, 13, 0.8);
    color: var(--black-link-hover);
    text-decoration: none;
  }

/*
# Forms
* Styling for form elements
*/

select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  border: none;
  padding: 0.75rem 1.5rem 0.75rem 1rem;
  margin: 0;
  width: 100%;
  font-family: inherit;
  font-size: inherit;
  cursor: inherit;
  line-height: inherit;
  outline: none;
  font-weight: 600;
  text-overflow: elipsis;
}

select:focus + .select__focus {
    position: absolute;
    top: -0.125rem;
    bottom: -0.125rem;
    left: -0.125rem;
    right: -0.125rem;
    border: 0.125rem solid;
  }

select::-ms-expand {
  display: none;
}

.select {
  position: relative;
  width: 100%;
  border: 0.0625rem solid #0d0d0d;
  border: 0.0625rem solid var(--color-black-00);
  font-size: 1rem;
  cursor: pointer;
  line-height: 1.1;
  background: #fff;
  background: var(--color-white-00);
}

.select::after {
    display: block;
    position: absolute;
    content: '';
    right: 0.4375rem;
    top: 50%;
    transform: translateY(-0.125rem);
    border: 0.3125rem solid transparent;
    border-top-color: #0d0d0d;
    border-top-color: var(--color-black-00);
    pointer-events: none;
  }

/*
# Layout
*/

.core {
  width: 100%;
  max-width: 90rem;
  margin: 0 auto;
  padding-left: 1rem;
  padding-left: var(--grid-1-margin);
  padding-right: 1rem;
  padding-right: var(--grid-1-margin);
}

.grid {
  display: grid;
  width: 100%;
  grid-template-columns: [full left-content central-1 central-1-left-content central-1-left-content-1 central-2 central-3 right-content central-1-right-content central-1-right-content-1] repeat(1, 1fr);
  grid-template-columns: var(--grid-1-cols);
  grid-auto-flow: dense;
}

.grid > .central-content {
    grid-column: central-1;
  }

.grid--equal-rows {
  grid-auto-rows: 1fr;
}

*:focus {
  box-shadow: inset 0 0 0.3125rem 0.0625rem #4868a8 !important;
  box-shadow: inset 0 0 0.3125rem 0.0625rem var(--color-blue-10) !important;
  outline: none;
}

/*
## Site components
*/

/*
# Components
*/

/*
# Header
*/

.header {
  padding: 1.75rem 0;
  background: #0d0d0d;
  background: var(--color-black-00);
  color: #fff;
  color: var(--color-white-00);
}

.header .core {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

.header a {
    color: #fff;
    color: var(--color-white-00);
    text-decoration: none;
  }

.header a:hover,
    .header a:focus {
      text-decoration: underline;
    }

.logo {
  max-width: 20.125rem;
  grid-column: 1 / 4;
}

.nav {
  margin-left: 1rem;
  margin-top: -0.125rem;
  text-align: right;
}

.nav ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }

/*
# Footer
*/

.footer {
  flex: 0 0 auto;
  color: #ccc;
  color: var(--color-gray-20);
}

.footer a {
    color: #ccc;
    color: var(--color-gray-20);
  }

.footer a:hover {
      color: #fff;
      color: var(--color-white-00);
    }

.footer a:focus {
      color: #fff;
      color: var(--color-white-00);
    }

.footer__top {
  padding: 1.25rem 0;
  background: #252525;
  background: var(--color-gray-00);
}

.footer__top h2 {
    margin: 0 0 -0.3125rem;
    font-family: crimsonText, serif;
    font-size: 1.5rem;
    text-transform: uppercase;
    color: #8c8c8c;
  }

.footer__mid {
  padding: 1rem 0;
  background: linear-gradient(
    to bottom,
    #3e3e3e 0,
    #252525 100%
  );
  background: linear-gradient(
    to bottom,
    var(--color-gray-10) 0,
    var(--color-gray-00) 100%
  );
}

.footer__nav,
.footer__copy {
  grid-column: full;
  margin: 0;
}

.footer__nav {
  margin-bottom: 1rem;
}

.footer__nav ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
  }

.footer__logos {
  grid-column: full;
  width: clamp(15rem, 50%, 100%);
  margin-bottom: 1rem;
}

.footer__actions {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  grid-column: full;
  margin-bottom: 1rem;
}

.footer__bottom {
  overflow: hidden;
  font-size: 0.75rem;
  background: #fff;
  background: var(--color-white-00);
  color: #666;
}

/*
# Segments
*/

.segment {
  width: 100%;
  padding-top: 2rem;
  padding-top: var(--grid-12-margin);
  padding-bottom: 2rem;
  padding-bottom: var(--grid-12-margin);
}

.segment--flush {
  padding-top: 0;
  padding-bottom: 0;
}

.segment--flush-top {
  padding-top: 0;
}

.segment--bp-medium {
  padding-top: 0;
  padding-bottom: 0;
}

.segment--black {
  /*
    For this I'm leaning towards anything that isn't
    captured by these basic rules should be captured seperately
  */
  background-color: #0d0d0d;
  background-color: var(--color-black-00);
  color: #af9e70;
  color: var(--color-gold-10);
}

.segment--black a {
    color: #a69561;
    color: var(--color-gold-00);
  }

.segment--black a:hover {
      color: rgba(166, 148, 96, 0.8);
      color: var(--gold-link-hover);
    }

.segment--black a:focus {
      color: rgba(166, 148, 96, 0.8);
      color: var(--gold-link-hover);
    }

.segment--black .button:hover {
      color: rgba(166, 148, 96, 0.8);
      color: var(--gold-link-hover);
    }

.segment--black .button:focus {
      color: rgba(166, 148, 96, 0.8);
      color: var(--gold-link-hover);
    }

.segment--black .select__focus {
    border-color: #af9e70;
    border-color: var(--color-gold-10);
  }

.segment--black .card a {
    color: inherit;
  }

.segment--black .modal-close {
    color: #0d0d0d;
    color: var(--color-black-00);
  }

.segment--black .modal-overlay {
    background-color: rgba(175, 158, 112, 0.7);
  }

.segment--black .modal-content {
    background-color: #0d0d0d;
    background-color: var(--color-black-00);
  }

.segment--black .metadata--full td,
    .segment--black .metadata--full th {
      border-color: #1b1b1b;
    }

.segment--black .metadata--full .metadata__group-row:nth-child(odd) > td * {
      background: #0d0d0d;
      background: var(--color-black-00);
    }

.segment--black .metadata--full .metadata__field-row:nth-child(odd) * {
      background: #0d0d0d;
      background: var(--color-black-00);
    }

.segment--black .metadata--full .metadata__group-row:nth-child(even) > td * {
      background: #3e3e3e;
      background: var(--color-gray-10);
    }

.segment--black .metadata--full .metadata__field-row:nth-child(even) * {
      background: #3e3e3e;
      background: var(--color-gray-10);
    }

.segment--black .carousel__button {
    background: rgba(175, 158, 112, 0.7);
  }

.segment--black .carousel__button svg {
      fill: #0d0d0d;
      fill: var(--color-black-00);
    }

.segment--black .swiper-pagination-bullet {
    background: #0d0d0d;
    background: var(--color-black-00);
    border-color: #0d0d0d;
    border-color: var(--color-black-00);
    box-shadow: 0 0 0 0.0625rem #af9e70;
    box-shadow: 0 0 0 0.0625rem var(--color-gold-10);
  }

.segment--black .swiper-pagination-bullet-active {
    background: #af9e70;
    background: var(--color-gold-10);
  }

.segment--black .component__media--osd {
    background: #3e3e3e;
    background: var(--color-gray-10);
  }

.segment--black .osd-button {
    background-color: #af9e70;
    background-color: var(--color-gold-10);
    color: #0d0d0d;
    color: var(--color-black-00);
  }

.segment--black .osd-button svg {
      fill: #0d0d0d;
      fill: var(--color-black-00);
    }

.segment--black .osd-button:hover {
      background: #0d0d0d;
      background: var(--color-black-00);
      color: #af9e70;
      color: var(--color-gold-10);
    }

.segment--black .osd-button:hover svg {
        fill: var(--color-gold-10);
      }

.segment--black .osd-button:focus {
      background: #0d0d0d;
      background: var(--color-black-00);
      color: #af9e70;
      color: var(--color-gold-10);
    }

.segment--black .osd-button:focus svg {
        fill: var(--color-gold-10);
      }

.segment--black .component__media--video {
    background: #3e3e3e;
    background: var(--color-gray-10);
  }

.segment--black .component__media--embed {
    background: #3e3e3e;
    background: var(--color-gray-10);
  }

.segment--black .related-card {
    background-color: #af9e70;
    background-color: var(--color-gold-10);
    color: #0d0d0d;
    color: var(--color-black-00);
  }

.segment--black .related-card__body * {
      color: #0d0d0d;
      color: var(--color-black-00);
    }

.segment--black .related-card__wrapper:hover .button, .segment--black .related-card__wrapper:focus .button {
        color: rgba(13, 13, 13, 0.8);
        color: var(--black-link-hover);
      }

.segment--black .directional-nav a {
    color: #fff;
    color: var(--color-white-00);
  }

.segment--black .exhibition-nav-item a {
    color: #0d0d0d;
    color: var(--color-black-00);
    background-color: #9f905f;
    background-color: var(--color-gold-20);
  }

.segment--black .exhibition-nav-item a:hover {
      color: rgba(13, 13, 13, 0.8);
      color: var(--black-link-hover);
    }

.segment--black .exhibition-nav-item a:focus {
      color: rgba(13, 13, 13, 0.8);
      color: var(--black-link-hover);
    }

.segment--black .exhibition-nav__arrow {
    fill: #9f905f;
    fill: var(--color-gold-20);
  }

.segment--gold {
  /*
    For this I'm leaning towards anything that isn't
    captured by these basic rules should be captured seperately
  */
  background-color: #af9e70;
  background-color: var(--color-gold-10);
  color: #0d0d0d;
  color: var(--color-black-00);
}

.segment--gold a {
    color: #0d0d0d;
    color: var(--color-black-00);
  }

.segment--gold a:hover {
      color: rgba(13, 13, 13, 0.8);
      color: var(--black-link-hover);
    }

.segment--gold a:focus {
      color: rgba(13, 13, 13, 0.8);
      color: var(--black-link-hover);
    }

.segment--gold .button:hover {
      color: rgba(13, 13, 13, 0.8);
      color: var(--black-link-hover);
    }

.segment--gold .button:focus {
      color: rgba(13, 13, 13, 0.8);
      color: var(--black-link-hover);
    }

.segment--gold .select__focus {
    border-color: #0d0d0d;
    border-color: var(--color-black-00);
  }

.segment--gold .card a {
    color: inherit;
  }

.segment--gold .modal-close {
    color: #af9e70;
    color: var(--color-gold-10);
  }

.segment--gold .modal-overlay {
    background-color: rgba(13, 13, 13, 0.7);
  }

.segment--gold .modal-content {
    background-color: #a69561;
    background-color: var(--color-gold-00);
  }

.segment--gold .metadata--full td {
      border-color: #9f905f;
      border-color: var(--color-gold-20);
    }

.segment--gold .metadata--full th {
      border-color: #9f905f;
      border-color: var(--color-gold-20);
    }

.segment--gold .metadata--full .metadata__group-row:nth-child(odd) > td * {
      background: #af9e70;
      background: var(--color-gold-10);
    }

.segment--gold .metadata--full .metadata__field-row:nth-child(odd) * {
      background: #af9e70;
      background: var(--color-gold-10);
    }

.segment--gold .metadata--full .metadata__group-row:nth-child(even) > td * {
      background: #a69561;
      background: var(--color-gold-00);
    }

.segment--gold .metadata--full .metadata__field-row:nth-child(even) * {
      background: #a69561;
      background: var(--color-gold-00);
    }

.segment--gold .carousel__button {
    background: rgba(0, 0, 0, 0.75);
  }

.segment--gold .carousel__button svg {
      fill: #af9e70;
      fill: var(--color-gold-10);
    }

.segment--gold .swiper-pagination-bullet {
    background: #af9e70;
    background: var(--color-gold-10);
    border-color: #af9e70;
    border-color: var(--color-gold-10);
    box-shadow: 0 0 0 0.0625rem #0d0d0d;
    box-shadow: 0 0 0 0.0625rem var(--color-black-00);
  }

.segment--gold .swiper-pagination-bullet-active {
    background: #0d0d0d;
    background: var(--color-black-00);
  }

.segment--gold .component__media--osd {
    background: #bfb18e;
    background: var(--color-gold-30);
  }

.segment--gold .osd-button {
    background-color: #0d0d0d;
    background-color: var(--color-black-00);
    color: #af9e70;
    color: var(--color-gold-10);
  }

.segment--gold .osd-button svg {
      fill: #af9e70;
      fill: var(--color-gold-10);
    }

.segment--gold .osd-button:hover {
      background: #af9e70;
      background: var(--color-gold-10);
      color: #0d0d0d;
      color: var(--color-black-00);
    }

.segment--gold .osd-button:hover svg {
        fill: var(--color-black-00);
      }

.segment--gold .osd-button:focus {
      background: #af9e70;
      background: var(--color-gold-10);
      color: #0d0d0d;
      color: var(--color-black-00);
    }

.segment--gold .osd-button:focus svg {
        fill: var(--color-black-00);
      }

.segment--gold .component__media--video {
    background: #bfb18e;
    background: var(--color-gold-30);
  }

.segment--gold .component__media--embed {
    background: #bfb18e;
    background: var(--color-gold-30);
  }

.segment--gold .related-card {
    background-color: #0d0d0d;
    background-color: var(--color-black-00);
    color: #af9e70;
    color: var(--color-gold-10);
  }

.segment--gold .related-card__body * {
      color: #af9e70;
      color: var(--color-gold-10);
    }

.segment--gold .related-card__wrapper:hover .button, .segment--gold .related-card__wrapper:focus .button {
        color: rgba(166, 148, 96, 0.8);
        color: var(--gold-link-hover);
      }

.segment--gold .exhibition-nav-item a {
    color: #af9e70;
    color: var(--color-gold-10);
    background-color: #0d0d0d;
    background-color: var(--color-black-00);
  }

.segment--gold .exhibition-nav-item a:hover {
      color: rgba(166, 148, 96, 0.8);
      color: var(--gold-link-hover);
    }

.segment--gold .exhibition-nav-item a:focus {
      color: rgba(166, 148, 96, 0.8);
      color: var(--gold-link-hover);
    }

.segment--gold .exhibition-nav__arrow {
    fill: #0d0d0d;
    fill: var(--color-black-00);
  }

.segment--white {
  background: #fff;
  background: var(--color-white-00);
}

/*
# Buttons
*/

.action-btn {
  display: inline-flex;
  align-items: center;
  padding: 0.3125rem 0.625rem;
  background: #041e42;
  font-size: 0.75rem;
  text-decoration: none;
}

.action-btn .text {
    color: #fff;
    color: var(--color-white-00);
  }

.action-btn svg {
    width: 0.875rem;
    height: 0.875rem;
    margin-left: 0.125rem;
    fill: currentColor;
  }

.action-btn:hover {
    text-decoration: underline;
    background: #0d0d0d;
    background: var(--color-black-00);
  }

.action-btn:focus {
    text-decoration: underline;
    background: #0d0d0d;
    background: var(--color-black-00);
  }

.button {
  display: block;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 0.375rem 0.75rem;
  color: inherit;
  background: none;
  border: 0.0625rem solid currentColor;
  cursor: pointer;
  font-weight: 600;
}

.button:hover,
  .button:focus {
    text-decoration: none;
  }

.button--style-2 {
  border: none;
  text-decoration: underline;
}

.button--style-2:hover,
  .button--style-2:focus {
    text-decoration: none;
  }

/*
# Modal dialog boxes
*/

.modal-close {
  display: none;
}

.modal-link {
  margin: 1rem 0;
  text-align: left;
}

.modal-link svg {
    flex: 0 0 auto;
    width: 1.25rem;
    height: 1.25rem;
  }

.persistent-modal {
  display: none;
  background: #af9e70;
  background: var(--color-gold-10);
}

.modal-actions {
  display: flex;
  justify-content: flex-start;
  margin-top: 2rem;
}

.modal-actions__accept {
  margin-right: 1rem;
}

/*
N.B.
I'm wrapping more than just display because we
don't want non-js css to be positioned etc.
Preference is probably "no-js, no-styles" here
*/

.js .persistent-modal-open {
    overflow: hidden;
  }

.js .modal-wrapper,
  .js .modal-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
  }

.js .modal-wrapper:not(.persistent-modal) {
    display: none;
  }

.js .persistent-modal {
    display: flex;
  }

.js .modal-wrapper {
    padding: 1rem;
    padding: var(--grid-1-margin);
    padding-top: 3.25rem;
    z-index: 1000;
  }

.js .modal-wrapper--open:not(.persistent-modal) {
    display: flex;
  }

.js .modal-overlay {
    z-index: 1;
  }

.js .modal-close {
    display: block;
    position: fixed;
    top: 0.5rem;
    right: 0.5rem;
    padding: 0.6875rem;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background: none;
    border: none;
    z-index: 3;
    cursor: pointer;
  }

.js .modal-close span {
      display: flex;
      align-items: center;
    }

.js .modal-close svg {
      width: 1.375rem;
      height: 1.375rem;
      fill: currentColor;
    }

.js .modal-content {
    position: relative;
    flex: 0 1 43.75rem;
    max-height: 100%;
    margin: auto;
    padding: 1rem;
    z-index: 2;
    overflow: auto;
    box-shadow: 0.1875rem 0.1875rem 0.25rem -0.125rem rgba(0, 0, 0, 0.2);
  }

.js .modal-content > *:first-child {
      margin-top: 0;
    }

.js .modal-wrapper--full .modal-content {
      flex: 0 1 71.25rem;
    }

/*
# Body text
*/

/*
# Exhibition banner
*/

.exhibition-banner {
  padding: 1rem 0;
  padding: var(--grid-1-margin) 0;
  background: #395284;
  background: var(--color-blue-00);
  color: #fff;
  color: var(--color-white-00);
}

.exhibition-banner h1,
  .exhibition-banner h2 {
    margin: 0;
  }

/*
# Page intro
*/

.page-intro {
  display: contents;
  position: relative;
}

.page-intro__title {
  padding: 1rem 0;
  z-index: 2;
}

.page-intro__title h1 {
    grid-column: full;
    margin: 0;
    :none ;
  }

.page-intro__image-wrapper {
  position: relative;
}

.page-intro__image-wrapper .page-intro__title {
    position: absolute;
    top: 0;
    left: 0;
    padding: 1.5rem 0;
    margin: 0 auto;
    width: 100%;
    font-size: clamp(1.125rem, 5vw, 2.25rem);
    line-height: 1.1;
    color: #af9e70;
    color: var(--color-gold-10);
  }

.page-intro__image-wrapper::before {
    display: block;
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 1;
  }

.page-intro__search-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.page-intro__pre-search-filter {
  width: 100%;
  margin-bottom: 2rem;
}

.page-intro__search-controls {
  flex: 0 0 auto;
}

.page-intro__search-controls .search-controls__inner {
    flex: 1 0 18.625rem;
  }

.page-intro__text p:first-child {
    font-size: clamp(1.25rem, 4vw, 1.375rem);
    line-height: 1.1;
    font-weight: 600;
  }

/*
# Exhibition nav
*/

.exhibition-nav {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.exhibition-nav--parent .exhibition-nav__list {
    margin: 0 -1rem;
  }

.exhibition-nav--parent .exhibition-nav-item {
    flex: 0 1 25.625rem;
    margin-bottom: 1.75rem;
    border-top: undefined;
    border-top: 0.3125rem solid var(--card-color);
  }

.exhibition-nav--parent .exhibition-nav-item__image {
    width: 100%;
    padding-bottom: 54%;
  }

.exhibition-nav--parent .exhibition-nav-item__image--placeholder {
    background-size: 80% 80%;
    background-color: #3e3e3e;
    background-color: var(--color-gray-10);
  }

.exhibition-nav--parent .exhibition-nav-item__label {
    padding: 1.5rem;
  }

.exhibition-nav--child {
  margin-top: 1.75rem;
}

.exhibition-nav--child .exhibition-nav__list {
    margin-left: 0;
  }

.exhibition-nav--child .exhibition-nav-item {
    flex: 0 1 25.625rem;
    margin-bottom: 0.875rem;
    border-left: undefined;
    border-left: 0.3125rem solid var(--card-color);
  }

.exhibition-nav--child .exhibition-nav-item--active a {
    color: #fff;
    color: var(--color-white-00);
    background-color: #252525;
    background-color: var(--color-gray-00);
  }

.exhibition-nav--child .exhibition-nav-item--active a .exhibition-nav-item__image {
      opacity: 0.3;
    }

.exhibition-nav--child .exhibition-nav-item--parent a {
    color: #fff;
    color: var(--color-white-00);
    background-color: #252525;
    background-color: var(--color-gray-00);
  }

.exhibition-nav--child .exhibition-nav-item--parent a .exhibition-nav-item__image {
      opacity: 0.3;
    }

.exhibition-nav--child .exhibition-nav-item:not(.exhibition-nav-item--active, .exhibition-nav-item--parent)
    a:hover {
    color: #fff;
    color: var(--color-white-00);
    background-color: #252525;
    background-color: var(--color-gray-00);
  }

.exhibition-nav--child .exhibition-nav-item:not(.exhibition-nav-item--active, .exhibition-nav-item--parent)
    a:hover .exhibition-nav-item__image {
      opacity: 0.3;
    }

.exhibition-nav--child .exhibition-nav-item:not(.exhibition-nav-item--active, .exhibition-nav-item--parent)
    a:focus {
    color: #fff;
    color: var(--color-white-00);
    background-color: #252525;
    background-color: var(--color-gray-00);
  }

.exhibition-nav--child .exhibition-nav-item:not(.exhibition-nav-item--active, .exhibition-nav-item--parent)
    a:focus .exhibition-nav-item__image {
      opacity: 0.3;
    }

.exhibition-nav--child .exhibition-nav-item--active a:hover {
    color: #fff;
    color: var(--color-white-00);
    fill: currentColor;
  }

.exhibition-nav--child .exhibition-nav-item--active a:focus {
    color: #fff;
    color: var(--color-white-00);
    fill: currentColor;
  }

.exhibition-nav--child .exhibition-nav-item--parent a:hover {
    color: #fff;
    color: var(--color-white-00);
    fill: currentColor;
  }

.exhibition-nav--child .exhibition-nav-item--parent a:focus {
    color: #fff;
    color: var(--color-white-00);
    fill: currentColor;
  }

.exhibition-nav--child .exhibition-nav-item__wrapper {
    position: relative;
    height: 100%;
  }

.exhibition-nav--child .exhibition-nav-item__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
  }

.exhibition-nav--child .exhibition-nav-item__label {
    position: relative;
    padding: 1rem;
    z-index: 2;
  }

.exhibition-nav__heading {
  margin-bottom: 1.75rem;
  text-align: center;
}

.exhibition-nav__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style-type: none;
  width: 100%;
  padding: 0;
  margin: 0;
}

.exhibition-nav-item a {
    display: block;
    height: 100%;
    color: inherit;
    text-decoration: none;
  }

.exhibition-nav-item a:hover .exhibition-nav-item__label, .exhibition-nav-item a:focus .exhibition-nav-item__label {
      text-decoration: underline;
    }

/* Use focus style, minus inset */

.exhibition-nav-item a:focus {
    box-shadow: 0 0 0.3125rem 0.0625rem #4868a8 !important;
    box-shadow: 0 0 0.3125rem 0.0625rem var(--color-blue-10) !important;
  }

.exhibition-nav-item--active {
  color: #fff !important;
  color: var(--color-white-00) !important;
}

.exhibition-nav-item__image {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.exhibition-nav__arrow {
  display: block;
  align-self: center;
  margin-top: 1.75rem;
}

.exhibition-nav__arrow svg {
    width: 1.75rem;
    height: 1.75rem;
  }

/*
# Hero image
*/

.hero-image img {
    width: 100%;
    height: auto;
    max-height: 62vh;
    -o-object-fit: cover;
       object-fit: cover;
  }

/*
# Image
*/

.component--image figure {
    margin: 0;
  }

.component--image .component__media img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover;
    }

.component--image-left .component__media, .component--image-right .component__media {
    height: 100%;
    max-height: 47.5rem;
  }

.component--image-left .component__media img, .component--image-right .component__media img {
      -o-object-fit: contain;
         object-fit: contain;
      height: 100%;
    }

.component--image--crop .component__media img {
      -o-object-fit: cover;
         object-fit: cover;
    }

.component--image-audio__audio-content {
  margin-top: 1.75rem;
}

.component--image-audio__audio-content .heading {
    margin: 0 0 1rem 0;
  }

/*
# Image grid
*/

.image-grid-intro {
  grid-column: full;
}

.image-grid-intro h2 {
    margin-top: 0;
  }

.image-grid {
  grid-column: full;
  padding: 0;
  margin-top: 1.75rem;
  margin-top: var(--grid-12-gap);
  list-style-type: none;
}

.image-grid__cell {
  display: flex;
  margin-bottom: 1.75rem;
  margin-bottom: var(--grid-12-gap);
  background: #0d0d0d;
  background: var(--color-black-00);
}

.image-grid__cell button {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background: none;
    border: none;
    padding: 0;
    margin: auto;
    cursor: pointer;
    opacity: 1;
    transition: opacity 0.3s;
  }

.image-grid__cell button:hover {
      opacity: 0.7;
    }

.image-grid-modal .modal-content {
    display: flex;
  }

.image-grid-modal .metadata {
    width: 100%;
    margin: 0;
  }

.image-grid__lockup {
  flex: 0 0 100%;
  grid-template-rows: repeat(2, minmax(0, auto));
  margin: 0;
}

.image-grid__lockup picture,
  .image-grid__lockup figcaption {
    height: 100%;
  }

.image-grid__lockup picture {
    grid-column: full;
  }

.image-grid__lockup img {
    width: 100%;
    max-height: 100%;
    margin-bottom: 1rem;
    -o-object-fit: contain;
       object-fit: contain;
  }

.image-grid__lockup figcaption {
    grid-column: full;
    width: 100%;
    padding: 1rem 0;
  }

/*
# Highlights
*/

.highlights {
  grid-column: full;
}

.highlights + .highlights .highlights__header {
    margin-top: 2rem;
  }

.highlights__header {
  display: flex;
  grid-column: central-2;
  align-items: baseline;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 2rem;
}

.highlights__header h2 {
    flex: 0 1 auto;
    margin: 0 0.625rem 0 0;
  }

.highlights__header a {
    display: inline-flex;
    flex: 0 0 auto;
  }

.highlights__header span {
    display: inline-block;
  }

/* 1100 / 16 */

/*
# Cards
*/

.cards {
  grid-column: full; /* applies to featured highlights */
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.cards--large .card + .card {
    margin-top: 2rem;
  }

.card {
  position: relative;
  grid-column: auto / span 6;
}

/* applies to .card--grid items */

.card + .card {
    margin-top: 1rem;
  }

.card a {
    display: flex;
    flex-direction: column;
    height: 100%;
    text-decoration: none;
    color: inherit;
  }

.card a:hover .card__title, .card a:focus .card__title {
        text-decoration: underline;
      }

.card__text {
  padding: 1rem;
}

.card__title {
  margin: 0;
}

.card__sub-heading {
  margin: 0;
  font-size: 1.125rem;
}

.card__intro {
  margin-top: 1rem;
}

.card__image {
  order: -1;
  background: #252525;
  background: var(--color-gray-00);
}

.card__image img {
    margin: 0 auto;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }

/*
# OSD
*/

.component--osd--full-width {
  display: flex;
  flex-direction: column;
}

.component__text--osd {
  order: 1;
}

.component__media--osd {
  position: relative;
}

.osd-viewer {
  width: 100%;
  height: 100%;
}

.osd-controls {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  top: 1.25rem;
  right: 1.25rem;
  z-index: 100;
}

.osd-controls .wrap {
    display: flex;
    align-items: center;
  }

.osd-controls .icon {
    width: 1.5rem;
    height: 1.5rem;
    padding: 0.125rem;
  }

.osd-button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 0.25rem;
  border: none;
  border-radius: 100%;
  box-shadow: 0.0375rem 0.0375rem 0.1875rem 0 rgba(0, 0, 0, 0.7);
  cursor: pointer;
}

.osd-button + .osd-button {
    margin-top: 0.625rem;
  }

.osd-controls-arrow-buttons {
  position: absolute;
  bottom: 1.25rem;
  left: 1.25rem;
  z-index: 100;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 1fr);
  gap: 0.625rem;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

/* Position buttons in d-pad layout */

.osd-controls-arrow-buttons > *:nth-child(1) { grid-area: 1 / 2; }

/* up */

.osd-controls-arrow-buttons > *:nth-child(2) { grid-area: 2 / 2; }

/* down */

.osd-controls-arrow-buttons > *:nth-child(3) { grid-area: 2 / 1; }

/* left */

.osd-controls-arrow-buttons > *:nth-child(4) { grid-area: 2 / 3; }

/* right */

.osd-controls-arrow-buttons .osd-button {
    margin-top: 0;
  }

.osd-controls-arrow-buttons .icon {
    width: 1.5rem;
    height: 1.5rem;
    padding: 0.125rem;
  }

.osd-controls-arrow-buttons .wrap {
    display: flex;
    align-items: center;
  }

.osd-button--large .icon {
    width: 2.5rem;
    height: 2.5rem;
  }

.osd-full-screen .slowlooking-button {
    display: none;
  }

.osd-full-screen .osd-button {
    background-color: #af9e70;
    background-color: var(--color-gold-10);
    color: #0d0d0d;
    color: var(--color-black-00);
  }

.osd-full-screen .osd-button svg {
      fill: #0d0d0d;
      fill: var(--color-black-00);
    }

.osd-full-screen .osd-button:hover {
      background: #0d0d0d;
      background: var(--color-black-00);
      color: #af9e70;
      color: var(--color-gold-10);
    }

.osd-full-screen .osd-button:hover svg {
        fill: var(--color-gold-10);
      }

.osd-full-screen .osd-button:focus {
      background: #0d0d0d;
      background: var(--color-black-00);
      color: #af9e70;
      color: var(--color-gold-10);
    }

.osd-full-screen .osd-button:focus svg {
        fill: var(--color-gold-10);
      }

/*
# Embed
*/

.component__media--embed {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.component--embed-left .component__media--embed, .component--embed-right .component__media--embed {
    padding: 2rem;
  }

/*
# Storiiies
*/

.component--storiiies-full .component__media {
    padding: 0 8vw;
    padding-top: 2rem;
  }

/*
# Caroursel
*/

.component--carousel {
  position: relative;
}

.component--carousel::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
    touch-action: none;
    background-position: 50% 50%;
    background-position: var(--bg-position, 50% 50%);
    background-repeat: no-repeat;
    background-size: cover;
    background-image: undefined;
    background-image: var(--bg-url-s);
    opacity: 0.1;
    transition: opacity 0.8s;
  }

.component--carousel--hide-bg::before {
    opacity: 0;
    transition: opacity 0.8s;
  }

.carousel-wrapper {
  position: relative;
  padding-bottom: 4rem;
  display: none;
}

.carousel {
  position: static;
}

.carousel__slides {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.carousel__slide {
  padding-bottom: 2rem;
  grid-template-rows: repeat(2, minmax(auto, 20rem));
}

.carousel__slide--title {
  grid-template-rows: auto;
  align-self: center;
}

.carousel__text {
  grid-column: full;
  margin: 2rem 3.75rem 0; /* 44 + 16 */
  overflow-y: auto;
}

.carousel__text-inner {
  padding-right: 0.75rem;
  overflow-y: auto;
}

.carousel__text-inner > *:first-child {
    margin-top: 0;
  }

.carousel__image {
  display: flex;
  justify-content: center;
  grid-column: full;
}

.carousel__image picture {
    display: flex;
    justify-content: center;
    height: 100%;
  }

.carousel__image img {
    max-height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }

.carousel__button {
  position: absolute;
  width: 2.75rem;
  height: 2.75rem;
  padding: 0;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  cursor: pointer;
  z-index: 10;
}

.carousel__button .wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

.carousel__button svg {
    width: 1.5rem;
    height: 1.5rem;
  }

.carousel__button--prev svg {
    transform: rotate(-180deg);
  }

.carousel__button--next {
  left: auto;
  right: 0;
}

.carousel-stacked {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding-left: 1rem;
  padding-left: var(--grid-1-margin);
  padding-right: 1rem;
  padding-right: var(--grid-1-margin);
}

.carousel-stacked-wrapper {
  padding-bottom: 0;
}

.carousel-stacked__divider {
  display: block;
  width: 66%;
  height: 0.0625rem;
  border: none;
  background-color: undefined;
  background-color: var(--color-black);
  margin: 0.625rem auto;
}

.carousel-stacked__item {
  position: relative;
  display: flex;
  flex-direction: column;
  padding-left: 3rem;
}

.carousel-stacked__item .responsive-image {
    margin-left: auto;
    margin-right: auto;
  }

.carousel-stacked__item::before {
    content: '';
    display: block;
    width: 0.0625rem;
    height: 100%;
    background-color: #0d0d0d;
    background-color: var(--color-black-00);
    position: absolute;
    left: 1rem;
    top: 0;
  }

.carousel-stacked__item .h3 {
    position: relative;
  }

.carousel-stacked__item .h3::after {
      content: '';
      display: block;
      width: 1.25rem;
      height: 1.25rem;
      border-radius: 100%;
      background-color: #0d0d0d;
      background-color: var(--color-black-00);
      border: 0.0625rem solid #af9e70;
      border: 0.0625rem solid var(--color-gold-10);
      box-shadow: 0 0 0 0.125rem #0d0d0d;
      box-shadow: 0 0 0 0.125rem var(--color-black-00);
      position: absolute;
      left: -2rem;
      top: 50%;
      transform: translateY(-50%) translateX(-50%);
    }

.carousel-stacked .carousel-stacked__item:first-child {
  background-color :red;
}

.segment--black .carousel-stacked__divider {
    background-color: #af9e70;
    background-color: var(--color-gold-10);
  }

.segment--black .carousel-stacked__item::before {
    background-color: #af9e70;
    background-color: var(--color-gold-10);
  }

.segment--black .carousel-stacked__item .h3::after {
    background-color: #af9e70;
    background-color: var(--color-gold-10);
    border: 0.0625rem solid #0d0d0d;
    border: 0.0625rem solid var(--color-black-00);
    box-shadow: 0 0 0 0.125rem #af9e70;
    box-shadow: 0 0 0 0.125rem var(--color-gold-10);
  }

.segment--gold .carousel-stacked__divider {
    background-color: #0d0d0d;
    background-color: var(--color-black-00);
  }

/*
# Audio
*/

.audio-player {
  margin-bottom: 1rem;
}

/*
# Video
*/

.component__media--video {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.component--video-left .component__media--video, .component--video-right .component__media--video {
    padding: 2rem;
  }

.video-player {
  width: 100%;
}

/*
# Metadata
*/

.metadata {
  display: block;
  border-spacing: 0;
  border-collapse: collapse;
  width: 100%;
}

.metadata table,
  .metadata tbody,
  .metadata thead,
  .metadata tr,
  .metadata th,
  .metadata td {
    display: block;
    width: 100%;
  }

.metadata th {
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
            clip-path: inset(50%);
    height: 0.0625rem;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 0.0625rem;
  }

.metadata * {
    text-align: left;
  }

.metadata--full {
  width: calc(100% + 2rem);
  margin: 1.125rem -1rem -1rem;
}

.metadata--full .metadata__caption {
    padding: 0 1rem;
    margin-bottom: 1rem;
  }

.metadata--full .metadata__caption h2 {
      font-family: sourceSansPro;
      font-weight: 400;
      margin: 0;
    }

.metadata--full th {
    clip: unset;
    -webkit-clip-path: unset;
            clip-path: unset;
    height: auto;
    overflow: visible;
    position: static;
    white-space: normal;
    width: auto;
  }

.metadata--full th::after {
      content: ':';
    }

.metadata--full .metadata__field-row td,
    .metadata--full .metadata__field-row th {
      padding: 0 1rem 0.5rem;
      border-bottom-style: solid;
      border-bottom-width: 0;
    }

.metadata--full .metadata__field-row th {
      padding-top: 0.5rem;
    }

.metadata--full .metadata__field-row td {
      border-bottom-width: 0.0625rem;
    }

.metadata--full .metadata__field-row td > *:first-child {
        margin-top: 0;
      }

.metadata--full .metadata__group-row {
    border-bottom-width: 0.0625rem;
  }

.metadata--full .metadata__group {
    padding: 0.5rem 0;
  }

.metadata--full .metadata__group .metadata__field-row {
      padding: 0;
    }

.metadata--full .metadata__group .metadata__field-row th,
      .metadata--full .metadata__group .metadata__field-row td {
        border: none;
        padding-bottom: 0;
      }

.metadata--full .metadata__group .metadata__field-row th {
        padding-top: 0;
      }

.metadata--full .metadata__group-row .metadata__field-row th,
    .metadata--full .metadata__group-row .metadata__field-row td {
      background: inherit;
    }

.metadata--full caption:only-child {
    padding-bottom: 1rem;
  }

.metadata--full tbody > tr:last-child th,
    .metadata--full tbody > tr:last-child td,
    .metadata--full .metadata__group-row:last-child .metadata__field-row:last-child th,
    .metadata--full .metadata__group-row:last-child .metadata__field-row:last-child td {
      border-bottom-width: 0;
    }

.metadata--full tbody > tr:last-child td, .metadata--full .metadata__group-row:last-child .metadata__field-row:last-child td {
      padding-bottom: 1rem;
    }

.metadata--full > *:last-child {
    margin-bottom: 0;
  }

.metadata__caption {
  display: block;
  width: 100%;
  grid-column: 1 / -1;
  background-color: inherit;
}

.metadata__field-row {
  width: 100%;
  grid-template-columns: 1fr;
}

/*
# Search controls
*/

.search-controls {
  display: flex;
  justify-content: center;
  font-weight: 600;
}

.search-controls__inner {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.9375rem;
  border: 0.0625rem solid;
  z-index: 1;
}

.search-controls__inner::before {
    position: absolute;
    content: '';
    top: -0.25rem;
    bottom: -0.25rem;
    left: -0.25rem;
    right: -0.25rem;
    border: 0.0625rem solid;
    z-index: -1;
  }

.search-controls__heading {
  align-self: flex-start;
}

.search-controls__form {
  width: 100%;
  margin-bottom: 1rem;
}

.search-controls__select {
  margin-bottom: 0.5rem;
}

/*
# Paginator
*/

.paginator {
  display: flex;
  justify-content: center;
}

.paginator__pages {
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.paginator a,
.paginator__page {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 2.75rem;
  min-height: 2.75rem;
}

.paginator__prev,
.paginator__next {
  position: relative;
}

.paginator__prev::before, .paginator__next::before {
    position: absolute;
    display: block;
    content: '';
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 0.375rem solid transparent;
  }

.paginator__prev::before {
    border-right-color: inherit;
  }

.paginator__next::before {
    border-left-color: inherit;
  }

/*
# Sponsor logos
*/

.component--sponsors {
  display: flex;
  justify-content: center;
}

.component--sponsors .core {
    width: auto;
  }

.sponsor-heading {
  margin-top: 0;
  margin-bottom: 2rem;
}

.sponsor-logos {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-end;
  margin: 0 0 0 -1rem;
  padding: 0;
  list-style-type: none;
}

.sponsor-logos__sponsor {
  display: flex;
  flex: 0 1 auto;
  flex-direction: column;
  margin-left: 1rem;
  justify-content: space-between;
  align-items: center;
  background: #fff;
  background: var(--color-white-00);
}

.sponsor-logos__sponsor a {
    display: flex;
    flex-direction: column;
    text-decoration: none;
  }

.sponsor-logos__sponsor a:hover,
    .sponsor-logos__sponsor a:focus {
      text-decoration: underline;
    }

.sponsor-logos__name {
  margin: 0;
  padding: 1rem;
  font-family: sourceSansPro;
  text-align: center;
}

.sponsor-logos__logo {
  order: -1;
}

/*
# Slowlooking
*/

.is-slowlooking .osd-controls {
  display: none;
}

.slowlooking-overlay,
.slowlooking-ui-blocker {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.slowlooking-overlay {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.7);
  text-align: center;
  z-index: 99999;
  cursor: default;
  color: #fff;
}

.slowlooking-overlay--hide {
  display: none;
}

.slowlooking-choices,
.slowlooking-ui {
  display: flex;
}

.slowlooking-overlay .content {
  padding: 0.9375rem;
  max-width: 36.25rem;
  text-align: center;
}

.slowlooking-overlay .eyecon {
  display: inline-block;
  width: 4.6875rem;
  margin-bottom: 1.5rem;
}

.slowlooking-overlay h2 {
  margin-top: 0;
  margin-bottom: 0.625rem;
  text-align: center;
}

.slowlooking-overlay p {
  margin: 0;
  text-align: left;
}

.slowlooking-choices {
  justify-content: center;
  margin-top: 2rem;
}

.slowlooking-overlay .button {
  margin: 0 1rem;
}

.slowlooking-overlay .button--style-1:hover {
    background: #fff;
    background: var(--color-white-00);
    color: #0d0d0d;
    color: var(--color-black-00);
  }

.slowlooking-overlay .button--style-1:focus {
    background: #fff;
    background: var(--color-white-00);
    color: #0d0d0d;
    color: var(--color-black-00);
  }

.slowlooking-ui-blocker {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  left: 0;
  z-index: 88888;
}

/*
# Related  card
*/

.related-card {
  max-width: 43.75rem;
  margin-top: 2rem;
}

.related-card__wrapper {
  text-decoration: none;
}

.related-card__wrapper:focus {
    box-shadow: none !important;
  }

.related-card__wrapper:focus .button {
      box-shadow: inset 0 0 0.3125rem 0.0625rem #4868a8 !important;
      box-shadow: inset 0 0 0.3125rem 0.0625rem var(--color-blue-10) !important;
    }

.related-card__header {
  padding: 1rem;
}

.related-card__title {
  margin: 0;
}

.related-card__subheading {
  font-family: sourceSansPro;
  font-size: 1.125rem;
}

.related-card__body {
  display: flex;
  min-height: 12.5rem;
}

.related-card__text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 1rem;
}

.related-card__text *:first-child {
    margin-top: 0;
  }

.related-card__image {
  display: none;
}

.related-card__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }

/* 440 */

/* 840 */

/* 900 */

/* 1480 */

/*
# Cookie consent
*/

.cookie-consent,
.cookie-consent-toggle {
  display: none;
}

.js .cookie-consent:not(.cookie-consent--banner-hidden),
  .js .cookie-consent-toggle {
    display: block;
  }

.cookie-consent {
  position: fixed;
  bottom: 0;
  width: 100%;
  padding: 1rem;
  z-index: 1000;
  background: #252525;
  background: var(--color-gray-00);
  box-shadow: 0 -0.1875rem 0.25rem -0.0625rem rgba(0, 0, 0, 0.2);
}

.cookie-consent--expanded {
  height: 85vh;
}

.cookie-consent--expanded .cookie-consent__content {
    overflow: auto;
    height: calc(85vh - 5rem);
  }

.cookie-consent--expanded .cookie-consent__body {
    display: block;
  }

.cookie-consent--banner-hidden {
  display: none;
}

.cookie-consent__form {
  display: flex;
  flex-direction: column;
}

.cookie-consent__content {
  display: flex;
  flex-direction: column;
}

.cookie-consent__title {
  margin: 0;
}

.cookie-consent__description {
  margin-bottom: 0;
}

.cookie-consent__body {
  display: none;
  padding: 1rem 0;
}

.cookie-consent__group {
  padding: 0 1rem;
}

.cookie-consent__group + .cookie-consent__group {
    margin-top: 1rem;
  }

.cookie-consent__group-headline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 1rem;
  margin: 0 -1rem 1rem -1rem;
  border-bottom: 0.0625rem solid;
}

.cookie-consent__label {
  flex: 1 1 auto;
}

.cookie-consent__input {
  flex: 0 0 auto;
}

.cookie-consent__cookie {
  margin: 1rem 0;
}

.cookie-consent__buttons {
  display: flex;
  justify-content: space-between;
  margin-top: 1rem;
}

.cookie-consent__buttons .button + button {
    margin-right: 0.3125rem;
  }

.cookie-consent__buttons-actions {
  display: flex;
  margin-left: 0.3125rem;
}

.cookie-consent-toggle {
  position: fixed;
  bottom: 0;
  right: 0;
  background: #af9e70;
  background: var(--color-gold-10);
  z-index: 999;
}

/*
# Full screen image
*/

.full-screen-image {
  padding: 0.25rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  border: 0;
}

/*
# Directional nav
*/

.directional-nav {
  padding: 0 !important;
  background: #0d0d0d;
  background: var(--color-black-00);
  color: #fff;
  color: var(--color-white-00);
}

.directional-nav ul {
    display: flex;
    margin: 0;
    padding: 0;
    list-style-type: none;
  }

.directional-nav__item {
  position: relative;
  flex: 0 1 50%;
}

.directional-nav__item--previous {
  justify-self: flex-start;
}

.directional-nav__item--previous .directional-nav__item-link {
    justify-content: flex-start;
  }

.directional-nav__item--next {
  margin-left: auto;
}

.directional-nav__item--next .directional-nav__item-link {
    text-align: right;
    justify-content: flex-end;
  }

.directional-nav__item--next .directional-nav__item-wrapper {
    justify-content: flex-end;
  }

.directional-nav__item-link {
  position: relative;
  display: flex;
  height: 100%;
  color: #fff;
  color: var(--color-white-00);
  text-decoration: none;
}

.directional-nav__item-link:hover {
    color: #fff;
    color: var(--color-white-00);
  }

.directional-nav__item-link:hover .directional-nav__item-title {
      text-decoration: underline;
    }

.directional-nav__item-link:focus {
    color: #fff;
    color: var(--color-white-00);
  }

.directional-nav__item-link:focus .directional-nav__item-title {
      text-decoration: underline;
    }

/* Use focus style, minus inset */

.directional-nav__item-link:focus {
    box-shadow: 0 0 0.3125rem 0.0625rem #4868a8 !important;
    box-shadow: 0 0 0.3125rem 0.0625rem var(--color-blue-10) !important;
  }

.directional-nav__item-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 10.625rem;
  padding: 1rem;
  z-index: 1;
}

.directional-nav__chevron {
  display: none;
}

.directional-nav__chevron--previous {
  transform: rotate(180deg);
}

.directional-nav__chevron--next {
  order: 1;
}

.directional-nav__item-label {
  margin-bottom: 0.25rem;
}

.directional-nav__item-background {
  position: absolute;
  height: 100%;
  width: 100%;
  background-size: cover;
  background-position: center center;
  opacity: 0.4;
  z-index: 0;
}

/*
# User feedback
# This file contains lots of overrides to the base freeform form styles
# So please excuse the odd !important;
*/

.segment--black.component--user-feedback {
  --feedback-theme-colour: var(--color-black-00);
  --feedback-text-colour: var(--color-gold-10);
}

.segment--gold.component--user-feedback {
  --feedback-theme-colour: var(--color-gold-10);
  --feedback-text-colour: var(--color-black-00);
}

.user-feedback__content {
  grid-column: full;
  text-align: center;
  background-color: undefined;
  background-color: var(--feedback-theme-colour);
  color: undefined;
  color: var(--feedback-text-colour);
  padding: 2rem;
  border-top: undefined;
  border-top: 0.3125rem solid var(--feedback-text-colour);
}

.user-feedback__content .user-feedback__title {
    margin-bottom: 1rem;
    margin-top: 0;
  }

.user-feedback__content .user-feedback__description {
    margin-bottom: 1.5rem;
  }

.user-feedback__content .button {
    display: block;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    padding: 0.375rem 0.75rem;
    color: undefined;
    color: var(--feedback-text-colour);
    background: none !important;
    border: undefined;
    border: 0.0625rem solid var(--feedback-text-colour);
    border-radius: 0;
    cursor: pointer;
    font-weight: 600;
    font-size: 1rem;
  }

.user-feedback__content .button:hover {
      color: undefined;
      color: var(--feedback-text-colour);
      text-decoration: none;
      border-color: undefined;
      border-color: var(--feedback-text-colour);
    }

.user-feedback__content .button:focus {
      color: undefined;
      color: var(--feedback-text-colour);
      text-decoration: none;
      border-color: undefined;
      border-color: var(--feedback-text-colour);
    }

.user-feedback__content .button:disabled {
      color: undefined;
      color: var(--feedback-text-colour);
      text-decoration: none;
      border-color: undefined;
      border-color: var(--feedback-text-colour);
    }

.user-feedback__content .button::before {
      border-color: undefined !important;
      border-color: transparent transparent var(--feedback-text-colour)
        var(--feedback-text-colour) !important;
    }

.user-feedback__content .freeform-row textarea.user-feedback__input {
    border: undefined;
    border: 0.0625rem solid var(--feedback-text-colour);
    border-radius: 0;
    padding: 0.75rem;
    width: 100%;
    background: transparent !important;
    color: undefined;
    color: var(--feedback-text-colour);
  }

.user-feedback__content .freeform-col-12 {
    padding: 0 !important;
  }

.user-feedback__content .freeform-form-success {
    background-color: transparent;
    border-radius: 0;
    border: 0.125rem solid #395284;
    border: 0.125rem solid var(--color-blue-00);
  }

.user-feedback__content .freeform-form-success p {
      color: undefined !important;
      color: var(--feedback-text-colour) !important;
    }

.freeform-row .freeform-column .freeform-errors > li {
  color: #0d0d0d !important;
  color: var(--color-black-00) !important;
}

.user-feedback__title-container {
  grid-column: 1 / span 4;
  color: white;
}

.freeform-form [data-freeform-controls] {
  justify-content: center;
}

.freeform-form [data-freeform-controls] button {
    margin: 0 !important;
    background-color: undefined !important;
    background-color: var(--feedback-theme-colour) !important;
    color: undefined;
    color: var(--feedback-text-colour);
    border: undefined;
    border: 0.0625rem solid var(--feedback-text-colour);
  }

@media (prefers-reduced-motion: no-preference){.storiiies-viewer__info-area{transition:undefined;transition:opacity var(--storiiies-viewer-transition-speed) ease-in-out,translate var(--storiiies-viewer-transition-speed) ease-in-out}.storiiies-viewer__info-area--hidden{transition:undefined;transition:opacity var(--storiiies-viewer-transition-speed) ease-in-out,translate var(--storiiies-viewer-transition-speed) ease-in-out}.storiiies-viewer__osd-container{transition:undefined;transition:block-size var(--storiiies-viewer-transition-speed) ease-in-out}.storiiies-viewer__info-toggle{transition:undefined;transition:inset-block-end var(--storiiies-viewer-transition-speed) ease-in-out}}

@media screen and (min-width: 40em) {
  .component__text {
    padding-left: 0;
    padding-right: 0;
  }

  .component__text--left,
  .component__text--right {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
  }

    .component__text--left .wrapper, .component__text--right .wrapper {
      max-height: 43.5rem;
    }

  .component__text--left-1-2 {
    grid-column: left-content;
    padding-right: 1rem;
    padding-left: 2rem;
  }

  .component__text--right-1-2 {
    grid-column: right-content;
    padding-left: 1rem;
    padding-right: 2rem;
  }

  .component__text--left-1-3 {
    grid-column: left-content;
    padding-left: 2rem;
    padding-right: 1rem;
  }

  .component__text--right-1-3 {
    grid-column: right-content;
    padding-right: 2rem;
    padding-left: 1rem;
  }

  .component__media--full {
    max-height: none;
  }

  .component__media--left {
    margin-right: -0.875rem;
  }

  .component__media--right {
    margin-left: -0.875rem;
  }

  .component__media--left-1-2 {
    grid-column: left-content;
  }

  .component__media--right-1-2 {
    grid-column: right-content;
  }

  .component__media--left-2-3 {
    grid-column: left-content;
  }

  .component__media--right-2-3 {
    grid-column: right-content;
  }
  .core {
    padding-left: 2rem;
    padding-left: var(--grid-12-margin);
    padding-right: 2rem;
    padding-right: var(--grid-12-margin);
  }
  .grid {
    grid-template-columns: [full-start left-content-start] repeat(1, 1fr) [central-1-start central-1-left-content-start central-1-left-content-1-start] repeat(1, 1fr) [central-2-start] repeat(1, 1fr) [central-3-start] repeat(2, 1fr) [central-1-left-content-1-end] repeat(1, 1fr) [central-1-right-content-start left-content-end central-1-left-content-end right-content-start] repeat(1, 1fr) [central-1-right-content-1-start] repeat(2, 1fr) [central-3-end] repeat(1, 1fr) [central-2-end] repeat(1, 1fr) [central-1-end central-1-right-content-end central-1-right-content-1-end] repeat(1, 1fr) [full-end right-content-end];
    grid-template-columns: var(--grid-12-cols);
    grid-column-gap: 1.75rem;
    grid-column-gap: var(--grid-12-gap);
  }

    .grid > .central-content {
      grid-column: central-2;
    }
      .component--image-left .component__text .wrapper, .component--image-right .component__text .wrapper {
        /* account for segment padding */
        max-height: 43.5rem;
      }
      .component--image-left.component--image--fit .component__media {
        padding-left: 2rem;
      }
      .component--image-right.component--image--fit .component__media {
        padding-right: 2rem;
      }
  .image-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    grid-column-gap: 0;
  }
    .image-grid--2 .image-grid__cell {
      flex: 0 1 calc((100% - 1.75rem) / 2);
    }

      .image-grid--2 .image-grid__cell:nth-child(2n + 2) {
        margin-left: 1.75rem;
      }
    .image-grid--3 .image-grid__cell {
      flex: 0 1 calc((100% - (1.75rem * 2)) / 3);
    }

      .image-grid--3 .image-grid__cell:nth-child(3n + 2) {
        margin-left: 1.75rem;
        margin-right: 1.75rem;
      }
  .directional-nav__item-wrapper {
    padding: 1.5rem;
  }

  .directional-nav__chevron {
    display: block;
    flex: 0 0 auto;
    width: 1.25rem;
    height: 1.25rem;
    fill: currentColor;
  }

  .directional-nav__chevron--previous {
    margin-right: 1rem;
  }

  .directional-nav__chevron--next {
    margin-left: 1rem;
  }
}

@media screen and (min-width: 48em) {
  .bp-max-medium {
    display: none;
  }
    .component__text--left .wrapper, .component__text--right .wrapper {
      max-height: 39.5rem;
    }

  .component__text--left-1-3 {
    grid-column: central-1-left-content-1;
    padding-left: 0;
    padding-right: 0;
  }

  .component__text--right-1-3 {
    grid-column: central-1-right-content-1;
    padding-right: 0;
    padding-left: 0;
  }
  .core--sm {
    max-width: none;
    padding: 0;
  }
  .core--md {
    width: 100%;
    max-width: 90rem;
    margin: 0 auto;
    padding-left: 2rem;
    padding-left: var(--grid-12-margin);
    padding-right: 2rem;
    padding-right: var(--grid-12-margin);
  }
  .footer {
    font-size: 0.875rem;
  }

  .footer__nav,
  .footer__copy {
    grid-column: 1 / span 8;
  }
    .footer__nav ul {
      -moz-columns: 2;
           columns: 2;
    }

  .footer__logos {
    grid-column: 9 / span 4;
    width: auto;
  }

  .footer__actions {
    grid-column: 9 / span 4;
  }
  .segment:not(.segment--flush) {
    padding-bottom: 4rem;
  }

  .segment:not(.segment--flush, .segment--flush-top) {
    padding-top: 4rem;
  }
    .js .modal-wrapper {
      padding: 2rem;
      padding: var(--grid-12-margin);
      padding-top: 3.25rem;
    }

    .js .modal-content {
      padding: 2rem;
    }
  .exhibition-banner {
    padding: 2rem 0;
    padding: var(--grid-12-margin) 0;
  }

    .exhibition-banner .core {
      display: flex;
      flex-wrap: wrap;
      align-items: flex-end;
    }

    .exhibition-banner h1 {
      flex: 0 1 auto;
      margin-right: 2rem;
      margin-right: var(--grid-12-margin);
    }

    .exhibition-banner h2 {
      flex: 1 0 auto;
      margin-bottom: 0.25rem;
    }
  .page-intro__title {
    padding: 2rem 0;
  }

    .page-intro__title h1 {
      grid-column: 1 / span 8;
    }
    .page-intro__image-wrapper .page-intro__title {
      padding: 1.5rem 0;
    }

  .page-intro__search-wrapper {
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
  }

  .page-intro__pre-search-filter {
    flex: 1 1 auto;
    margin-bottom: 0;
    margin-right: 2rem;
  }
  .page-intro__search-controls {
    flex-basis: 18.625rem;
  }
  .exhibition-nav--child {
    align-items: flex-start;
  }

    .exhibition-nav--child .exhibition-nav__list {
      justify-content: flex-start;
      margin-left: -0.875rem;
    }

    .exhibition-nav--child .exhibition-nav-item {
      flex: 0 1 13.25rem;
      margin-left: 0.875rem;
    }
    .exhibition-nav--parent .exhibition-nav__list {
      /* spread extra width of margins */
      width: calc(100% + 1.75rem);
      margin-left: -0.875rem;
      margin-right: -0.875rem;
    }

    .exhibition-nav--parent .exhibition-nav-item {
      flex: 0 1 20.1875rem;
      margin-left: 0.875rem;
      margin-right: 0.875rem;
    }

    .exhibition-nav--parent .exhibition-nav-item__image {
      padding-bottom: 69%;
    }
      .component--image-left .component__text .wrapper, .component--image-right .component__text .wrapper {
        /* account for segment padding */
        max-height: 39.5rem;
      }
  .image-grid-intro {
    grid-column: 1 / span 7;
  }
    .image-grid-modal .modal-content {
      overflow: visible;
    }

  .image-grid__lockup {
    grid-template-rows: minmax(0, 1fr);
    overflow: visible;
  }

    .image-grid__lockup picture,
    .image-grid__lockup figcaption {
      max-height: none;
    }

    .image-grid__lockup picture {
      grid-column: right-content;
    }

    .image-grid__lockup img {
      width: 100%;
      height: auto;
      margin: 0;
    }

    .image-grid__lockup figcaption {
      grid-column: left-content;
      padding: 0;
    }

      .image-grid__lockup figcaption .wrapper {
        height: 100%;
        padding: 0 0.75rem 0 0;
        overflow: auto;
      }
  .highlights {
    display: contents;
  }

    .highlights + .highlights {
      margin-top: 0;
    }

  .highlights__cards {
    display: contents;
  }

  .highlights__header {
    flex-wrap: nowrap;
  }
  .card + .card {
    margin: 0;
  }
    .cards--large .card + .card {
      margin-top: 4rem;
    }
    .component--storiiies-full .component__media {
      padding-top: 4rem;
    }
    .component--carousel::before {
      background-image: undefined;
      background-image: var(--bg-url-m);
    }

  .carousel-wrapper {
    padding-left: 3.75rem;
    padding-right: 3.75rem;
  }

  .carousel__slides {
    align-items: center;
  }

  /* Having auto template rows here caused bug in Chrome - see commit message */
  .carousel__slide {
    grid-template-rows: 33.75rem;
    padding-bottom: 0;
  }

  .carousel__slide--title {
    grid-template-rows: auto;
  }

    .carousel__slide--title .carousel__text {
      grid-column: central-2;
    }

  .carousel__text,
  .carousel__image {
    max-height: 33.75rem;
  }

  .carousel__text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    grid-column: left-content;
    margin: 0;
    padding: 0;
  }

  .carousel__image {
    grid-column: right-content;
  }
  .metadata--full {
    display: grid;
    grid-template-columns: minmax(-webkit-min-content, 1fr) 2fr;
    grid-template-columns: minmax(min-content, 1fr) 2fr;
    width: calc(100% + 4rem);
    margin: 1.125rem -2rem -2rem;
  }

    .metadata--full table,
    .metadata--full tbody,
    .metadata--full thead,
    .metadata--full tr,
    .metadata--full th,
    .metadata--full td {
      display: contents;
    }

    .metadata--full .metadata__caption {
      padding: 0 2rem;
    }
        .metadata--full .metadata__group .metadata__field-row td,
        .metadata--full .metadata__group .metadata__field-row th {
          padding-top: 0.5rem;
        }
          .metadata--full .metadata__group .metadata__field-row:last-child th,
          .metadata--full .metadata__group .metadata__field-row:last-child td {
            padding-bottom: 0.5rem;
            border-bottom-width: 0.0625rem;
          }
      .metadata--full .metadata__field-row td,
      .metadata--full .metadata__field-row th {
        display: block;
        padding-top: 0.5rem;
      }

      .metadata--full .metadata__field-row th {
        padding-left: 2rem;
        border-bottom-width: 0.0625rem;
      }

      .metadata--full .metadata__field-row td {
        padding-right: 2rem;
      }

      .metadata--full .metadata__field-row th + td {
        padding-left: 0.5rem;
      }

    .metadata--full caption:only-child {
      padding-bottom: 2rem;
    }
      .metadata--full tbody > tr:last-child th,
      .metadata--full tbody > tr:last-child td,
      .metadata--full .metadata__group-row:last-child .metadata__field-row:last-child th,
      .metadata--full .metadata__group-row:last-child .metadata__field-row:last-child td {
        padding-bottom: 2rem;
      }
  .sponsor-heading {
    margin-bottom: 4rem;
  }
}

@media screen and (min-width: 75em) {
  .component__text {
    padding-left: 0;
    padding-right: 0;
  }

  .component__text--right-1-2 {
    grid-column: central-1-right-content-1;
    padding-right: 0;
    padding-left: 0;
  }

  .component__text--left-1-2 {
    grid-column: central-1-left-content-1;
    padding-right: 0;
    padding-left: 0;
  }

  .component__text--left-1-3 {
    grid-column: 2 / span 3;
    padding-left: 2rem;
  }

  .component__text--right-1-3 {
    grid-column: 9 / span 3;
    padding-right: 2rem;
  }

  .component__media--left-2-3 {
    grid-column: 1 / span 7;
  }

  .component__media--right-2-3 {
    grid-column: 6 / span 7;
  }
    .grid > .central-content {
      grid-column: central-3;
    }
  .footer {
    font-size: 1rem;
  }
      .component--image-left.component--image--fit .component__media {
        grid-column: central-1-left-content;
        padding-left: 0;
      }
      .component--image-right.component--image--fit .component__media {
        grid-column: central-1-right-content;
        padding-right: 0;
      }
  .image-grid-intro {
    grid-column: 2 / span 7;
  }

  .image-grid {
    grid-column: central-1;
  }
    .component--embed-left .component__media--embed, .component--embed-right .component__media--embed {
      padding: 4rem;
    }
    .component--video-left .component__media--video, .component--video-right .component__media--video {
      padding: 4rem;
    }
    .directional-nav__item--previous .directional-nav__item-background + .directional-nav__item-wrapper {
      background-image: linear-gradient(
        to right,
        #0d0d0d calc(100% - 5.625rem),
        transparent 100%
      );
      background-image: linear-gradient(
        to right,
        var(--color-black-00) calc(100% - 5.625rem),
        transparent 100%
      );
    }
    .directional-nav__item--previous .directional-nav__item-background {
      right: 0;
    }
    .directional-nav__item--next .directional-nav__item-background + .directional-nav__item-wrapper {
      background-image: linear-gradient(
        to left,
        #0d0d0d calc(100% - 5.625rem),
        transparent 100%
      );
      background-image: linear-gradient(
        to left,
        var(--color-black-00) calc(100% - 5.625rem),
        transparent 100%
      );
    }
    .directional-nav__item--next .directional-nav__item-background {
      left: 0;
    }

  .directional-nav__item-background {
    opacity: 0.85;
    max-width: 31.25rem;
  }

  .directional-nav__item-wrapper {
    position: relative;
    display: flex;
    flex: 0 1 clamp(25rem, 100%, calc(100% - 20.625rem));
  }
  .user-feedback__content {
    grid-column: 4 / span 6;
  }
}

@media screen and (min-width: 68.75em) {
}

@media screen and (min-width: 60em) {
    .component--carousel::before {
      background-image: undefined;
      background-image: var(--bg-url-l);
    }

  .carousel-wrapper {
    display: block;
  }

  .carousel-stacked-wrapper {
    display: none;
  }
}

@media screen and (min-width: 87.5em) {
    .component--carousel::before {
      background-image: undefined;
      background-image: var(--bg-url-l);
    }
}

@media screen and (min-width: 27.5em) {
    .related-card--full .related-card__link-br {
      display: none;
    }
}

@media screen and (min-width: 52.5em) {
    .related-card--full .related-card__body {
      justify-content: space-between;
    }
    .related-card--full .related-card__text {
      flex: 0 0 23.4375rem;
    }
    .related-card--full .related-card__image {
      display: block;
      flex: 0 1 15.625rem;
    }
}

@media screen and (min-width: 56.25em) {
    .related-card--side .related-card__link-br {
      display: none;
    }
}

@media screen and (min-width: 92.5em) {
    .related-card--side .related-card__body {
      flex-direction: row;
      justify-content: space-between;
    }
    .related-card--side .related-card__text {
      flex: 0 0 21.375rem;
    }
    .related-card--side .related-card__image {
      display: block;
      flex: 0 2 15.625rem;
    }
    .related-card--side .related-card__link-br {
      display: inline;
    }
}