/*--------------------------------------------------------------
1.0 Normalize
Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css
--------------------------------------------------------------*/
body {
  margin: 0;
}

article,
aside,
footer,
header,
nav,
section {
  display: block;
}

figcaption,
figure,
main {
  display: block;
}

figure {
  margin: 1em 0;
}

hr {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

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

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

a:active,
a:hover {
  outline-width: 0;
}

abbr[title] {
  border-bottom: 1px #767676 dotted;
  text-decoration: none;
}

b,
strong {
  font-weight: inherit;
}

b,
strong {
  font-weight: 700;
}

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

dfn {
  font-style: italic;
}

mark {
  background-color: #eee;
  color: #222;
}

small {
  font-size: 90%;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

audio,
video {
  display: inline-block;
}

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

img {
  border-style: none;
}

svg:not(:root) {
  overflow: hidden;
}

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

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

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

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

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  border: 1px solid #bbb;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  display: inline-block;
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type=checkbox],
[type=radio] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}

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

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details,
menu {
  display: block;
}

summary {
  display: list-item;
}

canvas {
  display: inline-block;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

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

.saso-volumes, .saso-bundle {
  display: none !important;
}

/*--------------------------------------------------------------
2.0 Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar. */
}

.ui-loader {
  display: none;
}

:root {
  --col-width-func: calc(100vw / 25);
  --col-width: clamp(10px, var(--col-width-func), 100px);
  --margin: 20px;
  --color-type: #222;
  --color-type-light: #f5f5f5;
  --color-orange: #f25924;
  --color-grey-light: #f5f5f5;
  --color-page-bg: var(--color-grey-light);
  --size-type-func: calc(.333 * var(--col-width-func));
  --size-type-base: clamp(14px, calc(.333 * var(--col-width)), 27px);
  --size-type-smaller: calc(.75 * var(--size-type-base));
  --size-type-small: calc(.6333 * var(--size-type-base));
  --size-type-heading: calc(1.4 * var(--size-type-base));
  --size-type-heading-smaller: calc(1.15 * var(--size-type-base));
  --ease-in-quart: cubic-bezier(0.5, 0, 0.75, 0);
  --ease-out-quart: cubic-bezier(0.25, 1, 0.5, 1);
  --spacing: -.0275vw;
  --line-height: 1.05;
  --line-width: 2px;
  --logo-opacity: 1;
  --logo-pointer-events: all;
}

