@charset "UTF-8";
:root {
  --spacing-xs: 10;
  --spacing-sm: 15;
  --spacing-md: 30;
  --spacing-lg: 60;
  --spacing-xl: 80;
}
@media (min-width: 1000px) {
  :root {
    --spacing-xs: 10;
    --spacing-sm: 20;
    --spacing-md: 40;
    --spacing-lg: 80;
    --spacing-xl: 120;
  }
}

:root {
  --grid-columns: 4;
  --grid-gutter: 10px;
  --grid-margin: 20px;
  --grid-color: #c42121;
  --nav-height: 46px;
  --container-width: calc(100vw - 2 * var(--grid-margin));
  --centered-container-margin: var(--grid-margin);
  --centered-container-width: calc(100vw - 2 * var(--centered-container-margin));
  --font-size: 14px;
  --section-padding: calc(var(--nav-height) + 1.25rem);
  --section-padding-safe: 100px;
}
@media (min-width: 700px) {
  :root {
    --grid-columns: 12;
    --grid-gutter: 1.5vw;
    --grid-margin: 1.5vw;
    --centered-container-margin: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 1 + 0 * var(--grid-gutter) + var(--grid-gutter) + var(--grid-margin));
    --font-size: 16px;
    --section-padding: calc(var(--nav-height) + calc(1px * var(--spacing-md)));
    --nav-height: 75px;
  }
}
@media (min-width: 1600px) {
  :root {
    --section-padding: calc(var(--nav-height) + 2.5rem);
    --section-padding-safe: calc(var(--nav-height) + 2.5rem);
  }
}
@media (min-width: 2000px) {
  :root {
    --font-size: 20px;
  }
}

html.lenis, html.lenis body {
  height: auto;
}

.lenis.lenis-smooth {
  scroll-behavior: auto !important;
}

.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}

.lenis.lenis-stopped {
  overflow: hidden;
}

.lenis.lenis-smooth iframe {
  pointer-events: none;
}

@font-face {
  font-family: "Telegraf";
  src: url("https://credits.type8.studio/fonts/Telegraf-Regular.woff2") format("woff2"), url("https://credits.type8.studio/fonts/Telegraf-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Telegraf";
  src: url("https://credits.type8.studio/fonts/Telegraf-Bold.woff2") format("woff2"), url("https://credits.type8.studio/fonts/Telegraf-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
.type8credits {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Telegraf";
  display: flex;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s linear 0.2s, opacity 0.2s linear;
}
.type8credits.visible {
  visibility: visible;
  opacity: 1;
  transition-delay: 0s;
}
.type8credits.visible .type8credits_box {
  opacity: 1;
  transform: translateY(0);
}
.type8credits_bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  background-color: rgba(0, 0, 0, 0.94);
  cursor: pointer;
}
.type8credits_box {
  position: relative;
  z-index: 1;
  width: 75vmin;
  height: calc(75vmin + 60px);
  border-radius: 4px;
  border: 2px solid #FFF;
  opacity: 0;
  transform: translateY(80px);
  transition: opacity 0.5s linear, transform 1s cubic-bezier(0.19, 1, 0.22, 1);
}
.type8credits_box::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  transform: translate(10px, 10px);
  border-radius: 4px;
  border: 2px solid #FFF;
  opacity: 0.3;
}
.type8credits_topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 60px;
  border-bottom: 2px solid #FFF;
  color: #FFF;
  font-size: 14px;
  padding: 0 25px;
}
.type8credits_topbar a, .type8credits_topbar a:visited {
  color: #FFF;
  text-decoration: none;
}
.type8credits_topbar a:hover {
  text-decoration: underline;
}
.type8credits_close {
  font-weight: 700;
  font-size: 16px;
  padding: 10px;
  margin-right: -10px;
  color: #FFF;
  cursor: pointer;
  background: none;
  border: none;
  outline: 0;
}
.type8credits_video {
  position: relative;
}
.type8credits_video video {
  width: 100%;
}
.type8credits_video_link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}

@keyframes plyr-progress {
  to {
    background-position: 25px 0;
    background-position: var(--plyr-progress-loading-size, 25px) 0;
  }
}
@keyframes plyr-popup {
  0% {
    opacity: 0.5;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes plyr-fade-in {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.plyr {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  align-items: center;
  direction: ltr;
  display: flex;
  flex-direction: column;
  font-family: inherit;
  font-family: var(--plyr-font-family, inherit);
  font-variant-numeric: tabular-nums;
  font-weight: 400;
  font-weight: var(--plyr-font-weight-regular, 400);
  line-height: 1.7;
  line-height: var(--plyr-line-height, 1.7);
  max-width: 100%;
  min-width: 200px;
  position: relative;
  text-shadow: none;
  transition: box-shadow 0.3s ease;
  z-index: 0;
}

.plyr audio, .plyr iframe, .plyr video {
  display: block;
  height: 100%;
  width: 100%;
}

.plyr button {
  font: inherit;
  line-height: inherit;
  width: auto;
}

.plyr:focus {
  outline: 0;
}

.plyr--full-ui {
  box-sizing: border-box;
}

.plyr--full-ui *, .plyr--full-ui :after, .plyr--full-ui :before {
  box-sizing: inherit;
}

.plyr--full-ui a, .plyr--full-ui button, .plyr--full-ui input, .plyr--full-ui label {
  touch-action: manipulation;
}

.plyr__badge {
  background: #4a5464;
  background: var(--plyr-badge-background, #4a5464);
  border-radius: 2px;
  border-radius: var(--plyr-badge-border-radius, 2px);
  color: #fff;
  color: var(--plyr-badge-text-color, #fff);
  font-size: 9px;
  font-size: var(--plyr-font-size-badge, 9px);
  line-height: 1;
  padding: 3px 4px;
}

.plyr--full-ui ::-webkit-media-text-track-container {
  display: none;
}

.plyr__captions {
  animation: plyr-fade-in 0.3s ease;
  bottom: 0;
  display: none;
  font-size: 13px;
  font-size: var(--plyr-font-size-small, 13px);
  left: 0;
  padding: 10px;
  padding: var(--plyr-control-spacing, 10px);
  position: absolute;
  text-align: center;
  transition: transform 0.4s ease-in-out;
  width: 100%;
}

.plyr__captions span:empty {
  display: none;
}

@media (min-width: 480px) {
  .plyr__captions {
    font-size: 15px;
    font-size: var(--plyr-font-size-base, 15px);
    padding: 20px;
    padding: calc(var(--plyr-control-spacing, 10px) * 2);
  }
}
@media (min-width: 768px) {
  .plyr__captions {
    font-size: 18px;
    font-size: var(--plyr-font-size-large, 18px);
  }
}
.plyr--captions-active .plyr__captions {
  display: block;
}

.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty) ~ .plyr__captions {
  transform: translateY(-40px);
  transform: translateY(calc(var(--plyr-control-spacing, 10px) * -4));
}

.plyr__caption {
  background: rgba(0, 0, 0, 0.8);
  background: var(--plyr-captions-background, rgba(0, 0, 0, 0.8));
  border-radius: 2px;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  color: #fff;
  color: var(--plyr-captions-text-color, #fff);
  line-height: 185%;
  padding: 0.2em 0.5em;
  white-space: pre-wrap;
}

.plyr__caption div {
  display: inline;
}

.plyr__control {
  background: rgba(0, 0, 0, 0);
  border: 0;
  border-radius: 4px;
  border-radius: var(--plyr-control-radius, 4px);
  color: inherit;
  cursor: pointer;
  flex-shrink: 0;
  overflow: visible;
  padding: 7px;
  padding: calc(var(--plyr-control-spacing, 10px) * 0.7);
  position: relative;
  transition: all 0.3s ease;
}

.plyr__control svg {
  fill: currentColor;
  display: block;
  height: 18px;
  height: var(--plyr-control-icon-size, 18px);
  pointer-events: none;
  width: 18px;
  width: var(--plyr-control-icon-size, 18px);
}

.plyr__control:focus {
  outline: 0;
}

.plyr__control:focus-visible {
  outline: 2px dashed #00b2ff;
  outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
  outline-offset: 2px;
}

a.plyr__control {
  text-decoration: none;
}

.plyr__control.plyr__control--pressed .icon--not-pressed, .plyr__control.plyr__control--pressed .label--not-pressed, .plyr__control:not(.plyr__control--pressed) .icon--pressed, .plyr__control:not(.plyr__control--pressed) .label--pressed, a.plyr__control:after, a.plyr__control:before {
  display: none;
}

.plyr--full-ui ::-webkit-media-controls {
  display: none;
}

.plyr__controls {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  text-align: center;
}

.plyr__controls .plyr__progress__container {
  flex: 1;
  min-width: 0;
}

.plyr__controls .plyr__controls__item {
  margin-left: 2.5px;
  margin-left: calc(var(--plyr-control-spacing, 10px) / 4);
}

.plyr__controls .plyr__controls__item:first-child {
  margin-left: 0;
  margin-right: auto;
}

.plyr__controls .plyr__controls__item.plyr__progress__container {
  padding-left: 2.5px;
  padding-left: calc(var(--plyr-control-spacing, 10px) / 4);
}

.plyr__controls .plyr__controls__item.plyr__time {
  padding: 0 5px;
  padding: 0 calc(var(--plyr-control-spacing, 10px) / 2);
}

.plyr__controls .plyr__controls__item.plyr__progress__container:first-child, .plyr__controls .plyr__controls__item.plyr__time + .plyr__time, .plyr__controls .plyr__controls__item.plyr__time:first-child {
  padding-left: 0;
}

.plyr [data-plyr=airplay], .plyr [data-plyr=captions], .plyr [data-plyr=fullscreen], .plyr [data-plyr=pip], .plyr__controls:empty {
  display: none;
}

.plyr--airplay-supported [data-plyr=airplay], .plyr--captions-enabled [data-plyr=captions], .plyr--fullscreen-enabled [data-plyr=fullscreen], .plyr--pip-supported [data-plyr=pip] {
  display: inline-block;
}

.plyr__menu {
  display: flex;
  position: relative;
}

.plyr__menu .plyr__control svg {
  transition: transform 0.3s ease;
}

.plyr__menu .plyr__control[aria-expanded=true] svg {
  transform: rotate(90deg);
}

.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip {
  display: none;
}

.plyr__menu__container {
  animation: plyr-popup 0.2s ease;
  background: rgba(255, 255, 255, 0.9019607843);
  background: var(--plyr-menu-background, rgba(255, 255, 255, 0.9019607843));
  border-radius: 8px;
  border-radius: var(--plyr-menu-radius, 8px);
  bottom: 100%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1490196078);
  box-shadow: var(--plyr-menu-shadow, 0 1px 2px rgba(0, 0, 0, 0.1490196078));
  color: #4a5464;
  color: var(--plyr-menu-color, #4a5464);
  font-size: 15px;
  font-size: var(--plyr-font-size-base, 15px);
  margin-bottom: 10px;
  position: absolute;
  right: -3px;
  text-align: left;
  white-space: nowrap;
  z-index: 3;
}

.plyr__menu__container > div {
  overflow: hidden;
  transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.plyr__menu__container:after {
  border: 4px solid rgba(0, 0, 0, 0);
  border-top-color: rgba(255, 255, 255, 0.9019607843);
  border: var(--plyr-menu-arrow-size, 4px) solid rgba(0, 0, 0, 0);
  border-top-color: var(--plyr-menu-background, rgba(255, 255, 255, 0.9019607843));
  content: "";
  height: 0;
  position: absolute;
  right: 14px;
  right: calc(var(--plyr-control-icon-size, 18px) / 2 + var(--plyr-control-spacing, 10px) * 0.7 - var(--plyr-menu-arrow-size, 4px) / 2);
  top: 100%;
  width: 0;
}

.plyr__menu__container [role=menu] {
  padding: 7px;
  padding: calc(var(--plyr-control-spacing, 10px) * 0.7);
}

.plyr__menu__container [role=menuitem], .plyr__menu__container [role=menuitemradio] {
  margin-top: 2px;
}

.plyr__menu__container [role=menuitem]:first-child, .plyr__menu__container [role=menuitemradio]:first-child {
  margin-top: 0;
}

.plyr__menu__container .plyr__control {
  align-items: center;
  color: #4a5464;
  color: var(--plyr-menu-color, #4a5464);
  display: flex;
  font-size: 13px;
  font-size: var(--plyr-font-size-menu, var(--plyr-font-size-small, 13px));
  padding: 4.66667px 10.5px;
  padding: calc(var(--plyr-control-spacing, 10px) * 0.7 / 1.5) calc(var(--plyr-control-spacing, 10px) * 0.7 * 1.5);
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
  width: 100%;
}

.plyr__menu__container .plyr__control > span {
  align-items: inherit;
  display: flex;
  width: 100%;
}

.plyr__menu__container .plyr__control:after {
  border: 4px solid rgba(0, 0, 0, 0);
  border: var(--plyr-menu-item-arrow-size, 4px) solid rgba(0, 0, 0, 0);
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.plyr__menu__container .plyr__control--forward {
  padding-right: 28px;
  padding-right: calc(var(--plyr-control-spacing, 10px) * 0.7 * 4);
}

.plyr__menu__container .plyr__control--forward:after {
  border-left-color: #728197;
  border-left-color: var(--plyr-menu-arrow-color, #728197);
  right: 6.5px;
  right: calc(var(--plyr-control-spacing, 10px) * 0.7 * 1.5 - var(--plyr-menu-item-arrow-size, 4px));
}

.plyr__menu__container .plyr__control--forward:focus-visible:after, .plyr__menu__container .plyr__control--forward:hover:after {
  border-left-color: initial;
}

.plyr__menu__container .plyr__control--back {
  font-weight: 400;
  font-weight: var(--plyr-font-weight-regular, 400);
  margin: 7px;
  margin: calc(var(--plyr-control-spacing, 10px) * 0.7);
  margin-bottom: 3.5px;
  margin-bottom: calc(var(--plyr-control-spacing, 10px) * 0.7 / 2);
  padding-left: 28px;
  padding-left: calc(var(--plyr-control-spacing, 10px) * 0.7 * 4);
  position: relative;
  width: calc(100% - 14px);
  width: calc(100% - var(--plyr-control-spacing, 10px) * 0.7 * 2);
}

.plyr__menu__container .plyr__control--back:after {
  border-right-color: #728197;
  border-right-color: var(--plyr-menu-arrow-color, #728197);
  left: 6.5px;
  left: calc(var(--plyr-control-spacing, 10px) * 0.7 * 1.5 - var(--plyr-menu-item-arrow-size, 4px));
}

.plyr__menu__container .plyr__control--back:before {
  background: #dcdfe5;
  background: var(--plyr-menu-back-border-color, #dcdfe5);
  box-shadow: 0 1px 0 #fff;
  box-shadow: 0 1px 0 var(--plyr-menu-back-border-shadow-color, #fff);
  content: "";
  height: 1px;
  left: 0;
  margin-top: 3.5px;
  margin-top: calc(var(--plyr-control-spacing, 10px) * 0.7 / 2);
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 100%;
}

.plyr__menu__container .plyr__control--back:focus-visible:after, .plyr__menu__container .plyr__control--back:hover:after {
  border-right-color: initial;
}

.plyr__menu__container .plyr__control[role=menuitemradio] {
  padding-left: 7px;
  padding-left: calc(var(--plyr-control-spacing, 10px) * 0.7);
}

.plyr__menu__container .plyr__control[role=menuitemradio]:after, .plyr__menu__container .plyr__control[role=menuitemradio]:before {
  border-radius: 100%;
}

.plyr__menu__container .plyr__control[role=menuitemradio]:before {
  background: rgba(0, 0, 0, 0.1019607843);
  content: "";
  display: block;
  flex-shrink: 0;
  height: 16px;
  margin-right: 10px;
  margin-right: var(--plyr-control-spacing, 10px);
  transition: all 0.3s ease;
  width: 16px;
}

.plyr__menu__container .plyr__control[role=menuitemradio]:after {
  background: #fff;
  border: 0;
  height: 6px;
  left: 12px;
  opacity: 0;
  top: 50%;
  transform: translateY(-50%) scale(0);
  transition: transform 0.3s ease, opacity 0.3s ease;
  width: 6px;
}

.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before {
  background: #00b2ff;
  background: var(--plyr-control-toggle-checked-background, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
}

.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:after {
  opacity: 1;
  transform: translateY(-50%) scale(1);
}

.plyr__menu__container .plyr__control[role=menuitemradio]:focus-visible:before, .plyr__menu__container .plyr__control[role=menuitemradio]:hover:before {
  background: rgba(35, 40, 47, 0.1019607843);
}

.plyr__menu__container .plyr__menu__value {
  align-items: center;
  display: flex;
  margin-left: auto;
  margin-right: -5px;
  margin-right: calc(var(--plyr-control-spacing, 10px) * 0.7 * -1 + 2px);
  overflow: hidden;
  padding-left: 24.5px;
  padding-left: calc(var(--plyr-control-spacing, 10px) * 0.7 * 3.5);
  pointer-events: none;
}

.plyr--full-ui input[type=range] {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  background: rgba(0, 0, 0, 0);
  border: 0;
  border-radius: 26px;
  border-radius: calc(var(--plyr-range-thumb-height, 13px) * 2);
  color: #00b2ff;
  color: var(--plyr-range-fill-background, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
  display: block;
  height: 19px;
  height: calc(var(--plyr-range-thumb-active-shadow-width, 3px) * 2 + var(--plyr-range-thumb-height, 13px));
  margin: 0;
  min-width: 0;
  padding: 0;
  transition: box-shadow 0.3s ease;
  width: 100%;
}

.plyr--full-ui input[type=range]::-webkit-slider-runnable-track {
  background: rgba(0, 0, 0, 0);
  background-image: linear-gradient(90deg, currentColor 0, rgba(0, 0, 0, 0) 0);
  background-image: linear-gradient(to right, currentColor var(--value, 0), rgba(0, 0, 0, 0) var(--value, 0));
  border: 0;
  border-radius: 2.5px;
  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  -webkit-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  -webkit-user-select: none;
  user-select: none;
}

.plyr--full-ui input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  background: #fff;
  background: var(--plyr-range-thumb-background, #fff);
  border: 0;
  border-radius: 100%;
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2);
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2));
  height: 13px;
  height: var(--plyr-range-thumb-height, 13px);
  margin-top: -4px;
  margin-top: calc((var(--plyr-range-thumb-height, 13px) - var(--plyr-range-track-height, 5px)) / 2 * -1);
  position: relative;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: 13px;
  width: var(--plyr-range-thumb-height, 13px);
}

.plyr--full-ui input[type=range]::-moz-range-track {
  background: rgba(0, 0, 0, 0);
  border: 0;
  border-radius: 2.5px;
  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  -moz-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  -moz-user-select: none;
       user-select: none;
}

.plyr--full-ui input[type=range]::-moz-range-thumb {
  background: #fff;
  background: var(--plyr-range-thumb-background, #fff);
  border: 0;
  border-radius: 100%;
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2);
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2));
  height: 13px;
  height: var(--plyr-range-thumb-height, 13px);
  position: relative;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: 13px;
  width: var(--plyr-range-thumb-height, 13px);
}

.plyr--full-ui input[type=range]::-moz-range-progress {
  background: currentColor;
  border-radius: 2.5px;
  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
}

.plyr--full-ui input[type=range]::-ms-track {
  color: rgba(0, 0, 0, 0);
}

.plyr--full-ui input[type=range]::-ms-fill-upper, .plyr--full-ui input[type=range]::-ms-track {
  background: rgba(0, 0, 0, 0);
  border: 0;
  border-radius: 2.5px;
  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  -ms-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  user-select: none;
}

.plyr--full-ui input[type=range]::-ms-fill-lower {
  background: rgba(0, 0, 0, 0);
  background: currentColor;
  border: 0;
  border-radius: 2.5px;
  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  -ms-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  user-select: none;
}

.plyr--full-ui input[type=range]::-ms-thumb {
  background: #fff;
  background: var(--plyr-range-thumb-background, #fff);
  border: 0;
  border-radius: 100%;
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2);
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2));
  height: 13px;
  height: var(--plyr-range-thumb-height, 13px);
  margin-top: 0;
  position: relative;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: 13px;
  width: var(--plyr-range-thumb-height, 13px);
}

.plyr--full-ui input[type=range]::-ms-tooltip {
  display: none;
}

.plyr--full-ui input[type=range]::-moz-focus-outer {
  border: 0;
}

.plyr--full-ui input[type=range]:focus {
  outline: 0;
}

.plyr--full-ui input[type=range]:focus-visible::-webkit-slider-runnable-track {
  outline: 2px dashed #00b2ff;
  outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
  outline-offset: 2px;
}

.plyr--full-ui input[type=range]:focus-visible::-moz-range-track {
  outline: 2px dashed #00b2ff;
  outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
  outline-offset: 2px;
}

.plyr--full-ui input[type=range]:focus-visible::-ms-track {
  outline: 2px dashed #00b2ff;
  outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
  outline-offset: 2px;
}

.plyr__poster {
  background-color: #000;
  background-color: var(--plyr-video-background, var(--plyr-video-background, #000));
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: opacity 0.2s ease;
  width: 100%;
  z-index: 1;
}

.plyr--stopped.plyr__poster-enabled .plyr__poster {
  opacity: 1;
}

.plyr--youtube.plyr--paused.plyr__poster-enabled:not(.plyr--stopped) .plyr__poster {
  display: none;
}

.plyr__time {
  font-size: 13px;
  font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px));
}

.plyr__time + .plyr__time:before {
  content: "⁄";
  margin-right: 10px;
  margin-right: var(--plyr-control-spacing, 10px);
}

@media (max-width: 767px) {
  .plyr__time + .plyr__time {
    display: none;
  }
}
.plyr__tooltip {
  background: #fff;
  background: var(--plyr-tooltip-background, #fff);
  border-radius: 5px;
  border-radius: var(--plyr-tooltip-radius, 5px);
  bottom: 100%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1490196078);
  box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.1490196078));
  color: #4a5464;
  color: var(--plyr-tooltip-color, #4a5464);
  font-size: 13px;
  font-size: var(--plyr-font-size-small, 13px);
  font-weight: 400;
  font-weight: var(--plyr-font-weight-regular, 400);
  left: 50%;
  line-height: 1.3;
  margin-bottom: 10px;
  margin-bottom: calc(var(--plyr-control-spacing, 10px) / 2 * 2);
  opacity: 0;
  padding: 5px 7.5px;
  padding: calc(var(--plyr-control-spacing, 10px) / 2) calc(var(--plyr-control-spacing, 10px) / 2 * 1.5);
  pointer-events: none;
  position: absolute;
  transform: translate(-50%, 10px) scale(0.8);
  transform-origin: 50% 100%;
  transition: transform 0.2s ease 0.1s, opacity 0.2s ease 0.1s;
  white-space: nowrap;
  z-index: 2;
}

.plyr__tooltip:before {
  border-left: 4px solid rgba(0, 0, 0, 0);
  border-left: var(--plyr-tooltip-arrow-size, 4px) solid rgba(0, 0, 0, 0);
  border-right: 4px solid rgba(0, 0, 0, 0);
  border-right: var(--plyr-tooltip-arrow-size, 4px) solid rgba(0, 0, 0, 0);
  border-top: 4px solid #fff;
  border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, #fff);
  bottom: -4px;
  bottom: calc(var(--plyr-tooltip-arrow-size, 4px) * -1);
  content: "";
  height: 0;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 0;
  z-index: 2;
}

.plyr .plyr__control:focus-visible .plyr__tooltip, .plyr .plyr__control:hover .plyr__tooltip, .plyr__tooltip--visible {
  opacity: 1;
  transform: translate(-50%) scale(1);
}

.plyr .plyr__control:hover .plyr__tooltip {
  z-index: 3;
}

.plyr__controls > .plyr__control:first-child .plyr__tooltip, .plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip {
  left: 0;
  transform: translateY(10px) scale(0.8);
  transform-origin: 0 100%;
}

.plyr__controls > .plyr__control:first-child .plyr__tooltip:before, .plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip:before {
  left: 16px;
  left: calc(var(--plyr-control-icon-size, 18px) / 2 + var(--plyr-control-spacing, 10px) * 0.7);
}

.plyr__controls > .plyr__control:last-child .plyr__tooltip {
  left: auto;
  right: 0;
  transform: translateY(10px) scale(0.8);
  transform-origin: 100% 100%;
}

.plyr__controls > .plyr__control:last-child .plyr__tooltip:before {
  left: auto;
  right: 16px;
  right: calc(var(--plyr-control-icon-size, 18px) / 2 + var(--plyr-control-spacing, 10px) * 0.7);
  transform: translateX(50%);
}

.plyr__controls > .plyr__control:first-child .plyr__tooltip--visible, .plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip--visible, .plyr__controls > .plyr__control:first-child + .plyr__control:focus-visible .plyr__tooltip, .plyr__controls > .plyr__control:first-child + .plyr__control:hover .plyr__tooltip, .plyr__controls > .plyr__control:first-child:focus-visible .plyr__tooltip, .plyr__controls > .plyr__control:first-child:hover .plyr__tooltip, .plyr__controls > .plyr__control:last-child .plyr__tooltip--visible, .plyr__controls > .plyr__control:last-child:focus-visible .plyr__tooltip, .plyr__controls > .plyr__control:last-child:hover .plyr__tooltip {
  transform: translate(0) scale(1);
}

.plyr__progress {
  left: 6.5px;
  left: calc(var(--plyr-range-thumb-height, 13px) * 0.5);
  margin-right: 13px;
  margin-right: var(--plyr-range-thumb-height, 13px);
  position: relative;
}

.plyr__progress input[type=range], .plyr__progress__buffer {
  margin-left: -6.5px;
  margin-left: calc(var(--plyr-range-thumb-height, 13px) * -0.5);
  margin-right: -6.5px;
  margin-right: calc(var(--plyr-range-thumb-height, 13px) * -0.5);
  width: calc(100% + 13px);
  width: calc(100% + var(--plyr-range-thumb-height, 13px));
}

.plyr__progress input[type=range] {
  position: relative;
  z-index: 2;
}

.plyr__progress .plyr__tooltip {
  left: 0;
  max-width: 120px;
  overflow-wrap: break-word;
}

.plyr__progress__buffer {
  -webkit-appearance: none;
  background: rgba(0, 0, 0, 0);
  border: 0;
  border-radius: 100px;
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  left: 0;
  margin-top: -2.5px;
  margin-top: calc(var(--plyr-range-track-height, 5px) / 2 * -1);
  padding: 0;
  position: absolute;
  top: 50%;
}

.plyr__progress__buffer::-webkit-progress-bar {
  background: rgba(0, 0, 0, 0);
}

.plyr__progress__buffer::-webkit-progress-value {
  background: currentColor;
  border-radius: 100px;
  min-width: 5px;
  min-width: var(--plyr-range-track-height, 5px);
  -webkit-transition: width 0.2s ease;
  transition: width 0.2s ease;
}

.plyr__progress__buffer::-moz-progress-bar {
  background: currentColor;
  border-radius: 100px;
  min-width: 5px;
  min-width: var(--plyr-range-track-height, 5px);
  -moz-transition: width 0.2s ease;
  transition: width 0.2s ease;
}

.plyr__progress__buffer::-ms-fill {
  border-radius: 100px;
  -ms-transition: width 0.2s ease;
  transition: width 0.2s ease;
}

.plyr--loading .plyr__progress__buffer {
  animation: plyr-progress 1s linear infinite;
  background-image: linear-gradient(-45deg, rgba(35, 40, 47, 0.6) 25%, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 50%, rgba(35, 40, 47, 0.6) 0, rgba(35, 40, 47, 0.6) 75%, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0));
  background-image: linear-gradient(-45deg, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 50%, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
  background-repeat: repeat-x;
  background-size: 25px 25px;
  background-size: var(--plyr-progress-loading-size, 25px) var(--plyr-progress-loading-size, 25px);
  color: rgba(0, 0, 0, 0);
}

.plyr--video.plyr--loading .plyr__progress__buffer {
  background-color: rgba(255, 255, 255, 0.2509803922);
  background-color: var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.2509803922));
}

.plyr--audio.plyr--loading .plyr__progress__buffer {
  background-color: rgba(193, 200, 209, 0.6);
  background-color: var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6));
}

.plyr__progress__marker {
  background-color: #fff;
  background-color: var(--plyr-progress-marker-background, #fff);
  border-radius: 1px;
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 3px;
  width: var(--plyr-progress-marker-width, 3px);
  z-index: 3;
}

.plyr__volume {
  align-items: center;
  display: flex;
  position: relative;
}

.plyr__volume input[type=range] {
  margin-left: 5px;
  margin-left: calc(var(--plyr-control-spacing, 10px) / 2);
  margin-right: 5px;
  margin-right: calc(var(--plyr-control-spacing, 10px) / 2);
  max-width: 90px;
  min-width: 60px;
  position: relative;
  z-index: 2;
}

.plyr--audio {
  display: block;
}

.plyr--audio .plyr__controls {
  background: #fff;
  background: var(--plyr-audio-controls-background, #fff);
  border-radius: inherit;
  color: #4a5464;
  color: var(--plyr-audio-control-color, #4a5464);
  padding: 10px;
  padding: var(--plyr-control-spacing, 10px);
}

.plyr--audio .plyr__control:focus-visible, .plyr--audio .plyr__control:hover, .plyr--audio .plyr__control[aria-expanded=true] {
  background: #00b2ff;
  background: var(--plyr-audio-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
  color: #fff;
  color: var(--plyr-audio-control-color-hover, #fff);
}

.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track {
  background-color: rgba(193, 200, 209, 0.6);
  background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6)));
}

.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track {
  background-color: rgba(193, 200, 209, 0.6);
  background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6)));
}

.plyr--full-ui.plyr--audio input[type=range]::-ms-track {
  background-color: rgba(193, 200, 209, 0.6);
  background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6)));
}

.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb {
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(35, 40, 47, 0.1019607843);
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1019607843));
}

.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb {
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(35, 40, 47, 0.1019607843);
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1019607843));
}

.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb {
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(35, 40, 47, 0.1019607843);
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1019607843));
}

.plyr--audio .plyr__progress__buffer {
  color: rgba(193, 200, 209, 0.6);
  color: var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6));
}

.plyr--video {
  overflow: hidden;
}

.plyr--video.plyr--menu-open {
  overflow: visible;
}

