@charset "UTF-8";
/* Colors */
/* Radius */
/* Shadows */
/* Media queries */
/* Container */
/* Adaptive font */
/**
 * Max-width media query.
 */
/**
 * Mobile-first breakpoint from map.
 *
 * Example:
 * @include mq(sm) {}
 */
/**
 * Fluid font size from 320px to 1920px.
 *
 * Example:
 * @include adaptiv-font(18, 14);
 */
.job-single__apply, .careers-apply__button, .products-card__since-year, .products-card__metric-value, .products-card__feature, .about-hero__title, .about-hero__button, .home-hero__title, .home-hero__button {
  font-family: "Montserrat", sans-serif;
  font-weight: 800;
}

.careers-filters__control, .careers-filters__checkbox-text, .career-card__title, .careers-apply__text strong {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
}

.careers-toolbar__control, .careers-toolbar__action, .careers-search__submit, .products-card__since-label, .products-card__metric-label, .contacts-hero__link-label, .site-header__menu a {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
}

.job-single__meta, .careers__empty, .career-card__meta, .careers-apply__text span, .careers-search input {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
}

.about-hero__description, .home-hero__description, .language-switcher__trigger, .language-switcher__option, body {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
}

.contacts-hero__title, .site-footer__menu a, .site-header__mobile-section, .site-header__mobile-title {
  font-family: "Montserrat", sans-serif;
  font-weight: 900;
}

.about-hero__heading, .home-hero__heading {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat/Montserrat-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat/Montserrat-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat/Montserrat-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat/Montserrat-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat/Montserrat-ExtraBold.woff2") format("woff2");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat/Montserrat-Black.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  min-width: 320px;
  scroll-behavior: smooth;
}

body {
  margin: 0;
}

img,
picture,
svg {
  display: block;
  max-width: 100%;
}

img {
  height: auto;
}

button,
input,
textarea,
select {
  margin: 0;
  color: inherit;
  font: inherit;
}

button {
  padding: 0;
  border: 0;
}

a {
  color: inherit;
}

ul,
ol {
  margin: 0;
  padding: 0;
}

h1,
h2,
h3,
h4,
p {
  margin-top: 0;
}

:root {
  --site-footer-height: 50px;
}
@media (min-width: 1200px) {
  :root {
    --site-footer-height: 0px;
  }
}

html {
  min-width: 320px;
  background-color: #0b0b33;
}

.wpml-ls-statics-footer,
.otgs-development-site-front-end {
  display: none;
}