/*================ 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-half-col {
  margin-bottom: calc(0.5 * (var(--col-width) + 1px));
}

.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-half-col {
  padding-bottom: calc(0.5 * (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-half-col {
    margin-bottom: calc(0.5 * (var(--col-width) + 1px));
  }
  .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-half-col {
    padding-bottom: calc(0.5 * (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-half-col {
    margin-bottom: calc(0.5 * (var(--col-width) + 1px));
  }
  .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-half-col {
    padding-bottom: calc(0.5 * (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-half-col {
    margin-bottom: calc(0.5 * (var(--col-width) + 1px));
  }
  .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-half-col {
    padding-bottom: calc(0.5 * (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-half-col {
    margin-bottom: calc(0.5 * (var(--col-width) + 1px));
  }
  .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-half-col {
    padding-bottom: calc(0.5 * (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-half-col {
    margin-bottom: calc(0.5 * (var(--col-width) + 1px));
  }
  .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-half-col {
    padding-bottom: calc(0.5 * (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-half-col {
    margin-bottom: calc(0.5 * (var(--col-width) + 1px));
  }
  .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-half-col {
    padding-bottom: calc(0.5 * (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: clamp(10px, calc((100vw - (2 * var(--margin))) / 8), 100px);
    --line-width: 2px;
    --size-type-base: calc(.425 * var(--col-width));
  }
}
* {
  box-sizing: border-box;
}

.page {
  background: var(--color-page-bg);
  border-bottom: 1px solid var(--color-page-border);
  clip-path: inset(0);
  overflow: hidden;
  position: relative;
  width: 100%;
  z-index: 2;
}

.grid {
  display: flex;
}
.grid.grid--wrap {
  flex-wrap: wrap;
}
.grid.grid--column {
  flex-direction: column;
}

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

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

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

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

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

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

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

@media (min-width: calc(680px + 1px)) {
  .medium-up--flex--justify-center {
    justify-content: center;
  }
  .xxxxxx {
    border: 0;
    margin: 0;
    padding: 0;
  }
}
.vis--hidden {
  opacity: 0;
  pointer-events: none;
}

.container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  width: calc(19 * var(--col-width));
}
@media (max-width: 680px) {
  .container {
    margin-left: calc(1 * var(--margin));
    margin-right: calc(1 * var(--margin));
    width: calc(100% - 2 * var(--margin));
  }
}
@media (min-width: calc(680px + 1px)) {
  .container.container--wide {
    width: calc(23.5 * var(--col-width));
  }
}

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

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

.image--container {
  display: flex;
  height: calc(100vh - 4 * var(--col-width));
  overflow: hidden;
  pointer-events: none;
  position: fixed;
  right: 0;
  top: calc(2 * var(--col-width));
  width: 100%;
}
.image--container .block {
  height: 100%;
  opacity: 0;
  max-width: 50vw;
  position: absolute;
  right: 0;
  transition: opacity 1.675s var(--ease-in-quart);
  width: auto;
}
.image--container .block.active {
  opacity: 1;
  transition-timing-function: var(--ease-our-quart);
  transition-delay: 0s;
}
.image--container .block img {
  display: block;
  position: relative;
  width: 100%;
}

.image--container.image--container__page .block {
  height: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}
.image--container.image--container__page .block img {
  height: 100%;
  object-fit: contain;
  object-position: 100% 50%;
  position: relative;
  width: 100%;
}

.block--mask {
  background: var(--color-page-bg);
  height: calc(2 * var(--col-width));
  position: relative;
  z-index: 1;
}

@font-face {
  font-family: roobert;
  font-weight: 400;
  src: url(../fonts/Roobert-Medium.ttf);
}
@font-face {
  font-family: roobert;
  font-weight: 500;
  src: url(../fonts/Roobert-SemiBold.ttf);
}
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

body {
  color: var(--color-type);
  font-family: roobert, helvetica;
  font-size: var(--size-type-base);
  font-feature-settings: "ss02";
  font-weight: 400;
  letter-spacing: var(--spacing);
}

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

.section--text a {
  text-decoration: underline;
}

strong {
  font-weight: 500;
}

h2, .h2 {
  font-size: var(--size-type-heading);
  font-weight: 300;
  line-height: var(--line-height);
  letter-spacing: var(--spacing);
  margin: 0;
  padding: 0;
}
h2 .h2--line, .h2 .h2--line {
  margin-right: calc(1.5 * var(--col-width) + 1 * Var(--margin));
  position: relative;
}
h2 .h2--line:after, .h2 .h2--line:after {
  background: var(--color-type);
  content: "";
  height: var(--line-width);
  left: 100%;
  margin-left: calc(0.5 * var(--margin));
  position: absolute;
  top: calc(50% + 0.2vw);
  width: calc(1.5 * var(--col-width));
}
h2.h2--super, .h2.h2--super {
  font-size: calc(1.6 * var(--col-width));
  letter-spacing: calc(10 * var(--spacing));
}
@media (min-width: calc(680px + 1px)) {
  h2.h2--super, .h2.h2--super {
    margin-top: calc(-0.25 * var(--col-width));
  }
}
@media (max-width: 680px) {
  h2.h2--super, .h2.h2--super {
    font-size: calc(1.5 * var(--col-width));
  }
}

.section--news .block h2,
.section--people .block h2 {
  font-size: var(--size-type-heading-smaller);
}

h3 {
  font-size: inherit;
  font-weight: inherit;
  margin: 0 0 calc(2 * var(--margin));
  padding: 0;
}

.section--text h3 {
  font-weight: 500;
}

.tagline {
  font-size: var(--size-type-heading);
  letter-spacing: var(--spacing);
  line-height: var(--line-height);
  --text-indent: 0;
}
.tagline h2 {
  opacity: 0;
  transition: all 1.675s var(--ease-out-quart);
}
.tagline .tagline--inner {
  opacity: 0;
  text-indent: var(--text-indent);
  transition: opacity 1.675s var(--ease-out-quart);
}
.tagline .tagline--inner * {
  text-indent: 0;
}
.tagline .tagline--inner *:first-child {
  text-indent: var(--text-indent);
}
.tagline[data-tagline] h2, .tagline[data-tagline][data-visible] .tagline--inner {
  opacity: 1;
}
.tagline h2 {
  display: inline-block;
  letter-spacing: unset;
  position: absolute;
}

.block .tagline {
  font-size: var(--size-type-heading-smaller);
}

p {
  margin: 0 0 calc(2 * var(--margin));
}
p:last-child {
  margin-bottom: 0;
}

ul {
  margin-bottom: calc(2 * var(--margin));
}
ul li {
  padding-left: calc(2 * var(--margin));
  position: relative;
}
ul li:before {
  background: var(--color-type);
  border-radius: 9px;
  content: "";
  height: 5px;
  left: 0;
  position: absolute;
  top: calc(0.55 * var(--size-type-base));
  width: 5px;
}

aside {
  display: flex;
  font-size: var(--size-type-smaller);
  justify-content: center;
  letter-spacing: 0;
  padding: 0 calc(2 * var(--margin));
  position: absolute;
  right: 100%;
  white-space: nowrap;
  width: calc(3 * var(--col-width));
}
@media (max-width: 680px) {
  aside {
    justify-content: flex-start;
    margin: 0 calc(-0.5 * var(--margin));
    padding: 0;
    position: relative;
    right: auto;
    width: auto;
  }
}
aside:before {
  content: "(";
  margin: 0 calc(0.5 * var(--margin));
}
aside:after {
  content: ")";
  margin: 0 calc(0.5 * var(--margin));
}

:root {
  --nav-top: calc(1 * var(--col-width));
  --nav-start: var(--nav-top);
}

[data-calc-nav-top] {
  height: 1px;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: var(--nav-top);
  width: 1px;
}

#nav {
  align-items: center;
  display: flex;
  justify-content: space-between;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: var(--nav-start);
  transform: translateY(calc(0.025 * var(--col-width)));
  transition: opacity 1.675s 0.375s var(--ease-out-quart);
  width: 100%;
  z-index: 5;
}
@media (max-width: 680px) {
  #nav {
    position: fixed;
    top: var(--nav-top);
  }
}
#nav[data-init] {
  opacity: 1;
}
#nav.nav--fixed {
  position: fixed;
  top: var(--nav-top);
}
#nav .nav--inner {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  width: calc(25 * var(--col-width));
}

.logo--container,
.menu--container {
  align-items: center;
  display: flex;
  justify-content: center;
  margin: 0;
  pointer-events: all;
  padding: 0 calc(2 * var(--margin));
  width: calc(3 * var(--col-width));
}
@media (max-width: 680px) {
  .logo--container,
  .menu--container {
    padding: 0 calc(1 * var(--margin));
    width: auto;
  }
}

.menu--container {
  justify-content: center;
}
@media (max-width: 680px) {
  .menu--container {
    justify-content: flex-end;
  }
}

.logo--container a {
  align-items: center;
  display: flex;
  position: relative;
}
.logo--container a svg {
  margin-top: calc(-0.25 * var(--size-type-base));
  width: calc(4.5 * var(--size-type-base));
}
.logo--container a svg:nth-child(n+2) {
  left: 0;
  opacity: 0;
  margin-top: var(--logo-offset);
  height: var(--logo-height);
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: auto;
}
@media (max-width: 680px) {
  .logo--container a svg {
    width: calc(1.8 * var(--col-width));
  }
}
.logo--container a svg * {
  fill: var(--color-orange);
}
.logo--container a svg:nth-child(n+2) {
  left: 0;
  opacity: 0;
  margin-top: var(--logo-offset);
  height: var(--logo-height);
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: auto;
}
@media (max-width: 680px) {
  .logo--container a svg:nth-child(n+2) {
    height: var(--logo-height-mobile);
    margin-top: var(--logo-offset-mobile);
  }
}

.menu--container a {
  align-items: center;
  display: flex;
  margin: -2.5vw 0;
  --btn-width: auto;
}
.menu--container a > span {
  color: var(--color-orange);
  font-size: var(--size-type-heading);
  overflow: hidden;
  margin-right: calc(1 * var(--margin));
  transition: all 0.975s var(--ease-out-quart);
  width: var(--btn-width);
}
.menu--container a svg {
  margin-top: calc(0.4 * var(--size-type-base));
  width: calc(0.275 * var(--col-width));
}

body .logo--container svg *,
body .menu--container svg * {
  transition: all 0.975s var(--ease-out-quart);
}
body .menu--container a span {
  transition: all 0.975s var(--ease-out-quart);
}
body .menu--container a svg {
  transition: all 0.975s var(--ease-out-quart);
}
body[data-navigation] .menu--container a svg {
  transform: rotate(135deg);
}
body[data-use-alt] .logo--container svg *,
body[data-use-alt] .menu--container svg * {
  fill: var(--color-type);
}
body[data-use-alt] .menu--container a span {
  color: var(--color-type);
}

body #nav h1 {
  transition: all 0.975s var(--ease-out-quart);
}
body[data-hide-nav-logo] #nav h1 {
  opacity: 0;
}

#nav[data-init] .logo--container svg {
  transition: all 1.675s var(--ease-out-quart);
}

body #nav .logo--container svg {
  opacity: 0;
}
body #nav .logo--container svg:first-child {
  opacity: 1;
}

body[data-alt-logo] #nav .logo--container svg {
  opacity: 0;
  transform: translateY(calc(-50% - 20px));
}
body[data-alt-logo] #nav .logo--container svg:first-child {
  opacity: 1;
  transform: none;
}
body[data-alt-logo][data-nav-point] #nav .logo--container svg {
  opacity: 1;
  transform: translateY(-50%);
}
body[data-alt-logo][data-nav-point] #nav .logo--container svg:first-child {
  opacity: 0;
  transform: translateY(20px);
}

#navigation {
  display: flex;
  height: 100vh;
  overflow: hidden;
  position: fixed;
  pointer-events: none;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 10;
}
#navigation .nav--content {
  background: var(--color-orange);
  border-right: 1px solid var(--color-type);
  display: flex;
  flex-direction: column;
  flex: 1;
  font-size: var(--size-type-smaller);
  justify-content: space-between;
  margin-right: -1px;
  opacity: 0;
  padding: calc(1.5 * var(--margin));
  pointer-events: none;
  z-index: 11;
}
@media (max-width: 680px) {
  #navigation .nav--content {
    display: none;
  }
}
#navigation .nav--content p {
  margin: 0;
}
#navigation .nav--menu {
  height: 100vh;
  max-width: 66.666vw;
  overflow: hidden;
  margin-right: -1px;
  position: relative;
  transition: all 1.675s var(--ease-out-quart);
  width: 100vh;
  z-index: 1;
}
@media (max-width: 680px) {
  #navigation .nav--menu {
    max-width: 9999px;
    width: 100%;
  }
}
#navigation .nav--item {
  background: var(--color-orange);
  border: 1px solid var(--color-type);
  bottom: 0;
  display: flex;
  flex-direction: column;
  height: 16.666vh;
  justify-content: flex-start;
  left: 0;
  overflow: hidden;
  position: absolute;
  width: 16.6666vh;
  z-index: 10;
}
@media (max-width: 680px) {
  #navigation .nav--item {
    border-width: 1px 0 0;
    justify-content: flex-start;
    overflow: visible;
    padding: 0;
    width: 100% !important;
  }
}
@media (min-width: calc(680px + 1px)) {
  #navigation .nav--item:last-child {
    border-right: none;
    border-top: none;
  }
}
#navigation .nav--item:before {
  background: var(--color-type);
  bottom: 0;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  transform: rotate(-90deg);
  transform-origin: 0 100%;
  transition: all 1.675s var(--ease-out-quart);
  width: 150%;
}
#navigation .nav--item:hover:before {
  opacity: 1;
  transform: none;
}
#navigation .nav--item .nav--item__content {
  display: flex;
  flex-direction: column;
  height: 16.666vh;
  justify-content: space-between;
  padding: calc(1 * var(--margin));
  position: relative;
  transition: all 0.975s var(--ease-out-quart);
}
@media (max-width: 680px) {
  #navigation .nav--item .nav--item__content {
    align-items: center;
    flex-direction: row;
    height: 14.3vh;
    padding: calc(1 * var(--margin));
  }
}
#navigation .nav--item .nav--item__content span {
  font-size: var(--size-type-smaller);
}
@media (max-width: 680px) {
  #navigation .nav--item .nav--item__content span.cnt {
    order: 2;
  }
  #navigation .nav--item .nav--item__content span.vis--hidden {
    display: none;
  }
}
#navigation .nav--item .nav--item__content .title {
  font-size: var(--size-type-base);
}
#navigation .nav--item:hover .nav--item__content {
  color: var(--color-orange);
}

.nav--float {
  align-items: center;
  display: flex;
  height: 16.66667vh;
  justify-content: space-between;
  margin-bottom: 1px;
  opacity: 0;
  position: absolute;
  right: 0;
  transition: all 1.675s var(--ease-out-quart);
  width: 33.33333vh;
  z-index: 10;
}
@media (max-width: 680px) {
  .nav--float {
    background: var(--color-orange);
    bottom: 100%;
    height: 14.3vh;
    width: 100%;
  }
}
.nav--float .logo--container,
.nav--float .menu--container {
  width: 16.66666vh;
}
@media (max-width: 680px) {
  .nav--float .logo--container,
  .nav--float .menu--container {
    width: auto;
  }
}
.nav--float .logo--container {
  align-items: flex-end;
  padding-right: 0;
  transform: translateX(1.5vh);
}
@media (max-width: 680px) {
  .nav--float .logo--container {
    transform: none;
  }
}
.nav--float .menu--container span {
  display: none;
}
.nav--float svg * {
  fill: var(--color-type);
  transition: all 0.975s var(--ease-out-quart);
}

.nav--item:hover .nav--float svg * {
  fill: var(--color-orange);
}

body #navigation .nav--content {
  transition: all 0.975s var(--ease-in-quart);
  transition-delay: 0.975s;
}
body #navigation .nav--content > * {
  transform: translateX(-10vh);
  transition: all 0.975s var(--ease-in-quart);
  transition-delay: 0.975s;
}
body #navigation .nav--item {
  opacity: 0;
  pointer-events: none;
  transform: translate(-10vh, 0);
  transition: all 0.975s var(--ease-in-quart);
}
body #navigation .nav--item:nth-child(1) {
  height: 16.666vh;
  max-width: calc(1 * 16.666%);
  transition-delay: 0.825s;
  width: 16.666vh;
  z-index: 9;
}
@media (max-width: 680px) {
  body #navigation .nav--item:nth-child(1) {
    height: 14.3vh;
    max-width: 9999px;
  }
}
body #navigation .nav--item:nth-child(2) {
  height: 33.332vh;
  max-width: calc(2 * 16.666%);
  transition-delay: 0.675s;
  width: 33.332vh;
  z-index: 8;
}
@media (max-width: 680px) {
  body #navigation .nav--item:nth-child(2) {
    height: 28.6vh;
    max-width: 9999px;
  }
}
body #navigation .nav--item:nth-child(3) {
  height: 49.998vh;
  max-width: calc(3 * 16.666%);
  transition-delay: 0.525s;
  width: 49.998vh;
  z-index: 7;
}
@media (max-width: 680px) {
  body #navigation .nav--item:nth-child(3) {
    height: 42.9vh;
    max-width: 9999px;
  }
}
body #navigation .nav--item:nth-child(4) {
  height: 66.664vh;
  max-width: calc(4 * 16.666%);
  transition-delay: 0.375s;
  width: 66.664vh;
  z-index: 6;
}
@media (max-width: 680px) {
  body #navigation .nav--item:nth-child(4) {
    height: 57.2vh;
    max-width: 9999px;
  }
}
body #navigation .nav--item:nth-child(5) {
  height: 83.33vh;
  max-width: calc(5 * 16.666%);
  transition-delay: 0.225s;
  width: 83.33vh;
  z-index: 5;
}
@media (max-width: 680px) {
  body #navigation .nav--item:nth-child(5) {
    height: 71.5vh;
    max-width: 9999px;
  }
}
body #navigation .nav--item:nth-child(6) {
  height: 99.996vh;
  max-width: calc(6 * 16.666%);
  transition-delay: 0.075s;
  width: 99.996vh;
  z-index: 4;
}
@media (max-width: 680px) {
  body #navigation .nav--item:nth-child(6) {
    height: 85.8vh;
    max-width: 9999px;
  }
}
body[data-navigation] #navigation .nav--item {
  opacity: 1;
  pointer-events: all;
  transform: none;
  transition: all 1.675s var(--ease-out-quart);
}
body[data-navigation] #navigation .nav--item:nth-child(1) {
  transition-delay: 0.15s;
}
body[data-navigation] #navigation .nav--item:nth-child(2) {
  transition-delay: 0.3s;
}
body[data-navigation] #navigation .nav--item:nth-child(3) {
  transition-delay: 0.45s;
}
body[data-navigation] #navigation .nav--item:nth-child(4) {
  transition-delay: 0.6s;
}
body[data-navigation] #navigation .nav--item:nth-child(5) {
  transition-delay: 0.75s;
}
body[data-navigation] #navigation .nav--item:nth-child(6) {
  transition-delay: 0.9s;
}
body[data-navigation] #navigation .nav--item:nth-child(7) {
  transition-delay: 1.05s;
}
body[data-navigation] #navigation .nav--item:nth-child(8) {
  transition-delay: 1.2s;
}
body[data-navigation] #navigation .nav--item:nth-child(9) {
  transition-delay: 1.35s;
}
body[data-navigation] #navigation .nav--item:nth-child(10) {
  transition-delay: 1.5s;
}
body[data-navigation] #navigation .nav--content {
  opacity: 1;
  pointer-events: all;
  transform: none;
  transition: all 1.675s var(--ease-out-quart);
}
body[data-navigation] #navigation .nav--content > * {
  transform: none;
  transition: all 1.675s var(--ease-out-quart);
}
body[data-navigation] #navigation .nav--float {
  opacity: 1;
  pointer-events: all;
}

#navigation .nav--content {
  background: var(--color-type);
  border-right: 1px solid var(--color-orange);
}
#navigation .nav--content * {
  color: var(--color-orange);
}
#navigation .nav--item {
  background: var(--color-type);
  border-color: var(--color-orange);
}
#navigation .nav--item:before {
  background: var(--color-orange);
}
#navigation .nav--item .nav--item__content {
  color: var(--color-orange);
}
#navigation .nav--item:hover .nav--item__content {
  color: var(--color-type);
}
#navigation .nav--item:hover .nav--float svg * {
  fill: var(--color-type);
}
@media (max-width: 680px) {
  #navigation .nav--float {
    background: var(--color-type);
  }
}
#navigation .nav--float svg * {
  fill: var(--color-orange);
}

.banner {
  align-items: center;
  display: flex;
  height: 100vh;
  justify-content: center;
  overflow: hidden;
  position: relative;
  width: 100vw;
}

.banner--border, .section--border, .text--border {
  border: 1px solid var(--color-type);
  border-width: 1px 0;
}

.banner .img--container {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.banner .img--container img {
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
  opacity: 0;
  position: absolute;
  transition: all 1.675s var(--ease-out-quart);
  width: 100%;
}
.banner .img--container img[data-init][init] {
  opacity: 1;
}

.banner .banner-content {
  flex: 1;
  position: relative;
}

.banner .banner--extra {
  margin-top: calc(2 * var(--margin));
  opacity: 0;
  transition: all 1.675s 0.15s var(--ease-out-quart);
}
.banner .banner--extra[data-visible] {
  opacity: 1;
}

.banner.theme--orange {
  background: var(--color-orange);
}

.banner.theme--light h2, .banner.theme--light .tagline, .banner.theme--light p, .banner.theme--light a {
  color: var(--color-type-light);
}
.banner.theme--light .h2--line:after {
  background: var(--color-type-light);
}

.banner.banner--trailer .container {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
}
.banner.banner--trailer .trailer--container {
  padding: calc(2 * var(--col-width)) 0;
}

.banner.banner--slider .container {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  z-index: 2;
}
.banner.banner--slider .banner--nav {
  display: flex;
  flex-wrap: wrap;
  padding: calc(1 * var(--col-width)) 0;
}
@media (max-width: 680px) {
  .banner.banner--slider .banner--nav {
    flex-direction: column;
    margin: calc(-0.5 * var(--margin)) 0;
  }
}
.banner.banner--slider .banner--nav a {
  font-size: var(--size-type-heading);
  margin: calc(0.5 * var(--col-width)) calc(0.5 * var(--col-width)) 0 0;
  white-space: nowrap;
}
@media (max-width: 680px) {
  .banner.banner--slider .banner--nav a {
    max-width: 80%;
    white-space: wrap;
  }
}
.banner.banner--slider .banner--nav a.active {
  text-decoration: underline;
}
@media (max-width: 680px) {
  .banner.banner--slider .banner--nav a {
    margin: calc(0.5 * var(--margin)) 0;
  }
}
.banner.banner--slider .banner--nav a span.cnt {
  font-size: var(--size-type-small);
  margin-left: calc(0.25 * var(--margin));
  position: absolute;
}
@media (max-width: 680px) {
  .banner.banner--slider .banner--nav a span.cnt {
    transform: translateY(calc(0.1 * var(--size-type-base)));
  }
}
.banner.banner--slider .image--container,
.banner.banner--slider .image--container .block {
  bottom: 0;
  clip-path: inset(0);
  height: 100%;
  left: 0;
  max-width: 9999px;
  position: absolute;
  right: 0;
  top: 0;
}
.banner.banner--slider .image--container img, .banner.banner--slider .image--container video,
.banner.banner--slider .image--container .block img,
.banner.banner--slider .image--container .block video {
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
  opacity: 0;
  position: absolute;
  transition: all 1.675s var(--ease-out-quart);
  width: 100%;
}
.banner.banner--slider .image--container img[init], .banner.banner--slider .image--container video[init],
.banner.banner--slider .image--container .block img[init],
.banner.banner--slider .image--container .block video[init] {
  opacity: 1;
}
.banner.banner--slider .image--container video,
.banner.banner--slider .image--container .block video {
  z-index: 1;
}

.banner--logo {
  height: calc(var(--banner-logo-height) * var(--size-type-base));
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.banner--logo svg {
  height: 100%;
  width: auto;
}
.banner--logo svg * {
  fill: var(--color-orange);
}

.image--block {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 680px) {
  .image--block {
    flex-wrap: wrap;
  }
}
.image--block .block {
  clip-path: inset(var(--margin) 25% var(--margin) 0);
  opacity: 0;
  transition: all 1.675s var(--ease-out-quart);
  width: 100%;
}
.image--block .block:nth-child(1) {
  transition-delay: 0.375s;
}
.image--block .block:nth-child(2) {
  transition-delay: 0.75s;
}
.image--block .block:nth-child(3) {
  transition-delay: 1.125s;
}
.image--block .block:nth-child(4) {
  transition-delay: 1.5s;
}
.image--block .block:nth-child(5) {
  transition-delay: 1.875s;
}
.image--block img {
  display: block;
  position: relative;
  width: 100%;
}
.image--block .caption {
  display: flex;
  font-size: var(--size-type-small);
  left: 0;
  letter-spacing: 0;
  margin: calc(1 * var(--margin)) 0 0;
  position: absolute;
  top: 100%;
}
.image--block .caption:before {
  content: "[";
  margin-right: calc(1 * var(--margin));
}
.image--block .caption:after {
  content: "]";
  margin-left: calc(1 * var(--margin));
}
.image--block[data-init] .block {
  clip-path: inset(0);
  opacity: 1;
}

.image--block.image--block__2 .block {
  width: calc(8 * var(--col-width));
}
@media (max-width: 680px) {
  .image--block.image--block__2 .block {
    width: 100%;
  }
}

section.section.theme--orange {
  background: var(--color-orange);
}
section.section.section--border {
  border: 1px solid var(--color-type);
  border-width: 1px 0;
}
section.section.section--border + .section--border {
  margin-top: -1px;
}
section.section.bg--dark {
  background: var(--color-type);
}

.block--container {
  margin-bottom: calc(-1 * var(--col-width));
}
.block--container .block {
  margin: 0 0 calc(1 * var(--col-width));
  position: relative;
  width: calc(8 * var(--col-width));
}
.block--container .block .block--image {
  background: rgba(0, 0, 0, 0.025);
  aspect-ratio: 1/1;
  clip-path: inset(var(--margin));
  margin-bottom: calc(1 * var(--col-width));
  opacity: 0;
  position: relative;
  transition: 1.675s var(--ease-out-quart);
  width: 100%;
}
.block--container .block .block--image img {
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
  position: absolute;
  width: 100%;
}
.block--container .block .block--image[data-init] {
  opacity: 1;
  clip-path: inset(0);
}
@media (min-width: calc(680px + 1px)) {
  .block--container .block:nth-child(2n) .block--image, .block--container .block:nth-child(2n) h2, .block--container .block:nth-child(2n) .date, .block--container .block:nth-child(2n) .tag--block span {
    transition-delay: 0.15s;
  }
}

section.section--people .block {
  transition: all 1.675s var(--ease-out-quart);
  width: calc(5 * var(--col-width));
}
@media (max-width: 680px) {
  section.section--people .block {
    width: 100%;
  }
}
section.section--people .block .block--image {
  aspect-ratio: 4/5;
}
section.section--people .block .title {
  font-size: var(--size-type-smaller);
  letter-spacing: 0;
  margin: 0;
}
section.section--people .block .opt {
  position: relative;
}
section.section--people .block .opt:before {
  background: var(--color-type);
  content: "";
  height: var(--line-width);
  margin-right: calc(0.5 * var(--margin));
  position: absolute;
  right: 100%;
  top: calc(0.7 * var(--size-type-base));
  width: calc(1.5 * var(--col-width));
}
section.section--people .block .bio {
  background: var(--color-page-bg);
  left: calc(100% + 2 * var(--col-width) - 1 * var(--margin));
  min-height: 100%;
  opacity: 0;
  padding: 0 calc(1 * var(--margin)) calc(1 * var(--col-width));
  pointer-events: none;
  position: absolute;
  top: 0;
  transition: opacity 1.675s var(--ease-out-quart), z-index 0s 1.675s var(--ease-out-quart);
  width: calc(5 * var(--col-width) + 2 * var(--margin));
}
section.section--people .block .bio p {
  font-size: var(--size-type-smaller);
}
@media (max-width: 680px) {
  section.section--people .block .bio {
    left: 0;
    min-height: 0;
    padding: calc(1 * var(--col-width)) 0;
    top: 100%;
    width: 100%;
  }
}
section.section--people .block.active {
  z-index: 5;
}
section.section--people .block.active .bio {
  opacity: 1;
  pointer-events: all;
}
section.section--people .block.prev {
  z-index: 4;
}
@media (min-width: calc(680px + 1px)) {
  section.section--people .block:nth-child(3n) .bio {
    left: auto;
    right: calc(100% + 2 * var(--col-width) - 1 * var(--margin));
  }
}

body[data-bio] section.section--people .block:not(.active) {
  opacity: 0.5;
}

/* contact */
.grid--contact > div {
  flex: 1;
  margin-right: calc(3 * var(--col-width));
  position: relative;
}
.grid--contact h2 {
  margin-bottom: calc(2 * var(--margin));
}