.plyr__video-wrapper {
  background: #000;
  background: var(--plyr-video-background, var(--plyr-video-background, #000));
  border-radius: inherit;
  height: 100%;
  margin: auto;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.plyr__video-embed, .plyr__video-wrapper--fixed-ratio {
  aspect-ratio: 16/9;
}

@supports not (aspect-ratio: 16/9) {
  .plyr__video-embed, .plyr__video-wrapper--fixed-ratio {
    height: 0;
    padding-bottom: 56.25%;
    position: relative;
  }
}
.plyr__video-embed iframe, .plyr__video-wrapper--fixed-ratio video {
  border: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.plyr--full-ui .plyr__video-embed > .plyr__video-embed__container {
  padding-bottom: 240%;
  position: relative;
  transform: translateY(-38.28125%);
}

.plyr--video .plyr__controls {
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7490196078));
  background: var(--plyr-video-controls-background, linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7490196078)));
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  bottom: 0;
  color: #fff;
  color: var(--plyr-video-control-color, #fff);
  left: 0;
  padding: 5px;
  padding: calc(var(--plyr-control-spacing, 10px) / 2);
  padding-top: 20px;
  padding-top: calc(var(--plyr-control-spacing, 10px) * 2);
  position: absolute;
  right: 0;
  transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
  z-index: 3;
}

@media (min-width: 480px) {
  .plyr--video .plyr__controls {
    padding: 10px;
    padding: var(--plyr-control-spacing, 10px);
    padding-top: 35px;
    padding-top: calc(var(--plyr-control-spacing, 10px) * 3.5);
  }
}
.plyr--video.plyr--hide-controls .plyr__controls {
  opacity: 0;
  pointer-events: none;
  transform: translateY(100%);
}

.plyr--video .plyr__control:focus-visible, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true] {
  background: #00b2ff;
  background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
  color: #fff;
  color: var(--plyr-video-control-color-hover, #fff);
}

.plyr__control--overlaid {
  background: #00b2ff;
  background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
  border: 0;
  border-radius: 100%;
  color: #fff;
  color: var(--plyr-video-control-color, #fff);
  display: none;
  left: 50%;
  opacity: 0.9;
  padding: 15px;
  padding: calc(var(--plyr-control-spacing, 10px) * 1.5);
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: 0.3s;
  z-index: 2;
}

.plyr__control--overlaid svg {
  left: 2px;
  position: relative;
}

.plyr__control--overlaid:focus, .plyr__control--overlaid:hover {
  opacity: 1;
}

.plyr--playing .plyr__control--overlaid {
  opacity: 0;
  visibility: hidden;
}

.plyr--full-ui.plyr--video .plyr__control--overlaid {
  display: block;
}

.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track {
  background-color: rgba(255, 255, 255, 0.2509803922);
  background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.2509803922)));
}

.plyr--full-ui.plyr--video input[type=range]::-moz-range-track {
  background-color: rgba(255, 255, 255, 0.2509803922);
  background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.2509803922)));
}

.plyr--full-ui.plyr--video input[type=range]::-ms-track {
  background-color: rgba(255, 255, 255, 0.2509803922);
  background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.2509803922)));
}

.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb {
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5019607843);
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5019607843));
}

.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb {
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5019607843);
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5019607843));
}

.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb {
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5019607843);
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5019607843));
}

.plyr--video .plyr__progress__buffer {
  color: rgba(255, 255, 255, 0.2509803922);
  color: var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.2509803922));
}

.plyr:fullscreen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
}

.plyr:fullscreen video {
  height: 100%;
}

.plyr:fullscreen .plyr__control .icon--exit-fullscreen {
  display: block;
}

.plyr:fullscreen .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}

.plyr:fullscreen.plyr--hide-controls {
  cursor: none;
}

@media (min-width: 1024px) {
  .plyr:fullscreen .plyr__captions {
    font-size: 21px;
    font-size: var(--plyr-font-size-xlarge, 21px);
  }
}
.plyr--fullscreen-fallback {
  background: #000;
  border-radius: 0 !important;
  bottom: 0;
  height: 100%;
  left: 0;
  margin: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 10000000;
}

.plyr--fullscreen-fallback video {
  height: 100%;
}

.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen {
  display: block;
}

.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}

.plyr--fullscreen-fallback.plyr--hide-controls {
  cursor: none;
}

@media (min-width: 1024px) {
  .plyr--fullscreen-fallback .plyr__captions {
    font-size: 21px;
    font-size: var(--plyr-font-size-xlarge, 21px);
  }
}
.plyr__ads {
  border-radius: inherit;
  bottom: 0;
  cursor: pointer;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}

.plyr__ads > div, .plyr__ads > div iframe {
  height: 100%;
  position: absolute;
  width: 100%;
}

.plyr__ads:after {
  background: #23282f;
  border-radius: 2px;
  bottom: 10px;
  bottom: var(--plyr-control-spacing, 10px);
  color: #fff;
  content: attr(data-badge-text);
  font-size: 11px;
  padding: 2px 6px;
  pointer-events: none;
  position: absolute;
  right: 10px;
  right: var(--plyr-control-spacing, 10px);
  z-index: 3;
}

.plyr__ads:empty:after {
  display: none;
}

.plyr__cues {
  background: currentColor;
  display: block;
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  left: 0;
  opacity: 0.8;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 3px;
  z-index: 3;
}

.plyr__preview-thumb {
  background-color: #fff;
  background-color: var(--plyr-tooltip-background, #fff);
  border-radius: 8px;
  border-radius: var(--plyr-menu-radius, 8px);
  bottom: 100%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1490196078);
  box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.1490196078));
  margin-bottom: 10px;
  margin-bottom: calc(var(--plyr-control-spacing, 10px) / 2 * 2);
  opacity: 0;
  padding: 3px;
  pointer-events: none;
  position: absolute;
  transform: translateY(10px) scale(0.8);
  transform-origin: 50% 100%;
  transition: transform 0.2s ease 0.1s, opacity 0.2s ease 0.1s;
  z-index: 2;
}

.plyr__preview-thumb--is-shown {
  opacity: 1;
  transform: translate(0) scale(1);
}

.plyr__preview-thumb:before {
  border-left: 4px solid rgba(0, 0, 0, 0);
  border-left: var(--plyr-tooltip-arrow-size, 4px) solid rgba(0, 0, 0, 0);
  border-right: 4px solid rgba(0, 0, 0, 0);
  border-right: var(--plyr-tooltip-arrow-size, 4px) solid rgba(0, 0, 0, 0);
  border-top: 4px solid #fff;
  border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, #fff);
  bottom: -4px;
  bottom: calc(var(--plyr-tooltip-arrow-size, 4px) * -1);
  content: "";
  height: 0;
  left: calc(50% + var(--preview-arrow-offset));
  position: absolute;
  transform: translateX(-50%);
  width: 0;
  z-index: 2;
}

.plyr__preview-thumb__image-container {
  background: #c1c8d1;
  border-radius: 7px;
  border-radius: calc(var(--plyr-menu-radius, 8px) - 1px);
  overflow: hidden;
  position: relative;
  z-index: 0;
}

.plyr__preview-thumb__image-container img, .plyr__preview-thumb__image-container:after {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.plyr__preview-thumb__image-container:after {
  border-radius: inherit;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1490196078);
  content: "";
  pointer-events: none;
}

.plyr__preview-thumb__image-container img {
  max-height: none;
  max-width: none;
}

.plyr__preview-thumb__time-container {
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7490196078));
  background: var(--plyr-video-controls-background, linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7490196078)));
  border-bottom-left-radius: 7px;
  border-bottom-left-radius: calc(var(--plyr-menu-radius, 8px) - 1px);
  border-bottom-right-radius: 7px;
  border-bottom-right-radius: calc(var(--plyr-menu-radius, 8px) - 1px);
  bottom: 0;
  left: 0;
  line-height: 1.1;
  padding: 20px 6px 6px;
  position: absolute;
  right: 0;
  z-index: 3;
}

.plyr__preview-thumb__time-container span {
  color: #fff;
  font-size: 13px;
  font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px));
}

.plyr__preview-scrubbing {
  bottom: 0;
  filter: blur(1px);
  height: 100%;
  left: 0;
  margin: auto;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity 0.3s ease;
  width: 100%;
  z-index: 1;
}

.plyr__preview-scrubbing--is-shown {
  opacity: 1;
}

.plyr__preview-scrubbing img {
  height: 100%;
  left: 0;
  max-height: none;
  max-width: none;
  -o-object-fit: contain;
     object-fit: contain;
  position: absolute;
  top: 0;
  width: 100%;
}

.plyr--no-transition {
  transition: none !important;
}

.plyr__sr-only {
  clip: rect(1px, 1px, 1px, 1px);
  border: 0 !important;
  height: 1px !important;
  overflow: hidden;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
}

.plyr [hidden] {
  display: none !important;
}

/* resset.dev • v5.0.2 */
/* # =================================================================
   # Global selectors
   # ================================================================= */
html {
  box-sizing: border-box;
  -webkit-text-size-adjust: 100%; /* Prevent adjustments of font size after orientation changes in iOS */
  word-break: normal;
  -moz-tab-size: 4;
  -o-tab-size: 4;
     tab-size: 4;
}

*,
::before,
::after {
  background-repeat: no-repeat; /* Set `background-repeat: no-repeat` to all elements and pseudo elements */
  box-sizing: inherit;
}

::before,
::after {
  text-decoration: inherit; /* Inherit text-decoration and vertical align to ::before and ::after pseudo elements */
  vertical-align: inherit;
}

* {
  padding: 0; /* Reset `padding` and `margin` of all elements */
  margin: 0;
}

/* # =================================================================
   # General elements
   # ================================================================= */
hr {
  overflow: visible; /* Show the overflow in Edge and IE */
  height: 0; /* Add the correct box sizing in Firefox */
  color: inherit; /* Correct border color in Firefox. */
}

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

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

small {
  font-size: 80%; /* Set font-size to 80% in `small` elements */
}

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

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

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

a:active,
a:hover {
  outline-width: 0; /* Remove the outline when hovering in all browsers */
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace; /* Specify the font family of code elements */
}

pre {
  font-size: 1em; /* Correct the odd `em` font sizing in all browsers */
}

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

/* https://gist.github.com/unruthless/413930 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

table {
  border-color: inherit; /* Correct border color in all Chrome, Edge, and Safari. */
  text-indent: 0; /* Remove text indentation in Chrome, Edge, and Safari */
}

iframe {
  border-style: none;
}

/* # =================================================================
   # Forms
   # ================================================================= */
input {
  border-radius: 0;
}

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

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

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

textarea {
  overflow: auto; /* Internet Explorer 11+ */
  resize: vertical; /* Specify textarea resizability */
}

button,
input,
optgroup,
select,
textarea {
  font: inherit; /* Specify font inheritance of form elements */
}

optgroup {
  font-weight: bold; /* Restore the font weight unset by the previous rule */
}

button {
  overflow: visible; /* Address `overflow` set to `hidden` in IE 8/9/10/11 */
}

button,
select {
  text-transform: none; /* Firefox 40+, Internet Explorer 11- */
}

/* Apply cursor pointer to button elements */
button,
[type=button],
[type=reset],
[type=submit],
[role=button] {
  cursor: pointer;
}

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

/* Replace focus style removed in the border reset above */
button:-moz-focusring,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  outline: 1px dotted ButtonText;
}

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

/* Remove the default button styling in all browsers */
button,
input,
select,
textarea {
  background-color: transparent;
  border-style: none;
}

a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus {
  outline-width: 0;
}

/* Style select like a standard input */
select {
  -moz-appearance: none; /* Firefox 36+ */
  -webkit-appearance: none; /* Chrome 41+ */
}

select::-ms-expand {
  display: none; /* Internet Explorer 11+ */
}

select::-ms-value {
  color: currentColor; /* Internet Explorer 11+ */
}

legend {
  border: 0; /* Correct `color` not being inherited in IE 8/9/10/11 */
  color: inherit; /* Correct the color inheritance from `fieldset` elements in IE */
  display: table; /* Correct the text wrapping in Edge and IE */
  max-width: 100%; /* Correct the text wrapping in Edge and IE */
  white-space: normal; /* Correct the text wrapping in Edge and IE */
  max-width: 100%; /* Correct the text wrapping in Edge 18- and IE */
}

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

/* Replace pointer cursor in disabled elements */
[disabled] {
  cursor: default;
}

/* # =================================================================
   # Specify media element style
   # ================================================================= */
img {
  border-style: none; /* Remove border when inside `a` element in IE 8/9/10 */
}

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

/* # =================================================================
   # Accessibility
   # ================================================================= */
/* Specify the progress cursor of updating elements */
[aria-busy=true] {
  cursor: progress;
}

/* Specify the pointer cursor of trigger elements */
[aria-controls] {
  cursor: pointer;
}

/* Specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements */
[aria-disabled=true] {
  cursor: default;
}

*, *::before, *::after, *:before, *:after, *:focus, *:active {
  box-sizing: border-box;
  outline: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -ms-interpolation-mode: bicubic;
  -webkit-tap-highlight-color: transparent;
}

a:not[class], a:not[class]:visited {
  color: #003da5;
}
a:not[class]:focus, a:not[class]:hover {
  color: rgb(0, 42.1454545455, 114);
}

p {
  margin: 0;
  min-height: 1em;
}
p + p {
  margin-top: 1em;
}

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

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  font-weight: normal;
  font-size: 1rem;
}

html {
  min-height: 100%;
  font-size: var(--font-size);
  line-height: 1.3;
  font-family: "Bricolage Grotesque", -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
  color: #000c18;
}
html.is-loading {
  cursor: wait;
}

body {
  background-color: #FFF;
}

::-moz-selection {
  background-color: #003da5;
  color: white;
  text-shadow: none;
}

::selection {
  background-color: #003da5;
  color: white;
  text-shadow: none;
}

#cc-main {
  background: transparent;
  color: var(--cc-primary-color);
  font-family: var(--cc-font-family);
  font-size: 16px;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.15;
  position: relative;
  text-rendering: optimizeLegibility;
  -webkit-text-size-adjust: 100%;
  position: fixed;
  z-index: var(--cc-z-index);
}

#cc-main :after, #cc-main :before, #cc-main a, #cc-main button, #cc-main div, #cc-main h2, #cc-main input, #cc-main p, #cc-main span {
  all: unset;
  box-sizing: border-box;
}

#cc-main .pm__badge, #cc-main button {
  all: initial;
  box-sizing: border-box;
  color: unset;
  visibility: unset;
}

#cc-main .pm__badge, #cc-main a, #cc-main button, #cc-main input {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  cursor: pointer;
  font-family: inherit;
  font-size: 100%;
  line-height: normal;
  margin: 0;
  outline: revert;
  outline-offset: 2px;
  overflow: hidden;
}

#cc-main table, #cc-main tbody, #cc-main td, #cc-main th, #cc-main thead, #cc-main tr {
  all: revert;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}

:root {
  --cc-font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
  --cc-modal-border-radius:.5rem;
  --cc-btn-border-radius:.4rem;
  --cc-modal-transition-duration:.25s;
  --cc-link-color:var(--cc-btn-primary-bg);
  --cc-modal-margin:1rem;
  --cc-z-index:2147483647;
  --cc-bg:#fff;
  --cc-primary-color:#2c2f31;
  --cc-secondary-color:#5e6266;
  --cc-btn-primary-bg:#30363c;
  --cc-btn-primary-color:#fff;
  --cc-btn-primary-border-color:var(--cc-btn-primary-bg);
  --cc-btn-primary-hover-bg:#000;
  --cc-btn-primary-hover-color:#fff;
  --cc-btn-primary-hover-border-color:var(--cc-btn-primary-hover-bg);
  --cc-btn-secondary-bg:#eaeff2;
  --cc-btn-secondary-color:var(--cc-primary-color);
  --cc-btn-secondary-border-color:var(--cc-btn-secondary-bg);
  --cc-btn-secondary-hover-bg:#d4dae0;
  --cc-btn-secondary-hover-color:#000;
  --cc-btn-secondary-hover-border-color:#d4dae0;
  --cc-separator-border-color:#f0f4f7;
  --cc-toggle-on-bg:var(--cc-btn-primary-bg);
  --cc-toggle-off-bg:#667481;
  --cc-toggle-on-knob-bg:#fff;
  --cc-toggle-off-knob-bg:var(--cc-toggle-on-knob-bg);
  --cc-toggle-enabled-icon-color:var(--cc-bg);
  --cc-toggle-disabled-icon-color:var(--cc-bg);
  --cc-toggle-readonly-bg:#d5dee2;
  --cc-toggle-readonly-knob-bg:#fff;
  --cc-toggle-readonly-knob-icon-color:var(--cc-toggle-readonly-bg);
  --cc-section-category-border:var(--cc-cookie-category-block-bg);
  --cc-cookie-category-block-bg:#f0f4f7;
  --cc-cookie-category-block-border:#f0f4f7;
  --cc-cookie-category-block-hover-bg:#e9eff4;
  --cc-cookie-category-block-hover-border:#e9eff4;
  --cc-cookie-category-expanded-block-bg:transparent;
  --cc-cookie-category-expanded-block-hover-bg:#dee4e9;
  --cc-overlay-bg:rgba(0,0,0,.65);
  --cc-webkit-scrollbar-bg:var(--cc-section-category-border);
  --cc-webkit-scrollbar-hover-bg:var(--cc-btn-primary-hover-bg);
  --cc-footer-bg:var(--cc-btn-secondary-bg);
  --cc-footer-color:var(--cc-secondary-color);
  --cc-footer-border-color:#e4eaed;
  --cc-pm-toggle-border-radius:4em;
}

#cc-main.cc--rtl {
  direction: rtl;
}

#cc-main .cm__title, #cc-main a, #cc-main b, #cc-main em, #cc-main strong {
  font-weight: 600;
}

#cc-main button > span {
  pointer-events: none;
}

#cc-main .cc__link, #cc-main a {
  background-image: linear-gradient(currentColor, currentColor);
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 0 1px;
  font-weight: 600;
  position: relative;
  transition: background-size 0.25s, color 0.25s ease;
}

#cc-main .cc__link:hover, #cc-main a:hover {
  background-size: 100% 1px;
  color: var(--cc-primary-color);
}

#cc-main .cc__link {
  color: var(--cc-link-color);
}

#cc-main .cm__desc, #cc-main .pm__body {
  overscroll-behavior: auto contain;
  scrollbar-width: thin;
}

@media screen and (min-width: 640px) {
  #cc-main ::-webkit-scrollbar, #cc-main ::-webkit-scrollbar-thumb, #cc-main ::-webkit-scrollbar-track {
    all: revert;
  }
  #cc-main ::-webkit-scrollbar-thumb {
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background: var(--cc-toggle-readonly-bg);
    border: 0.25rem solid var(--cc-bg);
    border-radius: 1rem;
  }
  #cc-main ::-webkit-scrollbar-thumb:hover {
    background: var(--cc-toggle-off-bg);
  }
  #cc-main ::-webkit-scrollbar {
    background: transparent;
    width: 12px;
  }
}
html.disable--interaction.show--consent, html.disable--interaction.show--consent body {
  height: auto !important;
  overflow: hidden !important;
}

@media (prefers-reduced-motion) {
  #cc-main {
    --cc-modal-transition-duration:0s;
  }
}
.cc--darkmode {
  --cc-bg:#161a1c;
  --cc-primary-color:#ebf3f6;
  --cc-secondary-color:#aebbc5;
  --cc-btn-primary-bg:#c2d0e0;
  --cc-btn-primary-color:var(--cc-bg);
  --cc-btn-primary-border-color:var(--cc-btn-primary-bg);
  --cc-btn-primary-hover-bg:#98a7b6;
  --cc-btn-primary-hover-color:#000;
  --cc-btn-primary-hover-border-color:var(--cc-btn-primary-hover-bg);
  --cc-btn-secondary-bg:#242c31;
  --cc-btn-secondary-color:var(--cc-primary-color);
  --cc-btn-secondary-border-color:var(--cc-btn-secondary-bg);
  --cc-btn-secondary-hover-bg:#353d43;
  --cc-btn-secondary-hover-color:#fff;
  --cc-btn-secondary-hover-border-color:var(--cc-btn-secondary-hover-bg);
  --cc-separator-border-color:#222a30;
  --cc-toggle-on-bg:var(--cc-btn-primary-bg);
  --cc-toggle-off-bg:#525f6b;
  --cc-toggle-on-knob-bg:var(--cc-btn-primary-color);
  --cc-toggle-off-knob-bg:var(--cc-btn-primary-color);
  --cc-toggle-enabled-icon-color:var(--cc-btn-primary-color);
  --cc-toggle-disabled-icon-color:var(--cc-btn-primary-color);
  --cc-toggle-readonly-bg:#343e45;
  --cc-toggle-readonly-knob-bg:#5f6b72;
  --cc-toggle-readonly-knob-icon-color:var(--cc-toggle-readonly-bg);
  --cc-section-category-border:#1e2428;
  --cc-cookie-category-block-bg:#1e2428;
  --cc-cookie-category-block-border:var(--cc-section-category-border);
  --cc-cookie-category-block-hover-bg:#242c31;
  --cc-cookie-category-block-hover-border:#232a2f;
  --cc-cookie-category-expanded-block-bg:transparent;
  --cc-cookie-category-expanded-block-hover-bg:var(--cc-toggle-readonly-bg);
  --cc-overlay-bg:rgba(0,0,0,.65);
  --cc-webkit-scrollbar-bg:var(--cc-section-category-border);
  --cc-webkit-scrollbar-hover-bg:var(--cc-btn-primary-hover-bg);
  --cc-footer-bg:#0c0e0f;
  --cc-footer-color:var(--cc-secondary-color);
  --cc-footer-border-color:#060809;
}

.cc--darkmode #cc-main {
  color-scheme: dark;
}

#cc-main .cm {
  background: var(--cc-bg);
  border-radius: var(--cc-modal-border-radius);
  box-shadow: 0 0.625em 1.875em rgba(0, 0, 2, 0.3);
  display: flex;
  flex-direction: column;
  max-width: 24rem;
  opacity: 0;
  overflow: hidden;
  position: fixed;
  transform: translateY(1.6em);
  visibility: hidden;
  z-index: 1;
}

#cc-main .cm--top {
  top: var(--cc-modal-margin);
}

#cc-main .cm--middle {
  top: 50%;
  transform: translateY(calc(-50% + 1.6em));
}

#cc-main .cm--bottom {
  bottom: var(--cc-modal-margin);
}

#cc-main .cm--center {
  left: var(--cc-modal-margin);
  margin: 0 auto;
  right: var(--cc-modal-margin);
  width: unset;
}

#cc-main .cm--left {
  left: var(--cc-modal-margin);
  margin-right: var(--cc-modal-margin);
}

#cc-main .cm--right {
  margin-left: var(--cc-modal-margin);
  right: var(--cc-modal-margin);
}

#cc-main .cm__body {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
}

#cc-main .cm__btns, #cc-main .cm__links {
  padding: 1rem 1.3rem;
  width: unset;
}

#cc-main .cm__texts {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  padding: 1rem 0 0;
}

#cc-main .cm__desc, #cc-main .cm__title {
  padding: 0 1.3rem;
}

#cc-main .cm__title {
  font-size: 1.05em;
}

#cc-main .cm__title + .cm__desc {
  margin-top: 1.1em;
}

#cc-main .cm__desc {
  color: var(--cc-secondary-color);
  font-size: 0.9em;
  line-height: 1.5;
  max-height: 40vh;
  overflow-x: visible;
  overflow-y: auto;
  padding-bottom: 1em;
}

#cc-main .cm__btns {
  border-top: 1px solid var(--cc-separator-border-color);
  display: flex;
  flex-direction: column;
  justify-content: center;
}

#cc-main .cm__btn-group {
  display: grid;
  grid-auto-columns: minmax(0, 1fr);
}

#cc-main .cm__btn + .cm__btn, #cc-main .cm__btn-group + .cm__btn-group {
  margin-top: 0.375rem;
}

#cc-main .cm--flip .cm__btn + .cm__btn, #cc-main .cm--flip .cm__btn-group + .cm__btn-group {
  margin-bottom: 0.375rem;
  margin-top: 0;
}

#cc-main .cm--inline .cm__btn + .cm__btn {
  margin-left: 0.375rem;
  margin-top: 0;
}

#cc-main .cm--inline.cm--flip .cm__btn + .cm__btn {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0.375rem;
}

#cc-main .cm--inline.cm--flip .cm__btn-group + .cm__btn-group {
  margin-bottom: 0.375rem;
  margin-right: 0;
}

#cc-main .cm--wide .cm__btn + .cm__btn, #cc-main .cm--wide .cm__btn-group + .cm__btn-group {
  margin-left: 0.375rem;
  margin-top: 0;
}

#cc-main .cm--wide.cm--flip .cm__btn + .cm__btn, #cc-main .cm--wide.cm--flip .cm__btn-group + .cm__btn-group {
  margin-bottom: 0;
  margin-right: 0.375rem;
}

#cc-main .cm--bar:not(.cm--inline) .cm__btn-group--uneven, #cc-main .cm--wide .cm__btn-group--uneven {
  display: flex;
  flex: 1;
  justify-content: space-between;
}

#cc-main .cm--bar:not(.cm--inline).cm--flip .cm__btn-group--uneven, #cc-main .cm--wide.cm--flip .cm__btn-group--uneven {
  flex-direction: row-reverse;
}

#cc-main .cm__btn {
  background: var(--cc-btn-primary-bg);
  border: 1px solid var(--cc-btn-primary-border-color);
  border-radius: var(--cc-btn-border-radius);
  color: var(--cc-btn-primary-color);
  font-size: 0.82em;
  font-weight: 600;
  min-height: 42px;
  padding: 0.5em 1em;
  text-align: center;
}

#cc-main .cm__btn:hover {
  background: var(--cc-btn-primary-hover-bg);
  border-color: var(--cc-btn-primary-hover-border-color);
  color: var(--cc-btn-primary-hover-color);
}

#cc-main .cm__btn--secondary {
  background: var(--cc-btn-secondary-bg);
  border-color: var(--cc-btn-secondary-border-color);
  color: var(--cc-btn-secondary-color);
}

#cc-main .cm__btn--secondary:hover {
  background: var(--cc-btn-secondary-hover-bg);
  border-color: var(--cc-btn-secondary-hover-border-color);
  color: var(--cc-btn-secondary-hover-color);
}

#cc-main .cm__btn--close {
  border-radius: 0;
  border-bottom-left-radius: var(--cc-btn-border-radius);
  border-right: none;
  border-top: none;
  display: none;
  font-size: 1em;
  height: 42px;
  min-width: auto !important;
  overflow: hidden;
  padding: 0 !important;
  position: absolute;
  right: 0;
  top: 0;
  width: 42px;
}

#cc-main .cm__btn--close svg {
  stroke: var(--cc-btn-primary-color);
  transform: scale(0.5);
  transition: stroke 0.15s ease;
}

#cc-main .cm__btn--close:hover svg {
  stroke: var(--cc-btn-primary-hover-color);
}

#cc-main .cm__btn--close.cm__btn--secondary svg {
  stroke: var(--cc-btn-secondary-color);
}

#cc-main .cm__btn--close.cm__btn--secondary:hover svg {
  stroke: var(--cc-btn-secondary-hover-color);
}

#cc-main .cm__btn--close + .cm__texts .cm__title {
  padding-right: 3rem;
}

#cc-main .cm--inline .cm__btn-group {
  grid-auto-flow: column;
}

#cc-main .cm__footer {
  background: var(--cc-footer-bg);
  border-top: 1px solid var(--cc-footer-border-color);
  color: var(--cc-footer-color);
  padding: 0.4em 0 0.5em;
}

#cc-main .cm__links {
  display: flex;
  flex-direction: row;
  padding-bottom: 0;
  padding-top: 0;
}

#cc-main .cm__link-group {
  display: flex;
  flex-direction: row;
  font-size: 0.8em;
  width: 100%;
}

#cc-main .cm__link-group > * + * {
  margin-left: 1.3rem;
}

#cc-main .cm--flip .cm__btn:last-child {
  grid-row: 1;
}

#cc-main .cm--inline.cm--flip .cm__btn:last-child {
  grid-column: 1;
}

#cc-main .cm--box .cm__btn--close {
  display: block;
}

#cc-main .cm--box.cm--flip .cm__btns {
  flex-direction: column-reverse;
}

#cc-main .cm--box.cm--wide {
  max-width: 36em;
}

#cc-main .cm--box.cm--wide .cm__btns {
  flex-direction: row;
  justify-content: space-between;
}

#cc-main .cm--box.cm--wide .cm__btn-group {
  grid-auto-flow: column;
}

#cc-main .cm--box.cm--wide .cm__btn {
  min-width: 120px;
  padding-left: 1.8em;
  padding-right: 1.8em;
}

#cc-main .cm--box.cm--wide.cm--flip .cm__btns {
  flex-direction: row-reverse;
}

#cc-main .cm--box.cm--wide.cm--flip .cm__btn:last-child {
  grid-column: 1;
}

#cc-main .cm--cloud {
  max-width: 54em;
  width: unset;
}

#cc-main .cm--cloud .cm__body {
  flex-direction: row;
}

#cc-main .cm--cloud .cm__texts {
  flex: 1;
}

#cc-main .cm--cloud .cm__desc {
  max-height: 9.4em;
}

#cc-main .cm--cloud .cm__btns {
  border-left: 1px solid var(--cc-separator-border-color);
  border-top: none;
  max-width: 23em;
}

#cc-main .cm--cloud .cm__btn-group {
  flex-direction: column;
}

#cc-main .cm--cloud .cm__btn {
  min-width: 19em;
}

#cc-main .cm--cloud.cm--flip .cm__btn-group, #cc-main .cm--cloud.cm--flip .cm__btns {
  flex-direction: column-reverse;
}

#cc-main .cm--cloud.cm--inline .cm__btn-group {
  flex-direction: row;
}

#cc-main .cm--cloud.cm--inline .cm__btn {
  min-width: 10em;
}

#cc-main .cm--cloud.cm--inline.cm--flip .cm__btn-group {
  flex-direction: row-reverse;
}

#cc-main .cm--bar {
  border-radius: 0;
  left: 0;
  margin: 0;
  max-width: unset;
  opacity: 1;
  right: 0;
  transform: translateY(0);
  width: 100vw;
  --cc-modal-transition-duration:.35s;
}

#cc-main .cm--bar.cm--top {
  top: 0;
  transform: translateY(-100%);
}

#cc-main .cm--bar.cm--bottom {
  bottom: 0;
  transform: translateY(100%);
}

#cc-main .cm--bar .cm__body, #cc-main .cm--bar .cm__links {
  margin: 0 auto;
  max-width: 55em;
  width: 100%;
}

#cc-main .cm--bar .cm__body {
  padding: 0.5em 0 0.9em;
}

#cc-main .cm--bar .cm__btns {
  border-top: none;
  flex-direction: row;
  justify-content: space-between;
}

#cc-main .cm--bar .cm__btn-group {
  grid-auto-flow: column;
}

#cc-main .cm--bar:not(.cm--inline) .cm__btn + .cm__btn, #cc-main .cm--bar:not(.cm--inline) .cm__btn-group + .cm__btn-group {
  margin-left: 0.375rem;
  margin-top: 0;
}

#cc-main .cm--bar .cm__btn {
  min-width: 120px;
  padding-left: 2em;
  padding-right: 2em;
}

#cc-main .cm--bar.cm--flip:not(.cm--inline) .cm__btn + .cm__btn, #cc-main .cm--bar.cm--flip:not(.cm--inline) .cm__btn-group + .cm__btn-group {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0.375rem;
}

#cc-main .cm--bar.cm--flip .cm__btns {
  flex-direction: row-reverse;
}

#cc-main .cm--bar.cm--flip .cm__btn:last-child {
  grid-column: 1;
}

#cc-main .cm--bar.cm--inline .cm__body, #cc-main .cm--bar.cm--inline .cm__links {
  max-width: 74em;
}

#cc-main .cm--bar.cm--inline .cm__body {
  flex-direction: row;
  padding: 0;
}

#cc-main .cm--bar.cm--inline .cm__btns {
  flex-direction: column;
  justify-content: center;
  max-width: 23em;
}

#cc-main .cm--bar.cm--inline.cm--flip .cm__btns {
  flex-direction: column-reverse;
}

