@font-face {
  font-family: classico;
  font-style: normal;
  font-weight: 300;
  src: url(URWClassicoRegular.ttf);
}
@font-face {
  font-family: acumin;
  font-style: normal;
  font-weight: 300;
  src: url(Acumin-RPro.otf);
}
@font-face {
  font-family: cardo;
  font-style: normal;
  font-weight: 300;
  src: url(Cardo-Regular.ttf);
}
@font-face {
  font-family: misthic;
  font-style: normal;
  font-weight: 300;
  src: url(Misthic.otf);
}
:root {
  --color-bg-light: #f8f8f8;
  --color-bg-grey: #e4dedc;
  --dark-brown: #422715;
  --brown: #875c34;
  --color-bg-dark: #56524a;
  --color-bg-dark-lighter: #625e57;
  --color-bg-dark-rgba: rgba(44, 43, 39, .9);
  --color-type: #8b7c6c;
  --color-type-alt: #c9b6a0;
  --color-type-lighter: #938785;
  --color-type-dark: #ede4e3;
  --color-type-darker: #c9c3b8;
  --color-dark-active: #e4e2ef;
  --color-border: #e7e3e2;
  --color-border-opacity: rgba(86, 82, 73, .15);
  --color-border-light: #46443f;
  --color-border-dark: #76726a;
  --color-footer-link: #b7b5a7;
  --announce-height: calc(0 * var(--margin));
  --header-final: calc(4.75 * var(--margin));
  --header-total-height: 135px;
  --page-min-height: calc(100vh - var(--announce-height));
  --margin: clamp(10.5px, 1.25vw, 20px);
  --max-width: calc((100vw - (2 * var(--margin) )) * 12 / 13);
  --max-width: calc((100vw - (2 * var(--margin) )) * 6 / 7);
  --max-width-mobile: calc(100vw - (2 * var(--margin)));
  --col-width: calc(var(--max-width) / 24);
  --col-width: (100vw / 33);
  --column: var(--col-width);
  --col-width-mobile: calc(var(--max-width-mobile) / 8);
  --letter-spacing: 0.0975rem;
  --logo-size: 2.125rem;
  --logo-size-mobile: 1.875rem;
  --type-size: 12.175px;
  --type-size-clamp: clamp(12.175px, .925vw, var(--type-size));
  --type-size-clamp: clamp(11.175px, .925vw, 12.75px);
  --type-size-larger: calc(1.175 * var(--type-size-clamp));
  --type-size-heading: 1.175vw;
  --type-size-heading-smaller: 1.025rem;
  --type-size-tagline: 1.125vw;
  --type-size-heading-mobile: 4.125vw;
  --type-size-tagline-mobile: 3.675vw;
  --type-size-small: calc(.875 * var(--type-size-clamp));
  --type-size-small-mobile: calc(.925 * var(--type-size));
  --type-size-smaller: calc(.775 * var(--type-size-clamp));
  --type-size-super: calc(var(--max-width) / 16);
  --window-base-height: 100vh;
  --box-offset: 0;
  --box-top: 0;
  --ease-out-quart: cubic-bezier(0.25, 1, 0.5, 1);
  --icon-arrow: url("data:image/svg+xml,%3Csvg version='1.1' class='icon--arrow' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 22.9 8.2' style='enable-background:new 0 0 22.9 8.2%3B' xml:space='preserve'%3E%3Cline class='st0' x1='22.7' y1='4.05' x2='0' y2='4.1' style='stroke:%23565249%3Bstroke-width:.25'/%3E%3Ccircle class='st1' cx='21.9' cy='4' r='0.65' style='stroke-width:0%3Bfill:%23565249%3B'/%3E%3C/svg%3E");
  --icon-arrow-light: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 22.9 8.2' style='enable-background:new 0 0 22.9 8.2%3B' xml:space='preserve'%3E%3Cstyle type='text/css'%3E.st0%7Bfill:none%3Bstroke:%23e9e0d2%3Bstroke-width:0.25%3B%7D%3C/style%3E%3Cpolyline class='st0' points='21.4 5.5 22.7 4.1 21.4 2.7 '/%3E%3Cline class='st0' x1='22.7' y1='4.1' x2='0' y2='4.1'/%3E%3C/svg%3E");
  --icon-arrow-dark: url("data:image/svg+xml,%3Csvg version='1.1' class='icon--arrow' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 22.9 8.2' style='enable-background:new 0 0 22.9 8.2%3B' xml:space='preserve'%3E%3Cline class='st0' x1='22.7' y1='4.05' x2='0' y2='4.1' style='stroke:%23ede4e3%3Bstroke-width:.25'/%3E%3Ccircle class='st1' cx='21.9' cy='4' r='0.65' style='stroke-width:0%3Bfill:%23ede4e3%3B'/%3E%3C/svg%3E");
}

/*================ Media Query Mixin ================*/
/*============================================================================
  Grid Breakpoints and Class Names
	- Do not change breakpoint variable names
	- Medium breakpoint is also set in theme.js.liquid and inline
	throughout some templates. Be weary of changing unless you know what you're doing.
==============================================================================*/
/*============================================================================
  Grid Columns
	- Create width classes, prepended by the breakpoint name.
==============================================================================*/
/*================ Build Base Grid Classes ================*/
/* Whole */
.one-whole {
  width: 100%;
}

/* Halves */
.one-half {
  width: 50%;
}

/* Thirds */
.one-third {
  width: 33.3333333333%;
}

.two-thirds {
  width: 66.6666666667%;
}

/* Quarters */
.one-quarter {
  width: 25%;
}

.two-quarters {
  width: 50%;
}

.three-quarters {
  width: 75%;
}

/* Fifths */
.one-fifth {
  width: 20%;
}

.two-fifths {
  width: 40%;
}

.three-fifths {
  width: 60%;
}

.four-fifths {
  width: 80%;
}

/* Sixths */
.one-sixth {
  width: 16.6666666667%;
}

.two-sixths {
  width: 33.3333333333%;
}

.three-sixths {
  width: 50%;
}

.four-sixths {
  width: 66.6666666667%;
}

.five-sixths {
  width: 83.3333333333%;
}

/* Eighths */
.one-eighth {
  width: 12.5%;
}

.two-eighths {
  width: 25%;
}

.three-eighths {
  width: 37.5%;
}

.four-eighths {
  width: 50%;
}

.five-eighths {
  width: 62.5%;
}

.six-eighths {
  width: 75%;
}

.seven-eighths {
  width: 87.5%;
}

/* Tenths */
.one-tenth {
  width: 10%;
}

.two-tenths {
  width: 20%;
}

.three-tenths {
  width: 30%;
}

.four-tenths {
  width: 40%;
}

.five-tenths {
  width: 50%;
}

.six-tenths {
  width: 60%;
}

.seven-tenths {
  width: 70%;
}

.eight-tenths {
  width: 80%;
}

.nine-tenths {
  width: 90%;
}

/* Twelfths */
.one-twelfth {
  width: 8.3333333333%;
}

.two-twelfths {
  width: 16.6666666667%;
}

.three-twelfths {
  width: 25%;
}

.four-twelfths {
  width: 33.3333333333%;
}

.five-twelfths {
  width: 41.6666666667%;
}

.six-twelfths {
  width: 50%;
}

.seven-twelfths {
  width: 58.3333333333%;
}

.eight-twelfths {
  width: 66.6666666667%;
}

.nine-twelfths {
  width: 75%;
}

.ten-twelfths {
  width: 83.3333333333%;
}

.eleven-twelfths {
  width: 91.6666666667%;
}

.one-col {
  width: calc(var(--col-width) - 0.1px);
}

.two-col {
  width: calc(2 * var(--col-width) - 0.1px);
}

.three-col {
  width: calc(3 * var(--col-width) - 0.1px);
}

.four-col {
  width: calc(4 * var(--col-width) - 0.1px);
}

.five-col {
  width: calc(5 * var(--col-width) - 0.1px);
}

.six-col {
  width: calc(6 * var(--col-width) - 0.1px);
}

.seven-col {
  width: calc(7 * var(--col-width) - 0.1px);
}

.eight-col {
  width: calc(8 * var(--col-width) - 0.1px);
}

.nine-col {
  width: calc(9 * var(--col-width) - 0.1px);
}

.ten-col {
  width: calc(10 * var(--col-width) - 0.1px);
}

.eleven-col {
  width: calc(11 * var(--col-width) - 0.1px);
}

.twelve-col {
  width: calc(12 * var(--col-width) - 0.1px);
}

.thirteen-col {
  width: calc(13 * var(--col-width) - 0.1px);
}

.fourteen-col {
  width: calc(14 * var(--col-width) - 0.1px);
}

.fifteen-col {
  width: calc(15 * var(--col-width) - 0.1px);
}

.sixteen-col {
  width: calc(16 * var(--col-width) - 0.1px);
}

.seventeen-col {
  width: calc(17 * var(--col-width) - 0.1px);
}

.eighteen-col {
  width: calc(18 * var(--col-width) - 0.1px);
}

.nineteen-col {
  width: calc(19 * var(--col-width) - 0.1px);
}

.twenty-col {
  width: calc(20 * var(--col-width) - 0.1px);
}

.twenty-one-col {
  width: calc(21 * var(--col-width) - 0.1px);
}

.twenty-two-col {
  width: calc(22 * var(--col-width) - 0.1px);
}

.twenty-three-col {
  width: calc(23 * var(--col-width) - 0.1px);
}

.twenty-four-col {
  width: calc(24 * var(--col-width) - 0.1px);
}

.twenty-five-col {
  width: calc(25 * var(--col-width) - 0.1px);
}

.twenty-six-col {
  width: calc(26 * var(--col-width) - 0.1px);
}

.twenty-seven-col {
  width: calc(27 * var(--col-width) - 0.1px);
}

.twenty-eight-col {
  width: calc(28 * var(--col-width) - 0.1px);
}

.one-col-mobile {
  width: calc(var(--col-width-mobile) - 0.1px);
}

.two-col-mobile {
  width: calc(2 * var(--col-width-mobile) - 0.1px);
}

.three-col-mobile {
  width: calc(3 * var(--col-width-mobile) - 0.1px);
}

.four-col-mobile {
  width: calc(4 * var(--col-width-mobile) - 0.1px);
}

.six-col-mobile {
  width: calc(6 * var(--col-width-mobile) - 0.1px);
}

.eight-col-mobile {
  width: calc(8 * var(--col-width-mobile) - 0.1px);
}

.one-col-mobile-offset {
  margin-left: calc(var(--col-width-mobile) - 0.1px);
}

.two-col-mobile-offset {
  margin-left: calc(2 * var(--col-width-mobile) - 0.1px);
}

.three-col-mobile-offset {
  margin-left: calc(3 * var(--col-width-mobile) - 0.1px);
}

.minus-one-top-col-offset {
  margin-top: calc(-1 * var(--col-width) - var(--margin));
}

.minus-two-top-col-offset {
  margin-top: calc(-2 * var(--col-width) - 2 * var(--margin));
}

.minus-three-top-col-offset {
  margin-top: calc(-3 * var(--col-width) - var(--margin));
}

.minus-four-top-col-offset {
  margin-top: calc(-4 * var(--col-width) - var(--margin));
}

.minus-six-top-col-offset {
  margin-top: calc(-6 * var(--col-width) - var(--margin));
}

.minus-one-col-offset {
  margin-left: calc(-1 * var(--col-width));
}

.minus-two-col-offset {
  margin-left: calc(-2 * var(--col-width));
}

.minus-three-col-offset {
  margin-left: calc(-3 * var(--col-width));
}

.minus-four-col-offset {
  margin-left: calc(-4 * var(--col-width));
}

.minus-six-col-offset {
  margin-left: calc(-6 * var(--col-width));
}

.minus-eight-col-offset {
  margin-left: calc(-8 * var(--col-width));
}

.minus-nine-col-offset {
  margin-left: calc(-9 * var(--col-width));
}

.minus-ten-col-offset {
  margin-left: calc(-10 * var(--col-width));
}

.minus-twelve-col-offset {
  margin-left: calc(-12 * var(--col-width));
}

.minus-fourteen-col-offset {
  margin-left: calc(-14 * var(--col-width));
}

.minus-fifteen-col-offset {
  margin-left: calc(-15 * var(--col-width));
}

.minus-sixteen-col-offset {
  margin-left: calc(-16 * var(--col-width));
}

.minus-twenty-four-col-offset {
  margin-left: calc(-24 * var(--col-width));
}

.minus-one-rcol-offset {
  margin-right: calc(-1 * var(--col-width));
}

.minus-two-rcol-offset {
  margin-right: calc(-2 * var(--col-width));
}

.minus-three-rcol-offset {
  margin-right: calc(-3 * var(--col-width));
}

.minus-four-rcol-offset {
  margin-right: calc(-4 * var(--col-width));
}

.minus-six-rcol-offset {
  margin-right: calc(-6 * var(--col-width));
}

.minus-eight-rcol-offset {
  margin-right: calc(-8 * var(--col-width));
}

.minus-nine-rcol-offset {
  margin-right: calc(-9 * var(--col-width));
}

.minus-ten-rcol-offset {
  margin-right: calc(-10 * var(--col-width));
}

.minus-twelve-rcol-offset {
  margin-right: calc(-12 * var(--col-width));
}

.minus-sixteen-rcol-offset {
  margin-right: calc(-16 * var(--col-width));
}

.minus-twenty-four-rcol-offset {
  margin-right: calc(-24 * var(--col-width));
}

.one-col-offset {
  margin-left: calc(var(--col-width));
}

.two-col-offset {
  margin-left: calc(2 * var(--col-width));
}

.three-col-offset {
  margin-left: calc(3 * var(--col-width));
}

.four-col-offset {
  margin-left: calc(4 * var(--col-width));
}

.six-col-offset {
  margin-left: calc(6 * var(--col-width));
}

.seven-col-offset {
  margin-left: calc(7 * var(--col-width));
}

.eight-col-offset {
  margin-left: calc(8 * var(--col-width));
}

.nine-col-offset {
  margin-left: calc(9 * var(--col-width));
}

.ten-col-offset {
  margin-left: calc(10 * var(--col-width));
}

.eleven-col-offset {
  margin-left: calc(11 * var(--col-width));
}

.twelve-col-offset {
  margin-left: calc(12 * var(--col-width));
}

.thirteen-col-offset {
  margin-left: calc(13 * var(--col-width));
}

.fourteen-col-offset {
  margin-left: calc(14 * var(--col-width));
}

.fifteen-col-offset {
  margin-left: calc(15 * var(--col-width));
}

.sixteen-col-offset {
  margin-left: calc(16 * var(--col-width));
}

.twenty-four-col-offset {
  margin-left: calc(24 * var(--col-width));
}

.padding-bottom {
  padding-bottom: calc(1 * var(--margin));
}

.padding-bottom-double {
  padding-bottom: calc(2 * var(--margin));
}

.padding-bottom-triple {
  padding-bottom: calc(3 * var(--margin));
}

.padding-bottom-quad {
  padding-bottom: calc(4 * var(--margin));
}

.padding-top {
  padding-top: calc(1 * var(--margin));
}

.padding-top-double {
  padding-top: calc(2 * var(--margin));
}

.padding-top-triple {
  padding-top: calc(3 * var(--margin));
}

.padding-top-quad {
  padding-top: calc(4 * var(--margin));
}

.padding-left {
  padding-left: calc(1 * var(--margin));
}

.padding-left-double {
  padding-left: calc(2 * var(--margin));
}

.padding-left-triple {
  padding-left: calc(3 * var(--margin));
}

.padding-left-quad {
  padding-left: calc(4 * var(--margin));
}

.padding-right {
  padding-right: calc(1 * var(--margin));
}

.padding-right-double {
  padding-right: calc(2 * var(--margin));
}

.padding-right-triple {
  padding-right: calc(3 * var(--margin));
}

.padding-right-quad {
  padding-right: calc(4 * var(--margin));
}

.margin-bottom-none {
  margin-bottom: 0;
}

.margin-bottom {
  margin-bottom: calc(1 * var(--margin));
}

.margin-bottom-double {
  margin-bottom: calc(2 * var(--margin));
}

.margin-bottom-triple {
  margin-bottom: calc(3 * var(--margin));
}

.margin-bottom-quad {
  margin-bottom: calc(4 * var(--margin));
}

.margin-bottom-oct {
  margin-bottom: calc(8 * var(--margin));
}

.margin-bottom-dodec {
  margin-bottom: calc(12 * var(--margin));
}

.margin-bottom-hexakaideca {
  margin-bottom: calc(16 * var(--margin));
}

.margin-top-col {
  margin-top: calc(1 * (var(--col-width) + 1px));
}

.margin-top-double-col {
  margin-top: calc(2 * (var(--col-width) + 1px));
}

.margin-top-triple-col {
  margin-top: calc(3 * (var(--col-width) + 1px));
}

.margin-top-quad-col {
  margin-top: calc(4 * (var(--col-width) + 1px));
}

.margin-top {
  margin-top: calc(1 * var(--margin));
}

.margin-top-double {
  margin-top: calc(2 * var(--margin));
}

.margin-top-triple {
  margin-top: calc(3 * var(--margin));
}

.margin-top-quad {
  margin-top: calc(4 * var(--margin));
}

.margin-top-oct {
  margin-top: calc(8 * var(--margin));
}

.margin-top-dodec {
  margin-top: calc(12 * var(--margin));
}

.margin-top-hexakaideca {
  margin-top: calc(16 * var(--margin));
}

.margin-bottom-col {
  margin-bottom: calc(1 * (var(--col-width) + 1px));
}

.margin-bottom-double-col {
  margin-bottom: calc(2 * (var(--col-width) + 1px));
}

.margin-bottom-triple-col {
  margin-bottom: calc(3 * (var(--col-width) + 1px));
}

.margin-bottom-quad-col {
  margin-bottom: calc(4 * (var(--col-width) + 1px));
}

.margin-left {
  margin-left: calc(1 * var(--margin));
}

.margin-left-double {
  margin-left: calc(2 * var(--margin));
}

.margin-left-triple {
  margin-left: calc(3 * var(--margin));
}

.margin-left-quad {
  margin-left: calc(4 * var(--margin));
}

.margin-right {
  margin-right: calc(1 * var(--margin));
}

.margin-right-double {
  margin-right: calc(2 * var(--margin));
}

.margin-right-triple {
  margin-right: calc(3 * var(--margin));
}

.margin-right-quad {
  margin-right: calc(4 * var(--margin));
}

.margin-left-col {
  margin-left: calc(1 * (var(--col-width) + 1px));
}

.margin-left-double-col {
  margin-left: calc(2 * (var(--col-width) + 1px));
}

.margin-left-triple-col {
  margin-left: calc(3 * (var(--col-width) + 1px));
}

.margin-left-quad-col {
  margin-left: calc(4 * (var(--col-width) + 1px));
}

.margin-right-col {
  margin-right: calc(1 * (var(--col-width) + 1px));
}

.margin-right-double-col {
  margin-right: calc(2 * (var(--col-width) + 1px));
}

.margin-right-triple-col {
  margin-right: calc(3 * (var(--col-width) + 1px));
}

.margin-right-quad-col {
  margin-right: calc(4 * (var(--col-width) + 1px));
}

.padding-bottom-col {
  padding-bottom: calc(1 * (var(--col-width) + 1px));
}

.padding-bottom-single-half-col {
  padding-bottom: calc(1.5 * (var(--col-width) + 1px));
}

.padding-bottom-double-col {
  padding-bottom: calc(2 * (var(--col-width) + 1px));
}

.padding-bottom-triple-col {
  padding-bottom: calc(3 * (var(--col-width) + 1px));
}

.padding-bottom-quad-col {
  padding-bottom: calc(4 * (var(--col-width) + 1px));
}

.padding-top-col-half {
  padding-top: calc(0.5 * (var(--col-width) + 1px));
}

.padding-top-col {
  padding-top: calc(1 * (var(--col-width) + 1px));
}

.padding-top-single-half-col {
  padding-top: calc(1.5 * (var(--col-width) + 1px));
}

.padding-top-double-col {
  padding-top: calc(2 * (var(--col-width) + 1px));
}

.padding-top-triple-col {
  padding-top: calc(3 * (var(--col-width) + 1px));
}

.padding-top-quad-col {
  padding-top: calc(4 * (var(--col-width) + 1px));
}

.padding-top-hexa-col {
  padding-top: calc(6 * (var(--col-width) + 1px));
}

.aspect--two-one {
  aspect-ratio: 2/1;
}

.aspect--sixteen-nine {
  aspect-ratio: 16/9;
}

.aspect--three-two {
  aspect-ratio: 3/2;
}

.aspect--four-three {
  aspect-ratio: 4/3;
}

.aspect--five-four {
  aspect-ratio: 5/4;
}

.aspect--one-one {
  aspect-ratio: 1/1;
}

.aspect--four-five {
  aspect-ratio: 4/5;
}

.aspect--two-three {
  aspect-ratio: 2/3;
}

.aspect--nine-sixteen {
  aspect-ratio: 9/16;
}

.flex-align--start {
  align-items: flex-start;
}

.flex-align--center {
  align-items: center;
}

.flex-align--end {
  align-items: flex-end;
}

.flex-justify--start {
  justify-content: flex-start;
}

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

.flex-justify--end {
  justify-content: flex-end;
}

.flex-justify--between {
  justify-content: space-between;
}