.section--news .block {
  margin-bottom: calc(3 * var(--col-width));
}
.section--news .block--container .block .block--image {
  aspect-ratio: 3/2;
}
.section--news .block--container .block .block--image:after {
  background: var(--color-orange);
  content: "";
  display: block;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transform-origin: 0 100%;
  transition: all 1.675s var(--ease-out-quart);
  width: 100%;
}
.section--news .block--container .block:hover .block--image:after {
  transform: none;
  opacity: 0.8;
}
.section--news .block--content {
  position: relative;
}
.section--news .block--content .date {
  font-size: var(--size-type-small);
  position: absolute;
  transform: translateY(calc(0.01 * var(--col-width)));
}
.section--news .block--content .date:before {
  content: "(";
  margin-right: calc(0.5 * var(--margin));
}
.section--news .block--content .date:after {
  content: ")";
  margin-left: calc(0.5 * var(--margin));
}
.section--news .block--content h2 {
  text-indent: calc(1.5 * var(--col-width));
}
@media (min-width: calc(680px + 1px)) {
  .section--news .block:nth-child(1) {
    width: 100%;
  }
  .section--news .block:nth-child(1) .block--image {
    aspect-ratio: 16/9;
  }
  .section--news .block:nth-child(1) .block--content {
    width: calc(8 * var(--col-width));
  }
}