#cc-main .cc--anim .cm, #cc-main .cc--anim.cm-wrapper:before {
  transition: opacity var(--cc-modal-transition-duration) ease, visibility var(--cc-modal-transition-duration) ease, transform var(--cc-modal-transition-duration) ease;
}

#cc-main .cc--anim .cm__btn, #cc-main .cc--anim .cm__close {
  transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.disable--interaction #cc-main .cm-wrapper:before {
  background: var(--cc-overlay-bg);
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0;
  position: fixed;
  right: 0;
  top: 0;
  visibility: hidden;
  z-index: 0;
}

.show--consent #cc-main .cc--anim .cm {
  opacity: 1;
  transform: translateY(0);
  visibility: visible !important;
}

.show--consent #cc-main .cc--anim .cm--middle {
  transform: translateY(-50%);
}

.show--consent #cc-main .cc--anim .cm--bar {
  transform: translateY(0);
}

.show--consent #cc-main .cc--anim.cm-wrapper:before {
  opacity: 1;
  visibility: visible;
}

#cc-main.cc--rtl .cm__btn--close {
  border-bottom-left-radius: unset;
  border-bottom-right-radius: var(--cc-btn-border-radius);
  left: 0;
  right: unset;
}

#cc-main.cc--rtl .cm__btn--close + .cm__texts .cm__title {
  padding-left: 3rem !important;
  padding-right: 1.3rem;
}

#cc-main.cc--rtl .cm--inline .cm__btn + .cm__btn {
  margin-left: 0;
  margin-right: 0.375rem;
}

#cc-main.cc--rtl .cm--inline.cm--flip .cm__btn + .cm__btn {
  margin-left: 0.375rem;
  margin-right: 0;
}

#cc-main.cc--rtl .cm:not(.cm--inline).cm--bar .cm__btn + .cm__btn, #cc-main.cc--rtl .cm:not(.cm--inline).cm--bar .cm__btn-group + .cm__btn-group, #cc-main.cc--rtl .cm:not(.cm--inline).cm--wide .cm__btn + .cm__btn, #cc-main.cc--rtl .cm:not(.cm--inline).cm--wide .cm__btn-group + .cm__btn-group {
  margin-left: 0;
  margin-right: 0.375rem;
}

#cc-main.cc--rtl .cm:not(.cm--inline).cm--bar.cm--flip .cm__btn + .cm__btn, #cc-main.cc--rtl .cm:not(.cm--inline).cm--wide.cm--flip .cm__btn + .cm__btn {
  margin-left: 0.375rem;
  margin-right: 0;
}

#cc-main.cc--rtl .cm__link-group > * + * {
  margin-left: 0;
  margin-right: 1.3rem;
}

@media screen and (max-width: 640px) {
  #cc-main {
    --cc-modal-margin:.5em;
  }
  #cc-main .cm {
    max-width: none !important;
    width: auto !important;
  }
  #cc-main .cm__body {
    flex-direction: column !important;
    padding: 0 !important;
  }
  #cc-main .cm__btns, #cc-main .cm__desc, #cc-main .cm__links, #cc-main .cm__title {
    padding-left: 1.1rem !important;
    padding-right: 1.1rem !important;
  }
  #cc-main .cm__btns {
    border-left: none !important;
    border-top: 1px solid var(--cc-separator-border-color) !important;
    flex-direction: column !important;
    max-width: none !important;
    min-width: auto !important;
  }
  #cc-main .cm__btn + .cm__btn, #cc-main .cm__btn-group + .cm__btn-group {
    margin: 0.375rem 0 0 !important;
  }
  #cc-main .cm--flip .cm__btn + .cm__btn, #cc-main .cm--flip .cm__btn-group + .cm__btn-group {
    margin-bottom: 0.375rem !important;
    margin-top: 0 !important;
  }
  #cc-main .cm__btn-group {
    display: flex !important;
    flex-direction: column !important;
    min-width: auto !important;
  }
  #cc-main .cm__btn {
    flex: auto !important;
  }
  #cc-main .cm__link-group {
    justify-content: center !important;
  }
  #cc-main .cm--flip .cm__btn-group, #cc-main .cm--flip .cm__btns {
    flex-direction: column-reverse !important;
  }
}
#cc-main .pm-wrapper {
  position: relative;
  z-index: 2;
}

#cc-main .pm {
  background: var(--cc-bg);
  border-radius: var(--cc-modal-border-radius);
  box-shadow: 0 0.625em 1.875em rgba(0, 0, 2, 0.3);
  display: flex;
  flex-direction: column;
  opacity: 0;
  overflow: hidden;
  position: fixed;
  visibility: hidden;
  width: 100%;
  width: unset;
  z-index: 1;
}

#cc-main svg {
  fill: none;
  width: 100%;
}

#cc-main .pm__body, #cc-main .pm__footer, #cc-main .pm__header {
  padding: 1em 1.4em;
}

#cc-main .pm__header {
  align-items: center;
  border-bottom: 1px solid var(--cc-separator-border-color);
  display: flex;
  justify-content: space-between;
}

#cc-main .pm__title {
  align-items: center;
  display: flex;
  flex: 1;
  font-weight: 600;
  margin-right: 2em;
}

#cc-main .pm__close-btn {
  background: var(--cc-btn-secondary-bg);
  border: 1px solid var(--cc-btn-secondary-border-color);
  border-radius: var(--cc-btn-border-radius);
  height: 40px;
  position: relative;
  transition: all 0.15s ease;
  width: 40px;
}

#cc-main .pm__close-btn span {
  display: flex;
  height: 100%;
  width: 100%;
}

#cc-main .pm__close-btn svg {
  stroke: var(--cc-btn-secondary-color);
  transform: scale(0.5);
  transition: stroke 0.15s ease;
}

#cc-main .pm__close-btn:hover {
  background: var(--cc-btn-secondary-hover-bg);
  border-color: var(--cc-btn-secondary-hover-border-color);
}

#cc-main .pm__close-btn:hover svg {
  stroke: var(--cc-btn-secondary-hover-color);
}

#cc-main .pm__body {
  flex: 1;
  overflow-y: auto;
  overflow-y: overlay;
}

#cc-main .pm__section, #cc-main .pm__section--toggle {
  border-radius: var(--cc-btn-border-radius);
  display: flex;
  flex-direction: column;
  margin-bottom: 0.5em;
}

#cc-main .pm__section--toggle .pm__section-desc-wrapper {
  border: 1px solid var(--cc-cookie-category-block-border);
  border-radius: var(--cc-btn-border-radius);
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  display: none;
  margin-top: 0 !important;
  overflow: hidden;
}

#cc-main .pm__section {
  border: 1px solid var(--cc-separator-border-color);
  padding: 1em;
  transition: background-color 0.25s ease, border-color 0.25s ease;
}

#cc-main .pm__section:first-child {
  border: none;
  margin-bottom: 2em;
  margin-top: 0;
  padding: 0;
  transition: none;
}

#cc-main .pm__section:not(:first-child):hover {
  background: var(--cc-cookie-category-block-bg);
  border-color: var(--cc-cookie-category-block-border);
}

#cc-main .pm__section-toggles + .pm__section {
  margin-top: 2em;
}

#cc-main .pm__section--toggle {
  background: var(--cc-cookie-category-block-bg);
  border-top: none;
  margin-bottom: 0.375rem;
}

#cc-main .pm__section--toggle .pm__section-title {
  align-items: center;
  background: var(--cc-cookie-category-block-bg);
  border: 1px solid var(--cc-cookie-category-block-border);
  display: flex;
  justify-content: space-between;
  min-height: 58px;
  padding: 1.1em 5.4em 1.1em 1.2em;
  position: relative;
  transition: background-color 0.25s ease, border-color 0.25s ease;
  width: 100%;
}

#cc-main .pm__section--toggle .pm__section-title:hover {
  background: var(--cc-cookie-category-block-hover-bg);
  border-color: var(--cc-cookie-category-block-hover-border);
}

#cc-main .pm__section--toggle .pm__section-desc {
  margin-top: 0;
  padding: 1em;
}

#cc-main .pm__section--toggle.is-expanded {
  --cc-cookie-category-block-bg:var(--cc-cookie-category-expanded-block-bg);
  --cc-cookie-category-block-border:var(--cc-cookie-category-expanded-block-hover-bg);
}

#cc-main .pm__section--toggle.is-expanded .pm__section-title {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

#cc-main .pm__section--toggle.is-expanded .pm__section-arrow svg {
  transform: scale(0.5) rotate(180deg);
}

#cc-main .pm__section--toggle.is-expanded .pm__section-desc-wrapper {
  display: flex;
}

#cc-main .pm__section--expandable .pm__section-title {
  cursor: pointer;
  padding-left: 3.4em;
}

#cc-main .pm__section--expandable .pm__section-arrow {
  background: var(--cc-toggle-readonly-bg);
  border-radius: 100%;
  display: flex;
  height: 20px;
  justify-content: center;
  left: 18px;
  pointer-events: none;
  position: absolute;
  width: 20px;
}

#cc-main .pm__section--expandable .pm__section-arrow svg {
  stroke: var(--cc-btn-secondary-color);
  transform: scale(0.5);
}

#cc-main .pm__section-title-wrapper {
  align-items: center;
  display: flex;
  position: relative;
}

#cc-main .pm__section-title-wrapper + .pm__section-desc-wrapper {
  margin-top: 0.85em;
}

#cc-main .pm__section-title {
  border-radius: var(--cc-btn-border-radius);
  font-size: 0.95em;
  font-weight: 600;
}

#cc-main .pm__badge {
  align-items: center;
  background: var(--cc-btn-secondary-bg);
  border-radius: 5em;
  color: var(--cc-secondary-color);
  display: flex;
  flex: none;
  font-size: 0.8em;
  font-weight: 600;
  height: 23px;
  justify-content: center;
  margin-left: 1em;
  min-width: 23px;
  overflow: hidden;
  padding: 0 0.6em 1px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: auto;
}

#cc-main .pm__service-counter {
  background: var(--cc-btn-primary-bg);
  color: var(--cc-btn-primary-color);
  padding: 0;
  width: 23px;
}

#cc-main .pm__service-counter[data-counterlabel] {
  padding: 0 0.6em 1px;
  width: auto;
}

#cc-main .section__toggle, #cc-main .section__toggle-wrapper, #cc-main .toggle__icon, #cc-main .toggle__label {
  border-radius: var(--cc-pm-toggle-border-radius);
  height: 23px;
  transform: translateZ(0);
  width: 50px;
}

#cc-main .section__toggle-wrapper {
  cursor: pointer;
  position: absolute;
  right: 18px;
  z-index: 1;
}

#cc-main .toggle-service {
  height: 19px;
  position: relative;
  right: 0;
  width: 42px;
}

#cc-main .toggle-service .section__toggle, #cc-main .toggle-service .toggle__icon, #cc-main .toggle-service .toggle__label {
  height: 19px;
  width: 42px;
}

#cc-main .toggle-service .toggle__icon {
  position: relative;
}

#cc-main .toggle-service .toggle__icon-circle {
  height: 19px;
  width: 19px;
}

#cc-main .toggle-service .section__toggle:checked ~ .toggle__icon .toggle__icon-circle {
  transform: translateX(23px);
}

#cc-main .pm__section--toggle:nth-child(2) .section__toggle-wrapper:after {
  display: none !important;
}

#cc-main .section__toggle {
  border: 0;
  cursor: pointer;
  display: block;
  left: 0;
  margin: 0;
  position: absolute;
  top: 0;
}

#cc-main .section__toggle:disabled {
  cursor: not-allowed;
}

#cc-main .toggle__icon {
  background: var(--cc-toggle-off-bg);
  box-shadow: 0 0 0 1px var(--cc-toggle-off-bg);
  display: flex;
  flex-direction: row;
  pointer-events: none;
  position: absolute;
  transition: all 0.25s ease;
}

#cc-main .toggle__icon-circle {
  background: var(--cc-toggle-off-knob-bg);
  border: none;
  border-radius: var(--cc-pm-toggle-border-radius);
  box-shadow: 0 1px 2px rgba(24, 32, 3, 0.36);
  display: block;
  height: 23px;
  left: 0;
  position: absolute;
  top: 0;
  transition: transform 0.25s ease, background-color 0.25s ease;
  width: 23px;
}

#cc-main .toggle__icon-off, #cc-main .toggle__icon-on {
  height: 100%;
  position: absolute;
  transition: opacity 0.15s ease;
  width: 100%;
}

#cc-main .toggle__icon-on {
  opacity: 0;
  transform: rotate(45deg);
}

#cc-main .toggle__icon-on svg {
  stroke: var(--cc-toggle-on-bg);
  transform: scale(0.55) rotate(-45deg);
}

#cc-main .toggle__icon-off {
  opacity: 1;
}

#cc-main .toggle__icon-off svg {
  stroke: var(--cc-toggle-off-bg);
  transform: scale(0.55);
}

#cc-main .section__toggle:checked ~ .toggle__icon {
  background: var(--cc-toggle-on-bg);
  box-shadow: 0 0 0 1px var(--cc-toggle-on-bg);
}

#cc-main .section__toggle:checked ~ .toggle__icon .toggle__icon-circle {
  background-color: var(--cc-toggle-on-knob-bg);
  transform: translateX(27px);
}

#cc-main .section__toggle:checked ~ .toggle__icon .toggle__icon-on {
  opacity: 1;
}

#cc-main .section__toggle:checked ~ .toggle__icon .toggle__icon-off {
  opacity: 0;
}

#cc-main .section__toggle:checked:disabled ~ .toggle__icon {
  background: var(--cc-toggle-readonly-bg);
  box-shadow: 0 0 0 1px var(--cc-toggle-readonly-bg);
}

#cc-main .section__toggle:checked:disabled ~ .toggle__icon .toggle__icon-circle {
  background: var(--cc-toggle-readonly-knob-bg);
  box-shadow: none;
}

#cc-main .section__toggle:checked:disabled ~ .toggle__icon svg {
  stroke: var(--cc-toggle-readonly-knob-icon-color);
}

#cc-main .toggle__label {
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  top: 0;
  z-index: -1;
}

#cc-main .pm__section-desc-wrapper {
  color: var(--cc-secondary-color);
  display: flex;
  flex-direction: column;
  font-size: 0.9em;
}

#cc-main .pm__section-desc-wrapper > :not(:last-child) {
  border-bottom: 1px solid var(--cc-cookie-category-block-border);
}

#cc-main .pm__section-services {
  display: flex;
  flex-direction: column;
}

#cc-main .pm__service {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 0.4em 1.2em;
  position: relative;
  transition: background-color 0.15s ease;
}

#cc-main .pm__service:hover {
  background-color: var(--cc-cookie-category-block-hover-bg);
}

#cc-main .pm__service-header {
  align-items: center;
  display: flex;
  margin-right: 1em;
  width: 100%;
}

#cc-main .pm__service-icon {
  border: 2px solid;
  border-radius: 100%;
  height: 8px;
  margin-left: 6px;
  margin-right: 20px;
  margin-top: 1px;
  min-width: 8px;
}

#cc-main .pm__service-title {
  font-size: 0.95em;
  width: 100%;
  word-break: break-word;
}

#cc-main .pm__section-desc {
  line-height: 1.5em;
}

#cc-main .pm__section-table {
  border-collapse: collapse;
  font-size: 0.9em;
  margin: 0;
  overflow: hidden;
  padding: 0;
  text-align: left;
  width: 100%;
}

#cc-main .pm__table-caption {
  text-align: left;
}

#cc-main .pm__table-caption, #cc-main .pm__table-head > tr {
  border-bottom: 1px dashed var(--cc-separator-border-color);
  color: var(--cc-primary-color);
  font-weight: 600;
}

#cc-main .pm__table-tr {
  transition: background-color 0.15s ease;
}

#cc-main .pm__table-tr:hover {
  background: var(--cc-cookie-category-block-hover-bg);
}

#cc-main .pm__table-caption, #cc-main .pm__table-td, #cc-main .pm__table-th {
  padding: 0.625em 0.625em 0.625em 1.2em;
  vertical-align: top;
}

#cc-main .pm__footer {
  border-top: 1px solid var(--cc-separator-border-color);
  display: flex;
  justify-content: space-between;
}

#cc-main .pm__btn-group {
  display: flex;
}

#cc-main .pm__btn + .pm__btn, #cc-main .pm__btn-group + .pm__btn-group {
  margin-left: 0.375rem;
}

#cc-main .pm--flip .pm__btn + .pm__btn, #cc-main .pm--flip .pm__btn-group + .pm__btn-group {
  margin-left: 0;
  margin-right: 0.375rem;
}

#cc-main .pm__btn {
  background: var(--cc-btn-primary-bg);
  border: 1px solid var(--cc-btn-primary-border-color);
  border-radius: var(--cc-btn-border-radius);
  color: var(--cc-btn-primary-color);
  flex: auto;
  font-size: 0.82em;
  font-weight: 600;
  min-height: 42px;
  min-width: 110px;
  padding: 0.5em 1.5em;
  text-align: center;
  transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

#cc-main .pm__btn:hover {
  background: var(--cc-btn-primary-hover-bg);
  border-color: var(--cc-btn-primary-hover-border-color);
  color: var(--cc-btn-primary-hover-color);
}

#cc-main .pm__btn--secondary {
  background: var(--cc-btn-secondary-bg);
  border-color: var(--cc-btn-secondary-border-color);
  color: var(--cc-btn-secondary-color);
}

#cc-main .pm__btn--secondary:hover {
  background: var(--cc-btn-secondary-hover-bg);
  border-color: var(--cc-btn-secondary-hover-border-color);
  color: var(--cc-btn-secondary-hover-color);
}

#cc-main .pm--box {
  height: calc(100% - 2em);
  left: var(--cc-modal-margin);
  margin: 0 auto;
  max-height: 37.5em;
  max-width: 43em;
  right: var(--cc-modal-margin);
  top: 50%;
  transform: translateY(calc(-50% + 1.6em));
}

#cc-main .pm--box.pm--flip .pm__btn-group, #cc-main .pm--box.pm--flip .pm__footer {
  flex-direction: row-reverse;
}

#cc-main .pm--bar {
  border-radius: 0;
  bottom: 0;
  height: 100%;
  margin: 0;
  max-height: none;
  max-width: 29em;
  opacity: 1;
  top: 0;
  width: 100%;
  --cc-modal-transition-duration:.35s;
}

#cc-main .pm--bar .pm__section-table, #cc-main .pm--bar .pm__table-body, #cc-main .pm--bar .pm__table-td, #cc-main .pm--bar .pm__table-th, #cc-main .pm--bar .pm__table-tr {
  display: block;
}

#cc-main .pm--bar .pm__table-head {
  display: none;
}

#cc-main .pm--bar .pm__table-caption {
  display: block;
}

#cc-main .pm--bar .pm__table-tr:not(:last-child) {
  border-bottom: 1px solid var(--cc-separator-border-color);
}

#cc-main .pm--bar .pm__table-td {
  display: flex;
  justify-content: space-between;
}

#cc-main .pm--bar .pm__table-td:before {
  color: var(--cc-primary-color);
  content: attr(data-column);
  flex: 1;
  font-weight: 600;
  min-width: 100px;
  overflow: hidden;
  padding-right: 2em;
  text-overflow: ellipsis;
}

#cc-main .pm--bar .pm__table-td > div {
  flex: 3;
}

#cc-main .pm--bar:not(.pm--wide) .pm__body, #cc-main .pm--bar:not(.pm--wide) .pm__footer, #cc-main .pm--bar:not(.pm--wide) .pm__header {
  padding: 1em 1.3em;
}

#cc-main .pm--bar:not(.pm--wide) .pm__btn-group, #cc-main .pm--bar:not(.pm--wide) .pm__footer {
  flex-direction: column;
}

#cc-main .pm--bar:not(.pm--wide) .pm__btn + .pm__btn, #cc-main .pm--bar:not(.pm--wide) .pm__btn-group + .pm__btn-group {
  margin: 0.375rem 0 0;
}

#cc-main .pm--bar:not(.pm--wide).pm--flip .pm__btn-group, #cc-main .pm--bar:not(.pm--wide).pm--flip .pm__footer {
  flex-direction: column-reverse;
}

#cc-main .pm--bar:not(.pm--wide).pm--flip .pm__btn + .pm__btn, #cc-main .pm--bar:not(.pm--wide).pm--flip .pm__btn-group + .pm__btn-group {
  margin-bottom: 0.375rem;
  margin-top: 0;
}

#cc-main .pm--bar:not(.pm--wide) .pm__badge {
  display: none;
}

#cc-main .pm--bar.pm--left {
  left: 0;
  transform: translateX(-100%);
}

#cc-main .pm--bar.pm--right {
  right: 0;
  transform: translateX(100%);
}

#cc-main .pm--bar.pm--wide {
  max-width: 35em;
}

#cc-main .pm--bar.pm--wide .pm__body, #cc-main .pm--bar.pm--wide .pm__footer, #cc-main .pm--bar.pm--wide .pm__header {
  padding: 1em 1.4em;
}

#cc-main .pm--bar.pm--wide.pm--flip .pm__btn-group, #cc-main .pm--bar.pm--wide.pm--flip .pm__footer {
  flex-direction: row-reverse;
}

#cc-main .pm-overlay {
  background: var(--cc-overlay-bg);
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0;
  position: fixed;
  right: 0;
  top: 0;
  visibility: hidden;
  z-index: 1;
}

#cc-main .cc--anim .pm, #cc-main .cc--anim .pm-overlay {
  transition: opacity var(--cc-modal-transition-duration) ease, visibility var(--cc-modal-transition-duration) ease, transform var(--cc-modal-transition-duration) ease;
}

.show--preferences #cc-main .cc--anim .pm {
  opacity: 1;
  visibility: visible !important;
}

.show--preferences #cc-main .cc--anim .pm--box {
  transform: translateY(-50%);
}

.show--preferences #cc-main .cc--anim .pm--bar {
  transform: translateX(0);
}

.show--preferences #cc-main .cc--anim .pm-overlay {
  opacity: 1;
  visibility: visible;
}

#cc-main.cc--rtl .pm__service-header {
  margin-left: 1em;
  margin-right: 0;
}

#cc-main.cc--rtl .pm__section-arrow {
  left: unset;
  right: 18px;
}

#cc-main.cc--rtl .section__toggle-wrapper {
  left: 18px;
  right: unset;
  transform-origin: left;
}

#cc-main.cc--rtl .toggle-service {
  left: 0;
}

#cc-main.cc--rtl .pm__service-icon {
  margin-left: 20px;
  margin-right: 5px;
}

#cc-main.cc--rtl .pm__section--toggle .pm__section-title {
  padding-left: 5.4em;
  padding-right: 1.2em;
}

#cc-main.cc--rtl .pm__section--expandable .pm__section-title {
  padding-right: 3.4em;
}

#cc-main.cc--rtl .pm__badge {
  margin-left: unset;
  margin-right: 1em;
}

#cc-main.cc--rtl .toggle__icon-circle {
  transform: translateX(27px);
}

#cc-main.cc--rtl .toggle-service .toggle__icon-circle {
  transform: translateX(23px);
}

#cc-main.cc--rtl .section__toggle:checked ~ .toggle__icon .toggle__icon-circle {
  transform: translateX(0);
}

#cc-main.cc--rtl .pm__table-td, #cc-main.cc--rtl .pm__table-th {
  padding-left: unset;
  padding-right: 1.2em;
  text-align: right;
}

#cc-main.cc--rtl .pm__table-td {
  padding-left: unset;
  padding-right: 1.2em;
}

#cc-main.cc--rtl .pm__table-td:before {
  padding-left: 2em;
  padding-right: unset;
}

#cc-main.cc--rtl .pm__btn + .pm__btn, #cc-main.cc--rtl .pm__btn-group + .pm__btn-group {
  margin-left: 0;
  margin-right: 0.375rem;
}

#cc-main.cc--rtl .pm--flip .pm__btn + .pm__btn, #cc-main.cc--rtl .pm--flip .pm__btn-group + .pm__btn-group {
  margin-left: 0.375rem;
  margin-right: 0;
}

#cc-main.cc--rtl .pm--flip.pm--bar:not(.pm--wide) .pm__btn + .pm__btn, #cc-main.cc--rtl .pm--flip.pm--bar:not(.pm--wide) .pm__btn-group + .pm__btn-group {
  margin-left: 0;
}

@media screen and (max-width: 640px) {
  #cc-main .pm {
    border-radius: 0;
    bottom: 0;
    height: auto;
    left: 0;
    max-height: 100%;
    max-width: none !important;
    right: 0;
    top: 0;
    transform: translateY(1.6em);
  }
  #cc-main .pm__body, #cc-main .pm__footer, #cc-main .pm__header {
    padding: 0.9em !important;
  }
  #cc-main .pm__badge {
    display: none;
  }
  #cc-main .pm__section-table, #cc-main .pm__table-body, #cc-main .pm__table-caption, #cc-main .pm__table-td, #cc-main .pm__table-th, #cc-main .pm__table-tr {
    display: block;
  }
  #cc-main .pm__table-head {
    display: none;
  }
  #cc-main .pm__table-tr:not(:last-child) {
    border-bottom: 1px solid var(--cc-separator-border-color);
  }
  #cc-main .pm__table-td {
    display: flex;
    justify-content: space-between;
  }
  #cc-main .pm__table-td:before {
    color: var(--cc-primary-color);
    content: attr(data-column);
    flex: 1;
    font-weight: 600;
    min-width: 100px;
    overflow: hidden;
    padding-right: 2em;
    text-overflow: ellipsis;
  }
  #cc-main .pm__table-td > div {
    flex: 3;
  }
  #cc-main .pm__btn-group, #cc-main .pm__footer {
    flex-direction: column !important;
  }
  #cc-main .pm__btn-group {
    display: flex !important;
  }
  #cc-main .pm__btn + .pm__btn, #cc-main .pm__btn-group + .pm__btn-group {
    margin: 0.375rem 0 0 !important;
  }
  #cc-main .pm--flip .pm__btn + .pm__btn, #cc-main .pm--flip .pm__btn-group + .pm__btn-group {
    margin-bottom: 0.375rem !important;
    margin-top: 0 !important;
  }
  #cc-main .pm--flip .pm__btn-group, #cc-main .pm--flip .pm__footer {
    flex-direction: column-reverse !important;
  }
  .show--preferences #cc-main .cc--anim .pm {
    transform: translateY(0) !important;
  }
}
#cc-main .cm {
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  max-width: 1000px;
  width: 100%;
  box-shadow: none;
  margin-left: 0;
}
#cc-main .cm__btns {
  border-left: 0;
  border-top: 0 !important;
}
#cc-main .cm__desc {
  color: #FFF;
  padding-bottom: 5px;
}
#cc-main .cm__btn {
  text-transform: uppercase;
  background-color: transparent;
  color: #FFF;
  border: 1px solid #FFF;
}
#cc-main .cm__btn[data-role=all] {
  border: 1px solid #FFF;
  background-color: #FFF;
  color: #000;
}
#cc-main .cm__btn:hover {
  border: 1px solid #FFF;
  background-color: #FFF;
  color: #000;
}
#cc-main .cm--inline .cm__btn + .cm__btn {
  margin-left: 10px;
}
#cc-main .cm__btn-group + .cm__btn-group {
  margin-top: 10px;
}

.o-introduction {
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  background-color: #003da5;
  color: #FFF;
  transition: clip-path 1.2s cubic-bezier(0.86, 0, 0.07, 1), transform 1.2s cubic-bezier(0.86, 0, 0.07, 1);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  will-change: clip-path;
  display: flex;
  align-items: center;
  justify-content: center;
}
.o-introduction.-hidden {
  pointer-events: none;
  clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
  transform: translateY(-100%);
}
.o-introduction_inner {
  position: relative;
  aspect-ratio: 1.7777777778;
  width: 90%;
  overflow: clip;
  transform: scale(0.9);
  display: flex;
  align-items: center;
  justify-content: center;
}
.o-introduction_mask {
  position: absolute;
  z-index: 1;
  top: -3px;
  left: -3px;
  right: -3px;
  bottom: -3px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  overflow: clip;
  transform: scale(40);
  transform-origin: 49.55% 17.5%;
  backface-visibility: hidden;
}
.o-introduction_mask_top {
  display: none;
}
.o-introduction_mask_top, .o-introduction_mask_bottom {
  background-color: #003da5;
  flex: 1;
  width: 100%;
  height: 100%;
  transform: scale(1.1);
}
.o-introduction_mask_center {
  background-color: #003da5;
  -webkit-mask-image: url(../images/logo-intro-2.svg);
  mask-image: url(../images/logo-intro-2.svg);
  -webkit-mask-mode: alpha;
  mask-mode: alpha;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  aspect-ratio: 1.8695652174;
}
.o-introduction_backgrounds {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  clip-path: inset(5px 5px 5px 5px);
}
.o-introduction_backgrounds::before {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  right: 3px;
  bottom: 3px;
  background: white;
  display: none;
}
.o-introduction_backgrounds.-animated::before {
  display: block;
}
.o-introduction_background {
  position: absolute;
  top: 3px;
  left: 3px;
  right: 3px;
  bottom: 3px;
  background: #e7eeec;
  clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
  transition: clip-path 1.2s cubic-bezier(0.23, 1, 0.32, 1);
  will-change: clip-path;
  overflow: clip;
}
.o-introduction_background .c-media {
  background: none;
  transform: translateY(50%) scale(1.3);
  transition: transform 1.4s cubic-bezier(0.19, 1, 0.22, 1);
}
.o-introduction_background .c-media img, .o-introduction_background .c-media video {
  position: absolute;
  opacity: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  transform: scale(1);
}
.o-introduction_background.-active {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.o-introduction_background.-active .c-media {
  transform: translateY(0) scale(1);
}
.o-introduction_marquee {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 7lvh;
  font-size: calc(3vw + 3lvh);
  text-align: center;
  line-height: 1;
  opacity: 0.2;
  overflow: clip;
  padding: 0 1.25rem;
  font-weight: 200;
}
@media (max-width: 999px) {
  .o-introduction_marquee {
    font-size: 3.75rem;
    line-height: 1;
  }
}
@media (max-width: 699px) {
  .o-introduction_marquee {
    font-size: 1.875rem;
    line-height: 1;
  }
}
.o-introduction_marquee_wrap {
  display: block;
  transform: translateY(100%);
  text-wrap: balance;
}

.is-firefox .o-introduction_inner {
  transform: scale(0.3) !important;
}
.is-firefox .o-introduction_mask {
  transform: scale(1) !important;
}

.o-loading {
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  display: none;
}
.o-loading_slice {
  position: relative;
  flex: 1;
  height: 100%;
  transform: translateY(100%);
}
.o-loading_slice::before {
  content: "";
  position: absolute;
  top: 0;
  left: -1px;
  right: -1px;
  bottom: 0;
  background-color: rgb(0, 51.85, 140.25);
}
.o-loading.-visible {
  display: flex;
}

.o-container {
  width: var(--container-width);
  margin-left: auto;
  margin-right: auto;
}
.o-container.-centered {
  width: var(--centered-container-width);
}

.o-icon {
  display: inline-block;
  vertical-align: middle;
}
.o-icon svg {
  display: block;
  width: var(--icon-width);
  aspect-ratio: var(--icon-ratio);
  fill: currentColor;
}

.svg-arrow-bottom {
  --icon-width: 58px;
  --icon-ratio: 0.9655172414;
}
@media (max-width: 699px) {
  .svg-arrow-bottom {
    --icon-width: 40px;
  }
}

.svg-arrow-button {
  --icon-width: 12px;
  --icon-ratio: 0.6666666667;
}

.svg-arrow-corner {
  --icon-width: 41px;
  --icon-ratio: 1;
}

.svg-arrow-right {
  --icon-width: 56px;
  --icon-ratio: 1.0357142857;
}
@media (max-width: 699px) {
  .svg-arrow-right {
    --icon-width: 40px;
  }
}

.svg-logo-nav {
  --icon-width: 45px;
  --icon-ratio: 0.3555555556;
}
@media (max-width: 699px) {
  .svg-logo-nav {
    --icon-width: 30px;
  }
}

/**
 * Usage:
 *
 * ```html
 * <div class="o-grid -col-4 -col-12@from-medium -gutters">
 *     <div class="o-grid_item u-gc-1/2 u-gc-3/9@from-medium">
 *         <p>Hello</p>
 *     </div>
 *     <div class="o-grid_item u-gc-3/4 u-gc-9/13@from-medium">
 *         <p>Hello</p>
 *     </div>
 * </div>
 * ```
 */
.o-grid {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--grid-gutter);
  -moz-column-gap: var(--grid-gutter);
       column-gap: var(--grid-gutter);
}
@media (min-width: 700px) {
  .o-grid {
    grid-template-columns: repeat(12, 1fr);
  }
}
.o-grid:is(ul, ol) {
  margin: 0;
  padding: 0;
  list-style: none;
}
.o-grid.-top-items {
  align-items: start;
}
.o-grid.-right-items {
  justify-items: end;
}
.o-grid.-bottom-items {
  align-items: end;
}
.o-grid.-left-items {
  justify-items: start;
}
.o-grid.-center-items {
  align-items: center;
  justify-items: center;
}
.o-grid.-center-items-x {
  justify-items: center;
}
.o-grid.-center-items-y {
  align-items: center;
}
.o-grid.-stretch-items {
  align-items: stretch;
  justify-items: stretch;
}
.o-grid.-top-cells {
  align-content: start;
}
.o-grid.-right-cells {
  justify-content: end;
}
.o-grid.-bottom-cells {
  align-content: end;
}
.o-grid.-left-cells {
  justify-content: start;
}
.o-grid.-center-cells {
  align-content: center;
  justify-content: center;
}
.o-grid.-center-cells-x {
  justify-content: center;
}
.o-grid.-center-cells-y {
  align-content: center;
}
.o-grid.-stretch-cells {
  align-content: stretch;
  justify-content: stretch;
}
.o-grid.-space-around-cells {
  align-content: space-around;
  justify-content: space-around;
}
.o-grid.-space-around-cells-x {
  justify-content: space-around;
}
.o-grid.-space-around-cells-y {
  align-content: space-around;
}
.o-grid.-space-between-cells {
  justify-content: space-between;
  align-content: space-between;
}
.o-grid.-space-between-cells-x {
  justify-content: space-between;
}
.o-grid.-space-between-cells-y {
  align-content: space-between;
}
.o-grid.-space-evenly-cells {
  justify-content: space-evenly;
  align-content: space-evenly;
}
.o-grid.-space-evenly-cells-x {
  justify-content: space-evenly;
}
.o-grid.-space-evenly-cells-y {
  align-content: space-evenly;
}