.flex-justify--stretch {
  justify-content: unset;
}
.flex-justify--stretch > div, .flex-justify--stretch > div > div, .flex-justify--stretch > div > div > div {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.flex-justify--stretch img {
  height: 100%;
  position: relative;
  width: 100%;
}

/*================ Build Responsive Grid Classes ================*/
@media only screen and (max-width: 768px) {
  /* Whole */
  .small--one-whole {
    width: 100%;
  }
  /* Halves */
  .small--one-half {
    width: 50%;
  }
  /* Thirds */
  .small--one-third {
    width: 33.3333333333%;
  }
  .small--two-thirds {
    width: 66.6666666667%;
  }
  /* Quarters */
  .small--one-quarter {
    width: 25%;
  }
  .small--two-quarters {
    width: 50%;
  }
  .small--three-quarters {
    width: 75%;
  }
  /* Fifths */
  .small--one-fifth {
    width: 20%;
  }
  .small--two-fifths {
    width: 40%;
  }
  .small--three-fifths {
    width: 60%;
  }
  .small--four-fifths {
    width: 80%;
  }
  /* Sixths */
  .small--one-sixth {
    width: 16.6666666667%;
  }
  .small--two-sixths {
    width: 33.3333333333%;
  }
  .small--three-sixths {
    width: 50%;
  }
  .small--four-sixths {
    width: 66.6666666667%;
  }
  .small--five-sixths {
    width: 83.3333333333%;
  }
  /* Eighths */
  .small--one-eighth {
    width: 12.5%;
  }
  .small--two-eighths {
    width: 25%;
  }
  .small--three-eighths {
    width: 37.5%;
  }
  .small--four-eighths {
    width: 50%;
  }
  .small--five-eighths {
    width: 62.5%;
  }
  .small--six-eighths {
    width: 75%;
  }
  .small--seven-eighths {
    width: 87.5%;
  }
  /* Tenths */
  .small--one-tenth {
    width: 10%;
  }
  .small--two-tenths {
    width: 20%;
  }
  .small--three-tenths {
    width: 30%;
  }
  .small--four-tenths {
    width: 40%;
  }
  .small--five-tenths {
    width: 50%;
  }
  .small--six-tenths {
    width: 60%;
  }
  .small--seven-tenths {
    width: 70%;
  }
  .small--eight-tenths {
    width: 80%;
  }
  .small--nine-tenths {
    width: 90%;
  }
  /* Twelfths */
  .small--one-twelfth {
    width: 8.3333333333%;
  }
  .small--two-twelfths {
    width: 16.6666666667%;
  }
  .small--three-twelfths {
    width: 25%;
  }
  .small--four-twelfths {
    width: 33.3333333333%;
  }
  .small--five-twelfths {
    width: 41.6666666667%;
  }
  .small--six-twelfths {
    width: 50%;
  }
  .small--seven-twelfths {
    width: 58.3333333333%;
  }
  .small--eight-twelfths {
    width: 66.6666666667%;
  }
  .small--nine-twelfths {
    width: 75%;
  }
  .small--ten-twelfths {
    width: 83.3333333333%;
  }
  .small--eleven-twelfths {
    width: 91.6666666667%;
  }
  .small--one-col {
    width: calc(var(--col-width) - 0.1px);
  }
  .small--two-col {
    width: calc(2 * var(--col-width) - 0.1px);
  }
  .small--three-col {
    width: calc(3 * var(--col-width) - 0.1px);
  }
  .small--four-col {
    width: calc(4 * var(--col-width) - 0.1px);
  }
  .small--five-col {
    width: calc(5 * var(--col-width) - 0.1px);
  }
  .small--six-col {
    width: calc(6 * var(--col-width) - 0.1px);
  }
  .small--seven-col {
    width: calc(7 * var(--col-width) - 0.1px);
  }
  .small--eight-col {
    width: calc(8 * var(--col-width) - 0.1px);
  }
  .small--nine-col {
    width: calc(9 * var(--col-width) - 0.1px);
  }
  .small--ten-col {
    width: calc(10 * var(--col-width) - 0.1px);
  }
  .small--eleven-col {
    width: calc(11 * var(--col-width) - 0.1px);
  }
  .small--twelve-col {
    width: calc(12 * var(--col-width) - 0.1px);
  }
  .small--thirteen-col {
    width: calc(13 * var(--col-width) - 0.1px);
  }
  .small--fourteen-col {
    width: calc(14 * var(--col-width) - 0.1px);
  }
  .small--fifteen-col {
    width: calc(15 * var(--col-width) - 0.1px);
  }
  .small--sixteen-col {
    width: calc(16 * var(--col-width) - 0.1px);
  }
  .small--seventeen-col {
    width: calc(17 * var(--col-width) - 0.1px);
  }
  .small--eighteen-col {
    width: calc(18 * var(--col-width) - 0.1px);
  }
  .small--nineteen-col {
    width: calc(19 * var(--col-width) - 0.1px);
  }
  .small--twenty-col {
    width: calc(20 * var(--col-width) - 0.1px);
  }
  .small--twenty-one-col {
    width: calc(21 * var(--col-width) - 0.1px);
  }
  .small--twenty-two-col {
    width: calc(22 * var(--col-width) - 0.1px);
  }
  .small--twenty-three-col {
    width: calc(23 * var(--col-width) - 0.1px);
  }
  .small--twenty-four-col {
    width: calc(24 * var(--col-width) - 0.1px);
  }
  .small--twenty-five-col {
    width: calc(25 * var(--col-width) - 0.1px);
  }
  .small--twenty-six-col {
    width: calc(26 * var(--col-width) - 0.1px);
  }
  .small--twenty-seven-col {
    width: calc(27 * var(--col-width) - 0.1px);
  }
  .small--twenty-eight-col {
    width: calc(28 * var(--col-width) - 0.1px);
  }
  .small--one-col-mobile {
    width: calc(var(--col-width-mobile) - 0.1px);
  }
  .small--two-col-mobile {
    width: calc(2 * var(--col-width-mobile) - 0.1px);
  }
  .small--three-col-mobile {
    width: calc(3 * var(--col-width-mobile) - 0.1px);
  }
  .small--four-col-mobile {
    width: calc(4 * var(--col-width-mobile) - 0.1px);
  }
  .small--six-col-mobile {
    width: calc(6 * var(--col-width-mobile) - 0.1px);
  }
  .small--eight-col-mobile {
    width: calc(8 * var(--col-width-mobile) - 0.1px);
  }
  .small--one-col-mobile-offset {
    margin-left: calc(var(--col-width-mobile) - 0.1px);
  }
  .small--two-col-mobile-offset {
    margin-left: calc(2 * var(--col-width-mobile) - 0.1px);
  }
  .small--three-col-mobile-offset {
    margin-left: calc(3 * var(--col-width-mobile) - 0.1px);
  }
  .small--minus-one-top-col-offset {
    margin-top: calc(-1 * var(--col-width) - var(--margin));
  }
  .small--minus-two-top-col-offset {
    margin-top: calc(-2 * var(--col-width) - 2 * var(--margin));
  }
  .small--minus-three-top-col-offset {
    margin-top: calc(-3 * var(--col-width) - var(--margin));
  }
  .small--minus-four-top-col-offset {
    margin-top: calc(-4 * var(--col-width) - var(--margin));
  }
  .small--minus-six-top-col-offset {
    margin-top: calc(-6 * var(--col-width) - var(--margin));
  }
  .small--minus-one-col-offset {
    margin-left: calc(-1 * var(--col-width));
  }
  .small--minus-two-col-offset {
    margin-left: calc(-2 * var(--col-width));
  }
  .small--minus-three-col-offset {
    margin-left: calc(-3 * var(--col-width));
  }
  .small--minus-four-col-offset {
    margin-left: calc(-4 * var(--col-width));
  }
  .small--minus-six-col-offset {
    margin-left: calc(-6 * var(--col-width));
  }
  .small--minus-eight-col-offset {
    margin-left: calc(-8 * var(--col-width));
  }
  .small--minus-nine-col-offset {
    margin-left: calc(-9 * var(--col-width));
  }
  .small--minus-ten-col-offset {
    margin-left: calc(-10 * var(--col-width));
  }
  .small--minus-twelve-col-offset {
    margin-left: calc(-12 * var(--col-width));
  }
  .small--minus-fourteen-col-offset {
    margin-left: calc(-14 * var(--col-width));
  }
  .small--minus-fifteen-col-offset {
    margin-left: calc(-15 * var(--col-width));
  }
  .small--minus-sixteen-col-offset {
    margin-left: calc(-16 * var(--col-width));
  }
  .small--minus-twenty-four-col-offset {
    margin-left: calc(-24 * var(--col-width));
  }
  .small--minus-one-rcol-offset {
    margin-right: calc(-1 * var(--col-width));
  }
  .small--minus-two-rcol-offset {
    margin-right: calc(-2 * var(--col-width));
  }
  .small--minus-three-rcol-offset {
    margin-right: calc(-3 * var(--col-width));
  }
  .small--minus-four-rcol-offset {
    margin-right: calc(-4 * var(--col-width));
  }
  .small--minus-six-rcol-offset {
    margin-right: calc(-6 * var(--col-width));
  }
  .small--minus-eight-rcol-offset {
    margin-right: calc(-8 * var(--col-width));
  }
  .small--minus-nine-rcol-offset {
    margin-right: calc(-9 * var(--col-width));
  }
  .small--minus-ten-rcol-offset {
    margin-right: calc(-10 * var(--col-width));
  }
  .small--minus-twelve-rcol-offset {
    margin-right: calc(-12 * var(--col-width));
  }
  .small--minus-sixteen-rcol-offset {
    margin-right: calc(-16 * var(--col-width));
  }
  .small--minus-twenty-four-rcol-offset {
    margin-right: calc(-24 * var(--col-width));
  }
  .small--one-col-offset {
    margin-left: calc(var(--col-width));
  }
  .small--two-col-offset {
    margin-left: calc(2 * var(--col-width));
  }
  .small--three-col-offset {
    margin-left: calc(3 * var(--col-width));
  }
  .small--four-col-offset {
    margin-left: calc(4 * var(--col-width));
  }
  .small--six-col-offset {
    margin-left: calc(6 * var(--col-width));
  }
  .small--seven-col-offset {
    margin-left: calc(7 * var(--col-width));
  }
  .small--eight-col-offset {
    margin-left: calc(8 * var(--col-width));
  }
  .small--nine-col-offset {
    margin-left: calc(9 * var(--col-width));
  }
  .small--ten-col-offset {
    margin-left: calc(10 * var(--col-width));
  }
  .small--eleven-col-offset {
    margin-left: calc(11 * var(--col-width));
  }
  .small--twelve-col-offset {
    margin-left: calc(12 * var(--col-width));
  }
  .small--thirteen-col-offset {
    margin-left: calc(13 * var(--col-width));
  }
  .small--fourteen-col-offset {
    margin-left: calc(14 * var(--col-width));
  }
  .small--fifteen-col-offset {
    margin-left: calc(15 * var(--col-width));
  }
  .small--sixteen-col-offset {
    margin-left: calc(16 * var(--col-width));
  }
  .small--twenty-four-col-offset {
    margin-left: calc(24 * var(--col-width));
  }
  .small--padding-bottom {
    padding-bottom: calc(1 * var(--margin));
  }
  .small--padding-bottom-double {
    padding-bottom: calc(2 * var(--margin));
  }
  .small--padding-bottom-triple {
    padding-bottom: calc(3 * var(--margin));
  }
  .small--padding-bottom-quad {
    padding-bottom: calc(4 * var(--margin));
  }
  .small--padding-top {
    padding-top: calc(1 * var(--margin));
  }
  .small--padding-top-double {
    padding-top: calc(2 * var(--margin));
  }
  .small--padding-top-triple {
    padding-top: calc(3 * var(--margin));
  }
  .small--padding-top-quad {
    padding-top: calc(4 * var(--margin));
  }
  .small--padding-left {
    padding-left: calc(1 * var(--margin));
  }
  .small--padding-left-double {
    padding-left: calc(2 * var(--margin));
  }
  .small--padding-left-triple {
    padding-left: calc(3 * var(--margin));
  }
  .small--padding-left-quad {
    padding-left: calc(4 * var(--margin));
  }
  .small--padding-right {
    padding-right: calc(1 * var(--margin));
  }
  .small--padding-right-double {
    padding-right: calc(2 * var(--margin));
  }
  .small--padding-right-triple {
    padding-right: calc(3 * var(--margin));
  }
  .small--padding-right-quad {
    padding-right: calc(4 * var(--margin));
  }
  .small--margin-bottom-none {
    margin-bottom: 0;
  }
  .small--margin-bottom {
    margin-bottom: calc(1 * var(--margin));
  }
  .small--margin-bottom-double {
    margin-bottom: calc(2 * var(--margin));
  }
  .small--margin-bottom-triple {
    margin-bottom: calc(3 * var(--margin));
  }
  .small--margin-bottom-quad {
    margin-bottom: calc(4 * var(--margin));
  }
  .small--margin-bottom-oct {
    margin-bottom: calc(8 * var(--margin));
  }
  .small--margin-bottom-dodec {
    margin-bottom: calc(12 * var(--margin));
  }
  .small--margin-bottom-hexakaideca {
    margin-bottom: calc(16 * var(--margin));
  }
  .small--margin-top-col {
    margin-top: calc(1 * (var(--col-width) + 1px));
  }
  .small--margin-top-double-col {
    margin-top: calc(2 * (var(--col-width) + 1px));
  }
  .small--margin-top-triple-col {
    margin-top: calc(3 * (var(--col-width) + 1px));
  }
  .small--margin-top-quad-col {
    margin-top: calc(4 * (var(--col-width) + 1px));
  }
  .small--margin-top {
    margin-top: calc(1 * var(--margin));
  }
  .small--margin-top-double {
    margin-top: calc(2 * var(--margin));
  }
  .small--margin-top-triple {
    margin-top: calc(3 * var(--margin));
  }
  .small--margin-top-quad {
    margin-top: calc(4 * var(--margin));
  }
  .small--margin-top-oct {
    margin-top: calc(8 * var(--margin));
  }
  .small--margin-top-dodec {
    margin-top: calc(12 * var(--margin));
  }
  .small--margin-top-hexakaideca {
    margin-top: calc(16 * var(--margin));
  }
  .small--margin-bottom-col {
    margin-bottom: calc(1 * (var(--col-width) + 1px));
  }
  .small--margin-bottom-double-col {
    margin-bottom: calc(2 * (var(--col-width) + 1px));
  }
  .small--margin-bottom-triple-col {
    margin-bottom: calc(3 * (var(--col-width) + 1px));
  }
  .small--margin-bottom-quad-col {
    margin-bottom: calc(4 * (var(--col-width) + 1px));
  }
  .small--margin-left {
    margin-left: calc(1 * var(--margin));
  }
  .small--margin-left-double {
    margin-left: calc(2 * var(--margin));
  }
  .small--margin-left-triple {
    margin-left: calc(3 * var(--margin));
  }
  .small--margin-left-quad {
    margin-left: calc(4 * var(--margin));
  }
  .small--margin-right {
    margin-right: calc(1 * var(--margin));
  }
  .small--margin-right-double {
    margin-right: calc(2 * var(--margin));
  }
  .small--margin-right-triple {
    margin-right: calc(3 * var(--margin));
  }
  .small--margin-right-quad {
    margin-right: calc(4 * var(--margin));
  }
  .small--margin-left-col {
    margin-left: calc(1 * (var(--col-width) + 1px));
  }
  .small--margin-left-double-col {
    margin-left: calc(2 * (var(--col-width) + 1px));
  }
  .small--margin-left-triple-col {
    margin-left: calc(3 * (var(--col-width) + 1px));
  }
  .small--margin-left-quad-col {
    margin-left: calc(4 * (var(--col-width) + 1px));
  }
  .small--margin-right-col {
    margin-right: calc(1 * (var(--col-width) + 1px));
  }
  .small--margin-right-double-col {
    margin-right: calc(2 * (var(--col-width) + 1px));
  }
  .small--margin-right-triple-col {
    margin-right: calc(3 * (var(--col-width) + 1px));
  }
  .small--margin-right-quad-col {
    margin-right: calc(4 * (var(--col-width) + 1px));
  }
  .small--padding-bottom-col {
    padding-bottom: calc(1 * (var(--col-width) + 1px));
  }
  .small--padding-bottom-single-half-col {
    padding-bottom: calc(1.5 * (var(--col-width) + 1px));
  }
  .small--padding-bottom-double-col {
    padding-bottom: calc(2 * (var(--col-width) + 1px));
  }
  .small--padding-bottom-triple-col {
    padding-bottom: calc(3 * (var(--col-width) + 1px));
  }
  .small--padding-bottom-quad-col {
    padding-bottom: calc(4 * (var(--col-width) + 1px));
  }
  .small--padding-top-col-half {
    padding-top: calc(0.5 * (var(--col-width) + 1px));
  }
  .small--padding-top-col {
    padding-top: calc(1 * (var(--col-width) + 1px));
  }
  .small--padding-top-single-half-col {
    padding-top: calc(1.5 * (var(--col-width) + 1px));
  }
  .small--padding-top-double-col {
    padding-top: calc(2 * (var(--col-width) + 1px));
  }
  .small--padding-top-triple-col {
    padding-top: calc(3 * (var(--col-width) + 1px));
  }
  .small--padding-top-quad-col {
    padding-top: calc(4 * (var(--col-width) + 1px));
  }
  .small--padding-top-hexa-col {
    padding-top: calc(6 * (var(--col-width) + 1px));
  }
  .small--aspect--two-one {
    aspect-ratio: 2/1;
  }
  .small--aspect--sixteen-nine {
    aspect-ratio: 16/9;
  }
  .small--aspect--three-two {
    aspect-ratio: 3/2;
  }
  .small--aspect--four-three {
    aspect-ratio: 4/3;
  }
  .small--aspect--five-four {
    aspect-ratio: 5/4;
  }
  .small--aspect--one-one {
    aspect-ratio: 1/1;
  }
  .small--aspect--four-five {
    aspect-ratio: 4/5;
  }
  .small--aspect--two-three {
    aspect-ratio: 2/3;
  }
  .small--aspect--nine-sixteen {
    aspect-ratio: 9/16;
  }
  .small--flex-align--start {
    align-items: flex-start;
  }
  .small--flex-align--center {
    align-items: center;
  }
  .small--flex-align--end {
    align-items: flex-end;
  }
  .small--flex-justify--start {
    justify-content: flex-start;
  }
  .small--flex-justify--center {
    justify-content: center;
  }
  .small--flex-justify--end {
    justify-content: flex-end;
  }
  .small--flex-justify--between {
    justify-content: space-between;
  }
  .small--flex-justify--stretch {
    justify-content: unset;
  }
  .small--flex-justify--stretch > div, .small--flex-justify--stretch > div > div, .small--flex-justify--stretch > div > div > div {
    display: flex;
    flex: 1;
    flex-direction: column;
  }
  .small--flex-justify--stretch img {
    height: 100%;
    position: relative;
    width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  /* Whole */
  .medium-down--one-whole {
    width: 100%;
  }
  /* Halves */
  .medium-down--one-half {
    width: 50%;
  }
  /* Thirds */
  .medium-down--one-third {
    width: 33.3333333333%;
  }
  .medium-down--two-thirds {
    width: 66.6666666667%;
  }
  /* Quarters */
  .medium-down--one-quarter {
    width: 25%;
  }
  .medium-down--two-quarters {
    width: 50%;
  }
  .medium-down--three-quarters {
    width: 75%;
  }
  /* Fifths */
  .medium-down--one-fifth {
    width: 20%;
  }
  .medium-down--two-fifths {
    width: 40%;
  }
  .medium-down--three-fifths {
    width: 60%;
  }
  .medium-down--four-fifths {
    width: 80%;
  }
  /* Sixths */
  .medium-down--one-sixth {
    width: 16.6666666667%;
  }
  .medium-down--two-sixths {
    width: 33.3333333333%;
  }
  .medium-down--three-sixths {
    width: 50%;
  }
  .medium-down--four-sixths {
    width: 66.6666666667%;
  }
  .medium-down--five-sixths {
    width: 83.3333333333%;
  }
  /* Eighths */
  .medium-down--one-eighth {
    width: 12.5%;
  }
  .medium-down--two-eighths {
    width: 25%;
  }
  .medium-down--three-eighths {
    width: 37.5%;
  }
  .medium-down--four-eighths {
    width: 50%;
  }
  .medium-down--five-eighths {
    width: 62.5%;
  }
  .medium-down--six-eighths {
    width: 75%;
  }
  .medium-down--seven-eighths {
    width: 87.5%;
  }
  /* Tenths */
  .medium-down--one-tenth {
    width: 10%;
  }
  .medium-down--two-tenths {
    width: 20%;
  }
  .medium-down--three-tenths {
    width: 30%;
  }
  .medium-down--four-tenths {
    width: 40%;
  }
  .medium-down--five-tenths {
    width: 50%;
  }
  .medium-down--six-tenths {
    width: 60%;
  }
  .medium-down--seven-tenths {
    width: 70%;
  }
  .medium-down--eight-tenths {
    width: 80%;
  }
  .medium-down--nine-tenths {
    width: 90%;
  }
  /* Twelfths */
  .medium-down--one-twelfth {
    width: 8.3333333333%;
  }
  .medium-down--two-twelfths {
    width: 16.6666666667%;
  }
  .medium-down--three-twelfths {
    width: 25%;
  }
  .medium-down--four-twelfths {
    width: 33.3333333333%;
  }
  .medium-down--five-twelfths {
    width: 41.6666666667%;
  }
  .medium-down--six-twelfths {
    width: 50%;
  }
  .medium-down--seven-twelfths {
    width: 58.3333333333%;
  }
  .medium-down--eight-twelfths {
    width: 66.6666666667%;
  }
  .medium-down--nine-twelfths {
    width: 75%;
  }
  .medium-down--ten-twelfths {
    width: 83.3333333333%;
  }
  .medium-down--eleven-twelfths {
    width: 91.6666666667%;
  }
  .medium-down--one-col {
    width: calc(var(--col-width) - 0.1px);
  }
  .medium-down--two-col {
    width: calc(2 * var(--col-width) - 0.1px);
  }
  .medium-down--three-col {
    width: calc(3 * var(--col-width) - 0.1px);
  }
  .medium-down--four-col {
    width: calc(4 * var(--col-width) - 0.1px);
  }
  .medium-down--five-col {
    width: calc(5 * var(--col-width) - 0.1px);
  }
  .medium-down--six-col {
    width: calc(6 * var(--col-width) - 0.1px);
  }
  .medium-down--seven-col {
    width: calc(7 * var(--col-width) - 0.1px);
  }
  .medium-down--eight-col {
    width: calc(8 * var(--col-width) - 0.1px);
  }
  .medium-down--nine-col {
    width: calc(9 * var(--col-width) - 0.1px);
  }
  .medium-down--ten-col {
    width: calc(10 * var(--col-width) - 0.1px);
  }
  .medium-down--eleven-col {
    width: calc(11 * var(--col-width) - 0.1px);
  }
  .medium-down--twelve-col {
    width: calc(12 * var(--col-width) - 0.1px);
  }
  .medium-down--thirteen-col {
    width: calc(13 * var(--col-width) - 0.1px);
  }
  .medium-down--fourteen-col {
    width: calc(14 * var(--col-width) - 0.1px);
  }
  .medium-down--fifteen-col {
    width: calc(15 * var(--col-width) - 0.1px);
  }
  .medium-down--sixteen-col {
    width: calc(16 * var(--col-width) - 0.1px);
  }
  .medium-down--seventeen-col {
    width: calc(17 * var(--col-width) - 0.1px);
  }
  .medium-down--eighteen-col {
    width: calc(18 * var(--col-width) - 0.1px);
  }
  .medium-down--nineteen-col {
    width: calc(19 * var(--col-width) - 0.1px);
  }
  .medium-down--twenty-col {
    width: calc(20 * var(--col-width) - 0.1px);
  }
  .medium-down--twenty-one-col {
    width: calc(21 * var(--col-width) - 0.1px);
  }
  .medium-down--twenty-two-col {
    width: calc(22 * var(--col-width) - 0.1px);
  }
  .medium-down--twenty-three-col {
    width: calc(23 * var(--col-width) - 0.1px);
  }
  .medium-down--twenty-four-col {
    width: calc(24 * var(--col-width) - 0.1px);
  }
  .medium-down--twenty-five-col {
    width: calc(25 * var(--col-width) - 0.1px);
  }
  .medium-down--twenty-six-col {
    width: calc(26 * var(--col-width) - 0.1px);
  }
  .medium-down--twenty-seven-col {
    width: calc(27 * var(--col-width) - 0.1px);
  }
  .medium-down--twenty-eight-col {
    width: calc(28 * var(--col-width) - 0.1px);
  }
  .medium-down--one-col-mobile {
    width: calc(var(--col-width-mobile) - 0.1px);
  }
  .medium-down--two-col-mobile {
    width: calc(2 * var(--col-width-mobile) - 0.1px);
  }
  .medium-down--three-col-mobile {
    width: calc(3 * var(--col-width-mobile) - 0.1px);
  }
  .medium-down--four-col-mobile {
    width: calc(4 * var(--col-width-mobile) - 0.1px);
  }
  .medium-down--six-col-mobile {
    width: calc(6 * var(--col-width-mobile) - 0.1px);
  }
  .medium-down--eight-col-mobile {
    width: calc(8 * var(--col-width-mobile) - 0.1px);
  }
  .medium-down--one-col-mobile-offset {
    margin-left: calc(var(--col-width-mobile) - 0.1px);
  }
  .medium-down--two-col-mobile-offset {
    margin-left: calc(2 * var(--col-width-mobile) - 0.1px);
  }
  .medium-down--three-col-mobile-offset {
    margin-left: calc(3 * var(--col-width-mobile) - 0.1px);
  }
  .medium-down--minus-one-top-col-offset {
    margin-top: calc(-1 * var(--col-width) - var(--margin));
  }
  .medium-down--minus-two-top-col-offset {
    margin-top: calc(-2 * var(--col-width) - 2 * var(--margin));
  }
  .medium-down--minus-three-top-col-offset {
    margin-top: calc(-3 * var(--col-width) - var(--margin));
  }
  .medium-down--minus-four-top-col-offset {
    margin-top: calc(-4 * var(--col-width) - var(--margin));
  }
  .medium-down--minus-six-top-col-offset {
    margin-top: calc(-6 * var(--col-width) - var(--margin));
  }
  .medium-down--minus-one-col-offset {
    margin-left: calc(-1 * var(--col-width));
  }
  .medium-down--minus-two-col-offset {
    margin-left: calc(-2 * var(--col-width));
  }
  .medium-down--minus-three-col-offset {
    margin-left: calc(-3 * var(--col-width));
  }
  .medium-down--minus-four-col-offset {
    margin-left: calc(-4 * var(--col-width));
  }
  .medium-down--minus-six-col-offset {
    margin-left: calc(-6 * var(--col-width));
  }
  .medium-down--minus-eight-col-offset {
    margin-left: calc(-8 * var(--col-width));
  }
  .medium-down--minus-nine-col-offset {
    margin-left: calc(-9 * var(--col-width));
  }
  .medium-down--minus-ten-col-offset {
    margin-left: calc(-10 * var(--col-width));
  }
  .medium-down--minus-twelve-col-offset {
    margin-left: calc(-12 * var(--col-width));
  }
  .medium-down--minus-fourteen-col-offset {
    margin-left: calc(-14 * var(--col-width));
  }
  .medium-down--minus-fifteen-col-offset {
    margin-left: calc(-15 * var(--col-width));
  }
  .medium-down--minus-sixteen-col-offset {
    margin-left: calc(-16 * var(--col-width));
  }
  .medium-down--minus-twenty-four-col-offset {
    margin-left: calc(-24 * var(--col-width));
  }
  .medium-down--minus-one-rcol-offset {
    margin-right: calc(-1 * var(--col-width));
  }
  .medium-down--minus-two-rcol-offset {
    margin-right: calc(-2 * var(--col-width));
  }
  .medium-down--minus-three-rcol-offset {
    margin-right: calc(-3 * var(--col-width));
  }
  .medium-down--minus-four-rcol-offset {
    margin-right: calc(-4 * var(--col-width));
  }
  .medium-down--minus-six-rcol-offset {
    margin-right: calc(-6 * var(--col-width));
  }
  .medium-down--minus-eight-rcol-offset {
    margin-right: calc(-8 * var(--col-width));
  }
  .medium-down--minus-nine-rcol-offset {
    margin-right: calc(-9 * var(--col-width));
  }
  .medium-down--minus-ten-rcol-offset {
    margin-right: calc(-10 * var(--col-width));
  }
  .medium-down--minus-twelve-rcol-offset {
    margin-right: calc(-12 * var(--col-width));
  }
  .medium-down--minus-sixteen-rcol-offset {
    margin-right: calc(-16 * var(--col-width));
  }
  .medium-down--minus-twenty-four-rcol-offset {
    margin-right: calc(-24 * var(--col-width));
  }
  .medium-down--one-col-offset {
    margin-left: calc(var(--col-width));
  }
  .medium-down--two-col-offset {
    margin-left: calc(2 * var(--col-width));
  }
  .medium-down--three-col-offset {
    margin-left: calc(3 * var(--col-width));
  }
  .medium-down--four-col-offset {
    margin-left: calc(4 * var(--col-width));
  }
  .medium-down--six-col-offset {
    margin-left: calc(6 * var(--col-width));
  }
  .medium-down--seven-col-offset {
    margin-left: calc(7 * var(--col-width));
  }
  .medium-down--eight-col-offset {
    margin-left: calc(8 * var(--col-width));
  }
  .medium-down--nine-col-offset {
    margin-left: calc(9 * var(--col-width));
  }
  .medium-down--ten-col-offset {
    margin-left: calc(10 * var(--col-width));
  }
  .medium-down--eleven-col-offset {
    margin-left: calc(11 * var(--col-width));
  }
  .medium-down--twelve-col-offset {
    margin-left: calc(12 * var(--col-width));
  }
  .medium-down--thirteen-col-offset {
    margin-left: calc(13 * var(--col-width));
  }
  .medium-down--fourteen-col-offset {
    margin-left: calc(14 * var(--col-width));
  }
  .medium-down--fifteen-col-offset {
    margin-left: calc(15 * var(--col-width));
  }
  .medium-down--sixteen-col-offset {
    margin-left: calc(16 * var(--col-width));
  }
  .medium-down--twenty-four-col-offset {
    margin-left: calc(24 * var(--col-width));
  }
  .medium-down--padding-bottom {
    padding-bottom: calc(1 * var(--margin));
  }
  .medium-down--padding-bottom-double {
    padding-bottom: calc(2 * var(--margin));
  }
  .medium-down--padding-bottom-triple {
    padding-bottom: calc(3 * var(--margin));
  }
  .medium-down--padding-bottom-quad {
    padding-bottom: calc(4 * var(--margin));
  }
  .medium-down--padding-top {
    padding-top: calc(1 * var(--margin));
  }
  .medium-down--padding-top-double {
    padding-top: calc(2 * var(--margin));
  }
  .medium-down--padding-top-triple {
    padding-top: calc(3 * var(--margin));
  }
  .medium-down--padding-top-quad {
    padding-top: calc(4 * var(--margin));
  }
  .medium-down--padding-left {
    padding-left: calc(1 * var(--margin));
  }
  .medium-down--padding-left-double {
    padding-left: calc(2 * var(--margin));
  }
  .medium-down--padding-left-triple {
    padding-left: calc(3 * var(--margin));
  }
  .medium-down--padding-left-quad {
    padding-left: calc(4 * var(--margin));
  }
  .medium-down--padding-right {
    padding-right: calc(1 * var(--margin));
  }
  .medium-down--padding-right-double {
    padding-right: calc(2 * var(--margin));
  }
  .medium-down--padding-right-triple {
    padding-right: calc(3 * var(--margin));
  }
  .medium-down--padding-right-quad {
    padding-right: calc(4 * var(--margin));
  }
  .medium-down--margin-bottom-none {
    margin-bottom: 0;
  }
  .medium-down--margin-bottom {
    margin-bottom: calc(1 * var(--margin));
  }
  .medium-down--margin-bottom-double {
    margin-bottom: calc(2 * var(--margin));
  }
  .medium-down--margin-bottom-triple {
    margin-bottom: calc(3 * var(--margin));
  }
  .medium-down--margin-bottom-quad {
    margin-bottom: calc(4 * var(--margin));
  }
  .medium-down--margin-bottom-oct {
    margin-bottom: calc(8 * var(--margin));
  }
  .medium-down--margin-bottom-dodec {
    margin-bottom: calc(12 * var(--margin));
  }
  .medium-down--margin-bottom-hexakaideca {
    margin-bottom: calc(16 * var(--margin));
  }
  .medium-down--margin-top-col {
    margin-top: calc(1 * (var(--col-width) + 1px));
  }
  .medium-down--margin-top-double-col {
    margin-top: calc(2 * (var(--col-width) + 1px));
  }
  .medium-down--margin-top-triple-col {
    margin-top: calc(3 * (var(--col-width) + 1px));
  }
  .medium-down--margin-top-quad-col {
    margin-top: calc(4 * (var(--col-width) + 1px));
  }
  .medium-down--margin-top {
    margin-top: calc(1 * var(--margin));
  }
  .medium-down--margin-top-double {
    margin-top: calc(2 * var(--margin));
  }
  .medium-down--margin-top-triple {
    margin-top: calc(3 * var(--margin));
  }
  .medium-down--margin-top-quad {
    margin-top: calc(4 * var(--margin));
  }
  .medium-down--margin-top-oct {
    margin-top: calc(8 * var(--margin));
  }
  .medium-down--margin-top-dodec {
    margin-top: calc(12 * var(--margin));
  }
  .medium-down--margin-top-hexakaideca {
    margin-top: calc(16 * var(--margin));
  }
  .medium-down--margin-bottom-col {
    margin-bottom: calc(1 * (var(--col-width) + 1px));
  }
  .medium-down--margin-bottom-double-col {
    margin-bottom: calc(2 * (var(--col-width) + 1px));
  }
  .medium-down--margin-bottom-triple-col {
    margin-bottom: calc(3 * (var(--col-width) + 1px));
  }
  .medium-down--margin-bottom-quad-col {
    margin-bottom: calc(4 * (var(--col-width) + 1px));
  }
  .medium-down--margin-left {
    margin-left: calc(1 * var(--margin));
  }
  .medium-down--margin-left-double {
    margin-left: calc(2 * var(--margin));
  }
  .medium-down--margin-left-triple {
    margin-left: calc(3 * var(--margin));
  }
  .medium-down--margin-left-quad {
    margin-left: calc(4 * var(--margin));
  }
  .medium-down--margin-right {
    margin-right: calc(1 * var(--margin));
  }
  .medium-down--margin-right-double {
    margin-right: calc(2 * var(--margin));
  }
  .medium-down--margin-right-triple {
    margin-right: calc(3 * var(--margin));
  }
  .medium-down--margin-right-quad {
    margin-right: calc(4 * var(--margin));
  }
  .medium-down--margin-left-col {
    margin-left: calc(1 * (var(--col-width) + 1px));
  }
  .medium-down--margin-left-double-col {
    margin-left: calc(2 * (var(--col-width) + 1px));
  }
  .medium-down--margin-left-triple-col {
    margin-left: calc(3 * (var(--col-width) + 1px));
  }
  .medium-down--margin-left-quad-col {
    margin-left: calc(4 * (var(--col-width) + 1px));
  }
  .medium-down--margin-right-col {
    margin-right: calc(1 * (var(--col-width) + 1px));
  }
  .medium-down--margin-right-double-col {
    margin-right: calc(2 * (var(--col-width) + 1px));
  }
  .medium-down--margin-right-triple-col {
    margin-right: calc(3 * (var(--col-width) + 1px));
  }
  .medium-down--margin-right-quad-col {
    margin-right: calc(4 * (var(--col-width) + 1px));
  }
  .medium-down--padding-bottom-col {
    padding-bottom: calc(1 * (var(--col-width) + 1px));
  }
  .medium-down--padding-bottom-single-half-col {
    padding-bottom: calc(1.5 * (var(--col-width) + 1px));
  }
  .medium-down--padding-bottom-double-col {
    padding-bottom: calc(2 * (var(--col-width) + 1px));
  }
  .medium-down--padding-bottom-triple-col {
    padding-bottom: calc(3 * (var(--col-width) + 1px));
  }
  .medium-down--padding-bottom-quad-col {
    padding-bottom: calc(4 * (var(--col-width) + 1px));
  }
  .medium-down--padding-top-col-half {
    padding-top: calc(0.5 * (var(--col-width) + 1px));
  }
  .medium-down--padding-top-col {
    padding-top: calc(1 * (var(--col-width) + 1px));
  }
  .medium-down--padding-top-single-half-col {
    padding-top: calc(1.5 * (var(--col-width) + 1px));
  }
  .medium-down--padding-top-double-col {
    padding-top: calc(2 * (var(--col-width) + 1px));
  }
  .medium-down--padding-top-triple-col {
    padding-top: calc(3 * (var(--col-width) + 1px));
  }
  .medium-down--padding-top-quad-col {
    padding-top: calc(4 * (var(--col-width) + 1px));
  }
  .medium-down--padding-top-hexa-col {
    padding-top: calc(6 * (var(--col-width) + 1px));
  }
  .medium-down--aspect--two-one {
    aspect-ratio: 2/1;
  }
  .medium-down--aspect--sixteen-nine {
    aspect-ratio: 16/9;
  }
  .medium-down--aspect--three-two {
    aspect-ratio: 3/2;
  }
  .medium-down--aspect--four-three {
    aspect-ratio: 4/3;
  }
  .medium-down--aspect--five-four {
    aspect-ratio: 5/4;
  }
  .medium-down--aspect--one-one {
    aspect-ratio: 1/1;
  }
  .medium-down--aspect--four-five {
    aspect-ratio: 4/5;
  }
  .medium-down--aspect--two-three {
    aspect-ratio: 2/3;
  }
  .medium-down--aspect--nine-sixteen {
    aspect-ratio: 9/16;
  }
  .medium-down--flex-align--start {
    align-items: flex-start;
  }
  .medium-down--flex-align--center {
    align-items: center;
  }
  .medium-down--flex-align--end {
    align-items: flex-end;
  }
  .medium-down--flex-justify--start {
    justify-content: flex-start;
  }
  .medium-down--flex-justify--center {
    justify-content: center;
  }
  .medium-down--flex-justify--end {
    justify-content: flex-end;
  }
  .medium-down--flex-justify--between {
    justify-content: space-between;
  }
  .medium-down--flex-justify--stretch {
    justify-content: unset;
  }
  .medium-down--flex-justify--stretch > div, .medium-down--flex-justify--stretch > div > div, .medium-down--flex-justify--stretch > div > div > div {
    display: flex;
    flex: 1;
    flex-direction: column;
  }
  .medium-down--flex-justify--stretch img {
    height: 100%;
    position: relative;
    width: 100%;
  }
}
@media only screen and (min-width: 769px) {
  /* Whole */
  .medium-up--one-whole {
    width: 100%;
  }
  /* Halves */
  .medium-up--one-half {
    width: 50%;
  }
  /* Thirds */
  .medium-up--one-third {
    width: 33.3333333333%;
  }
  .medium-up--two-thirds {
    width: 66.6666666667%;
  }
  /* Quarters */
  .medium-up--one-quarter {
    width: 25%;
  }
  .medium-up--two-quarters {
    width: 50%;
  }
  .medium-up--three-quarters {
    width: 75%;
  }
  /* Fifths */
  .medium-up--one-fifth {
    width: 20%;
  }
  .medium-up--two-fifths {
    width: 40%;
  }
  .medium-up--three-fifths {
    width: 60%;
  }
  .medium-up--four-fifths {
    width: 80%;
  }
  /* Sixths */
  .medium-up--one-sixth {
    width: 16.6666666667%;
  }
  .medium-up--two-sixths {
    width: 33.3333333333%;
  }
  .medium-up--three-sixths {
    width: 50%;
  }
  .medium-up--four-sixths {
    width: 66.6666666667%;
  }
  .medium-up--five-sixths {
    width: 83.3333333333%;
  }
  /* Eighths */
  .medium-up--one-eighth {
    width: 12.5%;
  }
  .medium-up--two-eighths {
    width: 25%;
  }
  .medium-up--three-eighths {
    width: 37.5%;
  }
  .medium-up--four-eighths {
    width: 50%;
  }
  .medium-up--five-eighths {
    width: 62.5%;
  }
  .medium-up--six-eighths {
    width: 75%;
  }
  .medium-up--seven-eighths {
    width: 87.5%;
  }
  /* Tenths */
  .medium-up--one-tenth {
    width: 10%;
  }
  .medium-up--two-tenths {
    width: 20%;
  }
  .medium-up--three-tenths {
    width: 30%;
  }
  .medium-up--four-tenths {
    width: 40%;
  }
  .medium-up--five-tenths {
    width: 50%;
  }
  .medium-up--six-tenths {
    width: 60%;
  }
  .medium-up--seven-tenths {
    width: 70%;
  }
  .medium-up--eight-tenths {
    width: 80%;
  }
  .medium-up--nine-tenths {
    width: 90%;
  }
  /* Twelfths */
  .medium-up--one-twelfth {
    width: 8.3333333333%;
  }
  .medium-up--two-twelfths {
    width: 16.6666666667%;
  }
  .medium-up--three-twelfths {
    width: 25%;
  }
  .medium-up--four-twelfths {
    width: 33.3333333333%;
  }
  .medium-up--five-twelfths {
    width: 41.6666666667%;
  }
  .medium-up--six-twelfths {
    width: 50%;
  }
  .medium-up--seven-twelfths {
    width: 58.3333333333%;
  }
  .medium-up--eight-twelfths {
    width: 66.6666666667%;
  }
  .medium-up--nine-twelfths {
    width: 75%;
  }
  .medium-up--ten-twelfths {
    width: 83.3333333333%;
  }
  .medium-up--eleven-twelfths {
    width: 91.6666666667%;
  }
  .medium-up--one-col {
    width: calc(var(--col-width) - 0.1px);
  }
  .medium-up--two-col {
    width: calc(2 * var(--col-width) - 0.1px);
  }
  .medium-up--three-col {
    width: calc(3 * var(--col-width) - 0.1px);
  }
  .medium-up--four-col {
    width: calc(4 * var(--col-width) - 0.1px);
  }
  .medium-up--five-col {
    width: calc(5 * var(--col-width) - 0.1px);
  }
  .medium-up--six-col {
    width: calc(6 * var(--col-width) - 0.1px);
  }
  .medium-up--seven-col {
    width: calc(7 * var(--col-width) - 0.1px);
  }
  .medium-up--eight-col {
    width: calc(8 * var(--col-width) - 0.1px);
  }
  .medium-up--nine-col {
    width: calc(9 * var(--col-width) - 0.1px);
  }
  .medium-up--ten-col {
    width: calc(10 * var(--col-width) - 0.1px);
  }
  .medium-up--eleven-col {
    width: calc(11 * var(--col-width) - 0.1px);
  }
  .medium-up--twelve-col {
    width: calc(12 * var(--col-width) - 0.1px);
  }
  .medium-up--thirteen-col {
    width: calc(13 * var(--col-width) - 0.1px);
  }
  .medium-up--fourteen-col {
    width: calc(14 * var(--col-width) - 0.1px);
  }
  .medium-up--fifteen-col {
    width: calc(15 * var(--col-width) - 0.1px);
  }
  .medium-up--sixteen-col {
    width: calc(16 * var(--col-width) - 0.1px);
  }
  .medium-up--seventeen-col {
    width: calc(17 * var(--col-width) - 0.1px);
  }
  .medium-up--eighteen-col {
    width: calc(18 * var(--col-width) - 0.1px);
  }
  .medium-up--nineteen-col {
    width: calc(19 * var(--col-width) - 0.1px);
  }
  .medium-up--twenty-col {
    width: calc(20 * var(--col-width) - 0.1px);
  }
  .medium-up--twenty-one-col {
    width: calc(21 * var(--col-width) - 0.1px);
  }
  .medium-up--twenty-two-col {
    width: calc(22 * var(--col-width) - 0.1px);
  }
  .medium-up--twenty-three-col {
    width: calc(23 * var(--col-width) - 0.1px);
  }
  .medium-up--twenty-four-col {
    width: calc(24 * var(--col-width) - 0.1px);
  }
  .medium-up--twenty-five-col {
    width: calc(25 * var(--col-width) - 0.1px);
  }
  .medium-up--twenty-six-col {
    width: calc(26 * var(--col-width) - 0.1px);
  }
  .medium-up--twenty-seven-col {
    width: calc(27 * var(--col-width) - 0.1px);
  }
  .medium-up--twenty-eight-col {
    width: calc(28 * var(--col-width) - 0.1px);
  }
  .medium-up--one-col-mobile {
    width: calc(var(--col-width-mobile) - 0.1px);
  }
  .medium-up--two-col-mobile {
    width: calc(2 * var(--col-width-mobile) - 0.1px);
  }
  .medium-up--three-col-mobile {
    width: calc(3 * var(--col-width-mobile) - 0.1px);
  }
  .medium-up--four-col-mobile {
    width: calc(4 * var(--col-width-mobile) - 0.1px);
  }
  .medium-up--six-col-mobile {
    width: calc(6 * var(--col-width-mobile) - 0.1px);
  }
  .medium-up--eight-col-mobile {
    width: calc(8 * var(--col-width-mobile) - 0.1px);
  }
  .medium-up--one-col-mobile-offset {
    margin-left: calc(var(--col-width-mobile) - 0.1px);
  }
  .medium-up--two-col-mobile-offset {
    margin-left: calc(2 * var(--col-width-mobile) - 0.1px);
  }
  .medium-up--three-col-mobile-offset {
    margin-left: calc(3 * var(--col-width-mobile) - 0.1px);
  }
  .medium-up--minus-one-top-col-offset {
    margin-top: calc(-1 * var(--col-width) - var(--margin));
  }
  .medium-up--minus-two-top-col-offset {
    margin-top: calc(-2 * var(--col-width) - 2 * var(--margin));
  }
  .medium-up--minus-three-top-col-offset {
    margin-top: calc(-3 * var(--col-width) - var(--margin));
  }
  .medium-up--minus-four-top-col-offset {
    margin-top: calc(-4 * var(--col-width) - var(--margin));
  }
  .medium-up--minus-six-top-col-offset {
    margin-top: calc(-6 * var(--col-width) - var(--margin));
  }
  .medium-up--minus-one-col-offset {
    margin-left: calc(-1 * var(--col-width));
  }
  .medium-up--minus-two-col-offset {
    margin-left: calc(-2 * var(--col-width));
  }
  .medium-up--minus-three-col-offset {
    margin-left: calc(-3 * var(--col-width));
  }
  .medium-up--minus-four-col-offset {
    margin-left: calc(-4 * var(--col-width));
  }
  .medium-up--minus-six-col-offset {
    margin-left: calc(-6 * var(--col-width));
  }
  .medium-up--minus-eight-col-offset {
    margin-left: calc(-8 * var(--col-width));
  }
  .medium-up--minus-nine-col-offset {
    margin-left: calc(-9 * var(--col-width));
  }
  .medium-up--minus-ten-col-offset {
    margin-left: calc(-10 * var(--col-width));
  }
  .medium-up--minus-twelve-col-offset {
    margin-left: calc(-12 * var(--col-width));
  }
  .medium-up--minus-fourteen-col-offset {
    margin-left: calc(-14 * var(--col-width));
  }
  .medium-up--minus-fifteen-col-offset {
    margin-left: calc(-15 * var(--col-width));
  }
  .medium-up--minus-sixteen-col-offset {
    margin-left: calc(-16 * var(--col-width));
  }
  .medium-up--minus-twenty-four-col-offset {
    margin-left: calc(-24 * var(--col-width));
  }
  .medium-up--minus-one-rcol-offset {
    margin-right: calc(-1 * var(--col-width));
  }
  .medium-up--minus-two-rcol-offset {
    margin-right: calc(-2 * var(--col-width));
  }
  .medium-up--minus-three-rcol-offset {
    margin-right: calc(-3 * var(--col-width));
  }
  .medium-up--minus-four-rcol-offset {
    margin-right: calc(-4 * var(--col-width));
  }
  .medium-up--minus-six-rcol-offset {
    margin-right: calc(-6 * var(--col-width));
  }
  .medium-up--minus-eight-rcol-offset {
    margin-right: calc(-8 * var(--col-width));
  }
  .medium-up--minus-nine-rcol-offset {
    margin-right: calc(-9 * var(--col-width));
  }
  .medium-up--minus-ten-rcol-offset {
    margin-right: calc(-10 * var(--col-width));
  }
  .medium-up--minus-twelve-rcol-offset {
    margin-right: calc(-12 * var(--col-width));
  }
  .medium-up--minus-sixteen-rcol-offset {
    margin-right: calc(-16 * var(--col-width));
  }
  .medium-up--minus-twenty-four-rcol-offset {
    margin-right: calc(-24 * var(--col-width));
  }
  .medium-up--one-col-offset {
    margin-left: calc(var(--col-width));
  }
  .medium-up--two-col-offset {
    margin-left: calc(2 * var(--col-width));
  }
  .medium-up--three-col-offset {
    margin-left: calc(3 * var(--col-width));
  }
  .medium-up--four-col-offset {
    margin-left: calc(4 * var(--col-width));
  }
  .medium-up--six-col-offset {
    margin-left: calc(6 * var(--col-width));
  }
  .medium-up--seven-col-offset {
    margin-left: calc(7 * var(--col-width));
  }
  .medium-up--eight-col-offset {
    margin-left: calc(8 * var(--col-width));
  }
  .medium-up--nine-col-offset {
    margin-left: calc(9 * var(--col-width));
  }
  .medium-up--ten-col-offset {
    margin-left: calc(10 * var(--col-width));
  }
  .medium-up--eleven-col-offset {
    margin-left: calc(11 * var(--col-width));
  }
  .medium-up--twelve-col-offset {
    margin-left: calc(12 * var(--col-width));
  }
  .medium-up--thirteen-col-offset {
    margin-left: calc(13 * var(--col-width));
  }
  .medium-up--fourteen-col-offset {
    margin-left: calc(14 * var(--col-width));
  }
  .medium-up--fifteen-col-offset {
    margin-left: calc(15 * var(--col-width));
  }
  .medium-up--sixteen-col-offset {
    margin-left: calc(16 * var(--col-width));
  }
  .medium-up--twenty-four-col-offset {
    margin-left: calc(24 * var(--col-width));
  }
  .medium-up--padding-bottom {
    padding-bottom: calc(1 * var(--margin));
  }
  .medium-up--padding-bottom-double {
    padding-bottom: calc(2 * var(--margin));
  }
  .medium-up--padding-bottom-triple {
    padding-bottom: calc(3 * var(--margin));
  }
  .medium-up--padding-bottom-quad {
    padding-bottom: calc(4 * var(--margin));
  }
  .medium-up--padding-top {
    padding-top: calc(1 * var(--margin));
  }
  .medium-up--padding-top-double {
    padding-top: calc(2 * var(--margin));
  }
  .medium-up--padding-top-triple {
    padding-top: calc(3 * var(--margin));
  }
  .medium-up--padding-top-quad {
    padding-top: calc(4 * var(--margin));
  }
  .medium-up--padding-left {
    padding-left: calc(1 * var(--margin));
  }
  .medium-up--padding-left-double {
    padding-left: calc(2 * var(--margin));
  }
  .medium-up--padding-left-triple {
    padding-left: calc(3 * var(--margin));
  }
  .medium-up--padding-left-quad {
    padding-left: calc(4 * var(--margin));
  }
  .medium-up--padding-right {
    padding-right: calc(1 * var(--margin));
  }
  .medium-up--padding-right-double {
    padding-right: calc(2 * var(--margin));
  }
  .medium-up--padding-right-triple {
    padding-right: calc(3 * var(--margin));
  }
  .medium-up--padding-right-quad {
    padding-right: calc(4 * var(--margin));
  }
  .medium-up--margin-bottom-none {
    margin-bottom: 0;
  }
  .medium-up--margin-bottom {
    margin-bottom: calc(1 * var(--margin));
  }
  .medium-up--margin-bottom-double {
    margin-bottom: calc(2 * var(--margin));
  }
  .medium-up--margin-bottom-triple {
    margin-bottom: calc(3 * var(--margin));
  }
  .medium-up--margin-bottom-quad {
    margin-bottom: calc(4 * var(--margin));
  }
  .medium-up--margin-bottom-oct {
    margin-bottom: calc(8 * var(--margin));
  }
  .medium-up--margin-bottom-dodec {
    margin-bottom: calc(12 * var(--margin));
  }
  .medium-up--margin-bottom-hexakaideca {
    margin-bottom: calc(16 * var(--margin));
  }
  .medium-up--margin-top-col {
    margin-top: calc(1 * (var(--col-width) + 1px));
  }
  .medium-up--margin-top-double-col {
    margin-top: calc(2 * (var(--col-width) + 1px));
  }
  .medium-up--margin-top-triple-col {
    margin-top: calc(3 * (var(--col-width) + 1px));
  }
  .medium-up--margin-top-quad-col {
    margin-top: calc(4 * (var(--col-width) + 1px));
  }
  .medium-up--margin-top {
    margin-top: calc(1 * var(--margin));
  }
  .medium-up--margin-top-double {
    margin-top: calc(2 * var(--margin));
  }
  .medium-up--margin-top-triple {
    margin-top: calc(3 * var(--margin));
  }
  .medium-up--margin-top-quad {
    margin-top: calc(4 * var(--margin));
  }
  .medium-up--margin-top-oct {
    margin-top: calc(8 * var(--margin));
  }
  .medium-up--margin-top-dodec {
    margin-top: calc(12 * var(--margin));
  }
  .medium-up--margin-top-hexakaideca {
    margin-top: calc(16 * var(--margin));
  }
  .medium-up--margin-bottom-col {
    margin-bottom: calc(1 * (var(--col-width) + 1px));
  }
  .medium-up--margin-bottom-double-col {
    margin-bottom: calc(2 * (var(--col-width) + 1px));
  }
  .medium-up--margin-bottom-triple-col {
    margin-bottom: calc(3 * (var(--col-width) + 1px));
  }
  .medium-up--margin-bottom-quad-col {
    margin-bottom: calc(4 * (var(--col-width) + 1px));
  }
  .medium-up--margin-left {
    margin-left: calc(1 * var(--margin));
  }
  .medium-up--margin-left-double {
    margin-left: calc(2 * var(--margin));
  }
  .medium-up--margin-left-triple {
    margin-left: calc(3 * var(--margin));
  }
  .medium-up--margin-left-quad {
    margin-left: calc(4 * var(--margin));
  }
  .medium-up--margin-right {
    margin-right: calc(1 * var(--margin));
  }
  .medium-up--margin-right-double {
    margin-right: calc(2 * var(--margin));
  }
  .medium-up--margin-right-triple {
    margin-right: calc(3 * var(--margin));
  }
  .medium-up--margin-right-quad {
    margin-right: calc(4 * var(--margin));
  }
  .medium-up--margin-left-col {
    margin-left: calc(1 * (var(--col-width) + 1px));
  }
  .medium-up--margin-left-double-col {
    margin-left: calc(2 * (var(--col-width) + 1px));
  }
  .medium-up--margin-left-triple-col {
    margin-left: calc(3 * (var(--col-width) + 1px));
  }
  .medium-up--margin-left-quad-col {
    margin-left: calc(4 * (var(--col-width) + 1px));
  }
  .medium-up--margin-right-col {
    margin-right: calc(1 * (var(--col-width) + 1px));
  }
  .medium-up--margin-right-double-col {
    margin-right: calc(2 * (var(--col-width) + 1px));
  }
  .medium-up--margin-right-triple-col {
    margin-right: calc(3 * (var(--col-width) + 1px));
  }
  .medium-up--margin-right-quad-col {
    margin-right: calc(4 * (var(--col-width) + 1px));
  }
  .medium-up--padding-bottom-col {
    padding-bottom: calc(1 * (var(--col-width) + 1px));
  }
  .medium-up--padding-bottom-single-half-col {
    padding-bottom: calc(1.5 * (var(--col-width) + 1px));
  }
  .medium-up--padding-bottom-double-col {
    padding-bottom: calc(2 * (var(--col-width) + 1px));
  }
  .medium-up--padding-bottom-triple-col {
    padding-bottom: calc(3 * (var(--col-width) + 1px));
  }
  .medium-up--padding-bottom-quad-col {
    padding-bottom: calc(4 * (var(--col-width) + 1px));
  }
  .medium-up--padding-top-col-half {
    padding-top: calc(0.5 * (var(--col-width) + 1px));
  }
  .medium-up--padding-top-col {
    padding-top: calc(1 * (var(--col-width) + 1px));
  }
  .medium-up--padding-top-single-half-col {
    padding-top: calc(1.5 * (var(--col-width) + 1px));
  }
  .medium-up--padding-top-double-col {
    padding-top: calc(2 * (var(--col-width) + 1px));
  }
  .medium-up--padding-top-triple-col {
    padding-top: calc(3 * (var(--col-width) + 1px));
  }
  .medium-up--padding-top-quad-col {
    padding-top: calc(4 * (var(--col-width) + 1px));
  }
  .medium-up--padding-top-hexa-col {
    padding-top: calc(6 * (var(--col-width) + 1px));
  }
  .medium-up--aspect--two-one {
    aspect-ratio: 2/1;
  }
  .medium-up--aspect--sixteen-nine {
    aspect-ratio: 16/9;
  }
  .medium-up--aspect--three-two {
    aspect-ratio: 3/2;
  }
  .medium-up--aspect--four-three {
    aspect-ratio: 4/3;
  }
  .medium-up--aspect--five-four {
    aspect-ratio: 5/4;
  }
  .medium-up--aspect--one-one {
    aspect-ratio: 1/1;
  }
  .medium-up--aspect--four-five {
    aspect-ratio: 4/5;
  }
  .medium-up--aspect--two-three {
    aspect-ratio: 2/3;
  }
  .medium-up--aspect--nine-sixteen {
    aspect-ratio: 9/16;
  }
  .medium-up--flex-align--start {
    align-items: flex-start;
  }
  .medium-up--flex-align--center {
    align-items: center;
  }
  .medium-up--flex-align--end {
    align-items: flex-end;
  }
  .medium-up--flex-justify--start {
    justify-content: flex-start;
  }
  .medium-up--flex-justify--center {
    justify-content: center;
  }
  .medium-up--flex-justify--end {
    justify-content: flex-end;
  }
  .medium-up--flex-justify--between {
    justify-content: space-between;
  }
  .medium-up--flex-justify--stretch {
    justify-content: unset;
  }
  .medium-up--flex-justify--stretch > div, .medium-up--flex-justify--stretch > div > div, .medium-up--flex-justify--stretch > div > div > div {
    display: flex;
    flex: 1;
    flex-direction: column;
  }
  .medium-up--flex-justify--stretch img {
    height: 100%;
    position: relative;
    width: 100%;
  }
}
@media only screen and (max-width: 959px) {
  /* Whole */
  .large-down--one-whole {
    width: 100%;
  }
  /* Halves */
  .large-down--one-half {
    width: 50%;
  }
  /* Thirds */
  .large-down--one-third {
    width: 33.3333333333%;
  }
  .large-down--two-thirds {
    width: 66.6666666667%;
  }
  /* Quarters */
  .large-down--one-quarter {
    width: 25%;
  }
  .large-down--two-quarters {
    width: 50%;
  }
  .large-down--three-quarters {
    width: 75%;
  }
  /* Fifths */
  .large-down--one-fifth {
    width: 20%;
  }
  .large-down--two-fifths {
    width: 40%;
  }
  .large-down--three-fifths {
    width: 60%;
  }
  .large-down--four-fifths {
    width: 80%;
  }
  /* Sixths */
  .large-down--one-sixth {
    width: 16.6666666667%;
  }
  .large-down--two-sixths {
    width: 33.3333333333%;
  }
  .large-down--three-sixths {
    width: 50%;
  }
  .large-down--four-sixths {
    width: 66.6666666667%;
  }
  .large-down--five-sixths {
    width: 83.3333333333%;
  }
  /* Eighths */
  .large-down--one-eighth {
    width: 12.5%;
  }
  .large-down--two-eighths {
    width: 25%;
  }
  .large-down--three-eighths {
    width: 37.5%;
  }
  .large-down--four-eighths {
    width: 50%;
  }
  .large-down--five-eighths {
    width: 62.5%;
  }
  .large-down--six-eighths {
    width: 75%;
  }
  .large-down--seven-eighths {
    width: 87.5%;
  }
  /* Tenths */
  .large-down--one-tenth {
    width: 10%;
  }
  .large-down--two-tenths {
    width: 20%;
  }
  .large-down--three-tenths {
    width: 30%;
  }
  .large-down--four-tenths {
    width: 40%;
  }
  .large-down--five-tenths {
    width: 50%;
  }
  .large-down--six-tenths {
    width: 60%;
  }
  .large-down--seven-tenths {
    width: 70%;
  }
  .large-down--eight-tenths {
    width: 80%;
  }
  .large-down--nine-tenths {
    width: 90%;
  }
  /* Twelfths */
  .large-down--one-twelfth {
    width: 8.3333333333%;
  }
  .large-down--two-twelfths {
    width: 16.6666666667%;
  }
  .large-down--three-twelfths {
    width: 25%;
  }
  .large-down--four-twelfths {
    width: 33.3333333333%;
  }
  .large-down--five-twelfths {
    width: 41.6666666667%;
  }
  .large-down--six-twelfths {
    width: 50%;
  }
  .large-down--seven-twelfths {
    width: 58.3333333333%;
  }
  .large-down--eight-twelfths {
    width: 66.6666666667%;
  }
  .large-down--nine-twelfths {
    width: 75%;
  }
  .large-down--ten-twelfths {
    width: 83.3333333333%;
  }
  .large-down--eleven-twelfths {
    width: 91.6666666667%;
  }
  .large-down--one-col {
    width: calc(var(--col-width) - 0.1px);
  }
  .large-down--two-col {
    width: calc(2 * var(--col-width) - 0.1px);
  }
  .large-down--three-col {
    width: calc(3 * var(--col-width) - 0.1px);
  }
  .large-down--four-col {
    width: calc(4 * var(--col-width) - 0.1px);
  }
  .large-down--five-col {
    width: calc(5 * var(--col-width) - 0.1px);
  }
  .large-down--six-col {
    width: calc(6 * var(--col-width) - 0.1px);
  }
  .large-down--seven-col {
    width: calc(7 * var(--col-width) - 0.1px);
  }
  .large-down--eight-col {
    width: calc(8 * var(--col-width) - 0.1px);
  }
  .large-down--nine-col {
    width: calc(9 * var(--col-width) - 0.1px);
  }
  .large-down--ten-col {
    width: calc(10 * var(--col-width) - 0.1px);
  }
  .large-down--eleven-col {
    width: calc(11 * var(--col-width) - 0.1px);
  }
  .large-down--twelve-col {
    width: calc(12 * var(--col-width) - 0.1px);
  }
  .large-down--thirteen-col {
    width: calc(13 * var(--col-width) - 0.1px);
  }
  .large-down--fourteen-col {
    width: calc(14 * var(--col-width) - 0.1px);
  }
  .large-down--fifteen-col {
    width: calc(15 * var(--col-width) - 0.1px);
  }
  .large-down--sixteen-col {
    width: calc(16 * var(--col-width) - 0.1px);
  }
  .large-down--seventeen-col {
    width: calc(17 * var(--col-width) - 0.1px);
  }
  .large-down--eighteen-col {
    width: calc(18 * var(--col-width) - 0.1px);
  }
  .large-down--nineteen-col {
    width: calc(19 * var(--col-width) - 0.1px);
  }
  .large-down--twenty-col {
    width: calc(20 * var(--col-width) - 0.1px);
  }
  .large-down--twenty-one-col {
    width: calc(21 * var(--col-width) - 0.1px);
  }
  .large-down--twenty-two-col {
    width: calc(22 * var(--col-width) - 0.1px);
  }
  .large-down--twenty-three-col {
    width: calc(23 * var(--col-width) - 0.1px);
  }
  .large-down--twenty-four-col {
    width: calc(24 * var(--col-width) - 0.1px);
  }
  .large-down--twenty-five-col {
    width: calc(25 * var(--col-width) - 0.1px);
  }
  .large-down--twenty-six-col {
    width: calc(26 * var(--col-width) - 0.1px);
  }
  .large-down--twenty-seven-col {
    width: calc(27 * var(--col-width) - 0.1px);
  }
  .large-down--twenty-eight-col {
    width: calc(28 * var(--col-width) - 0.1px);
  }
  .large-down--one-col-mobile {
    width: calc(var(--col-width-mobile) - 0.1px);
  }
  .large-down--two-col-mobile {
    width: calc(2 * var(--col-width-mobile) - 0.1px);
  }
  .large-down--three-col-mobile {
    width: calc(3 * var(--col-width-mobile) - 0.1px);
  }
  .large-down--four-col-mobile {
    width: calc(4 * var(--col-width-mobile) - 0.1px);
  }
  .large-down--six-col-mobile {
    width: calc(6 * var(--col-width-mobile) - 0.1px);
  }
  .large-down--eight-col-mobile {
    width: calc(8 * var(--col-width-mobile) - 0.1px);
  }
  .large-down--one-col-mobile-offset {
    margin-left: calc(var(--col-width-mobile) - 0.1px);
  }
  .large-down--two-col-mobile-offset {
    margin-left: calc(2 * var(--col-width-mobile) - 0.1px);
  }
  .large-down--three-col-mobile-offset {
    margin-left: calc(3 * var(--col-width-mobile) - 0.1px);
  }
  .large-down--minus-one-top-col-offset {
    margin-top: calc(-1 * var(--col-width) - var(--margin));
  }
  .large-down--minus-two-top-col-offset {
    margin-top: calc(-2 * var(--col-width) - 2 * var(--margin));
  }
  .large-down--minus-three-top-col-offset {
    margin-top: calc(-3 * var(--col-width) - var(--margin));
  }
  .large-down--minus-four-top-col-offset {
    margin-top: calc(-4 * var(--col-width) - var(--margin));
  }
  .large-down--minus-six-top-col-offset {
    margin-top: calc(-6 * var(--col-width) - var(--margin));
  }
  .large-down--minus-one-col-offset {
    margin-left: calc(-1 * var(--col-width));
  }
  .large-down--minus-two-col-offset {
    margin-left: calc(-2 * var(--col-width));
  }
  .large-down--minus-three-col-offset {
    margin-left: calc(-3 * var(--col-width));
  }
  .large-down--minus-four-col-offset {
    margin-left: calc(-4 * var(--col-width));
  }
  .large-down--minus-six-col-offset {
    margin-left: calc(-6 * var(--col-width));
  }
  .large-down--minus-eight-col-offset {
    margin-left: calc(-8 * var(--col-width));
  }
  .large-down--minus-nine-col-offset {
    margin-left: calc(-9 * var(--col-width));
  }
  .large-down--minus-ten-col-offset {
    margin-left: calc(-10 * var(--col-width));
  }
  .large-down--minus-twelve-col-offset {
    margin-left: calc(-12 * var(--col-width));
  }
  .large-down--minus-fourteen-col-offset {
    margin-left: calc(-14 * var(--col-width));
  }
  .large-down--minus-fifteen-col-offset {
    margin-left: calc(-15 * var(--col-width));
  }
  .large-down--minus-sixteen-col-offset {
    margin-left: calc(-16 * var(--col-width));
  }
  .large-down--minus-twenty-four-col-offset {
    margin-left: calc(-24 * var(--col-width));
  }
  .large-down--minus-one-rcol-offset {
    margin-right: calc(-1 * var(--col-width));
  }
  .large-down--minus-two-rcol-offset {
    margin-right: calc(-2 * var(--col-width));
  }
  .large-down--minus-three-rcol-offset {
    margin-right: calc(-3 * var(--col-width));
  }
  .large-down--minus-four-rcol-offset {
    margin-right: calc(-4 * var(--col-width));
  }
  .large-down--minus-six-rcol-offset {
    margin-right: calc(-6 * var(--col-width));
  }
  .large-down--minus-eight-rcol-offset {
    margin-right: calc(-8 * var(--col-width));
  }
  .large-down--minus-nine-rcol-offset {
    margin-right: calc(-9 * var(--col-width));
  }
  .large-down--minus-ten-rcol-offset {
    margin-right: calc(-10 * var(--col-width));
  }
  .large-down--minus-twelve-rcol-offset {
    margin-right: calc(-12 * var(--col-width));
  }
  .large-down--minus-sixteen-rcol-offset {
    margin-right: calc(-16 * var(--col-width));
  }
  .large-down--minus-twenty-four-rcol-offset {
    margin-right: calc(-24 * var(--col-width));
  }
  .large-down--one-col-offset {
    margin-left: calc(var(--col-width));
  }
  .large-down--two-col-offset {
    margin-left: calc(2 * var(--col-width));
  }
  .large-down--three-col-offset {
    margin-left: calc(3 * var(--col-width));
  }
  .large-down--four-col-offset {
    margin-left: calc(4 * var(--col-width));
  }
  .large-down--six-col-offset {
    margin-left: calc(6 * var(--col-width));
  }
  .large-down--seven-col-offset {
    margin-left: calc(7 * var(--col-width));
  }
  .large-down--eight-col-offset {
    margin-left: calc(8 * var(--col-width));
  }
  .large-down--nine-col-offset {
    margin-left: calc(9 * var(--col-width));
  }
  .large-down--ten-col-offset {
    margin-left: calc(10 * var(--col-width));
  }
  .large-down--eleven-col-offset {
    margin-left: calc(11 * var(--col-width));
  }
  .large-down--twelve-col-offset {
    margin-left: calc(12 * var(--col-width));
  }
  .large-down--thirteen-col-offset {
    margin-left: calc(13 * var(--col-width));
  }
  .large-down--fourteen-col-offset {
    margin-left: calc(14 * var(--col-width));
  }
  .large-down--fifteen-col-offset {
    margin-left: calc(15 * var(--col-width));
  }
  .large-down--sixteen-col-offset {
    margin-left: calc(16 * var(--col-width));
  }
  .large-down--twenty-four-col-offset {
    margin-left: calc(24 * var(--col-width));
  }
  .large-down--padding-bottom {
    padding-bottom: calc(1 * var(--margin));
  }
  .large-down--padding-bottom-double {
    padding-bottom: calc(2 * var(--margin));
  }
  .large-down--padding-bottom-triple {
    padding-bottom: calc(3 * var(--margin));
  }
  .large-down--padding-bottom-quad {
    padding-bottom: calc(4 * var(--margin));
  }
  .large-down--padding-top {
    padding-top: calc(1 * var(--margin));
  }
  .large-down--padding-top-double {
    padding-top: calc(2 * var(--margin));
  }
  .large-down--padding-top-triple {
    padding-top: calc(3 * var(--margin));
  }
  .large-down--padding-top-quad {
    padding-top: calc(4 * var(--margin));
  }
  .large-down--padding-left {
    padding-left: calc(1 * var(--margin));
  }
  .large-down--padding-left-double {
    padding-left: calc(2 * var(--margin));
  }
  .large-down--padding-left-triple {
    padding-left: calc(3 * var(--margin));
  }
  .large-down--padding-left-quad {
    padding-left: calc(4 * var(--margin));
  }
  .large-down--padding-right {
    padding-right: calc(1 * var(--margin));
  }
  .large-down--padding-right-double {
    padding-right: calc(2 * var(--margin));
  }
  .large-down--padding-right-triple {
    padding-right: calc(3 * var(--margin));
  }
  .large-down--padding-right-quad {
    padding-right: calc(4 * var(--margin));
  }
  .large-down--margin-bottom-none {
    margin-bottom: 0;
  }
  .large-down--margin-bottom {
    margin-bottom: calc(1 * var(--margin));
  }
  .large-down--margin-bottom-double {
    margin-bottom: calc(2 * var(--margin));
  }
  .large-down--margin-bottom-triple {
    margin-bottom: calc(3 * var(--margin));
  }
  .large-down--margin-bottom-quad {
    margin-bottom: calc(4 * var(--margin));
  }
  .large-down--margin-bottom-oct {
    margin-bottom: calc(8 * var(--margin));
  }
  .large-down--margin-bottom-dodec {
    margin-bottom: calc(12 * var(--margin));
  }
  .large-down--margin-bottom-hexakaideca {
    margin-bottom: calc(16 * var(--margin));
  }
  .large-down--margin-top-col {
    margin-top: calc(1 * (var(--col-width) + 1px));
  }
  .large-down--margin-top-double-col {
    margin-top: calc(2 * (var(--col-width) + 1px));
  }
  .large-down--margin-top-triple-col {
    margin-top: calc(3 * (var(--col-width) + 1px));
  }
  .large-down--margin-top-quad-col {
    margin-top: calc(4 * (var(--col-width) + 1px));
  }
  .large-down--margin-top {
    margin-top: calc(1 * var(--margin));
  }
  .large-down--margin-top-double {
    margin-top: calc(2 * var(--margin));
  }
  .large-down--margin-top-triple {
    margin-top: calc(3 * var(--margin));
  }
  .large-down--margin-top-quad {
    margin-top: calc(4 * var(--margin));
  }
  .large-down--margin-top-oct {
    margin-top: calc(8 * var(--margin));
  }
  .large-down--margin-top-dodec {
    margin-top: calc(12 * var(--margin));
  }
  .large-down--margin-top-hexakaideca {
    margin-top: calc(16 * var(--margin));
  }
  .large-down--margin-bottom-col {
    margin-bottom: calc(1 * (var(--col-width) + 1px));
  }
  .large-down--margin-bottom-double-col {
    margin-bottom: calc(2 * (var(--col-width) + 1px));
  }
  .large-down--margin-bottom-triple-col {
    margin-bottom: calc(3 * (var(--col-width) + 1px));
  }
  .large-down--margin-bottom-quad-col {
    margin-bottom: calc(4 * (var(--col-width) + 1px));
  }
  .large-down--margin-left {
    margin-left: calc(1 * var(--margin));
  }
  .large-down--margin-left-double {
    margin-left: calc(2 * var(--margin));
  }
  .large-down--margin-left-triple {
    margin-left: calc(3 * var(--margin));
  }
  .large-down--margin-left-quad {
    margin-left: calc(4 * var(--margin));
  }
  .large-down--margin-right {
    margin-right: calc(1 * var(--margin));
  }
  .large-down--margin-right-double {
    margin-right: calc(2 * var(--margin));
  }
  .large-down--margin-right-triple {
    margin-right: calc(3 * var(--margin));
  }
  .large-down--margin-right-quad {
    margin-right: calc(4 * var(--margin));
  }
  .large-down--margin-left-col {
    margin-left: calc(1 * (var(--col-width) + 1px));
  }
  .large-down--margin-left-double-col {
    margin-left: calc(2 * (var(--col-width) + 1px));
  }
  .large-down--margin-left-triple-col {
    margin-left: calc(3 * (var(--col-width) + 1px));
  }
  .large-down--margin-left-quad-col {
    margin-left: calc(4 * (var(--col-width) + 1px));
  }
  .large-down--margin-right-col {
    margin-right: calc(1 * (var(--col-width) + 1px));
  }
  .large-down--margin-right-double-col {
    margin-right: calc(2 * (var(--col-width) + 1px));
  }
  .large-down--margin-right-triple-col {
    margin-right: calc(3 * (var(--col-width) + 1px));
  }
  .large-down--margin-right-quad-col {
    margin-right: calc(4 * (var(--col-width) + 1px));
  }
  .large-down--padding-bottom-col {
    padding-bottom: calc(1 * (var(--col-width) + 1px));
  }
  .large-down--padding-bottom-single-half-col {
    padding-bottom: calc(1.5 * (var(--col-width) + 1px));
  }
  .large-down--padding-bottom-double-col {
    padding-bottom: calc(2 * (var(--col-width) + 1px));
  }
  .large-down--padding-bottom-triple-col {
    padding-bottom: calc(3 * (var(--col-width) + 1px));
  }
  .large-down--padding-bottom-quad-col {
    padding-bottom: calc(4 * (var(--col-width) + 1px));
  }
  .large-down--padding-top-col-half {
    padding-top: calc(0.5 * (var(--col-width) + 1px));
  }
  .large-down--padding-top-col {
    padding-top: calc(1 * (var(--col-width) + 1px));
  }
  .large-down--padding-top-single-half-col {
    padding-top: calc(1.5 * (var(--col-width) + 1px));
  }
  .large-down--padding-top-double-col {
    padding-top: calc(2 * (var(--col-width) + 1px));
  }
  .large-down--padding-top-triple-col {
    padding-top: calc(3 * (var(--col-width) + 1px));
  }
  .large-down--padding-top-quad-col {
    padding-top: calc(4 * (var(--col-width) + 1px));
  }
  .large-down--padding-top-hexa-col {
    padding-top: calc(6 * (var(--col-width) + 1px));
  }
  .large-down--aspect--two-one {
    aspect-ratio: 2/1;
  }
  .large-down--aspect--sixteen-nine {
    aspect-ratio: 16/9;
  }
  .large-down--aspect--three-two {
    aspect-ratio: 3/2;
  }
  .large-down--aspect--four-three {
    aspect-ratio: 4/3;
  }
  .large-down--aspect--five-four {
    aspect-ratio: 5/4;
  }
  .large-down--aspect--one-one {
    aspect-ratio: 1/1;
  }
  .large-down--aspect--four-five {
    aspect-ratio: 4/5;
  }
  .large-down--aspect--two-three {
    aspect-ratio: 2/3;
  }
  .large-down--aspect--nine-sixteen {
    aspect-ratio: 9/16;
  }
  .large-down--flex-align--start {
    align-items: flex-start;
  }
  .large-down--flex-align--center {
    align-items: center;
  }
  .large-down--flex-align--end {
    align-items: flex-end;
  }
  .large-down--flex-justify--start {
    justify-content: flex-start;
  }
  .large-down--flex-justify--center {
    justify-content: center;
  }
  .large-down--flex-justify--end {
    justify-content: flex-end;
  }
  .large-down--flex-justify--between {
    justify-content: space-between;
  }
  .large-down--flex-justify--stretch {
    justify-content: unset;
  }
  .large-down--flex-justify--stretch > div, .large-down--flex-justify--stretch > div > div, .large-down--flex-justify--stretch > div > div > div {
    display: flex;
    flex: 1;
    flex-direction: column;
  }
  .large-down--flex-justify--stretch img {
    height: 100%;
    position: relative;
    width: 100%;
  }
}
@media only screen and (min-width: 960px) {
  /* Whole */
  .large-up--one-whole {
    width: 100%;
  }
  /* Halves */
  .large-up--one-half {
    width: 50%;
  }
  /* Thirds */
  .large-up--one-third {
    width: 33.3333333333%;
  }
  .large-up--two-thirds {
    width: 66.6666666667%;
  }
  /* Quarters */
  .large-up--one-quarter {
    width: 25%;
  }
  .large-up--two-quarters {
    width: 50%;
  }
  .large-up--three-quarters {
    width: 75%;
  }
  /* Fifths */
  .large-up--one-fifth {
    width: 20%;
  }
  .large-up--two-fifths {
    width: 40%;
  }
  .large-up--three-fifths {
    width: 60%;
  }
  .large-up--four-fifths {
    width: 80%;
  }
  /* Sixths */
  .large-up--one-sixth {
    width: 16.6666666667%;
  }
  .large-up--two-sixths {
    width: 33.3333333333%;
  }
  .large-up--three-sixths {
    width: 50%;
  }
  .large-up--four-sixths {
    width: 66.6666666667%;
  }
  .large-up--five-sixths {
    width: 83.3333333333%;
  }
  /* Eighths */
  .large-up--one-eighth {
    width: 12.5%;
  }
  .large-up--two-eighths {
    width: 25%;
  }
  .large-up--three-eighths {
    width: 37.5%;
  }
  .large-up--four-eighths {
    width: 50%;
  }
  .large-up--five-eighths {
    width: 62.5%;
  }
  .large-up--six-eighths {
    width: 75%;
  }
  .large-up--seven-eighths {
    width: 87.5%;
  }
  /* Tenths */
  .large-up--one-tenth {
    width: 10%;
  }
  .large-up--two-tenths {
    width: 20%;
  }
  .large-up--three-tenths {
    width: 30%;
  }
  .large-up--four-tenths {
    width: 40%;
  }
  .large-up--five-tenths {
    width: 50%;
  }
  .large-up--six-tenths {
    width: 60%;
  }
  .large-up--seven-tenths {
    width: 70%;
  }
  .large-up--eight-tenths {
    width: 80%;
  }
  .large-up--nine-tenths {
    width: 90%;
  }
  /* Twelfths */
  .large-up--one-twelfth {
    width: 8.3333333333%;
  }
  .large-up--two-twelfths {
    width: 16.6666666667%;
  }
  .large-up--three-twelfths {
    width: 25%;
  }
  .large-up--four-twelfths {
    width: 33.3333333333%;
  }
  .large-up--five-twelfths {
    width: 41.6666666667%;
  }
  .large-up--six-twelfths {
    width: 50%;
  }
  .large-up--seven-twelfths {
    width: 58.3333333333%;
  }
  .large-up--eight-twelfths {
    width: 66.6666666667%;
  }
  .large-up--nine-twelfths {
    width: 75%;
  }
  .large-up--ten-twelfths {
    width: 83.3333333333%;
  }
  .large-up--eleven-twelfths {
    width: 91.6666666667%;
  }
  .large-up--one-col {
    width: calc(var(--col-width) - 0.1px);
  }
  .large-up--two-col {
    width: calc(2 * var(--col-width) - 0.1px);
  }
  .large-up--three-col {
    width: calc(3 * var(--col-width) - 0.1px);
  }
  .large-up--four-col {
    width: calc(4 * var(--col-width) - 0.1px);
  }
  .large-up--five-col {
    width: calc(5 * var(--col-width) - 0.1px);
  }
  .large-up--six-col {
    width: calc(6 * var(--col-width) - 0.1px);
  }
  .large-up--seven-col {
    width: calc(7 * var(--col-width) - 0.1px);
  }
  .large-up--eight-col {
    width: calc(8 * var(--col-width) - 0.1px);
  }
  .large-up--nine-col {
    width: calc(9 * var(--col-width) - 0.1px);
  }
  .large-up--ten-col {
    width: calc(10 * var(--col-width) - 0.1px);
  }
  .large-up--eleven-col {
    width: calc(11 * var(--col-width) - 0.1px);
  }
  .large-up--twelve-col {
    width: calc(12 * var(--col-width) - 0.1px);
  }
  .large-up--thirteen-col {
    width: calc(13 * var(--col-width) - 0.1px);
  }
  .large-up--fourteen-col {
    width: calc(14 * var(--col-width) - 0.1px);
  }
  .large-up--fifteen-col {
    width: calc(15 * var(--col-width) - 0.1px);
  }
  .large-up--sixteen-col {
    width: calc(16 * var(--col-width) - 0.1px);
  }
  .large-up--seventeen-col {
    width: calc(17 * var(--col-width) - 0.1px);
  }
  .large-up--eighteen-col {
    width: calc(18 * var(--col-width) - 0.1px);
  }
  .large-up--nineteen-col {
    width: calc(19 * var(--col-width) - 0.1px);
  }
  .large-up--twenty-col {
    width: calc(20 * var(--col-width) - 0.1px);
  }
  .large-up--twenty-one-col {
    width: calc(21 * var(--col-width) - 0.1px);
  }
  .large-up--twenty-two-col {
    width: calc(22 * var(--col-width) - 0.1px);
  }
  .large-up--twenty-three-col {
    width: calc(23 * var(--col-width) - 0.1px);
  }
  .large-up--twenty-four-col {
    width: calc(24 * var(--col-width) - 0.1px);
  }
  .large-up--twenty-five-col {
    width: calc(25 * var(--col-width) - 0.1px);
  }
  .large-up--twenty-six-col {
    width: calc(26 * var(--col-width) - 0.1px);
  }
  .large-up--twenty-seven-col {
    width: calc(27 * var(--col-width) - 0.1px);
  }
  .large-up--twenty-eight-col {
    width: calc(28 * var(--col-width) - 0.1px);
  }
  .large-up--one-col-mobile {
    width: calc(var(--col-width-mobile) - 0.1px);
  }
  .large-up--two-col-mobile {
    width: calc(2 * var(--col-width-mobile) - 0.1px);
  }
  .large-up--three-col-mobile {
    width: calc(3 * var(--col-width-mobile) - 0.1px);
  }
  .large-up--four-col-mobile {
    width: calc(4 * var(--col-width-mobile) - 0.1px);
  }
  .large-up--six-col-mobile {
    width: calc(6 * var(--col-width-mobile) - 0.1px);
  }
  .large-up--eight-col-mobile {
    width: calc(8 * var(--col-width-mobile) - 0.1px);
  }
  .large-up--one-col-mobile-offset {
    margin-left: calc(var(--col-width-mobile) - 0.1px);
  }
  .large-up--two-col-mobile-offset {
    margin-left: calc(2 * var(--col-width-mobile) - 0.1px);
  }
  .large-up--three-col-mobile-offset {
    margin-left: calc(3 * var(--col-width-mobile) - 0.1px);
  }
  .large-up--minus-one-top-col-offset {
    margin-top: calc(-1 * var(--col-width) - var(--margin));
  }
  .large-up--minus-two-top-col-offset {
    margin-top: calc(-2 * var(--col-width) - 2 * var(--margin));
  }
  .large-up--minus-three-top-col-offset {
    margin-top: calc(-3 * var(--col-width) - var(--margin));
  }
  .large-up--minus-four-top-col-offset {
    margin-top: calc(-4 * var(--col-width) - var(--margin));
  }
  .large-up--minus-six-top-col-offset {
    margin-top: calc(-6 * var(--col-width) - var(--margin));
  }
  .large-up--minus-one-col-offset {
    margin-left: calc(-1 * var(--col-width));
  }
  .large-up--minus-two-col-offset {
    margin-left: calc(-2 * var(--col-width));
  }
  .large-up--minus-three-col-offset {
    margin-left: calc(-3 * var(--col-width));
  }
  .large-up--minus-four-col-offset {
    margin-left: calc(-4 * var(--col-width));
  }
  .large-up--minus-six-col-offset {
    margin-left: calc(-6 * var(--col-width));
  }
  .large-up--minus-eight-col-offset {
    margin-left: calc(-8 * var(--col-width));
  }
  .large-up--minus-nine-col-offset {
    margin-left: calc(-9 * var(--col-width));
  }
  .large-up--minus-ten-col-offset {
    margin-left: calc(-10 * var(--col-width));
  }
  .large-up--minus-twelve-col-offset {
    margin-left: calc(-12 * var(--col-width));
  }
  .large-up--minus-fourteen-col-offset {
    margin-left: calc(-14 * var(--col-width));
  }
  .large-up--minus-fifteen-col-offset {
    margin-left: calc(-15 * var(--col-width));
  }
  .large-up--minus-sixteen-col-offset {
    margin-left: calc(-16 * var(--col-width));
  }
  .large-up--minus-twenty-four-col-offset {
    margin-left: calc(-24 * var(--col-width));
  }
  .large-up--minus-one-rcol-offset {
    margin-right: calc(-1 * var(--col-width));
  }
  .large-up--minus-two-rcol-offset {
    margin-right: calc(-2 * var(--col-width));
  }
  .large-up--minus-three-rcol-offset {
    margin-right: calc(-3 * var(--col-width));
  }
  .large-up--minus-four-rcol-offset {
    margin-right: calc(-4 * var(--col-width));
  }
  .large-up--minus-six-rcol-offset {
    margin-right: calc(-6 * var(--col-width));
  }
  .large-up--minus-eight-rcol-offset {
    margin-right: calc(-8 * var(--col-width));
  }
  .large-up--minus-nine-rcol-offset {
    margin-right: calc(-9 * var(--col-width));
  }
  .large-up--minus-ten-rcol-offset {
    margin-right: calc(-10 * var(--col-width));
  }
  .large-up--minus-twelve-rcol-offset {
    margin-right: calc(-12 * var(--col-width));
  }
  .large-up--minus-sixteen-rcol-offset {
    margin-right: calc(-16 * var(--col-width));
  }
  .large-up--minus-twenty-four-rcol-offset {
    margin-right: calc(-24 * var(--col-width));
  }
  .large-up--one-col-offset {
    margin-left: calc(var(--col-width));
  }
  .large-up--two-col-offset {
    margin-left: calc(2 * var(--col-width));
  }
  .large-up--three-col-offset {
    margin-left: calc(3 * var(--col-width));
  }
  .large-up--four-col-offset {
    margin-left: calc(4 * var(--col-width));
  }
  .large-up--six-col-offset {
    margin-left: calc(6 * var(--col-width));
  }
  .large-up--seven-col-offset {
    margin-left: calc(7 * var(--col-width));
  }
  .large-up--eight-col-offset {
    margin-left: calc(8 * var(--col-width));
  }
  .large-up--nine-col-offset {
    margin-left: calc(9 * var(--col-width));
  }
  .large-up--ten-col-offset {
    margin-left: calc(10 * var(--col-width));
  }
  .large-up--eleven-col-offset {
    margin-left: calc(11 * var(--col-width));
  }
  .large-up--twelve-col-offset {
    margin-left: calc(12 * var(--col-width));
  }
  .large-up--thirteen-col-offset {
    margin-left: calc(13 * var(--col-width));
  }
  .large-up--fourteen-col-offset {
    margin-left: calc(14 * var(--col-width));
  }
  .large-up--fifteen-col-offset {
    margin-left: calc(15 * var(--col-width));
  }
  .large-up--sixteen-col-offset {
    margin-left: calc(16 * var(--col-width));
  }
  .large-up--twenty-four-col-offset {
    margin-left: calc(24 * var(--col-width));
  }
  .large-up--padding-bottom {
    padding-bottom: calc(1 * var(--margin));
  }
  .large-up--padding-bottom-double {
    padding-bottom: calc(2 * var(--margin));
  }
  .large-up--padding-bottom-triple {
    padding-bottom: calc(3 * var(--margin));
  }
  .large-up--padding-bottom-quad {
    padding-bottom: calc(4 * var(--margin));
  }
  .large-up--padding-top {
    padding-top: calc(1 * var(--margin));
  }
  .large-up--padding-top-double {
    padding-top: calc(2 * var(--margin));
  }
  .large-up--padding-top-triple {
    padding-top: calc(3 * var(--margin));
  }
  .large-up--padding-top-quad {
    padding-top: calc(4 * var(--margin));
  }
  .large-up--padding-left {
    padding-left: calc(1 * var(--margin));
  }
  .large-up--padding-left-double {
    padding-left: calc(2 * var(--margin));
  }
  .large-up--padding-left-triple {
    padding-left: calc(3 * var(--margin));
  }
  .large-up--padding-left-quad {
    padding-left: calc(4 * var(--margin));
  }
  .large-up--padding-right {
    padding-right: calc(1 * var(--margin));
  }
  .large-up--padding-right-double {
    padding-right: calc(2 * var(--margin));
  }
  .large-up--padding-right-triple {
    padding-right: calc(3 * var(--margin));
  }
  .large-up--padding-right-quad {
    padding-right: calc(4 * var(--margin));
  }
  .large-up--margin-bottom-none {
    margin-bottom: 0;
  }
  .large-up--margin-bottom {
    margin-bottom: calc(1 * var(--margin));
  }
  .large-up--margin-bottom-double {
    margin-bottom: calc(2 * var(--margin));
  }
  .large-up--margin-bottom-triple {
    margin-bottom: calc(3 * var(--margin));
  }
  .large-up--margin-bottom-quad {
    margin-bottom: calc(4 * var(--margin));
  }
  .large-up--margin-bottom-oct {
    margin-bottom: calc(8 * var(--margin));
  }
  .large-up--margin-bottom-dodec {
    margin-bottom: calc(12 * var(--margin));
  }
  .large-up--margin-bottom-hexakaideca {
    margin-bottom: calc(16 * var(--margin));
  }
  .large-up--margin-top-col {
    margin-top: calc(1 * (var(--col-width) + 1px));
  }
  .large-up--margin-top-double-col {
    margin-top: calc(2 * (var(--col-width) + 1px));
  }
  .large-up--margin-top-triple-col {
    margin-top: calc(3 * (var(--col-width) + 1px));
  }
  .large-up--margin-top-quad-col {
    margin-top: calc(4 * (var(--col-width) + 1px));
  }
  .large-up--margin-top {
    margin-top: calc(1 * var(--margin));
  }
  .large-up--margin-top-double {
    margin-top: calc(2 * var(--margin));
  }
  .large-up--margin-top-triple {
    margin-top: calc(3 * var(--margin));
  }
  .large-up--margin-top-quad {
    margin-top: calc(4 * var(--margin));
  }
  .large-up--margin-top-oct {
    margin-top: calc(8 * var(--margin));
  }
  .large-up--margin-top-dodec {
    margin-top: calc(12 * var(--margin));
  }
  .large-up--margin-top-hexakaideca {
    margin-top: calc(16 * var(--margin));
  }
  .large-up--margin-bottom-col {
    margin-bottom: calc(1 * (var(--col-width) + 1px));
  }
  .large-up--margin-bottom-double-col {
    margin-bottom: calc(2 * (var(--col-width) + 1px));
  }
  .large-up--margin-bottom-triple-col {
    margin-bottom: calc(3 * (var(--col-width) + 1px));
  }
  .large-up--margin-bottom-quad-col {
    margin-bottom: calc(4 * (var(--col-width) + 1px));
  }
  .large-up--margin-left {
    margin-left: calc(1 * var(--margin));
  }
  .large-up--margin-left-double {
    margin-left: calc(2 * var(--margin));
  }
  .large-up--margin-left-triple {
    margin-left: calc(3 * var(--margin));
  }
  .large-up--margin-left-quad {
    margin-left: calc(4 * var(--margin));
  }
  .large-up--margin-right {
    margin-right: calc(1 * var(--margin));
  }
  .large-up--margin-right-double {
    margin-right: calc(2 * var(--margin));
  }
  .large-up--margin-right-triple {
    margin-right: calc(3 * var(--margin));
  }
  .large-up--margin-right-quad {
    margin-right: calc(4 * var(--margin));
  }
  .large-up--margin-left-col {
    margin-left: calc(1 * (var(--col-width) + 1px));
  }
  .large-up--margin-left-double-col {
    margin-left: calc(2 * (var(--col-width) + 1px));
  }
  .large-up--margin-left-triple-col {
    margin-left: calc(3 * (var(--col-width) + 1px));
  }
  .large-up--margin-left-quad-col {
    margin-left: calc(4 * (var(--col-width) + 1px));
  }
  .large-up--margin-right-col {
    margin-right: calc(1 * (var(--col-width) + 1px));
  }
  .large-up--margin-right-double-col {
    margin-right: calc(2 * (var(--col-width) + 1px));
  }
  .large-up--margin-right-triple-col {
    margin-right: calc(3 * (var(--col-width) + 1px));
  }
  .large-up--margin-right-quad-col {
    margin-right: calc(4 * (var(--col-width) + 1px));
  }
  .large-up--padding-bottom-col {
    padding-bottom: calc(1 * (var(--col-width) + 1px));
  }
  .large-up--padding-bottom-single-half-col {
    padding-bottom: calc(1.5 * (var(--col-width) + 1px));
  }
  .large-up--padding-bottom-double-col {
    padding-bottom: calc(2 * (var(--col-width) + 1px));
  }
  .large-up--padding-bottom-triple-col {
    padding-bottom: calc(3 * (var(--col-width) + 1px));
  }
  .large-up--padding-bottom-quad-col {
    padding-bottom: calc(4 * (var(--col-width) + 1px));
  }
  .large-up--padding-top-col-half {
    padding-top: calc(0.5 * (var(--col-width) + 1px));
  }
  .large-up--padding-top-col {
    padding-top: calc(1 * (var(--col-width) + 1px));
  }
  .large-up--padding-top-single-half-col {
    padding-top: calc(1.5 * (var(--col-width) + 1px));
  }
  .large-up--padding-top-double-col {
    padding-top: calc(2 * (var(--col-width) + 1px));
  }
  .large-up--padding-top-triple-col {
    padding-top: calc(3 * (var(--col-width) + 1px));
  }
  .large-up--padding-top-quad-col {
    padding-top: calc(4 * (var(--col-width) + 1px));
  }
  .large-up--padding-top-hexa-col {
    padding-top: calc(6 * (var(--col-width) + 1px));
  }
  .large-up--aspect--two-one {
    aspect-ratio: 2/1;
  }
  .large-up--aspect--sixteen-nine {
    aspect-ratio: 16/9;
  }
  .large-up--aspect--three-two {
    aspect-ratio: 3/2;
  }
  .large-up--aspect--four-three {
    aspect-ratio: 4/3;
  }
  .large-up--aspect--five-four {
    aspect-ratio: 5/4;
  }
  .large-up--aspect--one-one {
    aspect-ratio: 1/1;
  }
  .large-up--aspect--four-five {
    aspect-ratio: 4/5;
  }
  .large-up--aspect--two-three {
    aspect-ratio: 2/3;
  }
  .large-up--aspect--nine-sixteen {
    aspect-ratio: 9/16;
  }
  .large-up--flex-align--start {
    align-items: flex-start;
  }
  .large-up--flex-align--center {
    align-items: center;
  }
  .large-up--flex-align--end {
    align-items: flex-end;
  }
  .large-up--flex-justify--start {
    justify-content: flex-start;
  }
  .large-up--flex-justify--center {
    justify-content: center;
  }
  .large-up--flex-justify--end {
    justify-content: flex-end;
  }
  .large-up--flex-justify--between {
    justify-content: space-between;
  }
  .large-up--flex-justify--stretch {
    justify-content: unset;
  }
  .large-up--flex-justify--stretch > div, .large-up--flex-justify--stretch > div > div, .large-up--flex-justify--stretch > div > div > div {
    display: flex;
    flex: 1;
    flex-direction: column;
  }
  .large-up--flex-justify--stretch img {
    height: 100%;
    position: relative;
    width: 100%;
  }
}
@media only screen and (min-width: 1050px) {
  /* Whole */
  .widescreen--one-whole {
    width: 100%;
  }
  /* Halves */
  .widescreen--one-half {
    width: 50%;
  }
  /* Thirds */
  .widescreen--one-third {
    width: 33.3333333333%;
  }
  .widescreen--two-thirds {
    width: 66.6666666667%;
  }
  /* Quarters */
  .widescreen--one-quarter {
    width: 25%;
  }
  .widescreen--two-quarters {
    width: 50%;
  }
  .widescreen--three-quarters {
    width: 75%;
  }
  /* Fifths */
  .widescreen--one-fifth {
    width: 20%;
  }
  .widescreen--two-fifths {
    width: 40%;
  }
  .widescreen--three-fifths {
    width: 60%;
  }
  .widescreen--four-fifths {
    width: 80%;
  }
  /* Sixths */
  .widescreen--one-sixth {
    width: 16.6666666667%;
  }
  .widescreen--two-sixths {
    width: 33.3333333333%;
  }
  .widescreen--three-sixths {
    width: 50%;
  }
  .widescreen--four-sixths {
    width: 66.6666666667%;
  }
  .widescreen--five-sixths {
    width: 83.3333333333%;
  }
  /* Eighths */
  .widescreen--one-eighth {
    width: 12.5%;
  }
  .widescreen--two-eighths {
    width: 25%;
  }
  .widescreen--three-eighths {
    width: 37.5%;
  }
  .widescreen--four-eighths {
    width: 50%;
  }
  .widescreen--five-eighths {
    width: 62.5%;
  }
  .widescreen--six-eighths {
    width: 75%;
  }
  .widescreen--seven-eighths {
    width: 87.5%;
  }
  /* Tenths */
  .widescreen--one-tenth {
    width: 10%;
  }
  .widescreen--two-tenths {
    width: 20%;
  }
  .widescreen--three-tenths {
    width: 30%;
  }
  .widescreen--four-tenths {
    width: 40%;
  }
  .widescreen--five-tenths {
    width: 50%;
  }
  .widescreen--six-tenths {
    width: 60%;
  }
  .widescreen--seven-tenths {
    width: 70%;
  }
  .widescreen--eight-tenths {
    width: 80%;
  }
  .widescreen--nine-tenths {
    width: 90%;
  }
  /* Twelfths */
  .widescreen--one-twelfth {
    width: 8.3333333333%;
  }
  .widescreen--two-twelfths {
    width: 16.6666666667%;
  }
  .widescreen--three-twelfths {
    width: 25%;
  }
  .widescreen--four-twelfths {
    width: 33.3333333333%;
  }
  .widescreen--five-twelfths {
    width: 41.6666666667%;
  }
  .widescreen--six-twelfths {
    width: 50%;
  }
  .widescreen--seven-twelfths {
    width: 58.3333333333%;
  }
  .widescreen--eight-twelfths {
    width: 66.6666666667%;
  }
  .widescreen--nine-twelfths {
    width: 75%;
  }
  .widescreen--ten-twelfths {
    width: 83.3333333333%;
  }
  .widescreen--eleven-twelfths {
    width: 91.6666666667%;
  }
  .widescreen--one-col {
    width: calc(var(--col-width) - 0.1px);
  }
  .widescreen--two-col {
    width: calc(2 * var(--col-width) - 0.1px);
  }
  .widescreen--three-col {
    width: calc(3 * var(--col-width) - 0.1px);
  }
  .widescreen--four-col {
    width: calc(4 * var(--col-width) - 0.1px);
  }
  .widescreen--five-col {
    width: calc(5 * var(--col-width) - 0.1px);
  }
  .widescreen--six-col {
    width: calc(6 * var(--col-width) - 0.1px);
  }
  .widescreen--seven-col {
    width: calc(7 * var(--col-width) - 0.1px);
  }
  .widescreen--eight-col {
    width: calc(8 * var(--col-width) - 0.1px);
  }
  .widescreen--nine-col {
    width: calc(9 * var(--col-width) - 0.1px);
  }
  .widescreen--ten-col {
    width: calc(10 * var(--col-width) - 0.1px);
  }
  .widescreen--eleven-col {
    width: calc(11 * var(--col-width) - 0.1px);
  }
  .widescreen--twelve-col {
    width: calc(12 * var(--col-width) - 0.1px);
  }
  .widescreen--thirteen-col {
    width: calc(13 * var(--col-width) - 0.1px);
  }
  .widescreen--fourteen-col {
    width: calc(14 * var(--col-width) - 0.1px);
  }
  .widescreen--fifteen-col {
    width: calc(15 * var(--col-width) - 0.1px);
  }
  .widescreen--sixteen-col {
    width: calc(16 * var(--col-width) - 0.1px);
  }
  .widescreen--seventeen-col {
    width: calc(17 * var(--col-width) - 0.1px);
  }
  .widescreen--eighteen-col {
    width: calc(18 * var(--col-width) - 0.1px);
  }
  .widescreen--nineteen-col {
    width: calc(19 * var(--col-width) - 0.1px);
  }
  .widescreen--twenty-col {
    width: calc(20 * var(--col-width) - 0.1px);
  }
  .widescreen--twenty-one-col {
    width: calc(21 * var(--col-width) - 0.1px);
  }
  .widescreen--twenty-two-col {
    width: calc(22 * var(--col-width) - 0.1px);
  }
  .widescreen--twenty-three-col {
    width: calc(23 * var(--col-width) - 0.1px);
  }
  .widescreen--twenty-four-col {
    width: calc(24 * var(--col-width) - 0.1px);
  }
  .widescreen--twenty-five-col {
    width: calc(25 * var(--col-width) - 0.1px);
  }
  .widescreen--twenty-six-col {
    width: calc(26 * var(--col-width) - 0.1px);
  }
  .widescreen--twenty-seven-col {
    width: calc(27 * var(--col-width) - 0.1px);
  }
  .widescreen--twenty-eight-col {
    width: calc(28 * var(--col-width) - 0.1px);
  }
  .widescreen--one-col-mobile {
    width: calc(var(--col-width-mobile) - 0.1px);
  }
  .widescreen--two-col-mobile {
    width: calc(2 * var(--col-width-mobile) - 0.1px);
  }
  .widescreen--three-col-mobile {
    width: calc(3 * var(--col-width-mobile) - 0.1px);
  }
  .widescreen--four-col-mobile {
    width: calc(4 * var(--col-width-mobile) - 0.1px);
  }
  .widescreen--six-col-mobile {
    width: calc(6 * var(--col-width-mobile) - 0.1px);
  }
  .widescreen--eight-col-mobile {
    width: calc(8 * var(--col-width-mobile) - 0.1px);
  }
  .widescreen--one-col-mobile-offset {
    margin-left: calc(var(--col-width-mobile) - 0.1px);
  }
  .widescreen--two-col-mobile-offset {
    margin-left: calc(2 * var(--col-width-mobile) - 0.1px);
  }
  .widescreen--three-col-mobile-offset {
    margin-left: calc(3 * var(--col-width-mobile) - 0.1px);
  }
  .widescreen--minus-one-top-col-offset {
    margin-top: calc(-1 * var(--col-width) - var(--margin));
  }
  .widescreen--minus-two-top-col-offset {
    margin-top: calc(-2 * var(--col-width) - 2 * var(--margin));
  }
  .widescreen--minus-three-top-col-offset {
    margin-top: calc(-3 * var(--col-width) - var(--margin));
  }
  .widescreen--minus-four-top-col-offset {
    margin-top: calc(-4 * var(--col-width) - var(--margin));
  }
  .widescreen--minus-six-top-col-offset {
    margin-top: calc(-6 * var(--col-width) - var(--margin));
  }
  .widescreen--minus-one-col-offset {
    margin-left: calc(-1 * var(--col-width));
  }
  .widescreen--minus-two-col-offset {
    margin-left: calc(-2 * var(--col-width));
  }
  .widescreen--minus-three-col-offset {
    margin-left: calc(-3 * var(--col-width));
  }
  .widescreen--minus-four-col-offset {
    margin-left: calc(-4 * var(--col-width));
  }
  .widescreen--minus-six-col-offset {
    margin-left: calc(-6 * var(--col-width));
  }
  .widescreen--minus-eight-col-offset {
    margin-left: calc(-8 * var(--col-width));
  }
  .widescreen--minus-nine-col-offset {
    margin-left: calc(-9 * var(--col-width));
  }
  .widescreen--minus-ten-col-offset {
    margin-left: calc(-10 * var(--col-width));
  }
  .widescreen--minus-twelve-col-offset {
    margin-left: calc(-12 * var(--col-width));
  }
  .widescreen--minus-fourteen-col-offset {
    margin-left: calc(-14 * var(--col-width));
  }
  .widescreen--minus-fifteen-col-offset {
    margin-left: calc(-15 * var(--col-width));
  }
  .widescreen--minus-sixteen-col-offset {
    margin-left: calc(-16 * var(--col-width));
  }
  .widescreen--minus-twenty-four-col-offset {
    margin-left: calc(-24 * var(--col-width));
  }
  .widescreen--minus-one-rcol-offset {
    margin-right: calc(-1 * var(--col-width));
  }
  .widescreen--minus-two-rcol-offset {
    margin-right: calc(-2 * var(--col-width));
  }
  .widescreen--minus-three-rcol-offset {
    margin-right: calc(-3 * var(--col-width));
  }
  .widescreen--minus-four-rcol-offset {
    margin-right: calc(-4 * var(--col-width));
  }
  .widescreen--minus-six-rcol-offset {
    margin-right: calc(-6 * var(--col-width));
  }
  .widescreen--minus-eight-rcol-offset {
    margin-right: calc(-8 * var(--col-width));
  }
  .widescreen--minus-nine-rcol-offset {
    margin-right: calc(-9 * var(--col-width));
  }
  .widescreen--minus-ten-rcol-offset {
    margin-right: calc(-10 * var(--col-width));
  }
  .widescreen--minus-twelve-rcol-offset {
    margin-right: calc(-12 * var(--col-width));
  }
  .widescreen--minus-sixteen-rcol-offset {
    margin-right: calc(-16 * var(--col-width));
  }
  .widescreen--minus-twenty-four-rcol-offset {
    margin-right: calc(-24 * var(--col-width));
  }
  .widescreen--one-col-offset {
    margin-left: calc(var(--col-width));
  }
  .widescreen--two-col-offset {
    margin-left: calc(2 * var(--col-width));
  }
  .widescreen--three-col-offset {
    margin-left: calc(3 * var(--col-width));
  }
  .widescreen--four-col-offset {
    margin-left: calc(4 * var(--col-width));
  }
  .widescreen--six-col-offset {
    margin-left: calc(6 * var(--col-width));
  }
  .widescreen--seven-col-offset {
    margin-left: calc(7 * var(--col-width));
  }
  .widescreen--eight-col-offset {
    margin-left: calc(8 * var(--col-width));
  }
  .widescreen--nine-col-offset {
    margin-left: calc(9 * var(--col-width));
  }
  .widescreen--ten-col-offset {
    margin-left: calc(10 * var(--col-width));
  }
  .widescreen--eleven-col-offset {
    margin-left: calc(11 * var(--col-width));
  }
  .widescreen--twelve-col-offset {
    margin-left: calc(12 * var(--col-width));
  }
  .widescreen--thirteen-col-offset {
    margin-left: calc(13 * var(--col-width));
  }
  .widescreen--fourteen-col-offset {
    margin-left: calc(14 * var(--col-width));
  }
  .widescreen--fifteen-col-offset {
    margin-left: calc(15 * var(--col-width));
  }
  .widescreen--sixteen-col-offset {
    margin-left: calc(16 * var(--col-width));
  }
  .widescreen--twenty-four-col-offset {
    margin-left: calc(24 * var(--col-width));
  }
  .widescreen--padding-bottom {
    padding-bottom: calc(1 * var(--margin));
  }
  .widescreen--padding-bottom-double {
    padding-bottom: calc(2 * var(--margin));
  }
  .widescreen--padding-bottom-triple {
    padding-bottom: calc(3 * var(--margin));
  }
  .widescreen--padding-bottom-quad {
    padding-bottom: calc(4 * var(--margin));
  }
  .widescreen--padding-top {
    padding-top: calc(1 * var(--margin));
  }
  .widescreen--padding-top-double {
    padding-top: calc(2 * var(--margin));
  }
  .widescreen--padding-top-triple {
    padding-top: calc(3 * var(--margin));
  }
  .widescreen--padding-top-quad {
    padding-top: calc(4 * var(--margin));
  }
  .widescreen--padding-left {
    padding-left: calc(1 * var(--margin));
  }
  .widescreen--padding-left-double {
    padding-left: calc(2 * var(--margin));
  }
  .widescreen--padding-left-triple {
    padding-left: calc(3 * var(--margin));
  }
  .widescreen--padding-left-quad {
    padding-left: calc(4 * var(--margin));
  }
  .widescreen--padding-right {
    padding-right: calc(1 * var(--margin));
  }
  .widescreen--padding-right-double {
    padding-right: calc(2 * var(--margin));
  }
  .widescreen--padding-right-triple {
    padding-right: calc(3 * var(--margin));
  }
  .widescreen--padding-right-quad {
    padding-right: calc(4 * var(--margin));
  }
  .widescreen--margin-bottom-none {
    margin-bottom: 0;
  }
  .widescreen--margin-bottom {
    margin-bottom: calc(1 * var(--margin));
  }
  .widescreen--margin-bottom-double {
    margin-bottom: calc(2 * var(--margin));
  }
  .widescreen--margin-bottom-triple {
    margin-bottom: calc(3 * var(--margin));
  }
  .widescreen--margin-bottom-quad {
    margin-bottom: calc(4 * var(--margin));
  }
  .widescreen--margin-bottom-oct {
    margin-bottom: calc(8 * var(--margin));
  }
  .widescreen--margin-bottom-dodec {
    margin-bottom: calc(12 * var(--margin));
  }
  .widescreen--margin-bottom-hexakaideca {
    margin-bottom: calc(16 * var(--margin));
  }
  .widescreen--margin-top-col {
    margin-top: calc(1 * (var(--col-width) + 1px));
  }
  .widescreen--margin-top-double-col {
    margin-top: calc(2 * (var(--col-width) + 1px));
  }
  .widescreen--margin-top-triple-col {
    margin-top: calc(3 * (var(--col-width) + 1px));
  }
  .widescreen--margin-top-quad-col {
    margin-top: calc(4 * (var(--col-width) + 1px));
  }
  .widescreen--margin-top {
    margin-top: calc(1 * var(--margin));
  }
  .widescreen--margin-top-double {
    margin-top: calc(2 * var(--margin));
  }
  .widescreen--margin-top-triple {
    margin-top: calc(3 * var(--margin));
  }
  .widescreen--margin-top-quad {
    margin-top: calc(4 * var(--margin));
  }
  .widescreen--margin-top-oct {
    margin-top: calc(8 * var(--margin));
  }
  .widescreen--margin-top-dodec {
    margin-top: calc(12 * var(--margin));
  }
  .widescreen--margin-top-hexakaideca {
    margin-top: calc(16 * var(--margin));
  }
  .widescreen--margin-bottom-col {
    margin-bottom: calc(1 * (var(--col-width) + 1px));
  }
  .widescreen--margin-bottom-double-col {
    margin-bottom: calc(2 * (var(--col-width) + 1px));
  }
  .widescreen--margin-bottom-triple-col {
    margin-bottom: calc(3 * (var(--col-width) + 1px));
  }
  .widescreen--margin-bottom-quad-col {
    margin-bottom: calc(4 * (var(--col-width) + 1px));
  }
  .widescreen--margin-left {
    margin-left: calc(1 * var(--margin));
  }
  .widescreen--margin-left-double {
    margin-left: calc(2 * var(--margin));
  }
  .widescreen--margin-left-triple {
    margin-left: calc(3 * var(--margin));
  }
  .widescreen--margin-left-quad {
    margin-left: calc(4 * var(--margin));
  }
  .widescreen--margin-right {
    margin-right: calc(1 * var(--margin));
  }
  .widescreen--margin-right-double {
    margin-right: calc(2 * var(--margin));
  }
  .widescreen--margin-right-triple {
    margin-right: calc(3 * var(--margin));
  }
  .widescreen--margin-right-quad {
    margin-right: calc(4 * var(--margin));
  }
  .widescreen--margin-left-col {
    margin-left: calc(1 * (var(--col-width) + 1px));
  }
  .widescreen--margin-left-double-col {
    margin-left: calc(2 * (var(--col-width) + 1px));
  }
  .widescreen--margin-left-triple-col {
    margin-left: calc(3 * (var(--col-width) + 1px));
  }
  .widescreen--margin-left-quad-col {
    margin-left: calc(4 * (var(--col-width) + 1px));
  }
  .widescreen--margin-right-col {
    margin-right: calc(1 * (var(--col-width) + 1px));
  }
  .widescreen--margin-right-double-col {
    margin-right: calc(2 * (var(--col-width) + 1px));
  }
  .widescreen--margin-right-triple-col {
    margin-right: calc(3 * (var(--col-width) + 1px));
  }
  .widescreen--margin-right-quad-col {
    margin-right: calc(4 * (var(--col-width) + 1px));
  }
  .widescreen--padding-bottom-col {
    padding-bottom: calc(1 * (var(--col-width) + 1px));
  }
  .widescreen--padding-bottom-single-half-col {
    padding-bottom: calc(1.5 * (var(--col-width) + 1px));
  }
  .widescreen--padding-bottom-double-col {
    padding-bottom: calc(2 * (var(--col-width) + 1px));
  }
  .widescreen--padding-bottom-triple-col {
    padding-bottom: calc(3 * (var(--col-width) + 1px));
  }
  .widescreen--padding-bottom-quad-col {
    padding-bottom: calc(4 * (var(--col-width) + 1px));
  }
  .widescreen--padding-top-col-half {
    padding-top: calc(0.5 * (var(--col-width) + 1px));
  }
  .widescreen--padding-top-col {
    padding-top: calc(1 * (var(--col-width) + 1px));
  }
  .widescreen--padding-top-single-half-col {
    padding-top: calc(1.5 * (var(--col-width) + 1px));
  }
  .widescreen--padding-top-double-col {
    padding-top: calc(2 * (var(--col-width) + 1px));
  }
  .widescreen--padding-top-triple-col {
    padding-top: calc(3 * (var(--col-width) + 1px));
  }
  .widescreen--padding-top-quad-col {
    padding-top: calc(4 * (var(--col-width) + 1px));
  }
  .widescreen--padding-top-hexa-col {
    padding-top: calc(6 * (var(--col-width) + 1px));
  }
  .widescreen--aspect--two-one {
    aspect-ratio: 2/1;
  }
  .widescreen--aspect--sixteen-nine {
    aspect-ratio: 16/9;
  }
  .widescreen--aspect--three-two {
    aspect-ratio: 3/2;
  }
  .widescreen--aspect--four-three {
    aspect-ratio: 4/3;
  }
  .widescreen--aspect--five-four {
    aspect-ratio: 5/4;
  }
  .widescreen--aspect--one-one {
    aspect-ratio: 1/1;
  }
  .widescreen--aspect--four-five {
    aspect-ratio: 4/5;
  }
  .widescreen--aspect--two-three {
    aspect-ratio: 2/3;
  }
  .widescreen--aspect--nine-sixteen {
    aspect-ratio: 9/16;
  }
  .widescreen--flex-align--start {
    align-items: flex-start;
  }
  .widescreen--flex-align--center {
    align-items: center;
  }
  .widescreen--flex-align--end {
    align-items: flex-end;
  }
  .widescreen--flex-justify--start {
    justify-content: flex-start;
  }
  .widescreen--flex-justify--center {
    justify-content: center;
  }
  .widescreen--flex-justify--end {
    justify-content: flex-end;
  }
  .widescreen--flex-justify--between {
    justify-content: space-between;
  }
  .widescreen--flex-justify--stretch {
    justify-content: unset;
  }
  .widescreen--flex-justify--stretch > div, .widescreen--flex-justify--stretch > div > div, .widescreen--flex-justify--stretch > div > div > div {
    display: flex;
    flex: 1;
    flex-direction: column;
  }
  .widescreen--flex-justify--stretch img {
    height: 100%;
    position: relative;
    width: 100%;
  }
}
/* mobile variables */
@media (max-width: 680px) {
  :root {
    --margin: 20px;
    --col-width: ((100vw - 20px) / 8);
    --column: var(--col-width) ;
  }
}
body[data-waiting] * {
  display: none;
}

body, html {
  scrollbar-width: none !important;
}

html {
  height: 100%;
}

body {
  background: #fff;
  min-height: 100%;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

main {
  overflow: hidden;
  width: 100vw;
}

.container {
  align-items: center;
  display: flex;
  justify-content: center;
  height: 100lvh;
  left: 0;
  position: fixed;
  width: 100vw;
  top: 0;
}

.wrapper {
  margin-left: auto;
  margin-right: auto;
  width: calc(31 * var(--column));
}
@media (max-width: 680px) {
  .wrapper {
    width: calc(8 * var(--column));
  }
}

.grid {
  display: flex;
}
.grid.grid--wrap {
  flex-wrap: wrap;
}
.grid.grid--between {
  justify-content: space-between;
}

.pos--relative {
  position: relative;
}

#mobile-block {
  display: none;
  pointer-events: none;
  position: absolute;
  height: 100lvh;
  top: 0;
  width: 1px;
}
@media (max-width: 680px) {
  #mobile-block {
    display: block;
  }
}

.overflow--hidden {
  overflow: hidden;
}

@media (max-width: 680px) {
  .hide--medium-down {
    display: none !important;
  }
}

@media (min-width: calc(680px + 1px)) {
  .hide--medium-up {
    display: none !important;
  }
}

@font-face {
  font-family: everett;
  font-weight: 300;
  src: url(../fonts/Everett-Regular.otf);
}
html, body {
  color: #000;
  font-size: 11.275px;
  font-family: everett, helvetica neue, helvetica;
  letter-spacing: -0.25px;
  line-height: 1.2;
}
@media (max-width: 680px) {
  html, body {
    font-size: 9.125px;
  }
}

.tagline p,
h3 {
  font-size: 14.375px;
  font-weight: 300;
  letter-spacing: -0.675px;
  margin: 0;
  padding: 0;
}

h2 {
  font-size: 296px;
  font-size: clamp(1px, 8vw, 296px);
  font-weight: 300;
  letter-spacing: clamp(-25px, -0.675vw, 0px);
  line-height: 0.8;
}
@media (max-width: 680px) {
  h2 {
    font-size: clamp(1px, 18vw, 296px);
    letter-spacing: clamp(-25px, -1.675vw, 0px);
    text-indent: 0;
    white-space: wrap;
  }
}
h2 div {
  text-indent: 0;
  white-space: nowrap;
}

a {
  color: inherit;
  font-size: inherit;
  text-decoration: none;
}

.nowrap {
  white-space: nowrap;
}

#container--info .work--block {
  opacity: 1 !important;
}
#container--info .work--block :not(.active) h2 > div {
  background: rgba(255, 255, 255, 0.05);
}

