@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%, 0%);
  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%, 0%);
  font-family: "Montserrat";
  font-weight: 400;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale; /* 1 */
  -webkit-font-smoothing: antialiased; /* 2 */
}

/**
 * Keen Slider cursor styles.
 */
.keen-slider {
  cursor: grab;
}
.keen-slider:active {
  cursor: grabbing;
}

/**
 * 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 {
  padding: 12px 32px 12px 16px;
  border-radius: 100px;
  color: hsl(0, 0%, 100%);
  font-family: "Montserrat";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  position: relative;
}
.button .dot {
  min-width: 6px;
  width: 6px;
  height: auto;
  aspect-ratio: 1/1;
  border-radius: 100px;
  transition: transform 0.735s cubic-bezier(0.625, 0.05, 0, 1);
  transform: scale(1) rotate(0.001deg);
  transform-origin: center;
}
.button .icon {
  min-width: 24px;
  width: 24px;
  height: auto;
  aspect-ratio: 1/1;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  position: absolute;
  right: 16px;
  transition: transform 0.735s cubic-bezier(0.625, 0.05, 0, 1);
  transform: scale(0) rotate(0.001deg);
  transform-origin: center;
}
.button span {
  transition: transform 0.735s cubic-bezier(0.625, 0.05, 0, 1);
  transform: translateX(0) rotate(0.001deg);
}
.button:hover .dot {
  transform: scale(0) rotate(0.001deg);
}
.button:hover span {
  transform: translateX(-18px) rotate(0.001deg);
}
.button:hover .icon {
  transform: scale(1) rotate(0.001deg);
}

.button--transparent {
  width: fit-content;
}
.button--transparent.white {
  background-color: transparent;
  color: hsl(0, 0%, 100%);
  border: 1px solid hsl(0, 0%, 100%);
}
.button--transparent.white .dot {
  background-color: hsl(345, 100%, 35.7%);
}
.button--transparent.white .icon {
  background-color: hsl(345, 100%, 44.5%);
}
.button--transparent.grey {
  background-color: transparent;
  color: hsl(0, 0%, 20%);
  border: 1px solid hsl(0, 0%, 79.6%);
}
.button--transparent.grey .dot {
  background-color: hsl(345, 100%, 44.5%);
}
.button--transparent.grey .icon {
  background-color: hsl(345, 100%, 44.5%);
}
.button--transparent.black {
  background-color: transparent;
  color: hsl(0, 0%, 20%);
  border: 1px solid hsl(0, 0%, 20%);
}
.button--transparent.black .dot {
  background-color: hsl(345, 100%, 44.5%);
}
.button--transparent.black .icon {
  background-color: hsl(345, 100%, 44.5%);
}

.button--red {
  background-color: hsl(345, 100%, 35.7%);
  border: 1px solid hsl(345, 100%, 35.7%);
}
.button--red .dot {
  background-color: hsl(0, 0%, 100%);
}
.button--red .icon {
  background-color: hsl(0, 0%, 100%);
}

/**
 * Every conceivable HTML element within a `.cms-output` wrapper.
 *
 * 1. Exclude last childs.
 */
.cms-output p:not(:last-child) {
  margin-bottom: 2em;
}
.cms-output h2,
.cms-output h3,
.cms-output h4 {
  margin-bottom: 30px;
}
.cms-output h5 {
  margin-bottom: 20px;
}
.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: 1em;
}
.cms-output ul li,
.cms-output ol li {
  margin-bottom: 15px;
}
.cms-output ol {
  list-style-type: decimal;
}
.cms-output strong {
  font-weight: bold;
}
.cms-output a {
  text-decoration: none;
  color: hsl(345, 100%, 44.5%);
  transition: all 250ms ease;
}
.cms-output a:hover {
  color: hsl(345, 100%, 35.7%);
}
.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;
}