body {
  padding-top: 0;
  line-height: 1.24;
  min-width: 320px;
  color: #fff;
  background-color: #0b0b33;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

body.admin-bar .site-header {
  top: 32px;
}

a {
  text-decoration: none;
}

button,
a {
  -webkit-tap-highlight-color: transparent;
}

::-moz-selection {
  color: #fff;
  background-color: #f40f3e;
}

::selection {
  color: #fff;
  background-color: #f40f3e;
}

@media (max-width: 782px) {
  body.admin-bar .site-header {
    top: 46px;
  }
}
.container {
  width: 100%;
  margin-inline: auto;
  padding-inline: 6px;
}
@media (min-width: 1200px) {
  .container {
    padding-inline: 12px;
  }
}
@media (min-width: 1920px) {
  .container {
    max-width: 1910px;
  }
}

.site-header {
  position: absolute;
  z-index: 20;
  top: 0;
  left: 0;
  width: 100%;
  color: #fff;
}
@media (min-width: 1200px) {
  .site-header {
    pointer-events: none;
  }
  .site-header .site-header__logo,
  .site-header .site-header__navigation,
  .site-header .site-header__actions {
    pointer-events: auto;
  }
}
.site-header--home, .site-header--careers {
  position: absolute;
  top: 0;
  left: 0;
}
@media (min-width: 1920px) {
  .site-header--home .site-header__navigation, .site-header--about .site-header__navigation {
    padding-right: 100px;
  }
}
.site-header--job {
  position: absolute;
  top: 0;
  left: 0;
}
@media (min-width: 768px) {
  .site-header--job .site-header__mobile-heading {
    padding-bottom: 20px;
    padding-inline: 15px;
  }
}
@media (min-width: 768px) {
  .site-header--job .site-header__actions {
    padding-bottom: 20px;
  }
}
@media (min-width: 1440px) {
  .site-header--job .site-header__menu li:last-child {
    padding-inline-end: 0;
  }
}
@media (min-width: 1440px) {
  .site-header--job .site-header__navigation {
    margin-right: 4vw;
  }
}
@media (min-width: 1920px) {
  .site-header--job .site-header__navigation {
    margin-right: 110px;
  }
}
.site-header--careers {
  --careers-header-media-column: 55%;
  --careers-header-content-width: 462px;
}
@media (min-width: 1200px) {
  .site-header--careers {
    pointer-events: none;
  }
  .site-header--careers .site-header__logo,
  .site-header--careers .site-header__navigation,
  .site-header--careers .site-header__actions {
    pointer-events: auto;
  }
}
@media (min-width: 1440px) {
  .site-header--careers {
    --careers-header-media-column: min(45.7%, 838px);
    --careers-header-content-width: 612px;
  }
}
@media (min-width: 1920px) {
  .site-header--careers {
    --careers-header-media-column: 963px;
    --careers-header-content-width: 685px;
  }
}
@media (min-width: 1200px) {
  .site-header--careers .site-header__inner {
    position: relative;
    padding-right: 0;
  }
}
@media (min-width: 768px) {
  .site-header--careers .site-header__mobile-heading {
    display: none;
  }
}
@media (min-width: 1200px) {
  .site-header--careers .site-header__navigation {
    position: absolute;
    left: var(--careers-header-media-column);
    right: 0;
    justify-content: center;
    margin-left: 0;
    margin-right: 0;
  }
}
@media (min-width: 1200px) {
  .site-header--careers .site-header__menu {
    width: min(100%, var(--careers-header-content-width));
    justify-content: flex-end;
  }
}
@media (min-width: 1200px) {
  .site-header--careers .site-header__menu li:last-child {
    padding-inline-end: 0;
  }
}
@media (min-width: 768px) {
  .site-header--page .site-header__mobile-heading {
    display: none;
  }
}
.site-header__inner {
  position: relative;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  min-height: 68px;
  padding-top: 8px;
}
@media (min-width: 768px) {
  .site-header__inner {
    min-height: 120px;
    padding-top: 40px;
    padding-left: 14px;
  }
}
@media (min-width: 1200px) {
  .site-header__inner {
    align-items: center;
    min-height: 88px;
    padding-left: 0px;
    padding-top: 12px;
  }
}
@media (min-width: 1440px) {
  .site-header__inner {
    position: static;
  }
}
@media (min-width: 1920px) {
  .site-header__inner {
    position: relative;
  }
}
.site-header__logo {
  position: relative;
  z-index: 2;
}
.site-header__logo-link {
  display: block;
  border-radius: 2px;
}
.site-header__logo-link:focus-visible {
  outline: 2px solid #f40f3e;
  outline-offset: 4px;
}
.site-header__logo-image {
  display: block;
  width: 64px;
  height: auto;
}
@media (min-width: 1200px) {
  .site-header__logo-image {
    width: 102px;
  }
}
.site-header__mobile-heading {
  align-self: center;
  min-width: 0;
  padding-inline: 8px;
  overflow: hidden;
  color: #fff;
  line-height: 1;
  text-align: right;
  text-transform: uppercase;
}
@media (min-width: 1200px) {
  .site-header__mobile-heading {
    display: none;
  }
}
.site-header__mobile-section, .site-header__mobile-title {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.site-header__mobile-section {
  margin-bottom: 2px;
  font-size: clamp(16px, 16px + 3 * (100vw - 320px) / 1600, 19px);
}
@media (min-width: 768px) {
  .site-header__mobile-section {
    font-size: 19px;
  }
}
.site-header__mobile-title {
  font-size: clamp(18px, 18px + 14 * (100vw - 320px) / 1600, 32px);
}
@media (min-width: 768px) {
  .site-header__mobile-title {
    font-size: 19px;
  }
}
@media (min-width: 1200px) {
  .site-header__mobile-title {
    font-size: 23px;
  }
}
.site-header__navigation {
  display: none;
}
@media (min-width: 1200px) {
  .site-header__navigation {
    display: flex;
    justify-content: flex-end;
    min-width: 0;
    margin-left: auto;
  }
}
@media (min-width: 1440px) {
  .site-header__navigation {
    margin-right: 10px;
  }
}
@media (min-width: 1920px) {
  .site-header__navigation {
    margin-right: 0;
  }
}
.site-header__menu {
  --menu-gap: 24px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--menu-gap);
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 1200px) {
  .site-header__menu {
    --menu-gap: 60px;
  }
}
.site-header__menu li {
  position: relative;
  margin: 0;
  padding: 0;
}
@media (min-width: 1200px) {
  .site-header__menu li:last-child {
    padding-inline-end: calc(var(--menu-gap) / 2 - 8px);
  }
}
.site-header__menu li + li::before {
  content: "";
  position: absolute;
  top: 50%;
  left: calc(var(--menu-gap) / -2);
  width: 1px;
  height: 24px;
  background-color: #fff;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.site-header__menu a {
  position: relative;
  display: block;
  padding: 12px 0;
  color: #fff;
  line-height: 1;
  text-decoration: none;
  text-transform: uppercase;
  transition: color 0.2s ease, opacity 0.2s ease;
  font-size: clamp(10px, 10px + 1 * (100vw - 320px) / 1600, 11px);
}
@media (min-width: 1200px) {
  .site-header__menu a {
    font-weight: 900;
    font-size: 12.45px;
  }
}
.site-header__menu a:hover {
  color: #f40f3e;
}
.site-header__menu a:focus-visible {
  color: #f40f3e;
  outline: 2px solid #f40f3e;
  outline-offset: 4px;
}
.site-header__menu a:active {
  opacity: 0.65;
}
.site-header__menu a.is-active {
  color: #f40f3e;
}
.site-header__menu .current-menu-item > a,
.site-header__menu .current_page_item > a,
.site-header__menu .current-menu-ancestor > a {
  color: #f40f3e;
}
.site-header__actions {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 8px;
}
@media (min-width: 1200px) {
  .site-header__actions {
    align-items: center;
    margin-left: 24px;
    position: absolute;
    right: -10px;
    top: 10px;
  }
}
@media (min-width: 1440px) {
  .site-header__actions {
    right: 0;
  }
}
@media (min-width: 1920px) {
  .site-header__actions {
    position: static;
  }
}
.site-header__actions--hidden {
  visibility: hidden;
  pointer-events: none;
  display: none;
}

.language-switcher {
  position: relative;
  z-index: 10;
  flex: 0 0 auto;
  min-width: 34px;
}
@media (min-width: 768px) {
  .language-switcher {
    min-width: 45px;
  }
}
@media (min-width: 1200px) {
  .language-switcher {
    min-width: 52px;
  }
}
.language-switcher__trigger {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 34px;
  min-height: 40px;
  padding: 4px 2px;
  color: rgba(255, 255, 255, 0.7);
  border: 1px solid rgba(255, 255, 255, 0.25);
  background-color: rgba(11, 11, 51, 0.18);
  cursor: pointer;
  transition: color 0.2s linear, border-color 0.2s linear, background-color 0.2s linear;
}
@media (min-width: 768px) {
  .language-switcher__trigger {
    width: 45px;
    min-height: 44px;
  }
}
@media (min-width: 1200px) {
  .language-switcher__trigger {
    width: 52px;
    min-height: 30px;
    flex-direction: row;
    gap: 5px;
    padding: 4px 6px;
  }
}
.language-switcher__trigger:hover {
  color: #fff;
  border-color: rgba(255, 255, 255, 0.55);
  background-color: rgba(255, 255, 255, 0.08);
}
.language-switcher__trigger:focus-visible {
  color: #fff;
  border-color: #f40f3e;
  outline: 2px solid #f40f3e;
  outline-offset: 2px;
}
.language-switcher__trigger:active {
  background-color: rgba(255, 255, 255, 0.14);
}
.language-switcher__flag {
  display: none;
}
.language-switcher__code {
  display: block;
  color: currentColor;
  font-size: 10px;
  line-height: 1;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .language-switcher__code {
    font-size: 12px;
  }
}
@media (min-width: 1200px) {
  .language-switcher__code {
    font-size: 14px;
  }
}
.language-switcher__arrow {
  position: relative;
  display: block;
  width: 8px;
  height: 5px;
  margin-top: 5px;
  transition: transform 0.2s linear;
}
@media (min-width: 1200px) {
  .language-switcher__arrow {
    margin-top: 0;
  }
}
.language-switcher__arrow::before, .language-switcher__arrow::after {
  position: absolute;
  top: 2px;
  width: 5px;
  height: 1px;
  content: "";
  background-color: currentColor;
}
.language-switcher__arrow::before {
  left: 0;
  transform: rotate(45deg);
}
.language-switcher__arrow::after {
  right: 0;
  transform: rotate(-45deg);
}
.language-switcher__dropdown {
  position: absolute;
  z-index: 1;
  top: calc(100% + 2px);
  right: 0;
  display: grid;
  min-width: 100%;
  padding: 3px;
  visibility: hidden;
  opacity: 0;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background-color: rgba(11, 11, 51, 0.96);
  transform: translateY(-4px);
  pointer-events: none;
  transition: opacity 0.2s linear, visibility 0.2s linear, transform 0.2s linear;
}
@media (min-width: 1200px) {
  .language-switcher__dropdown {
    min-width: 52px;
  }
}
.language-switcher__option {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 24px;
  padding: 5px 4px;
  color: rgba(255, 255, 255, 0.65);
  font-size: 8px;
  line-height: 1;
  text-decoration: none;
  text-transform: uppercase;
  transition: color 0.2s linear, background-color 0.2s linear;
}
@media (min-width: 768px) {
  .language-switcher__option {
    min-height: 26px;
    font-size: 9px;
  }
}
@media (min-width: 1200px) {
  .language-switcher__option {
    min-height: 28px;
    font-size: 10px;
  }
}
.language-switcher__option:hover {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
}
.language-switcher__option:focus-visible {
  color: #fff;
  outline: 1px solid #f40f3e;
  outline-offset: -1px;
  background-color: rgba(255, 255, 255, 0.08);
}
.language-switcher__option:active {
  background-color: rgba(255, 255, 255, 0.16);
}
.language-switcher.is-open .language-switcher__trigger {
  color: #fff;
  border-color: rgba(255, 255, 255, 0.55);
  background-color: rgba(255, 255, 255, 0.08);
}
.language-switcher.is-open .language-switcher__arrow {
  transform: rotate(180deg);
}
.language-switcher.is-open .language-switcher__dropdown {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

.site-footer {
  position: fixed;
  z-index: 30;
  right: 0;
  bottom: 0;
  left: 0;
  padding-bottom: 11px;
  padding-top: 11px;
  background-color: #f40f3e;
}
@media (min-width: 1200px) {
  .site-footer {
    display: none;
  }
}
.site-footer__container {
  width: 100%;
}
.site-footer__inner {
  width: 100%;
}
.site-footer__navigation {
  width: 100%;
}
.site-footer__menu {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  width: 100%;
  max-width: 520px;
  margin: 0 auto;
  padding: 0;
  list-style: none;
}
.site-footer__menu li {
  min-width: 0;
  margin: 0;
  padding: 0;
}
.site-footer__menu li + li {
  border-left: 1px solid rgba(255, 255, 255, 0.35);
}
.site-footer__menu a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 4px;
  overflow: hidden;
  color: #fff;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
  transition: color 0.2s linear, background-color 0.2s linear, opacity 0.2s linear;
}
@media (min-width: 768px) {
  .site-footer__menu a {
    font-size: 12px;
  }
}
.site-footer__menu a:hover, .site-footer__menu a:focus-visible, .site-footer__menu a.is-active {
  background-color: rgba(11, 11, 51, 0.1);
}
.site-footer__menu a:focus-visible {
  outline: 2px solid #fff;
  outline-offset: -3px;
}
.site-footer__menu a:active {
  opacity: 0.7;
}
.site-footer__menu .current-menu-item > a,
.site-footer__menu .current_page_item > a,
.site-footer__menu .current-menu-ancestor > a {
  color: #560916;
}

.awards {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 768px) {
  .awards {
    gap: 5px;
  }
}
@media (min-width: 1200px) {
  .awards {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    align-content: flex-end;
  }
}
@media (min-width: 1920px) {
  .awards {
    -moz-column-gap: 20px;
         column-gap: 20px;
  }
}
.awards--glass::before, .awards--glass::after {
  content: "";
  position: absolute;
  z-index: -1;
  pointer-events: none;
}
.awards--glass::before {
  inset: -28px -44px -36px -18px;
  background: rgba(255, 255, 255, 0.01);
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
  -webkit-mask-image: radial-gradient(ellipse 78% 74% at 36% 50%, #000 0%, #000 34%, rgba(0, 0, 0, 0.9) 46%, rgba(0, 0, 0, 0.62) 58%, rgba(0, 0, 0, 0.28) 70%, transparent 82%);
  mask-image: radial-gradient(ellipse 78% 74% at 36% 50%, #000 0%, #000 34%, rgba(0, 0, 0, 0.9) 46%, rgba(0, 0, 0, 0.62) 58%, rgba(0, 0, 0, 0.28) 70%, transparent 82%);
}
.awards--glass::after {
  inset: -28px -44px -36px -18px;
  background: radial-gradient(ellipse 74% 70% at 36% 50%, rgba(110, 88, 72, 0.16) 0%, rgba(110, 88, 72, 0.1) 46%, rgba(110, 88, 72, 0.05) 64%, transparent 82%);
  filter: blur(10px);
  opacity: 0.95;
}
@media (min-width: 768px) {
  .awards--glass::before, .awards--glass::after {
    inset: -36px -56px -42px -20px;
  }
}
@media (min-width: 1200px) {
  .awards--glass::before, .awards--glass::after {
    inset: -30px -124px -30px -24px;
  }
  .awards--glass::before {
    -webkit-mask-image: radial-gradient(ellipse 68% 62% at 34% 50%, #000 0%, #000 36%, rgba(0, 0, 0, 0.88) 48%, rgba(0, 0, 0, 0.58) 60%, rgba(0, 0, 0, 0.24) 70%, transparent 80%);
    mask-image: radial-gradient(ellipse 68% 62% at 34% 50%, #000 0%, #000 36%, rgba(0, 0, 0, 0.88) 48%, rgba(0, 0, 0, 0.58) 60%, rgba(0, 0, 0, 0.24) 70%, transparent 80%);
  }
  .awards--glass::after {
    background: radial-gradient(ellipse 62% 56% at 34% 50%, rgba(112, 86, 68, 0.18) 0%, rgba(112, 86, 68, 0.11) 44%, rgba(112, 86, 68, 0.05) 62%, transparent 80%);
    filter: blur(12px);
  }
}
@media (min-width: 1440px) {
  .awards--glass::before, .awards--glass::after {
    inset: -22px -140px -22px -24px;
  }
}
.awards--showcase {
  width: 100%;
}
@media (min-width: 768px) {
  .awards--showcase {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    -moz-column-gap: 24px;
         column-gap: 24px;
    row-gap: 24px;
  }
}
.awards--showcase .awards__placeholder {
  height: 55px;
}
@media (min-width: 768px) {
  .awards--showcase .awards__placeholder {
    height: 82px;
  }
}
@media (min-width: 1200px) {
  .awards--showcase .awards__placeholder {
    height: 88px;
  }
}
.awards--showcase .awards__item {
  width: 100%;
}
.awards__item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
@media (min-width: 1200px) {
  .awards__item {
    flex: 0 0 auto;
    width: auto;
  }
}
.awards__placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 25px;
  color: #fff;
}
@media (min-width: 768px) {
  .awards__placeholder {
    min-height: 23px;
  }
}
@media (min-width: 1200px) {
  .awards__placeholder {
    min-height: unset;
    height: 44px;
  }
}
.awards__image {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.home-hero {
  --home-hero-height:
      calc(100vh - var(--site-footer-height));
  --home-hero-panel-width: clamp(232px, 67vw, 263px);
  --home-hero-panel-min-height: 264px;
  --home-hero-panel-right: 0px;
  --home-hero-panel-bottom: clamp(10px, 1svh, 20px);
  --home-hero-panel-top: auto;
  --home-hero-awards-top: clamp(70px,
          calc(41.1vw - 61.5px),
          100px);
  --home-hero-awards-width: 75px;
  --home-hero-awards-showcase-top: unset;
  --home-hero-panel-background:
      rgba(255, 255, 255, 0.06);
  position: relative;
  min-height: var(--home-hero-height);
  overflow: hidden;
  color: #fff;
  background-color: #091136;
}
@supports (height: 100dvh) {
  .home-hero {
    --home-hero-height: calc(100dvh - var(--site-footer-height));
  }
}
@media (min-width: 768px) {
  .home-hero {
    --home-hero-panel-width: 438px;
    --home-hero-panel-min-height: 372px;
    --home-hero-panel-top: 122px;
    --home-hero-awards-top: 138px;
    --home-hero-awards-showcase-top: 150px;
  }
}
@media (min-width: 1200px) {
  .home-hero {
    --home-hero-panel-width: 486px;
    --home-hero-panel-min-height: 495px;
    --home-hero-panel-bottom: 103px;
    --home-hero-awards-width: 620px;
    --home-hero-awards-showcase-top: unset;
  }
}
@media (min-width: 1440px) {
  .home-hero {
    --home-hero-panel-right: 16px;
    --home-hero-panel-width:
        clamp(486px,
            calc(76.25vw - 612px),
            852px);
    --home-hero-panel-min-height:
        clamp(495px,
            calc(31.0417vw + 48px),
            644px);
  }
}
@media (min-width: 1920px) {
  .home-hero {
    --home-hero-panel-width: 852px;
    --home-hero-panel-min-height: 644px;
    --home-hero-panel-right: 117px;
    --home-hero-awards-width: 648px;
  }
}
.home-hero__title, .home-hero__description, .home-hero__button {
  opacity: 0;
  transform: translateY(12px);
  transition: opacity 0.4s ease, transform 0.45s ease;
}
.home-hero__description {
  transition-delay: 0.06s;
}
.home-hero__button {
  transition-delay: 0.12s;
}
.home-hero__lines {
  opacity: 0;
  transform: translate(18px, 18px);
  transition: opacity 0.45s ease 0.1s, transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
}
.home-hero .swiper-slide-active .home-hero__title,
.home-hero .swiper-slide-active .home-hero__description,
.home-hero .swiper-slide-active .home-hero__button {
  opacity: 1;
  transform: translateY(0);
}
.home-hero .swiper-slide-active .home-hero__lines {
  opacity: 1;
  transform: translate(0, 0);
}
@media (prefers-reduced-motion: reduce) {
  .home-hero .home-hero__title, .home-hero .home-hero__description, .home-hero .home-hero__button, .home-hero .home-hero__lines {
    transition: none;
    transform: none;
  }
}
.home-hero__slider, .home-hero__track, .home-hero__slide, .home-hero__inner-layout, .home-hero__inner-ui {
  min-height: var(--home-hero-height);
}
.home-hero__slider {
  width: 100%;
  overflow: hidden;
}
.home-hero__track {
  align-items: stretch;
}
.home-hero__slide {
  position: relative;
  overflow: hidden;
  background-color: #091136;
}
.home-hero__slide {
  /*
  * Тимчасові заглушки медіа.
  * Після підключення всіх ресурсів їх можна прибрати.
  */
}
.home-hero__slide--years-of-success .home-hero__media-placeholder {
  background-color: #9ba9b8;
}
.home-hero__slide--years-of-success .home-hero__image {
  position: absolute;
  top: 0;
  left: 50%;
  width: auto;
  height: max(780px, 100svh + 22px, 165.254vw);
  max-width: none;
  transform: translate(-50%, -8.33%);
  -o-object-fit: initial;
     object-fit: initial;
  -o-object-position: initial;
     object-position: initial;
}
@media (min-width: 768px) {
  .home-hero__slide--years-of-success .home-hero__image {
    top: -63px;
    height: max(975px, 110.294vw, 100svh + 15px);
    transform: translateX(-50%);
  }
}
@media (min-width: 1200px) {
  .home-hero__slide--years-of-success .home-hero__image {
    top: -54px;
    left: calc(50% + 20px);
    height: max(828px, 100svh + 62px);
  }
}
@media (min-width: 1440px) {
  .home-hero__slide--years-of-success .home-hero__image {
    top: -54px;
    left: calc(50% + 5px);
    height: max(830px, 100svh + 62px, 51.75vw, 33.09vw + 37.06svh);
  }
}
@media (min-width: 1700px) {
  .home-hero__slide--years-of-success .home-hero__image {
    left: calc(50% - 15px);
  }
}
@media (min-width: 1920px) {
  .home-hero__slide--years-of-success .home-hero__image {
    top: 0;
    left: calc(50% + 19px);
    height: max(1242px, 106.98svh, 56.64vw, 29.78vw + 46.93svh);
    transform: translate(-50%, -6.52%);
  }
}
.home-hero__slide--lion-revenue .home-hero__media-placeholder {
  background-color: #b99b82;
}
.home-hero__slide--lion-revenue .home-hero__image {
  position: absolute;
  top: 0;
  left: 50%;
  width: auto;
  height: max(780px, 100svh + 22px, 165.254vw);
  max-width: none;
  transform: translate(-50%, -8.33%);
  -o-object-fit: initial;
     object-fit: initial;
  -o-object-position: initial;
     object-position: initial;
}
@media (min-width: 768px) {
  .home-hero__slide--lion-revenue .home-hero__image {
    top: -63px;
    height: max(975px, 110.294vw, 100svh + 15px);
    transform: translateX(-50%);
  }
}
@media (min-width: 1200px) {
  .home-hero__slide--lion-revenue .home-hero__image {
    top: -53px;
    left: calc(50% - 10px);
    height: max(828px, 100svh + 62px);
  }
}
@media (min-width: 1380px) {
  .home-hero__slide--lion-revenue .home-hero__image {
    left: calc(50% - 30px);
  }
}
@media (min-width: 1440px) {
  .home-hero__slide--lion-revenue .home-hero__image {
    top: -132px;
    left: calc(50% + 37px);
    height: max(1120px, 100svh + 62px, 51.75vw, 33.09vw + 37.06svh);
  }
}
@media (min-width: 1700px) {
  .home-hero__slide--lion-revenue .home-hero__image {
    left: calc(50% - 30px);
  }
}
@media (min-width: 1920px) {
  .home-hero__slide--lion-revenue .home-hero__image {
    top: 0;
    left: calc(50% - 6px);
    height: max(1242px, 106.98svh, 56.64vw, 29.78vw + 46.93svh);
    transform: translate(-50%, -6.52%);
  }
}
.home-hero__slide--recognized-by-the-industry .home-hero__media-placeholder {
  background-color: #65728a;
}
.home-hero__slide--affpapa-award .home-hero__awards {
  left: -5px;
  --home-hero-awards-top: 94px;
  top: var(--home-hero-awards-top);
  display: flex;
}
@media (min-width: 768px) {
  .home-hero__slide--affpapa-award .home-hero__awards {
    top: auto;
    --home-hero-awards-width: 184px;
    width: var(--home-hero-awards-width);
    bottom: 50px;
    left: 15px;
    gap: 15px;
  }
}
@media (min-width: 1200px) {
  .home-hero__slide--affpapa-award .home-hero__awards {
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    --home-hero-awards-width: 620px;
    gap: 5px;
    width: var(--home-hero-awards-width);
  }
}
@media (min-width: 1920px) {
  .home-hero__slide--affpapa-award .home-hero__awards {
    --home-hero-awards-width: 648px;
    -moz-column-gap: 20px;
         column-gap: 20px;
  }
}
@media (min-width: 768px) {
  .home-hero__slide--affpapa-award .awards--glass::before {
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
  }
}
@media (min-width: 1200px) {
  .home-hero__slide--affpapa-award .awards--glass::before {
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
  }
}
.home-hero__slide--affpapa-award .home-hero__media-placeholder {
  background-color: #827269;
}
.home-hero__slide--affpapa-award .home-hero__image {
  position: absolute;
  top: -42px;
  left: 50%;
  width: auto;
  height: max(780px, 100svh + 45px, 165.254vw + 40px);
  height: max(780px, 100svh + 75px, 165.254vw + 40px);
  max-width: none;
  transform: translate(-50%, -8.33%);
  -o-object-fit: initial;
     object-fit: initial;
  -o-object-position: initial;
     object-position: initial;
}
@media (min-width: 768px) {
  .home-hero__slide--affpapa-award .home-hero__image {
    top: -63px;
    height: max(975px, 110.294vw, 100svh + 15px);
    transform: translateX(-50%);
  }
}
@media (min-width: 1200px) {
  .home-hero__slide--affpapa-award .home-hero__image {
    top: -18px;
    left: calc(50% - 17px);
    height: max(758px, 100svh + 40px);
  }
}
@media (min-width: 1380px) {
  .home-hero__slide--affpapa-award .home-hero__image {
    left: calc(50% - 30px);
  }
}
@media (min-width: 1440px) {
  .home-hero__slide--affpapa-award .home-hero__image {
    top: -85px;
    left: calc(50% - 19px);
    height: max(890px, 100svh + 90px, 55vw);
  }
}
@media (min-width: 1920px) {
  .home-hero__slide--affpapa-award .home-hero__image {
    top: 0;
    left: calc(50% - 6px);
    height: max(1242px, 106.98svh, 56.64vw, 29.78vw + 46.93svh);
    transform: translate(-50%, -6.52%);
  }
}
.home-hero__slide--visual-dimmed {
  --home-hero-media-overlay:
      rgba(9, 17, 54, 0.68);
  --home-hero-media-overlay-opacity: 1;
}
.home-hero__slide--visual-dimmed .awards--glass::before {
  inset: -175px -230px -340px;
  -webkit-mask-image: radial-gradient(ellipse 58% 48% at 50% 52%, #000 0%, #000 34%, rgba(0, 0, 0, 0.88) 48%, rgba(0, 0, 0, 0.58) 64%, rgba(0, 0, 0, 0.24) 80%, transparent 96%);
  mask-image: radial-gradient(ellipse 58% 48% at 50% 52%, #000 0%, #000 34%, rgba(0, 0, 0, 0.88) 48%, rgba(0, 0, 0, 0.58) 64%, rgba(0, 0, 0, 0.24) 80%, transparent 96%);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}
@media (min-width: 768px) {
  .home-hero__slide--visual-dimmed .awards--glass::before {
    inset: -200px -280px -380px;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
  }
}
@media (min-width: 1200px) {
  .home-hero__slide--visual-dimmed .awards--glass::before {
    inset: -180px -320px;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    -webkit-mask-image: radial-gradient(ellipse 48% 54% at 50% 50%, #000 0%, #000 34%, rgba(0, 0, 0, 0.88) 48%, rgba(0, 0, 0, 0.56) 62%, rgba(0, 0, 0, 0.22) 76%, transparent 92%);
    mask-image: radial-gradient(ellipse 48% 54% at 50% 50%, #000 0%, #000 34%, rgba(0, 0, 0, 0.88) 48%, rgba(0, 0, 0, 0.56) 62%, rgba(0, 0, 0, 0.22) 76%, transparent 92%);
  }
}
@media (min-width: 1440px) {
  .home-hero__slide--visual-dimmed .awards--glass::before {
    inset: -250px -390px -190px -390px;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
  }
}
@media (min-width: 1920px) {
  .home-hero__slide--visual-dimmed .awards--glass::before {
    inset: -280px -430px -210px -430px;
    backdrop-filter: blur(22px);
    -webkit-backdrop-filter: blur(22px);
  }
}
.home-hero__slide--visual-dimmed .awards--glass::after {
  inset: -175px -230px -340px;
  background: radial-gradient(ellipse 58% 48% at 50% 52%, rgba(92, 76, 66, 0.2) 0%, rgba(92, 76, 66, 0.13) 42%, rgba(92, 76, 66, 0.06) 68%, transparent 96%);
}
@media (min-width: 768px) {
  .home-hero__slide--visual-dimmed .awards--glass::after {
    inset: -200px -280px -380px;
  }
}
@media (min-width: 1200px) {
  .home-hero__slide--visual-dimmed .awards--glass::after {
    inset: -180px -320px;
    background: radial-gradient(ellipse 48% 54% at 50% 50%, rgba(92, 76, 66, 0.22) 0%, rgba(92, 76, 66, 0.14) 42%, rgba(92, 76, 66, 0.07) 66%, transparent 92%);
  }
}
@media (min-width: 1440px) {
  .home-hero__slide--visual-dimmed .awards--glass::after {
    inset: -250px -390px -190px -390px;
  }
}
@media (min-width: 1920px) {
  .home-hero__slide--visual-dimmed .awards--glass::after {
    inset: -280px -430px -210px -430px;
  }
}
.home-hero__visual {
  position: absolute;
  z-index: 0;
  inset: 0;
}
.home-hero__media, .home-hero__picture, .home-hero__image, .home-hero__media-placeholder {
  display: block;
  width: 100%;
  height: 100%;
}
.home-hero__picture, .home-hero__image {
  position: relative;
  z-index: 1;
}
.home-hero__image {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center top;
     object-position: center top;
}
@media (min-width: 1200px) {
  .home-hero__image {
    -o-object-position: 20% top;
       object-position: 20% top;
  }
}
@media (min-width: 1440px) {
  .home-hero__image {
    -o-object-position: left top;
       object-position: left top;
  }
}
.home-hero__video {
  position: absolute;
  z-index: 2;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center top;
     object-position: center top;
}
@media (min-width: 1200px) {
  .home-hero__video {
    -o-object-position: 20% top;
       object-position: 20% top;
  }
}
@media (min-width: 1440px) {
  .home-hero__video {
    -o-object-position: left top;
       object-position: left top;
  }
}
.home-hero__media {
  position: relative;
  z-index: 0;
}
@media (min-width: 1200px) {
  .home-hero__media {
    position: absolute;
    top: 0;
    left: 0;
    height: 100svh;
    width: max(81vw, 45.5vw + 58svh + 2px);
    overflow: hidden;
  }
}
@media (min-width: 1440px) {
  .home-hero__media {
    width: max(81vw, 51.8vw + 58svh + 2px);
  }
}
@media (min-width: 1920px) {
  .home-hero__media {
    width: max(70vw, 36.8vw + 58svh + 2px);
    height: 100svh;
  }
}
.home-hero__media::after {
  content: "";
  position: absolute;
  z-index: 2;
  inset: 0;
  background: var(--home-hero-media-overlay, transparent);
  opacity: var(--home-hero-media-overlay-opacity, 0);
  pointer-events: none;
}
.home-hero__media-placeholder {
  min-height: 100%;
}
.home-hero {
  /*
  * Окрема navy-площина на mobile не потрібна.
   * Вона з'явиться на desktop від 1200px.
  */
}
.home-hero__backdrop {
  display: none;
}
@media (min-width: 1200px) {
  .home-hero__backdrop {
    --home-backdrop-top-x: 45.5%;
    --home-backdrop-slant: 58svh;
    position: absolute;
    z-index: 1;
    inset: 0;
    display: block;
    background-color: #091136;
    clip-path: polygon(var(--home-backdrop-top-x) 0, 100% 0, 100% 100%, calc(var(--home-backdrop-top-x) + var(--home-backdrop-slant)) 100%);
  }
}
@media (min-width: 1440px) {
  .home-hero__backdrop {
    --home-backdrop-top-x: 49%;
  }
}
@media (min-width: 1920px) {
  .home-hero__backdrop {
    --home-backdrop-top-x: 36.8%;
  }
}
.home-hero__inner-layout {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  min-height: var(--home-hero-height);
  padding-bottom: var(--home-hero-panel-bottom);
}
@media (min-width: 1200px) {
  .home-hero__inner-layout {
    padding-bottom: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-content: center;
    min-height: var(--home-hero-height);
  }
}
.home-hero__awards {
  display: none;
  position: absolute;
  z-index: 4;
  top: var(--home-hero-awards-top);
  left: 2px;
  width: var(--home-hero-awards-width);
}
@media (min-width: 768px) {
  .home-hero__awards {
    display: flex;
    left: 10px;
  }
}
@media (min-width: 1200px) {
  .home-hero__awards {
    position: relative;
    grid-column: 1;
    grid-row: 1;
    align-self: end;
    justify-self: center;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    width: var(--home-hero-awards-width);
  }
}
.home-hero__awards.awards--showcase {
  display: grid;
  --width: clamp(160px,
          calc(27.4vw + 72.3px),
          180px);
  width: var(--width);
  left: calc(50% - var(--width) / 2);
  gap: clamp(2px, 19.18vw - 61.38px, 14px);
}
@media (min-width: 768px) {
  .home-hero__awards.awards--showcase {
    display: grid;
    --width: 550px;
    top: var(--home-hero-awards-showcase-top);
    gap: 35px 14px;
  }
}
@media (min-width: 1200px) {
  .home-hero__awards.awards--showcase {
    position: relative;
    grid-column: 1;
    grid-row: 1;
    align-self: center;
    justify-self: center;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    transform: translateY(8px);
  }
}
.home-hero__panel {
  position: relative;
  z-index: 4;
  width: var(--home-hero-panel-width);
  min-height: var(--home-hero-panel-min-height);
  margin-top: auto;
  margin-right: var(--home-hero-panel-right);
  margin-left: auto;
  overflow: visible;
}
@media (min-width: 1200px) {
  .home-hero__panel {
    grid-column: 2;
    grid-row: 1;
    align-self: center;
    margin-top: 0;
    margin-bottom: 0;
  }
}
.home-hero__content {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  min-height: var(--home-hero-panel-min-height);
  padding: 16px 60px 16px 16px;
  color: #fff;
  background: var(--home-hero-panel-background);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}
@media (min-width: 768px) {
  .home-hero__content {
    padding: 30px 100px 30px 30px;
  }
}
@media (min-width: 1200px) {
  .home-hero__content {
    padding: 30px 112px 30px 30px;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
  }
}
.home-hero__title {
  padding-right: 30px;
  margin: 0;
  color: inherit;
  font-size: clamp(20px, 20px + 10 * (100vw - 320px) / 1600, 30px);
  text-align: start;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .home-hero__title {
    padding-right: 0;
    max-width: 295px;
    font-size: 30px;
  }
}
@media (min-width: 1200px) {
  .home-hero__title {
    max-width: 343px;
    font-size: 36px;
  }
}
@media (min-width: 1440px) {
  .home-hero__title {
    font-size: clamp(39px, 2.2917vw + 6px, 50px);
    max-width: clamp(343px, 53.5417vw - 428px, 600px);
  }
}
.home-hero__description {
  margin: 11px 0 0;
  font-size: 13px;
}
@media (min-width: 768px) {
  .home-hero__description {
    margin: 26px 0 0;
    font-size: 20px;
  }
}
@media (min-width: 1200px) {
  .home-hero__description {
    font-size: 26px;
  }
}
@media (min-width: 1440px) {
  .home-hero__description {
    font-size: clamp(26px, 2.0833vw - 4px, 36px);
    max-width: clamp(344px, 17.9167vw + 86px, 430px);
  }
}
.home-hero__description p {
  margin: 0;
  font: inherit;
  color: inherit;
  line-height: inherit;
}
.home-hero__description strong {
  font-weight: 700;
}
.home-hero__button {
  position: relative;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 40px;
  margin-top: auto;
  padding: 8px 6px;
  color: #fff;
  font-size: clamp(11px, 11px + 9 * (100vw - 320px) / 1600, 20px);
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  background-color: #ed0f3d;
  border: 1px solid #ff2954;
  border-radius: 0;
  /*
  * Рамка малюється всередині кнопки,
  * а не збільшує її зовнішній розмір.
  */
  box-shadow: inset 0 0 0 1px #a60024;
  transition: transform 0.25s ease, box-shadow 0.25s ease, background-color 0.25s ease;
  /*
  * Декоративний блік для hover.
  */
}
.home-hero__button::before {
  content: "";
  position: absolute;
  top: -50%;
  left: -45%;
  width: 24%;
  height: 200%;
  background: rgba(255, 255, 255, 0.22);
  transform: skewX(-20deg);
  pointer-events: none;
  transition: left 0.45s ease;
}
@media (min-width: 768px) {
  .home-hero__button {
    padding: 16px 6px;
    margin-top: auto;
    margin-bottom: 16px;
    font-size: 20px;
  }
}
@media (min-width: 1200px) {
  .home-hero__button {
    padding: 25px 6px;
    margin-bottom: 0;
  }
}
@media (min-width: 1440px) {
  .home-hero__button {
    padding: 22px 6px;
    max-width: clamp(344px, 21.0417vw + 41px, 445px);
    font-size: clamp(20px, 0.4167vw + 14px, 22px);
  }
}
@media (min-width: 1920px) {
  .home-hero__button {
    align-self: flex-start;
    min-height: 76px;
  }
}
.home-hero__button span {
  position: relative;
  z-index: 1;
  display: block;
  transition: opacity 0.2s linear, transform 0.2s ease;
}
.home-hero__button {
  /*
  * Hover тільки для пристроїв із курсором.
  */
}
@media (hover: hover) and (pointer: fine) {
  .home-hero__button:hover {
    background-color: #f31645;
    box-shadow: inset 0 0 0 1px #a60024, 0 8px 24px rgba(237, 15, 61, 0.32);
    transform: translateY(-2px);
  }
  .home-hero__button:hover::before {
    left: 125%;
  }
}
.home-hero__button:active span {
  opacity: 0.75;
  transform: scale(0.98);
}
.home-hero__button:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 3px;
}
.home-hero__lines {
  position: absolute;
  z-index: 2;
  right: -170px;
  bottom: -170px;
  left: auto;
  top: auto;
  display: block;
  width: 312px;
  height: 100%;
  overflow: visible;
  color: #fff;
  pointer-events: none;
}
@media (min-width: 768px) {
  .home-hero__lines {
    height: auto;
    width: 565px;
    max-width: unset;
    bottom: -730px;
    right: -490px;
  }
}
@media (min-width: 1200px) {
  .home-hero__lines {
    bottom: -730px;
    right: -477px;
  }
}
@media (min-width: 1440px) {
  .home-hero__lines {
    right: clamp(-477px, 8.9583vw - 606px, -434px);
    bottom: clamp(-730px, 5.2083vw - 805px, -705px);
  }
}
.home-hero {
  /*
  * Спільний UI лежить над Swiper, але геометрично
  * вирівнюється з активною карткою.
  */
}
.home-hero__ui {
  position: absolute;
  z-index: 5;
  inset: 0;
  pointer-events: none;
}
.home-hero__inner-ui {
  position: relative;
  height: var(--home-hero-height);
}
.home-hero__panel-ui {
  position: absolute;
  right: var(--home-hero-panel-right);
  bottom: var(--home-hero-panel-bottom);
  width: var(--home-hero-panel-width);
  min-height: var(--home-hero-panel-min-height);
  pointer-events: none;
}
@media (min-width: 1200px) {
  .home-hero__panel-ui {
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
  }
}
.home-hero__pagination {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  margin-left: auto;
  padding-top: 10px;
  padding-right: 10px;
  pointer-events: auto;
}
@media (min-width: 768px) {
  .home-hero__pagination {
    gap: 15px;
    padding-top: 15px;
    padding-right: 15px;
  }
}
.home-hero__pagination-dot {
  display: block;
  width: 6.22px;
  height: 6.22px;
  margin: 0 !important;
  padding: 0;
  opacity: 0.54;
  background-color: #fff;
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  transition: opacity 0.2s linear, transform 0.2s ease;
}
@media (min-width: 768px) {
  .home-hero__pagination-dot {
    width: 12px;
    height: 12px;
  }
}
.home-hero__pagination-dot.is-active {
  opacity: 1;
  transform: scale(1.15);
}
.home-hero__pagination-dot:focus-visible {
  outline: 2px solid #f40f3e;
  outline-offset: 3px;
}

.about-hero {
  --about-hero-height:
      calc(100svh - var(--site-footer-height));
  --about-hero-panel-width:
      clamp(232px, 67vw, 263px);
  --about-hero-panel-min-height: 264px;
  --about-hero-panel-right: 0px;
  --about-hero-panel-bottom:
      clamp(10px, 1svh, 20px);
  --about-hero-panel-top: auto;
  --about-hero-awards-top: 94px;
  --about-hero-awards-width: 75px;
  --about-hero-panel-background:
      rgba(255, 255, 255, 0.06);
  position: relative;
  min-height: var(--about-hero-height);
  overflow: hidden;
  color: #fff;
  background-color: #091136;
}
@media (min-width: 768px) {
  .about-hero {
    --about-hero-panel-width: 438px;
    --about-hero-panel-min-height: 372px;
    --about-hero-awards-top: 138px;
  }
}
@media (min-width: 1200px) {
  .about-hero {
    --about-hero-panel-width: 486px;
    --about-hero-panel-min-height: 495px;
    --about-hero-panel-bottom: 103px;
    --about-hero-awards-width: 620px;
  }
}
@media (min-width: 1440px) {
  .about-hero {
    --about-hero-panel-right: 16px;
    --about-hero-panel-width:
        clamp(486px,
            calc(76.25vw - 612px),
            852px);
    --about-hero-panel-min-height:
        clamp(495px,
            calc(31.0417vw + 48px),
            644px);
  }
}
@media (min-width: 1920px) {
  .about-hero {
    --about-hero-panel-width: 852px;
    --about-hero-panel-min-height: 644px;
    --about-hero-panel-right: 117px;
    --about-hero-awards-width: 648px;
  }
}
.about-hero__title, .about-hero__description, .about-hero__button {
  opacity: 0;
  transform: translateY(12px);
  transition: opacity 0.4s ease, transform 0.45s ease;
}
.about-hero__description {
  transition-delay: 0.06s;
}
.about-hero__button {
  transition-delay: 0.12s;
}
.about-hero__lines {
  opacity: 0;
  transform: translate(18px, 18px);
  transition: opacity 0.45s ease 0.1s, transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
}
.about-hero .swiper-slide-active .about-hero__title,
.about-hero .swiper-slide-active .about-hero__description,
.about-hero .swiper-slide-active .about-hero__button {
  opacity: 1;
  transform: translateY(0);
}
.about-hero .swiper-slide-active .about-hero__lines {
  opacity: 1;
  transform: translate(0, 0);
}
@media (prefers-reduced-motion: reduce) {
  .about-hero .about-hero__title, .about-hero .about-hero__description, .about-hero .about-hero__button, .about-hero .about-hero__lines {
    transition: none;
    transform: none;
  }
}
.about-hero__slider, .about-hero__track, .about-hero__slide, .about-hero__inner-layout, .about-hero__inner-ui {
  min-height: var(--about-hero-height);
}
.about-hero__slider {
  width: 100%;
  overflow: hidden;
}
.about-hero__track {
  align-items: stretch;
}
.about-hero__slide {
  position: relative;
  overflow: hidden;
  background-color: #091136;
}
@media (min-width: 1200px) {
  .about-hero__slide--visual-default .about-hero__media {
    position: absolute;
    top: 0;
    left: 0;
    width: max(80.3vw, 45.5vw + 58svh - 4px);
    height: 100svh;
    overflow: hidden;
  }
}
@media (min-width: 1440px) {
  .about-hero__slide--visual-default .about-hero__media {
    width: max(81vw, 51.8vw + 58svh);
  }
}
@media (min-width: 1920px) {
  .about-hero__slide--visual-default .about-hero__media {
    width: max(70vw, 36.8vw + 58svh);
  }
}
@media (min-width: 1200px) {
  .about-hero__slide--visual-default .about-hero__image {
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: 50% top;
       object-position: 50% top;
  }
}
@media (min-width: 1440px) {
  .about-hero__slide--visual-default .about-hero__image {
    -o-object-position: left top;
       object-position: left top;
  }
}
.about-hero__slide--high-commissions .about-hero__media-placeholder {
  background-color: #9ba9b8;
}
.about-hero__slide--high-commissions .about-hero__image {
  position: absolute;
  top: 0;
  left: 50%;
  width: auto;
  height: max(780px, 100svh + 22px, 165.254vw);
  max-width: none;
  transform: translate(-50%, -8.33%);
  -o-object-fit: initial;
     object-fit: initial;
  -o-object-position: initial;
     object-position: initial;
}
@media (min-width: 768px) {
  .about-hero__slide--high-commissions .about-hero__image {
    top: -63px;
    height: max(975px, 110.294vw, 100svh + 15px);
    transform: translateX(-50%);
  }
}
@media (min-width: 1200px) {
  .about-hero__slide--high-commissions .about-hero__image {
    top: -62px;
    height: max(900px, 100svh + 62px);
  }
}
@media (min-width: 1440px) {
  .about-hero__slide--high-commissions .about-hero__image {
    top: -62px;
    left: calc(50% - 15px);
    height: max(860px, 100svh + 62px, 51.75vw, 33.09vw + 37.06svh);
  }
}
@media (min-width: 1920px) {
  .about-hero__slide--high-commissions .about-hero__image {
    top: 0;
    left: 50%;
    height: max(1242px, 106.98svh, 56.64vw, 29.78vw + 46.93svh);
    transform: translate(-50%, -6.52%);
  }
}
.about-hero__slide--personal-account .about-hero__media-placeholder {
  background-color: #827269;
}
.about-hero__slide--personal-account .about-hero__image {
  position: absolute;
  top: 0;
  left: 50%;
  width: auto;
  height: max(780px, 100svh + 22px, 165.254vw);
  max-width: none;
  transform: translate(-50%, -8.33%);
  -o-object-fit: initial;
     object-fit: initial;
  -o-object-position: initial;
     object-position: initial;
}
@media (min-width: 768px) {
  .about-hero__slide--personal-account .about-hero__image {
    top: -63px;
    height: max(975px, 110.294vw, 100svh + 15px);
    transform: translateX(-50%);
  }
}
@media (min-width: 1200px) {
  .about-hero__slide--personal-account .about-hero__image {
    top: -56px;
    left: calc(50% + 20px);
    height: max(839px, 100svh + 62px);
  }
}
@media (min-width: 1440px) {
  .about-hero__slide--personal-account .about-hero__image {
    top: -56px;
    left: calc(50% - 20px);
    left: calc(50% - clamp(15px, 5.36vw - 62px, 41px));
    height: max(839px, 100svh + 62px);
  }
}
@media (min-width: 1920px) {
  .about-hero__slide--personal-account .about-hero__image {
    top: -81px;
    left: calc(50% - 5px);
    height: max(1242px, 100svh + 162px);
  }
}
.about-hero__slide--auto-payouts .about-hero__image {
  position: absolute;
  top: 0;
  left: 50%;
  width: auto;
  height: max(780px, 100svh + 22px, 165.254vw);
  max-width: none;
  transform: translate(-50%, -8.33%);
  -o-object-fit: initial;
     object-fit: initial;
  -o-object-position: initial;
     object-position: initial;
}
@media (min-width: 768px) {
  .about-hero__slide--auto-payouts .about-hero__image {
    top: -63px;
    height: max(975px, 110.294vw, 100svh + 15px);
    transform: translateX(-50%);
  }
}
@media (min-width: 1200px) {
  .about-hero__slide--auto-payouts .about-hero__image {
    top: -62px;
    left: 50%;
    height: max(828px, 100svh + 62px);
  }
}
@media (min-width: 1440px) {
  .about-hero__slide--auto-payouts .about-hero__image {
    top: -55px;
    left: calc(50% - 20px);
    height: max(830px, 100svh + 62px, 51.75vw, 33.09vw + 37.06svh);
  }
}
@media (min-width: 1920px) {
  .about-hero__slide--auto-payouts .about-hero__image {
    top: 0;
    left: calc(50% - 5px);
    height: max(1242px, 106.98svh, 56.64vw, 29.78vw + 46.93svh);
    transform: translate(-50%, -6.52%);
  }
}
.about-hero__slide--promo-materials-casino .about-hero__media {
  --width: clamp(490px,
          calc(80svh + 28px),
          690px);
  width: var(--width);
  height: auto;
  left: calc(50% - var(--width) / 2);
  bottom: 44px;
}
@media (min-width: 768px) {
  .about-hero__slide--promo-materials-casino .about-hero__media {
    --width: clamp(690px,
            calc(117svh - 128px),
            960px);
    left: calc(50% - var(--width) / 2 + 20px);
    bottom: 78px;
  }
}
@media (min-width: 1200px) {
  .about-hero__slide--promo-materials-casino .about-hero__media {
    --height: clamp(734px,
            calc(100svh + 14px),
            1020px);
    width: auto;
    height: var(--height);
    aspect-ratio: 1315/1072;
    bottom: 0;
    left: clamp(-245px, 372px - 61.3svh, -70px);
  }
}
@media (min-width: 1440px) {
  .about-hero__slide--promo-materials-casino .about-hero__media {
    --height: clamp(717px,
            calc(100svh - 3px),
            1060px);
    left: 5px;
    left: clamp(-235px, 487px - 67svh, 5px);
  }
}
@media (min-width: 1920px) {
  .about-hero__slide--promo-materials-casino .about-hero__media {
    --width: 1300px;
    left: -150px;
    height: clamp(940px, 100svh - 20px, 1080px);
    width: auto;
  }
}
.about-hero__slide--promo-materials-casino .about-hero__picture,
.about-hero__slide--promo-materials-casino .about-hero__image {
  width: 100%;
  height: 100%;
  display: block;
}
@media (min-width: 1920px) {
  .about-hero__slide--promo-materials-casino .about-hero__picture,
  .about-hero__slide--promo-materials-casino .about-hero__image {
    width: auto;
    height: 100%;
  }
}
.about-hero__slide--promo-materials-casino .about-hero__image {
  max-width: none;
  transform: translateX(-55px) translateY(0px);
}
@media (min-width: 768px) {
  .about-hero__slide--promo-materials-casino .about-hero__image {
    transform: translateX(-100px) translateY(0px);
  }
}
@media (min-width: 993px) {
  .about-hero__slide--promo-materials-casino .about-hero__image {
    transform: translateX(-70px);
  }
}
@media (min-width: 1200px) {
  .about-hero__slide--promo-materials-casino .about-hero__image {
    transform: translateX(-70px);
  }
}
@media (min-width: 1440px) {
  .about-hero__slide--promo-materials-casino .about-hero__image {
    transform: translateX(-30px);
  }
}
@media (min-width: 1920px) {
  .about-hero__slide--promo-materials-casino .about-hero__image {
    transform: translateX(-150px);
  }
}
.about-hero__slide--promo-materials-casino .about-hero__promo-background-image {
  display: block;
  width: 100%;
  height: auto;
  -o-object-fit: initial;
     object-fit: initial;
}
.about-hero__slide--promo-materials-sport .about-hero__media {
  --width: clamp(500px,
          calc(80svh + 58px),
          720px);
  width: var(--width);
  height: auto;
  left: calc(50% - var(--width) / 2);
  bottom: 44px;
}
@media (min-width: 768px) {
  .about-hero__slide--promo-materials-sport .about-hero__media {
    --width: clamp(690px,
            calc(117svh - 128px),
            960px);
    left: calc(50% - var(--width) / 2 + 20px);
    bottom: 78px;
  }
}
@media (min-width: 1200px) {
  .about-hero__slide--promo-materials-sport .about-hero__media {
    --height: clamp(823px,
            calc(100svh + 103px),
            1050px);
    width: auto;
    height: var(--height);
    aspect-ratio: 1314/1071;
    bottom: -65px;
    left: -70px;
  }
}
@media (min-width: 1440px) {
  .about-hero__slide--promo-materials-sport .about-hero__media {
    left: 5px;
    --height: clamp(815px,
            calc(100svh + 95px),
            1180px);
    left: clamp(-235px, 446px - 61.3svh, 5px);
  }
}
@media (min-width: 1920px) {
  .about-hero__slide--promo-materials-sport .about-hero__media {
    --width: 1400px;
    left: -150px;
    bottom: -20px;
    height: clamp(1000px, 100svh - 20px, 1080px);
    width: auto;
  }
}
.about-hero__slide--promo-materials-sport .about-hero__picture,
.about-hero__slide--promo-materials-sport .about-hero__image {
  width: 100%;
  height: 100%;
  display: block;
}
@media (min-width: 1920px) {
  .about-hero__slide--promo-materials-sport .about-hero__picture,
  .about-hero__slide--promo-materials-sport .about-hero__image {
    width: auto;
    height: 100%;
  }
}
.about-hero__slide--promo-materials-sport .about-hero__image {
  max-width: none;
}
@media (min-width: 768px) {
  .about-hero__slide--promo-materials-sport .about-hero__image {
    transform: translateX(-20px);
  }
}
@media (min-width: 1200px) {
  .about-hero__slide--promo-materials-sport .about-hero__image {
    transform: translateX(-70px);
  }
}
@media (min-width: 1920px) {
  .about-hero__slide--promo-materials-sport .about-hero__image {
    transform: translateX(-40px);
  }
}
.about-hero__slide--promo-materials-sport .about-hero__promo-background-image {
  display: block;
  width: 100%;
  height: auto;
  -o-object-fit: initial;
     object-fit: initial;
}
.about-hero__slide--visual-promo .about-hero__promo-background {
  top: 150px;
  right: clamp(20px, 7%, 40px);
  bottom: 44px;
  left: clamp(20px, 7%, 40px);
  max-width: 420px;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .about-hero__slide--visual-promo .about-hero__promo-background {
    top: 171px;
    left: 57px;
    right: 57px;
    bottom: 78px;
    max-width: 700px;
    margin: 0 auto;
  }
}
@media (min-width: 1200px) {
  .about-hero__slide--visual-promo .about-hero__promo-background {
    top: 55px;
    bottom: auto;
    left: 20px;
    right: auto;
    height: calc(100% - 75px - 25px);
    width: auto;
    aspect-ratio: 1188/643;
    max-width: none;
    margin: 0;
  }
}
@media (min-width: 1440px) {
  .about-hero__slide--visual-promo .about-hero__promo-background {
    bottom: 36px;
    left: 32px;
    top: 50px;
    aspect-ratio: unset;
    height: calc(100% - 75px - 45px);
    min-width: 77%;
  }
}
@media (min-width: 1920px) {
  .about-hero__slide--visual-promo .about-hero__promo-background {
    bottom: 50px;
    min-width: unset;
    height: calc(100% - 100px - 20px);
    width: 70%;
  }
}
.about-hero__slide--visual-promo .about-hero__media {
  position: absolute;
  z-index: 2;
}
@media (min-width: 1200px) {
  .about-hero__slide--visual-promo .about-hero__media {
    z-index: 1;
  }
}
.about-hero__slide--visual-promo .about-hero__promo-background-picture,
.about-hero__slide--visual-promo .about-hero__promo-background-image {
  width: 100%;
  height: 100%;
}
.about-hero__slide--visual-promo .about-hero__promo-background-image {
  -o-object-fit: cover;
     object-fit: cover;
}
.about-hero__visual {
  position: absolute;
  z-index: 0;
  inset: 0;
}
.about-hero__promo-background {
  position: absolute;
  z-index: 0;
  pointer-events: none;
}
.about-hero__promo-background-picture, .about-hero__promo-background-image {
  display: block;
  width: 100%;
  height: 100%;
}
.about-hero__promo-background-image {
  -o-object-fit: fill;
     object-fit: fill;
}
.about-hero__media, .about-hero__picture, .about-hero__image {
  display: block;
  width: 100%;
  height: 100%;
}
.about-hero__media {
  position: relative;
  z-index: 0;
}
@media (min-width: 1200px) {
  .about-hero__media {
    position: absolute;
  }
}
.about-hero__media-placeholder {
  min-height: 100%;
}
.about-hero__picture, .about-hero__image {
  position: relative;
  z-index: 1;
}
.about-hero__image {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center top;
     object-position: center top;
}
.about-hero__backdrop {
  display: none;
  --about-backdrop-top-x: 45.5%;
  --about-backdrop-slant-x: 58svh;
}
@media (min-width: 1200px) {
  .about-hero__backdrop {
    position: absolute;
    z-index: 1;
    inset: 0;
    display: block;
    background-color: #091136;
    clip-path: polygon(var(--about-backdrop-top-x) 0, 100% 0, 100% 100%, calc(var(--about-backdrop-top-x) + var(--about-backdrop-slant-x)) 100%);
  }
}
@media (min-width: 1440px) {
  .about-hero__backdrop {
    --about-backdrop-top-x: 49.3%;
  }
}
@media (min-width: 1920px) {
  .about-hero__backdrop {
    --about-backdrop-top-x: 36.8%;
  }
}
.about-hero__inner-layout {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  min-height: var(--about-hero-height);
  padding-bottom: var(--about-hero-panel-bottom);
}
@media (min-width: 1200px) {
  .about-hero__inner-layout {
    padding-bottom: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-content: center;
    min-height: var(--about-hero-height);
  }
}
.about-hero__awards {
  position: absolute;
  z-index: 4;
  top: var(--about-hero-awards-top);
  left: -4px;
  width: var(--about-hero-awards-width);
}
@media (min-width: 768px) {
  .about-hero__awards {
    left: 10px;
  }
}
@media (min-width: 1200px) {
  .about-hero__awards {
    position: relative;
    grid-column: 1;
    grid-row: 1;
    align-self: end;
    justify-self: center;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    width: var(--about-hero-awards-width);
  }
}
.about-hero__panel {
  position: relative;
  z-index: 3;
  width: var(--about-hero-panel-width);
  min-height: var(--about-hero-panel-min-height);
  margin-top: auto;
  margin-right: var(--about-hero-panel-right);
  margin-left: auto;
  overflow: visible;
}
@media (min-width: 1200px) {
  .about-hero__panel {
    grid-column: 2;
    grid-row: 1;
    align-self: center;
    margin-top: 0;
    margin-bottom: 0;
  }
}
.about-hero__content {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  min-height: var(--about-hero-panel-min-height);
  padding: 16px 60px 16px 16px;
  color: #fff;
  background: var(--about-hero-panel-background);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}
@media (min-width: 768px) {
  .about-hero__content {
    padding: 30px 100px 30px 30px;
  }
}
@media (min-width: 1200px) {
  .about-hero__content {
    padding: 30px 112px 30px 30px;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
  }
}
.about-hero__title {
  padding-right: 30px;
  margin: 0;
  color: inherit;
  font-size: clamp(20px, 20px + 10 * (100vw - 320px) / 1600, 30px);
  text-align: start;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .about-hero__title {
    max-width: 295px;
    padding-right: 0;
    font-size: 30px;
  }
}
@media (min-width: 1200px) {
  .about-hero__title {
    max-width: 343px;
    font-size: 36px;
  }
}
@media (min-width: 1440px) {
  .about-hero__title {
    font-size: clamp(39px, 2.2917vw + 6px, 50px);
    max-width: clamp(343px, 53.5417vw - 428px, 600px);
  }
}
.about-hero__description {
  margin: 11px 0 0;
  font-size: 13px;
}
@media (min-width: 768px) {
  .about-hero__description {
    margin-top: 26px;
    font-size: 20px;
  }
}
@media (min-width: 1200px) {
  .about-hero__description {
    font-size: 26px;
  }
}
@media (min-width: 1440px) {
  .about-hero__description {
    font-size: clamp(26px, 2.0833vw - 4px, 36px);
    max-width: clamp(344px, 17.9167vw + 86px, 430px);
  }
}
@media (min-width: 1920px) {
  .about-hero__description {
    max-width: 430px;
    font-size: 36px;
  }
}
.about-hero__button {
  position: relative;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 40px;
  margin-top: auto;
  padding: 8px 6px;
  color: #fff;
  font-size: clamp(11px, 11px + 9 * (100vw - 320px) / 1600, 20px);
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  background-color: #ed0f3d;
  border: 1px solid #ff2954;
  border-radius: 0;
  box-shadow: inset 0 0 0 1px #a60024;
  transition: transform 0.25s ease, box-shadow 0.25s ease, background-color 0.25s ease;
}
.about-hero__button::before {
  content: "";
  position: absolute;
  top: -50%;
  left: -45%;
  width: 24%;
  height: 200%;
  background: rgba(255, 255, 255, 0.22);
  transform: skewX(-20deg);
  pointer-events: none;
  transition: left 0.45s ease;
}
@media (min-width: 768px) {
  .about-hero__button {
    margin-bottom: 16px;
    padding: 16px 6px;
    font-size: 20px;
  }
}
@media (min-width: 1200px) {
  .about-hero__button {
    margin-bottom: 0;
    padding: 25px 6px;
  }
}
@media (min-width: 1440px) {
  .about-hero__button {
    padding: 22px 6px;
    max-width: clamp(344px, 21.0417vw + 41px, 445px);
    font-size: clamp(20px, 0.4167vw + 14px, 22px);
  }
}
@media (min-width: 1920px) {
  .about-hero__button {
    align-self: flex-start;
    min-height: 76px;
  }
}
.about-hero__button span {
  position: relative;
  z-index: 1;
  display: block;
  transition: opacity 0.2s linear, transform 0.2s ease;
}
@media (hover: hover) and (pointer: fine) {
  .about-hero__button:hover {
    background-color: #f31645;
    box-shadow: inset 0 0 0 1px #a60024, 0 8px 24px rgba(237, 15, 61, 0.32);
    transform: translateY(-2px);
  }
  .about-hero__button:hover::before {
    left: 125%;
  }
}
.about-hero__button:active span {
  opacity: 0.75;
  transform: scale(0.98);
}
.about-hero__button:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 3px;
}
.about-hero__lines {
  position: absolute;
  z-index: 2;
  right: -170px;
  bottom: -170px;
  left: auto;
  top: auto;
  display: block;
  width: 312px;
  height: 100%;
  overflow: visible;
  color: #fff;
  pointer-events: none;
}
@media (min-width: 768px) {
  .about-hero__lines {
    width: 565px;
    max-width: unset;
    height: auto;
    right: -490px;
    bottom: -730px;
  }
}
@media (min-width: 1200px) {
  .about-hero__lines {
    right: -477px;
    bottom: -730px;
  }
}
@media (min-width: 1440px) {
  .about-hero__lines {
    right: clamp(-477px, 8.9583vw - 606px, -434px);
    bottom: clamp(-730px, 5.2083vw - 805px, -705px);
  }
}
.about-hero__ui {
  position: absolute;
  z-index: 5;
  inset: 0;
  pointer-events: none;
}
.about-hero__inner-ui {
  position: relative;
  height: var(--about-hero-height);
}
.about-hero__panel-ui {
  position: absolute;
  right: var(--about-hero-panel-right);
  bottom: var(--about-hero-panel-bottom);
  width: var(--about-hero-panel-width);
  min-height: var(--about-hero-panel-min-height);
  pointer-events: none;
}
@media (min-width: 1200px) {
  .about-hero__panel-ui {
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
  }
}
.about-hero__pagination {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  margin-left: auto;
  padding-top: 10px;
  padding-right: 10px;
  pointer-events: auto;
}
@media (min-width: 768px) {
  .about-hero__pagination {
    gap: 15px;
    padding-top: 15px;
    padding-right: 15px;
  }
}
.about-hero__pagination-dot {
  display: block;
  width: 6.22px;
  height: 6.22px;
  margin: 0 !important;
  padding: 0;
  opacity: 0.54;
  background-color: #fff;
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  transition: opacity 0.2s linear, transform 0.2s ease;
}
@media (min-width: 768px) {
  .about-hero__pagination-dot {
    width: 12px;
    height: 12px;
  }
}
.about-hero__pagination-dot.is-active {
  opacity: 1;
  transform: scale(1.15);
}
.about-hero__pagination-dot:focus-visible {
  outline: 2px solid #f40f3e;
  outline-offset: 3px;
}

.contacts-hero {
  --contacts-hero-height:
      calc(100svh - var(--site-footer-height));
  --contacts-panel-width: 100%;
  --contacts-panel-x: 0;
  position: relative;
  min-height: var(--contacts-hero-height);
  overflow: hidden;
  color: #fff;
  background-color: #091136;
  --contacts-media-width: max(130%, 511px);
  --contacts-media-x: 0px;
  --contacts-media-y: -80px;
}
@media (min-width: 768px) {
  .contacts-hero {
    --contacts-panel-width: 627px;
    --contacts-media-width: max(100%, 2066px);
    --contacts-media-x: -30px;
    --contacts-media-y: -144px;
  }
}
@media (min-width: 1200px) {
  .contacts-hero {
    --contacts-hero-height: 100svh;
    --contacts-panel-top: 21%;
    --contacts-panel-width: 627px;
    /*
     * 1200 composition.
     *
     * Правий край media прив'язаний
     * до правого краю viewport.
     *
     * 1200 - 1740 = -540px.
     */
    --contacts-media-width: 1740px;
    --contacts-media-x: 0px;
    --contacts-media-y: -100px;
  }
}
@media (min-width: 1440px) {
  .contacts-hero {
    --contacts-panel-x: 16px;
    --contacts-panel-top: 16%;
    /*
     * 1440 → 1920:
     * media плавно росте
     * 1740 → 2146.
     */
    --contacts-media-width:
        clamp(1740px,
            calc(84.583vw + 522px),
            2146px);
    --contacts-media-y: -110px;
    --contacts-media-x: -150px;
  }
}
@media (min-width: 1920px) {
  .contacts-hero {
    --contacts-panel-width: 850px;
    --contacts-panel-top: 21%;
    --contacts-panel-x: 120px;
    /*
     * 2146 / 1920 = 1.1177
     *
     * На 1920 маємо рівно ~2146px,
     * після 1920 композиція продовжує
     * пропорційно масштабуватись.
     */
    --contacts-media-width:
        max(2146px, 111.77vw);
    --contacts-media-x: -366px;
    --contacts-media-y: -88px;
  }
}
.contacts-hero__visual {
  position: absolute;
  z-index: 0;
  inset: 0;
  overflow: hidden;
}
.contacts-hero__media {
  position: absolute;
  top: var(--contacts-media-y);
  left: 50%;
  width: var(--contacts-media-width);
  height: auto;
  transform: translateX(calc(-50% + var(--contacts-media-x)));
}
@media (min-width: 1200px) {
  .contacts-hero__media {
    /*
     * media притиснуте правим краєм
     * до viewport.
     *
     * --contacts-media-x лишається
     * ручною поправкою композиції.
     */
    left: calc(100vw - var(--contacts-media-width) + var(--contacts-media-x));
    transform: none;
  }
}
.contacts-hero__picture, .contacts-hero__image {
  display: block;
  width: 100%;
  height: auto;
}
.contacts-hero__image {
  display: block;
  width: 100%;
  height: auto;
  max-width: none;
}
.contacts-hero {
  /*
   * Desktop navy geometry.
   *
   * Точний polygon і ширину підганяємо
   * після першого browser/Figma comparison.
   *
   * Якщо з'ясується, що navy area вже вбудована
   * у фінальний PNG — цей layer просто прибираємо.
   */
}
.contacts-hero__backdrop {
  display: none;
}
@media (min-width: 1200px) {
  .contacts-hero__backdrop {
    position: absolute;
    z-index: 1;
    inset: 0;
    display: block;
    background-color: #091136;
    clip-path: polygon(45.5% 0, 100% 0, 100% 100%, 80.1% 100%);
  }
}
@media (min-width: 1440px) {
  .contacts-hero__backdrop {
    clip-path: polygon(51.8% 0, 100% 0, 100% 100%, 80.7% 100%);
  }
}
@media (min-width: 1920px) {
  .contacts-hero__backdrop {
    clip-path: polygon(36.8% 0, 100% 0, 100% 100%, 69.5% 100%);
  }
}
.contacts-hero .container {
  position: relative;
  z-index: 2;
  min-height: var(--contacts-hero-height);
}
.contacts-hero__inner {
  position: relative;
  min-height: var(--contacts-hero-height);
}
.contacts-hero__content {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: var(--contacts-hero-height);
  padding-top: 100px;
  padding-bottom: 10px;
}
@media (min-width: 768px) {
  .contacts-hero__content {
    padding-top: 130px;
    padding-bottom: 40px;
  }
}
@media (min-width: 1200px) {
  .contacts-hero__content {
    display: block;
    padding: 0;
  }
}
.contacts-hero__heading {
  position: relative;
  z-index: 3;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  margin-top: auto;
  margin-bottom: 25px;
}
@media (min-width: 768px) {
  .contacts-hero__heading {
    margin-inline: auto;
    min-width: 627px;
    margin-bottom: 22px;
  }
}
@media (min-width: 1200px) {
  .contacts-hero__heading {
    position: absolute;
    bottom: 16%;
    left: 0;
    min-width: unset;
    margin: 0;
  }
}
@media (min-width: 1440px) {
  .contacts-hero__heading {
    bottom: 26%;
  }
}
@media (min-width: 1920px) {
  .contacts-hero__heading {
    bottom: 22%;
  }
}
.contacts-hero__title {
  position: relative;
  z-index: 2;
  margin: 0;
  font-size: clamp(30px, 30px + 10 * (100vw - 320px) / 1600, 40px);
  font-size: 36px;
  line-height: 0.9;
  text-transform: uppercase;
  margin-left: 20px;
}
@media (min-width: 768px) {
  .contacts-hero__title {
    margin-left: 0;
    font-size: 46px;
  }
}
@media (min-width: 1200px) {
  .contacts-hero__title {
    font-size: 70px;
  }
}
.contacts-hero__title span {
  display: block;
}
.contacts-hero {
  /*
   * Та сама візуальна мова, що й у Home Hero:
   * дві білі діагональні лінії.
   */
}
.contacts-hero__lines {
  position: absolute;
  display: none;
  color: #fff;
  pointer-events: none;
  /*
  * До точних Figma-величин тут поки
  * тільки structural positioning.
  */
}
.contacts-hero__lines--desktop {
  display: none;
}
@media (min-width: 1200px) {
  .contacts-hero__lines--desktop {
    position: absolute;
    top: 105%;
    left: 5px;
    display: block;
    width: 568px;
    height: auto;
    max-width: unset;
  }
}
.contacts-hero__lines--mobile {
  display: block;
  z-index: 3;
  right: 0;
  width: 302px;
  height: auto;
  top: calc(100% - 70px);
  left: 82%;
}
@media (min-width: 768px) {
  .contacts-hero__lines--mobile {
    width: 568px;
    top: calc(100% - 90px);
    left: 91%;
  }
}
@media (min-width: 1200px) {
  .contacts-hero__lines--mobile {
    display: none;
  }
}
.contacts-hero__panel-wrap {
  position: relative;
  z-index: 4;
  padding-inline: 20px;
  width: var(--contacts-panel-width);
  margin-left: auto;
}
@media (min-width: 768px) {
  .contacts-hero__panel-wrap {
    padding-inline: 0;
    margin-right: auto;
  }
}
@media (min-width: 1200px) {
  .contacts-hero__panel-wrap {
    position: absolute;
    top: var(--contacts-panel-top);
    right: var(--contacts-panel-x);
    margin: 0;
  }
}
.contacts-hero__panel-inner {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.contacts-hero__panel {
  position: relative;
  z-index: 2;
  width: 100%;
  padding: 16px;
  background: rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(16px);
}
@media (min-width: 768px) {
  .contacts-hero__panel {
    padding: 18px 25px;
  }
}
@media (min-width: 1200px) {
  .contacts-hero__panel {
    padding: 26px;
  }
}
@media (min-width: 1440px) {
  .contacts-hero__panel {
    padding-bottom: 16px;
  }
}
.contacts-hero__links {
  display: flex;
  flex-direction: column;
  gap: 11px;
}
@media (min-width: 768px) {
  .contacts-hero__links {
    gap: 30px;
  }
}
@media (min-width: 1200px) {
  .contacts-hero__links {
    gap: 27px;
  }
}
.contacts-hero__link {
  display: grid;
  grid-template-columns: 79.7049px minmax(0, 1fr);
  min-height: 55px;
  color: #fff;
  text-decoration: none;
  background-color: #f40d46;
  border: 1px solid rgba(255, 255, 255, 0.58);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
  transition: transform 0.2s ease, filter 0.2s ease;
}
@media (min-width: 768px) {
  .contacts-hero__link {
    grid-template-columns: 120px minmax(0, 1fr);
    min-height: 73px;
  }
}
@media (min-width: 1200px) {
  .contacts-hero__link {
    grid-template-columns: 110px minmax(0, 1fr);
  }
}
@media (hover: hover) {
  .contacts-hero__link:hover {
    filter: brightness(1.06);
  }
}
.contacts-hero__link:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 3px;
}
.contacts-hero__link:active {
  transform: scale(0.99);
}
.contacts-hero__link-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  border-right: 1px solid rgba(255, 255, 255, 0.45);
}
.contacts-hero__link-icon svg {
  display: block;
  width: 22px;
  height: auto;
}
@media (min-width: 768px) {
  .contacts-hero__link-icon svg {
    width: 40px;
  }
}
.contacts-hero__link-label {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 14px;
  font-size: clamp(12px, 12px + 8 * (100vw - 320px) / 1600, 20px);
  text-align: center;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .contacts-hero__link-label {
    font-size: 20px;
  }
}
.contacts-hero__socials {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 40px;
}
@media (min-width: 768px) {
  .contacts-hero__socials {
    gap: 45px;
  }
}
@media (min-width: 1200px) {
  .contacts-hero__socials {
    gap: 50px;
  }
}
.contacts-hero__social {
  display: block;
  width: 56px;
  height: 56px;
  color: #fff;
  transition: transform 0.2s ease, opacity 0.2s ease;
}
@media (min-width: 768px) {
  .contacts-hero__social {
    width: 94px;
    height: 94px;
  }
}
@media (hover: hover) {
  .contacts-hero__social:hover {
    transform: translateY(-2px);
    opacity: 0.85;
  }
}
.contacts-hero__social svg {
  display: block;
  width: 100%;
  height: 100%;
}
.contacts-hero__social:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 4px;
}

.contacts-hero__title, .contacts-hero__link, .contacts-hero__social {
  opacity: 0;
  animation: contacts-reveal-up 0.8s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}
.contacts-hero__title {
  animation-delay: 0.08s;
}
.contacts-hero__link:nth-child(1) {
  animation-delay: 0.16s;
}
.contacts-hero__link:nth-child(2) {
  animation-delay: 0.22s;
}
.contacts-hero__link:nth-child(3) {
  animation-delay: 0.28s;
}
.contacts-hero__social {
  animation-delay: 0.36s;
}
.contacts-hero__social:nth-child(2) {
  animation-delay: 0.41s;
}
.contacts-hero__lines {
  opacity: 0;
  animation: contacts-lines-reveal 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0.24s forwards;
}

@keyframes contacts-reveal-up {
  from {
    opacity: 0;
    translate: 0 14px;
  }
  to {
    opacity: 1;
    translate: 0 0;
  }
}
@keyframes contacts-lines-reveal {
  from {
    opacity: 0;
    translate: 16px 16px;
  }
  to {
    opacity: 1;
    translate: 0 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  .contacts-hero__title, .contacts-hero__link, .contacts-hero__social, .contacts-hero__lines {
    opacity: 1;
    animation: none;
    translate: none;
  }
}
.products-hero {
  --products-hero-height: calc(100vh - var(--site-footer-height));
  --products-card-width: 100%;
  --products-backdrop-top: 31%;
  --products-backdrop-bottom: 96%;
  --products-line-width: 10px;
  --products-line-1-offset: 16px;
  --products-line-2-offset: 36px;
  position: relative;
  min-height: var(--products-hero-height);
  overflow: hidden;
  color: #fff;
  background: #091136;
}
@supports (height: 100dvh) {
  .products-hero {
    --products-hero-height: calc(100dvh - var(--site-footer-height));
  }
}
@media (min-width: 768px) {
  .products-hero {
    --products-card-width:
        min(calc(100vw - 186px), 610px);
    --products-backdrop-top: 38%;
    --products-backdrop-bottom: 102%;
    --products-line-1-offset: 4px;
    --products-line-2-offset: 24px;
  }
}
@media (min-width: 1200px) {
  .products-hero {
    --products-hero-height: 100svh;
    --products-backdrop-top: 46%;
    --products-backdrop-bottom: 80.5%;
    --products-card-width:
        min(
            886px,
            calc((100vw - 40px) / 2),
            calc(31.6667vw + 21.6667vh + 44px)
        );
  }
}
@media (min-width: 1440px) {
  .products-hero {
    --products-backdrop-top: 52%;
    --products-backdrop-bottom: 82.4%;
  }
}
@media (min-width: 1920px) {
  .products-hero {
    --products-backdrop-top: 60%;
    --products-backdrop-bottom: 94%;
    --products-backdrop-top: 62%;
    --products-backdrop-bottom: 94%;
  }
}
.products-hero__title {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.products-hero__glow {
  position: absolute;
  z-index: 0;
  top: 12%;
  left: 50%;
  width: 75vw;
  aspect-ratio: 1;
  transform: translateX(-50%);
  border-radius: 50%;
  background: #1F295A;
  filter: blur(62px);
  pointer-events: none;
}
@media (min-width: 768px) {
  .products-hero__glow {
    width: 605px;
    height: 575px;
    left: 148px;
    top: 63px;
    transform: none;
    aspect-ratio: auto;
  }
}
@media (min-width: 1200px) {
  .products-hero__glow {
    top: 7%;
    width: 70vw;
    height: 720px;
  }
}
@media (min-width: 1920px) {
  .products-hero__glow {
    top: 9%;
    height: 975px;
  }
}
.products-hero__backdrop {
  position: absolute;
  z-index: 0;
  inset: 0;
  background: #141e4d;
  clip-path: polygon(var(--products-backdrop-top) 0, 100% 0, 100% 100%, var(--products-backdrop-bottom) 100%);
  pointer-events: none;
}
.products-hero__lines {
  position: absolute;
  z-index: 1;
  inset: 0;
  display: none;
  pointer-events: none;
}
@media (min-width: 768px) {
  .products-hero__lines {
    display: block;
  }
}
.products-hero__lines::before, .products-hero__lines::after {
  content: "";
  position: absolute;
  inset: 0;
  background: #fff;
}
.products-hero__lines::before {
  clip-path: polygon(calc(var(--products-backdrop-top) - var(--products-line-1-offset) - var(--products-line-width)) 0, calc(var(--products-backdrop-top) - var(--products-line-1-offset)) 0, calc(var(--products-backdrop-bottom) - var(--products-line-1-offset)) 100%, calc(var(--products-backdrop-bottom) - var(--products-line-1-offset) - var(--products-line-width)) 100%);
}
.products-hero__lines::after {
  clip-path: polygon(calc(var(--products-backdrop-top) - var(--products-line-2-offset) - var(--products-line-width)) 0, calc(var(--products-backdrop-top) - var(--products-line-2-offset)) 0, calc(var(--products-backdrop-bottom) - var(--products-line-2-offset)) 100%, calc(var(--products-backdrop-bottom) - var(--products-line-2-offset) - var(--products-line-width)) 100%);
}
.products-hero .container {
  position: relative;
  z-index: 2;
  min-height: var(--products-hero-height);
}
.products-hero__inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: var(--products-hero-height);
  padding-top: 85px;
  padding-bottom: 18px;
}
@media (min-width: 768px) {
  .products-hero__inner {
    padding-top: 130px;
    padding-bottom: 40px;
  }
}
@media (min-width: 1200px) {
  .products-hero__inner {
    padding-top: 135px;
    padding-bottom: 55px;
  }
}
@media (min-width: 1920px) {
  .products-hero__inner {
    padding-top: 176px;
  }
}
.products-hero__viewport {
  width: 100%;
}
@media (min-width: 768px) {
  .products-hero__viewport {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    touch-action: pan-y;
  }
}
@media (min-width: 1200px) {
  .products-hero__viewport {
    width: 100%;
    margin-left: 0;
    overflow: visible;
  }
}
.products-hero__track {
  display: grid;
  gap: clamp(16px, 3%, 60px);
}
@media (min-width: 768px) {
  .products-hero__track {
    display: flex;
    width: -moz-max-content;
    width: max-content;
    gap: 10px;
    padding-inline: 0;
    transition: transform 0.45s ease;
    will-change: transform;
    padding-inline-end: 15px;
    padding-inline-start: 15px;
  }
}
@media (min-width: 1200px) {
  .products-hero__track {
    display: grid;
    grid-template-columns: repeat(2, var(--products-card-width));
    justify-content: center;
    width: 100%;
    gap: 12px;
    transform: none !important;
    transition: none;
    padding-inline-end: 0;
    padding-inline-start: 0;
  }
}
.products-hero__pagination {
  display: none;
}
@media (min-width: 768px) {
  .products-hero__pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-top: 40px;
  }
}
@media (min-width: 1200px) {
  .products-hero__pagination {
    display: none;
  }
}
.products-hero__dot {
  width: 10px;
  height: 10px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.45);
  cursor: pointer;
  transition: background-color 0.2s ease, transform 0.2s ease;
}
.products-hero__dot.is-active {
  background-color: #fff;
}
.products-hero__dot:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 4px;
}

.products-card {
  --products-card-max-width: 420px;
  --products-panel-width: 38%;
  --products-panel-gap-top: 10px;
  --products-panel-gap-right: 8px;
  --products-panel-gap-bottom: 10px;
  --products-panel-gap-left: 0px;
  --products-panel-padding-top: 12px;
  --products-panel-padding-right: 10px;
  --products-panel-padding-bottom: 12px;
  --products-panel-padding-left: 10px;
  --products-card-ratio: 1.41 / 1;
  position: relative;
  width: min(100%, var(--products-card-max-width));
  display: grid;
  min-width: 0;
  overflow: visible;
  margin: 0 auto;
}
@media (min-width: 576px) {
  .products-card {
    --products-card-max-width: 480px;
  }
}
@media (min-width: 768px) {
  .products-card {
    flex: 0 0 var(--products-card-width);
    --products-panel-width: 38%;
    --products-panel-gap-top: 14px;
    --products-panel-gap-right: 14px;
    --products-panel-gap-bottom: 14px;
    --products-panel-padding-top: 16px;
    --products-panel-padding-right: 14px;
    --products-panel-padding-bottom: 16px;
    --products-panel-padding-left: 14px;
    width: var(--products-card-width);
  }
}
@media (min-width: 1200px) {
  .products-card {
    width: var(--products-card-width);
    margin: 0;
    --products-panel-gap-top: 16px;
    --products-panel-gap-right: 12px;
    --products-panel-gap-bottom: 16px;
    --products-panel-padding-top: 20px;
    --products-panel-padding-right: 18px;
    --products-panel-padding-bottom: 14px;
    --products-panel-padding-left: 18px;
    --products-card-ratio: 1.25 / 1;
    aspect-ratio: var(--products-card-ratio);
  }
}
@media (min-width: 1440px) {
  .products-card {
    --products-card-ratio: 1.4 / 1;
    --products-panel-width: 38%;
  }
}
@media (min-width: 1920px) {
  .products-card {
    --products-card-ratio: 1.185 / 1;
    --products-panel-gap-top: 72px;
    --products-panel-gap-right: 22px;
    --products-panel-gap-bottom: 83px;
  }
}
.products-card__panel-inner {
  --products-panel-items-gap: clamp(20px, 7vw, 30px);
  display: flex;
  flex-direction: column;
  row-gap: var(--products-panel-items-gap);
  height: 100%;
}
@media (min-width: 576px) {
  .products-card__panel-inner {
    --products-panel-items-gap: 40px;
  }
}
@media (min-width: 768px) {
  .products-card__panel-inner {
    padding-top: 14px;
    --products-panel-items-gap: 50px;
  }
}
@media (min-width: 1200px) {
  .products-card__panel-inner {
    padding-top: 0px;
  }
}
.products-card__surface, .products-card__panel {
  grid-area: 1/1;
}
.products-card__surface {
  position: relative;
  z-index: 0;
  min-width: 0;
  overflow: hidden;
}
.products-card__art-picture {
  display: block;
  width: 100%;
}
.products-card__art-image {
  display: block;
  width: 100%;
  height: auto;
  max-width: none;
}
.products-card__character-clip {
  position: absolute;
  z-index: 2;
  top: -70%;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  pointer-events: none;
}
.products-card__character-picture {
  position: absolute;
  left: var(--products-character-x);
  bottom: var(--products-character-y);
  display: block;
  width: var(--products-character-width);
  pointer-events: none;
}
.products-card__character {
  display: block;
  width: 100%;
  height: auto;
  max-width: none;
}
.products-card--sports {
  --products-character-width: 63%;
  --products-character-x: 15%;
  --products-character-y: -24px;
}
@media (min-width: 768px) {
  .products-card--sports {
    --products-character-width: 68%;
    --products-character-x: 14%;
    --products-character-y: 0px;
  }
}
@media (min-width: 1200px) {
  .products-card--sports {
    --products-character-width: 67%;
    --products-character-x: 13%;
    --products-character-y: -7px;
  }
}
@media (min-width: 1440px) {
  .products-card--sports {
    --products-character-width: 62%;
    --products-character-x: 16%;
    --products-character-y: -30px;
  }
}
@media (min-width: 1920px) {
  .products-card--sports {
    --products-character-width: 63%;
    --products-character-x: 14.4%;
    --products-character-y: -51px;
  }
}
.products-card--casino {
  --products-character-width: 64%;
  --products-character-x: 21%;
  --products-character-y: 0px;
}
@media (min-width: 768px) {
  .products-card--casino {
    --products-character-width: 72%;
    --products-character-x: 19%;
  }
}
@media (min-width: 1200px) {
  .products-card--casino {
    --products-character-width: 71%;
    --products-character-x: 19%;
  }
}
@media (min-width: 1440px) {
  .products-card--casino {
    --products-character-width: 63.5%;
    --products-character-x: 22%;
  }
}
@media (min-width: 1920px) {
  .products-card--casino {
    --products-character-width: 63%;
    --products-character-x: 22%;
  }
}
.products-card__panel {
  position: relative;
  z-index: 3;
  align-self: stretch;
  justify-self: end;
  display: flex;
  flex-direction: column;
  width: var(--products-panel-width);
  min-width: 0;
  min-height: 0;
  contain: size;
  padding: calc(var(--products-panel-gap-top) + var(--products-panel-padding-top)) calc(var(--products-panel-gap-right) + var(--products-panel-padding-right)) calc(var(--products-panel-gap-bottom) + var(--products-panel-padding-bottom)) calc(var(--products-panel-gap-left) + var(--products-panel-padding-left));
  box-sizing: border-box;
  background: transparent;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
.products-card__panel::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: var(--products-panel-gap-top);
  right: var(--products-panel-gap-right);
  bottom: var(--products-panel-gap-bottom);
  left: var(--products-panel-gap-left);
  background: rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(16px);
  pointer-events: none;
}
.products-card__panel > * {
  position: relative;
  z-index: 1;
}
.products-card__since {
  display: flex;
  flex-direction: column;
  text-transform: uppercase;
}
.products-card__since-label {
  font-size: clamp(10px, 10px + 12 * (100vw - 320px) / 1600, 22px);
  line-height: 1.05;
}
@media (min-width: 576px) {
  .products-card__since-label {
    font-size: 15px;
  }
}
@media (min-width: 768px) {
  .products-card__since-label {
    font-size: 20px;
  }
}
@media (min-width: 1920px) {
  .products-card__since-label {
    font-size: 28px;
  }
}
.products-card__since-year {
  font-size: clamp(14px, 14px + 44 * (100vw - 320px) / 1600, 58px);
  line-height: 1;
}
@media (min-width: 576px) {
  .products-card__since-year {
    font-size: 18px;
  }
}
@media (min-width: 768px) {
  .products-card__since-year {
    font-size: 28px;
  }
}
@media (min-width: 1920px) {
  .products-card__since-year {
    font-size: 40px;
  }
}
.products-card__metric {
  display: flex;
  flex-direction: column;
  padding-block: 0;
}
.products-card__metric-value {
  display: block;
  font-size: clamp(14px, 14px + 44 * (100vw - 320px) / 1600, 58px);
  line-height: 1.05;
  text-transform: uppercase;
}
@media (min-width: 576px) {
  .products-card__metric-value {
    font-size: 18px;
  }
}
@media (min-width: 768px) {
  .products-card__metric-value {
    font-size: 28px;
  }
}
@media (min-width: 1920px) {
  .products-card__metric-value {
    margin-bottom: 8px;
    font-size: 40px;
  }
}
.products-card__metric-label {
  display: block;
  font-size: clamp(10px, 10px + 12 * (100vw - 320px) / 1600, 22px);
  line-height: 1.05;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .products-card__metric-label {
    font-size: 20px;
  }
}
@media (min-width: 1920px) {
  .products-card__metric-label {
    font-size: 28px;
  }
}
.products-card__since, .products-card__metric, .products-card__feature {
  padding-left: 10px;
}
@media (min-width: 768px) {
  .products-card__since, .products-card__metric, .products-card__feature {
    padding-left: 18px;
  }
}
@media (min-width: 1200px) {
  .products-card__since, .products-card__metric, .products-card__feature {
    padding-left: 15px;
  }
}
.products-card__metric, .products-card__feature {
  position: relative;
}
.products-card__metric::before, .products-card__feature::before {
  content: "";
  position: absolute;
  top: calc(var(--products-panel-items-gap) / -2);
  left: 10px;
  width: 60%;
  opacity: 0.6;
  height: 1px;
  background: rgba(255, 255, 255, 0.65);
  transform: translateY(-50%);
  pointer-events: none;
}
@media (min-width: 1200px) {
  .products-card__metric::before, .products-card__feature::before {
    left: 15px;
  }
}
.products-card__feature {
  display: block;
  font-size: clamp(10px, 10px + 42 * (100vw - 320px) / 1600, 52px);
  line-height: 1.05;
  text-transform: uppercase;
}
@media (min-width: 576px) {
  .products-card__feature {
    font-size: 14px;
  }
}
@media (min-width: 768px) {
  .products-card__feature {
    font-size: 20px;
  }
}
@media (min-width: 1200px) {
  .products-card__feature {
    font-size: 20px;
  }
}
@media (min-width: 1920px) {
  .products-card__feature {
    font-size: 28px;
  }
}
.products-card__cta {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  flex-shrink: 0;
  margin-top: auto;
  padding: 8px 4px;
  color: #fff;
  font-size: 9px;
  font-weight: 800;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  background-color: #f40d46;
  background-image: linear-gradient(110deg, transparent 35%, rgba(255, 255, 255, 0.28) 48%, transparent 61%);
  background-size: 250% 100%;
  background-position: 130% 0;
  border: 1px solid rgba(255, 255, 255, 0.65);
  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.08);
  transition: transform 0.25s ease, box-shadow 0.25s ease, background-color 0.25s ease, background-position 0.45s ease;
}
@media (min-width: 768px) {
  .products-card__cta {
    min-height: 52px;
    font-size: 14px;
  }
}
@media (min-width: 1200px) {
  .products-card__cta {
    min-height: 56px;
  }
}
@media (min-width: 1440px) {
  .products-card__cta {
    min-height: 62px;
    font-size: 16px;
  }
}
@media (min-width: 1920px) {
  .products-card__cta {
    font-size: 18px;
    min-height: 85px;
  }
}
@media (hover: hover) and (pointer: fine) {
  .products-card__cta:hover {
    background-color: #fa174f;
    background-position: -30% 0;
    box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.08), 0 8px 24px rgba(244, 13, 70, 0.32);
    transform: translateY(-2px);
  }
}
.products-card__cta:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 3px;
}
.products-card--sports .products-card__cta {
  color: #071238;
  background-color: #ffbd00;
}
@media (hover: hover) and (pointer: fine) {
  .products-card--sports .products-card__cta:hover {
    background-color: #ffc82e;
    box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.08), 0 8px 24px rgba(255, 189, 0, 0.3);
  }
}