[id*=nav] {
  filter: invert(1);
  opacity: 0;
  mix-blend-mode: difference;
  position: fixed;
  transition: all 0.675s 1.375s var(--ease-out-quart);
  width: 100%;
  z-index: 2;
}

body[data-init] #nav {
  opacity: 1;
}

body[data-active] #nav {
  opacity: 0;
}

.menu--block {
  align-items: center;
  display: flex;
}
.menu--block .menu {
  background: rgba(0, 0, 0, 0);
  border: 1px solid #000;
  border-color: rgb(0, 0, 0) rgba(0, 0, 0, 0);
  display: block;
  height: 9px;
  margin: -10px 40px -10px 0;
  transform: translate(1px, 0);
  transition: all 0.675s var(--ease-out-quart);
  width: 36px;
}
@media (max-width: 680px) {
  .menu--block .menu {
    margin-right: 30px;
  }
}
.menu--block.active .menu, .menu--block:hover .menu {
  border-color: rgb(0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
  border-width: 1.25px;
  height: 0;
  transform: rotate(180deg);
}
.menu--block.active h3 a, .menu--block:hover h3 a {
  opacity: 1;
}

#nav h3 {
  white-space: nowrap;
}

.menu--block h3 a {
  background: rgba(0, 0, 0, 0);
  margin-right: 40px;
  opacity: 0;
  padding: 2.5px 5px;
  position: relative;
  transition: all 0.375s var(--ease-out-quart);
}
@media (max-width: 680px) {
  .menu--block h3 a {
    margin-right: 20px;
  }
}
.menu--block h3 a.active {
  background: rgb(0, 0, 0);
  color: rgb(255, 255, 255);
}

