@charset "UTF-8";
/**
 * Settings.
 */
/**
 * Settings.
 */
/**
 * Font family map.
 */
/**
 * Font size map.
 */
/**
 * Line height map.
 */
/**
* Mobile.
**/
/**
 * Font size map.
 */
/**
 * Line height map.
 */
/**
 * Color Map (https://convertacolor.com/).
 */
/**
 * Colors Variables.
 */
/**
 * Grid.
 */
/**
 * Assets.
 */
/**
 * Body.
 */
/**
 * Other.
 */
@import '../../node_modules/keen-slider/keen-slider.min.css';
@import '../../node_modules/photoswipe/dist/photoswipe.css';
*::selection {
  background-color: hsl(0, 0%, 11%);
  color: hsl(0, 0%, 100%);
}

/**
 * Responsive.
 */
/**
 * Vendor.
 */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/**
 * Tools.
 */
/**
 * Tools.
 */
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}

.mfp-preloader a {
  color: #CCC;
}

.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}

.mfp-close:hover,
.mfp-close:focus {
  opacity: 1;
}

.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent;
}

.mfp-arrow:active {
  margin-top: -54px;
}

.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1;
}

.mfp-arrow:before,
.mfp-arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}

.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}

.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}

.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}

.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}

.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}

.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}

.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}

.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}

.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}

.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
  }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
/**
 * Container
 * 
 * Center aligns element with given maximum width, padding, and margins top and bottom.
 * @param {String} $width - Pixel unit value.
 * @param {String} $gap - Pixel unit value.
 * @example @include container(1024px, 20px);
 */
/**
 * Section
 *
 * Add top and bottom spacing to element using paddings.
 * @param {String} $top - Pixel unit value.
 * @param {String} $bottom - Pixel unit value.
 * @example @include section(100px, 100px);
 */
/**
 * Media.
 *
 * Media queries according to "The 100% Correct Way To Do CSS Breakpoints" (https://medium.freecodecamp.com/the-100-correct-way-to-do-css-breakpoints-88d6a5ba1862).
 * @param {String} $breakpoint - Breakpoint pixel unit value.
 * @example @include media('phone') {}
 */
/**
 * Elements.
 */
/**
 * General.
 */
/**
 * Remove margin and padding from every selector including their
 * psuedo selectors.
 *
 * 1. More sensible default box sizing.
 *    (css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice).
 */
*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: inherit; /* 1 */
}

/**
 * Set height of the document to maxium viewport height.
 *
 * 1. Set root font size to 10.
 */
html {
  height: 100vh;
  font-size: 62.5%; /* 1 */
  box-sizing: border-box;
}

/**
 * Set minimal height of the body to maximum viewport height to
 * match the document's height.
 *
 * 1. Firefox 25+.
 * 2. Chrome 5+.
 */
body {
  min-height: 100vh;
  background-color: hsl(0, 0%, 100%);
  color: hsl(0, 0%, 11%);
  font-family: "SUSE", sans-serif;
  font-weight: 400;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale; /* 1 */
  -webkit-font-smoothing: antialiased; /* 2 */
}

/**
 * Custom user agent resets and overrides that are not present in
 * Normalize 8.0.0. This mostly removes some annoying margin and padding
 * defaults, border radius, and outlines.
 */
a {
  color: inherit;
  text-decoration: none;
}

/**
 * 1. Remove border radius on Chrome 62.0+ on macOS.
 */
button {
  border: 0;
  border-radius: 0; /* 1 */
  outline: none;
  background: none;
  cursor: pointer;
}

fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}

figure {
  margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
  font-size: inherit;
  font-weight: inherit;
}

hr {
  margin: 0;
  padding: 0;
}

/**
 * 1. Remove white space.
 */
img {
  max-width: 100%;
  height: auto;
  vertical-align: middle; /* 1 */
}

/**
 * 1. Remove inherited user agent appearance.
 */
input,
select,
textarea {
  max-width: 100%;
  border: 0;
  border-radius: 0;
  outline: none;
  appearance: none; /* 1 */
}

/**
 * 1. Only allow vertical resizing to prevent the textarea
 *    from overflowing the container.
 */
textarea {
  resize: vertical;
}

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

p {
  margin: 0;
}

/**
 * 1. Collapse borders to prevent double sided borders.
 */
table {
  max-width: 100%;
  border-collapse: collapse; /* 1 */
}

strong {
  font-weight: 700;
}

/**
 * Objects.
 */
.button {
  font-size: 16px;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 52px;
  padding: 16px 24px;
  border-radius: 10000px;
  text-decoration: none;
  transition: all 250ms ease-in-out;
  cursor: pointer;
  font-weight: 500;
  font-family: "SUSE", sans-serif;
}

/**
 * Button (primary).
 */
.button--primary {
  background-color: hsl(212, 19%, 34%);
  color: hsl(0, 0%, 100%);
}
.button--primary:hover {
  background-color: hsl(0, 0%, 11%);
  color: hsl(0, 0%, 100%);
}

/**
 * Button (secondary).
 */
.button--secondary {
  background-color: hsl(185, 100%, 35%);
  color: hsl(0, 0%, 100%);
}
.button--secondary:hover {
  background-color: hsl(0, 0%, 11%);
  color: hsl(0, 0%, 100%);
}

/**
 * Every conceivable HTML element within a `.cms-output` wrapper.
 *
 * 1. Exclude last childs.
 */
.cms-output h1,
.cms-output h2,
.cms-output h3,
.cms-output h4,
.cms-output h5 {
  margin-bottom: 16px;
}
.cms-output p:not(:last-child) {
  margin-bottom: 1.2em;
}
.cms-output .is-intro {
  font-size: 20px;
  line-height: 32px;
  font-weight: 700;
}
@media only screen and (max-width: 899px) {
  .cms-output .is-intro {
    font-size: 18px;
    line-height: 24px;
  }
}
.cms-output img.aligncenter {
  display: block;
  margin: 0 auto;
}
.cms-output img.alignright {
  display: block;
  margin: 0 0 0 auto;
}
.cms-output table {
  word-break: break-word;
}
.cms-output table td {
  vertical-align: top;
}
.cms-output ul,
.cms-output ol {
  list-style-type: square;
  margin-left: 20px;
  margin-bottom: 32px;
  margin-top: 36px;
}
.cms-output ol {
  list-style-type: decimal;
}
.cms-output strong {
  font-weight: bold;
}
.cms-output a {
  text-decoration: underline;
  transition: all 250ms ease-in-out;
  text-underline-offset: 2px;
  font-weight: 500;
}
.cms-output a:hover {
  color: hsl(185, 100%, 35%);
}
.cms-output blockquote {
  position: relative;
  padding: 40px 45px 20px 45px;
  color: hsl(0, 100%, 50%);
}
.cms-output .wp-caption {
  margin-bottom: 20px;
}
.cms-output .wp-caption img {
  border-radius: 10px;
}
.cms-output .wp-caption .wp-caption-text {
  font-size: 16px;
  line-height: 20px;
  color: hsl(0, 100%, 50%);
  letter-spacing: 0.44px;
  margin-top: 10px;
}
.cms-output ul,
.cms-output ol {
  margin: 36px 0;
}
.cms-output li {
  list-style-type: none;
  position: relative;
  padding-left: 28px;
  margin-bottom: 8px;
}
.cms-output li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 12px;
  height: 12px;
  background-color: #605B71;
  border-radius: 50%;
}

strong {
  color: hsl(185, 100%, 35%);
}

.verzet__editor {
  opacity: 0;
}

/**
 * The content constraint is a constraint for all the content within
 * the document. It can be manipulated by CSS or JavaScript without
 * influencing the body.
 */
.content-constraint {
  position: relative;
  min-height: 100vh;
  overflow: clip;
}

.content-constraint > div:nth-last-child(2) {
  position: relative;
}
.content-constraint > div:nth-last-child(2)::after {
  content: "";
  position: absolute;
  bottom: -4px;
  right: 0;
  width: 78px;
  height: 140px;
  background-image: url("../images/finger.png");
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 1;
  cursor: pointer;
}

/**
 * Example of a flex based column grid layout in practice:
 *
 * <div class="row">
 *   <div class="col col-xs-6 col-sm-12"></div>
 *   <div class="col col-xs-6 col-sm-12"></div>
 * </div>
 *
 * This example will create a row with two columns each filling half the width
 * of the row on all media, but will convert to a full width column on the
 * small `-sm` breakpoint alias, which is mobile only. Refer to
 * `settings/_definitions.scss` for all breakpoint alias.
 */
/**
 * Flex object.
 *
 * Tip: Use flex on a column to make the box the same height as the column.
 */
.flex {
  display: flex;
}

.flex-wrap {
  flex-wrap: wrap;
}

/**
 * Flex object with a column based layout system.
 */
.row {
  display: flex;
  flex: 0 1 auto;
  flex-flow: row wrap;
  margin: 0 -10px;
}

/**
 * Box, the inside of a column.
 */
.box {
  flex: 1;
}

/**
 * Align `stretch` for the xs breakpoint.
 */
.align-xs-stretch {
  align-items: stretch;
}

/**
 * Align `center` for the xs breakpoint.
 */
.align-xs-center {
  align-items: center;
}

/**
 * Align `flex-start` for the xs breakpoint.
 */
.align-xs-flex-start {
  align-items: flex-start;
}

/**
 * Align `flex-end` for the xs breakpoint.
 */
.align-xs-flex-end {
  align-items: flex-end;
}

/**
 * Align `baseline` for the xs breakpoint.
 */
.align-xs-baseline {
  align-items: baseline;
}

/**
 * Justify `start` for the xs breakpoint.
 */
.justify-xs-start {
  justify-content: start;
}

/**
 * Justify `center` for the xs breakpoint.
 */
.justify-xs-center {
  justify-content: center;
}

/**
 * Justify `space-between` for the xs breakpoint.
 */
.justify-xs-space-between {
  justify-content: space-between;
}

/**
 * Justify `space-around` for the xs breakpoint.
 */
.justify-xs-space-around {
  justify-content: space-around;
}

/**
 * Justify `space-evenly` for the xs breakpoint.
 */
.justify-xs-space-evenly {
  justify-content: space-evenly;
}

/**
 * Bleed left for the xs breakpoint.
 */
.bleed-xs-left {
  padding-left: 0;
}

/**
 * Bleed right for the xs breakpoint.
 */
.bleed-xs-right {
  padding-right: 0;
}

/**
 * Order first for the `xs` breakpoint.
 */
.first-xs {
  order: -1;
}

/**
 * Order last for the `xs` breakpoint.
 */
.last-xs {
  order: 1;
}

/**
 * Reverse order for the `xs` breakpoint.
 */
.reverse-xs {
  flex-direction: row-reverse;
}

@media only screen and (max-width: 599px) {
  /**
   * Align `stretch` for the sm breakpoint.
   */
  .align-sm-stretch {
    align-items: stretch;
  }
  /**
   * Align `center` for the sm breakpoint.
   */
  .align-sm-center {
    align-items: center;
  }
  /**
   * Align `flex-start` for the sm breakpoint.
   */
  .align-sm-flex-start {
    align-items: flex-start;
  }
  /**
   * Align `flex-end` for the sm breakpoint.
   */
  .align-sm-flex-end {
    align-items: flex-end;
  }
  /**
   * Align `baseline` for the sm breakpoint.
   */
  .align-sm-baseline {
    align-items: baseline;
  }
  /**
   * Justify `start` for the sm breakpoint.
   */
  .justify-sm-start {
    justify-content: start;
  }
  /**
   * Justify `center` for the sm breakpoint.
   */
  .justify-sm-center {
    justify-content: center;
  }
  /**
   * Justify `space-between` for the sm breakpoint.
   */
  .justify-sm-space-between {
    justify-content: space-between;
  }
  /**
   * Justify `space-around` for the sm breakpoint.
   */
  .justify-sm-space-around {
    justify-content: space-around;
  }
  /**
   * Justify `space-evenly` for the sm breakpoint.
   */
  .justify-sm-space-evenly {
    justify-content: space-evenly;
  }
  /**
   * Bleed left for the sm breakpoint.
   */
  .bleed-sm-left {
    padding-left: 0;
  }
  /**
   * Bleed right for the sm breakpoint.
   */
  .bleed-sm-right {
    padding-right: 0;
  }
  /**
   * Order first for the `sm` breakpoint.
   */
  .first-sm {
    order: -1;
  }
  /**
   * Order last for the `sm` breakpoint.
   */
  .last-sm {
    order: 1;
  }
  /**
   * Reverse order for the `sm` breakpoint.
   */
  .reverse-sm {
    flex-direction: row-reverse;
  }
}
@media only screen and (min-width: 600px) {
  /**
   * Align `stretch` for the md breakpoint.
   */
  .align-md-stretch {
    align-items: stretch;
  }
  /**
   * Align `center` for the md breakpoint.
   */
  .align-md-center {
    align-items: center;
  }
  /**
   * Align `flex-start` for the md breakpoint.
   */
  .align-md-flex-start {
    align-items: flex-start;
  }
  /**
   * Align `flex-end` for the md breakpoint.
   */
  .align-md-flex-end {
    align-items: flex-end;
  }
  /**
   * Align `baseline` for the md breakpoint.
   */
  .align-md-baseline {
    align-items: baseline;
  }
  /**
   * Justify `start` for the md breakpoint.
   */
  .justify-md-start {
    justify-content: start;
  }
  /**
   * Justify `center` for the md breakpoint.
   */
  .justify-md-center {
    justify-content: center;
  }
  /**
   * Justify `space-between` for the md breakpoint.
   */
  .justify-md-space-between {
    justify-content: space-between;
  }
  /**
   * Justify `space-around` for the md breakpoint.
   */
  .justify-md-space-around {
    justify-content: space-around;
  }
  /**
   * Justify `space-evenly` for the md breakpoint.
   */
  .justify-md-space-evenly {
    justify-content: space-evenly;
  }
  /**
   * Bleed left for the md breakpoint.
   */
  .bleed-md-left {
    padding-left: 0;
  }
  /**
   * Bleed right for the md breakpoint.
   */
  .bleed-md-right {
    padding-right: 0;
  }
  /**
   * Order first for the `md` breakpoint.
   */
  .first-md {
    order: -1;
  }
  /**
   * Order last for the `md` breakpoint.
   */
  .last-md {
    order: 1;
  }
  /**
   * Reverse order for the `md` breakpoint.
   */
  .reverse-md {
    flex-direction: row-reverse;
  }
}
@media only screen and (min-width: 900px) {
  /**
   * Align `stretch` for the lg breakpoint.
   */
  .align-lg-stretch {
    align-items: stretch;
  }
  /**
   * Align `center` for the lg breakpoint.
   */
  .align-lg-center {
    align-items: center;
  }
  /**
   * Align `flex-start` for the lg breakpoint.
   */
  .align-lg-flex-start {
    align-items: flex-start;
  }
  /**
   * Align `flex-end` for the lg breakpoint.
   */
  .align-lg-flex-end {
    align-items: flex-end;
  }
  /**
   * Align `baseline` for the lg breakpoint.
   */
  .align-lg-baseline {
    align-items: baseline;
  }
  /**
   * Justify `start` for the lg breakpoint.
   */
  .justify-lg-start {
    justify-content: start;
  }
  /**
   * Justify `center` for the lg breakpoint.
   */
  .justify-lg-center {
    justify-content: center;
  }
  /**
   * Justify `space-between` for the lg breakpoint.
   */
  .justify-lg-space-between {
    justify-content: space-between;
  }
  /**
   * Justify `space-around` for the lg breakpoint.
   */
  .justify-lg-space-around {
    justify-content: space-around;
  }
  /**
   * Justify `space-evenly` for the lg breakpoint.
   */
  .justify-lg-space-evenly {
    justify-content: space-evenly;
  }
  /**
   * Bleed left for the lg breakpoint.
   */
  .bleed-lg-left {
    padding-left: 0;
  }
  /**
   * Bleed right for the lg breakpoint.
   */
  .bleed-lg-right {
    padding-right: 0;
  }
  /**
   * Order first for the `lg` breakpoint.
   */
  .first-lg {
    order: -1;
  }
  /**
   * Order last for the `lg` breakpoint.
   */
  .last-lg {
    order: 1;
  }
  /**
   * Reverse order for the `lg` breakpoint.
   */
  .reverse-lg {
    flex-direction: row-reverse;
  }
}
@media only screen and (min-width: 1200px) {
  /**
   * Align `stretch` for the xl breakpoint.
   */
  .align-xl-stretch {
    align-items: stretch;
  }
  /**
   * Align `center` for the xl breakpoint.
   */
  .align-xl-center {
    align-items: center;
  }
  /**
   * Align `flex-start` for the xl breakpoint.
   */
  .align-xl-flex-start {
    align-items: flex-start;
  }
  /**
   * Align `flex-end` for the xl breakpoint.
   */
  .align-xl-flex-end {
    align-items: flex-end;
  }
  /**
   * Align `baseline` for the xl breakpoint.
   */
  .align-xl-baseline {
    align-items: baseline;
  }
  /**
   * Justify `start` for the xl breakpoint.
   */
  .justify-xl-start {
    justify-content: start;
  }
  /**
   * Justify `center` for the xl breakpoint.
   */
  .justify-xl-center {
    justify-content: center;
  }
  /**
   * Justify `space-between` for the xl breakpoint.
   */
  .justify-xl-space-between {
    justify-content: space-between;
  }
  /**
   * Justify `space-around` for the xl breakpoint.
   */
  .justify-xl-space-around {
    justify-content: space-around;
  }
  /**
   * Justify `space-evenly` for the xl breakpoint.
   */
  .justify-xl-space-evenly {
    justify-content: space-evenly;
  }
  /**
   * Bleed left for the xl breakpoint.
   */
  .bleed-xl-left {
    padding-left: 0;
  }
  /**
   * Bleed right for the xl breakpoint.
   */
  .bleed-xl-right {
    padding-right: 0;
  }
  /**
   * Order first for the `xl` breakpoint.
   */
  .first-xl {
    order: -1;
  }
  /**
   * Order last for the `xl` breakpoint.
   */
  .last-xl {
    order: 1;
  }
  /**
   * Reverse order for the `xl` breakpoint.
   */
  .reverse-xl {
    flex-direction: row-reverse;
  }
}
/**
 * Default fields.
 */
label {
  display: block;
  margin-bottom: 8px;
  font-weight: bold;
  color: hsl(0, 0%, 11%);
  margin-left: 15px;
}

select,
input,
textarea {
  font-size: 16px;
  line-height: 32px;
  width: 100%;
  height: 42px;
  border-radius: 4px;
  padding: 11px 15px;
  background-color: hsl(0, 0%, 100%);
  font-weight: 500;
  border: 1px solid hsl(0, 0%, 11%);
  color: hsl(0, 0%, 11%);
}
select:focus,
input:focus,
textarea:focus {
  background-color: hsl(0, 0%, 100%);
}

textarea {
  height: 230px;
  padding-top: 15px;
}

.gfield_required {
  color: hsl(0, 100%, 50%);
}

.ginput_container_select {
  position: relative;
  width: 100%;
  overflow: hidden;
  background-color: transparent;
  border: 1px solid hsl(0, 0%, 11%);
}
.ginput_container_select svg {
  position: absolute;
  top: 14px;
  right: 20px;
  width: 9px;
  height: 13px;
  z-index: 1;
}
.ginput_container_select select {
  position: relative;
  width: calc(100% + 50px);
  max-width: none;
  margin: -2px;
  background-color: transparent;
  border: 0;
  z-index: 2;
}