.o-grid_item {
  grid-column-start: var(--gc-start, 1);
  grid-column-end: var(--gc-end, -1);
}
.o-grid_item.-align-end {
  align-self: end;
}
.o-grid_item.-first {
  order: -1;
}

.o-section {
  position: relative;
  z-index: 1;
  padding-top: var(--section-padding);
  padding-bottom: var(--section-padding);
  background-color: white;
}
.o-section.-sticky {
  position: sticky;
  top: 0;
}
.o-section_triggers {
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
}
.o-section_triggers > div {
  flex: 1;
}
.o-section_sticky {
  position: sticky;
  top: 0;
  padding-top: var(--section-padding);
  padding-bottom: var(--section-padding);
  height: 100lvh;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (max-height: 750px) and (min-width: 1200px) {
  .o-section_sticky {
    padding-top: calc(var(--section-padding) * 0.5);
    padding-bottom: calc(var(--section-padding) * 0.5);
  }
}
@media (max-width: 699px) {
  .o-section_sticky {
    position: relative;
    top: auto;
    display: block;
    height: auto;
    padding-top: var(--section-padding);
  }
}
.o-section_sticky > div {
  width: 100%;
}
.o-section_header.-centered {
  text-align: center;
  margin-bottom: calc(1px * var(--spacing-lg));
  width: 100%;
}
@media (max-width: 699px) {
  .o-section_header.-centered {
    margin-bottom: calc(1px * var(--spacing-md));
  }
}
.o-section_header.-sticky {
  position: sticky;
  z-index: 1;
  top: var(--section-padding);
}
.o-section.-results {
  position: sticky;
  top: 0;
  min-height: 100lvh;
  background-color: #003da5;
  color: white;
  padding: 0;
  display: flex;
  align-items: center;
  margin-bottom: 50lvh;
  overflow: clip;
}
@media (max-width: 699px) {
  .o-section.-results {
    position: relative;
    top: auto;
    margin-bottom: 0;
  }
}
.o-section.-results .o-container {
  position: relative;
  z-index: 1;
}
.o-section.-results .c-text.-c2 {
  width: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 4 + 3 * var(--grid-gutter) + 0vw);
  margin-bottom: calc(1px * var(--spacing-sm));
}
@media (max-width: 999px) {
  .o-section.-results .c-text.-c2 {
    width: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 6 + 5 * var(--grid-gutter) + 0vw);
  }
}
@media (max-width: 699px) {
  .o-section.-results .c-text.-c2 {
    width: 100%;
  }
}
.o-section.-results .c-text.-c2 .u-outline {
  color: white;
  opacity: 0.5;
}
.o-section.-horizontal {
  padding: 0;
}
.o-section.-horizontal .o-section_wrap {
  position: sticky;
  top: 0;
  height: 100lvh;
  overflow: clip;
  display: flex;
  flex-wrap: nowrap;
  white-space: nowrap;
}
.o-section.-horizontal .o-section_scroller {
  position: relative;
  white-space: nowrap;
  display: flex;
  flex-wrap: nowrap;
  height: 100%;
  will-change: transform;
  transform: translateX(calc(var(--progress) * (100% - 100vw) * -1));
}
.o-section_progressWrap {
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
  height: 100lvh;
  z-index: 2;
  margin-top: -100lvh;
  pointer-events: none;
  display: none;
}
@media (max-width: 699px) {
  .o-section_progressWrap {
    display: block;
  }
}
.o-section_progress {
  position: absolute;
  bottom: var(--section-padding-safe);
  left: var(--grid-margin);
  right: var(--grid-margin);
  height: 4px;
  background-color: white;
}
.o-section_progress > div {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #000c18;
  transform-origin: left center;
  transform: scaleX(var(--progress));
}

.c-heading {
  font-family: "Bricolage Grotesque", -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
  font-weight: 300;
}
.c-heading strong, .c-heading b {
  font-weight: 700;
}
.c-heading.-h1 {
  font-size: 11.875rem;
  line-height: 1;
}
@media (max-width: 1399px) {
  .c-heading.-h1 {
    font-size: 8.125rem;
    line-height: 1;
  }
}
@media (max-height: 750px) and (min-width: 1200px) {
  .c-heading.-h1 {
    font-size: 9.375rem;
    line-height: 1;
  }
}
@media (max-width: 1199px) {
  .c-heading.-h1 {
    font-size: 6.875rem;
    line-height: 1;
  }
}
@media (max-width: 999px) {
  .c-heading.-h1 {
    font-size: 5rem;
    line-height: 1;
  }
}
@media (max-width: 699px) {
  .c-heading.-h1 {
    font-size: 3.75rem;
    line-height: 1;
  }
}
.c-heading.-h1 .line {
  margin-top: -0.25em;
  overflow: clip;
}
.c-heading.-h1 .line:first-child {
  margin-top: -0.1em;
}
.c-heading.-h1 .line:last-child {
  margin-bottom: -0.1em;
}
.c-heading.-h2 {
  font-size: 6.25rem;
  line-height: 0.8;
  font-weight: 200;
  letter-spacing: -0.03em;
}
@media (max-width: 1399px) {
  .c-heading.-h2 {
    font-size: 5.625rem;
    line-height: 0.8;
  }
}
@media (max-height: 750px) and (min-width: 1200px) {
  .c-heading.-h2 {
    font-size: 5rem;
    line-height: 0.8;
  }
}
@media (max-width: 1199px) {
  .c-heading.-h2 {
    font-size: 4.375rem;
    line-height: 0.8;
  }
}
@media (max-width: 999px) {
  .c-heading.-h2 {
    font-size: 3.75rem;
    line-height: 0.8;
  }
}
@media (max-width: 699px) {
  .c-heading.-h2 {
    font-size: 3.125rem;
    line-height: 0.8;
  }
}
.c-heading.-h3 {
  font-size: 2.5rem;
  line-height: 1;
  letter-spacing: -0.02em;
}
@media (max-width: 1199px) {
  .c-heading.-h3 {
    font-size: 2rem;
    line-height: 1;
  }
}
@media (max-width: 999px) {
  .c-heading.-h3 {
    font-size: 1.75rem;
    line-height: 1;
  }
}

[data-split] {
  font-kerning: none;
}

[data-split-animation] .word, [data-split-animation] .u-outline, [data-split-animation] .u-color {
  transform: translateY(100%) !important;
  opacity: 0;
  transition: transform 0.8s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.3s linear;
}
[data-split-animation].c-heading.-h1 {
  line-height: 1;
}
[data-split-animation].c-heading.-h2 {
  line-height: 1;
}
[data-split-animation].c-heading.-h2 .line {
  margin-top: -0.1em;
}
[data-split-animation].is-inview .word, [data-split-animation].is-inview .char, [data-split-animation].is-inview .u-outline, [data-split-animation].is-inview .u-color {
  transform: translateY(0) !important;
  opacity: 1;
}

[data-split-animation=chars] .line {
  overflow: clip;
}
[data-split-animation=chars] .char {
  transform: translateY(100%) !important;
  opacity: 0;
  transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.2s linear;
  transition-delay: calc(var(--c-index) * 0.03s);
}

[data-split-animation=words] .line {
  overflow: clip;
}
[data-split-animation=words] .word, [data-split-animation=words] .u-outline, [data-split-animation=words] .u-color {
  transition-delay: calc(var(--w-index) * 0.03s);
}

[data-split-animation=lines] .line {
  overflow: clip;
}
[data-split-animation=lines] .word, [data-split-animation=lines] .u-outline, [data-split-animation=lines] .u-color {
  transition-delay: calc(var(--l-index) * 0.08s);
}

.c-text.-c1 {
  font-family: "Bricolage Grotesque", -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
  font-weight: 300;
  font-size: 1.875rem;
  line-height: 1;
}
.c-text.-c1 strong, .c-text.-c1 b {
  font-weight: 700;
}
@media (max-width: 1199px) {
  .c-text.-c1 {
    font-size: 1.625rem;
    line-height: 1;
  }
}
@media (max-width: 699px) {
  .c-text.-c1 {
    font-size: 1.375rem;
    line-height: 1;
  }
}
.c-text.-c2 {
  font-family: "DM Mono", Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace;
  font-size: 1rem;
  line-height: 1.4;
  text-transform: uppercase;
}
.c-text.-c2 .u-outline::before {
  bottom: 2.5px;
}
.c-text.-l1 {
  font-family: "DM Mono", Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace;
  font-size: 0.8125rem;
  line-height: 1.4;
}
.c-text.-l2 {
  font-family: "Bricolage Grotesque", -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
  font-weight: 300;
  font-size: 0.875rem;
  line-height: 1.3;
}
.c-text.-surtitle {
  position: relative;
  display: inline-block;
  font-family: "DM Mono", Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace;
  font-size: 0.75rem;
  line-height: 1;
  font-weight: 500;
  text-transform: uppercase;
  padding: 0.5625rem 0.75rem;
  overflow: clip;
}
.c-text.-surtitle::before {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  right: 1px;
  bottom: 1px;
  border-radius: 3px;
  border: 1px solid currentColor;
  transform-origin: center left;
  transition: opacity 0.2s linear, transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
.c-text.-surtitle[data-scroll]::before, .c-text.-surtitle[data-split-animation]::before {
  opacity: 0;
  transform: scaleX(0);
}
.c-text.-surtitle[data-scroll].is-inview::before, .c-text.-surtitle[data-split-animation].is-inview::before {
  opacity: 1;
  transform: scaleX(1);
}
.c-text.-surtitle + .c-heading {
  margin-top: calc(1px * var(--spacing-sm));
}

.num {
  position: absolute;
  top: 8px;
  right: calc(100% + 30px);
  font-family: "DM Mono", Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace;
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 1;
}

.c-button {
  display: inline-block;
  position: relative;
  padding: 15px 55px 15px 25px;
  font-family: "DM Mono", Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace;
  font-weight: 500;
  font-size: 12px;
  line-height: 1;
  text-transform: uppercase;
  background-color: #003da5;
  border: 0;
  border-radius: 4px;
  overflow: clip;
  cursor: pointer;
  transition: background-color 0.2s linear;
}
.c-button, .c-button:visited {
  color: white;
  text-decoration: none;
}
.c-button.-light {
  background-color: white;
}
@media (hover: hover) {
  .c-button.-light:hover {
    background-color: rgb(229.5, 229.5, 229.5);
  }
}
.c-button.-light, .c-button.-light:visited {
  color: #003da5;
}
.c-button_label {
  display: inline-block;
  transition: transform 0.8s cubic-bezier(0.86, 0, 0.07, 1);
}
.c-button_separator {
  position: absolute;
  width: 1px;
  height: 60%;
  background-color: currentColor;
  opacity: 0.25;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.45s cubic-bezier(0.86, 0, 0.07, 1);
}
.c-button_separator.-left {
  left: 40px;
  transform: translateY(-50%) scaleY(0);
  transition-delay: 0s;
  transform-origin: top center;
}
.c-button_separator.-right {
  right: 40px;
  transition-delay: 0.2s;
  transform-origin: bottom center;
}
.c-button_arrow {
  position: absolute;
  top: 0;
  height: 100%;
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.c-button_arrow .o-icon {
  transition: transform 0.7s cubic-bezier(0.86, 0, 0.07, 1);
}
.c-button_arrow.-left {
  left: 0;
}
.c-button_arrow.-left .o-icon {
  transform: translateX(-40px);
}
.c-button_arrow.-right {
  right: 0;
}
@media (hover: hover) {
  .c-button:hover {
    background-color: rgb(0, 79.8545454545, 216);
  }
  .c-button:hover .c-button_arrow.-left .o-icon {
    transform: translateX(0);
  }
  .c-button:hover .c-button_arrow.-right .o-icon {
    transform: translateX(40px);
  }
  .c-button:hover .c-button_separator.-left {
    transform: translateY(-50%) scaleY(1);
    transition-delay: 0.2s;
  }
  .c-button:hover .c-button_separator.-right {
    transform: translateY(-50%) scaleY(0);
    transition-delay: 0s;
  }
  .c-button:hover .c-button_label {
    transform: translateX(30px);
  }
}

.c-button-icon {
  display: block;
  cursor: pointer;
}

.c-button-toggle {
  display: inline-block;
  position: relative;
  padding: 5px 45px 5px 15px;
  height: 40px;
  font-family: "DM Mono", Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace;
  font-weight: 500;
  font-size: 12px;
  line-height: 1;
  text-transform: uppercase;
  background-color: #003da5;
  border: 0;
  border-radius: 30px;
  overflow: clip;
  cursor: pointer;
  transition: background-color 0.2s linear;
}
.c-button-toggle, .c-button-toggle:visited {
  color: white;
  text-decoration: none;
}
.c-button-toggle_arrow {
  position: absolute;
  top: 5px;
  right: 5px;
  border-radius: 30px;
  height: 30px;
  aspect-ratio: 1;
  background-color: white;
  color: black;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: right 0.6s cubic-bezier(0.23, 1, 0.32, 1), background-color 0.2s linear, color 0.2s linear;
}
.c-button-toggle_arrow svg {
  transform: scaleX(-1);
  transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-button-toggle_label {
  transition: opacity 0.2s linear;
}
.c-button-toggle_label.-active {
  position: absolute;
  left: 52px;
  opacity: 0;
}
.c-button-toggle.-active {
  background-color: #000c18;
}
.c-button-toggle.-active .c-button-toggle_label.-default {
  opacity: 0;
}
.c-button-toggle.-active .c-button-toggle_label.-active {
  opacity: 1;
}
.c-button-toggle.-active .c-button-toggle_arrow {
  background-color: #003da5;
  color: white;
  right: calc(100% - 30px - 5px);
}
.c-button-toggle.-active .c-button-toggle_arrow svg {
  transform: scale(1);
}

.c-form {
  margin-top: calc(1px * var(--spacing-lg));
}
.c-form_row {
  display: flex;
  align-items: flex-start;
  gap: var(--grid-gutter);
  margin-bottom: 30px;
}
@media (max-width: 699px) {
  .c-form_row {
    display: block;
    margin-bottom: 20px;
  }
}
.c-form_row .c-form_label {
  margin-top: 16px;
}
@media (max-width: 699px) {
  .c-form_row .c-form_label {
    margin-top: 0;
    margin-bottom: 5px;
  }
}
.c-form_row.-captcha {
  gap: 0;
}
.c-form_label {
  width: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 1 + 0 * var(--grid-gutter) + 0vw);
  font-size: 0.875rem;
  line-height: 1.3;
  color: #000c18;
}
@media (max-width: 999px) {
  .c-form_label {
    width: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 2 + 1 * var(--grid-gutter) + 0vw);
  }
}
.c-form_field {
  flex: 1;
  width: 100%;
}
.c-form_field .wpcf7-text, .c-form_field .wpcf7-textarea {
  border: 1px solid rgba(0, 0, 0, 0.2);
  width: 100%;
  font-weight: 400;
  padding: 10px 10px;
  height: 48px;
  border-radius: 4px;
  font-size: 1rem;
  line-height: 1.3;
  color: black;
}
.c-form_field .wpcf7-textarea {
  height: 175px;
  padding: 10px 10px;
}
.c-form_field .wpcf7-not-valid-tip {
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.3;
  margin-top: 5px;
}
.c-form_submit .c-button_arrow .o-icon {
  width: 12px;
  height: 8px;
  background-image: url(../images/arrow-button.svg);
  background-repeat: no-repeat;
  background-position: center;
}
.c-form .wpcf7 form .wpcf7-response-output {
  margin: 0;
  margin-top: 30px;
  border: 0;
  background: rgba(0, 0, 0, 0.1);
  padding: 10px 20px;
  border-radius: 4px;
  text-align: center;
  font-weight: 700;
  display: none;
  font-size: 0.875rem;
  line-height: 1.3;
}
.c-form .wpcf7-form.invalid .wpcf7-response-output, .c-form .wpcf7-form.sent .wpcf7-response-output, .c-form .wpcf7-form.spam .wpcf7-response-output {
  display: inline-block;
}

.u-relative {
  position: relative;
}

.u-vhidden {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}

@keyframes u-rotate {
  0% {
    transform: rotateZ(-360deg);
  }
  100% {
    transform: rotateZ(0deg);
  }
}
@keyframes u-rotate-inverse {
  0% {
    transform: rotateZ(360deg);
  }
  100% {
    transform: rotateZ(0deg);
  }
}
.u-underline, .c-footer_bottom a, .c-footer_bottom a:visited, .c-menu .mainMenu a, .c-wysiwyg a, .c-wysiwyg a:visited {
  position: relative;
  text-decoration: none;
}
.u-underline::before, .c-footer_bottom a::before, .c-footer_bottom a:visited::before, .c-menu .mainMenu a::before, .c-wysiwyg a::before, .c-wysiwyg a:visited::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background: currentColor;
  top: 100%;
  left: 0;
  pointer-events: none;
  transform-origin: 100% 50%;
  transform: scale3d(0, 1, 1);
  transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}
.u-underline:hover::before, .c-footer_bottom a:hover::before, .c-menu .mainMenu a:hover::before, .c-wysiwyg a:hover::before {
  transform-origin: 0% 50%;
  transform: scale3d(1, 1, 1);
}

.u-outline {
  position: relative;
  display: inline-block;
  margin-left: 5px;
  margin-right: 5px;
  color: #003da5;
}
.u-outline::before {
  content: "";
  position: absolute;
  top: 1px;
  left: -5px;
  right: -5px;
  bottom: 1px;
  border: 1px solid currentColor;
  border-radius: 2px;
  pointer-events: none;
}

.c-wysiwyg ul, .c-wysiwyg ol {
  padding-top: 0.625rem;
  padding-left: 1.875rem;
  padding-bottom: 1.25rem;
}
.c-wysiwyg ul li, .c-wysiwyg ol li {
  list-style: disc;
}
.c-wysiwyg ul li + li, .c-wysiwyg ol li + li {
  margin-top: 0.3125rem;
}
.c-wysiwyg ol li {
  list-style: decimal;
}
.c-wysiwyg a, .c-wysiwyg a:visited {
  display: inline-block;
  color: #003da5;
  text-decoration: none;
  font-weight: 500;
  cursor: pointer;
}
.c-wysiwyg a::before, .c-wysiwyg a:visited::before {
  margin-top: -2px;
}

.c-media {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: transparent;
  overflow: clip;
}
.c-media.-svg {
  background-color: transparent;
}
.c-media.-svg img {
  -o-object-fit: contain;
     object-fit: contain;
}
.c-media.-loaded img, .c-media.-loaded video {
  opacity: 1;
  transform: scale(1);
}
.c-media img, .c-media video {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  opacity: 0;
  transform: scale(1.1);
  transition: opacity 0.2s linear, transform 1s cubic-bezier(0.23, 1, 0.32, 1);
}

.c-media-svg {
  position: relative;
  aspect-ratio: 1.4;
}
.c-media-svg[data-svg="6"] svg {
  width: 80%;
}
.c-media-svg svg {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
}

.c-home-header {
  position: relative;
  z-index: 1;
  overflow: clip;
  height: 300lvh;
}
.c-home-header_inner {
  position: sticky;
  z-index: 5;
  top: 0;
  height: 100lvh;
  padding: var(--section-padding) 0;
  margin-left: var(--centered-container-margin);
  margin-right: var(--centered-container-margin);
  color: white;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
}
@media (max-width: 699px) {
  .c-home-header_inner {
    padding: var(--section-padding-safe) 0;
  }
}
.c-home-header_inner .c-text.-c2 {
  width: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 4 + 3 * var(--grid-gutter) + 0vw);
  color: white;
  text-wrap: balance;
  margin-top: 1.875rem;
}
.c-home-header_inner .c-text.-c2 .u-outline {
  color: white;
}
@media (max-width: 699px) {
  .c-home-header_inner .c-text.-c2 {
    width: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 3 + 2 * var(--grid-gutter) + 0vw);
  }
}
.c-home-header_inner .c-button-icon {
  position: absolute;
  bottom: var(--section-padding);
  right: 0;
  color: white;
  opacity: 0.5;
  transition: opacity 0.2s linear;
}
@media (max-width: 699px) {
  .c-home-header_inner .c-button-icon {
    bottom: var(--section-padding-safe);
  }
  .c-home-header_inner .c-button-icon svg {
    --icon-width: 40px;
  }
}
@media (hover: hover) {
  .c-home-header_inner .c-button-icon:hover {
    opacity: 1;
  }
}
.c-home-header_backgrounds {
  position: sticky;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100lvh;
  margin-top: -100lvh;
}
.c-home-header_backgrounds .c-media {
  transform: scale(calc(1 + var(--progress) * 0.15));
  transition: transform 0.2s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-home-header_backgrounds::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background-color: #000c18;
  opacity: 0.1;
}
.c-home-header_mask {
  position: sticky;
  top: 0;
  height: 100lvh;
  margin-bottom: -100lvh;
  z-index: 3;
  overflow: clip;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}
.c-home-header_mask_background {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  background-color: rgba(0, 12, 24, 0.1);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}
.c-home-header_mask img {
  position: relative;
  z-index: 1;
  width: 27vw;
}
@media (max-width: 999px) {
  .c-home-header_mask img {
    width: 73vw;
  }
}
.c-home-header_trigger {
  position: absolute;
  top: 0;
  height: 75lvh;
  left: 50px;
  pointer-events: none;
}
.c-home-header_scroller {
  position: absolute;
  left: 50%;
  z-index: 12;
}
.c-home-header_scroller.-title {
  top: 85lvh;
}
.c-home-header_scroller.-content {
  top: 100%;
}

.c-logo {
  position: fixed;
  z-index: 200;
  top: 0;
  left: 0;
  height: var(--nav-height);
  aspect-ratio: 1;
  background-color: #003da5;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
}

.c-menu-toggle {
  position: fixed;
  z-index: 200;
  top: 0;
  right: 0;
  height: var(--nav-height);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  padding-left: calc(var(--grid-margin) * 1.5);
  padding-right: calc(var(--grid-margin) * 1.5);
  min-width: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 1 + 0 * var(--grid-gutter) + var(--grid-margin) + var(--grid-gutter));
  color: white;
  background-color: rgba(0, 12, 24, 0.3);
  -webkit-backdrop-filter: blur(25px);
  backdrop-filter: blur(25px);
  transition: color 0.2s linear, background-color 0.2s linear;
}
@media (max-width: 699px) {
  .c-menu-toggle {
    min-width: auto;
    width: var(--nav-height);
    padding-left: 0;
    padding-right: 0;
  }
}
.c-menu-toggle_label {
  text-transform: uppercase;
  font-family: "DM Mono", Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace;
  font-size: 0.75rem;
  line-height: 1;
  font-weight: 500;
  mix-blend-mode: difference;
}
@media (max-width: 699px) {
  .c-menu-toggle_label {
    display: none;
  }
}
.c-menu-toggle_icon {
  position: relative;
  width: 20px;
  height: 20px;
  mix-blend-mode: difference;
}
@media (max-width: 699px) {
  .c-menu-toggle_icon {
    transform: scale(0.8);
  }
}
.c-menu-toggle_icon span {
  position: absolute;
  width: 20px;
  left: 0;
  height: 3px;
  border-radius: 3px;
  background-color: #FFF;
  top: calc(50% - 1px);
  transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.15s linear;
}
.c-menu-toggle_icon span:nth-child(1) {
  margin-top: -7px;
  transform: scaleX(0.6);
  transform-origin: center left;
}
.c-menu-toggle_icon span:nth-child(2) {
  margin-top: -1px;
}
.c-menu-toggle_icon span:nth-child(3) {
  margin-top: 5px;
  transform: scaleX(0.4);
  transform-origin: center right;
}
@media (hover: hover) {
  .c-menu-toggle:hover .c-menu-toggle_icon span:nth-child(1) {
    transform: scaleX(1);
  }
  .c-menu-toggle:hover .c-menu-toggle_icon span:nth-child(3) {
    transform: scaleX(1);
  }
}
.c-menu-toggle.-active {
  color: #003da5;
  background-color: white;
}
.c-menu-toggle.-active .c-menu-toggle_label {
  mix-blend-mode: normal;
}
.c-menu-toggle.-active .c-menu-toggle_icon {
  mix-blend-mode: normal;
}
.c-menu-toggle.-active .c-menu-toggle_icon span {
  background-color: #003da5;
}
.c-menu-toggle.-active .c-menu-toggle_icon span:nth-child(1) {
  transform: scaleX(1) rotate(45deg);
  transform-origin: center;
  margin-top: -1px;
}
.c-menu-toggle.-active .c-menu-toggle_icon span:nth-child(2) {
  transform: rotate(-45deg);
}
.c-menu-toggle.-active .c-menu-toggle_icon span:nth-child(3) {
  transform: scaleX(0);
  opacity: 0;
}

.c-menu {
  position: fixed;
  z-index: 200;
  top: 0;
  right: 0;
  background-color: #003da5;
  color: white;
  width: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 4 + 3 * var(--grid-gutter) + var(--grid-margin));
  padding: calc(var(--nav-height) + 20px) calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 1 + 0 * var(--grid-gutter) + var(--grid-gutter)) var(--nav-height);
  color: white;
  transform: translateX(100%);
  transition: transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
}
@media (max-width: 1199px) {
  .c-menu {
    width: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 5 + 4 * var(--grid-gutter) + var(--grid-margin));
  }
}
@media (max-width: 999px) {
  .c-menu {
    width: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 6 + 5 * var(--grid-gutter) + var(--grid-margin));
  }
}
@media (max-width: 699px) {
  .c-menu {
    width: 100%;
    padding: calc(var(--nav-height) + 20px) 3.75rem var(--nav-height);
  }
}
.c-menu.-visible {
  transform: translateX(0);
}
.c-menu.-visible .mainMenu li {
  opacity: 1;
  transform: translateX(0);
}
.c-menu.-visible .mainMenu li:nth-child(1) {
  transition-delay: 0.4s;
}
.c-menu.-visible .mainMenu li:nth-child(2) {
  transition-delay: 0.5s;
}
.c-menu.-visible .mainMenu li:nth-child(3) {
  transition-delay: 0.6s;
}
.c-menu.-visible .mainMenu li:nth-child(4) {
  transition-delay: 0.7s;
}
.c-menu.-visible .mainMenu li:nth-child(5) {
  transition-delay: 0.8s;
}
.c-menu.-visible .secondaryMenu {
  opacity: 1;
  transition-delay: 0.7s;
}
.c-menu a, .c-menu a:visited {
  color: white;
  text-decoration: none;
}
.c-menu .mainMenu {
  font-size: 2.5rem;
  line-height: 1;
  font-weight: 300;
}
.c-menu .mainMenu li {
  padding: 15px 0;
  opacity: 0;
  transform: translateX(30px);
  transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.2s linear;
  transition-delay: 0s;
}
.c-menu .mainMenu li.current-menu-item > a::before {
  transform: scaleX(1);
}
.c-menu .mainMenu a::before {
  height: 2px;
}
.c-menu .mainMenu .sub-menu {
  margin-top: 0.9375rem;
  margin-left: 2.5rem;
  margin-bottom: 0.3125rem;
  font-size: 1.875rem;
  line-height: 1;
}
.c-menu .mainMenu .sub-menu li {
  padding: 10px 0;
}
.c-menu .mainMenu .sub-menu li.current-menu-item > a::before {
  transform: scaleX(0);
}
@media (hover: hover) {
  .c-menu .mainMenu .sub-menu li.current-menu-item > a:hover::before {
    transform: scaleX(1);
  }
}
.c-menu .secondaryMenu {
  position: relative;
  margin-top: calc(1px * var(--spacing-md) * 1.25);
  padding-top: calc(1px * var(--spacing-md) * 0.75);
  font-size: 1rem;
  line-height: 1.2;
  font-family: "DM Mono", Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace;
  text-transform: uppercase;
  opacity: 0;
  transition: opacity 0.4s linear;
  transition-delay: 0s;
}
.c-menu .secondaryMenu::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: currentColor;
  opacity: 0.5;
}
.c-menu .secondaryMenu li {
  padding: 5px 0;
}
.c-menu .secondaryMenu a, .c-menu .secondaryMenu a:visited {
  color: currentColor;
  opacity: 0.5;
  transition: opacity 0.2s linear;
}
@media (hover: hover) {
  .c-menu .secondaryMenu a:hover, .c-menu .secondaryMenu a:visited:hover {
    opacity: 1;
  }
}