@keyframes products-artwork-reveal {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes products-character-reveal {
  from {
    opacity: 0;
    transform: translateY(18px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes products-panel-reveal {
  from {
    opacity: 0;
    transform: translateX(14px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
.products-hero.is-ready .products-card__art-image {
  animation: products-artwork-reveal 800ms ease both;
}
.products-hero.is-ready .products-card__character-picture {
  animation: products-character-reveal 800ms cubic-bezier(0.22, 1, 0.36, 1) 120ms both;
}
.products-hero.is-ready .products-card__panel-inner {
  animation: products-panel-reveal 800ms cubic-bezier(0.22, 1, 0.36, 1) 220ms both;
}
.products-hero.is-ready .products-card:nth-child(2) .products-card__art-image {
  animation-delay: 120ms;
}
.products-hero.is-ready .products-card:nth-child(2) .products-card__character-picture {
  animation-delay: 240ms;
}
.products-hero.is-ready .products-card:nth-child(2) .products-card__panel-inner {
  animation-delay: 340ms;
}

@media (min-width: 768px) and (max-width: 1199px) {
  .products-card.is-switching-in .products-card__art-image {
    animation: products-artwork-reveal 800ms ease both;
  }
  .products-card.is-switching-in .products-card__character-picture {
    animation: products-character-reveal 800ms cubic-bezier(0.22, 1, 0.36, 1) 120ms both;
  }
  .products-card.is-switching-in .products-card__panel-inner {
    animation: products-panel-reveal 800ms cubic-bezier(0.22, 1, 0.36, 1) 220ms both;
  }
}
@media (prefers-reduced-motion: reduce) {
  .products-hero.is-ready .products-card__art-image,
  .products-hero.is-ready .products-card__character-picture,
  .products-hero.is-ready .products-card__panel-inner,
  .products-card.is-switching-in .products-card__art-image,
  .products-card.is-switching-in .products-card__character-picture,
  .products-card.is-switching-in .products-card__panel-inner {
    animation: none !important;
    opacity: 1;
    transform: none;
  }
}
.careers-page {
  padding-top: 0;
  background-color: #091136;
}

.careers {
  padding: 0;
  --careers-content-max-width: calc(100% - 12px);
  --careers-toolbar-top: 195px;
  --careers-benefits-max-width: 180px;
  --careers-media-width: max(100%, 403px);
  --careers-media-x: 0px;
  --careers-media-y: 0px;
  --careers-media-column: 100%;
  position: relative;
  width: 100%;
  height: 100svh;
  min-height: 0;
  overflow: hidden;
  background-color: #091136;
}
@media (min-width: 576px) {
  .careers {
    --careers-media-width: max(100%, 915px);
  }
}
@media (min-width: 768px) {
  .careers {
    --careers-content-max-width: 691px;
    --careers-toolbar-top: 336px;
    --careers-benefits-max-width: 187px;
    --careers-media-width: max(1109px, calc(100vw + 13px));
    --careers-media-y: 12px;
    --careers-media-x: unset;
  }
}
@media (min-width: 1200px) {
  .careers {
    --careers-content-max-width: 462px;
    --careers-toolbar-top: 106px;
    --careers-benefits-max-width: 386px;
    --careers-media-column: 55%;
    --careers-benefits-max-width: 386px;
    --careers-media-width: 1674px;
    --careers-media-x: 15px;
    --careers-media-y: -50px;
  }
}
@media (min-width: 1440px) {
  .careers {
    --careers-content-max-width: 612px;
    --careers-toolbar-top: 111px;
    --careers-media-column: min(45.7%, 838px);
    --careers-media-y: -87px;
    --careers-media-x: 0px;
    --careers-media-column: min(45.7%, 838px);
    --careers-media-y: -87px;
    --careers-media-x: 0px;
  }
}
@media (min-width: 1920px) {
  .careers {
    --careers-content-max-width: 685px;
    --careers-toolbar-top: 176px;
    --careers-media-column: 963px;
    --careers-media-column: 963px;
    --careers-media-width: 2815px;
    --careers-media-y: -125px;
  }
}
.careers__content-background {
  display: none;
  position: absolute;
  inset: 0;
  overflow: hidden;
}
@media (min-width: 1200px) {
  .careers__content-background {
    display: none;
  }
}
.careers__content-background::after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
  bottom: 0;
  height: 70vh;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(9, 17, 55, 0) 0%, rgba(9, 17, 55, 0.74) 19.07%);
}
.careers__media-clip {
  position: absolute;
  inset: 0;
  overflow: hidden;
}
.careers__media {
  position: absolute;
  z-index: 0;
  top: -50px;
  bottom: 0;
  left: 0;
  width: var(--careers-media-column);
  overflow: hidden;
  background-color: #091136;
}
@media (min-width: 1200px) {
  .careers__media {
    top: 0;
    width: var(--careers-media-column);
  }
}
.careers__media::after {
  content: "";
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 70vh;
  bottom: 0;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(9, 17, 55, 0) 0%, rgba(9, 17, 55, 0.74) 19.07%);
}
@media (min-width: 1200px) {
  .careers__media::after {
    display: none;
  }
}
.careers__picture {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
}
.careers__media-image {
  position: absolute;
  top: var(--careers-media-y);
  left: calc(50% + var(--careers-media-x));
  display: block;
  width: var(--careers-media-width);
  max-width: none;
  height: auto;
  transform: translateX(-50%);
}
@media (min-width: 1200px) {
  .careers__media-image {
    top: var(--careers-media-y);
    left: calc(50% + var(--careers-media-x));
    width: var(--careers-media-width);
    transform: translateX(-50%);
  }
}
.careers__container {
  position: relative;
  z-index: 3;
  height: 100%;
}
@media (min-width: 1200px) {
  .careers__container {
    height: 100%;
  }
}
.careers__inner {
  position: relative;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
}
@media (min-width: 1200px) {
  .careers__inner {
    display: grid;
    grid-template-columns: var(--careers-media-column) minmax(0, 1fr);
  }
}
.careers__content {
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: column;
  width: calc(100% - 12px);
  max-width: var(--careers-content-max-width);
  height: 100%;
  min-width: 0;
  min-height: 0;
  margin-inline: auto;
  padding-top: var(--careers-toolbar-top);
}
@media (min-width: 768px) {
  .careers__content {
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .careers__content {
    grid-column: 2;
    grid-row: 1;
    justify-self: center;
    width: 100%;
    height: 100%;
    margin-inline: 0;
  }
}
.careers__content::before {
  display: none;
}
@media (min-width: 1920px) {
  .careers__content::before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: calc(var(--careers-toolbar-top));
    pointer-events: none;
    background: linear-gradient(180deg, #091136 87.01%, rgba(9, 17, 54, 0) 100%);
    filter: blur(7.6500000954px);
  }
}
.careers__content-backdrop {
  display: none;
}
@media (min-width: 1200px) {
  .careers__content-backdrop {
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: var(--careers-media-column);
    display: block;
    overflow: hidden;
    background-color: #091136;
  }
}
.careers__content-backdrop::after {
  display: none;
}
@media (min-width: 1200px) {
  .careers__content-backdrop::after {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    z-index: 1;
    width: 100%;
    height: calc(var(--careers-toolbar-top) + 70px);
    pointer-events: none;
    background: linear-gradient(180deg, #091136 87.01%, rgba(9, 17, 54, 0) 100%);
    filter: blur(7.6500000954px);
  }
}
@media (min-width: 1920px) {
  .careers__content-backdrop::after {
    display: none;
  }
}
@media (min-width: 1200px) {
  .careers__content-backdrop-image {
    position: absolute;
    top: -331px;
    left: -988px;
    display: block;
    width: max(1976px, 1976px + (100svh - 720px) * 0.893);
    max-width: none;
    height: auto;
    opacity: 0.15;
    filter: blur(8.25px);
    transform: none;
  }
}
@media (min-width: 1440px) {
  .careers__content-backdrop-image {
    left: -888px;
    filter: blur(15px);
  }
}
.careers__scroll {
  padding-bottom: var(--site-footer-height, 84px);
  padding-bottom: var(--site-footer-height, 84px);
  flex: 1 1 auto;
  padding-inline: 10px;
  margin-left: -12px;
  margin-right: -12px;
  min-width: 0;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior-y: contain;
  -webkit-overflow-scrolling: touch;
}
@media (min-width: 768px) {
  .careers__scroll {
    padding-bottom: 60px;
  }
}
@media (min-width: 1200px) {
  .careers__scroll {
    margin-left: 0px;
    margin-right: 0px;
    padding-inline: 0px;
    padding-right: 1px;
    padding-bottom: 0;
    scrollbar-width: thin;
    scrollbar-color: rgba(255, 255, 255, 0.28) transparent;
  }
  .careers__scroll::-webkit-scrollbar {
    width: 1px;
  }
  .careers__scroll::-webkit-scrollbar-track {
    background: transparent;
  }
  .careers__scroll::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0.28);
    border-radius: 999px;
  }
}
.careers__list {
  display: grid;
  width: 100%;
  row-gap: 8px;
}
.careers__empty {
  margin: 40px 0;
  color: #fff;
  text-align: center;
}
.careers__controls {
  position: relative;
  flex: 0 0 auto;
  z-index: 6;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 5px;
}
@media (min-width: 768px) {
  .careers__controls {
    margin-bottom: 13px;
  }
}
@media (min-width: 1200px) {
  .careers__controls {
    margin-bottom: 20px;
  }
}
@media (min-width: 1200px) {
  .careers__controls:has(.careers-filters) + .careers__scroll {
    margin-top: 0;
  }
}

.career-benefits {
  flex: 0 1 182px;
}
.career-benefits--mobile {
  position: absolute;
  bottom: 10px;
  left: -10px;
}
@media (min-width: 768px) {
  .career-benefits--mobile {
    bottom: 30px;
  }
}
@media (min-width: 1200px) {
  .career-benefits--mobile {
    display: none;
  }
}
.career-benefits--desktop {
  display: none;
}
@media (min-width: 1200px) {
  .career-benefits--desktop {
    display: block;
    position: absolute;
    z-index: 3;
    bottom: 130px;
    left: -10px;
    width: 386px;
  }
}
@media (min-width: 1440px) {
  .career-benefits--desktop {
    bottom: 200px;
    left: -11px;
  }
}
@media (min-width: 1920px) {
  .career-benefits--desktop {
    left: -18px;
    bottom: 150px;
  }
}
.career-benefits__stack {
  position: relative;
  z-index: 1;
  display: grid;
  width: 100%;
  max-width: clamp(120px, 47%, var(--careers-benefits-max-width));
  row-gap: 14px;
}
@media (min-width: 768px) {
  .career-benefits__stack {
    max-width: var(--careers-benefits-max-width);
    row-gap: 15px;
  }
}
@media (min-width: 1200px) {
  .career-benefits__stack {
    row-gap: 30px;
    width: 386px;
    max-width: 386px;
  }
}
.career-benefits__item {
  width: 100%;
  position: relative;
  z-index: 1;
}
.career-benefits__content {
  width: 100%;
}
.career-benefits__content img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.career-benefits__surface {
  position: absolute;
  z-index: -1;
  display: block;
  inset: -42px -56px -10px;
  pointer-events: none;
}
@media (min-width: 768px) {
  .career-benefits__surface {
    inset: -42px -56px;
  }
}
@media (min-width: 1200px) {
  .career-benefits__surface {
    inset: -90px -120px;
  }
}
.career-benefits__surface::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, 0.02);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  -webkit-mask-image: radial-gradient(ellipse 66% 68% at 43% 52%, #000 0%, #000 38%, rgba(0, 0, 0, 0.8) 54%, rgba(0, 0, 0, 0.35) 68%, rgba(0, 0, 0, 0.1) 76%, transparent 84%);
  mask-image: radial-gradient(ellipse 66% 68% at 43% 52%, #000 0%, #000 38%, rgba(0, 0, 0, 0.8) 54%, rgba(0, 0, 0, 0.35) 68%, rgba(0, 0, 0, 0.1) 76%, transparent 84%);
}
@media (min-width: 1200px) {
  .career-benefits__surface::before {
    -webkit-mask-image: radial-gradient(ellipse 58% 52% at 50% 52%, #000 0%, #000 38%, rgba(0, 0, 0, 0.85) 48%, rgba(0, 0, 0, 0.5) 58%, rgba(0, 0, 0, 0.18) 66%, transparent 74%);
    mask-image: radial-gradient(ellipse 58% 52% at 50% 52%, #000 0%, #000 38%, rgba(0, 0, 0, 0.85) 48%, rgba(0, 0, 0, 0.5) 58%, rgba(0, 0, 0, 0.18) 66%, transparent 74%);
  }
}
@media (min-width: 1920px) {
  .career-benefits__surface::before {
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
  }
}
.career-benefits__surface::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse 70% 66% at 50% 52%, rgba(88, 72, 64, 0.17) 0%, rgba(88, 72, 64, 0.11) 45%, rgba(88, 72, 64, 0.05) 65%, transparent 88%);
  pointer-events: none;
}
@media (min-width: 1200px) {
  .career-benefits__surface::after {
    background: radial-gradient(ellipse 56% 48% at 48% 52%, rgba(112, 82, 64, 0.28) 0%, rgba(112, 82, 64, 0.19) 40%, rgba(112, 82, 64, 0.11) 60%, transparent 76%);
  }
}
.career-benefits__content {
  display: flex;
  flex-direction: column;
}
@media (min-width: 1200px) {
  .career-benefits__lines {
    position: absolute;
    z-index: 2;
    display: block;
    overflow: visible;
    color: #fff;
    pointer-events: none;
    height: auto;
    width: 565px;
    max-width: unset;
    bottom: unset;
    top: calc(100% + 20px);
    left: 120px;
  }
}
@media (min-width: 1440px) {
  .career-benefits__lines {
    left: 30px;
  }
}
@media (min-width: 1920px) {
  .career-benefits__lines {
    left: 39px;
  }
}

.careers-toolbar {
  position: relative;
  z-index: 5;
  flex: 0 0 auto;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  gap: 5px;
}
@media (min-width: 768px) {
  .careers-toolbar {
    gap: 6px;
  }
}
@media (min-width: 1200px) {
  .careers-toolbar {
    justify-content: flex-start;
    gap: 0;
  }
}
.careers-toolbar__desktop-filters {
  display: none;
}
@media (min-width: 1200px) {
  .careers-toolbar__desktop-filters {
    display: flex;
    flex: 0 0 auto;
    display: none;
  }
}
.careers-toolbar__control, .careers-toolbar__action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 44px;
  padding-inline: 0.5em;
  border: 1px solid rgba(255, 255, 255, 0.45);
  background-color: rgba(255, 255, 255, 0.06);
  color: #fff;
  font-size: clamp(12px, 12px + 20 * (100vw - 320px) / 1600, 32px);
  line-height: 1;
  text-transform: uppercase;
  cursor: pointer;
}
@media (min-width: 576px) {
  .careers-toolbar__control, .careers-toolbar__action {
    font-size: 14px;
  }
}
@media (min-width: 768px) {
  .careers-toolbar__control, .careers-toolbar__action {
    padding-inline: 1.5em;
  }
}
@media (min-width: 1200px) {
  .careers-toolbar__control, .careers-toolbar__action {
    font-size: 10px;
    height: 44px;
  }
}
@media (min-width: 1920px) {
  .careers-toolbar__control, .careers-toolbar__action {
    padding-inline: 40px;
  }
}
.careers-toolbar__control {
  justify-content: space-between;
  min-width: 164px;
  gap: 12px;
}
.careers-toolbar__arrow {
  width: 7px;
  height: 7px;
  transition: transform 0.25s ease;
  border-right: 1px solid currentColor;
  border-bottom: 1px solid currentColor;
  transform: translateY(-2px) rotate(45deg);
}
.careers-toolbar__action {
  gap: 6px;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}
@media (hover: hover) {
  .careers-toolbar__action:hover {
    background-color: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.85);
  }
}
@media (min-width: 1200px) {
  .careers-toolbar__action {
    margin-left: auto;
  }
}
.careers-toolbar__action--filter {
  background-color: rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(10.26px);
  -webkit-backdrop-filter: blur(10.26px);
  border: 1px solid rgba(255, 255, 255, 0.3);
  box-shadow: 0 0 0 1px rgba(9, 17, 54, 0.23);
}
@media (min-width: 1200px) {
  .careers-toolbar__action--filter {
    display: none;
  }
}
.careers-toolbar__action--filter.is-active {
  background-color: rgba(9, 17, 54, 0.8);
}
.careers-toolbar__action--filter.has-active-filters {
  border-color: #fff;
}
.careers-toolbar__action--search {
  background-color: rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(10.26px);
  -webkit-backdrop-filter: blur(10.26px);
  border: 1px solid rgba(255, 255, 255, 0.45);
  box-shadow: 0 0 0 1px rgba(9, 17, 54, 0.23);
}
@media (min-width: 576px) {
  .careers-toolbar__action--search {
    background: rgba(9, 17, 54, 0.87);
  }
}
@media (min-width: 768px) {
  .careers-toolbar__action--search {
    background-color: rgba(255, 255, 255, 0.06);
  }
}
@media (min-width: 1440px) {
  .careers-toolbar__action--search {
    min-width: 146px;
  }
}
.careers-toolbar__action--search.is-active {
  background-color: rgba(9, 17, 54, 0.8);
}
.careers-toolbar__action--search.has-active-search {
  border-color: #fff;
}
.careers-toolbar__search-icon, .careers-toolbar__filter-icon {
  display: block;
  flex: 0 0 auto;
  width: 14px;
  height: 14px;
}
.careers-toolbar__search-icon svg, .careers-toolbar__filter-icon svg {
  display: block;
  width: 100%;
  height: 100%;
}
@media (min-width: 1200px) {
  .careers-toolbar__search-text {
    display: none;
  }
}
@media (min-width: 1440px) {
  .careers-toolbar__search-text {
    display: inline-block;
  }
}

.careers-filters {
  position: relative;
  z-index: 10;
  display: flex;
  width: 100%;
  height: 0;
  padding-block: 0;
  gap: 6px;
  background: rgb(9, 17, 54);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  box-shadow: 0 10px 35.5px 0 rgba(5, 11, 39, 0.53);
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transform: translateY(-4px);
  transition: height 0.25s ease, padding 0.25s ease, opacity 0.2s ease, transform 0.25s ease, visibility 0s linear 0.25s;
}
@media (min-width: 1200px) {
  .careers-filters {
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    height: 46px;
    padding: 0;
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
    transform: none;
    background: transparent;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    box-shadow: none;
    transition: none;
  }
}
.careers-filters::before, .careers-filters::after {
  content: "";
  position: absolute;
  z-index: 10;
  top: 0;
  height: 100%;
  background: rgb(9, 17, 54);
  backdrop-filter: blur(26.5px);
  -webkit-backdrop-filter: blur(26.5px);
  width: calc(100vw - 50%);
}
@media (min-width: 768px) {
  .careers-filters::before, .careers-filters::after {
    display: none;
    width: 10px;
  }
}
@media (min-width: 1200px) {
  .careers-filters::before, .careers-filters::after {
    display: none;
  }
}
.careers-filters::before {
  left: 100%;
}
.careers-filters::after {
  right: 100%;
}
.careers-filters.is-open {
  height: 80px;
  padding-block: 18px;
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
  transition: height 0.25s ease, padding 0.25s ease, opacity 0.2s ease, transform 0.25s ease, visibility 0s;
}
.careers-filters__control {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  min-width: 0;
  height: 44px;
  padding-inline: 14px;
  border: 1px solid rgba(255, 255, 255, 0.45);
  background-color: rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(10.26px);
  -webkit-backdrop-filter: blur(10.26px);
  color: #fff;
  font-size: clamp(9px, 9px + 2 * (100vw - 320px) / 1600, 11px);
  line-height: 1;
  text-transform: uppercase;
  cursor: pointer;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}
@media (hover: hover) {
  .careers-filters__control:hover {
    background-color: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.85);
  }
}
@media (min-width: 768px) {
  .careers-filters__control {
    font-size: 10px;
  }
}
@media (min-width: 1200px) {
  .careers-filters__control {
    width: 145px;
  }
}
@media (min-width: 1440px) {
  .careers-filters__control {
    width: 152px;
  }
}
.careers-filters__text {
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.careers-filters__form {
  display: flex;
  padding-right: 1px;
  align-items: stretch;
  flex-wrap: nowrap;
  width: 100%;
  height: 100%;
  gap: 6px;
}
@media (min-width: 768px) {
  .careers-filters__form {
    padding-left: 22px;
    padding-right: 10px;
    padding-right: 0;
    gap: 10px;
  }
}
@media (min-width: 1200px) {
  .careers-filters__form {
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media (min-width: 1200px) {
  .careers-filters__form {
    gap: 4px;
  }
}
.careers-filters__reset {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  gap: 6px;
  flex: 0 0 auto;
  min-width: 54px;
  height: 44px;
  font-size: clamp(9px, 9px + 2 * (100vw - 320px) / 1600, 11px);
  padding-inline: 8px;
  background-color: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.45);
  line-height: 1;
  cursor: pointer;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}
@media (hover: hover) {
  .careers-filters__reset:hover {
    background-color: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.85);
  }
  .careers-filters__reset:hover .careers-filters__reset-icon {
    opacity: 1;
  }
}
@media (min-width: 768px) {
  .careers-filters__reset {
    min-width: 64px;
    line-height: 1.3;
    font-size: 10px;
  }
}
@media (min-width: 1200px) {
  .careers-filters__reset {
    min-width: 70px;
  }
}
@media (min-width: 1440px) {
  .careers-filters__reset {
    min-width: 152px;
  }
}
.careers-filters__reset[hidden] {
  display: none;
}
.careers-filters__reset-icon {
  position: relative;
  flex: 0 0 16px;
  width: 16px;
  height: 16px;
}
.careers-filters__reset-icon::before, .careers-filters__reset-icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 12px;
  height: 1px;
  background: #fff;
}
@media (min-width: 1200px) {
  .careers-filters__reset-icon::before, .careers-filters__reset-icon::after {
    width: 10px;
  }
}
.careers-filters__reset-icon::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.careers-filters__reset-icon::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
@media (min-width: 1200px) {
  .careers-filters__reset-icon {
    flex-basis: 12px;
    width: 12px;
    height: 12px;
  }
}
.careers-filters__reset-desktop {
  display: none;
}
@media (min-width: 1200px) {
  .careers-filters__reset-desktop {
    display: inline;
  }
}
.careers-filters__dropdown {
  position: relative;
  flex: 1 1 0;
  min-width: 0;
}
@media (min-width: 768px) {
  .careers-filters__dropdown {
    flex: 0 0 150px;
  }
}
@media (min-width: 1200px) {
  .careers-filters__dropdown {
    flex: 1 1 0;
  }
}
.careers-filters__menu {
  position: absolute;
  z-index: 11;
  top: calc(100% + 2px);
  left: 0;
  display: flex;
  flex-direction: column;
  width: 100%;
  background: rgba(9, 17, 54, 0.56);
  border: 1px solid rgba(255, 255, 255, 0.35);
  border-radius: 0;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.22);
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}
.careers-filters__dropdown--location .careers-filters__menu {
  right: 0;
  left: auto;
}
.careers-filters__dropdown.is-open .careers-filters__menu {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}
.careers-filters__dropdown.is-open .careers-toolbar__arrow {
  transform: translateY(2px) rotate(225deg);
}
.careers-filters__dropdown.has-active-filter .careers-filters__control {
  border-color: white;
}
@media (min-width: 1200px) {
  .careers-filters__dropdown.has-active-filter .careers-filters__control {
    border-color: rgba(98, 114, 182, 0.9);
    box-shadow: 0 0 0 1px rgba(98, 114, 182, 0.9), 0 0 0 2px rgba(255, 255, 255, 0.8);
  }
}
.careers-filters__checkbox {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 40px;
  justify-content: center;
  padding-inline: 7px;
  padding-block: 3px;
  cursor: pointer;
}
@media (min-width: 1200px) {
  .careers-filters__checkbox {
    min-height: 50px;
  }
}
.careers-filters__checkbox input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}
.careers-filters__checkbox-text {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 40px;
  font-size: 12px;
  line-height: 1.15;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  cursor: pointer;
}
@media (min-width: 768px) {
  .careers-filters__checkbox-text {
    min-height: 36px;
  }
}
@media (min-width: 1200px) {
  .careers-filters__checkbox-text {
    font-size: 13px;
    min-height: 50px;
  }
}