.tag--block {
  margin: calc(2 * var(--margin)) 0 calc(-0.5 * var(--margin));
}
.tag--block span {
  border: 1px solid var(--color-type);
  border-radius: 99px;
  display: inline-block;
  letter-spacing: 0;
  font-size: var(--size-type-small);
  margin: 0 0 calc(0.5 * var(--margin)) 0;
  opacity: 0;
  padding: calc(0.333 * var(--margin)) calc(1 * var(--margin));
  transition: all 1.675s var(--ease-out-quart);
}
.tag--block span:nth-child(1) {
  transition-delay: 0.15s;
}
.tag--block span:nth-child(2) {
  transition-delay: 0.3s;
}
.tag--block span:nth-child(3) {
  transition-delay: 0.45s;
}
.tag--block span:nth-child(4) {
  transition-delay: 0.6s;
}
.tag--block span:nth-child(5) {
  transition-delay: 0.75s;
}
.tag--block span:nth-child(6) {
  transition-delay: 0.9s;
}
.tag--block span:nth-child(7) {
  transition-delay: 1.05s;
}
.tag--block span:nth-child(8) {
  transition-delay: 1.2s;
}
.tag--block span:nth-child(9) {
  transition-delay: 1.35s;
}
.tag--block span:nth-child(10) {
  transition-delay: 1.5s;
}
.tag--block[data-visible] span {
  opacity: 1;
}