.c-menu_mask {
  position: fixed;
  z-index: 199;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
  background-color: rgba(0, 12, 24, 0.4);
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s linear 0.2s, opacity 0.2s linear;
}
.c-menu_mask.-visible {
  visibility: visible;
  opacity: 1;
  transition-delay: 0s;
}

.c-illus {
  position: relative;
  aspect-ratio: 1;
  margin-top: calc(1px * var(--spacing-md));
  margin-bottom: calc(1px * var(--spacing-md));
}
.c-illus svg {
  display: block;
  opacity: 0.2;
}
.c-illus.-darker svg {
  opacity: 0.4;
}

.results_illus {
  position: absolute;
  z-index: -1;
  top: 50%;
  right: calc(var(--grid-margin));
  transform: translateY(-50%);
  width: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 7.5 + 6.5 * var(--grid-gutter) + 0vw);
  opacity: 0.2;
}
@media (max-width: 699px) {
  .results_illus {
    width: 150%;
    right: 50%;
    transform: translate(50%, -50%);
    opacity: 0.15;
  }
}

.c-card-chart {
  position: relative;
  padding: 3.75rem 2.5rem;
  background-color: rgba(231, 238, 236, 0.3);
  border: 1px solid rgba(0, 12, 24, 0.1);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  text-align: center;
  max-width: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 3 + 2 * var(--grid-gutter) + var(--grid-gutter) * 2);
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1199px) {
  .c-card-chart {
    max-width: calc(100% - 5rem);
  }
}
@media (max-width: 999px) {
  .c-card-chart {
    max-width: 100%;
  }
}
.c-card-chart + .c-card-chart {
  margin-top: 6.25rem;
}
@media (max-width: 699px) {
  .c-card-chart + .c-card-chart {
    margin-top: 3.75rem;
  }
}
.c-card-chart_value {
  font-size: 6.25rem;
  line-height: 1;
  font-weight: 200;
  color: #003da5;
}
@media (max-width: 1199px) {
  .c-card-chart_value {
    font-size: 5rem;
    line-height: 1;
  }
}
.c-card-chart_value > span {
  display: inline-block;
}
.c-card-chart_value sup {
  font-size: 1.875rem;
  line-height: 1;
  vertical-align: top;
  top: 0.5em;
  opacity: 0.4;
}
@media (max-width: 1199px) {
  .c-card-chart_value sup {
    font-size: 1.625rem;
    line-height: 1;
  }
}
.c-card-chart_title {
  font-size: 4.375rem;
  line-height: 1;
  font-weight: 300;
  color: #003da5;
  margin-bottom: calc(1px * var(--spacing-sm));
}
@media (max-width: 1199px) {
  .c-card-chart_title {
    font-size: 3.75rem;
    line-height: 1;
  }
}
.c-card-chart_chart {
  margin-top: calc(1px * var(--spacing-sm));
  margin-bottom: calc(1px * var(--spacing-sm));
}
.c-card-chart_chart .c-chart {
  max-width: 200px;
}
@media (max-width: 1199px) {
  .c-card-chart_chart .c-chart {
    max-width: 160px;
  }
}
.c-card-chart_content {
  opacity: 0.4;
  margin-left: auto;
  margin-right: auto;
  text-wrap: balance;
}

.c-chart {
  border-radius: 50%;
  transform: rotate(-90deg);
}
.c-chart circle {
  fill: #D9D9D9;
}
.c-chart_fill {
  stroke-width: 100;
  stroke-dasharray: 0 314;
  stroke: #003da5;
  transition: stroke-dasharray 1s cubic-bezier(0.23, 1, 0.32, 1);
}

.c-result {
  position: relative;
  margin: calc(1px * var(--spacing-md)) 0;
}
.c-result_valueWrap {
  position: relative;
  display: inline-block;
}
.c-result_value {
  font-size: 17.5rem;
  line-height: 0.75;
  font-weight: 300;
  opacity: 0.2;
}
@media (max-width: 1599px) {
  .c-result_value {
    font-size: 14.375rem;
    line-height: 0.75;
  }
}
@media (max-width: 1399px) {
  .c-result_value {
    font-size: 13.125rem;
    line-height: 0.75;
  }
}
@media (max-height: 750px) and (min-width: 1200px) {
  .c-result_value {
    font-size: 12.5rem;
    line-height: 0.75;
  }
}
@media (max-width: 1199px) {
  .c-result_value {
    font-size: 10.625rem;
    line-height: 0.75;
  }
}
@media (max-width: 999px) {
  .c-result_value {
    font-size: 8.125rem;
    line-height: 0.75;
  }
}
@media (max-width: 699px) {
  .c-result_value {
    font-size: 4.375rem;
    line-height: 0.75;
  }
}
.c-result_label {
  position: absolute;
  font-size: 2.125rem;
  line-height: 1;
  font-weight: 300;
  text-transform: uppercase;
  top: 50%;
  right: -1.25em;
  transform: translate(50%, -50%) rotate(-90deg);
  white-space: nowrap;
}
@media (max-width: 1199px) {
  .c-result_label {
    font-size: 1.625rem;
    line-height: 1;
  }
}
@media (max-width: 699px) {
  .c-result_label {
    font-size: 1rem;
    line-height: 1;
  }
}

.odometer.odometer-auto-theme,
.odometer.odometer-theme-minimal {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  position: relative;
}

.odometer.odometer-auto-theme .odometer-digit,
.odometer.odometer-theme-minimal .odometer-digit {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  position: relative;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,
.odometer.odometer-theme-minimal .odometer-digit .odometer-digit-spacer {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  visibility: hidden;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,
.odometer.odometer-theme-minimal .odometer-digit .odometer-digit-inner {
  text-align: center;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon,
.odometer.odometer-theme-minimal .odometer-digit .odometer-ribbon {
  display: block;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner,
.odometer.odometer-theme-minimal .odometer-digit .odometer-ribbon-inner {
  display: block;
  -webkit-backface-visibility: hidden;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-value,
.odometer.odometer-theme-minimal .odometer-digit .odometer-value {
  display: block;
  -webkit-transform: translateZ(0);
  text-align: center;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-first-value, .odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value,
.odometer.odometer-theme-minimal .odometer-digit .odometer-value.odometer-first-value,
.odometer.odometer-theme-minimal .odometer-digit .odometer-value.odometer-last-value {
  width: 100%;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value,
.odometer.odometer-theme-minimal .odometer-digit .odometer-value.odometer-last-value {
  position: absolute;
}

.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,
.odometer.odometer-theme-minimal.odometer-animating-up .odometer-ribbon-inner {
  transition: transform 2s;
}

.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner,
.odometer.odometer-theme-minimal.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
  transform: translateY(-100%);
}

.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner,
.odometer.odometer-theme-minimal.odometer-animating-down .odometer-ribbon-inner {
  transform: translateY(-100%);
}

.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner,
.odometer.odometer-theme-minimal.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
  transition: transform 2s;
  transform: translateY(0);
}

.c-how-wrap {
  position: relative;
  min-height: 250lvh;
}

.c-how {
  position: sticky;
  top: 0;
  padding-top: var(--section-padding);
  padding-bottom: 2.5rem;
  height: 100lvh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1599px) {
  .c-how {
    padding-top: var(--nav-height);
    padding-bottom: 1.25rem;
  }
}
@media (max-height: 750px) and (min-width: 1200px) {
  .c-how {
    padding-top: calc(var(--nav-height) * 0.5);
  }
}
.c-how_item {
  position: relative;
  width: 100%;
  background: white;
  transition: flex 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  overflow: clip;
}
.c-how_item.-opened {
  flex: 1;
}
.c-how_item.-opened .c-how_item_label_icon {
  transform: rotate(45deg);
}
.c-how_item.-opened .c-how_item_content {
  opacity: 1;
}
.c-how_item::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: black;
  transform: scaleX(0);
  transform-origin: center left;
  transition: transform 0.8s cubic-bezier(0.19, 1, 0.22, 1);
}
.c-how_item:first-child::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: black;
  transform: scaleX(0);
  transform-origin: center left;
  transition: transform 0.8s cubic-bezier(0.19, 1, 0.22, 1);
}
.c-how_item.is-inview::before, .c-how_item.is-inview::after {
  transform: scaleX(1);
}
.c-how_item.is-inview .c-how_item_label {
  opacity: 1;
}
.c-how_item_label {
  position: relative;
  z-index: 1;
  cursor: pointer;
  text-transform: uppercase;
  font-size: 1.875rem;
  line-height: 1;
  letter-spacing: -0.03em;
  font-weight: 300;
  padding: 1.25rem 0;
  opacity: 0;
  transition: opacity 0.2s linear;
}
.c-how_item_label_icon {
  position: absolute;
  top: 50%;
  right: 5px;
  margin-top: -1.0625rem;
  transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-how_item_label_icon .o-icon svg {
  width: 1.625rem;
}
.c-how_item_content {
  position: absolute;
  top: 70px;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0 0 1.875rem 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.2s linear;
}
@media (max-width: 699px) {
  .c-how_item_content {
    display: block;
  }
}
.c-how_item_schema {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  aspect-ratio: 2.9365558912;
  width: 80%;
  margin-bottom: 2.1875rem;
}
@media (max-width: 1999px) and (max-height: 850px) {
  .c-how_item_schema {
    width: 60%;
    margin-bottom: 1.25rem;
  }
}
@media (max-height: 750px) {
  .c-how_item_schema {
    width: 60%;
    margin-bottom: 1.25rem;
  }
}
@media (max-width: 999px) {
  .c-how_item_schema {
    width: 100%;
    margin-bottom: 1.25rem;
  }
}
@media (max-width: 699px) {
  .c-how_item_schema {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
}
.c-how_item_schema_plane {
  position: relative;
  z-index: 1;
  fill: #B9C1C2;
  display: block;
}
@media (max-width: 699px) {
  .c-how_item_schema_plane {
    fill: #969d9e;
  }
}
.c-how_item_schema_helix {
  display: block;
  position: absolute;
  width: 4.3209876543%;
  fill: #003da5;
  animation: u-rotate 1.5s linear infinite;
}
.c-how_item_schema_helix.-left {
  top: 75%;
  left: 26.4%;
}
.c-how_item_schema_helix.-right {
  top: 75%;
  left: 70.3%;
}
.c-how_item_schema_fog {
  position: absolute;
  width: 4.7325102881%;
  aspect-ratio: 1.4375;
  top: 26%;
  overflow: clip;
  transition: opacity 0.15s linear;
}
@media (max-width: 699px) {
  .c-how_item_schema_fog {
    transform: scale(1.5) translateY(-30%);
  }
}
.c-how_item_schema_fog.-left {
  left: 42%;
}
@media (max-width: 699px) {
  .c-how_item_schema_fog.-left {
    left: 41%;
  }
}
.c-how_item_schema_fog.-right {
  left: 54%;
}
@media (max-width: 699px) {
  .c-how_item_schema_fog.-right {
    left: 55%;
  }
}
.c-how_item_schema_fog svg {
  position: absolute;
  top: 0%;
  left: 15%;
  width: 70%;
  animation: wave 15s linear infinite;
}
@keyframes wave {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-78%);
  }
}
.c-how_item_schema_reactor {
  position: absolute;
  z-index: 0;
  top: 45%;
  left: 48.3%;
  width: 3.9094650206%;
  aspect-ratio: 1;
}
@media (max-width: 699px) {
  .c-how_item_schema_reactor {
    top: 46%;
    left: 47.9%;
    width: 4.7325102881%;
  }
}
.c-how_item_schema_reactor span {
  position: absolute;
  aspect-ratio: 1;
  border: 1.25px dashed #003da5;
  border-radius: 50%;
  transition: border-color 0.15s linear;
}
.c-how_item_schema_reactor span:first-child {
  width: 100%;
  top: 0%;
  left: 0%;
  animation: u-rotate 10s linear infinite;
}
.c-how_item_schema_reactor span:last-child {
  width: 80%;
  top: 10%;
  left: 10%;
  animation: u-rotate-inverse 10s linear infinite;
}
@media (max-width: 699px) {
  .c-how_item_schema_reactor span:last-child {
    display: none;
  }
}
.c-how_item_datas {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
@media (max-width: 699px) {
  .c-how_item_datas {
    display: block;
  }
}
.c-how_item_datas_left {
  position: relative;
  width: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 4 + 3 * var(--grid-gutter) + 0vw);
  padding-left: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 1 + 0 * var(--grid-gutter) + 0vw);
}
@media (max-height: 900px) {
  .c-how_item_datas_left {
    padding-left: 0;
  }
}
@media (max-width: 1599px) {
  .c-how_item_datas_left {
    padding-left: 0;
  }
}
@media (max-width: 699px) {
  .c-how_item_datas_left {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
  }
}
.c-how_item_datas_left_logo {
  display: inline-block;
  vertical-align: middle;
  max-width: 80px;
  max-height: 65px;
  margin-left: 1.25rem;
  opacity: 0;
  transition: opacity 0.2s linear;
}
@media (max-width: 699px) {
  .c-how_item_datas_left_logo {
    position: absolute;
    top: -10px;
    left: calc(50% + 70px);
    margin-left: 0;
    max-height: 60px;
    width: auto;
  }
}
.c-how_item_datas_left_content {
  position: relative;
  font-family: "DM Mono", Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace;
  font-size: 0.875rem;
  line-height: 1.25;
  margin-top: 0.625rem;
}
.c-how_item_datas_left_content strong, .c-how_item_datas_left_content b {
  font-weight: 500;
}
.c-how_item_datas_left_content_txt {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  transition: opacity 0.2s linear;
  text-wrap: balance;
}
.c-how_item_datas_left_content_txt.-active {
  opacity: 0;
}
.c-how_item_datas_right {
  position: relative;
  width: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 5 + 4 * var(--grid-gutter) + 0vw);
  margin-right: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 1 + 0 * var(--grid-gutter) + 0vw);
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  padding-left: 2%;
  opacity: 0;
}
@media (max-width: 699px) {
  .c-how_item_datas_right {
    position: absolute;
    bottom: 1.875rem;
    left: 0;
    right: 0;
    width: 100%;
    margin-right: 0;
    padding-left: 0;
  }
}
.c-how_item_datas_right_picto {
  position: absolute;
  bottom: 0;
  left: 6%;
  width: 30%;
  margin-right: 10px;
}
@media (max-width: 699px) {
  .c-how_item_datas_right_picto {
    left: 3%;
  }
}
.c-how_item_datas_right_picto img {
  width: 100%;
  margin: auto;
  display: block;
  opacity: 0;
  transform: scale(0);
  transition: opacity 0.2s linear, transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
.c-how_item_datas_right_picto .c-link.-v {
  transform: scaleY(0);
  transform-origin: center bottom;
  transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
.c-how_item_datas_right_picto.-engoff img {
  max-width: 200px;
}
.c-how_item_datas_right_picto.-engoff .c-link.-v {
  position: absolute;
  height: 3.75rem;
  left: 43%;
  bottom: calc(100% + 10px);
}
.c-how_item_datas_right_picto.-apuoff {
  width: 20%;
  margin-left: 3.5%;
}
@media (max-width: 699px) {
  .c-how_item_datas_right_picto.-apuoff {
    margin-left: 0;
  }
}
.c-how_item_datas_right_picto.-apuoff img {
  max-width: 110px;
}
.c-how_item_datas_right_picto.-apuoff .c-link.-v {
  position: absolute;
  height: 3.125rem;
  left: 47.5%;
  bottom: calc(100% + 10px);
}
.c-how_item_datas_right_link {
  position: relative;
  flex: 1;
  margin-left: 16%;
  margin-bottom: 20px;
}
.c-how_item_datas_right_link .c-link.-v {
  position: absolute;
  left: -2px;
  bottom: 7px;
  height: 118px;
}
@media (max-width: 699px) {
  .c-how_item_datas_right_link .c-link.-v {
    height: 70px;
  }
}
.c-how_item_datas_right_contents {
  position: relative;
  text-align: right;
  width: 40%;
  margin-left: 20px;
}
.c-how_item_datas_right_content {
  white-space: nowrap;
  max-width: 100%;
  transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.2s linear;
}
.c-how_item_datas_right_content.-with {
  position: absolute;
  bottom: 0;
  right: 0;
  transform: scale(0.6);
  opacity: 0;
  pointer-events: none;
}
.c-how_item_datas_value {
  display: inline-block;
  vertical-align: middle;
  font-size: 6.25rem;
  line-height: 0.9;
  font-weight: 300;
  color: #003da5;
}
@media (max-height: 750px) and (min-width: 1200px) {
  .c-how_item_datas_value {
    font-size: 5rem;
    line-height: 0.9;
  }
}
@media (max-width: 1199px) {
  .c-how_item_datas_value {
    font-size: 5rem;
    line-height: 0.9;
  }
}
@media (max-width: 699px) {
  .c-how_item_datas_value {
    font-size: 3.125rem;
    line-height: 0.9;
  }
}
.c-how_item_datas_value sup {
  font-size: 1.625rem;
  line-height: 1;
  top: 0.4em;
  vertical-align: top;
  margin-left: 5px;
}
@media (max-width: 1199px) {
  .c-how_item_datas_value sup {
    font-size: 1.25rem;
    line-height: 1;
  }
}
@media (max-width: 699px) {
  .c-how_item_datas_value sup {
    font-size: 1rem;
    line-height: 1;
  }
}
.c-how_item_datas_chart {
  display: inline-block;
  vertical-align: middle;
  width: 90px;
  margin-left: 0.9375rem;
}
@media (max-height: 750px) and (min-width: 1200px) {
  .c-how_item_datas_chart {
    width: 70px;
  }
}
@media (max-width: 1199px) {
  .c-how_item_datas_chart {
    width: 70px;
  }
}
@media (max-width: 699px) {
  .c-how_item_datas_chart {
    width: 45px;
    margin-left: 0.625rem;
  }
}
.c-how_item.-active .c-how_item_schema_helix {
  animation-play-state: paused;
  fill: #B9C1C2;
}
.c-how_item.-active .c-how_item_schema_fog {
  animation-play-state: paused;
  opacity: 0;
}
.c-how_item.-active .c-how_item_schema_reactor span {
  animation-play-state: paused;
  border-color: #B9C1C2;
}
.c-how_item.-active .c-how_item_datas_right_picto img {
  opacity: 1;
  transform: scale(1);
}
.c-how_item.-active .c-how_item_datas_right_picto .c-link {
  transform: scaleY(1);
}
.c-how_item.-active .c-how_item_datas_right_picto.-apuoff + .c-how_item_datas_right_link {
  margin-left: 25%;
}
.c-how_item.-active .c-how_item_datas_right {
  opacity: 1;
}
.c-how_item.-active .c-how_item_datas_left_logo {
  opacity: 1;
}
.c-how_item.-active .c-how_item_datas_left_content_txt.-active {
  opacity: 1;
}
.c-how_item.-active .c-how_item_datas_left_content_txt.-default {
  opacity: 0;
}
.c-how_item.-active .c-how_item_datas_right_link {
  margin-left: 34%;
}
.c-how_item.-active .c-how_item_datas_right_link .c-link.-v {
  display: none;
}
.c-how_item.-active .c-how_item_datas_right_content.-without {
  transform: scale(0.6);
  opacity: 0;
  pointer-events: none;
}
.c-how_item.-active .c-how_item_datas_right_content.-with {
  transform: scale(1);
  opacity: 1;
  pointer-events: all;
}

.c-solutions {
  position: sticky;
  top: 0;
  min-height: 150lvh;
  background-color: #020A1A;
  color: white;
  padding: 0;
}
@media (max-width: 699px) {
  .c-solutions {
    position: relative;
    top: auto;
    min-height: 100lvh;
  }
}
.c-solutions .o-container {
  position: relative;
  z-index: 1;
  min-height: 100lvh;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: column;
  padding-top: var(--section-padding);
  padding-bottom: var(--section-padding);
}
@media (max-height: 750px) and (min-width: 1200px) {
  .c-solutions .o-container {
    padding-top: calc(var(--section-padding) * 0.5);
    padding-bottom: calc(var(--section-padding) * 0.5);
  }
}
.c-solutions .o-container > div {
  width: 100%;
}
.c-solutions_descriptions {
  position: relative;
  width: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 3 + 2 * var(--grid-gutter) + 0vw);
  margin-bottom: calc(1px * var(--spacing-md));
}
@media (max-height: 750px) and (min-width: 1200px) {
  .c-solutions_descriptions {
    margin-bottom: calc(1px * var(--spacing-sm));
  }
}
.c-solutions_descriptions .u-outline {
  color: white;
  opacity: 0.5;
}
.c-solutions_description {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  transform-origin: bottom left;
  transform: scale(0.2);
  transition: opacity 0.2s linear, transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-solutions_description.-active {
  opacity: 1;
  transform: scale(1);
}
.c-solutions_backgrounds {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100lvh;
  z-index: 0;
  background-color: #000c18;
  overflow: clip;
}
.c-solutions_backgrounds_inner {
  position: absolute;
  top: 0;
  left: 15vw;
  bottom: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: nowrap;
  white-space: nowrap;
  transition: transform 1.2s cubic-bezier(0.86, 0, 0.07, 1);
}
@media (max-width: 699px) {
  .c-solutions_backgrounds_inner {
    left: 5vw;
  }
}
.c-solutions_backgrounds_item {
  display: inline-block;
  width: 70vw;
  min-width: 70vw;
  max-width: 70vw;
  padding: 3vw;
}
@media (max-width: 699px) {
  .c-solutions_backgrounds_item {
    width: 90vw;
    min-width: 90vw;
    max-width: 90vw;
    padding: 0;
  }
}
.c-solutions_backgrounds_item .c-media {
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
  aspect-ratio: var(--m-ratio);
}
.c-solutions_backgrounds_item .c-media canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
@media (max-width: 699px) {
  .c-solutions_backgrounds_item .c-media canvas {
    display: none;
  }
}
.c-solutions_backgrounds_item .c-media canvas + video {
  opacity: 0;
}
@media (max-width: 699px) {
  .c-solutions_backgrounds_item .c-media canvas + video {
    opacity: 1;
  }
}
.c-solutions_list {
  margin-top: calc(1px * var(--spacing-sm));
}
.c-solutions_list_item {
  position: relative;
  padding: 1.875rem 0;
  transition: color 0.2s linear;
}
@media (max-height: 750px) and (min-width: 1200px) {
  .c-solutions_list_item {
    padding: 1.5625rem 0;
  }
}
@media (max-width: 699px) {
  .c-solutions_list_item {
    padding: 1.25rem 0;
  }
}
.c-solutions_list_item_label {
  display: inline-block;
  font-size: 6.25rem;
  line-height: 0.8;
  font-weight: 200;
  letter-spacing: -0.03em;
  transform: translateX(-40px);
  opacity: 0;
  transition: opacity 0.2s linear, transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}
@media (max-height: 750px) and (min-width: 1200px) {
  .c-solutions_list_item_label {
    font-size: 5.3125rem;
    line-height: 0.8;
  }
}
@media (max-width: 699px) {
  .c-solutions_list_item_label {
    font-size: 3.125rem;
    line-height: 0.8;
  }
}
.c-solutions_list_item_label sup {
  font-family: "DM Mono", Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace;
  font-size: 1rem;
  line-height: 1;
  font-weight: 400;
  top: 0.5em;
  vertical-align: top;
  letter-spacing: 0;
}
.c-solutions_list_item + .c-solutions_list_item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  transform-origin: center left;
  height: 2px;
  background-color: white;
  transform: scaleX(0);
  transform-origin: center left;
  transition: transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-solutions_list_item.is-inview .c-solutions_list_item_label {
  opacity: 1;
  transform: translateX(0);
}
.c-solutions_list_item.is-inview::before {
  transform: scaleX(1);
}
@media (hover: hover) {
  .c-solutions_list_item:hover {
    color: rgb(12, 101.8363636364, 255);
  }
}
.c-solutions_list_item.-active {
  color: rgb(12, 101.8363636364, 255);
}

.c-values {
  background: #003da5;
  color: white;
  min-height: calc(100lvh * var(--items) + 100lvh);
}
.c-values_marquee {
  position: absolute;
  top: 50%;
  left: 100vw;
  white-space: nowrap;
  font-size: 11.875rem;
  line-height: 0.9;
  color: white;
  opacity: 0.2;
  font-weight: 200;
  margin-top: -0.45em;
  transform: translateX(calc(100vw * var(--progress)));
}
.c-values_section {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  white-space: normal;
}
.c-values_section.-title {
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  min-width: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 11 + 10 * var(--grid-gutter) + var(--grid-margin));
  width: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 11 + 10 * var(--grid-gutter) + var(--grid-margin));
  padding-left: var(--centered-container-margin);
  padding-right: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 0.75 + -0.25 * var(--grid-gutter) + 0vw);
  padding-top: var(--section-padding);
  padding-bottom: var(--section-padding);
}
@media (max-width: 699px) {
  .c-values_section.-title {
    display: block;
    min-width: 100vw;
    width: 100vw;
    padding-left: var(--grid-margin);
    padding-right: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * --grid-margin + (--grid-margin - 1) * var(--grid-gutter) + 0vw);
    padding-top: var(--section-padding);
    padding-bottom: calc(var(--section-padding-safe) + 30px);
  }
}
.c-values_section.-title .content {
  width: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 5 + 4 * var(--grid-gutter) + 0vw);
  display: flex;
  height: 100%;
  flex-direction: column;
  align-items: start;
  justify-content: space-between;
}
@media (max-width: 699px) {
  .c-values_section.-title .content {
    position: relative;
    width: 100%;
    z-index: 1;
  }
}
.c-values_section.-title .content .c-text.-c2 {
  width: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 4 + 3 * var(--grid-gutter) + 0vw);
}
@media (max-width: 699px) {
  .c-values_section.-title .content .c-text.-c2 {
    width: 100%;
  }
}
.c-values_section.-title .content .c-text.-c2 .u-outline {
  color: currentColor;
  opacity: 0.5;
}
.c-values_section.-title .content .c-button-icon {
  color: white;
  opacity: 0.6;
  transition: 0.2s opacity linear;
}
@media (hover: hover) {
  .c-values_section.-title .content .c-button-icon:hover {
    opacity: 1;
  }
}
.c-values_section.-title .c-illus {
  width: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 4.5 + 3.5 * var(--grid-gutter) + 0vw);
}
@media (max-width: 699px) {
  .c-values_section.-title .c-illus {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-10%, -50%);
    width: 80vw;
  }
}
.c-values_section.-image {
  width: 100vw;
  min-width: 100vw;
}
.c-values_section.-block {
  padding-left: 30vw;
  padding-right: 30vw;
}
@media (max-width: 699px) {
  .c-values_section.-block {
    padding-left: 20vw;
    padding-right: 20vw;
  }
}
.c-values_section.-block + .c-values_section.-block {
  padding-left: 0;
}
@media (max-width: 699px) {
  .c-values_section.-block + .c-values_section.-block {
    padding-left: 0;
  }
}

.c-objectives {
  overflow: clip;
  padding: 0;
}
.c-objectives_cover {
  position: sticky;
  z-index: -1;
  top: 0;
  height: 100lvh;
  overflow: clip;
  margin-bottom: -100lvh;
}
.c-objectives_cover::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background-color: black;
  opacity: 0.25;
}
.c-objectives_header {
  position: relative;
  z-index: 1;
  color: white;
  text-align: center;
  min-height: 150lvh;
}
@media (max-width: 699px) {
  .c-objectives_header {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--grid-margin);
  }
}
.c-objectives_header_miniCover {
  position: relative;
  height: 100lvh;
  width: 100dvw;
  clip-path: inset(20lvh 40vw 50lvh 40vw);
  margin-bottom: -35lvh;
}
@media (max-width: 999px) {
  .c-objectives_header_miniCover {
    clip-path: inset(20lvh 35vw 50lvh 35vw);
  }
}
@media (max-width: 699px) {
  .c-objectives_header_miniCover {
    display: none;
  }
}
.c-objectives_content {
  position: relative;
  z-index: 2;
  background-color: #e7eeec;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
@media (max-width: 699px) {
  .c-objectives_content {
    display: block;
  }
}
.c-objectives_content_main {
  padding: calc(1px * var(--spacing-lg)) 0 0 0;
  margin-left: var(--centered-container-margin);
  width: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 4 + 3 * var(--grid-gutter) + 0vw);
  display: flex;
  flex-direction: column;
}
@media (max-width: 999px) {
  .c-objectives_content_main {
    width: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 6 + 5 * var(--grid-gutter) + 0vw);
  }
}
@media (max-width: 699px) {
  .c-objectives_content_main {
    width: auto;
    margin-right: var(--centered-container-margin);
    padding-top: var(--section-padding);
  }
}
.c-objectives_content_main_top {
  flex: 1;
}
.c-objectives_content_main .c-text.-c2 {
  position: sticky;
  top: calc(1px * var(--spacing-lg));
  padding-bottom: calc(1px * var(--spacing-lg));
}
@media (max-width: 699px) {
  .c-objectives_content_main .c-text.-c2 {
    position: relative;
    top: auto;
  }
}
.c-objectives_content_main_bottom {
  padding-bottom: calc(1px * var(--spacing-lg));
}
.c-objectives_content_main_logo {
  margin-top: calc(1px * var(--spacing-md));
  display: flex;
  align-items: center;
  gap: calc(1px * var(--spacing-sm));
  flex-wrap: wrap;
}
.c-objectives_content_main_logo img {
  display: block;
  width: 40%;
  max-width: 200px;
}
@media (max-width: 699px) {
  .c-objectives_content_main_logo img {
    max-width: 120px;
  }
}
.c-objectives_content_medias {
  margin-left: auto;
  width: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 4 + 3 * var(--grid-gutter) + var(--grid-margin));
  min-width: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 4 + 3 * var(--grid-gutter) + var(--grid-margin));
  max-width: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 4 + 3 * var(--grid-gutter) + var(--grid-margin));
}
@media (max-width: 699px) {
  .c-objectives_content_medias {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    display: block;
    overflow: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
    font-size: 0;
  }
}
.c-objectives_content_medias_item {
  position: relative;
  width: 100%;
  aspect-ratio: 1;
}
@media (max-width: 699px) {
  .c-objectives_content_medias_item {
    width: 80vw !important;
    display: inline-block;
    scroll-snap-align: center;
  }
}

.c-contact {
  padding: 0;
  overflow: clip;
  color: white;
  min-height: 100lvh;
}
.c-contact_cover {
  position: sticky;
  z-index: -1;
  top: 0;
  height: 100lvh;
  margin-bottom: -100lvh;
}
.c-contact_mask {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 170lvh;
  background-color: #003da5;
  -webkit-mask-image: url(../images/contact-mask-3.svg);
  mask-image: url(../images/contact-mask-3.svg);
  -webkit-mask-mode: alpha;
  mask-mode: alpha;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  mask-size: cover;
  transform: scale(4);
}
@media (max-height: 750px) and (min-width: 1200px) {
  .c-contact_mask {
    height: 220lvh;
  }
}
@media (max-width: 699px) {
  .c-contact_mask {
    height: 200lvh;
    transform: scale(1) !important;
  }
}
.c-contact .o-section_header {
  position: relative;
  z-index: 3;
  padding: var(--section-padding) 0;
}
.c-contact .o-section_header .c-text.-c2 {
  margin-left: auto;
  margin-right: auto;
  max-width: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 4 + 3 * var(--grid-gutter) + 0vw);
}
@media (max-width: 999px) {
  .c-contact .o-section_header .c-text.-c2 {
    max-width: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 6 + 5 * var(--grid-gutter) + 0vw);
  }
}
.c-contact .o-section_header .c-text.-c2 .u-outline {
  color: currentColor;
  opacity: 0.5;
}