input[type=radio],
input[type=checkbox] {
  width: 15px;
  height: 15px;
  border: 2px solid hsl(0, 0%, 11%);
  border-radius: 2px;
  background-color: hsl(0, 0%, 100%);
  transition: all 250ms ease;
}
input[type=radio]:checked,
input[type=checkbox]:checked {
  background-color: hsl(0, 0%, 11%);
}

input[type=radio] {
  border-radius: 20px;
}

/**
 * Gravity Forms.
 */
.gfield {
  margin-bottom: 25px;
}

.gform_validation_container {
  display: none;
}

.hidden_label > label {
  display: none;
}

.validation_message {
  font-size: 14px;
  line-height: 23px;
  margin-top: 5px;
  border-radius: 8px;
  padding: 10px 10px;
  display: flex;
  align-items: center;
  width: 100%;
  color: hsl(0, 100%, 50%);
  background-color: hsla(0, 100%, 50%, 0.1);
}
.validation_message > svg {
  width: 16px;
  height: 16px;
  margin-right: 5px;
  margin-top: -2px;
}

.validation_error {
  display: none;
  position: relative;
  margin: 0 0 50px;
  padding: 25px 25px 25px 75px;
  background: hsla(0, 100%, 50%, 0.1);
  color: hsl(0, 100%, 50%);
}
.validation_error > svg {
  position: absolute;
  top: calc(50% - 15px);
  left: 30px;
  width: 31px;
  height: 30px;
  color: hsl(0, 100%, 50%);
}
.validation_error .close-button {
  position: absolute;
  top: 5px;
  right: 5px;
  cursor: pointer;
}
.validation_error .close-button svg {
  width: 16px;
  height: 16px;
  color: hsl(0, 0%, 11%);
}