.block.block--production {
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
}
.block.block--production a {
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.block.block--production .block--image {
  clip-path: inset(var(--margin));
  bottom: 0;
  display: flex;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: all 0.975s var(--ease-out-quart);
}
.block.block--production .block--image img {
  height: 100%;
  object-fit: cover;
  position: absolute;
  width: 100%;
}
.block.block--production[data-init] .block--image {
  clip-path: inset(0);
  opacity: 1;
}
.block.block--production .block--content {
  padding: calc(1 * var(--margin));
  position: relative;
}
.block.block--production .block--content h2 {
  opacity: 0;
  transition: all 0.975s var(--ease-out-quart);
}
.block.block--production .block--content h2[data-visible] {
  opacity: 1;
}
.block.block--production .block--content h2 .date {
  font-size: var(--size-type-small);
}
.block.block--production .block--content * {
  color: var(--color-grey-light);
}
.block.block--production .block--content .tag--block span {
  border-color: var(--color-grey-light);
}

@media (max-width: 680px) {
  section.section--contact .grid {
    flex-direction: column;
  }
}

.section--text .trailer--container {
  padding-top: calc(2 * var(--col-width));
}
.section--text .trailer--container a {
  text-decoration: none;
}
.section--text .trailer--container a:hover {
  text-decoration: underline;
}

.section--productions {
  position: relative;
  z-index: 2;
}

.productions > div {
  margin-bottom: calc(1 * var(--col-width));
}
.productions > div:last-child {
  margin-bottom: 0;
}
.productions h2 {
  display: inline-block;
  position: relative;
}
.productions h2 a:hover {
  text-decoration: underline;
}
.productions h2 .date {
  bottom: 0;
  font-size: var(--size-type-small);
  letter-spacing: 0;
  position: absolute;
  transform: translate(calc(1 * var(--margin)), calc(-0.17 * var(--col-width)));
  white-space: nowrap;
}
.productions h2 .date:before, .productions h2 .date:after {
  margin: 0 calc(1 * var(--margin));
}
.productions h2 .date:before {
  content: "[";
}
.productions h2 .date:after {
  content: "]";
}

.credits {
  background: var(--color-orange);
  padding: calc(2 * var(--col-width)) 0;
}
.credits .grid {
  margin-right: calc(-2 * var(--col-width));
  margin-bottom: calc(-1 * var(--col-width));
}
@media (max-width: 680px) {
  .credits .grid {
    margin: 0;
  }
}
.credits .block {
  margin-bottom: calc(1 * var(--col-width));
  width: 25%;
  opacity: 0;
  padding-right: calc(1 * var(--margin));
  transition: all 1.675s var(--ease-out-quart);
}
.credits .block.one-whole {
  width: 100%;
}
.credits .block.margin-bottom-half-col {
  margin-bottom: calc(0.5 * var(--col-width));
}
@media (max-width: 680px) {
  .credits .block {
    width: 50%;
  }
}
.credits .block:last-child {
  margin-bottom: 0;
}
.credits .block[data-visible] {
  opacity: 1;
}
.credits h3 {
  font-weight: 500;
}
.credits h3, .credits p {
  font-size: var(--size-type-smaller);
  letter-spacing: 0;
}
.credits h3:last-child, .credits p:last-child {
  margin: 0;
}

.credits.awards {
  border-top: 1px solid var(--color-type);
}
.credits.awards .grid {
  margin-right: 0;
}
.credits.awards .block {
  display: flex;
  position: relative;
  text-align: center;
}
.credits.awards .block:last-child {
  margin-bottom: calc(1 * var(--col-width));
}
@media (max-width: 680px) {
  .credits.awards .block {
    width: 100%;
  }
}
.credits.awards .block .block--inner {
  align-items: center;
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  margin: 0 auto;
  max-width: calc(3.33 * var(--col-width));
  position: relative;
}
@media (max-width: 680px) {
  .credits.awards .block .block--inner {
    max-width: calc(6 * var(--col-width));
  }
}
.credits.awards .block img:not([src*=laurel]) {
  width: 100%;
}
.credits.awards .block img[src*=laurel] {
  left: 0;
  max-width: calc(0.75 * var(--col-width));
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.credits.awards .block img[src*=laurel][src*=laurel-r] {
  left: auto;
  right: 0;
}
@media (max-width: 680px) {
  .credits.awards .block img[src*=laurel] {
    max-width: calc(1 * var(--col-width));
  }
}
.credits.awards .block h3, .credits.awards .block p {
  font-size: calc(0.45 * var(--size-type-base));
  margin: 0 auto calc(0.125 * var(--margin));
  max-width: calc(1.675 * var(--col-width));
  text-align: center;
  text-transform: uppercase;
}
@media (max-width: 680px) {
  .credits.awards .block h3, .credits.awards .block p {
    font-size: calc(0.55 * var(--size-type-base));
    max-width: calc(3 * var(--col-width));
  }
}
.credits.awards .block *:last-child {
  margin-bottom: 0;
}
.credits.awards .block .entry h3 {
  xxxmargin-bottom: 0;
}

footer#footer {
  background: var(--color-orange);
  height: 100vh;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1;
}
@media (max-width: 680px) {
  footer#footer .container {
    display: flex;
    flex-direction: column;
    flex: 1;
    justify-content: center;
  }
}