.c-footer {
  position: sticky;
  z-index: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  min-height: 100lvh;
  background: white;
  display: flex;
  flex-direction: column;
}
@media (max-width: 699px) {
  .c-footer {
    position: relative;
  }
}
.c-footer_cover {
  position: relative;
  flex: 1;
  width: 100%;
}
.c-footer_cover::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background-image: url(../images/footer-mask.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom center;
}
.c-footer_cover .c-media {
  opacity: 0.15;
}
.c-footer .o-container {
  padding-bottom: calc(1px * var(--spacing-lg));
}
@media (max-width: 699px) {
  .c-footer .o-container {
    padding-bottom: calc(1px * var(--spacing-md));
  }
}
.c-footer_grid {
  position: relative;
  display: flex;
  justify-content: space-between;
  padding-top: calc(1px * var(--spacing-sm));
  padding-bottom: calc(1px * var(--spacing-sm));
}
@media (max-width: 699px) {
  .c-footer_grid {
    display: block;
  }
}
.c-footer_grid::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: black;
}
.c-footer_left {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 5 + 4 * var(--grid-gutter) + 0vw);
}
@media (max-width: 699px) {
  .c-footer_left {
    width: 100%;
    display: block;
    margin-bottom: calc(1px * var(--spacing-md));
  }
}
.c-footer_left_title {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  margin-bottom: calc(1px * var(--spacing-sm));
}
.c-footer_left_media {
  position: relative;
  width: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 2 + 1 * var(--grid-gutter) + 0vw);
  aspect-ratio: 0.85;
}
@media (max-width: 699px) {
  .c-footer_left_media {
    display: none;
  }
}
.c-footer_left_content {
  width: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 3 + 2 * var(--grid-gutter) + 0vw);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
}
@media (max-width: 699px) {
  .c-footer_left_content {
    display: block;
    width: 100%;
  }
}
.c-footer_left_content > div:last-child {
  line-height: 1;
  font-family: "DM Mono", Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace;
}
@media (max-width: 699px) {
  .c-footer_left_content > div:last-child {
    margin-top: calc(1px * var(--spacing-sm));
    font-size: 0.875rem;
    line-height: 1;
  }
}
.c-footer_right {
  width: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 4 + 3 * var(--grid-gutter) + 0vw);
}
@media (max-width: 699px) {
  .c-footer_right {
    width: 100%;
  }
}
.c-footer_right .c-text.-c1 {
  position: relative;
  text-transform: uppercase;
  padding-bottom: 12px;
  margin-bottom: 15px;
}
.c-footer_right .c-text.-c1::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: black;
}
@media (max-width: 699px) {
  .c-footer_right .c-text.-c1.-contact {
    display: none;
  }
}
.c-footer_right .footerMenu {
  margin-bottom: calc(1px * var(--spacing-md));
}
@media (max-width: 699px) {
  .c-footer_right .footerMenu {
    margin-bottom: 0;
  }
}
@media (max-width: 699px) {
  .c-footer_right_content {
    display: none;
  }
}
.c-footer_right_content,
.c-footer_right .footerMenu {
  font-size: 0.75rem;
  line-height: 1.3;
  font-family: "DM Mono", Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace;
}
.c-footer_right_content a, .c-footer_right_content a:visited,
.c-footer_right .footerMenu a,
.c-footer_right .footerMenu a:visited {
  color: currentColor;
}
.c-footer_right_content ul li,
.c-footer_right .footerMenu ul li {
  position: relative;
  padding-left: 15px;
}
.c-footer_right_content ul li + li,
.c-footer_right .footerMenu ul li + li {
  margin-top: 5px;
}
.c-footer_right_content ul li::before,
.c-footer_right .footerMenu ul li::before {
  content: "";
  position: absolute;
  top: 5px;
  left: 2px;
  width: 4px;
  height: 4px;
  border-radius: 4px;
  background-color: currentColor;
}
.c-footer_bottom {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: calc(1px * var(--spacing-sm));
  padding-bottom: calc(1px * var(--spacing-sm));
  margin-top: calc(1px * var(--spacing-md));
  font-family: "DM Mono", Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace;
  font-size: 0.75rem;
  line-height: 1.25;
  color: rgba(0, 0, 0, 0.4);
}
@media (max-width: 699px) {
  .c-footer_bottom {
    align-items: flex-start;
    flex-direction: column;
    gap: 10px;
  }
}
.c-footer_bottom::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: black;
}
.c-footer_bottom a, .c-footer_bottom a:visited {
  color: currentColor;
}

[data-collapse] [data-collapse-toggle] {
  cursor: pointer;
}
[data-collapse] [data-collapse-content] {
  position: relative;
  height: 0;
  overflow: clip;
}
[data-collapse] [data-collapse-content-inner] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  opacity: 0;
  transition: opacity 0.2s linear;
}
[data-collapse][data-collapse-opened] [data-collapse-content-inner] {
  opacity: 1;
}

.c-collapse {
  width: 100%;
}
.c-collapse.-light .c-collapse_item {
  color: white;
}
.c-collapse.-light .c-collapse_item::before, .c-collapse.-light .c-collapse_item::after {
  background-color: white;
}
.c-collapse_item {
  position: relative;
  color: #000c18;
}
.c-collapse_item::before, .c-collapse_item::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: black;
  transform: scaleX(0);
  transform-origin: center left;
  transition: transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-collapse_item::before {
  top: 0;
  display: none;
}
.c-collapse_item::after {
  bottom: 0;
}
.c-collapse_item:first-child::before {
  display: block;
}
.c-collapse_item_title {
  position: relative;
  padding: 1.5625rem 60px 1.5625rem 0;
  font-family: "DM Mono", Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace;
  text-transform: uppercase;
  opacity: 0;
  transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.2s linear;
}
.c-collapse_item_title .o-icon {
  position: absolute;
  top: 50%;
  right: 0;
  width: 24px;
  margin-top: -12px;
  transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1);
}
.c-collapse_item_title .o-icon svg {
  width: 24px;
}
@media (hover: hover) {
  .c-collapse_item_title:hover .o-icon {
    transform: rotate(45deg);
  }
}
.c-collapse_item_content {
  padding-bottom: 1.875rem;
  font-size: 1rem;
  line-height: 1.3;
}
.c-collapse_item[data-collapse-opened] .o-icon {
  transform: rotate(45deg);
}
.c-collapse_item.is-inview::before, .c-collapse_item.is-inview::after {
  transform: scale(1);
}
.c-collapse_item.is-inview .c-collapse_item_title {
  opacity: 1;
}

.c-link {
  position: relative;
  display: inline-block;
  color: #003da5;
}
.c-link_square {
  position: absolute;
  width: 5px;
  aspect-ratio: 1;
  background-color: currentColor;
  transform: rotate(45deg);
}
.c-link_arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid currentColor;
}
.c-link.-h {
  height: 1px;
  width: 100%;
  border-bottom: 1px dashed currentColor;
}
.c-link.-h .c-link_arrow {
  top: -4px;
}
.c-link.-h .c-link_arrow.-left {
  transform: rotate(-180deg);
  right: calc(100% - 2px);
}
.c-link.-h .c-link_arrow.-right {
  left: calc(100% - 2px);
}
.c-link.-h .c-link_square {
  top: -2px;
}
.c-link.-h .c-link_square.-left {
  right: calc(100% - 2px);
}
.c-link.-h .c-link_square.-right {
  left: calc(100% - 2px);
}
.c-link.-v {
  height: 100%;
  width: 1px;
  border-left: 1px dashed currentColor;
}
.c-link.-v .c-link_arrow {
  left: -3px;
}
.c-link.-v .c-link_arrow.-top {
  transform: rotate(-90deg);
  bottom: calc(100% - 2px);
}
.c-link.-v .c-link_arrow.-bottom {
  transform: rotate(90deg);
  top: calc(100% - 2px);
}
.c-link.-v .c-link_square {
  left: -3px;
}
.c-link.-v .c-link_square.-top {
  bottom: calc(100% - 2px);
}
.c-link.-v .c-link_square.-bottom {
  top: calc(100% - 2px);
}
.c-link.-rect {
  width: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 2 + 1 * var(--grid-gutter) + var(--grid-gutter));
  border-right: 1px dashed currentColor;
  border-bottom: 1px dashed currentColor;
  aspect-ratio: 0.7605633803;
}
.c-link.-rect.-inverse {
  width: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 4 + 3 * var(--grid-gutter) + 0vw);
  aspect-ratio: 1.4255319149;
  transform: scaleX(-1);
}
.c-link.-rect .c-link_arrow {
  right: -3px;
}
.c-link.-rect .c-link_arrow.-top {
  transform: rotate(-90deg);
  bottom: calc(100% - 2px);
}
.c-link.-rect .c-link_arrow.-bottom {
  transform: rotate(180deg);
  top: calc(100% - 5px);
  right: auto;
  left: -3px;
}
.c-link.-rect .c-link_square {
  right: -3px;
}
.c-link.-rect .c-link_square.-top {
  bottom: calc(100% - 2px);
}
.c-link.-rect .c-link_square.-bottom {
  top: calc(100% - 2px);
  left: -3px;
  right: auto;
}

.c-separator {
  position: relative;
  overflow: clip;
  padding: 0;
  height: 160lvh;
}
.c-separator_cover {
  position: sticky;
  top: 0;
  height: 100lvh;
  margin-bottom: -50lvh;
}
.c-separator_cover::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background-color: black;
  opacity: 0.25;
}
.c-separator_box {
  position: relative;
  margin-left: auto;
  margin-right: 55%;
  margin-top: 20lvh;
  font-size: 0.875rem;
  line-height: 1.3;
  font-weight: 300;
  color: white;
  background-color: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.2);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  padding: 3.75rem 3vw;
  width: 25vw;
  min-height: 35lvh;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
@media (max-width: 999px) {
  .c-separator_box {
    margin-right: 50%;
    width: 40vw;
    min-height: 30lvh;
  }
}
@media (max-width: 699px) {
  .c-separator_box {
    width: calc(100% - var(--centered-container-margin) * 2);
    margin-left: auto;
    margin-right: auto;
  }
}
.c-separator_box_content {
  margin-top: calc(1px * var(--spacing-sm));
}
.c-separator_box_content strong, .c-separator_box_content b {
  font-weight: 700;
}
.c-separator_box_footer {
  margin-top: calc(1px * var(--spacing-sm));
  font-family: "DM Mono", Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace;
  font-size: 0.75rem;
  line-height: 1.3;
}
.c-separator_miniCover {
  position: relative;
  height: 100lvh;
  width: 100vw;
  max-width: 100%;
  clip-path: inset(20% 30% 45% 45%);
  margin-bottom: -100lvh;
}
@media (max-width: 999px) {
  .c-separator_miniCover {
    clip-path: inset(20% 10% 50% 50%);
  }
}
@media (max-width: 699px) {
  .c-separator_miniCover {
    display: none;
  }
}

.c-downloads {
  background-color: #e7eeec;
  padding: 0;
}
.c-downloads_left, .c-downloads_right {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-height: 100lvh;
  padding-top: var(--section-padding);
  padding-bottom: var(--section-padding);
}
@media (max-width: 699px) {
  .c-downloads_left, .c-downloads_right {
    display: block;
    min-height: auto;
  }
}
.c-downloads_left {
  position: sticky;
  top: 0;
  justify-content: space-between;
  width: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 4 + 3 * var(--grid-gutter) + 0vw);
}
@media (max-width: 699px) {
  .c-downloads_left {
    position: relative;
    width: auto;
  }
}
.c-downloads_left .c-text.-c2 {
  width: 100%;
  margin-bottom: calc(1px * var(--spacing-sm));
}
@media (max-width: 699px) {
  .c-downloads_left .c-text.-c2 {
    width: auto;
    margin-top: calc(1px * var(--spacing-sm));
    margin-bottom: 0;
  }
}
.c-downloads_left .o-icon {
  opacity: 0.5;
}
@media (max-width: 699px) {
  .c-downloads_left .o-icon {
    display: none;
  }
}
.c-downloads_right {
  justify-content: center;
  width: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 5 + 4 * var(--grid-gutter) + 0vw);
  margin-left: auto;
  margin-top: -100lvh;
}
@media (max-width: 699px) {
  .c-downloads_right {
    width: auto;
    margin-top: 0;
    padding-top: 0;
  }
}
.c-downloads_list {
  width: 100%;
}
.c-downloads_list_item {
  position: relative;
  padding: 1.5625rem 60px 1.5625rem 0;
  font-family: "DM Mono", Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace;
  text-transform: uppercase;
}
.c-downloads_list_item::before, .c-downloads_list_item::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: black;
  transform: scaleX(0);
  transform-origin: center left;
  transition: transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-downloads_list_item::before {
  top: 0;
  display: none;
}
.c-downloads_list_item::after {
  bottom: 0;
}
.c-downloads_list_item:first-child::before {
  display: block;
}
.c-downloads_list_item span {
  display: inline-block;
  opacity: 0;
  transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.2s linear;
}
.c-downloads_list_item .o-icon {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -15px;
  opacity: 0;
  transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.2s linear;
}
.c-downloads_list_item .o-icon svg {
  width: 30px;
}
.c-downloads_list_item a {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
@media (hover: hover) {
  .c-downloads_list_item:hover span {
    transform: translateX(10px);
  }
  .c-downloads_list_item:hover .o-icon {
    transform: rotate(-45deg) scale(0.8);
  }
}
.c-downloads_list_item.is-inview::before, .c-downloads_list_item.is-inview::after {
  transform: scaleX(1);
}
.c-downloads_list_item.is-inview span, .c-downloads_list_item.is-inview .o-icon {
  opacity: 1;
}

:root {
  --gap-marquee: 1vw;
  --scroll-start: 0;
  --scroll-end: calc(-100% - var(--gap-marquee));
}

.c-partners {
  padding: 11.25rem 0;
  background-color: #e7eeec;
  text-align: center;
  overflow: clip;
}
@media (max-width: 699px) {
  .c-partners {
    padding: 5rem 0;
  }
}
.c-partners .c-marquee {
  margin-top: calc(1px * var(--spacing-md));
}

.c-marquee {
  display: flex;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  gap: var(--gap-marquee);
}
.c-marquee_inner {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-around;
  gap: var(--gap-marquee);
  min-width: 100%;
  animation: scroll-x 40s linear infinite;
}
.c-marquee.-reverse .c-marquee_inner {
  animation-direction: reverse;
}
.c-marquee.-pause .c-marquee_inner {
  animation-play-state: paused;
}
.c-marquee.-partners .c-marquee_inner span {
  position: relative;
  width: 180px;
  height: 90px;
}
.c-marquee.-partners .c-marquee_inner span img {
  position: absolute;
  top: 12px;
  left: 12px;
  width: calc(100% - 24px);
  height: calc(100% - 24px);
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}

@keyframes scroll-x {
  from {
    transform: translateX(var(--scroll-start));
  }
  to {
    transform: translateX(var(--scroll-end));
  }
}
.c-content-block {
  width: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 3 + 2 * var(--grid-gutter) + 0vw);
  max-width: 350px;
  min-width: 300px;
}
@media (min-width: 2000px) {
  .c-content-block {
    max-width: 420px;
    min-width: 300px;
  }
}
.c-content-block.-lg {
  width: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 4 + 3 * var(--grid-gutter) + 0vw);
  max-width: none;
  min-width: 300px;
  border: 1px solid rgba(0, 12, 24, 0.07);
  background-color: rgba(255, 255, 255, 0.1);
}
@media (max-width: 1599px) {
  .c-content-block.-lg {
    width: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 5 + 4 * var(--grid-gutter) + 0vw);
  }
}
@media (max-width: 999px) {
  .c-content-block.-lg {
    width: 100%;
    min-width: auto;
  }
}
.c-content-block.-lg .c-content-block_inner {
  padding: 1.875rem 1.875rem;
}
.c-content-block_inner {
  background-color: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.2);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  padding: 2.5rem 3.125rem;
  font-size: 0.875rem;
  line-height: 1.3;
}
.c-content-block_title {
  font-family: "DM Mono", Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace;
  font-size: 1rem;
  line-height: 1.25;
  text-transform: uppercase;
  margin-bottom: calc(1px * var(--spacing-sm));
  transform: translateY(4rem);
  opacity: 0;
  transition: opacity 0.4s linear, transform 1s cubic-bezier(0.19, 1, 0.22, 1);
  will-change: transform, opacity;
}
.c-content-block_media {
  position: relative;
  aspect-ratio: 1.4;
  margin-bottom: calc(1px * var(--spacing-sm));
  clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
  will-change: clip-path;
  transition: clip-path 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  transition-delay: 0.1s;
}
.c-content-block_txt {
  transform: translateY(4rem);
  opacity: 0;
  transition: opacity 0.4s linear, transform 1s cubic-bezier(0.19, 1, 0.22, 1);
  will-change: transform, opacity;
  transition-delay: 0.2s;
}
.c-content-block_footer {
  font-family: "DM Mono", Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace;
  font-size: 0.75rem;
  line-height: 1;
  font-weight: 500;
  margin-top: calc(1px * var(--spacing-sm));
  text-transform: uppercase;
  transform: translateY(4rem);
  opacity: 0;
  transition: opacity 0.4s linear, transform 1s cubic-bezier(0.19, 1, 0.22, 1);
  will-change: transform, opacity;
  transition-delay: 0.3s;
}
.c-content-block_cover {
  position: relative;
  aspect-ratio: 1.3333333333;
  transition: clip-path 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
  will-change: clip-path;
  transition-delay: 0.4s;
}
.c-content-block_action {
  margin-top: calc(1px * var(--spacing-sm));
  opacity: 0;
  transition: opacity 0.4s linear, transform 1s cubic-bezier(0.19, 1, 0.22, 1);
  will-change: transform, opacity;
  transition-delay: 0.3s;
}
.c-content-block.is-inview {
  transform: translateY(0);
  opacity: 1;
}
.c-content-block.is-inview .c-content-block_title, .c-content-block.is-inview .c-content-block_txt, .c-content-block.is-inview .c-content-block_footer, .c-content-block.is-inview .c-content-block_action {
  opacity: 1;
  transform: translateY(0);
}
.c-content-block.is-inview .c-content-block_media, .c-content-block.is-inview .c-content-block_cover {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}

.c-faq {
  background-color: #e7eeec;
  padding: 0;
}
.c-faq_left, .c-faq_right {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-height: 100lvh;
  padding-top: var(--section-padding);
  padding-bottom: var(--section-padding);
}
@media (max-width: 699px) {
  .c-faq_left, .c-faq_right {
    display: block;
    min-height: auto;
  }
}
.c-faq_left {
  position: sticky;
  top: 0;
  justify-content: space-between;
  width: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 4 + 3 * var(--grid-gutter) + 0vw);
}
@media (max-width: 699px) {
  .c-faq_left {
    position: relative;
    width: auto;
  }
}
.c-faq_left .c-text.-c2 {
  width: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 4 + 3 * var(--grid-gutter) + 0vw);
  margin-bottom: calc(1px * var(--spacing-sm));
}
@media (max-width: 699px) {
  .c-faq_left .c-text.-c2 {
    width: auto;
    margin-top: calc(1px * var(--spacing-sm));
    margin-bottom: 0;
  }
}
.c-faq_left .o-icon {
  opacity: 0.5;
}
@media (max-width: 699px) {
  .c-faq_left .o-icon {
    display: none;
  }
}
.c-faq_right {
  justify-content: flex-start;
  width: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 5 + 4 * var(--grid-gutter) + 0vw);
  margin-left: auto;
  margin-top: -25lvh;
}
@media (max-width: 699px) {
  .c-faq_right {
    width: auto;
    margin-top: 0;
    padding-top: 0;
  }
}

.c-co2 {
  position: fixed;
  z-index: 200;
  bottom: 1.875rem;
  right: 1.875rem;
  border: 1px solid white;
  color: white;
  background-color: rgba(0, 12, 24, 0.35);
  font-weight: 300;
  letter-spacing: -0.03em;
  text-align: center;
  min-width: 7.5rem;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}
@media (max-width: 1199px) {
  .c-co2 {
    bottom: 1.25rem;
    right: 1.25rem;
  }
}
@media (max-width: 999px) {
  .c-co2 {
    bottom: 0.625rem;
    right: 0.625rem;
    min-width: 6.5625rem;
  }
}
.c-co2_label {
  font-size: 1.375rem;
  line-height: 1;
  font-weight: 400;
  padding: 0.3125rem 0.3125rem;
}
@media (max-width: 999px) {
  .c-co2_label {
    font-size: 1.125rem;
    line-height: 1;
  }
}
.c-co2_label sub {
  bottom: -0.1em;
  vertical-align: baseline;
  font-size: 0.875rem;
  line-height: 1;
}
.c-co2_value {
  border-top: 1px solid white;
  padding: 0.3125rem 0.3125rem;
  font-size: 1.625rem;
  line-height: 1;
}
@media (max-width: 999px) {
  .c-co2_value {
    font-size: 1.375rem;
    line-height: 1;
  }
}

:root {
  --plyr-color-main: #003da5;
}

.c-playerPopin {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 300;
  background-color: rgba(0, 12, 24, 0.85);
  -webkit-backdrop-filter: blur(25px);
  backdrop-filter: blur(25px);
  display: flex;
  align-items: center;
  justify-content: center;
  clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
  transition: clip-path 1s cubic-bezier(0.19, 1, 0.22, 1);
  will-change: clip-path;
}
.c-playerPopin.-visible {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}

.c-player {
  width: 100%;
  padding: 5vw;
}
.c-player_close {
  position: absolute;
  z-index: 1;
  top: 1.875rem;
  right: 1.875rem;
  font-size: 2.5rem;
  line-height: 1;
  padding: 5px;
  color: white;
}
.c-player .plyr__control.plyr__control--overlaid {
  border: 4px solid #003da5;
  background-color: transparent !important;
  padding: 40px;
}
.c-player .plyr__control.plyr__control--overlaid svg {
  transform: scale(1.6);
  fill: #003da5;
}

.u-appear {
  transform: translateY(4rem);
  opacity: 0;
  transition: opacity 0.4s linear, transform 1s cubic-bezier(0.19, 1, 0.22, 1);
  will-change: transform, opacity;
}
.u-appear.is-inview {
  transform: translateY(0);
  opacity: 1;
}

.u-opacity {
  opacity: 0;
  transition: opacity 0.25s linear;
  will-change: opacity;
}
.u-opacity.is-inview {
  opacity: 1;
}

.u-cover {
  position: relative;
  overflow: hidden;
  width: 100%;
  transition: clip-path 1.2s cubic-bezier(0.19, 1, 0.22, 1);
  will-change: clip-path;
}
.u-cover.is-inview {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.u-cover.is-inview img {
  transform: scale(1) rotate(0deg);
}
.u-cover--rtl {
  clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
}
.u-cover--ltr {
  clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
}
.u-cover--btt {
  clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
}
.u-cover--ttb {
  clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
}

.ls-delay--1 {
  transition-delay: 0.15s;
}

.ls-delay--2 {
  transition-delay: 0.3s;
}

.ls-delay--3 {
  transition-delay: 0.45s;
}

.ls-delay--4 {
  transition-delay: 0.6s;
}

.ls-delay--5 {
  transition-delay: 0.75s;
}

.ls-delay--6 {
  transition-delay: 0.9s;
}

.ls-delay--7 {
  transition-delay: 1.05s;
}

.ls-delay--8 {
  transition-delay: 1.2s;
}

.ls-delay--9 {
  transition-delay: 1.35s;
}

.ls-delay--10 {
  transition-delay: 1.5s;
}

.u-text-center {
  text-align: center !important;
}

.u-text-left {
  text-align: left !important;
}

.u-text-right {
  text-align: right !important;
}

.u-align-baseline {
  vertical-align: baseline !important;
}

.u-align-bottom {
  vertical-align: bottom !important;
}

.u-align-middle {
  vertical-align: middle !important;
}

.u-align-top {
  vertical-align: top !important;
}

.u-color.-primary {
  color: #003da5;
}

.u-mt-xs {
  margin-top: calc(1px * var(--spacing-xs));
}

.u-mb-xs {
  margin-bottom: calc(1px * var(--spacing-xs));
}

.u-pt-xs {
  padding-top: calc(1px * var(--spacing-xs));
}

.u-pb-xs {
  padding-bottom: calc(1px * var(--spacing-xs));
}

.u-mt-sm {
  margin-top: calc(1px * var(--spacing-sm));
}

.u-mb-sm {
  margin-bottom: calc(1px * var(--spacing-sm));
}

.u-pt-sm {
  padding-top: calc(1px * var(--spacing-sm));
}

.u-pb-sm {
  padding-bottom: calc(1px * var(--spacing-sm));
}

.u-mt-md {
  margin-top: calc(1px * var(--spacing-md));
}

.u-mb-md {
  margin-bottom: calc(1px * var(--spacing-md));
}

.u-pt-md {
  padding-top: calc(1px * var(--spacing-md));
}

.u-pb-md {
  padding-bottom: calc(1px * var(--spacing-md));
}

.u-mt-lg {
  margin-top: calc(1px * var(--spacing-lg));
}

.u-mb-lg {
  margin-bottom: calc(1px * var(--spacing-lg));
}

.u-pt-lg {
  padding-top: calc(1px * var(--spacing-lg));
}

.u-pb-lg {
  padding-bottom: calc(1px * var(--spacing-lg));
}

.u-mt-xl {
  margin-top: calc(1px * var(--spacing-xl));
}

.u-mb-xl {
  margin-bottom: calc(1px * var(--spacing-xl));
}

.u-pt-xl {
  padding-top: calc(1px * var(--spacing-xl));
}

.u-pb-xl {
  padding-bottom: calc(1px * var(--spacing-xl));
}

.home .c-logo {
  transform: translateX(-100%);
  transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}
.home .c-logo.-visible {
  transform: translateX(0);
}
.home .c-menu-toggle {
  transform: translateX(100%);
  transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}
.home .c-menu-toggle.-visible {
  transform: translateY(0);
}
.home .o-section.-what {
  padding-top: calc(var(--section-padding) * 1.5);
  padding-bottom: calc(var(--section-padding) * 1.5);
}
@media (max-width: 1399px) {
  .home .o-section.-what {
    padding-top: calc(var(--section-padding) * 1);
    padding-bottom: calc(var(--section-padding) * 1);
  }
}
.home .o-section.-what .what_logo {
  margin-top: 0.9375rem;
}
@media (max-width: 999px) {
  .home .o-section.-what .what_logo {
    margin-top: 0.3125rem;
  }
}
.home .o-section.-what .what_logo img {
  display: block;
  width: 350px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1599px) {
  .home .o-section.-what .what_logo img {
    width: 300px;
  }
}
@media (max-width: 1199px) {
  .home .o-section.-what .what_logo img {
    width: 275px;
  }
}
@media (max-width: 999px) {
  .home .o-section.-what .what_logo img {
    width: 240px;
  }
}
@media (max-width: 699px) {
  .home .o-section.-what .what_logo img {
    width: 180px;
  }
}
.home .o-section.-what .what_contents {
  display: flex;
  align-items: flex-start;
  margin-top: 8.75rem;
}
@media (max-width: 1199px) {
  .home .o-section.-what .what_contents {
    margin-top: 7.5rem;
  }
}
@media (max-width: 699px) {
  .home .o-section.-what .what_contents {
    flex-direction: column-reverse;
    gap: calc(1px * var(--spacing-md));
    margin-top: calc(1px * var(--spacing-lg));
  }
}
.home .o-section.-what .what_contents_medias {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--grid-gutter);
  width: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 4 + 3 * var(--grid-gutter) + 0vw);
}
@media (max-width: 699px) {
  .home .o-section.-what .what_contents_medias {
    width: 100%;
  }
}
.home .o-section.-what .what_contents_medias_item {
  position: relative;
  width: calc((100% - var(--grid-gutter)) / 2);
  aspect-ratio: 0.8541666667;
}
.home .o-section.-what .what_contents_text {
  width: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 4 + 3 * var(--grid-gutter) + 0vw);
  margin-left: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 1 + 0 * var(--grid-gutter) + var(--grid-gutter) * 2);
}
@media (max-width: 699px) {
  .home .o-section.-what .what_contents_text {
    width: 100%;
    margin-left: 0;
  }
}
.home .o-section.-how .c-text.-c2 {
  width: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 4 + 3 * var(--grid-gutter) + 0vw);
  margin-left: auto;
  margin-right: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 1 + 0 * var(--grid-gutter) + var(--grid-gutter));
}
@media (max-width: 999px) {
  .home .o-section.-how .c-text.-c2 {
    width: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 5 + 4 * var(--grid-gutter) + 0vw);
    margin-right: 0;
  }
}
@media (max-width: 699px) {
  .home .o-section.-how .c-text.-c2 {
    width: 100%;
    text-align: center;
  }
}
.home .o-section.-how .c-button-icon {
  margin: calc(1px * var(--spacing-lg)) auto;
  opacity: 0.2;
  transition: opacity 0.2s linear;
}
@media (max-width: 699px) {
  .home .o-section.-how .c-button-icon {
    margin: calc(1px * var(--spacing-md)) auto;
  }
}
@media (hover: hover) {
  .home .o-section.-how .c-button-icon:hover {
    opacity: 1;
  }
}
.home .o-section.-how .o-section_triggers {
  top: 40lvh;
}
.home .o-section.-apueng {
  position: relative;
  height: 100lvh;
  padding: 0;
  display: flex;
  align-items: stretch;
  color: white;
  background-color: #003da5;
}
@media (max-width: 699px) {
  .home .o-section.-apueng {
    display: block;
    height: auto;
  }
}
.home .o-section.-apueng .apueng_col {
  position: relative;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: clip;
}
@media (max-width: 699px) {
  .home .o-section.-apueng .apueng_col {
    flex: none;
    width: 100%;
    height: 100lvh;
  }
}
@media (hover: hover) {
  .home .o-section.-apueng .apueng_col:hover .apueng_content::before {
    width: 51vw;
    height: 101lvh;
  }
  .home .o-section.-apueng .apueng_col:hover .apueng_content .c-button {
    opacity: 1;
    transform: translateY(0);
  }
  .home .o-section.-apueng .apueng_col:hover .apueng_cover .c-media {
    transform: scale(1.1);
  }
}
.home .o-section.-apueng .apueng_cover {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
}
.home .o-section.-apueng .apueng_cover::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background-color: #003da5;
  opacity: 0.8;
  display: none;
}
@media (max-width: 699px) {
  .home .o-section.-apueng .apueng_cover::after {
    display: block;
  }
}
.home .o-section.-apueng .apueng_cover .c-media {
  transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}
.home .o-section.-apueng .apueng_content {
  position: relative;
  z-index: 2;
  width: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 4 + 3 * var(--grid-gutter) + 0vw);
  max-width: 450px;
}
.home .o-section.-apueng .apueng_content > div {
  position: relative;
  z-index: 2;
}
@media (max-width: 699px) {
  .home .o-section.-apueng .apueng_content {
    width: 100%;
    max-width: none;
    padding: var(--grid-margin);
  }
}
.home .o-section.-apueng .apueng_content::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc(100% + calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 1 + 0 * var(--grid-gutter) + var(--grid-gutter)));
  height: calc(100% + 15lvh);
  transform: translate(-50%, -50%);
  z-index: 0;
  background-color: #003da5;
  opacity: 0.8;
  border-radius: 4px;
  transition: width 0.6s cubic-bezier(0.23, 1, 0.32, 1), height 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}