.career-card {
  min-width: 0;
  min-height: 86px;
  background-color: rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(26.54px);
  -webkit-backdrop-filter: blur(26.54px);
  animation: careers-content-reveal 750ms ease-out 300ms both;
}
.career-card__link {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 86px;
  padding: 10px 9px;
  color: inherit;
  text-decoration: none;
}
.career-card__link:hover .career-card__title {
  color: rgba(255, 255, 255, 0.8);
}
.career-card__title {
  margin: 0 0 14px;
  text-align: start;
  color: #fff;
  font-size: clamp(13px, 13px + 23 * (100vw - 320px) / 1600, 36px);
  text-transform: uppercase;
  transition: color 0.2s linear;
}
@media (min-width: 576px) {
  .career-card__title {
    font-size: 15px;
  }
}
.career-card__meta {
  display: flex;
  align-items: center;
  min-width: 0;
  gap: 10px;
  font-size: 14px;
  background-color: rgba(9, 17, 54, 0.2);
  padding: 5px;
}
@media (min-width: 768px) {
  .career-card__meta {
    font-size: 14px;
  }
}
@media (min-width: 1200px) {
  .career-card__meta {
    padding: 10px;
  }
}
.career-card__location {
  color: #8da1f4;
}
.career-card__department {
  color: #6272b6;
}
.career-card__separator {
  flex: 0 0 auto;
  width: 1px;
  height: 14px;
  background-color: rgba(255, 255, 255, 0.2);
}