span.div {
  background: #000;
  display: inline-block;
  height: 1px;
  margin: 0 5px;
  transform: translateY(-2.5px);
  width: calc(1 * var(--column));
}
@media (max-width: 680px) {
  span.div {
    background: transparent none;
    width: calc(0.5 * var(--column));
  }
}

body #nav .title {
  align-items: center;
  display: flex;
  opacity: 1;
  transition: all 0.675s var(--ease-out-quart);
  white-space: nowrap;
}
body #nav .title * {
  white-space: nowrap;
}
body[data-hover] #nav .title {
  opacity: 0;
}

body {
  overflow: hidden;
}
body #container--intro {
  opacity: 1;
}
body[data-waiting] #container--intro {
  display: block;
  opacity: 0;
}

#container--intro {
  height: 100lvh;
  left: 0;
  pointer-events: all;
  position: fixed;
  top: 0;
  transition: pointer-events 0.025s 3.125s linear, opacity 1.375s var(--ease-out-quart);
  width: 100vw;
}
#container--intro h2 {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  white-space: nowrap;
}
#container--intro h2 sup {
  display: inline-block;
  transform: scale(0.5);
}

body[data-init] {
  overflow: auto;
}
body[data-init] #container--intro {
  opacity: 0;
}

body[data-init-hover] #container--intro {
  pointer-events: none;
}