.gform_confirmation_message {
  width: 100%;
  padding: 50px;
  background: hsl(0, 100%, 50%);
}
.gform_confirmation_message br {
  display: none;
}
.gform_confirmation_message h4 {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.gform_confirmation_message h4 svg {
  width: 28px;
  height: 28px;
  margin-right: 20px;
  border-radius: 20px;
  background-color: hsl(0, 0%, 100%);
  padding: 5px;
  color: hsl(0, 0%, 11%);
}

/**
 * Heading.
 */
h1,
h2,
h3,
h4 {
  font-family: "farnham-display", sans-serif;
  font-style: italic;
  color: hsl(0, 0%, 11%);
  text-box: auto;
}
h1.is-white,
h2.is-white,
h3.is-white,
h4.is-white {
  color: hsl(0, 0%, 100%);
}

/**
  * Heading 1.
*/
h1,
.heading-1 {
  font-size: 61px;
  line-height: 72px;
}
@media only screen and (max-width: 899px) {
  h1,
  .heading-1 {
    font-size: 39px;
    line-height: 1.4;
  }
}

/**
 * Heading 2.
 */
h2,
.heading-2 {
  font-size: 49px;
  line-height: 1.4;
}
@media only screen and (max-width: 899px) {
  h2,
  .heading-2 {
    font-size: 32px;
    line-height: 1.4;
  }
}

/**
 * Heading 3.
 */
h3,
.heading-3 {
  font-size: 31px;
  line-height: 1.4;
}
@media only screen and (max-width: 899px) {
  h3,
  .heading-3 {
    font-size: 24px;
    line-height: 1.4;
  }
}

/**
* Heading 3.
*/
h4 {
  font-size: 25px;
  line-height: 1.4;
}
@media only screen and (max-width: 899px) {
  h4 {
    font-size: 20px;
    line-height: 1.4;
  }
}

/**
* Heading 3.
*/
h5 {
  font-size: 20px;
  line-height: 1.4;
}
@media only screen and (max-width: 899px) {
  h5 {
    font-size: 18px;
    line-height: 1.4;
  }
}

/**
 * Subheading.
 */
p, span, a, li {
  font-size: 16px;
  line-height: 1.6;
}
@media only screen and (max-width: 899px) {
  p, span, a, li {
    font-size: 16px;
    line-height: 1.6;
  }
}
p.is-white, span.is-white, a.is-white, li.is-white {
  color: hsl(0, 0%, 100%);
}

.has-lazy-load,
.has-header-load {
  transition: all 750ms ease;
  transition-delay: 500ms;
  opacity: 0;
}
.has-lazy-load.header,
.has-header-load.header {
  transition-delay: 500ms;
  transition: all 750ms ease;
}

.has-initial-load[loaded=true],
.has-header-load[loaded=true] {
  opacity: 1;
}

.has-initial-load {
  transition: all 700ms ease;
  transition-delay: 500ms;
  opacity: 0;
}

.has-lazy-load[loaded=true] {
  opacity: 1;
}

.pagination {
  width: 100%;
  background-color: hsl(0, 0%, 100%);
  padding-block: 80px;
}
@media only screen and (max-width: 899px) {
  .pagination {
    padding-block: 40px;
  }
}
.pagination .wrapper {
  justify-content: center;
  gap: 8px 16px;
}
.pagination span, .pagination a {
  min-width: 44px;
  width: 44px;
  height: 44px;
  min-height: 44px;
  max-width: 44px;
  max-height: 44px;
  background-color: hsla(0, 0%, 11%, 0.32);
  font-family: "SUSE", sans-serif;
  font-size: 20px;
  line-height: 1;
  color: hsl(0, 0%, 100%);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
}
.pagination span.current, .pagination a.current {
  background-color: hsl(0, 0%, 11%);
}
.pagination .next,
.pagination .prev {
  display: none;
}

/**
 * Wrapper (default)
 */
.wrapper {
  max-width: calc(1512px + 128px);
  padding: 0 64px;
  width: 100%;
  margin: 0 auto;
}
@media only screen and (max-width: 1199px) {
  .wrapper {
    max-width: calc(1512px + 80px);
    padding: 0 40px;
    width: 100%;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 899px) {
  .wrapper {
    max-width: calc(1512px + 80px);
    padding: 0 40px;
    width: 100%;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 599px) {
  .wrapper {
    max-width: calc(1512px + 48px);
    padding: 0 24px;
    width: 100%;
    margin: 0 auto;
  }
}

/**
 * Wrapper (footer)
 */
.wrapper--footer {
  max-width: calc(1512px + 80px);
  padding: 0 40px;
  width: 100%;
  margin: 0 auto;
}
@media only screen and (max-width: 1199px) {
  .wrapper--footer {
    max-width: calc(1512px + 80px);
    padding: 0 40px;
    width: 100%;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 899px) {
  .wrapper--footer {
    max-width: calc(1512px + 80px);
    padding: 0 40px;
    width: 100%;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 599px) {
  .wrapper--footer {
    max-width: calc(1512px + 48px);
    padding: 0 24px;
    width: 100%;
    margin: 0 auto;
  }
}

/**
* Self hosted google webfonts.
* https://gwfh.mranftl.com/fonts
**/
/* suse-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "SUSE";
  font-style: normal;
  font-weight: 200;
  src: url("../fonts/suse-v4-latin-200.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* suse-200italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "SUSE";
  font-style: italic;
  font-weight: 200;
  src: url("../fonts/suse-v4-latin-200italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* suse-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "SUSE";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/suse-v4-latin-300.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* suse-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "SUSE";
  font-style: italic;
  font-weight: 300;
  src: url("../fonts/suse-v4-latin-300italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* suse-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "SUSE";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/suse-v4-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* suse-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "SUSE";
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/suse-v4-latin-italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* suse-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "SUSE";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/suse-v4-latin-500.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* suse-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "SUSE";
  font-style: italic;
  font-weight: 500;
  src: url("../fonts/suse-v4-latin-500italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* suse-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "SUSE";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/suse-v4-latin-600.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* suse-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "SUSE";
  font-style: italic;
  font-weight: 600;
  src: url("../fonts/suse-v4-latin-600italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* suse-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "SUSE";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/suse-v4-latin-700.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/**
 * Components.
 */
.header {
  padding-block: 16px;
  background-color: hsl(0, 0%, 100%);
  position: sticky;
  top: 0;
  z-index: 999;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08);
}
.header::before {
  content: "";
  background: hsl(0, 0%, 100%);
  height: 16px;
  left: 0;
  position: absolute;
  bottom: -6px;
  width: 100%;
  z-index: 1;
  pointer-events: none;
}
@media only screen and (max-width: 1199px) {
  .header::before {
    display: none;
  }
}
.header:has(.navigation-submenu.is-active) {
  box-shadow: unset;
}
.header .navigation-submenu {
  position: absolute;
  top: 72px;
  left: 0;
  background-color: hsl(0, 0%, 100%);
  width: 100%;
  opacity: 0;
  visibility: hidden;
  transition: all 250ms ease-in-out;
  min-height: 264px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08);
}
.header .navigation-submenu .container {
  padding-block: 8px 32px;
  display: flex;
  gap: 24px;
  align-items: flex-start;
  max-width: 556px;
  margin-inline: auto;
}
.header .navigation-submenu .container a {
  font-weight: 500;
  transition: all 250ms ease-in-out;
}
.header .navigation-submenu .container a:hover {
  color: hsl(185, 100%, 35%);
}
.header .navigation-submenu .container .navigation__subitem-container {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.header .navigation-submenu .container .navigation__subitems-lvl2 {
  padding-right: 24px;
  padding-bottom: 24px;
  border-right: 1px solid #BCBCBC;
}
.header .navigation-submenu .container .navigation__sub-subitem-container {
  flex-direction: column;
  gap: 12px;
}
.header .navigation-submenu .container .navigation__sub-subitem-container.is-active {
  display: flex;
}
.header .navigation-submenu.is-active {
  opacity: 1;
  visibility: visible;
  top: 84px;
}
.header > .wrapper {
  width: 100%;
  align-items: center;
  justify-content: space-between;
}
.header .header__logo {
  max-width: 180px;
  width: 100%;
}
.header .header__logo img {
  width: 100%;
  object-fit: contain;
}
.header .header__menu-button {
  display: none;
}
@media only screen and (max-width: 1199px) {
  .header .header__menu-button {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
}
@media only screen and (max-width: 599px) {
  .header .header__menu-button {
    margin-left: auto;
  }
}
.header .header__menu-button .header__menu-line {
  width: 32px;
  height: 2px;
  background: #000;
  transition: all 0.3s ease;
}
@media only screen and (max-width: 899px) {
  .header .header__menu-button .header__menu-line {
    width: 32px;
  }
}
.header .header__menu-button.is-active .header__menu-line:nth-child(1) {
  transform: rotate(45deg) translate(9px, 6px);
}
.header .header__menu-button.is-active .header__menu-line:nth-child(2) {
  opacity: 0;
}
.header .header__menu-button.is-active .header__menu-line:nth-child(3) {
  transform: rotate(-45deg) translate(7px, -6px);
}
@media only screen and (max-width: 1199px) {
  .header .navigation {
    display: none;
  }
}
.header .navigation__main-link.is-open::before {
  transform: translateY(-50%) rotate(180deg) !important;
}
.header .navigation__main {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 32px;
}
.header .navigation__main a {
  font-weight: 600;
  transition: all 250ms ease-in-out;
}
.header .navigation__main a:hover {
  color: hsl(185, 100%, 35%);
}
.header .navigation__main a.navigation__main-link--has-subitems {
  position: relative;
  padding-right: 8px;
}
.header .navigation__main a.navigation__main-link--has-subitems::before {
  background-image: url("data:image/svg+xml,%3Csvg width='9' height='5' viewBox='0 0 9 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.11426 0.589478C8.23783 0.4659 8.23783 0.264813 8.11426 0.141235C7.99075 0.0178537 7.79055 0.0179333 7.66699 0.141235L4.12793 3.68127L0.58789 0.140259C0.464286 0.0170077 0.263117 0.0167909 0.139648 0.140259C0.0775043 0.202409 0.0478738 0.284066 0.0478514 0.364869C0.0478514 0.445928 0.0783296 0.527526 0.139648 0.589478L3.90332 4.35217C4.0269 4.47575 4.22799 4.47575 4.35156 4.35217L8.11426 0.589478Z' fill='%231C1C1C' stroke='%231C1C1C' stroke-width='0.096'/%3E%3C/svg%3E%0A");
  background-size: 9px 5px;
  background-repeat: no-repeat;
  width: 9px;
  height: 5px;
  position: absolute;
  content: "";
  right: -8px;
  top: 50%;
  transform: translateY(-50%);
  transform-origin: center;
  transform-box: fill-box;
  transition: all 150ms ease-in-out;
}
@media only screen and (max-width: 1199px) {
  .header .header__phone {
    margin-left: auto;
    margin-right: 24px;
  }
}
@media only screen and (max-width: 599px) {
  .header .header__phone {
    display: none;
  }
}
.header .navigation__subitems-lvl2,
.header .navigation__subitems-lvl3 {
  display: none;
}
.header .navigation__subitems-lvl2.is-active,
.header .navigation__subitems-lvl3.is-active {
  display: block;
}
.header .navigation__subitem-container,
.header .navigation__sub-subitem-container {
  display: none;
}
.header .navigation__subitem-container.is-active,
.header .navigation__sub-subitem-container.is-active {
  display: block;
}
.header .navigation__sub-subitem-container {
  opacity: 0;
  transition: all 250ms ease-in-out;
}
.header .navigation__sub-subitem-container a {
  opacity: 0;
  transition: all 250ms ease-in-out;
}
.header .navigation__sub-subitem-container.is-active {
  animation: fadeIn 350ms ease-in-out forwards;
}
.header .navigation__sub-subitem-container.is-active a {
  animation: fadeIn 350ms ease-in-out forwards;
}
.header .navigation__sub-subitem-container.is-removing {
  animation: fadeOut 350ms ease-in-out forwards;
}
.header .navigation__sub-subitem-container.is-removing a {
  animation: fadeOut 350ms ease-in-out forwards;
}
.header .navigation__subitems-lvl3 {
  opacity: 0;
  transition: all 250ms ease-in-out;
}
.header .navigation__subitems-lvl3.is-active {
  animation: fadeIn 350ms ease-in-out forwards;
}
.header .navigation__subitems-lvl3.is-removing {
  animation: fadeOut 350ms ease-in-out forwards;
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
@keyframes fadeOut {
  to {
    opacity: 0;
  }
}
.header .navigation .is-open {
  color: hsl(185, 100%, 35%);
}

.navigation-mobile {
  position: fixed;
  top: 100vh;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: calc(100% - 84px);
  margin-top: 100px;
  transition: all 500ms ease;
  background: hsl(0, 0%, 100%);
  opacity: 0;
  z-index: 999;
  overflow-x: hidden;
}
@media only screen and (max-width: 1199px) {
  .navigation-mobile {
    height: calc(100% - 84px);
    margin-top: 84px;
  }
}
@media only screen and (max-width: 599px) {
  .navigation-mobile {
    height: calc(100% - 68px);
    margin-top: 68px;
  }
}
@media only screen and (max-width: 599px) {
  .navigation-mobile {
    margin-top: 68px;
  }
}
.navigation-mobile.is-active {
  top: 0;
  opacity: 1;
}
.navigation-mobile::-webkit-scrollbar {
  display: none;
}
@media only screen and (min-width: 600px) {
  .navigation-mobile .wrapper {
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 64px;
    padding-block: 32px 64px;
  }
  .navigation-mobile .wrapper a {
    font-weight: 500;
    transition: all 250ms ease-in-out;
  }
  .navigation-mobile .wrapper a:hover, .navigation-mobile .wrapper a.is-active {
    color: hsl(185, 100%, 35%);
  }
  .navigation-mobile .navigation-mobile__main,
  .navigation-mobile .navigation-mobile__subitem-container,
  .navigation-mobile .navigation-mobile__sub-subitem-container {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .navigation-mobile .navigation-mobile__main,
  .navigation-mobile .navigation-mobile__subitem-container {
    padding-right: 64px;
    position: relative;
  }
  .navigation-mobile .navigation-mobile__main::before,
  .navigation-mobile .navigation-mobile__subitem-container::before {
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    width: 1px;
    height: 180px;
    background-color: #BCBCBC;
  }
  .navigation-mobile .navigation-mobile__subitems-lvl2 .navigation-mobile__subitem-container {
    display: none;
  }
  .navigation-mobile .navigation-mobile__subitems-lvl2 .navigation-mobile__subitem-container.is-active {
    display: flex;
  }
  .navigation-mobile .navigation-mobile__subitems-lvl3 .navigation-mobile__sub-subitem-container {
    display: none;
  }
  .navigation-mobile .navigation-mobile__subitems-lvl3 .navigation-mobile__sub-subitem-container.is-active {
    display: flex;
  }
  .navigation-mobile .header__phone.mobile {
    display: none;
  }
}
@media only screen and (max-width: 599px) {
  .navigation-mobile .wrapper {
    padding-top: 32px;
    position: relative;
    height: 100%;
  }
  .navigation-mobile .wrapper a {
    font-weight: 500;
    transition: all 250ms ease-in-out;
    width: fit-content;
  }
  .navigation-mobile .wrapper a:hover, .navigation-mobile .wrapper a.is-active {
    color: hsl(185, 100%, 35%);
  }
  .navigation-mobile .wrapper a.navigation-mobile__main-link--has-subitems, .navigation-mobile .wrapper a.navigation-mobile__subitem-link--has-subitems {
    position: relative;
    padding-right: 8px;
  }
  .navigation-mobile .wrapper a.navigation-mobile__main-link--has-subitems::before, .navigation-mobile .wrapper a.navigation-mobile__subitem-link--has-subitems::before {
    background-image: url("data:image/svg+xml,%3Csvg width='6' height='11' viewBox='0 0 6 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.754227 0.180496C0.596048 0.0223171 0.339164 0.022317 0.180984 0.180496C0.0228964 0.338682 0.022836 0.595589 0.180984 0.753738L4.71126 5.28304L0.180007 9.81428C0.0220695 9.97248 0.0219088 10.2294 0.180007 10.3875C0.259578 10.467 0.363684 10.5057 0.467116 10.5057C0.570872 10.5057 0.674929 10.466 0.754226 10.3875L5.57063 5.57014C5.72881 5.41197 5.72881 5.15508 5.57063 4.9969L0.754227 0.180496Z' fill='%231C1C1C' stroke='%231C1C1C' stroke-width='0.12288'/%3E%3C/svg%3E%0A");
    background-size: 6px 11px;
    background-repeat: no-repeat;
    width: 6px;
    height: 11px;
    position: absolute;
    content: "";
    right: -8px;
    top: 50%;
    transform: translateY(-50%);
  }
  .navigation-mobile .wrapper .navigation-mobile__main {
    display: flex;
    flex-direction: column;
    gap: 12px;
    height: calc(100% - 64px);
  }
  .navigation-mobile .wrapper .header__phone.mobile {
    display: inline-flex;
    background-color: hsl(185, 100%, 35%);
    color: hsl(0, 0%, 100%);
    margin-top: auto;
    width: fit-content;
  }
  .navigation-mobile .wrapper .header__phone.mobile:hover {
    background-color: hsl(0, 0%, 11%);
    color: hsl(0, 0%, 100%);
  }
  .navigation-mobile .wrapper .navigation-mobile__subitems-lvl2 {
    opacity: 0;
    visibility: hidden;
    background-color: hsl(0, 0%, 100%);
    transition: all 250ms ease-in-out;
    pointer-events: none;
    position: absolute;
    z-index: 1;
    top: 32px;
    height: 100svh;
    width: calc(100% - 64px);
  }
  .navigation-mobile .wrapper .navigation-mobile__subitems-lvl2:has(.navigation-mobile__subitem-container.is-active) {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
  }
  .navigation-mobile .wrapper .navigation-mobile__subitems-lvl2 .navigation-mobile__subitem-container {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .navigation-mobile .wrapper .navigation-mobile__subitems-lvl3 {
    opacity: 0;
    visibility: hidden;
    background-color: hsl(0, 0%, 100%);
    transition: all 250ms ease-in-out;
    pointer-events: none;
    position: absolute;
    z-index: 2;
    top: 32px;
    height: 100svh;
    width: calc(100% - 64px);
  }
  .navigation-mobile .wrapper .navigation-mobile__subitems-lvl3:has(.navigation-mobile__sub-subitem-container.is-active) {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
  }
  .navigation-mobile .wrapper .navigation-mobile__subitems-lvl3 .navigation-mobile__sub-subitem-container {
    flex-direction: column;
    gap: 12px;
  }
}
.navigation-mobile .navigation-mobile__subitems-lvl3 .navigation-mobile__sub-subitem-container {
  display: none;
}
.navigation-mobile .navigation-mobile__subitems-lvl3 .navigation-mobile__sub-subitem-container.is-active {
  display: flex;
}

/**
 * Disable scroll.
 */
body.is-active .header::before {
  bottom: 0;
}

.footer {
  background-color: hsl(212, 19%, 34%);
  color: hsl(0, 0%, 100%);
}
.footer .wrapper {
  display: flex;
  flex-direction: row;
  gap: 40px;
}
@media only screen and (max-width: 899px) {
  .footer .wrapper {
    flex-direction: column;
  }
}
.footer .footer__content {
  max-width: 465px;
  width: 100%;
  padding-block: 80px 44px;
  display: flex;
  flex-direction: column;
}
.footer .footer__image {
  margin-top: -32px;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 1199px) {
  .footer .footer__image {
    margin-right: -264px;
  }
}
@media only screen and (max-width: 899px) {
  .footer .footer__image {
    margin-right: 0;
    margin-bottom: 0;
    position: absolute;
    right: 24px;
    bottom: 100px;
    max-width: 510px;
    max-height: 436px;
    width: 100%;
    height: 100%;
  }
}
@media screen and (max-width: 767px) {
  .footer .footer__image {
    right: -50%;
    bottom: 0;
  }
}
.footer .footer__image img {
  height: 100%;
  object-fit: cover;
}
@media only screen and (max-width: 899px) {
  .footer .footer__image img {
    max-width: 510px;
    max-height: 436px;
    width: 100%;
    height: 100%;
  }
}
.footer .footer__cta {
  margin-bottom: 32px;
}
.footer .footer__cta * {
  font-weight: 600;
  font-size: 20px;
  line-height: 1.4;
}
.footer .footer__phone {
  margin-bottom: 40px;
}
.footer .footer__column-title {
  font-size: 20px;
  font-family: "SUSE", sans-serif;
  font-style: normal;
  font-weight: 500;
  color: hsl(0, 0%, 100%);
  margin-bottom: 24px;
}
.footer .footer__columns {
  display: flex;
  flex-direction: row;
  gap: 32px 80px;
}
@media only screen and (max-width: 899px) {
  .footer .footer__columns {
    flex-direction: column;
    gap: 80px;
  }
}
.footer .footer__column-editor {
  line-height: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.footer .footer__column-editor a {
  color: hsl(0, 0%, 100%);
  text-decoration: none;
  transition: color 250ms ease-in-out;
  display: block;
  line-height: 0.5;
}
.footer .footer__column-editor a:hover {
  color: hsl(185, 100%, 35%);
}
.footer .footer__legal-link {
  color: hsl(0, 0%, 100%);
  text-decoration: none;
  transition: color 250ms ease-in-out;
}
.footer .footer__legal-link:hover {
  color: hsl(185, 100%, 35%);
}
.footer .footer__linkedin {
  display: flex;
  margin-top: 40px;
  width: fit-content;
}
.footer .footer__legal {
  margin-top: 48px;
  display: flex;
  flex-direction: row;
  gap: 8px 32px;
  align-items: center;
}
@media only screen and (max-width: 899px) {
  .footer .footer__legal {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 599px) {
  .footer .footer__legal {
    flex-direction: column;
    align-items: flex-start;
  }
}
.footer .footer__row--legal {
  margin-top: auto;
}

.content-specifications__modal {
  z-index: 1000;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  justify-content: center;
  align-items: center;
  padding: 64px;
  display: flex;
  position: fixed;
  inset: 0;
  overflow: hidden;
  transition: all 0.2s linear;
  border-radius: 4px;
}
.content-specifications__modal[data-modal-group-status=active] {
  opacity: 1;
  visibility: visible;
}
@media only screen and (max-width: 899px) {
  .content-specifications__modal {
    padding: 40px;
  }
}
@media only screen and (max-width: 599px) {
  .content-specifications__modal {
    padding: 24px;
  }
}

.content-specifications__modal-dark {
  opacity: 0.5;
  pointer-events: auto;
  cursor: pointer;
  background-color: #131313;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.content-specifications__modal-card {
  pointer-events: auto;
  background-color: hsl(0, 0%, 100%);
  border-radius: 4px;
  width: 100%;
  max-width: 813px;
  max-height: 100%;
  padding: 178px 64px 64px 64px;
  display: none;
  position: relative;
  overflow: auto;
}
@media only screen and (max-width: 899px) {
  .content-specifications__modal-card {
    padding: 130px 40px 40px 40px;
    max-width: 768px;
  }
}
@media only screen and (max-width: 599px) {
  .content-specifications__modal-card {
    padding: 110px 24px 24px 24px;
    max-width: 100%;
  }
}
.content-specifications__modal-card[data-modal-status=active] {
  display: flex;
}

.content-specifications__modal-content {
  flex-flow: column;
  display: flex;
  width: 100%;
}
.content-specifications__modal-content h2 {
  text-align: center;
  margin-bottom: 64px;
  margin-inline: auto;
}
@media only screen and (max-width: 899px) {
  .content-specifications__modal-content h2 {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 599px) {
  .content-specifications__modal-content h2 {
    text-align: left;
    margin-bottom: 40px;
  }
}

.content-specifications__downloads {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.content-specifications__downloads a {
  display: flex;
  align-items: center;
  flex-direction: row;
  gap: 16px;
  width: 100%;
  justify-content: space-between;
  font-family: "farnham-display", sans-serif;
  font-weight: 500;
}
.content-specifications__downloads a:hover span {
  text-decoration-color: hsl(185, 100%, 35%);
  color: hsl(185, 100%, 35%);
}
.content-specifications__downloads a:hover svg path {
  fill: hsl(185, 100%, 35%);
}
.content-specifications__downloads a span {
  font-family: "farnham-display", sans-serif;
  font-size: 31px;
  line-height: 1.4;
  color: hsl(0, 0%, 11%);
  font-style: italic;
  font-weight: 500;
  text-decoration: underline;
  text-underline-offset: 8px;
  text-decoration-thickness: 1px;
  transition: all 350ms ease;
}
@media only screen and (max-width: 899px) {
  .content-specifications__downloads a span {
    font-size: 24px;
    line-height: 1.4;
    font-family: "farnham-display", sans-serif;
    font-weight: 500;
  }
}
.content-specifications__downloads a svg path {
  transition: all 350ms ease;
}

.content-specifications__modal-btn-close {
  background-color: transparent;
  border: 1px solid hsl(0, 0%, 11%);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  display: flex;
  position: absolute;
  top: 64px;
  right: 64px;
  cursor: pointer;
}
@media only screen and (max-width: 899px) {
  .content-specifications__modal-btn-close {
    top: 40px;
    right: 40px;
  }
}
@media only screen and (max-width: 899px) {
  .content-specifications__modal-btn-close {
    top: 24px;
    right: 24px;
  }
}

.content-specifications__modal-btn-close-bar {
  background-color: currentColor;
  width: 0.125em;
  height: 40%;
  position: absolute;
  transform: rotate(45deg);
}
.content-specifications__modal-btn-close-bar.content-specifications__modal-btn-close-bar--second {
  transform: rotate(-45deg);
}

.content-specifications__action-form {
  padding-bottom: 64px;
}

.content-specifications__modal .gform_confirmation_message {
  background-color: transparent;
  padding: 0;
  font-size: 16px;
  line-height: 1.6;
  text-align: center;
}
.content-specifications__modal form input,
.content-specifications__modal form select,
.content-specifications__modal form textarea {
  border: none;
  border-bottom: 1px solid hsla(0, 0%, 11%, 0.08);
  padding-inline: 0 !important;
  border-radius: 0 !important;
}
.content-specifications__modal form .gfield_error {
  border: none;
  border-bottom: 1px solid hsl(0, 100%, 50%);
  padding-inline: 0 !important;
  border-radius: 0 !important;
}
.content-specifications__modal form label {
  margin: 0;
  font-family: "SUSE", sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: hsl(0, 0%, 11%);
}
.content-specifications__modal form .gfield_required {
  display: none;
}
.content-specifications__modal form .gfield_validation_message {
  display: none;
}
.content-specifications__modal form .gfield:has(.gfield_validation_message) label {
  color: hsl(0, 100%, 50%);
}

.gform_wrapper.gravity-theme .gfield_error [aria-invalid=true] {
  border: unset !important;
}

.gform_validation_errors {
  display: none;
}

.header-slider {
  min-height: calc(100vh - 84px);
  position: relative;
  overflow: clip;
}
@media only screen and (max-width: 1199px) {
  .header-slider {
    height: 100%;
    min-height: 600px;
  }
}
@media only screen and (max-width: 899px) {
  .header-slider {
    min-height: 476px;
  }
}
.header-slider::before {
  background: linear-gradient(-153deg, rgba(0, 0, 0, 0) 38.98%, rgba(0, 0, 0, 0.4) 78.37%);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
  pointer-events: none;
}
.header-slider .wrapper {
  display: flex;
  flex-direction: column;
  padding-bottom: 64px;
  height: calc(100vh - 84px);
  justify-content: flex-end;
}
@media only screen and (max-width: 1199px) {
  .header-slider .wrapper {
    height: 100%;
    min-height: 600px;
  }
}
@media only screen and (max-width: 899px) {
  .header-slider .wrapper {
    min-height: 476px;
  }
}
.header-slider .header-slider__body {
  max-width: 624px;
  width: 100%;
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 599px) {
  .header-slider .header-slider__body {
    max-width: 100%;
  }
}
.header-slider .header-slider__body * {
  color: hsl(0, 0%, 100%);
}
.header-slider .header-slider__images {
  width: 100%;
  height: calc(100vh - 84px);
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  z-index: -1;
  display: flex;
  flex-direction: row;
}
@media only screen and (max-width: 899px) {
  .header-slider .header-slider__images {
    height: 100%;
  }
}
.header-slider .header-slider__images img {
  width: 100%;
  height: calc(100vh - 84px);
  object-fit: cover;
}
@media only screen and (max-width: 899px) {
  .header-slider .header-slider__images img {
    height: 100%;
  }
}
.header-slider .header-slider__editor {
  margin-top: 32px;
}
.header-slider .header-slider__navigation {
  display: flex;
  gap: 12px;
  margin-top: 32px;
}
.header-slider .header-slider__dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: transparent;
  border: 1px solid hsl(0, 0%, 100%);
  cursor: pointer;
  transition: background-color 0.3s ease;
}
.header-slider .header-slider__dot:hover {
  background-color: hsla(0, 0%, 100%, 0.4);
}
.header-slider .header-slider__dot.is-active {
  background-color: hsl(0, 0%, 100%);
}

.text-media .wrapper {
  position: relative;
  padding-block: 104px;
  overflow: clip;
}
@media only screen and (max-width: 1199px) {
  .text-media .wrapper {
    padding-block: 80px;
  }
}
@media only screen and (max-width: 899px) {
  .text-media .wrapper {
    padding-block: 40px;
  }
}
.text-media.text-media--position-left .wrapper {
  flex-direction: row-reverse;
}
@media screen and (max-width: 1024px) {
  .text-media.text-media--position-left .wrapper {
    flex-direction: column-reverse;
  }
}
.text-media.text-media--position-right .wrapper {
  flex-direction: row;
}
@media screen and (max-width: 1024px) {
  .text-media.text-media--position-right .wrapper {
    flex-direction: column;
  }
}
.text-media.text-media--position-top .wrapper {
  flex-direction: column-reverse;
}
.text-media.text-media--position-top .wrapper > .text-media__media {
  max-width: 100%;
}
.text-media.text-media--position-top .wrapper .text-media__body {
  max-width: 904px;
  text-align: center;
}
@media only screen and (max-width: 599px) {
  .text-media.text-media--position-top .wrapper .text-media__body {
    max-width: 100%;
    text-align: left;
  }
}
.text-media.text-media--position-top .wrapper .text-media__editor {
  max-width: 624px;
  width: 100%;
  margin-inline: auto;
}
@media only screen and (max-width: 599px) {
  .text-media.text-media--position-top .wrapper .text-media__editor {
    max-width: 100%;
    text-align: left;
  }
}
.text-media.text-media--position-bottom .wrapper {
  flex-direction: column;
}
.text-media.text-media--position-bottom .wrapper > .text-media__media {
  max-width: 100%;
}
.text-media.text-media--position-bottom .wrapper .text-media__body {
  max-width: 904px;
  text-align: center;
}
@media only screen and (max-width: 599px) {
  .text-media.text-media--position-bottom .wrapper .text-media__body {
    max-width: 100%;
    text-align: left;
  }
}
.text-media.text-media--position-bottom .wrapper .text-media__editor {
  max-width: 624px;
  width: 100%;
  margin-inline: auto;
}
@media only screen and (max-width: 599px) {
  .text-media.text-media--position-bottom .wrapper .text-media__editor {
    max-width: 100%;
    text-align: left;
  }
}
.text-media .wrapper {
  display: flex;
  flex-direction: row;
  gap: 104px;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (max-width: 1199px) {
  .text-media .wrapper {
    gap: 80px;
  }
}
@media screen and (max-width: 1024px) {
  .text-media .wrapper {
    gap: 40px;
    flex-direction: column;
    align-items: flex-start;
  }
}
.text-media .wrapper > .text-media__media {
  max-width: calc(50% - 52px);
  width: 100%;
}
@media only screen and (max-width: 1199px) {
  .text-media .wrapper > .text-media__media {
    max-width: 578px;
  }
}
@media screen and (max-width: 1024px) {
  .text-media .wrapper > .text-media__media {
    max-width: 100%;
  }
}
.text-media .text-media__body {
  max-width: calc(50% - 52px);
  width: 100%;
}
@media only screen and (max-width: 1199px) {
  .text-media .text-media__body {
    max-width: 395px;
  }
}
@media screen and (max-width: 1024px) {
  .text-media .text-media__body {
    max-width: 100%;
  }
}
.text-media .text-media__body .button {
  margin-top: 48px;
}
@media only screen and (max-width: 899px) {
  .text-media .text-media__body .button {
    margin-top: 24px;
  }
}
.text-media .text-media__subtitle {
  color: #545454;
  font-size: 25px;
  font-weight: 500;
  font-style: italic;
  font-family: "farnham-display", sans-serif;
  margin-top: 24px;
}
@media screen and (max-width: 1024px) {
  .text-media .text-media__subtitle {
    font-size: 20px;
    line-height: 1.4;
  }
}
.text-media .text-media__separator {
  width: 100%;
  height: 1px;
  background-image: url("../images/separator.svg");
  margin-block: 40px;
}
.text-media .text-media__media--video {
  max-height: 600px;
  overflow: clip;
  border-radius: 16px;
}
@media only screen and (max-width: 599px) {
  .text-media .text-media__media--video {
    max-height: 400px;
  }
}
.text-media .text-media__media--video iframe {
  width: 100%;
  height: 100%;
}
.text-media .text-media__media--images:has(.keen-slider__slide:nth-child(n+2)) .text-media__media-navigation {
  display: flex;
}
.text-media .text-media__media-navigation {
  display: none;
  gap: 8px;
  position: absolute;
  bottom: 16px;
  right: 16px;
}
.text-media .text-media__media-navigation-item {
  cursor: pointer;
  min-width: 44px;
  width: 44px;
  aspect-ratio: 1;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  transition: all 250ms ease-in-out;
}
.text-media .text-media__media-navigation-item svg path {
  transition: all 250ms ease-in-out;
}
.text-media .text-media__media-navigation-item.text-media__media-navigation-item--prev, .text-media .text-media__media-navigation-item.text-media__media-navigation-item--next {
  background-color: hsl(0, 0%, 100%);
}
.text-media .text-media__media-navigation-item.text-media__media-navigation-item--prev svg path, .text-media .text-media__media-navigation-item.text-media__media-navigation-item--next svg path {
  fill: hsl(0, 0%, 11%);
}
.text-media .text-media__media-navigation-item.text-media__media-navigation-item--prev:hover, .text-media .text-media__media-navigation-item.text-media__media-navigation-item--next:hover {
  background-color: hsl(185, 100%, 35%);
}
.text-media .text-media__media-navigation-item.text-media__media-navigation-item--prev:hover svg path, .text-media .text-media__media-navigation-item.text-media__media-navigation-item--next:hover svg path {
  fill: hsl(0, 0%, 100%);
}
.text-media .text-media__media--images {
  height: 600px;
  display: flex;
  flex-direction: row;
  position: relative;
  overflow: clip;
}
@media only screen and (max-width: 599px) {
  .text-media .text-media__media--images {
    height: 400px;
  }
}
.text-media .text-media__media--images img {
  width: 100%;
  height: 600px;
  object-fit: cover;
  border-radius: 16px;
}
@media only screen and (max-width: 599px) {
  .text-media .text-media__media--images img {
    height: 400px;
  }
}
.text-media .text-media__media,
.text-media .text-media__body {
  position: relative;
  z-index: 1;
}
.text-media .image-toggle-fit {
  height: 480px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 599px) {
  .text-media .image-toggle-fit {
    height: 400px;
  }
}
.text-media .image-toggle-fit .text-media__image {
  display: flex;
  justify-content: center;
  align-items: center;
}
.text-media .image-toggle-fit img {
  object-fit: contain;
  height: 480px;
  max-width: 390px;
}
@media only screen and (max-width: 599px) {
  .text-media .image-toggle-fit img {
    height: 400px;
  }
}
.text-media .text-media__image.keen-slider__slide {
  min-width: 100% !important;
  max-width: 100% !important;
}
.text-media .text-media__illustration {
  position: absolute;
  pointer-events: none;
  z-index: 0;
}
.text-media .text-media__illustration img {
  max-width: 390px;
  max-height: 480px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  margin-bottom: -76px;
  opacity: 0.24;
  pointer-events: none;
}
.text-media .text-media__illustration.text-media__illustration--bottom_left {
  bottom: 0;
  left: 64px;
}
@media only screen and (max-width: 1199px) {
  .text-media .text-media__illustration.text-media__illustration--bottom_left {
    left: 40px;
  }
}
@media only screen and (max-width: 599px) {
  .text-media .text-media__illustration.text-media__illustration--bottom_left {
    left: 0;
  }
}
.text-media .text-media__illustration.text-media__illustration--bottom_right {
  bottom: 0;
  right: 64px;
}
@media only screen and (max-width: 1199px) {
  .text-media .text-media__illustration.text-media__illustration--bottom_right {
    right: 40px;
  }
}
@media only screen and (max-width: 599px) {
  .text-media .text-media__illustration.text-media__illustration--bottom_right {
    right: 0;
  }
}
.text-media .text-media__illustration.text-media__illustration--top_left {
  top: 0;
  left: 64px;
}
@media only screen and (max-width: 1199px) {
  .text-media .text-media__illustration.text-media__illustration--top_left {
    left: 40px;
  }
}
@media only screen and (max-width: 599px) {
  .text-media .text-media__illustration.text-media__illustration--top_left {
    left: 0;
  }
}
.text-media .text-media__illustration.text-media__illustration--top_right {
  top: 0;
  right: 64px;
}
@media only screen and (max-width: 1199px) {
  .text-media .text-media__illustration.text-media__illustration--top_right {
    right: 40px;
  }
}
@media only screen and (max-width: 599px) {
  .text-media .text-media__illustration.text-media__illustration--top_right {
    right: 0;
  }
}

.content-media {
  position: relative;
  min-height: 800px;
  overflow: clip;
}
@media only screen and (max-width: 1199px) {
  .content-media {
    min-height: 600px;
  }
}
@media only screen and (max-width: 899px) {
  .content-media {
    min-height: 480px;
  }
}
@media only screen and (max-width: 599px) {
  .content-media {
    min-height: 400px;
  }
}
.content-media.content-media--title-bottom .wrapper {
  justify-content: flex-end;
}
@media only screen and (min-width: 900px) {
  .content-media.content-media--title-top .content-media__title {
    font-size: 80px;
    line-height: 104px;
    margin-top: 80px;
  }
}
@media only screen and (max-width: 899px) {
  .content-media.content-media--title-top .content-media__title {
    font-size: 64px;
    margin-top: 40px;
  }
}
@media only screen and (max-width: 599px) {
  .content-media.content-media--title-top .content-media__title {
    font-size: 40px;
    line-height: 1.2;
  }
}
.content-media .wrapper {
  display: flex;
  flex-direction: column;
  min-height: 800px;
}
@media only screen and (max-width: 1199px) {
  .content-media .wrapper {
    min-height: 600px;
  }
}
@media only screen and (max-width: 899px) {
  .content-media .wrapper {
    min-height: 480px;
  }
}
@media only screen and (max-width: 599px) {
  .content-media .wrapper {
    min-height: 400px;
  }
}
.content-media.content-media--title-top {
  min-height: 600px;
}
@media only screen and (max-width: 899px) {
  .content-media.content-media--title-top {
    min-height: 480px;
  }
}
@media only screen and (max-width: 599px) {
  .content-media.content-media--title-top {
    min-height: 280px;
  }
}
.content-media.content-media--title-top .wrapper {
  min-height: 600px;
}
@media only screen and (max-width: 899px) {
  .content-media.content-media--title-top .wrapper {
    min-height: 480px;
  }
}
@media only screen and (max-width: 599px) {
  .content-media.content-media--title-top .wrapper {
    min-height: 280px;
  }
}
.content-media.content-media--title-top .content-media__title {
  text-align: center;
}
@media only screen and (max-width: 599px) {
  .content-media.content-media--title-top .content-media__title {
    text-align: left;
  }
}
.content-media.content-media--title-bottom::before {
  background-color: #22196C;
  opacity: 0.48;
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.content-media.content-media--title-bottom .content-media__title {
  margin-top: auto;
  margin-bottom: 64px;
}
.content-media .content-media__title {
  margin-top: 64px;
  color: hsl(0, 0%, 100%);
  position: relative;
  z-index: 1;
}
.content-media .content-media__media--images {
  display: flex;
  flex-direction: row;
}
.content-media .content-media__media {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.content-media .content-media__media .content-media__image {
  width: 100%;
  height: 100%;
}
.content-media .content-media__media .content-media__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.product-list .wrapper {
  position: relative;
}
.product-list .wrapper--head {
  background-color: hsl(0, 0%, 100%);
  padding-block: 80px;
  max-width: 690px;
  width: 100%;
  margin-inline: auto;
  text-align: center;
}
@media only screen and (max-width: 899px) {
  .product-list .wrapper--head {
    padding-block: 40px;
  }
}
@media only screen and (max-width: 599px) {
  .product-list .wrapper--head {
    max-width: 100%;
    text-align: left;
  }
}
.product-list .product-list__editor {
  margin-top: 32px;
}
.product-list .product-list__illustration {
  position: absolute;
  pointer-events: none;
  z-index: 0;
  top: -4px;
  left: -4px;
}
.product-list .product-list__illustration img {
  max-width: 660px;
  max-height: 652px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
}
.product-list .product-list__products {
  display: flex;
  flex-direction: column;
}
.product-list .product-list__row {
  overflow: clip;
}
.product-list .product-list__row .wrapper {
  display: flex;
  flex-direction: row;
  gap: 32px;
}
@media only screen and (max-width: 899px) {
  .product-list .product-list__row .wrapper {
    flex-direction: column;
    gap: 40px;
  }
}
.product-list .product-list__row {
  padding-block: 80px;
  position: relative;
}
@media only screen and (max-width: 899px) {
  .product-list .product-list__row {
    padding-block: 40px;
  }
}
.product-list .product-list__row.is-even {
  background-color: hsl(0, 0%, 100%);
}

.product-item {
  max-width: calc(33.33% - 16px);
  display: flex;
  flex-direction: column;
  height: 100%;
}
@media only screen and (max-width: 899px) {
  .product-item {
    max-width: 100%;
  }
}
.product-item a .product-item__image {
  border-radius: 4px;
  height: 320px;
  width: 100%;
  overflow: clip;
  position: relative;
}
@media only screen and (max-width: 899px) {
  .product-item a .product-item__image {
    height: 595px;
  }
}
@media only screen and (max-width: 599px) {
  .product-item a .product-item__image {
    height: 400px;
  }
}
.product-item a .product-item__image img {
  width: 100%;
  height: 320px;
  object-fit: cover;
}
@media only screen and (max-width: 899px) {
  .product-item a .product-item__image img {
    height: 595px;
  }
}
@media only screen and (max-width: 599px) {
  .product-item a .product-item__image img {
    height: 400px;
  }
}
.product-item a .product-item__image img.hover {
  opacity: 0;
  transition: all 350ms ease-in-out;
  position: absolute;
  top: 0;
  left: 0;
}
.product-item a:hover img.hover {
  opacity: 1;
}
.product-item a:hover .product-item__more {
  text-underline-offset: 12px;
}
.product-item a .product-item__body {
  margin-top: 32px;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.product-item a .product-item__teaser {
  margin-block: 32px 24px;
}
.product-item a .product-item__more {
  margin-top: auto;
  font-weight: 600;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 10px;
  transition: all 250ms ease-in-out;
}

.product-select .wrapper {
  padding-block: 104px;
}
@media only screen and (max-width: 1199px) {
  .product-select .wrapper {
    padding-block: 80px;
  }
}
@media only screen and (max-width: 899px) {
  .product-select .wrapper {
    padding-block: 40px;
  }
}
.product-select .product-select__title {
  padding-bottom: 40px;
  width: fit-content;
  max-width: 700px;
}
@media only screen and (max-width: 899px) {
  .product-select .product-select__title {
    max-width: 100%;
  }
}
.product-select .product-select__products {
  display: flex;
  flex-direction: row;
  margin-top: 64px;
  gap: 64px 32px;
  flex-wrap: wrap;
}
@media only screen and (max-width: 899px) {
  .product-select .product-select__products {
    gap: 32px;
  }
}
.product-select .product-select__products .product-item {
  max-width: calc(33.33% - 32px);
}
@media only screen and (max-width: 899px) {
  .product-select .product-select__products .product-item {
    max-width: calc(50% - 16px);
  }
}
@media only screen and (max-width: 599px) {
  .product-select .product-select__products .product-item {
    max-width: 100%;
  }
}
.product-select .product-select__navigation {
  display: none;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  margin-top: 40px;
}
@media only screen and (max-width: 899px) {
  .product-select .product-select__navigation {
    display: flex;
  }
}
.product-select .product-select__navigation .js-prev,
.product-select .product-select__navigation .js-next {
  cursor: pointer;
  min-width: 44px;
  width: 44px;
  aspect-ratio: 1;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  transition: all 250ms ease-in-out;
  background-color: hsl(212, 19%, 34%);
}
.product-select .product-select__navigation .js-prev svg path,
.product-select .product-select__navigation .js-next svg path {
  transition: all 250ms ease-in-out;
  fill: hsl(0, 0%, 100%);
}
.product-select .product-select__navigation .js-prev:hover,
.product-select .product-select__navigation .js-next:hover {
  background-color: hsl(185, 100%, 35%);
}
.product-select .product-select__navigation .js-prev:hover svg path,
.product-select .product-select__navigation .js-next:hover svg path {
  fill: hsl(0, 0%, 100%);
}
.product-select .product-select__navigation .product-select__indicator {
  width: 100%;
  background-color: hsla(0, 0%, 11%, 0.08);
  height: 8px;
  position: relative;
  margin-left: 32px;
}
.product-select .product-select__navigation .product-select__indicator-bar {
  background-color: hsl(212, 19%, 34%);
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 0;
  transition: width 250ms ease-in-out;
}

.text-columns {
  position: relative;
  overflow: clip;
}
.text-columns .wrapper {
  padding-block: 104px;
}
@media only screen and (max-width: 1199px) {
  .text-columns .wrapper {
    padding-block: 80px;
  }
}
@media only screen and (max-width: 899px) {
  .text-columns .wrapper {
    padding-block: 40px;
  }
}
.text-columns .text-columns__title {
  margin-bottom: 24px;
}
.text-columns .text-columns__subtitle {
  color: #545454;
  font-size: 25px;
  font-weight: 500;
  font-style: italic;
  font-family: "farnham-display", sans-serif;
  margin-bottom: 24px;
  display: flex;
}
@media only screen and (max-width: 899px) {
  .text-columns .text-columns__subtitle {
    font-size: 20px;
    line-height: 1.4;
  }
}
.text-columns .text-columns__editors {
  display: flex;
  flex-direction: row;
  gap: 104px;
}
@media only screen and (max-width: 899px) {
  .text-columns .text-columns__editors {
    gap: 24px;
    flex-direction: column;
  }
}
.text-columns .text-columns__editors .button {
  margin-top: 40px;
}
.text-columns .text-columns__editors .text-columns__editor {
  max-width: calc(50% - 52px);
  width: 100%;
  padding-top: 24px;
}
@media only screen and (max-width: 899px) {
  .text-columns .text-columns__editors .text-columns__editor {
    max-width: calc(50% - 48px);
  }
}
@media only screen and (max-width: 599px) {
  .text-columns .text-columns__editors .text-columns__editor {
    max-width: 100%;
  }
}
.text-columns .text-columns__editors:has(:not(.text-columns__editor-item.count--2)) .text-columns__editor {
  max-width: 100%;
  width: 100%;
}
@media only screen and (max-width: 899px) {
  .text-columns .text-columns__editors:has(:not(.text-columns__editor-item.count--2)) .text-columns__editor {
    max-width: 100%;
  }
}
@media only screen and (max-width: 599px) {
  .text-columns .text-columns__editors:has(:not(.text-columns__editor-item.count--2)) .text-columns__editor {
    max-width: 100%;
  }
}
@media only screen and (min-width: 600px) {
  .text-columns .text-columns__editor-item.count--1 {
    max-width: 75%;
  }
}
.text-columns .text-columns__editor-item.count--2 .text-columns__separator {
  display: none;
}
.text-columns .text-columns__illustration {
  position: absolute;
  pointer-events: none;
  z-index: 0;
}
.text-columns .text-columns__illustration img {
  max-width: 390px;
  max-height: 480px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  margin-bottom: -76px;
  opacity: 0.24;
  pointer-events: none;
}
.text-columns .text-columns__illustration.text-columns__illustration--bottom_left {
  bottom: 0;
  left: 64px;
}
@media only screen and (max-width: 1199px) {
  .text-columns .text-columns__illustration.text-columns__illustration--bottom_left {
    left: 40px;
  }
}
@media only screen and (max-width: 599px) {
  .text-columns .text-columns__illustration.text-columns__illustration--bottom_left {
    left: 0;
  }
}
.text-columns .text-columns__illustration.text-columns__illustration--bottom_right {
  bottom: 0;
  right: 64px;
}
@media only screen and (max-width: 1199px) {
  .text-columns .text-columns__illustration.text-columns__illustration--bottom_right {
    right: 40px;
  }
}
@media only screen and (max-width: 599px) {
  .text-columns .text-columns__illustration.text-columns__illustration--bottom_right {
    right: 0;
  }
}
.text-columns .text-columns__illustration.text-columns__illustration--top_left {
  top: 0;
  left: 64px;
}
@media only screen and (max-width: 1199px) {
  .text-columns .text-columns__illustration.text-columns__illustration--top_left {
    left: 40px;
  }
}
@media only screen and (max-width: 599px) {
  .text-columns .text-columns__illustration.text-columns__illustration--top_left {
    left: 0;
  }
}
.text-columns .text-columns__illustration.text-columns__illustration--top_right {
  top: 0;
  right: 64px;
}
@media only screen and (max-width: 1199px) {
  .text-columns .text-columns__illustration.text-columns__illustration--top_right {
    right: 40px;
  }
}
@media only screen and (max-width: 599px) {
  .text-columns .text-columns__illustration.text-columns__illustration--top_right {
    right: 0;
  }
}
.text-columns .text-columns__images {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
  margin-top: 64px;
}
@media only screen and (max-width: 899px) {
  .text-columns .text-columns__images {
    grid-template-columns: repeat(1, 1fr);
    gap: 40px;
    margin-top: 40px;
  }
}
.text-columns .text-columns__images .text-columns__image {
  height: 400px;
  border-radius: 8px;
  overflow: clip;
}
@media only screen and (max-width: 1199px) {
  .text-columns .text-columns__images .text-columns__image {
    height: 320px;
  }
}
@media only screen and (max-width: 899px) {
  .text-columns .text-columns__images .text-columns__image {
    height: 600px;
  }
}
@media only screen and (max-width: 599px) {
  .text-columns .text-columns__images .text-columns__image {
    height: 400px;
  }
}
.text-columns .text-columns__images .text-columns__image img {
  height: 400px;
  object-fit: cover;
  border-radius: 8px;
}
@media only screen and (max-width: 1199px) {
  .text-columns .text-columns__images .text-columns__image img {
    height: 320px;
  }
}
@media only screen and (max-width: 899px) {
  .text-columns .text-columns__images .text-columns__image img {
    height: 600px;
  }
}
@media only screen and (max-width: 599px) {
  .text-columns .text-columns__images .text-columns__image img {
    height: 400px;
  }
}
.text-columns .text-columns__button {
  background-color: transparent;
  border: none;
  padding: 0;
  width: 100%;
  cursor: pointer;
  display: block;
}
.text-columns .text-columns__button img {
  width: 100%;
  height: auto;
}
.text-columns .text-columns__lightbox-wrap {
  z-index: 1000;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100dvh;
  display: none;
  position: fixed;
  inset: 0% 0% auto;
}
.text-columns .text-columns__lightbox-wrap.is-active {
  display: flex;
}
.text-columns .text-columns__lightbox-img-wrap {
  width: 90vw;
  height: calc(100svh - 10em);
}
.text-columns .text-columns__lightbox-img-list {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}
.text-columns .text-columns__lightbox-img-item {
  visibility: hidden;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
}
.text-columns .text-columns__lightbox-img-item.is-active {
  visibility: visible;
}
.text-columns .text-columns__lightbox-img-item img {
  object-fit: contain !important;
  border-radius: 0.375em;
  min-width: auto;
  width: auto;
  max-height: 100%;
}
.text-columns .text-columns__lightbox-nav {
  z-index: 2;
  color: #fff;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: absolute;
  bottom: 2em;
  left: 2em;
  right: 2em;
}
.text-columns .text-columns__lightbox-nav-col {
  width: 33.333%;
}
.text-columns .text-columns__lightbox-nav-col--start {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.text-columns .text-columns__lightbox-nav-col--center {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  justify-content: center;
  align-items: center;
  display: flex;
}
.text-columns .text-columns__lightbox-nav-col--end {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}
.text-columns .text-columns__lightbox-nav-text {
  margin-bottom: 0;
}
.text-columns .text-columns__lightbox-nav-button {
  grid-column-gap: 0.5em;
  grid-row-gap: 0.5em;
  background-color: transparent;
  border: none;
  justify-content: flex-start;
  align-items: center;
  margin: -1em;
  padding: 1em;
  display: flex;
  cursor: pointer;
  color: inherit;
}
.text-columns .text-columns__editors ul,
.text-columns .text-columns__editors ol {
  margin-block: 0;
}
.text-columns .text-columns__separator {
  width: 100%;
  height: 1px;
  background-image: url("../images/separator.svg");
}

.project-select .wrapper {
  padding-block: 104px;
}
@media only screen and (max-width: 1199px) {
  .project-select .wrapper {
    padding-block: 80px;
  }
}
@media only screen and (max-width: 899px) {
  .project-select .wrapper {
    padding-block: 40px;
  }
}
.project-select .project-select__title {
  padding-bottom: 40px;
  border-bottom: 1px solid hsla(0, 0%, 11%, 0.4);
  width: fit-content;
  max-width: 700px;
}
@media only screen and (max-width: 899px) {
  .project-select .project-select__title {
    max-width: 100%;
  }
}
.project-select .project-select__projects {
  display: flex;
  flex-direction: row;
  margin-top: 64px;
}
.project-select .project-select__navigation {
  display: none;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  margin-top: 40px;
}
@media only screen and (max-width: 899px) {
  .project-select .project-select__navigation {
    display: flex;
  }
}
.project-select .project-select__navigation .js-prev,
.project-select .project-select__navigation .js-next {
  cursor: pointer;
  min-width: 44px;
  width: 44px;
  aspect-ratio: 1;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  transition: all 250ms ease-in-out;
  background-color: hsl(212, 19%, 34%);
}
.project-select .project-select__navigation .js-prev svg path,
.project-select .project-select__navigation .js-next svg path {
  transition: all 250ms ease-in-out;
  fill: hsl(0, 0%, 100%);
}
.project-select .project-select__navigation .js-prev:hover,
.project-select .project-select__navigation .js-next:hover {
  background-color: hsl(185, 100%, 35%);
}
.project-select .project-select__navigation .js-prev:hover svg path,
.project-select .project-select__navigation .js-next:hover svg path {
  fill: hsl(0, 0%, 100%);
}
.project-select .project-select__navigation .project-select__indicator {
  width: 100%;
  background-color: hsla(0, 0%, 11%, 0.08);
  height: 8px;
  position: relative;
  margin-left: 32px;
}
.project-select .project-select__navigation .project-select__indicator-bar {
  background-color: hsl(212, 19%, 34%);
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 0;
  transition: width 250ms ease-in-out;
}

.project-item a {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.project-item a .project-item__image {
  border-radius: 4px;
  height: 400px;
  width: 100%;
  overflow: clip;
  position: relative;
}
@media only screen and (max-width: 1199px) {
  .project-item a .project-item__image {
    height: 320px;
  }
}
@media only screen and (max-width: 899px) {
  .project-item a .project-item__image {
    height: 498px;
  }
}
@media only screen and (max-width: 599px) {
  .project-item a .project-item__image {
    height: 400px;
  }
}
.project-item a .project-item__image img {
  width: 100%;
  height: 400px;
  object-fit: cover;
}
@media only screen and (max-width: 1199px) {
  .project-item a .project-item__image img {
    height: 320px;
  }
}
@media only screen and (max-width: 899px) {
  .project-item a .project-item__image img {
    height: 498px;
  }
}
@media only screen and (max-width: 599px) {
  .project-item a .project-item__image img {
    height: 400px;
  }
}
.project-item a .project-item__image img.hover {
  opacity: 0;
  transition: all 350ms ease-in-out;
  position: absolute;
  top: 0;
  left: 0;
}
.project-item a:hover img.hover {
  opacity: 1;
}
.project-item a:hover .project-item__more {
  text-underline-offset: 12px;
}
.project-item a .project-item__body {
  margin-top: 32px;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.project-item a .project-item__title {
  margin-bottom: 32px;
}
.project-item a .project-item__teaser {
  margin-bottom: 24px;
}
.project-item a .project-item__teaser ul,
.project-item a .project-item__teaser ol {
  margin-block: 0;
}
.project-item a .project-item__teaser * {
  color: hsl(0, 0%, 11%);
}
.project-item a .project-item__more {
  margin-top: auto;
  font-weight: 600;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 10px;
  transition: all 250ms ease-in-out;
}

.project-list .wrapper {
  padding-block: 104px;
}
@media only screen and (max-width: 1199px) {
  .project-list .wrapper {
    padding-block: 80px;
  }
}
@media only screen and (max-width: 899px) {
  .project-list .wrapper {
    padding-block: 40px;
  }
}
.project-list .project-list__projects {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 64px 32px;
}
@media only screen and (max-width: 899px) {
  .project-list .project-list__projects {
    grid-template-columns: repeat(1, 1fr);
    gap: 40px;
  }
}
.project-list .pagination {
  background-color: transparent;
  padding-block: 96px 0;
  display: flex;
  justify-content: center;
  margin-inline: auto;
}
.project-list .pagination .wrapper {
  padding-block: 0;
}

.content-specifications .wrapper {
  position: relative;
  padding-block: 104px;
  overflow: clip;
  display: flex;
  flex-direction: row;
  gap: 104px;
  justify-content: space-between;
}
@media only screen and (max-width: 1199px) {
  .content-specifications .wrapper {
    gap: 80px;
  }
}
@media only screen and (max-width: 899px) {
  .content-specifications .wrapper {
    gap: 40px;
    flex-direction: column;
    align-items: flex-start;
  }
}
@media only screen and (max-width: 1199px) {
  .content-specifications .wrapper {
    padding-block: 80px;
  }
}
@media only screen and (max-width: 899px) {
  .content-specifications .wrapper {
    padding-block: 40px;
  }
}
.content-specifications .content-specifications__image {
  max-width: calc(50% - 52px);
  width: 100%;
}
@media only screen and (max-width: 1199px) {
  .content-specifications .content-specifications__image {
    max-width: 578px;
  }
}
@media only screen and (max-width: 899px) {
  .content-specifications .content-specifications__image {
    max-width: 100%;
  }
}
.content-specifications .content-specifications__body {
  max-width: calc(50% - 52px);
  width: 100%;
}
@media only screen and (max-width: 1199px) {
  .content-specifications .content-specifications__body {
    max-width: 395px;
  }
}
@media only screen and (max-width: 899px) {
  .content-specifications .content-specifications__body {
    max-width: 100%;
  }
}
.content-specifications .content-specifications__body .button {
  margin-top: 48px;
}
@media only screen and (max-width: 899px) {
  .content-specifications .content-specifications__body .button {
    margin-top: 24px;
  }
}
.content-specifications .content-specifications__subtitle {
  font-family: "farnham-display", sans-serif;
  font-size: 25px;
  line-height: 1.4;
  font-weight: 500;
  font-style: italic;
  color: #545454;
  margin-top: 24px;
  padding-bottom: 40px;
  border-bottom: 1px solid hsla(0, 0%, 11%, 0.32);
}
@media only screen and (max-width: 899px) {
  .content-specifications .content-specifications__subtitle {
    font-size: 20px;
    line-height: 1.4;
  }
}
.content-specifications .content-specifications__specifications {
  margin-top: 32px;
}
.content-specifications .content-specifications__specifications .content-specifications__specification:first-child {
  padding-top: 0;
}
.content-specifications .content-specifications__specification-editor {
  padding-top: 32px;
}
.content-specifications .content-specifications__specification-editor h1,
.content-specifications .content-specifications__specification-editor h2,
.content-specifications .content-specifications__specification-editor h3,
.content-specifications .content-specifications__specification-editor h4,
.content-specifications .content-specifications__specification-editor h5 {
  margin-bottom: 16px;
}
.content-specifications .content-specifications__specification-editor p {
  margin-bottom: 0;
}
.content-specifications .content-specifications__specification-title {
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 16px;
  justify-content: space-between;
}
.content-specifications .content-specifications__specification-title.is-active .content-specifications__specification-icon::after {
  transform: translate(-50%, -50%) rotate(0deg);
}
.content-specifications .content-specifications__specification-icon {
  position: relative;
  min-width: 50px;
  width: 50px;
  aspect-ratio: 1;
  height: auto;
  border-radius: 1000px;
  border: 1px solid hsl(0, 0%, 11%);
  background-color: hsl(0, 0%, 100%);
}
.content-specifications .content-specifications__specification-icon::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: "";
  width: 16px;
  height: 1.5px;
  background-color: hsl(0, 0%, 11%);
}
.content-specifications .content-specifications__specification-icon::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: "";
  width: 16px;
  height: 1.5px;
  background-color: hsl(0, 0%, 11%);
  transform: translate(-50%, -50%) rotate(90deg);
  transition: all 250ms ease-in-out;
}
.content-specifications .content-specifications__specification {
  padding-bottom: 32px;
  padding-top: 32px;
  border-bottom: 1px solid hsla(0, 0%, 11%, 0.32);
}
.content-specifications .content-specifications__actions {
  margin-top: 40px;
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media only screen and (max-width: 899px) {
  .content-specifications .content-specifications__actions {
    gap: 24px;
    margin-top: 24px;
  }
}
.content-specifications .content-specifications__action-item .content-specifications__action-link {
  border-radius: 3px;
  background-color: hsl(0, 0%, 11%);
  color: hsl(0, 0%, 100%);
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  height: 51px;
  overflow: clip;
  padding-left: 16px;
  cursor: pointer;
  font-family: "SUSE", sans-serif;
  font-weight: 600;
  font-size: 16px;
}
.content-specifications .content-specifications__action-item .content-specifications__action-link-icon {
  min-width: 51px;
  width: 51px;
  aspect-ratio: 1;
  height: auto;
  background-color: hsl(185, 100%, 35%);
  display: flex;
  justify-content: center;
  align-items: center;
}
.content-specifications .content-specifications__modal {
  z-index: 1000;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  justify-content: center;
  align-items: center;
  padding: 64px;
  display: flex;
  position: fixed;
  inset: 0;
  overflow: hidden;
  transition: all 0.2s linear;
  border-radius: 4px;
}
.content-specifications .content-specifications__modal[data-modal-group-status=active] {
  opacity: 1;
  visibility: visible;
}
@media only screen and (max-width: 899px) {
  .content-specifications .content-specifications__modal {
    padding: 40px;
  }
}
@media only screen and (max-width: 599px) {
  .content-specifications .content-specifications__modal {
    padding: 24px;
  }
}
.content-specifications .content-specifications__modal-dark {
  opacity: 0.5;
  pointer-events: auto;
  cursor: pointer;
  background-color: #131313;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.content-specifications .content-specifications__modal-card {
  pointer-events: auto;
  background-color: hsl(0, 0%, 100%);
  border-radius: 4px;
  width: 100%;
  max-width: 813px;
  max-height: 100%;
  padding: 178px 64px 64px 64px;
  display: none;
  position: relative;
  overflow: auto;
}
@media only screen and (max-width: 899px) {
  .content-specifications .content-specifications__modal-card {
    padding: 130px 40px 40px 40px;
    max-width: 768px;
  }
}
@media only screen and (max-width: 599px) {
  .content-specifications .content-specifications__modal-card {
    padding: 110px 24px 24px 24px;
    max-width: 100%;
  }
}
.content-specifications .content-specifications__modal-card[data-modal-status=active] {
  display: flex;
}
.content-specifications .content-specifications__modal-content {
  flex-flow: column;
  display: flex;
  width: 100%;
}
.content-specifications .content-specifications__modal-content h2 {
  text-align: center;
  margin-bottom: 64px;
  margin-inline: auto;
}
@media only screen and (max-width: 899px) {
  .content-specifications .content-specifications__modal-content h2 {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 599px) {
  .content-specifications .content-specifications__modal-content h2 {
    text-align: left;
    margin-bottom: 40px;
  }
}
.content-specifications .content-specifications__downloads {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.content-specifications .content-specifications__downloads a {
  display: flex;
  align-items: center;
  flex-direction: row;
  gap: 16px;
  width: 100%;
  justify-content: space-between;
  font-family: "farnham-display", sans-serif;
  font-size: 31px;
  line-height: 1.4;
  color: hsl(0, 0%, 11%);
  font-weight: 500;
  text-decoration: underline;
  text-underline-offset: 8px;
  text-decoration-thickness: 1px;
  transition: all 350ms ease;
}
@media only screen and (max-width: 899px) {
  .content-specifications .content-specifications__downloads a {
    font-size: 24px;
    line-height: 1.4;
    font-family: "farnham-display", sans-serif;
  }
}
.content-specifications .content-specifications__downloads a:hover span {
  text-decoration-color: hsl(185, 100%, 35%);
  color: hsl(185, 100%, 35%);
}
.content-specifications .content-specifications__downloads a:hover svg path {
  fill: hsl(185, 100%, 35%);
}
.content-specifications .content-specifications__downloads a span {
  font-family: "farnham-display", sans-serif;
  font-size: 31px;
  line-height: 1.4;
  color: hsl(0, 0%, 11%);
  font-weight: 500;
  text-decoration: underline;
  text-underline-offset: 8px;
  text-decoration-thickness: 1px;
  transition: all 350ms ease;
  font-style: italic;
}
@media only screen and (max-width: 899px) {
  .content-specifications .content-specifications__downloads a span {
    font-size: 24px;
    line-height: 1.4;
    font-family: "farnham-display", sans-serif;
  }
}
.content-specifications .content-specifications__downloads a svg path {
  transition: all 350ms ease;
}
.content-specifications .content-specifications__modal-btn-close {
  background-color: transparent;
  border: 1px solid hsl(0, 0%, 11%);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  display: flex;
  position: absolute;
  top: 64px;
  right: 64px;
  cursor: pointer;
}
@media only screen and (max-width: 899px) {
  .content-specifications .content-specifications__modal-btn-close {
    top: 40px;
    right: 40px;
  }
}
@media only screen and (max-width: 899px) {
  .content-specifications .content-specifications__modal-btn-close {
    top: 24px;
    right: 24px;
  }
}
.content-specifications .content-specifications__modal-btn-close-bar {
  background-color: currentColor;
  width: 0.125em;
  height: 40%;
  position: absolute;
  transform: rotate(45deg);
}
.content-specifications .content-specifications__modal-btn-close-bar.content-specifications__modal-btn-close-bar--second {
  transform: rotate(-45deg);
}
.content-specifications .content-specifications__action-form {
  padding-bottom: 64px;
}
.content-specifications .content-specifications__modal .gform_confirmation_message {
  background-color: transparent;
  padding: 0;
  font-size: 16px;
  line-height: 1.6;
  text-align: center;
}
.content-specifications .content-specifications__modal form input,
.content-specifications .content-specifications__modal form select,
.content-specifications .content-specifications__modal form textarea {
  border: none;
  border-bottom: 1px solid hsla(0, 0%, 11%, 0.08);
  padding-inline: 0 !important;
  border-radius: 0 !important;
}
.content-specifications .content-specifications__modal form .gfield_error {
  border: none;
  border-bottom: 1px solid hsl(0, 100%, 50%);
  padding-inline: 0 !important;
  border-radius: 0 !important;
}
.content-specifications .content-specifications__modal form label {
  margin: 0;
  font-family: "SUSE", sans-serif;
  font-size: 16px;
  font-weight: 500 !important;
  color: hsl(0, 0%, 11%);
  margin-bottom: 0 !important;
}
.content-specifications .content-specifications__modal form .gfield_required {
  display: none;
}
.content-specifications .content-specifications__modal form .gfield_validation_message {
  display: none;
}
.content-specifications .content-specifications__modal form .gfield:has(.gfield_validation_message) label {
  color: hsl(0, 100%, 50%);
}
.content-specifications .gform_wrapper.gravity-theme .gfield_error [aria-invalid=true] {
  border: unset !important;
}
.content-specifications .gform_validation_errors {
  display: none;
}

.content-gallery .wrapper {
  padding-block: 104px;
}
@media only screen and (max-width: 1199px) {
  .content-gallery .wrapper {
    padding-block: 80px;
  }
}
@media only screen and (max-width: 899px) {
  .content-gallery .wrapper {
    padding-block: 40px;
  }
}
.content-gallery .content-gallery__images {
  display: flex;
  flex-direction: row;
  gap: 104px;
  justify-content: space-between;
}
@media only screen and (max-width: 1199px) {
  .content-gallery .content-gallery__images {
    gap: 80px;
  }
}
@media only screen and (max-width: 899px) {
  .content-gallery .content-gallery__images {
    gap: 40px;
    flex-direction: column;
  }
}
.content-gallery .content-gallery__image {
  max-width: calc(50% - 52px);
  width: 100%;
}
@media only screen and (max-width: 1199px) {
  .content-gallery .content-gallery__image {
    max-width: 578px;
  }
}
@media only screen and (max-width: 899px) {
  .content-gallery .content-gallery__image {
    max-width: 100%;
  }
}
.content-gallery .content-gallery__button {
  background-color: transparent;
  border: none;
  padding: 0;
  width: 100%;
  overflow: clip;
  border-radius: 16px;
  cursor: pointer;
}
.content-gallery .content-gallery__button img {
  height: 600px;
  width: 100%;
  object-fit: cover;
  border-radius: 16px;
}
@media only screen and (max-width: 1199px) {
  .content-gallery .content-gallery__button img {
    height: 456px;
  }
}
@media only screen and (max-width: 899px) {
  .content-gallery .content-gallery__button img {
    height: 600px;
  }
}
@media only screen and (max-width: 599px) {
  .content-gallery .content-gallery__button img {
    height: 400px;
  }
}
.content-gallery .content-gallery__lightbox-wrap {
  z-index: 1000;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100dvh;
  display: none;
  position: fixed;
  inset: 0% 0% auto;
}
.content-gallery .content-gallery__lightbox-wrap.is-active {
  display: flex;
}
.content-gallery .content-gallery__lightbox-img-wrap {
  width: 90vw;
  height: calc(100svh - 10em);
}
.content-gallery .content-gallery__lightbox-img-list {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}
.content-gallery .content-gallery__lightbox-img-item {
  visibility: hidden;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
}
.content-gallery .content-gallery__lightbox-img-item.is-active {
  visibility: visible;
}
.content-gallery .content-gallery__lightbox-img-item img {
  object-fit: contain !important;
  border-radius: 0.375em;
  min-width: auto;
  width: auto;
  max-height: 100%;
}
.content-gallery .content-gallery__lightbox-nav {
  z-index: 2;
  color: #fff;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: absolute;
  bottom: 2em;
  left: 2em;
  right: 2em;
}
.content-gallery .content-gallery__lightbox-nav-col {
  width: 33.333%;
}
.content-gallery .content-gallery__lightbox-nav-col--start {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.content-gallery .content-gallery__lightbox-nav-col--center {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  justify-content: center;
  align-items: center;
  display: flex;
}
.content-gallery .content-gallery__lightbox-nav-col--end {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}
.content-gallery .content-gallery__lightbox-nav-text {
  margin-bottom: 0;
}
.content-gallery .content-gallery__lightbox-nav-button {
  grid-column-gap: 0.5em;
  grid-row-gap: 0.5em;
  background-color: transparent;
  border: none;
  justify-content: flex-start;
  align-items: center;
  margin: -1em;
  padding: 1em;
  display: flex;
  cursor: pointer;
  color: inherit;
}

.content-teasers .wrapper {
  padding-block: 104px;
}
@media only screen and (max-width: 1199px) {
  .content-teasers .wrapper {
    padding-block: 80px;
  }
}
@media only screen and (max-width: 899px) {
  .content-teasers .wrapper {
    padding-block: 40px;
  }
}
.content-teasers .content-teasers__teasers {
  display: flex;
  flex-direction: row;
  margin-top: 64px;
}
.content-teasers .content-teasers__navigation {
  display: none;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  margin-top: 40px;
}
@media only screen and (max-width: 899px) {
  .content-teasers .content-teasers__navigation {
    display: flex;
  }
}
.content-teasers .content-teasers__navigation .js-prev,
.content-teasers .content-teasers__navigation .js-next {
  cursor: pointer;
  min-width: 44px;
  width: 44px;
  aspect-ratio: 1;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  transition: all 250ms ease-in-out;
  background-color: hsl(212, 19%, 34%);
}
.content-teasers .content-teasers__navigation .js-prev svg path,
.content-teasers .content-teasers__navigation .js-next svg path {
  transition: all 250ms ease-in-out;
  fill: hsl(0, 0%, 100%);
}
.content-teasers .content-teasers__navigation .js-prev:hover,
.content-teasers .content-teasers__navigation .js-next:hover {
  background-color: hsl(185, 100%, 35%);
}
.content-teasers .content-teasers__navigation .js-prev:hover svg path,
.content-teasers .content-teasers__navigation .js-next:hover svg path {
  fill: hsl(0, 0%, 100%);
}
.content-teasers .content-teasers__navigation .content-teasers__indicator {
  width: 100%;
  background-color: hsla(0, 0%, 11%, 0.08);
  height: 8px;
  position: relative;
  margin-left: 32px;
}
.content-teasers .content-teasers__navigation .content-teasers__indicator-bar {
  background-color: hsl(212, 19%, 34%);
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 0;
  transition: width 250ms ease-in-out;
}
.content-teasers a.content-teasers__teaser {
  display: flex;
  flex-direction: column;
  height: auto;
}
.content-teasers a.content-teasers__teaser .content-teasers__teaser-image {
  border-radius: 4px;
  height: 400px;
  width: 100%;
  overflow: clip;
  position: relative;
}
@media only screen and (max-width: 1199px) {
  .content-teasers a.content-teasers__teaser .content-teasers__teaser-image {
    height: 320px;
  }
}
@media only screen and (max-width: 899px) {
  .content-teasers a.content-teasers__teaser .content-teasers__teaser-image {
    height: 498px;
  }
}
@media only screen and (max-width: 599px) {
  .content-teasers a.content-teasers__teaser .content-teasers__teaser-image {
    height: 400px;
  }
}
.content-teasers a.content-teasers__teaser .content-teasers__teaser-image img {
  width: 100%;
  height: 400px;
  object-fit: cover;
}
@media only screen and (max-width: 1199px) {
  .content-teasers a.content-teasers__teaser .content-teasers__teaser-image img {
    height: 320px;
  }
}
@media only screen and (max-width: 899px) {
  .content-teasers a.content-teasers__teaser .content-teasers__teaser-image img {
    height: 498px;
  }
}
@media only screen and (max-width: 599px) {
  .content-teasers a.content-teasers__teaser .content-teasers__teaser-image img {
    height: 400px;
  }
}
.content-teasers a.content-teasers__teaser .content-teasers__teaser-image img.hover {
  opacity: 0;
  transition: all 350ms ease-in-out;
  position: absolute;
  top: 0;
  left: 0;
}
.content-teasers a.content-teasers__teaser:hover img.hover {
  opacity: 1;
}
.content-teasers a.content-teasers__teaser:hover .content-teasers__teaser-link {
  text-underline-offset: 12px;
}
.content-teasers a.content-teasers__teaser .content-teasers__teaser-body {
  margin-top: 32px;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.content-teasers a.content-teasers__teaser .content-teasers__teaser-editor {
  margin-block: 32px 24px;
}
.content-teasers a.content-teasers__teaser .content-teasers__teaser-editor * {
  color: #545454;
}
.content-teasers a.content-teasers__teaser .content-teasers__teaser-link {
  margin-top: auto;
  font-weight: 600;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 10px;
  transition: all 250ms ease-in-out;
}

.content-header-default .wrapper {
  min-height: 600px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 104px;
  align-items: flex-end;
}
@media only screen and (max-width: 1199px) {
  .content-header-default .wrapper {
    gap: 80px;
  }
}
@media only screen and (max-width: 899px) {
  .content-header-default .wrapper {
    flex-direction: column-reverse;
    gap: 40px;
    align-items: flex-start;
    min-height: 400px;
    padding-top: 30px;
  }
}
.content-header-default .content-header-default__title {
  max-width: 700px;
  width: 100%;
  padding-bottom: 64px;
}
@media only screen and (max-width: 899px) {
  .content-header-default .content-header-default__title {
    max-width: 100%;
    padding-bottom: 40px;
  }
}
.content-header-default .content-header-default__illustration {
  max-width: 462px;
  height: 480px;
}
@media only screen and (max-width: 1199px) {
  .content-header-default .content-header-default__illustration {
    max-width: 320px;
    height: 416px;
  }
}
@media only screen and (max-width: 899px) {
  .content-header-default .content-header-default__illustration {
    max-width: 280px;
    height: 360px;
  }
}
.content-header-default .content-header-default__illustration img {
  max-width: 462px;
  height: 480px;
  object-fit: cover;
}
@media only screen and (max-width: 1199px) {
  .content-header-default .content-header-default__illustration img {
    max-width: fit-content;
    height: 416px;
  }
}
@media only screen and (max-width: 899px) {
  .content-header-default .content-header-default__illustration img {
    max-width: 280px;
    height: 360px;
    object-fit: contain;
  }
}
@media only screen and (max-width: 899px) {
  .content-header-default .content-header-default__illustration.desktop {
    display: none;
  }
}
@media only screen and (min-width: 900px) {
  .content-header-default .content-header-default__illustration.mobile {
    display: none;
  }
}

@media only screen and (min-width: 900px) {
  .content-form {
    position: relative;
    overflow: clip;
    z-index: 1;
  }
}
.content-form .wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 48px;
}
@media only screen and (max-width: 899px) {
  .content-form .wrapper {
    flex-direction: column;
  }
}
.content-form .content-form__body {
  display: flex;
  flex-direction: column;
  padding-block: 80px;
  max-width: 512px;
}
@media only screen and (max-width: 1199px) {
  .content-form .content-form__body {
    max-width: 539px;
  }
}
@media only screen and (max-width: 899px) {
  .content-form .content-form__body {
    position: relative;
    z-index: 1;
  }
}
.content-form .content-form__form {
  max-width: calc(50% - 52px);
  width: 100%;
  padding-block: 54px;
  position: relative;
}
@media only screen and (max-width: 1199px) {
  .content-form .content-form__form {
    max-width: 514px;
  }
}
@media only screen and (max-width: 899px) {
  .content-form .content-form__form {
    max-width: 100%;
    padding-block: 80px;
  }
}
@media only screen and (max-width: 599px) {
  .content-form .content-form__form {
    padding-block: 40px;
  }
}
.content-form .content-form__form::before {
  background-color: var(--before-bg);
  position: absolute;
  right: -100vw;
  top: 0;
  width: 100vw;
  height: 100%;
  content: "";
  z-index: -1;
}
@media only screen and (max-width: 899px) {
  .content-form .content-form__form::before {
    right: -50vw;
    width: 200vw;
  }
}
.content-form .content-form__form-container {
  padding-inline: 64px 0;
}
@media only screen and (max-width: 1199px) {
  .content-form .content-form__form-container {
    padding-inline: 40px 0;
  }
}
@media only screen and (max-width: 899px) {
  .content-form .content-form__form-container {
    padding-inline: 0;
  }
}
.content-form .content-form__title {
  text-wrap-style: balance;
  margin-bottom: 32px;
}
.content-form .content-form__contact {
  margin-top: 32px;
}
.content-form .content-form__contact-title {
  margin-bottom: 24px;
}
.content-form .content-form__illustration {
  position: absolute;
  pointer-events: none;
  z-index: -1;
}
.content-form .content-form__illustration img {
  max-width: 530px;
  max-height: 600px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.24;
  pointer-events: none;
}
@media only screen and (max-width: 899px) {
  .content-form .content-form__illustration img {
    max-width: 422px;
    max-height: 395px;
  }
}
.content-form .content-form__illustration.content-form__illustration--bottom_left {
  bottom: 0;
  left: 0;
}
@media only screen and (max-width: 899px) {
  .content-form .content-form__illustration.content-form__illustration--bottom_left {
    left: -64px;
    bottom: -48px;
  }
}
.content-form .content-form__illustration.content-form__illustration--bottom_right {
  bottom: 48px;
  right: 0;
}
@media only screen and (max-width: 899px) {
  .content-form .content-form__illustration.content-form__illustration--bottom_right {
    right: -64px;
    bottom: -48px;
  }
}
.content-form .content-form__illustration.content-form__illustration--top_left {
  top: 0;
  left: 0;
}
.content-form .content-form__illustration.content-form__illustration--top_right {
  top: 0;
  right: 0;
}
.content-form .content-form__contact-address {
  display: flex;
  flex-direction: column;
  color: #545454;
}
.content-form .content-form__contact-links {
  display: flex;
  flex-direction: column;
}
.content-form .content-form__contact-links a {
  color: #545454;
  font-weight: 500;
  transition: color 250ms ease-in-out;
}
.content-form .content-form__contact-links a:hover {
  color: hsl(185, 100%, 35%);
}
.content-form .content-form__contact-wrapper {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  gap: 24px;
}
.content-form #form-wrapper label:not(.gfield_consent_label) {
  margin: 0 0 16px 0;
  font-family: "farnham-display", sans-serif;
  font-size: 25px;
  line-height: 1.4;
  font-weight: 500;
  font-style: italic;
  color: hsl(0, 0%, 11%);
}
@media only screen and (max-width: 1199px) {
  .content-form #form-wrapper label:not(.gfield_consent_label) {
    font-size: 25px;
    line-height: 1.4;
  }
}
@media only screen and (max-width: 899px) {
  .content-form #form-wrapper label:not(.gfield_consent_label) {
    font-size: 25px;
    line-height: 1.4;
  }
}
.content-form #form-wrapper li.gfield:not(:first-child) {
  margin-top: 32px;
  margin-bottom: 0;
  padding-right: 0;
}
.content-form #form-wrapper li.gfield:not(.gfield--type-consent) select,
.content-form #form-wrapper li.gfield:not(.gfield--type-consent) input {
  font-size: 16px;
  line-height: 1;
  width: 100%;
  height: 52px;
  border-radius: 4px;
  padding: 13px 16px;
  background-color: hsl(0, 0%, 100%);
  font-weight: 400;
  color: #545454;
  border: none;
}
.content-form #form-wrapper li.gfield:not(.gfield--type-consent) select::placeholder,
.content-form #form-wrapper li.gfield:not(.gfield--type-consent) input::placeholder {
  color: hsla(0, 0%, 33%, 0.64);
}
.content-form #form-wrapper li.gfield:not(.gfield--type-consent) textarea {
  font-size: 16px;
  line-height: 1;
  width: 100%;
  border-radius: 4px;
  padding: 16px;
  background-color: hsl(0, 0%, 100%);
  font-weight: 400;
  color: #545454;
  border: none !important;
}
.content-form #form-wrapper .ginput_container_consent {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
}
.content-form #form-wrapper .ginput_container_consent input[type=checkbox] {
  appearance: none;
  -webkit-appearance: none;
  width: 16px;
  height: 16px;
  border: unset;
  border-radius: 2px;
  position: relative;
  cursor: pointer;
  background-color: white;
}
.content-form #form-wrapper .ginput_container_consent input[type=checkbox]:checked {
  background-color: #545454;
}
.content-form #form-wrapper .ginput_container_consent input[type=checkbox]:checked::after {
  content: "✓";
  position: absolute;
  color: white;
  font-size: 8px;
  font-weight: bold;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.content-form #form-wrapper .gform-field-label {
  margin: 0;
  color: hsl(0, 0%, 11%);
  font-weight: 400;
  line-height: 1;
}
.content-form #form-wrapper .gfield_required {
  display: none;
}

/**
 * Utilities.
 */
/**
 * Color utility classes.
 *
 * Automatically generated color and background color utility classes based on every color definition in `settings/_color.scss`.
 * Loop through every `$key` and `$map` in the `$colors` variable map defined in `settings/_color.scss`.
 */
/**
 * `color` hsl(0, 0%, 11%)-100 color utility.
 */
.color-black-100 {
  color: hsl(0, 0%, 11%);
}

/**
 * `background-color` hsl(0, 0%, 11%)-100 color utility.
 */
.background-color-black-100 {
  background-color: hsl(0, 0%, 11%);
}

/**
 * `color` hsla(0, 0%, 11%, 0.9)-90 color utility.
 */
.color-black-90 {
  color: hsla(0, 0%, 11%, 0.9);
}

/**
 * `background-color` hsla(0, 0%, 11%, 0.9)-90 color utility.
 */
.background-color-black-90 {
  background-color: hsla(0, 0%, 11%, 0.9);
}

/**
 * `color` hsla(0, 0%, 11%, 0.8)-80 color utility.
 */
.color-black-80 {
  color: hsla(0, 0%, 11%, 0.8);
}

/**
 * `background-color` hsla(0, 0%, 11%, 0.8)-80 color utility.
 */
.background-color-black-80 {
  background-color: hsla(0, 0%, 11%, 0.8);
}

/**
 * `color` hsla(0, 0%, 11%, 0.7)-70 color utility.
 */
.color-black-70 {
  color: hsla(0, 0%, 11%, 0.7);
}

/**
 * `background-color` hsla(0, 0%, 11%, 0.7)-70 color utility.
 */
.background-color-black-70 {
  background-color: hsla(0, 0%, 11%, 0.7);
}

/**
 * `color` hsla(0, 0%, 11%, 0.6)-60 color utility.
 */
.color-black-60 {
  color: hsla(0, 0%, 11%, 0.6);
}

/**
 * `background-color` hsla(0, 0%, 11%, 0.6)-60 color utility.
 */
.background-color-black-60 {
  background-color: hsla(0, 0%, 11%, 0.6);
}

/**
 * `color` hsla(0, 0%, 11%, 0.5)-50 color utility.
 */
.color-black-50 {
  color: hsla(0, 0%, 11%, 0.5);
}

/**
 * `background-color` hsla(0, 0%, 11%, 0.5)-50 color utility.
 */
.background-color-black-50 {
  background-color: hsla(0, 0%, 11%, 0.5);
}

/**
 * `color` hsla(0, 0%, 11%, 0.4)-40 color utility.
 */
.color-black-40 {
  color: hsla(0, 0%, 11%, 0.4);
}

/**
 * `background-color` hsla(0, 0%, 11%, 0.4)-40 color utility.
 */
.background-color-black-40 {
  background-color: hsla(0, 0%, 11%, 0.4);
}

/**
 * `color` hsla(0, 0%, 11%, 0.32)-30 color utility.
 */
.color-black-30 {
  color: hsla(0, 0%, 11%, 0.32);
}

/**
 * `background-color` hsla(0, 0%, 11%, 0.32)-30 color utility.
 */
.background-color-black-30 {
  background-color: hsla(0, 0%, 11%, 0.32);
}

/**
 * `color` hsla(0, 0%, 11%, 0.2)-20 color utility.
 */
.color-black-20 {
  color: hsla(0, 0%, 11%, 0.2);
}

/**
 * `background-color` hsla(0, 0%, 11%, 0.2)-20 color utility.
 */
.background-color-black-20 {
  background-color: hsla(0, 0%, 11%, 0.2);
}

/**
 * `color` hsla(0, 0%, 11%, 0.08)-10 color utility.
 */
.color-black-10 {
  color: hsla(0, 0%, 11%, 0.08);
}

/**
 * `background-color` hsla(0, 0%, 11%, 0.08)-10 color utility.
 */
.background-color-black-10 {
  background-color: hsla(0, 0%, 11%, 0.08);
}

/**
 * `color` hsl(0, 0%, 100%)-100 color utility.
 */
.color-white-100 {
  color: hsl(0, 0%, 100%);
}

/**
 * `background-color` hsl(0, 0%, 100%)-100 color utility.
 */
.background-color-white-100 {
  background-color: hsl(0, 0%, 100%);
}

/**
 * `color` hsla(0, 0%, 100%, 0.9)-90 color utility.
 */
.color-white-90 {
  color: hsla(0, 0%, 100%, 0.9);
}

/**
 * `background-color` hsla(0, 0%, 100%, 0.9)-90 color utility.
 */
.background-color-white-90 {
  background-color: hsla(0, 0%, 100%, 0.9);
}

/**
 * `color` hsla(0, 0%, 100%, 0.8)-80 color utility.
 */
.color-white-80 {
  color: hsla(0, 0%, 100%, 0.8);
}

/**
 * `background-color` hsla(0, 0%, 100%, 0.8)-80 color utility.
 */
.background-color-white-80 {
  background-color: hsla(0, 0%, 100%, 0.8);
}

/**
 * `color` hsla(0, 0%, 100%, 0.7)-70 color utility.
 */
.color-white-70 {
  color: hsla(0, 0%, 100%, 0.7);
}

/**
 * `background-color` hsla(0, 0%, 100%, 0.7)-70 color utility.
 */
.background-color-white-70 {
  background-color: hsla(0, 0%, 100%, 0.7);
}

/**
 * `color` hsla(0, 0%, 100%, 0.6)-60 color utility.
 */
.color-white-60 {
  color: hsla(0, 0%, 100%, 0.6);
}

/**
 * `background-color` hsla(0, 0%, 100%, 0.6)-60 color utility.
 */
.background-color-white-60 {
  background-color: hsla(0, 0%, 100%, 0.6);
}

/**
 * `color` hsla(0, 0%, 100%, 0.5)-50 color utility.
 */
.color-white-50 {
  color: hsla(0, 0%, 100%, 0.5);
}

/**
 * `background-color` hsla(0, 0%, 100%, 0.5)-50 color utility.
 */
.background-color-white-50 {
  background-color: hsla(0, 0%, 100%, 0.5);
}

/**
 * `color` hsla(0, 0%, 100%, 0.4)-40 color utility.
 */
.color-white-40 {
  color: hsla(0, 0%, 100%, 0.4);
}

/**
 * `background-color` hsla(0, 0%, 100%, 0.4)-40 color utility.
 */
.background-color-white-40 {
  background-color: hsla(0, 0%, 100%, 0.4);
}

/**
 * `color` hsla(0, 0%, 100%, 0.3)-30 color utility.
 */
.color-white-30 {
  color: hsla(0, 0%, 100%, 0.3);
}

/**
 * `background-color` hsla(0, 0%, 100%, 0.3)-30 color utility.
 */
.background-color-white-30 {
  background-color: hsla(0, 0%, 100%, 0.3);
}

/**
 * `color` hsla(0, 0%, 100%, 0.2)-20 color utility.
 */
.color-white-20 {
  color: hsla(0, 0%, 100%, 0.2);
}

/**
 * `background-color` hsla(0, 0%, 100%, 0.2)-20 color utility.
 */
.background-color-white-20 {
  background-color: hsla(0, 0%, 100%, 0.2);
}

/**
 * `color` hsla(0, 0%, 100%, 0.1)-10 color utility.
 */
.color-white-10 {
  color: hsla(0, 0%, 100%, 0.1);
}

/**
 * `background-color` hsla(0, 0%, 100%, 0.1)-10 color utility.
 */
.background-color-white-10 {
  background-color: hsla(0, 0%, 100%, 0.1);
}

/**
 * `color` hsl(0, 100%, 50%)-100 color utility.
 */
.color-red-100 {
  color: hsl(0, 100%, 50%);
}

/**
 * `background-color` hsl(0, 100%, 50%)-100 color utility.
 */
.background-color-red-100 {
  background-color: hsl(0, 100%, 50%);
}

/**
 * `color` hsla(0, 100%, 50%, 0.9)-90 color utility.
 */
.color-red-90 {
  color: hsla(0, 100%, 50%, 0.9);
}

/**
 * `background-color` hsla(0, 100%, 50%, 0.9)-90 color utility.
 */
.background-color-red-90 {
  background-color: hsla(0, 100%, 50%, 0.9);
}

/**
 * `color` hsla(0, 100%, 50%, 0.8)-80 color utility.
 */
.color-red-80 {
  color: hsla(0, 100%, 50%, 0.8);
}

/**
 * `background-color` hsla(0, 100%, 50%, 0.8)-80 color utility.
 */
.background-color-red-80 {
  background-color: hsla(0, 100%, 50%, 0.8);
}

/**
 * `color` hsla(0, 100%, 50%, 0.7)-70 color utility.
 */
.color-red-70 {
  color: hsla(0, 100%, 50%, 0.7);
}

/**
 * `background-color` hsla(0, 100%, 50%, 0.7)-70 color utility.
 */
.background-color-red-70 {
  background-color: hsla(0, 100%, 50%, 0.7);
}

/**
 * `color` hsla(0, 100%, 50%, 0.6)-60 color utility.
 */
.color-red-60 {
  color: hsla(0, 100%, 50%, 0.6);
}

/**
 * `background-color` hsla(0, 100%, 50%, 0.6)-60 color utility.
 */
.background-color-red-60 {
  background-color: hsla(0, 100%, 50%, 0.6);
}

/**
 * `color` hsla(0, 100%, 50%, 0.5)-50 color utility.
 */
.color-red-50 {
  color: hsla(0, 100%, 50%, 0.5);
}

/**
 * `background-color` hsla(0, 100%, 50%, 0.5)-50 color utility.
 */
.background-color-red-50 {
  background-color: hsla(0, 100%, 50%, 0.5);
}

/**
 * `color` hsla(0, 100%, 50%, 0.4)-40 color utility.
 */
.color-red-40 {
  color: hsla(0, 100%, 50%, 0.4);
}

/**
 * `background-color` hsla(0, 100%, 50%, 0.4)-40 color utility.
 */
.background-color-red-40 {
  background-color: hsla(0, 100%, 50%, 0.4);
}

/**
 * `color` hsla(0, 100%, 50%, 0.3)-30 color utility.
 */
.color-red-30 {
  color: hsla(0, 100%, 50%, 0.3);
}

/**
 * `background-color` hsla(0, 100%, 50%, 0.3)-30 color utility.
 */
.background-color-red-30 {
  background-color: hsla(0, 100%, 50%, 0.3);
}

/**
 * `color` hsla(0, 100%, 50%, 0.2)-20 color utility.
 */
.color-red-20 {
  color: hsla(0, 100%, 50%, 0.2);
}

/**
 * `background-color` hsla(0, 100%, 50%, 0.2)-20 color utility.
 */
.background-color-red-20 {
  background-color: hsla(0, 100%, 50%, 0.2);
}

/**
 * `color` hsla(0, 100%, 50%, 0.1)-10 color utility.
 */
.color-red-10 {
  color: hsla(0, 100%, 50%, 0.1);
}

/**
 * `background-color` hsla(0, 100%, 50%, 0.1)-10 color utility.
 */
.background-color-red-10 {
  background-color: hsla(0, 100%, 50%, 0.1);
}

/**
 * `color` hsl(42, 43%, 73%)-100 color utility.
 */
.color-sand-beige-100 {
  color: hsl(42, 43%, 73%);
}

/**
 * `background-color` hsl(42, 43%, 73%)-100 color utility.
 */
.background-color-sand-beige-100 {
  background-color: hsl(42, 43%, 73%);
}

/**
 * `color` hsla(42, 43%, 73%, 0.9)-90 color utility.
 */
.color-sand-beige-90 {
  color: hsla(42, 43%, 73%, 0.9);
}

/**
 * `background-color` hsla(42, 43%, 73%, 0.9)-90 color utility.
 */
.background-color-sand-beige-90 {
  background-color: hsla(42, 43%, 73%, 0.9);
}

/**
 * `color` hsla(42, 43%, 73%, 0.8)-80 color utility.
 */
.color-sand-beige-80 {
  color: hsla(42, 43%, 73%, 0.8);
}

/**
 * `background-color` hsla(42, 43%, 73%, 0.8)-80 color utility.
 */
.background-color-sand-beige-80 {
  background-color: hsla(42, 43%, 73%, 0.8);
}

/**
 * `color` hsla(42, 43%, 73%, 0.7)-70 color utility.
 */
.color-sand-beige-70 {
  color: hsla(42, 43%, 73%, 0.7);
}

/**
 * `background-color` hsla(42, 43%, 73%, 0.7)-70 color utility.
 */
.background-color-sand-beige-70 {
  background-color: hsla(42, 43%, 73%, 0.7);
}

/**
 * `color` hsla(42, 43%, 73%, 0.6)-60 color utility.
 */
.color-sand-beige-60 {
  color: hsla(42, 43%, 73%, 0.6);
}

/**
 * `background-color` hsla(42, 43%, 73%, 0.6)-60 color utility.
 */
.background-color-sand-beige-60 {
  background-color: hsla(42, 43%, 73%, 0.6);
}

/**
 * `color` hsla(42, 43%, 73%, 0.5)-50 color utility.
 */
.color-sand-beige-50 {
  color: hsla(42, 43%, 73%, 0.5);
}

/**
 * `background-color` hsla(42, 43%, 73%, 0.5)-50 color utility.
 */
.background-color-sand-beige-50 {
  background-color: hsla(42, 43%, 73%, 0.5);
}

/**
 * `color` hsla(42, 43%, 73%, 0.4)-40 color utility.
 */
.color-sand-beige-40 {
  color: hsla(42, 43%, 73%, 0.4);
}

/**
 * `background-color` hsla(42, 43%, 73%, 0.4)-40 color utility.
 */
.background-color-sand-beige-40 {
  background-color: hsla(42, 43%, 73%, 0.4);
}

/**
 * `color` hsla(42, 43%, 73%, 0.3)-30 color utility.
 */
.color-sand-beige-30 {
  color: hsla(42, 43%, 73%, 0.3);
}

/**
 * `background-color` hsla(42, 43%, 73%, 0.3)-30 color utility.
 */
.background-color-sand-beige-30 {
  background-color: hsla(42, 43%, 73%, 0.3);
}

/**
 * `color` hsla(42, 43%, 73%, 0.2)-20 color utility.
 */
.color-sand-beige-20 {
  color: hsla(42, 43%, 73%, 0.2);
}

/**
 * `background-color` hsla(42, 43%, 73%, 0.2)-20 color utility.
 */
.background-color-sand-beige-20 {
  background-color: hsla(42, 43%, 73%, 0.2);
}

/**
 * `color` hsla(42, 43%, 73%, 0.1)-10 color utility.
 */
.color-sand-beige-10 {
  color: hsla(42, 43%, 73%, 0.1);
}

/**
 * `background-color` hsla(42, 43%, 73%, 0.1)-10 color utility.
 */
.background-color-sand-beige-10 {
  background-color: hsla(42, 43%, 73%, 0.1);
}

/**
 * `color` hsl(28, 45%, 94%)-100 color utility.
 */
.color-ivoor-white-100 {
  color: hsl(28, 45%, 94%);
}

/**
 * `background-color` hsl(28, 45%, 94%)-100 color utility.
 */
.background-color-ivoor-white-100 {
  background-color: hsl(28, 45%, 94%);
}

/**
 * `color` hsla(28, 45%, 94%, 0.9)-90 color utility.
 */
.color-ivoor-white-90 {
  color: hsla(28, 45%, 94%, 0.9);
}

/**
 * `background-color` hsla(28, 45%, 94%, 0.9)-90 color utility.
 */
.background-color-ivoor-white-90 {
  background-color: hsla(28, 45%, 94%, 0.9);
}

/**
 * `color` hsla(28, 45%, 94%, 0.8)-80 color utility.
 */
.color-ivoor-white-80 {
  color: hsla(28, 45%, 94%, 0.8);
}

/**
 * `background-color` hsla(28, 45%, 94%, 0.8)-80 color utility.
 */
.background-color-ivoor-white-80 {
  background-color: hsla(28, 45%, 94%, 0.8);
}

/**
 * `color` hsla(28, 45%, 94%, 0.7)-70 color utility.
 */
.color-ivoor-white-70 {
  color: hsla(28, 45%, 94%, 0.7);
}

/**
 * `background-color` hsla(28, 45%, 94%, 0.7)-70 color utility.
 */
.background-color-ivoor-white-70 {
  background-color: hsla(28, 45%, 94%, 0.7);
}

/**
 * `color` hsla(28, 45%, 94%, 0.6)-60 color utility.
 */
.color-ivoor-white-60 {
  color: hsla(28, 45%, 94%, 0.6);
}

/**
 * `background-color` hsla(28, 45%, 94%, 0.6)-60 color utility.
 */
.background-color-ivoor-white-60 {
  background-color: hsla(28, 45%, 94%, 0.6);
}

/**
 * `color` hsla(28, 45%, 94%, 0.5)-50 color utility.
 */
.color-ivoor-white-50 {
  color: hsla(28, 45%, 94%, 0.5);
}

/**
 * `background-color` hsla(28, 45%, 94%, 0.5)-50 color utility.
 */
.background-color-ivoor-white-50 {
  background-color: hsla(28, 45%, 94%, 0.5);
}

/**
 * `color` hsla(28, 45%, 94%, 0.4)-40 color utility.
 */
.color-ivoor-white-40 {
  color: hsla(28, 45%, 94%, 0.4);
}

/**
 * `background-color` hsla(28, 45%, 94%, 0.4)-40 color utility.
 */
.background-color-ivoor-white-40 {
  background-color: hsla(28, 45%, 94%, 0.4);
}

/**
 * `color` hsla(28, 45%, 94%, 0.3)-30 color utility.
 */
.color-ivoor-white-30 {
  color: hsla(28, 45%, 94%, 0.3);
}

/**
 * `background-color` hsla(28, 45%, 94%, 0.3)-30 color utility.
 */
.background-color-ivoor-white-30 {
  background-color: hsla(28, 45%, 94%, 0.3);
}

/**
 * `color` hsla(28, 45%, 94%, 0.2)-20 color utility.
 */
.color-ivoor-white-20 {
  color: hsla(28, 45%, 94%, 0.2);
}

/**
 * `background-color` hsla(28, 45%, 94%, 0.2)-20 color utility.
 */
.background-color-ivoor-white-20 {
  background-color: hsla(28, 45%, 94%, 0.2);
}

/**
 * `color` hsla(28, 45%, 94%, 0.1)-10 color utility.
 */
.color-ivoor-white-10 {
  color: hsla(28, 45%, 94%, 0.1);
}

/**
 * `background-color` hsla(28, 45%, 94%, 0.1)-10 color utility.
 */
.background-color-ivoor-white-10 {
  background-color: hsla(28, 45%, 94%, 0.1);
}

/**
 * `color` hsl(212, 19%, 34%)-100 color utility.
 */
.color-lei-grey-100 {
  color: hsl(212, 19%, 34%);
}

/**
 * `background-color` hsl(212, 19%, 34%)-100 color utility.
 */
.background-color-lei-grey-100 {
  background-color: hsl(212, 19%, 34%);
}

/**
 * `color` hsla(212, 19%, 34%, 0.9)-90 color utility.
 */
.color-lei-grey-90 {
  color: hsla(212, 19%, 34%, 0.9);
}

/**
 * `background-color` hsla(212, 19%, 34%, 0.9)-90 color utility.
 */
.background-color-lei-grey-90 {
  background-color: hsla(212, 19%, 34%, 0.9);
}

/**
 * `color` hsla(212, 19%, 34%, 0.8)-80 color utility.
 */
.color-lei-grey-80 {
  color: hsla(212, 19%, 34%, 0.8);
}

/**
 * `background-color` hsla(212, 19%, 34%, 0.8)-80 color utility.
 */
.background-color-lei-grey-80 {
  background-color: hsla(212, 19%, 34%, 0.8);
}

/**
 * `color` hsla(212, 19%, 34%, 0.7)-70 color utility.
 */
.color-lei-grey-70 {
  color: hsla(212, 19%, 34%, 0.7);
}

/**
 * `background-color` hsla(212, 19%, 34%, 0.7)-70 color utility.
 */
.background-color-lei-grey-70 {
  background-color: hsla(212, 19%, 34%, 0.7);
}

/**
 * `color` hsla(212, 19%, 34%, 0.6)-60 color utility.
 */
.color-lei-grey-60 {
  color: hsla(212, 19%, 34%, 0.6);
}

/**
 * `background-color` hsla(212, 19%, 34%, 0.6)-60 color utility.
 */
.background-color-lei-grey-60 {
  background-color: hsla(212, 19%, 34%, 0.6);
}

/**
 * `color` hsla(212, 19%, 34%, 0.5)-50 color utility.
 */
.color-lei-grey-50 {
  color: hsla(212, 19%, 34%, 0.5);
}

/**
 * `background-color` hsla(212, 19%, 34%, 0.5)-50 color utility.
 */
.background-color-lei-grey-50 {
  background-color: hsla(212, 19%, 34%, 0.5);
}

/**
 * `color` hsla(212, 19%, 34%, 0.4)-40 color utility.
 */
.color-lei-grey-40 {
  color: hsla(212, 19%, 34%, 0.4);
}

/**
 * `background-color` hsla(212, 19%, 34%, 0.4)-40 color utility.
 */
.background-color-lei-grey-40 {
  background-color: hsla(212, 19%, 34%, 0.4);
}

/**
 * `color` hsla(212, 19%, 34%, 0.3)-30 color utility.
 */
.color-lei-grey-30 {
  color: hsla(212, 19%, 34%, 0.3);
}

/**
 * `background-color` hsla(212, 19%, 34%, 0.3)-30 color utility.
 */
.background-color-lei-grey-30 {
  background-color: hsla(212, 19%, 34%, 0.3);
}

/**
 * `color` hsla(212, 19%, 34%, 0.2)-20 color utility.
 */
.color-lei-grey-20 {
  color: hsla(212, 19%, 34%, 0.2);
}

/**
 * `background-color` hsla(212, 19%, 34%, 0.2)-20 color utility.
 */
.background-color-lei-grey-20 {
  background-color: hsla(212, 19%, 34%, 0.2);
}

/**
 * `color` hsla(212, 19%, 34%, 0.1)-10 color utility.
 */
.color-lei-grey-10 {
  color: hsla(212, 19%, 34%, 0.1);
}

/**
 * `background-color` hsla(212, 19%, 34%, 0.1)-10 color utility.
 */
.background-color-lei-grey-10 {
  background-color: hsla(212, 19%, 34%, 0.1);
}

/**
 * `color` hsl(185, 100%, 35%)-100 color utility.
 */
.color-turquoise-100 {
  color: hsl(185, 100%, 35%);
}

/**
 * `background-color` hsl(185, 100%, 35%)-100 color utility.
 */
.background-color-turquoise-100 {
  background-color: hsl(185, 100%, 35%);
}

/**
 * `color` hsla(185, 100%, 35%, 0.9)-90 color utility.
 */
.color-turquoise-90 {
  color: hsla(185, 100%, 35%, 0.9);
}

/**
 * `background-color` hsla(185, 100%, 35%, 0.9)-90 color utility.
 */
.background-color-turquoise-90 {
  background-color: hsla(185, 100%, 35%, 0.9);
}

/**
 * `color` hsla(185, 100%, 35%, 0.8)-80 color utility.
 */
.color-turquoise-80 {
  color: hsla(185, 100%, 35%, 0.8);
}

/**
 * `background-color` hsla(185, 100%, 35%, 0.8)-80 color utility.
 */
.background-color-turquoise-80 {
  background-color: hsla(185, 100%, 35%, 0.8);
}

/**
 * `color` hsla(185, 100%, 35%, 0.7)-70 color utility.
 */
.color-turquoise-70 {
  color: hsla(185, 100%, 35%, 0.7);
}

/**
 * `background-color` hsla(185, 100%, 35%, 0.7)-70 color utility.
 */
.background-color-turquoise-70 {
  background-color: hsla(185, 100%, 35%, 0.7);
}

/**
 * `color` hsla(185, 100%, 35%, 0.6)-60 color utility.
 */
.color-turquoise-60 {
  color: hsla(185, 100%, 35%, 0.6);
}

/**
 * `background-color` hsla(185, 100%, 35%, 0.6)-60 color utility.
 */
.background-color-turquoise-60 {
  background-color: hsla(185, 100%, 35%, 0.6);
}

/**
 * `color` hsla(185, 100%, 35%, 0.5)-50 color utility.
 */
.color-turquoise-50 {
  color: hsla(185, 100%, 35%, 0.5);
}

/**
 * `background-color` hsla(185, 100%, 35%, 0.5)-50 color utility.
 */
.background-color-turquoise-50 {
  background-color: hsla(185, 100%, 35%, 0.5);
}

/**
 * `color` hsla(185, 100%, 35%, 0.4)-40 color utility.
 */
.color-turquoise-40 {
  color: hsla(185, 100%, 35%, 0.4);
}

/**
 * `background-color` hsla(185, 100%, 35%, 0.4)-40 color utility.
 */
.background-color-turquoise-40 {
  background-color: hsla(185, 100%, 35%, 0.4);
}

/**
 * `color` hsla(185, 100%, 35%, 0.3)-30 color utility.
 */
.color-turquoise-30 {
  color: hsla(185, 100%, 35%, 0.3);
}

/**
 * `background-color` hsla(185, 100%, 35%, 0.3)-30 color utility.
 */
.background-color-turquoise-30 {
  background-color: hsla(185, 100%, 35%, 0.3);
}

/**
 * `color` hsla(185, 100%, 35%, 0.2)-20 color utility.
 */
.color-turquoise-20 {
  color: hsla(185, 100%, 35%, 0.2);
}

/**
 * `background-color` hsla(185, 100%, 35%, 0.2)-20 color utility.
 */
.background-color-turquoise-20 {
  background-color: hsla(185, 100%, 35%, 0.2);
}

/**
 * `color` hsla(185, 100%, 35%, 0.1)-10 color utility.
 */
.color-turquoise-10 {
  color: hsla(185, 100%, 35%, 0.1);
}

/**
 * `background-color` hsla(185, 100%, 35%, 0.1)-10 color utility.
 */
.background-color-turquoise-10 {
  background-color: hsla(185, 100%, 35%, 0.1);
}

/**
 * `color` hsl(57, 48%, 73%)-100 color utility.
 */
.color-light-yellow-100 {
  color: hsl(57, 48%, 73%);
}

/**
 * `background-color` hsl(57, 48%, 73%)-100 color utility.
 */
.background-color-light-yellow-100 {
  background-color: hsl(57, 48%, 73%);
}

/**
 * `color` hsla(57, 48%, 73%, 0.9)-90 color utility.
 */
.color-light-yellow-90 {
  color: hsla(57, 48%, 73%, 0.9);
}

/**
 * `background-color` hsla(57, 48%, 73%, 0.9)-90 color utility.
 */
.background-color-light-yellow-90 {
  background-color: hsla(57, 48%, 73%, 0.9);
}

/**
 * `color` hsla(57, 48%, 73%, 0.8)-80 color utility.
 */
.color-light-yellow-80 {
  color: hsla(57, 48%, 73%, 0.8);
}

/**
 * `background-color` hsla(57, 48%, 73%, 0.8)-80 color utility.
 */
.background-color-light-yellow-80 {
  background-color: hsla(57, 48%, 73%, 0.8);
}

/**
 * `color` hsla(57, 48%, 73%, 0.7)-70 color utility.
 */
.color-light-yellow-70 {
  color: hsla(57, 48%, 73%, 0.7);
}

/**
 * `background-color` hsla(57, 48%, 73%, 0.7)-70 color utility.
 */
.background-color-light-yellow-70 {
  background-color: hsla(57, 48%, 73%, 0.7);
}

/**
 * `color` hsla(57, 48%, 73%, 0.6)-60 color utility.
 */
.color-light-yellow-60 {
  color: hsla(57, 48%, 73%, 0.6);
}

/**
 * `background-color` hsla(57, 48%, 73%, 0.6)-60 color utility.
 */
.background-color-light-yellow-60 {
  background-color: hsla(57, 48%, 73%, 0.6);
}

/**
 * `color` hsla(57, 48%, 73%, 0.5)-50 color utility.
 */
.color-light-yellow-50 {
  color: hsla(57, 48%, 73%, 0.5);
}

/**
 * `background-color` hsla(57, 48%, 73%, 0.5)-50 color utility.
 */
.background-color-light-yellow-50 {
  background-color: hsla(57, 48%, 73%, 0.5);
}

/**
 * `color` hsla(57, 48%, 73%, 0.4)-40 color utility.
 */
.color-light-yellow-40 {
  color: hsla(57, 48%, 73%, 0.4);
}

/**
 * `background-color` hsla(57, 48%, 73%, 0.4)-40 color utility.
 */
.background-color-light-yellow-40 {
  background-color: hsla(57, 48%, 73%, 0.4);
}

/**
 * `color` hsla(57, 48%, 73%, 0.3)-30 color utility.
 */
.color-light-yellow-30 {
  color: hsla(57, 48%, 73%, 0.3);
}

/**
 * `background-color` hsla(57, 48%, 73%, 0.3)-30 color utility.
 */
.background-color-light-yellow-30 {
  background-color: hsla(57, 48%, 73%, 0.3);
}

/**
 * `color` hsla(57, 48%, 73%, 0.2)-20 color utility.
 */
.color-light-yellow-20 {
  color: hsla(57, 48%, 73%, 0.2);
}

/**
 * `background-color` hsla(57, 48%, 73%, 0.2)-20 color utility.
 */
.background-color-light-yellow-20 {
  background-color: hsla(57, 48%, 73%, 0.2);
}

/**
 * `color` hsla(57, 48%, 73%, 0.1)-10 color utility.
 */
.color-light-yellow-10 {
  color: hsla(57, 48%, 73%, 0.1);
}

/**
 * `background-color` hsla(57, 48%, 73%, 0.1)-10 color utility.
 */
.background-color-light-yellow-10 {
  background-color: hsla(57, 48%, 73%, 0.1);
}

/**
 * `color` hsl(203, 40%, 68%)-100 color utility.
 */
.color-light-blue-100 {
  color: hsl(203, 40%, 68%);
}

/**
 * `background-color` hsl(203, 40%, 68%)-100 color utility.
 */
.background-color-light-blue-100 {
  background-color: hsl(203, 40%, 68%);
}

/**
 * `color` hsla(203, 40%, 68%, 0.9)-90 color utility.
 */
.color-light-blue-90 {
  color: hsla(203, 40%, 68%, 0.9);
}

/**
 * `background-color` hsla(203, 40%, 68%, 0.9)-90 color utility.
 */
.background-color-light-blue-90 {
  background-color: hsla(203, 40%, 68%, 0.9);
}

/**
 * `color` hsla(203, 40%, 68%, 0.8)-80 color utility.
 */
.color-light-blue-80 {
  color: hsla(203, 40%, 68%, 0.8);
}

/**
 * `background-color` hsla(203, 40%, 68%, 0.8)-80 color utility.
 */
.background-color-light-blue-80 {
  background-color: hsla(203, 40%, 68%, 0.8);
}

/**
 * `color` hsla(203, 40%, 68%, 0.7)-70 color utility.
 */
.color-light-blue-70 {
  color: hsla(203, 40%, 68%, 0.7);
}

/**
 * `background-color` hsla(203, 40%, 68%, 0.7)-70 color utility.
 */
.background-color-light-blue-70 {
  background-color: hsla(203, 40%, 68%, 0.7);
}

/**
 * `color` hsla(203, 40%, 68%, 0.6)-60 color utility.
 */
.color-light-blue-60 {
  color: hsla(203, 40%, 68%, 0.6);
}

/**
 * `background-color` hsla(203, 40%, 68%, 0.6)-60 color utility.
 */
.background-color-light-blue-60 {
  background-color: hsla(203, 40%, 68%, 0.6);
}

/**
 * `color` hsla(203, 40%, 68%, 0.5)-50 color utility.
 */
.color-light-blue-50 {
  color: hsla(203, 40%, 68%, 0.5);
}

/**
 * `background-color` hsla(203, 40%, 68%, 0.5)-50 color utility.
 */
.background-color-light-blue-50 {
  background-color: hsla(203, 40%, 68%, 0.5);
}

/**
 * `color` hsla(203, 40%, 68%, 0.4)-40 color utility.
 */
.color-light-blue-40 {
  color: hsla(203, 40%, 68%, 0.4);
}

/**
 * `background-color` hsla(203, 40%, 68%, 0.4)-40 color utility.
 */
.background-color-light-blue-40 {
  background-color: hsla(203, 40%, 68%, 0.4);
}

/**
 * `color` hsla(203, 40%, 68%, 0.3)-30 color utility.
 */
.color-light-blue-30 {
  color: hsla(203, 40%, 68%, 0.3);
}

/**
 * `background-color` hsla(203, 40%, 68%, 0.3)-30 color utility.
 */
.background-color-light-blue-30 {
  background-color: hsla(203, 40%, 68%, 0.3);
}

/**
 * `color` hsla(203, 40%, 68%, 0.2)-20 color utility.
 */
.color-light-blue-20 {
  color: hsla(203, 40%, 68%, 0.2);
}

/**
 * `background-color` hsla(203, 40%, 68%, 0.2)-20 color utility.
 */
.background-color-light-blue-20 {
  background-color: hsla(203, 40%, 68%, 0.2);
}

/**
 * `color` hsla(203, 40%, 68%, 0.1)-10 color utility.
 */
.color-light-blue-10 {
  color: hsla(203, 40%, 68%, 0.1);
}

/**
 * `background-color` hsla(203, 40%, 68%, 0.1)-10 color utility.
 */
.background-color-light-blue-10 {
  background-color: hsla(203, 40%, 68%, 0.1);
}

/**
 * `color` hsl(14, 99%, 69%)-100 color utility.
 */
.color-koral-orange-100 {
  color: hsl(14, 99%, 69%);
}

/**
 * `background-color` hsl(14, 99%, 69%)-100 color utility.
 */
.background-color-koral-orange-100 {
  background-color: hsl(14, 99%, 69%);
}

/**
 * `color` hsla(14, 99%, 69%, 0.9)-90 color utility.
 */
.color-koral-orange-90 {
  color: hsla(14, 99%, 69%, 0.9);
}

/**
 * `background-color` hsla(14, 99%, 69%, 0.9)-90 color utility.
 */
.background-color-koral-orange-90 {
  background-color: hsla(14, 99%, 69%, 0.9);
}

/**
 * `color` hsla(14, 99%, 69%, 0.8)-80 color utility.
 */
.color-koral-orange-80 {
  color: hsla(14, 99%, 69%, 0.8);
}

/**
 * `background-color` hsla(14, 99%, 69%, 0.8)-80 color utility.
 */
.background-color-koral-orange-80 {
  background-color: hsla(14, 99%, 69%, 0.8);
}

/**
 * `color` hsla(14, 99%, 69%, 0.7)-70 color utility.
 */
.color-koral-orange-70 {
  color: hsla(14, 99%, 69%, 0.7);
}

/**
 * `background-color` hsla(14, 99%, 69%, 0.7)-70 color utility.
 */
.background-color-koral-orange-70 {
  background-color: hsla(14, 99%, 69%, 0.7);
}

/**
 * `color` hsla(14, 99%, 69%, 0.6)-60 color utility.
 */
.color-koral-orange-60 {
  color: hsla(14, 99%, 69%, 0.6);
}

/**
 * `background-color` hsla(14, 99%, 69%, 0.6)-60 color utility.
 */
.background-color-koral-orange-60 {
  background-color: hsla(14, 99%, 69%, 0.6);
}

/**
 * `color` hsla(14, 99%, 69%, 0.5)-50 color utility.
 */
.color-koral-orange-50 {
  color: hsla(14, 99%, 69%, 0.5);
}

/**
 * `background-color` hsla(14, 99%, 69%, 0.5)-50 color utility.
 */
.background-color-koral-orange-50 {
  background-color: hsla(14, 99%, 69%, 0.5);
}

/**
 * `color` hsla(14, 99%, 69%, 0.4)-40 color utility.
 */
.color-koral-orange-40 {
  color: hsla(14, 99%, 69%, 0.4);
}

/**
 * `background-color` hsla(14, 99%, 69%, 0.4)-40 color utility.
 */
.background-color-koral-orange-40 {
  background-color: hsla(14, 99%, 69%, 0.4);
}

/**
 * `color` hsla(14, 99%, 69%, 0.3)-30 color utility.
 */
.color-koral-orange-30 {
  color: hsla(14, 99%, 69%, 0.3);
}

/**
 * `background-color` hsla(14, 99%, 69%, 0.3)-30 color utility.
 */
.background-color-koral-orange-30 {
  background-color: hsla(14, 99%, 69%, 0.3);
}

/**
 * `color` hsla(14, 99%, 69%, 0.2)-20 color utility.
 */
.color-koral-orange-20 {
  color: hsla(14, 99%, 69%, 0.2);
}

/**
 * `background-color` hsla(14, 99%, 69%, 0.2)-20 color utility.
 */
.background-color-koral-orange-20 {
  background-color: hsla(14, 99%, 69%, 0.2);
}

/**
 * `color` hsla(14, 99%, 69%, 0.1)-10 color utility.
 */
.color-koral-orange-10 {
  color: hsla(14, 99%, 69%, 0.1);
}

/**
 * `background-color` hsla(14, 99%, 69%, 0.1)-10 color utility.
 */
.background-color-koral-orange-10 {
  background-color: hsla(14, 99%, 69%, 0.1);
}

/**
 * `color` hsl(171, 30%, 95%)-100 color utility.
 */
.color-ice-blue-100 {
  color: hsl(171, 30%, 95%);
}

/**
 * `background-color` hsl(171, 30%, 95%)-100 color utility.
 */
.background-color-ice-blue-100 {
  background-color: hsl(171, 30%, 95%);
}

/**
 * `color` hsla(171, 30%, 95%, 0.9)-90 color utility.
 */
.color-ice-blue-90 {
  color: hsla(171, 30%, 95%, 0.9);
}

/**
 * `background-color` hsla(171, 30%, 95%, 0.9)-90 color utility.
 */
.background-color-ice-blue-90 {
  background-color: hsla(171, 30%, 95%, 0.9);
}

/**
 * `color` hsla(171, 30%, 95%, 0.8)-80 color utility.
 */
.color-ice-blue-80 {
  color: hsla(171, 30%, 95%, 0.8);
}

/**
 * `background-color` hsla(171, 30%, 95%, 0.8)-80 color utility.
 */
.background-color-ice-blue-80 {
  background-color: hsla(171, 30%, 95%, 0.8);
}

/**
 * `color` hsla(171, 30%, 95%, 0.7)-70 color utility.
 */
.color-ice-blue-70 {
  color: hsla(171, 30%, 95%, 0.7);
}

/**
 * `background-color` hsla(171, 30%, 95%, 0.7)-70 color utility.
 */
.background-color-ice-blue-70 {
  background-color: hsla(171, 30%, 95%, 0.7);
}

/**
 * `color` hsla(171, 30%, 95%, 0.6)-60 color utility.
 */
.color-ice-blue-60 {
  color: hsla(171, 30%, 95%, 0.6);
}

/**
 * `background-color` hsla(171, 30%, 95%, 0.6)-60 color utility.
 */
.background-color-ice-blue-60 {
  background-color: hsla(171, 30%, 95%, 0.6);
}

/**
 * `color` hsla(171, 30%, 95%, 0.5)-50 color utility.
 */
.color-ice-blue-50 {
  color: hsla(171, 30%, 95%, 0.5);
}

/**
 * `background-color` hsla(171, 30%, 95%, 0.5)-50 color utility.
 */
.background-color-ice-blue-50 {
  background-color: hsla(171, 30%, 95%, 0.5);
}

/**
 * `color` hsla(171, 30%, 95%, 0.4)-40 color utility.
 */
.color-ice-blue-40 {
  color: hsla(171, 30%, 95%, 0.4);
}

/**
 * `background-color` hsla(171, 30%, 95%, 0.4)-40 color utility.
 */
.background-color-ice-blue-40 {
  background-color: hsla(171, 30%, 95%, 0.4);
}

/**
 * `color` hsla(171, 30%, 95%, 0.3)-30 color utility.
 */
.color-ice-blue-30 {
  color: hsla(171, 30%, 95%, 0.3);
}

/**
 * `background-color` hsla(171, 30%, 95%, 0.3)-30 color utility.
 */
.background-color-ice-blue-30 {
  background-color: hsla(171, 30%, 95%, 0.3);
}

/**
 * `color` hsla(171, 30%, 95%, 0.2)-20 color utility.
 */
.color-ice-blue-20 {
  color: hsla(171, 30%, 95%, 0.2);
}

/**
 * `background-color` hsla(171, 30%, 95%, 0.2)-20 color utility.
 */
.background-color-ice-blue-20 {
  background-color: hsla(171, 30%, 95%, 0.2);
}

/**
 * `color` hsla(171, 30%, 95%, 0.1)-10 color utility.
 */
.color-ice-blue-10 {
  color: hsla(171, 30%, 95%, 0.1);
}

/**
 * `background-color` hsla(171, 30%, 95%, 0.1)-10 color utility.
 */
.background-color-ice-blue-10 {
  background-color: hsla(171, 30%, 95%, 0.1);
}

/**
 * `color` hsl(57, 54%, 46%)-100 color utility.
 */
.color-mustard-green-100 {
  color: hsl(57, 54%, 46%);
}

/**
 * `background-color` hsl(57, 54%, 46%)-100 color utility.
 */
.background-color-mustard-green-100 {
  background-color: hsl(57, 54%, 46%);
}

/**
 * `color` hsla(57, 54%, 46%, 0.9)-90 color utility.
 */
.color-mustard-green-90 {
  color: hsla(57, 54%, 46%, 0.9);
}

/**
 * `background-color` hsla(57, 54%, 46%, 0.9)-90 color utility.
 */
.background-color-mustard-green-90 {
  background-color: hsla(57, 54%, 46%, 0.9);
}

/**
 * `color` hsla(57, 54%, 46%, 0.8)-80 color utility.
 */
.color-mustard-green-80 {
  color: hsla(57, 54%, 46%, 0.8);
}

/**
 * `background-color` hsla(57, 54%, 46%, 0.8)-80 color utility.
 */
.background-color-mustard-green-80 {
  background-color: hsla(57, 54%, 46%, 0.8);
}

/**
 * `color` hsla(57, 54%, 46%, 0.7)-70 color utility.
 */
.color-mustard-green-70 {
  color: hsla(57, 54%, 46%, 0.7);
}

/**
 * `background-color` hsla(57, 54%, 46%, 0.7)-70 color utility.
 */
.background-color-mustard-green-70 {
  background-color: hsla(57, 54%, 46%, 0.7);
}

/**
 * `color` hsla(57, 54%, 46%, 0.6)-60 color utility.
 */
.color-mustard-green-60 {
  color: hsla(57, 54%, 46%, 0.6);
}

/**
 * `background-color` hsla(57, 54%, 46%, 0.6)-60 color utility.
 */
.background-color-mustard-green-60 {
  background-color: hsla(57, 54%, 46%, 0.6);
}

/**
 * `color` hsla(57, 54%, 46%, 0.5)-50 color utility.
 */
.color-mustard-green-50 {
  color: hsla(57, 54%, 46%, 0.5);
}

/**
 * `background-color` hsla(57, 54%, 46%, 0.5)-50 color utility.
 */
.background-color-mustard-green-50 {
  background-color: hsla(57, 54%, 46%, 0.5);
}

/**
 * `color` hsla(57, 54%, 46%, 0.4)-40 color utility.
 */
.color-mustard-green-40 {
  color: hsla(57, 54%, 46%, 0.4);
}

/**
 * `background-color` hsla(57, 54%, 46%, 0.4)-40 color utility.
 */
.background-color-mustard-green-40 {
  background-color: hsla(57, 54%, 46%, 0.4);
}

/**
 * `color` hsla(57, 54%, 46%, 0.3)-30 color utility.
 */
.color-mustard-green-30 {
  color: hsla(57, 54%, 46%, 0.3);
}

/**
 * `background-color` hsla(57, 54%, 46%, 0.3)-30 color utility.
 */
.background-color-mustard-green-30 {
  background-color: hsla(57, 54%, 46%, 0.3);
}

/**
 * `color` hsla(57, 54%, 46%, 0.2)-20 color utility.
 */
.color-mustard-green-20 {
  color: hsla(57, 54%, 46%, 0.2);
}

/**
 * `background-color` hsla(57, 54%, 46%, 0.2)-20 color utility.
 */
.background-color-mustard-green-20 {
  background-color: hsla(57, 54%, 46%, 0.2);
}

/**
 * `color` hsla(57, 54%, 46%, 0.1)-10 color utility.
 */
.color-mustard-green-10 {
  color: hsla(57, 54%, 46%, 0.1);
}

/**
 * `background-color` hsla(57, 54%, 46%, 0.1)-10 color utility.
 */
.background-color-mustard-green-10 {
  background-color: hsla(57, 54%, 46%, 0.1);
}

/**
 * `color` hsl(191, 63%, 88%)-100 color utility.
 */
.color-light-cyan-100 {
  color: hsl(191, 63%, 88%);
}

/**
 * `background-color` hsl(191, 63%, 88%)-100 color utility.
 */
.background-color-light-cyan-100 {
  background-color: hsl(191, 63%, 88%);
}

/**
 * `color` hsla(191, 63%, 88%, 0.9)-90 color utility.
 */
.color-light-cyan-90 {
  color: hsla(191, 63%, 88%, 0.9);
}

/**
 * `background-color` hsla(191, 63%, 88%, 0.9)-90 color utility.
 */
.background-color-light-cyan-90 {
  background-color: hsla(191, 63%, 88%, 0.9);
}

/**
 * `color` hsla(191, 63%, 88%, 0.8)-80 color utility.
 */
.color-light-cyan-80 {
  color: hsla(191, 63%, 88%, 0.8);
}

/**
 * `background-color` hsla(191, 63%, 88%, 0.8)-80 color utility.
 */
.background-color-light-cyan-80 {
  background-color: hsla(191, 63%, 88%, 0.8);
}

/**
 * `color` hsla(191, 63%, 88%, 0.7)-70 color utility.
 */
.color-light-cyan-70 {
  color: hsla(191, 63%, 88%, 0.7);
}

/**
 * `background-color` hsla(191, 63%, 88%, 0.7)-70 color utility.
 */
.background-color-light-cyan-70 {
  background-color: hsla(191, 63%, 88%, 0.7);
}

/**
 * `color` hsla(191, 63%, 88%, 0.6)-60 color utility.
 */
.color-light-cyan-60 {
  color: hsla(191, 63%, 88%, 0.6);
}

/**
 * `background-color` hsla(191, 63%, 88%, 0.6)-60 color utility.
 */
.background-color-light-cyan-60 {
  background-color: hsla(191, 63%, 88%, 0.6);
}

/**
 * `color` hsla(191, 63%, 88%, 0.5)-50 color utility.
 */
.color-light-cyan-50 {
  color: hsla(191, 63%, 88%, 0.5);
}

/**
 * `background-color` hsla(191, 63%, 88%, 0.5)-50 color utility.
 */
.background-color-light-cyan-50 {
  background-color: hsla(191, 63%, 88%, 0.5);
}

/**
 * `color` hsla(191, 63%, 88%, 0.4)-40 color utility.
 */
.color-light-cyan-40 {
  color: hsla(191, 63%, 88%, 0.4);
}

/**
 * `background-color` hsla(191, 63%, 88%, 0.4)-40 color utility.
 */
.background-color-light-cyan-40 {
  background-color: hsla(191, 63%, 88%, 0.4);
}

/**
 * `color` hsla(191, 63%, 88%, 0.3)-30 color utility.
 */
.color-light-cyan-30 {
  color: hsla(191, 63%, 88%, 0.3);
}

/**
 * `background-color` hsla(191, 63%, 88%, 0.3)-30 color utility.
 */
.background-color-light-cyan-30 {
  background-color: hsla(191, 63%, 88%, 0.3);
}

/**
 * `color` hsla(191, 63%, 88%, 0.2)-20 color utility.
 */
.color-light-cyan-20 {
  color: hsla(191, 63%, 88%, 0.2);
}

/**
 * `background-color` hsla(191, 63%, 88%, 0.2)-20 color utility.
 */
.background-color-light-cyan-20 {
  background-color: hsla(191, 63%, 88%, 0.2);
}

/**
 * `color` hsla(191, 63%, 88%, 0.1)-10 color utility.
 */
.color-light-cyan-10 {
  color: hsla(191, 63%, 88%, 0.1);
}

/**
 * `background-color` hsla(191, 63%, 88%, 0.1)-10 color utility.
 */
.background-color-light-cyan-10 {
  background-color: hsla(191, 63%, 88%, 0.1);
}