[data-split=heading] {
  visibility: hidden;
  -webkit-text-rendering: optimizeSpeed;
  text-rendering: optimizeSpeed;
  -webkit-transform: translateZ(0);
  font-kerning: none;
  margin-bottom: 24px;
}
[data-split=heading] .line {
  overflow: hidden;
}
[data-split=heading] .word {
  will-change: transform;
  transform: translateZ(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;
}

/**
 * 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: 6px;
  font-size: 13px;
  font-weight: 700;
  color: hsl(0, 0%, 14.1%);
  margin-left: 0;
}

select,
input,
textarea {
  font-family: inherit;
  font-size: 14px;
  line-height: 1.5;
  width: 100%;
  height: 44px;
  border-radius: 8px;
  border: 1px solid rgba(219, 219, 219, 0.8);
  background: rgba(219, 219, 219, 0.1);
  padding: 10px 14px;
  font-weight: 400;
  color: hsl(0, 0%, 14.1%);
  outline: none;
  transition: border-color 200ms ease, background-color 200ms ease;
  appearance: none;
  -webkit-appearance: none;
}
select::placeholder,
input::placeholder,
textarea::placeholder {
  color: hsl(0, 0%, 65.9%);
  font-weight: 400;
}

textarea {
  height: 100px;
  padding-top: 12px;
  resize: vertical;
}

.gfield_required {
  color: hsl(345, 100%, 44.5%);
  font-size: 12px;
  font-weight: 600;
  margin-left: 2px;
}

.ginput_container_select {
  position: relative;
  width: 100%;
  background-color: transparent;
}
.ginput_container_select svg {
  position: absolute;
  top: 50%;
  right: 14px;
  transform: translateY(-50%);
  width: 10px;
  height: 10px;
  pointer-events: none;
  z-index: 1;
  color: hsl(0, 0%, 31.4%);
}
.ginput_container_select select {
  position: relative;
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding-right: 36px;
  border-radius: 8px;
  border: 1px solid rgba(219, 219, 219, 0.8);
  background: rgba(219, 219, 219, 0.1);
  cursor: pointer;
  z-index: 2;
  overflow: hidden;
}
.ginput_container_select select:focus {
  background-color: hsl(0, 0%, 100%);
  border-color: hsl(0, 0%, 48.6%);
}

input[type=radio],
input[type=checkbox] {
  width: 16px;
  height: 16px;
  min-width: 16px;
  border: 1.5px solid hsl(0, 0%, 65.9%);
  border-radius: 3px;
  background-color: hsl(0, 0%, 100%);
  transition: border-color 200ms ease, background-color 200ms ease;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  position: relative;
}
input[type=radio]:checked,
input[type=checkbox]:checked {
  background-color: hsl(0, 0%, 14.1%);
  border-color: hsl(0, 0%, 14.1%);
}
input[type=radio]:checked::after,
input[type=checkbox]:checked::after {
  content: "";
  position: absolute;
  top: 1px;
  left: 4px;
  width: 5px;
  height: 9px;
  border-right: 2px solid hsl(0, 0%, 100%);
  border-bottom: 2px solid hsl(0, 0%, 100%);
  transform: rotate(45deg);
}

input[type=radio] {
  border-radius: 50%;
}
input[type=radio]:checked::after {
  width: 6px;
  height: 6px;
  border: none;
  border-radius: 50%;
  background-color: hsl(0, 0%, 100%);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

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

.gfield_label,
.gform-field-label:not(.gform-field-label--type-inline) {
  margin-left: 0;
  margin-bottom: 6px;
  font-size: 13px;
  font-weight: 700;
  color: hsl(0, 0%, 14.1%);
}

.gform-field-label--type-inline {
  font-weight: 400;
  font-size: 14px;
  color: hsl(0, 0%, 14.1%);
  margin-left: 0;
  margin-bottom: 0;
  cursor: pointer;
}

.gchoice {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}
.gchoice:last-child {
  margin-bottom: 0;
}

.gfield_description {
  font-size: 12px;
  color: hsl(0, 0%, 48.6%);
  margin-top: 4px;
}

.gform_validation_container {
  display: none;
}

.hidden_label > label {
  display: none;
}

.validation_message {
  font-size: 12px;
  line-height: 1.4;
  margin-top: 4px;
  color: hsl(345, 100%, 44.5%);
  display: flex;
  align-items: center;
  gap: 4px;
}
.validation_message > svg {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}

.gfield_error input,
.gfield_error textarea,
.gfield_error select,
.gfield_error .ginput_container_select select {
  border-color: hsl(345, 100%, 44.5%) !important;
  background-color: hsla(345, 100%, 44.5%, 0.06) !important;
}
.gfield_error .ginput_container_select {
  border-color: transparent;
}

.validation_error {
  display: none;
  position: relative;
  margin: 0 0 32px;
  padding: 20px 20px 20px 56px;
  background: hsla(345, 100%, 44.5%, 0.08);
  color: hsl(345, 100%, 44.5%);
  border-radius: 6px;
  font-size: 14px;
}
.validation_error > svg {
  position: absolute;
  top: calc(50% - 12px);
  left: 20px;
  width: 24px;
  height: 24px;
  color: hsl(345, 100%, 44.5%);
}
.validation_error .close-button {
  position: absolute;
  top: 8px;
  right: 8px;
  cursor: pointer;
}
.validation_error .close-button svg {
  width: 14px;
  height: 14px;
  color: hsl(0, 0%, 31.4%);
}

.gform_confirmation_message {
  width: 100%;
  padding: 40px;
  background: hsl(345, 100%, 44.5%);
  border-radius: 6px;
  color: hsl(0, 0%, 100%);
}
.gform_confirmation_message br {
  display: none;
}
.gform_confirmation_message h4 {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}
.gform_confirmation_message h4 svg {
  width: 24px;
  height: 24px;
  margin-right: 16px;
  border-radius: 50%;
  background-color: hsl(0, 0%, 100%);
  padding: 4px;
  color: hsl(0, 0%, 14.1%);
}

.gform_fields {
  display: flex;
  flex-wrap: wrap;
  gap: 0 20px;
}
.gform_fields .gfield {
  width: 100%;
}
.gform_fields .gfield--width-half,
.gform_fields .is-50 {
  width: calc(50% - 10px);
}
@media only screen and (max-width: 899px) {
  .gform_fields .gfield--width-half,
  .gform_fields .is-50 {
    width: 100%;
  }
}

/**
 * Heading.
 */
h1,
h2,
h3,
h4 {
  font-family: "Montserrat";
  color: hsl(0, 0%, 20%);
  font-weight: 600;
}
h1.is-white,
h2.is-white,
h3.is-white,
h4.is-white {
  color: hsl(0, 0%, 100%);
}

/**
  * Heading 1.
*/
h1,
.heading-1 {
  font-size: 56px;
  line-height: 1.2em;
}
@media only screen and (max-width: 899px) {
  h1,
  .heading-1 {
    font-size: 32px;
    line-height: 1.2em;
  }
}

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

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

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

/**
* Heading 3.
*/
h5 {
  font-size: 20px;
  line-height: 1.2em;
}
/**
 * Subheading.
 */
.subtitle {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 1.8px;
  text-transform: uppercase;
}
.subtitle .dot {
  width: 4px;
  height: 4px;
  border-radius: 100px;
}
.subtitle.subtitle--red {
  color: hsl(345, 100%, 44.5%);
}
.subtitle.subtitle--red .dot {
  background-color: hsl(345, 100%, 44.5%);
}
.subtitle.subtitle--grey {
  color: hsl(0, 0%, 100%);
}
.subtitle.subtitle--grey .dot {
  background-color: hsl(0, 0%, 100%);
}

/**
 * Body.
 */
p, span, a, li, button {
  font-size: 16px;
  line-height: 1.5em;
}
p.is-white, span.is-white, a.is-white, li.is-white, button.is-white {
  color: hsl(0, 0%, 100%);
}

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

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

.pagination {
  width: 100%;
  padding-inline: 24px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 24px;
  margin-top: 40px;
}
.pagination .prev.is-disabled,
.pagination .next.is-disabled {
  opacity: 0.4;
}
.pagination .page-numbers {
  color: hsl(0, 0%, 20%);
  transition: color 300ms ease;
}
.pagination .page-numbers:hover {
  color: hsl(345, 100%, 44.5%);
}
.pagination .page-numbers.current {
  color: hsl(345, 100%, 44.5%);
  font-weight: 700;
}

/**
 * Wrapper (default)
 */
.wrapper {
  max-width: calc(1512px + 112px);
  padding: 0 56px;
  width: 100%;
  margin: 0 auto;
}
@media only screen and (max-width: 899px) {
  .wrapper {
    max-width: calc(1512px + 64px);
    padding: 0 32px;
    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 (small)
 */
.wrapper--small {
  max-width: calc(1512px + 586px);
  padding: 0 293px;
  width: 100%;
  margin: 0 auto;
}
@media only screen and (max-width: 1199px) {
  .wrapper--small {
    max-width: calc(1512px + 208px);
    padding: 0 104px;
    width: 100%;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 899px) {
  .wrapper--small {
    max-width: calc(1512px + 64px);
    padding: 0 32px;
    width: 100%;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 599px) {
  .wrapper--small {
    max-width: calc(1512px + 48px);
    padding: 0 24px;
    width: 100%;
    margin: 0 auto;
  }
}

/**
* Self hosted google webfonts.
* https://gwfh.mranftl.com/fonts
**/
/* montserrat-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: "Montserrat";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/montserrat-v31-latin-300.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-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: "Montserrat";
  font-style: italic;
  font-weight: 300;
  src: url("../fonts/montserrat-v31-latin-300italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-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: "Montserrat";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/montserrat-v31-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-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: "Montserrat";
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/montserrat-v31-latin-italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-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: "Montserrat";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/montserrat-v31-latin-500.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-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: "Montserrat";
  font-style: italic;
  font-weight: 500;
  src: url("../fonts/montserrat-v31-latin-500italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-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: "Montserrat";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/montserrat-v31-latin-600.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-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: "Montserrat";
  font-style: italic;
  font-weight: 600;
  src: url("../fonts/montserrat-v31-latin-600italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-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: "Montserrat";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/montserrat-v31-latin-700.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-700italic - 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: "Montserrat";
  font-style: italic;
  font-weight: 700;
  src: url("../fonts/montserrat-v31-latin-700italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-800 - 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: "Montserrat";
  font-style: normal;
  font-weight: 800;
  src: url("../fonts/montserrat-v31-latin-800.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-800italic - 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: "Montserrat";
  font-style: italic;
  font-weight: 800;
  src: url("../fonts/montserrat-v31-latin-800italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-900 - 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: "Montserrat";
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/montserrat-v31-latin-900.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-900italic - 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: "Montserrat";
  font-style: italic;
  font-weight: 900;
  src: url("../fonts/montserrat-v31-latin-900italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* smooch-sans-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: "Smooch Sans";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/smooch-sans-v15-latin-600.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/**
 * Components.
 */
.page-template-blogs-list .header .header__logo--dark {
  opacity: 1 !important;
}
.page-template-blogs-list .header .header__logo--light {
  opacity: 0 !important;
}
.page-template-blogs-list .header .button--transparent.white {
  background-color: transparent;
  color: hsl(0, 0%, 2.7%);
  border: 1px solid hsl(345, 100%, 35.7%);
}
.page-template-blogs-list .header .language-switch__toggle {
  border: 1px solid hsl(0, 0%, 2.7%);
  color: hsl(0, 0%, 2.7%);
}
.page-template-blogs-list .header .language-switch__toggle svg path {
  stroke: hsl(0, 0%, 2.7%);
}
.page-template-blogs-list .header .language-switch__dropdown {
  background: hsl(0, 0%, 100%);
  border: 1px solid hsl(0, 0%, 2.7%);
}
.page-template-blogs-list .header .language-switch__dropdown li a {
  color: hsl(0, 0%, 2.7%);
}
.page-template-blogs-list .header .header__bg {
  background: hsl(0, 0%, 100%);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  border-color: #E8E8E8;
}
.page-template-blogs-list .header .navigation__list a,
.page-template-blogs-list .header .navigation__item a {
  color: hsl(0, 0%, 2.7%);
}
.page-template-blogs-list .header .navigation__item svg path {
  stroke: hsl(0, 0%, 2.7%);
}

.single-blogs .header:not(.is-white) .header__logo--dark {
  opacity: 0;
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
  transition: all 300ms ease;
  padding-block: 24px;
}
.header[data-header-bg=dark] .header__logo--dark {
  opacity: 0;
}
.header.is-white .header__logo .header__logo--dark {
  opacity: 1;
}
.header.is-white .header__logo .header__logo--light {
  opacity: 0;
}
.header.is-white .button--transparent.white {
  background-color: transparent;
  color: hsl(0, 0%, 2.7%);
  border: 1px solid hsl(345, 100%, 35.7%);
}
.header.is-white .language-switch__toggle {
  border: 1px solid hsl(0, 0%, 2.7%);
  color: hsl(0, 0%, 2.7%);
}
.header.is-white .language-switch__toggle svg path {
  stroke: hsl(0, 0%, 2.7%);
}
.header.is-white .language-switch__dropdown {
  background: hsl(0, 0%, 100%);
  border: 1px solid hsl(0, 0%, 2.7%);
}
.header.is-white .language-switch__dropdown li a {
  color: hsl(0, 0%, 2.7%);
}
.header .header__menu-button {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: 1px solid hsl(0, 0%, 100%);
  border-radius: 100px;
  min-width: 40px;
  width: 40px;
  height: auto;
  aspect-ratio: 1/1;
  gap: 4px;
  display: none;
  position: relative;
  z-index: 1;
  transition: border-color 300ms ease;
}
@media screen and (max-width: 1024px) {
  .header .header__menu-button {
    display: flex;
  }
}
@media screen and (max-width: 689px) {
  .header .header__menu-button {
    margin-left: auto;
  }
}
.header .header__menu-button span {
  width: 16px;
  height: 2px;
  background-color: hsl(0, 0%, 100%);
  border-radius: 100px;
  display: block;
  transition: background-color 300ms ease;
}
.header .button--transparent.white {
  transition: all 300ms ease;
}
.header .header__logo {
  position: relative;
  z-index: 999;
}
.header .header__logo img {
  transition: none;
  max-width: 184px;
  width: 100%;
  height: auto;
}
@media screen and (min-width: 1025px) and (max-width: 1096px) {
  .header .header__logo img {
    max-width: 116px;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1236px) {
  .header .header__logo img {
    max-width: 140px;
  }
}
.header .header__logo .header__logo--light {
  display: block;
  opacity: 1;
}
.header .header__logo .header__logo--dark {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.header .wrapper {
  align-items: center;
}
.header .navigation {
  margin-left: auto;
}
@media screen and (max-width: 1024px) {
  .header .navigation {
    display: none;
  }
}
.header .header__link-wrapper,
.header .navigation__link-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  position: relative;
  z-index: 999;
  margin-left: 24px;
}
@media screen and (max-width: 1024px) {
  .header .header__link-wrapper {
    margin-left: auto;
  }
}
@media screen and (max-width: 689px) {
  .header .header__link-wrapper {
    display: none;
  }
}
.header .navigation__item svg path {
  transition: all 300ms ease;
}
.header.is-scrolled .header__bg {
  height: 100%;
}
.header .header__bg {
  border-radius: 0 0 16px 16px;
  border: 1px solid #454545;
  background: rgba(254, 254, 254, 0.18);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
  width: 100%;
  height: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  transition: height 450ms cubic-bezier(0.525, 0, 0, 1);
  pointer-events: none;
}
@media only screen and (max-width: 599px) {
  .header .header__bg {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
}
.header.has-dropdown-open .header__bg {
  height: 418px;
}
.header.is-white .header__bg {
  background: hsl(0, 0%, 100%);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  border-color: #E8E8E8;
}
.header.is-white .navigation__list a,
.header.is-white .navigation__item a {
  color: hsl(0, 0%, 2.7%);
}
.header.is-white .navigation__item .navigation-mobile__link > span > svg path {
  stroke: hsl(0, 0%, 2.7%);
}
.header.is-white .header__menu-button {
  border-color: hsl(0, 0%, 2.7%);
}
.header.is-white .header__menu-button span {
  background-color: hsl(0, 0%, 2.7%);
}
.header.is-white .navigation__main li.navigation__item--has-submenu svg path {
  stroke: hsl(0, 0%, 11.4%);
}
.header.is-white ~ .navigation-mobile {
  background: hsl(0, 0%, 100%);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
.header.is-white ~ .navigation-mobile .navigation-mobile__link {
  color: hsl(0, 0%, 11.4%);
}
.header.is-white ~ .navigation-mobile .navigation-mobile__link > span svg path {
  stroke: hsl(0, 0%, 11.4%);
}
.header.is-white ~ .navigation-mobile .navigation__cta.navigation__cta--main.button.button--transparent.white {
  border: 1px solid hsl(0, 0%, 11.4%);
}
.header.is-white ~ .navigation-mobile .navigation__cta.navigation__cta--main.button.button--transparent.white span {
  color: hsl(0, 0%, 11.4%);
}
.header .navigation__submenu {
  position: absolute;
  left: 0;
  top: 96px;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  transition: opacity 300ms ease, visibility 300ms ease;
}
.header .navigation__submenu.is-active {
  opacity: 1;
  visibility: visible;
}
.header .navigation__submenu .keen-slider {
  display: flex;
  flex-direction: row;
}
.header .navigation__submenu .navigation__progression {
  max-width: 348px;
  width: 100%;
  margin-left: auto;
  height: 3px;
  background-color: #dfdfdf;
  margin-top: 16px;
  overflow: clip;
  border-radius: 28px;
}
.header .navigation__submenu .navigation__progression__bar {
  height: 100%;
  background-color: hsl(345, 100%, 35.7%);
  border-radius: 28px;
  width: 0%;
  transition: width 300ms ease;
}
.header .navigation__submenu .navigation__subitem {
  border-radius: 6px;
}
.header .navigation__submenu .navigation__subitem a {
  width: 100%;
  height: 274px;
  border-radius: 6px;
  position: relative;
  overflow: clip;
  display: flex;
  opacity: 0;
  transform: translateX(4em);
  transition: opacity 450ms cubic-bezier(0.525, 0, 0, 1), transform 450ms cubic-bezier(0.525, 0, 0, 1);
}
.navigation__subitem:nth-child(1) .header .navigation__submenu .navigation__subitem a {
  transition-delay: 0.12s;
}
.navigation__subitem:nth-child(2) .header .navigation__submenu .navigation__subitem a {
  transition-delay: 0.18s;
}
.navigation__subitem:nth-child(3) .header .navigation__submenu .navigation__subitem a {
  transition-delay: 0.24s;
}
.navigation__subitem:nth-child(4) .header .navigation__submenu .navigation__subitem a {
  transition-delay: 0.3s;
}
.navigation__subitem:nth-child(5) .header .navigation__submenu .navigation__subitem a {
  transition-delay: 0.36s;
}
.navigation__subitem:nth-child(6) .header .navigation__submenu .navigation__subitem a {
  transition-delay: 0.42s;
}
.navigation__subitem:nth-child(7) .header .navigation__submenu .navigation__subitem a {
  transition-delay: 0.48s;
}
.navigation__subitem:nth-child(8) .header .navigation__submenu .navigation__subitem a {
  transition-delay: 0.54s;
}
.header .navigation__submenu .navigation__subitem a::before {
  border-radius: 6.165px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 76.92%);
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  z-index: 1;
}
.header .navigation__submenu .navigation__subitem img {
  width: 100%;
  height: 274px;
  border-radius: 6px;
  transition: transform 400ms ease-in-out;
}
.header .navigation__submenu.is-active .navigation__subitem a {
  opacity: 1;
  transform: translateX(0);
}
.header .navigation__submenu .navigation__subitem a:hover .icon__bg,
.header .navigation__submenu .navigation__subitem a:focus-visible .icon__bg {
  transform: rotate(90deg);
}
.header .navigation__submenu .navigation__subitem a:hover .icon__list svg,
.header .navigation__submenu .navigation__subitem a:focus-visible .icon__list svg {
  transform: translateX(200%);
}
.header .navigation__submenu .navigation__subitem a:hover img,
.header .navigation__submenu .navigation__subitem a:focus-visible img {
  transform: scale(1.05);
}
.header .navigation__submenu .navigation__subitem-title {
  color: hsl(0, 0%, 100%);
  font-size: 26px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 24px;
  justify-content: space-between;
  position: absolute;
  bottom: 20px;
  left: 20px;
  right: 20px;
  z-index: 3;
}
.header .navigation__submenu .navigation__subitem-title .icon {
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1/1;
  border-radius: 100px;
  position: relative;
  flex: none;
}
.header .navigation__submenu .navigation__subitem-title .icon__bg {
  background-color: hsl(0, 0%, 100%);
  border-radius: 100px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  z-index: 0;
  transition: transform 0.525s cubic-bezier(0.625, 0.05, 0, 1);
}
.header .navigation__submenu .navigation__subitem-title .icon__wrap {
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-radius: 100px;
}
.header .navigation__submenu .navigation__subitem-title .icon__list {
  flex: none;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  display: flex;
}
.header .navigation__submenu .navigation__subitem-title .icon__list svg {
  flex: none;
  width: 32px;
  height: 100%;
  padding: 8px;
  transition: transform 0.525s cubic-bezier(0.625, 0.05, 0, 1);
}
.header .navigation__main {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 24px;
  position: relative;
  z-index: 999;
}
.header .navigation__main li a {
  color: hsl(0, 0%, 100%);
  transition: all 300ms ease;
  position: relative;
}
.header .navigation__main li a:after {
  content: "";
  width: 0;
  position: absolute;
  bottom: -5px;
  left: 0;
  height: 1px;
  background-color: currentColor;
  transition: all 300ms ease-in-out;
}
.header .navigation__main li a:hover::after {
  width: 100%;
}
.header .navigation__main li.is-current > a::after {
  width: 100%;
}
.header .navigation__main li.navigation__item--has-submenu {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 6px;
}
.header .navigation__main li.navigation__item--has-submenu svg {
  transition: all 300ms ease;
}
.header .navigation__main li.navigation__item--has-submenu::after {
  display: none;
}
.header .navigation__main li.navigation__item--has-submenu:hover svg {
  transform: rotate(180deg);
}

.navigation-mobile {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: opacity 400ms ease, visibility 400ms ease;
  border-radius: 0 0 16px 16px;
  border: 1px solid #454545;
  background: rgba(254, 254, 254, 0.36);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  opacity: 0;
  visibility: hidden;
  z-index: 998;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 100px 0 40px 24px;
  display: none;
}
.navigation-mobile::before {
  content: "";
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 116px;
  background: linear-gradient(180deg, rgba(51, 51, 51, 0) 0%, #333 100%);
  pointer-events: none;
  z-index: 1;
}
@media screen and (max-width: 1024px) {
  .navigation-mobile {
    display: block;
  }
}
.navigation-mobile.is-active {
  opacity: 1;
  visibility: visible;
}
.navigation-mobile::-webkit-scrollbar {
  display: none;
}
.navigation-mobile .navigation__link-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  margin-top: 40px;
}
@media only screen and (max-width: 599px) {
  .navigation-mobile .navigation__link-wrapper {
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 690px) {
  .navigation-mobile .navigation__link-wrapper {
    display: none;
  }
}

/**
 * Main menu.
 */
.navigation-mobile__main {
  padding: 10px 0;
}
@media only screen and (max-width: 599px) {
  .navigation-mobile__main {
    padding: 10px 0px 120px 0px;
  }
}
.navigation-mobile__main > li {
  position: relative;
}
.navigation-mobile__main > li.is-active > a {
  color: hsl(0, 0%, 100%);
}
.navigation-mobile__main > li.is-active > a > span svg {
  transform: rotate(180deg);
}
.navigation-mobile__main > li.is-active > .navigation-mobile__submenu {
  grid-template-rows: 1fr;
}
.navigation-mobile__main > li > a {
  font-size: 32px;
  line-height: 1.2;
  display: flex;
  align-items: center;
  gap: 12px;
  position: relative;
  width: 100%;
  font-weight: 400;
  margin: 16px 0 0 0;
  color: hsl(0, 0%, 100%);
}
.navigation-mobile__main > li > a > span {
  padding: 0;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.navigation-mobile__main > li > a > span svg {
  width: 14px;
  height: 14px;
  transition: transform 300ms ease;
}
.navigation-mobile__main > li > a > span svg path {
  stroke: hsl(0, 0%, 100%);
}

/**
 * Submenu.
 */
.navigation-mobile__submenu {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 400ms ease;
  margin: 0;
}

.navigation-mobile__submenu-inner {
  overflow-x: visible;
  overflow-y: hidden;
  min-height: 0;
  padding: 0;
}
.navigation-mobile__submenu-inner .keen-slider {
  display: flex;
  flex-direction: row;
  overflow: visible;
  padding-top: 16px;
  margin-right: 24px;
}
@media only screen and (max-width: 599px) {
  .navigation-mobile__submenu-inner .keen-slider {
    flex-wrap: wrap;
    gap: 12px;
    overflow: visible;
  }
}

.navigation-mobile__progression {
  max-width: 348px;
  width: 100%;
  margin-left: auto;
  height: 3px;
  background-color: #dfdfdf;
  margin-top: 16px;
  overflow: clip;
  border-radius: 28px;
  margin-right: 24px;
}
@media only screen and (max-width: 599px) {
  .navigation-mobile__progression {
    display: none;
  }
}
.navigation-mobile__progression__bar {
  height: 100%;
  background-color: hsl(345, 100%, 35.7%);
  border-radius: 28px;
  width: 0%;
  transition: width 300ms ease;
}

/**
 * Subitem — same styling as desktop navigation__subitem.
 */
.navigation-mobile__subitem {
  border-radius: 6px;
}
@media only screen and (max-width: 599px) {
  .navigation-mobile__subitem {
    flex: none;
    max-width: calc(50% - 6px);
    width: 100%;
  }
}
.navigation-mobile__subitem a {
  width: 100%;
  height: 200px;
  border-radius: 6px;
  position: relative;
  overflow: clip;
  display: flex;
}
@media only screen and (max-width: 599px) {
  .navigation-mobile__subitem a {
    height: 160px;
  }
}
.navigation-mobile__subitem a::before {
  border-radius: 6px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 76.92%);
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  z-index: 1;
}
.navigation-mobile__subitem a:hover .icon__bg,
.navigation-mobile__subitem a:focus-visible .icon__bg {
  transform: rotate(90deg);
}
.navigation-mobile__subitem a:hover .icon__list svg,
.navigation-mobile__subitem a:focus-visible .icon__list svg {
  transform: translateX(200%);
}
.navigation-mobile__subitem a:hover img,
.navigation-mobile__subitem a:focus-visible img {
  transform: scale(1.05);
}
.navigation-mobile__subitem img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 6px;
  transition: transform 400ms ease-in-out;
}

.navigation-mobile__subitem-title {
  color: hsl(0, 0%, 100%);
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
  justify-content: space-between;
  position: absolute;
  bottom: 16px;
  left: 16px;
  right: 16px;
  z-index: 3;
}
@media only screen and (max-width: 599px) {
  .navigation-mobile__subitem-title {
    font-size: 16px;
    bottom: 12px;
    left: 12px;
    right: 12px;
  }
}
.navigation-mobile__subitem-title .icon {
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1/1;
  border-radius: 100px;
  position: relative;
  flex: none;
}
.navigation-mobile__subitem-title .icon__bg {
  background-color: hsl(0, 0%, 100%);
  border-radius: 100px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  z-index: 0;
  transition: transform 0.525s cubic-bezier(0.625, 0.05, 0, 1);
}
.navigation-mobile__subitem-title .icon__wrap {
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-radius: 100px;
}
.navigation-mobile__subitem-title .icon__list {
  flex: none;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  display: flex;
}
.navigation-mobile__subitem-title .icon__list svg {
  flex: none;
  width: 32px;
  height: 100%;
  padding: 8px;
  transition: transform 0.525s cubic-bezier(0.625, 0.05, 0, 1);
}

/**
 * Hamburger button active state.
 */
.header__menu-button.is-active span:nth-child(1) {
  transform: rotate(45deg) translate(4px, 3px);
}
.header__menu-button.is-active span:nth-child(2) {
  opacity: 0;
}
.header__menu-button.is-active span:nth-child(3) {
  transform: rotate(-45deg) translate(5px, -4px);
}

/**
 * Disable scroll.
 */
body.has-mobile-nav {
  overflow: hidden;
}

.footer {
  padding-top: 56px;
}
@media only screen and (max-width: 599px) {
  .footer {
    padding-top: 40px;
  }
}
.footer.footer--dark {
  background-color: hsl(0, 0%, 2.7%);
}
.footer.footer--light {
  background-color: hsl(0, 0%, 100%);
}
.footer .footer__image {
  border-radius: 16px;
  height: 474px;
  width: 100%;
  position: relative;
  overflow: clip;
}
@media only screen and (max-width: 899px) {
  .footer .footer__image {
    border-radius: 4px;
    height: auto;
    aspect-ratio: 1/1;
  }
}
.footer .footer__image img {
  height: 474px;
  width: 100%;
  object-fit: cover;
}
@media only screen and (max-width: 899px) {
  .footer .footer__image img {
    height: auto;
    aspect-ratio: 1/1;
  }
}
.footer .footer__container {
  position: relative;
  z-index: 3;
  background-color: hsl(0, 0%, 20%);
  border-radius: 4px;
  padding: 32px 32px 24px 32px;
  display: flex;
  flex-direction: column;
  gap: 96px;
}
@media only screen and (max-width: 599px) {
  .footer .footer__container {
    gap: 48px;
    padding: 16px;
  }
}
.footer .footer__content {
  display: flex;
  flex-direction: row;
  gap: 64px;
  justify-content: space-between;
}
@media only screen and (max-width: 1199px) {
  .footer .footer__content {
    gap: 24px;
  }
}
@media only screen and (max-width: 899px) {
  .footer .footer__content {
    flex-direction: column;
    gap: 84px;
  }
}
@media only screen and (max-width: 599px) {
  .footer .footer__content {
    gap: 40px;
  }
}
.footer .footer__bottom a {
  transition: color 250ms ease;
}
.footer .footer__creator {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
}
.footer .footer__creator a {
  text-decoration: underline;
}
.footer .footer__title {
  color: hsl(0, 0%, 100%);
  margin-bottom: 32px;
}
.footer .footer__content-head {
  max-width: 524px;
  width: 100%;
}
.footer .footer__content-buttons {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
}
@media only screen and (max-width: 899px) {
  .footer .footer__content-buttons {
    flex-wrap: wrap;
  }
}
.footer .footer__content-buttons a {
  width: fit-content;
}
.footer .footer__content-navigation {
  margin-left: auto;
  max-width: 600px;
  gap: 96px;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
@media only screen and (max-width: 899px) {
  .footer .footer__content-navigation {
    margin-left: 0;
    flex-wrap: wrap;
    gap: 0;
  }
}
@media only screen and (max-width: 599px) {
  .footer .footer__content-navigation .footer__editor {
    width: 100%;
  }
}
.footer .footer__content-navigation .footer__editor strong {
  line-height: 2em;
}
.footer .footer__content-navigation .footer__editor a {
  text-decoration: none;
}
.footer .footer__content-navigation .footer__editor * {
  color: hsl(0, 0%, 100%);
}
.footer .footer__bottom {
  padding-top: 16px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  display: flex;
  flex-direction: row;
  gap: 8px 24px;
  justify-content: space-between;
}
@media only screen and (max-width: 599px) {
  .footer .footer__bottom {
    flex-direction: column;
  }
}
.footer .footer__bottom * {
  color: rgba(254, 253, 251, 0.7);
}
.footer .footer__bottom .footer__legal-items {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 13px;
}
.footer .footer__bottom .footer__legal-items a:not(:last-child) {
  position: relative;
}
.footer .footer__bottom .footer__legal-items a:not(:last-child)::before {
  content: "";
  width: 1px;
  height: 60%;
  background-color: rgba(254, 253, 251, 0.7);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -7px;
}

.wpml-ls-statics-footer {
  display: none;
}

.hero-home {
  background-color: hsl(0, 0%, 2.7%);
  height: 100svh;
  height: calc(var(--hero-vh, 1svh) * 100);
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  color: hsl(0, 0%, 100%);
}
@media only screen and (max-width: 899px) {
  .hero-home {
    height: 100svh;
    height: calc(var(--hero-vh, 1svh) * 100);
  }
}
@media only screen and (max-width: 599px) {
  .hero-home {
    height: auto;
  }
}
.hero-home::before {
  background: linear-gradient(137deg, #070707 52.37%, #E30037 108.56%);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  pointer-events: none;
  content: "";
}
.hero-home .hero-home__video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 2;
}
.hero-home .hero-home__video::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.3);
  z-index: 1;
}
.hero-home .hero-home__video iframe {
  position: absolute;
  top: 55%;
  left: 55%;
  transform: translate(-50%, -50%);
  width: 177.78vh;
  min-width: 100%;
  height: 100%;
  min-height: 56.25vw;
}
@media only screen and (max-width: 599px) {
  .hero-home .hero-home__video iframe {
    width: 190.78vh;
  }
}
.hero-home .wrapper {
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  padding-top: 160px;
  padding-bottom: 56px;
}
@media only screen and (max-width: 1199px) {
  .hero-home .wrapper {
    padding-top: 140px;
    padding-bottom: 48px;
  }
}
@media only screen and (max-width: 899px) {
  .hero-home .wrapper {
    padding-top: 120px;
    padding-bottom: 40px;
  }
}
@media only screen and (max-width: 599px) {
  .hero-home .wrapper {
    padding-top: 100px;
    padding-bottom: 32px;
  }
}
.hero-home .hero-home__head {
  max-width: 640px;
}
@media only screen and (max-width: 899px) {
  .hero-home .hero-home__head {
    max-width: 100%;
    margin-bottom: 150px;
  }
}
@media only screen and (max-width: 1199px) {
  .hero-home .hero-home__head {
    max-width: 520px;
  }
}
.hero-home .hero-home__title {
  font-size: 96px;
  line-height: 1.2em;
  font-weight: 300;
  color: hsl(0, 0%, 100%);
  margin: 0 0 16px;
}
@media only screen and (max-width: 1199px) {
  .hero-home .hero-home__title {
    font-size: 72px;
  }
}
@media only screen and (max-width: 899px) {
  .hero-home .hero-home__title {
    font-size: 56px;
  }
}
@media only screen and (max-width: 599px) {
  .hero-home .hero-home__title {
    font-size: 48px;
  }
}
.hero-home .hero-home__editor {
  margin-bottom: 12px;
}
.hero-home .hero-home__editor * {
  color: var(--Wit-100, #FFF);
  font-size: 32px;
  font-style: normal;
  font-weight: 300;
  line-height: 1.3em;
}
@media only screen and (max-width: 599px) {
  .hero-home .hero-home__editor * {
    font-size: 16px;
  }
}
.hero-home .hero-home__bottom {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: space-between;
  gap: 32px;
}
@media only screen and (max-width: 899px) {
  .hero-home .hero-home__bottom {
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
  }
}
.hero-home .hero-home__slider-wrap {
  display: flex;
  flex-direction: column;
  max-width: 480px;
  width: 100%;
}
@media only screen and (max-width: 1199px) {
  .hero-home .hero-home__slider-wrap {
    max-width: 400px;
  }
}
@media only screen and (max-width: 899px) {
  .hero-home .hero-home__slider-wrap {
    max-width: 100%;
  }
}
.hero-home .hero-home__nav {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  padding-block: 14px;
  overflow: hidden;
}
.hero-home .hero-home__nav-prev,
.hero-home .hero-home__nav-next {
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
  border: none;
  padding: 0;
  color: hsl(0, 0%, 100%);
  cursor: pointer;
  flex-shrink: 0;
  transition: opacity 200ms ease;
}
.hero-home .hero-home__nav-prev svg,
.hero-home .hero-home__nav-next svg {
  display: block;
}
@media only screen and (max-width: 599px) {
  .hero-home .hero-home__nav-prev {
    order: 3;
  }
}
@media only screen and (max-width: 599px) {
  .hero-home .hero-home__nav-next {
    order: 5;
  }
}
.hero-home .hero-home__nav-count {
  font-size: 14px;
  color: hsl(0, 0%, 100%);
  letter-spacing: 0.02em;
  flex-shrink: 0;
  padding-inline: 12px;
}
@media only screen and (max-width: 599px) {
  .hero-home .hero-home__nav-count {
    order: 4;
  }
}
.hero-home .hero-home__nav-divider {
  width: 1px;
  height: 16px;
  flex-shrink: 0;
  margin-right: 20px;
}
@media only screen and (max-width: 599px) {
  .hero-home .hero-home__nav-divider {
    order: 2;
  }
}
.hero-home .hero-home__tabs {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 20px;
  overflow: hidden;
  flex: 1;
}
@media only screen and (max-width: 599px) {
  .hero-home .hero-home__tabs {
    order: 1;
  }
}
.hero-home .hero-home__tab {
  font-size: 16px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.35);
  white-space: nowrap;
  transition: color 300ms ease, font-weight 300ms ease;
  cursor: pointer;
  flex-shrink: 0;
}
.hero-home .hero-home__tab.is-active {
  color: hsl(0, 0%, 100%);
  font-weight: 700;
}
.hero-home .hero-home__descriptions {
  margin-top: 20px;
  position: relative;
}
.hero-home .hero-home__description {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: block;
  opacity: 0;
  pointer-events: none;
}
.hero-home .hero-home__description.is-active {
  pointer-events: auto;
}
.hero-home .hero-home__description-text {
  font-size: 16px;
  line-height: 1.5em;
  color: hsl(0, 0%, 100%);
}
@media only screen and (max-width: 899px) {
  .hero-home .hero-home__description-text {
    max-width: 100%;
  }
}
.hero-home .hero-home__cta {
  position: relative;
  flex-shrink: 0;
  align-self: flex-end;
}
@media only screen and (max-width: 899px) {
  .hero-home .hero-home__cta {
    width: 100%;
    align-self: auto;
  }
}
@media only screen and (max-width: 599px) {
  .hero-home .hero-home__cta {
    display: none;
  }
}
.hero-home .hero-home__cta-link {
  position: absolute;
  top: 0;
  right: 0;
  opacity: 0;
  pointer-events: none;
  white-space: nowrap;
  display: flex;
}
.hero-home .hero-home__cta-link.is-active {
  pointer-events: auto;
}
@media only screen and (max-width: 899px) {
  .hero-home .hero-home__cta-link {
    position: relative;
    top: auto;
    right: auto;
    width: 100%;
    justify-content: center;
    display: none;
  }
  .hero-home .hero-home__cta-link.is-active {
    display: flex;
    opacity: 1;
  }
}

.hero {
  position: relative;
  border-radius: 4px;
  background: linear-gradient(90deg, rgba(7, 7, 7, 0.2) 0%, rgba(227, 0, 55, 0.2) 100%), #070707;
}
@media only screen and (max-width: 1199px) {
  .hero {
    height: 100%;
    border-radius: 0;
    background: hsl(0, 0%, 2.7%);
  }
}
.hero .wrapper {
  height: 100%;
  padding-block: 120px 80px;
}
.hero .hero__subtitle {
  margin-bottom: 8px;
}
.hero .hero__title {
  color: hsl(0, 0%, 100%);
}
.hero .hero__content {
  margin-top: 64px;
  padding-top: 64px;
  border-top: 1px solid hsl(0, 0%, 48.6%);
  display: flex;
  flex-direction: row;
  gap: 64px;
  justify-content: space-between;
  align-items: flex-end;
}
@media only screen and (max-width: 1199px) {
  .hero .hero__content {
    padding-top: 48px;
    margin-top: 48px;
  }
}
@media only screen and (max-width: 899px) {
  .hero .hero__content {
    flex-direction: column;
  }
}
@media only screen and (max-width: 599px) {
  .hero .hero__content {
    padding-top: 24px;
    margin-top: 24px;
  }
}
.hero .hero__body {
  display: flex;
  flex-direction: column;
  gap: 24px;
  max-width: 570px;
  width: 100%;
}
@media only screen and (max-width: 1199px) {
  .hero .hero__body {
    max-width: 420px;
  }
}
@media only screen and (max-width: 899px) {
  .hero .hero__body {
    max-width: 100%;
    order: 1;
  }
}
.hero .hero__body .hero__editor * {
  color: hsl(0, 0%, 100%);
}
.hero .hero__links {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
}
@media only screen and (max-width: 599px) {
  .hero .hero__links {
    flex-wrap: wrap;
  }
}
.hero .hero__links a {
  width: fit-content;
}
.hero .hero__image {
  max-width: 569px;
  width: 100%;
  border-radius: 4px;
  overflow: clip;
}
@media only screen and (max-width: 1199px) {
  .hero .hero__image {
    max-width: 420px;
  }
}
@media only screen and (max-width: 899px) {
  .hero .hero__image {
    max-width: 100%;
    height: 310px;
    order: 2;
  }
}
.hero .hero__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media only screen and (max-width: 899px) {
  .hero .hero__image img {
    height: 310px;
  }
}

.slogan-images .wrapper {
  padding-top: 120px;
  padding-bottom: 120px;
}
@media only screen and (max-width: 1199px) {
  .slogan-images .wrapper {
    padding-top: 104px;
    padding-bottom: 104px;
  }
}
@media only screen and (max-width: 899px) {
  .slogan-images .wrapper {
    padding-block: 80px;
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media only screen and (max-width: 599px) {
  .slogan-images .wrapper {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.slogan-images .slogan-images__title {
  --mouse-x: -200px;
  --mouse-y: -200px;
  background: radial-gradient(circle 100px at var(--mouse-x) var(--mouse-y), #E30037 0%, rgba(227, 0, 55, 0) 100%), currentColor;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  cursor: default;
  color: #232323;
  font-style: normal;
  font-weight: 600;
}
.slogan-images .slogan-images__container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 64px;
  align-items: baseline;
}
@media only screen and (max-width: 899px) {
  .slogan-images .slogan-images__container {
    gap: 24px;
    flex-direction: column;
  }
}
.slogan-images .slogan-images__head {
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-width: 760px;
  width: 100%;
}
@media only screen and (max-width: 1199px) {
  .slogan-images .slogan-images__head {
    max-width: 586px;
    gap: 24px;
  }
}
@media only screen and (max-width: 899px) {
  .slogan-images .slogan-images__head {
    max-width: 100%;
  }
}
.slogan-images .slogan-images__gallery {
  container-type: inline-size;
  display: flex;
  flex-direction: row;
  gap: 8px;
  margin-top: 64px;
}
@media only screen and (max-width: 599px) {
  .slogan-images .slogan-images__gallery {
    flex-wrap: wrap;
    margin-top: 40px;
  }
}
.slogan-images .slogan-images__gallery .slogan-images__gallery-item {
  width: 20%;
  transition: width 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  overflow: hidden;
}
@media only screen and (max-width: 1199px) {
  .slogan-images .slogan-images__gallery .slogan-images__gallery-item {
    width: 16.666%;
  }
}
@media only screen and (max-width: 599px) {
  .slogan-images .slogan-images__gallery .slogan-images__gallery-item {
    width: calc(50% - 4px);
    transition: none;
    cursor: default;
  }
}
.slogan-images .slogan-images__gallery .slogan-images__gallery-item.is-active {
  width: 40%;
}
@media only screen and (max-width: 1199px) {
  .slogan-images .slogan-images__gallery .slogan-images__gallery-item.is-active {
    width: 50%;
  }
}
@media only screen and (max-width: 599px) {
  .slogan-images .slogan-images__gallery .slogan-images__gallery-item.is-active {
    width: calc(50% - 4px);
  }
}
.slogan-images .slogan-images__gallery .slogan-images__gallery-item img {
  display: block;
  min-width: 40cqi;
  height: 395px;
  object-fit: cover;
}
@media only screen and (max-width: 599px) {
  .slogan-images .slogan-images__gallery .slogan-images__gallery-item img {
    height: 187px;
  }
}

.collection {
  border-radius: 4px;
  background: linear-gradient(139deg, rgba(227, 0, 55, 0.18) 7.11%, rgba(7, 7, 7, 0.39) 44.07%), #070707;
  padding-block: 120px;
  padding-left: 0;
  padding-right: 0;
  min-height: 100svh;
}
@media only screen and (max-width: 1199px) {
  .collection {
    padding-block: 104px;
  }
}
@media only screen and (max-width: 899px) {
  .collection {
    padding-block: 80px;
  }
}
@media only screen and (max-width: 599px) {
  .collection {
    padding-block: 40px;
  }
}
.collection .collection__marquee {
  opacity: 1;
  width: 100%;
  max-width: 100%;
  margin-top: 120px;
}
@media only screen and (max-width: 899px) {
  .collection .collection__marquee {
    margin-top: 64px;
  }
}
@media only screen and (max-width: 599px) {
  .collection .collection__marquee {
    margin-top: 40px;
  }
}
.collection .collection__marquee .marquee_track {
  display: flex;
  width: 100%;
}
.collection .collection__marquee .marquee_content {
  display: flex;
  flex-shrink: 0;
  min-width: 100%;
}
.collection .collection__marquee .marquee_item {
  width: calc(100vw / var(--marquee-items, 4));
  padding-inline: 12px;
  flex-shrink: 0;
}
@media only screen and (max-width: 899px) {
  .collection .collection__marquee .marquee_item {
    width: calc(100vw / var(--marquee-items-tablet, var(--marquee-items, 4)));
  }
}
@media only screen and (max-width: 599px) {
  .collection .collection__marquee .marquee_item {
    width: calc(100vw / var(--marquee-items-phone, var(--marquee-items-tablet, var(--marquee-items, 4))));
  }
}
.collection .collection__item {
  display: flex;
  flex-direction: column;
  cursor: pointer;
  text-decoration: none;
  color: inherit;
}
.collection .collection__item:hover img {
  transform: scale(1.03);
}
.collection .collection__item:hover .collection__item-title {
  transform: translateY(8px);
}
.collection .collection__item-image {
  overflow: clip;
  border-radius: 4px;
  border: 1px solid #444;
  background: hsl(0, 0%, 100%);
}
.collection .collection__item-image img {
  width: 100%;
  height: auto;
  aspect-ratio: 254/202;
  display: block;
  object-fit: contain;
  transition: transform 250ms ease;
}
.collection .collection__item-title {
  margin-top: 16px;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  transition: all 250ms ease;
}
.collection .collection__item-title .icon {
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1/1;
  border-radius: 100px;
  position: relative;
  flex: none;
  background-color: hsl(345, 100%, 44.5%);
}
.collection .collection__item-title .icon__bg {
  border-radius: 100px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  z-index: 0;
  transition: transform 0.525s cubic-bezier(0.625, 0.05, 0, 1);
}
.collection .collection__item-title .icon__wrap {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-radius: 100px;
}
.collection .collection__item-title .icon__list {
  position: relative;
  width: 32px;
  height: 32px;
  flex: none;
}
.collection .collection__item-title .icon__list svg {
  position: absolute;
  inset: 0;
  width: 32px;
  height: 32px;
  padding: 8px;
  transition: transform 0.525s cubic-bezier(0.625, 0.05, 0, 1);
}
.collection .collection__item-title .icon__list svg:first-child {
  transform: translate(0, 0);
}
.collection .collection__item-title .icon__list svg:nth-child(2) {
  transform: translate(-100%, 100%);
}
.collection .collection__item-title .icon__list svg:nth-child(3) {
  display: none;
}
.collection .collection__item:hover .icon__bg,
.collection .collection__item:focus-visible .icon__bg {
  transform: rotate(90deg);
}
.collection .collection__item:hover .icon__list svg:first-child,
.collection .collection__item:focus-visible .icon__list svg:first-child {
  transform: translate(100%, -100%);
}
.collection .collection__item:hover .icon__list svg:nth-child(2),
.collection .collection__item:focus-visible .icon__list svg:nth-child(2) {
  transform: translate(0, 0);
}
.collection .collection__container {
  display: flex;
  flex-direction: row;
  gap: 64px;
  justify-content: space-between;
  align-items: baseline;
}
@media only screen and (max-width: 899px) {
  .collection .collection__container {
    flex-wrap: wrap;
  }
}
.collection .collection__subtitle {
  min-width: 160px;
}
.collection .collection__categories {
  display: flex;
  flex-direction: row;
  gap: 16px 64px;
  flex-wrap: wrap;
  max-width: 900px;
  width: 100%;
  position: relative;
  margin-left: auto;
}
.collection .collection__categories .collection__indicator {
  position: absolute;
  left: 0;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: hsl(345, 100%, 44.5%);
  pointer-events: none;
}
.collection .collection__categories .collection__category {
  max-width: calc(50% - 32px);
  width: 100%;
  color: hsl(0, 0%, 100%);
  font-weight: 400;
  font-size: 32px;
  line-height: 1.5em;
  text-align: left;
  position: relative;
  transition: color 200ms ease;
}
@media only screen and (max-width: 899px) {
  .collection .collection__categories .collection__category {
    max-width: 100%;
  }
}
@media only screen and (max-width: 899px) {
  .collection .collection__categories .collection__category {
    font-size: 24px;
    line-height: 1.2em;
  }
}
.collection .collection__categories .collection__category::after {
  content: attr(data-text);
  position: absolute;
  inset: 0;
  font-weight: 600;
  color: hsl(0, 0%, 100%);
  opacity: 0;
  transition: opacity 200ms ease;
  pointer-events: none;
}
.collection .collection__categories .collection__category:hover, .collection .collection__categories .collection__category.is-active {
  color: transparent;
}
.collection .collection__categories .collection__category:hover::after, .collection .collection__categories .collection__category.is-active::after {
  opacity: 1;
}
@media only screen and (max-width: 599px) {
  .collection .collection__head {
    padding-left: 24px;
  }
}

.find-dealer .wrapper {
  padding-top: 120px;
  padding-bottom: 120px;
}
@media only screen and (max-width: 1199px) {
  .find-dealer .wrapper {
    padding-top: 104px;
    padding-bottom: 104px;
  }
}
@media only screen and (max-width: 899px) {
  .find-dealer .wrapper {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media only screen and (max-width: 599px) {
  .find-dealer .wrapper {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.find-dealer .find-dealer__subtitle {
  margin-bottom: 8px;
  display: flex;
}
.find-dealer .find-dealer__filters {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-block: 24px;
  gap: 16px;
}
@media only screen and (max-width: 899px) {
  .find-dealer .find-dealer__filters {
    flex-direction: column;
    align-items: flex-start;
  }
}
.find-dealer .find-dealer__filters-location {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
}
@media only screen and (max-width: 899px) {
  .find-dealer .find-dealer__filters-location {
    width: 100%;
  }
}
.find-dealer .find-dealer__filter-search {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  border-radius: 4px;
  background: rgba(203, 203, 203, 0.24);
  padding: 8px 12px;
  height: 42px;
  min-width: 290px;
  position: relative;
}
@media only screen and (max-width: 899px) {
  .find-dealer .find-dealer__filter-search {
    flex: 1;
    min-width: 0;
  }
}
.find-dealer .find-dealer__filter-search input {
  border: none;
  outline: none;
  background: none;
  font-size: 14px;
  padding: 0;
  color: hsl(0, 0%, 2.7%);
  min-width: 0;
  flex: 1;
}
.find-dealer .find-dealer__filter-search input::placeholder {
  color: rgba(7, 7, 7, 0.4);
}
.find-dealer .find-dealer__filter-search button {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  flex-shrink: 0;
}
.find-dealer .find-dealer__filter-suggestions {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  right: 0;
  background: hsl(0, 0%, 100%);
  border: 1px solid #E4E4E4;
  border-radius: 4px;
  z-index: 20;
  display: none;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  max-height: 240px;
  overflow-y: auto;
}
.find-dealer .find-dealer__filter-suggestions.is-open {
  display: block;
}
.find-dealer .find-dealer__filter-suggestions button {
  display: block;
  width: 100%;
  padding: 10px 12px;
  font-size: 13px;
  color: hsl(0, 0%, 2.7%);
  text-align: left;
  cursor: pointer;
  transition: background-color 150ms ease;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.find-dealer .find-dealer__filter-suggestions button:hover {
  background-color: #F5F5F5;
}
.find-dealer .find-dealer__filter-suggestions button + button {
  border-top: 1px solid #F0F0F0;
}
.find-dealer .find-dealer__filter-distance {
  position: relative;
}
.find-dealer .find-dealer__filter-dropdown-toggle {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  color: #232323;
  cursor: pointer;
  padding: 8px 16px;
  border-radius: 63px;
  border: 1px solid #E5E5E5;
  background: hsl(0, 0%, 100%);
  transition: border-color 250ms ease;
}
.find-dealer .find-dealer__filter-dropdown-toggle.find-dealer__filter-distance {
  border-radius: 4px;
}
.find-dealer .find-dealer__filter-dropdown-toggle:hover {
  border-color: hsl(0, 0%, 8.6%);
}
.find-dealer .find-dealer__filter-dropdown-toggle svg {
  flex-shrink: 0;
}
.find-dealer .find-dealer__filter-dropdown {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  min-width: 140px;
  background: hsl(0, 0%, 100%);
  border: 1px solid #E4E4E4;
  border-radius: 4px;
  padding: 8px 0;
  z-index: 10;
  display: none;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
.find-dealer .find-dealer__filter-dropdown.is-open {
  display: block;
}
.find-dealer .find-dealer__filter-dropdown button,
.find-dealer .find-dealer__filter-dropdown label {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 8px 16px;
  font-size: 14px;
  color: #232323;
  cursor: pointer;
  text-align: left;
  font-weight: 400;
  transition: background-color 150ms ease;
}
.find-dealer .find-dealer__filter-dropdown input[type=checkbox] {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}
.find-dealer .find-dealer__filters-taxonomies {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.find-dealer .find-dealer__filters-label {
  font-size: 14px;
  color: #232323;
}
@media only screen and (max-width: 599px) {
  .find-dealer .find-dealer__filters-label {
    width: 100%;
  }
}
.find-dealer .find-dealer__filter-group {
  position: relative;
}
.find-dealer .find-dealer__location {
  display: flex;
  flex-direction: row;
  gap: 16px;
}
@media only screen and (max-width: 899px) {
  .find-dealer .find-dealer__location {
    flex-direction: column;
  }
}
.find-dealer .location__list {
  max-width: 416px;
  width: 100%;
  border-radius: 4px;
  border: 1px solid #E4E4E4;
  background: hsl(0, 0%, 100%);
  position: relative;
  overflow: hidden;
}
.find-dealer .location__list .location__list-item {
  position: relative;
  padding: 24px;
  border-bottom: 1px solid #E4E4E4;
  width: 100%;
  text-align: left;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
  overflow: hidden;
  transform: translateZ(0);
  will-change: padding-left;
  transition: padding-left 350ms cubic-bezier(0.16, 1, 0.3, 1);
}
.find-dealer .location__list .location__list-item .location-list__item-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  color: #E4E4E4;
  transform: translateZ(0);
  will-change: transform;
  pointer-events: none;
}
.find-dealer .location__list .location__list-item .location-list__item-address * {
  font-size: 14px;
  color: rgba(7, 7, 7, 0.6);
}
.find-dealer .location__list .location__list-item .location-list__item-image {
  position: relative;
  z-index: 1;
  max-width: 55px;
  max-height: 55px;
  width: 100%;
  height: 100%;
  aspect-ratio: 1/1;
  overflow: clip;
  border-radius: 8px;
}
.find-dealer .location__list .location__list-item .location-list__item-image img {
  max-width: 55px;
  max-height: 55px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 1/1;
}
.find-dealer .location__list .location__list-item .location-list__item-type {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
}
.find-dealer .location__list .location__list-item .location-list__item-type .dot {
  width: 3px;
  height: 3px;
  aspect-ratio: 1/1;
  border-radius: 100px;
}
.find-dealer .location__list .location__list-item .location-list__item-type span {
  color: hsl(345, 100%, 8.8%);
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}
.find-dealer .location__list .location__list-item .location-list__item-button {
  position: relative;
  z-index: 1;
  min-width: 24px;
  min-height: 24px;
  width: 24px;
  height: 24px;
  aspect-ratio: 1/1;
  border-radius: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: hsl(345, 100%, 35.7%);
  margin-left: 8px;
}
.find-dealer .location__list .location__list-item .location-list__item-button svg {
  margin-left: 2px;
}
.find-dealer .location__list .location__list-item .location-list__item-title {
  color: hsl(0, 0%, 2.7%);
  font-weight: 700;
  margin-block: 4px;
}
.find-dealer .location__list .location__list-item .location-list__item-content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.find-dealer .location__list .location__list-item:not(:first-child) {
  border-top: 1px solid #E4E4E4;
}
.find-dealer .location__list .location__no-results {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 32px 24px;
  background: hsl(0, 0%, 100%);
  transform: translateX(100%);
  transition: transform 400ms cubic-bezier(0.16, 1, 0.3, 1);
  z-index: 5;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
}
.find-dealer .location__list .location__no-results.is-visible {
  transform: translateX(0);
}
.find-dealer .location__list .location__no-results p {
  margin: 0;
}
.find-dealer .location__list .location__no-results-back {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  font-size: 16px;
  font-weight: 700;
  color: hsl(345, 100%, 44.5%);
  cursor: pointer;
  margin-bottom: 24px;
}
.find-dealer .location__list .location__no-results-back svg {
  flex-shrink: 0;
}
.find-dealer .location__list .location__no-results-title {
  margin-bottom: 12px;
  margin-top: 48px;
}
.find-dealer .location__list .location__no-results-editor {
  font-size: 14px;
  line-height: 1.6;
  color: rgba(7, 7, 7, 0.6);
}
.find-dealer .location__list .location__no-results-contact {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-block: 24px;
}
.find-dealer .location__list .location__no-results-contact p {
  font-weight: 700;
  font-size: 14px;
  color: #232323;
}
.find-dealer .location__list .location__no-results-contact a {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  color: #232323;
}
.find-dealer .location__list .location__no-results-link {
  color: hsl(0, 0%, 100%);
  border-radius: 63px;
  background-color: hsl(345, 100%, 35.7%);
  box-shadow: 0 4px 20.5px 0 rgba(0, 0, 0, 0.12);
  text-align: center;
  padding: 8px 16px;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  justify-content: center;
  margin-top: auto;
  transition: gap 250ms ease;
}
.find-dealer .location__list .location__no-results-link:hover {
  gap: 12px;
}
.find-dealer .location__list .location__detail {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 32px 24px;
  background: hsl(0, 0%, 100%);
  transform: translateX(100%);
  transition: transform 400ms cubic-bezier(0.16, 1, 0.3, 1);
  z-index: 6;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
}
.find-dealer .location__list .location__detail.is-visible {
  transform: translateX(0);
}
@media only screen and (max-width: 899px) {
  .find-dealer .location__list .location__detail {
    position: relative;
    transform: translateX(0);
    display: none;
    overflow-y: visible;
  }
  .find-dealer .location__list .location__detail.is-visible {
    display: flex;
  }
}
.find-dealer .location__list .location__detail-back {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  font-size: 16px;
  font-weight: 700;
  color: hsl(345, 100%, 44.5%);
  cursor: pointer;
  margin-bottom: 32px;
}
.find-dealer .location__list .location__detail-back svg {
  flex-shrink: 0;
}
.find-dealer .location__list .location__detail-type {
  display: inline-flex;
  align-items: center;
  border: 1px solid currentColor;
  border-radius: 100px;
  padding: 4px 12px;
  margin-bottom: 28px;
  width: fit-content;
}
.find-dealer .location__list .location__detail-type span {
  font-size: 12px;
  letter-spacing: 1.8px;
  text-transform: uppercase;
  line-height: 150%;
  color: hsl(345, 100%, 8.8%);
}
.find-dealer .location__list .location__detail-header {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 12px;
  padding-bottom: 24px;
  border-bottom: 1px solid #D2D2D2;
  margin-bottom: 24px;
}
.find-dealer .location__list .location__detail-image {
  width: 56px;
  height: 56px;
  flex-shrink: 0;
  border-radius: 8px;
  overflow: clip;
  background: #F5F5F5;
}
.find-dealer .location__list .location__detail-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.find-dealer .location__list .location__detail-header-content {
  display: flex;
  flex-direction: column;
}
.find-dealer .location__list .location__detail-title {
  font-weight: 700;
  margin-bottom: 4px;
}
.find-dealer .location__list .location__detail-address {
  font-size: 14px;
  line-height: 1.5;
  color: rgba(7, 7, 7, 0.7);
}
.find-dealer .location__list .location__detail-address * {
  font-size: 14px;
  line-height: 1.5;
}
.find-dealer .location__list .location__detail-info {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  padding-bottom: 20px;
  border-bottom: 1px solid #E4E4E4;
  margin-bottom: 20px;
}
@media only screen and (max-width: 599px) {
  .find-dealer .location__list .location__detail-info {
    grid-template-columns: 1fr;
  }
}
.find-dealer .location__list .location__detail-info-label {
  font-weight: 700;
  font-size: 14px;
  color: #232323;
  margin-bottom: 4px;
}
.find-dealer .location__list .location__detail-hours-content {
  font-size: 13px;
  line-height: 1.6;
  color: rgba(7, 7, 7, 0.7);
}
.find-dealer .location__list .location__detail-hours-content * {
  font-size: 13px;
  line-height: 1.6;
}
.find-dealer .location__list .location__detail-contact-links {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.find-dealer .location__list .location__detail-contact-links a {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: hsl(0, 0%, 2.7%);
  text-decoration: none;
}
.find-dealer .location__list .location__detail-contact-links a svg {
  flex-shrink: 0;
}
.find-dealer .location__list .location__detail-contact-links a:hover {
  text-decoration: underline;
}
.find-dealer .location__list .location__detail-products {
  margin-bottom: 24px;
}
.find-dealer .location__list .location__detail-products-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 12px;
}
.find-dealer .location__list .location__detail-tag {
  display: inline-flex;
  align-items: center;
  padding: 4px 12px;
  border: 1px solid #BFBFBF;
  border-radius: 100px;
  font-size: 14px;
  color: hsl(0, 0%, 2.7%);
}
.find-dealer .location__list .location__detail-products-services {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.find-dealer .location__list .location__detail-service {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 14px;
  color: rgba(7, 7, 7, 0.6);
}
.find-dealer .location__list .location__detail-service svg {
  flex-shrink: 0;
}
.find-dealer .location__list .location__detail-cta {
  margin-top: auto;
  padding-top: 20px;
}
.find-dealer .location__list .location__detail-cta-link {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  padding: 12px 16px;
  border-radius: 63px;
  background-color: hsl(345, 100%, 35.7%);
  color: hsl(0, 0%, 100%);
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  text-align: center;
  transition: gap 250ms ease;
}
.find-dealer .location__list .location__detail-cta-link:hover {
  gap: 12px;
}
.find-dealer .location__list {
  max-width: 416px;
  width: 100%;
  flex-shrink: 0;
}
@media only screen and (max-width: 899px) {
  .find-dealer .location__list {
    max-width: 100%;
    order: 2;
  }
}
.find-dealer .location__mapbox {
  position: relative;
  flex: 1;
  min-width: 0;
}
@media only screen and (max-width: 899px) {
  .find-dealer .location__mapbox {
    order: 1;
  }
}
.find-dealer .location__use-my-location {
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  border-radius: 79px;
  border: 1px solid #353535;
  background: #FFF;
  color: #353535;
  font-size: 14px;
  padding: 10px 12px;
  border-radius: 79px;
}
.find-dealer .location__use-my-location svg {
  flex-shrink: 0;
}
.find-dealer #map {
  width: 100%;
  height: 644px;
}
@media only screen and (max-width: 899px) {
  .find-dealer #map {
    height: 524px;
  }
}
@media only screen and (max-width: 599px) {
  .find-dealer #map {
    height: 320px;
  }
}
.find-dealer .custom-marker {
  background-image: url("data:image/svg+xml,%3Csvg width='23' height='28' viewBox='0 0 23 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.7157 27.1173C17.0564 24.046 23 17.7712 23 12.013C23 8.82694 21.7884 5.77139 19.6317 3.51852C17.4751 1.26565 14.55 0 11.5 0C8.45001 0 5.52494 1.26565 3.36827 3.51852C1.2116 5.77139 4.54484e-08 8.82694 0 12.013C0 17.7712 5.94167 24.046 9.28433 27.1173C9.89405 27.6858 10.6827 28 11.5 28C12.3173 28 13.106 27.6858 13.7157 27.1173ZM7.66667 12.013C7.66667 10.951 8.07053 9.93245 8.78942 9.18149C9.50831 8.43054 10.4833 8.00865 11.5 8.00865C12.5167 8.00865 13.4917 8.43054 14.2106 9.18149C14.9295 9.93245 15.3333 10.951 15.3333 12.013C15.3333 13.075 14.9295 14.0935 14.2106 14.8445C13.4917 15.5954 12.5167 16.0173 11.5 16.0173C10.4833 16.0173 9.50831 15.5954 8.78942 14.8445C8.07053 14.0935 7.66667 13.075 7.66667 12.013Z' fill='%23B6002C'/%3E%3C/svg%3E%0A");
  background-size: contain;
  background-repeat: no-repeat;
  width: 27px;
  height: 31px;
  cursor: pointer;
  transition: transform 200ms ease, filter 200ms ease;
}

.usp-list .wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 64px;
  padding-top: 120px;
  padding-bottom: 120px;
}
@media only screen and (max-width: 1199px) {
  .usp-list .wrapper {
    padding-top: 104px;
    padding-bottom: 104px;
  }
}
@media only screen and (max-width: 899px) {
  .usp-list .wrapper {
    padding-top: 80px;
    padding-bottom: 80px;
    flex-direction: column;
    gap: 0;
  }
}
@media only screen and (max-width: 599px) {
  .usp-list .wrapper {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.usp-list .usp-list__subtitle {
  margin-bottom: 8px;
  display: flex;
}
.usp-list .usp-list__head {
  max-width: 624px;
  width: 100%;
}
@media only screen and (max-width: 1199px) {
  .usp-list .usp-list__head {
    max-width: 480px;
  }
}
@media only screen and (max-width: 899px) {
  .usp-list .usp-list__head {
    max-width: 100%;
  }
}
.usp-list .usp-list__images {
  max-width: 624px;
  width: 100%;
  position: relative;
  overflow: clip;
}
@media only screen and (max-width: 1199px) {
  .usp-list .usp-list__images {
    max-width: 480px;
  }
}
@media only screen and (max-width: 899px) {
  .usp-list .usp-list__images {
    max-width: 100%;
    display: none;
  }
}
.usp-list .usp-list__images .usp-list__item-image:first-child {
  position: relative;
}
.usp-list .usp-list__items {
  padding-block: 112px;
}
@media only screen and (max-width: 1199px) {
  .usp-list .usp-list__items {
    padding-block: 64px;
  }
}
@media only screen and (max-width: 899px) {
  .usp-list .usp-list__items {
    padding-block: 0;
    margin-top: 24px;
  }
}
.usp-list .usp-list__item-text:not(:first-child, :last-child) {
  padding-block: 24px;
}
.usp-list .usp-list__item-text:first-child {
  padding-bottom: 24px;
}
.usp-list .usp-list__item-text:last-child {
  padding-top: 24px;
}
.usp-list .usp-list__item-text:not(:last-child) {
  border-bottom: 1px solid rgba(51, 51, 51, 0.15);
}
.usp-list .usp-list__item-text:has(.usp-list__item-title.is-active) .usp-list__item-title {
  padding-left: 24px;
  opacity: 1;
}
@media only screen and (max-width: 899px) {
  .usp-list .usp-list__item-text:has(.usp-list__item-title.is-active) .usp-list__item-title {
    padding-left: 0px;
  }
}
@media only screen and (max-width: 599px) {
  .usp-list .usp-list__item-text:has(.usp-list__item-title.is-active) .usp-list__item-title {
    padding-left: 24px;
  }
}
.usp-list .usp-list__item-text:has(.usp-list__item-title.is-active) .usp-list__item-title::before {
  opacity: 1;
}
@media only screen and (max-width: 899px) {
  .usp-list .usp-list__item-text:has(.usp-list__item-title.is-active) .usp-list__item-title::before {
    opacity: 0;
  }
}
@media only screen and (max-width: 599px) {
  .usp-list .usp-list__item-text:has(.usp-list__item-title.is-active) .usp-list__item-title::before {
    opacity: 1;
  }
}
@media only screen and (max-width: 899px) {
  .usp-list .usp-list__item-text {
    padding-inline: 24px;
  }
}
@media only screen and (max-width: 599px) {
  .usp-list .usp-list__item-text {
    padding-inline: 0;
  }
}
.usp-list .usp-list__item-text .usp-list__item-text-image {
  display: none;
}
@media only screen and (max-width: 899px) {
  .usp-list .usp-list__item-text .usp-list__item-text-image {
    display: block;
    margin-top: 16px;
  }
}
.usp-list .usp-list__item-text .usp-list__item-text-image img {
  height: 664px;
  width: 100%;
  object-fit: cover;
  border-radius: 4px;
}
@media only screen and (max-width: 599px) {
  .usp-list .usp-list__item-text .usp-list__item-text-image img {
    height: 220px;
  }
}
.usp-list .usp-list__item-title {
  position: relative;
  transition: all 300ms ease;
  opacity: 0.6;
}
@media only screen and (max-width: 899px) {
  .usp-list .usp-list__item-title {
    opacity: 1;
  }
}
@media only screen and (max-width: 599px) {
  .usp-list .usp-list__item-title {
    padding-left: 24px;
  }
}
.usp-list .usp-list__item-title::before {
  top: 50%;
  left: 0;
  width: 8px;
  height: 8px;
  content: "";
  position: absolute;
  transform: translateY(-50%);
  background-color: hsl(345, 100%, 44.5%);
  border-radius: 100px;
  pointer-events: none;
  opacity: 0;
  transition: all 300ms ease;
}
@media only screen and (max-width: 899px) {
  .usp-list .usp-list__item-title::before {
    opacity: 1;
    left: -24px;
  }
}
@media only screen and (max-width: 599px) {
  .usp-list .usp-list__item-title::before {
    left: 0;
  }
}
.usp-list .usp-list__item-editor {
  margin-top: 16px;
}
@media only screen and (max-width: 599px) {
  .usp-list .usp-list__item-editor {
    padding-left: 24px;
  }
}
.usp-list .usp-list__item-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  will-change: transform;
}
.usp-list .usp-list__item-image:nth-child(1) {
  z-index: 1;
}
.usp-list .usp-list__item-image:nth-child(2) {
  z-index: 2;
}
.usp-list .usp-list__item-image:nth-child(3) {
  z-index: 3;
}
.usp-list .usp-list__item-image:nth-child(4) {
  z-index: 4;
}
.usp-list .usp-list__item-image:nth-child(5) {
  z-index: 5;
}
.usp-list .usp-list__item-image:nth-child(6) {
  z-index: 6;
}
.usp-list .usp-list__item-image:nth-child(7) {
  z-index: 7;
}
.usp-list .usp-list__item-image:nth-child(8) {
  z-index: 8;
}
.usp-list .usp-list__item-image:nth-child(9) {
  z-index: 9;
}
.usp-list .usp-list__item-image:nth-child(10) {
  z-index: 10;
}
.usp-list .usp-list__item-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.usp-slider .wrapper {
  padding-top: 120px;
  padding-bottom: 120px;
}
@media only screen and (max-width: 1199px) {
  .usp-slider .wrapper {
    padding-top: 104px;
    padding-bottom: 104px;
  }
}
@media only screen and (max-width: 899px) {
  .usp-slider .wrapper {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media only screen and (max-width: 599px) {
  .usp-slider .wrapper {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.usp-slider .usp-slider__container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 40px;
  align-items: flex-end;
  margin-bottom: 64px;
}
@media only screen and (max-width: 899px) {
  .usp-slider .usp-slider__container {
    flex-direction: column;
    margin-bottom: 24px;
  }
}
.usp-slider .usp-slider__head {
  max-width: 760px;
  width: 100%;
}
.usp-slider .usp-slider__navigation {
  width: fit-content;
}
@media only screen and (max-width: 899px) {
  .usp-slider .usp-slider__navigation {
    margin-left: auto;
  }
}
.usp-slider .usp-slider__subtitle {
  margin-bottom: 8px;
}
.usp-slider .usp-slider__navigation {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 24px;
}
.usp-slider .usp-slider__navigation svg path,
.usp-slider .usp-slider__navigation svg circle {
  fill: hsl(0, 0%, 2.7%);
}
.usp-slider .usp-slider__items {
  display: flex;
}
.usp-slider .usp-slider__item {
  position: relative;
  min-height: 450px;
  height: auto;
  border-radius: 8px;
  overflow: clip;
}
@media only screen and (max-width: 899px) {
  .usp-slider .usp-slider__item {
    min-height: 400px;
  }
}
.usp-slider .usp-slider__item::before {
  background: linear-gradient(122deg, rgba(13, 14, 13, 0) 19.6%, #0D0E0D 79.71%);
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  pointer-events: none;
}
.usp-slider .usp-slider__item .usp-slider__item-image {
  position: absolute;
  width: 100%;
  height: 100%;
}
.usp-slider .usp-slider__item .usp-slider__item-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.usp-slider .usp-slider__item .usp-slider__item-content {
  position: relative;
  z-index: 2;
  padding: 24px;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.usp-slider .usp-slider__item .usp-slider__item-content .usp-slider__item-title {
  color: hsl(0, 0%, 100%);
  margin-top: auto;
}
.usp-slider .usp-slider__item .usp-slider__item-content .usp-slider__item-editor {
  margin-top: 8px;
}
.usp-slider .usp-slider__item .usp-slider__item-content .usp-slider__item-editor * {
  color: rgba(255, 255, 255, 0.7);
}

.blog-latest {
  border-radius: 4px 4px 0 0;
  background: linear-gradient(230deg, rgba(227, 0, 55, 0.2) 5.63%, rgba(34, 7, 13, 0.2) 52.91%), #070707;
}
.blog-latest .wrapper {
  padding-block: 120px;
}
@media only screen and (max-width: 1199px) {
  .blog-latest .wrapper {
    padding-block: 104px;
  }
}
@media only screen and (max-width: 899px) {
  .blog-latest .wrapper {
    padding-block: 80px;
  }
}
@media only screen and (max-width: 599px) {
  .blog-latest .wrapper {
    padding-block: 40px;
  }
}
.blog-latest .blog-latest__subtitle {
  margin-bottom: 8px;
  display: flex;
}
.blog-latest .blog-latest__title {
  color: hsl(0, 0%, 100%);
}
.blog-latest .blog-latest__link {
  margin-top: 24px;
}
.blog-latest .blog-latest__items {
  display: flex;
  margin-top: 64px;
}
@media (max-width: 599px) {
  .blog-latest .blog-latest__items {
    flex-direction: column;
    gap: 40px;
  }
}
.blog-latest .blog-latest__item {
  opacity: 0.7;
  transition: opacity 0.3s ease;
}
.blog-latest .blog-latest__item.is-active {
  opacity: 1;
}
@media (max-width: 599px) {
  .blog-latest .blog-latest__item {
    opacity: 1;
  }
}
.blog-latest .blog-latest__item:hover .icon__bg,
.blog-latest .blog-latest__item:focus-visible .icon__bg {
  transform: rotate(90deg);
}
.blog-latest .blog-latest__item:hover .icon__list svg:first-child,
.blog-latest .blog-latest__item:focus-visible .icon__list svg:first-child {
  transform: translate(100%, -100%);
}
.blog-latest .blog-latest__item:hover .icon__list svg:nth-child(2),
.blog-latest .blog-latest__item:focus-visible .icon__list svg:nth-child(2) {
  transform: translate(0, 0);
}
.blog-latest .blog-latest__item:hover .blog-latest__item-image img,
.blog-latest .blog-latest__item:focus-visible .blog-latest__item-image img {
  transform: scale(1.03);
}
.blog-latest .blog-latest__item-image {
  height: 442px;
  width: 100%;
  overflow: clip;
}
@media only screen and (max-width: 599px) {
  .blog-latest .blog-latest__item-image {
    height: 208px;
  }
}
.blog-latest .blog-latest__item-image img {
  height: 442px;
  width: 100%;
  object-fit: cover;
  transition: all 250ms ease-in-out;
}
@media only screen and (max-width: 599px) {
  .blog-latest .blog-latest__item-image img {
    height: 208px;
  }
}
.blog-latest .blog-latest__item-date {
  color: rgba(255, 255, 255, 0.8);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin-top: 8px;
  display: flex;
}
.blog-latest .blog-latest__item-title {
  color: hsl(0, 0%, 100%);
  margin-top: 4px;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  gap: 8px;
}
.blog-latest .blog-latest__item-title .icon {
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1/1;
  border-radius: 100px;
  position: relative;
  flex: none;
  background-color: hsl(345, 100%, 44.5%);
}
.blog-latest .blog-latest__item-title .icon__bg {
  border-radius: 100px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  z-index: 0;
  transition: transform 0.525s cubic-bezier(0.625, 0.05, 0, 1);
}
.blog-latest .blog-latest__item-title .icon__wrap {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-radius: 100px;
}
.blog-latest .blog-latest__item-title .icon__list {
  position: relative;
  width: 32px;
  height: 32px;
  flex: none;
}
.blog-latest .blog-latest__item-title .icon__list svg {
  position: absolute;
  inset: 0;
  width: 32px;
  height: 32px;
  padding: 8px;
  transition: transform 0.525s cubic-bezier(0.625, 0.05, 0, 1);
}
.blog-latest .blog-latest__item-title .icon__list svg:first-child {
  transform: translate(0, 0);
}
.blog-latest .blog-latest__item-title .icon__list svg:nth-child(2) {
  transform: translate(-100%, 100%);
}
.blog-latest .blog-latest__item-title .icon__list svg:nth-child(3) {
  display: none;
}
.blog-latest .blog-latest__navigation {
  margin-inline: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  color: hsl(0, 0%, 100%);
  gap: 24px;
  margin-top: 64px;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
}
@media only screen and (max-width: 899px) {
  .blog-latest .blog-latest__navigation {
    margin-top: 40px;
  }
}
@media (max-width: 599px) {
  .blog-latest .blog-latest__navigation {
    display: none;
  }
}

.text-image .wrapper {
  display: flex;
  flex-direction: row;
  gap: 120px;
  padding-top: 120px;
  padding-bottom: 120px;
}
@media only screen and (max-width: 1199px) {
  .text-image .wrapper {
    padding-top: 104px;
    padding-bottom: 104px;
    gap: 48px;
    justify-content: space-between;
  }
}
@media only screen and (max-width: 899px) {
  .text-image .wrapper {
    padding-top: 80px;
    padding-bottom: 80px;
    flex-direction: column;
  }
}
@media only screen and (max-width: 599px) {
  .text-image .wrapper {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.text-image .text-image__counter-items {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin-top: 40px;
  gap: 32px;
  position: relative;
}
.text-image .text-image__counter-items::after {
  position: absolute;
  content: "";
  width: calc(50% - 16px);
  height: 1px;
  background-color: hsl(345, 100%, 44.5%);
  top: 50%;
  left: 16px;
  transform: translateY(-50%);
}
.text-image .text-image__counter-items::before {
  position: absolute;
  content: "";
  width: calc(50% - 32px);
  height: 1px;
  background-color: hsl(345, 100%, 44.5%);
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.text-image .text-image__counter-item {
  display: flex;
  flex-direction: row;
  padding: 20px;
  border-left: 1px solid hsl(345, 100%, 44.5%);
  flex-wrap: wrap;
}
.text-image .text-image__counter-item:nth-last-child(-n+2) {
  border-bottom: none;
}
.text-image .text-image__counter-text,
.text-image .text-image__counter-subtext {
  color: hsl(0, 0%, 2.7%);
  font-family: "Montserrat";
  font-size: 56px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.2em;
}
@media only screen and (max-width: 899px) {
  .text-image .text-image__counter-text,
  .text-image .text-image__counter-subtext {
    font-size: 32px;
    line-height: 1.2em;
  }
}
.text-image .text-image__counter-bottom-text {
  color: hsl(0, 0%, 48.6%);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  width: 100%;
}
.text-image .text-image__image {
  max-width: 688px;
  width: 100%;
  height: auto;
  border-radius: 4px;
  overflow: clip;
}
@media only screen and (max-width: 1199px) {
  .text-image .text-image__image {
    max-width: calc(50% - 24px);
  }
}
@media only screen and (max-width: 899px) {
  .text-image .text-image__image {
    max-width: 100%;
  }
}
.text-image .text-image__image img {
  max-width: 688px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media only screen and (max-width: 1199px) {
  .text-image .text-image__image img {
    max-width: 100%;
  }
}
.text-image .text-image__content {
  max-width: 552px;
  width: 100%;
}
@media only screen and (max-width: 1199px) {
  .text-image .text-image__content {
    max-width: calc(50% - 24px);
  }
}
@media only screen and (max-width: 899px) {
  .text-image .text-image__content {
    max-width: 100%;
  }
}
.text-image .text-image__subtitle {
  margin-bottom: 8px;
}
.text-image .text-image__editor {
  margin-top: 8px;
}
.text-image .text-image__link {
  margin-top: 16px;
  width: fit-content;
}

.product-latest .wrapper {
  padding-top: 120px;
  padding-bottom: 120px;
}
@media only screen and (max-width: 1199px) {
  .product-latest .wrapper {
    padding-top: 104px;
    padding-bottom: 104px;
  }
}
@media only screen and (max-width: 899px) {
  .product-latest .wrapper {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media only screen and (max-width: 599px) {
  .product-latest .wrapper {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.product-latest .product-latest__head {
  text-align: center;
  margin-inline: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 8px;
}
.product-latest .product-latest__head .subtitle {
  justify-content: center;
}
.product-latest .product-latest__items {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 24px;
  margin-top: 64px;
}
@media only screen and (max-width: 899px) {
  .product-latest .product-latest__items {
    margin-top: 40px;
  }
}
.product-latest .product-latest__item {
  flex: 1;
  display: flex;
  flex-direction: column;
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}
@media only screen and (max-width: 899px) {
  .product-latest .product-latest__item {
    flex: none;
    max-width: calc(50% - 12px);
    width: 100%;
  }
  .product-latest .product-latest__item:last-child:nth-child(odd) {
    max-width: 100%;
  }
}
@media only screen and (max-width: 599px) {
  .product-latest .product-latest__item {
    max-width: 100%;
  }
}
.product-latest .product-latest__item:hover img {
  transform: scale(1.03);
}
.product-latest .product-latest__item-image {
  overflow: clip;
  border-radius: 16px;
  border: 1px solid #E8E8E8;
  background: hsl(0, 0%, 100%);
}
@media only screen and (max-width: 599px) {
  .product-latest .product-latest__item-image {
    border-radius: 6px;
  }
}
.product-latest .product-latest__item-image img {
  width: 100%;
  height: auto;
  aspect-ratio: 254/202;
  display: block;
  object-fit: contain;
  transition: transform 250ms ease;
}
@media only screen and (max-width: 899px) {
  .product-latest .product-latest__item-image img {
    max-height: 240px;
  }
}
.product-latest .product-latest__item-title {
  margin-top: 16px;
  font-size: 16px;
  font-weight: 500;
  color: hsl(0, 0%, 2.7%);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.product-latest .product-latest__item-title p {
  margin: 0;
}
.product-latest .product-latest__item-title .icon {
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1/1;
  border-radius: 100px;
  position: relative;
  flex: none;
  background-color: hsl(345, 100%, 44.5%);
}
.product-latest .product-latest__item-title .icon__bg {
  border-radius: 100px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  z-index: 0;
  transition: transform 0.525s cubic-bezier(0.625, 0.05, 0, 1);
}
.product-latest .product-latest__item-title .icon__wrap {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-radius: 100px;
}
.product-latest .product-latest__item-title .icon__list {
  position: relative;
  width: 32px;
  height: 32px;
  flex: none;
}
.product-latest .product-latest__item-title .icon__list svg {
  position: absolute;
  inset: 0;
  width: 32px;
  height: 32px;
  padding: 8px;
  transition: transform 0.525s cubic-bezier(0.625, 0.05, 0, 1);
}
.product-latest .product-latest__item-title .icon__list svg:first-child {
  transform: translate(0, 0);
}
.product-latest .product-latest__item-title .icon__list svg:nth-child(2) {
  transform: translate(-100%, 100%);
}
.product-latest .product-latest__item-title .icon__list svg:nth-child(3) {
  display: none;
}
.product-latest .product-latest__item:hover .icon__bg,
.product-latest .product-latest__item:focus-visible .icon__bg {
  transform: rotate(90deg);
}
.product-latest .product-latest__item:hover .icon__list svg:first-child,
.product-latest .product-latest__item:focus-visible .icon__list svg:first-child {
  transform: translate(100%, -100%);
}
.product-latest .product-latest__item:hover .icon__list svg:nth-child(2),
.product-latest .product-latest__item:focus-visible .icon__list svg:nth-child(2) {
  transform: translate(0, 0);
}
.product-latest .product-latest__items {
  max-width: 1112px;
  width: 100%;
  margin-inline: auto;
}

.product-list {
  border-radius: 16px 16px 0 0;
  background: hsl(0, 0%, 2.7%);
}
.product-list .wrapper {
  padding-block: 56px;
  display: flex;
  flex-direction: row;
  gap: 64px;
  justify-content: space-between;
}
@media only screen and (max-width: 599px) {
  .product-list .wrapper {
    padding-block: 40px;
    flex-direction: column;
  }
}
.product-list .product-list__subtitle {
  margin-bottom: 8px;
}
.product-list .product-list__title {
  color: hsl(0, 0%, 100%);
}
.product-list .product-list__item {
  display: flex;
  flex-direction: column;
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}
.product-list .product-list__item:hover img {
  transform: scale(1.03);
}
.product-list .product-list__item-image {
  overflow: clip;
  border-radius: 4px;
  border: 1px solid #444;
  background: hsl(0, 0%, 100%);
}
.product-list .product-list__item-image img {
  width: 100%;
  height: auto;
  aspect-ratio: 254/202;
  display: block;
  object-fit: contain;
  transition: transform 250ms ease;
}
.product-list .product-list__item-title {
  margin-top: 16px;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.product-list .product-list__item-title .icon {
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1/1;
  border-radius: 100px;
  position: relative;
  flex: none;
  background-color: hsl(345, 100%, 44.5%);
}
.product-list .product-list__item-title .icon__bg {
  border-radius: 100px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  z-index: 0;
  transition: transform 0.525s cubic-bezier(0.625, 0.05, 0, 1);
}
.product-list .product-list__item-title .icon__wrap {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-radius: 100px;
}
.product-list .product-list__item-title .icon__list {
  position: relative;
  width: 32px;
  height: 32px;
  flex: none;
}
.product-list .product-list__item-title .icon__list svg {
  position: absolute;
  inset: 0;
  width: 32px;
  height: 32px;
  padding: 8px;
  transition: transform 0.525s cubic-bezier(0.625, 0.05, 0, 1);
}
.product-list .product-list__item-title .icon__list svg:first-child {
  transform: translate(0, 0);
}
.product-list .product-list__item-title .icon__list svg:nth-child(2) {
  transform: translate(-100%, 100%);
}
.product-list .product-list__item-title .icon__list svg:nth-child(3) {
  display: none;
}
.product-list .product-list__item:hover .icon__bg,
.product-list .product-list__item:focus-visible .icon__bg {
  transform: rotate(90deg);
}
.product-list .product-list__item:hover .icon__list svg:first-child,
.product-list .product-list__item:focus-visible .icon__list svg:first-child {
  transform: translate(100%, -100%);
}
.product-list .product-list__item:hover .icon__list svg:nth-child(2),
.product-list .product-list__item:focus-visible .icon__list svg:nth-child(2) {
  transform: translate(0, 0);
}
.product-list .product-list__head {
  max-width: 520px;
  width: 100%;
}
@media only screen and (max-width: 599px) {
  .product-list .product-list__head {
    max-width: 100%;
  }
}
.product-list .product-list__items {
  max-width: 668px;
  width: 100%;
  position: relative;
}
@media only screen and (max-width: 599px) {
  .product-list .product-list__items {
    max-width: 100%;
  }
}
.product-list .product-list__items::before {
  background: linear-gradient(180deg, rgba(7, 7, 7, 0) 0%, #070707 100%);
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  width: 100%;
  height: 265px;
  pointer-events: none;
}
@media only screen and (max-width: 599px) {
  .product-list .product-list__items::before {
    display: none;
  }
}
.product-list .product-list__items .product-list__items-wrap {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 24px;
  max-height: 568px;
  overflow-y: auto;
  padding-right: 12px;
  padding-bottom: 264px;
}
@media only screen and (max-width: 599px) {
  .product-list .product-list__items .product-list__items-wrap {
    padding-bottom: 0;
    padding-right: 0;
    max-height: 100%;
  }
}
.product-list .product-list__items .product-list__item {
  max-width: calc(50% - 12px);
  width: 100%;
}
.product-list .product-list__filters {
  display: flex;
  flex-direction: row;
  gap: 12px;
  align-items: center;
  margin-top: 24px;
  flex-wrap: wrap;
}
.product-list .product-list__filters input {
  height: 0 !important;
  font-size: 0;
  width: 0 !important;
  opacity: 0;
  display: none;
}
.product-list .product-list__filters .product-list__filter {
  display: flex;
  flex-direction: row;
  color: hsl(0, 0%, 100%);
  margin: 0;
  transition: all 250ms ease-in-out;
  cursor: pointer;
  padding: 8px 16px;
}
.product-list .product-list__filters .product-list__filter:has(input:checked) {
  border-radius: 4px;
  background: hsl(0, 0%, 20%);
  padding: 8px 16px;
}
.product-list .product-list__filters .product-list__filter:hover {
  border-radius: 4px;
  background: hsl(0, 0%, 20%);
  padding: 8px 16px;
}
.product-list .product-list__filters .product-list__filter-label {
  display: flex;
  flex-direction: row;
  gap: 4px;
  font-weight: 400;
}
.product-list .product-list__filters .product-list__filter-label .product-list__filter-count {
  font-family: "Smooch Sans";
  font-style: normal;
  font-weight: 600;
}
.product-list .product-list__head-items {
  display: flex;
  flex-direction: column;
  margin-top: 48px;
}
@media only screen and (max-width: 599px) {
  .product-list .product-list__head-items {
    display: none;
  }
}
.product-list .product-list__head-items .product-list__head-item {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  color: hsl(0, 0%, 100%);
  padding-block: 8px;
  text-align: left;
  position: relative;
  cursor: pointer;
}
.product-list .product-list__head-items .product-list__head-item::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 1px;
  transition: all 650ms ease;
  background: rgba(255, 255, 255, 0.84);
}
.product-list .product-list__head-items .product-list__head-item:hover::before {
  width: 100%;
}
.product-list .product-list__items-title {
  color: hsl(0, 0%, 100%);
  margin-bottom: 40px;
  margin-top: 56px;
}
@media only screen and (max-width: 599px) {
  .product-list .product-list__items-title {
    margin-top: 0;
  }
}

.content-form .wrapper {
  display: flex;
  flex-direction: row;
  gap: 64px;
  justify-content: space-between;
  padding-top: 120px;
  padding-bottom: 120px;
}
@media only screen and (max-width: 1199px) {
  .content-form .wrapper {
    padding-top: 104px;
    padding-bottom: 104px;
  }
}
@media only screen and (max-width: 899px) {
  .content-form .wrapper {
    padding-top: 80px;
    padding-bottom: 80px;
    flex-direction: column;
  }
}
@media only screen and (max-width: 599px) {
  .content-form .wrapper {
    padding-top: 40px;
    padding-bottom: 40px;
    gap: 40px;
  }
}
.content-form .content-form__subtitle {
  margin-bottom: 8px;
}
.content-form .content-form__head {
  max-width: 568px;
  width: 100%;
}
.content-form .content-form__form {
  max-width: 808px;
  width: 100%;
  border-radius: 16px;
  border: 1px solid #D8D3C5;
  padding: 40px;
}
@media only screen and (max-width: 599px) {
  .content-form .content-form__form {
    padding: 24px;
  }
}

/**
 * GravityForms — multi-step progress bar.
 */
.gf_page_steps {
  display: flex;
  align-items: center;
  margin-bottom: 40px;
  gap: 0 40px;
}
@media only screen and (max-width: 599px) {
  .gf_page_steps {
    flex-direction: column;
    gap: 8px;
    align-items: flex-start;
  }
}
.gf_page_steps .gf_step {
  display: flex;
  align-items: center;
  position: relative;
}
.gf_page_steps .gf_step .gf_step_number,
.gf_page_steps .gf_step .gf_step_label {
  transition: color 300ms ease;
}
.gf_page_steps .gf_step .gf_step_number {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  min-width: 28px;
  border-radius: 50%;
  border: 1.5px solid hsl(0, 0%, 82.7%);
  background-color: hsl(0, 0%, 100%);
  font-size: 12px;
  font-weight: 700;
  color: hsl(0, 0%, 48.6%);
  margin-right: 8px;
  transition: border-color 300ms ease, background-color 300ms ease, color 300ms ease;
}
.gf_page_steps .gf_step .gf_step_label {
  font-size: 13px;
  font-weight: 500;
  color: hsl(0, 0%, 48.6%);
  white-space: nowrap;
}
.gf_page_steps .gf_step.gf_step_active .gf_step_number {
  border-color: hsl(345, 100%, 35.7%);
  background-color: hsl(0, 0%, 100%);
  color: hsl(345, 100%, 35.7%);
}
.gf_page_steps .gf_step.gf_step_active .gf_step_label {
  color: hsl(345, 100%, 35.7%);
  font-weight: 700;
}
.gf_page_steps .gf_step.gf_step_completed .gf_step_number {
  border-color: hsl(345, 100%, 35.7%);
  background-color: hsl(345, 100%, 35.7%);
  color: hsl(0, 0%, 100%);
  font-size: 0;
}
.gf_page_steps .gf_step.gf_step_completed .gf_step_number::after {
  content: "";
  display: block;
  width: 10px;
  height: 6px;
  border-left: 2px solid hsl(0, 0%, 100%);
  border-bottom: 2px solid hsl(0, 0%, 100%);
  transform: rotate(-45deg) translate(1px, -1px);
}
.gf_page_steps .gf_step.gf_step_completed .gf_step_label {
  color: hsl(0, 0%, 31.4%);
}
.gf_page_steps .gf_step.gf_step_completed:not(.gf_step_last)::after {
  background-color: hsl(345, 100%, 35.7%);
}
.gf_page_steps .gf_step.gf_step_pending .gf_step_number {
  border-color: hsl(0, 0%, 82.7%);
  color: hsl(0, 0%, 48.6%);
}
.gf_page_steps .gf_step.gf_step_pending .gf_step_label {
  color: hsl(0, 0%, 48.6%);
}

.gform-page-footer {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.content-faq.content-faq--black {
  background-color: hsl(0, 0%, 2.7%);
}
.content-faq.content-faq--black .content-faq__subtitle {
  color: hsl(0, 0%, 100%);
}
.content-faq.content-faq--black .content-faq__subtitle .dot {
  background-color: hsl(0, 0%, 100%);
}
.content-faq.content-faq--black .content-faq__title,
.content-faq.content-faq--black .content-faq__item-title {
  color: hsl(0, 0%, 100%);
}
.content-faq.content-faq--black .content-faq__editor *,
.content-faq.content-faq--black .content-faq__item-editor * {
  color: hsl(0, 0%, 100%);
}
.content-faq.content-faq--black .content-faq__item-icon::before {
  background-color: hsl(0, 0%, 100%);
}
.content-faq.content-faq--black .content-faq__item-icon::after {
  background-color: hsl(0, 0%, 100%);
}
.content-faq.content-faq--black .content-faq__item-content a.grey {
  background-color: transparent;
  color: hsl(0, 0%, 100%);
  border: 1px solid hsl(0, 0%, 100%);
}
.content-faq.content-faq--black .content-faq__item-content a.grey .dot {
  background-color: hsl(345, 100%, 35.7%);
}
.content-faq.content-faq--black .content-faq__item-content a.grey .icon {
  background-color: hsl(345, 100%, 44.5%);
}
.content-faq.content-faq--black .content-faq__item-title-button:hover .content-faq__item-icon::before, .content-faq.content-faq--black .content-faq__item-title-button:hover .content-faq__item-icon::after {
  background-color: hsl(0, 0%, 100%);
}
.content-faq.content-faq--black .content-faq__item-title-button.is-active .content-faq__item-icon::after {
  background-color: hsl(0, 0%, 100%);
}
.content-faq.content-faq--black .content-faq__item-title-button.is-active .content-faq__item-icon::before {
  background-color: hsl(0, 0%, 100%);
}
.content-faq.content-faq--default .content-faq_link.white {
  background-color: transparent;
  color: hsl(0, 0%, 20%);
  border: 1px solid hsl(0, 0%, 79.6%);
}
.content-faq.content-faq--default .content-faq_link.white .dot {
  background-color: hsl(345, 100%, 44.5%);
}
.content-faq.content-faq--default .content-faq_link.white .icon {
  background-color: hsl(345, 100%, 44.5%);
}
.content-faq .wrapper {
  padding-top: 120px;
  padding-bottom: 120px;
  display: flex;
  flex-direction: row;
  gap: 40px;
  justify-content: space-between;
}
@media only screen and (max-width: 1199px) {
  .content-faq .wrapper {
    padding-top: 104px;
    padding-bottom: 104px;
    flex-direction: column;
  }
}
@media only screen and (max-width: 899px) {
  .content-faq .wrapper {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media only screen and (max-width: 599px) {
  .content-faq .wrapper {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.content-faq .content-faq__links {
  margin-top: 24px;
  display: flex;
  flex-direction: row;
  gap: 16px;
}
@media only screen and (max-width: 599px) {
  .content-faq .content-faq__links {
    flex-wrap: wrap;
  }
}
.content-faq .content-faq__item-icon {
  border-radius: 2px;
  background-color: transparent;
  display: flex;
  width: 16px;
  height: 16px;
  aspect-ratio: 1/1;
  padding: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 4px;
  position: relative;
  transition: all 250ms ease;
}
.content-faq .content-faq__item-icon::before {
  width: 16px;
  height: 2px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #062129;
  border-radius: 100px;
  content: "";
  transition: all 250ms ease;
}
.content-faq .content-faq__item-icon::after {
  width: 16px;
  height: 2px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(90deg);
  background-color: #062129;
  border-radius: 100px;
  content: "";
  transition: all 250ms ease;
}
.content-faq .content-faq__item-title-button {
  display: flex;
  flex-direction: row;
  gap: 16px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  text-align: left;
}
.content-faq .content-faq__item-title-button:hover .content-faq__item-icon::before, .content-faq .content-faq__item-title-button:hover .content-faq__item-icon::after {
  background-color: #062129;
}
.content-faq .content-faq__item-title-button.is-active .content-faq__item-icon::after {
  transform: translate(-50%, -50%) rotate(0);
  background-color: #062129;
}
.content-faq .content-faq__item-title-button.is-active .content-faq__item-icon::before {
  background-color: #062129;
}
.content-faq .content-faq__head {
  max-width: 452px;
  width: 100%;
}
@media only screen and (max-width: 1199px) {
  .content-faq .content-faq__head {
    max-width: 100%;
  }
}
.content-faq .content-faq__items {
  max-width: 810px;
  width: 100%;
}
@media only screen and (max-width: 1199px) {
  .content-faq .content-faq__items {
    max-width: 100%;
  }
}
.content-faq .content-faq__subtitle {
  margin-bottom: 8px;
}
.content-faq .content-faq__editor {
  margin-top: 16px;
}
.content-faq .content-faq__items .content-faq__item {
  padding-block: 24px 32px;
}
.content-faq .content-faq__items .content-faq__item:not(:last-child) {
  margin-bottom: 16px;
  border-bottom: 1px solid #DADEDF;
}
.content-faq .content-faq__items .content-faq__item-content {
  padding-top: 16px;
}
.content-faq .content-faq__items .content-faq__item-content a {
  margin-top: 16px;
}

.content-default.content-default--black {
  background-color: hsl(0, 0%, 2.7%);
}
.content-default.content-default--black .content-default__subtitle {
  color: hsl(0, 0%, 100%);
}
.content-default.content-default--black .content-default__subtitle .dot {
  background-color: hsl(0, 0%, 100%);
}
.content-default.content-default--black .content-default__title {
  color: hsl(0, 0%, 100%);
}
.content-default.content-default--black .content-default__editor * {
  color: hsl(0, 0%, 100%);
}
.content-default .wrapper {
  padding-block: 120px;
  display: flex;
  flex-direction: row;
  gap: 64px;
  justify-content: space-between;
}
@media only screen and (max-width: 1199px) {
  .content-default .wrapper {
    padding-block: 104px;
    flex-direction: column;
    gap: 24px;
  }
}
@media only screen and (max-width: 899px) {
  .content-default .wrapper {
    padding-block: 80px;
  }
}
@media only screen and (max-width: 599px) {
  .content-default .wrapper {
    padding-block: 40px;
  }
}
.content-default .content-default__subtitle {
  margin-bottom: 8px;
}
.content-default .content-default__head {
  max-width: 616px;
  width: 100%;
}
@media only screen and (max-width: 1199px) {
  .content-default .content-default__head {
    max-width: 100%;
  }
}
.content-default .content-default__body {
  max-width: 760px;
  width: 100%;
}
@media only screen and (max-width: 599px) {
  .content-default .content-default__body {
    max-width: 100%;
  }
}
.content-default .content-default__link {
  margin-top: 24px;
  width: fit-content;
}

.team .wrapper {
  padding-top: 120px;
  padding-bottom: 120px;
}
@media only screen and (max-width: 1199px) {
  .team .wrapper {
    padding-top: 104px;
    padding-bottom: 104px;
  }
}
@media only screen and (max-width: 899px) {
  .team .wrapper {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media only screen and (max-width: 599px) {
  .team .wrapper {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.team .team__subtitle {
  margin-bottom: 8px;
}
.team .team__title {
  max-width: 688px;
  width: 100%;
  position: sticky;
  top: 110px;
}
@media only screen and (max-width: 1199px) {
  .team .team__title {
    max-width: 100%;
  }
}
.team .team__members {
  max-width: 688px;
  width: 100%;
  margin-left: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 64px;
  margin-top: 76px;
}
@media only screen and (max-width: 1199px) {
  .team .team__members {
    margin-left: 0;
    margin-inline: auto;
  }
}
@media only screen and (max-width: 599px) {
  .team .team__members {
    margin-top: 40px;
    gap: 32px;
  }
}
.team .team__members .team__member-image {
  margin-bottom: 16px;
  border-radius: 4px;
  overflow: clip;
}
.team .team__members .team__member-subtitle {
  color: hsl(0, 0%, 2.7%);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.team .team__members .team__member-title {
  font-weight: 700;
  color: hsl(0, 0%, 2.7%);
}
.team .team__members .team__member:nth-child(3n+1) {
  max-width: 287px;
  width: 100%;
}
@media only screen and (max-width: 599px) {
  .team .team__members .team__member:nth-child(3n+1) {
    max-width: 100%;
    width: 100%;
  }
}
.team .team__members .team__member:nth-child(3n+1) .team__member-image {
  width: 100%;
  max-height: 362px;
  height: 100%;
}
@media only screen and (max-width: 599px) {
  .team .team__members .team__member:nth-child(3n+1) .team__member-image {
    max-height: 412px;
  }
}
.team .team__members .team__member:nth-child(3n+1) .team__member-image img {
  width: 100%;
  height: 362px;
  object-fit: cover;
}
@media only screen and (max-width: 599px) {
  .team .team__members .team__member:nth-child(3n+1) .team__member-image img {
    height: 412px;
  }
}
.team .team__members .team__member:nth-child(3n+2) {
  max-width: 287px;
  width: 100%;
  margin-top: 76px;
}
@media only screen and (max-width: 599px) {
  .team .team__members .team__member:nth-child(3n+2) {
    margin-top: 0;
    max-width: 100%;
    width: 100%;
  }
}
.team .team__members .team__member:nth-child(3n+2) .team__member-image {
  width: 100%;
  max-height: 362px;
  height: 100%;
}
@media only screen and (max-width: 599px) {
  .team .team__members .team__member:nth-child(3n+2) .team__member-image {
    max-height: 412px;
  }
}
.team .team__members .team__member:nth-child(3n+2) .team__member-image img {
  width: 100%;
  height: 362px;
  object-fit: cover;
}
@media only screen and (max-width: 599px) {
  .team .team__members .team__member:nth-child(3n+2) .team__member-image img {
    height: 412px;
  }
}
.team .team__members .team__member:nth-child(3n+3) {
  max-width: 100%;
  width: 100%;
}
.team .team__members .team__member:nth-child(3n+3) .team__member-image {
  width: 100%;
  max-height: 390px;
  height: 100%;
}
@media only screen and (max-width: 599px) {
  .team .team__members .team__member:nth-child(3n+3) .team__member-image {
    max-height: 240px;
  }
}
.team .team__members .team__member:nth-child(3n+3) .team__member-image img {
  width: 100%;
  height: 390px;
  object-fit: cover;
}
@media only screen and (max-width: 599px) {
  .team .team__members .team__member:nth-child(3n+3) .team__member-image img {
    height: 240px;
  }
}

.language-switch {
  position: relative;
  z-index: 999;
  margin-left: 64px;
}
@media only screen and (max-width: 1199px) {
  .language-switch {
    display: none;
  }
}
.language-switch__toggle {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
  padding: 8px 16px;
  border: 1px solid rgba(239, 239, 239, 0.68);
  border-radius: 4px;
  background: transparent;
  color: hsl(0, 0%, 100%);
  font-family: "Montserrat";
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  cursor: pointer;
  transition: border-color 300ms ease;
}
.language-switch__toggle svg path {
  transition: stroke 300ms ease;
}
.language-switch__toggle:hover {
  border-color: hsl(0, 0%, 100%);
}
.language-switch.is-open .language-switch__toggle svg {
  transform: rotate(180deg);
}
.language-switch__toggle svg {
  transition: transform 300ms ease;
}
.language-switch__dropdown {
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  min-width: 100%;
  background: rgba(254, 254, 254, 0.18);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 8px;
  list-style: none;
  padding: 4px 0;
  margin: 0;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-4px);
  transition: opacity 300ms ease, visibility 300ms ease, transform 300ms ease;
}
.language-switch__dropdown li a {
  display: block;
  padding: 8px 12px;
  color: hsl(0, 0%, 100%);
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  text-decoration: none;
  transition: background-color 300ms ease;
}
.language-switch__dropdown li a:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.language-switch.is-open .language-switch__dropdown {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.category-hero {
  min-height: calc(100svh - 64px);
  height: 100%;
  position: relative;
  background: linear-gradient(267deg, rgba(227, 0, 55, 0.53) 2.35%, rgba(12, 12, 12, 0.53) 66.05%), #000;
  overflow: clip;
}
@media only screen and (max-width: 899px) {
  .category-hero {
    min-height: calc(100svh - 285px);
  }
}
.category-hero::before {
  background: linear-gradient(152deg, #000 7.09%, rgba(0, 0, 0, 0.2) 97.92%);
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  pointer-events: none;
}
.category-hero .wrapper {
  min-height: calc(100svh - 64px);
  padding-block: 120px 80px;
  height: 100%;
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 899px) {
  .category-hero .wrapper {
    min-height: calc(100svh - 285px);
  }
}
.category-hero .category-hero__subtitle {
  margin-top: 40px;
}
.category-hero .category-hero__image {
  position: absolute;
  right: -64px;
  bottom: -64px;
  width: fit-content;
  height: fit-content;
  object-fit: cover;
  pointer-events: none;
}
@media only screen and (max-width: 599px) {
  .category-hero .category-hero__image {
    display: none;
  }
}
.category-hero .category-hero__image img {
  max-width: 616px;
  max-height: 748px;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.category-hero .category-hero__title {
  color: hsl(0, 0%, 100%);
  max-width: 452px;
  width: 100%;
}
.category-hero .category-hero__editor {
  margin-top: 24px;
  max-width: 452px;
  width: 100%;
}
.category-hero .category-hero__editor * {
  color: hsl(0, 0%, 100%);
}
.category-hero .category-hero__link {
  margin-top: 24px;
}
.category-hero .category__item {
  display: flex;
  flex-direction: column;
  text-decoration: none;
  color: inherit;
  max-width: calc(50% - 12px);
  width: 100%;
}
.category-hero .category__item:hover img {
  transform: scale(1.03);
}
.category-hero .category__item-image {
  overflow: clip;
  border-radius: 4px;
  border: 1px solid #444;
  background: hsl(0, 0%, 100%);
}
.category-hero .category__item-image img {
  width: 100%;
  height: auto;
  aspect-ratio: 254/202;
  display: block;
  object-fit: contain;
  transition: transform 250ms ease;
}
.category-hero .category__item-title {
  margin-top: 16px;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.category-hero .category__item-title .icon {
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1/1;
  border-radius: 100px;
  position: relative;
  flex: none;
  background-color: hsl(345, 100%, 44.5%);
}
.category-hero .category__item-title .icon__bg {
  border-radius: 100px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  z-index: 0;
  transition: transform 0.525s cubic-bezier(0.625, 0.05, 0, 1);
}
.category-hero .category__item-title .icon__wrap {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-radius: 100px;
}
.category-hero .category__item-title .icon__list {
  position: relative;
  width: 32px;
  height: 32px;
  flex: none;
}
.category-hero .category__item-title .icon__list svg {
  position: absolute;
  inset: 0;
  width: 32px;
  height: 32px;
  padding: 8px;
  transition: transform 0.525s cubic-bezier(0.625, 0.05, 0, 1);
}
.category-hero .category__item-title .icon__list svg:first-child {
  transform: translate(0, 0);
}
.category-hero .category__item-title .icon__list svg:nth-child(2) {
  transform: translate(-100%, 100%);
}
.category-hero .category__item-title .icon__list svg:nth-child(3) {
  display: none;
}
.category-hero .category__item:hover .icon__bg,
.category-hero .category__item:focus-visible .icon__bg {
  transform: rotate(90deg);
}
.category-hero .category__item:hover .icon__list svg:first-child,
.category-hero .category__item:focus-visible .icon__list svg:first-child {
  transform: translate(100%, -100%);
}
.category-hero .category__item:hover .icon__list svg:nth-child(2),
.category-hero .category__item:focus-visible .icon__list svg:nth-child(2) {
  transform: translate(0, 0);
}
.category-hero .category__list {
  max-width: 560px;
  width: 100%;
  display: flex;
  flex-direction: row;
  gap: 24px;
  margin-top: 24px;
}
.category-hero .category-hero__head {
  position: relative;
  z-index: 2;
}
.category-hero .category-hero__body {
  margin-top: auto;
  position: relative;
  z-index: 2;
}

body {
  position: relative;
}
body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 1001;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  pointer-events: none;
  transition: all 500ms ease;
}
body.is-active {
  overflow: hidden;
}
body.is-active::before {
  opacity: 1;
  pointer-events: auto;
}

.product-modal {
  border-radius: 16px;
  background: hsl(0, 0%, 20%);
  overflow: clip;
  padding: 20px 40px 0 20px;
  position: fixed;
  z-index: 1002;
  top: 50%;
  left: -100vw;
  transform: translateY(-50%);
  height: calc(100svh - 40px);
  transition: all 500ms ease;
  max-width: 668px;
  width: 100%;
}
@media only screen and (max-width: 899px) {
  .product-modal {
    width: calc(100% - 40px);
  }
}
.product-modal.is-open {
  left: 20px;
}
.product-modal .product-modal__content {
  overflow-y: auto;
  position: relative;
  max-height: calc(100svh - 40px);
  padding-bottom: 146px;
  scrollbar-width: none;
}
.product-modal .product-modal__content::-webkit-scrollbar {
  display: none;
}
.product-modal::after {
  background: linear-gradient(180deg, rgba(51, 51, 51, 0) 0%, #333 100%);
  width: 100%;
  height: 146px;
  bottom: 0;
  left: 0;
  position: absolute;
  content: "";
  pointer-events: none;
}
.product-modal .product-modal__close {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  margin-left: auto;
  width: fit-content;
  cursor: pointer;
}
.product-modal .product-modal__close span {
  color: hsl(0, 0%, 100%);
}
.product-modal .product__head {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  flex-wrap: wrap;
  margin-top: 48px;
  margin-bottom: 24px;
}
.product-modal .product__cta {
  width: fit-content;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
@media only screen and (max-width: 899px) {
  .product-modal .product__cta {
    flex-wrap: wrap;
  }
}
.product-modal .product__cta a {
  width: fit-content;
}
.product-modal .product__title {
  color: hsl(0, 0%, 100%);
}
.product-modal .product__content {
  padding-top: 24px;
  border-top: 1px solid rgba(255, 255, 255, 0.25);
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 28px;
  justify-content: space-between;
}
@media only screen and (max-width: 899px) {
  .product-modal .product__content {
    flex-direction: column;
  }
}
.product-modal .product__content h4 {
  color: hsl(0, 0%, 100%);
  max-width: 168px;
  width: 100%;
}
@media only screen and (max-width: 899px) {
  .product-modal .product__content h4 {
    max-width: 100%;
  }
}
.product-modal .product__content-body {
  max-width: 414px;
  width: 100%;
}
@media only screen and (max-width: 899px) {
  .product-modal .product__content-body {
    max-width: 100%;
  }
}
.product-modal .product__content-body .product__editor {
  margin-bottom: 24px;
}
.product-modal .product__content-body .product__editor * {
  color: rgba(255, 255, 255, 0.8);
}
.product-modal .product__content-images {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 24px;
}
.product-modal .product__content-images .product__content-image {
  max-width: calc(50% - 12px);
  width: 100%;
  height: 200px;
  border-radius: 4px;
  border: 1px solid rgba(252, 252, 252, 0.25);
  background: hsl(0, 0%, 100%);
  overflow: clip;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  aspect-ratio: 198/200;
}
.product-modal .product__content-images .product__content-image img {
  height: 200px;
  width: 100%;
  object-fit: contain;
}
.product-modal .product__specs {
  margin-top: 24px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 28px;
  justify-content: space-between;
}
@media only screen and (max-width: 899px) {
  .product-modal .product__specs {
    flex-direction: column;
  }
}
.product-modal .product__specs h4 {
  color: hsl(0, 0%, 100%);
  max-width: 168px;
  width: 100%;
}
@media only screen and (max-width: 899px) {
  .product-modal .product__specs h4 {
    max-width: 100%;
  }
}
.product-modal .product__specs-body {
  max-width: 414px;
  width: 100%;
}
@media only screen and (max-width: 899px) {
  .product-modal .product__specs-body {
    max-width: 100%;
  }
}
.product-modal .product__specs-items {
  display: flex;
  flex-direction: column;
}
.product-modal .product__specs-item {
  display: flex;
  flex-direction: row;
  gap: 24px;
  padding: 12px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  list-style: none;
  margin: 0;
  padding-left: 0;
  justify-content: space-between;
}
.product-modal .product__specs-item .product__specs-item-title {
  color: rgba(255, 255, 255, 0.5);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 13px;
  min-width: 120px;
}
.product-modal .product__specs-item .product__specs-item-value {
  color: hsl(0, 0%, 100%);
  font-size: 14px;
}

.blogs-hero .wrapper {
  padding-block: 120px 0;
}
@media only screen and (max-width: 1199px) {
  .blogs-hero .wrapper {
    padding-block: 120px 0;
  }
}
@media only screen and (max-width: 899px) {
  .blogs-hero .wrapper {
    padding-block: 120px 0;
  }
}
@media only screen and (max-width: 599px) {
  .blogs-hero .wrapper {
    padding-block: 120px 0;
  }
}
.blogs-hero .blogs-hero__item {
  border-bottom: 1px solid hsl(345, 100%, 44.5%);
  padding-block: 24px 60px;
  display: flex;
  flex-direction: row;
  gap: 64px;
  justify-content: space-between;
  align-items: center;
  margin-top: 32px;
}
@media only screen and (max-width: 1199px) {
  .blogs-hero .blogs-hero__item {
    padding-block: 24px 40px;
  }
}
@media only screen and (max-width: 899px) {
  .blogs-hero .blogs-hero__item {
    flex-direction: column;
    gap: 56px;
    padding-block: 24px;
  }
}
.blogs-hero .blogs-hero__item-image {
  border-radius: 4px;
  overflow: clip;
  max-width: 696px;
  width: 100%;
  min-height: 442px;
}
@media only screen and (max-width: 1199px) {
  .blogs-hero .blogs-hero__item-image {
    max-width: 494px;
    min-height: 368px;
  }
}
@media only screen and (max-width: 899px) {
  .blogs-hero .blogs-hero__item-image {
    max-width: 100%;
    min-height: 100%;
  }
}
.blogs-hero .blogs-hero__item-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.blogs-hero .blogs-hero__item-body {
  max-width: 628px;
  width: 100%;
}
@media only screen and (max-width: 1199px) {
  .blogs-hero .blogs-hero__item-body {
    max-width: 494px;
  }
}
@media only screen and (max-width: 899px) {
  .blogs-hero .blogs-hero__item-body {
    max-width: 100%;
  }
}
.blogs-hero .blogs-hero__item-date {
  margin-bottom: 8px;
}
.blogs-hero .blogs-hero__item-teaser {
  margin-top: 8px;
  display: block;
}
.blogs-hero .blogs-hero__item-teaser * {
  color: hsl(0, 0%, 20%);
}
.blogs-hero a.button {
  margin-top: 24px;
  width: fit-content;
}

.blogs-list .wrapper {
  padding-block: 60px 120px;
}
@media only screen and (max-width: 1199px) {
  .blogs-list .wrapper {
    padding-block: 40px 104px;
  }
}
@media only screen and (max-width: 899px) {
  .blogs-list .wrapper {
    padding-block: 40px 80px;
  }
}
@media only screen and (max-width: 599px) {
  .blogs-list .wrapper {
    padding-block: 40px;
  }
}
.blogs-list .blogs-list__wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 24px;
}
.blogs-list .blogs-list__wrapper .blog__item {
  max-width: calc(33.333% - 16px);
  width: 100%;
}
@media only screen and (max-width: 899px) {
  .blogs-list .blogs-list__wrapper .blog__item {
    max-width: calc(50% - 12px);
  }
}
@media only screen and (max-width: 599px) {
  .blogs-list .blogs-list__wrapper .blog__item {
    max-width: 100%;
  }
}
.blogs-list .blogs-list__actions {
  margin-block: 24px;
  display: flex;
  flex-direction: row;
  gap: 8px 16px;
  justify-content: space-between;
  align-items: center;
}
.blogs-list .blogs-list__results {
  color: hsl(0, 0%, 40%);
}
.blogs-list .blogs-list__sort {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  color: hsl(0, 0%, 40%);
}
.blogs-list .blogs-list__sort select {
  font-size: 16px;
  line-height: 1.5em;
  width: fit-content;
  height: fit-content;
  padding: 0;
  background-color: transparent;
  font-weight: 500;
  border: none;
  color: hsl(0, 0%, 20%);
  cursor: pointer;
}

.blog__item:hover .icon__bg,
.blog__item:focus-visible .icon__bg {
  transform: rotate(90deg);
}
.blog__item:hover .icon__list svg:first-child,
.blog__item:focus-visible .icon__list svg:first-child {
  transform: translate(100%, -100%);
}
.blog__item:hover .icon__list svg:nth-child(2),
.blog__item:focus-visible .icon__list svg:nth-child(2) {
  transform: translate(0, 0);
}
.blog__item:hover .blog__item-image img,
.blog__item:focus-visible .blog__item-image img {
  transform: scale(1.03);
}

.blog__item-image {
  height: 286px;
  width: 100%;
  overflow: clip;
  border-radius: 4px;
}
@media only screen and (max-width: 599px) {
  .blog__item-image {
    height: 208px;
  }
}
.blog__item-image img {
  height: 286px;
  width: 100%;
  object-fit: cover;
  transition: all 250ms ease-in-out;
}
@media only screen and (max-width: 599px) {
  .blog__item-image img {
    height: 208px;
  }
}

.blog__item-date {
  color: rgba(51, 51, 51, 0.8);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin-top: 8px;
  display: flex;
}

.blog__item-title {
  color: hsl(0, 0%, 20%);
  margin-top: 4px;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  gap: 8px;
}
.blog__item-title .icon {
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1/1;
  border-radius: 100px;
  position: relative;
  flex: none;
  background-color: hsl(345, 100%, 44.5%);
}
.blog__item-title .icon__bg {
  border-radius: 100px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  z-index: 0;
  transition: transform 0.525s cubic-bezier(0.625, 0.05, 0, 1);
}
.blog__item-title .icon__wrap {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-radius: 100px;
}
.blog__item-title .icon__list {
  position: relative;
  width: 32px;
  height: 32px;
  flex: none;
}
.blog__item-title .icon__list svg {
  position: absolute;
  inset: 0;
  width: 32px;
  height: 32px;
  padding: 8px;
  transition: transform 0.525s cubic-bezier(0.625, 0.05, 0, 1);
}
.blog__item-title .icon__list svg:first-child {
  transform: translate(0, 0);
}
.blog__item-title .icon__list svg:nth-child(2) {
  transform: translate(-100%, 100%);
}
.blog__item-title .icon__list svg:nth-child(3) {
  display: none;
}

.blog-hero {
  position: relative;
  border-radius: 4px;
  background: linear-gradient(90deg, rgba(7, 7, 7, 0.2) 0%, rgba(227, 0, 55, 0.2) 100%), #070707;
}
@media only screen and (max-width: 1199px) {
  .blog-hero {
    border-radius: 0;
    background: hsl(0, 0%, 2.7%);
  }
}
.blog-hero .wrapper {
  height: 100%;
  padding-top: 120px;
  padding-bottom: 120px;
  display: flex;
  flex-direction: row;
  gap: 64px;
  justify-content: space-between;
}
@media only screen and (max-width: 1199px) {
  .blog-hero .wrapper {
    align-items: flex-end;
    padding-block: 120px 104px;
  }
}
@media only screen and (max-width: 899px) {
  .blog-hero .wrapper {
    padding-block: 120px 80px;
    flex-direction: column;
  }
}
@media only screen and (max-width: 599px) {
  .blog-hero .wrapper {
    padding-block: 120px 40px;
    gap: 24px;
  }
}
.blog-hero .blog-hero__return {
  border-radius: 39px;
  border: 1px solid hsl(0, 0%, 79.6%);
  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  display: flex;
  flex-direction: row;
  padding: 12px 16px;
  align-items: center;
  gap: 12px;
  color: hsl(0, 0%, 100%);
  width: fit-content;
}
.blog-hero .blog-hero__head {
  max-width: 641px;
  width: 100%;
  display: flex;
  flex-direction: column;
  height: auto;
}
@media only screen and (max-width: 1199px) {
  .blog-hero .blog-hero__head {
    max-width: 480px;
  }
}
@media only screen and (max-width: 899px) {
  .blog-hero .blog-hero__head {
    max-width: 100%;
  }
}
.blog-hero .blog-hero__image {
  height: 442px;
  max-width: 695px;
  width: 100%;
  overflow: clip;
  border-radius: 4px;
}
@media only screen and (max-width: 1199px) {
  .blog-hero .blog-hero__image {
    max-width: 480px;
    height: 180px;
  }
}
@media only screen and (max-width: 899px) {
  .blog-hero .blog-hero__image {
    max-width: 100%;
    height: 320px;
  }
}
.blog-hero .blog-hero__image img {
  height: 442px;
  max-width: 695px;
  width: 100%;
}
@media only screen and (max-width: 1199px) {
  .blog-hero .blog-hero__image img {
    height: 180px;
  }
}
@media only screen and (max-width: 899px) {
  .blog-hero .blog-hero__image img {
    height: 320px;
    max-width: 100%;
  }
}
.blog-hero .blog-hero__title {
  color: hsl(0, 0%, 100%);
}
@media only screen and (max-width: 1199px) {
  .blog-hero .blog-hero__title {
    font-size: 40px;
  }
}
@media only screen and (max-width: 899px) {
  .blog-hero .blog-hero__title {
    font-size: 28px;
    line-height: 1.2em;
  }
}
.blog-hero .blog-hero__date {
  margin-top: auto;
  margin-bottom: 8px;
  opacity: 0.7;
}
@media only screen and (max-width: 1199px) {
  .blog-hero .blog-hero__date {
    margin-top: 40px;
  }
}

@media only screen and (max-width: 1199px) {
  .blog-single .wrapper {
    padding-block: 104px;
  }
}
@media only screen and (max-width: 899px) {
  .blog-single .wrapper {
    padding-block: 80px;
  }
}
@media only screen and (max-width: 599px) {
  .blog-single .wrapper {
    padding-block: 40px;
  }
}
.blog-single .blog-single__share {
  margin-inline: auto;
  justify-content: center;
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 64px;
  align-items: center;
}
@media only screen and (max-width: 899px) {
  .blog-single .blog-single__share {
    margin-top: 40px;
  }
}
.blog-single .blog-single__share span {
  font-weight: 700;
}
.blog-single .blog-single__share-items {
  display: flex;
  flex-direction: row;
  gap: 8px;
}
.blog-single .blog-single__share-items .js-copy::before {
  content: "Link gekopieerd";
  position: fixed;
  z-index: 99999;
  background-color: hsl(345, 100%, 35.7%);
  border: 1px solid hsl(0, 0%, 82.7%);
  padding: 12px 24px;
  border-radius: 39px;
  bottom: 8vh;
  left: 50%;
  transform: translateX(-50%);
  pointer-events: none;
  opacity: 0;
  transition: opacity 300ms ease-in-out;
  color: hsl(0, 0%, 100%);
}
.blog-single .blog-single__share-items .js-copy.is-active::before {
  opacity: 1;
}
.blog-single .blog-single__share-items .blog-single__share-item {
  width: 40px;
  height: 40px;
  aspect-ratio: 1/1;
  border-radius: 100px;
  border: 1px solid hsl(0, 0%, 82.7%);
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 250ms ease-in-out;
}
.blog-single .blog-single__share-items .blog-single__share-item svg path {
  transition: all 250ms ease-in-out;
}
.blog-single .blog-single__share-items .blog-single__share-item:hover {
  background-color: hsl(345, 100%, 35.7%);
}
.blog-single .blog-single__share-items .blog-single__share-item:hover svg path {
  fill: hsl(0, 0%, 100%);
}
.blog-single .blog-single__editor {
  margin-top: 64px;
}
@media only screen and (max-width: 599px) {
  .blog-single .blog-single__editor {
    margin-top: 40px;
  }
}
.blog-single .blog-single__editor h1, .blog-single .blog-single__editor h2, .blog-single .blog-single__editor h3 {
  margin-top: 64px;
  margin-bottom: 8px;
}
@media only screen and (max-width: 599px) {
  .blog-single .blog-single__editor h1, .blog-single .blog-single__editor h2, .blog-single .blog-single__editor h3 {
    margin-top: 40px;
  }
}
.blog-single .blog-single__editor h1:first-child, .blog-single .blog-single__editor h2:first-child, .blog-single .blog-single__editor h3:first-child {
  margin-top: 0;
}
.blog-single .blog-single__editor h4, .blog-single .blog-single__editor h5 {
  margin-top: 40px;
  margin-bottom: 8px;
}
.blog-single .blog-single__editor h4:first-child, .blog-single .blog-single__editor h5:first-child {
  margin-top: 0;
}
.blog-single .blog-single__images {
  display: flex;
  flex-direction: row;
  gap: 24px;
  align-items: center;
  margin-top: 64px;
}
@media only screen and (max-width: 899px) {
  .blog-single .blog-single__images {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 599px) {
  .blog-single .blog-single__images {
    flex-direction: column;
  }
}
.blog-single .blog-single__images .blog-single__image {
  max-width: calc(50% - 12px);
  width: 100%;
  height: 286px;
  border-radius: 4px;
  overflow: clip;
}
@media only screen and (max-width: 599px) {
  .blog-single .blog-single__images .blog-single__image {
    max-width: 100%;
    height: 208px;
  }
}
.blog-single .blog-single__images .blog-single__image img {
  width: 100%;
  height: 286px;
  object-fit: cover;
}
@media only screen and (max-width: 599px) {
  .blog-single .blog-single__images .blog-single__image img {
    height: 208px;
  }
}

/**
 * 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%, 0%)-100 color utility.
 */
.color-black-100 {
  color: hsl(0, 0%, 0%);
}

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

/**
 * `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` 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` hsl(0, 100%, 50%)-10 color utility.
 */
.color-red-10 {
  color: hsl(0, 100%, 50%);
}

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

/**
 * `color` hsl(345, 78.9%, 88.8%)-100 color utility.
 */
.color-brand-red-100 {
  color: hsl(345, 78.9%, 88.8%);
}

/**
 * `background-color` hsl(345, 78.9%, 88.8%)-100 color utility.
 */
.background-color-brand-red-100 {
  background-color: hsl(345, 78.9%, 88.8%);
}

/**
 * `color` hsl(345, 80.5%, 77.8%)-200 color utility.
 */
.color-brand-red-200 {
  color: hsl(345, 80.5%, 77.8%);
}

/**
 * `background-color` hsl(345, 80.5%, 77.8%)-200 color utility.
 */
.background-color-brand-red-200 {
  background-color: hsl(345, 80.5%, 77.8%);
}

/**
 * `color` hsl(345, 80%, 66.7%)-300 color utility.
 */
.color-brand-red-300 {
  color: hsl(345, 80%, 66.7%);
}

/**
 * `background-color` hsl(345, 80%, 66.7%)-300 color utility.
 */
.background-color-brand-red-300 {
  background-color: hsl(345, 80%, 66.7%);
}

/**
 * `color` hsl(345, 80.5%, 55.7%)-400 color utility.
 */
.color-brand-red-400 {
  color: hsl(345, 80.5%, 55.7%);
}

/**
 * `background-color` hsl(345, 80.5%, 55.7%)-400 color utility.
 */
.background-color-brand-red-400 {
  background-color: hsl(345, 80.5%, 55.7%);
}

/**
 * `color` hsl(345, 100%, 44.5%)-500 color utility.
 */
.color-brand-red-500 {
  color: hsl(345, 100%, 44.5%);
}

/**
 * `background-color` hsl(345, 100%, 44.5%)-500 color utility.
 */
.background-color-brand-red-500 {
  background-color: hsl(345, 100%, 44.5%);
}

/**
 * `color` hsl(345, 100%, 35.7%)-600 color utility.
 */
.color-brand-red-600 {
  color: hsl(345, 100%, 35.7%);
}

/**
 * `background-color` hsl(345, 100%, 35.7%)-600 color utility.
 */
.background-color-brand-red-600 {
  background-color: hsl(345, 100%, 35.7%);
}

/**
 * `color` hsl(345, 100%, 26.7%)-700 color utility.
 */
.color-brand-red-700 {
  color: hsl(345, 100%, 26.7%);
}

/**
 * `background-color` hsl(345, 100%, 26.7%)-700 color utility.
 */
.background-color-brand-red-700 {
  background-color: hsl(345, 100%, 26.7%);
}

/**
 * `color` hsl(345, 100%, 17.8%)-800 color utility.
 */
.color-brand-red-800 {
  color: hsl(345, 100%, 17.8%);
}

/**
 * `background-color` hsl(345, 100%, 17.8%)-800 color utility.
 */
.background-color-brand-red-800 {
  background-color: hsl(345, 100%, 17.8%);
}

/**
 * `color` hsl(345, 100%, 8.8%)-900 color utility.
 */
.color-brand-red-900 {
  color: hsl(345, 100%, 8.8%);
}

/**
 * `background-color` hsl(345, 100%, 8.8%)-900 color utility.
 */
.background-color-brand-red-900 {
  background-color: hsl(345, 100%, 8.8%);
}

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

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

/**
 * `color` hsl(0, 0%, 65.9%)-200 color utility.
 */
.color-brand-black-200 {
  color: hsl(0, 0%, 65.9%);
}

/**
 * `background-color` hsl(0, 0%, 65.9%)-200 color utility.
 */
.background-color-brand-black-200 {
  background-color: hsl(0, 0%, 65.9%);
}

/**
 * `color` hsl(0, 0%, 48.6%)-300 color utility.
 */
.color-brand-black-300 {
  color: hsl(0, 0%, 48.6%);
}

/**
 * `background-color` hsl(0, 0%, 48.6%)-300 color utility.
 */
.background-color-brand-black-300 {
  background-color: hsl(0, 0%, 48.6%);
}

/**
 * `color` hsl(0, 0%, 31.4%)-400 color utility.
 */
.color-brand-black-400 {
  color: hsl(0, 0%, 31.4%);
}

/**
 * `background-color` hsl(0, 0%, 31.4%)-400 color utility.
 */
.background-color-brand-black-400 {
  background-color: hsl(0, 0%, 31.4%);
}

/**
 * `color` hsl(0, 0%, 14.1%)-500 color utility.
 */
.color-brand-black-500 {
  color: hsl(0, 0%, 14.1%);
}

/**
 * `background-color` hsl(0, 0%, 14.1%)-500 color utility.
 */
.background-color-brand-black-500 {
  background-color: hsl(0, 0%, 14.1%);
}

/**
 * `color` hsl(0, 0%, 11.4%)-600 color utility.
 */
.color-brand-black-600 {
  color: hsl(0, 0%, 11.4%);
}

/**
 * `background-color` hsl(0, 0%, 11.4%)-600 color utility.
 */
.background-color-brand-black-600 {
  background-color: hsl(0, 0%, 11.4%);
}

/**
 * `color` hsl(0, 0%, 8.6%)-700 color utility.
 */
.color-brand-black-700 {
  color: hsl(0, 0%, 8.6%);
}

/**
 * `background-color` hsl(0, 0%, 8.6%)-700 color utility.
 */
.background-color-brand-black-700 {
  background-color: hsl(0, 0%, 8.6%);
}

/**
 * `color` hsl(0, 0%, 5.9%)-800 color utility.
 */
.color-brand-black-800 {
  color: hsl(0, 0%, 5.9%);
}

/**
 * `background-color` hsl(0, 0%, 5.9%)-800 color utility.
 */
.background-color-brand-black-800 {
  background-color: hsl(0, 0%, 5.9%);
}

/**
 * `color` hsl(0, 0%, 2.7%)-900 color utility.
 */
.color-brand-black-900 {
  color: hsl(0, 0%, 2.7%);
}

/**
 * `background-color` hsl(0, 0%, 2.7%)-900 color utility.
 */
.background-color-brand-black-900 {
  background-color: hsl(0, 0%, 2.7%);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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