#loadcount {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, calc(-50% + 1.5 * var(--column)));
}

.work--block {
  margin-right: calc(1 * var(--column));
  margin-bottom: calc(1 * var(--column));
  position: relative;
  transition: all 0.375s var(--ease-out-quart);
}
@media (max-width: 680px) {
  .work--block {
    margin: calc(2 * var(--column)) 0;
  }
}
.work--block:after {
  background: #000;
  content: "";
  height: 100%;
  left: calc(100% + 0.5 * var(--column));
  opacity: 0.2;
  position: absolute;
  top: 0;
  width: 1px;
}
.work--block:nth-child(4n) {
  margin-right: 0;
}
.work--block:nth-child(4n):after {
  display: none;
}

.block--images {
  position: absolute;
  height: calc(100% + 0.75 * var(--margin));
  overflow: hidden;
}
.block--images:after {
  background: linear-gradient(0, #fff, rgba(255, 255, 255, 0));
  bottom: 0;
  content: "";
  height: calc(1 * var(--margin));
  left: 0;
  position: absolute;
  width: 100%;
}

.carousel--block {
  filter: invert(1);
  margin-bottom: calc(0.5 * var(--margin));
}
.carousel--block img {
  display: block;
  height: calc(1 * var(--column));
  margin-right: calc(0.25 * var(--margin));
  width: auto;
}

.work--block p {
  margin: 0;
  padding: 0;
}

/*  container  */
body[data-hover="2"] #container--img {
  opacity: 0;
}

#container--img {
  height: 0;
  left: 50%;
  pointer-events: none;
  position: fixed;
  top: 50%;
  width: 0;
  z-index: 10;
}
#container--img img.xxxxxxxxxxxxxx {
  height: calc(12 * var(--column));
  opacity: 0;
  left: 50%;
  max-height: calc(100lvh - 2 * var(--column));
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all 1.375s var(--ease-out-quart);
  width: auto;
}
#container--img img.xxxxxxxxxxxxxx[data-complete].active {
  opacity: 1;
}
#container--img .block {
  background: rgba(255, 255, 255, 0.5);
  clip-path: inset(calc(2 * var(--column)) calc(8 * var(--column)));
  height: 100lvh;
  opacity: 0;
  overflow: hidden;
  left: 50%;
  max-height: 100lvh;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all 1.375s var(--ease-out-quart);
  width: 100vw;
}
@media (max-width: 680px) {
  #container--img .block {
    clip-path: inset(calc(2.5 * var(--column)) calc(2 * var(--margin)));
  }
}
#container--img .block.active {
  opacity: 1;
}

body[data-active] #container--img .block {
  clip-path: inset(0);
}

body .work--base {
  filter: invert(1);
  mix-blend-mode: difference;
  pointer-events: none;
  position: relative;
  z-index: 20;
}
body[data-init] .work--base {
  pointer-events: all;
}
body[data-hover="2"] .work--base {
  pointer-events: none;
}

.work--block.hide .char {
  opacity: 0;
  transition: all 0.15s var(--ease-out-quart);
}
@media (max-width: 680px) {
  .work--block.hide h2 .char {
    opacity: 0.125;
  }
}

body[data-hover="1"] .work--block.hide h2 .char {
  opacity: 0.125;
}

body:not([data-init]) .work--block .char,
body[data-hover="2"] .work--block .char {
  opacity: 0 !important;
}

body[data-active] .work--block:not(.active) .char {
  opacity: 0;
}