.careers-apply {
  margin-top: 18px;
  margin-bottom: 0;
  padding: 11px 9px 19px;
  background-color: rgba(9, 17, 54, 0.87);
}
@media (min-width: 1200px) {
  .careers-apply {
    margin-bottom: 24px;
    padding-inline: 19px;
  }
}
.careers-apply__text {
  display: flex;
  flex-direction: column;
  padding-bottom: 10px;
  color: #8da1f4;
}
.careers-apply__text strong {
  font-size: clamp(13px, 13px + 2 * (100vw - 320px) / 1600, 15px);
  line-height: 1.2;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .careers-apply__text strong {
    font-size: 15px;
  }
}
.careers-apply__text span {
  margin-top: 2px;
  font-size: clamp(12px, 12px + 2 * (100vw - 320px) / 1600, 14px);
  line-height: 1.2;
}
@media (min-width: 768px) {
  .careers-apply__text span {
    font-size: 14px;
  }
}
.careers-apply__button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 40px;
  border: 1px solid #ff2954;
  background-color: #f40f3e;
  box-shadow: inset 0 0 0 1px #a60024;
  color: #fff;
  font-size: 19px;
  text-decoration: none;
  text-transform: uppercase;
  transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}
@media (hover: hover) {
  .careers-apply__button:hover {
    background-color: #f51b49;
    border-color: #ff4a6d;
    box-shadow: inset 0 0 0 1px #c5002f, 0 0 0 1px rgba(255, 255, 255, 0.12);
  }
}

