@charset "UTF-8";
html.lenis {
  height: auto;
}
.lenis.lenis-smooth {
  scroll-behavior: auto;
}
.lenis.lenis-stopped {
  overflow: hidden;
}
.lenis.lenis-scrolling iframe {
  pointer-events: none;
}
.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}
:root {
  --swiper-theme-color: #007aff;
}
:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  list-style: none;
  padding: 0;
  z-index: 1;
  display: block;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(
    --swiper-wrapper-transition-timing-function,
    initial
  );
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translateZ(0);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 1200px;
}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper:before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal
  > .swiper-wrapper
  > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper:before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical
  > .swiper-wrapper
  > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper:before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}
.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}
.swiper-virtual.swiper-css-mode .swiper-wrapper:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after {
  height: 1px;
  width: var(--swiper-virtual-size);
}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after {
  width: 1px;
  height: var(--swiper-virtual-size);
}
:root {
  --swiper-navigation-size: 44px;
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: var(--swiper-navigation-top-offset, 50%);
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}
.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
  display: none !important;
}
.swiper-button-prev svg,
.swiper-button-next svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  transform-origin: center;
}
.swiper-rtl .swiper-button-prev svg,
.swiper-rtl .swiper-button-next svg {
  transform: rotate(180deg);
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto;
}
.swiper-button-lock {
  display: none;
}
.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: "prev";
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: "next";
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}
.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}
.swiper-pagination-progressbar {
  background: var(
    --swiper-pagination-progressbar-bg-color,
    rgba(0, 0, 0, 0.25)
  );
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical
  > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: var(--swiper-pagination-progressbar-size, 4px);
  left: 0;
  top: 0;
}
.swiper-vertical > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal
  > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-lock {
  display: none;
}
.swiper-scrollbar {
  position: relative;
  margin-top: 2.5rem;
  -ms-touch-action: none;
}
.swiper-scrollbar:before {
  content: "";
  opacity: 0.5;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: var(--border-color);
}
@media (min-width: 768px) {
  .swiper-scrollbar {
    margin-right: calc(var(--side-padding) * -1);
  }
}
.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important;
}
.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
  height: 1px;
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background-color: inherit;
}
.swiper-scrollbar-drag:before {
  content: "";
  width: 100%;
  height: 5px;
  position: absolute;
  top: -2px;
  left: 0;
  transform: scaleY(0.5);
  background-color: var(--border-color);
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}
.swiper-slide-zoomed {
  cursor: move;
  touch-action: none;
}
.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}
.swiper-grid-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}
.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
@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 #1e5878;
  outline: 2px dashed
    var(
      --plyr-focus-visible-color,
      var(--plyr-color-main, var(--plyr-color-main, #1e5878))
    );
  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 #00000026;
  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: #ffffffe6;
  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 #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: #1e5878;
  background: var(
    --plyr-control-toggle-checked-background,
    var(--plyr-color-main, var(--plyr-color-main, #1e5878))
  );
}
.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: #1e5878;
  color: var(
    --plyr-range-fill-background,
    var(--plyr-color-main, var(--plyr-color-main, #1e5878))
  );
  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 #23282f26, 0 0 0 1px #23282f33;
  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 #23282f26, 0 0 0 1px #23282f33;
  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: #0000;
}
.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 #23282f26, 0 0 0 1px #23282f33;
  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 #1e5878;
  outline: 2px dashed
    var(
      --plyr-focus-visible-color,
      var(--plyr-color-main, var(--plyr-color-main, #1e5878))
    );
  outline-offset: 2px;
}
.plyr--full-ui input[type="range"]:focus-visible::-moz-range-track {
  outline: 2px dashed #1e5878;
  outline: 2px dashed
    var(
      --plyr-focus-visible-color,
      var(--plyr-color-main, var(--plyr-color-main, #1e5878))
    );
  outline-offset: 2px;
}
.plyr--full-ui input[type="range"]:focus-visible::-ms-track {
  outline: 2px dashed #1e5878;
  outline: 2px dashed
    var(
      --plyr-focus-visible-color,
      var(--plyr-color-main, var(--plyr-color-main, #1e5878))
    );
  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 #00000026;
  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: translate(-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: translate(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: #0000;
}
.plyr--video.plyr--loading .plyr__progress__buffer {
  background-color: #ffffff40;
  background-color: var(
    --plyr-video-progress-buffered-background,
    rgba(255, 255, 255, 0.2509803922)
  );
}
.plyr--audio.plyr--loading .plyr__progress__buffer {
  background-color: #c1c8d199;
  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: #1e5878;
  background: var(
    --plyr-audio-control-background-hover,
    var(--plyr-color-main, var(--plyr-color-main, #1e5878))
  );
  color: #fff;
  color: var(--plyr-audio-control-color-hover, #fff);
}
.plyr--full-ui.plyr--audio input[type="range"]::-webkit-slider-runnable-track {
  background-color: #c1c8d199;
  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: #c1c8d199;
  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: #c1c8d199;
  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 #23282f26, 0 0 0 1px #23282f33, 0 0 0 3px #23282f1a;
  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 #23282f26, 0 0 0 1px #23282f33, 0 0 0 3px #23282f1a;
  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 #23282f26, 0 0 0 1px #23282f33, 0 0 0 3px #23282f1a;
  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: #c1c8d199;
  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: #1e5878;
  background: var(
    --plyr-video-control-background-hover,
    var(--plyr-color-main, var(--plyr-color-main, #1e5878))
  );
  color: #fff;
  color: var(--plyr-video-control-color-hover, #fff);
}
.plyr__control--overlaid {
  background: #1e5878;
  background: var(
    --plyr-video-control-background-hover,
    var(--plyr-color-main, var(--plyr-color-main, #1e5878))
  );
  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: #ffffff40;
  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: #ffffff40;
  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: #ffffff40;
  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 #23282f26, 0 0 0 1px #23282f33, 0 0 0 3px #ffffff80;
  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 #23282f26, 0 0 0 1px #23282f33, 0 0 0 3px #ffffff80;
  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 #23282f26, 0 0 0 1px #23282f33, 0 0 0 3px #ffffff80;
  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: #ffffff40;
  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;
  height: 100%;
  inset: 0;
  margin: 0;
  position: fixed;
  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;
  cursor: pointer;
  inset: 0;
  overflow: hidden;
  position: absolute;
  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 #00000026;
  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: translate(-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 #00000026;
  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 {
  filter: blur(1px);
  height: 100%;
  inset: 0;
  margin: auto;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  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;
}
@media (max-width: 767px) {
  .hidden-mobile {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .hidden-desktop {
    display: none !important;
  }
}
html {
  box-sizing: border-box;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  text-size-adjust: none;
}
*,
*:after,
*:before {
  box-sizing: inherit;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline;
}
body {
  line-height: 1;
}
strong,
b {
  font-weight: 600;
}
em,
i {
  font-style: italic;
}
ol,
ul {
  list-style: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
button,
input,
textarea,
select,
option {
  margin: 0;
  padding: 0;
  background-color: transparent;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: none;
  font: inherit;
  letter-spacing: inherit;
}
button:focus,
button:active,
input:focus,
input:active,
textarea:focus,
textarea:active,
select:focus,
select:active,
option:focus,
option:active {
  outline: none;
}
a {
  font-family: inherit;
  text-decoration: none;
  color: inherit;
}
img,
picture,
svg {
  max-width: 100%;
  vertical-align: middle;
}
svg {
  fill: currentColor;
}
input,
textarea,
button {
  color: currentColor;
  font: inherit;
}
a,
button:not(:disabled) {
  cursor: pointer;
}
button:disabled {
  cursor: not-allowed;
}
label {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
@font-face {
  font-family: Suisse Intl wf;
  src: url(../fonts/SuisseIntl-Light.woff2) format("woff2");
  font-style: normal;
  font-weight: 300;
}
@font-face {
  font-family: Suisse Intl wf accent-override;
  src: url(../fonts/SuisseIntl-Light.woff2) format("woff2");
  font-style: normal;
  font-weight: 300;
  ascent-override: 120%;
}
@font-face {
  font-family: Suisse Intl wf;
  src: url(../fonts/SuisseIntl-Regular.woff) format("woff");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: Suisse Intl wf accent-override;
  src: url(../fonts/SuisseIntl-Regular.woff) format("woff");
  font-style: normal;
  font-weight: 400;
  ascent-override: 120%;
}
@font-face {
  font-family: Periodico Display wf;
  src: url(../fonts/PeriodicoDisplay-UltraLight.woff2) format("woff2");
  font-style: normal;
  font-weight: 100;
}
@font-face {
  font-family: Periodico Display wf;
  src: url(../fonts/PeriodicoDisplay-ExtraLight.woff2) format("woff2");
  font-style: normal;
  font-weight: 200;
}
@font-face {
  font-family: Periodico Display wf;
  src: url(../fonts/PeriodicoDisplay-Light.woff2) format("woff2");
  font-style: normal;
  font-weight: 300;
}
:root {
  --black: #000;
  --white: #fff;
  --orange: #d7662c;
  --darker-orange: #c45720;
  --teal: #32e9c6;
  --navy: #152038;
  --dark-green: #283e37;
  --extra-dark-green: #1c2220;
  --extra-dark-blue: #22333b;
  --light-gray: #fafafa;
  --background-color: var(--white);
  --border-color: var(--text-color);
  --text-color: var(--dark-green);
  --base-font-weight: 300;
  --base-font-size: 1rem;
  --base-line-height: 1.25;
  --base-letter-spacing: 0;
  --primary-font: "Suisse Intl wf", Helvetica, Arial, sans-serif;
  --primary-font-accent-override: "Suisse Intl wf accent-override", Helvetica,
    Arial, sans-serif;
  --secondary-font: "Periodico Display wf", serif;
  --side-padding: 1.3333333333333333rem;
  --section-spacing: 4rem;
  --section-inner-spacing: var(--section-spacing);
  --header-height: 6.666666666666667rem;
  --image-height: 17.8rem;
  --video-height: 13.333333333333334rem;
  --plyr-color-main: var(--orange);
  --ost-init-delay: 0.1s;
  --ost-stagger-delay: 0.18s;
  --ost-transform: translateY(2rem);
  --ost-transform-char: translateX(0.5em);
  --ost-transform-word: translateX(0.5em);
  --ost-transform-line: translateY(2.5rem);
  --ost: 1s var(--ost-init-delay) var(--ease-smooth);
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  :root {
    --side-padding: 3.65rem;
    --section-spacing: 8.25rem;
    --header-height: 7.75rem;
    --image-height: 27.75rem;
    --video-height: 39.6rem;
    --right-border-distance: 10.5rem;
  }
}
html {
  min-height: 100%;
  font-size: 3.81679389vw;
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  html {
    font-size: 1.04166667vw;
  }
}
body {
  background-color: var(--background-color);
  font-weight: var(--base-font-weight);
  font-size: var(--base-font-size);
  line-height: var(--base-line-height);
  font-family: var(--primary-font);
  color: var(--text-color);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  cursor: default;
  touch-action: manipulation;
}
body.-no-scroll {
  overflow: hidden;
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  body {
    font-size: max(var(--base-font-size), 16px);
  }
}
::-moz-selection {
  background: var(--text-color);
  color: var(--background-color);
}
::selection {
  background: var(--text-color);
  color: var(--background-color);
}
:is(p, ul, ol):where(:not(:last-child)) {
  margin-bottom: calc(var(--base-line-height) * 1em);
}
ul:not([class]) {
  display: flex;
  flex-direction: column;
  margin-left: 0;
}
ul:not([class]) li {
  padding-left: calc(1em + max(0.16em, 4px));
  position: relative;
}
ul:not([class]) li:before {
  content: "";
  flex-shrink: 0;
  width: max(0.16em, 4px);
  height: max(0.16em, 4px);
  position: absolute;
  top: 0;
  left: 0.1em;
  margin-top: 0.5em;
  background-color: currentColor;
  border-radius: 50%;
}
ul:not([class]) li ul {
  gap: 0.5em;
  margin-top: 1.28em;
}
ul:not([class]) li ul li {
  padding-left: 1.4em;
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  ul:not([class]) li {
    padding-left: calc(1em + max(0.16em, 4px));
  }
}
blockquote:not([class]) {
  margin-left: 2em;
  padding-left: 1.45em;
  border-left: 1px solid rgba(50, 233, 198, 0.5);
}
blockquote:not([class]):not(:first-child) {
  margin-top: calc(var(--base-line-height) * 2em);
}
blockquote:not([class]):not(:last-child) {
  margin-bottom: calc(var(--base-line-height) * 2em);
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  blockquote:not([class]) {
    margin-left: 7.25em;
  }
}
a:not([class]) {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  transition: color 0.15s;
}
a:not([class]):hover {
  color: var(--orange);
}
.-bg-dark a:not([class]):hover {
  color: var(--teal);
}
.h0,
.stx.-features-right .stx-features-title.-l {
  font-weight: 100;
  font-size: 4.666666666666667rem;
  line-height: 0.75;
  letter-spacing: -0.02em;
  font-family: var(--secondary-font);
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .h0,
  .stx.-features-right .stx-features-title.-l {
    font-size: 7rem;
  }
}
.h0b,
.stx.-features-bottom .stx-features-title.-l,
.landing-title {
  font-weight: 200;
  font-size: 4.666666666666667rem;
  line-height: 0.75;
  letter-spacing: -0.02em;
  font-family: var(--secondary-font);
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .h0b,
  .stx.-features-bottom .stx-features-title.-l,
  .landing-title {
    font-size: 5.5rem;
  }
}
.h1,
.sse-title,
.hv-title,
.hs-slide-title,
.hero-title.-l {
  font-weight: 200;
  font-size: 2.4rem;
  line-height: 0.944;
  letter-spacing: -0.02em;
  font-family: var(--secondary-font);
}
.h1 em,
.sse-title em,
.hv-title em,
.hs-slide-title em,
.hero-title.-l em {
  font-style: inherit;
  color: var(--teal);
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .h1,
  .sse-title,
  .hv-title,
  .hs-slide-title,
  .hero-title.-l {
    font-size: 4.5rem;
  }
}
.h2,
.sti-title,
.stm-title,
.stx-features-icons.-columns-2 .stx-features-icons-title,
.stx-features-title.-m,
.stx-st.-m,
.stx-pt.-l,
.srs-title,
.sre-title,
.sq-text,
.spo-title,
.spt-title,
.sl-title,
.slo-title,
.sj-title,
.sh-title,
.sgr-title,
.sfe-title,
.sct-title,
.scs-title,
.sar-lead,
.sa-title,
.popup-title,
.hero-title.-m {
  font-weight: 200;
  font-size: 2.4rem;
  line-height: 1;
  letter-spacing: -0.02em;
  font-family: var(--secondary-font);
}
@media (max-width: 767px), (max-width: 1023px) and (orientation: landscape) {
  .h2 br,
  .sti-title br,
  .stm-title br,
  .stx-features-icons.-columns-2 .stx-features-icons-title br,
  .stx-features-title.-m br,
  .stx-st.-m br,
  .stx-pt.-l br,
  .srs-title br,
  .sre-title br,
  .sq-text br,
  .spo-title br,
  .spt-title br,
  .sl-title br,
  .slo-title br,
  .sj-title br,
  .sh-title br,
  .sgr-title br,
  .sfe-title br,
  .sct-title br,
  .scs-title br,
  .sar-lead br,
  .sa-title br,
  .popup-title br,
  .hero-title.-m br {
    display: none;
  }
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .h2,
  .sti-title,
  .stm-title,
  .stx-features-icons.-columns-2 .stx-features-icons-title,
  .stx-features-title.-m,
  .stx-st.-m,
  .stx-pt.-l,
  .srs-title,
  .sre-title,
  .sq-text,
  .spo-title,
  .spt-title,
  .sl-title,
  .slo-title,
  .sj-title,
  .sh-title,
  .sgr-title,
  .sfe-title,
  .sct-title,
  .scs-title,
  .sar-lead,
  .sa-title,
  .popup-title,
  .hero-title.-m {
    font-size: 3.25rem;
  }
}
.h3,
.stx-features-icons.-columns-3 .stx-features-icons-title,
.stx-pt.-m,
.h3b,
.srs-item.-featured .srs-item-title,
.sj-item-intro,
.landing-option-title {
  font-weight: 200;
  font-size: 1.8666666666666667rem;
  line-height: 1;
  letter-spacing: -0.02em;
  font-family: var(--secondary-font);
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .h3,
  .stx-features-icons.-columns-3 .stx-features-icons-title,
  .stx-pt.-m,
  .h3b,
  .srs-item.-featured .srs-item-title,
  .sj-item-intro,
  .landing-option-title {
    font-size: 2.25rem;
  }
}
.h3b,
.srs-item.-featured .srs-item-title,
.sj-item-intro,
.landing-option-title {
  line-height: 1.11;
}
.h4,
.ste-item-name,
.ste-tabs-pane-title,
.h4b,
.stx-features-icons.-columns-4 .stx-features-icons-title,
.stx-features-title.-s,
.sre-item-title,
.spt-item-title,
.popup-bio-name,
.h4c,
.stx-tt,
.h4d,
.sti-item-popover-title,
.sti-item-title,
.sar-text blockquote,
.h4e,
.sse-result-title,
.sj-item-title,
.sc-row,
.sa-item-title,
.event-banner-title,
.h4f,
.sti-intro-title,
.stm-quote,
.ss-inner,
.sle-title,
.sfe-item-title,
.hero-cta-title {
  font-size: 1.3333333333333333rem;
  line-height: 1.286;
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .h4,
  .ste-item-name,
  .ste-tabs-pane-title,
  .h4b,
  .stx-features-icons.-columns-4 .stx-features-icons-title,
  .stx-features-title.-s,
  .sre-item-title,
  .spt-item-title,
  .popup-bio-name,
  .h4c,
  .stx-tt,
  .h4d,
  .sti-item-popover-title,
  .sti-item-title,
  .sar-text blockquote,
  .h4e,
  .sse-result-title,
  .sj-item-title,
  .sc-row,
  .sa-item-title,
  .event-banner-title,
  .h4f,
  .sti-intro-title,
  .stm-quote,
  .ss-inner,
  .sle-title,
  .sfe-item-title,
  .hero-cta-title {
    font-size: 1.75rem;
  }
}
.h4b,
.stx-features-icons.-columns-4 .stx-features-icons-title,
.stx-features-title.-s,
.sre-item-title,
.spt-item-title,
.popup-bio-name,
.h4d,
.sti-item-popover-title,
.sti-item-title,
.sar-text blockquote,
.h4e,
.sse-result-title,
.sj-item-title,
.sc-row,
.sa-item-title,
.event-banner-title,
.h4f,
.sti-intro-title,
.stm-quote,
.ss-inner,
.sle-title,
.sfe-item-title,
.hero-cta-title {
  letter-spacing: -0.02em;
  font-family: var(--secondary-font);
}
.h4c,
.stx-tt,
.h4d,
.sti-item-popover-title,
.sti-item-title,
.sar-text blockquote,
.h4f,
.sti-intro-title,
.stm-quote,
.ss-inner,
.sle-title,
.sfe-item-title,
.hero-cta-title {
  line-height: 1.14285714;
}
.h4e,
.sse-result-title,
.sj-item-title,
.sc-row,
.sa-item-title,
.event-banner-title,
.h4f,
.sti-intro-title,
.stm-quote,
.ss-inner,
.sle-title,
.sfe-item-title,
.hero-cta-title {
  font-weight: 200;
}
.h5,
.stx-features-subtitle,
.shi-item-title,
.sgr-item-title,
.popup-bio-title {
  font-size: 1.3333333333333333rem;
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .h5,
  .stx-features-subtitle,
  .shi-item-title,
  .sgr-item-title,
  .popup-bio-title {
    font-size: 1.5rem;
  }
}
body {
  padding-top: var(--header-height);
}
body:before {
  content: "";
  width: 100%;
  height: var(--header-height);
  top: 0;
  left: 0;
  position: absolute;
  z-index: -1;
  background-image: linear-gradient(
    123deg,
    var(--extra-dark-blue),
    var(--extra-dark-green)
  );
}
body.-fm-open {
  touch-action: none;
}
.-bg-light:not(.ss)
  + .-bg-light:not(
    .stx + .ste,
    .si,
    .section-video,
    .sg,
    .stx + .sc,
    .sar + *,
    .ss
  ) {
  position: relative;
  padding-top: var(--section-inner-spacing);
}
.-bg-light:not(.ss)
  + .-bg-light:not(
    .stx + .ste,
    .si,
    .section-video,
    .sg,
    .stx + .sc,
    .sar + *,
    .ss
  ):before {
  content: "";
  height: 1px;
  position: absolute;
  top: 0;
  left: var(--side-padding);
  right: var(--side-padding);
  background-color: var(--extra-dark-green);
}
.-bg-dark {
  --border-color: var(--teal);
  padding-top: var(--section-inner-spacing);
  position: relative;
  background-image: linear-gradient(
    123deg,
    var(--extra-dark-blue),
    var(--extra-dark-green)
  );
  color: var(--white);
}
.-bg-dark
  + .-bg-dark:not(
    .si,
    .si + *,
    .sg,
    .sg + *,
    .section-video,
    .section-video + *,
    .sgr + .sgr,
    .sq + .stx
  ) {
  border-top: 1px solid var(--border-color);
}
.-bg-dark ::-moz-selection {
  background: var(--background-color);
  color: var(--text-color);
}
.-bg-dark ::selection {
  background: var(--background-color);
  color: var(--text-color);
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .-bg-dark:before {
    content: "";
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    right: var(--right-border-distance);
    background-color: var(--teal);
  }
}
.-bg-lightgray {
  padding-top: var(--section-inner-spacing);
  background-color: var(--light-gray);
}
.-bg-lightgray + .-bg-lightgray {
  position: relative;
}
.-bg-lightgray + .-bg-lightgray:before {
  content: "";
  height: 1px;
  position: absolute;
  top: 0;
  left: var(--side-padding);
  right: var(--side-padding);
  background-color: var(--extra-dark-green);
}
.-bg-dark + .-bg-light,
.-bg-img + .-bg-light,
.-bg-lightgray + .-bg-light {
  margin-top: var(--section-spacing);
}
.stx:has(+ .sso) {
  margin-top: 0;
  padding-top: var(--section-inner-spacing);
  background-color: var(--light-gray);
}
.stx:has(+ .sso) + .sso:before {
  display: none;
}
:root {
  --ease-in-quad: cubic-bezier(0.55, 0.085, 0.68, 0.53);
  --ease-in-cubic: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  --ease-in-quart: cubic-bezier(0.895, 0.03, 0.685, 0.22);
  --ease-in-quint: cubic-bezier(0.755, 0.05, 0.855, 0.06);
  --ease-in-expo: cubic-bezier(0.95, 0.05, 0.795, 0.035);
  --ease-in-circ: cubic-bezier(0.6, 0.04, 0.98, 0.335);
  --ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --ease-out-cubic: cubic-bezier(0.215, 0.61, 0.355, 1);
  --ease-out-quart: cubic-bezier(0.165, 0.84, 0.44, 1);
  --ease-out-quint: cubic-bezier(0.23, 1, 0.32, 1);
  --ease-out-expo: cubic-bezier(0.19, 1, 0.22, 1);
  --ease-out-circ: cubic-bezier(0.075, 0.82, 0.165, 1);
  --ease-in-out-quad: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  --ease-in-out-cubic: cubic-bezier(0.645, 0.045, 0.355, 1);
  --ease-in-out-quart: cubic-bezier(0.77, 0, 0.175, 1);
  --ease-in-out-quint: cubic-bezier(0.86, 0, 0.07, 1);
  --ease-in-out-expo: cubic-bezier(1, 0, 0, 1);
  --ease-in-out-circ: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  --ease-smooth: cubic-bezier(0.35, 0, 0, 1);
}
.line {
  display: block;
  white-space: nowrap;
}
.line.-i-0 {
  --delay: calc(var(--ost-init-delay) + 0.1s * 0);
}
.line.-i-1 {
  --delay: calc(var(--ost-init-delay) + 0.1s * 1);
}
.line.-i-2 {
  --delay: calc(var(--ost-init-delay) + 0.1s * 2);
}
.line.-i-3 {
  --delay: calc(var(--ost-init-delay) + 0.1s * 3);
}
.line.-i-4 {
  --delay: calc(var(--ost-init-delay) + 0.1s * 4);
}
.line.-i-5 {
  --delay: calc(var(--ost-init-delay) + 0.1s * 5);
}
.line.-i-6 {
  --delay: calc(var(--ost-init-delay) + 0.1s * 6);
}
.line.-i-7 {
  --delay: calc(var(--ost-init-delay) + 0.1s * 7);
}
.line.-i-8 {
  --delay: calc(var(--ost-init-delay) + 0.1s * 8);
}
.line.-i-9 {
  --delay: calc(var(--ost-init-delay) + 0.1s * 9);
}
.line.-i-10 {
  --delay: calc(var(--ost-init-delay) + 0.1s * 10);
}
.line.-i-11 {
  --delay: calc(var(--ost-init-delay) + 0.1s * 11);
}
.line.-i-12 {
  --delay: calc(var(--ost-init-delay) + 0.1s * 12);
}
.line.-i-13 {
  --delay: calc(var(--ost-init-delay) + 0.1s * 13);
}
.line.-i-14 {
  --delay: calc(var(--ost-init-delay) + 0.1s * 14);
}
.line.-i-15 {
  --delay: calc(var(--ost-init-delay) + 0.1s * 15);
}
.line.-i-16 {
  --delay: calc(var(--ost-init-delay) + 0.1s * 16);
}
.line.-i-17 {
  --delay: calc(var(--ost-init-delay) + 0.1s * 17);
}
.line.-i-18 {
  --delay: calc(var(--ost-init-delay) + 0.1s * 18);
}
.line.-i-19 {
  --delay: calc(var(--ost-init-delay) + 0.1s * 19);
}
.line.-i-20 {
  --delay: calc(var(--ost-init-delay) + 0.1s * 20);
}
.word {
  display: inline-flex;
  transition: var(--ost);
  transition-property: opacity, transform;
}
.word.-i-0 {
  transition-delay: calc(var(--ost-init-delay) + 0.02s * 0);
}
.word.-i-1 {
  transition-delay: calc(var(--ost-init-delay) + 0.02s * 1);
}
.word.-i-2 {
  transition-delay: calc(var(--ost-init-delay) + 0.02s * 2);
}
.word.-i-3 {
  transition-delay: calc(var(--ost-init-delay) + 0.02s * 3);
}
.word.-i-4 {
  transition-delay: calc(var(--ost-init-delay) + 0.02s * 4);
}
.word.-i-5 {
  transition-delay: calc(var(--ost-init-delay) + 0.02s * 5);
}
.word.-i-6 {
  transition-delay: calc(var(--ost-init-delay) + 0.02s * 6);
}
.word.-i-7 {
  transition-delay: calc(var(--ost-init-delay) + 0.02s * 7);
}
.word.-i-8 {
  transition-delay: calc(var(--ost-init-delay) + 0.02s * 8);
}
.word.-i-9 {
  transition-delay: calc(var(--ost-init-delay) + 0.02s * 9);
}
.word.-i-10 {
  transition-delay: calc(var(--ost-init-delay) + 0.02s * 10);
}
.word.-i-11 {
  transition-delay: calc(var(--ost-init-delay) + 0.02s * 11);
}
.word.-i-12 {
  transition-delay: calc(var(--ost-init-delay) + 0.02s * 12);
}
.word.-i-13 {
  transition-delay: calc(var(--ost-init-delay) + 0.02s * 13);
}
.word.-i-14 {
  transition-delay: calc(var(--ost-init-delay) + 0.02s * 14);
}
.word.-i-15 {
  transition-delay: calc(var(--ost-init-delay) + 0.02s * 15);
}
.word.-i-16 {
  transition-delay: calc(var(--ost-init-delay) + 0.02s * 16);
}
.word.-i-17 {
  transition-delay: calc(var(--ost-init-delay) + 0.02s * 17);
}
.word.-i-18 {
  transition-delay: calc(var(--ost-init-delay) + 0.02s * 18);
}
.word.-i-19 {
  transition-delay: calc(var(--ost-init-delay) + 0.02s * 19);
}
.word.-i-20 {
  transition-delay: calc(var(--ost-init-delay) + 0.02s * 20);
}
.word.-i-21 {
  transition-delay: calc(var(--ost-init-delay) + 0.02s * 21);
}
.word.-i-22 {
  transition-delay: calc(var(--ost-init-delay) + 0.02s * 22);
}
.word.-i-23 {
  transition-delay: calc(var(--ost-init-delay) + 0.02s * 23);
}
.word.-i-24 {
  transition-delay: calc(var(--ost-init-delay) + 0.02s * 24);
}
.word.-i-25 {
  transition-delay: calc(var(--ost-init-delay) + 0.02s * 25);
}
.word.-i-26 {
  transition-delay: calc(var(--ost-init-delay) + 0.02s * 26);
}
.word.-i-27 {
  transition-delay: calc(var(--ost-init-delay) + 0.02s * 27);
}
.word.-i-28 {
  transition-delay: calc(var(--ost-init-delay) + 0.02s * 28);
}
.word.-i-29 {
  transition-delay: calc(var(--ost-init-delay) + 0.02s * 29);
}
.word.-i-30 {
  transition-delay: calc(var(--ost-init-delay) + 0.02s * 30);
}
.word.-i-31 {
  transition-delay: calc(var(--ost-init-delay) + 0.02s * 31);
}
.word.-i-32 {
  transition-delay: calc(var(--ost-init-delay) + 0.02s * 32);
}
.word.-i-33 {
  transition-delay: calc(var(--ost-init-delay) + 0.02s * 33);
}
.word.-i-34 {
  transition-delay: calc(var(--ost-init-delay) + 0.02s * 34);
}
.word.-i-35 {
  transition-delay: calc(var(--ost-init-delay) + 0.02s * 35);
}
.word.-i-36 {
  transition-delay: calc(var(--ost-init-delay) + 0.02s * 36);
}
.word.-i-37 {
  transition-delay: calc(var(--ost-init-delay) + 0.02s * 37);
}
.word.-i-38 {
  transition-delay: calc(var(--ost-init-delay) + 0.02s * 38);
}
.word.-i-39 {
  transition-delay: calc(var(--ost-init-delay) + 0.02s * 39);
}
.word.-i-40 {
  transition-delay: calc(var(--ost-init-delay) + 0.02s * 40);
}
.word.-i-41 {
  transition-delay: calc(var(--ost-init-delay) + 0.02s * 41);
}
.word.-i-42 {
  transition-delay: calc(var(--ost-init-delay) + 0.02s * 42);
}
.word.-i-43 {
  transition-delay: calc(var(--ost-init-delay) + 0.02s * 43);
}
.word.-i-44 {
  transition-delay: calc(var(--ost-init-delay) + 0.02s * 44);
}
.word.-i-45 {
  transition-delay: calc(var(--ost-init-delay) + 0.02s * 45);
}
.word.-i-46 {
  transition-delay: calc(var(--ost-init-delay) + 0.02s * 46);
}
.word.-i-47 {
  transition-delay: calc(var(--ost-init-delay) + 0.02s * 47);
}
.word.-i-48 {
  transition-delay: calc(var(--ost-init-delay) + 0.02s * 48);
}
.word.-i-49 {
  transition-delay: calc(var(--ost-init-delay) + 0.02s * 49);
}
.word.-i-50 {
  transition-delay: calc(var(--ost-init-delay) + 0.02s * 50);
}
.word.-i-51 {
  transition-delay: calc(var(--ost-init-delay) + 0.02s * 51);
}
.word.-i-52 {
  transition-delay: calc(var(--ost-init-delay) + 0.02s * 52);
}
.word.-i-53 {
  transition-delay: calc(var(--ost-init-delay) + 0.02s * 53);
}
.word.-i-54 {
  transition-delay: calc(var(--ost-init-delay) + 0.02s * 54);
}
.word.-i-55 {
  transition-delay: calc(var(--ost-init-delay) + 0.02s * 55);
}
.word.-i-56 {
  transition-delay: calc(var(--ost-init-delay) + 0.02s * 56);
}
.word.-i-57 {
  transition-delay: calc(var(--ost-init-delay) + 0.02s * 57);
}
.word.-i-58 {
  transition-delay: calc(var(--ost-init-delay) + 0.02s * 58);
}
.word.-i-59 {
  transition-delay: calc(var(--ost-init-delay) + 0.02s * 59);
}
.word.-i-60 {
  transition-delay: calc(var(--ost-init-delay) + 0.02s * 60);
}
.char {
  display: inline-block;
  transition: var(--ost);
  transition-property: opacity, color;
}
.char.-i-0 {
  transition-delay: calc(var(--ost-init-delay) + 0.04s * 0);
}
.char.-i-1 {
  transition-delay: calc(var(--ost-init-delay) + 0.04s * 1);
}
.char.-i-2 {
  transition-delay: calc(var(--ost-init-delay) + 0.04s * 2);
}
.char.-i-3 {
  transition-delay: calc(var(--ost-init-delay) + 0.04s * 3);
}
.char.-i-4 {
  transition-delay: calc(var(--ost-init-delay) + 0.04s * 4);
}
.char.-i-5 {
  transition-delay: calc(var(--ost-init-delay) + 0.04s * 5);
}
.char.-i-6 {
  transition-delay: calc(var(--ost-init-delay) + 0.04s * 6);
}
.char.-i-7 {
  transition-delay: calc(var(--ost-init-delay) + 0.04s * 7);
}
.char.-i-8 {
  transition-delay: calc(var(--ost-init-delay) + 0.04s * 8);
}
.char.-i-9 {
  transition-delay: calc(var(--ost-init-delay) + 0.04s * 9);
}
.char.-i-10 {
  transition-delay: calc(var(--ost-init-delay) + 0.04s * 10);
}
.char.-i-11 {
  transition-delay: calc(var(--ost-init-delay) + 0.04s * 11);
}
.char.-i-12 {
  transition-delay: calc(var(--ost-init-delay) + 0.04s * 12);
}
.char.-i-13 {
  transition-delay: calc(var(--ost-init-delay) + 0.04s * 13);
}
.char.-i-14 {
  transition-delay: calc(var(--ost-init-delay) + 0.04s * 14);
}
.char.-i-15 {
  transition-delay: calc(var(--ost-init-delay) + 0.04s * 15);
}
.char.-i-16 {
  transition-delay: calc(var(--ost-init-delay) + 0.04s * 16);
}
.char.-i-17 {
  transition-delay: calc(var(--ost-init-delay) + 0.04s * 17);
}
.char.-i-18 {
  transition-delay: calc(var(--ost-init-delay) + 0.04s * 18);
}
.char.-i-19 {
  transition-delay: calc(var(--ost-init-delay) + 0.04s * 19);
}
.char.-i-20 {
  transition-delay: calc(var(--ost-init-delay) + 0.04s * 20);
}
.char.-i-21 {
  transition-delay: calc(var(--ost-init-delay) + 0.04s * 21);
}
.char.-i-22 {
  transition-delay: calc(var(--ost-init-delay) + 0.04s * 22);
}
.char.-i-23 {
  transition-delay: calc(var(--ost-init-delay) + 0.04s * 23);
}
.char.-i-24 {
  transition-delay: calc(var(--ost-init-delay) + 0.04s * 24);
}
.char.-i-25 {
  transition-delay: calc(var(--ost-init-delay) + 0.04s * 25);
}
.char.-i-26 {
  transition-delay: calc(var(--ost-init-delay) + 0.04s * 26);
}
.char.-i-27 {
  transition-delay: calc(var(--ost-init-delay) + 0.04s * 27);
}
.char.-i-28 {
  transition-delay: calc(var(--ost-init-delay) + 0.04s * 28);
}
.char.-i-29 {
  transition-delay: calc(var(--ost-init-delay) + 0.04s * 29);
}
.char.-i-30 {
  transition-delay: calc(var(--ost-init-delay) + 0.04s * 30);
}
.char.-i-31 {
  transition-delay: calc(var(--ost-init-delay) + 0.04s * 31);
}
.char.-i-32 {
  transition-delay: calc(var(--ost-init-delay) + 0.04s * 32);
}
.char.-i-33 {
  transition-delay: calc(var(--ost-init-delay) + 0.04s * 33);
}
.char.-i-34 {
  transition-delay: calc(var(--ost-init-delay) + 0.04s * 34);
}
.char.-i-35 {
  transition-delay: calc(var(--ost-init-delay) + 0.04s * 35);
}
.char.-i-36 {
  transition-delay: calc(var(--ost-init-delay) + 0.04s * 36);
}
.char.-i-37 {
  transition-delay: calc(var(--ost-init-delay) + 0.04s * 37);
}
.char.-i-38 {
  transition-delay: calc(var(--ost-init-delay) + 0.04s * 38);
}
.char.-i-39 {
  transition-delay: calc(var(--ost-init-delay) + 0.04s * 39);
}
.char.-i-40 {
  transition-delay: calc(var(--ost-init-delay) + 0.04s * 40);
}
.char.-i-41 {
  transition-delay: calc(var(--ost-init-delay) + 0.04s * 41);
}
.char.-i-42 {
  transition-delay: calc(var(--ost-init-delay) + 0.04s * 42);
}
.char.-i-43 {
  transition-delay: calc(var(--ost-init-delay) + 0.04s * 43);
}
.char.-i-44 {
  transition-delay: calc(var(--ost-init-delay) + 0.04s * 44);
}
.char.-i-45 {
  transition-delay: calc(var(--ost-init-delay) + 0.04s * 45);
}
.char.-i-46 {
  transition-delay: calc(var(--ost-init-delay) + 0.04s * 46);
}
.char.-i-47 {
  transition-delay: calc(var(--ost-init-delay) + 0.04s * 47);
}
.char.-i-48 {
  transition-delay: calc(var(--ost-init-delay) + 0.04s * 48);
}
.char.-i-49 {
  transition-delay: calc(var(--ost-init-delay) + 0.04s * 49);
}
.char.-i-50 {
  transition-delay: calc(var(--ost-init-delay) + 0.04s * 50);
}
.char.-i-51 {
  transition-delay: calc(var(--ost-init-delay) + 0.04s * 51);
}
.char.-i-52 {
  transition-delay: calc(var(--ost-init-delay) + 0.04s * 52);
}
.char.-i-53 {
  transition-delay: calc(var(--ost-init-delay) + 0.04s * 53);
}
.char.-i-54 {
  transition-delay: calc(var(--ost-init-delay) + 0.04s * 54);
}
.char.-i-55 {
  transition-delay: calc(var(--ost-init-delay) + 0.04s * 55);
}
.char.-i-56 {
  transition-delay: calc(var(--ost-init-delay) + 0.04s * 56);
}
.char.-i-57 {
  transition-delay: calc(var(--ost-init-delay) + 0.04s * 57);
}
.char.-i-58 {
  transition-delay: calc(var(--ost-init-delay) + 0.04s * 58);
}
.char.-i-59 {
  transition-delay: calc(var(--ost-init-delay) + 0.04s * 59);
}
.char.-i-60 {
  transition-delay: calc(var(--ost-init-delay) + 0.04s * 60);
}
@keyframes ost-scale {
  0% {
    transform: scale(1.1);
  }
  to {
    transform: scale(1);
  }
}
.button {
  --height: 3.58333333em;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  gap: 2em;
  min-width: 11.8rem;
  height: var(--height);
  padding-left: 1.6em;
  padding-right: 1.6em;
  position: relative;
  background-color: var(--color);
  border-radius: 0.5rem;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 0.8rem;
  line-height: 1;
  letter-spacing: 0;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  color: var(--white);
  font-family: var(--primary-font-accent-override);
  transition: 0.15s;
  transition-property: background-color;
}
.button.-outline {
  background: none;
  border: 1px solid var(--color);
}
.button.-disabled {
  pointer-events: none;
  filter: grayscale(1);
}
@media (pointer: fine) {
  .button:hover.-orange {
    background-color: var(--darker-orange);
  }
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .button {
    font-size: 0.6rem;
    font-size: max(0.6rem, 9px);
  }
  .button.-xl {
    --height: 4.222em;
    min-width: 27.7rem;
    font-weight: 300;
    font-size: 0.9rem;
    font-size: max(0.9rem, 12px);
  }
}
.button-icon-wrapper {
  display: inline-flex;
  align-items: center;
  height: 100%;
  transition: 0.15s;
  transition-property: transform;
}
@media (pointer: fine) {
  .button:hover .button-icon-wrapper:has(.icon.-chevron-right) {
    transform: translate(0.15rem);
  }
}
.button .icon {
  width: 1.13665em;
  height: 1.13665em;
}
.button .icon.-chevron-right {
  display: block;
  width: 0.85em;
  height: 0.85em;
  position: relative;
  border: solid;
  border-width: 1px 1px 0 0;
  transform: rotate(45deg);
}
.button .icon.-chevron-left {
  display: block;
  width: 0.85em;
  height: 0.85em;
  position: relative;
  border: solid;
  border-width: 1px 1px 0 0;
  transform: rotate(225deg);
}
.button .icon.-plus {
  display: grid;
  align-items: center;
  width: 1.5em;
  height: 1.5em;
}
.button .icon.-plus:before,
.button .icon.-plus:after {
  content: "";
  grid-area: 1/1;
  width: 100%;
  height: 1px;
  background-color: currentColor;
}
.button .icon.-plus:after {
  transform: rotate(90deg);
}
.sa-item.-expanded .button .icon.-plus:after {
  opacity: 0;
}
.button .icon.-arrow-right {
  width: 1.25rem;
  height: 1.25rem;
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .button.-xl .icon.-arrow-right {
    width: 1.88015rem;
    height: 1.7203rem;
  }
}
.event-banner {
  width: 100%;
  position: fixed;
  top: calc(var(--header-height) - 1px);
  z-index: 10;
  color: var(--white);
  transition: top 0.5s;
}
.header.-hidden ~ .event-banner {
  top: 0;
}
.event-banner-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1.5rem;
  height: 4.1rem;
  padding-left: var(--side-padding);
  padding-right: var(--side-padding);
  background-color: var(--orange);
  transition: background-color 0.15s;
}
@media (pointer: fine) {
  .event-banner-inner:hover {
    background-color: var(--darker-orange);
  }
}
.event-banner-title {
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0;
  line-height: 1;
}
.event-banner .icon {
  flex-shrink: 0;
  width: 0.8rem;
  height: 0.8rem;
  margin-right: 0.4rem;
  position: relative;
  border: solid;
  border-width: 1px 1px 0 0;
  transform: rotate(45deg);
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .event-banner .icon {
    width: 1.1rem;
    height: 1.1rem;
  }
}
@media (max-width: 767px), (max-width: 1023px) and (orientation: landscape) {
  .field-columns {
    margin-bottom: 0.7333333333333333rem;
  }
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .field-columns {
    display: grid;
    grid-template-columns: 1fr 1fr;
    -moz-column-gap: 0.85rem;
    column-gap: 0.85rem;
  }
}
.field {
  position: relative;
}
.field:not(:last-child) {
  margin-bottom: 0.7333333333333333rem;
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .field:not(:last-child) {
    margin-bottom: 1.2rem;
  }
}
.field-input,
.field-select {
  width: 100%;
  padding: 0.6em 0;
  background: none;
  border: solid rgba(38, 38, 38, 0.5);
  border-width: 0 0 1px;
  border-radius: 0;
  color: inherit;
}
.field-input::-moz-placeholder,
.field-select::-moz-placeholder {
  color: currentColor;
  -moz-transition: 0.15s;
  transition: 0.15s;
}
.field-input::placeholder,
.field-select::placeholder {
  color: currentColor;
  transition: 0.15s;
}
.field-input:focus::-moz-placeholder,
.field-select:focus::-moz-placeholder {
  opacity: 0.5;
}
.field-input:focus::placeholder,
.field-select:focus::placeholder {
  opacity: 0.5;
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .field-input,
  .field-select {
    padding: 0.45em 0 0.75em;
  }
}
textarea.field-input {
  padding: 0.6em 0.8em;
  resize: vertical;
  border-width: 1px;
}
.field-select-control {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.field-select-control-icon {
  width: 0.54665rem;
  height: 0.3016rem;
  position: absolute;
  top: 1.1em;
  right: 0;
}
.field-checkbox {
  display: inline-flex;
  padding: 0.5em 0;
  align-items: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.field-checkbox-input {
  position: absolute;
  left: -9000px;
}
.field-checkbox-control {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 1em;
  height: 1em;
  margin-right: 0.72em;
  border: 1px solid rgba(94, 71, 64, 0.5);
}
.field-checkbox-control:before {
  content: "✓";
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: 0.9em;
  line-height: 1;
}
.field-checkbox-input:not(:checked) ~ .field-checkbox-control:before {
  opacity: 0;
}
@media (pointer: fine) {
  .field-checkbox:hover .field-checkbox-control {
    border-color: currentColor;
  }
}
input[type="checkbox"] {
  -webkit-appearance: auto;
  -moz-appearance: auto;
  appearance: auto;
  accent-color: var(--teal);
}
label input[type="checkbox"] {
  margin-right: 0.5em;
}
.footer {
  overflow: hidden;
  position: relative;
  background: transparent
    linear-gradient(
      108deg,
      var(--extra-dark-blue) 0%,
      var(--extra-dark-green) 100%
    )
    0% 0% no-repeat padding-box;
  font-size: max(0.75rem, 12px);
  color: var(--white);
}
.footer ::-moz-selection {
  background: var(--background-color);
  color: var(--text-color);
}
.footer ::selection {
  background: var(--background-color);
  color: var(--text-color);
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .footer:before {
    content: "";
    width: 1px;
    height: 0%;
    position: absolute;
    top: 0;
    right: var(--right-border-distance);
    background-color: var(--teal);
    transition: height 1s;
  }
  .footer.-observed:before {
    height: 100%;
  }
}
.footer-primary {
  padding: var(--section-spacing) var(--side-padding) 3.3333333333333335rem;
  position: relative;
}
.footer-primary:before {
  content: "";
  width: 0%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: var(--teal);
}
.footer.-observed .footer-primary:before {
  width: 100%;
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .footer-primary {
    padding-top: 7.5rem;
    padding-bottom: 4.75rem;
  }
  .footer-primary:before {
    transition: width 1.8s 0s;
  }
}
.footer-ce-mark {
  width: 2rem;
  height: auto;
  position: absolute;
  right: var(--side-padding);
  bottom: var(--side-padding);
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .footer-ce-mark {
    width: 3.15rem;
    right: 14.1rem;
    bottom: 4.85rem;
  }
}
.footer-primary-dec {
  width: var(--right-border-distance);
  height: 0%;
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  transition: height 2s;
}
.footer-primary-dec:before {
  content: "";
  width: 53.4rem;
  height: 53.4rem;
  position: absolute;
  top: -5.4rem;
  left: -1px;
  border: 1px solid var(--teal);
  border-radius: 50%;
}
.footer.-observed .footer-primary-dec {
  height: 100%;
}
.footer-columns {
  display: flex;
}
@media (max-width: 767px), (max-width: 1023px) and (orientation: landscape) {
  .footer-columns {
    flex-wrap: wrap;
    gap: 3.3333333333333335rem 0;
  }
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .footer-columns {
    gap: 6.15rem;
  }
}
.footer-column:nth-child(3) {
  display: flex;
  flex-direction: column;
}
@media (max-width: 767px), (max-width: 1023px) and (orientation: landscape) {
  .footer-column:first-child {
    width: 100%;
  }
  .footer-column:nth-child(n + 2) {
    width: 50%;
  }
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .footer-column:nth-child(2) {
    min-width: 9rem;
  }
}
.footer-column-title {
  margin-bottom: 0.7em;
  font-size: var(--base-font-size);
  color: var(--teal);
}
.footer-logo {
  width: 10rem;
  height: auto;
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .footer-logo {
    width: 11.855500000000001rem;
  }
}
.footer-menu {
  line-height: 1.35;
}
@media (pointer: fine) {
  .footer-menu-link {
    transition: color 0.15s;
  }
  .footer-menu-link:hover {
    color: var(--teal);
  }
}
.footer-social {
  margin-top: auto;
  padding-bottom: 0.2rem;
}
.footer-social-link {
  color: var(--teal);
}
.footer-social-link .icon {
  width: 1.2rem;
  height: 1.2rem;
}
@media (pointer: fine) {
  .footer-social-link {
    transition: color 0.15s;
  }
  .footer-social-link:hover {
    color: var(--white);
  }
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .footer-social-link .icon {
    width: 1.475rem;
    height: 1.475rem;
  }
}
.footer-secondary {
  display: flex;
  justify-content: space-between;
  padding-bottom: 3.1rem;
  padding-top: 3.1rem;
  padding-left: var(--side-padding);
  padding-right: var(--side-padding);
  position: relative;
}
@media (max-width: 767px), (max-width: 1023px) and (orientation: landscape) {
  .footer-secondary {
    flex-direction: column;
    gap: 2rem;
  }
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .footer-secondary {
    align-items: center;
    padding-left: 23.75rem;
    padding-right: 14.1rem;
  }
}
.footer-secondary-text {
  max-width: 22em;
  font-size: max(0.6rem, 10px);
  line-height: 1.33;
}
.footer-secondary-menu {
  display: flex;
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .footer-secondary-menu {
    gap: 4.4rem;
  }
}
@media (max-width: 767px), (max-width: 1023px) and (orientation: landscape) {
  .footer-secondary-menu-item {
    width: 50%;
  }
}
@media (pointer: fine) {
  .footer-secondary-menu-link {
    transition: color 0.15s;
  }
  .footer-secondary-menu-link:hover {
    color: var(--teal);
  }
}
.footer-secondary-dec {
  width: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 10.466666666666667rem;
  bottom: 0;
  pointer-events: none;
}
.footer-secondary-dec:before {
  content: "";
  width: 33.333333333333336rem;
  height: 33.333333333333336rem;
  position: absolute;
  top: -1px;
  border: 1px solid var(--teal);
  border-radius: 50%;
}
.footer.-observed .footer-secondary-dec {
  width: 16rem;
}
@media (max-width: 767px), (max-width: 1023px) and (orientation: landscape) {
  .footer-secondary-dec:before {
    right: 0;
  }
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .footer-secondary-dec {
    left: 0;
    transition: width 1.2s 1s;
  }
  .footer-secondary-dec:before {
    width: 49.4rem;
    height: 49.4rem;
    left: -5.4rem;
  }
  .footer.-observed .footer-secondary-dec {
    width: 19.5rem;
  }
}
@media (pointer: fine) {
  .footer-credits a {
    transition: color 0.15s;
  }
  .footer-credits a:hover {
    color: var(--teal);
  }
}
.header {
  --border-color: var(--teal);
  --link-hover-color: var(--teal);
  --toggle-hover-color: var(--white);
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  color: var(--white);
  pointer-events: none;
}
.header ::-moz-selection {
  background: var(--background-color);
  color: var(--text-color);
}
.header ::selection {
  background: var(--background-color);
  color: var(--text-color);
}
body:has(.main > .-bg-light:first-child) .header:not(.-fm-open) {
  --border-color: var(--extra-dark-green);
  --link-hover-color: var(--orange);
  --toggle-hover-color: var(--orange);
  color: var(--extra-dark-green);
}
.header-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: var(--header-height);
  padding-left: var(--side-padding);
  padding-right: var(--side-padding);
  pointer-events: all;
  transition: transform 0.5s;
}
.header-inner:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background-image: linear-gradient(
    123deg,
    var(--extra-dark-blue),
    var(--extra-dark-green)
  );
  border-bottom: 1px solid var(--border-color);
}
.header.-hidden .header-inner {
  transform: translateY(-100%);
}
body:has(.main > .-bg-light:first-child)
  .header:not(.-fm-open)
  .header-inner:before {
  background: var(--white);
}
.header-logo-link {
  margin-top: 0.25rem;
  position: relative;
  z-index: 3;
}
.header-logo {
  width: 10rem;
  height: auto;
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .header-logo {
    width: 11.855500000000001rem;
  }
}
.header-menu {
  --gap: 2.75rem;
  flex: 1;
  display: flex;
  gap: var(--gap);
  margin-left: 13.5rem;
  margin-bottom: 0;
}
@media (max-width: 767px), (max-width: 1023px) and (orientation: landscape) {
  .header-menu {
    display: none;
  }
}
.header-menu-link {
  display: inline-flex;
  align-items: center;
  gap: 0.44em;
  height: var(--header-height);
  padding-top: 0.2em;
  position: relative;
  z-index: 2;
  text-transform: uppercase;
  font-size: 0.75rem;
  font-size: max(0.75rem, 11px);
}
.header-menu-link:before {
  content: "";
  top: 0;
  right: calc(var(--gap) / -2);
  bottom: 0;
  left: calc(var(--gap) / -2);
  position: absolute;
}
.header-menu-link .icon {
  display: grid;
  flex-shrink: 0;
  align-items: center;
  width: 0.74866667em;
  height: 0.74866667em;
  margin-top: -0.2em;
}
.header-menu-link .icon:before,
.header-menu-link .icon:after {
  content: "";
  grid-area: 1/1;
  width: 100%;
  height: 1px;
  background-color: var(--orange);
}
.header-menu-link .icon:after {
  transform: rotate(90deg);
}
.header-menu-item.-dropdown-open .header-menu-link .icon:after {
  visibility: hidden;
}
@media (pointer: fine) {
  .header-menu-link {
    transition: color 0.15s;
  }
  .header-menu-link:hover {
    color: var(--link-hover-color);
  }
}
.header-dropdown-overlay {
  width: 100%;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.header-menu-item:not(.-dropdown-open) .header-dropdown-overlay {
  visibility: hidden;
}
.header-dropdown {
  --border-color: var(--teal);
  display: flex;
  width: 100%;
  padding-left: var(--side-padding);
  padding-right: var(--side-padding);
  position: absolute;
  top: var(--header-height);
  left: 0;
  background-image: linear-gradient(
    123deg,
    var(--extra-dark-blue),
    var(--extra-dark-green)
  );
  border-bottom: 1px solid var(--border-color);
  transition: transform 0.25s var(--ease-out-quart);
  color: var(--white);
}
body:has(.main > .-bg-light:first-child) .header-dropdown {
  --border-color: var(--extra-dark-green);
  background: var(--white);
  color: var(--extra-dark-green);
}
.header-menu-item:not(.-dropdown-open) .header-dropdown {
  transform: translateY(-100%);
}
.header-menu-item.-dropdown-open .header-dropdown {
  z-index: 1;
}
.header-dropdown-column {
  padding: 2.15rem 2.15rem 1.95rem;
  border-right: 1px solid var(--border-color);
}
.header-dropdown-column:nth-child(1) {
  padding: 2.5rem 2.45rem 2.5rem 0;
}
.header-dropdown-column:nth-child(n + 2) {
  width: 21.75rem;
}
.header-dropdown-column:nth-child(2):nth-last-child(1) {
  width: 43.5175rem;
}
.header-dropdown-image {
  width: 35.85rem;
  height: 14.25rem;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 0.5rem;
}
.header-dropdown-menu-link {
  display: block;
  font-weight: 200;
  font-size: 1.75rem;
  line-height: 1.73;
  letter-spacing: -0.02em;
  font-family: var(--secondary-font);
}
@media (pointer: fine) {
  .header-dropdown-menu-link {
    transition: color 0.15s;
  }
  .header-dropdown-menu-link:hover {
    color: var(--teal);
  }
  body:has(.main > .-bg-light:first-child) .header-dropdown-menu-link:hover {
    color: var(--orange);
  }
}
.header-dropdown-submenu {
  font-size: 0.75rem;
  line-height: 2.1;
}
.header-dropdown-submenu-link {
  display: block;
  color: var(--teal);
}
body:has(.main > .-bg-light:first-child) .header-dropdown-submenu-link {
  color: inherit;
}
@media (pointer: fine) {
  .header-dropdown-submenu-link {
    transition: color 0.15s;
  }
  .header-dropdown-submenu-link:hover {
    color: var(--white);
  }
  body:has(.main > .-bg-light:first-child) .header-dropdown-submenu-link:hover {
    color: var(--orange);
  }
}
.header-fm {
  width: 100%;
  height: 100vh;
  overflow: hidden;
  padding-top: var(--header-height);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  transition: transform 0.35s var(--ease-out-cubic);
}
.header:not(.-fm-open) .header-fm {
  transform: translateY(-100%);
}
@media (max-width: 767px), (max-width: 1023px) and (orientation: landscape) {
  .header-fm {
    height: 120vh;
  }
}
.header-fm-bg {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  pointer-events: none;
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .header-fm-button {
    position: absolute;
    top: calc((var(--header-height) - var(--height)) / 2);
    right: 8.975rem;
  }
}
.header-fm-inner {
  display: grid;
}
@media (max-width: 767px), (max-width: 1023px) and (orientation: landscape) {
  .header-fm-inner {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .header-fm-inner {
    grid-template-columns: repeat(3, 22.7rem) auto;
    height: calc(100vh - var(--header-height));
    padding-left: var(--side-padding);
    border-top: 1px solid var(--border-color);
  }
}
.header-fm-part {
  padding: 0.3rem 1.6rem 0.8rem;
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .header-fm-part {
    border: solid rgba(50, 233, 198, 0.5);
    border-width: 0 0 1px 1px;
  }
  .header-fm-part:nth-child(7) {
    grid-row: 1/3;
    grid-column: 4/5;
    position: relative;
  }
  .header-fm-part:nth-child(8) {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-bottom: 0.5rem;
    padding-top: 0.8rem;
    padding-right: 0;
    grid-column: 1/3;
    border-bottom-width: 0;
  }
}
.header-fm-menu-link {
  display: block;
  font-weight: 200;
  font-size: 1.75rem;
  line-height: 1.73;
  letter-spacing: -0.02em;
  font-family: var(--secondary-font);
  color: var(--teal);
}
@media (pointer: fine) {
  .header-fm-menu-link {
    transition: color 0.15s;
  }
  .header-fm-menu-link:hover {
    color: var(--white);
  }
}
.header-fm-submenu {
  margin-top: 0.3rem;
  font-size: 0.7rem;
  font-size: max(0.7rem, 10px);
}
.header-fm-submenu {
  line-height: 1.8;
}
.header-fm-menu-item:not(:last-child) .header-fm-submenu {
  margin-bottom: 2rem;
}
@media (max-height: 47.4vw) {
  .header-fm-part:has(.header-fm-subsubmenu) .header-fm-submenu {
    display: flex;
    gap: 0.5rem;
  }
}
.header-fm-submenu-link {
  display: block;
  text-transform: uppercase;
  white-space: nowrap;
}
@media (pointer: fine) {
  .header-fm-submenu-link {
    transition: color 0.15s;
  }
  .header-fm-submenu-link:hover {
    color: var(--teal);
  }
}
.header-fm-subsubmenu {
  line-height: 1.93;
}
.header-fm-submenu-item:not(:last-child) .header-fm-subsubmenu {
  margin-bottom: 1rem;
}
@media (max-height: 47.4vw) {
  .header-fm-subsubmenu {
    line-height: 1.4;
  }
}
.header-fm-subsubmenu-link {
  display: block;
  color: var(--teal);
}
@media (pointer: fine) {
  .header-fm-subsubmenu-link {
    transition: color 0.15s;
  }
  .header-fm-subsubmenu-link:hover {
    color: var(--white);
  }
}
@media (max-height: 47.4vw) {
  .header-fm-subsubmenu-link {
    padding-bottom: 0.2em;
    padding-top: 0.2em;
  }
}
.header-fm-image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
@media (max-width: 767px), (max-width: 1023px) and (orientation: landscape) {
  .header-fm-image {
    display: none;
  }
}
.header-fm-search-form {
  position: relative;
}
@media (max-width: 767px), (max-width: 1023px) and (orientation: landscape) {
  .header-fm-search-form {
    margin-bottom: 3.3333333333333335rem;
    margin-top: 3.3333333333333335rem;
  }
}
.header-fm-search-input {
  width: 100%;
  border-bottom: 1px solid rgba(50, 233, 198, 0.5);
  border-radius: 0;
  font-weight: 200;
  font-size: 1.3333333333333333rem;
  line-height: 1.73;
  letter-spacing: -0.02em;
  font-family: var(--secondary-font);
}
.header-fm-search-input::-moz-placeholder {
  color: inherit;
}
.header-fm-search-input::placeholder {
  color: inherit;
}
.header-fm-search-input:focus::-moz-placeholder {
  opacity: 0.5;
}
.header-fm-search-input:focus::placeholder {
  opacity: 0.5;
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .header-fm-search-input {
    font-size: 1.75rem;
  }
}
.header-fm-search-submit {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.4666666666666666rem;
  height: 1.4666666666666666rem;
  position: absolute;
  bottom: 0.9rem;
  right: 0;
  color: var(--orange);
  transition: color 0.15s;
}
.header-fm-search-submit .icon {
  width: 100%;
  height: 100%;
}
@media (pointer: fine) {
  .header-fm-search-submit:hover {
    color: var(--white);
  }
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .header-fm-search-submit {
    width: 1.7625rem;
    height: 1.7625rem;
  }
}
.header-fm-inner-mobile {
  padding-left: var(--side-padding);
  padding-right: var(--side-padding);
  padding-top: 4rem;
  border-top: 1px solid var(--border-color);
}
.header-fm .footer-column:first-child {
  display: none;
}
.header-fm .footer-menu {
  line-height: 1.6;
}
.header-menu-toggle {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 0.45rem;
  width: 1.675rem;
  position: relative;
  z-index: 2;
  color: var(--border-color);
  transition: color 0.15s;
}
.header-menu-toggle:before {
  content: "";
  inset: -1rem;
  position: absolute;
}
@media (pointer: fine) {
  .header-menu-toggle:hover {
    color: var(--toggle-hover-color);
  }
}
.header-menu-toggle-line {
  width: 100%;
  height: 1px;
  background-color: currentColor;
  transition: transform 0.15s;
}
.header.-fm-open .header-menu-toggle-line:nth-child(1) {
  transform: translateY(calc(1px + 0.45rem)) rotate(45deg);
}
.header.-fm-open .header-menu-toggle-line:nth-child(2) {
  opacity: 0;
}
.header.-fm-open .header-menu-toggle-line:nth-child(3) {
  transform: translateY(calc(-1px - 0.45rem)) rotate(-45deg);
}
.hero {
  display: flex;
  align-items: center;
  min-height: 19.333333333333332rem;
  overflow: hidden;
  padding: 4rem var(--side-padding);
}
.hero:before {
  z-index: 1;
}
.hero:after {
  content: "";
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  pointer-events: none;
}
.hero:has(+ .page-nav) {
  margin-bottom: 0;
}
.hero.-shadow-1:after {
  width: 70%;
  background-image: linear-gradient(
    to right,
    rgba(0, 0, 0, 0.3),
    rgba(0, 0, 0, 0)
  );
}
.hero.-shadow-2:after {
  width: 88%;
  background-image: linear-gradient(to right, #22333b, rgba(34, 51, 59, 0));
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .hero {
    min-height: 27.7rem;
    padding-bottom: 0;
    padding-top: 0;
  }
}
.hero-bg {
  width: 112%;
  height: 100%;
  max-width: none;
  -o-object-fit: cover;
  object-fit: cover;
  top: 0;
  left: 0;
  position: absolute;
  pointer-events: none;
  transition: transform 8s ease-out;
}
.hero.-observed .hero-bg {
  transform: translate(-10%);
}
.hero-inner {
  display: flex;
  justify-content: space-between;
  gap: 6rem;
  width: 100%;
  position: relative;
  z-index: 2;
}
@media (max-width: 767px), (max-width: 1023px) and (orientation: landscape) {
  .hero-inner {
    flex-direction: column;
  }
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .hero-inner {
    align-items: center;
    padding-right: 13rem;
  }
}
.hero-caption {
  transition: var(--ost);
  transition-property: opacity, transform;
  margin-bottom: 2rem;
  font-size: 0.6em;
  font-size: max(0.6em, 13px);
  color: var(--teal);
}
.hero:not(.-observed) .hero-caption {
  opacity: 0;
  transform: var(--ost-transform);
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .hero-caption {
    margin-bottom: 3rem;
  }
}
.hero-title {
  max-width: 17em;
}
.hero-title:not(:has(.line)) {
  opacity: 0;
}
.hero-title .line {
  transition: opacity 1.2s var(--delay, 0s),
    transform 1.2s var(--delay, 0s) var(--ease-out-quart);
  transform-origin: 0% 50%;
}
.hero-title:not(.-observed) .line {
  opacity: 0;
  transform: var(--ost-transform-line);
}
.hero-logo {
  transition: var(--ost);
  transition-property: opacity, transform;
  width: 13.333333333333334rem;
  filter: brightness(3.3) sepia(100%) saturate(200%) hue-rotate(117deg);
}
.hero:not(.-observed) .hero-logo {
  opacity: 0;
  transform: var(--ost-transform);
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .hero-logo {
    width: 23rem;
  }
}
.hero-cta {
  transition: var(--ost);
  transition-property: opacity, transform;
  transition-delay: calc(var(--ost-init-delay) + var(--ost-stagger-delay) * 1);
  flex-shrink: 0;
  width: 23.75rem;
  padding: 1.1rem 1.3rem 1.3rem;
  border: 1px solid var(--teal);
  border-radius: 0.5rem;
  -webkit-backdrop-filter: blur(0.85rem);
  backdrop-filter: blur(0.85rem);
}
.hero:not(.-observed) .hero-cta {
  opacity: 0;
  transform: var(--ost-transform);
}
.hero-cta-title {
  margin-bottom: 2.45rem;
}
.hs {
  overflow: hidden;
  padding-top: 4rem;
  position: relative;
  color: var(--white);
}
@media (max-width: 767px), (max-width: 1023px) and (orientation: landscape) {
  .hs {
    overflow: hidden;
    padding-bottom: 2.6666666666666665rem;
  }
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .hs {
    height: 47.75rem;
    padding-top: 6.35rem;
  }
  .hs:before {
    content: "";
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 2;
    right: var(--right-border-distance);
    background-color: var(--teal);
  }
}
.hs-bg {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  top: 0;
  left: 0;
  position: absolute;
  pointer-events: none;
}
@media (max-width: 767px), (max-width: 1023px) and (orientation: landscape) {
  .hs-bg {
    -o-object-position: 0% 50%;
    object-position: 0% 50%;
    transition: object-position 20s linear;
    transition: object-position 20s linear, -o-object-position 20s linear;
  }
  .hs.-observed .hs-bg {
    -o-object-position: 20% 50%;
    object-position: 20% 50%;
  }
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .hs-bg {
    transform: scale(1.75) translate(20%) translateY(-1%);
    transition: transform 20s linear;
  }
  .hs.-observed .hs-bg {
    transform: scale(1.75) translate(-5%) translateY(-7%) rotate(-7deg);
  }
}
.hs-inner {
  position: relative;
}
@media (max-width: 767px), (max-width: 1023px) and (orientation: landscape) {
  .hs-inner {
    padding-bottom: var(--section-spacing);
    padding-left: var(--side-padding);
    padding-right: var(--side-padding);
  }
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .hs-inner {
    display: flex;
    align-items: flex-end;
    gap: 2.2rem;
  }
}
.hs-slider {
  flex-shrink: 0;
  overflow: hidden;
}
@media (max-width: 767px), (max-width: 1023px) and (orientation: landscape) {
  .hs-slider {
    margin-bottom: 4rem;
  }
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .hs-slider {
    width: 57.1rem;
    position: relative;
  }
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .hs-slide {
    padding-left: var(--side-padding);
  }
}
.hs-slide-title {
  max-width: 10.1em;
  margin-bottom: 2.6666666666666665rem;
}
.hs-slide:first-child .hs-slide-title:not(:has(.line)) {
  opacity: 0;
}
.hs-slide:first-child .hs-slide-title .line {
  transition: opacity 1.2s var(--delay, 0s),
    transform 1.2s var(--delay, 0s) var(--ease-out-quart);
  transform-origin: 0% 50%;
}
.hs-slide:first-child .hs-slide-title:not(.-observed) .line {
  opacity: 0;
  transform: var(--ost-transform-line);
}
@media (max-width: 767px), (max-width: 1023px) and (orientation: landscape) {
  .hs-slide-title {
    text-wrap: balance;
  }
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .hs-slide-title {
    margin-bottom: 4.65rem;
  }
}
.hs-slide-caption {
  text-transform: uppercase;
  font-size: 0.6rem;
  font-size: max(0.6rem, 9px);
}
.hs-slide:first-child .hs-slide-caption {
  transition: var(--ost);
  transition-property: opacity, transform;
  transition-delay: calc(var(--ost-init-delay) + var(--ost-stagger-delay) * 1);
}
.hs:not(.-observed) .hs-slide:first-child .hs-slide-caption {
  opacity: 0;
  transform: var(--ost-transform);
}
.hs-slide-details {
  display: grid;
}
@media (max-width: 767px), (max-width: 1023px) and (orientation: landscape) {
  .hs-slide-details {
    gap: 1.3333333333333333rem;
  }
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .hs-slide-details {
    grid-template-columns: 13.45rem auto;
  }
}
.hs-slide-desc {
  max-width: 22.95em;
  min-height: 6rem;
}
.hs-slide:first-child .hs-slide-desc {
  transition: var(--ost);
  transition-property: opacity, transform;
  transition-delay: calc(var(--ost-init-delay) + var(--ost-stagger-delay) * 2);
}
.hs:not(.-observed) .hs-slide:first-child .hs-slide-desc {
  opacity: 0;
  transform: var(--ost-transform);
}
@media (max-width: 767px), (max-width: 1023px) and (orientation: landscape) {
  .hs-slide-desc {
    margin-bottom: 0;
  }
}
.hs-slide:first-child .hs-slide-button-container {
  transition: opacity 1.2s;
  transition-delay: calc(var(--ost-init-delay) + var(--ost-stagger-delay) * 3);
}
.hs:not(.-observed) .hs-slide:first-child .hs-slide-button-container {
  opacity: 0;
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .hs-slide-button-container {
    grid-column: 2/3;
  }
}
.hs-navigation {
  transition: opacity 1.2s;
  transition-delay: calc(var(--ost-init-delay) + var(--ost-stagger-delay) * 3);
  display: flex;
  align-items: center;
  gap: 0.35rem;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1;
}
.hs:not(.-observed) .hs-navigation {
  opacity: 0;
}
@media (max-width: 767px), (max-width: 1023px) and (orientation: landscape) {
  .hs-navigation {
    bottom: -0.3333333333333333rem;
    left: var(--side-padding);
    right: auto;
  }
}
.hs-slider-count {
  margin-right: 0.65rem;
  font-size: 0.6rem;
  color: var(--orange);
}
.hs-prev,
.hs-next {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.8666666666666667rem;
  height: 2.8666666666666667rem;
  background-color: var(--orange);
  border: 1px solid transparent;
  border-radius: 0.5rem;
  font-size: 0.6rem;
  color: var(--white);
  transition: background-color 0.15s;
}
.hs-prev.swiper-button-disabled,
.hs-next.swiper-button-disabled {
  background-color: transparent;
  border-color: var(--orange);
  color: var(--orange);
  pointer-events: none;
}
.hs-prev .icon,
.hs-next .icon {
  display: block;
  width: 0.85em;
  height: 0.85em;
  position: relative;
  border: solid;
  border-width: 1px 1px 0 0;
}
@media (pointer: fine) {
  .hs-prev:hover,
  .hs-next:hover {
    background-color: var(--darker-orange);
  }
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .hs-prev,
  .hs-next {
    width: 2.2rem;
    height: 2.15rem;
  }
}
.hs-prev {
  padding-left: 0.2rem;
}
.hs-prev .icon {
  transform: rotate(225deg);
}
.hs-next {
  padding-right: 0.2rem;
}
.hs-next .icon {
  transform: rotate(45deg);
}
.hs-posts {
  overflow: hidden;
  transition: 0.7s 0s var(--ease-out-cubic);
  transition-property: opacity, transform;
}
.hs:not(.-observed) .hs-posts {
  transform: translate(5rem);
}
@media (max-width: 767px), (max-width: 1023px) and (orientation: landscape) {
  .hs-posts {
    margin-left: calc(var(--side-padding) * -1);
    margin-right: calc(var(--side-padding) * -1);
    padding-left: var(--side-padding);
    padding-right: var(--side-padding);
  }
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .hs-posts {
    flex: 1;
    height: 33rem;
    padding-right: var(--right-border-distance);
    position: relative;
    border-radius: 0.5rem 0 0 0.5rem;
    -webkit-backdrop-filter: blur(0.85rem);
    backdrop-filter: blur(0.85rem);
  }
  .hs-posts:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    border: 1px solid var(--teal);
    border-width: 1px 0 1px 1px;
    border-radius: inherit;
    pointer-events: none;
  }
}
.hs-post {
  display: flex;
  flex-direction: column;
}
@media (max-width: 767px), (max-width: 1023px) and (orientation: landscape) {
  .hs-post {
    width: calc(100vw - var(--side-padding) * 2 - 1.3333333333333333rem);
    height: auto;
    border: 1px solid var(--teal);
    border-radius: 0.5rem;
    -webkit-backdrop-filter: blur(0.85rem);
    backdrop-filter: blur(0.85rem);
  }
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .hs-post {
    width: 26.2rem;
  }
}
.hs-post-image-container {
  flex-shrink: 0;
  overflow: hidden;
}
@media (max-width: 767px), (max-width: 1023px) and (orientation: landscape) {
  .hs-post-image-container {
    border-radius: 0.5rem 0.5rem 0 0;
  }
}
.hs-post-image {
  width: 100%;
  height: 11.25rem;
  -o-object-fit: cover;
  object-fit: cover;
}
@media (pointer: fine) {
  .hs-post-image {
    transition: transform 0.5s var(--ease-out-quad);
  }
  .hs-post:hover .hs-post-image {
    transform: scale(1.05);
  }
}
.hs-post-details {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 2.35rem 2.4rem 2.4rem;
}
.hs-post-date {
  margin-bottom: 1.55rem;
  font-size: 0.75rem;
  font-size: max(0.75rem, 11px);
}
.hs-post-title {
  margin-bottom: 2rem;
  font-size: 1.5rem;
  line-height: 1.067;
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .hs-post-desc {
    font-size: max(var(--base-font-size), 12px);
  }
}
.hs-post-more {
  margin-top: auto;
  margin-bottom: 0;
  text-transform: uppercase;
  text-decoration: underline;
  font-size: 0.75rem;
  font-size: max(0.75rem, 11px);
  color: var(--orange);
}
.hv {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 2.5rem;
  padding: var(--section-spacing) var(--side-padding) var(--section-spacing);
}
@media (max-width: 767px), (max-width: 1023px) and (orientation: landscape) {
  .hv {
    flex-direction: column;
    gap: 4rem;
  }
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .hv {
    padding-top: 5.2rem;
  }
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .hv-column:first-child {
    flex: 1;
  }
  .hv-column:last-child {
    width: 50.35rem;
  }
}
.hv-title {
  margin-bottom: 2.3rem;
}
.hv-title:not(:has(.line)) {
  opacity: 0;
}
.hv-title .line {
  transition: opacity 1.2s var(--delay, 0s),
    transform 1.2s var(--delay, 0s) var(--ease-out-quart);
  transform-origin: 0% 50%;
}
.hv-title:not(.-observed) .line {
  opacity: 0;
  transform: var(--ost-transform-line);
}
.hv-desc {
  transition: var(--ost);
  transition-property: opacity, transform;
  transition-delay: calc(var(--ost-init-delay) + var(--ost-stagger-delay) * 1);
  max-width: 27.6em;
}
.hv:not(.-observed) .hv-desc {
  opacity: 0;
  transform: var(--ost-transform);
}
.hv-cta {
  transition: var(--ost);
  transition-property: opacity, transform;
  transition-delay: calc(var(--ost-init-delay) + var(--ost-stagger-delay) * 2);
  margin-top: 3.3333333333333335rem;
  padding: 1.1rem 1.3rem 1.3rem;
  border: 1px solid var(--extra-dark-green);
  border-radius: 0.5rem;
}
.hv:not(.-observed) .hv-cta {
  opacity: 0;
  transform: var(--ost-transform);
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .hv-cta {
    width: 27.6rem;
    margin-top: 4rem;
  }
}
.hv-cta-title {
  margin-bottom: 2rem;
}
.hv .section-video {
  width: 100%;
  overflow: hidden;
  padding: 0;
}
.hv .section-video .section-video-inner {
  transition-delay: calc(var(--ost-init-delay) + var(--ost-stagger-delay) * 1);
}
.hv .section-video.-player-active .section-video-inner {
  height: var(--video-height);
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .hv .section-video {
    --video-height: 28.35rem;
  }
}
.landing {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 4rem;
  padding: 3.5rem var(--side-padding);
  position: relative;
  color: var(--white);
}
.landing ::-moz-selection {
  background: var(--background-color);
  color: var(--text-color);
}
.landing ::selection {
  background: var(--background-color);
  color: var(--text-color);
}
@media (max-width: 767px), (max-width: 1023px) and (orientation: landscape) {
  .landing {
    margin-top: 2rem;
    padding-top: 6.666666666666667rem;
    padding-bottom: 5.333333333333333rem;
  }
  .landing:not(:has(.landing-header-buttons)) {
    margin-top: 0;
    padding-top: 4.666666666666667rem;
  }
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .landing {
    gap: 6.2vh;
    min-height: calc(100vh - var(--header-height));
  }
}
.landing-header {
  display: flex;
  width: 100%;
  height: var(--header-height);
  position: absolute;
  top: calc(var(--header-height) * -1);
  left: 0;
  padding-left: var(--side-padding);
  padding-right: var(--side-padding);
  border-bottom: 1px solid var(--teal);
}
@media (max-width: 767px), (max-width: 1023px) and (orientation: landscape) {
  .landing-header {
    height: calc(var(--header-height) + 2rem);
    flex-direction: column;
    gap: 2rem;
    background-image: linear-gradient(
      123deg,
      var(--extra-dark-blue),
      var(--extra-dark-green)
    );
  }
  .landing:not(:has(.landing-header-buttons)) .landing-header {
    height: var(--header-height);
    padding-top: 2rem;
  }
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .landing-header {
    justify-content: space-between;
    align-items: center;
  }
}
.landing-header .header-logo {
  margin-top: 0.25rem;
}
.landing-header-buttons {
  display: flex;
  align-items: center;
  gap: 1.3333333333333333rem;
}
@media (max-width: 767px), (max-width: 1023px) and (orientation: landscape) {
  .landing-header-buttons .button {
    gap: 0.6666666666666666rem;
    min-width: 0;
  }
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .landing-header-buttons {
    gap: 4.9rem;
  }
}
.landing-bg {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  top: 0;
  left: 0;
  position: absolute;
  z-index: -1;
  pointer-events: none;
}
@media (max-width: 767px), (max-width: 1023px) and (orientation: landscape) {
  .landing-bg {
    -o-object-position: 40% 50%;
    object-position: 40% 50%;
  }
}
.landing-title {
  max-width: 10.1em;
  line-height: 0.91;
}
@media (max-width: 767px), (max-width: 1023px) and (orientation: landscape) {
  .landing-title {
    font-size: 3rem;
  }
  .landing-title br {
    display: none;
  }
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .landing-title {
    margin-bottom: 3.5rem;
  }
}
.landing-options {
  display: grid;
  gap: 1.3333333333333333rem;
  margin-bottom: 2.1rem;
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .landing-options {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 1.5rem;
  }
}
.landing-option {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 3.5rem;
  padding: 0.9rem 1.325rem 1.125rem;
  border: 1px solid var(--teal);
  border-radius: 0.5rem;
  -webkit-backdrop-filter: blur(2.5rem);
  backdrop-filter: blur(2.5rem);
}
.landing-link-container {
  display: flex;
  justify-content: center;
}
.landing-link {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  text-transform: uppercase;
  font-size: 0.75rem;
  font-size: max(0.75rem, 11px);
}
.landing-link svg {
  width: 1.0762em;
  height: 1.0762em;
}
@media (pointer: fine) {
  .landing-link {
    transition: color 0.15s;
  }
  .landing-link:hover {
    color: var(--teal);
  }
}
.page-nav {
  transition: opacity 1.2s;
  margin-bottom: 4.666666666666667rem;
  padding-left: var(--side-padding);
  padding-right: var(--side-padding);
  border-bottom: 1px solid var(--extra-dark-green);
}
.page-nav:not(.-observed) {
  opacity: 0;
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .page-nav {
    margin-bottom: 6.4rem;
  }
  .header.-hidden + .main .page-nav {
    top: 0;
  }
  .page-nav.-sticky {
    position: sticky;
    top: var(--header-height);
    z-index: 9;
    background-color: var(--background-color);
    transition: top 0.5s;
  }
}
.page-nav-list {
  display: flex;
  justify-content: center;
  text-transform: uppercase;
}
@media (max-width: 767px), (max-width: 1023px) and (orientation: landscape) {
  .page-nav-list {
    flex-direction: column;
    align-items: center;
    padding-bottom: 0.7em;
    padding-top: 0.7em;
  }
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .page-nav-list {
    gap: 4.75rem;
    font-size: 0.75rem;
    font-size: max(0.75rem, 11px);
  }
}
.page-nav-link {
  display: flex;
  align-items: center;
}
.page-nav-link[aria-current],
.page-nav-link.-active {
  text-decoration: underline;
  color: var(--orange);
}
@media (pointer: fine) {
  .page-nav-link {
    transition: color 0.15s;
  }
  .page-nav-link:hover {
    color: var(--orange);
  }
}
@media (max-width: 767px), (max-width: 1023px) and (orientation: landscape) {
  .page-nav-link {
    padding-bottom: 0.4em;
    padding-top: 0.4em;
  }
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .page-nav-link {
    height: calc(var(--header-height) - 1px);
  }
}
.popup {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 var(--side-padding);
  position: fixed;
  z-index: 10;
  transition: 0.25s;
  transition-property: visibility, opacity;
}
.popup,
.popup-overlay {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.popup:not(.-visible) {
  visibility: hidden;
  opacity: 0;
}
.popup-overlay {
  position: absolute;
  background-color: #333235f2;
}
.popup-container {
  width: 49.75rem;
  max-height: 90vh;
  overflow: auto;
  padding: 2.3333333333333335rem var(--side-padding) 2rem;
  position: relative;
  background-color: #fffaf7;
  border-radius: 0.5rem;
  transition: transform 0.25s;
}
.popup:not(.-visible) .popup-container {
  transform: translateY(3vw);
}
.popup-container.-bio {
  width: 68.45rem;
  padding: 0;
}
.popup-container.-tile {
  width: 58.5rem;
  padding: 2.5rem 1.3333333333333333rem;
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .popup-container {
    display: flex;
    flex-direction: column;
    min-height: min(29rem, 90vh);
    padding: 4rem 5rem;
  }
  .popup-container.-bio {
    min-height: 0;
    padding: 0;
  }
  .popup-container.-tile {
    padding: 2.5rem;
  }
}
.popup-bg {
  width: 100%;
  max-height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.popup-title {
  line-height: 1.15;
  margin-bottom: 3.75rem;
  position: relative;
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .popup-title {
    font-size: 3rem;
  }
}
.popup-text,
.popup-form {
  position: relative;
  font-size: 0.9em;
  line-height: 1.33;
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .popup-form {
    margin-top: auto;
  }
}
.popup-form-label {
  display: block;
  margin-bottom: 3rem;
}
.popup-form-columns {
  display: flex;
}
@media (max-width: 767px), (max-width: 1023px) and (orientation: landscape) {
  .popup-form-columns {
    flex-direction: column;
    gap: 2rem;
  }
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .popup-form-columns {
    justify-content: space-between;
    align-items: flex-end;
  }
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .popup-form-column:first-of-type {
    width: 26.5rem;
  }
}
.popup-form .button {
  min-width: 6rem;
}
.popup-form-small-text {
  font-size: max(0.5rem, 10px);
}
.popup-form-label + .popup-form-small-text {
  margin-top: -1.4rem;
}
.popup-button-container {
  margin-top: 2.65rem;
}
.popup-button-container .button {
  min-width: 6rem;
  justify-content: center;
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .popup-button-container {
    margin-bottom: -1.8rem;
  }
}
.popup-x {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  position: absolute;
  top: 0;
  right: 0;
}
.popup-x svg {
  width: 0.6717500000000001rem;
  height: 0.6717500000000001rem;
}
@media (pointer: fine) {
  .popup-x {
    transition: color 0.15s;
  }
  .popup-x:hover {
    color: var(--orange);
  }
}
@media (max-width: 767px), (max-width: 1023px) and (orientation: landscape) {
  .popup-container.-bio .popup-x {
    color: var(--white);
  }
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .popup-bio-columns {
    display: flex;
    gap: 4.05rem;
  }
}
.popup-bio-image {
  width: 100%;
  height: 25.3rem;
  -o-object-fit: cover;
  object-fit: cover;
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .popup-bio-image {
    width: 20.6rem;
    border-radius: 0.5rem;
  }
}
.popup-bio-details {
  padding: 2rem 1.3333333333333333rem;
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .popup-bio-details {
    padding-top: 3.5rem;
    padding-left: 0;
    padding-right: 3.8rem;
    padding-bottom: 3.5rem;
  }
}
.popup-bio-name {
  color: var(--teal);
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .popup-bio-name {
    font-size: 2rem;
  }
}
.popup-bio-title {
  margin-top: 0.5rem;
  color: #707070;
}
.popup-bio-text {
  margin-top: 2rem;
}
.sa {
  --border-color: var(--teal);
  padding-bottom: var(--section-spacing);
  padding-left: var(--side-padding);
  padding-right: var(--side-padding);
}
.sa-title {
  max-width: 17.8em;
  margin-bottom: 7.4rem;
}
.sa-title:not(:has(.line)) {
  opacity: 0;
}
.sa-title .line {
  transition: opacity 1.2s var(--delay, 0s),
    transform 1.2s var(--delay, 0s) var(--ease-out-quart);
  transform-origin: 0% 50%;
}
.sa-title:not(.-observed) .line {
  opacity: 0;
  transform: var(--ost-transform-line);
}
.sa-items {
  margin-right: calc(var(--right-border-distance) - var(--side-padding));
  border-bottom: 1px solid var(--border-color);
}
.sa-item {
  transition: var(--ost);
  transition-property: opacity, transform;
}
.sa-item:not(.-observed) {
  opacity: 0;
  transform: var(--ost-transform);
}
.sa-item-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.9em;
  padding-bottom: 2.125rem;
  padding-top: 2.125rem;
  position: relative;
  z-index: 1;
  border-top: 1px solid var(--border-color);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: pointer;
  transition: color 0.15s;
}
@media (pointer: fine) {
  .sa-item-header:hover {
    color: var(--teal);
  }
  .sa.-bg-light .sa-item-header:hover {
    color: var(--orange);
  }
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .sa-item-header {
    padding-right: 1.85rem;
  }
}
.sa-item-icon {
  display: grid;
  align-items: center;
  width: 1.3333333333333333rem;
  height: 1.3333333333333333rem;
  color: var(--orange);
}
.sa-item-icon:before,
.sa-item-icon:after {
  content: "";
  grid-area: 1/1;
  width: 100%;
  height: 1px;
  background-color: currentColor;
}
.sa-item-icon:after {
  transform: rotate(90deg);
}
.sa-item.-expanded .sa-item-icon:after {
  opacity: 0;
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .sa-item-icon {
    width: 1.5rem;
    height: 1.5rem;
  }
}
.sa-item-content {
  display: grid;
  grid-template-rows: 0fr;
  position: relative;
  opacity: 0;
  transition: grid-template-rows 0.5s var(--ease-out-quart), opacity 0.5s;
}
.sa-item-content u {
  text-decoration: none;
}
.sa-item.-expanded .sa-item-content {
  grid-template-rows: 1fr;
  opacity: 1;
}
.sa-item-content-inner {
  overflow: hidden;
}
.sa-item-content-inner-2 {
  max-width: 61.6rem;
  padding-top: 1.4rem;
  padding-bottom: 4.75rem;
}
.sa-back {
  margin-top: 3.1rem;
}
.sar {
  padding-bottom: var(--section-spacing);
  padding-left: var(--side-padding);
  padding-right: var(--side-padding);
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .sar:has(+ .spo) {
    padding-bottom: 6rem;
  }
}
.sar-lead {
  max-width: 18em;
  margin-bottom: 4rem;
}
.sar-lead:not(:has(.line)) {
  opacity: 0;
}
.sar-lead .line {
  transition: opacity 1.2s var(--delay, 0s),
    transform 1.2s var(--delay, 0s) var(--ease-out-quart);
  transform-origin: 0% 50%;
}
.sar-lead:not(.-observed) .line {
  opacity: 0;
  transform: var(--ost-transform-line);
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .sar-lead {
    margin-bottom: 5.45rem;
  }
}
.sar-columns {
  display: flex;
  gap: 4rem;
}
@media (max-width: 767px), (max-width: 1023px) and (orientation: landscape) {
  .sar-columns {
    flex-direction: column;
  }
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .sar-columns {
    gap: 2.3rem;
  }
}
.sar-column {
  transition: var(--ost);
  transition-property: opacity, transform;
}
.sar-columns:not(.-observed) .sar-column {
  opacity: 0;
  transform: var(--ost-transform);
}
.sar-column.-media .section-video.-player-active .section-video-inner {
  height: var(--video-height);
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .sar-column.-media {
    width: 33.15rem;
  }
  .sar-column.-text {
    flex: 1;
  }
  .sar-column:last-child {
    transition-delay: calc(
      var(--ost-init-delay) + var(--ost-stagger-delay) * 1
    );
  }
}
.sar-image {
  height: auto;
  border-radius: 0.5rem;
}
.sar-text {
  max-width: 52.5em;
}
.sar-text blockquote {
  margin-left: 0;
  padding-left: 0;
  border: none;
}
.sar-text blockquote:not(:first-child) {
  margin-top: 1.55em;
}
.sar-text blockquote:not(:last-child) {
  margin-bottom: 1.55em;
}
.scs {
  overflow: hidden;
  padding-bottom: var(--section-spacing);
  padding-left: var(--side-padding);
  padding-right: var(--side-padding);
}
.scs-title {
  margin-bottom: 3.65rem;
}
.scs-title:not(:has(.line)) {
  opacity: 0;
}
.scs-title .line {
  transition: opacity 1.2s var(--delay, 0s),
    transform 1.2s var(--delay, 0s) var(--ease-out-quart);
  transform-origin: 0% 50%;
}
.scs-title:not(.-observed) .line {
  opacity: 0;
  transform: var(--ost-transform-line);
}
.scs-items {
  display: grid;
  gap: 1.3333333333333333rem;
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .scs-items {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 1.6rem;
  }
}
.scs-item {
  transition: var(--ost);
  transition-property: opacity, transform;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: relative;
  border: 1px solid var(--extra-dark-blue);
  border-radius: 0.5rem;
}
.scs-item:not(.-observed) {
  opacity: 0;
  transform: var(--ost-transform);
}
.scs-item.-hidden {
  display: none;
}
@media (pointer: fine) {
  .scs-item {
    transition: all 0.15s, opacity var(--ost), transform var(--ost);
  }
  .scs-item:hover:not(.-featured) {
    background-color: #fcf9f7;
    border-color: var(--orange);
  }
  .scs-item:hover.-featured:before {
    opacity: 0;
  }
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .scs-item.-featured {
    grid-column: 1/4;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
    padding: 1.05rem;
    background-color: var(--extra-dark-green);
    border-width: 0;
    color: var(--white);
  }
  .scs-item.-featured:before {
    content: "";
    inset: 0;
    position: absolute;
    background-image: linear-gradient(
      123deg,
      var(--extra-dark-blue),
      var(--extra-dark-green)
    );
    transition: opacity 0.15s;
  }
  .scs-items:not(:has(.scs-item.-featured)) .scs-item:nth-child(3n + 2) {
    transition: all 0.15s,
      opacity 1s calc(var(--ost-init-delay) + var(--ost-stagger-delay) * 1)
        var(--ease-smooth),
      transform 1s calc(var(--ost-init-delay) + var(--ost-stagger-delay) * 1)
        var(--ease-smooth);
  }
  .scs-items:not(:has(.scs-item.-featured)) .scs-item:nth-child(3n) {
    transition: all 0.15s,
      opacity 1s calc(var(--ost-init-delay) + var(--ost-stagger-delay) * 2)
        var(--ease-smooth),
      transform 1s calc(var(--ost-init-delay) + var(--ost-stagger-delay) * 2)
        var(--ease-smooth);
  }
  .scs-items:has(.scs-item.-featured) .scs-item:nth-child(3n) {
    transition: all 0.15s,
      opacity 1s calc(var(--ost-init-delay) + var(--ost-stagger-delay) * 1)
        var(--ease-smooth),
      transform 1s calc(var(--ost-init-delay) + var(--ost-stagger-delay) * 1)
        var(--ease-smooth);
  }
  .scs-items:has(.scs-item.-featured)
    .scs-item:nth-child(3n + 1):not(.-featured) {
    transition: all 0.15s,
      opacity 1s calc(var(--ost-init-delay) + var(--ost-stagger-delay) * 2)
        var(--ease-smooth),
      transform 1s calc(var(--ost-init-delay) + var(--ost-stagger-delay) * 2)
        var(--ease-smooth);
  }
}
.scs-item-image-container {
  overflow: hidden;
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .scs-item.-featured .scs-item-image-container {
    border-radius: inherit;
  }
}
.scs-item-image {
  width: 100%;
  height: 16.65rem;
  position: relative;
  -o-object-fit: cover;
  object-fit: cover;
}
@media (pointer: fine) {
  .scs-item-image {
    transition: transform 0.5s var(--ease-out-quad);
  }
  .scs-item:hover .scs-item-image {
    transform: scale(1.05);
  }
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .scs-item.-featured .scs-item-image {
    width: 43.5rem;
    height: 33.25rem;
    border-radius: inherit;
  }
}
.scs-item-details {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 1.9rem 1.6rem;
  position: relative;
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .scs-item.-featured .scs-item-details {
    max-width: 37em;
    height: 100%;
    padding-bottom: 4.5rem;
    padding-left: 3.6rem;
  }
}
.scs-item-logo-container {
  display: flex;
  align-items: center;
  height: 3.3333333333333335rem;
  margin-bottom: 1.3333333333333333rem;
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .scs-item-logo-container {
    height: 4.4rem;
    margin-bottom: 2rem;
  }
  .scs-item.-featured .scs-item-logo-container {
    height: 8rem;
    margin-bottom: 0.5rem;
  }
}
.scs-item-logo {
  width: 100%;
  max-width: var(--height, 45%);
  height: auto;
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .scs-item.-featured .scs-item-logo {
    max-width: calc(var(--height, 45%) * 1.13);
    filter: brightness(3.3) sepia(100%) saturate(200%) hue-rotate(117deg);
  }
}
.scs-item-title {
  margin-bottom: 1.5rem;
  line-height: 1.2;
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .scs-item-title {
    font-size: 1.25rem;
  }
  .scs-item.-featured .scs-item-title {
    font-size: 1.75rem;
  }
}
.scs-item-more {
  margin-top: auto;
  margin-bottom: 0;
  text-transform: uppercase;
  text-decoration: underline;
  font-size: 0.75rem;
  color: var(--orange);
}
@media (pointer: fine) {
  .scs-item:hover .scs-item-more .button {
    background-color: var(--darker-orange);
  }
  .scs-item:hover .scs-item-more .button .button-icon-wrapper {
    transform: translate(0.15rem);
  }
}
.scs-more {
  display: flex;
  justify-content: center;
  margin-top: 3.8rem;
}
.scs-slider {
  margin-top: 1.3333333333333333rem;
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .scs-slider {
    margin-top: 1.6rem;
  }
}
.scs-item.swiper-slide {
  height: auto;
}
.sc {
  --border-color: var(--teal);
  padding-bottom: var(--section-spacing);
  padding-left: var(--side-padding);
  padding-right: var(--side-padding);
}
.sc-row {
  transition: var(--ost);
  transition-property: opacity, transform;
  display: flex;
  justify-content: space-between;
  padding-bottom: 2.175rem;
  padding-top: 2.175rem;
  border: solid var(--border-color);
  border-width: 0 0 1px;
}
.sc-row:not(.-observed) {
  opacity: 0;
  transform: var(--ost-transform);
}
.sc-row:first-child {
  border-top-width: 1px;
}
@media (max-width: 767px), (max-width: 1023px) and (orientation: landscape) {
  .sc-row {
    flex-direction: column;
    gap: 0.6666666666666666rem;
  }
}
.sc-row-value a {
  text-decoration: none;
}
.sc-footnote {
  transition: var(--ost);
  transition-property: opacity, transform;
  transition-delay: calc(var(--ost-init-delay) + var(--ost-stagger-delay) * 1);
  max-width: 36.35em;
  margin-top: 2.25rem;
}
.sc-footnote:not(.-observed) {
  opacity: 0;
  transform: var(--ost-transform);
}
.sct {
  padding: 0 var(--side-padding);
  position: relative;
}
.sct.-bg-light {
  margin-top: 0;
}
.sct.-bg-img {
  color: var(--white);
}
.sct.-bg-img ::-moz-selection {
  background: var(--background-color);
  color: var(--text-color);
}
.sct.-bg-img ::selection {
  background: var(--background-color);
  color: var(--text-color);
}
.sct.-vertical {
  height: 26.666666666666668rem;
}
.sct.-horizontal {
  height: 20rem;
}
.sct.-contact {
  display: flex;
  flex-direction: column;
  gap: 4rem;
}
@media (max-width: 767px), (max-width: 1023px) and (orientation: landscape) {
  .sct.-contact {
    align-items: center;
    padding-bottom: var(--section-spacing);
    padding-top: var(--section-spacing);
  }
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .sct.-vertical {
    height: 33.5rem;
  }
  .sct.-horizontal {
    height: 23rem;
  }
  .sct.-contact {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    height: 45.15rem;
    padding-left: 8.5rem;
    padding-right: 12.25rem;
  }
}
.sct-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  pointer-events: none;
}
.sct-inner {
  display: flex;
  align-items: center;
  gap: 2.6666666666666665rem;
  height: 100%;
}
@media (max-width: 767px), (max-width: 1023px) and (orientation: landscape) {
  .sct-inner {
    flex-direction: column;
    justify-content: center;
  }
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .sct-inner {
    gap: 5.1rem;
  }
  .sct.-vertical .sct-inner {
    flex-direction: column;
    justify-content: center;
  }
  .sct.-horizontal .sct-inner {
    justify-content: space-between;
    padding-left: 8rem;
    padding-right: 8rem;
  }
  .sct.-contact .sct-inner {
    flex-direction: column;
    align-items: flex-start;
    gap: 3.05rem;
    height: auto;
  }
}
.sct-title:not(:has(.line)) {
  opacity: 0;
}
.sct-title .line {
  transition: opacity 1.2s var(--delay, 0s),
    transform 1.2s var(--delay, 0s) var(--ease-out-quart);
  transform-origin: 0% 50%;
}
.sct-title:not(.-observed) .line {
  opacity: 0;
  transform: var(--ost-transform-line);
}
.sct.-vertical .sct-title {
  text-align: center;
}
@media (max-width: 767px), (max-width: 1023px) and (orientation: landscape) {
  .sct-title {
    text-align: center;
  }
  .sct-title br {
    display: unset;
  }
  .sct.-contact .sct-title {
    text-align: left;
  }
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .sct.-contact .sct-title {
    max-width: 11.84615385em;
  }
}
.sct .ste-item {
  transition: var(--ost);
  transition-property: opacity, transform;
  transition-delay: calc(var(--ost-init-delay) + var(--ost-stagger-delay) * 1);
  flex-shrink: 0;
  align-self: auto;
  width: 20.6rem;
}
.sct .ste-item:not(.-observed) {
  opacity: 0;
  transform: var(--ost-transform);
}
@media (max-width: 767px), (max-width: 1023px) and (orientation: landscape) {
  .sct .ste-item .ste-item-image {
    height: 19.333333333333332rem;
  }
  .sct .ste-item .ste-item-details {
    min-height: 0;
  }
}
@media (max-width: 767px), (max-width: 1023px) and (orientation: landscape) {
  .sct .ste-item:nth-child(4) {
    margin-top: -1.3333333333333333rem;
  }
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .sct .ste-item {
    margin-left: auto;
  }
  .sct .ste-item:nth-child(4) {
    margin-left: -1rem;
  }
}
.sct-button-container {
  transition: var(--ost);
  transition-property: opacity, transform;
  transition-delay: calc(var(--ost-init-delay) + var(--ost-stagger-delay) * 1);
}
.sct:not(.-observed) .sct-button-container {
  opacity: 0;
  transform: var(--ost-transform);
}
.sfe {
  display: flex;
  gap: 2.5rem;
  padding: 5.2rem var(--side-padding) var(--section-spacing);
}
@media (max-width: 767px), (max-width: 1023px) and (orientation: landscape) {
  .sfe {
    flex-direction: column;
  }
}
.sfe-column:first-child {
  flex: 1;
}
@media (max-width: 767px), (max-width: 1023px) and (orientation: landscape) {
  .sfe-column:last-child {
    display: none;
  }
}
.sfe-title {
  margin-bottom: 7.5rem;
}
.sfe-title:not(:has(.line)) {
  opacity: 0;
}
.sfe-title .line {
  transition: opacity 1.2s var(--delay, 0s),
    transform 1.2s var(--delay, 0s) var(--ease-out-quart);
  transform-origin: 0% 50%;
}
.sfe-title:not(.-observed) .line {
  opacity: 0;
  transform: var(--ost-transform-line);
}
.sfe-items {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 5.4rem 2.5rem;
}
.sfe-item {
  transition: var(--ost);
  transition-property: opacity, transform;
}
.sfe-items:not(.-observed) .sfe-item {
  opacity: 0;
  transform: var(--ost-transform);
}
.sfe-item:nth-child(2) {
  transition-delay: calc(var(--ost-init-delay) + var(--ost-stagger-delay) * 1);
}
.sfe-item:nth-child(3) {
  transition-delay: calc(var(--ost-init-delay) + var(--ost-stagger-delay) * 2);
}
.sfe-item:nth-child(4) {
  transition-delay: calc(var(--ost-init-delay) + var(--ost-stagger-delay) * 3);
}
.sfe-item:nth-child(5) {
  transition-delay: calc(var(--ost-init-delay) + var(--ost-stagger-delay) * 4);
}
.sfe-item:nth-child(6) {
  transition-delay: calc(var(--ost-init-delay) + var(--ost-stagger-delay) * 5);
}
.sfe-item-title {
  margin-bottom: 1.5rem;
  padding-top: 0.75rem;
  border-top: 1px solid var(--border-color);
}
.sfe-image {
  transition: var(--ost);
  transition-property: opacity, transform;
  transition-delay: calc(var(--ost-init-delay) + var(--ost-stagger-delay) * 1);
  width: 42.8rem;
  height: 38rem;
  position: relative;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 0.5rem;
}
.sfe-image:not(.-observed) {
  opacity: 0;
  transform: var(--ost-transform);
}
.sg {
  overflow: hidden;
  padding-bottom: var(--section-spacing);
  position: relative;
}
.sg:before {
  display: none;
}
.sg.-bg-light {
  --border-color: var(--orange);
}
.sg-swiper {
  transition: var(--ost);
  transition-property: opacity, transform;
  padding-left: calc(var(--side-padding));
  padding-right: calc(var(--side-padding));
}
.sg-swiper:not(.-observed) {
  opacity: 0;
  transform: var(--ost-transform);
}
.sg-items {
  cursor: grab;
}
.sg-items:active {
  cursor: grabbing;
}
.sg-item {
  width: auto;
  height: 20rem;
}
.sg-item:nth-child(1) {
  transition-delay: calc(var(--ost-init-delay) + var(--ost-stagger-delay) * 0);
}
.sg-item:nth-child(2) {
  transition-delay: calc(var(--ost-init-delay) + var(--ost-stagger-delay) * 1);
}
.sg-item:nth-child(3) {
  transition-delay: calc(var(--ost-init-delay) + var(--ost-stagger-delay) * 2);
}
.sg-item:nth-child(4) {
  transition-delay: calc(var(--ost-init-delay) + var(--ost-stagger-delay) * 3);
}
.sg-item:nth-child(5) {
  transition-delay: calc(var(--ost-init-delay) + var(--ost-stagger-delay) * 4);
}
.sg-item img {
  width: auto;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
@media (max-width: 767px), (max-width: 1023px) and (orientation: landscape) {
  .sg-item:not(:first-child) {
    padding: 0 0 0 var(--side-padding);
  }
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .sg-item {
    height: 27.05rem;
  }
  .sg-item:not(:last-child) {
    padding-right: 0.35rem;
  }
}
.sgr {
  display: flex;
  justify-content: space-between;
  padding-top: 0;
}
.sgr:before {
  display: none;
}
@media (max-width: 767px), (max-width: 1023px) and (orientation: landscape) {
  .sgr {
    flex-direction: column;
    gap: 4rem;
  }
}
.sgr + .sgr {
  margin-top: 3.65rem;
}
.sgr-header {
  padding-left: var(--side-padding);
  padding-right: 7rem;
  padding-top: 5rem;
}
.sgr-title:not(:has(.line)) {
  opacity: 0;
}
.sgr-title .line {
  transition: opacity 1.2s var(--delay, 0s),
    transform 1.2s var(--delay, 0s) var(--ease-out-quart);
  transform-origin: 0% 50%;
}
.sgr-title:not(.-observed) .line {
  opacity: 0;
  transform: var(--ost-transform-line);
}
@media (max-width: 767px), (max-width: 1023px) and (orientation: landscape) {
  .sgr-title {
    margin-bottom: 2rem;
  }
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .sgr-title {
    margin-bottom: 2.9rem;
  }
}
.sgr-desc {
  transition: var(--ost);
  transition-property: opacity, transform;
  transition-delay: calc(var(--ost-init-delay) + var(--ost-stagger-delay) * 1);
  max-width: 30.35em;
}
.sgr-header:not(.-observed) .sgr-desc {
  opacity: 0;
  transform: var(--ost-transform);
}
.sgr-items {
  display: grid;
}
@media (max-width: 767px), (max-width: 1023px) and (orientation: landscape) {
  .sgr-items {
    grid-template-columns: 1fr 1fr;
  }
  .sgr-items:has(.sgr-item:nth-child(3):last-child) {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .sgr-items {
    grid-template-columns: 1fr 1fr 1fr;
    flex-shrink: 0;
    width: 58.5rem;
  }
  .sgr-items:has(.sgr-item:only-child),
  .sgr-items:has(.sgr-item:nth-child(2):last-child) {
    width: 39rem;
  }
  .sgr-items:has(.sgr-item:only-child) {
    grid-template-columns: 1fr;
  }
  .sgr-items:has(.sgr-item:nth-child(2):last-child) {
    grid-template-columns: 1fr 1fr;
  }
}
.sgr-item {
  transition: opacity 1.2s;
  transition-delay: calc(var(--ost-init-delay) + var(--ost-stagger-delay) * 2);
  --side-padding: 1.75rem;
  height: 50vw;
  overflow: hidden;
  position: relative;
  border: solid var(--teal);
  border-width: 0 0 0 1px;
}
.sgr:not(.-observed) .sgr-item {
  opacity: 0;
}
.sgr-item:before {
  content: "";
  opacity: 0;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  z-index: 1;
  background-color: var(--extra-dark-green);
  pointer-events: none;
  transition: opacity 0.15s;
}
.sgr-items:has(.sgr-item:only-child) .sgr-item {
  --side-padding: 5rem;
}
@media (max-width: 767px), (max-width: 1023px) and (orientation: landscape) {
  .sgr-item:nth-child(odd):not(:last-child) {
    border-left-width: 0;
  }
  .sgr-item:nth-child(n + 3) {
    border-top-width: 1px;
  }
  .sgr-item:only-child {
    height: 33.33vw;
    border-top-width: 1px;
    border-left-width: 0;
  }
  .sgr-items:has(.sgr-item:nth-child(3):last-child) .sgr-item {
    height: 33.33vw;
    border-top-width: 1px;
  }
  .sgr-items:has(.sgr-item:only-child) .sgr-item {
    grid-column: 1/3;
  }
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .sgr-item {
    --distance: 4rem;
    height: 20.6rem;
  }
  .sgr-item:after {
    content: "";
    inset: 0 0 0 -1px;
    position: absolute;
    border: 1px solid var(--teal);
    pointer-events: none;
  }
  .sgr[style*="--scroll-progress: 1"] .sgr-item:after {
    visibility: hidden;
  }
  .sgr-item:nth-child(1) {
    transform: translate(
      calc(var(--distance) * (1 - var(--scroll-progress)) * -1),
      calc(var(--distance) * (1 - var(--scroll-progress)) * -1)
    );
  }
  .sgr-item:nth-child(1):after {
    left: -1px;
  }
  .sgr-item:nth-child(2) {
    transform: translateY(
      calc(var(--distance) * (1 - var(--scroll-progress)) * -1)
    );
  }
  .sgr-item:nth-child(3) {
    transform: translate(
      calc(var(--distance) * (1 - var(--scroll-progress)) * 1),
      calc(var(--distance) * (1 - var(--scroll-progress)) * -1)
    );
  }
  .sgr-item:nth-child(4) {
    transform: translate(
      calc(var(--distance) * (1 - var(--scroll-progress)) * -1),
      calc(var(--distance) * (1 - var(--scroll-progress)) * 0.5)
    );
  }
  .sgr-item:nth-child(5) {
    transform: translateY(
      calc(var(--distance) * (1 - var(--scroll-progress)) * 0.5)
    );
  }
  .sgr-item:nth-child(6) {
    transform: translate(
      calc(var(--distance) * (1 - var(--scroll-progress)) * 1),
      calc(var(--distance) * (1 - var(--scroll-progress)) * 0.5)
    );
  }
  .sgr-item:nth-child(n + 4) {
    border-top-width: 1px;
  }
  .sgr-item:nth-child(n + 4):after {
    top: -1px;
  }
}
@media (pointer: fine) {
  a.sgr-item:hover:before {
    opacity: 0.7;
  }
}
.sgr-item-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
@media (pointer: fine) {
  .sgr-item-bg {
    transition: transform 0.5s var(--ease-out-quad);
  }
  .sgr-item:hover .sgr-item-bg {
    transform: scale(1.05);
  }
}
.sgr-item-inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-left: var(--side-padding);
  padding-right: var(--side-padding);
  position: relative;
  z-index: 1;
  text-align: center;
}
.sgr-item-title {
  line-height: 1.17;
  transition: 0.15s;
  transition-property: transform, color;
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .sgr-item:has(.sgr-item-desc):hover .sgr-item-title {
    transform: translateY(-3.75rem);
    color: var(--teal);
  }
}
.sgr-item-desc {
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  top: 9.3rem;
  left: var(--side-padding);
  right: var(--side-padding);
  margin-bottom: 0;
  transition: opacity 0.15s;
}
.sgr-item:not(:hover) .sgr-item-desc {
  opacity: 0;
}
@media (max-width: 767px), (max-width: 1023px) and (orientation: landscape) {
  .sgr-item-desc {
    display: none;
  }
}
.sgr-item-button {
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  width: 2.2rem;
  height: 2.2rem;
  margin-left: auto;
  margin-right: auto;
  padding-right: 0.2rem;
  right: 0;
  bottom: 4rem;
  left: 0;
  position: absolute;
  border: 1px solid;
  color: var(--orange);
  transition: opacity 0.15s;
}
.sgr-item-button .icon {
  display: block;
  width: 0.51em;
  height: 0.51em;
  position: relative;
  border: solid;
  border-width: 1px 1px 0 0;
  transform: rotate(45deg);
}
.sgr-item-desc + .sgr-item-button {
  bottom: 1.75rem;
}
@media (pointer: fine) {
  a.sgr-item:hover .sgr-item-button {
    opacity: 1;
  }
}
@media (max-width: 767px), (max-width: 1023px) and (orientation: landscape) {
  .sgr-item-button {
    display: none;
  }
}
.sh {
  padding-bottom: var(--section-spacing);
  padding-left: var(--side-padding);
  padding-right: var(--side-padding);
}
.sh-title {
  margin-bottom: 4rem;
}
.sh-title:not(:has(.line)) {
  opacity: 0;
}
.sh-title .line {
  transition: opacity 1.2s var(--delay, 0s),
    transform 1.2s var(--delay, 0s) var(--ease-out-quart);
  transform-origin: 0% 50%;
}
.sh-title:not(.-observed) .line {
  opacity: 0;
  transform: var(--ost-transform-line);
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .sh-title {
    margin-bottom: 7.9rem;
  }
}
.sh-items {
  display: grid;
  gap: 1.3333333333333333rem;
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .sh-items {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 1.6rem;
  }
}
.sh-item {
  transition: var(--ost);
  transition-property: opacity, transform;
  padding: 2rem 1.3333333333333333rem 4.666666666666667rem;
  border: 1px solid var(--orange);
  border-radius: 0.5rem;
}
.sh-items:not(.-observed) .sh-item {
  opacity: 0;
  transform: var(--ost-transform);
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .sh-item {
    min-height: 18.65rem;
    padding: 2.5rem 2.3rem 0;
  }
  .sh-item:nth-child(2) {
    transition-delay: calc(
      var(--ost-init-delay) + var(--ost-stagger-delay) * 1
    );
  }
  .sh-item:nth-child(3) {
    transition-delay: calc(
      var(--ost-init-delay) + var(--ost-stagger-delay) * 2
    );
  }
  .sh-item:nth-child(4) {
    transition-delay: calc(
      var(--ost-init-delay) + var(--ost-stagger-delay) * 3
    );
  }
  .sh-item:nth-child(5) {
    transition-delay: calc(
      var(--ost-init-delay) + var(--ost-stagger-delay) * 4
    );
  }
  .sh-item:nth-child(6) {
    transition-delay: calc(
      var(--ost-init-delay) + var(--ost-stagger-delay) * 5
    );
  }
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .sh-item-header {
    min-height: 5.25rem;
  }
}
.sh-item-title {
  font-weight: 400;
}
.sh-item-number {
  text-align: center;
  font-weight: 100;
  font-size: 4.666666666666667rem;
  line-height: 0.75;
  letter-spacing: -0.02em;
  font-family: var(--secondary-font);
}
@media (max-width: 767px), (max-width: 1023px) and (orientation: landscape) {
  .sh-item-number {
    margin-top: 2.6666666666666665rem;
  }
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .sh-item-number {
    font-size: 5.75rem;
  }
}
.sh-footnote {
  transition: var(--ost);
  transition-property: opacity, transform;
  margin-top: 1.95rem;
}
.sh-footnote:not(.-observed) {
  opacity: 0;
  transform: var(--ost-transform);
}
.sh-button-container {
  transition: var(--ost);
  transition-property: opacity, transform;
  margin-top: 2.25rem;
}
.sh-button-container:not(.-observed) {
  opacity: 0;
  transform: var(--ost-transform);
}
@media (max-width: 767px), (max-width: 1023px) and (orientation: landscape) {
  .sh-button-container {
    display: flex;
    justify-content: center;
  }
}
.shi {
  --top: 21.5rem;
  --inner-side-padding: 0;
  padding: 0 var(--inner-side-padding);
  position: relative;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.shi:before {
  width: auto;
  height: 1px;
  position: absolute;
  top: var(--top);
  right: var(--inner-side-padding);
  left: var(--inner-side-padding);
  transition: opacity 1.2s;
  transition-delay: calc(var(--ost-init-delay) + var(--ost-stagger-delay) * 1);
}
.shi:not(.-observed):before {
  opacity: 0;
}
@media (max-width: 767px), (max-width: 1023px) and (orientation: landscape) {
  .shi {
    --top: 19.333333333333332rem;
  }
  .shi:before {
    content: "";
    background-color: var(--border-color);
  }
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .shi {
    --inner-side-padding: 8rem;
  }
}
.shi-items {
  transition: opacity 1.2s;
  transition-delay: calc(var(--ost-init-delay) + var(--ost-stagger-delay) * 1);
  overflow: hidden;
}
.shi:not(.-observed) .shi-items {
  opacity: 0;
}
.shi-item {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 5.333333333333333rem;
  height: 28rem;
  padding-top: 10.6rem;
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .shi-item {
    width: 7.45rem;
    height: 37.5rem;
    padding-top: 5.65rem;
  }
}
.shi-item-dot {
  width: 1.2rem;
  height: 1.2rem;
  position: relative;
  background-color: var(--extra-dark-blue);
  border: 1px solid var(--border-color);
  border-radius: 50%;
  cursor: pointer;
}
.shi-item-dot:before {
  content: "";
  inset: -1.5rem;
  position: absolute;
}
.swiper-slide-active .shi-item-dot,
.shi-item-dot:hover {
  background-color: var(--border-color);
}
.swiper-slide-active .shi-item-dot {
  width: 1.9rem;
  height: 1.9rem;
}
.shi-item-year {
  position: absolute;
  top: 21.333333333333332rem;
  left: 50%;
  transform: translate(-50%);
  pointer-events: none;
}
.swiper-slide-active .shi-item-year {
  transform: translate(-50%) translateY(0);
  font-size: 2.6666666666666665rem;
  line-height: 0.75;
  letter-spacing: -0.02em;
  font-family: var(--secondary-font);
  color: var(--border-color);
}
.shi-item-dot:hover ~ .shi-item-year {
  visibility: visible !important;
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .shi-item-year {
    top: calc(50% + 4.25rem);
    font-size: 1.25rem;
  }
  .swiper-slide-active .shi-item-year {
    transform: translate(-50%) translateY(0.95rem);
    font-size: 5rem;
  }
  .shi-items:not(.-active-odd) .shi-item:nth-child(2n) .shi-item-year,
  .shi-items.-active-odd .shi-item:nth-child(odd) .shi-item-year {
    visibility: hidden;
  }
}
.shi-item-details {
  width: 17.333333333333332rem;
  position: absolute;
  bottom: 12.666666666666666rem;
  left: -6rem;
  transition: 0.25s;
}
.shi-item:not(.swiper-slide-active) .shi-item-details {
  visibility: hidden;
  opacity: 0;
}
@media (max-width: 767px), (max-width: 1023px) and (orientation: landscape) {
  .shi-item-details {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
  }
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .shi-item-details {
    width: 21rem;
    min-height: 14.55rem;
    padding-bottom: 4rem;
    padding-left: 0.55rem;
    left: calc(50% - 1px);
    bottom: 16.7rem;
    border-left: 1px solid rgba(50, 233, 198, 0.5);
    font-size: max(var(--base-font-size), 13px);
  }
}
.shi-item-title {
  margin-bottom: 1.2rem;
  line-height: 1.1;
  color: var(--border-color);
}
.shi-navigation {
  --distance: 0rem;
}
@media (max-width: 767px), (max-width: 1023px) and (orientation: landscape) {
  .shi-navigation {
    display: none;
  }
}
.shi-prev,
.shi-next {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--inner-side-padding);
  height: var(--inner-side-padding);
  position: absolute;
  top: 17.6rem;
}
.shi-prev.swiper-button-disabled,
.shi-next.swiper-button-disabled {
  visibility: hidden;
}
.shi-prev .icon,
.shi-next .icon {
  width: 1.3rem;
  height: 1.3rem;
  display: block;
  border: solid var(--border-color);
  border-width: 1px 1px 0 0;
}
@media (pointer: fine) {
  .shi-prev:hover .icon,
  .shi-next:hover .icon {
    border-width: 2px 2px 0 0;
  }
}
.shi-prev {
  left: var(--distance);
}
.shi-prev .icon {
  transform: rotate(225deg);
}
.shi-next {
  right: var(--distance);
}
.shi-next .icon {
  transform: rotate(45deg);
}
.si {
  padding-bottom: var(--section-spacing);
  padding-left: var(--side-padding);
  padding-right: var(--side-padding);
}
.si-inner {
  transition: var(--ost);
  transition-property: opacity, transform;
  overflow: hidden;
  position: relative;
}
.si-inner:not(.-observed) {
  opacity: 0;
  transform: var(--ost-transform);
}
.si-media {
  width: 100%;
  height: var(--image-height);
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: var(--focal-point-x, 50%) 50%;
  object-position: var(--focal-point-x, 50%) 50%;
  transform-origin: 50% 0%;
  border-radius: 0.5rem;
  pointer-events: none;
}
.sj {
  --first-column-width: 46.85rem;
  padding-bottom: var(--section-spacing);
  padding-left: var(--side-padding);
  padding-right: var(--side-padding);
}
.sj-title {
  margin-bottom: 7.4rem;
}
.sj-title:not(:has(.line)) {
  opacity: 0;
}
.sj-title .line {
  transition: opacity 1.2s var(--delay, 0s),
    transform 1.2s var(--delay, 0s) var(--ease-out-quart);
  transform-origin: 0% 50%;
}
.sj-title:not(.-observed) .line {
  opacity: 0;
  transform: var(--ost-transform-line);
}
.sj-items {
  margin-right: calc(var(--right-border-distance) - var(--side-padding));
  border-top: 1px solid var(--border-color);
}
.sj-item {
  transition: var(--ost);
  transition-property: opacity, transform;
  border-bottom: 1px solid var(--border-color);
}
.sj-item:not(.-observed) {
  opacity: 0;
  transform: var(--ost-transform);
}
.sj-item-header {
  display: flex;
  align-items: center;
  padding-bottom: 2.125rem;
  padding-top: 2.125rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: pointer;
  transition: color 0.15s;
}
@media (pointer: fine) {
  .sj-item-header:hover {
    color: var(--teal);
  }
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .sj-item-header {
    padding-right: 1.85rem;
  }
}
.sj-item-icon {
  flex-shrink: 0;
  display: grid;
  align-items: center;
  width: 1.3333333333333333rem;
  height: 1.3333333333333333rem;
  color: var(--orange);
}
.sj-item-icon:before,
.sj-item-icon:after {
  content: "";
  grid-area: 1/1;
  width: 100%;
  height: 1px;
  background-color: currentColor;
}
.sj-item-icon:after {
  transform: rotate(90deg);
}
.sj-item.-expanded .sj-item-icon:after {
  opacity: 0;
}
@media (pointer: fine) {
  .sj-item-icon {
    transition: opacity 0.15s;
  }
  .sj-item-header:hover .sj-item-icon {
    opacity: 1;
  }
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .sj-item-icon {
    width: 1.5rem;
    height: 1.5rem;
  }
}
.sj-item-title {
  width: var(--first-column-width);
  padding-right: 1em;
}
.sj-item-location {
  flex-grow: 1;
  margin-bottom: 0;
  letter-spacing: 0;
}
@media (max-width: 767px), (max-width: 1023px) and (orientation: landscape) {
  .sj-item-location {
    display: none;
  }
}
.sj-item-content {
  display: grid;
  grid-template-rows: 0fr;
  opacity: 0;
  transition: grid-template-rows 0.5s var(--ease-out-quart), opacity 0.5s;
}
.sj-item.-expanded .sj-item-content {
  grid-template-rows: 1fr;
  opacity: 1;
}
.sj-item-content-inner {
  overflow: hidden;
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .sj-item-content-inner {
    padding-right: 3.5rem;
  }
}
.sj-item-intro {
  max-width: 25.69em;
  margin-top: 0.75rem;
  margin-bottom: 3.75rem;
  color: var(--teal);
}
.sj-item-block {
  display: flex;
  justify-content: space-between;
}
.sj-item-block:first-child {
  margin-top: 1.75rem;
}
.sj-item-block:not(:last-child) {
  margin-bottom: 2.6rem;
}
.sj-item-block:last-child {
  margin-bottom: 3rem;
}
@media (max-width: 767px), (max-width: 1023px) and (orientation: landscape) {
  .sj-item-block {
    flex-direction: column;
    gap: 1.3333333333333333rem;
  }
}
.sj-item-block-title {
  width: var(--first-column-width);
  font-size: 1.25rem;
}
.sj-item-block-content {
  flex: 1;
}
@media (max-width: 767px), (max-width: 1023px) and (orientation: landscape) {
  .sj-item-block-content:has(.button) {
    display: flex;
    justify-content: center;
  }
}
.sle {
  padding-bottom: var(--section-spacing);
  padding-left: var(--side-padding);
  padding-right: var(--side-padding);
}
.sle-inner {
  display: flex;
  gap: 4rem;
}
@media (max-width: 767px), (max-width: 1023px) and (orientation: landscape) {
  .sle-inner {
    flex-direction: column;
  }
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .sle-inner {
    gap: 2.5rem;
  }
}
.sle-title {
  transition: var(--ost);
  transition-property: opacity, transform;
  width: 20rem;
  color: var(--orange);
}
.sle-inner:not(.-observed) .sle-title {
  opacity: 0;
  transform: var(--ost-transform);
}
.sle-text {
  transition: var(--ost);
  transition-property: opacity, transform;
  transition-delay: calc(var(--ost-init-delay) + var(--ost-stagger-delay) * 1);
  max-width: 55.25rem;
  flex: 1;
}
.sle-inner:not(.-observed) .sle-text {
  opacity: 0;
  transform: var(--ost-transform);
}
.sle-text h2 {
  margin-bottom: 1.25em;
  text-transform: uppercase;
  color: var(--orange);
}
.sle-text h2:not(:first-child) {
  margin-top: 3.8em;
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .sle-text {
    padding-left: 0.8rem;
    border-left: 1px solid rgba(40, 62, 55, 0.25);
  }
}
.slo {
  padding-bottom: var(--section-spacing);
  padding-left: var(--side-padding);
  padding-right: var(--side-padding);
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .slo {
    padding-top: 7.3rem;
  }
}
.slo-header {
  display: flex;
  gap: 2rem;
  margin-bottom: 2.6666666666666665rem;
}
@media (max-width: 767px), (max-width: 1023px) and (orientation: landscape) {
  .slo-header {
    flex-direction: column;
  }
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .slo-header {
    gap: 7.55rem;
    margin-bottom: 5.65rem;
  }
}
.slo-details {
  flex: 1;
  display: grid;
  grid-template-columns: 1fr 1fr;
  max-width: 37rem;
}
.slo-details p {
  transition: var(--ost);
  transition-property: opacity, transform;
}
.slo-header:not(.-observed) .slo-details p {
  opacity: 0;
  transform: var(--ost-transform);
}
.slo-details p:nth-child(2) {
  transition-delay: calc(var(--ost-init-delay) + var(--ost-stagger-delay) * 1);
}
.slo-details p:nth-child(3) {
  transition-delay: calc(var(--ost-init-delay) + var(--ost-stagger-delay) * 2);
}
.slo-details p:nth-child(4) {
  transition-delay: calc(var(--ost-init-delay) + var(--ost-stagger-delay) * 3);
}
@media (max-width: 767px), (max-width: 1023px) and (orientation: landscape) {
  .slo-details {
    gap: 1.3333333333333333rem;
    font-size: 0.8666666666666667rem;
  }
}
.slo-title:not(:has(.line)) {
  opacity: 0;
}
.slo-title .line {
  transition: opacity 1.2s var(--delay, 0s),
    transform 1.2s var(--delay, 0s) var(--ease-out-quart);
  transform-origin: 0% 50%;
}
.slo-title:not(.-observed) .line {
  opacity: 0;
  transform: var(--ost-transform-line);
}
.slo-map {
  transition: var(--ost);
  transition-property: opacity, transform;
  display: grid;
  place-items: center;
  height: 14.666666666666666rem;
  overflow: hidden;
  position: relative;
  border-radius: 0.5rem;
}
.slo-map:not(.-observed) {
  opacity: 0;
  transform: var(--ost-transform);
}
.slo-map > * {
  grid-area: 1/1;
  pointer-events: none;
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .slo-map {
    height: 28.55rem;
  }
}
.slo-map-image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  image-rendering: -webkit-optimize-contrast;
}
.slo-map-icon {
  width: 2.1333333333333333rem;
  height: auto;
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .slo-map-icon {
    width: 3.2rem;
  }
}
.sl {
  --item-height: 6.666666666666667rem;
  padding-bottom: var(--section-spacing);
  padding-left: var(--side-padding);
  padding-right: var(--side-padding);
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .sl {
    --item-height: 10rem;
  }
}
.sl-header {
  display: flex;
}
@media (max-width: 767px), (max-width: 1023px) and (orientation: landscape) {
  .sl-header {
    flex-direction: column;
    gap: 2rem;
    margin-bottom: 2.5rem;
  }
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .sl-header {
    justify-content: space-between;
    padding-right: 17.95rem;
  }
}
.sl-title:not(:has(.line)) {
  opacity: 0;
}
.sl-title .line {
  transition: opacity 1.2s var(--delay, 0s),
    transform 1.2s var(--delay, 0s) var(--ease-out-quart);
  transform-origin: 0% 50%;
}
.sl-title:not(.-observed) .line {
  opacity: 0;
  transform: var(--ost-transform-line);
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .sl-title {
    margin-bottom: 4.95rem;
  }
}
.sl-desc {
  transition: var(--ost);
  transition-property: opacity, transform;
  transition-delay: calc(var(--ost-init-delay) + var(--ost-stagger-delay) * 1);
  max-width: 24.5em;
}
.sl-header:not(.-observed) .sl-desc {
  opacity: 0;
  transform: var(--ost-transform);
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .sl-desc {
    margin-top: 0.7rem;
    margin-bottom: 8rem;
  }
}
.sl-items-outer {
  --outer-side-padding: 0;
  padding-left: var(--outer-side-padding);
  padding-right: var(--outer-side-padding);
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .sl:not([data-pages="1"]) .sl-items-outer {
    --outer-side-padding: 5rem;
  }
}
.sl-items-outer-2 {
  overflow: hidden;
}
.sl-item {
  transition: var(--ost);
  transition-property: opacity, transform;
  height: var(--item-height);
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.sl-items:not(.-observed) .sl-item {
  opacity: 0;
  transform: var(--ost-transform);
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .sl-item:nth-child(2) {
    transition-delay: calc(
      var(--ost-init-delay) + var(--ost-stagger-delay) * 1
    );
  }
  .sl-item:nth-child(3) {
    transition-delay: calc(
      var(--ost-init-delay) + var(--ost-stagger-delay) * 2
    );
  }
  .sl-item:nth-child(4) {
    transition-delay: calc(
      var(--ost-init-delay) + var(--ost-stagger-delay) * 3
    );
  }
}
.sl-item-inner {
  display: flex;
  justify-content: center;
  width: 100%;
}
.sl-item-inner:not(:hover) {
  filter: brightness(0.85) sepia(100%) hue-rotate(145deg) grayscale(0.85);
}
.sl-item-image {
  width: var(--width, 70%);
  height: auto;
}
.sl-navigation {
  --distance: -1.5rem;
}
.sl[data-pages="1"] .sl-navigation {
  display: none;
}
@media (max-width: 767px), (max-width: 1023px) and (orientation: landscape) {
  .sl-navigation {
    display: none;
  }
}
.sl-prev,
.sl-next {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--outer-side-padding);
  height: var(--outer-side-padding);
  position: absolute;
  top: calc(50% - var(--outer-side-padding) / 2);
}
.sl-prev.swiper-button-disabled,
.sl-next.swiper-button-disabled {
  visibility: hidden;
}
.sl-prev .icon,
.sl-next .icon {
  width: 1.3rem;
  height: 1.3rem;
  display: block;
  border: solid var(--orange);
  border-width: 1px 1px 0 0;
}
@media (pointer: fine) {
  .sl-prev:hover .icon,
  .sl-next:hover .icon {
    border-width: 2px 2px 0 0;
  }
}
.sl-prev {
  left: var(--distance);
}
.sl-prev .icon {
  transform: rotate(225deg);
}
.sl-next {
  right: var(--distance);
}
.sl-next .icon {
  transform: rotate(45deg);
}
.sl-pagination,
.spt-pagination,
.scs-pagination {
  transition: opacity 1.2s;
  transition-delay: calc(var(--ost-init-delay) + var(--ost-stagger-delay) * 2);
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 9px;
  margin-top: 2.6666666666666665rem;
}
.sl-pagination:not(.-observed),
.spt-pagination:not(.-observed),
.scs-pagination:not(.-observed) {
  opacity: 0;
}
.sl-pagination .swiper-pagination-bullet,
.spt-pagination .swiper-pagination-bullet,
.scs-pagination .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  position: relative;
  background-color: #283e3780;
  border-radius: 50%;
  cursor: pointer;
  transition: background-color 0.15s;
}
.sl-pagination .swiper-pagination-bullet:after,
.spt-pagination .swiper-pagination-bullet:after,
.scs-pagination .swiper-pagination-bullet:after {
  content: "";
  inset: -10px -4.5px;
  position: absolute;
}
.sl-pagination .swiper-pagination-bullet-active,
.spt-pagination .swiper-pagination-bullet-active,
.scs-pagination .swiper-pagination-bullet-active {
  background-color: var(--orange);
}
.sl-pagination .swiper-pagination-bullet-active:before,
.spt-pagination .swiper-pagination-bullet-active:before,
.scs-pagination .swiper-pagination-bullet-active:before {
  content: "";
  width: 12px;
  height: 12px;
  position: absolute;
  top: -2px;
  left: -2px;
  border: 1px solid var(--orange);
  border-radius: inherit;
}
.sl[data-pages="1"] .sl-pagination,
.sl[data-pages="1"] .spt-pagination,
.sl[data-pages="1"] .scs-pagination {
  display: none;
}
@media (pointer: fine) {
  .sl-pagination .swiper-pagination-bullet:hover,
  .spt-pagination .swiper-pagination-bullet:hover,
  .scs-pagination .swiper-pagination-bullet:hover {
    background-color: var(--orange);
  }
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .sl-pagination,
  .spt-pagination,
  .scs-pagination {
    margin-top: 4rem;
  }
}
.spt {
  --border-color: var(--orange);
  padding-bottom: var(--section-spacing);
  padding-left: var(--side-padding);
  padding-right: var(--side-padding);
}
.spt-title {
  margin-bottom: 4rem;
}
.spt-title:not(:has(.line)) {
  opacity: 0;
}
.spt-title .line {
  transition: opacity 1.2s var(--delay, 0s),
    transform 1.2s var(--delay, 0s) var(--ease-out-quart);
  transform-origin: 0% 50%;
}
.spt-title:not(.-observed) .line {
  opacity: 0;
  transform: var(--ost-transform-line);
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .spt-title {
    margin-bottom: 7.9rem;
  }
}
.spt-items {
  overflow: hidden;
  padding-bottom: 1rem;
}
.spt-item {
  transition: var(--ost);
  transition-property: opacity, transform;
}
.spt-items:not(.-observed) .spt-item {
  opacity: 0;
  transform: var(--ost-transform);
}
.spt-item:nth-child(2) {
  transition-delay: calc(var(--ost-init-delay) + var(--ost-stagger-delay) * 1);
}
.spt-item:nth-child(3) {
  transition-delay: calc(var(--ost-init-delay) + var(--ost-stagger-delay) * 2);
}
.spt-item:nth-child(4) {
  transition-delay: calc(var(--ost-init-delay) + var(--ost-stagger-delay) * 3);
}
.spt-item-image-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 14.45rem;
  margin-bottom: 1rem;
  border: 1px solid var(--border-color);
  border-radius: 0.5rem;
}
@media (pointer: fine) {
  a.spt-item-image-container {
    transition: background-color 0.15s;
  }
  a.spt-item-image-container:hover {
    background-color: #fcf9f7;
  }
}
.spt-item-image {
  width: var(--width, 50%);
  height: auto;
}
.spt-item-category {
  margin-top: 0.8rem;
  padding-top: 0.5em;
  border-top: 1px solid rgba(40, 62, 55, 0.2);
  text-transform: uppercase;
  font-size: 0.75rem;
  font-size: max(0.75rem, 11px);
  color: var(--orange);
}
.spt-button-container {
  display: flex;
  justify-content: center;
  margin-top: 2rem;
}
.spo {
  padding-bottom: var(--section-spacing);
  padding-left: var(--side-padding);
  padding-right: var(--side-padding);
}
.spo-title {
  margin-bottom: 3.65rem;
}
.spo-title:not(:has(.line)) {
  opacity: 0;
}
.spo-title .line {
  transition: opacity 1.2s var(--delay, 0s),
    transform 1.2s var(--delay, 0s) var(--ease-out-quart);
  transform-origin: 0% 50%;
}
.spo-title:not(.-observed) .line {
  opacity: 0;
  transform: var(--ost-transform-line);
}
.spo-tabs-items {
  transition: var(--ost);
  transition-property: opacity, transform;
  margin-bottom: 4rem;
}
.spo:not(.-observed) .spo-tabs-items {
  opacity: 0;
  transform: var(--ost-transform);
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .spo-tabs-items {
    margin-bottom: 6.8rem;
  }
}
.spo-items {
  display: grid;
  gap: 1.3333333333333333rem;
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .spo-items {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 1.6rem;
  }
}
.spo-item {
  transition: var(--ost);
  transition-property: opacity, transform;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: relative;
  border: 1px solid var(--extra-dark-blue);
  border-radius: 0.5rem;
}
.spo-item:not(.-observed) {
  opacity: 0;
  transform: var(--ost-transform);
}
.spo-item.-hidden {
  display: none;
}
@media (pointer: fine) {
  .spo-item {
    transition: all 0.15s, opacity var(--ost), transform var(--ost);
  }
  .spo-item:hover:not(.-featured) {
    background-color: #fcf9f7;
    border-color: var(--orange);
  }
  .spo-item:hover.-featured:before {
    opacity: 0;
  }
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .spo-item.-featured {
    grid-column: 1/4;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
    padding: 1.05rem;
    background-color: var(--extra-dark-green);
    border-width: 0;
    color: var(--white);
  }
  .spo-item.-featured:before {
    content: "";
    inset: 0;
    position: absolute;
    background-image: linear-gradient(
      123deg,
      var(--extra-dark-blue),
      var(--extra-dark-green)
    );
    transition: opacity 0.15s;
  }
  .spo-items:not(:has(.spo-item.-featured)) .spo-item:nth-child(3n + 2) {
    transition: all 0.15s,
      opacity 1s calc(var(--ost-init-delay) + var(--ost-stagger-delay) * 1)
        var(--ease-smooth),
      transform 1s calc(var(--ost-init-delay) + var(--ost-stagger-delay) * 1)
        var(--ease-smooth);
  }
  .spo-items:not(:has(.spo-item.-featured)) .spo-item:nth-child(3n) {
    transition: all 0.15s,
      opacity 1s calc(var(--ost-init-delay) + var(--ost-stagger-delay) * 2)
        var(--ease-smooth),
      transform 1s calc(var(--ost-init-delay) + var(--ost-stagger-delay) * 2)
        var(--ease-smooth);
  }
  .spo-items:has(.spo-item.-featured) .spo-item:nth-child(3n) {
    transition: all 0.15s,
      opacity 1s calc(var(--ost-init-delay) + var(--ost-stagger-delay) * 1)
        var(--ease-smooth),
      transform 1s calc(var(--ost-init-delay) + var(--ost-stagger-delay) * 1)
        var(--ease-smooth);
  }
  .spo-items:has(.spo-item.-featured)
    .spo-item:nth-child(3n + 1):not(.-featured) {
    transition: all 0.15s,
      opacity 1s calc(var(--ost-init-delay) + var(--ost-stagger-delay) * 2)
        var(--ease-smooth),
      transform 1s calc(var(--ost-init-delay) + var(--ost-stagger-delay) * 2)
        var(--ease-smooth);
  }
}
.spo-item-image-container {
  overflow: hidden;
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .spo-item.-featured .spo-item-image-container {
    border-radius: inherit;
  }
}
.spo-item-image {
  width: 100%;
  height: 12.333333333333334rem;
  position: relative;
  -o-object-fit: cover;
  object-fit: cover;
}
@media (pointer: fine) {
  .spo-item-image {
    transition: transform 0.5s var(--ease-out-quad);
  }
  .spo-item:hover .spo-item-image {
    transform: scale(1.05);
  }
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .spo-item-image {
    height: 18.65rem;
  }
  .spo-item.-featured .spo-item-image {
    width: 43.5rem;
    height: 33.25rem;
    border-radius: inherit;
  }
}
.spo-item-details {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 2.4rem 1.6rem;
  position: relative;
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .spo-item.-featured .spo-item-details {
    max-width: 34.45em;
    padding-left: 3.6rem;
  }
}
.spo-item-meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.8rem;
  font-size: 0.75rem;
  font-size: max(0.75rem, 11px);
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .spo-item.-featured .spo-item-meta {
    color: var(--teal);
  }
}
.spo-item-date {
  margin-bottom: 0;
}
.spo-item-category {
  text-transform: uppercase;
}
.spo-item-title {
  margin-bottom: 1.5rem;
  font-size: 1.3333333333333333rem;
  line-height: 1.2;
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .spo-item-title {
    font-size: 1.25rem;
    font-size: max(1.25rem, 16px);
  }
  .spo-item.-featured .spo-item-title {
    font-size: 1.75rem;
  }
}
.spo-item-desc {
  max-width: 23em;
  margin-bottom: 1.4rem;
  line-height: 1.4;
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .spo-item.-featured .spo-item-desc {
    margin-bottom: 3.1rem;
  }
}
.spo-item-more {
  margin-top: auto;
  margin-bottom: 0;
  text-transform: uppercase;
  text-decoration: underline;
  font-size: 0.75rem;
  font-size: max(0.75rem, 11px);
  color: var(--orange);
  pointer-events: none;
}
@media (pointer: fine) {
  .spo-item:hover .spo-item-more .button {
    background-color: var(--darker-orange);
  }
  .spo-item:hover .spo-item-more .button .button-icon-wrapper {
    transform: translate(0.15rem);
  }
}
.spo-more {
  transition: var(--ost);
  transition-property: opacity, transform;
  display: flex;
  justify-content: center;
  margin-top: 3.8rem;
}
.spo-more:not(.-observed) {
  opacity: 0;
  transform: var(--ost-transform);
}
.sq {
  padding-bottom: var(--section-spacing);
  padding-left: var(--side-padding);
  padding-right: var(--side-padding);
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .sq {
    padding-left: 15.5rem;
    padding-right: 15.5rem;
    padding-top: 8.9rem;
  }
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .sq-inner {
    max-width: 53.35rem;
    margin-left: auto;
  }
}
.sq-text {
  color: var(--teal);
}
.sq-text p:not(:has(.line)) {
  opacity: 0;
}
.sq-text p .line {
  transition: opacity 1.2s var(--delay, 0s),
    transform 1.2s var(--delay, 0s) var(--ease-out-quart);
  transform-origin: 0% 50%;
}
.sq-text p:not(.-observed) .line {
  opacity: 0;
  transform: var(--ost-transform-line);
}
.sq-footer {
  margin-top: 4rem;
}
.sq-footer strong {
  font-weight: inherit;
  color: var(--teal);
}
.sre {
  padding-bottom: var(--section-spacing);
  padding-left: var(--side-padding);
  padding-right: var(--side-padding);
}
.sre.-bg-light {
  --border-color: var(--orange);
}
.sre.-bg-dark {
  --border-color: var(--teal);
}
.sre-header {
  display: flex;
  margin-bottom: 4rem;
}
@media (max-width: 767px), (max-width: 1023px) and (orientation: landscape) {
  .sre-header {
    flex-direction: column;
    gap: 2rem;
    margin-bottom: 4rem;
  }
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .sre-header {
    justify-content: space-between;
    padding-right: 17.95rem;
    margin-bottom: 7.9rem;
  }
}
.sre-title:not(:has(.line)) {
  opacity: 0;
}
.sre-title .line {
  transition: opacity 1.2s var(--delay, 0s),
    transform 1.2s var(--delay, 0s) var(--ease-out-quart);
  transform-origin: 0% 50%;
}
.sre-title:not(.-observed) .line {
  opacity: 0;
  transform: var(--ost-transform-line);
}
.sre-desc {
  transition: var(--ost);
  transition-property: opacity, transform;
  transition-delay: calc(var(--ost-init-delay) + var(--ost-stagger-delay) * 1);
  max-width: 24.5em;
  margin-top: 0.7rem;
}
.sre-header:not(.-observed) .sre-desc {
  opacity: 0;
  transform: var(--ost-transform);
}
.sre-items {
  display: grid;
}
@media (max-width: 767px), (max-width: 1023px) and (orientation: landscape) {
  .sre-items {
    gap: 2rem;
  }
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .sre.-columns-3 .sre-items {
    grid-template-columns: repeat(3, 1fr);
    gap: 1.6rem;
  }
  .sre.-columns-4 .sre-items {
    grid-template-columns: repeat(4, 1fr);
    gap: 2.6rem;
  }
}
.sre-item {
  transition: var(--ost);
  transition-property: opacity, transform;
  overflow: hidden;
  margin-bottom: auto;
  position: relative;
  border: 1px solid var(--border-color);
  border-radius: 0.5rem;
}
.sre-item:not(.-observed) {
  opacity: 0;
  transform: var(--ost-transform);
}
.sre.-bg-dark .sre-item {
  background-image: linear-gradient(
    123deg,
    var(--extra-dark-blue),
    var(--extra-dark-green)
  );
}
.sre.-columns-3 .sre-item {
  --side-padding: 2.1rem;
}
.sre.-columns-4 .sre-item {
  --side-padding: 1.6rem;
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .sre.-columns-3 .sre-item:nth-child(3n + 2) {
    transition-delay: calc(
      var(--ost-init-delay) + var(--ost-stagger-delay) * 1
    );
  }
  .sre.-columns-3 .sre-item:nth-child(3n) {
    transition-delay: calc(
      var(--ost-init-delay) + var(--ost-stagger-delay) * 2
    );
  }
  .sre.-columns-4 .sre-item:nth-child(4n + 2) {
    transition-delay: calc(
      var(--ost-init-delay) + var(--ost-stagger-delay) * 1
    );
  }
  .sre.-columns-4 .sre-item:nth-child(4n + 3) {
    transition-delay: calc(
      var(--ost-init-delay) + var(--ost-stagger-delay) * 2
    );
  }
  .sre.-columns-4 .sre-item:nth-child(4n) {
    transition-delay: calc(
      var(--ost-init-delay) + var(--ost-stagger-delay) * 3
    );
  }
}
.sre-item-image-container {
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: linear-gradient(
    123deg,
    var(--extra-dark-blue),
    var(--extra-dark-green)
  );
  color: var(--teal);
}
.sre-item-image-container .icon {
  width: 4.9rem;
  height: 6.5rem;
}
@media (max-width: 767px), (max-width: 1023px) and (orientation: landscape) {
  .sre-item-image-container {
    height: 13rem;
  }
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .sre.-columns-3 .sre-item-image-container {
    height: 15.1rem;
  }
  .sre.-columns-4 .sre-item-image-container {
    height: 19.75rem;
  }
}
.sre-item-image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.sre-item-title {
  padding: 1.6666666666666667rem 1.3333333333333333rem;
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .sre-item-title {
    padding: 2.2rem var(--side-padding) 2.2rem;
  }
  .sre.-columns-3 .sre-item-title {
    min-height: 12rem;
  }
  .sre.-columns-4 .sre-item-title {
    min-height: 9.3rem;
  }
}
.sre-item-subtitle {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 1em;
  height: 4.15rem;
  padding-left: var(--side-padding);
  padding-right: var(--side-padding);
  padding-right: 1.6rem;
  border-top: 1px solid var(--border-color);
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.sre-item-subtitle .icon {
  flex-shrink: 0;
  color: var(--orange);
}
.sre-item-subtitle .icon.-plus {
  display: grid;
  align-items: center;
  width: 0.7155em;
  height: 0.7155em;
}
.sre-item-subtitle .icon.-plus:before,
.sre-item-subtitle .icon.-plus:after {
  content: "";
  grid-area: 1/1;
  width: 100%;
  height: 1px;
  background-color: currentColor;
}
.sre-item-subtitle .icon.-plus:after {
  transform: rotate(90deg);
}
.sre-item.-open .sre-item-subtitle .icon.-plus:after {
  opacity: 0;
}
.sre-item-subtitle .icon.-chevron-right {
  display: block;
  width: 0.5em;
  height: 0.5em;
  position: relative;
  border: solid;
  border-width: 1px 1px 0 0;
  transform: rotate(45deg);
}
@media (pointer: fine) {
  .sre-item-subtitle {
    transition: 0.15s;
    transition-property: background-color, color;
  }
  .sre-item-subtitle:hover {
    color: var(--border-color);
  }
  .sre.-bg-light .sre-item-subtitle:hover {
    background-color: #fcf9f7;
  }
}
.sre-item-files {
  display: grid;
  grid-template-rows: 0fr;
  position: relative;
  opacity: 0;
  transition: grid-template-rows 0.5s var(--ease-out-quart), opacity 0.5s;
}
.sre-item.-open .sre-item-files {
  grid-template-rows: 1fr;
  opacity: 1;
}
.sre-item-files-inner {
  overflow: hidden;
}
.sre-item-files-inner-2 {
  padding-bottom: 0.9rem;
  padding-top: 0.9rem;
  border-top: 1px solid var(--border-color);
}
.sre-item-files-link {
  display: flex;
  justify-content: flex-end;
  gap: 1em;
  padding: 0.5rem var(--side-padding);
  padding-right: 1.85rem;
  text-align: right;
}
.sre-item-files-link .icon {
  flex-shrink: 0;
  width: 0.7559rem;
  height: 1.0511rem;
  margin-top: 0.05rem;
  margin-right: -0.25rem;
  color: var(--orange);
}
@media (pointer: fine) {
  .sre-item-files-link {
    transition: color 0.15s;
  }
  .sre-item-files-link:hover {
    color: var(--border-color);
  }
}
.srs {
  padding-bottom: var(--section-spacing);
  padding-left: var(--side-padding);
  padding-right: var(--side-padding);
}
.srs-title {
  margin-bottom: 4rem;
}
.srs-title:not(:has(.line)) {
  opacity: 0;
}
.srs-title .line {
  transition: opacity 1.2s var(--delay, 0s),
    transform 1.2s var(--delay, 0s) var(--ease-out-quart);
  transform-origin: 0% 50%;
}
.srs-title:not(.-observed) .line {
  opacity: 0;
  transform: var(--ost-transform-line);
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .srs-title {
    margin-bottom: 7.5rem;
  }
}
.srs-items {
  display: grid;
  gap: 1.3333333333333333rem;
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .srs-items {
    grid-template-columns: repeat(4, 1fr);
    gap: 2.5rem;
  }
}
.srs-item {
  transition: var(--ost);
  transition-property: opacity, transform;
}
.srs-item:not(.-observed) {
  opacity: 0;
  transform: var(--ost-transform);
}
.srs-item:not(.-featured) {
  overflow: hidden;
  background-color: var(--extra-dark-blue);
  border-radius: 0.5rem;
  color: var(--white);
}
@media (pointer: fine) {
  .srs-item:not(.-featured) {
    transition: box-shadow 0.15s;
  }
  .srs-item:not(.-featured):hover {
    box-shadow: 0 0.4rem 0.75rem #00000040;
  }
}
@media (max-width: 767px), (max-width: 1023px) and (orientation: landscape) {
  .srs-item.-featured {
    margin-bottom: 1.3333333333333333rem;
  }
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .srs-item.-featured {
    grid-column: 1/5;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    margin-bottom: 1.5rem;
  }
  .srs-items:has(.srs-item.-featured) .srs-item:nth-child(4n + 3) {
    transition: all 0.15s,
      opacity 1s calc(var(--ost-init-delay) + var(--ost-stagger-delay) * 1)
        var(--ease-smooth),
      transform 1s calc(var(--ost-init-delay) + var(--ost-stagger-delay) * 1)
        var(--ease-smooth);
  }
  .srs-items:has(.srs-item.-featured) .srs-item:nth-child(4n) {
    transition: all 0.15s,
      opacity 1s calc(var(--ost-init-delay) + var(--ost-stagger-delay) * 2)
        var(--ease-smooth),
      transform 1s calc(var(--ost-init-delay) + var(--ost-stagger-delay) * 2)
        var(--ease-smooth);
  }
  .srs-items:has(.srs-item.-featured)
    .srs-item:nth-child(4n + 1):not(.-featured) {
    transition: all 0.15s,
      opacity 1s calc(var(--ost-init-delay) + var(--ost-stagger-delay) * 3)
        var(--ease-smooth),
      transform 1s calc(var(--ost-init-delay) + var(--ost-stagger-delay) * 3)
        var(--ease-smooth);
  }
  .srs-items:has(.srs-item.-featured)
    .srs-item:nth-child(4n + 2):not(.-featured) {
    transition: all 0.15s,
      opacity 1s calc(var(--ost-init-delay) + var(--ost-stagger-delay) * 0)
        var(--ease-smooth),
      transform 1s calc(var(--ost-init-delay) + var(--ost-stagger-delay) * 0)
        var(--ease-smooth);
  }
  .srs-items:not(:has(.srs-item.-featured)) .srs-item:nth-child(4n + 1) {
    transition: all 0.15s,
      opacity 1s calc(var(--ost-init-delay) + var(--ost-stagger-delay) * 0)
        var(--ease-smooth),
      transform 1s calc(var(--ost-init-delay) + var(--ost-stagger-delay) * 0)
        var(--ease-smooth);
  }
  .srs-items:not(:has(.srs-item.-featured)) .srs-item:nth-child(4n + 2) {
    transition: all 0.15s,
      opacity 1s calc(var(--ost-init-delay) + var(--ost-stagger-delay) * 1)
        var(--ease-smooth),
      transform 1s calc(var(--ost-init-delay) + var(--ost-stagger-delay) * 1)
        var(--ease-smooth);
  }
  .srs-items:not(:has(.srs-item.-featured)) .srs-item:nth-child(4n + 3) {
    transition: all 0.15s,
      opacity 1s calc(var(--ost-init-delay) + var(--ost-stagger-delay) * 2)
        var(--ease-smooth),
      transform 1s calc(var(--ost-init-delay) + var(--ost-stagger-delay) * 2)
        var(--ease-smooth);
  }
  .srs-items:not(:has(.srs-item.-featured)) .srs-item:nth-child(4n) {
    transition: all 0.15s,
      opacity 1s calc(var(--ost-init-delay) + var(--ost-stagger-delay) * 3)
        var(--ease-smooth),
      transform 1s calc(var(--ost-init-delay) + var(--ost-stagger-delay) * 3)
        var(--ease-smooth);
  }
}
.srs-item-image-container {
  position: relative;
}
.srs-item-image-container .icon {
  width: 1.65rem;
  height: 1.65rem;
  opacity: 0.7;
  position: absolute;
  left: 1rem;
  bottom: 0.75rem;
  color: var(--orange);
}
.srs-item:not(.-featured) .srs-item-image-container {
  overflow: hidden;
}
@media (max-width: 767px), (max-width: 1023px) and (orientation: landscape) {
  .srs-item.-featured .srs-item-image-container {
    margin-bottom: 1.6666666666666667rem;
  }
}
.srs-item-image {
  width: 100%;
  height: 11.4rem;
  -o-object-fit: cover;
  object-fit: cover;
}
.srs-item.-featured .srs-item-image {
  height: 13rem;
  border-radius: 0.5rem;
}
@media (pointer: fine) {
  .srs-item-image {
    transition: box-shadow 0.15s, transform 0.5s var(--ease-out-quad);
  }
  .srs-item.-featured:hover .srs-item-image {
    box-shadow: 0 0.4rem 0.75rem #0000001a;
  }
  .srs-item:not(.-featured):hover .srs-item-image {
    transform: scale(1.05);
  }
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .srs-item.-featured .srs-item-image {
    width: 65.9rem;
    height: 36.85rem;
  }
}
.srs-item-image-play-large {
  --size: 5.866666666666666rem;
  display: flex;
  justify-content: center;
  align-items: center;
  width: var(--size);
  height: var(--size);
  position: absolute;
  z-index: 3;
  top: calc(50% - var(--size) / 2);
  left: calc(50% - var(--size) / 2);
  color: var(--orange);
}
.srs-item-image-play-large:before {
  content: "";
  inset: 0;
  position: absolute;
  border: 1px solid;
  border-radius: 0.5rem;
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .srs-item-image-play-large {
    --size: 7.1rem;
  }
}
.srs-item-image-play-large .icon {
  width: 1.75rem;
  height: 2rem;
  position: static;
}
.srs-item:not(.-featured) .srs-item-details {
  padding: 1.6rem 1rem 1.75rem;
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .srs-item.-featured .srs-item-details {
    width: 20.05rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(38, 38, 38, 0.25);
  }
}
.srs-item-meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.8rem;
  color: var(--teal);
}
.srs-item-meta .icon {
  width: 0.7645rem;
  height: 0.969rem;
}
.srs-item-category {
  margin-bottom: 0;
  text-transform: uppercase;
  font-size: 0.75rem;
}
.srs-item:not(.-featured) .srs-item-title {
  font-size: 1.1rem;
  font-size: max(1.1rem, 15px);
}
.srs-item.-featured .srs-item-title {
  margin-bottom: 1.3333333333333333rem;
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .srs-item.-featured .srs-item-title {
    margin-bottom: 3rem;
  }
}
.sse {
  padding-bottom: var(--section-spacing);
  padding-left: var(--side-padding);
  padding-right: var(--side-padding);
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .sse {
    padding-right: var(--right-border-distance);
  }
}
.sse-title {
  margin-bottom: 5.75rem;
}
.sse-form {
  margin-bottom: 1.7rem;
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .sse-form {
    display: flex;
    align-items: flex-end;
    gap: 2.5rem;
  }
  .sse-form .button {
    min-width: 9.2rem;
  }
}
.sse-form-input {
  width: 100%;
  padding: 0 0 0.5rem;
  border-bottom: 1px solid #fafafa;
  border-radius: 0;
  text-transform: uppercase;
}
@media (max-width: 767px), (max-width: 1023px) and (orientation: landscape) {
  .sse-form-input {
    margin-bottom: 1.3333333333333333rem;
  }
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .sse-form-input {
    width: 32.5rem;
  }
}
.sse-count {
  color: var(--teal);
}
.sse-results {
  margin-top: 3rem;
}
.sse-results mark {
  background: none;
  color: var(--teal);
}
.sse-result {
  border-bottom: 1px solid var(--border-color);
}
.sse-result-inner {
  max-width: 61.6rem;
  padding-bottom: 2rem;
  padding-top: 3.25rem;
}
.sse-result-type {
  margin-bottom: 1.65rem;
  text-transform: uppercase;
  color: var(--teal);
}
.sse-result-title {
  margin-bottom: 1.6rem;
}
.sse-result-title a {
  transition: color 0.15s;
}
.sse-result-title a:hover {
  color: var(--orange);
}
.sse-result-title a:hover mark {
  color: inherit;
}
.sse-result-excerpt {
  margin-bottom: 2rem;
}
.sse-result-more-link {
  text-transform: uppercase;
  font-size: 0.75rem;
}
.sse-result-more-link {
  text-decoration: underline;
  color: var(--orange);
}
.sse-to-top {
  margin-top: 10.5rem;
  text-transform: uppercase;
  font-size: 0.75rem;
}
.sse-to-top-link {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  text-decoration: underline;
  color: var(--orange);
}
.sse-to-top-link svg {
  width: 0.775rem;
  height: 0.775rem;
  transform: rotate(180deg);
}
.sso {
  overflow: hidden;
  padding-bottom: var(--section-spacing);
}
.sso-inner {
  transition: var(--ost);
  transition-property: opacity, transform;
}
.sso:not(.-observed) .sso-inner {
  opacity: 0;
  transform: var(--ost-transform);
}
.sso-items {
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
}
.sso-item {
  width: 9.666666666666666rem;
  text-align: center;
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .sso-item {
    width: 14.5rem;
  }
}
.sso-item-image-container {
  display: block;
  margin-bottom: 2.1333333333333333rem;
}
.sso-item-image {
  height: 3.3333333333333335rem;
  -o-object-fit: contain;
  object-fit: contain;
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .sso-item-image {
    height: 5rem;
  }
}
.sso-item-caption {
  font-size: 0.75rem;
}
.ss {
  transition: var(--ost);
  transition-property: opacity, transform;
  padding-bottom: var(--section-spacing);
  padding-left: var(--side-padding);
  padding-right: var(--side-padding);
}
.ss:not(.-observed) {
  opacity: 0;
  transform: var(--ost-transform);
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .sar + .ss {
    margin-top: -3.5rem;
  }
}
.ss-inner {
  display: flex;
  justify-content: space-between;
  padding-bottom: 2.25rem;
  padding-top: 2.25rem;
  border: solid var(--orange);
  border-width: 1px 0;
}
@media (max-width: 767px), (max-width: 1023px) and (orientation: landscape) {
  .ss-inner {
    flex-direction: column;
    align-items: center;
    gap: 1.3333333333333333rem;
    text-align: center;
  }
}
.ss-list {
  display: flex;
  gap: 0.6666666666666666rem;
}
@media (max-width: 767px), (max-width: 1023px) and (orientation: landscape) {
  .ss-list {
    flex-direction: column;
  }
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .ss-list {
    gap: 5.55rem;
  }
}
.ss-link {
  display: inline-block;
}
.ss-link.-copy {
  min-width: 4.25428571em;
}
@media (pointer: fine) {
  .ss-link {
    transition: color 0.15s;
  }
  .ss-link:hover {
    color: var(--orange);
  }
}
.ste {
  padding-bottom: var(--section-spacing);
  padding-left: var(--side-padding);
  padding-right: var(--side-padding);
}
.ste-tabs-items {
  transition: var(--ost);
  transition-property: opacity, transform;
  margin-bottom: 2.6666666666666665rem;
}
.ste:not(.-observed) .ste-tabs-items {
  opacity: 0;
  transform: var(--ost-transform);
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .ste-tabs-items {
    margin-bottom: 4.5rem;
  }
}
.ste-tabs-pane-title {
  transition: var(--ost);
  transition-property: opacity, transform;
  transition-delay: calc(var(--ost-init-delay) + var(--ost-stagger-delay) * 1);
  margin-bottom: 1.9rem;
  color: var(--orange);
}
.ste:not(.-observed) .ste-tabs-pane-title {
  opacity: 0;
  transform: var(--ost-transform);
}
.ste-items {
  display: grid;
  grid-template-columns: repeat(
    2,
    calc((100vw - var(--side-padding) * 2 - 0.8rem) / 2)
  );
  gap: 0.8rem;
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .ste-items {
    grid-template-columns: repeat(4, 1fr);
    gap: 3rem 2.1rem;
  }
}
.ste-item {
  transition: var(--ost);
  transition-property: opacity, transform;
  position: relative;
  align-self: end;
}
.ste-items:not(.-observed) .ste-item {
  opacity: 0;
  transform: var(--ost-transform);
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .ste-item:nth-child(4n + 2) {
    transition-delay: calc(
      var(--ost-init-delay) + var(--ost-stagger-delay) * 1
    );
  }
  .ste-item:nth-child(4n + 3) {
    transition-delay: calc(
      var(--ost-init-delay) + var(--ost-stagger-delay) * 2
    );
  }
  .ste-item:nth-child(4n) {
    transition-delay: calc(
      var(--ost-init-delay) + var(--ost-stagger-delay) * 3
    );
  }
}
.ste-item-label {
  margin-bottom: 1.55rem;
  text-transform: uppercase;
  color: var(--orange);
}
@media (max-width: 767px), (max-width: 1023px) and (orientation: landscape) {
  .ste-item:not(:first-child) .ste-item-label {
    margin-top: 2.6666666666666665rem;
  }
}
.ste-item-inner {
  overflow: hidden;
  position: relative;
  border-radius: 0.5rem;
}
.ste-item.-border .ste-item-inner:before {
  content: "";
  inset: 0;
  position: absolute;
  border: 1px solid var(--teal);
  border-radius: inherit;
}
.ste-item-image {
  width: 100%;
  height: 12.666666666666666rem;
  -o-object-fit: cover;
  object-fit: cover;
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .ste-item-image {
    height: 24rem;
  }
}
.ste-item-details {
  padding: 1.45rem 1.15rem;
  background-image: linear-gradient(
    123deg,
    var(--extra-dark-blue),
    var(--extra-dark-green)
  );
  color: var(--white);
}
.ste-item.-border .ste-item-details {
  border-top: 1px solid var(--teal);
}
@media (max-width: 767px), (max-width: 1023px) and (orientation: landscape) {
  .ste-item-details {
    display: flex;
    flex-direction: column;
    min-height: 14.133333333333333rem;
  }
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .ste-item-details {
    padding-bottom: 1.95rem;
    padding-top: 0.95rem;
  }
}
.ste-item-name {
  margin-bottom: 0.4rem;
  position: relative;
  z-index: 1;
}
@media (max-width: 767px), (max-width: 1023px) and (orientation: landscape) {
  .ste-item-name {
    line-height: 1.1;
  }
}
.ste-item-title-wrapper {
  display: flex;
  gap: 1rem;
  margin-bottom: 0.6rem;
  position: relative;
  z-index: 1;
}
@media (max-width: 767px), (max-width: 1023px) and (orientation: landscape) {
  .ste-item-title-wrapper {
    flex-direction: column;
  }
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .ste-item-title-wrapper {
    justify-content: space-between;
    align-items: center;
  }
}
.ste-item-icon {
  position: relative;
  top: -0.2rem;
  color: var(--teal);
}
.ste-item-icon:before {
  content: "";
  inset: -0.5rem;
  position: absolute;
}
.ste-item-icon .icon {
  width: 1.212rem;
  height: 1.212rem;
}
@media (max-width: 767px), (max-width: 1023px) and (orientation: landscape) {
  .ste-item-icon .icon {
    width: 0.9333333333333333rem;
    height: 0.9333333333333333rem;
  }
}
@media (pointer: fine) {
  .ste-item-icon {
    transition: color 0.15s;
  }
  .ste-item-icon:hover {
    color: var(--white);
  }
}
.ste-item-button-container {
  margin-top: 1.55rem;
}
@media (max-width: 767px), (max-width: 1023px) and (orientation: landscape) {
  .ste-item-button-container {
    margin-top: auto;
  }
  .ste-item-button-container .button {
    width: 100%;
    min-width: 0;
    justify-content: center;
  }
  .ste-item-button-container .button-icon-wrapper {
    display: none;
  }
}
.ste-item-details-bio-container {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
  height: 7.45rem;
  padding: 1.45rem 1.15rem;
  position: absolute;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(
    123deg,
    var(--extra-dark-blue),
    var(--extra-dark-green)
  );
  border-radius: 0 0 0.5rem 0.5rem;
  transition: 0.15s;
  transition-property: height, bottom;
}
.ste-item:hover .ste-item-details-bio-container {
  height: 9.85rem;
  bottom: -2.4rem;
}
.ste-item-details-bio-container-inner {
  transition: opacity 0.15s;
}
.ste-item:not(:hover) .ste-item-details-bio-container-inner {
  opacity: 0;
}
.stx {
  padding-bottom: var(--section-spacing);
  padding-left: var(--side-padding);
  padding-right: var(--side-padding);
}
.stx:has(.stx-st:not(.-s)):before,
.stx:has(.stx-features-icons.-columns-4):before,
.stx.-features-right:before {
  display: none;
}
.stx-columns {
  display: flex;
  justify-content: space-between;
}
.stx:not(.-features-right) .stx-columns {
  gap: 7rem;
}
.stx:not(.-features-right) .stx-columns:has(.stx-st.-bottom) {
  gap: 5.75rem;
}
.stx.-features-right .stx-columns {
  gap: 5rem;
}
.stx-columns:has(.stx-st.-bottom) {
  flex-direction: column;
}
@media (max-width: 767px), (max-width: 1023px) and (orientation: landscape) {
  .stx-columns {
    flex-direction: column;
  }
  .stx:not(.-features-right) .stx-columns {
    gap: 2rem;
  }
  .stx:not(.-features-right) .stx-columns:has(.stx-st.-bottom) {
    gap: 2rem;
  }
  .stx.-features-right .stx-columns {
    gap: 2rem;
  }
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .stx-column:first-child {
    width: 30.35rem;
  }
  .stx-column:first-child:has(.stx-pt:not(:only-child)) {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .stx-column:last-child {
    flex: 1;
  }
  .stx-column:last-child:has(.stx-tt) {
    display: flex;
    flex-direction: row-reverse;
    align-items: flex-end;
  }
  .stx.-features-right .stx-column:first-child {
    width: 40.2rem;
  }
  .stx:has(.stx-st.-s) .stx-column:first-child {
    width: 44.85rem;
  }
  .stx.-bg-dark:has(.stx-st.-s):has(.stx-features-icons.-columns-2)
    .stx-column:first-child {
    width: 39.55rem;
  }
  .stx:has(.stx-st.-bottom) .stx-column:first-child {
    width: unset;
  }
}
.stx-pt {
  max-width: 22.26em;
}
.stx-pt.-m {
  transition: var(--ost);
  transition-property: opacity, transform;
}
.stx-pt.-m:not(.-observed) {
  opacity: 0;
  transform: var(--ost-transform);
}
.stx-pt.-l:not(:has(.line)) {
  opacity: 0;
}
.stx-pt.-l .line {
  transition: opacity 1.2s var(--delay, 0s),
    transform 1.2s var(--delay, 0s) var(--ease-out-quart);
  transform-origin: 0% 50%;
}
.stx-pt.-l:not(.-observed) .line {
  opacity: 0;
  transform: var(--ost-transform-line);
}
.stx-st .line {
  transition-delay: calc(var(--ost-init-delay) + var(--ost-stagger-delay) * 1);
}
.stx-st.-s {
  transition: var(--ost);
  transition-property: opacity, transform;
}
.stx-st.-s:not(.-observed) {
  opacity: 0;
  transform: var(--ost-transform);
}
.stx-st.-m {
  max-width: 15.17em;
}
.stx-st.-m:not(:has(.line)) {
  opacity: 0;
}
.stx-st.-m .line {
  transition: opacity 1.2s var(--delay, 0s),
    transform 1.2s var(--delay, 0s) var(--ease-out-quart);
  transform-origin: 0% 50%;
}
.stx-st.-m:not(.-observed) .line {
  opacity: 0;
  transform: var(--ost-transform-line);
}
.stx-st.-bottom {
  margin-left: auto;
}
.stx.-bg-light .stx-st.-s {
  max-width: 30.15em;
}
.stx.-bg-light .stx-st.-bottom {
  margin-right: 6.7rem;
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .stx.-bg-dark .stx-st.-s {
    max-width: 24.55em;
  }
  .stx.-bg-dark .stx-st.-bottom {
    max-width: 25.6em;
    margin-right: 12.3rem;
  }
}
.stx-tt {
  transition: var(--ost);
  transition-property: opacity, transform;
  transition-delay: calc(var(--ost-init-delay) + var(--ost-stagger-delay) * 2);
  max-width: 23.5em;
  padding-left: 1.35rem;
  border-left: 1px solid var(--teal);
}
.stx-tt:not(.-observed) {
  opacity: 0;
  transform: var(--ost-transform);
}
.stx.-bg-dark .stx-tt {
  color: var(--teal);
}
@media (max-width: 767px), (max-width: 1023px) and (orientation: landscape) {
  .stx-tt {
    margin-top: 4rem;
  }
}
@media (max-width: 767px), (max-width: 1023px) and (orientation: landscape) {
  .stx-features {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    margin-top: 4rem;
  }
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .stx-features {
    display: grid;
  }
  .stx.-features-right .stx-features {
    grid-template-columns: 1fr 1fr;
    gap: 4.75rem 2.65rem;
  }
  .stx.-features-bottom .stx-features {
    gap: 6.5rem;
    margin-top: 7.15rem;
    padding-right: 11.25rem;
  }
  .stx.-features-bottom .stx-features.-columns-2 {
    grid-template-columns: 1fr 1fr;
  }
  .stx.-features-bottom .stx-features.-columns-3 {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.stx-features-item {
  transition: var(--ost);
  transition-property: opacity, transform;
  border: 0 solid var(--border-color);
}
.stx-features:not(.-observed) .stx-features-item {
  opacity: 0;
  transform: var(--ost-transform);
}
.stx.-features-right .stx-features-item {
  padding-top: 1.75rem;
  border-top-width: 1px;
}
.stx.-features-bottom .stx-features-item {
  padding-left: 1.775rem;
  border-left-width: 1px;
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .stx-features-item:nth-child(2) {
    transition-delay: calc(
      var(--ost-init-delay) + var(--ost-stagger-delay) * 1
    );
  }
  .stx-features-item:nth-child(3) {
    transition-delay: calc(
      var(--ost-init-delay) + var(--ost-stagger-delay) * 2
    );
  }
  .stx-features-item:nth-child(4) {
    transition-delay: calc(
      var(--ost-init-delay) + var(--ost-stagger-delay) * 3
    );
  }
}
.stx-features-title {
  color: var(--teal);
}
.stx.-features-right .stx-features-title {
  margin-bottom: 0.33em;
}
.stx.-features-bottom .stx-features-title {
  margin-bottom: 0.46em;
}
.stx-features-subtitle:not(:last-child) {
  margin-bottom: 0.7em;
}
.stx-features-desc {
  line-height: 1.4;
}
.stx-features-title + .stx-features-desc {
  margin-top: 2.5em;
}
.stx-features-icons {
  margin-top: 4rem;
}
@media (max-width: 767px), (max-width: 1023px) and (orientation: landscape) {
  .stx-features-icons {
    display: flex;
    flex-direction: column;
    gap: 3rem;
  }
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .stx-features-icons {
    display: grid;
    margin-top: 7.15rem;
  }
  .stx-features-icons.-columns-2 {
    grid-template-columns: repeat(2, 1fr);
    gap: 5.2rem 11.35rem;
    padding-right: calc(var(--right-border-distance) - var(--side-padding));
  }
  .stx-features-icons.-columns-3 {
    grid-template-columns: repeat(3, 1fr);
    gap: 3.6rem;
    padding-right: calc(18rem - var(--side-padding));
  }
  .stx-features-icons.-columns-4 {
    grid-template-columns: repeat(4, 1fr);
    gap: 3.6rem 2.5rem;
  }
}
.stx-features-icons-item {
  transition: var(--ost);
  transition-property: opacity, transform;
}
.stx-features-icons:not(.-observed) .stx-features-icons-item {
  opacity: 0;
  transform: var(--ost-transform);
}
.stx-features-icons-item:nth-child(2) {
  transition-delay: calc(var(--ost-init-delay) + var(--ost-stagger-delay) * 1);
}
.stx-features-icons-item:nth-child(3) {
  transition-delay: calc(var(--ost-init-delay) + var(--ost-stagger-delay) * 2);
}
.stx-features-icons-item:nth-child(4) {
  transition-delay: calc(var(--ost-init-delay) + var(--ost-stagger-delay) * 3);
}
.stx-features-icons-item:nth-child(5) {
  transition-delay: calc(var(--ost-init-delay) + var(--ost-stagger-delay) * 4);
}
.stx-features-icons-item:nth-child(6) {
  transition-delay: calc(var(--ost-init-delay) + var(--ost-stagger-delay) * 5);
}
.stx-features-icons-item:nth-child(7) {
  transition-delay: calc(var(--ost-init-delay) + var(--ost-stagger-delay) * 6);
}
.stx-features-icons-item:nth-child(8) {
  transition-delay: calc(var(--ost-init-delay) + var(--ost-stagger-delay) * 7);
}
.stx-features-icons-icon-container {
  display: flex;
  align-items: center;
  height: 4rem;
  margin-bottom: 1.45rem;
}
.stx-features-icons-icon-container .icon {
  width: 3.75rem;
  height: 3.75rem;
}
.stx.-bg-light .stx-features-icons-icon-container {
  color: var(--orange);
}
.stx.-bg-dark .stx-features-icons-icon-container {
  color: var(--teal);
}
.stx.-bg-light .stx-features-icons-title {
  margin-bottom: 1.7rem;
}
.stx.-bg-dark .stx-features-icons-title {
  margin-bottom: 1.9rem;
  padding-bottom: 1.15rem;
  border-bottom: 1px solid;
  color: var(--teal);
}
.stx-features-icons-desc {
  max-width: 21.867em;
  line-height: 1.4;
}
.stx-button-container {
  transition: var(--ost);
  transition-property: opacity, transform;
}
.stx-button-container:not(.-observed) {
  opacity: 0;
  transform: var(--ost-transform);
}
.stx-button-container.-bottom {
  display: flex;
  justify-content: center;
  margin-top: 4rem;
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .stx-button-container.-bottom {
    margin-top: 8.5rem;
  }
}
.stm {
  display: flex;
  gap: 2.9rem;
  padding-bottom: var(--section-spacing);
  padding-left: var(--side-padding);
  padding-right: var(--side-padding);
}
.stm:has(.stm-title:only-child) {
  gap: 4rem;
  align-items: center;
}
@media (max-width: 767px), (max-width: 1023px) and (orientation: landscape) {
  .stm {
    flex-direction: column;
  }
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .stm {
    gap: 2.9rem;
  }
  .stm:has(.stm-title:only-child) {
    gap: 7.5rem;
    align-items: center;
  }
}
.stm-text {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.stm-title:not(:has(.line)) {
  opacity: 0;
}
.stm-title .line {
  transition: opacity 1.2s var(--delay, 0s),
    transform 1.2s var(--delay, 0s) var(--ease-out-quart);
  transform-origin: 0% 50%;
}
.stm-title:not(.-observed) .line {
  opacity: 0;
  transform: var(--ost-transform-line);
}
@media (max-width: 767px), (max-width: 1023px) and (orientation: landscape) {
  .stm-title {
    margin-bottom: 2.6666666666666665rem;
  }
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .stm-title:not(:only-child) {
    padding-top: 3rem;
    border-top: 1px solid rgba(38, 38, 38, 0.25);
  }
}
.stm-quote {
  transition: var(--ost);
  transition-property: opacity, transform;
  transition-delay: calc(var(--ost-init-delay) + var(--ost-stagger-delay) * 1);
  max-width: 17.52em;
}
.stm-text:not(.-observed) .stm-quote {
  opacity: 0;
  transform: var(--ost-transform);
}
.stm-quote-author {
  transition: var(--ost);
  transition-property: opacity, transform;
  transition-delay: calc(var(--ost-init-delay) + var(--ost-stagger-delay) * 2);
}
.stm-text:not(.-observed) .stm-quote-author {
  opacity: 0;
  transform: var(--ost-transform);
}
.stm-quote-author strong {
  display: block;
  font-weight: inherit;
  color: var(--orange);
}
.stm-media {
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 0.5rem;
}
.stm-media .section-video {
  padding: 0;
}
.stm-media .section-video-inner {
  transition-delay: calc(var(--ost-init-delay) + var(--ost-stagger-delay) * 1);
}
.stm-media .section-video.-player-active .section-video-inner {
  height: var(--video-height);
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .stm-media {
    --video-height: 24.1rem;
    width: 42.8rem;
  }
  .stm:has(.stm-quote) .stm-media {
    --video-height: 30.85rem;
    width: 54.85rem;
  }
}
.sti {
  padding-bottom: var(--section-spacing);
  padding-left: var(--side-padding);
  padding-right: var(--side-padding);
}
.sti.-bg-light {
  --border-color: var(--orange);
}
.sti.-bg-dark {
  --border-color: var(--teal);
}
.sti-header {
  display: flex;
}
@media (max-width: 767px), (max-width: 1023px) and (orientation: landscape) {
  .sti-header {
    flex-direction: column;
    gap: 2rem;
    margin-bottom: 4rem;
  }
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .sti-header {
    justify-content: space-between;
    padding-right: 17.95rem;
  }
}
.sti-title:not(:has(.line)) {
  opacity: 0;
}
.sti-title .line {
  transition: opacity 1.2s var(--delay, 0s),
    transform 1.2s var(--delay, 0s) var(--ease-out-quart);
  transform-origin: 0% 50%;
}
.sti-title:not(.-observed) .line {
  opacity: 0;
  transform: var(--ost-transform-line);
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .sti-title {
    margin-bottom: 4.95rem;
    min-width: 10rem;
  }
}
.sti-desc {
  transition: var(--ost);
  transition-property: opacity, transform;
  transition-delay: calc(var(--ost-init-delay) + var(--ost-stagger-delay) * 1);
  max-width: 24.5em;
  margin-top: 0.7rem;
}
.sti-header:not(.-observed) .sti-desc {
  opacity: 0;
  transform: var(--ost-transform);
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .sti-desc {
    margin-bottom: 8rem;
  }
}
.sti-items {
  position: relative;
}
@media (max-width: 767px), (max-width: 1023px) and (orientation: landscape) {
  .sti-items {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
  }
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .sti-items {
    display: grid;
  }
  .sti-items.-columns-2 {
    --image-height: 22.5rem;
    grid-template-columns: 1fr 1fr;
    gap: 3.7rem;
  }
  .sti-items.-columns-3 {
    --image-height: 15.1rem;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 1.925rem;
  }
}
.sti-item {
  transition: var(--ost);
  transition-property: opacity, transform;
  position: relative;
  border: 1px solid var(--border-color);
  border-radius: 0.5rem;
  cursor: pointer;
}
.sti-items:not(.-observed) .sti-item {
  opacity: 0;
  transform: var(--ost-transform);
}
.sti.-tiles-light .sti-item {
  background-color: var(--white);
  border-width: 0;
  color: var(--extra-dark-green);
}
@media (pointer: fine) {
  .sti-item {
    transition: all 0.15s, opacity var(--ost), transform var(--ost);
  }
  .sti.-bg-light .sti-item:hover {
    background-color: #fcf9f7;
    box-shadow: 0 0.4rem 1.25rem #0000000f;
  }
  .sti.-bg-dark .sti-item:hover {
    background-color: var(--white);
    border-color: transparent;
    color: var(--extra-dark-green);
  }
  .sti.-bg-dark .sti-item:hover .sti-item-details:before {
    opacity: 0;
  }
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .sti-item:nth-child(2) {
    transition: all 0.15s,
      opacity 1s calc(var(--ost-init-delay) + var(--ost-stagger-delay) * 1)
        var(--ease-smooth),
      transform 1s calc(var(--ost-init-delay) + var(--ost-stagger-delay) * 1)
        var(--ease-smooth);
  }
  .sti-item:nth-child(3) {
    transition: all 0.15s,
      opacity 1s calc(var(--ost-init-delay) + var(--ost-stagger-delay) * 2)
        var(--ease-smooth),
      transform 1s calc(var(--ost-init-delay) + var(--ost-stagger-delay) * 2)
        var(--ease-smooth);
  }
  .sti-item:nth-child(4) {
    transition: all 0.15s,
      opacity 1s calc(var(--ost-init-delay) + var(--ost-stagger-delay) * 3)
        var(--ease-smooth),
      transform 1s calc(var(--ost-init-delay) + var(--ost-stagger-delay) * 3)
        var(--ease-smooth);
  }
  .sti-item:nth-child(6) {
    transition: all 0.15s,
      opacity 1s calc(var(--ost-init-delay) + var(--ost-stagger-delay) * 4)
        var(--ease-smooth),
      transform 1s calc(var(--ost-init-delay) + var(--ost-stagger-delay) * 4)
        var(--ease-smooth);
  }
  .sti-item:nth-child(6) {
    transition: all 0.15s,
      opacity 1s calc(var(--ost-init-delay) + var(--ost-stagger-delay) * 5)
        var(--ease-smooth),
      transform 1s calc(var(--ost-init-delay) + var(--ost-stagger-delay) * 5)
        var(--ease-smooth);
  }
}
.sti-item-inner {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  border-radius: inherit;
}
.sti-item-image-container {
  overflow: hidden;
}
.sti-item-image {
  display: block;
  width: 100%;
  height: 13rem;
  -o-object-fit: cover;
  object-fit: cover;
}
@media (pointer: fine) {
  .sti-item-image {
    transition: transform 0.5s var(--ease-out-quad);
  }
  .sti-item:hover .sti-item-image {
    transform: scale(1.05);
  }
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .sti-item-image {
    height: var(--image-height);
  }
}
.sti-item-details {
  flex: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  padding: 1.3333333333333333rem;
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .sti.-bg-dark:not(.-tiles-light)
    .sti-items.-columns-2
    .sti-item:nth-child(2n)
    .sti-item-details,
  .sti.-bg-dark:not(.-tiles-light)
    .sti-items.-columns-3
    .sti-item:nth-child(3n)
    .sti-item-details {
    position: relative;
  }
  .sti.-bg-dark:not(.-tiles-light)
    .sti-items.-columns-2
    .sti-item:nth-child(2n)
    .sti-item-details:before,
  .sti.-bg-dark:not(.-tiles-light)
    .sti-items.-columns-3
    .sti-item:nth-child(3n)
    .sti-item-details:before {
    content: "";
    width: 15rem;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    background-image: linear-gradient(
      to left,
      #1b2020 7rem,
      rgba(27, 32, 32, 0)
    );
    border-radius: 0 0.5rem 0.5rem 0;
    transition: opacity 0.15s;
  }
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .sti-item-details {
    min-height: 6rem;
    padding: 1.375rem 1.75rem;
  }
}
.sti-item-title {
  position: relative;
}
.sti-item .icon {
  flex-shrink: 0;
  position: relative;
}
.sti-item .icon.-chevron-right {
  display: block;
  width: 0.6799999999999999rem;
  height: 0.6799999999999999rem;
  margin-right: 0.9rem;
  border: solid var(--orange);
  border-width: 1px 1px 0 0;
  transform: rotate(45deg);
  transition: transform 0.15s;
}
.sti-item .icon.-plus {
  display: grid;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  color: var(--orange);
}
.sti-item .icon.-plus:before,
.sti-item .icon.-plus:after {
  content: "";
  grid-area: 1/1;
  width: 100%;
  height: 1px;
  background-color: currentColor;
}
.sti-item .icon.-plus:after {
  transform: rotate(90deg);
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .sti-item .icon.-chevron-right {
    width: 1.4rem;
    height: 1.4rem;
  }
  .sti-item .icon.-plus {
    width: 1.5rem;
    height: 1.5rem;
  }
}
.sti-item-popover {
  width: 58.5rem;
  min-height: calc(100% + 2px);
  padding: 2rem 1.75rem 2.5rem;
  position: absolute;
  top: -1px;
  left: -1px;
  z-index: 2;
  transform-origin: 0 0;
  background-color: #fffaf7;
  border-radius: 0.5rem;
  box-shadow: 0 0.4rem 1.75rem #0000001f;
  color: var(--text-color);
  transition: 0.3s var(--ease-out-cubic);
  transition-property: visibility, opacity, transform;
}
.sti.-tiles-light .sti-item-popover {
  top: 0;
  left: 0;
  min-height: 100%;
}
@media (max-width: 767px), (max-width: 1023px) and (orientation: landscape) {
  .sti-item-popover {
    max-width: calc(100% + 2px);
    visibility: hidden;
    opacity: 0;
  }
  .sti-item.-expanded .sti-item-popover {
    visibility: visible;
    opacity: 1;
  }
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .sti-item-popover {
    cursor: default;
  }
  .sti-items.-columns-2 .sti-item:nth-child(2n) .sti-item-popover,
  .sti-items.-columns-3 .sti-item:nth-child(3n) .sti-item-popover {
    left: auto;
    right: -2px;
    transform-origin: 100% 0;
  }
  .sti.-tiles-light
    .sti-items.-columns-2
    .sti-item:nth-child(2n)
    .sti-item-popover,
  .sti.-tiles-light
    .sti-items.-columns-3
    .sti-item:nth-child(3n)
    .sti-item-popover {
    right: 0;
  }
  .sti-item:not(.-expanded) .sti-item-popover {
    visibility: hidden;
    opacity: 0;
    transform: scale(0.8);
  }
}
.sti-item-popover-title {
  margin-bottom: 2rem;
  padding-right: 2.6666666666666665rem;
  position: relative;
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .sti-item-popover-title {
    margin-bottom: 3rem;
  }
}
.sti-item-popover-content {
  display: grid;
  gap: 2rem;
}
@media (max-width: 767px), (max-width: 1023px) and (orientation: landscape) {
  .sti-item-popover-content {
    font-size: 0.8rem;
  }
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .sti-item-popover-content {
    grid-template-columns: 1fr 1fr;
    gap: 3rem 2.5rem;
  }
}
.sti-item-popover-content-fragment {
  max-width: 23.725em;
  padding-left: 0.7rem;
  border-left: 1px solid var(--teal);
}
.sti-item-popover-content-title {
  margin-bottom: 0.6666666666666666rem;
  font-size: 1rem;
  color: var(--teal);
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .sti-item-popover-content-title {
    margin-bottom: 1rem;
    font-size: 1.25rem;
  }
}
.sti-button-container {
  transition: var(--ost);
  transition-property: opacity, transform;
  display: flex;
  justify-content: center;
  margin-top: 4rem;
}
.sti-button-container:not(.-observed) {
  opacity: 0;
  transform: var(--ost-transform);
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .sti-button-container {
    margin-top: 4.65rem;
  }
}
.sti-intro {
  display: flex;
  flex-direction: column;
}
@media (max-width: 767px), (max-width: 1023px) and (orientation: landscape) {
  .sti-intro {
    margin-bottom: 2.6666666666666665rem;
  }
}
.sti-intro-title {
  transition: var(--ost);
  transition-property: opacity, transform;
  max-width: 12em;
  margin-bottom: 2.45rem;
}
.sti-items:not(.-observed) .sti-intro-title {
  opacity: 0;
  transform: var(--ost-transform);
}
.sti-intro-desc {
  transition: var(--ost);
  transition-property: opacity, transform;
  transition-delay: calc(var(--ost-init-delay) + var(--ost-stagger-delay) * 1);
  max-width: 21.05em;
}
.sti-items:not(.-observed) .sti-intro-desc {
  opacity: 0;
  transform: var(--ost-transform);
}
.sti-intro-button-container {
  transition: var(--ost);
  transition-property: opacity, transform;
  transition-delay: calc(var(--ost-init-delay) + var(--ost-stagger-delay) * 2);
  margin-top: auto;
}
.sti-items:not(.-observed) .sti-intro-button-container {
  opacity: 0;
  transform: var(--ost-transform);
}
.tabs {
  display: flex;
  justify-content: space-between;
  border: solid #c9cecc;
  border-width: 1px 0;
  text-transform: uppercase;
}
@media (max-width: 767px), (max-width: 1023px) and (orientation: landscape) {
  .tabs {
    flex-direction: column;
    align-items: center;
    padding-bottom: 0.7em;
    padding-top: 0.7em;
  }
  .tabs.-center {
    flex-direction: row;
    justify-content: space-around;
  }
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .tabs {
    gap: 1rem;
  }
  .tabs.-center {
    justify-content: center;
    gap: 12.5rem;
  }
}
.tabs-item {
  padding-bottom: 0.4em;
  padding-top: 0.4em;
  cursor: pointer;
}
.tabs-item.-active {
  text-decoration: underline;
  color: var(--orange);
}
@media (pointer: fine) {
  .tabs-item {
    transition: color 0.15s;
  }
  .tabs-item:hover {
    color: var(--orange);
  }
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .tabs-item {
    padding-bottom: 1.12em;
    padding-top: 1.12em;
  }
}
.tabs-pane:not(.-active) {
  display: none;
}
.section-video {
  padding-bottom: var(--section-spacing);
  padding-left: var(--side-padding);
  padding-right: var(--side-padding);
  transition: 0.75s;
  transition-property: padding-left, padding-right;
}
@media (max-width: 767px), (max-width: 1023px) and (orientation: landscape) {
  .section-video.-player-active {
    padding-left: 0;
    padding-right: 0;
  }
}
.section-video-inner {
  transition: var(--ost);
  transition-property: opacity, transform;
  height: var(--video-height);
  overflow: hidden;
  position: relative;
  border-radius: 0.5rem;
  transition: height 0.75s var(--ease-in-out-quart),
    border-radius 0.75s var(--ease-in-out-quart), opacity var(--ost),
    transform var(--ost);
}
.section-video-inner:not(.-observed) {
  opacity: 0;
  transform: var(--ost-transform);
}
.section-video-inner:before {
  content: "";
  inset: 0;
  position: absolute;
  z-index: 3;
  background-color: #1c22205c;
  pointer-events: none;
  transition: opacity 0.75s var(--ease-in-out-quart);
}
.section-video-inner:after {
  z-index: 3;
}
.section-video-inner p {
  display: none;
}
.section-video.-player-active .section-video-inner {
  height: calc((100vw - var(--side-padding) * 2) * 0.5625);
}
.section-video.-player-active .section-video-inner:before {
  opacity: 0;
}
@media (max-width: 767px), (max-width: 1023px) and (orientation: landscape) {
  .section-video.-player-active .section-video-inner {
    height: 56.25vw;
    border-radius: 0;
  }
}
.section-video-cover {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 2;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: var(--focal-point-x, 50%) 50%;
  object-position: var(--focal-point-x, 50%) 50%;
  transition: visibility 0.75s var(--ease-in-out-quart),
    opacity 0.75s var(--ease-in-out-quart);
}
.section-video.-player-active .section-video-cover {
  visibility: hidden;
  opacity: 0;
}
.section-video .plyr {
  inset: 0;
  position: absolute;
}
.section-video:not(.-player-active) .plyr {
  visibility: hidden;
  opacity: 0;
}
.section-video:not(:has(.section-video-cover)) .section-video-inner:before,
.section-video:not(:has(.section-video-cover)) .section-video-button {
  visibility: hidden;
  opacity: 0;
}
.section-video:not(:has(.section-video-cover)) .plyr {
  visibility: visible;
  opacity: 1;
}
.section-video-button {
  --size: 4.333333333333333rem;
  display: flex;
  justify-content: center;
  align-items: center;
  width: var(--size);
  height: var(--size);
  position: absolute;
  z-index: 3;
  top: calc(50% - var(--size) / 2);
  left: calc(50% - var(--size) / 2);
  color: var(--orange);
}
.section-video-button:before {
  content: "";
  inset: 0;
  position: absolute;
  border: 1px solid;
  border-radius: 0.5rem;
}
.section-video.-player-active .section-video-button {
  visibility: hidden;
  opacity: 0;
}
@media (pointer: fine) {
  .section-video-button:before {
    transition: inset 0.15s;
  }
  .section-video-button:hover:before {
    inset: -0.2rem;
  }
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .section-video-button {
    --size: 7.1rem;
  }
}
.section-video-button .icon {
  width: 1.2rem;
  height: 1.3333333333333333rem;
}
@media (min-width: 1024px), (min-width: 768px) and (orientation: portrait) {
  .section-video-button .icon {
    width: 1.75rem;
    height: 2rem;
  }
}