@media (max-width: 699px) {
  .home .o-section.-apueng .apueng_content::before {
    display: none;
  }
}
.home .o-section.-apueng .apueng_content img {
  display: block;
  max-width: 270px;
  margin: auto;
  margin-bottom: 1.875rem;
}
@media (max-width: 699px) {
  .home .o-section.-apueng .apueng_content img {
    max-width: 200px;
  }
}
.home .o-section.-apueng .apueng_content .c-text.-l1 {
  margin-top: calc(1px * var(--spacing-sm));
  padding-top: calc(1px * var(--spacing-sm));
  border-top: 2px solid white;
}
.home .o-section.-apueng .apueng_content .c-button {
  margin-top: 1.25rem;
  transform: translateY(20px);
  opacity: 0;
  transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.2s linear;
}
.is-touch .home .o-section.-apueng .apueng_content .c-button {
  transform: translateY(0);
  opacity: 1;
}
.home .o-section.-apueng .apueng_link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 5;
}
@media (max-width: 699px) {
  .home .o-section.-apueng .apueng_link {
    display: none;
  }
}
.home .c-co2 {
  clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
  transition: clip-path 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  will-change: clip-path;
}
.home .c-co2.-visible {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}

.page-template-tpl-about .o-header {
  position: relative;
  z-index: 1;
  overflow: clip;
  color: white;
  background-color: #003da5;
}
.page-template-tpl-about .o-header_inner {
  position: sticky;
  z-index: 1;
  top: 0;
  left: 0;
  height: 100lvh;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: calc(var(--nav-height) + 3vh);
  padding-bottom: calc(var(--nav-height) + 3vh);
  padding-left: var(--centered-container-margin);
  padding-right: var(--centered-container-margin);
}
.page-template-tpl-about .o-header_inner .c-text.-surtitle + .c-heading {
  margin-top: calc(1px * var(--spacing-md));
}
.page-template-tpl-about .o-header_inner .c-heading .line {
  text-align: center !important;
}
.page-template-tpl-about .o-header_inner .c-button-icon {
  margin-top: calc(1px * var(--spacing-md));
  color: white;
  opacity: 0.5;
  transition: opacity 0.2s linear;
}
@media (hover: hover) {
  .page-template-tpl-about .o-header_inner .c-button-icon:hover {
    opacity: 1;
  }
}
.page-template-tpl-about .o-header_medias {
  position: relative;
  z-index: 0;
  width: 100%;
}
@media (max-width: 699px) {
  .page-template-tpl-about .o-header_medias {
    display: none;
  }
}
.page-template-tpl-about .o-header_media {
  position: relative;
  width: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 4 + 3 * var(--grid-gutter) + var(--grid-margin));
  aspect-ratio: 1;
}
.page-template-tpl-about .o-intro {
  position: relative;
  z-index: 2;
  background-color: white;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 0;
}
@media (max-width: 699px) {
  .page-template-tpl-about .o-intro {
    display: block;
  }
}
.page-template-tpl-about .o-intro_content {
  position: sticky;
  top: 0;
  padding: calc(var(--nav-height) + 3vh) 0;
  margin-left: var(--centered-container-margin);
  width: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 4 + 3 * var(--grid-gutter) + 0vw);
}
@media screen and (max-height: 940px) {
  .page-template-tpl-about .o-intro_content {
    position: relative;
  }
}
@media (max-width: 999px) {
  .page-template-tpl-about .o-intro_content {
    width: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 6 + 5 * var(--grid-gutter) + 0vw);
  }
}
@media (max-width: 699px) {
  .page-template-tpl-about .o-intro_content {
    position: relative;
    width: auto;
    margin-right: var(--centered-container-margin);
    padding-top: var(--section-padding);
  }
}
.page-template-tpl-about .o-intro_medias {
  margin-left: auto;
  width: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 4 + 3 * var(--grid-gutter) + var(--grid-margin));
  min-width: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 4 + 3 * var(--grid-gutter) + var(--grid-margin));
  max-width: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 4 + 3 * var(--grid-gutter) + var(--grid-margin));
}
@media (max-width: 699px) {
  .page-template-tpl-about .o-intro_medias {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    display: block;
    overflow: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
    font-size: 0;
  }
}
.page-template-tpl-about .o-intro_medias_item {
  position: relative;
  width: 100%;
  aspect-ratio: 1;
}
@media (max-width: 699px) {
  .page-template-tpl-about .o-intro_medias_item {
    width: 80vw;
    display: inline-block;
    scroll-snap-align: center;
  }
}
@media (max-width: 699px) {
  .page-template-tpl-about .o-testimonial {
    padding-top: 0;
  }
}
.page-template-tpl-about .o-testimonial_left {
  position: sticky;
  z-index: 0;
  top: 0;
  padding: calc(var(--nav-height) + 3vh) 0;
  width: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 3 + 2 * var(--grid-gutter) + 0vw);
}
@media (max-width: 999px) {
  .page-template-tpl-about .o-testimonial_left {
    width: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 4 + 3 * var(--grid-gutter) + 0vw);
  }
}
@media (max-width: 699px) {
  .page-template-tpl-about .o-testimonial_left {
    position: relative;
    width: auto;
    margin-right: var(--centered-container-margin);
    padding-top: var(--section-padding);
    padding-bottom: var(--section-padding);
  }
}
.page-template-tpl-about .o-testimonial_right {
  position: relative;
  z-index: 2;
  width: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 5 + 4 * var(--grid-gutter) + 0vw);
  margin-left: auto;
  min-height: 100lvh;
}
@media (max-width: 699px) {
  .page-template-tpl-about .o-testimonial_right {
    width: 100%;
    margin-right: var(--centered-container-margin);
    min-height: auto;
  }
}
.page-template-tpl-about .o-testimonial_intro {
  text-transform: uppercase;
  font-weight: 500;
  margin-bottom: calc(1px * var(--spacing-sm));
}
.page-template-tpl-about .o-testimonial_audio {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}
.page-template-tpl-about .o-testimonial_picture {
  position: relative;
  aspect-ratio: 0.8;
  margin-top: calc(1px * var(--spacing-lg));
  margin-bottom: calc(1px * var(--spacing-sm));
}
.page-template-tpl-about .o-testimonial_picture_render {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.page-template-tpl-about .o-testimonial_bars {
  position: absolute;
  top: 50%;
  left: calc(100% + var(--grid-gutter));
  width: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 7 + 6 * var(--grid-gutter) + 0vw);
  display: flex;
  align-items: center;
  gap: 2px;
  opacity: 0.15;
}
@media (max-width: 699px) {
  .page-template-tpl-about .o-testimonial_bars {
    display: none;
  }
}
.page-template-tpl-about .o-testimonial_bars::after {
  content: "";
  position: absolute;
  left: 0;
  top: -2px;
  right: 0;
  height: 4px;
  background-color: #003da5;
  transform: scaleY(0);
}
.page-template-tpl-about .o-testimonial_bars > span {
  flex: 1;
  height: 60px;
  border-radius: 5px;
  transform: scaleY(0.1);
  background: #003da5;
  transition: transform 0.15s linear;
  transform-origin: center center;
}
.page-template-tpl-about .o-testimonial_legend {
  font-family: "DM Mono", Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace;
  font-size: 0.75rem;
  line-height: 1.2;
  font-weight: 400;
}
.page-template-tpl-about .o-testimonial_content {
  line-height: 1.15 !important;
}
.page-template-tpl-about .o-testimonial_content .word {
  opacity: 0.2;
}
.page-template-tpl-about .o-story {
  padding: 0;
}
@media (max-width: 699px) {
  .page-template-tpl-about .o-story {
    overflow: clip;
  }
}
.page-template-tpl-about .o-story_header {
  position: sticky;
  top: 0;
  background-color: #003da5;
  color: white;
  padding: var(--section-padding) var(--centered-container-margin) calc(var(--nav-height) + 10rem) var(--centered-container-margin);
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
@media (max-width: 1199px) {
  .page-template-tpl-about .o-story_header {
    padding-top: calc(var(--section-padding) + 3.75rem);
    padding-bottom: var(--section-padding);
  }
}
@media (max-width: 699px) {
  .page-template-tpl-about .o-story_header {
    position: relative;
    top: auto;
    display: block;
    padding-bottom: calc(var(--section-padding) + 3.75rem);
    z-index: 2;
  }
}
.page-template-tpl-about .o-story_header .c-illus {
  width: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 5 + 4 * var(--grid-gutter) + 0vw);
  margin-left: auto;
  margin-top: 0;
}
@media (max-width: 699px) {
  .page-template-tpl-about .o-story_header .c-illus {
    position: absolute;
    top: 40%;
    width: 120%;
    margin-left: 20%;
  }
}
.page-template-tpl-about .o-story_content {
  position: relative;
  z-index: 1;
  margin-top: -10rem;
  padding-bottom: 9.375rem;
}
@media (max-width: 699px) {
  .page-template-tpl-about .o-story_content {
    margin-top: 0;
    padding-bottom: var(--section-padding);
  }
}
.page-template-tpl-about .o-story_content::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 10rem;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #e7eeec;
}
@media (max-width: 699px) {
  .page-template-tpl-about .o-story_content::before {
    display: none;
  }
}
.page-template-tpl-about .o-story_block {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 699px) {
  .page-template-tpl-about .o-story_block {
    display: block;
    margin-left: calc(-1 * var(--centered-container-margin));
    margin-right: calc(-1 * var(--centered-container-margin));
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}
.page-template-tpl-about .o-story_block.-intro {
  align-items: center;
}
@media (max-width: 1199px) {
  .page-template-tpl-about .o-story_block.-intro {
    align-items: flex-start;
  }
}
.page-template-tpl-about .o-story_block.-intro .o-story_block_mediaWrap {
  width: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 5 + 4 * var(--grid-gutter) + 0vw);
}
@media (max-width: 699px) {
  .page-template-tpl-about .o-story_block.-intro .o-story_block_mediaWrap {
    width: 100%;
  }
}
.page-template-tpl-about .o-story_block.-intro .o-story_block_media {
  position: relative;
  aspect-ratio: 0.876119403;
}
.page-template-tpl-about .o-story_block.-intro .o-story_block_legend {
  margin-left: auto;
  margin-right: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 0.5 + -0.5 * var(--grid-gutter) + 0vw);
  margin-top: calc(1px * var(--spacing-md));
}
@media (max-width: 699px) {
  .page-template-tpl-about .o-story_block.-intro .o-story_block_legend {
    margin-right: auto;
    margin-top: calc(1px * var(--spacing-sm));
  }
}
.page-template-tpl-about .o-story_block.-left, .page-template-tpl-about .o-story_block.-right {
  align-items: flex-end;
  padding-left: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 1 + 0 * var(--grid-gutter) + var(--grid-gutter));
  padding-right: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 1 + 0 * var(--grid-gutter) + var(--grid-gutter));
}
@media (max-width: 699px) {
  .page-template-tpl-about .o-story_block.-left, .page-template-tpl-about .o-story_block.-right {
    padding-left: 0;
    padding-right: 0;
  }
}
.page-template-tpl-about .o-story_block.-left .o-story_block_media, .page-template-tpl-about .o-story_block.-right .o-story_block_media {
  position: relative;
  aspect-ratio: 0.88;
  width: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 4 + 3 * var(--grid-gutter) + 0vw);
}
@media (max-width: 699px) {
  .page-template-tpl-about .o-story_block.-left .o-story_block_media, .page-template-tpl-about .o-story_block.-right .o-story_block_media {
    width: 100%;
  }
}
@media (max-width: 1199px) {
  .page-template-tpl-about .o-story_block.-left {
    padding-right: 0;
  }
}
.page-template-tpl-about .o-story_block.-left .c-link {
  left: 52.5%;
  bottom: calc(100% - 14vw);
}
.page-template-tpl-about .o-story_block.-right {
  flex-direction: row-reverse;
}
@media (max-width: 1199px) {
  .page-template-tpl-about .o-story_block.-right {
    padding-left: 0;
  }
}
.page-template-tpl-about .o-story_block.-right .o-story_block_legend {
  margin-left: auto;
  margin-right: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 1 + 0 * var(--grid-gutter) + var(--grid-gutter));
}
@media (max-width: 699px) {
  .page-template-tpl-about .o-story_block.-right .o-story_block_legend {
    margin-right: auto;
  }
}
.page-template-tpl-about .o-story_block.-right .c-link {
  left: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 1 + 0 * var(--grid-gutter) + 0vw);
  bottom: calc(100% - 15vw);
}
.page-template-tpl-about .o-story_block.-carousel .c-link {
  left: 59.2%;
  bottom: calc(100% + 2.5rem);
  height: 10rem;
}
.page-template-tpl-about .o-story_block .c-link {
  position: absolute;
}
@media (max-width: 699px) {
  .page-template-tpl-about .o-story_block .c-link {
    display: none;
  }
}
.page-template-tpl-about .o-story_block .c-link.-mobile {
  position: relative;
  display: none;
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
  height: 100px;
  margin: 2.5rem auto;
}
@media (max-width: 699px) {
  .page-template-tpl-about .o-story_block .c-link.-mobile {
    display: block;
  }
}
.page-template-tpl-about .o-story_block_intro {
  width: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 4 + 3 * var(--grid-gutter) + 0vw);
  font-size: 2.5rem;
  line-height: 1.1;
}
@media (max-width: 1399px) {
  .page-template-tpl-about .o-story_block_intro {
    font-size: 2.1875rem;
    line-height: 1.1;
  }
}
@media (max-width: 1199px) {
  .page-template-tpl-about .o-story_block_intro {
    width: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 5 + 4 * var(--grid-gutter) + 0vw);
    font-size: 1.875rem;
    line-height: 1.1;
    margin-top: 12.5rem;
  }
}
@media (max-width: 699px) {
  .page-template-tpl-about .o-story_block_intro {
    width: 100%;
    margin-top: 0;
    padding-top: var(--section-padding);
    padding-bottom: var(--section-padding);
    padding-left: var(--centered-container-margin);
    padding-right: var(--centered-container-margin);
    background-color: #003da5;
    color: white;
  }
}
.page-template-tpl-about .o-story_block_media {
  overflow: clip;
  border-radius: 4px;
}
@media (max-width: 699px) {
  .page-template-tpl-about .o-story_block_media {
    border-radius: 0;
  }
}
.page-template-tpl-about .o-story_block_content {
  width: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 4 + 3 * var(--grid-gutter) + 0vw);
  padding-bottom: calc(1px * var(--spacing-sm));
}
@media (max-width: 1199px) {
  .page-template-tpl-about .o-story_block_content {
    width: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 5 + 4 * var(--grid-gutter) + 0vw);
  }
}
@media (max-width: 699px) {
  .page-template-tpl-about .o-story_block_content {
    width: calc(100% - 2 * var(--centered-container-margin));
    margin-left: auto;
    margin-right: auto;
  }
}
.page-template-tpl-about .o-story_block_content .c-text.-c1 {
  text-wrap: balance;
}
.page-template-tpl-about .o-story_block_content .o-story_block_legend {
  margin-top: calc(1px * var(--spacing-sm));
}
.page-template-tpl-about .o-story_block_legend {
  position: relative;
  font-family: "DM Mono", Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace;
  font-size: 0.875rem;
  line-height: 1.2;
  padding-left: 50px;
}
@media (max-width: 1199px) {
  .page-template-tpl-about .o-story_block_legend {
    padding-left: 40px;
  }
}
.page-template-tpl-about .o-story_block_legend_num {
  position: absolute;
  top: 1px;
  left: 0;
  font-size: 10px;
}
@media (max-width: 699px) {
  .page-template-tpl-about .o-story_block_legend_num {
    top: 0;
  }
}
.page-template-tpl-about .o-story_block.-intro + .o-story_block.-left {
  margin-top: 13.75rem;
}
.page-template-tpl-about .o-story_block.-intro + .o-story_block.-right {
  margin-top: 15.625rem;
}
.page-template-tpl-about .o-story_block.-intro + .o-story_block.-carousel {
  margin-top: 15.625rem;
}
.page-template-tpl-about .o-story_block.-intro + .o-story_block.-intro {
  margin-top: 12.5rem;
}
.page-template-tpl-about .o-story_block.-left + .o-story_block.-left {
  margin-top: 8.125rem;
}
.page-template-tpl-about .o-story_block.-left + .o-story_block.-left .c-link {
  display: none;
}
@media (max-width: 699px) {
  .page-template-tpl-about .o-story_block.-left + .o-story_block.-left .c-link.-mobile {
    display: block;
  }
}
.page-template-tpl-about .o-story_block.-left + .o-story_block.-right {
  margin-top: 8.125rem;
}
.page-template-tpl-about .o-story_block.-left + .o-story_block.-right .c-link {
  left: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 2 + 1 * var(--grid-gutter) + 0vw);
  width: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 3 + 2 * var(--grid-gutter) + 0vw);
  bottom: calc(100% - 12vw);
}
.page-template-tpl-about .o-story_block.-left + .o-story_block.-carousel {
  margin-top: 15.625rem;
}
.page-template-tpl-about .o-story_block.-left + .o-story_block.-intro {
  margin-top: 12.5rem;
}
.page-template-tpl-about .o-story_block.-right + .o-story_block.-left {
  margin-top: 8.125rem;
}
.page-template-tpl-about .o-story_block.-right + .o-story_block.-left .c-link {
  bottom: calc(100% - 17vw);
}
.page-template-tpl-about .o-story_block.-right + .o-story_block.-right {
  margin-top: 8.125rem;
}
.page-template-tpl-about .o-story_block.-right + .o-story_block.-right .c-link {
  display: none;
}
@media (max-width: 699px) {
  .page-template-tpl-about .o-story_block.-right + .o-story_block.-right .c-link {
    display: block;
  }
}
.page-template-tpl-about .o-story_block.-right + .o-story_block.-carousel {
  margin-top: 15.625rem;
}
.page-template-tpl-about .o-story_block.-right + .o-story_block.-intro {
  margin-top: 12.5rem;
}
.page-template-tpl-about .o-story_block.-carousel + .o-story_block.-left {
  margin-top: 12.5rem;
}
.page-template-tpl-about .o-story_block.-carousel + .o-story_block.-right {
  margin-top: 12.5rem;
}
.page-template-tpl-about .o-story_block.-carousel + .o-story_block.-carousel {
  margin-top: 9.375rem;
}
.page-template-tpl-about .o-story_block.-carousel + .o-story_block.-carousel .c-link {
  height: 5.625rem;
  left: 50%;
}
@media (max-width: 699px) {
  .page-template-tpl-about .o-story_block.-carousel + .o-story_block.-carousel .c-link {
    left: auto;
    height: 100px;
  }
}
.page-template-tpl-about .o-story_block.-carousel + .o-story_block.-intro {
  margin-top: 12.5rem;
}
.page-template-tpl-about .o-story_carousel {
  width: 100%;
}
.page-template-tpl-about .o-story_carousel_render {
  position: relative;
  aspect-ratio: 1.4530456853;
  overflow: clip;
  border-radius: 4px;
}
@media (max-width: 699px) {
  .page-template-tpl-about .o-story_carousel_render {
    border-radius: 0;
  }
}
.page-template-tpl-about .o-story_carousel_render_item {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
  transition: clip-path 1.2s cubic-bezier(0.77, 0, 0.175, 1);
  transition-delay: 1.2s;
  will-change: clip-path;
}
.page-template-tpl-about .o-story_carousel_render_item .c-media {
  transform: scale(1.1);
  transition: transform 1.2s cubic-bezier(0.77, 0, 0.175, 1);
  transition-delay: 1.2s;
  will-change: transform;
}
.page-template-tpl-about .o-story_carousel_render_item.-active {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  z-index: 2;
  transition-delay: 0s;
}
.page-template-tpl-about .o-story_carousel_render_item.-active .c-media {
  transform: scale(1);
  transition-delay: 0s;
}
.page-template-tpl-about .o-story_carousel_track {
  position: absolute;
  z-index: 5;
  left: 2.5rem;
  bottom: 2.5rem;
  right: 2.5rem;
  height: 4px;
  background-color: rgba(255, 255, 255, 0.4);
  border-radius: 4px;
  overflow: clip;
}
@media (max-width: 699px) {
  .page-template-tpl-about .o-story_carousel_track {
    left: 1.25rem;
    bottom: 1.25rem;
    right: 1.25rem;
  }
}
.page-template-tpl-about .o-story_carousel_progress {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  transform-origin: center left;
  background-color: #003da5;
  transform: scaleX(0);
}
.page-template-tpl-about .o-story_carousel_legends {
  margin-top: calc(1px * var(--spacing-md));
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: calc(var(--grid-gutter) * 3);
}
@media (max-width: 699px) {
  .page-template-tpl-about .o-story_carousel_legends {
    display: block;
    margin-top: 0;
  }
}
.page-template-tpl-about .o-story_carousel .o-story_block_legend {
  cursor: pointer;
  opacity: 0.25;
  transition: opacity 0.2s linear;
}
@media (max-width: 699px) {
  .page-template-tpl-about .o-story_carousel .o-story_block_legend + .o-story_block_legend {
    margin-top: calc(1px * var(--spacing-sm));
  }
}
.page-template-tpl-about .o-story_carousel .o-story_block_legend.-active {
  opacity: 1;
}
.page-template-tpl-about .o-story_carousel.-single .o-story_carousel_track {
  display: none;
}
.page-template-tpl-about .o-story_carousel.-single .o-story_carousel_legends {
  justify-content: flex-start;
}

.page-template-tpl-solutions .o-header {
  position: relative;
  z-index: 1;
  overflow: clip;
  color: white;
  height: 100svh;
  background-color: #000c18;
}
.page-template-tpl-solutions .o-header_item {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: clip-path 1s cubic-bezier(0.19, 1, 0.22, 1);
}
@media (max-width: 999px) {
  .page-template-tpl-solutions .o-header_item {
    top: auto;
    bottom: auto;
    height: 50%;
  }
}
.page-template-tpl-solutions .o-header_item[data-index="0"] {
  clip-path: inset(0 50% 0 0);
}
@media (max-width: 999px) {
  .page-template-tpl-solutions .o-header_item[data-index="0"] {
    clip-path: none;
    top: 0;
  }
}
:not(.is-touch) .page-template-tpl-solutions .o-header_item[data-index="0"].-visible {
  z-index: 1;
  clip-path: inset(0 var(--nav-height) 0 0);
}
.page-template-tpl-solutions .o-header_item[data-index="1"] {
  clip-path: inset(0 0 0 50%);
}
@media (max-width: 999px) {
  .page-template-tpl-solutions .o-header_item[data-index="1"] {
    clip-path: none;
    bottom: 0;
  }
}
:not(.is-touch) .page-template-tpl-solutions .o-header_item[data-index="1"].-visible {
  clip-path: inset(0 0 0 var(--nav-height));
}
.page-template-tpl-solutions .o-header_item[data-index="1"] .o-header_item_content {
  flex-direction: row-reverse;
}
@media (max-width: 999px) {
  .page-template-tpl-solutions .o-header_item[data-index="1"] .o-header_item_content {
    flex-direction: row;
  }
}
.page-template-tpl-solutions .o-header_item[data-index="1"] .o-header_item_content_title {
  width: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 4 + 3 * var(--grid-gutter) + 0vw);
}
.page-template-tpl-solutions .o-header_item_over {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 35vw;
  z-index: 5;
  cursor: pointer;
}
@media (max-width: 999px) {
  .page-template-tpl-solutions .o-header_item_over {
    top: auto;
    bottom: auto;
    left: 0;
    right: 0;
    width: 100%;
    height: 50%;
  }
}
.page-template-tpl-solutions .o-header_item_over[data-index="0"] {
  left: 0;
}
@media (max-width: 999px) {
  .page-template-tpl-solutions .o-header_item_over[data-index="0"] {
    top: 0;
  }
}
.page-template-tpl-solutions .o-header_item_over[data-index="1"] {
  right: 0;
}
@media (max-width: 999px) {
  .page-template-tpl-solutions .o-header_item_over[data-index="1"] {
    bottom: 0;
  }
}
.page-template-tpl-solutions .o-header_item_content {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  padding-left: var(--centered-container-margin);
  padding-right: var(--centered-container-margin);
  padding-bottom: calc(var(--nav-height) + 2.5rem);
}
@media (max-width: 699px) {
  .page-template-tpl-solutions .o-header_item_content {
    padding-bottom: 2.5rem;
  }
}
.page-template-tpl-solutions .o-header_item_content_title {
  width: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 5 + 4 * var(--grid-gutter) + 0vw);
}
.page-template-tpl-solutions .o-header_item_content_title .c-text.-surtitle, .page-template-tpl-solutions .o-header_item_content_title .c-heading.-h2 {
  transition: transform 0.8s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.2s linear;
}
.page-template-tpl-solutions .o-header_item_content_title .c-text.-surtitle {
  transition-delay: 0.05s;
}
.page-template-tpl-solutions .o-header_item_content_details {
  position: relative;
  display: flex;
  width: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 5 + 4 * var(--grid-gutter) + 0vw);
}
.page-template-tpl-solutions .o-header_item_content_details::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: white;
  transform: scaleX(0);
  transform-origin: center left;
  transition: transform 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  transition-delay: 0.3s;
}
.page-template-tpl-solutions .o-header_item_content_logo {
  width: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 1.25 + 0.25 * var(--grid-gutter) + var(--grid-gutter));
  min-width: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 1.25 + 0.25 * var(--grid-gutter) + var(--grid-gutter));
  max-width: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 1.25 + 0.25 * var(--grid-gutter) + var(--grid-gutter));
  padding: 1.25rem;
  opacity: 0;
  transition: opacity 0.2s linear;
  transition-delay: 0.3s;
}
.page-template-tpl-solutions .o-header_item_content_logo img {
  display: block;
  max-width: 100%;
}
.page-template-tpl-solutions .o-header_item_content_txt {
  position: relative;
  flex: 1;
  text-transform: uppercase;
  font-weight: 500;
}
.page-template-tpl-solutions .o-header_item_content_txt::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 80.7%;
  width: 2px;
  background-color: white;
  transform: scaleY(0);
  transform-origin: top left;
  transition: transform 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  transition-delay: 0.3s;
}
.page-template-tpl-solutions .o-header_item_content_txt_inner {
  padding: 1.875rem 1.875rem 1.25rem 1.875rem;
  opacity: 0;
  transition: opacity 0.2s linear;
  transition-delay: 0.4s;
}
.page-template-tpl-solutions .o-header_item .c-media {
  z-index: 0;
}
.page-template-tpl-solutions .o-header_item .c-media::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background-color: black;
  opacity: 0.2;
}
.page-template-tpl-solutions .o-header_item_mask {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background-color: rgba(0, 12, 24, 0.6);
  opacity: 0;
  transition: opacity 0.2s linear;
}
:not(.is-touch) .page-template-tpl-solutions .o-header_item.-hidden .o-header_item_mask {
  opacity: 1;
}
:not(.is-touch) .page-template-tpl-solutions .o-header_item.-hidden .o-header_item_content_title .c-text.-surtitle, :not(.is-touch) .page-template-tpl-solutions .o-header_item.-hidden .o-header_item_content_title .c-heading.-h2 {
  transform: translateX(-40vw);
  opacity: 0;
}
:not(.is-touch) .page-template-tpl-solutions .o-header_item.-hidden[data-index="1"] .o-header_item_content_title .c-text.-surtitle, :not(.is-touch) .page-template-tpl-solutions .o-header_item.-hidden[data-index="1"] .o-header_item_content_title .c-heading.-h2 {
  transform: translateX(40vw);
  opacity: 0;
}
:not(.is-touch) .page-template-tpl-solutions .o-header_item.-visible .o-header_item_content_logo {
  opacity: 1;
}
:not(.is-touch) .page-template-tpl-solutions .o-header_item.-visible .o-header_item_content_details::before {
  transform: scaleX(1);
}
:not(.is-touch) .page-template-tpl-solutions .o-header_item.-visible .o-header_item_content_txt::before {
  transform: scaleY(1);
}
:not(.is-touch) .page-template-tpl-solutions .o-header_item.-visible .o-header_item_content_txt_inner {
  opacity: 1;
}
.page-template-tpl-solutions .o-header_icon {
  position: absolute;
  z-index: 5;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  transition: opacity 0.15s linear, transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}