@keyframes careers-media-reveal {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes careers-content-reveal {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.careers__media {
  animation: careers-media-reveal 900ms ease-out both;
}
.careers__controls {
  animation: none;
}
.careers .careers-toolbar__control,
.careers .careers-toolbar__action {
  animation: careers-content-reveal 800ms ease-out 100ms both;
}
.careers .career-benefits__item,
.careers .career-benefits__lines {
  animation: careers-content-reveal 800ms ease-out 100ms both;
}
@media (min-width: 1200px) {
  .careers .careers-filters__control {
    animation: careers-content-reveal 800ms ease-out 100ms both;
  }
}
.careers__list {
  animation: none;
}

@media (prefers-reduced-motion: reduce) {
  .careers__media, .careers__list,
  .careers .careers-toolbar__control,
  .careers .careers-toolbar__action,
  .careers .careers-filters__control,
  .careers .career-benefits__item,
  .careers .career-benefits__lines {
    animation: none;
  }
}
.careers-search {
  position: absolute;
  z-index: 10;
  width: 100vw;
  transform: translateX(-50%);
  left: 50%;
  top: calc(var(--careers-toolbar-top) + 50px);
  bottom: auto;
  height: clamp(260px, 42vh, 340px);
  min-height: 0;
  padding: 10px 12px;
  background: linear-gradient(180deg, #091136 28.12%, rgba(9, 17, 54, 0) 100%);
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease, visibility 0s linear 0.2s;
}
@media (min-width: 768px) {
  .careers-search {
    transform: translate(0);
    left: unset;
    width: 100%;
    padding-inline: 10px;
  }
}
.careers-search.is-open {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  transition: opacity 0.2s ease, visibility 0s;
}
.careers-search__form {
  display: flex;
  align-items: stretch;
  gap: 8px;
  width: 100%;
  max-width: 620px;
}
@media (min-width: 768px) {
  .careers-search__form {
    max-width: 100%;
  }
}
.careers-search__field {
  display: flex;
  align-items: center;
  width: 100%;
  min-width: 0;
  height: 46px;
  padding-inline: 14px;
  border: 1px solid #37499A;
  background: rgba(255, 255, 255, 0.06);
  color: #fff;
}
.careers-search__field:focus-within {
  border-color: #fff;
}
.careers-search__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 18px;
  height: 18px;
  padding: 0;
  margin-right: 8px;
  border: 0;
  background: transparent;
  color: #768bdc;
  cursor: pointer;
}
.careers-search__icon svg {
  display: block;
  width: 100%;
  height: 100%;
}
.careers-search input {
  flex: 1 1 auto;
  width: auto;
  flex: 1 1 auto;
  min-width: 0;
  padding: 0;
  padding-right: 4px;
  border: 0;
  outline: 0;
  background: transparent;
  color: #fff;
  caret-color: #fff;
  font-size: 16px;
  text-align: left;
}
@media (min-width: 768px) {
  .careers-search input {
    font-size: 19px;
  }
}
.careers-search input::-moz-placeholder {
  color: #768bdc;
  opacity: 1;
}
.careers-search input::placeholder {
  color: #768bdc;
  opacity: 1;
}
.careers-search input[type=search]::-webkit-search-cancel-button {
  display: none;
  -webkit-appearance: none;
}
.careers-search__clear {
  position: relative;
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  margin-left: 6px;
  padding: 0;
  border: 0;
  background: transparent;
  color: rgba(255, 255, 255, 0.7);
  cursor: pointer;
}
.careers-search__clear[hidden] {
  display: none;
}
.careers-search__clear::before, .careers-search__clear::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 13px;
  height: 1.5px;
  background: currentColor;
  border-radius: 2px;
}
.careers-search__clear::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.careers-search__clear::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
@media (hover: hover) {
  .careers-search__clear:hover {
    color: #fff;
  }
}
.careers-search__submit {
  flex: 0 0 auto;
  min-width: 88px;
  padding-inline: 14px;
  border: 1px solid rgba(255, 255, 255, 0.45);
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
  font-size: 11px;
  text-transform: uppercase;
  cursor: pointer;
  display: none;
}

.job-single-page {
  padding-top: 0;
  background-color: #091136;
}

.job-single {
  --js-media-column: 100%;
  --js-media-width: max(100%, 403px);
  --js-media-x: 0px;
  --js-media-y: 0px;
  --js-content-top: 88px;
  --js-benefits-width: 386px;
  --job-single-content-max-width: 100%;
  position: relative;
  width: 100%;
  height: 100svh;
  min-height: 0;
  overflow: hidden;
  background-color: #091136;
}
@media (min-width: 768px) {
  .job-single {
    --js-content-top: 126px;
  }
}
@media (min-width: 1200px) {
  .job-single {
    --js-media-column: 55%;
    --js-media-width: 1674px;
    --js-media-x: 15px;
    --js-media-y: -50px;
    --js-content-top: 125px;
  }
}
@media (min-width: 1440px) {
  .job-single {
    --js-media-column: min(45.7%, 838px);
    --js-media-y: -87px;
    --js-media-x: 0px;
    --job-single-content-max-width: 708px;
  }
}
@media (min-width: 1920px) {
  .job-single {
    --js-content-top: 156px;
    --js-media-column: 963px;
    --js-media-width: 2815px;
    --js-media-y: -114px;
    --js-media-x: -28px;
  }
}
.job-single__decor {
  position: absolute;
  inset: 0;
}
.job-single__decor .job-single__decor-shape--one {
  display: none;
}
@media (min-width: 1440px) {
  .job-single__decor .job-single__decor-shape--one {
    content: "";
    position: absolute;
    display: block;
    background: rgb(14, 22, 64);
    pointer-events: none;
    display: block;
    top: -100px;
    right: 140px;
    width: 70px;
    height: 130%;
    clip-path: polygon(0% 0, 100% 0, 100% 100%, 0 100%, 0% 100%);
    transform: rotate(-30deg);
    z-index: 0;
  }
}
@media (min-width: 1920px) {
  .job-single__decor .job-single__decor-shape--one {
    right: 30px;
  }
}
.job-single__decor .job-single__decor-shape--two {
  display: none;
}
@media (min-width: 1440px) {
  .job-single__decor .job-single__decor-shape--two {
    content: "";
    position: absolute;
    display: block;
    background: rgb(14, 22, 64);
    top: -100px;
    z-index: 0;
    right: -110px;
    width: 180px;
    height: 130%;
    clip-path: polygon(0% 0, 100% 0, 100% 100%, 0 100%, 0% 100%);
    transform: rotate(-30deg);
  }
}
@media (min-width: 1920px) {
  .job-single__decor .job-single__decor-shape--two {
    right: -210px;
  }
}
.job-single__media {
  display: none;
}
@media (min-width: 1200px) {
  .job-single__media {
    display: block;
    position: absolute;
    z-index: 0;
    top: 0;
    bottom: 0;
    left: 0;
    width: var(--js-media-column);
    overflow: hidden;
    background-color: #091136;
  }
}
.job-single__picture {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
}
@media (min-width: 1200px) {
  .job-single__media-image {
    position: absolute;
    top: var(--js-media-y);
    left: calc(50% + var(--js-media-x));
    display: block;
    width: var(--js-media-width);
    max-width: none;
    height: auto;
    transform: translateX(-50%);
  }
}
@media (min-width: 1440px) {
  .job-single__media-image {
    width: 1691px;
  }
}
@media (min-width: 1920px) {
  .job-single__media-image {
    width: 2815px;
  }
}
.job-single__backdrop {
  position: absolute;
  z-index: 0;
  inset: 0;
  pointer-events: none;
}
@media (min-width: 1200px) {
  .job-single__backdrop {
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: var(--js-media-column);
    display: block;
    background-color: #091136;
  }
}
.job-single__backdrop::before {
  content: "";
  position: absolute;
  top: 0px;
  right: -1px;
  width: 150px;
  height: 250px;
  background: #f40f3e;
  clip-path: polygon(0% 0, 100% 0, 100% 100%, 82% 83%, 0 0%);
}
@media (min-width: 768px) {
  .job-single__backdrop::before {
    display: none;
  }
}
@media (min-width: 1440px) {
  .job-single__backdrop::before {
    display: block;
    background: rgb(14, 22, 64);
    top: -100px;
    right: -110px;
    width: 180px;
    height: 130%;
    clip-path: polygon(0% 0, 100% 0, 100% 100%, 0 100%, 0% 100%);
    transform: rotate(-30deg);
    display: none;
  }
}
.job-single__backdrop::after {
  content: "";
  position: absolute;
  top: 0;
  right: -80px;
  width: 100%;
  height: 160px;
  background: linear-gradient(180deg, #091136 0%, rgba(9, 17, 54, 0) 100%);
  pointer-events: none;
}
@media (min-width: 1440px) {
  .job-single__backdrop::after {
    display: none;
    background: #091136;
  }
}
.job-single__container {
  position: relative;
  z-index: 3;
  height: 100%;
}
.job-single__inner {
  position: relative;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
}
@media (min-width: 1200px) {
  .job-single__inner {
    display: grid;
    grid-template-columns: var(--js-media-column) minmax(0, 1fr);
  }
}
.job-single__benefits {
  display: none;
}
@media (min-width: 1200px) {
  .job-single__benefits {
    display: block;
    position: absolute;
    z-index: 3;
    bottom: 130px;
    left: -10px;
    width: var(--js-benefits-width);
    grid-column: 1;
    grid-row: 1;
  }
}
@media (min-width: 1440px) {
  .job-single__benefits {
    bottom: 200px;
    left: -11px;
  }
}
@media (min-width: 1920px) {
  .job-single__benefits {
    left: -18px;
    bottom: 150px;
  }
}
.job-single__benefits-stack {
  position: relative;
  display: grid;
  width: 100%;
  row-gap: 30px;
  position: relative;
}
@media (min-width: 1200px) {
  .job-single__benefits-stack {
    width: var(--js-benefits-width);
    max-width: var(--js-benefits-width);
  }
}
.job-single__benefit-item {
  position: relative;
  width: 100%;
  z-index: 1;
}
.job-single__benefit-surface {
  position: absolute;
  z-index: 0;
  inset: -90px -120px;
  pointer-events: none;
}
.job-single__benefit-surface::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, 0.02);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  -webkit-mask-image: radial-gradient(ellipse 66% 68% at 43% 52%, #000 0%, #000 38%, rgba(0, 0, 0, 0.8) 54%, rgba(0, 0, 0, 0.35) 68%, rgba(0, 0, 0, 0.1) 76%, transparent 84%);
  mask-image: radial-gradient(ellipse 66% 68% at 43% 52%, #000 0%, #000 38%, rgba(0, 0, 0, 0.8) 54%, rgba(0, 0, 0, 0.35) 68%, rgba(0, 0, 0, 0.1) 76%, transparent 84%);
}
@media (min-width: 1200px) {
  .job-single__benefit-surface::before {
    -webkit-mask-image: radial-gradient(ellipse 58% 52% at 50% 52%, #000 0%, #000 38%, rgba(0, 0, 0, 0.85) 48%, rgba(0, 0, 0, 0.5) 58%, rgba(0, 0, 0, 0.18) 66%, transparent 74%);
    mask-image: radial-gradient(ellipse 58% 52% at 50% 52%, #000 0%, #000 38%, rgba(0, 0, 0, 0.85) 48%, rgba(0, 0, 0, 0.5) 58%, rgba(0, 0, 0, 0.18) 66%, transparent 74%);
  }
}
@media (min-width: 1920px) {
  .job-single__benefit-surface::before {
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
  }
}
.job-single__benefit-surface::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse 56% 48% at 48% 52%, rgba(112, 82, 64, 0.28) 0%, rgba(112, 82, 64, 0.19) 40%, rgba(112, 82, 64, 0.11) 60%, transparent 76%);
  pointer-events: none;
}
.job-single__benefit-content {
  width: 100%;
}
.job-single__benefit-content img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.job-single__benefits-lines {
  display: none;
}
@media (min-width: 1200px) {
  .job-single__benefits-lines {
    position: absolute;
    z-index: 2;
    display: block;
    overflow: visible;
    color: #fff;
    pointer-events: none;
    height: auto;
    width: 565px;
    max-width: unset;
    bottom: unset;
    top: calc(100% + 20px);
    left: 120px;
  }
}
@media (min-width: 1440px) {
  .job-single__benefits-lines {
    left: 24px;
  }
}
@media (min-width: 1920px) {
  .job-single__benefits-lines {
    left: 39px;
  }
}
.job-single__main {
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: column;
  width: var(--job-single-content-max-width);
  height: 100%;
  min-width: 0;
  min-height: 0;
  padding-top: var(--js-content-top);
  padding-bottom: var(--site-footer-height, 84px);
  padding-inline: 6px;
}
@media (min-width: 768px) {
  .job-single__main {
    padding-inline: 20px;
  }
}
@media (min-width: 1200px) {
  .job-single__main {
    grid-column: 2;
    grid-row: 1;
    margin: 0 auto;
    padding-top: var(--js-content-top);
  }
}
@media (min-width: 1440px) {
  .job-single__main {
    padding-inline-start: 0;
    padding-right: 0;
  }
}
@media (min-width: 1920px) {
  .job-single__main {
    padding-inline-start: 30px;
    padding-inline-end: 0;
  }
}
@media (min-width: 1440px) {
  .job-single__main::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 160px;
    background: linear-gradient(180deg, #091136 0%, rgba(9, 17, 54, 0) 100%);
    pointer-events: none;
    filter: blur(10px);
    background: #091136;
  }
}
.job-single__heading {
  flex: 0 0 auto;
  display: flex;
  display: none;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding-inline: 16px;
  padding-bottom: 12px;
}
@media (min-width: 768px) {
  .job-single__heading {
    padding-inline: 24px;
  }
}
@media (min-width: 1200px) {
  .job-single__heading {
    display: flex;
    padding-inline: 0;
    padding-bottom: 0;
    margin-bottom: 20px;
    gap: 20px;
  }
}
@media (min-width: 1440px) {
  .job-single__heading {
    z-index: 2;
  }
}
.job-single__back {
  display: none;
}
@media (min-width: 1200px) {
  .job-single__back {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 25px;
    height: auto;
    color: #fff;
    transition: border-color 0.2s ease, background-color 0.2s ease, color 0.2s linear;
  }
  .job-single__back:hover, .job-single__back:focus-visible {
    background-color: rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.7);
  }
  .job-single__back:focus-visible {
    outline: 2px solid #f40f3e;
    outline-offset: 2px;
  }
  .job-single__back svg {
    display: block;
    width: 15px;
    height: 24px;
    flex: 0 0 auto;
  }
}
@media (min-width: 1200px) and (min-width: 1200px) {
  .job-single__back svg {
    height: auto;
  }
}
@media (min-width: 1200px) {
  .job-single__back::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 44px;
    height: 44px;
    transform: translate(-50%, -50%);
  }
}
.job-single__title {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  min-width: 0;
  margin: 0;
  color: #fff;
  line-height: 1.15;
  text-transform: uppercase;
  display: none;
}
@media (min-width: 1200px) {
  .job-single__title {
    display: block;
    font-size: clamp(18px, 1.5vw, 28px);
  }
}
@media (min-width: 1440px) {
  .job-single__title {
    font-size: 25px;
  }
}
.job-single__meta {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px 8px;
  width: 100%;
  padding-inline: 16px;
  padding-bottom: 16px;
  color: rgba(255, 255, 255, 0.65);
  font-size: 13px;
  letter-spacing: 0.04em;
  padding-top: 16px;
}
@media (min-width: 768px) {
  .job-single__meta {
    padding-inline: 24px;
    font-size: 14px;
  }
}
@media (min-width: 1200px) {
  .job-single__meta {
    padding-top: 0;
    padding-inline: 0;
    padding-bottom: 20px;
    font-size: 13px;
  }
}
@media (min-width: 1440px) {
  .job-single__meta {
    padding-bottom: 0;
    margin-bottom: 13px;
    padding-inline-start: 46px;
  }
}
.job-single__meta-location {
  color: #8DA1F4;
}
.job-single__meta-department {
  color: #6272B6;
}
.job-single__meta-location, .job-single__meta-department {
  display: inline;
}
.job-single__meta-separator {
  display: inline;
  opacity: 0.5;
}
.job-single__scroll {
  position: relative;
  z-index: 2;
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
  padding-bottom: var(--site-footer-height, 64px);
  padding: 4px 0 16px;
  overflow-x: hidden;
  overflow-y: auto;
  min-height: 0;
  overscroll-behavior-y: contain;
  -webkit-overflow-scrolling: touch;
  background-color: rgba(31, 42, 91, 0.4);
  background-image: radial-gradient(ellipse 84% 60% at 50% 60%, rgba(133, 150, 225, 0.24) 0%, rgba(100, 119, 202, 0.14) 37%, rgba(31, 42, 91, 0) 70%);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}