.work--block:not(.hide) .char {
  opacity: 1;
}
.work--block:not(.hide) .grid > div:nth-child(0) [data-index="0"] {
  transition-delay: 0s;
}
.work--block:not(.hide) .grid > div:nth-child(0) [data-index="1"] {
  transition-delay: 0.025s;
}
.work--block:not(.hide) .grid > div:nth-child(0) [data-index="2"] {
  transition-delay: 0.05s;
}
.work--block:not(.hide) .grid > div:nth-child(0) [data-index="3"] {
  transition-delay: 0.075s;
}
.work--block:not(.hide) .grid > div:nth-child(0) [data-index="4"] {
  transition-delay: 0.1s;
}
.work--block:not(.hide) .grid > div:nth-child(0) [data-index="5"] {
  transition-delay: 0.125s;
}
.work--block:not(.hide) .grid > div:nth-child(0) [data-index="6"] {
  transition-delay: 0.15s;
}
.work--block:not(.hide) .grid > div:nth-child(0) [data-index="7"] {
  transition-delay: 0.175s;
}
.work--block:not(.hide) .grid > div:nth-child(0) [data-index="8"] {
  transition-delay: 0.2s;
}
.work--block:not(.hide) .grid > div:nth-child(0) [data-index="9"] {
  transition-delay: 0.225s;
}
.work--block:not(.hide) .grid > div:nth-child(0) [data-index="10"] {
  transition-delay: 0.25s;
}
.work--block:not(.hide) .grid > div:nth-child(0) [data-index="11"] {
  transition-delay: 0.275s;
}
.work--block:not(.hide) .grid > div:nth-child(0) [data-index="12"] {
  transition-delay: 0.3s;
}
.work--block:not(.hide) .grid > div:nth-child(0) [data-index="13"] {
  transition-delay: 0.325s;
}
.work--block:not(.hide) .grid > div:nth-child(0) [data-index="14"] {
  transition-delay: 0.35s;
}
.work--block:not(.hide) .grid > div:nth-child(0) [data-index="15"] {
  transition-delay: 0.375s;
}
.work--block:not(.hide) .grid > div:nth-child(0) [data-index="16"] {
  transition-delay: 0.4s;
}
.work--block:not(.hide) .grid > div:nth-child(0) [data-index="17"] {
  transition-delay: 0.425s;
}
.work--block:not(.hide) .grid > div:nth-child(0) [data-index="18"] {
  transition-delay: 0.45s;
}
.work--block:not(.hide) .grid > div:nth-child(0) [data-index="19"] {
  transition-delay: 0.475s;
}
.work--block:not(.hide) .grid > div:nth-child(0) [data-index="20"] {
  transition-delay: 0.5s;
}
.work--block:not(.hide) .grid > div:nth-child(0) [data-index="21"] {
  transition-delay: 0.525s;
}
.work--block:not(.hide) .grid > div:nth-child(0) [data-index="22"] {
  transition-delay: 0.55s;
}
.work--block:not(.hide) .grid > div:nth-child(0) [data-index="23"] {
  transition-delay: 0.575s;
}
.work--block:not(.hide) .grid > div:nth-child(0) [data-index="24"] {
  transition-delay: 0.6s;
}
.work--block:not(.hide) .grid > div:nth-child(0) [data-index="25"] {
  transition-delay: 0.625s;
}
.work--block:not(.hide) .grid > div:nth-child(0) [data-index="26"] {
  transition-delay: 0.65s;
}
.work--block:not(.hide) .grid > div:nth-child(0) [data-index="27"] {
  transition-delay: 0.675s;
}
.work--block:not(.hide) .grid > div:nth-child(0) [data-index="28"] {
  transition-delay: 0.7s;
}
.work--block:not(.hide) .grid > div:nth-child(0) [data-index="29"] {
  transition-delay: 0.725s;
}
.work--block:not(.hide) .grid > div:nth-child(0) [data-index="30"] {
  transition-delay: 0.75s;
}
.work--block:not(.hide) .grid > div:nth-child(0) [data-index="31"] {
  transition-delay: 0.775s;
}
.work--block:not(.hide) .grid > div:nth-child(0) [data-index="32"] {
  transition-delay: 0.8s;
}
.work--block:not(.hide) .grid > div:nth-child(0) [data-index="33"] {
  transition-delay: 0.825s;
}
.work--block:not(.hide) .grid > div:nth-child(0) [data-index="34"] {
  transition-delay: 0.85s;
}
.work--block:not(.hide) .grid > div:nth-child(0) [data-index="35"] {
  transition-delay: 0.875s;
}
.work--block:not(.hide) .grid > div:nth-child(0) [data-index="36"] {
  transition-delay: 0.9s;
}
.work--block:not(.hide) .grid > div:nth-child(0) [data-index="37"] {
  transition-delay: 0.925s;
}
.work--block:not(.hide) .grid > div:nth-child(0) [data-index="38"] {
  transition-delay: 0.95s;
}
.work--block:not(.hide) .grid > div:nth-child(0) [data-index="39"] {
  transition-delay: 0.975s;
}
.work--block:not(.hide) .grid > div:nth-child(0) [data-index="40"] {
  transition-delay: 1s;
}
.work--block:not(.hide) .grid > div:nth-child(0) [data-index="41"] {
  transition-delay: 1.025s;
}
.work--block:not(.hide) .grid > div:nth-child(0) [data-index="42"] {
  transition-delay: 1.05s;
}
.work--block:not(.hide) .grid > div:nth-child(0) [data-index="43"] {
  transition-delay: 1.075s;
}
.work--block:not(.hide) .grid > div:nth-child(0) [data-index="44"] {
  transition-delay: 1.1s;
}
.work--block:not(.hide) .grid > div:nth-child(0) [data-index="45"] {
  transition-delay: 1.125s;
}
.work--block:not(.hide) .grid > div:nth-child(0) [data-index="46"] {
  transition-delay: 1.15s;
}
.work--block:not(.hide) .grid > div:nth-child(0) [data-index="47"] {
  transition-delay: 1.175s;
}
.work--block:not(.hide) .grid > div:nth-child(0) [data-index="48"] {
  transition-delay: 1.2s;
}
.work--block:not(.hide) .grid > div:nth-child(0) [data-index="49"] {
  transition-delay: 1.225s;
}
.work--block:not(.hide) .grid > div:nth-child(0) [data-index="50"] {
  transition-delay: 1.25s;
}
.work--block:not(.hide) .grid > div:nth-child(0) [data-index="51"] {
  transition-delay: 1.275s;
}
.work--block:not(.hide) .grid > div:nth-child(0) [data-index="52"] {
  transition-delay: 1.3s;
}
.work--block:not(.hide) .grid > div:nth-child(0) [data-index="53"] {
  transition-delay: 1.325s;
}
.work--block:not(.hide) .grid > div:nth-child(0) [data-index="54"] {
  transition-delay: 1.35s;
}
.work--block:not(.hide) .grid > div:nth-child(0) [data-index="55"] {
  transition-delay: 1.375s;
}
.work--block:not(.hide) .grid > div:nth-child(0) [data-index="56"] {
  transition-delay: 1.4s;
}
.work--block:not(.hide) .grid > div:nth-child(0) [data-index="57"] {
  transition-delay: 1.425s;
}
.work--block:not(.hide) .grid > div:nth-child(0) [data-index="58"] {
  transition-delay: 1.45s;
}
.work--block:not(.hide) .grid > div:nth-child(0) [data-index="59"] {
  transition-delay: 1.475s;
}
.work--block:not(.hide) .grid > div:nth-child(0) [data-index="60"] {
  transition-delay: 1.5s;
}
.work--block:not(.hide) .grid > div:nth-child(0) [data-index="61"] {
  transition-delay: 1.525s;
}
.work--block:not(.hide) .grid > div:nth-child(0) [data-index="62"] {
  transition-delay: 1.55s;
}
.work--block:not(.hide) .grid > div:nth-child(0) [data-index="63"] {
  transition-delay: 1.575s;
}
.work--block:not(.hide) .grid > div:nth-child(0) [data-index="64"] {
  transition-delay: 1.6s;
}
.work--block:not(.hide) .grid > div:nth-child(0) [data-index="65"] {
  transition-delay: 1.625s;
}
.work--block:not(.hide) .grid > div:nth-child(0) [data-index="66"] {
  transition-delay: 1.65s;
}
.work--block:not(.hide) .grid > div:nth-child(0) [data-index="67"] {
  transition-delay: 1.675s;
}
.work--block:not(.hide) .grid > div:nth-child(0) [data-index="68"] {
  transition-delay: 1.7s;
}
.work--block:not(.hide) .grid > div:nth-child(0) [data-index="69"] {
  transition-delay: 1.725s;
}
.work--block:not(.hide) .grid > div:nth-child(0) [data-index="70"] {
  transition-delay: 1.75s;
}
.work--block:not(.hide) .grid > div:nth-child(0) [data-index="71"] {
  transition-delay: 1.775s;
}
.work--block:not(.hide) .grid > div:nth-child(0) [data-index="72"] {
  transition-delay: 1.8s;
}
.work--block:not(.hide) .grid > div:nth-child(0) [data-index="73"] {
  transition-delay: 1.825s;
}
.work--block:not(.hide) .grid > div:nth-child(0) [data-index="74"] {
  transition-delay: 1.85s;
}
.work--block:not(.hide) .grid > div:nth-child(0) [data-index="75"] {
  transition-delay: 1.875s;
}
.work--block:not(.hide) .grid > div:nth-child(0) [data-index="76"] {
  transition-delay: 1.9s;
}
.work--block:not(.hide) .grid > div:nth-child(0) [data-index="77"] {
  transition-delay: 1.925s;
}
.work--block:not(.hide) .grid > div:nth-child(0) [data-index="78"] {
  transition-delay: 1.95s;
}
.work--block:not(.hide) .grid > div:nth-child(0) [data-index="79"] {
  transition-delay: 1.975s;
}
.work--block:not(.hide) .grid > div:nth-child(0) [data-index="80"] {
  transition-delay: 2s;
}
.work--block:not(.hide) .grid > div:nth-child(0) [data-index="81"] {
  transition-delay: 2.025s;
}
.work--block:not(.hide) .grid > div:nth-child(0) [data-index="82"] {
  transition-delay: 2.05s;
}
.work--block:not(.hide) .grid > div:nth-child(0) [data-index="83"] {
  transition-delay: 2.075s;
}
.work--block:not(.hide) .grid > div:nth-child(0) [data-index="84"] {
  transition-delay: 2.1s;
}
.work--block:not(.hide) .grid > div:nth-child(0) [data-index="85"] {
  transition-delay: 2.125s;
}
.work--block:not(.hide) .grid > div:nth-child(0) [data-index="86"] {
  transition-delay: 2.15s;
}
.work--block:not(.hide) .grid > div:nth-child(0) [data-index="87"] {
  transition-delay: 2.175s;
}
.work--block:not(.hide) .grid > div:nth-child(0) [data-index="88"] {
  transition-delay: 2.2s;
}
.work--block:not(.hide) .grid > div:nth-child(0) [data-index="89"] {
  transition-delay: 2.225s;
}
.work--block:not(.hide) .grid > div:nth-child(0) [data-index="90"] {
  transition-delay: 2.25s;
}
.work--block:not(.hide) .grid > div:nth-child(0) [data-index="91"] {
  transition-delay: 2.275s;
}
.work--block:not(.hide) .grid > div:nth-child(0) [data-index="92"] {
  transition-delay: 2.3s;
}
.work--block:not(.hide) .grid > div:nth-child(0) [data-index="93"] {
  transition-delay: 2.325s;
}
.work--block:not(.hide) .grid > div:nth-child(0) [data-index="94"] {
  transition-delay: 2.35s;
}
.work--block:not(.hide) .grid > div:nth-child(0) [data-index="95"] {
  transition-delay: 2.375s;
}
.work--block:not(.hide) .grid > div:nth-child(0) [data-index="96"] {
  transition-delay: 2.4s;
}
.work--block:not(.hide) .grid > div:nth-child(0) [data-index="97"] {
  transition-delay: 2.425s;
}
.work--block:not(.hide) .grid > div:nth-child(0) [data-index="98"] {
  transition-delay: 2.45s;
}
.work--block:not(.hide) .grid > div:nth-child(0) [data-index="99"] {
  transition-delay: 2.475s;
}
.work--block:not(.hide) .grid > div:nth-child(0) [data-index="100"] {
  transition-delay: 2.5s;
}
.work--block:not(.hide) .grid > div:nth-child(1) [data-index="0"] {
  transition-delay: 0.5s;
}
.work--block:not(.hide) .grid > div:nth-child(1) [data-index="1"] {
  transition-delay: 0.525s;
}
.work--block:not(.hide) .grid > div:nth-child(1) [data-index="2"] {
  transition-delay: 0.55s;
}
.work--block:not(.hide) .grid > div:nth-child(1) [data-index="3"] {
  transition-delay: 0.575s;
}
.work--block:not(.hide) .grid > div:nth-child(1) [data-index="4"] {
  transition-delay: 0.6s;
}
.work--block:not(.hide) .grid > div:nth-child(1) [data-index="5"] {
  transition-delay: 0.625s;
}
.work--block:not(.hide) .grid > div:nth-child(1) [data-index="6"] {
  transition-delay: 0.65s;
}
.work--block:not(.hide) .grid > div:nth-child(1) [data-index="7"] {
  transition-delay: 0.675s;
}
.work--block:not(.hide) .grid > div:nth-child(1) [data-index="8"] {
  transition-delay: 0.7s;
}
.work--block:not(.hide) .grid > div:nth-child(1) [data-index="9"] {
  transition-delay: 0.725s;
}
.work--block:not(.hide) .grid > div:nth-child(1) [data-index="10"] {
  transition-delay: 0.75s;
}
.work--block:not(.hide) .grid > div:nth-child(1) [data-index="11"] {
  transition-delay: 0.775s;
}
.work--block:not(.hide) .grid > div:nth-child(1) [data-index="12"] {
  transition-delay: 0.8s;
}
.work--block:not(.hide) .grid > div:nth-child(1) [data-index="13"] {
  transition-delay: 0.825s;
}
.work--block:not(.hide) .grid > div:nth-child(1) [data-index="14"] {
  transition-delay: 0.85s;
}
.work--block:not(.hide) .grid > div:nth-child(1) [data-index="15"] {
  transition-delay: 0.875s;
}
.work--block:not(.hide) .grid > div:nth-child(1) [data-index="16"] {
  transition-delay: 0.9s;
}
.work--block:not(.hide) .grid > div:nth-child(1) [data-index="17"] {
  transition-delay: 0.925s;
}
.work--block:not(.hide) .grid > div:nth-child(1) [data-index="18"] {
  transition-delay: 0.95s;
}
.work--block:not(.hide) .grid > div:nth-child(1) [data-index="19"] {
  transition-delay: 0.975s;
}
.work--block:not(.hide) .grid > div:nth-child(1) [data-index="20"] {
  transition-delay: 1s;
}
.work--block:not(.hide) .grid > div:nth-child(1) [data-index="21"] {
  transition-delay: 1.025s;
}
.work--block:not(.hide) .grid > div:nth-child(1) [data-index="22"] {
  transition-delay: 1.05s;
}
.work--block:not(.hide) .grid > div:nth-child(1) [data-index="23"] {
  transition-delay: 1.075s;
}
.work--block:not(.hide) .grid > div:nth-child(1) [data-index="24"] {
  transition-delay: 1.1s;
}
.work--block:not(.hide) .grid > div:nth-child(1) [data-index="25"] {
  transition-delay: 1.125s;
}
.work--block:not(.hide) .grid > div:nth-child(1) [data-index="26"] {
  transition-delay: 1.15s;
}
.work--block:not(.hide) .grid > div:nth-child(1) [data-index="27"] {
  transition-delay: 1.175s;
}
.work--block:not(.hide) .grid > div:nth-child(1) [data-index="28"] {
  transition-delay: 1.2s;
}
.work--block:not(.hide) .grid > div:nth-child(1) [data-index="29"] {
  transition-delay: 1.225s;
}
.work--block:not(.hide) .grid > div:nth-child(1) [data-index="30"] {
  transition-delay: 1.25s;
}
.work--block:not(.hide) .grid > div:nth-child(1) [data-index="31"] {
  transition-delay: 1.275s;
}
.work--block:not(.hide) .grid > div:nth-child(1) [data-index="32"] {
  transition-delay: 1.3s;
}
.work--block:not(.hide) .grid > div:nth-child(1) [data-index="33"] {
  transition-delay: 1.325s;
}
.work--block:not(.hide) .grid > div:nth-child(1) [data-index="34"] {
  transition-delay: 1.35s;
}
.work--block:not(.hide) .grid > div:nth-child(1) [data-index="35"] {
  transition-delay: 1.375s;
}
.work--block:not(.hide) .grid > div:nth-child(1) [data-index="36"] {
  transition-delay: 1.4s;
}
.work--block:not(.hide) .grid > div:nth-child(1) [data-index="37"] {
  transition-delay: 1.425s;
}
.work--block:not(.hide) .grid > div:nth-child(1) [data-index="38"] {
  transition-delay: 1.45s;
}
.work--block:not(.hide) .grid > div:nth-child(1) [data-index="39"] {
  transition-delay: 1.475s;
}
.work--block:not(.hide) .grid > div:nth-child(1) [data-index="40"] {
  transition-delay: 1.5s;
}
.work--block:not(.hide) .grid > div:nth-child(1) [data-index="41"] {
  transition-delay: 1.525s;
}
.work--block:not(.hide) .grid > div:nth-child(1) [data-index="42"] {
  transition-delay: 1.55s;
}
.work--block:not(.hide) .grid > div:nth-child(1) [data-index="43"] {
  transition-delay: 1.575s;
}
.work--block:not(.hide) .grid > div:nth-child(1) [data-index="44"] {
  transition-delay: 1.6s;
}
.work--block:not(.hide) .grid > div:nth-child(1) [data-index="45"] {
  transition-delay: 1.625s;
}
.work--block:not(.hide) .grid > div:nth-child(1) [data-index="46"] {
  transition-delay: 1.65s;
}
.work--block:not(.hide) .grid > div:nth-child(1) [data-index="47"] {
  transition-delay: 1.675s;
}
.work--block:not(.hide) .grid > div:nth-child(1) [data-index="48"] {
  transition-delay: 1.7s;
}
.work--block:not(.hide) .grid > div:nth-child(1) [data-index="49"] {
  transition-delay: 1.725s;
}
.work--block:not(.hide) .grid > div:nth-child(1) [data-index="50"] {
  transition-delay: 1.75s;
}
.work--block:not(.hide) .grid > div:nth-child(1) [data-index="51"] {
  transition-delay: 1.775s;
}
.work--block:not(.hide) .grid > div:nth-child(1) [data-index="52"] {
  transition-delay: 1.8s;
}
.work--block:not(.hide) .grid > div:nth-child(1) [data-index="53"] {
  transition-delay: 1.825s;
}
.work--block:not(.hide) .grid > div:nth-child(1) [data-index="54"] {
  transition-delay: 1.85s;
}
.work--block:not(.hide) .grid > div:nth-child(1) [data-index="55"] {
  transition-delay: 1.875s;
}
.work--block:not(.hide) .grid > div:nth-child(1) [data-index="56"] {
  transition-delay: 1.9s;
}
.work--block:not(.hide) .grid > div:nth-child(1) [data-index="57"] {
  transition-delay: 1.925s;
}
.work--block:not(.hide) .grid > div:nth-child(1) [data-index="58"] {
  transition-delay: 1.95s;
}
.work--block:not(.hide) .grid > div:nth-child(1) [data-index="59"] {
  transition-delay: 1.975s;
}
.work--block:not(.hide) .grid > div:nth-child(1) [data-index="60"] {
  transition-delay: 2s;
}
.work--block:not(.hide) .grid > div:nth-child(1) [data-index="61"] {
  transition-delay: 2.025s;
}
.work--block:not(.hide) .grid > div:nth-child(1) [data-index="62"] {
  transition-delay: 2.05s;
}
.work--block:not(.hide) .grid > div:nth-child(1) [data-index="63"] {
  transition-delay: 2.075s;
}
.work--block:not(.hide) .grid > div:nth-child(1) [data-index="64"] {
  transition-delay: 2.1s;
}
.work--block:not(.hide) .grid > div:nth-child(1) [data-index="65"] {
  transition-delay: 2.125s;
}
.work--block:not(.hide) .grid > div:nth-child(1) [data-index="66"] {
  transition-delay: 2.15s;
}
.work--block:not(.hide) .grid > div:nth-child(1) [data-index="67"] {
  transition-delay: 2.175s;
}
.work--block:not(.hide) .grid > div:nth-child(1) [data-index="68"] {
  transition-delay: 2.2s;
}
.work--block:not(.hide) .grid > div:nth-child(1) [data-index="69"] {
  transition-delay: 2.225s;
}
.work--block:not(.hide) .grid > div:nth-child(1) [data-index="70"] {
  transition-delay: 2.25s;
}
.work--block:not(.hide) .grid > div:nth-child(1) [data-index="71"] {
  transition-delay: 2.275s;
}
.work--block:not(.hide) .grid > div:nth-child(1) [data-index="72"] {
  transition-delay: 2.3s;
}
.work--block:not(.hide) .grid > div:nth-child(1) [data-index="73"] {
  transition-delay: 2.325s;
}
.work--block:not(.hide) .grid > div:nth-child(1) [data-index="74"] {
  transition-delay: 2.35s;
}
.work--block:not(.hide) .grid > div:nth-child(1) [data-index="75"] {
  transition-delay: 2.375s;
}
.work--block:not(.hide) .grid > div:nth-child(1) [data-index="76"] {
  transition-delay: 2.4s;
}
.work--block:not(.hide) .grid > div:nth-child(1) [data-index="77"] {
  transition-delay: 2.425s;
}
.work--block:not(.hide) .grid > div:nth-child(1) [data-index="78"] {
  transition-delay: 2.45s;
}
.work--block:not(.hide) .grid > div:nth-child(1) [data-index="79"] {
  transition-delay: 2.475s;
}
.work--block:not(.hide) .grid > div:nth-child(1) [data-index="80"] {
  transition-delay: 2.5s;
}
.work--block:not(.hide) .grid > div:nth-child(1) [data-index="81"] {
  transition-delay: 2.525s;
}
.work--block:not(.hide) .grid > div:nth-child(1) [data-index="82"] {
  transition-delay: 2.55s;
}
.work--block:not(.hide) .grid > div:nth-child(1) [data-index="83"] {
  transition-delay: 2.575s;
}
.work--block:not(.hide) .grid > div:nth-child(1) [data-index="84"] {
  transition-delay: 2.6s;
}
.work--block:not(.hide) .grid > div:nth-child(1) [data-index="85"] {
  transition-delay: 2.625s;
}
.work--block:not(.hide) .grid > div:nth-child(1) [data-index="86"] {
  transition-delay: 2.65s;
}
.work--block:not(.hide) .grid > div:nth-child(1) [data-index="87"] {
  transition-delay: 2.675s;
}
.work--block:not(.hide) .grid > div:nth-child(1) [data-index="88"] {
  transition-delay: 2.7s;
}
.work--block:not(.hide) .grid > div:nth-child(1) [data-index="89"] {
  transition-delay: 2.725s;
}
.work--block:not(.hide) .grid > div:nth-child(1) [data-index="90"] {
  transition-delay: 2.75s;
}
.work--block:not(.hide) .grid > div:nth-child(1) [data-index="91"] {
  transition-delay: 2.775s;
}
.work--block:not(.hide) .grid > div:nth-child(1) [data-index="92"] {
  transition-delay: 2.8s;
}
.work--block:not(.hide) .grid > div:nth-child(1) [data-index="93"] {
  transition-delay: 2.825s;
}
.work--block:not(.hide) .grid > div:nth-child(1) [data-index="94"] {
  transition-delay: 2.85s;
}
.work--block:not(.hide) .grid > div:nth-child(1) [data-index="95"] {
  transition-delay: 2.875s;
}
.work--block:not(.hide) .grid > div:nth-child(1) [data-index="96"] {
  transition-delay: 2.9s;
}
.work--block:not(.hide) .grid > div:nth-child(1) [data-index="97"] {
  transition-delay: 2.925s;
}
.work--block:not(.hide) .grid > div:nth-child(1) [data-index="98"] {
  transition-delay: 2.95s;
}
.work--block:not(.hide) .grid > div:nth-child(1) [data-index="99"] {
  transition-delay: 2.975s;
}
.work--block:not(.hide) .grid > div:nth-child(1) [data-index="100"] {
  transition-delay: 3s;
}
.work--block:not(.hide) .grid > div:nth-child(2) [data-index="0"] {
  transition-delay: 1s;
}
.work--block:not(.hide) .grid > div:nth-child(2) [data-index="1"] {
  transition-delay: 1.025s;
}
.work--block:not(.hide) .grid > div:nth-child(2) [data-index="2"] {
  transition-delay: 1.05s;
}
.work--block:not(.hide) .grid > div:nth-child(2) [data-index="3"] {
  transition-delay: 1.075s;
}
.work--block:not(.hide) .grid > div:nth-child(2) [data-index="4"] {
  transition-delay: 1.1s;
}
.work--block:not(.hide) .grid > div:nth-child(2) [data-index="5"] {
  transition-delay: 1.125s;
}
.work--block:not(.hide) .grid > div:nth-child(2) [data-index="6"] {
  transition-delay: 1.15s;
}
.work--block:not(.hide) .grid > div:nth-child(2) [data-index="7"] {
  transition-delay: 1.175s;
}
.work--block:not(.hide) .grid > div:nth-child(2) [data-index="8"] {
  transition-delay: 1.2s;
}
.work--block:not(.hide) .grid > div:nth-child(2) [data-index="9"] {
  transition-delay: 1.225s;
}
.work--block:not(.hide) .grid > div:nth-child(2) [data-index="10"] {
  transition-delay: 1.25s;
}
.work--block:not(.hide) .grid > div:nth-child(2) [data-index="11"] {
  transition-delay: 1.275s;
}
.work--block:not(.hide) .grid > div:nth-child(2) [data-index="12"] {
  transition-delay: 1.3s;
}
.work--block:not(.hide) .grid > div:nth-child(2) [data-index="13"] {
  transition-delay: 1.325s;
}
.work--block:not(.hide) .grid > div:nth-child(2) [data-index="14"] {
  transition-delay: 1.35s;
}
.work--block:not(.hide) .grid > div:nth-child(2) [data-index="15"] {
  transition-delay: 1.375s;
}
.work--block:not(.hide) .grid > div:nth-child(2) [data-index="16"] {
  transition-delay: 1.4s;
}
.work--block:not(.hide) .grid > div:nth-child(2) [data-index="17"] {
  transition-delay: 1.425s;
}
.work--block:not(.hide) .grid > div:nth-child(2) [data-index="18"] {
  transition-delay: 1.45s;
}
.work--block:not(.hide) .grid > div:nth-child(2) [data-index="19"] {
  transition-delay: 1.475s;
}
.work--block:not(.hide) .grid > div:nth-child(2) [data-index="20"] {
  transition-delay: 1.5s;
}
.work--block:not(.hide) .grid > div:nth-child(2) [data-index="21"] {
  transition-delay: 1.525s;
}
.work--block:not(.hide) .grid > div:nth-child(2) [data-index="22"] {
  transition-delay: 1.55s;
}
.work--block:not(.hide) .grid > div:nth-child(2) [data-index="23"] {
  transition-delay: 1.575s;
}
.work--block:not(.hide) .grid > div:nth-child(2) [data-index="24"] {
  transition-delay: 1.6s;
}
.work--block:not(.hide) .grid > div:nth-child(2) [data-index="25"] {
  transition-delay: 1.625s;
}
.work--block:not(.hide) .grid > div:nth-child(2) [data-index="26"] {
  transition-delay: 1.65s;
}
.work--block:not(.hide) .grid > div:nth-child(2) [data-index="27"] {
  transition-delay: 1.675s;
}
.work--block:not(.hide) .grid > div:nth-child(2) [data-index="28"] {
  transition-delay: 1.7s;
}
.work--block:not(.hide) .grid > div:nth-child(2) [data-index="29"] {
  transition-delay: 1.725s;
}
.work--block:not(.hide) .grid > div:nth-child(2) [data-index="30"] {
  transition-delay: 1.75s;
}
.work--block:not(.hide) .grid > div:nth-child(2) [data-index="31"] {
  transition-delay: 1.775s;
}
.work--block:not(.hide) .grid > div:nth-child(2) [data-index="32"] {
  transition-delay: 1.8s;
}
.work--block:not(.hide) .grid > div:nth-child(2) [data-index="33"] {
  transition-delay: 1.825s;
}
.work--block:not(.hide) .grid > div:nth-child(2) [data-index="34"] {
  transition-delay: 1.85s;
}
.work--block:not(.hide) .grid > div:nth-child(2) [data-index="35"] {
  transition-delay: 1.875s;
}
.work--block:not(.hide) .grid > div:nth-child(2) [data-index="36"] {
  transition-delay: 1.9s;
}
.work--block:not(.hide) .grid > div:nth-child(2) [data-index="37"] {
  transition-delay: 1.925s;
}
.work--block:not(.hide) .grid > div:nth-child(2) [data-index="38"] {
  transition-delay: 1.95s;
}
.work--block:not(.hide) .grid > div:nth-child(2) [data-index="39"] {
  transition-delay: 1.975s;
}
.work--block:not(.hide) .grid > div:nth-child(2) [data-index="40"] {
  transition-delay: 2s;
}
.work--block:not(.hide) .grid > div:nth-child(2) [data-index="41"] {
  transition-delay: 2.025s;
}
.work--block:not(.hide) .grid > div:nth-child(2) [data-index="42"] {
  transition-delay: 2.05s;
}
.work--block:not(.hide) .grid > div:nth-child(2) [data-index="43"] {
  transition-delay: 2.075s;
}
.work--block:not(.hide) .grid > div:nth-child(2) [data-index="44"] {
  transition-delay: 2.1s;
}
.work--block:not(.hide) .grid > div:nth-child(2) [data-index="45"] {
  transition-delay: 2.125s;
}
.work--block:not(.hide) .grid > div:nth-child(2) [data-index="46"] {
  transition-delay: 2.15s;
}
.work--block:not(.hide) .grid > div:nth-child(2) [data-index="47"] {
  transition-delay: 2.175s;
}
.work--block:not(.hide) .grid > div:nth-child(2) [data-index="48"] {
  transition-delay: 2.2s;
}
.work--block:not(.hide) .grid > div:nth-child(2) [data-index="49"] {
  transition-delay: 2.225s;
}
.work--block:not(.hide) .grid > div:nth-child(2) [data-index="50"] {
  transition-delay: 2.25s;
}
.work--block:not(.hide) .grid > div:nth-child(2) [data-index="51"] {
  transition-delay: 2.275s;
}
.work--block:not(.hide) .grid > div:nth-child(2) [data-index="52"] {
  transition-delay: 2.3s;
}
.work--block:not(.hide) .grid > div:nth-child(2) [data-index="53"] {
  transition-delay: 2.325s;
}
.work--block:not(.hide) .grid > div:nth-child(2) [data-index="54"] {
  transition-delay: 2.35s;
}
.work--block:not(.hide) .grid > div:nth-child(2) [data-index="55"] {
  transition-delay: 2.375s;
}
.work--block:not(.hide) .grid > div:nth-child(2) [data-index="56"] {
  transition-delay: 2.4s;
}
.work--block:not(.hide) .grid > div:nth-child(2) [data-index="57"] {
  transition-delay: 2.425s;
}
.work--block:not(.hide) .grid > div:nth-child(2) [data-index="58"] {
  transition-delay: 2.45s;
}
.work--block:not(.hide) .grid > div:nth-child(2) [data-index="59"] {
  transition-delay: 2.475s;
}
.work--block:not(.hide) .grid > div:nth-child(2) [data-index="60"] {
  transition-delay: 2.5s;
}
.work--block:not(.hide) .grid > div:nth-child(2) [data-index="61"] {
  transition-delay: 2.525s;
}
.work--block:not(.hide) .grid > div:nth-child(2) [data-index="62"] {
  transition-delay: 2.55s;
}
.work--block:not(.hide) .grid > div:nth-child(2) [data-index="63"] {
  transition-delay: 2.575s;
}
.work--block:not(.hide) .grid > div:nth-child(2) [data-index="64"] {
  transition-delay: 2.6s;
}
.work--block:not(.hide) .grid > div:nth-child(2) [data-index="65"] {
  transition-delay: 2.625s;
}
.work--block:not(.hide) .grid > div:nth-child(2) [data-index="66"] {
  transition-delay: 2.65s;
}
.work--block:not(.hide) .grid > div:nth-child(2) [data-index="67"] {
  transition-delay: 2.675s;
}
.work--block:not(.hide) .grid > div:nth-child(2) [data-index="68"] {
  transition-delay: 2.7s;
}
.work--block:not(.hide) .grid > div:nth-child(2) [data-index="69"] {
  transition-delay: 2.725s;
}
.work--block:not(.hide) .grid > div:nth-child(2) [data-index="70"] {
  transition-delay: 2.75s;
}
.work--block:not(.hide) .grid > div:nth-child(2) [data-index="71"] {
  transition-delay: 2.775s;
}
.work--block:not(.hide) .grid > div:nth-child(2) [data-index="72"] {
  transition-delay: 2.8s;
}
.work--block:not(.hide) .grid > div:nth-child(2) [data-index="73"] {
  transition-delay: 2.825s;
}
.work--block:not(.hide) .grid > div:nth-child(2) [data-index="74"] {
  transition-delay: 2.85s;
}
.work--block:not(.hide) .grid > div:nth-child(2) [data-index="75"] {
  transition-delay: 2.875s;
}
.work--block:not(.hide) .grid > div:nth-child(2) [data-index="76"] {
  transition-delay: 2.9s;
}
.work--block:not(.hide) .grid > div:nth-child(2) [data-index="77"] {
  transition-delay: 2.925s;
}
.work--block:not(.hide) .grid > div:nth-child(2) [data-index="78"] {
  transition-delay: 2.95s;
}
.work--block:not(.hide) .grid > div:nth-child(2) [data-index="79"] {
  transition-delay: 2.975s;
}
.work--block:not(.hide) .grid > div:nth-child(2) [data-index="80"] {
  transition-delay: 3s;
}
.work--block:not(.hide) .grid > div:nth-child(2) [data-index="81"] {
  transition-delay: 3.025s;
}
.work--block:not(.hide) .grid > div:nth-child(2) [data-index="82"] {
  transition-delay: 3.05s;
}
.work--block:not(.hide) .grid > div:nth-child(2) [data-index="83"] {
  transition-delay: 3.075s;
}
.work--block:not(.hide) .grid > div:nth-child(2) [data-index="84"] {
  transition-delay: 3.1s;
}
.work--block:not(.hide) .grid > div:nth-child(2) [data-index="85"] {
  transition-delay: 3.125s;
}
.work--block:not(.hide) .grid > div:nth-child(2) [data-index="86"] {
  transition-delay: 3.15s;
}
.work--block:not(.hide) .grid > div:nth-child(2) [data-index="87"] {
  transition-delay: 3.175s;
}
.work--block:not(.hide) .grid > div:nth-child(2) [data-index="88"] {
  transition-delay: 3.2s;
}
.work--block:not(.hide) .grid > div:nth-child(2) [data-index="89"] {
  transition-delay: 3.225s;
}
.work--block:not(.hide) .grid > div:nth-child(2) [data-index="90"] {
  transition-delay: 3.25s;
}
.work--block:not(.hide) .grid > div:nth-child(2) [data-index="91"] {
  transition-delay: 3.275s;
}
.work--block:not(.hide) .grid > div:nth-child(2) [data-index="92"] {
  transition-delay: 3.3s;
}
.work--block:not(.hide) .grid > div:nth-child(2) [data-index="93"] {
  transition-delay: 3.325s;
}
.work--block:not(.hide) .grid > div:nth-child(2) [data-index="94"] {
  transition-delay: 3.35s;
}
.work--block:not(.hide) .grid > div:nth-child(2) [data-index="95"] {
  transition-delay: 3.375s;
}
.work--block:not(.hide) .grid > div:nth-child(2) [data-index="96"] {
  transition-delay: 3.4s;
}
.work--block:not(.hide) .grid > div:nth-child(2) [data-index="97"] {
  transition-delay: 3.425s;
}
.work--block:not(.hide) .grid > div:nth-child(2) [data-index="98"] {
  transition-delay: 3.45s;
}
.work--block:not(.hide) .grid > div:nth-child(2) [data-index="99"] {
  transition-delay: 3.475s;
}
.work--block:not(.hide) .grid > div:nth-child(2) [data-index="100"] {
  transition-delay: 3.5s;
}
.work--block:not(.hide) .grid > div:nth-child(3) [data-index="0"] {
  transition-delay: 1.5s;
}
.work--block:not(.hide) .grid > div:nth-child(3) [data-index="1"] {
  transition-delay: 1.525s;
}
.work--block:not(.hide) .grid > div:nth-child(3) [data-index="2"] {
  transition-delay: 1.55s;
}
.work--block:not(.hide) .grid > div:nth-child(3) [data-index="3"] {
  transition-delay: 1.575s;
}
.work--block:not(.hide) .grid > div:nth-child(3) [data-index="4"] {
  transition-delay: 1.6s;
}
.work--block:not(.hide) .grid > div:nth-child(3) [data-index="5"] {
  transition-delay: 1.625s;
}
.work--block:not(.hide) .grid > div:nth-child(3) [data-index="6"] {
  transition-delay: 1.65s;
}
.work--block:not(.hide) .grid > div:nth-child(3) [data-index="7"] {
  transition-delay: 1.675s;
}
.work--block:not(.hide) .grid > div:nth-child(3) [data-index="8"] {
  transition-delay: 1.7s;
}
.work--block:not(.hide) .grid > div:nth-child(3) [data-index="9"] {
  transition-delay: 1.725s;
}
.work--block:not(.hide) .grid > div:nth-child(3) [data-index="10"] {
  transition-delay: 1.75s;
}
.work--block:not(.hide) .grid > div:nth-child(3) [data-index="11"] {
  transition-delay: 1.775s;
}
.work--block:not(.hide) .grid > div:nth-child(3) [data-index="12"] {
  transition-delay: 1.8s;
}
.work--block:not(.hide) .grid > div:nth-child(3) [data-index="13"] {
  transition-delay: 1.825s;
}
.work--block:not(.hide) .grid > div:nth-child(3) [data-index="14"] {
  transition-delay: 1.85s;
}
.work--block:not(.hide) .grid > div:nth-child(3) [data-index="15"] {
  transition-delay: 1.875s;
}
.work--block:not(.hide) .grid > div:nth-child(3) [data-index="16"] {
  transition-delay: 1.9s;
}
.work--block:not(.hide) .grid > div:nth-child(3) [data-index="17"] {
  transition-delay: 1.925s;
}
.work--block:not(.hide) .grid > div:nth-child(3) [data-index="18"] {
  transition-delay: 1.95s;
}
.work--block:not(.hide) .grid > div:nth-child(3) [data-index="19"] {
  transition-delay: 1.975s;
}
.work--block:not(.hide) .grid > div:nth-child(3) [data-index="20"] {
  transition-delay: 2s;
}
.work--block:not(.hide) .grid > div:nth-child(3) [data-index="21"] {
  transition-delay: 2.025s;
}
.work--block:not(.hide) .grid > div:nth-child(3) [data-index="22"] {
  transition-delay: 2.05s;
}
.work--block:not(.hide) .grid > div:nth-child(3) [data-index="23"] {
  transition-delay: 2.075s;
}
.work--block:not(.hide) .grid > div:nth-child(3) [data-index="24"] {
  transition-delay: 2.1s;
}
.work--block:not(.hide) .grid > div:nth-child(3) [data-index="25"] {
  transition-delay: 2.125s;
}
.work--block:not(.hide) .grid > div:nth-child(3) [data-index="26"] {
  transition-delay: 2.15s;
}
.work--block:not(.hide) .grid > div:nth-child(3) [data-index="27"] {
  transition-delay: 2.175s;
}
.work--block:not(.hide) .grid > div:nth-child(3) [data-index="28"] {
  transition-delay: 2.2s;
}
.work--block:not(.hide) .grid > div:nth-child(3) [data-index="29"] {
  transition-delay: 2.225s;
}
.work--block:not(.hide) .grid > div:nth-child(3) [data-index="30"] {
  transition-delay: 2.25s;
}
.work--block:not(.hide) .grid > div:nth-child(3) [data-index="31"] {
  transition-delay: 2.275s;
}
.work--block:not(.hide) .grid > div:nth-child(3) [data-index="32"] {
  transition-delay: 2.3s;
}
.work--block:not(.hide) .grid > div:nth-child(3) [data-index="33"] {
  transition-delay: 2.325s;
}
.work--block:not(.hide) .grid > div:nth-child(3) [data-index="34"] {
  transition-delay: 2.35s;
}
.work--block:not(.hide) .grid > div:nth-child(3) [data-index="35"] {
  transition-delay: 2.375s;
}
.work--block:not(.hide) .grid > div:nth-child(3) [data-index="36"] {
  transition-delay: 2.4s;
}
.work--block:not(.hide) .grid > div:nth-child(3) [data-index="37"] {
  transition-delay: 2.425s;
}
.work--block:not(.hide) .grid > div:nth-child(3) [data-index="38"] {
  transition-delay: 2.45s;
}
.work--block:not(.hide) .grid > div:nth-child(3) [data-index="39"] {
  transition-delay: 2.475s;
}
.work--block:not(.hide) .grid > div:nth-child(3) [data-index="40"] {
  transition-delay: 2.5s;
}
.work--block:not(.hide) .grid > div:nth-child(3) [data-index="41"] {
  transition-delay: 2.525s;
}
.work--block:not(.hide) .grid > div:nth-child(3) [data-index="42"] {
  transition-delay: 2.55s;
}
.work--block:not(.hide) .grid > div:nth-child(3) [data-index="43"] {
  transition-delay: 2.575s;
}
.work--block:not(.hide) .grid > div:nth-child(3) [data-index="44"] {
  transition-delay: 2.6s;
}
.work--block:not(.hide) .grid > div:nth-child(3) [data-index="45"] {
  transition-delay: 2.625s;
}
.work--block:not(.hide) .grid > div:nth-child(3) [data-index="46"] {
  transition-delay: 2.65s;
}
.work--block:not(.hide) .grid > div:nth-child(3) [data-index="47"] {
  transition-delay: 2.675s;
}
.work--block:not(.hide) .grid > div:nth-child(3) [data-index="48"] {
  transition-delay: 2.7s;
}
.work--block:not(.hide) .grid > div:nth-child(3) [data-index="49"] {
  transition-delay: 2.725s;
}
.work--block:not(.hide) .grid > div:nth-child(3) [data-index="50"] {
  transition-delay: 2.75s;
}
.work--block:not(.hide) .grid > div:nth-child(3) [data-index="51"] {
  transition-delay: 2.775s;
}
.work--block:not(.hide) .grid > div:nth-child(3) [data-index="52"] {
  transition-delay: 2.8s;
}
.work--block:not(.hide) .grid > div:nth-child(3) [data-index="53"] {
  transition-delay: 2.825s;
}
.work--block:not(.hide) .grid > div:nth-child(3) [data-index="54"] {
  transition-delay: 2.85s;
}
.work--block:not(.hide) .grid > div:nth-child(3) [data-index="55"] {
  transition-delay: 2.875s;
}
.work--block:not(.hide) .grid > div:nth-child(3) [data-index="56"] {
  transition-delay: 2.9s;
}
.work--block:not(.hide) .grid > div:nth-child(3) [data-index="57"] {
  transition-delay: 2.925s;
}
.work--block:not(.hide) .grid > div:nth-child(3) [data-index="58"] {
  transition-delay: 2.95s;
}
.work--block:not(.hide) .grid > div:nth-child(3) [data-index="59"] {
  transition-delay: 2.975s;
}
.work--block:not(.hide) .grid > div:nth-child(3) [data-index="60"] {
  transition-delay: 3s;
}
.work--block:not(.hide) .grid > div:nth-child(3) [data-index="61"] {
  transition-delay: 3.025s;
}
.work--block:not(.hide) .grid > div:nth-child(3) [data-index="62"] {
  transition-delay: 3.05s;
}
.work--block:not(.hide) .grid > div:nth-child(3) [data-index="63"] {
  transition-delay: 3.075s;
}
.work--block:not(.hide) .grid > div:nth-child(3) [data-index="64"] {
  transition-delay: 3.1s;
}
.work--block:not(.hide) .grid > div:nth-child(3) [data-index="65"] {
  transition-delay: 3.125s;
}
.work--block:not(.hide) .grid > div:nth-child(3) [data-index="66"] {
  transition-delay: 3.15s;
}
.work--block:not(.hide) .grid > div:nth-child(3) [data-index="67"] {
  transition-delay: 3.175s;
}
.work--block:not(.hide) .grid > div:nth-child(3) [data-index="68"] {
  transition-delay: 3.2s;
}
.work--block:not(.hide) .grid > div:nth-child(3) [data-index="69"] {
  transition-delay: 3.225s;
}
.work--block:not(.hide) .grid > div:nth-child(3) [data-index="70"] {
  transition-delay: 3.25s;
}
.work--block:not(.hide) .grid > div:nth-child(3) [data-index="71"] {
  transition-delay: 3.275s;
}
.work--block:not(.hide) .grid > div:nth-child(3) [data-index="72"] {
  transition-delay: 3.3s;
}
.work--block:not(.hide) .grid > div:nth-child(3) [data-index="73"] {
  transition-delay: 3.325s;
}
.work--block:not(.hide) .grid > div:nth-child(3) [data-index="74"] {
  transition-delay: 3.35s;
}
.work--block:not(.hide) .grid > div:nth-child(3) [data-index="75"] {
  transition-delay: 3.375s;
}
.work--block:not(.hide) .grid > div:nth-child(3) [data-index="76"] {
  transition-delay: 3.4s;
}
.work--block:not(.hide) .grid > div:nth-child(3) [data-index="77"] {
  transition-delay: 3.425s;
}
.work--block:not(.hide) .grid > div:nth-child(3) [data-index="78"] {
  transition-delay: 3.45s;
}
.work--block:not(.hide) .grid > div:nth-child(3) [data-index="79"] {
  transition-delay: 3.475s;
}
.work--block:not(.hide) .grid > div:nth-child(3) [data-index="80"] {
  transition-delay: 3.5s;
}
.work--block:not(.hide) .grid > div:nth-child(3) [data-index="81"] {
  transition-delay: 3.525s;
}
.work--block:not(.hide) .grid > div:nth-child(3) [data-index="82"] {
  transition-delay: 3.55s;
}
.work--block:not(.hide) .grid > div:nth-child(3) [data-index="83"] {
  transition-delay: 3.575s;
}
.work--block:not(.hide) .grid > div:nth-child(3) [data-index="84"] {
  transition-delay: 3.6s;
}
.work--block:not(.hide) .grid > div:nth-child(3) [data-index="85"] {
  transition-delay: 3.625s;
}
.work--block:not(.hide) .grid > div:nth-child(3) [data-index="86"] {
  transition-delay: 3.65s;
}
.work--block:not(.hide) .grid > div:nth-child(3) [data-index="87"] {
  transition-delay: 3.675s;
}
.work--block:not(.hide) .grid > div:nth-child(3) [data-index="88"] {
  transition-delay: 3.7s;
}
.work--block:not(.hide) .grid > div:nth-child(3) [data-index="89"] {
  transition-delay: 3.725s;
}
.work--block:not(.hide) .grid > div:nth-child(3) [data-index="90"] {
  transition-delay: 3.75s;
}
.work--block:not(.hide) .grid > div:nth-child(3) [data-index="91"] {
  transition-delay: 3.775s;
}
.work--block:not(.hide) .grid > div:nth-child(3) [data-index="92"] {
  transition-delay: 3.8s;
}
.work--block:not(.hide) .grid > div:nth-child(3) [data-index="93"] {
  transition-delay: 3.825s;
}
.work--block:not(.hide) .grid > div:nth-child(3) [data-index="94"] {
  transition-delay: 3.85s;
}
.work--block:not(.hide) .grid > div:nth-child(3) [data-index="95"] {
  transition-delay: 3.875s;
}
.work--block:not(.hide) .grid > div:nth-child(3) [data-index="96"] {
  transition-delay: 3.9s;
}
.work--block:not(.hide) .grid > div:nth-child(3) [data-index="97"] {
  transition-delay: 3.925s;
}
.work--block:not(.hide) .grid > div:nth-child(3) [data-index="98"] {
  transition-delay: 3.95s;
}
.work--block:not(.hide) .grid > div:nth-child(3) [data-index="99"] {
  transition-delay: 3.975s;
}
.work--block:not(.hide) .grid > div:nth-child(3) [data-index="100"] {
  transition-delay: 4s;
}
.work--block:not(.hide) .grid > div:nth-child(4) [data-index="0"] {
  transition-delay: 2s;
}
.work--block:not(.hide) .grid > div:nth-child(4) [data-index="1"] {
  transition-delay: 2.025s;
}
.work--block:not(.hide) .grid > div:nth-child(4) [data-index="2"] {
  transition-delay: 2.05s;
}
.work--block:not(.hide) .grid > div:nth-child(4) [data-index="3"] {
  transition-delay: 2.075s;
}
.work--block:not(.hide) .grid > div:nth-child(4) [data-index="4"] {
  transition-delay: 2.1s;
}
.work--block:not(.hide) .grid > div:nth-child(4) [data-index="5"] {
  transition-delay: 2.125s;
}
.work--block:not(.hide) .grid > div:nth-child(4) [data-index="6"] {
  transition-delay: 2.15s;
}
.work--block:not(.hide) .grid > div:nth-child(4) [data-index="7"] {
  transition-delay: 2.175s;
}
.work--block:not(.hide) .grid > div:nth-child(4) [data-index="8"] {
  transition-delay: 2.2s;
}
.work--block:not(.hide) .grid > div:nth-child(4) [data-index="9"] {
  transition-delay: 2.225s;
}
.work--block:not(.hide) .grid > div:nth-child(4) [data-index="10"] {
  transition-delay: 2.25s;
}
.work--block:not(.hide) .grid > div:nth-child(4) [data-index="11"] {
  transition-delay: 2.275s;
}
.work--block:not(.hide) .grid > div:nth-child(4) [data-index="12"] {
  transition-delay: 2.3s;
}
.work--block:not(.hide) .grid > div:nth-child(4) [data-index="13"] {
  transition-delay: 2.325s;
}
.work--block:not(.hide) .grid > div:nth-child(4) [data-index="14"] {
  transition-delay: 2.35s;
}
.work--block:not(.hide) .grid > div:nth-child(4) [data-index="15"] {
  transition-delay: 2.375s;
}
.work--block:not(.hide) .grid > div:nth-child(4) [data-index="16"] {
  transition-delay: 2.4s;
}
.work--block:not(.hide) .grid > div:nth-child(4) [data-index="17"] {
  transition-delay: 2.425s;
}
.work--block:not(.hide) .grid > div:nth-child(4) [data-index="18"] {
  transition-delay: 2.45s;
}
.work--block:not(.hide) .grid > div:nth-child(4) [data-index="19"] {
  transition-delay: 2.475s;
}
.work--block:not(.hide) .grid > div:nth-child(4) [data-index="20"] {
  transition-delay: 2.5s;
}
.work--block:not(.hide) .grid > div:nth-child(4) [data-index="21"] {
  transition-delay: 2.525s;
}
.work--block:not(.hide) .grid > div:nth-child(4) [data-index="22"] {
  transition-delay: 2.55s;
}
.work--block:not(.hide) .grid > div:nth-child(4) [data-index="23"] {
  transition-delay: 2.575s;
}
.work--block:not(.hide) .grid > div:nth-child(4) [data-index="24"] {
  transition-delay: 2.6s;
}
.work--block:not(.hide) .grid > div:nth-child(4) [data-index="25"] {
  transition-delay: 2.625s;
}
.work--block:not(.hide) .grid > div:nth-child(4) [data-index="26"] {
  transition-delay: 2.65s;
}
.work--block:not(.hide) .grid > div:nth-child(4) [data-index="27"] {
  transition-delay: 2.675s;
}
.work--block:not(.hide) .grid > div:nth-child(4) [data-index="28"] {
  transition-delay: 2.7s;
}
.work--block:not(.hide) .grid > div:nth-child(4) [data-index="29"] {
  transition-delay: 2.725s;
}
.work--block:not(.hide) .grid > div:nth-child(4) [data-index="30"] {
  transition-delay: 2.75s;
}
.work--block:not(.hide) .grid > div:nth-child(4) [data-index="31"] {
  transition-delay: 2.775s;
}
.work--block:not(.hide) .grid > div:nth-child(4) [data-index="32"] {
  transition-delay: 2.8s;
}
.work--block:not(.hide) .grid > div:nth-child(4) [data-index="33"] {
  transition-delay: 2.825s;
}
.work--block:not(.hide) .grid > div:nth-child(4) [data-index="34"] {
  transition-delay: 2.85s;
}
.work--block:not(.hide) .grid > div:nth-child(4) [data-index="35"] {
  transition-delay: 2.875s;
}
.work--block:not(.hide) .grid > div:nth-child(4) [data-index="36"] {
  transition-delay: 2.9s;
}
.work--block:not(.hide) .grid > div:nth-child(4) [data-index="37"] {
  transition-delay: 2.925s;
}
.work--block:not(.hide) .grid > div:nth-child(4) [data-index="38"] {
  transition-delay: 2.95s;
}
.work--block:not(.hide) .grid > div:nth-child(4) [data-index="39"] {
  transition-delay: 2.975s;
}
.work--block:not(.hide) .grid > div:nth-child(4) [data-index="40"] {
  transition-delay: 3s;
}
.work--block:not(.hide) .grid > div:nth-child(4) [data-index="41"] {
  transition-delay: 3.025s;
}
.work--block:not(.hide) .grid > div:nth-child(4) [data-index="42"] {
  transition-delay: 3.05s;
}
.work--block:not(.hide) .grid > div:nth-child(4) [data-index="43"] {
  transition-delay: 3.075s;
}
.work--block:not(.hide) .grid > div:nth-child(4) [data-index="44"] {
  transition-delay: 3.1s;
}
.work--block:not(.hide) .grid > div:nth-child(4) [data-index="45"] {
  transition-delay: 3.125s;
}
.work--block:not(.hide) .grid > div:nth-child(4) [data-index="46"] {
  transition-delay: 3.15s;
}
.work--block:not(.hide) .grid > div:nth-child(4) [data-index="47"] {
  transition-delay: 3.175s;
}
.work--block:not(.hide) .grid > div:nth-child(4) [data-index="48"] {
  transition-delay: 3.2s;
}
.work--block:not(.hide) .grid > div:nth-child(4) [data-index="49"] {
  transition-delay: 3.225s;
}
.work--block:not(.hide) .grid > div:nth-child(4) [data-index="50"] {
  transition-delay: 3.25s;
}
.work--block:not(.hide) .grid > div:nth-child(4) [data-index="51"] {
  transition-delay: 3.275s;
}
.work--block:not(.hide) .grid > div:nth-child(4) [data-index="52"] {
  transition-delay: 3.3s;
}
.work--block:not(.hide) .grid > div:nth-child(4) [data-index="53"] {
  transition-delay: 3.325s;
}
.work--block:not(.hide) .grid > div:nth-child(4) [data-index="54"] {
  transition-delay: 3.35s;
}
.work--block:not(.hide) .grid > div:nth-child(4) [data-index="55"] {
  transition-delay: 3.375s;
}
.work--block:not(.hide) .grid > div:nth-child(4) [data-index="56"] {
  transition-delay: 3.4s;
}
.work--block:not(.hide) .grid > div:nth-child(4) [data-index="57"] {
  transition-delay: 3.425s;
}
.work--block:not(.hide) .grid > div:nth-child(4) [data-index="58"] {
  transition-delay: 3.45s;
}
.work--block:not(.hide) .grid > div:nth-child(4) [data-index="59"] {
  transition-delay: 3.475s;
}
.work--block:not(.hide) .grid > div:nth-child(4) [data-index="60"] {
  transition-delay: 3.5s;
}
.work--block:not(.hide) .grid > div:nth-child(4) [data-index="61"] {
  transition-delay: 3.525s;
}
.work--block:not(.hide) .grid > div:nth-child(4) [data-index="62"] {
  transition-delay: 3.55s;
}
.work--block:not(.hide) .grid > div:nth-child(4) [data-index="63"] {
  transition-delay: 3.575s;
}
.work--block:not(.hide) .grid > div:nth-child(4) [data-index="64"] {
  transition-delay: 3.6s;
}
.work--block:not(.hide) .grid > div:nth-child(4) [data-index="65"] {
  transition-delay: 3.625s;
}
.work--block:not(.hide) .grid > div:nth-child(4) [data-index="66"] {
  transition-delay: 3.65s;
}
.work--block:not(.hide) .grid > div:nth-child(4) [data-index="67"] {
  transition-delay: 3.675s;
}
.work--block:not(.hide) .grid > div:nth-child(4) [data-index="68"] {
  transition-delay: 3.7s;
}
.work--block:not(.hide) .grid > div:nth-child(4) [data-index="69"] {
  transition-delay: 3.725s;
}
.work--block:not(.hide) .grid > div:nth-child(4) [data-index="70"] {
  transition-delay: 3.75s;
}
.work--block:not(.hide) .grid > div:nth-child(4) [data-index="71"] {
  transition-delay: 3.775s;
}
.work--block:not(.hide) .grid > div:nth-child(4) [data-index="72"] {
  transition-delay: 3.8s;
}
.work--block:not(.hide) .grid > div:nth-child(4) [data-index="73"] {
  transition-delay: 3.825s;
}
.work--block:not(.hide) .grid > div:nth-child(4) [data-index="74"] {
  transition-delay: 3.85s;
}
.work--block:not(.hide) .grid > div:nth-child(4) [data-index="75"] {
  transition-delay: 3.875s;
}
.work--block:not(.hide) .grid > div:nth-child(4) [data-index="76"] {
  transition-delay: 3.9s;
}
.work--block:not(.hide) .grid > div:nth-child(4) [data-index="77"] {
  transition-delay: 3.925s;
}
.work--block:not(.hide) .grid > div:nth-child(4) [data-index="78"] {
  transition-delay: 3.95s;
}
.work--block:not(.hide) .grid > div:nth-child(4) [data-index="79"] {
  transition-delay: 3.975s;
}
.work--block:not(.hide) .grid > div:nth-child(4) [data-index="80"] {
  transition-delay: 4s;
}
.work--block:not(.hide) .grid > div:nth-child(4) [data-index="81"] {
  transition-delay: 4.025s;
}
.work--block:not(.hide) .grid > div:nth-child(4) [data-index="82"] {
  transition-delay: 4.05s;
}
.work--block:not(.hide) .grid > div:nth-child(4) [data-index="83"] {
  transition-delay: 4.075s;
}
.work--block:not(.hide) .grid > div:nth-child(4) [data-index="84"] {
  transition-delay: 4.1s;
}
.work--block:not(.hide) .grid > div:nth-child(4) [data-index="85"] {
  transition-delay: 4.125s;
}
.work--block:not(.hide) .grid > div:nth-child(4) [data-index="86"] {
  transition-delay: 4.15s;
}
.work--block:not(.hide) .grid > div:nth-child(4) [data-index="87"] {
  transition-delay: 4.175s;
}
.work--block:not(.hide) .grid > div:nth-child(4) [data-index="88"] {
  transition-delay: 4.2s;
}
.work--block:not(.hide) .grid > div:nth-child(4) [data-index="89"] {
  transition-delay: 4.225s;
}
.work--block:not(.hide) .grid > div:nth-child(4) [data-index="90"] {
  transition-delay: 4.25s;
}
.work--block:not(.hide) .grid > div:nth-child(4) [data-index="91"] {
  transition-delay: 4.275s;
}
.work--block:not(.hide) .grid > div:nth-child(4) [data-index="92"] {
  transition-delay: 4.3s;
}
.work--block:not(.hide) .grid > div:nth-child(4) [data-index="93"] {
  transition-delay: 4.325s;
}
.work--block:not(.hide) .grid > div:nth-child(4) [data-index="94"] {
  transition-delay: 4.35s;
}
.work--block:not(.hide) .grid > div:nth-child(4) [data-index="95"] {
  transition-delay: 4.375s;
}
.work--block:not(.hide) .grid > div:nth-child(4) [data-index="96"] {
  transition-delay: 4.4s;
}
.work--block:not(.hide) .grid > div:nth-child(4) [data-index="97"] {
  transition-delay: 4.425s;
}
.work--block:not(.hide) .grid > div:nth-child(4) [data-index="98"] {
  transition-delay: 4.45s;
}
.work--block:not(.hide) .grid > div:nth-child(4) [data-index="99"] {
  transition-delay: 4.475s;
}
.work--block:not(.hide) .grid > div:nth-child(4) [data-index="100"] {
  transition-delay: 4.5s;
}
.work--block:not(.hide) .grid > div:nth-child(5) [data-index="0"] {
  transition-delay: 2.5s;
}
.work--block:not(.hide) .grid > div:nth-child(5) [data-index="1"] {
  transition-delay: 2.525s;
}
.work--block:not(.hide) .grid > div:nth-child(5) [data-index="2"] {
  transition-delay: 2.55s;
}
.work--block:not(.hide) .grid > div:nth-child(5) [data-index="3"] {
  transition-delay: 2.575s;
}
.work--block:not(.hide) .grid > div:nth-child(5) [data-index="4"] {
  transition-delay: 2.6s;
}
.work--block:not(.hide) .grid > div:nth-child(5) [data-index="5"] {
  transition-delay: 2.625s;
}
.work--block:not(.hide) .grid > div:nth-child(5) [data-index="6"] {
  transition-delay: 2.65s;
}
.work--block:not(.hide) .grid > div:nth-child(5) [data-index="7"] {
  transition-delay: 2.675s;
}
.work--block:not(.hide) .grid > div:nth-child(5) [data-index="8"] {
  transition-delay: 2.7s;
}
.work--block:not(.hide) .grid > div:nth-child(5) [data-index="9"] {
  transition-delay: 2.725s;
}
.work--block:not(.hide) .grid > div:nth-child(5) [data-index="10"] {
  transition-delay: 2.75s;
}
.work--block:not(.hide) .grid > div:nth-child(5) [data-index="11"] {
  transition-delay: 2.775s;
}
.work--block:not(.hide) .grid > div:nth-child(5) [data-index="12"] {
  transition-delay: 2.8s;
}
.work--block:not(.hide) .grid > div:nth-child(5) [data-index="13"] {
  transition-delay: 2.825s;
}
.work--block:not(.hide) .grid > div:nth-child(5) [data-index="14"] {
  transition-delay: 2.85s;
}
.work--block:not(.hide) .grid > div:nth-child(5) [data-index="15"] {
  transition-delay: 2.875s;
}
.work--block:not(.hide) .grid > div:nth-child(5) [data-index="16"] {
  transition-delay: 2.9s;
}
.work--block:not(.hide) .grid > div:nth-child(5) [data-index="17"] {
  transition-delay: 2.925s;
}
.work--block:not(.hide) .grid > div:nth-child(5) [data-index="18"] {
  transition-delay: 2.95s;
}
.work--block:not(.hide) .grid > div:nth-child(5) [data-index="19"] {
  transition-delay: 2.975s;
}
.work--block:not(.hide) .grid > div:nth-child(5) [data-index="20"] {
  transition-delay: 3s;
}
.work--block:not(.hide) .grid > div:nth-child(5) [data-index="21"] {
  transition-delay: 3.025s;
}
.work--block:not(.hide) .grid > div:nth-child(5) [data-index="22"] {
  transition-delay: 3.05s;
}
.work--block:not(.hide) .grid > div:nth-child(5) [data-index="23"] {
  transition-delay: 3.075s;
}
.work--block:not(.hide) .grid > div:nth-child(5) [data-index="24"] {
  transition-delay: 3.1s;
}
.work--block:not(.hide) .grid > div:nth-child(5) [data-index="25"] {
  transition-delay: 3.125s;
}
.work--block:not(.hide) .grid > div:nth-child(5) [data-index="26"] {
  transition-delay: 3.15s;
}
.work--block:not(.hide) .grid > div:nth-child(5) [data-index="27"] {
  transition-delay: 3.175s;
}
.work--block:not(.hide) .grid > div:nth-child(5) [data-index="28"] {
  transition-delay: 3.2s;
}
.work--block:not(.hide) .grid > div:nth-child(5) [data-index="29"] {
  transition-delay: 3.225s;
}
.work--block:not(.hide) .grid > div:nth-child(5) [data-index="30"] {
  transition-delay: 3.25s;
}
.work--block:not(.hide) .grid > div:nth-child(5) [data-index="31"] {
  transition-delay: 3.275s;
}
.work--block:not(.hide) .grid > div:nth-child(5) [data-index="32"] {
  transition-delay: 3.3s;
}
.work--block:not(.hide) .grid > div:nth-child(5) [data-index="33"] {
  transition-delay: 3.325s;
}
.work--block:not(.hide) .grid > div:nth-child(5) [data-index="34"] {
  transition-delay: 3.35s;
}
.work--block:not(.hide) .grid > div:nth-child(5) [data-index="35"] {
  transition-delay: 3.375s;
}
.work--block:not(.hide) .grid > div:nth-child(5) [data-index="36"] {
  transition-delay: 3.4s;
}
.work--block:not(.hide) .grid > div:nth-child(5) [data-index="37"] {
  transition-delay: 3.425s;
}
.work--block:not(.hide) .grid > div:nth-child(5) [data-index="38"] {
  transition-delay: 3.45s;
}
.work--block:not(.hide) .grid > div:nth-child(5) [data-index="39"] {
  transition-delay: 3.475s;
}
.work--block:not(.hide) .grid > div:nth-child(5) [data-index="40"] {
  transition-delay: 3.5s;
}
.work--block:not(.hide) .grid > div:nth-child(5) [data-index="41"] {
  transition-delay: 3.525s;
}
.work--block:not(.hide) .grid > div:nth-child(5) [data-index="42"] {
  transition-delay: 3.55s;
}
.work--block:not(.hide) .grid > div:nth-child(5) [data-index="43"] {
  transition-delay: 3.575s;
}
.work--block:not(.hide) .grid > div:nth-child(5) [data-index="44"] {
  transition-delay: 3.6s;
}
.work--block:not(.hide) .grid > div:nth-child(5) [data-index="45"] {
  transition-delay: 3.625s;
}
.work--block:not(.hide) .grid > div:nth-child(5) [data-index="46"] {
  transition-delay: 3.65s;
}
.work--block:not(.hide) .grid > div:nth-child(5) [data-index="47"] {
  transition-delay: 3.675s;
}
.work--block:not(.hide) .grid > div:nth-child(5) [data-index="48"] {
  transition-delay: 3.7s;
}
.work--block:not(.hide) .grid > div:nth-child(5) [data-index="49"] {
  transition-delay: 3.725s;
}
.work--block:not(.hide) .grid > div:nth-child(5) [data-index="50"] {
  transition-delay: 3.75s;
}
.work--block:not(.hide) .grid > div:nth-child(5) [data-index="51"] {
  transition-delay: 3.775s;
}
.work--block:not(.hide) .grid > div:nth-child(5) [data-index="52"] {
  transition-delay: 3.8s;
}
.work--block:not(.hide) .grid > div:nth-child(5) [data-index="53"] {
  transition-delay: 3.825s;
}
.work--block:not(.hide) .grid > div:nth-child(5) [data-index="54"] {
  transition-delay: 3.85s;
}
.work--block:not(.hide) .grid > div:nth-child(5) [data-index="55"] {
  transition-delay: 3.875s;
}
.work--block:not(.hide) .grid > div:nth-child(5) [data-index="56"] {
  transition-delay: 3.9s;
}
.work--block:not(.hide) .grid > div:nth-child(5) [data-index="57"] {
  transition-delay: 3.925s;
}
.work--block:not(.hide) .grid > div:nth-child(5) [data-index="58"] {
  transition-delay: 3.95s;
}
.work--block:not(.hide) .grid > div:nth-child(5) [data-index="59"] {
  transition-delay: 3.975s;
}
.work--block:not(.hide) .grid > div:nth-child(5) [data-index="60"] {
  transition-delay: 4s;
}
.work--block:not(.hide) .grid > div:nth-child(5) [data-index="61"] {
  transition-delay: 4.025s;
}
.work--block:not(.hide) .grid > div:nth-child(5) [data-index="62"] {
  transition-delay: 4.05s;
}
.work--block:not(.hide) .grid > div:nth-child(5) [data-index="63"] {
  transition-delay: 4.075s;
}
.work--block:not(.hide) .grid > div:nth-child(5) [data-index="64"] {
  transition-delay: 4.1s;
}
.work--block:not(.hide) .grid > div:nth-child(5) [data-index="65"] {
  transition-delay: 4.125s;
}
.work--block:not(.hide) .grid > div:nth-child(5) [data-index="66"] {
  transition-delay: 4.15s;
}
.work--block:not(.hide) .grid > div:nth-child(5) [data-index="67"] {
  transition-delay: 4.175s;
}
.work--block:not(.hide) .grid > div:nth-child(5) [data-index="68"] {
  transition-delay: 4.2s;
}
.work--block:not(.hide) .grid > div:nth-child(5) [data-index="69"] {
  transition-delay: 4.225s;
}
.work--block:not(.hide) .grid > div:nth-child(5) [data-index="70"] {
  transition-delay: 4.25s;
}
.work--block:not(.hide) .grid > div:nth-child(5) [data-index="71"] {
  transition-delay: 4.275s;
}
.work--block:not(.hide) .grid > div:nth-child(5) [data-index="72"] {
  transition-delay: 4.3s;
}
.work--block:not(.hide) .grid > div:nth-child(5) [data-index="73"] {
  transition-delay: 4.325s;
}
.work--block:not(.hide) .grid > div:nth-child(5) [data-index="74"] {
  transition-delay: 4.35s;
}
.work--block:not(.hide) .grid > div:nth-child(5) [data-index="75"] {
  transition-delay: 4.375s;
}
.work--block:not(.hide) .grid > div:nth-child(5) [data-index="76"] {
  transition-delay: 4.4s;
}
.work--block:not(.hide) .grid > div:nth-child(5) [data-index="77"] {
  transition-delay: 4.425s;
}
.work--block:not(.hide) .grid > div:nth-child(5) [data-index="78"] {
  transition-delay: 4.45s;
}
.work--block:not(.hide) .grid > div:nth-child(5) [data-index="79"] {
  transition-delay: 4.475s;
}
.work--block:not(.hide) .grid > div:nth-child(5) [data-index="80"] {
  transition-delay: 4.5s;
}
.work--block:not(.hide) .grid > div:nth-child(5) [data-index="81"] {
  transition-delay: 4.525s;
}
.work--block:not(.hide) .grid > div:nth-child(5) [data-index="82"] {
  transition-delay: 4.55s;
}
.work--block:not(.hide) .grid > div:nth-child(5) [data-index="83"] {
  transition-delay: 4.575s;
}
.work--block:not(.hide) .grid > div:nth-child(5) [data-index="84"] {
  transition-delay: 4.6s;
}
.work--block:not(.hide) .grid > div:nth-child(5) [data-index="85"] {
  transition-delay: 4.625s;
}
.work--block:not(.hide) .grid > div:nth-child(5) [data-index="86"] {
  transition-delay: 4.65s;
}
.work--block:not(.hide) .grid > div:nth-child(5) [data-index="87"] {
  transition-delay: 4.675s;
}
.work--block:not(.hide) .grid > div:nth-child(5) [data-index="88"] {
  transition-delay: 4.7s;
}
.work--block:not(.hide) .grid > div:nth-child(5) [data-index="89"] {
  transition-delay: 4.725s;
}
.work--block:not(.hide) .grid > div:nth-child(5) [data-index="90"] {
  transition-delay: 4.75s;
}
.work--block:not(.hide) .grid > div:nth-child(5) [data-index="91"] {
  transition-delay: 4.775s;
}
.work--block:not(.hide) .grid > div:nth-child(5) [data-index="92"] {
  transition-delay: 4.8s;
}
.work--block:not(.hide) .grid > div:nth-child(5) [data-index="93"] {
  transition-delay: 4.825s;
}
.work--block:not(.hide) .grid > div:nth-child(5) [data-index="94"] {
  transition-delay: 4.85s;
}
.work--block:not(.hide) .grid > div:nth-child(5) [data-index="95"] {
  transition-delay: 4.875s;
}
.work--block:not(.hide) .grid > div:nth-child(5) [data-index="96"] {
  transition-delay: 4.9s;
}
.work--block:not(.hide) .grid > div:nth-child(5) [data-index="97"] {
  transition-delay: 4.925s;
}
.work--block:not(.hide) .grid > div:nth-child(5) [data-index="98"] {
  transition-delay: 4.95s;
}
.work--block:not(.hide) .grid > div:nth-child(5) [data-index="99"] {
  transition-delay: 4.975s;
}
.work--block:not(.hide) .grid > div:nth-child(5) [data-index="100"] {
  transition-delay: 5s;
}