.footer--proxy {
  display: block;
  height: 100vh;
  width: 1px;
}

footer#footer > .grid {
  height: 100%;
  justify-content: center;
}

@media (max-width: 680px) {
  footer#footer .logo--container {
    padding: var(--nav-top) calc(1 * var(--margin));
  }
}
@media (min-width: calc(680px + 1px)) {
  footer#footer .logo--container {
    position: absolute;
    right: 100%;
  }
}
footer#footer .logo--container svg * {
  fill: var(--color-type);
}

.footer--links {
  margin-left: calc(-1 * var(--margin));
  margin-right: calc(-1 * var(--margin));
}
.footer--links a {
  margin-left: calc(1 * var(--margin));
  margin-right: calc(1 * var(--margin));
}

.footer--links.footer--links__decoration a {
  text-decoration: underline;
}

.footer--flex {
  flex: 1;
}

@media (max-width: 680px) {
  .privacy--row {
    flex-direction: column;
  }
  .footer--content {
    margin-bottom: calc(1 * var(--col-width));
  }
}
.modal {
  align-items: center;
  background: rgba(0, 0, 0, 0.85);
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: fixed;
  right: 0;
  top: 0;
  transition: all 1.675s var(--ease-out-quart);
  z-index: 20;
}
.modal iframe {
  aspect-ratio: 16/9;
  width: 75vh;
  max-height: 90vh;
  max-width: 90vw;
}
.modal.active {
  opacity: 1;
  pointer-events: all;
}
.modal [href="/close"] {
  border: 5px solid var(--color-orange);
  border-radius: 99px;
  height: calc(1 * var(--col-width));
  margin: calc(2 * var(--margin));
  position: absolute;
  right: 0;
  top: 0;
  transform: rotate(45deg);
  width: calc(1 * var(--col-width));
}
.modal [href="/close"]:before, .modal [href="/close"]:after {
  background: var(--color-orange);
  content: "";
  height: 1.5px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 75%;
}
.modal [href="/close"]:after {
  transform: translate(-50%, -50%) rotate(90deg);
}

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