@media (min-width: 768px) {
  .job-single__scroll {
    background-color: rgba(255, 255, 255, 0.1);
    background-image: none;
  }
}
@media (min-width: 1200px) {
  .job-single__scroll {
    overflow-x: hidden;
    overflow-y: auto;
    padding-bottom: 40px;
    padding-inline-end: 2px;
    overscroll-behavior-y: contain;
    -webkit-overflow-scrolling: touch;
    background: transparent;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    scrollbar-width: thin;
    scrollbar-color: rgba(255, 255, 255, 0.28) transparent;
  }
  .job-single__scroll::-webkit-scrollbar {
    width: 1px;
  }
  .job-single__scroll::-webkit-scrollbar-track {
    background: transparent;
  }
  .job-single__scroll::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0.28);
    border-radius: 999px;
  }
}
@media (min-width: 1440px) {
  .job-single__scroll {
    padding-inline-end: 4px;
  }
}
.job-single__content {
  padding-inline: 16px;
}
@media (min-width: 768px) {
  .job-single__content {
    padding-inline: 10px;
  }
}
@media (min-width: 1200px) {
  .job-single__content {
    padding-inline: 0;
    padding-bottom: 24px;
  }
}
@media (min-width: 1440px) {
  .job-single__content {
    padding-inline-start: 46px;
  }
}
.job-single__content p {
  margin-bottom: 1em;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.88);
  font-size: clamp(14px, 14px + 2 * (100vw - 320px) / 1600, 16px);
}
.job-single__content strong,
.job-single__content b {
  font-weight: 700;
}
.job-single__content a {
  color: #f40f3e;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.job-single__content a:hover, .job-single__content a:focus-visible {
  opacity: 0.8;
}
.job-single__content h2 {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  margin: 0 0 0.7em;
  color: #fff;
  text-transform: unset;
  line-height: 1.2;
  font-size: clamp(18px, 18px + 4 * (100vw - 320px) / 1600, 22px);
  text-align: start;
}
@media (min-width: 1200px) {
  .job-single__content h2 {
    font-size: 16px;
  }
}
@media (min-width: 1440px) {
  .job-single__content h2 {
    font-size: 18px;
  }
}
.job-single__content h3 {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  margin: 1.25em 0 0.4em;
  color: #fff;
  line-height: 1.25;
  font-size: clamp(16px, 16px + 2 * (100vw - 320px) / 1600, 18px);
}
.job-single__content h4 {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  margin: 1em 0 0.35em;
  color: #fff;
  line-height: 1.3;
  font-size: clamp(14px, 14px + 2 * (100vw - 320px) / 1600, 16px);
}
.job-single__content ul,
.job-single__content ol {
  margin-bottom: 1em;
  padding-inline-start: 1.4em;
  color: rgba(255, 255, 255, 0.88);
  font-size: clamp(14px, 14px + 2 * (100vw - 320px) / 1600, 16px);
}
@media (min-width: 1200px) {
  .job-single__content ul,
  .job-single__content ol {
    font-size: 13px;
  }
}
@media (min-width: 1440px) {
  .job-single__content ul,
  .job-single__content ol {
    padding-inline-start: 2em;
    font-size: 15px;
  }
}
.job-single__content ul {
  list-style: disc;
}
.job-single__content ol {
  list-style: decimal;
}
.job-single__content li {
  margin-bottom: 0.7em;
  line-height: 1;
}
@media (min-width: 1920px) {
  .job-single__content li {
    margin-bottom: 0.9em;
  }
}
.job-single__content li:last-child {
  margin-bottom: 0;
}
.job-single__apply {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #ff2954;
  border-radius: 0;
  background-color: #ed0f3d;
  box-shadow: inset 0 0 0 1px #a60024;
  color: #fff;
  line-height: 1;
  letter-spacing: 0.06em;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: opacity 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}