h2 .char {
  transition-duration: 1.375s !important;
}

.work--wrapper__type .work--block:after {
  display: none;
}
.work--wrapper__type .work--block:nth-child(2n) {
  margin-right: 0;
}
.work--wrapper__type .carousel--block {
  bottom: 100%;
  margin-bottom: 0;
  margin-left: calc(5 * var(--column));
  opacity: 0;
  pointer-events: none;
  position: absolute;
}

#container--info .work--wrapper__type .carousel--block {
  opacity: 1;
}

@media (max-width: 680px) {
  .work--block:not(.active) .char {
    opacity: 0;
  }
  .work--block:not(.active) h2 .char {
    opacity: 0.125;
  }
}
#container--work {
  height: 100lvh;
  left: 0;
  overflow: auto;
  pointer-events: none;
  position: fixed;
  scrollbar-width: none !important;
  top: 0;
  width: 100vw;
  z-index: 20;
}
#container--work .inner {
  background: white;
  margin-top: 100lvh;
}
#container--work .inner > div {
  opacity: 0;
  position: absolute;
  transition: opacity 1.375s var(--ease-out-quart);
}
#container--work .inner > div.active {
  opacity: 1;
  position: relative;
}
#container--work .slide {
  display: flex;
  height: 100%;
  justify-content: center;
  height: 100%;
  opacity: 0;
  overflow: hidden;
  position: relative;
  transition: all 1.375s 0.675s var(--ease-out-quart);
  width: auto;
}
#container--work .slide[data-active] {
  opacity: 1;
}
#container--work .slide > img,
#container--work .slide > video {
  display: block;
  height: auto;
  margin-block: calc(1 * var(--column));
  width: calc(26 * var(--column));
}
@media (max-width: 680px) {
  #container--work .slide > img,
  #container--work .slide > video {
    width: calc(8 * var(--column));
  }
}
#container--work[data-active] {
  pointer-events: all;
}
#container--work .layout {
  aspect-ratio: 3/2;
  overflow: hidden;
  width: 100vw;
}

