/**
 * Calculate initial vh percentage from number
 * @param  {number} $number The percentage number
 * @return {number} in vh
 */
/**
 * Calculate grid space
 * @param  {number} $number The percentage spacer
 * @return {number} in calc
 */
/**
 * Remove the unit of a length
 * @param {Number} $number - Number to remove unit from
 * @return {Number} - Unitless number
 */
/**
 * Responsive font size
 * @param {Number} $min-size - Minimum font size in pixel
 * @param {Number} $max-size - Maximum font size in pixel
 * @param {Number} $breakpoint - The breakpoint
 * @return {Number} - Clamped font size based on breakpoint
 */
@font-face {
  font-family: 'AeonikPro-Regular';
  src: url("/_ext/s3-us-west-1.amazonaws.com/media-us-westslateappcom/kode/production/clips/0b91fd52-8eeb-4057-863b-c04875c825e9/aeonikpro-regular.woff") format("woff"), url("/_ext/s3-us-west-1.amazonaws.com/media-us-westslateappcom/kode/production/clips/9ac23d27-6306-407d-ba03-771d5d63696f/aeonikpro-regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

:root {
  --color-text: #000000;
  --color-background: #ffffff;
  --color-primary: #FF4C00;
  --color-gray: #B4B4B4;
  --color-light: #ffffff;
  --color-dark: #000000;
  --font-size-h1: clamp(50px, calc(100/1440 * 100vw), 100px);
  --font-size-h2: clamp(32px, calc(80/1600 * 100vw), 80px);
  --font-size-h3: clamp(26px, calc(64/1600 * 100vw), 64px);
  --font-size-h4: clamp(32px, calc(48/1600 * 100vw), 48px);
  --font-size-h5: clamp(20px, calc(34/1600 * 100vw), 34px);
  --font-size-h6: clamp(18px, calc(22/1600 * 100vw), 22px);
  --font-size-body-large: 1.125rem;
  --font-size-body-regular: 1rem;
  --font-size-label-xlarge: 1.25rem;
  --font-size-label-large: 1.125rem;
  --font-size-label-regular: 1rem;
  --font-size-label-small: 0.875rem;
  --font-size-label-xsmall: 0.8125rem;
  --grid-cols: 5;
  --grid-gutter: 1.25rem;
  --grid-gutter-half: calc(0.5 * var(--grid-gutter));
}

@media (max-width: 999px) {
  :root {
    --font-size-body-regular: 1.375rem;
  }
}

/*! 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: 1px 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: -2px;
  /* 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;
}

button,
.c-button {
  display: inline-block;
  overflow: visible;
  margin: 0;
  padding: 0;
  outline: 0;
  border: 0;
  background: none transparent;
  color: inherit;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  text-transform: none;
  font: inherit;
  line-height: normal;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

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

input,
select,
textarea {
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
  outline: 0;
  border: 0;
  border-radius: 0;
  background: none transparent;
  color: inherit;
  font: inherit;
  line-height: normal;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

select {
  text-transform: none;
}

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

select::-ms-value {
  background: none;
  color: inherit;
}

textarea {
  overflow: auto;
  resize: vertical;
}

html {
  box-sizing: border-box;
}

template,
[hidden] {
  display: none;
}

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

address {
  font-style: inherit;
}

dfn,
cite,
em,
i {
  font-style: italic;
}

b,
strong {
  font-weight: 700;
}

a {
  text-decoration: none;
}

a svg {
  pointer-events: none;
}

ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

p,
figure {
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
}

a, area, button, input, label, select, textarea, [tabindex] {
  touch-action: manipulation;
}

[hreflang] > abbr[title] {
  text-decoration: none;
}

table {
  border-spacing: 0;
  border-collapse: collapse;
}

hr {
  display: block;
  margin: 1em 0;
  padding: 0;
  height: 1px;
  border: 0;
  border-top: 1px solid #CCCCCC;
}

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

img,
svg {
  max-width: 100%;
  height: auto;
}

img[width], img[height],
svg[width],
svg[height] {
  max-width: none;
}

img {
  font-style: italic;
}

svg {
  fill: currentColor;
}

/*! PhotoSwipe main CSS by Dmytro Semenov | photoswipe.com */
.pswp {
  --pswp-bg: #000;
  --pswp-placeholder-bg: #222;
  --pswp-root-z-index: 100000;
  --pswp-preloader-color: rgba(79, 79, 79, 0.4);
  --pswp-preloader-color-secondary: rgba(255, 255, 255, 0.9);
  /* defined via js:
  --pswp-transition-duration: 333ms; */
  --pswp-icon-color: #fff;
  --pswp-icon-color-secondary: #4f4f4f;
  --pswp-icon-stroke-color: #4f4f4f;
  --pswp-icon-stroke-width: 2px;
  --pswp-error-text-color: var(--pswp-icon-color);
}

/*
	Styles for basic PhotoSwipe (pswp) functionality (sliding area, open/close transitions)
*/
.pswp {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: var(--pswp-root-z-index);
  display: none;
  touch-action: none;
  outline: 0;
  opacity: 0.003;
  contain: layout style size;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* Prevents focus outline on the root element,
  (it may be focused initially) */
.pswp:focus {
  outline: 0;
}

.pswp * {
  box-sizing: border-box;
}

.pswp img {
  max-width: none;
}

.pswp--open {
  display: block;
}

.pswp,
.pswp__bg {
  transform: translateZ(0);
  will-change: opacity;
}

.pswp__bg {
  opacity: 0.005;
  background: var(--pswp-bg);
}

.pswp,
.pswp__scroll-wrap {
  overflow: hidden;
}

.pswp__scroll-wrap,
.pswp__bg,
.pswp__container,
.pswp__item,
.pswp__content,
.pswp__img,
.pswp__zoom-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.pswp__img,
.pswp__zoom-wrap {
  width: auto;
  height: auto;
}

.pswp--click-to-zoom.pswp--zoom-allowed .pswp__img {
  cursor: zoom-in;
}

.pswp--click-to-zoom.pswp--zoomed-in .pswp__img {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.pswp--click-to-zoom.pswp--zoomed-in .pswp__img:active {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

/* :active to override grabbing cursor */
.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img,
.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img:active,
.pswp__img {
  cursor: zoom-out;
}

/* Prevent selection and tap highlights */
.pswp__container,
.pswp__img,
.pswp__button,
.pswp__counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.pswp__item {
  /* z-index for fade transition */
  z-index: 1;
  overflow: hidden;
}

.pswp__hidden {
  display: none !important;
}

/* Allow to click through pswp__content element, but not its children */
.pswp__content {
  pointer-events: none;
}

.pswp__content > * {
  pointer-events: auto;
}

/*

  PhotoSwipe UI

*/
/*
	Error message appears when image is not loaded
	(JS option errorMsg controls markup)
*/
.pswp__error-msg-container {
  display: grid;
}

.pswp__error-msg {
  margin: auto;
  font-size: 1em;
  line-height: 1;
  color: var(--pswp-error-text-color);
}

/*
class pswp__hide-on-close is applied to elements that
should hide (for example fade out) when PhotoSwipe is closed
and show (for example fade in) when PhotoSwipe is opened
 */
.pswp .pswp__hide-on-close {
  opacity: 0.005;
  will-change: opacity;
  transition: opacity var(--pswp-transition-duration) cubic-bezier(0.4, 0, 0.22, 1);
  z-index: 10;
  /* always overlap slide content */
  pointer-events: none;
  /* hidden elements should not be clickable */
}

/* class pswp--ui-visible is added when opening or closing transition starts */
.pswp--ui-visible .pswp__hide-on-close {
  opacity: 1;
  pointer-events: auto;
}

/* <button> styles, including css reset */
.pswp__button {
  position: relative;
  display: block;
  width: 50px;
  height: 60px;
  padding: 0;
  margin: 0;
  overflow: hidden;
  cursor: pointer;
  background: none;
  border: 0;
  box-shadow: none;
  opacity: 0.85;
  -webkit-appearance: none;
  -webkit-touch-callout: none;
}

.pswp__button:hover,
.pswp__button:active,
.pswp__button:focus {
  transition: none;
  padding: 0;
  background: none;
  border: 0;
  box-shadow: none;
  opacity: 1;
}

.pswp__button:disabled {
  opacity: 0.3;
  cursor: auto;
}

.pswp__icn {
  fill: var(--pswp-icon-color);
  color: var(--pswp-icon-color-secondary);
}

.pswp__icn {
  position: absolute;
  top: 14px;
  left: 9px;
  width: 32px;
  height: 32px;
  overflow: hidden;
  pointer-events: none;
}

.pswp__icn-shadow {
  stroke: var(--pswp-icon-stroke-color);
  stroke-width: var(--pswp-icon-stroke-width);
  fill: none;
}

.pswp__icn:focus {
  outline: 0;
}

/*
	div element that matches size of large image,
	large image loads on top of it,
	used when msrc is not provided
*/
div.pswp__img--placeholder,
.pswp__img--with-bg {
  background: var(--pswp-placeholder-bg);
}

.pswp__top-bar {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 60px;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  z-index: 10;
  /* allow events to pass through top bar itself */
  pointer-events: none !important;
}

.pswp__top-bar > * {
  pointer-events: auto;
  /* this makes transition significantly more smooth,
     even though inner elements are not animated */
  will-change: opacity;
}

/*

  Close button

*/
.pswp__button--close {
  margin-right: 6px;
}

/*

  Arrow buttons

*/
.pswp__button--arrow {
  position: absolute;
  top: 0;
  width: 75px;
  height: 100px;
  top: 50%;
  margin-top: -50px;
}

.pswp__button--arrow:disabled {
  display: none;
  cursor: default;
}

.pswp__button--arrow .pswp__icn {
  top: 50%;
  margin-top: -30px;
  width: 60px;
  height: 60px;
  background: none;
  border-radius: 0;
}

.pswp--one-slide .pswp__button--arrow {
  display: none;
}

/* hide arrows on touch screens */
.pswp--touch .pswp__button--arrow {
  visibility: hidden;
}

/* show arrows only after mouse was used */
.pswp--has_mouse .pswp__button--arrow {
  visibility: visible;
}

.pswp__button--arrow--prev {
  right: auto;
  left: 0px;
}

.pswp__button--arrow--next {
  right: 0px;
}

.pswp__button--arrow--next .pswp__icn {
  left: auto;
  right: 14px;
  /* flip horizontally */
  transform: scale(-1, 1);
}

/*

  Zoom button

*/
.pswp__button--zoom {
  display: none;
}

.pswp--zoom-allowed .pswp__button--zoom {
  display: block;
}

/* "+" => "-" */
.pswp--zoomed-in .pswp__zoom-icn-bar-v {
  display: none;
}

/*

  Loading indicator

*/
.pswp__preloader {
  position: relative;
  overflow: hidden;
  width: 50px;
  height: 60px;
  margin-right: auto;
}

.pswp__preloader .pswp__icn {
  opacity: 0;
  transition: opacity 0.2s linear;
  -webkit-animation: pswp-clockwise 600ms linear infinite;
          animation: pswp-clockwise 600ms linear infinite;
}

.pswp__preloader--active .pswp__icn {
  opacity: 0.85;
}

@-webkit-keyframes pswp-clockwise {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes pswp-clockwise {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/*

  "1 of 10" counter

*/
.pswp__counter {
  height: 30px;
  margin-top: 15px;
  -webkit-margin-start: 20px;
          margin-inline-start: 20px;
  font-size: 14px;
  line-height: 30px;
  color: var(--pswp-icon-color);
  text-shadow: 1px 1px 3px var(--pswp-icon-color-secondary);
  opacity: 0.85;
}

.pswp--one-slide .pswp__counter {
  display: none;
}

.pswp {
  --pswp-bg: #ffffff;
  z-index: 100;
  color: #000000;
}

.pswp__top-bar {
  flex-direction: row;
  align-items: center;
  height: 100%;
  padding-right: var(--grid-gutter);
  padding-left: var(--grid-gutter);
}

.pswp__preloader {
  order: 2;
}

.pswp__button {
  margin: 0;
  opacity: 1;
}

.pswp__button svg {
  display: none;
}

.pswp__button--zoom {
  display: none !important;
}

.pswp__button--close {
  order: 1;
}

.pswp__button--close:before {
  content: "Close";
}

.pswp__button--close, .pswp__button--arrow {
  width: auto;
  height: 1em;
}

.pswp__button--close:before, .pswp__button--arrow:before {
  display: block;
  text-transform: uppercase;
}

.pswp__button--arrow {
  top: auto;
  bottom: var(--grid-gutter);
  overflow: visible;
}

.pswp__button--arrow:after {
  content: "";
  position: absolute;
  top: 0;
  display: block;
  width: calc(max(1px, 0.08em));
  height: .9em;
  background-color: currentColor;
  pointer-events: none;
  transform: skewX(-18deg) translate(133%, 0);
}

.pswp__button--arrow--prev {
  right: calc(50% + 1em);
  left: auto;
}

.pswp__button--arrow--prev:before {
  content: "Prev";
}

.pswp__button--arrow--prev:after {
  left: calc(100% + 1em + 1px);
}

.pswp__button--arrow--next {
  right: auto;
  left: calc(50% + 1em);
}

.pswp__button--arrow--next:before {
  content: "Next";
}

.pswp__button--arrow--next:after {
  right: calc(100% + 1em + 1px);
}

.pswp__counter {
  order: 3;
  height: 1em;
  margin: 0;
  color: inherit;
  text-shadow: none;
}

.pswp__img {
  cursor: pointer;
  -o-object-fit: contain;
     object-fit: contain;
}

html {
  min-height: 100%;
  line-height: 1.25;
  font-family: "AeonikPro-Regular", -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
  line-height: 1.25;
  color: var(--color-text);
  background-color: var(--color-background);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@media (max-width: 699px) {
  html {
    font-size: 16px;
  }
}

@media (min-width: 700px) and (max-width: 999px) {
  html {
    font-size: 16px;
  }
}

@media (min-width: 1000px) and (max-width: 1199px) {
  html {
    font-size: 16px;
  }
}

@media (min-width: 1200px) and (max-width: 1599px) {
  html {
    font-size: 16px;
  }
}

@media (min-width: 1600px) and (max-width: 1999px) {
  html {
    font-size: 17px;
  }
}

@media (min-width: 2000px) and (max-width: 2399px) {
  html {
    font-size: 18px;
  }
}

@media (min-width: 2400px) {
  html {
    font-size: 18px;
  }
}

html.is-loading {
  cursor: wait;
}

html.has-scroll-dragging {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

html.has-scroll-smooth {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}

body {
  -ms-scroll-chaining: none;
      overscroll-behavior: none;
}

.has-scroll-smooth body {
  overflow: hidden;
}

::-moz-selection {
  background-color: #FF4C00;
  color: #000000;
  text-shadow: none;
}

::selection {
  background-color: #FF4C00;
  color: #000000;
  text-shadow: none;
}

a {
  color: inherit;
}

.o-container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 1.25rem;
  padding-left: 1.25rem;
}

.o-credits-list {
  margin-top: 0;
  margin-bottom: 0;
  font-size: var(--font-size-label-large);
  text-transform: uppercase;
}

@media (max-width: 699px) {
  .o-credits-list {
    font-size: 14px;
  }
}

.o-credits-list .o-list {
  color: inherit;
}

.o-credits-list_row {
  display: grid;
  grid-column-gap: var(--grid-gutter);
  grid-template-columns: calc(0.33333 * 100% - (1 - 0.33333) * var(--grid-gutter) + 0 * var(--grid-gutter)) calc(0.66667 * 100% - (1 - 0.66667) * var(--grid-gutter) + 0 * var(--grid-gutter));
  padding-bottom: var(--grid-gutter);
}

.o-credits-list_row:not(:first-child) {
  padding-top: var(--grid-gutter);
  border-top: 1px solid #B4B4B4;
}

.o-credits-list_label {
  color: #B4B4B4;
}

.o-credits-list_desc {
  margin-left: 0;
}

/**
*```html
* <div class="o-grid -col-4 -col-12@from-medium -gutters">
*     <div class="o-grid_item u-gc-1/2 u-gc-3/9@from-medium">
*           <p>Hello</p>
*     </div>
*     <div class="o-grid_item u-gc-3/4 u-gc-9/13@from-medium">
*           <p>Hello</p>
*     </div>
* </div>
* ```
**/
.o-grid {
  display: grid;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}

.o-grid.-col-5 {
  grid-template-columns: repeat(5, 1fr);
}

@media (min-width: 1000px) {
  .o-grid.-col-5\@from-medium {
    grid-template-columns: repeat(5, 1fr);
  }
}

.o-grid.-gutters {
  gap: var(--grid-gutter);
  -moz-column-gap: var(--grid-gutter);
       column-gap: var(--grid-gutter);
}

.o-grid.-gutters-y {
  gap: var(--grid-gutter);
}

.o-grid.-gutters-x {
  -moz-column-gap: var(--grid-gutter);
       column-gap: var(--grid-gutter);
}

.o-grid.-full-height {
  height: 100%;
}

.o-grid.-top-items {
  align-items: start;
}

.o-grid.-right-items {
  justify-items: end;
}

.o-grid.-bottom-items {
  align-items: end;
}

.o-grid.-left-items {
  justify-items: start;
}

.o-grid.-center-items {
  align-items: center;
  justify-items: center;
}

.o-grid.-center-items-x {
  justify-items: center;
}

.o-grid.-center-items-y {
  align-items: center;
}

.o-grid.-stretch-items {
  align-items: stretch;
  justify-items: stretch;
}

.o-grid.-top-cells {
  align-content: start;
}

.o-grid.-right-cells {
  justify-content: end;
}

.o-grid.-bottom-cells {
  align-content: end;
}

.o-grid.-left-cells {
  justify-content: start;
}

.o-grid.-center-cells {
  align-content: center;
  justify-content: center;
}

.o-grid.-center-cells-x {
  justify-content: center;
}

.o-grid.-center-cells-y {
  align-content: center;
}

.o-grid.-stretch-cells {
  align-content: stretch;
  justify-content: stretch;
}

.o-grid.-space-around-cells {
  align-content: space-around;
  justify-content: space-around;
}

.o-grid.-space-around-cells-x {
  justify-content: space-around;
}

.o-grid.-space-around-cells-y {
  align-content: space-around;
}

.o-grid.-space-between-cells {
  justify-content: space-between;
  align-content: space-between;
}

.o-grid.-space-between-cells-x {
  justify-content: space-between;
}

.o-grid.-space-between-cells-y {
  align-content: space-between;
}

.o-grid.-space-evenly-cells {
  justify-content: space-evenly;
  align-content: space-evenly;
}

.o-grid.-space-evenly-cells-x {
  justify-content: space-evenly;
}

.o-grid.-space-evenly-cells-y {
  align-content: space-evenly;
}

.o-grid_item {
  grid-column: 1 / -1;
}

.o-grid_item.-align-end {
  align-self: end;
}

@media (min-width: 700px) {
  .o-grid_item.-default-row\@from-small {
    grid-row: 1;
  }
}

.o-icon {
  display: inline-block;
  vertical-align: middle;
}

.o-icon svg {
  --icon-height: calc(var(--icon-width) * (1 / (var(--icon-ratio))));
  display: block;
  width: var(--icon-width);
  height: var(--icon-height);
  fill: currentColor;
}

.svg-logo {
  --icon-width: 3.5rem;
  --icon-ratio: 288/92;
}

.svg-logo-icon {
  --icon-width: 5.625rem;
  --icon-ratio: 30/49;
}

.o-indicators {
  position: relative;
  top: -.05em;
  display: inline-block;
  vertical-align: middle;
  width: .55em;
  height: .9em;
  margin-right: 1.875rem;
}

.c-thumb .o-indicators {
  margin-right: 0.625rem;
}

@media (min-width: 500px) {
  .c-thumb .o-indicators {
    top: 0.05em;
  }
}

.o-indicators.-absolute {
  left: -.55em;
  width: 0;
  margin-right: 0;
}

.o-indicators span {
  position: absolute;
  top: 0;
  display: block;
  width: calc(max(1px, 0.08em));
  height: 100%;
  transform: skewX(-18deg) translate(133%, 0);
}

.o-indicators span:after, .o-indicators span:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.o-indicators span:before {
  transform-origin: 50% 100%;
  background-color: currentColor;
}

.o-indicators span:after {
  background-color: #FF4C00;
  transform: scale(1, 0);
  transform-origin: 50% 0;
}

.o-indicators span:nth-child(1) {
  left: 0;
  transform: skewX(-18deg) translate(150%, 0);
}

.o-indicators span:nth-child(1):before {
  transition-delay: .1s;
}

.o-indicators span:nth-child(2) {
  right: 0;
  transform: skewX(-18deg) translate(-150%, 0);
}

.o-indicators span:nth-child(2):before {
  transition-delay: .2s;
}

.o-indicators span:nth-child(2):after {
  transition-delay: .1s;
}

.o-loader {
  z-index: 1000;
  position: fixed;
  top: 0;
  left: 200vw;
  width: 100%;
  height: 100%;
  color: #ffffff;
  background-color: #FF4C00;
  transform-origin: 50% 0;
  transform: scale3d(0, 1, 1);
  transform-origin: 100% 50%;
  transition: left 0s 0.5s, transform 0.5s cubic-bezier(0.38, 0.005, 0.215, 1);
  will-change: transform;
  opacity: 0.99;
}

html.is-loading:not(.is-light) .o-loader {
  left: 0;
  transform: scale3d(1, 1, 1);
  transform-origin: 0 50%;
  transition: transform 0.5s cubic-bezier(0.38, 0.005, 0.215, 1);
}

html.-firstload .o-loader {
  background-color: #000000;
  transform-origin: 50% 0;
  transition: left 0s 1s, transform 1s cubic-bezier(0.3, 0, 0, 1);
}

html.-firstload:not(.is-loading) .o-loader {
  transform: scale3d(1, 0, 1);
}

.o-loader_logo {
  position: relative;
  width: calc(100vw - 2 * var(--grid-gutter));
  height: calc(92/288 * (100vw - 2 * var(--grid-gutter)));
  margin-top: var(--grid-gutter);
  margin-right: auto;
  margin-left: auto;
}

.o-loader_logo svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.o-loader_logo g {
  opacity: 0;
  -webkit-animation-name: anin-loader-logo;
          animation-name: anin-loader-logo;
  -webkit-animation-duration: 0.15s;
          animation-duration: 0.15s;
}

.o-loader_logo g:nth-child(1), .o-loader_logo g:nth-child(4), .o-loader_logo g:nth-child(5), .o-loader_logo g:nth-child(6), .o-loader_logo g:nth-child(8) {
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

.o-loader_logo g:nth-child(1) {
  -webkit-animation-delay: 0.15s;
          animation-delay: 0.15s;
}

.o-loader_logo g:nth-child(2) {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}

.o-loader_logo g:nth-child(3) {
  -webkit-animation-delay: 0.45s;
          animation-delay: 0.45s;
}

.o-loader_logo g:nth-child(4) {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}

.o-loader_logo g:nth-child(5) {
  -webkit-animation-delay: 0.75s;
          animation-delay: 0.75s;
}

.o-loader_logo g:nth-child(6) {
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
}

.o-loader_logo g:nth-child(7) {
  -webkit-animation-delay: 1.05s;
          animation-delay: 1.05s;
}

.o-loader_logo g:nth-child(8) {
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
}

html:not(.is-loading) .o-loader_logo,
html:not(.-firstload) .o-loader_logo {
  display: none;
}

.o-loader_spinner {
  z-index: 1;
  position: absolute;
  right: 1.25rem;
  opacity: 0;
  transition: opacity 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
  bottom: 1.25rem;
}

html.is-loading .o-loader_spinner {
  opacity: 1;
  transition: opacity 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
}

html:not(.-firstload) .o-loader_spinner {
  display: none;
}

.o-loader-light {
  z-index: 1000;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  opacity: 0;
  visibility: hidden;
}

html.is-loaded .o-loader-light,
html:not(.-firstload) .o-loader-light {
  transition: opacity 0.3s cubic-bezier(0.38, 0.005, 0.215, 1), visibility 0.3s cubic-bezier(0.38, 0.005, 0.215, 1);
}

html.is-loading.is-light .o-loader-light {
  opacity: 1;
  visibility: visible;
}

@-webkit-keyframes anin-loader-logo {
  0% {
    opacity: 0;
  }
  0.01% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

@keyframes anin-loader-logo {
  0% {
    opacity: 0;
  }
  0.01% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

.o-link, .o-wysiwyg a {
  display: inline-block;
  color: currentColor;
  transition: color 0.45s cubic-bezier(0.38, 0.005, 0.215, 1);
}

.o-link.-underline, .o-wysiwyg a.-underline {
  text-decoration: underline;
}

.o-link:hover, .o-wysiwyg a:hover {
  color: var(--color-primary);
}

.o-link.-orange, .o-wysiwyg a.-orange {
  color: var(--color-primary);
}

.o-link.-orange:hover, .o-wysiwyg a.-orange:hover {
  text-decoration: underline;
}

.o-list {
  z-index: 5;
  color: #B4B4B4;
}

.o-list.-inline {
  color: #000000;
}

@media (min-width: 500px) {
  .o-list.-inline {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    overflow: hidden;
  }
}

.o-list_item.is-current {
  color: #000000;
}

.c-listing .o-list_item.is-current {
  color: #ffffff;
}

.o-list.-inline .o-list_item.is-current {
  color: #B4B4B4;
}

.o-list.c-works_categories .o-list_item {
  color: #B4B4B4;
}

.o-list.c-works_categories .o-list_item.is-current {
  color: #000000;
}

@media (min-width: 500px) {
  .o-list.-inline .o-list_item {
    margin-left: -4em;
    padding-right: 4em;
  }
  .o-list.-inline .o-list_item:before {
    content: "//";
    display: inline-block;
    width: 4em;
    text-align: center;
  }
  .o-list.c-works_categories .o-list_item:before {
    color: #B4B4B4;
  }
}

@media (min-width: 700px) {
  .o-nav {
    color: #ffffff;
    mix-blend-mode: difference;
  }
}

.o-nav_bg {
  position: fixed;
  top: 0;
  left: 200vw;
  width: 100%;
  height: 100%;
  cursor: pointer;
  background-color: #000000;
  opacity: 0.2;
}

html.has-menu-open .o-nav_bg {
  left: 0;
}

@media (min-width: 700px) {
  .o-nav_bg {
    display: none;
    visibility: hidden;
  }
}

@media (max-width: 699px) {
  .o-nav_inner {
    position: fixed;
    top: 0;
    right: -200vw;
    width: 100%;
    padding-top: 5rem;
    padding-bottom: 1.875rem;
    color: #000000;
    background: #ffffff;
    transform: translate(0, -100%);
    transition: transform 0.45s cubic-bezier(0.38, 0.005, 0.215, 1), right 0s 0.45s;
    will-change: transform;
  }
  html.has-menu-open .o-nav_inner {
    right: 0;
    transform: translate(0);
    transition: transform 0.45s cubic-bezier(0.38, 0.005, 0.215, 1);
  }
}

.o-nav_list {
  display: flex;
  margin-left: -0.625rem;
  text-transform: uppercase;
}

@media (max-width: 699px) {
  .o-nav_list {
    flex-direction: column;
    opacity: 0;
    transition: opacity 0.3s cubic-bezier(0.38, 0.005, 0.215, 1);
  }
  html.has-menu-open .o-nav_list {
    opacity: 1;
    transition: opacity 0.45s cubic-bezier(0.38, 0.005, 0.215, 1) 0.3s;
  }
}

@media (max-width: 699px) {
  .o-nav_item {
    padding-right: var(--grid-gutter);
    padding-left: var(--grid-gutter);
  }
}

@media (min-width: 700px) and (max-width: 999px) {
  .o-nav_item:not(:first-child) {
    margin-left: 1rem;
  }
}

@media (min-width: 1000px) {
  .o-nav_item:not(:first-child) {
    margin-left: 1.5rem;
  }
}

.o-nav_link {
  display: block;
}

@media (max-width: 699px) {
  .o-nav_label {
    font-size: 2rem;
  }
}

@media (min-width: 700px) {
  .o-nav_label {
    font-size: 1.125rem;
  }
}

.o-spinner {
  display: block;
  width: 1.25rem;
  height: 1.25rem;
  border: 2px solid transparent;
  border-top-color: currentColor;
  border-right-color: currentColor;
  border-radius: 50%;
  -webkit-animation: loaderSpinner 0.3s linear infinite;
          animation: loaderSpinner 0.3s linear infinite;
}

@-webkit-keyframes loaderSpinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes loaderSpinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.o-svg-underline {
  z-index: 500;
  position: fixed;
  pointer-events: none;
}

.o-svg-underline svg {
  pointer-events: none;
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 10px;
  stroke: currentColor;
}

.o-svg-underline path {
  stroke-dasharray: calc(var(--stroke-length) * 1px);
  stroke-dashoffset: calc(var(--stroke-length) * 1px);
  -webkit-animation: anim-svg-underline-leave 0.45s cubic-bezier(0.38, 0.005, 0.215, 1);
          animation: anim-svg-underline-leave 0.45s cubic-bezier(0.38, 0.005, 0.215, 1);
  stroke: #FF4C00;
}

.o-svg-underline.is-active path {
  -webkit-animation: anim-svg-underline-enter 0.45s cubic-bezier(0.38, 0.005, 0.215, 1);
          animation: anim-svg-underline-enter 0.45s cubic-bezier(0.38, 0.005, 0.215, 1);
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

@-webkit-keyframes anim-svg-underline-enter {
  0% {
    stroke-dashoffset: calc(var(--stroke-length) * 1px * 3);
  }
  100% {
    stroke-dashoffset: calc((var(--stroke-length) * 1px) * 2);
  }
}

@keyframes anim-svg-underline-enter {
  0% {
    stroke-dashoffset: calc(var(--stroke-length) * 1px * 3);
  }
  100% {
    stroke-dashoffset: calc((var(--stroke-length) * 1px) * 2);
  }
}

@-webkit-keyframes anim-svg-underline-leave {
  0% {
    stroke-dashoffset: calc(var(--stroke-length) * 1px * 2);
  }
  100% {
    stroke-dashoffset: calc(var(--stroke-length) * 1px * 1);
  }
}

@keyframes anim-svg-underline-leave {
  0% {
    stroke-dashoffset: calc(var(--stroke-length) * 1px * 2);
  }
  100% {
    stroke-dashoffset: calc(var(--stroke-length) * 1px * 1);
  }
}

.o-svg-draw {
  z-index: 5;
  position: relative;
  pointer-events: none;
}

.o-svg-draw svg {
  pointer-events: none;
  position: absolute;
  bottom: 0%;
  left: 0;
  width: 100%;
  stroke: currentColor;
  fill: none;
}

.o-svg-draw path {
  stroke-dasharray: calc(var(--stroke-length) * 1px);
  stroke-dashoffset: calc(var(--stroke-length) * 1px);
  -webkit-animation: anim-svg-draw-leave 1.2s cubic-bezier(0.38, 0.005, 0.215, 1);
          animation: anim-svg-draw-leave 1.2s cubic-bezier(0.38, 0.005, 0.215, 1);
  stroke: #FF4C00;
  stroke-width: 2px;
}

.o-svg-draw.is-active path {
  -webkit-animation: anim-svg-draw-enter 1.2s cubic-bezier(0.38, 0.005, 0.215, 1);
          animation: anim-svg-draw-enter 1.2s cubic-bezier(0.38, 0.005, 0.215, 1);
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

.o-svg-draw.-line-1 svg {
  max-width: none;
  left: -20%;
  width: 140%;
  bottom: -105%;
}

@media (max-width: 699px) {
  .o-svg-draw.-line-1 svg {
    max-width: none;
    left: -10%;
    width: 120%;
    bottom: -105%;
  }
}

.o-svg-draw.-line-2 svg {
  max-width: none;
  width: 130%;
  left: -10%;
  bottom: -50%;
}

.o-svg-draw.-line-3 svg {
  max-width: none;
  width: 130%;
  left: -20%;
  bottom: -20%;
}

@-webkit-keyframes anim-svg-draw-enter {
  0% {
    stroke-dashoffset: calc(var(--stroke-length) * 1px * 3);
  }
  100% {
    stroke-dashoffset: calc((var(--stroke-length) * 1px) * 2);
  }
}

@keyframes anim-svg-draw-enter {
  0% {
    stroke-dashoffset: calc(var(--stroke-length) * 1px * 3);
  }
  100% {
    stroke-dashoffset: calc((var(--stroke-length) * 1px) * 2);
  }
}

@-webkit-keyframes anim-svg-draw-leave {
  0% {
    stroke-dashoffset: calc(var(--stroke-length) * 1px * 2);
  }
  100% {
    stroke-dashoffset: calc(var(--stroke-length) * 1px * 1);
  }
}

@keyframes anim-svg-draw-leave {
  0% {
    stroke-dashoffset: calc(var(--stroke-length) * 1px * 2);
  }
  100% {
    stroke-dashoffset: calc(var(--stroke-length) * 1px * 1);
  }
}

/*===============================
=            Wysiwyg            =
===============================*/
.o-wysiwyg > :first-child {
  margin-top: 0;
}

.o-wysiwyg > :last-child {
  margin-bottom: 0;
}

.o-wysiwyg h1,
.o-wysiwyg h2,
.o-wysiwyg h3,
.o-wysiwyg h4,
.o-wysiwyg h5,
.o-wysiwyg h6 {
  margin: 1.414em 0 0.5em;
  line-height: inherit;
  font-weight: inherit;
}

.o-wysiwyg p,
.o-wysiwyg ul,
.o-wysiwyg ol,
.o-wysiwyg img,
.o-wysiwyg blockquote {
  margin-bottom: 1.25em;
}

.o-wysiwyg > a + * {
  margin-top: 1.25em;
}

.o-wysiwyg ul,
.o-wysiwyg ol {
  margin-top: 1.25em;
  padding-left: 1em;
}

.o-wysiwyg ul {
  list-style: disc;
}

.o-wysiwyg ol {
  list-style: decimal;
}

.o-wysiwyg.-manifesto {
  text-transform: uppercase;
  max-width: 600px;
}

.o-wysiwyg.-no-max-width {
  max-width: none;
}

@media (min-width: 700px) {
  .o-wysiwyg.-large {
    font-size: 1.375rem;
  }
}

.c-figure {
  position: relative;
  width: 100%;
}

.c-figure.-cover, .c-figure.-contain {
  height: 0;
  padding-top: calc(var(--figure-ratio, 1) * 100%);
}

.c-figure_inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.c-figure.-lazy-load .c-figure_inner {
  background-color: var(--color-gray);
}

.c-figure.-no-bg .c-figure_inner {
  background: transparent;
}

.c-figure.-cover .c-figure_inner,
.c-figure.-contain .c-figure_inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.c-figure_image {
  width: 100%;
}

.c-figure.-cover .c-figure_image,
.c-figure.-contain .c-figure_image {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}

.c-figure.-cover .c-figure_image {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
}

.c-figure.-contain .c-figure_image {
  -o-object-fit: contain;
     object-fit: contain;
}

.c-figure.-lazy-load .c-figure_image {
  opacity: 0;
  transform: scale3d(1.1, 1.1, 1.1);
  transition: opacity 0.6s cubic-bezier(0.38, 0.005, 0.215, 1), transform 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
}

html.is-ready .c-figure.-lazy-load .c-figure_image.-lazy-loaded,
html.is-ready .c-figure.-lazy-load .c-figure_image.swiper-lazy-loaded {
  opacity: 1;
  transform: scale3d(1, 1, 1);
}

.c-heading {
  font-family: "AeonikPro-Regular", -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
}

.c-heading.-h1 {
  line-height: .8;
  font-size: var(--font-size, var(--font-size-h1));
  font-weight: 400;
  text-transform: uppercase;
}

.c-heading.-h2 {
  line-height: .8;
  font-size: var(--font-size, var(--font-size-h2));
  font-weight: 400;
  text-transform: uppercase;
}

.c-heading.-h3, .o-wysiwyg h1 {
  line-height: .8;
  font-size: var(--font-size, var(--font-size-h3));
  font-weight: 400;
  text-transform: uppercase;
}

.c-heading.-h4, .o-wysiwyg h2 {
  line-height: .8;
  font-size: var(--font-size, var(--font-size-h4));
  font-weight: 400;
  text-transform: uppercase;
}

.c-heading.-h5, .o-wysiwyg h3 {
  line-height: .8;
  font-size: var(--font-size, var(--font-size-h5));
  font-weight: 400;
  text-transform: uppercase;
}

.c-heading.-h6, .o-wysiwyg h4, .o-wysiwyg h5, .o-wysiwyg h6 {
  font-size: var(--font-size, var(--font-size-h6));
  font-weight: 700;
}

.c-heading.-sub {
  font-size: var(--font-size, var(--font-size-h6));
  font-weight: 700;
  font-weight: 400;
  text-transform: uppercase;
}

.c-heading.-indent {
  text-indent: .8em;
}

.c-heading.-indent-double {
  text-indent: 1.3em;
}

.c-heading.-indent-large {
  text-indent: 1.75em;
}

.c-heading strong {
  font-weight: inherit;
  color: #FF4C00;
}

.c-form_item {
  position: relative;
  margin-top: 0.625rem;
}

.c-form_item.-no-margin {
  margin-top: 0;
}

.c-form_label {
  display: block;
  margin-bottom: 0.625rem;
}

.c-form_input {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  color: currentColor;
}

.c-form_input.-inline {
  display: inline-block;
}

.c-form_input::-moz-placeholder {
  color: rgba(0, 0, 0, 0.5);
}

.c-form_input:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.5);
}

.c-form_input::placeholder {
  color: rgba(0, 0, 0, 0.5);
}

.c-footer.-dark .c-form_input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.c-footer.-dark .c-form_input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.c-footer.-dark .c-form_input::placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.c-form_input.-newsletter {
  width: 9em;
  font-size: 0.875rem;
}

.c-scrollbar {
  position: absolute;
  right: 0;
  top: 0;
  width: 11px;
  height: 100vh;
  transform-origin: center right;
  transition: transform 0.3s, opacity 0.3s;
  opacity: 0;
}

.c-scrollbar:hover {
  transform: scaleX(1.45);
}

.c-scrollbar:hover,
.has-scroll-scrolling .c-scrollbar,
.has-scroll-dragging .c-scrollbar {
  opacity: 1;
}

.c-scrollbar_thumb {
  position: absolute;
  top: 0;
  right: 0;
  background-color: var(--color-text);
  opacity: 0.5;
  width: 7px;
  border-radius: 10px;
  margin: 2px;
  cursor: -webkit-grab;
  cursor: grab;
}

.has-scroll-dragging .c-scrollbar_thumb {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.c-header_logo,
.c-header_toggler,
.c-header_navigation {
  z-index: 200;
  position: fixed;
  top: var(--grid-gutter);
}

.c-header_logo {
  z-index: 200;
  left: var(--grid-gutter);
  display: block;
  color: #ffffff;
  mix-blend-mode: difference;
  transform-origin: 0 0;
  will-change: transform;
}

.c-header_logo.-big .svg-logo {
  --icon-width: calc(2/5 * 100vw - 1.5 * var(--grid-gutter));
}

.c-header_logo.-home .svg-logo {
  --icon-width: calc(2.5/5 * 100vw - 6 * var(--grid-gutter));
}

.c-header_navigation {
  right: var(--grid-gutter);
}

.c-header_toggler {
  right: var(--grid-gutter);
  color: #ffffff;
  mix-blend-mode: difference;
  overflow: hidden;
}

@media (min-width: 700px) {
  .c-header_toggler {
    display: none;
    visibility: hidden;
  }
}

.c-header_open,
.c-header_close {
  display: block;
  transition: transform 0.45s cubic-bezier(0.38, 0.005, 0.215, 1);
}

.c-header_open {
  position: absolute;
  top: 0;
  right: 0;
}

html.has-menu-open .c-header_open {
  transform: translate(0, 100%);
}

html:not(.has-menu-open) .c-header_close {
  transform: translate(0, -100%);
}

body:has(#immersive-iframe) {
  overflow: hidden;
}

body:has(#immersive-iframe) .c-header_logo,
body:has(#immersive-iframe) .o-nav,
body:has(#immersive-iframe) .c-header_toggler {
  mix-blend-mode: unset;
}

body:has(#immersive-iframe) .o-svg-underline path {
  stroke: white;
}

.c-footer {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.c-footer_inner {
  display: grid;
  grid-gap: var(--grid-gutter);
}

@media (max-width: 699px) {
  .c-footer_inner {
    grid-template-columns: 3fr 2fr;
  }
}

@media (min-width: 700px) {
  .c-footer_inner {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

.c-footer_nav.-secondary {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
}

@media (min-width: 700px) {
  .c-footer_nav.-primary {
    grid-column-start: 3;
  }
}

.c-footer_nav_list li + li {
  margin-top: .4em;
}

@media (max-width: 699px) {
  .c-footer_newsletter {
    grid-column: 1/3;
    margin-top: 2.8125rem;
  }
}

@media (max-width: 699px) {
  .c-footer_logo {
    grid-column: 1/3;
    margin-top: 3.75rem;
  }
}

@media (max-width: 699px) {
  .c-footer_copy {
    grid-column: 1/3;
    font-size: 14px !important;
  }
}

@media (min-width: 700px) {
  .c-footer_copy {
    grid-column: 3/5;
    align-self: flex-end;
  }
}

@media (max-width: 699px) {
  .c-footer_credit {
    grid-column: 1/3;
    font-size: 10px !important;
  }
}

@media (min-width: 700px) {
  .c-footer_credit {
    grid-column: 5/6;
    text-align: left;
    align-self: flex-end;
  }
}

.c-hero-video {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  background-color: #000000;
}

.c-hero-video_inner {
  width: 100%;
}

.c-hero-video_background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

@media (max-width: 999px) {
  .c-hero-video_background {
    height: calc(100 * var(--vh, 1vh));
  }
}

@media (min-width: 1000px) {
  .c-hero-video_background {
    height: calc(200 * var(--vh, 1vh));
  }
}

html.has-scroll-smooth .c-hero-video_sticky-area {
  position: absolute;
  inset: 0;
}

html:not(.has-scroll-smooth) .c-hero-video_sticky-area {
  display: none;
}

.c-hero-video_sticky {
  width: 100%;
  height: calc(100 * var(--vh, 1vh));
  overflow: hidden;
}

html:not(.has-scroll-smooth) .c-hero-video_sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.c-hero-video_visual {
  width: 100%;
  height: 100%;
}

.c-hero-video_media {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.c-hero-video_container {
  position: relative;
  display: flex;
  width: 100%;
  position: relative;
  min-height: calc(100 * var(--vh, 1vh));
  padding: var(--grid-gutter);
}

@media (max-width: 999px) {
  .c-hero-video_container {
    justify-content: flex-end;
    flex-direction: column;
  }
}

@media (min-width: 1000px) {
  .c-hero-video_container {
    align-items: center;
    margin-top: calc(100 * var(--vh, 1vh));
  }
}

.c-hero-video_grid {
  display: grid;
  grid-column-gap: var(--grid-gutter);
}

@media (max-width: 499px) {
  .c-hero-video_grid {
    grid-template-columns: 100%;
  }
}

@media (min-width: 500px) and (max-width: 999px) {
  .c-hero-video_grid {
    grid-template-columns: 100%;
  }
}

@media (min-width: 1000px) {
  .c-hero-video_grid {
    grid-template-columns: calc(0.8 * 100% - (1 - 0.8) * var(--grid-gutter) + 0 * var(--grid-gutter)) calc(0.2 * 100% - (1 - 0.2) * var(--grid-gutter) + 0 * var(--grid-gutter));
  }
}

.c-hero-video_title {
  max-width: 69.625rem;
}

@media (max-width: 499px) {
  .c-hero-video_title {
    font-size: 55px !important;
  }
}

.c-hero-video_copy {
  text-align: right;
}

.c-hero-video_top {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

@media (max-width: 999px) {
  .c-hero-video_top {
    padding-bottom: var(--grid-gutter);
  }
}

@media (min-width: 1000px) {
  .c-hero-video_top {
    position: absolute;
    right: 0;
    bottom: 100%;
    width: calc(0.4 * 100% - (1 - 0.4) * var(--grid-gutter) + 1 * var(--grid-gutter));
    padding: var(--grid-gutter);
  }
}

.c-section {
  --color-text:       #000000;
  --color-background: #ffffff;
  padding: var(--grid-gutter);
  color: var(--color-text);
  background-color: var(--color-background);
}

.c-section.-dark {
  --color-text:       #ffffff;
  --color-background: #000000;
}

.c-section.-dark + .c-section.-dark {
  margin-top: -1px;
}

.c-section.-hero {
  padding-top: 6.25rem;
}

.c-section.-border-top {
  border-top: 1px solid currentColor;
}

.c-section_title {
  margin-bottom: var(--grid-gutter);
}

@media (min-width: 500px) {
  .c-section_content {
    padding-right: calc(1/6 * 100%);
  }
}

.c-section_button {
  margin-top: calc(2 * var(--grid-gutter));
}

.c-section_separator {
  margin: 0;
  padding-top: calc(2 * var(--grid-gutter));
  padding-bottom: var(--grid-gutter);
  border: 0;
}

.c-section_separator:before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: var(--color-text);
}

.c-section_separator:first-child {
  padding-top: 0;
}

.c-section_separator:last-child {
  padding-bottom: 0;
}

.c-section_separator.-full-width {
  position: relative;
  left: calc(50% - 50vw);
  width: 100vw;
}

.c-slider.-news {
  display: grid;
  grid-gap: var(--grid-gutter);
}

@media (max-width: 999px) {
  .c-slider.-news {
    grid-template-areas: "title" "nav" "inner";
  }
}

@media (min-width: 1000px) {
  .c-slider.-news {
    grid-template-columns: 4fr 1fr;
    grid-template-areas: "title title" "inner nav" "inner thumbs";
  }
}

.c-slider.-news .c-slider_title {
  grid-area: title;
}

.c-slider_inner {
  position: relative;
  overflow: hidden;
}

.c-slider.-news .c-slider_inner {
  grid-area: inner;
}

.c-slider_slide {
  position: relative;
  opacity: 0;
  transition: opacity 0.9s cubic-bezier(0.38, 0.005, 0.215, 1);
}

.c-slider_slide:not(:first-child) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.c-slider_slide .c-figure {
  background-color: #FF4C00;
  overflow: hidden;
}

.c-slider_slide .c-figure_inner {
  transform: scale(1.1);
  transition: transform 0.9s cubic-bezier(0.38, 0.005, 0.215, 1);
}

.c-slider_slide.is-active {
  z-index: 1;
  opacity: 1;
  transition: opacity 0.9s cubic-bezier(0.38, 0.005, 0.215, 1) 0.3s;
}

.c-slider_slide.is-active .c-figure_inner {
  transform: scale(1);
  transition: transform 0.9s cubic-bezier(0.38, 0.005, 0.215, 1) 0.3s;
}

@media (min-width: 700px) {
  .c-slider.-news .c-slider_slide {
    display: grid;
    grid-gap: var(--grid-gutter);
    grid-template-columns: 3fr 2fr;
  }
}

.c-slider.-news .c-slider_content {
  display: flex;
  flex-direction: column;
}

.c-slider.-news .c-slider_content .c-button {
  margin-top: auto;
}

@media (max-width: 699px) {
  .c-slider.-news .c-slider_content {
    padding-top: var(--grid-gutter);
    padding-bottom: var(--grid-gutter);
  }
  .c-slider.-news .c-slider_content .c-button {
    margin-top: var(--grid-gutter);
  }
}

.c-slider_nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.c-slider.-news .c-slider_nav {
  grid-area: nav;
  align-self: start;
}

.c-slider_scroller {
  grid-area: thumbs;
  align-self: end;
  overflow-x: auto;
  cursor: pointer;
}

.c-slider.is-dragging .c-slider_scroller {
  cursor: -webkit-grab;
  cursor: grab;
}

@media (max-width: 999px) {
  .c-slider.-news .c-slider_scroller {
    display: none;
    visibility: hidden;
  }
}

@media (min-width: 1000px) {
  .c-slider_scroller {
    margin-right: calc(-1 * var(--grid-gutter));
  }
}

.c-slider.-thumbs .c-slider_thumbs {
  z-index: 5;
  position: absolute;
  right: 0;
  bottom: 0;
  display: grid;
  grid-column-gap: var(--grid-gutter);
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.c-slider.-news .c-slider_thumbs {
  position: relative;
}

@media (min-width: 700px) and (max-width: 999px) {
  .c-slider.-thumbs .c-slider_thumbs {
    width: calc(0.8 * 100% - (1 - 0.8) * var(--grid-gutter) + 0 * var(--grid-gutter));
  }
}

@media (min-width: 1000px) {
  .c-slider.-thumbs .c-slider_thumbs {
    width: calc(0.6 * 100% - (1 - 0.6) * var(--grid-gutter) + 0 * var(--grid-gutter));
  }
  .c-slider.-news .c-slider_thumbs {
    display: flex;
  }
}

.c-slider.-thumbs .c-slider_thumb {
  position: relative;
}

.c-slider.-thumbs .c-slider_thumb:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #ffffff;
  mix-blend-mode: difference;
  opacity: 0;
  transition: opacity 0.45s cubic-bezier(0.38, 0.005, 0.215, 1);
}

.c-slider.-thumbs .c-slider_thumb .c-figure_inner {
  transition: opacity 0.45s cubic-bezier(0.38, 0.005, 0.215, 1);
}

.c-slider.-thumbs .c-slider_thumb.is-active {
  pointer-events: none;
}

.c-slider.-thumbs .c-slider_thumb.is-active:before {
  opacity: 1;
}

.c-slider.-thumbs .c-slider_thumb.is-active .c-figure_inner {
  opacity: 0;
}

.c-slider.-news .c-slider_thumb {
  flex-shrink: 0;
  width: 75%;
  margin-right: var(--grid-gutter);
}

.c-slider_thumb.is-active {
  pointer-events: none;
}

.c-slider_button.is-disabled {
  pointer-events: none;
  opacity: .5;
}

.c-gallery {
  display: grid;
  grid-gap: var(--grid-gutter);
}

@media (min-width: 700px) {
  .c-gallery {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 699px) {
  .c-gallery {
    margin-left: calc(var(--grid-gutter) * -1);
    margin-right: calc(var(--grid-gutter) * -1);
  }
}

.c-gallery_item {
  --figure-ratio: 3/4;
  max-height: 100vh;
}

.c-gallery_item .c-figure {
  height: 100%;
}

.c-gallery_item .c-figure .c-figure_inner {
  height: 100%;
}

.c-gallery_item .c-figure .c-figure_inner .c-figure_image {
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

@media (min-width: 700px) {
  .c-gallery_item:nth-child(7n+1), .c-gallery_item:nth-child(7n+4), .c-gallery_item:nth-child(7n+5) {
    --figure-ratio: 1/2;
    grid-column: 1/3;
  }
}

.c-listing_list {
  color: #B4B4B4;
}

.c-listing_list .c-listing_row {
  cursor: pointer;
  transition: color 0.3s cubic-bezier(0.38, 0.005, 0.215, 1);
}

.c-listing_list .c-listing_row:before {
  content: "";
  position: absolute;
  top: -2px;
  right: -2px;
  bottom: -2px;
  left: -2px;
  display: block;
  width: auto;
  height: auto;
  background-color: #FF4C00;
  transform: scale(1, 0);
  transform-origin: 50% 0;
  transition: transform 0.3s cubic-bezier(0.38, 0.005, 0.215, 1);
}

.c-listing_list .c-listing_row > * {
  z-index: 1;
}

.c-listing_list .c-listing_row > *:last-child {
  text-align: right;
}

.c-listing_list .c-listing_row:hover, .c-listing_list .c-listing_row.is-active {
  color: #ffffff;
}

.c-listing_list .c-listing_row:hover:before, .c-listing_list .c-listing_row.is-active:before {
  transform: scale(1);
  transform-origin: 50% 100%;
}

.c-listing_item:not(:first-child) {
  margin-top: var(--grid-gutter);
}

.c-listing_row {
  z-index: 1;
  position: relative;
  display: grid;
  grid-column-gap: var(--grid-gutter);
  width: 100%;
  mix-blend-mode: difference;
}

.c-listing_row.-head {
  height: calc(1em + calc(7 * var(--vh, 1vh)));
}

.c-listing.-archive .c-listing_row {
  grid-template-columns: calc(0.3 * 100% - (1 - 0.3) * var(--grid-gutter) + 0 * var(--grid-gutter)) calc(0.4 * 100% - (1 - 0.4) * var(--grid-gutter) + 0 * var(--grid-gutter)) calc(0.2 * 100% - (1 - 0.2) * var(--grid-gutter) + 0 * var(--grid-gutter)) calc(0.1 * 100% - (1 - 0.1) * var(--grid-gutter) + 0 * var(--grid-gutter));
}

.c-listing.-careers .c-listing_row {
  grid-template-columns: calc(0.4 * 100% - (1 - 0.4) * var(--grid-gutter) + 0 * var(--grid-gutter)) calc(0.3 * 100% - (1 - 0.3) * var(--grid-gutter) + 0 * var(--grid-gutter)) calc(0.3 * 100% - (1 - 0.3) * var(--grid-gutter) + 0 * var(--grid-gutter));
}

.c-listing.-careers .c-listing_row.-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

@media (max-width: 699px) {
  .c-listing.-careers .c-listing_row {
    display: flex;
    justify-content: space-between;
  }
  .c-listing.-careers .c-listing_row > *:last-child {
    display: none;
  }
}

.c-thumb {
  position: relative;
  display: block;
  cursor: pointer;
}

a.c-thumb:hover .c-thumb_image,
a.c-thumb:hover .c-thumb_figure {
  transform: scale(1.05);
}

.c-thumb.is-waiting {
  cursor: wait;
}

.c-thumb_image,
.c-thumb_figure {
  opacity: 0;
  transform: scale(1);
  transition: transform 0.3s cubic-bezier(0.38, 0.005, 0.215, 1), opacity 0.3s cubic-bezier(0.38, 0.005, 0.215, 1);
}

.c-thumb_image.-lazy-loaded, .c-thumb_image:not(.-lazy-load),
.c-thumb_figure.-lazy-loaded,
.c-thumb_figure:not(.-lazy-load) {
  z-index: 1;
  opacity: 1;
}

.c-thumb.is-playing .c-thumb_image.-lazy-loaded, .c-thumb.is-playing
.c-thumb_figure.-lazy-loaded {
  opacity: 0;
  transform: scale(1.05);
}

.c-thumb_visual {
  position: relative;
  overflow: hidden;
  display: block;
}

.c-thumb_video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transform: scale(1.05);
  transition: transform 0.3s cubic-bezier(0.38, 0.005, 0.215, 1), opacity 0.3s cubic-bezier(0.38, 0.005, 0.215, 1);
}

.c-thumb.is-playing .c-thumb_video {
  transform: scale(1);
}

.c-thumb_content {
  padding-top: 0.625rem;
  padding-bottom: 1.25rem;
}

.c-thumb_grid {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
}

.c-thumb_title.-flex {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  -moz-column-gap: var(--grid-gutter);
       column-gap: var(--grid-gutter);
  width: 100%;
}

.c-thumb_desc {
  width: 100%;
}

.c-thumb.-small .c-text, .c-thumb.-small .pswp__button--close:before, .c-thumb.-small .pswp__button--arrow:before, .c-thumb.-small .pswp__counter,
.c-thumb.-small .c-button {
  --font-size-label-regular: 14px;
}

.c-text, .pswp__button--close:before, .pswp__button--arrow:before, .pswp__counter {
  font-family: "AeonikPro-Regular", -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
  font-weight: 400;
}

.c-text.-body, .-body.pswp__button--close:before, .-body.pswp__button--arrow:before, .-body.pswp__counter {
  font-size: var(--font-size-body-regular);
  line-height: 1.1;
}

.c-text.-body-large, .-body-large.pswp__button--close:before, .-body-large.pswp__button--arrow:before, .-body-large.pswp__counter {
  font-size: var(--font-size-body-large);
  line-height: 1.1;
}

.c-text.-label-xlarge, .-label-xlarge.pswp__button--close:before, .-label-xlarge.pswp__button--arrow:before, .-label-xlarge.pswp__counter {
  font-size: var(--font-size-label-xlarge);
  line-height: 1;
}

@media (max-width: 699px) {
  .c-text.-label-xlarge, .-label-xlarge.pswp__button--close:before, .-label-xlarge.pswp__button--arrow:before, .-label-xlarge.pswp__counter {
    font-size: 14px;
  }
}

.c-text.-label-large, .-label-large.pswp__button--close:before, .-label-large.pswp__button--arrow:before, .-label-large.pswp__counter {
  font-size: var(--font-size-label-large);
  line-height: 1;
}

.c-text.-label, .pswp__button--close:before, .pswp__button--arrow:before, .pswp__counter {
  font-size: var(--font-size-label-regular);
  line-height: 1;
}

@media (max-width: 699px) {
  .c-text.-label, .pswp__button--close:before, .pswp__button--arrow:before, .pswp__counter {
    font-size: 12px;
  }
}

.c-text.-label-small, .-label-small.pswp__button--close:before, .-label-small.pswp__button--arrow:before, .-label-small.pswp__counter {
  font-size: var(--font-size-label-small);
  line-height: 1;
}

@media (max-width: 699px) {
  .c-text.-label-small, .-label-small.pswp__button--close:before, .-label-small.pswp__button--arrow:before, .-label-small.pswp__counter {
    font-size: 14px;
  }
}

.c-text.-label-xsmall, .-label-xsmall.pswp__button--close:before, .-label-xsmall.pswp__button--arrow:before, .-label-xsmall.pswp__counter {
  font-size: var(--font-size-label-xsmall);
  line-height: 1;
}

.c-work-block {
  display: grid;
  grid-gap: calc(2 * var(--grid-gutter)) var(--grid-gutter);
}

@media (max-width: 699px) {
  .c-work-block {
    grid-template-areas: "title" "list" "button";
  }
}

@media (min-width: 700px) {
  .c-work-block {
    grid-template-columns: 4fr 2fr;
    grid-template-areas: "title button" "list  list";
  }
}

.c-work-block_title {
  grid-area: title;
}

@media (max-width: 699px) {
  .c-work-block_title {
    --font-size: 30vw;
  }
}

@media (min-width: 700px) and (max-width: 999px) {
  .c-work-block_title {
    --font-size: calc(1.5 * var(--font-size-h1));
  }
}

@media (min-width: 1000px) {
  .c-work-block_title {
    --font-size: calc(2 * var(--font-size-h1));
  }
}

.c-work-block_button {
  grid-area: button;
}

@media (min-width: 700px) {
  .c-work-block_button {
    justify-self: end;
  }
}

.c-work-block_list {
  grid-area: list;
}

@media (min-width: 700px) {
  .c-work-block_list {
    --work-block-unit: calc(1/10 * 100vw - 1/10 * var(--grid-gutter));
    --work-block-unit: calc(1/10 * 100%);
    display: flex;
    margin-right: calc(-0.5 * var(--grid-gutter));
    margin-left: calc(-0.5 * var(--grid-gutter));
  }
  .c-work-block_list:hover .c-work-block_item:not(:hover) .c-thumb_title {
    opacity: 0;
    transition: none;
  }
}

@media (max-width: 699px) {
  .c-work-block_item {
    --figure-ratio: 2/3;
  }
}

@media (min-width: 700px) {
  .c-work-block_item {
    width: calc(2 * var(--work-block-unit));
    transition: width 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
  }
  .c-work-block_item .c-thumb {
    padding-right: calc(0.5 * var(--grid-gutter));
    padding-left: calc(0.5 * var(--grid-gutter));
    padding-bottom: 6.25rem;
  }
  .c-work-block_item .c-thumb .c-figure {
    padding-top: calc(65 * var(--vh, 1vh));
  }
  .c-work-block_item .c-thumb .c-figure_inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-top: 0;
  }
  .c-work-block_item .c-thumb_content {
    position: absolute;
    bottom: 0;
    width: calc(100% - var(--grid-gutter));
    height: 6.25rem;
  }
  .c-work-block_item .c-thumb_title {
    transition: opacity 0.3s cubic-bezier(0.38, 0.005, 0.215, 1) 0.3s;
  }
  .c-work-block_item .c-thumb_desc,
  .c-work-block_item .c-thumb_button {
    opacity: 0;
  }
  .c-work-block_item:hover {
    width: calc(10 * var(--work-block-unit));
  }
  .c-work-block_item:hover .c-thumb_title {
    transition: opacity 0.3s cubic-bezier(0.38, 0.005, 0.215, 1);
  }
  .c-work-block_item:hover .c-thumb_desc,
  .c-work-block_item:hover .c-thumb_button {
    opacity: 1;
    transition: opacity 0.3s cubic-bezier(0.38, 0.005, 0.215, 1) 0.3s;
  }
}

.c-location_address:before {
  content: "*";
  display: inline-block;
  margin-right: -.3em;
  color: #FF4C00;
}

.c-location_slide {
  display: flex;
  margin-top: var(--grid-gutter);
  margin-bottom: var(--grid-gutter);
  overflow: hidden;
  white-space: nowrap;
  margin-left: calc(var(--grid-gutter) * -1);
  margin-right: calc(var(--grid-gutter) * -1);
}

.c-location_big {
  --font-size: 30vw;
  -webkit-animation: railLocation 15s linear infinite;
          animation: railLocation 15s linear infinite;
  display: block;
  white-space: nowrap;
  padding-left: 8vw;
}

.c-location_desc {
  margin-bottom: calc(2 * var(--grid-gutter));
}

@-webkit-keyframes railLocation {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes railLocation {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-100%, 0, 0);
  }
}

.c-reel {
  position: relative;
}

.c-reel_toggler {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.c-reel_toggler:checked ~ .c-reel_visual {
  transform: scale(1);
}

.c-reel_toggler:checked ~ .c-reel_text {
  transform: scale(0.5);
}

.c-reel_visual {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: calc(9/16 * 100%);
  transform: scale(0.7);
  transform-origin: 0 0;
  transition: transform 0.3s cubic-bezier(0.38, 0.005, 0.215, 1);
  cursor: pointer;
}

.c-reel_media {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
}

.c-reel_text {
  --font-size: 9vw;
  position: absolute;
  bottom: 0;
  right: 0;
  text-align: right;
  transform: translate(0, -0.1em);
  transform-origin: 100% 100%;
  transition: transform 0.3s cubic-bezier(0.38, 0.005, 0.215, 1);
}

.c-reel_watch {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  mix-blend-mode: difference;
  z-index: 3;
  display: none;
  pointer-events: none;
}

.c-reel_visual:hover .c-reel_watch {
  display: flex;
}

@media (max-width: 999px) {
  .c-reel_watch {
    display: flex;
  }
}

.c-works.-profile-photo {
  max-width: 1280px;
  margin: 0 auto;
}

.c-works_nav {
  position: absolute;
  top: var(--grid-gutter);
  left: calc(0.2 * 100% - (1 - 0.2) * var(--grid-gutter) + 1 * var(--grid-gutter));
}

@media (max-width: 999px) {
  .c-works_nav {
    left: 108px;
  }
}

@media (min-width: 1000px) and (max-width: 1199px) {
  .c-works_nav {
    left: calc(0.15 * 100% - (1 - 0.15) * var(--grid-gutter) + 1 * var(--grid-gutter));
  }
}

@media (max-width: 999px) {
  .c-works_nav.-hide-mobile {
    display: none;
  }
}

@media (max-width: 999px) {
  .c-works.-profile .c-works_nav {
    position: relative;
    top: auto;
    left: auto;
    margin-bottom: var(--grid-gutter);
  }
}

@media (min-width: 1000px) {
  .c-works.-profile .c-works_nav {
    max-width: calc(0.2 * 100% - (1 - 0.2) * var(--grid-gutter) + 0 * var(--grid-gutter));
  }
}

@media (min-width: 1000px) and (max-width: 1199px) {
  .c-works.-profile .c-works_nav {
    left: calc(0.15 * 100% - (1 - 0.15) * var(--grid-gutter) + 1 * var(--grid-gutter));
  }
}

@media (min-width: 1200px) {
  .c-works_nav {
    left: calc(0.2 * 100% - (1 - 0.2) * var(--grid-gutter) + 1 * var(--grid-gutter));
  }
}

.c-works_nav-secondary {
  position: absolute;
  top: var(--grid-gutter);
  left: calc(0.4 * 100% - (1 - 0.4) * var(--grid-gutter) + 1 * var(--grid-gutter));
}

@media (max-width: 999px) {
  .c-works_nav-secondary {
    left: 198px;
  }
}

@media (min-width: 1000px) and (max-width: 1199px) {
  .c-works_nav-secondary {
    left: calc(0.3 * 100% - (1 - 0.3) * var(--grid-gutter) + 1 * var(--grid-gutter));
  }
}

@media (max-width: 999px) {
  .c-works.-profile .c-works_nav-secondary {
    position: relative;
    top: auto;
    left: auto;
    margin-bottom: calc(var(--grid-gutter) * 3);
  }
}

@media (min-width: 1000px) {
  .c-works.-profile .c-works_nav-secondary {
    max-width: calc(0.2 * 100% - (1 - 0.2) * var(--grid-gutter) + 0 * var(--grid-gutter));
  }
}

@media (min-width: 1000px) and (max-width: 1199px) {
  .c-works.-profile .c-works_nav-secondary {
    left: calc(0.35 * 100% - (1 - 0.35) * var(--grid-gutter) + 1 * var(--grid-gutter));
  }
}

.c-works_header {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  -moz-column-gap: var(--grid-gutter);
       column-gap: var(--grid-gutter);
}

.c-works_grid {
  --works-grid-columns: 1;
  display: grid;
  grid-gap: var(--grid-gutter);
  grid-template-columns: repeat(var(--works-grid-columns), minmax(0, 1fr));
}

.c-works_grid.-masonry, .c-works_grid.-masonry-small {
  display: block;
  -moz-column-gap: var(--grid-gutter);
       column-gap: var(--grid-gutter);
  -moz-columns: var(--works-grid-columns);
       columns: var(--works-grid-columns);
  margin: 0 calc((var(--grid-gutter) / 2) * -1);
}

.c-works_grid.-masonry-small {
  --works-grid-columns: 1;
}

@media (min-width: 500px) {
  .c-works_grid.-masonry-small {
    --works-grid-columns: 2;
  }
}

@media (min-width: 700px) {
  .c-works_grid {
    --works-grid-columns: 2;
  }
  .c-works_grid.-masonry-small {
    --works-grid-columns: 3;
  }
}

@media (min-width: 1000px) {
  .c-works_grid {
    --works-grid-columns: 3;
  }
}

.c-works_item {
  --figure-ratio: 3/4;
  display: block;
}

.c-works_grid.-masonry .c-works_item,
.c-works_grid.-masonry-small .c-works_item {
  width: 50%;
}

.c-works_grid.-masonry .c-works_item > *,
.c-works_grid.-masonry-small .c-works_item > * {
  padding: var(--grid-gutter) calc(var(--grid-gutter) / 2) 0;
}

@media (min-width: 1000px) {
  .c-works_grid.-even .c-works_item .c-thumb_visual,
  .c-works_grid.-even .c-works_item .c-figure,
  .c-works_grid.-even .c-works_item .c-figure_inner,
  .c-works_grid.-even .c-works_item .c-figure_image,
  .c-works_grid.-gallery .c-works_item .c-thumb_visual,
  .c-works_grid.-gallery .c-works_item .c-figure,
  .c-works_grid.-gallery .c-works_item .c-figure_inner,
  .c-works_grid.-gallery .c-works_item .c-figure_image {
    height: 100%;
  }
  .c-works_grid.-even .c-works_item .c-figure_image,
  .c-works_grid.-gallery .c-works_item .c-figure_image {
    -o-object-fit: cover;
       object-fit: cover;
  }
  .c-works_grid.-gallery .c-works_item:nth-child(11n+4) .c-thumb, .c-works_grid.-gallery .c-works_item:nth-child(11n+7) .c-thumb {
    display: flex;
    flex-direction: column;
    height: 100%;
  }
  .c-works_grid.-gallery .c-works_item:nth-child(11n+4) {
    grid-column: 1/3;
    grid-row: span 2;
  }
  .c-works_grid.-gallery .c-works_item:nth-child(11n+7) {
    grid-row: span 2;
  }
  .c-works_grid.-gallery .c-works_item:nth-child(11n+8) {
    grid-column: 2/4;
    grid-row: span 2;
  }
  .c-works_grid.-masonry .c-works_item,
  .c-works_grid.-masonry-small .c-works_item {
    -moz-column-break-inside: avoid;
         break-inside: avoid;
    width: 33.33%;
  }
}

.c-hero-tiles_inner {
  display: flex;
  align-items: flex-end;
  min-height: calc(100 * var(--vh, 1vh));
  padding-bottom: 1.25rem;
  padding-top: 6.25rem;
  opacity: 0;
  transition: transform 0.6s cubic-bezier(0.38, 0.005, 0.215, 1), opacity 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
}

@media (max-width: 699px) {
  .c-hero-tiles_inner {
    min-height: calc(80 * var(--vh, 1vh));
  }
}

.is-loaded .c-hero-tiles_inner {
  opacity: 1;
  transform: translateY(0);
}

.c-hero-tiles_container {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.c-hero-tiles_manifesto {
  --font-size-h4: 28px;
}

.c-hero-tiles_rail {
  display: flex;
  white-space: nowrap;
  overflow: hidden;
  width: 100vw;
}

.c-hero-tiles_visual {
  display: flex;
  justify-content: center;
  gap: 10px;
  padding-left: 10px;
  width: 250vw;
  -webkit-animation: rail 40s linear infinite;
          animation: rail 40s linear infinite;
  flex-shrink: 0;
}

@media (max-width: 999px) {
  .c-hero-tiles_figure {
    min-height: 30vw;
  }
  .c-hero-tiles_figure .c-figure_inner {
    height: 100%;
  }
  .c-hero-tiles_figure .c-figure_inner img {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

@-webkit-keyframes rail {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes rail {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-100%, 0, 0);
  }
}

.c-images-pile {
  position: relative;
}

.c-images-pile_item {
  min-height: calc(100 * var(--vh, 1vh));
  display: flex;
  justify-content: center;
  align-items: center;
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
}

@media (max-width: 999px) {
  .c-images-pile_item {
    min-height: calc(40 * var(--vh, 1vh));
  }
}

.c-images-pile_item:nth-last-child(1) {
  z-index: 1;
}

.c-images-pile_item:nth-last-child(2) {
  z-index: 2;
}

.c-images-pile_item:nth-last-child(3) {
  z-index: 3;
}

.c-images-pile_item:nth-last-child(4) {
  z-index: 4;
}

.c-images-pile_item:nth-last-child(5) {
  z-index: 5;
}

.c-images-pile_item:nth-last-child(6) {
  z-index: 6;
}

.c-images-pile_item:nth-last-child(7) {
  z-index: 7;
}

.c-images-pile_item:nth-last-child(8) {
  z-index: 8;
}

.c-images-pile_item:nth-last-child(9) {
  z-index: 9;
}

@media (max-width: 999px) {
  .c-images_pile_inner {
    width: 80vw;
  }
}

@media (min-width: 1000px) {
  .c-images_pile_inner {
    width: 75vw;
  }
}

.c-images-pile_item:nth-child(2n) .c-images_pile_inner {
  transform: translate(-7vw, 3vw);
}

.c-images-pile_item:nth-child(3n) .c-images_pile_inner {
  transform: translate(4vw, -3vw);
}

.c-images-pile_item.-text .c-images_pile_inner {
  width: 100%;
  transform: none;
  text-align: center;
}

.c-images_pile_text {
  text-align: center;
  display: block;
  width: 100%;
  height: 100%;
  max-width: 1000px;
  margin: 0 auto;
}

.c-poster {
  position: relative;
  z-index: 1;
}

.c-poster_main {
  position: relative;
}

@media (max-width: 999px) {
  .c-poster_main {
    min-height: calc(100 * var(--vh, 1vh));
  }
}

@media (min-width: 1000px) {
  .c-poster_main {
    min-height: calc(200 * var(--vh, 1vh));
  }
}

.c-poster_figure {
  position: absolute;
  width: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}

.c-poster_figure:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  background-color: var(--color-dark);
  opacity: 0.35;
}

.c-poster_figure .c-figure_inner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.c-poster_figure .c-figure_image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.c-poster_content {
  padding: var(--grid-gutter);
  color: var(--color-light);
}

.c-poster_bottom {
  display: grid;
  margin-left: -1.25rem;
  width: calc(100% + 1.25rem);
  grid-template-columns: repeat(2, 1fr);
}

.c-archive_visuals {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  right: 0;
  width: calc(0.6 * 100% - (1 - 0.6) * var(--grid-gutter) + -0.25 * var(--grid-gutter));
  margin-left: auto;
  margin-top: calc(-1 * var(--grid-gutter));
  margin-right: calc(-1 * var(--grid-gutter));
  padding-top: calc(20 * var(--vh, 1vh));
}

.c-archive_visual {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.c-archive_visual.is-active {
  display: block;
}

.c-awards {
  --awards-grid-columns: 3;
  display: grid;
  grid-template-columns: repeat(var(--awards-grid-columns), minmax(0, 1fr));
  justify-content: space-between;
}

@media (min-width: 500px) {
  .c-awards {
    --awards-grid-columns: 3;
  }
}

@media (min-width: 700px) {
  .c-awards {
    --awards-grid-columns: 4;
  }
}

@media (min-width: 1000px) {
  .c-awards {
    --awards-grid-columns: 5;
  }
}

@media (min-width: 1200px) {
  .c-awards {
    --awards-grid-columns: 6;
  }
}

.c-awards_item {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20%;
}

.c-awards_figure {
  width: 12.5rem;
}

.c-careers_header {
  display: grid;
  grid-gap: var(--grid-gutter);
}

@media (max-width: 999px) {
  .c-careers_header {
    grid-template-columns: calc(0.6 * 100% - (1 - 0.6) * var(--grid-gutter) + 0 * var(--grid-gutter)) calc(0.2 * 100% - (1 - 0.2) * var(--grid-gutter) + 0 * var(--grid-gutter)) calc(0.2 * 100% - (1 - 0.2) * var(--grid-gutter) + 0 * var(--grid-gutter));
    grid-template-areas: ".      figure figure" "title  title  title" "desc   desc  .";
  }
}

@media (min-width: 1000px) {
  .c-careers_header {
    grid-template-rows: 1fr auto;
    grid-template-columns: calc(0.8 * 100% - (1 - 0.8) * var(--grid-gutter) + 0 * var(--grid-gutter)) calc(0.2 * 100% - (1 - 0.2) * var(--grid-gutter) + 0 * var(--grid-gutter));
    grid-template-areas: "title figure" "title desc";
  }
}

.c-careers_title {
  --font-size: clamp(50px, calc(260/1440 * 100vw), 260px);
  grid-area: title;
}

.c-careers_desc {
  grid-area: desc;
  color: #B4B4B4;
}

@media (min-width: 1000px) {
  .c-careers_desc {
    text-align: right;
  }
}

.c-careers_figure {
  grid-area: figure;
}

.c-contact {
  padding-top: 20vw;
  min-height: 100vh;
  display: flex;
  align-items: flex-end;
}

@media (max-width: 999px) {
  .c-contact_canvas {
    display: none;
    visibility: hidden;
  }
}

@media (min-width: 1000px) {
  .c-contact_canvas {
    z-index: 5;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-right: var(--grid-gutter);
    padding-left: var(--grid-gutter);
    overflow: hidden;
    pointer-events: none;
  }
}

@media (min-width: 1000px) {
  .c-contact_scroll {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    grid-column-gap: var(--grid-gutter);
    width: 100%;
    transform: translate(0, 100%);
  }
  html.is-loaded .c-contact_scroll {
    transform: translate(0);
    transition: transform 3s cubic-bezier(0.19, 1, 0.22, 1);
  }
}

@media (min-width: 1000px) {
  .c-contact_col {
    -webkit-animation-name: anim-contact-canvas;
            animation-name: anim-contact-canvas;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
  }
  .c-contact_col:nth-child(1) {
    -webkit-animation-duration: 18s;
            animation-duration: 18s;
  }
  .c-contact_col:nth-child(1) .c-contact_figure {
    padding-top: calc(40 * var(--vh, 1vh));
  }
  .c-contact_col:nth-child(2) {
    -webkit-animation-duration: 16s;
            animation-duration: 16s;
  }
  .c-contact_col:nth-child(2) .c-contact_figure {
    padding-top: calc(15 * var(--vh, 1vh));
  }
  .c-contact_col:nth-child(3) {
    -webkit-animation-duration: 22s;
            animation-duration: 22s;
  }
  .c-contact_col:nth-child(3) .c-contact_figure {
    padding-top: calc(85 * var(--vh, 1vh));
  }
  .c-contact_col:nth-child(4) {
    -webkit-animation-duration: 19s;
            animation-duration: 19s;
  }
  .c-contact_col:nth-child(4) .c-contact_figure {
    padding-top: calc(50 * var(--vh, 1vh));
  }
  .c-contact_col:nth-child(5) {
    -webkit-animation-duration: 15s;
            animation-duration: 15s;
  }
  .c-contact_col:nth-child(5) .c-contact_figure {
    padding-top: calc(10 * var(--vh, 1vh));
  }
}

.c-contact_figure {
  height: calc(100 * var(--vh, 1vh));
}

.c-contact_inner {
  z-index: 5;
  position: relative;
}

@media (max-width: 699px) {
  .c-contact_inner .c-footer_copy {
    display: block;
    width: 100%;
    text-align: center;
  }
}

.c-contact_item,
.c-contact_info {
  font-size: 14px;
  line-height: 1.1;
}

@media (max-width: 999px) {
  .c-contact_item,
  .c-contact_info {
    font-size: 13px;
  }
}

.c-contact_info {
  margin-bottom: 1.25rem;
}

.c-contact_info a {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}

.c-contact_item_name {
  font-weight: 700;
  margin-bottom: 3px;
}

.c-contact_item_title {
  display: block;
}

.c-contact_grid {
  display: grid;
  gap: 20px;
}

@media (max-width: 999px) {
  .c-contact_grid {
    margin-bottom: 2.5rem;
  }
}

@media (min-width: 500px) {
  .c-contact_grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 999px) {
  .c-contact_title {
    --font-size-label-large: 14px;
  }
}

@media (max-width: 499px) {
  .c-contact_sticky {
    position: -webkit-sticky;
    position: sticky;
    top: calc(var(--grid-gutter) * 3);
    left: 0;
  }
}

@-webkit-keyframes anim-contact-canvas {
  0% {
    transform: translate(0);
  }
  100% {
    transform: translate(0, calc(1/2 * -100%));
  }
}

@keyframes anim-contact-canvas {
  0% {
    transform: translate(0);
  }
  100% {
    transform: translate(0, calc(1/2 * -100%));
  }
}

.c-404 {
  height: calc(100 * var(--vh, 1vh));
}

.c-404_inner {
  position: relative;
  height: 100%;
}

.c-404_visual {
  position: absolute;
  bottom: 10%;
  left: calc(0.2 * 100% - (1 - 0.2) * var(--grid-gutter) + 1 * var(--grid-gutter));
}

@media (min-width: 700px) {
  .c-404_visual {
    width: calc(0.4 * 100% - (1 - 0.4) * var(--grid-gutter) + 0 * var(--grid-gutter));
  }
}

.c-404_content {
  position: relative;
  display: grid;
  grid-gap: var(--grid-gutter);
  padding-top: calc(25 * var(--vh, 1vh));
  height: 100%;
}

@media (max-width: 699px) {
  .c-404_content {
    grid-template-columns: calc(0.5 * 100% - (1 - 0.5) * var(--grid-gutter) + 0 * var(--grid-gutter)) calc(0.5 * 100% - (1 - 0.5) * var(--grid-gutter) + 0 * var(--grid-gutter));
    grid-template-rows: 1fr 1fr auto;
    grid-template-areas: "title sub" "desc  desc" "work  home";
  }
}

@media (min-width: 700px) {
  .c-404_content {
    grid-template-rows: 1fr auto;
    grid-template-columns: calc(0.4 * 100% - (1 - 0.4) * var(--grid-gutter) + 0 * var(--grid-gutter)) calc(0.4 * 100% - (1 - 0.4) * var(--grid-gutter) + 0 * var(--grid-gutter)) calc(0.2 * 100% - (1 - 0.2) * var(--grid-gutter) + 0 * var(--grid-gutter));
  }
}

@media (min-width: 700px) and (max-width: 999px) {
  .c-404_content {
    grid-template-areas: "desc  .     sub" "title work  home";
  }
}

@media (min-width: 1000px) {
  .c-404_content {
    grid-template-areas: "desc  sub   ." "title work  home";
  }
}

.c-404_title {
  grid-area: title;
}

.c-404_sub {
  grid-area: sub;
}

.c-404_desc {
  grid-area: desc;
}

.c-404_home {
  grid-area: home;
}

.c-404_work {
  grid-area: work;
}

@-webkit-keyframes anim-404-visuals {
  0% {
    opacity: 0;
    transform: scale(0.9);
  }
  2.5% {
    opacity: 1;
    transform: scale(1);
  }
  20% {
    opacity: 1;
    transform: scale(1);
  }
  22.5% {
    opacity: 0;
    transform: scale(0.9);
  }
  100% {
    opacity: 0;
    transform: scale(0.9);
  }
}

@keyframes anim-404-visuals {
  0% {
    opacity: 0;
    transform: scale(0.9);
  }
  2.5% {
    opacity: 1;
    transform: scale(1);
  }
  20% {
    opacity: 1;
    transform: scale(1);
  }
  22.5% {
    opacity: 0;
    transform: scale(0.9);
  }
  100% {
    opacity: 0;
    transform: scale(0.9);
  }
}

.c-work-hero {
  position: relative;
  color: #ffffff;
}

.c-work-hero_visual {
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.c-work-hero_visual.c-figure.-cover {
  padding-top: calc(100 * var(--vh, 1vh));
}

.c-work-hero_visual .c-figure_image {
  height: 100vh;
  -o-object-fit: cover;
     object-fit: cover;
}

.c-work-hero_visual.-pad {
  padding: 60px 20px;
}

.c-work-hero_visual.-pad .c-figure_inner {
  height: 100%;
}

.c-work-hero_visual.-pad .c-figure_image {
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.c-work-hero_video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.c-work-hero_video video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.c-work-hero_trigger {
  z-index: 5;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  mix-blend-mode: difference;
}

.c-work-hero_content {
  position: absolute;
  bottom: 0;
  left: 0;
  display: grid;
  grid-gap: var(--grid-gutter);
  width: 100%;
  padding: var(--grid-gutter);
  text-transform: uppercase;
  mix-blend-mode: difference;
  z-index: 2;
}

@media (max-width: 999px) {
  .c-work-hero_content {
    grid-template-columns: calc(0.4 * 100% - (1 - 0.4) * var(--grid-gutter) + 0 * var(--grid-gutter)) calc(0.6 * 100% - (1 - 0.6) * var(--grid-gutter) + 0 * var(--grid-gutter));
  }
}

@media (min-width: 1000px) {
  .c-work-hero_content {
    grid-template-columns: calc(0.2 * 100% - (1 - 0.2) * var(--grid-gutter) + 0 * var(--grid-gutter)) calc(0.4 * 100% - (1 - 0.4) * var(--grid-gutter) + 0 * var(--grid-gutter)) calc(0.2 * 100% - (1 - 0.2) * var(--grid-gutter) + 0 * var(--grid-gutter)) calc(0.2 * 100% - (1 - 0.2) * var(--grid-gutter) + 0 * var(--grid-gutter));
    align-items: end;
  }
}

@media (max-width: 999px) {
  .c-work-hero_director {
    grid-column-start: 2;
  }
}

.c-work-hero_scroll {
  text-align: right;
}

@media (max-width: 999px) {
  .c-work-hero_scroll {
    display: none;
  }
}

.c-modal {
  --modal-inner-width: calc(100% - 2 * var(--grid-gutter));
  z-index: 500;
  position: fixed;
  top: 0;
  left: 200vw;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: #ffffff;
  transition: left 0s 0.6s;
}

.c-modal.is-open {
  left: 0;
  transition: none;
}

.c-modal .slate-player {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

@media (min-width: 1000px) {
  .c-modal {
    --modal-inner-width: calc(0.8 * 100% - (1 - 0.8) * var(--grid-gutter) + 0 * var(--grid-gutter));
  }
}

.c-modal_bg {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000000;
  cursor: pointer;
  opacity: 0.85;
  transform: scale(1, 0);
  transform-origin: 50% 100%;
  transition: transform 0.3s cubic-bezier(0.38, 0.005, 0.215, 1) 0.15s;
}

.c-modal.is-open .c-modal_bg {
  transform: scale(1);
  transition: transform 0.3s cubic-bezier(0.38, 0.005, 0.215, 1);
}

.c-modal_close {
  position: absolute;
  top: var(--grid-gutter);
  right: var(--grid-gutter);
  opacity: 0;
  transform: translate(0, 100%);
}

.c-modal.is-open .c-modal_close {
  opacity: 1;
  transform: translate(0);
  transition: opacity 0.3s cubic-bezier(0.38, 0.005, 0.215, 1) 0.15s, transform 0.3s cubic-bezier(0.38, 0.005, 0.215, 1) 0.15s;
}

.c-modal_inner {
  width: var(--modal-inner-width);
  margin-right: auto;
  margin-left: auto;
}

.c-modal_video {
  width: 100%;
  height: 0;
  padding-top: calc(9/16 * var(--modal-inner-width));
  background-color: var(--theme-color);
  overflow: hidden;
  opacity: 0;
  transform-origin: 50% 0;
  transition: opacity 0.3s cubic-bezier(0.38, 0.005, 0.215, 1), transform 0.3s cubic-bezier(0.38, 0.005, 0.215, 1);
  position: relative;
}

.c-modal_video iframe, .c-modal_video video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background-color: inherit;
}

.c-modal.is-open .c-modal_video {
  opacity: 1;
  transition: opacity 0.3s cubic-bezier(0.38, 0.005, 0.215, 1) 0.15s, transform 0.3s cubic-bezier(0.38, 0.005, 0.215, 1) 0.15s;
}

.c-modal.is-open .c-modal_video iframe, .c-modal.is-open .c-modal_video video {
  opacity: 1;
  transition: opacity 0.3s cubic-bezier(0.38, 0.005, 0.215, 1) 0.3s;
}

.c-modal_nav {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-top: 1.25rem;
  opacity: 0;
  transform: translate(0, 100%);
}

.c-modal.is-open .c-modal_nav {
  opacity: 1;
  transform: translate(0);
  transition: opacity 0.3s cubic-bezier(0.38, 0.005, 0.215, 1) 0.15s, transform 0.3s cubic-bezier(0.38, 0.005, 0.215, 1) 0.15s;
}

.c-scribble-cta {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  white-space: nowrap;
}

.c-scribble-cta_tagline {
  margin-bottom: 1em;
}

.c-scribble-cta_label {
  display: flex;
}

@media (max-width: 499px) {
  .c-scribble-cta_label {
    font-size: 38px !important;
  }
}

.c-profiles {
  position: relative;
}

.c-profiles_nav {
  z-index: 5;
  position: fixed;
}

@media (max-width: 999px) {
  .c-profiles_nav {
    top: 3.5rem;
    left: var(--grid-gutter);
  }
}

@media (min-width: 1000px) {
  .c-profiles_nav {
    top: var(--grid-gutter);
    left: calc(0.2 * 100% - (1 - 0.2) * var(--grid-gutter) + 1.6 * var(--grid-gutter));
  }
}

.c-profiles_list {
  position: relative;
  padding-top: calc(50 * var(--vh, 1vh));
  color: #B4B4B4;
}

@media (max-width: 699px) {
  .c-profiles_list:after {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 12.5rem;
    background-image: linear-gradient(0, rgba(255, 255, 255, 0), white, white);
  }
}

@media (min-width: 700px) {
  .c-profiles_list {
    padding-left: calc(0.4 * 100% - (1 - 0.4) * var(--grid-gutter) + 1 * var(--grid-gutter));
  }
}

.c-profiles_item {
  padding-top: .25em;
  padding-bottom: .25em;
  transition: color 0.3s cubic-bezier(0.38, 0.005, 0.215, 1);
}

.c-profiles_item .o-indicators {
  opacity: 0;
  transform: translate(-100%, 0);
  transition: opacity 0.3s cubic-bezier(0.38, 0.005, 0.215, 1), transform 0.3s cubic-bezier(0.38, 0.005, 0.215, 1);
}

.c-profiles_item:not(.is-active) .c-profiles_name {
  transform: translate(-1em, 0);
}

.c-profiles_item.is-active {
  color: var(--color-text);
}

.c-profiles_item.is-active .o-indicators {
  opacity: 1;
  transform: translate(0);
}

.c-profiles_link {
  display: inline-flex;
}

.c-profiles_name {
  display: inline-block;
  transition: transform 0.3s cubic-bezier(0.38, 0.005, 0.215, 1);
}

.c-profiles_visual {
  z-index: 1;
  position: -webkit-sticky;
  position: sticky;
}

@media (max-width: 999px) {
  .c-profiles_visual {
    left: 0;
    bottom: 0;
    width: calc(0.4 * 100% - (1 - 0.4) * var(--grid-gutter) + -1 * var(--grid-gutter));
  }
}

@media (min-width: 1000px) {
  .c-profiles_visual {
    top: var(--grid-gutter);
    bottom: var(--grid-gutter);
    left: var(--grid-gutter);
    display: flex;
    align-items: flex-end;
    width: calc(0.3 * 100% - (1 - 0.3) * var(--grid-gutter) + 1 * var(--grid-gutter));
    height: auto;
  }
}

.c-profiles_image {
  opacity: 0;
  display: block;
}

.c-profiles_image .c-figure_image {
  transition: transform 0.3s cubic-bezier(0.38, 0.005, 0.215, 1);
}

.c-profiles_image:not(:first-child) {
  position: absolute;
  left: 0;
  width: 100%;
}

.c-profiles_image:not(.is-active) {
  pointer-events: none;
}

.c-profiles_image.is-active {
  z-index: 1;
  opacity: 1;
}

.c-profiles_image.is-active:hover .c-figure_image {
  transform: scale(1.1);
  transition: transform 5s linear;
}

@media (max-width: 699px) {
  .c-profiles_image:not(:first-child) {
    top: 0;
  }
}

@media (min-width: 700px) {
  .c-profiles_image:not(:first-child) {
    bottom: 0;
  }
}

.c-profile-bio {
  display: grid;
  grid-gap: var(--grid-gutter);
}

@media (min-width: 700px) {
  .c-profile-bio {
    grid-template-columns: calc(0.4 * 100% - (1 - 0.4) * var(--grid-gutter) + 0 * var(--grid-gutter)) calc(0.6 * 100% - (1 - 0.6) * var(--grid-gutter) + 0 * var(--grid-gutter));
  }
}

@media (min-width: 500px) and (max-width: 699px) {
  .c-profile-bio_photo {
    padding-right: calc(0.4 * 100% - (1 - 0.4) * var(--grid-gutter) + 1 * var(--grid-gutter));
  }
}

@media (min-width: 1000px) {
  .c-profile-bio_photo {
    padding-right: 15%;
  }
}

.c-profile-bio_content {
  display: flex;
  flex-direction: column;
}

@media (min-width: 700px) {
  .c-profile-bio_content {
    min-height: 100%;
    justify-content: space-between;
  }
}

.c-styleguide {
  padding-top: 100px;
}

.c-styleguide_section + .c-styleguide_section {
  margin-top: 10vh;
}

.c-styleguide_heading {
  position: relative;
  padding-bottom: 0.625rem;
}

.c-styleguide_heading::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: currentColor;
}

.c-styleguide_color {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  margin-top: 1.25rem;
  margin-right: 1.25rem;
}

.c-styleguide_color span {
  display: block;
}

.c-styleguide_color span:first-child {
  width: 5rem;
  height: 5rem;
}

.c-button {
  position: relative;
  display: inline-flex;
  font-size: var(--font-size-label-regular);
  line-height: 1;
  text-transform: uppercase;
  transition: color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}

@media (max-width: 699px) {
  .c-button {
    font-size: 12px;
  }
}

.c-button:hover .o-indicators span:before, .c-button.is-active .o-indicators span:before,
.is-hovered .c-button .o-indicators span:before {
  transform: scale(1, 0);
  transform-origin: 50% 0;
}

.c-button:hover .o-indicators span:after, .c-button.is-active .o-indicators span:after,
.is-hovered .c-button .o-indicators span:after {
  transform: scale(1);
  transform-origin: 50% 100%;
}

.c-button:hover .o-indicators span:nth-child(1):before, .c-button.is-active .o-indicators span:nth-child(1):before,
.is-hovered .c-button .o-indicators span:nth-child(1):before {
  transition-delay: 0s;
}

.c-button:hover .o-indicators span:nth-child(1):after, .c-button.is-active .o-indicators span:nth-child(1):after,
.is-hovered .c-button .o-indicators span:nth-child(1):after {
  transition-delay: .1s;
}

.c-button:hover .o-indicators span:nth-child(2):before, .c-button.is-active .o-indicators span:nth-child(2):before,
.is-hovered .c-button .o-indicators span:nth-child(2):before {
  transition-delay: .1s;
}

.c-button:hover .o-indicators span:nth-child(2):after, .c-button.is-active .o-indicators span:nth-child(2):after,
.is-hovered .c-button .o-indicators span:nth-child(2):after {
  transition-delay: .2s;
}

.c-button.-primary {
  color: #FF4C00;
}

.c-button .o-indicators {
  flex-shrink: 0;
}

@media (max-width: 699px) {
  .c-thumb .c-button_label {
    font-size: 12px;
  }
}

.c-button_icon {
  pointer-events: none;
}

.u-screen-reader-text {
  position: absolute !important;
  overflow: hidden;
  clip: rect(0 0 0 0);
  margin: 0;
  padding: 0;
  width: 1px;
  height: 1px;
  border: 0;
}

.u-pointer-events {
  pointer-events: none !important;
}

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

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

@media (max-width: 999px) {
  .u-hide\@to-medium {
    display: none;
  }
}

.u-relative {
  position: relative;
}

.u-gc-1\/4 {
  grid-column-start: 1;
  grid-column-end: 4;
}

.u-gc-1\/6 {
  grid-column-start: 1;
  grid-column-end: 6;
}

.u-gc-3\/6 {
  grid-column-start: 3;
  grid-column-end: 6;
}

@media (min-width: 700px) {
  .u-gc-1\/3\@from-small {
    grid-column-start: 1;
    grid-column-end: 3;
  }
}

@media (min-width: 700px) {
  .u-gc-1\/4\@from-small {
    grid-column-start: 1;
    grid-column-end: 4;
  }
}

@media (min-width: 700px) {
  .u-gc-1\/5\@from-small {
    grid-column-start: 1;
    grid-column-end: 5;
  }
}

@media (min-width: 700px) {
  .u-gc-3\/6\@from-small {
    grid-column-start: 3;
    grid-column-end: 6;
  }
}

@media (min-width: 700px) {
  .u-gc-4\/6\@from-small {
    grid-column-start: 4;
    grid-column-end: 6;
  }
}

@media (min-width: 700px) {
  .u-gc-5\/6\@from-small {
    grid-column-start: 5;
    grid-column-end: 6;
  }
}

@media (min-width: 1000px) {
  .u-gc-1\/2\@from-medium {
    grid-column-start: 1;
    grid-column-end: 2;
  }
}

@media (min-width: 1000px) {
  .u-gc-1\/3\@from-medium {
    grid-column-start: 1;
    grid-column-end: 3;
  }
}

@media (min-width: 1000px) {
  .u-gc-1\/4\@from-medium {
    grid-column-start: 1;
    grid-column-end: 4;
  }
}

@media (min-width: 1000px) {
  .u-gc-2\/6\@from-medium {
    grid-column-start: 2;
    grid-column-end: 6;
  }
}

@media (min-width: 1000px) {
  .u-gc-3\/6\@from-medium {
    grid-column-start: 3;
    grid-column-end: 6;
  }
}

@media (min-width: 1000px) {
  .u-gc-4\/5\@from-medium {
    grid-column-start: 4;
    grid-column-end: 5;
  }
}

@media (min-width: 1000px) {
  .u-gc-5\/6\@from-medium {
    grid-column-start: 5;
    grid-column-end: 6;
  }
}

@media (min-width: 1400px) {
  .u-gc-1\/3\@from-big {
    grid-column-start: 1;
    grid-column-end: 3;
  }
}

@media (min-width: 1400px) {
  .u-gc-3\/4\@from-big {
    grid-column-start: 3;
    grid-column-end: 4;
  }
}

.u-margin-top {
  margin-top: calc(10 * var(--vh, 1vh));
}

.u-padding-top {
  padding-top: calc(10 * var(--vh, 1vh));
}

.u-margin-top-gutter {
  margin-top: var(--grid-gutter);
}

.u-padding-top-gutter {
  padding-top: var(--grid-gutter);
}

.u-margin-top-gutter-2 {
  margin-top: calc(2 * var(--grid-gutter));
}

.u-padding-top-gutter-2 {
  padding-top: calc(2 * var(--grid-gutter));
}

.u-margin-top-large {
  margin-top: calc(20 * var(--vh, 1vh));
}

.u-padding-top-large {
  padding-top: calc(20 * var(--vh, 1vh));
}

.u-margin-top-50vh {
  margin-top: calc(50 * var(--vh, 1vh));
}

.u-padding-top-50vh {
  padding-top: calc(50 * var(--vh, 1vh));
}

.u-margin-top-25 {
  margin-top: 25%;
}

.u-padding-top-25 {
  padding-top: 25%;
}

.u-margin-bottom {
  margin-bottom: calc(10 * var(--vh, 1vh));
}

.u-padding-bottom {
  padding-bottom: calc(10 * var(--vh, 1vh));
}

.u-margin-bottom-gutter {
  margin-bottom: var(--grid-gutter);
}

.u-padding-bottom-gutter {
  padding-bottom: var(--grid-gutter);
}

.u-margin-bottom-gutter-2 {
  margin-bottom: calc(2 * var(--grid-gutter));
}

.u-padding-bottom-gutter-2 {
  padding-bottom: calc(2 * var(--grid-gutter));
}

.u-margin-bottom-large {
  margin-bottom: calc(20 * var(--vh, 1vh));
}

.u-padding-bottom-large {
  padding-bottom: calc(20 * var(--vh, 1vh));
}

.u-margin-bottom-50vh {
  margin-bottom: calc(50 * var(--vh, 1vh));
}

.u-padding-bottom-50vh {
  padding-bottom: calc(50 * var(--vh, 1vh));
}

.u-margin-bottom-25 {
  margin-bottom: 25%;
}

.u-padding-bottom-25 {
  padding-bottom: 25%;
}

.u-margin-right {
  margin-right: calc(10 * var(--vh, 1vh));
}

.u-padding-right {
  padding-right: calc(10 * var(--vh, 1vh));
}

.u-margin-right-gutter {
  margin-right: var(--grid-gutter);
}

.u-padding-right-gutter {
  padding-right: var(--grid-gutter);
}

.u-margin-right-gutter-2 {
  margin-right: calc(2 * var(--grid-gutter));
}

.u-padding-right-gutter-2 {
  padding-right: calc(2 * var(--grid-gutter));
}

.u-margin-right-large {
  margin-right: calc(20 * var(--vh, 1vh));
}

.u-padding-right-large {
  padding-right: calc(20 * var(--vh, 1vh));
}

.u-margin-right-50vh {
  margin-right: calc(50 * var(--vh, 1vh));
}

.u-padding-right-50vh {
  padding-right: calc(50 * var(--vh, 1vh));
}

.u-margin-right-25 {
  margin-right: 25%;
}

.u-padding-right-25 {
  padding-right: 25%;
}

@media (max-width: 699px) {
  .u-padding-top-large {
    padding-top: calc(15 * var(--vh, 1vh));
  }
}

@media (max-width: 999px) {
  .u-padding-top\@to-medium {
    padding-top: calc(10 * var(--vh, 1vh)) !important;
  }
}

@media (max-width: 699px) {
  .u-padding-bottom\@from-small {
    padding-bottom: calc(10 * var(--vh, 1vh));
  }
}

@media (max-width: 999px) {
  .u-padding-top-large\@to-medium {
    padding-top: calc(20 * var(--vh, 1vh)) !important;
  }
}

.u-tt-uppercase {
  text-transform: uppercase !important;
}

.u-tt-lowercase {
  text-transform: lowercase !important;
}

.u-tt-none {
  text-transform: none !important;
}

.u-fw-bold {
  font-weight: 700 !important;
}

.u-fw-normal {
  font-weight: 400 !important;
}