@media (hover: hover) and (pointer: fine) {
  .job-single__apply:hover {
    opacity: 0.85;
  }
}
.job-single__apply:active {
  transform: scale(0.99);
}
.job-single__apply:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 2px;
}
.job-single__apply--desktop {
  display: none;
}
@media (min-width: 1200px) {
  .job-single__apply--desktop {
    display: flex;
    flex: 1;
    min-height: 44px;
    padding-inline: 28px;
    font-size: 19px;
  }
}
@media (min-width: 1440px) {
  .job-single__apply--desktop {
    margin-left: auto;
    max-width: 220px;
  }
}
.job-single__apply-wrap {
  flex: 0 0 auto;
  padding: 24px 16px 20px;
}
@media (min-width: 768px) {
  .job-single__apply-wrap {
    padding-top: 16px;
    padding-inline: 0;
  }
}
@media (min-width: 1200px) {
  .job-single__apply-wrap {
    display: none;
  }
}
.job-single__apply--mobile {
  width: 100%;
  min-height: 42px;
  padding-inline: 20px;
  font-size: 19px;
}
@media (min-width: 1200px) {
  .job-single__apply--mobile {
    display: none;
  }
}

.job-single {
  background-color: #091136;
  color: #fff;
}

@keyframes job-single-fade-up {
  from {
    opacity: 0;
    transform: translateY(14px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes job-single-media-in {
  from {
    opacity: 0;
    transform: translate3d(-18px, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.job-single__scroll {
  animation: job-single-fade-up 0.8s ease-out both;
}
.job-single__apply-wrap {
  animation: job-single-fade-up 0.7s 0.12s ease-out both;
}
@media (min-width: 1200px) {
  .job-single__media {
    animation: job-single-media-in 1s ease-out both;
  }
  .job-single__heading {
    animation: job-single-fade-up 0.75s 0.18s ease-out both;
  }
  .job-single__meta {
    animation: job-single-fade-up 0.75s 0.24s ease-out both;
  }
  .job-single__scroll {
    animation: job-single-fade-up 0.85s 0.3s ease-out both;
  }
  .job-single__benefit-item, .job-single__benefits-lines {
    animation: job-single-benefits-reveal 800ms ease-out 100ms both;
  }
}

@media (prefers-reduced-motion: reduce) {
  .job-single__media,
  .job-single__benefits,
  .job-single__heading,
  .job-single__meta,
  .job-single__scroll,
  .job-single__apply-wrap {
    animation: none;
  }
}
@keyframes job-single-benefits-reveal {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.error-page {
  position: relative;
  display: flex;
  min-height: calc(100svh - var(--site-footer-height, 84px));
  overflow: hidden;
  background-color: #fb0d43;
}
.error-page__backdrop {
  --404-backdrop-top-x: 0%;
  --404-backdrop-slant-x: 58svh;
  position: absolute;
  z-index: 1;
  inset: 0;
  background-color: #091136;
  clip-path: polygon(var(--404-backdrop-top-x) 0, 100% 0, 100% 100%, calc(var(--404-backdrop-top-x) + var(--404-backdrop-slant-x)) 100%);
}
@media (min-width: 768px) and (max-width: 1199px) {
  .error-page__backdrop {
    --404-backdrop-top-x: 36.5%;
    --404-backdrop-slant-x: 70.5%;
  }
}
@media (min-width: 1200px) {
  .error-page__backdrop {
    --404-backdrop-top-x: 45.5%;
    --404-backdrop-slant-x: 58svh;
  }
}
@media (min-width: 1440px) {
  .error-page__backdrop {
    --404-backdrop-top-x: 51.8%;
  }
}
@media (min-width: 1920px) {
  .error-page__backdrop {
    --404-backdrop-top-x: 36.8%;
  }
}
.error-page__container {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding-block: 110px 70px;
}
.error-page__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.error-page__code {
  margin: 0;
  color: #fff;
  font-size: 150px;
  font-weight: 800;
  line-height: 0.9;
  letter-spacing: -0.05em;
}
@media (min-width: 576px) {
  .error-page__code {
    font-size: 200px;
  }
}
@media (min-width: 768px) {
  .error-page__code {
    font-size: 300px;
  }
}
@media (min-width: 1920px) {
  .error-page__code {
    font-size: 400px;
  }
}
.error-page__back {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 306px;
  height: 62px;
  flex: 0 0 auto;
  margin-top: 70px;
  padding: 0;
  border: 0;
  background-color: #091136;
  color: #fff;
  font-size: 24px;
  font-weight: 900;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  animation: error-button-in 0.6s ease-out 0.2s both;
  transition: transform 0.25s ease, background-color 0.25s ease, box-shadow 0.25s ease;
}
.error-page__back::before {
  position: absolute;
  inset: 3px;
  border: 1px solid #fb0d43;
  content: "";
  pointer-events: none;
  transition: inset 0.25s ease, border-color 0.25s ease;
}
@media (min-width: 993px) {
  .error-page__back {
    width: 450px;
    height: 64px;
    margin-top: 75px;
  }
}
@media (hover: hover) {
  .error-page__back:hover {
    transform: translateY(-2px);
    background-color: #0d1745;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.18);
  }
  .error-page__back:hover::before {
    inset: 1px;
  }
}
.error-page__back:active {
  transform: translateY(0);
}
.error-page__back:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 3px;
}
@media (min-width: 1200px) {
  .error-page {
    min-height: 100svh;
  }
  .error-page__container {
    padding-block: 100px;
  }
}
@keyframes error-button-in {
  from {
    opacity: 0;
    transform: translateY(16px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@media (prefers-reduced-motion: reduce) {
  .error-page .error-page__back {
    animation: none;
    transition: none;
  }
}
/*# sourceMappingURL=redesign.css.map */