:root {
  --vertical-rhythm: 11px;
  --windowWidth: 100vw;
  --windowHeight: 100vh;
  --containerSize: 1920;
  --bleedSize: 0;
  --colSize: 160;
  --gutterSize: 0;
}
@font-face {
  font-family: 'SegoeUI';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/segoe-light.eot');
  src: url('../fonts/segoe-light.eot?#iefix') format('embedded-opentype');
  src: url('../fonts/segoe-light.svg#../fonts/segoe-light') format('svg');
  src: url('../fonts/segoe-light.woff') format('woff');
  src: url('../fonts/segoe-light.woff2') format('woff2');
}
@font-face {
  font-family: 'SegoeUI';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/segoe-semilight.eot');
  src: url('../fonts/segoe-semilight.eot?#iefix') format('embedded-opentype');
  src: url('../fonts/segoe-semilight.svg#../fonts/segoe-semilight') format('svg');
  src: url('../fonts/segoe-semilight.woff') format('woff');
  src: url('../fonts/segoe-semilight.woff2') format('woff2');
}
@font-face {
  font-family: 'SegoeUI';
  font-style: normal;
  font-weight: normal;
  src: url('../fonts/segoe-regular.eot');
  src: url('../fonts/segoe-regular.eot?#iefix') format('embedded-opentype');
  src: url('../fonts/segoe-regular.svg#../fonts/segoe-regular') format('svg');
  src: url('../fonts/segoe-regular.woff') format('woff');
  src: url('../fonts/segoe-regular.woff2') format('woff2');
}
@font-face {
  font-family: 'SegoeUI';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/segoe-semibold.eot');
  src: url('../fonts/segoe-semibold.eot?#iefix') format('embedded-opentype');
  src: url('../fonts/segoe-semibold.svg#../fonts/segoe-semibold') format('svg');
  src: url('../fonts/segoe-semibold.woff') format('woff');
  src: url('../fonts/segoe-semibold.woff2') format('woff2');
}
@font-face {
  font-family: 'SegoeUI-Mono';
  font-style: normal;
  font-weight: normal;
  src: url('../fonts/segoe-ui-mono.eot');
  src: url('../fonts/segoe-ui-mono.eot?#iefix') format('embedded-opentype');
  src: url('../fonts/segoe-ui-mono.svg#../fonts/segoe-ui-mono') format('svg');
  src: url('../fonts/segoe-ui-mono.woff') format('woff');
  src: url('../fonts/segoe-ui-mono.woff2') format('woff2');
}
*,
*:before,
*:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
* {
  margin: 0;
}
html {
  height: 100%;
  width: 100%;
  overflow-x: hidden;
}
body {
  min-height: 100%;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  text-rendering: optimizelegibility;
  width: 100%;
  overflow-x: hidden;
}
input,
button,
textarea,
select {
  font: inherit;
}
button,
input,
a {
  outline: none;
  cursor: pointer;
  font: inherit;
  color: inherit;
  border: none;
  background: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  color: inherit;
  margin: 0;
}
ul li {
  list-style: none;
}
fieldset,
button,
input,
select,
textarea,
hr {
  -webkit-appearance: none;
}
img,
picture,
video,
canvas,
svg {
  max-width: 100%;
}
video,
canvas {
  display: block;
  width: 100%;
}
video {
  height: auto;
}
html {
  overflow-y: auto;
  height: 100%;
  scroll-behavior: smooth;
}
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}
body {
  position: relative;
  width: 100%;
  overflow: hidden;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
button,
ul {
  margin: 0;
}
.ms-stories {
  color: #fff;
  background: #000;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -moz-font-feature-settings: "liga", "kern";
  text-rendering: optimizelegibility;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
.ms-stories *,
.ms-stories *:before,
.ms-stories *:after {
  box-sizing: border-box;
}
.ms-stories a {
  color: inherit;
}
.ms-stories a,
.ms-stories button {
  cursor: pointer;
}
.ms-stories input,
.ms-stories button {
  -webkit-appearance: none;
}
.ms-stories ol,
.ms-stories ul,
.ms-stories li {
  list-style: none;
  padding: 0;
}
.ms-stories .u-mono {
  font-weight: normal;
  font-family: 'SegoeUI-Mono', "Helvetica Neue", sans-serif;
}
.no-mono .ms-stories .u-mono {
  font-family: 'SegoeUI', "Segoe UI", "Helvetica Neue", -apple-system, BlinkMacSystemFont, Roboto, Oxygen-Sans, Ubuntu, Cantarell, sans-serif;
}
.ms-stories .u-serif {
  font-family: $serifFontFamily;
}
.ms-stories .u-600 {
  font-weight: 600;
}
.ms-stories .h1 {
  margin-top: 0;
  font-weight: 600;
  font-size: calc( 32.5px + (50 - 32.5) * (100vw - 320px) / (1920 - 320) );
  line-height: calc(4 * 11px);
  line-height: calc(4 * var(--vertical-rhythm));
  margin-bottom: calc(1 * 11px);
  margin-bottom: calc(1 * var(--vertical-rhythm));
}
.is-debug .ms-stories .h1 {
  box-shadow: 0px calc(1 * var(--vertical-rhythm)) 1px rgba(255,130,0,0.3);
}
.ms-stories .h2 {
  font-family: 'SegoeUI-Mono', "Helvetica Neue", sans-serif;
  margin-top: 0;
  font-weight: 600;
  font-size: calc( 10.4px + (16 - 10.4) * (100vw - 320px) / (1920 - 320) );
  line-height: calc(3 * 11px);
  line-height: calc(3 * var(--vertical-rhythm));
  margin-bottom: calc(2 * 11px);
  margin-bottom: calc(2 * var(--vertical-rhythm));
  padding: 0 10px;
  letter-spacing: 0.02em;
  color: #000;
  display: inline-block;
  position: relative;
}
.is-debug .ms-stories .h2 {
  box-shadow: 0px calc(2 * var(--vertical-rhythm)) 1px rgba(255,130,0,0.3);
}
.ms-stories .h2 span {
  position: relative;
}
.ms-stories .h2:before {
  content: "";
  display: block;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
  background: #ff583c;
  transform: scaleX(0) translateZ(0);
  transition: transform 1.3s cubic-bezier(0.43, 0.195, 0.02, 1);
}
.ms-stories .is-prev h2:before {
  transform: scaleX(0) translateZ(0);
  transform-origin: 0% 0;
}
.ms-stories .is-next h2:before {
  transform: scaleX(0) translateZ(0);
  transform-origin: 100% 0;
}
.ms-stories .is-active h2:before {
  transform: scaleX(1) translateZ(0);
  transform-origin: 100% 0;
}
.ms-stories .h3 {
  font-weight: 600;
  font-family: 'SegoeUI-Mono', "Helvetica Neue", sans-serif;
  font-size: calc( 9.1px + (14 - 9.1) * (100vw - 320px) / (1920 - 320) );
  line-height: calc(2 * 11px);
  line-height: calc(2 * var(--vertical-rhythm));
}
.ms-stories,
.ms-stories .text {
  font-family: 'SegoeUI', "Segoe UI", "Helvetica Neue", -apple-system, BlinkMacSystemFont, Roboto, Oxygen-Sans, Ubuntu, Cantarell, sans-serif;
  font-weight: 200;
  font-size: calc( 15.600000000000001px + (24 - 15.600000000000001) * (100vw - 320px) / (1920 - 320) );
  line-height: calc(3 * 11px);
  line-height: calc(3 * var(--vertical-rhythm));
}
.ms-stories .text--small {
  font-family: 'SegoeUI-Mono', "Helvetica Neue", sans-serif;
  font-size: calc( 9.1px + (14 - 9.1) * (100vw - 320px) / (1920 - 320) );
  line-height: calc(2 * 11px);
  line-height: calc(2 * var(--vertical-rhythm));
}
.ms-stories .caption {
  margin-top: 0;
  font-weight: normal;
  font-size: calc( 10.4px + (16 - 10.4) * (100vw - 320px) / (1920 - 320) );
  line-height: calc(2 * 11px);
  line-height: calc(2 * var(--vertical-rhythm));
}
.ms-stories .quote,
.ms-stories .quote:after,
.ms-stories .quote:before {
  margin-top: 0;
  font-weight: 600;
  font-size: calc( 40px + (98 - 40) * (100vw - 320px) / (1920 - 320) );
  line-height: 1.357142857142857;
}
.ms-stories .quoteMarg {
  font-size: calc( 40px + (98 - 40) * (100vw - 320px) / (1920 - 320) );
  line-height: 1.357142857142857;
}
@media screen and (max-width: 1440px) {
  .ms-stories .quoteMarg {
    line-height: 0.9;
  }
}
.ms-stories .quote__author {
  margin-top: 0;
  font-weight: 600;
  font-size: calc( 19.5px + (30 - 19.5) * (100vw - 320px) / (1920 - 320) );
  line-height: calc(3 * 11px);
  line-height: calc(3 * var(--vertical-rhythm));
}
.video360 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  height: 100%;
  transition: opacity 1.1s cubic-bezier(0.43, 0.195, 0.02, 1), visibility 0s 1.1s;
}
.has-js .video360 {
  opacity: 0;
}
.is-active .video360 {
  opacity: 1;
  transition: opacity 1.1s cubic-bezier(0.43, 0.195, 0.02, 1), visibility 0s 0s;
}
.video360__content {
  position: relative;
  width: calc( ( var(--colSize) * 7 + var(--gutterSize) * 0 + var(--bleedSize) * 0 ) / var(--containerSize) * var(--windowWidth) );
}
@media screen and (max-width: 767px) {
  .video360__content {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
  }
}
.video360__figure {
  position: relative;
  margin-bottom: calc(2 * 11px);
  margin-bottom: calc(2 * var(--vertical-rhythm));
  width: calc( ( var(--colSize) * 7 + var(--gutterSize) * 0 + var(--bleedSize) * 0 ) / var(--containerSize) * var(--windowWidth) );
  height: calc( ( var(--colSize) * 3.933333333333334 + var(--gutterSize) * 0 + var(--bleedSize) * 0 ) / var(--containerSize) * var(--windowWidth) );
}
.is-debug .video360__figure {
  box-shadow: 0px calc(2 * var(--vertical-rhythm)) 1px rgba(255,130,0,0.3);
}
.video360__figure:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0,0,0,0) 0%, #000 100%);
  z-index: 2;
  opacity: 0.5;
}
.video360__figure > img {
  z-index: 1;
  width: 100%;
  height: 100%;
  opacity: 0.5;
}
@media screen and (max-width: 767px) {
  .video360__figure {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
  }
  .video360__figure > img {
    height: 100%;
    object-fit: cover;
  }
}
.video360__btn {
  background: none;
  border: none;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 3;
  transform: translate(-50%, -50%);
  width: 90px;
}
.video360__btn img {
  width: 100%;
}
.slideAnim,
.slideUp,
.slideUp--0,
.slideUp--1,
.slideUp--2,
.slideUp--3,
.slideUp--4,
.slideUp--5,
.slideUp--6,
.slideUp--7,
.slideUp--8,
.slideUp--9,
.slideUp--10 {
  will-change: opacity, transform;
  opacity: 0;
  transition: 1.8s cubic-bezier(0.43, 0.195, 0.02, 1);
  transition-property: transform, opacity;
}
.slideUp,
.slideUp--0,
.slideUp--1,
.slideUp--2,
.slideUp--3,
.slideUp--4,
.slideUp--5,
.slideUp--6,
.slideUp--7,
.slideUp--8,
.slideUp--9,
.slideUp--10 {
  transform: translateY(7vh) translateZ(0);
  transform-origin: 0 0;
  transition: all 1.3s cubic-bezier(0.43, 0.195, 0.02, 1);
  opacity: 0;
}
.is-active .slideUp,
.is-active .slideUp--0,
.is-active .slideUp--1,
.is-active .slideUp--2,
.is-active .slideUp--3,
.is-active .slideUp--4,
.is-active .slideUp--5,
.is-active .slideUp--6,
.is-active .slideUp--7,
.is-active .slideUp--8,
.is-active .slideUp--9,
.is-active .slideUp--10,
.slideUp .is-slide-active,
.slideUp--0 .is-slide-active,
.slideUp--1 .is-slide-active,
.slideUp--2 .is-slide-active,
.slideUp--3 .is-slide-active,
.slideUp--4 .is-slide-active,
.slideUp--5 .is-slide-active,
.slideUp--6 .is-slide-active,
.slideUp--7 .is-slide-active,
.slideUp--8 .is-slide-active,
.slideUp--9 .is-slide-active,
.slideUp--10 .is-slide-active {
  transform: translateZ(0);
  opacity: 1;
}
.slideUp.has-anim-ended,
.slideUp--0.has-anim-ended,
.slideUp--1.has-anim-ended,
.slideUp--2.has-anim-ended,
.slideUp--3.has-anim-ended,
.slideUp--4.has-anim-ended,
.slideUp--5.has-anim-ended,
.slideUp--6.has-anim-ended,
.slideUp--7.has-anim-ended,
.slideUp--8.has-anim-ended,
.slideUp--9.has-anim-ended,
.slideUp--10.has-anim-ended,
.has-anim-ended .slideUp,
.has-anim-ended .slideUp--0,
.has-anim-ended .slideUp--1,
.has-anim-ended .slideUp--2,
.has-anim-ended .slideUp--3,
.has-anim-ended .slideUp--4,
.has-anim-ended .slideUp--5,
.has-anim-ended .slideUp--6,
.has-anim-ended .slideUp--7,
.has-anim-ended .slideUp--8,
.has-anim-ended .slideUp--9,
.has-anim-ended .slideUp--10 {
  transform: none;
  transition: none;
  opacity: 1;
  will-change: unset;
}
.slideUp--0,
.is-active .slideUp--0,
.slideUp--0.is-active {
  transition-delay: 0s;
}
.is-next .slideUp--0,
.is-prev .slideUp--0 {
  transition-delay: 0s;
}
.slideUp--1,
.is-active .slideUp--1,
.slideUp--1.is-active {
  transition-delay: 0.085s;
}
.is-next .slideUp--1,
.is-prev .slideUp--1 {
  transition-delay: 0.07s;
}
.slideUp--2,
.is-active .slideUp--2,
.slideUp--2.is-active {
  transition-delay: 0.17s;
}
.is-next .slideUp--2,
.is-prev .slideUp--2 {
  transition-delay: 0.14s;
}
.slideUp--3,
.is-active .slideUp--3,
.slideUp--3.is-active {
  transition-delay: 0.255s;
}
.is-next .slideUp--3,
.is-prev .slideUp--3 {
  transition-delay: 0.21s;
}
.slideUp--4,
.is-active .slideUp--4,
.slideUp--4.is-active {
  transition-delay: 0.34s;
}
.is-next .slideUp--4,
.is-prev .slideUp--4 {
  transition-delay: 0.28s;
}
.slideUp--5,
.is-active .slideUp--5,
.slideUp--5.is-active {
  transition-delay: 0.425s;
}
.is-next .slideUp--5,
.is-prev .slideUp--5 {
  transition-delay: 0.35s;
}
.slideUp--6,
.is-active .slideUp--6,
.slideUp--6.is-active {
  transition-delay: 0.51s;
}
.is-next .slideUp--6,
.is-prev .slideUp--6 {
  transition-delay: 0.42s;
}
.slideUp--7,
.is-active .slideUp--7,
.slideUp--7.is-active {
  transition-delay: 0.595s;
}
.is-next .slideUp--7,
.is-prev .slideUp--7 {
  transition-delay: 0.49s;
}
.slideUp--8,
.is-active .slideUp--8,
.slideUp--8.is-active {
  transition-delay: 0.68s;
}
.is-next .slideUp--8,
.is-prev .slideUp--8 {
  transition-delay: 0.56s;
}
.slideUp--9,
.is-active .slideUp--9,
.slideUp--9.is-active {
  transition-delay: 0.765s;
}
.is-next .slideUp--9,
.is-prev .slideUp--9 {
  transition-delay: 0.63s;
}
.slideUp--10,
.is-active .slideUp--10,
.slideUp--10.is-active {
  transition-delay: 0.85s;
}
.is-next .slideUp--10,
.is-prev .slideUp--10 {
  transition-delay: 0.7s;
}
.article {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  height: 100%;
}
.article__figure {
  width: calc( ( var(--colSize) * 5 + var(--gutterSize) * 0 + var(--bleedSize) * 0 ) / var(--containerSize) * var(--windowWidth) );
  position: relative;
  height: 100%;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .article__figure {
    width: 100%;
  }
}
.article__content {
  text-align: left;
  padding-left: calc( ( var(--colSize) * 1.5 + var(--gutterSize) * 0 + var(--bleedSize) * 0 ) / var(--containerSize) * var(--windowWidth) );
  width: calc( ( var(--colSize) * 5 + var(--gutterSize) * 0 + var(--bleedSize) * 0 ) / var(--containerSize) * var(--windowWidth) );
  transition: opacity 1.1s cubic-bezier(0.43, 0.195, 0.02, 1), visibility 0s 1.1s;
}
.has-js .article__content {
  opacity: 0;
}
.is-active .article__content {
  opacity: 1;
  transition: opacity 1.1s cubic-bezier(0.43, 0.195, 0.02, 1), visibility 0s 0s;
}
@media screen and (max-width: 767px) {
  .article__content {
    padding-bottom: 60px;
    padding-left: 6.25%;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
  }
  .article__content > * {
    position: relative;
  }
  .article__content:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, #000 0%, rgba(0,0,0,0) 100%);
  }
}
.article__caption {
  margin-right: calc( ( var(--colSize) * 0.4 + var(--gutterSize) * 0 + var(--bleedSize) * 0 ) / var(--containerSize) * var(--windowWidth) );
  vertical-align: middle;
  display: inline-block;
}
.ms-stories .btn--primary {
  background: #000;
  color: #fff;
  padding: 0 20px;
  height: calc(3 * 11px);
  height: calc(3 * var(--vertical-rhythm));
  border: none;
}
.btn--arrow {
  background: none;
  z-index: 11;
  position: absolute;
  top: 50%;
  right: 50px;
  transform: translateY(-50%) rotate(-45deg);
  width: 27px;
  height: 27px;
  border-top: none;
  border-left: none;
  border-bottom: solid 4px #fff;
  border-right: solid 4px #fff;
  opacity: 0;
  transition: 1.8s 0.4s cubic-bezier(0.43, 0.195, 0.02, 1);
}
.is-ready .btn--arrow {
  opacity: 1;
}
@media screen and (max-width: 767px) {
  .btn--arrow {
    right: 6.25%;
    display: none;
  }
}
.btn--arrow:nth-of-type(2) {
  left: 50px;
  right: auto;
  transform: translateY(-50%) rotate(135deg);
}
.cover {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  height: 100%;
}
.cover__figure {
  width: calc( ( var(--colSize) * 5 + var(--gutterSize) * 0 + var(--bleedSize) * 0 ) / var(--containerSize) * var(--windowWidth) );
  position: relative;
  height: 100%;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .cover__figure {
    width: 100%;
  }
}
.cover__content {
  text-align: left;
  padding-left: calc( ( var(--colSize) * 0.75 + var(--gutterSize) * 0 + var(--bleedSize) * 0 ) / var(--containerSize) * var(--windowWidth) );
  width: calc( ( var(--colSize) * 5 + var(--gutterSize) * 0 + var(--bleedSize) * 0 ) / var(--containerSize) * var(--windowWidth) );
  transition: opacity 1s cubic-bezier(0.43, 0.195, 0.02, 1), visibility 0s 1s;
}
.has-js .cover__content {
  opacity: 0;
}
.is-active .cover__content {
  opacity: 1;
  transition: opacity 1s cubic-bezier(0.43, 0.195, 0.02, 1), visibility 0s 0s;
}
@media screen and (max-width: 767px) {
  .cover__content {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding-left: 6.25%;
    padding-bottom: 60px;
  }
  .cover__content > * {
    position: relative;
  }
  .cover__content:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, #000 0%, rgba(0,0,0,0) 100%);
  }
}
.cover__caption {
  margin-right: calc( ( var(--colSize) * 0.4 + var(--gutterSize) * 0 + var(--bleedSize) * 0 ) / var(--containerSize) * var(--windowWidth) );
  vertical-align: middle;
  display: inline-block;
}
.header {
  position: fixed;
  bottom: 0;
  left: 0;
  font-size: 0;
  padding: 40px 35px;
  width: 100%;
  z-index: 10;
  transition: all 0.4s;
  display: flex;
  align-items: center;
  justify-content: space-between;
  opacity: 0;
  transition: 1.8s 0.4s cubic-bezier(0.43, 0.195, 0.02, 1);
}
.is-ready .header {
  opacity: 1;
}
@media screen and (max-width: 767px) {
  .header {
    bottom: auto;
    top: 0;
    padding: 25px 6.25%;
  }
}
.header__nav {
  text-align: right;
  vertical-align: middle;
}
.header__nav ul {
  list-style: none;
}
.header__nav ul li {
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
}
.header__nav ul a {
  text-decoration: none;
}
.header__nav ul a svg {
  height: 18px;
  width: 18px;
  transition: all 0.4s cubic-bezier(0.43, 0.195, 0.02, 1);
  fill: #fff;
}
.header__left {
  text-align: left;
  display: inline-block;
  color: #fff;
}
.header__logo {
  font-size: 0;
  line-height: 0;
  display: inline-block;
  vertical-align: middle;
  text-decoration: none;
  fill: #fff;
}
.header__logo svg:nth-child(1) {
  width: 97px;
  height: 20px;
}
.header__logo svg:nth-child(2) {
  width: 25px;
  height: 25px;
}
.header__logo__slash {
  display: inline-block;
  vertical-align: middle;
  margin: 0 6px;
  line-height: 20px;
  font-size: 16px;
  font-weight: 200;
  color: #fff;
}
.header__logo__text {
  text-decoration: none;
  display: inline-block;
  vertical-align: middle;
  line-height: 20px;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
}
.hr {
  margin-top: 11px;
  margin-top: calc(var(--vertical-rhythm));
  margin-bottom: 21px;
  margin-bottom: calc(var(--vertical-rhythm) * 2 - 1px);
  height: 1px;
  border: none;
  background: #cecece;
}
.line {
  display: block;
  will-change: opacity, transform;
  opacity: 0;
  transform: translateY(7vh) translateZ(0);
  transform-origin: 0 0;
  transition: all 1.3s cubic-bezier(0.43, 0.195, 0.02, 1);
}
.is-active .line,
.is-slide-active .line {
  transform: translateZ(0);
  opacity: 1;
}
.line br {
  display: none;
}
.link {
  cursor: pointer;
}
.link--arrow {
  display: block;
  cursor: pointer;
  text-decoration: underline;
  text-decoration-color: rgba(0,0,0,0);
  transition: text-decoration-color 0.8s cubic-bezier(0.43, 0.195, 0.02, 1);
}
.link--arrow:after {
  content: '>';
  display: inline-block;
  transform: translateX(0px);
  transition: all 0.8s cubic-bezier(0.43, 0.195, 0.02, 1);
}
.link--arrow:hover {
  text-decoration-color: #000;
}
.link--arrow:hover:after {
  transform: translateX(20px);
}
.link--icon {
  width: 20px;
  height: 20px;
  background: #000;
  display: inline-block;
  vertical-align: middle;
  border-radius: 3px;
  position: relative;
}
.link--icon svg {
  fill: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 14px;
  height: 14px;
  transform: translate(-50%, -50%);
}
.list {
  margin-bottom: calc(3 * 11px);
  margin-bottom: calc(3 * var(--vertical-rhythm));
}
.is-debug .list {
  box-shadow: 0px calc(3 * var(--vertical-rhythm)) 1px rgba(255,130,0,0.3);
}
.media--cover,
.cover,
.cover--raw {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.media--cover img,
.cover img,
.cover--raw img,
.media--cover div[role="img"],
.cover div[role="img"],
.cover--raw div[role="img"] {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.media--lanscape {
  margin-bottom: calc(1 * 11px);
  margin-bottom: calc(1 * var(--vertical-rhythm));
}
.is-debug .media--lanscape {
  box-shadow: 0px calc(1 * var(--vertical-rhythm)) 1px rgba(255,130,0,0.3);
}
.media--lanscape:after {
  padding-top: 67.2072072072072%;
  content: "";
  display: block;
}
.media--square {
  position: relative;
  margin-bottom: calc(1 * 11px);
  margin-bottom: calc(1 * var(--vertical-rhythm));
}
.is-debug .media--square {
  box-shadow: 0px calc(1 * var(--vertical-rhythm)) 1px rgba(255,130,0,0.3);
}
.media--square:after {
  padding-top: 107.76255707762556%;
  content: "";
  display: block;
}
.media--circle {
  position: relative;
  margin-bottom: calc(1 * 11px);
  margin-bottom: calc(1 * var(--vertical-rhythm));
  margin-top: calc(1 * 11px);
  margin-top: calc(1 * var(--vertical-rhythm));
  border-radius: 100px;
  width: 70px;
  height: 70px;
  overflow: hidden;
}
.is-debug .media--circle {
  box-shadow: 0px calc(-1 * var(--vertical-rhythm)) 1px rgba(255,130,0,0.3), 0px calc(1 * var(--vertical-rhythm)) 1px rgba(255,130,0,0.3);
}
@media screen and (max-width: 767px) {
  .media--circle {
    width: 40px;
    height: 40px;
  }
}
.picto,
.picto--full,
.picto--large {
  height: 100%;
  top: 0;
  width: 100%;
  position: absolute;
  left: 0;
}
.picto svg,
.picto--full svg,
.picto--large svg {
  top: 50%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
  fill: #fff;
  width: 22.857142857142858% !important;
  height: 22.857142857142858% !important;
  min-width: 50px;
  min-height: 50px;
}
.picto--full svg {
  width: 100% !important;
  height: 100% !important;
}
.picto--large svg {
  width: 40% !important;
  height: 40% !important;
}
.quoteWrapper {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  height: 100%;
  transition: opacity 1.8s cubic-bezier(0.43, 0.195, 0.02, 1), visibility 0s 1.8s;
}
.has-js .quoteWrapper {
  opacity: 0;
}
.is-active .quoteWrapper {
  opacity: 1;
  transition: opacity 1.8s cubic-bezier(0.43, 0.195, 0.02, 1), visibility 0s 0s;
}
.quote__figure {
  width: calc( ( var(--colSize) * 4 + var(--gutterSize) * 0 + var(--bleedSize) * 0 ) / var(--containerSize) * var(--windowWidth) );
  height: 74.07407407407408vh;
  position: absolute;
  left: calc( ( var(--colSize) * 4 + var(--gutterSize) * 0 + var(--bleedSize) * 0 ) / var(--containerSize) * var(--windowWidth) );
  top: 12.962962962962962vh;
}
@media screen and (max-width: 767px) {
  .quote__figure {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
.quote__content {
  position: relative;
  z-index: 2;
  text-align: left;
  padding-left: calc( ( var(--colSize) * 1.45 + var(--gutterSize) * 0 + var(--bleedSize) * 0 ) / var(--containerSize) * var(--windowWidth) );
  width: 88%;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .quote__content {
    padding-bottom: 60px;
    padding-left: 6.25%;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
  }
  .quote__content > * {
    position: relative;
  }
  .quote__content:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, #000 0%, rgba(0,0,0,0) 100%);
  }
}
.quoteBlock {
  position: relative;
  margin: 0;
  padding-left: calc( ( var(--colSize) * 0.35 + var(--gutterSize) * 0 + var(--bleedSize) * 0 ) / var(--containerSize) * var(--windowWidth) );
}
.quoteBlock:before {
  content: "“";
  position: absolute;
  top: 0;
  left: 0em;
  top: 0;
}
.quote__author {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-left: calc( ( var(--colSize) * 0.35 + var(--gutterSize) * 0 + var(--bleedSize) * 0 ) / var(--containerSize) * var(--windowWidth) );
  padding-right: calc( ( var(--colSize) * 0.35 + var(--gutterSize) * 0 + var(--bleedSize) * 0 ) / var(--containerSize) * var(--windowWidth) );
}
.quote__author:before {
  content: "";
  flex-grow: 1;
  height: 3px;
  background: #fff;
  transition: transform 1.8s cubic-bezier(0.43, 0.195, 0.02, 1), visibility 0s 1.8s;
}
.has-js .quote__author:before {
  transform: scaleX(0);
  transform-origin: 100% 0;
}
.is-active .quote__author:before {
  transform: scaleX(1);
  transition: transform 1.8s 0.3s cubic-bezier(0.43, 0.195, 0.02, 1), visibility 0s 0s;
}
.quote__author span {
  display: inline-block;
  margin-left: calc( ( var(--colSize) * 0.5 + var(--gutterSize) * 0 + var(--bleedSize) * 0 ) / var(--containerSize) * var(--windowWidth) );
}
.slideshow {
  width: 100%;
  position: relative;
  height: calc(1 * var(--windowHeight) - 0px);
  margin: 0 auto;
  position: relative;
  white-space: nowrap;
  text-align: left;
  font-size: 0;
  position: relative;
  z-index: 2;
}
.slideshow__slide {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  vertical-align: middle;
  white-space: normal;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: opacity 1.8s cubic-bezier(0.43, 0.195, 0.02, 1), visibility 0s 1.8s;
}
.has-js .slideshow__slide {
  pointer-events: none;
}
.slideshow__slide.is-active {
  opacity: 1;
  pointer-events: auto;
  transition: opacity 1.8s cubic-bezier(0.43, 0.195, 0.02, 1), visibility 0s 0s;
}
.slideshow__arrow,
.slideshow__arrow--left,
.slideshow__arrow--right {
  background: none;
  border: none;
  position: absolute;
  top: 0;
  padding: 0;
  z-index: 2;
  width: 20px;
  min-width: 60px;
  height: calc(100% - 110px);
  height: calc(100% - var(--vertical-rhythm) * 10);
}
.slideshow__arrow .arrow,
.slideshow__arrow--left .arrow,
.slideshow__arrow--right .arrow {
  display: inline-block;
  width: 36px;
  height: 36px;
  border-radius: 100px;
  border: solid 2px;
}
.slideshow__arrow .arrow svg,
.slideshow__arrow--left .arrow svg,
.slideshow__arrow--right .arrow svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 13px;
  width: auto;
}
@media screen and (max-width: 767px) {
  .slideshow__arrow,
  .slideshow__arrow--left,
  .slideshow__arrow--right {
    display: none;
  }
}
.slideshow__arrow--left {
  right: 100%;
}
.slideshow__arrow--right {
  left: 100%;
}
.slideshow__arrow--right .arrow svg {
  transform: translate(-50%, -50%) rotate(-180deg);
}
.slideshow__content {
  height: 100%;
}
.slideshow__nav {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 0 8px;
  z-index: 2;
  opacity: 0;
  z-index: 11;
  transition: 1.8s 0.4s cubic-bezier(0.43, 0.195, 0.02, 1);
}
.is-ready .slideshow__nav {
  opacity: 1;
}
@media screen and (max-width: 767px) {
  .slideshow__nav {
    bottom: 0;
    top: auto;
  }
}
.slideshow__bullet {
  padding: 0;
  margin: 0;
  -webkit-appearance: none;
  display: inline-block;
  background: none;
  border: none;
  font-size: 0;
  padding: 8px 4px 8px 0;
  opacity: 0.33;
}
.slideshow__bullet span {
  display: block;
  background: #fff;
  width: 100%;
  height: 3px;
}
.slideshow__bullet.is-active {
  opacity: 1;
}
.videoArticle {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  height: 100%;
  transition: opacity 1.8s cubic-bezier(0.43, 0.195, 0.02, 1), visibility 0s 1.8s;
}
.has-js .videoArticle {
  opacity: 0;
}
.is-active .videoArticle {
  opacity: 1;
  transition: opacity 1.8s cubic-bezier(0.43, 0.195, 0.02, 1), visibility 0s 0s;
}
.videoArticle__figure {
  width: calc( ( var(--colSize) * 7 + var(--gutterSize) * 0 + var(--bleedSize) * 0 ) / var(--containerSize) * var(--windowWidth) );
  position: relative;
  height: 82.22222222222221vh;
  overflow: hidden;
  transform: translateZ(0);
}
@media screen and (max-width: 767px) {
  .videoArticle__figure {
    width: 100%;
    height: 100%;
  }
}
.videoArticle__content {
  text-align: left;
  padding-left: calc( ( var(--colSize) * 0.75 + var(--gutterSize) * 0 + var(--bleedSize) * 0 ) / var(--containerSize) * var(--windowWidth) );
  padding-right: calc( ( var(--colSize) * 1 + var(--gutterSize) * 0 + var(--bleedSize) * 0 ) / var(--containerSize) * var(--windowWidth) );
  width: calc( ( var(--colSize) * 5 + var(--gutterSize) * 0 + var(--bleedSize) * 0 ) / var(--containerSize) * var(--windowWidth) );
}
@media screen and (max-width: 767px) {
  .videoArticle__content {
    padding-bottom: 60px;
    padding-left: 6.25%;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
  }
  .videoArticle__content > * {
    position: relative;
  }
}
.videoArticle__caption {
  margin-right: calc( ( var(--colSize) * 0.4 + var(--gutterSize) * 0 + var(--bleedSize) * 0 ) / var(--containerSize) * var(--windowWidth) );
  vertical-align: middle;
  display: inline-block;
}
.videoArticle__infos {
  text-align: left;
  position: absolute;
  left: calc( ( var(--colSize) * 0.25 + var(--gutterSize) * 0 + var(--bleedSize) * 0 ) / var(--containerSize) * var(--windowWidth) );
  bottom: 0;
  margin-bottom: calc(2 * 11px);
  margin-bottom: calc(2 * var(--vertical-rhythm));
  transition: opacity 1.8s cubic-bezier(0.43, 0.195, 0.02, 1), visibility 0s 1.8s;
}
.is-debug .videoArticle__infos {
  box-shadow: 0px calc(2 * var(--vertical-rhythm)) 1px rgba(255,130,0,0.3);
}
.videoArticle__infos button {
  background: none;
  margin-bottom: calc(1 * 11px);
  margin-bottom: calc(1 * var(--vertical-rhythm));
  height: 40px;
  width: 40px;
  border: solid 1px #fff;
  border-radius: 100px;
  position: relative;
}
.is-debug .videoArticle__infos button {
  box-shadow: 0px calc(1 * var(--vertical-rhythm)) 1px rgba(255,130,0,0.3);
}
.videoArticle__infos button svg {
  stroke: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-40%, -50%);
  width: 18px;
  height: 18px;
}
.videoArticle__infos button:hover {
  background: #fff;
}
.videoArticle__infos button:hover svg {
  stroke: #000;
}
.has-js .videoArticle__infos {
  opacity: 0;
}
.is-active .videoArticle__infos {
  opacity: 1;
  transition: opacity 1.8s 0.5s cubic-bezier(0.43, 0.195, 0.02, 1), visibility 0s 0s;
}
@media screen and (max-width: 767px) {
  .videoArticle__infos {
    padding-top: 30px;
    padding-bottom: 60px;
    padding-left: 6.25%;
    padding-right: 6.25%;
    position: absolute;
    bottom: 0;
    left: 0;
    margin-bottom: 0;
    width: 100%;
  }
  .videoArticle__infos:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, #000 0%, rgba(0,0,0,0) 100%);
  }
  .videoArticle__infos * {
    z-index: 2;
    position: relative;
  }
  .videoArticle__infos .text {
    padding-top: 15px;
  }
}
.videoPlayer {
  position: relative;
  margin-bottom: calc(5 * 11px);
  margin-bottom: calc(5 * var(--vertical-rhythm));
}
.is-debug .videoPlayer {
  box-shadow: 0px calc(5 * var(--vertical-rhythm)) 1px rgba(255,130,0,0.3);
}
.videoPlayer button {
  width: 100%;
  display: block;
  position: relative;
  background: #000;
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
  cursor: pointer;
}
.videoPlayer button img,
.videoPlayer button div[role="img"] {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.videoPlayer button:before {
  content: "";
  display: block;
  position: relative;
  width: 100%;
  padding-top: 56%;
}
.videoPlayer button img {
  will-change: transform;
  transform: translateZ(0);
  transition: transform 0.7s cubic-bezier(0.43, 0.195, 0.02, 1);
}
.videoPlayer button:hover img {
  transform: scale(1.05) translateZ(0);
}
.videoPlayer button span {
  display: inline-block;
  width: 15.5%;
  border-radius: 200px;
  background: #ebebeb;
  z-index: 3;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.videoPlayer button span:after {
  content: "";
  display: block;
  width: 100%;
  padding-top: 100%;
}
.videoPlayer button span svg {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 28%;
  margin-left: 4px;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 767px) {
  .videoPlayer button span {
    width: 50px;
  }
}
.videoPlayer__caption {
  padding-top: calc(2 * 11px);
  padding-top: calc(2 * var(--vertical-rhythm));
  text-align: center;
}
.is-debug .videoPlayer__caption {
  box-shadow: 0px calc(2 * var(--vertical-rhythm)) 1px inset rgba(0,255,40,0.4);
}
.videoOverlay {
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0,0,0,0.8);
  opacity: 0;
  pointer-events: none;
  transition: all 1.8s $ease-out-expo;
  z-index: 1000;
  text-align: center;
  width: 100vw;
  height: 100vh;
  visibility: hidden;
}
.videoOverlay.is-active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.videoOverlay:after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height: 100%;
}
.videoOverlay__content {
  display: inline-block;
  vertical-align: middle;
  width: 50vw;
  position: relative;
}
@media screen and (max-width: 767px) {
  .videoOverlay__content {
    width: 88vw;
  }
}
.videoOverlay__close {
  -webkit-appearance: none;
  border: none;
  background: none;
  position: absolute;
  top: 5.555555555555555vh;
  right: 6.25vw;
  width: 30px;
  height: 30px;
}
.videoOverlay__close span {
  width: 30px;
  height: 1px;
  position: absolute;
  top: 50%;
  left: 0;
  background: #fff;
  display: block;
  transform: rotate(45deg);
  background: #fff;
}
.videoOverlay__close span:nth-child(2) {
  transform: rotate(-45deg);
}
.videoOverlay__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.videoPlayer__poster {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.videoPlayer__poster img,
.videoPlayer__poster div[role="img"] {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.is-loading .videoPlayer__poster,
.is-playing .videoPlayer__poster {
  visibility: hidden;
}
.video__yt-wrapper,
.video__yt-iframe {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  top: 0;
  left: 0;
}
.video__yt-iframe {
  height: 100% !important;
}
.videoPlayer__spacer {
  padding-top: 56.25%;
}
.webgl {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  height: 100%;
  transition: opacity 1.8s cubic-bezier(0.43, 0.195, 0.02, 1), visibility 0s 1.8s;
}
.has-js .webgl {
  opacity: 0;
}
.is-active .webgl {
  opacity: 1;
  transition: opacity 1.8s cubic-bezier(0.43, 0.195, 0.02, 1), visibility 0s 0s;
}
.webgl__figure {
  height: 75.64814814814815vh;
  width: 75.64814814814815vh;
  top: calc(50vh - 37.8vh);
  left: calc(50vw - 37.8vh);
  position: absolute;
  overflow: visible;
}
.webgl__figure img {
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 767px) {
  .webgl__figure {
    height: 100vw;
    width: 100vw;
    top: calc(50vh - 50vw );
    left: calc(50vw - 50vw );
  }
}
.webgl__caption {
  position: absolute;
  display: flex;
  align-items: center;
  z-index: 2;
}
.webgl__caption > span {
  display: inline-block;
  opacity: 0;
  transition: 1s 0.5s cubic-bezier(0.43, 0.195, 0.02, 1);
}
.is-active .webgl__caption > span {
  opacity: 1;
}
.webgl__caption > span:nth-child(1) {
  color: #ff583c;
  margin-right: 10px;
  margin-left: 20px;
}
.webgl__caption > span:nth-child(2) {
  margin-right: 10px;
}
.webgl__caption:nth-child(odd):after,
.webgl__caption:nth-child(even):before {
  display: none;
}
.webgl__caption:nth-child(even):after,
.webgl__caption:nth-child(odd):before {
  content: "";
  display: inline-block;
  flex-grow: 1;
  height: 1px;
  background: #fff;
  transform: scaleX(0);
  transition: 1.8s cubic-bezier(0.43, 0.195, 0.02, 1);
}
.is-active .webgl__caption:nth-child(even):after,
.is-active .webgl__caption:nth-child(odd):before {
  transform: scaleX(1);
}
.webgl__caption:nth-child(even):after {
  transform-origin: 100% 0;
}
.webgl__caption:nth-child(odd):before {
  transform-origin: 0 0;
}
.webgl__caption:nth-child(1) > span {
  transition-delay: 0.5s;
}
.webgl__caption:nth-child(2) > span {
  transition-delay: 0.6s;
}
.webgl__caption:nth-child(2):nth-child(even):after,
.webgl__caption:nth-child(2):nth-child(odd):before {
  transition-delay: 0.1s;
}
.webgl__caption:nth-child(3) > span {
  transition-delay: 0.7s;
}
.webgl__caption:nth-child(3):nth-child(even):after,
.webgl__caption:nth-child(3):nth-child(odd):before {
  transition-delay: 0.2s;
}
@media screen and (max-width: 767px) {
  .webgl__caption:before,
  .webgl__caption:after {
    display: none !important;
  }
  .webgl__caption:nth-child(odd),
  .webgl__caption:nth-child(even) {
    background: rgba(0,0,0,0.8) !important;
    border: solid 1px #ff583c;
    height: 40px !important;
    width: 40px !important;
    margin-top: -20px !important;
    margin-left: -20px !important;
    position: absolute !important;
    border-radius: 100px !important;
  }
  .webgl__caption > span:nth-child(1) {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
  }
  .webgl__caption > span:nth-child(2) {
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
[gl-img] {
  opacity: 0;
}
.u-color--white {
  color: #fff;
}
.u-fill--white {
  fill: #fff;
}
.u-stroke--white {
  stroke: #fff;
}
.u-bg--white {
  background: #fff;
}
.u-color--black {
  color: #000;
}
.u-fill--black {
  fill: #000;
}
.u-stroke--black {
  stroke: #000;
}
.u-bg--black {
  background: #000;
}
.u-color--red {
  color: #ff583c;
}
.u-fill--red {
  fill: #ff583c;
}
.u-stroke--red {
  stroke: #ff583c;
}
.u-bg--red {
  background: #ff583c;
}
@media screen and (max-width: 767px) {
  .desktopOnly {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .mobileOnly {
    display: none;
  }
}
.debugGuides {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 100000;
  pointer-events: none;
  display: none;
}
.is-debug .debugGuides {
  display: block;
  background: repeating-linear-gradient(rgba(255,255,0,0.4), transparent 1px, transparent 11px);
  background: repeating-linear-gradient(rgba(255,255,0,0.4), transparent 1px, transparent var(--vertical-rhythm));
}
.debugGuides > * {
  opacity: 1;
  background: #0ff;
  position: absolute;
  top: 0;
  height: 100%;
  width: 1px;
  z-index: 2;
}
.debugGuides > *:nth-child(1) {
  left: calc( ( var(--colSize) * 1 + var(--gutterSize) * 0 + var(--bleedSize) * 0 ) / var(--containerSize) * var(--windowWidth) );
}
.debugGuides > *:nth-child(2) {
  left: calc( ( var(--colSize) * 2 + var(--gutterSize) * 0 + var(--bleedSize) * 0 ) / var(--containerSize) * var(--windowWidth) );
}
.debugGuides > *:nth-child(3) {
  left: calc( ( var(--colSize) * 3 + var(--gutterSize) * 0 + var(--bleedSize) * 0 ) / var(--containerSize) * var(--windowWidth) );
}
.debugGuides > *:nth-child(4) {
  left: calc( ( var(--colSize) * 4 + var(--gutterSize) * 0 + var(--bleedSize) * 0 ) / var(--containerSize) * var(--windowWidth) );
}
.debugGuides > *:nth-child(5) {
  left: calc( ( var(--colSize) * 5 + var(--gutterSize) * 0 + var(--bleedSize) * 0 ) / var(--containerSize) * var(--windowWidth) );
}
.debugGuides > *:nth-child(6) {
  left: calc( ( var(--colSize) * 6 + var(--gutterSize) * 0 + var(--bleedSize) * 0 ) / var(--containerSize) * var(--windowWidth) );
}
.debugGuides > *:nth-child(7) {
  left: calc( ( var(--colSize) * 7 + var(--gutterSize) * 0 + var(--bleedSize) * 0 ) / var(--containerSize) * var(--windowWidth) );
}
.debugGuides > *:nth-child(8) {
  left: calc( ( var(--colSize) * 8 + var(--gutterSize) * 0 + var(--bleedSize) * 0 ) / var(--containerSize) * var(--windowWidth) );
}
.debugGuides > *:nth-child(9) {
  left: calc( ( var(--colSize) * 9 + var(--gutterSize) * 0 + var(--bleedSize) * 0 ) / var(--containerSize) * var(--windowWidth) );
}
.debugGuides > *:nth-child(10) {
  left: calc( ( var(--colSize) * 10 + var(--gutterSize) * 0 + var(--bleedSize) * 0 ) / var(--containerSize) * var(--windowWidth) );
}
.debugGuides > *:nth-child(11) {
  left: calc( ( var(--colSize) * 11 + var(--gutterSize) * 0 + var(--bleedSize) * 0 ) / var(--containerSize) * var(--windowWidth) );
}
.debugGuides > *:nth-child(12) {
  left: calc( ( var(--colSize) * 12 + var(--gutterSize) * 0 + var(--bleedSize) * 0 ) / var(--containerSize) * var(--windowWidth) );
}
.ms-stories,
main {
  display: block;
  min-height: 100vh;
}