.is-touch .page-template-tpl-solutions .o-header_icon {
  display: none;
}
.page-template-tpl-solutions .o-header_icon.-hidden {
  opacity: 0;
  transform: translate(-50%, -50%) scale(0);
}
.page-template-tpl-solutions .o-intro {
  position: relative;
  z-index: 2;
  background-color: white;
}
@media (max-width: 699px) {
  .page-template-tpl-solutions .o-intro {
    padding-bottom: 0;
  }
}
.page-template-tpl-solutions .o-intro_contents {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 0 var(--centered-container-margin);
  width: 100%;
}
@media (max-width: 699px) {
  .page-template-tpl-solutions .o-intro_contents {
    display: block;
  }
}
.page-template-tpl-solutions .o-intro_contents_text-1 {
  width: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 4 + 3 * var(--grid-gutter) + 0vw);
}
@media (max-width: 1199px) {
  .page-template-tpl-solutions .o-intro_contents_text-1 {
    width: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 5 + 4 * var(--grid-gutter) + 0vw);
  }
}
@media (max-width: 699px) {
  .page-template-tpl-solutions .o-intro_contents_text-1 {
    width: 100%;
  }
}
.page-template-tpl-solutions .o-intro_contents_text-2 {
  width: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 4 + 3 * var(--grid-gutter) + 0vw);
  margin-right: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 1 + 0 * var(--grid-gutter) + var(--grid-gutter));
}
@media (max-width: 1199px) {
  .page-template-tpl-solutions .o-intro_contents_text-2 {
    margin-right: 0;
  }
}
@media (max-width: 699px) {
  .page-template-tpl-solutions .o-intro_contents_text-2 {
    width: 100%;
    margin-top: calc(1px * var(--spacing-md));
  }
}
.page-template-tpl-solutions .o-intro_contents_logo {
  margin-top: calc(1px * var(--spacing-md));
  display: flex;
  align-items: center;
  gap: calc(1px * var(--spacing-sm));
  flex-wrap: wrap;
}
.page-template-tpl-solutions .o-intro_contents_logo img {
  display: block;
  width: 100%;
  max-width: 100px;
}
@media (max-width: 699px) {
  .page-template-tpl-solutions .o-intro_contents_logo img {
    max-width: 70px;
  }
}
.page-template-tpl-solutions .o-intro_medias {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 4 + 3 * var(--grid-gutter) + 0vw);
  margin-left: var(--centered-container-margin);
  margin-top: var(--section-padding);
  gap: var(--grid-gutter);
}
@media (max-width: 1199px) {
  .page-template-tpl-solutions .o-intro_medias {
    width: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 5 + 4 * var(--grid-gutter) + 0vw);
  }
}
@media (max-width: 699px) {
  .page-template-tpl-solutions .o-intro_medias {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    display: block;
    overflow: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
    font-size: 0;
    margin-left: 0;
    margin-top: calc(1px * var(--spacing-lg));
  }
}
.page-template-tpl-solutions .o-intro_medias_item {
  position: relative;
  width: auto;
  flex: 1;
  aspect-ratio: 0.8333333333;
}
@media (max-width: 699px) {
  .page-template-tpl-solutions .o-intro_medias_item {
    width: 80vw;
    display: inline-block;
    scroll-snap-align: center;
  }
}
.page-template-tpl-solutions .o-list {
  padding: 0;
}
.page-template-tpl-solutions .o-list_cover {
  position: sticky;
  top: 0;
  height: 100lvh;
  margin-bottom: -100lvh;
}
@media (max-width: 999px) {
  .page-template-tpl-solutions .o-list_cover {
    display: none;
  }
}
.page-template-tpl-solutions .o-list_cover::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background-color: black;
  opacity: 0.2;
}
.page-template-tpl-solutions .o-list_header {
  position: sticky;
  z-index: 5;
  top: 0;
  height: 100lvh;
  width: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 6 + 5 * var(--grid-gutter) + var(--grid-margin));
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding-left: var(--centered-container-margin);
  padding-bottom: var(--centered-container-margin);
  color: white;
}
@media (max-width: 999px) {
  .page-template-tpl-solutions .o-list_header {
    display: none;
  }
}
.page-template-tpl-solutions .o-list_header_labels.-active .o-list_header_label {
  opacity: 0.5;
}
.page-template-tpl-solutions .o-list_header_labels.-active .o-list_header_label.-active {
  opacity: 1;
}
.page-template-tpl-solutions .o-list_header_label {
  font-size: 5.625rem;
  line-height: 1;
  font-weight: 300;
  cursor: pointer;
  transition: opacity 0.2s linear;
}
@media (max-width: 1199px) {
  .page-template-tpl-solutions .o-list_header_label {
    font-size: 4.375rem;
    line-height: 1;
  }
}
@media (max-width: 999px) {
  .page-template-tpl-solutions .o-list_header_label {
    font-size: 3.75rem;
    line-height: 1;
  }
}
.page-template-tpl-solutions .o-list_header_label sup {
  font-family: "DM Mono", Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace;
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 1;
  vertical-align: top;
  top: 1em;
  margin-left: 10px;
}
.page-template-tpl-solutions .o-list_main {
  position: relative;
}
.page-template-tpl-solutions .o-list_section {
  position: relative;
  width: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 6 + 5 * var(--grid-gutter) + var(--grid-gutter) + var(--grid-margin));
  margin-left: auto;
  background-color: white;
}
@media (max-width: 999px) {
  .page-template-tpl-solutions .o-list_section {
    width: 100%;
  }
}
.page-template-tpl-solutions .o-list_section + .o-list_section {
  margin-top: 100lvh;
}
@media (max-width: 999px) {
  .page-template-tpl-solutions .o-list_section + .o-list_section {
    margin-top: 0;
  }
}
.page-template-tpl-solutions .o-list_section_header {
  position: relative;
  height: 100lvh;
  padding-left: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 1 + 0 * var(--grid-gutter) + var(--grid-gutter) * 2);
  padding-right: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 1 + 0 * var(--grid-gutter) + var(--grid-gutter) + var(--grid-margin));
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media (max-width: 999px) {
  .page-template-tpl-solutions .o-list_section_header {
    padding-left: var(--centered-container-margin);
    padding-right: var(--centered-container-margin);
  }
}
.page-template-tpl-solutions .o-list_section_header .c-media {
  z-index: 0;
}
.page-template-tpl-solutions .o-list_section_header .c-media::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background-color: #003da5;
  opacity: 0.7;
}
.page-template-tpl-solutions .o-list_section_header_content {
  position: relative;
  z-index: 1;
  width: 100%;
  color: white;
}
@media (max-width: 999px) {
  .page-template-tpl-solutions .o-list_section_header_content {
    width: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 6 + 5 * var(--grid-gutter) + 0vw);
  }
}
@media (max-width: 699px) {
  .page-template-tpl-solutions .o-list_section_header_content {
    width: 100%;
  }
}
.page-template-tpl-solutions .o-list_section_header_content img {
  display: block;
  max-width: 270px;
  margin: auto;
  margin-bottom: 11.25rem;
}
@media (max-width: 1199px) {
  .page-template-tpl-solutions .o-list_section_header_content img {
    margin-bottom: 6.25rem;
  }
}
@media (max-width: 699px) {
  .page-template-tpl-solutions .o-list_section_header_content img {
    margin-bottom: 3.125rem;
  }
}
.page-template-tpl-solutions .o-list_section_header_content .c-text.-l1 {
  margin-top: calc(1px * var(--spacing-sm));
  padding-top: calc(1px * var(--spacing-sm));
  border-top: 2px solid white;
}
.page-template-tpl-solutions .o-list_section_item {
  position: relative;
  min-height: 100lvh;
  overflow: clip;
  padding-left: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 1 + 0 * var(--grid-gutter) + var(--grid-gutter) * 2);
  padding-right: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 1 + 0 * var(--grid-gutter) + var(--grid-gutter) + var(--grid-margin));
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
}
@media (max-width: 699px) {
  .page-template-tpl-solutions .o-list_section_item + .o-list_section_item {
    margin-top: calc(1px * var(--spacing-md));
  }
}
@media (max-width: 999px) {
  .page-template-tpl-solutions .o-list_section_item {
    padding-left: var(--centered-container-margin);
    padding-right: var(--centered-container-margin);
    min-height: auto;
    padding-top: var(--centered-container-margin);
    padding-bottom: var(--centered-container-margin);
  }
}
.page-template-tpl-solutions .o-list_section_item > a {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 5;
}
.page-template-tpl-solutions .o-list_section_item_cover {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  clip-path: inset(23% 19.3% 17% 19.3%);
  transition: clip-path 1s cubic-bezier(0.19, 1, 0.22, 1);
}
@media (max-width: 999px) {
  .page-template-tpl-solutions .o-list_section_item_cover {
    clip-path: inset(17% 9.7% 7% 9.7%);
  }
}
@media (max-width: 699px) {
  .page-template-tpl-solutions .o-list_section_item_cover {
    clip-path: inset(14% 5.7% 5% 5.7%);
  }
}
.page-template-tpl-solutions .o-list_section_item_cover .c-media {
  transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transform: scale(0.7);
}
@media (max-width: 999px) {
  .page-template-tpl-solutions .o-list_section_item_cover .c-media {
    transform: scale(1);
  }
}
@media (hover: hover) {
  .page-template-tpl-solutions .o-list_section_item:hover .o-list_section_item_cover {
    clip-path: inset(0 0 0 0);
  }
  .page-template-tpl-solutions .o-list_section_item:hover .o-list_section_item_cover .c-media {
    transform: scale(1);
  }
  .page-template-tpl-solutions .o-list_section_item:hover .o-list_section_item_title {
    color: white;
  }
  .page-template-tpl-solutions .o-list_section_item:hover .o-list_section_item_title .o-icon {
    color: white;
    transform: translateY(-50%) rotate(-90deg) scale(1.1);
  }
}
.page-template-tpl-solutions .o-list_section_item_title {
  position: absolute;
  left: 0;
  right: 0;
  bottom: calc(100% + 1px * var(--spacing-sm));
  z-index: 1;
  padding-right: 70px;
  color: black;
  transition: color 0.15s linear;
}
.page-template-tpl-solutions .o-list_section_item_title .o-icon {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  color: #E5E5E5;
  transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1), color 0.15s linear;
}
@media (max-width: 1199px) {
  .page-template-tpl-solutions .o-list_section_item_title .o-icon svg {
    --icon-width: 46px;
  }
}
.page-template-tpl-solutions .o-list_section_item_description {
  position: relative;
  z-index: 1;
  margin-top: 6vh;
  height: 60lvh;
  display: flex;
  align-items: flex-end;
  gap: calc(1px * var(--spacing-sm));
  padding: 1.875rem;
  color: white;
}
.page-template-tpl-solutions .o-list_section_item_description > div {
  flex: 1;
}

.page-template-tpl-contact {
  background-color: #e7eeec;
}
.page-template-tpl-contact .o-page {
  position: relative;
  z-index: 1;
  background-color: #e7eeec;
  padding-left: var(--centered-container-margin);
  padding-right: var(--centered-container-margin);
  padding-bottom: var(--section-padding);
}
.page-template-tpl-contact .o-page .c-heading.-h2 {
  opacity: 0.7;
}
.page-template-tpl-contact .o-page_content {
  margin-left: auto;
  width: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 5 + 4 * var(--grid-gutter) + 0vw);
  margin-top: -7.5rem;
}
@media (max-width: 999px) {
  .page-template-tpl-contact .o-page_content {
    width: 100%;
    margin-top: -50%;
  }
}
@media (max-width: 999px) {
  .page-template-tpl-contact .o-page_content .c-illus {
    max-width: 70%;
    margin-left: auto;
  }
}
.page-template-tpl-contact .o-header {
  position: sticky;
  top: 0;
  padding-top: var(--section-padding);
  width: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 4 + 3 * var(--grid-gutter) + 0vw);
}
@media (max-width: 999px) {
  .page-template-tpl-contact .o-header {
    position: relative;
    width: 100%;
  }
}
@media (max-width: 999px) {
  .page-template-tpl-contact .o-header .c-text.-c2 {
    width: 50%;
  }
}
@media (max-width: 699px) {
  .page-template-tpl-contact .o-header .c-text.-c2 {
    width: 75%;
  }
}
.page-template-tpl-contact .c-partners {
  background-color: #003da5;
  color: white;
}

.single-solution .o-solution {
  position: relative;
  z-index: 1;
  min-height: 400lvh;
  background-color: #000c18;
  color: white;
}
.single-solution .o-solution_backgroundInfos {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #e7eeec;
}
.single-solution .o-solution_background {
  position: sticky;
  top: 0;
  z-index: 1;
  height: 100lvh;
  margin-bottom: -100lvh;
  overflow: clip;
}
.single-solution .o-solution_background .c-sequence {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.single-solution .o-solution_background .c-sequence canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.single-solution .o-solution_progress {
  position: relative;
  height: 100lvh;
  margin-bottom: -50lvh;
}
.single-solution .o-solution_progress_bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.single-solution .o-solution_progress.-infos {
  height: 170lvh;
  margin-bottom: -100lvh;
}
.single-solution .o-solution_infos {
  position: sticky;
  top: 0;
  min-height: 100lvh;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  padding-left: var(--centered-container-margin);
  padding-right: var(--centered-container-margin);
}
.single-solution .o-solution_infos .c-text.-c2 {
  width: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 5 + 4 * var(--grid-gutter) + 0vw);
  text-transform: none;
  text-wrap: balance;
}
@media (max-width: 999px) {
  .single-solution .o-solution_infos .c-text.-c2 {
    width: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 6 + 5 * var(--grid-gutter) + 0vw);
  }
}
@media (max-width: 699px) {
  .single-solution .o-solution_infos .c-text.-c2 {
    width: 100%;
  }
}
.single-solution .o-solution .o-section {
  background: none;
  color: white;
  min-height: 100lvh;
}
.single-solution .o-solution .o-section.-infos {
  padding-top: 0;
  padding-bottom: 0;
  min-height: 150lvh;
}
.single-solution .o-solution .o-section.-block {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-left: var(--centered-container-margin);
  padding-right: var(--centered-container-margin);
}
@media (max-width: 699px) {
  .single-solution .o-solution .o-section.-block {
    justify-content: center;
  }
}
.single-solution .o-solution .o-section.-block.-right {
  justify-content: flex-end;
}
@media (max-width: 699px) {
  .single-solution .o-solution .o-section.-block.-right {
    justify-content: center;
  }
}
.single-solution .o-solution .o-section.o-solution_infos {
  color: #000c18;
  padding-bottom: calc(var(--section-padding) * 0.25);
}
.single-solution .o-section {
  z-index: 2;
}
.single-solution .o-header {
  position: relative;
  z-index: 2;
  height: 100svh;
  display: flex;
  align-items: flex-end;
  padding-left: var(--centered-container-margin);
  padding-right: var(--centered-container-margin);
  padding-bottom: var(--section-padding);
  mix-blend-mode: difference;
}
@media (max-height: 750px) and (min-width: 1200px) {
  .single-solution .o-header {
    padding-bottom: calc(var(--section-padding) * 0.5);
  }
}
@media (max-width: 699px) {
  .single-solution .o-header {
    padding-bottom: 30px;
  }
}
.single-solution .o-header_inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 999px) {
  .single-solution .o-header_inner {
    flex-direction: column;
    width: 100%;
  }
}
.single-solution .o-header_inner h1 {
  width: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 6 + 5 * var(--grid-gutter) + 0vw);
}
@media (max-width: 999px) {
  .single-solution .o-header_inner h1 {
    width: 100%;
  }
}
.single-solution .o-header_description {
  position: relative;
  padding-top: calc(1px * var(--spacing-md));
  width: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 4 + 3 * var(--grid-gutter) + 0vw);
}
@media (max-width: 999px) {
  .single-solution .o-header_description {
    width: 100%;
    margin-top: calc(1px * var(--spacing-lg));
  }
}
@media (max-width: 699px) {
  .single-solution .o-header_description {
    margin-top: calc(1px * var(--spacing-md));
    padding-top: calc(1px * var(--spacing-sm));
  }
}
.single-solution .o-header_description::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: white;
  transform-origin: center left;
  transform: scaleX(0);
  transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
.single-solution .o-header_description.is-inview::before {
  transform: scaleX(1);
}
.single-solution .o-header_description .c-text.-c2 {
  margin-bottom: calc(1px * var(--spacing-md));
}
.single-solution .o-header_description .c-button-icon {
  color: white;
  opacity: 0.5;
  transition: opacity 0.2s linear;
}
@media (hover: hover) {
  .single-solution .o-header_description .c-button-icon:hover {
    opacity: 1;
  }
}
.single-solution .o-gallery {
  background: white !important;
}
.single-solution .o-gallery.o-section {
  background: white;
  color: #000c18;
  min-height: calc(100lvh * var(--items) + 100lvh);
}
.single-solution .o-gallery_intro {
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  min-width: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 11 + 10 * var(--grid-gutter) + var(--grid-margin));
  width: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 11 + 10 * var(--grid-gutter) + var(--grid-margin));
  padding-left: var(--centered-container-margin);
  padding-right: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 0.75 + -0.25 * var(--grid-gutter) + 0vw);
  padding-top: var(--section-padding);
  padding-bottom: var(--section-padding);
}
@media (max-width: 699px) {
  .single-solution .o-gallery_intro {
    min-width: 100vw;
    width: 100vw;
    padding-right: var(--centered-container-margin);
    padding-bottom: var(--section-padding-safe);
  }
}
.single-solution .o-gallery_intro .content {
  width: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 9 + 8 * var(--grid-gutter) + 0vw);
  display: flex;
  height: 100%;
  flex-direction: column;
  align-items: start;
  justify-content: space-between;
}
@media (max-width: 699px) {
  .single-solution .o-gallery_intro .content {
    width: 100%;
  }
}
.single-solution .o-gallery_intro .content .c-button-icon {
  color: #000c18;
  opacity: 0.6;
  transition: 0.2s opacity linear;
}
@media (hover: hover) {
  .single-solution .o-gallery_intro .content .c-button-icon:hover {
    opacity: 1;
  }
}
.single-solution .o-gallery_section {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  white-space: normal;
  padding-top: var(--section-padding);
  padding-bottom: var(--section-padding);
  margin-right: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 1 + 0 * var(--grid-gutter) + 0vw);
}
@media (max-width: 999px) {
  .single-solution .o-gallery_section {
    padding-top: 20lvh;
    padding-bottom: 20lvh;
  }
}
@media (max-width: 699px) {
  .single-solution .o-gallery_section {
    margin-right: 2.5rem !important;
  }
}
.single-solution .o-gallery_section.-spacer-none {
  margin-right: 1.875rem;
}
.single-solution .o-gallery_section.-spacer-sm {
  margin-right: 3.75rem;
}
.single-solution .o-gallery_section.-spacer-md {
  margin-right: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 2 + 1 * var(--grid-gutter) + 0vw);
}
.single-solution .o-gallery_section.-spacer-lg {
  margin-right: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 4 + 3 * var(--grid-gutter) + 0vw);
}
.single-solution .o-gallery_section_inner {
  position: relative;
  z-index: 2;
}
.single-solution .o-gallery_section.-panoramic {
  width: 130vw;
  color: white;
  align-items: flex-end;
  justify-content: flex-end;
}
@media (max-width: 699px) {
  .single-solution .o-gallery_section.-panoramic {
    width: 150vw;
  }
}
.single-solution .o-gallery_section.-panoramic::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: black;
  opacity: 0.2;
}
.single-solution .o-gallery_section.-panoramic .o-gallery_section_inner {
  width: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 3 + 2 * var(--grid-gutter) + 0vw);
  margin-right: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 4 + 3 * var(--grid-gutter) + 0vw);
}
@media (max-width: 999px) {
  .single-solution .o-gallery_section.-panoramic .o-gallery_section_inner {
    width: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 6 + 5 * var(--grid-gutter) + 0vw);
  }
}
@media (max-width: 699px) {
  .single-solution .o-gallery_section.-panoramic .o-gallery_section_inner {
    width: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 3 + 2 * var(--grid-gutter) + 0vw);
    margin-right: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 1 + 0 * var(--grid-gutter) + 0vw);
  }
}
.single-solution .o-gallery_section.-panoramic .c-media {
  z-index: 0;
}
.single-solution .o-gallery_section.-text {
  width: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 3 + 2 * var(--grid-gutter) + 0vw);
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
}
@media (max-width: 999px) {
  .single-solution .o-gallery_section.-text {
    width: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 5 + 4 * var(--grid-gutter) + 0vw);
  }
}
@media (max-width: 699px) {
  .single-solution .o-gallery_section.-text {
    width: 90vw;
    padding-left: var(--grid-margin);
    padding-right: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * --grid-margin + (--grid-margin - 1) * var(--grid-gutter) + 0vw);
  }
}
.single-solution .o-gallery_section.-text.-lg {
  width: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 5 + 4 * var(--grid-gutter) + 0vw);
  justify-content: space-between;
}
@media (max-width: 999px) {
  .single-solution .o-gallery_section.-text.-lg {
    width: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 8 + 7 * var(--grid-gutter) + 0vw);
  }
}
@media (max-width: 699px) {
  .single-solution .o-gallery_section.-text.-lg {
    width: 90vw;
  }
}
.single-solution .o-gallery_section.-text.-lg .o-gallery_section_inner:nth-child(2) {
  width: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 3 + 2 * var(--grid-gutter) + 0vw);
}
@media (max-width: 999px) {
  .single-solution .o-gallery_section.-text.-lg .o-gallery_section_inner:nth-child(2) {
    width: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 6 + 5 * var(--grid-gutter) + 0vw);
  }
}
@media (max-width: 699px) {
  .single-solution .o-gallery_section.-text.-lg .o-gallery_section_inner:nth-child(2) {
    width: 100%;
  }
}
.single-solution .o-gallery_section.-text .c-text.-c1 {
  color: #003da5;
}
.single-solution .o-gallery_section.-text .o-icon {
  margin-top: calc(1px * var(--spacing-md));
}
.single-solution .o-gallery_section.-text .o-icon svg {
  width: 60px;
}
@media (max-width: 699px) {
  .single-solution .o-gallery_section.-text .o-icon svg {
    width: 40px;
  }
}
.single-solution .o-gallery_section.-medias .o-gallery_section_inner {
  display: flex;
  height: 100%;
  gap: 1.875rem;
}
@media (max-width: 999px) {
  .single-solution .o-gallery_section.-medias .o-gallery_section_inner {
    align-items: center;
  }
}
@media (max-width: 699px) {
  .single-solution .o-gallery_section.-medias .o-gallery_section_inner {
    gap: 2.5rem;
  }
}
.single-solution .o-gallery_section.-medias .o-gallery_section_media {
  position: relative;
  height: calc(100lvh - var(--section-padding) * 2);
}
@media (max-width: 1599px) {
  .single-solution .o-gallery_section.-medias .o-gallery_section_media {
    height: calc(100lvh - var(--section-padding) * 2 - 2.1875rem);
  }
}
@media (max-width: 999px) {
  .single-solution .o-gallery_section.-medias .o-gallery_section_media {
    height: 60lvh;
  }
}
.single-solution .o-gallery_section.-medias .o-gallery_section_media_render {
  position: relative;
  overflow: clip;
  border-radius: 4px;
  height: 100%;
}
.single-solution .o-gallery_section.-medias .o-gallery_section_media_render.-ratio-auto .c-media {
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
  aspect-ratio: var(--m-ratio);
  height: 100%;
}
.single-solution .o-gallery_section.-medias .o-gallery_section_media_render.-ratio-portrait {
  aspect-ratio: 0.828358209;
}
.single-solution .o-gallery_section.-medias .o-gallery_section_media_render.-ratio-landscape {
  aspect-ratio: 1.6940298507;
}
.single-solution .o-gallery_section.-medias .o-gallery_section_media_legend {
  position: absolute;
  top: calc(100% + 15px);
  left: 0;
  font-size: 0.75rem;
  line-height: 1.3;
  font-family: "DM Mono", Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace;
  font-weight: 500;
}
.single-solution .o-gallery_section.-end {
  width: 100vw;
  color: white;
  align-items: flex-start;
  justify-content: flex-start;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.single-solution .o-gallery_section.-end::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: black;
  opacity: 0.2;
}
.single-solution .o-gallery_section.-end .o-gallery_section_inner {
  width: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 4 + 3 * var(--grid-gutter) + 0vw);
  margin-left: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 1 + 0 * var(--grid-gutter) + var(--grid-margin));
}
@media (max-width: 699px) {
  .single-solution .o-gallery_section.-end .o-gallery_section_inner {
    width: 100%;
    padding-left: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 0.5 + -0.5 * var(--grid-gutter) + var(--grid-margin));
    padding-right: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 0.5 + -0.5 * var(--grid-gutter) + var(--grid-margin));
    margin-left: 0;
  }
}
.single-solution .o-gallery_section.-end .o-icon {
  margin-top: calc(1px * var(--spacing-md));
}
.single-solution .o-gallery_section.-end .o-icon svg {
  --icon-width: 60px;
}
@media (max-width: 999px) {
  .single-solution .o-gallery_section.-end .o-icon svg {
    --icon-width: 50px;
  }
}
.single-solution .o-gallery_section.-end .c-media {
  z-index: 0;
}
.single-solution .o-gallery .o-section_progress {
  bottom: calc(var(--section-padding) * 0.75);
  background-color: #e7eeec;
}
.single-solution .o-tutorial {
  position: relative;
  padding: 0;
  background: white !important;
}
.single-solution .o-tutorial_cover {
  position: sticky;
  top: 0;
  left: 0;
  height: 100lvh;
  z-index: 0;
}
.single-solution .o-tutorial_cover::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background-color: black;
  opacity: 0.2;
}
.single-solution .o-tutorial .o-section_header {
  min-height: 80lvh;
}
.single-solution .o-tutorial_content {
  position: relative;
  z-index: 2;
  padding-left: var(--centered-container-margin);
  padding-right: var(--centered-container-margin);
}
.single-solution .o-tutorial .c-content-block {
  padding-bottom: 18.75rem;
}
.single-solution .o-tutorial .c-content-block + .c-content-block {
  margin-top: 18.75rem;
}
@media (max-width: 699px) {
  .single-solution .o-tutorial .c-content-block {
    margin-left: auto;
    margin-right: auto;
  }
}
.single-solution .o-tutorial .c-content-block.-right {
  margin-left: auto;
}
.single-solution .o-tutorial .c-content-block.-push {
  margin-left: auto;
  margin-right: auto;
  display: flex;
  width: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 6 + 5 * var(--grid-gutter) + 0vw);
  max-width: 700px;
}
@media (max-width: 999px) {
  .single-solution .o-tutorial .c-content-block.-push {
    width: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 8 + 7 * var(--grid-gutter) + 0vw);
  }
}
@media (max-width: 699px) {
  .single-solution .o-tutorial .c-content-block.-push {
    width: 100%;
    flex-direction: column;
  }
}
.single-solution .o-tutorial .c-content-block.-push .c-content-block_inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  width: 50%;
}
@media (max-width: 699px) {
  .single-solution .o-tutorial .c-content-block.-push .c-content-block_inner {
    width: 100%;
  }
}
.single-solution .o-tutorial .c-content-block.-push .c-content-block_cover {
  width: 50%;
}
@media (max-width: 699px) {
  .single-solution .o-tutorial .c-content-block.-push .c-content-block_cover {
    width: 100%;
  }
}
.single-solution .o-spec {
  position: relative;
  padding: 0;
  background: #000c18 !important;
}
.single-solution .o-spec_progress {
  position: relative;
  height: 100lvh;
  margin-top: -50lvh;
  margin-bottom: -50lvh;
}
@media (max-width: 999px) {
  .single-solution .o-spec_progress {
    position: absolute;
    top: -20lvh;
    left: 0;
    margin-top: 0;
    margin-bottom: 0;
    height: 50lvh;
  }
}
.single-solution .o-spec_cover {
  position: sticky;
  top: 0;
  left: 0;
  height: 100lvh;
  z-index: 0;
  margin-bottom: -100lvh;
}
.single-solution .o-spec_cover .c-media {
  z-index: 0;
}
.single-solution .o-spec_cover .c-media.-default {
  z-index: 1;
  background-color: #e7eeec;
}
.single-solution .o-spec_cover .c-media.-outline img {
  opacity: 0.3;
}
.single-solution .o-spec_cover .c-media img {
  -o-object-fit: contain;
     object-fit: contain;
}
.single-solution .o-spec_cover::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background-color: black;
  opacity: 0.2;
}
.single-solution .o-spec .o-container {
  position: relative;
  z-index: 1;
  min-height: 260lvh;
  mix-blend-mode: difference;
}
@media (max-width: 999px) {
  .single-solution .o-spec .o-container {
    min-height: auto;
  }
}
.single-solution .o-spec .o-section_header {
  position: sticky;
  min-height: 100lvh;
  top: 0;
  padding-top: var(--section-padding);
}
@media (max-width: 999px) {
  .single-solution .o-spec .o-section_header {
    position: relative;
    min-height: auto;
  }
}
.single-solution .o-spec_list {
  position: sticky;
  height: 100lvh;
  width: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 5 + 4 * var(--grid-gutter) + 0vw);
  top: 0;
  padding-bottom: var(--section-padding);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  font-family: "Bricolage Grotesque", -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
  font-weight: 300;
  font-size: 1.875rem;
  line-height: 1;
}
@media (max-height: 750px) and (min-width: 1200px) {
  .single-solution .o-spec_list {
    padding-bottom: calc(var(--section-padding) * 0.5);
  }
}
@media (max-width: 999px) {
  .single-solution .o-spec_list {
    display: block;
    position: relative;
    top: auto;
    margin-top: 6.25rem;
    width: 100%;
    height: auto;
    font-size: 1.375rem;
    line-height: 1;
  }
}
@media (max-width: 699px) {
  .single-solution .o-spec_list {
    padding-bottom: 0;
  }
}
.single-solution .o-spec_list ul li {
  position: relative;
  cursor: pointer;
  padding: 0.9375rem 0;
  opacity: 0.3;
  transition: opacity 0.2s linear;
}
@media (max-width: 999px) {
  .single-solution .o-spec_list ul li {
    padding: 0.625rem 0;
  }
}
.single-solution .o-spec_list ul li::before {
  content: "";
  position: absolute;
  width: 6px;
  aspect-ratio: 1;
  background-color: #003da5;
  right: calc(100% + 15px);
  top: 50%;
  margin-top: -3px;
  transform: scale(0);
  transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}
@media (max-width: 699px) {
  .single-solution .o-spec_list ul li::before {
    right: calc(100% + 8px);
  }
}
.single-solution .o-spec_list ul li span {
  display: inline-block;
}
@media (hover: hover) {
  .single-solution .o-spec_list ul li:hover {
    opacity: 1;
  }
}
.single-solution .o-spec_list ul li.-active {
  opacity: 1;
}
.single-solution .o-spec_list ul li.-active::before {
  transform: scale(1);
}
.single-solution .o-spec_contents {
  position: sticky;
  top: 0;
  min-height: 100lvh;
  margin-top: -100lvh;
  width: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 5 + 4 * var(--grid-gutter) + 0vw);
  margin-left: auto;
  padding-top: calc(1px * var(--spacing-lg));
  padding-bottom: var(--section-padding);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
}
@media (max-height: 750px) and (min-width: 1200px) {
  .single-solution .o-spec_contents {
    padding-bottom: calc(var(--section-padding) * 0.5);
  }
}
@media (max-width: 999px) {
  .single-solution .o-spec_contents {
    position: relative;
    top: auto;
    min-height: auto;
    margin-top: 0;
    width: 100%;
  }
}
.single-solution .o-spec_content {
  display: none;
  width: 100%;
}
.single-solution .o-spec_content.-active {
  display: block;
}

.page-template-default {
  background-color: white;
}
.page-template-default .o-page {
  position: relative;
  z-index: 1;
  background-color: white;
  padding-left: var(--centered-container-margin);
  padding-right: var(--centered-container-margin);
  padding-bottom: var(--section-padding);
}
.page-template-default .o-page .c-heading.-h2 {
  opacity: 0.7;
}
.page-template-default .o-page_contents {
  margin-left: auto;
  width: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 5 + 4 * var(--grid-gutter) + 0vw);
  margin-top: -7.5rem;
}
@media (max-width: 999px) {
  .page-template-default .o-page_contents {
    width: 100%;
    margin-top: -50%;
  }
}
.page-template-default .o-page_contents .c-illus {
  width: 110%;
}
@media (max-width: 999px) {
  .page-template-default .o-page_contents .c-illus {
    max-width: 70%;
    margin-left: auto;
  }
}
.page-template-default .o-page_content {
  margin-top: calc(1px * var(--spacing-lg));
  margin-left: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 1 + 0 * var(--grid-gutter) + var(--grid-gutter));
}
@media (max-width: 999px) {
  .page-template-default .o-page_content {
    margin-left: 0;
  }
}
.page-template-default .o-page_content_block.-title {
  position: relative;
  margin-bottom: calc(1px * var(--spacing-md));
}
@media (max-width: 699px) {
  .page-template-default .o-page_content_block.-title .num {
    display: none;
  }
}
.page-template-default .o-page_content_block.-subtitle {
  margin-bottom: calc(1px * var(--spacing-sm));
}
.page-template-default .o-page_content_block.-subtitle + .-title {
  margin-top: calc(1px * var(--spacing-xl));
}
.page-template-default .o-page_content_block.-text {
  font-size: 0.875rem;
  line-height: 1.3;
}
.page-template-default .o-page_content_block.-text + .-title {
  margin-top: calc(1px * var(--spacing-xl));
}
.page-template-default .o-page_content_block.-text + .-subtitle {
  margin-top: calc(1px * var(--spacing-sm));
}
.page-template-default .o-page_content_block.-button {
  margin-top: calc(1px * var(--spacing-sm));
  margin-bottom: calc(1px * var(--spacing-md));
}
.page-template-default .o-header {
  position: sticky;
  top: 0;
  padding-top: var(--section-padding);
  width: calc((var(--container-width) - (var(--grid-columns) - 1) * var(--grid-gutter)) / var(--grid-columns) * 4 + 3 * var(--grid-gutter) + 0vw);
}
@media (max-width: 999px) {
  .page-template-default .o-header {
    position: relative;
    width: 100%;
  }
}