#container--work [id*=nav] {
  opacity: 1;
}

body[data-active] {
  overflow: hidden;
}
body[data-active] #container--work {
  opacity: 1;
  pointer-events: all;
}

#container--work .details {
  opacity: 0;
  pointer-events: none;
  position: fixed;
  top: 0;
  transition: 1.375s var(--ease-out-quart);
  width: 100%;
  z-index: 5;
}
#container--work .details--header {
  display: flex;
}
#container--work .work--details {
  display: none;
  filter: invert(1);
  padding-top: calc(2 * var(--margin));
  position: absolute;
  top: 100%;
}
#container--work[data-active] .details {
  opacity: 1;
  pointer-events: all;
  transition-delay: 1.375s;
}

.work--details .cnt {
  bottom: calc(100% + 0.5 * var(--margin));
  position: absolute;
}

.col--wrapper {
  display: flex;
  margin-inline: calc(3 * var(--column));
  padding-block: calc(1 * var(--column));
}
@media (max-width: 680px) {
  .col--wrapper {
    margin-inline: calc(0.25 * var(--margin));
  }
}
.col--wrapper .col {
  flex: 1;
  margin-inline: calc(0.5 * var(--column));
  position: relative;
}
@media (max-width: 680px) {
  .col--wrapper .col {
    margin-inline: calc(0.25 * var(--margin));
  }
}
.col--wrapper .col img, .col--wrapper .col video {
  width: 100%;
}

.layout {
  height: 100%;
  position: relative;
  width: 100%;
}
.layout .layout--inner {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  height: 9999px;
  justify-content: center;
  width: 9999px;
}
.layout .overlay {
  height: 100%;
  mix-blend-mode: multiply;
  object-fit: cover;
  opacity: 0.05;
  position: absolute;
  width: 100%;
  z-index: 5;
}
.layout .int img, .layout .int video {
  border-radius: 5px;
  display: block;
  position: relative;
  width: 100%;
}
@media (max-width: 680px) {
  .layout .col:nth-child(n+2) {
    display: none;
  }
}

.layout {
  background: #f4f4f4;
}

.layout.layout--1.layout--0 .layout--inner {
  align-items: center;
  height: 100%;
  justify-content: center;
}
.layout.layout--1.layout--0 .col {
  animation: none;
  margin-inline: calc(0.5 * var(--column));
}
@media (max-width: 680px) {
  .layout.layout--1.layout--0 .col {
    margin-inline: calc(0.5 * var(--margin));
  }
}

.layout.layout--1 {
  display: flex;
  justify-content: center;
}
.layout.layout--1 .overlay {
  filter: blur(5px);
}
.layout.layout--1 .col {
  position: relative;
  width: calc(12 * var(--column));
}
@media (max-width: 680px) {
  .layout.layout--1 .col {
    width: calc(8 * var(--column));
  }
}
.layout.layout--1 .col .col--inner {
  position: absolute;
  top: 100%;
  width: 100%;
}
.layout.layout--1 .col .col--inner:first-child {
  position: relative;
  top: 0;
}
.layout.layout--1 .col .col--inner:nth-child(3) {
  top: 200%;
}
.layout.layout--1 .int {
  border-radius: 5px;
  margin-block: calc(1 * var(--column));
  position: relative;
}
.layout.layout--1 .int:first-child {
  margin-top: 0;
}
.layout.layout--1 .int:before {
  background: rgba(0, 0, 0, 0.4);
  bottom: 0;
  content: "";
  filter: blur(10px);
  height: calc(100% - 40px);
  left: 0;
  position: absolute;
  transform: translate(5px, 5px);
  transform-origin: 0 100%;
  width: 100%;
}
.layout.layout--1 .int img {
  border-radius: 5px;
  display: block;
  position: relative;
  width: 100%;
}
.layout.layout--1 .int:nth-child(3n):before {
  filter: blur(20px);
  transform: translate(15px, 15px);
}

/* 


TWO


*/
.layout.layout--2 {
  display: flex;
  justify-content: center;
}
.layout.layout--2 .col {
  margin: 0 calc(0.5 * var(--column));
  position: relative;
  width: calc(8 * var(--column));
}
.layout.layout--2 .col .col--inner {
  position: absolute;
  top: 100%;
  width: 100%;
}
.layout.layout--2 .col .col--inner:first-child {
  position: relative;
  top: 0;
}
.layout.layout--2 .col .col--inner:nth-child(3) {
  top: 200%;
}
.layout.layout--2 .col:nth-child(3n+1) {
  animation: layoutTwo forwards infinite linear 75s;
}
.layout.layout--2 .int {
  border-radius: 5px;
  margin-block: calc(1 * var(--column));
  position: relative;
}
.layout.layout--2 .int:first-child {
  margin-top: 0;
}
.layout.layout--2 .int:before {
  background: rgba(0, 0, 0, 0.4);
  bottom: 0;
  content: "";
  filter: blur(10px);
  height: calc(100% - 40px);
  left: 0;
  position: absolute;
  transform: translate(5px, 5px);
  transform-origin: 0 100%;
  width: 100%;
}
.layout.layout--2 .int:nth-child(3n):before {
  filter: blur(20px);
  transform: translate(15px, 15px);
}

.block .layout.layout--1 .col,
.block .layout.layout--2 .col,
.block .layout.layout--3 .col {
  animation-play-state: paused;
}
.block.animate .layout.layout--1 .col,
.block.animate .layout.layout--2 .col,
.block.animate .layout.layout--3 .col {
  animation: layoutOne forwards infinite linear 75s;
  animation-play-state: running;
}
.block.animate .layout.layout--1 .col:nth-child(2),
.block.animate .layout.layout--2 .col:nth-child(2),
.block.animate .layout.layout--3 .col:nth-child(2) {
  animation: layoutTwo forwards infinite linear 95s;
}

@keyframes layoutOne {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-100%);
  }
}
@keyframes layoutTwo {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}
#container--work .slide .layout .col {
  animation: layoutOne forwards infinite linear 75s;
}
#container--work .slide .layout .col:nth-child(2) {
  animation: layoutTwo forwards infinite linear 75s;
}

.overview {
  /*
  column-count: 2;
  column-gap: calc(100vw / 33);
  */
  padding-top: calc(2.5 * var(--column));
  padding-bottom: calc(2 * var(--column));
}
@media (min-width: calc(680px + 1px)) {
  .overview {
    width: calc(50% - 2 * var(--column));
  }
}
@media (max-width: 680px) {
  .overview {
    column-count: 1;
    column-gap: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: calc(5 * var(--column));
    padding-bottom: calc(1.5 * var(--column));
  }
}

.overview p .word {
  opacity: 1;
  transition: all 0.675s var(--ease-out-quart);
}
.overview p .word.word0 {
  transition-delay: 0.3375s;
}
.overview p .word.word1 {
  transition-delay: 0.3425s;
}
.overview p .word.word2 {
  transition-delay: 0.3475s;
}
.overview p .word.word3 {
  transition-delay: 0.3525s;
}
.overview p .word.word4 {
  transition-delay: 0.3575s;
}
.overview p .word.word5 {
  transition-delay: 0.3625s;
}
.overview p .word.word6 {
  transition-delay: 0.3675s;
}
.overview p .word.word7 {
  transition-delay: 0.3725s;
}
.overview p .word.word8 {
  transition-delay: 0.3775s;
}
.overview p .word.word9 {
  transition-delay: 0.3825s;
}
.overview p .word.word10 {
  transition-delay: 0.3875s;
}
.overview p .word.word11 {
  transition-delay: 0.3925s;
}
.overview p .word.word12 {
  transition-delay: 0.3975s;
}
.overview p .word.word13 {
  transition-delay: 0.4025s;
}
.overview p .word.word14 {
  transition-delay: 0.4075s;
}
.overview p .word.word15 {
  transition-delay: 0.4125s;
}
.overview p .word.word16 {
  transition-delay: 0.4175s;
}
.overview p .word.word17 {
  transition-delay: 0.4225s;
}
.overview p .word.word18 {
  transition-delay: 0.4275s;
}
.overview p .word.word19 {
  transition-delay: 0.4325s;
}
.overview p .word.word20 {
  transition-delay: 0.4375s;
}
.overview p .word.word21 {
  transition-delay: 0.4425s;
}
.overview p .word.word22 {
  transition-delay: 0.4475s;
}
.overview p .word.word23 {
  transition-delay: 0.4525s;
}
.overview p .word.word24 {
  transition-delay: 0.4575s;
}
.overview p .word.word25 {
  transition-delay: 0.4625s;
}
.overview p .word.word26 {
  transition-delay: 0.4675s;
}
.overview p .word.word27 {
  transition-delay: 0.4725s;
}
.overview p .word.word28 {
  transition-delay: 0.4775s;
}
.overview p .word.word29 {
  transition-delay: 0.4825s;
}
.overview p .word.word30 {
  transition-delay: 0.4875s;
}
.overview p .word.word31 {
  transition-delay: 0.4925s;
}
.overview p .word.word32 {
  transition-delay: 0.4975s;
}
.overview p .word.word33 {
  transition-delay: 0.5025s;
}
.overview p .word.word34 {
  transition-delay: 0.5075s;
}
.overview p .word.word35 {
  transition-delay: 0.5125s;
}
.overview p .word.word36 {
  transition-delay: 0.5175s;
}
.overview p .word.word37 {
  transition-delay: 0.5225s;
}
.overview p .word.word38 {
  transition-delay: 0.5275s;
}
.overview p .word.word39 {
  transition-delay: 0.5325s;
}
.overview p .word.word40 {
  transition-delay: 0.5375s;
}
.overview p .word.word41 {
  transition-delay: 0.5425s;
}
.overview p .word.word42 {
  transition-delay: 0.5475s;
}
.overview p .word.word43 {
  transition-delay: 0.5525s;
}
.overview p .word.word44 {
  transition-delay: 0.5575s;
}
.overview p .word.word45 {
  transition-delay: 0.5625s;
}
.overview p .word.word46 {
  transition-delay: 0.5675s;
}
.overview p .word.word47 {
  transition-delay: 0.5725s;
}
.overview p .word.word48 {
  transition-delay: 0.5775s;
}
.overview p .word.word49 {
  transition-delay: 0.5825s;
}
.overview p .word.word50 {
  transition-delay: 0.5875s;
}
.overview p .word.word51 {
  transition-delay: 0.5925s;
}
.overview p .word.word52 {
  transition-delay: 0.5975s;
}
.overview p .word.word53 {
  transition-delay: 0.6025s;
}
.overview p .word.word54 {
  transition-delay: 0.6075s;
}
.overview p .word.word55 {
  transition-delay: 0.6125s;
}
.overview p .word.word56 {
  transition-delay: 0.6175s;
}
.overview p .word.word57 {
  transition-delay: 0.6225s;
}
.overview p .word.word58 {
  transition-delay: 0.6275s;
}
.overview p .word.word59 {
  transition-delay: 0.6325s;
}
.overview p .word.word60 {
  transition-delay: 0.6375s;
}
.overview p .word.word61 {
  transition-delay: 0.6425s;
}
.overview p .word.word62 {
  transition-delay: 0.6475s;
}
.overview p .word.word63 {
  transition-delay: 0.6525s;
}
.overview p .word.word64 {
  transition-delay: 0.6575s;
}
.overview p .word.word65 {
  transition-delay: 0.6625s;
}
.overview p .word.word66 {
  transition-delay: 0.6675s;
}
.overview p .word.word67 {
  transition-delay: 0.6725s;
}
.overview p .word.word68 {
  transition-delay: 0.6775s;
}
.overview p .word.word69 {
  transition-delay: 0.6825s;
}
.overview p .word.word70 {
  transition-delay: 0.6875s;
}
.overview p .word.word71 {
  transition-delay: 0.6925s;
}
.overview p .word.word72 {
  transition-delay: 0.6975s;
}
.overview p .word.word73 {
  transition-delay: 0.7025s;
}
.overview p .word.word74 {
  transition-delay: 0.7075s;
}
.overview p .word.word75 {
  transition-delay: 0.7125s;
}
.overview p .word.word76 {
  transition-delay: 0.7175s;
}
.overview p .word.word77 {
  transition-delay: 0.7225s;
}
.overview p .word.word78 {
  transition-delay: 0.7275s;
}
.overview p .word.word79 {
  transition-delay: 0.7325s;
}
.overview p .word.word80 {
  transition-delay: 0.7375s;
}
.overview p .word.word81 {
  transition-delay: 0.7425s;
}
.overview p .word.word82 {
  transition-delay: 0.7475s;
}
.overview p .word.word83 {
  transition-delay: 0.7525s;
}
.overview p .word.word84 {
  transition-delay: 0.7575s;
}
.overview p .word.word85 {
  transition-delay: 0.7625s;
}
.overview p .word.word86 {
  transition-delay: 0.7675s;
}
.overview p .word.word87 {
  transition-delay: 0.7725s;
}
.overview p .word.word88 {
  transition-delay: 0.7775s;
}
.overview p .word.word89 {
  transition-delay: 0.7825s;
}
.overview p .word.word90 {
  transition-delay: 0.7875s;
}
.overview p .word.word91 {
  transition-delay: 0.7925s;
}
.overview p .word.word92 {
  transition-delay: 0.7975s;
}
.overview p .word.word93 {
  transition-delay: 0.8025s;
}
.overview p .word.word94 {
  transition-delay: 0.8075s;
}
.overview p .word.word95 {
  transition-delay: 0.8125s;
}
.overview p .word.word96 {
  transition-delay: 0.8175s;
}
.overview p .word.word97 {
  transition-delay: 0.8225s;
}
.overview p .word.word98 {
  transition-delay: 0.8275s;
}
.overview p .word.word99 {
  transition-delay: 0.8325s;
}
.overview p .word.word100 {
  transition-delay: 0.8375s;
}
.overview p .word.word101 {
  transition-delay: 0.8425s;
}
.overview p .word.word102 {
  transition-delay: 0.8475s;
}
.overview p .word.word103 {
  transition-delay: 0.8525s;
}
.overview p .word.word104 {
  transition-delay: 0.8575s;
}
.overview p .word.word105 {
  transition-delay: 0.8625s;
}
.overview p .word.word106 {
  transition-delay: 0.8675s;
}
.overview p .word.word107 {
  transition-delay: 0.8725s;
}
.overview p .word.word108 {
  transition-delay: 0.8775s;
}
.overview p .word.word109 {
  transition-delay: 0.8825s;
}
.overview p .word.word110 {
  transition-delay: 0.8875s;
}
.overview p .word.word111 {
  transition-delay: 0.8925s;
}
.overview p .word.word112 {
  transition-delay: 0.8975s;
}
.overview p .word.word113 {
  transition-delay: 0.9025s;
}
.overview p .word.word114 {
  transition-delay: 0.9075s;
}
.overview p .word.word115 {
  transition-delay: 0.9125s;
}
.overview p .word.word116 {
  transition-delay: 0.9175s;
}
.overview p .word.word117 {
  transition-delay: 0.9225s;
}
.overview p .word.word118 {
  transition-delay: 0.9275s;
}
.overview p .word.word119 {
  transition-delay: 0.9325s;
}
.overview p .word.word120 {
  transition-delay: 0.9375s;
}
.overview p .word.word121 {
  transition-delay: 0.9425s;
}
.overview p .word.word122 {
  transition-delay: 0.9475s;
}
.overview p .word.word123 {
  transition-delay: 0.9525s;
}
.overview p .word.word124 {
  transition-delay: 0.9575s;
}
.overview p .word.word125 {
  transition-delay: 0.9625s;
}
.overview p .word.word126 {
  transition-delay: 0.9675s;
}
.overview p .word.word127 {
  transition-delay: 0.9725s;
}
.overview p .word.word128 {
  transition-delay: 0.9775s;
}
.overview p .word.word129 {
  transition-delay: 0.9825s;
}
.overview p .word.word130 {
  transition-delay: 0.9875s;
}
.overview p .word.word131 {
  transition-delay: 0.9925s;
}
.overview p .word.word132 {
  transition-delay: 0.9975s;
}
.overview p .word.word133 {
  transition-delay: 1.0025s;
}
.overview p .word.word134 {
  transition-delay: 1.0075s;
}
.overview p .word.word135 {
  transition-delay: 1.0125s;
}
.overview p .word.word136 {
  transition-delay: 1.0175s;
}
.overview p .word.word137 {
  transition-delay: 1.0225s;
}
.overview p .word.word138 {
  transition-delay: 1.0275s;
}
.overview p .word.word139 {
  transition-delay: 1.0325s;
}
.overview p .word.word140 {
  transition-delay: 1.0375s;
}
.overview p .word.word141 {
  transition-delay: 1.0425s;
}
.overview p .word.word142 {
  transition-delay: 1.0475s;
}
.overview p .word.word143 {
  transition-delay: 1.0525s;
}
.overview p .word.word144 {
  transition-delay: 1.0575s;
}
.overview p .word.word145 {
  transition-delay: 1.0625s;
}
.overview p .word.word146 {
  transition-delay: 1.0675s;
}
.overview p .word.word147 {
  transition-delay: 1.0725s;
}
.overview p .word.word148 {
  transition-delay: 1.0775s;
}
.overview p .word.word149 {
  transition-delay: 1.0825s;
}
.overview p .word.word150 {
  transition-delay: 1.0875s;
}

body[data-active] .overview p .word,
body[data-hover="1"] .overview p .word,
body[data-mobile-hover] .overview p .word {
  opacity: 0;
}
body[data-active] .overview p .word.word0,
body[data-hover="1"] .overview p .word.word0,
body[data-mobile-hover] .overview p .word.word0 {
  transition-delay: 0s;
}
body[data-active] .overview p .word.word1,
body[data-hover="1"] .overview p .word.word1,
body[data-mobile-hover] .overview p .word.word1 {
  transition-delay: 0.005s;
}
body[data-active] .overview p .word.word2,
body[data-hover="1"] .overview p .word.word2,
body[data-mobile-hover] .overview p .word.word2 {
  transition-delay: 0.01s;
}
body[data-active] .overview p .word.word3,
body[data-hover="1"] .overview p .word.word3,
body[data-mobile-hover] .overview p .word.word3 {
  transition-delay: 0.015s;
}
body[data-active] .overview p .word.word4,
body[data-hover="1"] .overview p .word.word4,
body[data-mobile-hover] .overview p .word.word4 {
  transition-delay: 0.02s;
}
body[data-active] .overview p .word.word5,
body[data-hover="1"] .overview p .word.word5,
body[data-mobile-hover] .overview p .word.word5 {
  transition-delay: 0.025s;
}
body[data-active] .overview p .word.word6,
body[data-hover="1"] .overview p .word.word6,
body[data-mobile-hover] .overview p .word.word6 {
  transition-delay: 0.03s;
}
body[data-active] .overview p .word.word7,
body[data-hover="1"] .overview p .word.word7,
body[data-mobile-hover] .overview p .word.word7 {
  transition-delay: 0.035s;
}
body[data-active] .overview p .word.word8,
body[data-hover="1"] .overview p .word.word8,
body[data-mobile-hover] .overview p .word.word8 {
  transition-delay: 0.04s;
}
body[data-active] .overview p .word.word9,
body[data-hover="1"] .overview p .word.word9,
body[data-mobile-hover] .overview p .word.word9 {
  transition-delay: 0.045s;
}
body[data-active] .overview p .word.word10,
body[data-hover="1"] .overview p .word.word10,
body[data-mobile-hover] .overview p .word.word10 {
  transition-delay: 0.05s;
}
body[data-active] .overview p .word.word11,
body[data-hover="1"] .overview p .word.word11,
body[data-mobile-hover] .overview p .word.word11 {
  transition-delay: 0.055s;
}
body[data-active] .overview p .word.word12,
body[data-hover="1"] .overview p .word.word12,
body[data-mobile-hover] .overview p .word.word12 {
  transition-delay: 0.06s;
}
body[data-active] .overview p .word.word13,
body[data-hover="1"] .overview p .word.word13,
body[data-mobile-hover] .overview p .word.word13 {
  transition-delay: 0.065s;
}
body[data-active] .overview p .word.word14,
body[data-hover="1"] .overview p .word.word14,
body[data-mobile-hover] .overview p .word.word14 {
  transition-delay: 0.07s;
}
body[data-active] .overview p .word.word15,
body[data-hover="1"] .overview p .word.word15,
body[data-mobile-hover] .overview p .word.word15 {
  transition-delay: 0.075s;
}
body[data-active] .overview p .word.word16,
body[data-hover="1"] .overview p .word.word16,
body[data-mobile-hover] .overview p .word.word16 {
  transition-delay: 0.08s;
}
body[data-active] .overview p .word.word17,
body[data-hover="1"] .overview p .word.word17,
body[data-mobile-hover] .overview p .word.word17 {
  transition-delay: 0.085s;
}
body[data-active] .overview p .word.word18,
body[data-hover="1"] .overview p .word.word18,
body[data-mobile-hover] .overview p .word.word18 {
  transition-delay: 0.09s;
}
body[data-active] .overview p .word.word19,
body[data-hover="1"] .overview p .word.word19,
body[data-mobile-hover] .overview p .word.word19 {
  transition-delay: 0.095s;
}
body[data-active] .overview p .word.word20,
body[data-hover="1"] .overview p .word.word20,
body[data-mobile-hover] .overview p .word.word20 {
  transition-delay: 0.1s;
}
body[data-active] .overview p .word.word21,
body[data-hover="1"] .overview p .word.word21,
body[data-mobile-hover] .overview p .word.word21 {
  transition-delay: 0.105s;
}
body[data-active] .overview p .word.word22,
body[data-hover="1"] .overview p .word.word22,
body[data-mobile-hover] .overview p .word.word22 {
  transition-delay: 0.11s;
}
body[data-active] .overview p .word.word23,
body[data-hover="1"] .overview p .word.word23,
body[data-mobile-hover] .overview p .word.word23 {
  transition-delay: 0.115s;
}
body[data-active] .overview p .word.word24,
body[data-hover="1"] .overview p .word.word24,
body[data-mobile-hover] .overview p .word.word24 {
  transition-delay: 0.12s;
}
body[data-active] .overview p .word.word25,
body[data-hover="1"] .overview p .word.word25,
body[data-mobile-hover] .overview p .word.word25 {
  transition-delay: 0.125s;
}
body[data-active] .overview p .word.word26,
body[data-hover="1"] .overview p .word.word26,
body[data-mobile-hover] .overview p .word.word26 {
  transition-delay: 0.13s;
}
body[data-active] .overview p .word.word27,
body[data-hover="1"] .overview p .word.word27,
body[data-mobile-hover] .overview p .word.word27 {
  transition-delay: 0.135s;
}
body[data-active] .overview p .word.word28,
body[data-hover="1"] .overview p .word.word28,
body[data-mobile-hover] .overview p .word.word28 {
  transition-delay: 0.14s;
}
body[data-active] .overview p .word.word29,
body[data-hover="1"] .overview p .word.word29,
body[data-mobile-hover] .overview p .word.word29 {
  transition-delay: 0.145s;
}
body[data-active] .overview p .word.word30,
body[data-hover="1"] .overview p .word.word30,
body[data-mobile-hover] .overview p .word.word30 {
  transition-delay: 0.15s;
}
body[data-active] .overview p .word.word31,
body[data-hover="1"] .overview p .word.word31,
body[data-mobile-hover] .overview p .word.word31 {
  transition-delay: 0.155s;
}
body[data-active] .overview p .word.word32,
body[data-hover="1"] .overview p .word.word32,
body[data-mobile-hover] .overview p .word.word32 {
  transition-delay: 0.16s;
}
body[data-active] .overview p .word.word33,
body[data-hover="1"] .overview p .word.word33,
body[data-mobile-hover] .overview p .word.word33 {
  transition-delay: 0.165s;
}
body[data-active] .overview p .word.word34,
body[data-hover="1"] .overview p .word.word34,
body[data-mobile-hover] .overview p .word.word34 {
  transition-delay: 0.17s;
}
body[data-active] .overview p .word.word35,
body[data-hover="1"] .overview p .word.word35,
body[data-mobile-hover] .overview p .word.word35 {
  transition-delay: 0.175s;
}
body[data-active] .overview p .word.word36,
body[data-hover="1"] .overview p .word.word36,
body[data-mobile-hover] .overview p .word.word36 {
  transition-delay: 0.18s;
}
body[data-active] .overview p .word.word37,
body[data-hover="1"] .overview p .word.word37,
body[data-mobile-hover] .overview p .word.word37 {
  transition-delay: 0.185s;
}
body[data-active] .overview p .word.word38,
body[data-hover="1"] .overview p .word.word38,
body[data-mobile-hover] .overview p .word.word38 {
  transition-delay: 0.19s;
}
body[data-active] .overview p .word.word39,
body[data-hover="1"] .overview p .word.word39,
body[data-mobile-hover] .overview p .word.word39 {
  transition-delay: 0.195s;
}
body[data-active] .overview p .word.word40,
body[data-hover="1"] .overview p .word.word40,
body[data-mobile-hover] .overview p .word.word40 {
  transition-delay: 0.2s;
}
body[data-active] .overview p .word.word41,
body[data-hover="1"] .overview p .word.word41,
body[data-mobile-hover] .overview p .word.word41 {
  transition-delay: 0.205s;
}
body[data-active] .overview p .word.word42,
body[data-hover="1"] .overview p .word.word42,
body[data-mobile-hover] .overview p .word.word42 {
  transition-delay: 0.21s;
}
body[data-active] .overview p .word.word43,
body[data-hover="1"] .overview p .word.word43,
body[data-mobile-hover] .overview p .word.word43 {
  transition-delay: 0.215s;
}
body[data-active] .overview p .word.word44,
body[data-hover="1"] .overview p .word.word44,
body[data-mobile-hover] .overview p .word.word44 {
  transition-delay: 0.22s;
}
body[data-active] .overview p .word.word45,
body[data-hover="1"] .overview p .word.word45,
body[data-mobile-hover] .overview p .word.word45 {
  transition-delay: 0.225s;
}
body[data-active] .overview p .word.word46,
body[data-hover="1"] .overview p .word.word46,
body[data-mobile-hover] .overview p .word.word46 {
  transition-delay: 0.23s;
}
body[data-active] .overview p .word.word47,
body[data-hover="1"] .overview p .word.word47,
body[data-mobile-hover] .overview p .word.word47 {
  transition-delay: 0.235s;
}
body[data-active] .overview p .word.word48,
body[data-hover="1"] .overview p .word.word48,
body[data-mobile-hover] .overview p .word.word48 {
  transition-delay: 0.24s;
}
body[data-active] .overview p .word.word49,
body[data-hover="1"] .overview p .word.word49,
body[data-mobile-hover] .overview p .word.word49 {
  transition-delay: 0.245s;
}
body[data-active] .overview p .word.word50,
body[data-hover="1"] .overview p .word.word50,
body[data-mobile-hover] .overview p .word.word50 {
  transition-delay: 0.25s;
}

body:not([data-init]) .overview p {
  opacity: 0;
}
body:not([data-init]) .overview p .word {
  opacity: 0;
}

body .bio--base {
  column-count: 4;
  column-gap: var(--margin);
  opacity: 0;
  position: absolute;
  pointer-events: none;
  transition: all 1.375s var(--ease-out-quart);
  width: calc(31 * var(--column));
  width: 50%;
  z-index: 1;
}
@media (max-width: 680px) {
  body .bio--base {
    column-count: 2;
    column-gap: var(--margin);
    width: calc(100% - 20px);
  }
}
body[data-hover="2"] .bio--base {
  opacity: 1;
  transition-delay: 0.675s;
}

[class*=overlay-] {
  pointer-events: none;
}

.overlay-one {
  background: white;
  bottom: 0;
  display: none;
  left: 0;
  mix-blend-mode: difference;
  opacity: 1;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1;
}

.overlay-two {
  background: linear-gradient(180deg, #ff1e05, purple);
  bottom: 0;
  display: none;
  left: 0;
  mix-blend-mode: multiply;
  position: fixed;
  right: 0;
  top: 0;
  transition: all 1.375s var(--ease-out-quart);
  z-index: 2;
}

body[data-hover] .overlay-two {
  opacity: 0;
}

.container {
  filter: grayscale(1) brightness(1) contrast(1.875) blur(0px);
  mix-blend-mode: multiply;
  pointer-events: none;
  transition: all 3.375s var(--ease-out-quart);
  z-index: 2;
}
.container .screen {
  background: rgba(0, 0, 0, 0);
  height: 120%;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 120%;
  z-index: 2;
}

body[data-active] .container,
body[data-three] .container,
body[data-hover] .container {
  filter: grayscale(1) brightness(0.41375) contrast(1.875) blur(8px);
  opacity: 0;
}

/*# sourceMappingURL=style.css.map */