@charset "UTF-8";
/*! Typography settings */
@font-face{
  font-family:"TT Hoves Pro";
  src:url(../fonts/tt-hoves-pro-expanded-regular.woff2) format("woff2");
  font-weight:400;
  font-style:normal;
  font-display:fallback;
}
@font-face{
  font-family:"TT Supermolot Neue";
  src:url(../fonts/tt-supermolot-neue-extended-bold.woff2) format("woff2");
  font-weight:700;
  font-style:normal;
  font-display:fallback;
}
:root{
  --font-tt-hoves-pro:"TT Hoves Pro", sans-serif;
  --font-tt-supermolot-neue:"TT Supermolot Neue", sans-serif;
}

.f-tt-hoves-pro-400{
  font-family:var(--font-tt-hoves-pro);
  font-weight:400;
}

.f-tt-supermolot-neue-700{
  font-family:var(--font-tt-supermolot-neue);
  font-weight:700;
}

.critical-css-font-carrier{
  font-family:var(--font-tt-supermolot-neue), var(--font-tt-hoves-pro);
}

.f-body{
  font-family:var(--text-body-ff);
  font-size:var(--text-body-fz);
  line-height:var(--text-body-lh);
}

/*! Initial styling for basic html-elements */
*,
::before,
::after{
  box-sizing:border-box;
}

*{
  margin:0;
  padding:0;
}
*:focus{
  outline:none;
}
*:not(input, textarea, .button):focus-visible{
  outline:1px dashed var(--tab-focus-color);
  outline-offset:0.5rem;
}

html{
  height:100%;
  font-family:system-ui, "-apple-system", "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-size:10px;
  background-color:var(--html-bg-color);
  scroll-behavior:smooth;
  -webkit-tap-highlight-color:transparent;
  -webkit-text-size-adjust:100%;
  color-scheme:dark;
}
html.has-scrollbar{
  overflow-x:unset;
  overflow-y:scroll;
}

body{
  --text-body-ff:var(--font-tt-hoves-pro);
  --text-body-fz:1.5rem;
  --text-body-lh:normal;
  overflow-x:hidden;
  display:flex;
  flex-direction:column;
  min-width:32rem;
  min-height:100%;
  height:auto;
  font-family:var(--text-body-ff);
  font-size:var(--text-body-fz);
  line-height:var(--text-body-lh);
  font-weight:400;
  color:var(--text-body-color);
  -webkit-font-smoothing:antialiased;
  font-variant-numeric:lining-nums;
}
body.no-transitions *{
  transition:none !important;
}
body.no-transitions *::before, body.no-transitions *::after{
  transition:none !important;
}
body.is-locked{
  position:fixed;
  top:var(--top-body-offset);
  width:100%;
}

a,
p,
li,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6{
  overflow-wrap:break-word;
}

h1,
.h1,
h2,
.h2,
h3,
.h3{
  font-family:var(--font-tt-supermolot-neue);
  font-weight:500;
}

h1,
.h1{
  font-size:3rem;
}

.h1{
  margin-bottom:1.6rem;
}

h2,
.h2{
  font-size:2.4rem;
}

.h2{
  margin-bottom:1.2rem;
}

h3,
.h3{
  font-size:2rem;
}

.h3{
  margin-bottom:1rem;
}

.p{
  margin-bottom:1.6rem;
}

br.md-only{
  display:none;
}

br.lg{
  display:none;
}

ul,
ol{
  list-style:none;
  list-style-position:inside;
}

.ul,
.ol,
.p{
  margin-bottom:1.6rem;
}

a{
  --color:var(--content-link-color);
  --color-hover:var(--content-link-color-hover);
  --color-active:var(--content-link-color-active);
  text-decoration-color:transparent;
  color:var(--color);
  transition-property:var(--transition-props-color);
  transition-timing-function:var(--transition-func-cubic);
  transition-duration:var(--transition-duration-short);
}
a:active{
  color:var(--color-active);
}

button,
input,
optgroup,
select,
textarea{
  font-family:inherit;
  font-size:100%;
  line-height:var(--text-body-lh);
  font-weight:inherit;
  font-variant-numeric:inherit;
  color:inherit;
}

button,
select{
  text-transform:none;
  -webkit-user-select:none;
          user-select:none;
}

select{
  visibility:hidden;
}

button,
input[type=button],
input[type=reset],
input[type=submit]{
  -webkit-appearance:button;
}

button,
input[type=submit]{
  display:block;
}
button:hover,
input[type=submit]:hover{
  cursor:pointer;
}

input[type=search]{
  -webkit-appearance:textfield;
  outline-offset:-2px;
}

input[type=number]{
  -moz-appearance:textfield;
}
input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button{
  -webkit-appearance:none;
  margin:0;
}

progress{
  vertical-align:baseline;
}

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

img{
  box-sizing:content-box;
  width:100%;
  height:100%;
  object-fit:cover;
}

.picture-svg img{
  width:revert-layer;
}

.inline-svg{
  pointer-events:none;
}

address{
  font-style:normal;
}

table{
  table-layout:fixed;
  text-indent:0;
  border-color:inherit;
  border-collapse:separate;
  border-spacing:0;
}

hr{
  display:block;
  height:0.1rem;
  border:none;
  background-color:var(--color-black);
  color:inherit;
}

.hr{
  height:0.1rem;
  margin:2rem 0;
  border:none;
  background-color:var(--color-black);
}

abbr[title]{
  -webkit-text-decoration:underline dotted;
          text-decoration:underline dotted;
}

b,
strong{
  font-weight:bolder;
}

code,
kbd,
samp,
pre{
  font-family:ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace;
  font-size:1em;
}

small{
  font-size:80%;
}

sub,
sup{
  position:relative;
  vertical-align:baseline;
  font-size:75%;
  line-height:0;
}

sub{
  bottom:-0.25em;
}

sup{
  top:-0.5em;
}

summary{
  display:list-item;
}

iframe{
  border:none;
}

::-moz-focus-inner{
  border-style:none;
  padding:0;
}

:-moz-focusring{
  outline:1px dotted ButtonText;
}

:-moz-ui-invalid{
  box-shadow:none;
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button{
  height:auto;
}

::-webkit-search-decoration{
  -webkit-appearance:none;
}

::-webkit-file-upload-button{
  -webkit-appearance:button;
  font:inherit;
}

/*! Reusable utility classes */
.offscreen{
  position:absolute;
  overflow:hidden;
  width:1px;
  height:1px;
  margin:-1px;
  border:0;
  padding:0;
  clip:rect(0 0 0 0);
}

.ellipsis{
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}

.truncate-box{
  overflow:hidden;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:5;
}

/*! Forms and their elements */
/*! General form fields settings */
.form__fieldset{
  display:flex;
  flex-direction:column;
  gap:1rem;
  border:0;
}

.form-legend{
  margin-bottom:1rem;
  font-size:2.4rem;
  font-weight:500;
}

.form__field{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:0.8rem;
  width:100%;
}

/*! Text fields & textarea */
.form__label{
  display:block;
  order:-1;
}

.text-input-wrapper{
  position:relative;
  display:block;
}

.form__text-input{
  width:100%;
  min-height:var(--input-height);
  border:var(--border-width) solid var(--border-color);
  border-radius:var(--border-radius);
  padding:var(--input-padding);
  background-color:var(--bg-color);
  transition:border-color var(--transition-medium-cubic);
}
.form__text-input:hover{
  border-color:var(--border-color-hover);
}
.form__text-input:focus-visible{
  border-color:var(--border-color-focus);
  outline:none;
}
.form__text-input:focus-visible::placeholder{
  opacity:0;
}
.form__text-input::placeholder{
  color:var(--placeholder-color);
  opacity:1;
}

.input-tel.is-masked:not(.is-filled){
  color:var(--placeholder-color);
}

.input-textarea{
  display:block;
  min-height:12rem;
  max-height:24rem;
  padding:1rem 2rem;
  resize:vertical;
}

/*! File field */
.file-field{
  flex-direction:row;
  align-items:center;
  gap:1rem;
  min-height:var(--input-height);
  border:var(--border-width) solid var(--border-color);
  border-radius:var(--border-radius);
  padding:var(--input-padding);
  background-color:var(--bg-color);
  transition:border-color var(--transition-medium-cubic);
}
.file-field:hover{
  border-color:var(--border-color-hover);
}
.file-field:focus-within{
  border-color:var(--border-color-focus);
}

.input-file{
  position:absolute;
  top:calc(var(--border-width) * -1);
  left:calc(var(--border-width) * -1);
  z-index:1;
  width:calc(100% + var(--border-width) * 2);
  height:calc(100% + var(--border-width) * 2);
  font-size:0;
  opacity:0;
  cursor:pointer;
}
.input-file::-webkit-file-upload-button{
  cursor:pointer;
}

.label-file{
  order:initial;
}

/*! Checkbox field */
.checkbox-field{
  --checkbox-size:3.2rem;
  z-index:0;
  justify-content:center;
  min-height:var(--input-height);
}

.input-checkbox{
  position:absolute;
  z-index:-1;
  opacity:0;
}
.input-checkbox:focus-visible + .label-checkbox .checkbox-input-control{
  border-color:var(--border-color-focus);
}
.input-checkbox:checked + .label-checkbox .checkbox-input-control::before{
  transform:translatey(-50%) scale(0.9) rotate(45deg);
}

.label-checkbox{
  margin-left:calc(var(--checkbox-size) + 1.8rem);
  -webkit-user-select:none;
          user-select:none;
  cursor:pointer;
}
.label-checkbox:hover .checkbox-input-control{
  border-color:var(--border-color-hover);
}
.label-checkbox:active .checkbox-input-control{
  border-color:var(--border-color-focus);
}
.label-checkbox a{
  display:inline;
}

.checkbox-input-control{
  position:absolute;
  top:50%;
  left:0;
  width:var(--checkbox-size);
  height:var(--checkbox-size);
  border:1px solid var(--border-color);
  background-color:var(--bg-color);
  transform:translateY(-50%);
  transition:border-color var(--transition-medium-cubic);
}
.checkbox-input-control::before{
  content:"";
  position:absolute;
  top:calc(50% - 0.3rem);
  left:1.1rem;
  width:1rem;
  height:2rem;
  border-right:2px solid var(--color-black);
  border-bottom:2px solid var(--color-black);
  transform:translateY(-50%) scale(0) rotate(45deg);
}

/*! Radio field */
.radio-fieldset{
  flex-direction:column;
}

.radio-legend{
  margin-bottom:1rem;
  font-size:2rem;
  font-weight:500;
}

.radio-field{
  --radio-size:2.4rem;
  --check-size:1.4rem;
  --check-color:var(--color-black);
  z-index:0;
  justify-content:center;
  min-height:calc(var(--radio-size) + 0.4rem);
}

.input-radio{
  position:absolute;
  z-index:-1;
  opacity:0;
}
.input-radio:focus-visible + .label-radio .radio-input-control{
  border-color:var(--border-color-focus);
}
.input-radio:checked + .label-radio .radio-input-control::before{
  transform:scale(1);
}

.label-radio{
  margin-left:calc(var(--radio-size) + 1.6rem);
  -webkit-user-select:none;
          user-select:none;
  cursor:pointer;
}
.label-radio:hover .radio-input-control{
  border-color:var(--border-color-hover);
}
.label-radio:active .radio-input-control{
  border-color:var(--border-color-focus);
}
.label-radio a{
  display:inline;
}

.radio-input-control{
  position:absolute;
  top:50%;
  left:0;
  display:flex;
  justify-content:center;
  align-items:center;
  width:var(--radio-size);
  height:var(--radio-size);
  border:1px solid var(--border-color);
  border-radius:50%;
  background-color:var(--bg-color);
  transform:translateY(-50%);
  transition:border-color var(--transition-medium-cubic);
}
.radio-input-control::before{
  content:"";
  width:var(--check-size);
  height:var(--check-size);
  border-radius:50%;
  background-color:var(--check-color);
  transform:scale(0);
}

/*! Password toggler */
.password-toggler{
  --icon-size:2.4rem;
  position:absolute;
  top:calc(var(--input-height) / 2 - var(--icon-size) / 2);
  right:1.8rem;
  width:var(--icon-size);
  height:var(--icon-size);
  border:none;
  background-image:url(../svg/icons/eye-hide.svg);
  background-repeat:no-repeat;
  background-position:center;
  background-color:transparent;
  opacity:0.6;
}
.password-toggler:hover, .password-toggler:focus-visible{
  opacity:1;
}
.password-toggler + .input-password{
  padding-right:5rem;
}
.password-toggler.is-active{
  background-image:url(../svg/icons/eye-show.svg);
}

.form{
  --border-width:0.1rem;
  --border-radius:1rem;
  --border-color:var(--color-gray-1);
  --border-color-hover:var(--color-gray-3);
  --border-color-focus:var(--color-accent);
  --input-height:4.6rem;
  --input-padding:0 2rem;
  --placeholder-color:var(--color-gray-3);
  --bg-color:var(--color-white);
  display:flex;
  flex-direction:column;
  gap:1rem;
}
.reset-password-fieldset{
  flex-direction:row;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
}
.reset-password-fieldset .form__field{
  width:initial;
}

/*! Links */
.link{
  --td-color:transparent;
  --td-color-hover:currentColor;
  --color:var(--content-link-color);
  --color-hover:var(--content-link-color-hover);
  --color-active:var(--content-link-color-active);
  display:inline-flex;
  align-items:center;
  border:none;
  text-decoration:underline;
  text-decoration-color:var(--td-color);
  text-underline-offset:0.2em;
  background-color:transparent;
  color:var(--color);
  transition-property:transform, opacity, var(--transition-props-color);
  transition-timing-function:var(--transition-func-cubic);
  transition-duration:var(--transition-duration-short);
}
.link:hover, .link:focus-visible{
  text-decoration-color:var(--td-color-hover);
  color:var(--color-hover);
}
.link:active{
  color:var(--color-active);
}
.link--underline{
  --td-color:currentColor;
}
.link--inline{
  display:inline;
}

/*! Buttons */
.button{
  --border-color:var(--color-white);
  --border-color-hover:var(--bg-color-hover);
  --bg-color:transparent;
  --bg-color-hover:var(--color-accent);
  --color:var(--color-white);
  --color-hover:var(--color-white);
  display:inline-flex;
  justify-content:center;
  align-items:center;
  gap:max(0.35vw, 0.7rem);
  min-height:4.3rem;
  border:1px solid var(--border-color);
  border-radius:0;
  padding:max(0.34vw, 0.5rem) max(0.9vw, 1.8rem);
  font-size:max(0.72vw, 1.4rem);
  line-height:normal;
  font-weight:700;
  letter-spacing:0.1em;
  text-decoration:none;
  text-align:center;
  background-color:var(--bg-color);
  color:var(--color);
  transition-property:transform, opacity, var(--transition-props-color);
  transition-timing-function:var(--transition-func-cubic);
  transition-duration:var(--transition-duration-medium);
  cursor:pointer;
}
.button:hover, .button:focus-visible{
  border-color:var(--border-color-hover);
  background-color:var(--bg-color-hover);
  color:var(--color-hover);
}
.button:active{
  opacity:0.8;
}
.button .icon{
  flex-shrink:0;
  font-size:max(0.45vw, 0.9rem);
}

.button--sm{
  min-height:5rem;
  font-size:1.8rem;
}

.button--secondary{
  --border-color:var(--color-secondary);
  --border-color-hover:var(--bg-secondary-hover);
  --bg-color:var(--color-secondary);
  --bg-color-hover:var(--color-secondary-hover);
}

.button--outlined{
  --bg-color:transparent;
  --bg-color-hover:var(--bg-color);
  --color:var(--color-black);
}

.button-load-more{
  display:inline-flex;
  flex-direction:column;
  align-items:center;
  gap:max(0.6vw, 1.2rem);
  border:none;
  font-size:max(0.72vw, 1.4rem);
  text-align:center;
  background-color:transparent;
  color:var(--color-accent);
  transition:color var(--transition-medium-cubic), opacity var(--transition-medium-cubic);
}
.button-load-more:hover, .button-load-more:focus-visible{
  color:var(--color-accent-hover);
}
.button-load-more:hover .button-load-more__icon::after, .button-load-more:focus-visible .button-load-more__icon::after{
  background-color:var(--color-accent-hover);
}
.button-load-more:hover .icon, .button-load-more:focus-visible .icon{
  color:var(--color-accent-hover);
}
.button-load-more:active .button-load-more__icon{
  transform:translateY(0.4rem);
}

.button-load-more__icon{
  position:relative;
  z-index:0;
  display:inline-flex;
  justify-content:center;
  align-items:center;
  aspect-ratio:1;
  width:max(2.8vw, 5.5rem);
  transition:transform var(--transition-medium-cubic);
}
.button-load-more__icon .icon{
  position:relative;
  z-index:1;
  font-size:max(1.15vw, 2.2rem);
  color:var(--color-white);
  transition:color var(--transition-medium-cubic);
}
.button-load-more__icon::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:50%;
  -webkit-mask-image:url("data:image/svg+xml,%3csvg width=%27100%25%27 height=%27100%25%27 xmlns=%27http://www.w3.org/2000/svg%27%3e%3crect width=%27100%25%27 height=%27100%25%27 fill=%27none%27 rx=%27100%27 ry=%27100%27 stroke=%27%23EC3463%27 stroke-width=%272%27 stroke-dasharray=%275%2c 10%27 stroke-dashoffset=%2770%27 stroke-linecap=%27butt%27/%3e%3c/svg%3e");
          mask-image:url("data:image/svg+xml,%3csvg width=%27100%25%27 height=%27100%25%27 xmlns=%27http://www.w3.org/2000/svg%27%3e%3crect width=%27100%25%27 height=%27100%25%27 fill=%27none%27 rx=%27100%27 ry=%27100%27 stroke=%27%23EC3463%27 stroke-width=%272%27 stroke-dasharray=%275%2c 10%27 stroke-dashoffset=%2770%27 stroke-linecap=%27butt%27/%3e%3c/svg%3e");
  background-color:var(--color-white);
  transition:background-color var(--transition-medium-cubic);
}
.accordion-item{
  --animation-duration:0.3s;
}
.accordion-item.is-open > .accordion-button .icon{
  transform:rotate(180deg);
}
.accordion-item.is-open > .accordion-panel{
  max-height:unset;
  animation:none;
}
.accordion-item.is-open.is-animating .accordion-panel{
  max-height:var(--accordion-height);
  animation:accordionSlideDown var(--animation-duration);
}

.accordion-button{
  display:flex;
  justify-content:space-between;
  align-items:center;
  -webkit-user-select:none;
          user-select:none;
  cursor:pointer;
}
.accordion-button::marker, .accordion-button::-webkit-details-marker{
  content:"";
  display:none;
}
.accordion-button .icon{
  transition:transform var(--transition-medium-cubic);
}

.accordion-panel{
  --accordion-height:0;
  overflow:hidden;
  max-height:0;
  animation:accordionSlideUp var(--animation-duration);
}

@keyframes accordionSlideUp{
  0%{
    max-height:var(--accordion-height);
    opacity:1;
  }
  100%{
    max-height:0;
    opacity:0;
  }
}
@keyframes accordionSlideDown{
  0%{
    max-height:0;
    opacity:0;
  }
  100%{
    max-height:var(--accordion-height);
    opacity:1;
  }
}
.accordion-content{
  padding:1rem 0;
}

/*! Pop-ups & modal dialogs */
.dialog-container{
  overscroll-behavior:contain;
  justify-content:center;
  align-items:center;
  min-width:30rem;
  width:fit-content;
  height:fit-content;
  border:none;
  background-color:transparent;
  color:var(--text-body-color);
}
.dialog-container[data-modal]{
  width:100%;
  max-width:100vw;
  height:100%;
  max-height:100%;
  cursor:pointer;
}
.dialog-container:not([data-modal]){
  position:fixed;
  inset:0;
  z-index:1;
  margin:auto;
}
.dialog-container::backdrop{
  background-color:transparent;
}

.dialog-container[open]{
  display:flex;
  animation:dialogSlideInUp 0.25s cubic-bezier(0.71, 1.7, 0.77, 1.24) forwards;
}

.dialog-container.close-dialog-animation{
  animation:dialogSlideOutDown 0.25s ease backwards;
}

@keyframes dialogSlideInUp{
  from{
    opacity:0;
    transform:translate3d(0, 4rem, 0);
  }
  to{
    opacity:1;
    transform:translate3d(0, 0, 0);
  }
}
@keyframes dialogSlideOutDown{
  from{
    opacity:1;
    transform:translate3d(0, 0, 0);
  }
  to{
    opacity:0;
    transform:translate3d(0, 8rem, 0);
  }
}
.dialog-container[data-dialog-stack][open]{
  --backdrop:var(--color-overlay-bg);
}
.dialog-container[data-dialog-stack][open]::backdrop{
  animation:dialogBackdropFadeIn 0.3s ease forwards;
}
.dialog-container[data-dialog-stack][open]:not([data-dialog-stack="1"]){
  --backdrop:var(--color-stack-overlay-bg);
}
.ua-firefox .dialog-container[data-dialog-stack][open]::backdrop{
  background-color:var(--backdrop);
}

.dialog-container[data-dialog-stack].close-dialog-animation::backdrop{
  animation:dialogBackdropFadeOut 0.3s ease backwards;
}

@keyframes dialogBackdropFadeIn{
  from{
    background-color:transparent;
  }
  to{
    background-color:var(--backdrop);
  }
}
@keyframes dialogBackdropFadeOut{
  from{
    background-color:var(--backdrop);
  }
  to{
    background-color:transparent;
  }
}
.dialog{
  --horizontal-margin:2rem;
  position:relative;
  z-index:1000;
  min-width:28rem;
  width:calc(100% - var(--horizontal-margin) * 2);
  max-width:70rem;
  height:fit-content;
  margin:auto;
  border-radius:1rem;
  padding:3rem 2rem;
  background-color:var(--color-white);
  box-shadow:var(--shadow-dialog);
  cursor:initial;
}

.dialog__close-button{
  --color:var(--color-black);
  --color-hover:var(--color-blue);
  --color-active:var(--color-gray-2);
  position:absolute;
  top:1.5rem;
  right:1.5rem;
}
.dialog__close-button .icon{
  font-size:2.4rem;
}

/*! Drawer component */
.drawer{
  position:fixed;
  top:0;
  left:0;
  z-index:101;
  overflow:auto;
  width:100vw;
  height:100%;
  background-color:rgba(0, 0, 0, 0.8);
  transition:transform var(--transition-long-cubic), opacity var(--transition-long-cubic), visibility var(--transition-long-cubic);
}

.drawer--rtl{
  right:0;
  transform:translateX(100%);
}

.drawer--ltr{
  left:0;
  transform:translateX(-100%);
}

.drawer--ttb{
  transform:translateY(-100%);
}

.drawer--btt{
  top:initial;
  bottom:0;
  visibility:hidden;
  opacity:0;
  transform:translateY(30%);
}

.drawer.is-active.drawer--rtl, .drawer.is-active.drawer--ltr{
  transform:translateX(0%);
}
.drawer.is-active.drawer--ttb, .drawer.is-active.drawer--btt{
  visibility:visible;
  opacity:1;
  transform:translateY(0%);
}

/*! Dropdown component */
.dropdown{
  --dropdown-offset:10px;
  --dropdown-cross-offset:0;
  --dropdown-alignment-offset:0;
  position:relative;
}
.dropdown[data-dropdown-hover] .dropdown-container{
  margin:calc(var(--dropdown-offset) * -1);
  padding:var(--dropdown-offset);
}

.dropdown-container{
  position:absolute;
  top:0;
  left:0;
  z-index:10;
  display:none;
}
.dropdown-container.is-visible{
  display:flex;
  animation:dropdown-container-appear 0.2s;
}

.dropdown-panel{
  --scrollbar-padding:1rem;
  gap:1.6rem;
  min-width:20rem;
  width:100%;
  max-width:30rem;
  border-radius:2.4rem;
  padding:2rem calc(2rem - var(--scrollbar-padding)) 2rem 2rem;
  background-color:var(--color-white);
  box-shadow:var(--shadow-menu);
}

@keyframes dropdown-container-appear{
  from{
    transform:translateY(1rem);
  }
}
.dropdown-content{
  overflow-x:hidden;
  overflow-y:auto;
  overscroll-behavior:contain;
  width:100%;
  max-height:30rem;
  padding-right:var(--scrollbar-padding);
}
.dropdown-button--select[aria-expanded=true] .dropdown-button__arrow{
  transform:rotate(180deg);
}

.dropdown-button__arrow{
  margin-left:0.5rem;
  transition:transform var(--transition-medium-cubic);
}

/*! Icons */
.icon{
  display:inline-block;
  flex-shrink:0;
  font-size:1.8rem;
}

/*! Nav component rules */
.nav__list{
  display:flex;
  align-items:center;
  gap:2rem;
  padding-left:0;
}

.nav__item[data-dropdown]{
  --dropdown-offset:10px;
  --dropdown-cross-offset:0;
  --dropdown-alignment-offset:0;
}

.nav__link{
  display:inline-flex;
  align-items:center;
  text-decoration:none;
}
.nav__link .icon{
  margin-left:0.6rem;
  font-size:2.2rem;
  transition:transform var(--transition-medium-cubic);
}

.sublist-toggler[aria-expanded=true] .icon{
  transform:rotate(-90deg);
}
.sublist-toggler:not(.sublist-toggler--level-1){
  overflow:hidden;
  width:100%;
}

.sublist-container{
  --scrollbar-padding:1rem;
  display:grid;
  grid-template-rows:0fr;
  margin:calc(var(--dropdown-offset) * -1);
  padding:var(--dropdown-offset);
  transition:grid-template-rows 0.2s linear;
}

.sublist-container.is-visible{
  grid-template-rows:1fr;
}

.sublist-panel{
  overflow-y:hidden;
}

.nav__sublist{
  overflow-x:hidden;
  overflow-y:auto;
  display:flex;
  flex-direction:column;
  gap:2rem;
  padding-right:var(--scrollbar-padding);
}

/*! Main navbar component */
.navbar-toggler-wrapper{
  display:flex;
}
.homepage .navbar-toggler-wrapper{
  position:relative;
  z-index:102;
  justify-content:center;
  align-items:center;
  width:7rem;
  margin-right:calc(var(--container-padding) * -1);
  margin-left:auto;
  padding:2rem;
  background-color:var(--color-black);
  pointer-events:all;
}

.navbar-toggler{
  position:relative;
  z-index:101;
  display:inline-flex;
  flex-direction:column;
  align-items:center;
  order:1;
  width:3.9rem;
  height:3.4rem;
  border:0;
  padding:0;
  font-size:1.2rem;
  line-height:1;
  letter-spacing:-0.03em;
  background-color:transparent;
  color:var(--color-white);
}
.homepage .navbar-toggler{
  margin:0;
}
.navbar-toggler::after{
  content:"меню";
  margin-top:auto;
  font-size:1.2rem;
  transform:translateX(-2%);
}

.navbar-burger{
  --burger-color:var(--color-white);
  display:block;
  width:2.4rem;
  height:0.3rem;
  margin-top:0.7rem;
  background-color:var(--burger-color);
}
.navbar-burger::after, .navbar-burger::before{
  content:"";
  position:absolute;
  left:0.8rem;
  width:2.4rem;
  height:0.3rem;
  background-color:var(--burger-color);
  transition:transform var(--transition-long-cubic);
}
.homepage .navbar-burger::after, .homepage .navbar-burger::before{
  left:0.4rem;
}
.navbar-burger::before{
  transform:translateY(-0.7rem);
}
.navbar-burger::after{
  transform:translateY(0.7rem);
}

.navbar-toggler[aria-expanded=true] .navbar-burger{
  background-color:transparent;
}
.navbar-toggler[aria-expanded=true] .navbar-burger::after, .navbar-toggler[aria-expanded=true] .navbar-burger::before{
  border-radius:0;
}
.navbar-toggler[aria-expanded=true] .navbar-burger::before{
  transform:rotate(45deg);
}
.navbar-toggler[aria-expanded=true] .navbar-burger::after{
  transform:rotate(-45deg);
}

.navbar{
  display:flex;
}
.navbar.drawer{
  overflow:hidden;
  width:100%;
  height:calc(100% - var(--header-height));
}
.homepage .navbar.drawer{
  height:100%;
  pointer-events:all;
}
.navbar .nav-container{
  display:flex;
  flex-grow:1;
  flex-direction:column;
  align-items:center;
  height:min-content;
  padding-top:0;
}
.navbar .nav__list{
  overflow-y:auto;
  flex-direction:column;
  align-items:center;
  gap:max(1.05vw, 2.1rem);
  padding:8rem 9.5rem 5rem 2rem;
  scrollbar-gutter:stable;
}
.navbar .nav__list > .nav__item > .nav__link{
  font-family:var(--font-tt-supermolot-neue);
}
.navbar .nav__sublist{
  overflow-y:hidden;
  align-items:flex-end;
  gap:max(0.5vw, 1rem);
  min-width:max(11.55vw, 22.1rem);
  border-bottom:1px solid rgba(255, 255, 255, 0.5);
}
.navbar .nav__sublist .nav__item{
  max-width:initial;
}
.navbar .nav__sublist > .nav__item:first-child{
  padding-top:max(1vw, 2rem);
}
.navbar .nav__sublist > .nav__item:last-child{
  padding-bottom:max(1vw, 2rem);
}
.navbar .nav__sublist .nav__link{
  font-size:1.4rem;
}
.navbar .nav__item{
  display:inline-flex;
  flex-direction:column;
  align-items:flex-end;
  width:100%;
}
.navbar .nav__link{
  --color:var(--color-white);
  --color-hover:var(--color-accent);
  --color-active:var(--color-white);
  z-index:1;
  gap:0.3rem;
  font-size:1.6rem;
  line-height:2.4rem;
  text-align:right;
}
.navbar .nav__link[aria-expanded=true]{
  color:var(--color-active);
}
.navbar .nav__link .icon{
  font-size:1.7rem;
}

.navbar__barcode{
  position:absolute;
  top:0;
  right:0;
}

/*! Overlay component */
.overlay{
  position:fixed;
  top:0;
  left:0;
  z-index:100;
  visibility:hidden;
  width:100%;
  height:100%;
  background-color:var(--color-overlay-bg);
  opacity:0;
  transition:var(--transition-overlay);
  cursor:pointer;
}

.overlay.is-visible{
  visibility:visible;
  opacity:1;
}

.dialog-overlay{
  z-index:101;
}
.custom-scrollbar,
.nav__sublist,
.dropdown-content{
  --track-width:0.5rem;
  --track-vertical-offset:0;
  --track-color:var(--color-gray-1);
  --thumb-width:0.5rem;
  --thumb-color:var(--color-gray-2);
  --thumb-hover-color:var(--color-gray-3);
}
.custom-scrollbar::-webkit-scrollbar,
.nav__sublist::-webkit-scrollbar,
.dropdown-content::-webkit-scrollbar{
  width:var(--track-width);
}
.custom-scrollbar::-webkit-scrollbar-track,
.nav__sublist::-webkit-scrollbar-track,
.dropdown-content::-webkit-scrollbar-track{
  margin-top:var(--track-vertical-offset);
  margin-bottom:var(--track-vertical-offset);
  border-radius:1rem;
  background-color:var(--track-color);
}
.custom-scrollbar::-webkit-scrollbar-thumb,
.nav__sublist::-webkit-scrollbar-thumb,
.dropdown-content::-webkit-scrollbar-thumb{
  width:var(--thumb-width);
  border-radius:1rem;
  background-color:var(--thumb-color);
}
.custom-scrollbar::-webkit-scrollbar-thumb:hover,
.nav__sublist::-webkit-scrollbar-thumb:hover,
.dropdown-content::-webkit-scrollbar-thumb:hover{
  background-color:var(--thumb-hover-color);
}
@-moz-document url-prefix(){
  .custom-scrollbar,
  .nav__sublist,
  .dropdown-content{
    scrollbar-width:thin;
    scrollbar-color:var(--thumb-color) var(--track-color);
  }
}
/*! Swiper.js */
.swiper{
  min-width:0;
  width:100%;
  -webkit-user-select:none;
          user-select:none;
}

.swiper-button-next,
.swiper-button-prev{
  --swiper-navigation-color:var(--color-red);
  display:flex;
  justify-content:center;
  align-items:center;
  outline:0;
  -webkit-user-select:none;
          user-select:none;
}
.swiper-button-next.swiper-button-lock,
.swiper-button-prev.swiper-button-lock{
  display:none;
}

.swiper-button-next:after,
.swiper-button-prev:after{
  --swiper-navigation-size:2rem;
  content:">";
  width:initial;
  height:initial;
  font-family:inherit;
  font-weight:700;
}

.swiper-button-prev:after{
  content:"<";
}

.swiper-controls{
  position:absolute;
  right:2rem;
  bottom:0.5rem;
  z-index:1;
  display:flex;
  justify-content:center;
  align-items:center;
  width:14rem;
  height:3rem;
  border-radius:2rem;
  background-color:var(--color-white);
  -webkit-user-select:none;
          user-select:none;
}
.swiper-controls .swiper-button-next,
.swiper-controls .swiper-button-prev{
  top:0;
  right:0;
  z-index:11;
  width:2.5rem;
  height:3rem;
  margin-top:0;
}
.swiper-controls .swiper-button-prev{
  left:0;
}
.swiper-controls .swiper-pagination{
  position:initial;
}

.swiper--reverse{
  transform:rotate(180deg);
}
.swiper--reverse .swiper-slide,
.swiper--reverse .swiper-controls{
  transform:rotate(-180deg);
}
.error-label{
  font-size:1.2rem;
  text-align:right;
  color:var(--color-red);
}

.error-field{
  border-color:var(--color-red);
}
.error-field:hover, .error-field:focus-visible{
  border-color:var(--color-red);
}
.error-field:active{
  border-color:var(--color-red);
}

.input-checkbox.error-field + .form__label{
  color:var(--color-red);
}
.input-checkbox.error-field + .form__label .checkbox-input-control{
  border-color:var(--color-red);
}
.input-checkbox.error-field ~ .error-label{
  display:none;
}

.radio-fieldset--required:has(.input-radio.error-field) .radio-input-control{
  border-color:var(--color-red);
}

/*! Logo */
.logo{
  display:block;
  flex-shrink:0;
  width:17.9rem;
  height:1.2rem;
}

/*! Barcode line */
.barcode-line{
  --top-offset:7.9rem;
  --line-offset:19.3rem;
  width:7rem;
  height:100%;
  background-repeat:no-repeat;
  background-position:center bottom 2rem;
  background-size:5rem;
  background-color:var(--color-black);
}
.barcode-line::before{
  content:"";
  position:absolute;
  top:var(--top-offset);
  left:50%;
  display:none;
  width:0.1rem;
  height:calc(100% - var(--line-offset));
  background-color:var(--color-gray-2);
  opacity:0.8;
}
.barcode-line::after{
  content:"";
  position:absolute;
  bottom:calc(var(--line-offset) - var(--top-offset));
  left:calc(50% - 0.1rem);
  display:none;
  width:0.3rem;
  height:0.3rem;
  border-radius:50%;
  background-color:var(--color-gray-2);
  opacity:0.8;
}

/*! Banner line */
.banner-line{
  display:flex;
  justify-content:center;
  align-items:center;
  height:6rem;
  background-color:#00c7b2;
}

.banner-line--top-page{
  display:none;
}

.banner-line__container{
  position:relative;
  width:100%;
  height:100%;
  margin:0 auto;
}

.banner-line--pari .banner-line__container{
  background-image:url(../img/bannerline/pari-733w.jpg);
  background-image:url(../img/bannerline/pari-733w.webp);
  background-repeat:no-repeat;
  background-position:center;
  background-size:22.6rem;
}
.webp .banner-line--pari .banner-line__container{
  background-image:-webkit-image-set(url(../img/bannerline/pari-733w.webp) 1x, url(../img/bannerline/pari-1466w.webp) 2x);
  background-image:image-set(url(../img/bannerline/pari-733w.webp) 1x, url(../img/bannerline/pari-1466w.webp) 2x);
}
.banner-line--pari .banner-line__container::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:11.2rem;
  height:100%;
  background-image:url(../img/bannerline/pari-icons-281w.jpg);
  background-image:url(../img/bannerline/pari-icons-281w.webp);
  background-repeat:no-repeat;
  background-position:top left -2.5rem;
  background-size:contain;
}
.webp .banner-line--pari .banner-line__container::before{
  background-image:-webkit-image-set(url(../img/bannerline/pari-icons-281w.webp) 1x, url(../img/bannerline/pari-icons-562w.webp) 2x);
  background-image:image-set(url(../img/bannerline/pari-icons-281w.webp) 1x, url(../img/bannerline/pari-icons-562w.webp) 2x);
}
.banner-line--pari .banner-line__container::after{
  content:"";
  position:absolute;
  top:50%;
  right:0;
  width:7.7rem;
  height:2.8rem;
  background-image:url(../img/bannerline/pari-logo-283w.jpg);
  background-image:url(../img/bannerline/pari-logo-283w.webp);
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
  transform:translateY(-50%);
}
.webp .banner-line--pari .banner-line__container::after{
  background-image:-webkit-image-set(url(../img/bannerline/pari-logo-283w.webp) 1x, url(../img/bannerline/pari-logo-566w.webp) 2x);
  background-image:image-set(url(../img/bannerline/pari-logo-283w.webp) 1x, url(../img/bannerline/pari-logo-566w.webp) 2x);
}

.banner-line--winline{
  background-color:#f4f4f6;
}
.banner-line--winline .banner-line__container{
  background-image:url(../img/bannerline/winline-499w.jpg);
  background-image:url(../img/bannerline/winline-499w.webp);
  background-repeat:no-repeat;
  background-position:center;
  background-size:cover;
}
.webp .banner-line--winline .banner-line__container{
  background-image:-webkit-image-set(url(../img/bannerline/winline-499w.webp) 1x, url(../img/bannerline/winline-998w.webp) 2x);
  background-image:image-set(url(../img/bannerline/winline-499w.webp) 1x, url(../img/bannerline/winline-998w.webp) 2x);
}
.banner-line--winline .banner-line__container::before{
  content:"";
  position:absolute;
  top:50%;
  left:1rem;
  z-index:1;
  width:8.8rem;
  height:2.2rem;
  background-image:url(../img/bannerline/winline-logo-217w.png);
  background-image:url(../img/bannerline/winline-logo-217w.webp);
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
  transform:translateY(-50%);
}
.webp .banner-line--winline .banner-line__container::before{
  background-image:-webkit-image-set(url(../img/bannerline/winline-logo-217w.webp) 1x, url(../img/bannerline/winline-logo-438w.webp) 2x);
  background-image:image-set(url(../img/bannerline/winline-logo-217w.webp) 1x, url(../img/bannerline/winline-logo-438w.webp) 2x);
}
.socials{
  display:flex;
  gap:max(0.95vw, 1.9rem);
}
.socials__item{
  color:#c0c0c0;
  transition:color var(--transition-medium-cubic), transform var(--transition-medium-cubic);
}
.socials__item:hover, .socials__item:focus-visible{
  color:var(--color-accent);
}
.socials__item:active{
  transform:scale(0.95);
}
.socials .icon{
  font-size:max(2vw, 4rem);
}

/*! Main header rules */
.header{
  min-width:32rem;
  padding:1rem 0;
  background-color:var(--color-black);
}
.header .container{
  position:relative;
  display:flex;
  justify-content:space-between;
  align-items:center;
  max-width:initial;
}
.homepage .header{
  width:100%;
  padding:0;
  background-color:transparent;
  pointer-events:none;
}

.header.is-sticky{
  position:fixed;
  top:calc(var(--sticky-header-offset, 0px) * -1);
  width:100%;
}
.homepage .header.is-sticky{
  width:100%;
}
.header.is-sticky ~ .page-wrapper{
  margin-top:calc(var(--sticky-header-height, var(--header-height)) + var(--sticky-header-offset, 0px));
}
.homepage .header.is-sticky ~ .page-wrapper{
  margin-top:0;
}

.header[data-sticky-on-top]{
  z-index:101;
}
.header[data-sticky-on-top] .navbar{
  top:calc(var(--header-height) + var(--header-offset, 0px) + var(--top-body-offset, 0px));
}
.homepage .header[data-sticky-on-top] .navbar{
  top:0;
}
.header[data-sticky-on-top].is-sticky .navbar{
  top:var(--sticky-header-height, var(--header-height));
}
.homepage .header[data-sticky-on-top].is-sticky .navbar{
  top:0;
}

.header__logo{
  align-self:center;
}
.homepage .header__logo{
  display:none;
}

.header__contacts{
  display:flex;
  align-items:center;
  gap:2rem;
  height:100%;
}

.header__contact a{
  line-height:0;
}

.header__icons{
  display:flex;
  gap:1rem;
}
.header__icons a{
  display:flex;
  align-items:center;
}

/*! General layout structure */
.page-wrapper{
  flex:1 0 auto;
  padding-bottom:2.5rem;
}
.homepage .page-wrapper{
  margin-top:calc(var(--header-height) * -1);
}

.container{
  --container-padding:2rem;
  min-width:32rem;
  width:100%;
  max-width:max(87vw, 168.4rem);
  margin:0 auto;
  padding-right:var(--container-padding);
  padding-left:var(--container-padding);
}

.vw-container{
  position:relative;
  width:100vw;
  margin-left:calc(-50vw + 50%);
}
.vw-container--right{
  margin-left:initial;
}
.vw-container--left{
  width:initial;
}

/*! Separated raw html elements rules */
.content{
  --common-gap:2rem;
  font-size:1.3rem;
  line-height:151%;
  color:var(--color-white);
}
.content h2{
  margin-bottom:var(--common-gap);
  font-size:3rem;
  line-height:119%;
  font-weight:700;
  letter-spacing:0.016em;
  text-wrap:balance;
}
.content p{
  margin-bottom:var(--common-gap);
}
.content p:only-child, .content p:last-child{
  margin-bottom:0;
}
.content ul,
.content ol{
  display:flex;
  flex-direction:column;
  gap:0;
  margin-bottom:var(--common-gap);
  padding-top:0 !important;
}
.content ul:only-child, .content ul:last-child,
.content ol:only-child,
.content ol:last-child{
  margin-bottom:0;
}
.content ol{
  counter-reset:li;
}
.content ol li{
  display:flex;
  gap:0.5rem;
}
.content ol li::before{
  counter-increment:li;
  content:counters(li, ".", decimal) ".";
  flex-shrink:0;
  min-width:1.4rem;
}
.content ul li{
  position:relative;
  padding-left:2.3rem;
}
.content ul li::before{
  content:"•";
  position:absolute;
  top:0.7rem;
  left:0.8rem;
  overflow:hidden;
  width:max(1.6rem, 0.8vw);
  height:max(1.6rem, 0.8vw);
  font-size:1.6rem;
  line-height:1rem;
  font-weight:normal;
}
.content table{
  table-layout:fixed;
  width:100%;
  border-collapse:collapse;
}
.content th{
  padding:max(1rem, 0.5vw);
  text-align:center;
}
.content td{
  border:1px solid var(--color-gray-5);
  padding:max(0.5rem, 0.2vw) max(1rem, 0.5vw);
  text-align:center;
}
.content > picture{
  margin-bottom:var(--common-gap);
}
.content blockquote{
  position:relative;
  margin-inline:auto;
  margin-bottom:var(--common-gap);
  padding-right:3.4rem;
  padding-left:4.4rem;
  font-size:2rem;
  line-height:normal;
  font-weight:700;
  letter-spacing:0.024em;
  text-transform:uppercase;
  text-wrap:balance;
  word-break:break-word;
}
.content blockquote::before, .content blockquote::after{
  content:"«";
  position:absolute;
  top:0;
  left:0;
  display:inline-flex;
  justify-content:center;
  align-items:center;
  aspect-ratio:1;
  width:2.4rem;
  font-size:5rem;
  line-height:1;
  color:var(--color-accent);
}
.content blockquote::after{
  content:"»";
  top:48%;
  right:0;
  left:auto;
}
.content blockquote p{
  font-family:var(--font-tt-supermolot-neue);
}
.content blockquote small{
  display:block;
  margin-top:1em;
  font-size:70%;
}

.table-wrapper{
  overflow-x:auto;
  overflow-y:hidden;
  padding:0 !important;
}

/*! Main footer rules */
.footer{
  min-width:32rem;
  padding:0.6rem 0 3rem;
  background-color:var(--color-black);
}
.footer .container{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:2rem;
  max-width:43rem;
  font-size:max(0.65vw, 1.3rem);
  line-height:150%;
  color:rgba(255, 255, 255, 0.6);
}
.footer .container a{
  --color:rgba(255, 255, 255, 0.6);
  --color-hover:var(--color-white);
  --color-active:var(--color-accent);
}
.footer .container::after{
  position:absolute;
  right:0;
  bottom:-2.5rem;
  display:block;
  width:14.8rem;
  height:15rem;
  -webkit-mask-image:url(../svg/layout/brand-icon.svg);
          mask-image:url(../svg/layout/brand-icon.svg);
  -webkit-mask-repeat:no-repeat;
          mask-repeat:no-repeat;
  -webkit-mask-position:center;
          mask-position:center;
  -webkit-mask-size:contain;
          mask-size:contain;
  background-color:var(--color-accent);
}

.main-footer{
  display:flex;
  flex-direction:column;
  gap:2rem;
}
.footer__copyright br{
  display:none;
}

.footer__navs{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:max(1vw, 2rem);
}

.footer__nav{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:2rem;
}
.footer__nav:first-child{
  grid-column:1/3;
}
.footer__nav:first-child::after{
  content:"";
  position:absolute;
  top:0.9rem;
  right:0.4rem;
  display:block;
  width:6.3rem;
  height:6.5rem;
  -webkit-mask-image:url(../svg/layout/brand-icon.svg);
          mask-image:url(../svg/layout/brand-icon.svg);
  -webkit-mask-repeat:no-repeat;
          mask-repeat:no-repeat;
  -webkit-mask-position:center;
          mask-position:center;
  -webkit-mask-size:contain;
          mask-size:contain;
  background-color:var(--color-accent);
}
.footer__nav > a{
  font-family:var(--font-tt-supermolot-neue);
  font-weight:700;
}

.footer__nav-sublist{
  display:flex;
  flex-direction:column;
  gap:max(0.4vw, 1rem);
  margin-top:calc(max(0.4vw, 1rem) * -1);
}

.footer__links{
  display:flex;
  flex-wrap:wrap;
  gap:2rem;
}

/*! Homepage */
.hero{
  width:100vw;
  color:var(--color-white);
}

.hero__cover{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  pointer-events:none;
}
.hero__cover picture{
  height:100%;
}

.hero__cover--gsap{
  overflow:hidden;
}

.hero__container{
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  height:100%;
}
.homepage .hero__container{
  max-width:initial;
  min-height:44.4rem;
  padding:2rem 9rem 0 2rem;
}

.hero__barcode{
  position:absolute;
  top:0;
  right:0;
  display:none;
}

.hero__logo{
  margin-bottom:4.7rem;
}

.hero__hgroup{
  font-size:7px;
  font-weight:700;
  letter-spacing:0.4em;
}
.hero__hgroup p{
  margin-bottom:-0.6em;
  text-transform:uppercase;
}

.hero__title{
  font-size:3.2rem;
  font-weight:700;
  letter-spacing:-0.06em;
}

.hero__more-link{
  max-width:50%;
  margin:2.8rem 0 3.2rem;
  font-size:1.6rem;
  line-height:1;
}

.hero-card{
  display:flex;
  flex-direction:column;
  gap:1rem;
  width:calc(100% + 4rem);
  margin-top:auto;
  margin-left:-2rem;
  padding:2.1rem 2rem 1.9rem;
  font-size:1.3rem;
  line-height:2rem;
  background-color:var(--color-white);
  color:var(--color-black);
}

.hero-card__title{
  font-size:2.2rem;
  line-height:3rem;
  font-weight:700;
}

.hero-card__more-link{
  --color:var(--color-black);
  font-size:1.6rem;
  line-height:1;
}
.hero.hero--page{
  min-height:43.6rem;
}
.hero.hero--page .hero__cover{
  height:100%;
}
.hero.hero--page .hero__cover picture{
  padding-bottom:0;
}
.twin-cards{
  display:flex;
  flex-direction:column;
}
.twin-cards .twin-card.twin-card--reverse .twin-card__content{
  padding-top:3rem;
}

.twin-cards.twin-cards--reverse .twin-card.twin-card--reverse{
  flex-direction:column-reverse;
}
.twin-cards.twin-cards--reverse .twin-card.twin-card--reverse .twin-card__content{
  padding-bottom:3rem;
}
.twin-cards.twin-cards--reverse .twin-card__content{
  padding-bottom:3rem;
}

.twin-card{
  display:flex;
  flex-direction:column;
}

.twin-card__content{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:1.5rem;
  padding:3.4rem 7.8rem 3.4rem 1.5rem;
  text-align:left;
}

.twin-card__title{
  font-size:3rem;
  line-height:2.9rem;
  font-weight:700;
  letter-spacing:-0.02em;
  color:var(--color-white);
}

.twin-card__description-wrapper{
  position:relative;
}
.twin-card__description-wrapper::after{
  content:"";
  position:absolute;
  top:0.5rem;
  right:-6.2rem;
  display:none;
  width:4.1rem;
  height:4.1rem;
  -webkit-mask-image:url(../svg/layout/brand-icon.svg);
          mask-image:url(../svg/layout/brand-icon.svg);
  -webkit-mask-repeat:no-repeat;
          mask-repeat:no-repeat;
  -webkit-mask-position:center;
          mask-position:center;
  -webkit-mask-size:contain;
          mask-size:contain;
  background-color:var(--color-accent);
}

.twin-card__description{
  position:relative;
  margin-left:initial;
  font-size:1.3rem;
  line-height:151%;
  color:var(--color-white);
}
.twin-card__description.truncate-box{
  -webkit-line-clamp:unset;
}

.twin-card__button{
  margin-top:0.1rem;
}

.twin-card__cover{
  overflow:hidden;
}

.twin-card--reverse{
  flex-direction:column-reverse;
}
.twin-card--reverse .twin-card__content{
  align-items:flex-start;
  order:1;
  padding:3rem 1.5rem 3.4rem 1.3rem;
  text-align:left;
}
.twin-card--reverse .twin-card__description-wrapper::after{
  right:initial;
  left:0;
  transform:scaleX(-1);
}
.twin-card--reverse .twin-card__description{
  max-width:82%;
  margin-left:5.3rem;
}
.twin-card--reverse .twin-card__button{
  margin-top:1.2rem;
  margin-left:5.3rem;
}
.thematic-section{
  position:relative;
  display:flex;
  flex-direction:column;
  height:48rem;
}

.thematic-section__cover{
  position:absolute;
  inset:0;
}
.thematic-section__cover picture{
  height:100%;
}

.thematic-section__container{
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  height:100%;
  padding-bottom:1.5rem;
  color:var(--color-white);
}

.thematic-section__title{
  margin-bottom:3.7rem;
  margin-left:auto;
  font-size:4.8rem;
  font-weight:700;
  letter-spacing:-0.06em;
}

.thematic-section__cards{
  width:calc(100% + var(--container-padding));
  max-width:fit-content;
}
.thematic-section__cards .swiper-slide{
  width:22.9rem;
}

.thematic-card{
  display:flex;
  flex-direction:column;
  padding:0 2rem 2.3rem;
  font-size:1.3rem;
  line-height:151%;
}

.thematic-card__title{
  margin-bottom:0.5rem;
  border-top:1px solid var(--color-white);
  padding-top:1.8rem;
  font-size:1.6rem;
  font-weight:700;
}

.thematic-card__link{
  margin-top:1rem;
  font-size:1.6rem;
  line-height:1;
}

.thematic-section__scrollbar{
  --swiper-scrollbar-bg-color:rgba(255, 255, 255, 0.2);
  --swiper-scrollbar-drag-bg-color:rgba(255, 255, 255, 0.5);
}
.divider-section{
  display:flex;
  flex-direction:column;
  align-items:center;
  padding:3rem 0 4.3rem;
  font-size:13px;
  line-height:20px;
}

.divider-section__container{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:1.5rem;
  max-width:max(60.5vw, 115.5rem);
}

.divider-section__title{
  font-size:2rem;
  font-weight:700;
  text-align:center;
  color:var(--color-white);
}

.divider-section__content{
  text-align:center;
  color:var(--color-gray-7);
}

.divider-section__link{
  font-size:16px;
  line-height:1;
}
.grayscale-section{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  background-color:var(--color-bg-secondary);
}

.grayscale-section__container{
  max-width:initial;
}

.grayscale-section__content{
  display:flex;
  flex-direction:column;
  gap:0.8rem;
  padding:2.3rem 0 2rem;
  font-size:1.3rem;
  line-height:2rem;
}

.grayscale-section__title{
  max-width:55rem;
  font-size:3rem;
  line-height:5rem;
  font-weight:700;
  letter-spacing:0.04em;
  text-transform:uppercase;
  color:var(--color-white);
}

.grayscale-section__description{
  max-width:max(31.5vw, 60.6rem);
  margin-top:auto;
  margin-left:auto;
}

.grayscale-section__cover{
  overflow:hidden;
  aspect-ratio:390/488;
  width:calc(100% + var(--container-padding) * 2);
  margin-left:calc(var(--container-padding) * -1);
}
.grayscale-section__cover picture{
  height:100%;
}
.graphical-snippets{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(34rem, 1fr));
  gap:2rem;
}

.graphical-snippet{
  display:flex;
  flex-direction:column;
  align-items:center;
}

.picture{
  width:12.4rem;
  height:8.3rem;
  margin:auto;
}

.picture-svg{
  margin:auto;
  border-radius:3rem;
  padding:2rem 1rem;
  background-color:brown;
}

.css-background-picture{
  width:13.5rem;
  height:18.5rem;
  margin:auto;
  background-image:url(../img/starter/ficus-135w.png);
  background-image:url(../img/starter/ficus-135w.webp);
}
.webp .css-background-picture{
  background-image:-webkit-image-set(url(../img/starter/ficus-135w.webp) 1x, url(../img/starter/ficus-270w.webp) 2x);
  background-image:image-set(url(../img/starter/ficus-135w.webp) 1x, url(../img/starter/ficus-270w.webp) 2x);
}

.inline-svg-wrapper{
  margin:auto;
  fill:black;
  transition:fill var(--transition-medium-cubic);
}
.inline-svg-wrapper .inline-svg path:nth-of-type(1){
  fill:green;
  transition:fill var(--transition-medium-cubic);
}
.inline-svg-wrapper:hover{
  fill:slateblue;
}
.inline-svg-wrapper:hover .inline-svg path:nth-of-type(1){
  fill:goldenrod;
}
.dropdown-demo{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  align-items:center;
  gap:2rem;
}
.dropdown-demo .h2{
  width:100%;
}

.dropdown-demo__boundary{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:1rem;
  min-height:5rem;
  border:1px solid var(--color-black);
  border-radius:1rem;
  padding:0.5rem 2rem;
}
.accordion-demo{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(34rem, 1fr));
  gap:3rem;
}
.motion-element{
  opacity:0;
}

.gsap-text-split .line{
  --duration:0.8s;
  --ease-in-out-quint:cubic-bezier(0.83, 0, 0.17, 1);
  display:inline-block !important;
  will-change:transform;
  clip-path:polygon(-100% 0, 0 0, -5% 100%, -100% 100%);
  transition:clip-path var(--duration) var(--ease-in-out-quint);
  transition-delay:var(--stagger);
}

.gsap-text-split .line2{
  --stagger:0.2s;
}

.gsap-text-split .line3{
  --stagger:0.3s;
}

.gsap-text-split .line4{
  --stagger:0.4s;
}

.gsap-text-split.is-seen .line{
  clip-path:polygon(-100% 0, 105% 0, 100% 100%, -100% 100%);
}
:root{
  --color-primary:#670;
  --color-primary-hover:#707700;
  --color-secondary:#188;
  --color-secondary-hover:#117e88;
  --color-accent:#ed2024;
  --color-accent-hover:#ff3136;
  --color-bg-primary:#00020a;
  --color-bg-secondary:#232222;
  --color-blue:blue;
  --color-red:red;
  --color-gray-1:#9f9f9f;
  --color-gray-2:#7f7f7f;
  --color-gray-3:#bbb;
  --color-gray-4:#696969;
  --color-gray-5:#333;
  --color-gray-6:#565656;
  --color-gray-7:#adadad;
  --color-black:black;
  --color-white:white;
  --html-bg-color:var(--color-bg-primary);
  --text-body-color:var(--color-gray-7);
  --tab-focus-color:var(--color-white);
  --content-link-color:var(--color-white);
  --content-link-color-hover:var(--color-accent);
  --content-link-color-active:var(--color-accent-hover);
  --shadow-dialog:0 30px 50px 0 rgba(0, 0, 0, 0.75);
  --shadow-menu:0 5px 15px 0 rgba(0, 0, 0, 0.5);
  --transition-props-color:color, background-color, border-color, text-decoration-color;
  --transition-func-cubic:cubic-bezier(0.4, 0.8, 0.4, 1);
  --transition-duration-short:0.1s;
  --transition-duration-medium:0.2s;
  --transition-duration-long:0.3s;
  --transition-short-cubic:var(--transition-duration-short) var(--transition-func-cubic);
  --transition-medium-cubic:var(--transition-duration-medium) var(--transition-func-cubic);
  --transition-long-cubic:var(--transition-duration-long) var(--transition-func-cubic);
  --transition-overlay:visibility 0.3s, opacity 0.3s;
}

:root,
::backdrop{
  --color-overlay-bg:rgba(0, 0, 0, 0.5);
  --color-stack-overlay-bg:rgba(0, 0, 0, 0.2);
}

.c-primary{
  color:var(--color-primary);
}

.c-secondary{
  color:var(--color-secondary);
}

@media (min-width: 390px){
  br.md{
    display:none;
  }
  .dialog{
    --horizontal-margin:1rem;
  }
  .header__contacts{
    gap:1rem;
  }
  .footer__nav:first-child::after{
    width:9.3rem;
    height:9.5rem;
  }
  .hero__title{
    font-size:3.6rem;
  }
  .thematic-section__title{
    font-size:6rem;
  }
  .grayscale-section__title{
    font-size:4rem;
  }
}

@media (min-width: 500px){
  .hero__cover{
    height:100%;
  }
  .homepage .hero__container{
    min-height:43.2rem;
    padding-right:7rem;
  }
  .hero-card{
    width:100%;
    max-width:31.4rem;
    margin-left:auto;
  }
  .grayscale-section__content{
    padding:3.8rem;
  }
}

@media (min-width: 768px){
  br.sm{
    display:none;
  }
  .form__fieldset{
    flex-direction:row;
  }
  .reset-password-fieldset{
    justify-content:space-between;
  }
  .navbar .nav__list{
    padding:8rem 20rem 5rem 2rem;
  }
  .navbar .nav__sublist .nav__link{
    font-size:1.6rem;
  }
  .navbar .nav__link{
    font-size:2rem;
    line-height:3rem;
  }
  .navbar .nav__link .icon{
    font-size:max(1.2vw, 2.4rem);
  }
  .error-label{
    font-size:1.4rem;
  }
  .banner-line--pari .banner-line__container{
    background-size:29.4rem;
  }
  .banner-line--pari .banner-line__container::before{
    background-position:top left;
  }
  .banner-line--pari .banner-line__container::after{
    right:10.7vw;
    width:11.3rem;
    height:4.3rem;
  }
  .banner-line--winline .banner-line__container{
    background-image:url(../img/bannerline/winline-md-768w.jpg);
    background-image:url(../img/bannerline/winline-md-768w.webp);
  }
  .webp .banner-line--winline .banner-line__container{
    background-image:-webkit-image-set(url(../img/bannerline/winline-md-768w.webp) 1x, url(../img/bannerline/winline-md-1536w.webp) 2x);
    background-image:image-set(url(../img/bannerline/winline-md-768w.webp) 1x, url(../img/bannerline/winline-md-1536w.webp) 2x);
  }
  .banner-line--winline .banner-line__container::before{
    left:8.5rem;
  }
  .container{
    --container-padding:3rem;
  }
  .content blockquote{
    padding-right:7.2rem;
    padding-left:7.7rem;
    font-size:2.8rem;
    letter-spacing:0.018em;
  }
  .content blockquote::before, .content blockquote::after{
    width:4rem;
    font-size:7rem;
  }
  .content blockquote::after{
    top:38%;
  }
  .footer{
    padding:3.6rem 0 5rem;
  }
  .footer .container{
    display:grid;
    grid-template-columns:18rem 1fr;
    column-gap:max(1.75vw, 6.5rem);
    row-gap:4rem;
    max-width:max(95.3vw, 183rem);
  }
  .footer .container::after{
    content:"";
  }
  .main-footer{
    gap:4.9rem;
  }
  .footer__socials{
    align-self:center;
  }
  .footer__copyright br{
    display:initial;
  }
  .footer__navs{
    grid-template-columns:1fr 1fr 1fr;
    width:100%;
    max-width:60rem;
    margin:-0.1rem auto 0;
  }
  .footer__nav:first-child{
    grid-column:1;
  }
  .footer__nav:first-child::after{
    display:none;
  }
  .footer__links{
    grid-column:1/3;
    max-width:35rem;
  }
  .homepage .hero__container{
    padding-left:3rem;
  }
  .hero__logo{
    margin-top:1rem;
    margin-bottom:3.7rem;
  }
  .hero__title{
    font-size:4.8rem;
  }
  .hero__more-link{
    max-width:initial;
    margin:3.8rem 0 2.1rem;
  }
  .hero.hero--page .hero__container{
    aspect-ratio:768/436;
  }
  .twin-cards .twin-card:nth-child(even){
    margin-top:-4.6rem;
  }
  .twin-cards .twin-card.twin-card--reverse .twin-card__content{
    padding-top:13rem;
  }
  .twin-cards.twin-cards--reverse .twin-card.twin-card--reverse .twin-card__content{
    padding-top:7.7rem;
  }
  .twin-cards.twin-cards--reverse .twin-card__content{
    padding-top:9.8rem;
  }
  .twin-card{
    display:grid;
    grid-template-columns:1fr 1fr;
  }
  .twin-card__content{
    padding:4.6rem 7.2rem 3.4rem 1.5rem;
  }
  .twin-card__description-wrapper::after{
    right:-5.4rem;
    display:block;
  }
  .twin-card__description.truncate-box{
    -webkit-line-clamp:9;
  }
  .twin-card--reverse .twin-card__content{
    padding-left:3.3rem;
  }
  .twin-card--reverse .twin-card__button{
    margin-top:0.2rem;
  }
  .thematic-section{
    aspect-ratio:768/480;
    height:initial;
  }
  .thematic-section__title{
    margin-top:auto;
    margin-right:3.6rem;
    margin-bottom:auto;
    font-size:8.8rem;
    transform:translateY(4rem) translateX(0);
  }
  .thematic-card__title{
    margin-bottom:0.6rem;
    padding-top:1.9rem;
  }
  .divider-section{
    padding:5.5rem 0 6.3rem;
  }
  .divider-section__container{
    gap:1rem;
  }
  .grayscale-section__container{
    --container-padding:0;
    display:grid;
    grid-template-columns:1fr 1fr;
  }
  .grayscale-section__content{
    padding:3.8rem 2.6rem 4.4rem 1rem;
  }
  .grayscale-section__cover{
    aspect-ratio:384/480;
    width:100%;
  }
  .picture{
    width:24.8rem;
    height:16rem;
  }
}

@media (min-width: 768px) and (max-width: 767.98px){
  br.md-only{
    display:initial;
  }
}

@media (min-width: 768px) and (min-width: 1400px){
  .twin-cards .twin-card:nth-child(even){
    margin-top:-28.2%;
  }
}

@media (min-width: 960px){
  br.lg{
    display:initial;
  }
  .banner-line--top-page{
    display:flex;
  }
  .banner-line--winline{
    height:15rem;
  }
  .banner-line--winline .banner-line__container{
    background-image:url(../img/bannerline/winline-lg-1920w.jpg);
    background-image:url(../img/bannerline/winline-lg-1920w.webp);
  }
  .webp .banner-line--winline .banner-line__container{
    background-image:-webkit-image-set(url(../img/bannerline/winline-lg-1920w.webp) 1x, url(../img/bannerline/winline-lg-3840w.webp) 2x);
    background-image:image-set(url(../img/bannerline/winline-lg-1920w.webp) 1x, url(../img/bannerline/winline-lg-3840w.webp) 2x);
  }
  .content{
    --common-gap:max(2vw, 4rem);
    font-size:max(0.7vw, 1.6rem);
    line-height:187%;
  }
  .content h2{
    font-size:max(1.6vw, 3rem);
    line-height:normal;
    letter-spacing:0.011em;
  }
  .content ul li{
    padding-left:max(1.4vw, 2.8rem);
  }
  .content ul li::before{
    left:max(0.6vw, 1.2rem);
  }
  .content blockquote{
    max-width:max(60.7vw, 116.5rem);
    font-size:clamp(2.8rem, 2.5vw, 4.8rem);
  }
  .hero__hgroup{
    font-size:1rem;
  }
  .hero__title{
    font-size:8rem;
  }
  .hero__more-link{
    font-size:1.8rem;
  }
  .hero-card__more-link{
    font-size:1.8rem;
  }
  .hero.hero--page{
    height:fit-content;
  }
  .twin-cards .twin-card.twin-card--reverse .twin-card__content{
    padding-top:6rem;
  }
  .twin-card__content{
    justify-content:center;
    padding-top:0;
  }
  .twin-card__title{
    padding-right:1.5rem;
  }
  .twin-card__button{
    margin-right:max(0.8vw, 1.5rem);
  }
  .thematic-section__container{
    padding-bottom:6rem;
  }
  .thematic-section__title{
    font-size:clamp(8.8rem, 11.5625vw, 22.2rem);
  }
  .grayscale-section__content{
    padding:max(1.95vw, 3.8rem) max(1vw, 2rem) max(3.55vw, 7rem) max(1vw, 2rem);
    font-size:max(0.9vw, 1.8rem);
    line-height:183%;
  }
  .grayscale-section__title{
    margin-top:17.6%;
  }
}

@media (min-width: 1400px){
  body{
    --text-body-fz:1.8rem;
  }
  .homepage .navbar-toggler-wrapper{
    width:9.1rem;
    padding-top:5.4rem;
  }
  .navbar-toggler{
    align-items:flex-end;
    width:4.7rem;
    height:4.7rem;
    margin-right:2.5rem;
  }
  .homepage .navbar-toggler{
    margin-right:0.8rem;
  }
  .navbar-toggler::after{
    margin-right:0.2rem;
    font-size:1.4rem;
    transform:translateX(2%);
  }
  .navbar-burger{
    width:4rem;
    height:0.4rem;
    margin-top:1.1rem;
  }
  .homepage .navbar-burger{
    width:4rem;
    height:0.4rem;
    margin-top:1.1rem;
  }
  .navbar-burger::after, .navbar-burger::before{
    right:0;
    left:initial;
    width:4rem;
    height:0.4rem;
  }
  .homepage .navbar-burger::after, .homepage .navbar-burger::before{
    left:0.3rem;
  }
  .navbar-burger::before{
    transform:translateY(-1.1rem);
  }
  .navbar-burger::after{
    transform:translateY(1.1rem);
  }
  .navbar .nav-container{
    position:relative;
    max-width:initial;
    height:100%;
    margin:0 auto;
  }
  .homepage .navbar .nav-container{
    max-width:initial;
  }
  .navbar .nav__list{
    width:100%;
    margin:auto 9% auto 0;
    padding:max(1vw, 2rem) 1% max(2.6vw, 5rem);
  }
  .navbar .nav__sublist .nav__link{
    font-size:max(1vw, 2rem);
    line-height:1;
  }
  .navbar .nav__item{
    max-width:35%;
  }
  .navbar .nav__link{
    font-size:max(1.8vw, 3.6rem);
    line-height:150%;
  }
  .homepage .navbar__barcode::before{
    top:calc(var(--top-offset) + var(--header-offset, 0px) + var(--top-body-offset, 0px));
    height:calc(100% - var(--line-offset) - var(--header-offset, 0px) - var(--top-body-offset, 0px));
  }
  .logo{
    width:20.7rem;
    height:1.4rem;
  }
  .barcode-line{
    --top-offset:12.1rem;
    --line-offset:27rem;
    width:9.1rem;
    background-position:center bottom 5.2rem;
    background-size:5.1rem;
  }
  .banner-line{
    height:15rem;
  }
  .twin-cards + .banner-line--pari{
    margin-top:-0.1rem;
  }
  .banner-line--pari .banner-line__container{
    background-size:73.3rem;
  }
  .banner-line--pari .banner-line__container::before{
    width:28.6rem;
  }
  .banner-line--pari .banner-line__container::after{
    right:initial;
    left:calc(50% + 26.6vw);
    width:28.3rem;
    height:10.6rem;
  }
  .banner-line--winline .banner-line__container::before{
    left:11.1vw;
    width:21.9rem;
    height:5.4rem;
  }
  .header{
    padding:max(1vw, 2rem) 0;
  }
  .header .container{
    align-items:flex-start;
  }
  .header__logo{
    aspect-ratio:254/17;
    min-width:31.4rem;
    width:18%;
    height:initial;
  }
  .content{
    font-size:max(0.9vw, 1.8rem);
  }
  .content ul li::before{
    top:1rem;
  }
  .footer{
    padding:max(7vw, 13.4rem) 0 max(3vw, 6rem);
  }
  .footer .container{
    grid-template-columns:max(13.25vw, 25.5rem) 1fr;
    row-gap:max(4vw, 7.6rem);
  }
  .footer .container::after{
    top:-2.5rem;
    right:calc(var(--container-padding) * -1 + 3.2rem);
    bottom:initial;
    width:29.5rem;
    height:29.9rem;
  }
  .main-footer{
    gap:max(4.8vw, 9.4rem);
  }
  .footer__logo{
    aspect-ratio:254/17;
    width:max(13.2vw, 25.4rem);
    height:initial;
  }
  .footer__copyright{
    margin:calc(max(0.45vw, 0.9rem) * -1) 0;
  }
  .footer__navs{
    grid-template-columns:35.9% 33.1% 1fr;
    max-width:64rem;
    margin-left:12.8%;
  }
  .footer__nav{
    gap:max(1vw, 2rem);
  }
  .footer__links{
    gap:3rem;
    max-width:initial;
    margin:0 auto;
    transform:translateX(2.5rem);
  }
  .hero{
    height:100dvh;
  }
  .homepage .hero__container{
    padding-left:4rem;
  }
  .hero__logo{
    aspect-ratio:254/17;
    min-width:31.4rem;
    width:18%;
    height:initial;
    margin-top:3.1rem;
    margin-bottom:13.6dvh;
  }
  .hero__hgroup{
    margin-left:20.2%;
    font-size:1.2rem;
  }
  .hero__hgroup p{
    margin-bottom:-0.5em;
    padding-left:0.8rem;
  }
  .hero__title{
    font-size:10rem;
  }
  .hero__more-link{
    margin:8.4dvh 0 0 5.9%;
  }
  .hero-card{
    gap:1.3rem;
    max-width:90.5rem;
    margin-top:auto;
    padding:2rem 3.8rem 2.1rem 5rem;
    font-size:1.8rem;
    line-height:3.3rem;
  }
  .hero-card__title{
    font-size:3rem;
    line-height:3.5rem;
  }
  .twin-cards .twin-card.twin-card--reverse .twin-card__content{
    padding-top:60%;
  }
  .twin-cards.twin-cards--reverse .twin-card.twin-card--reverse{
    grid-template-columns:50.8% 49.2%;
  }
  .twin-cards.twin-cards--reverse .twin-card.twin-card--reverse .twin-card__content{
    padding:2rem 4rem 60% 11.4rem;
  }
  .twin-cards.twin-cards--reverse .twin-card.twin-card--reverse .twin-card__description-wrapper::after{
    left:0;
  }
  .twin-cards.twin-cards--reverse .twin-card.twin-card--reverse .twin-card__description{
    margin-left:13.1rem;
  }
  .twin-cards.twin-cards--reverse .twin-card.twin-card--reverse .twin-card__button{
    margin-left:max(6.9vw, 13.3rem);
  }
  .twin-cards.twin-cards--reverse .twin-card{
    grid-template-columns:50.8% 49.2%;
  }
  .twin-cards.twin-cards--reverse .twin-card__content{
    padding:60% max(4.3vw, 8.4rem) max(1.75vw, 3rem) max(2.9vw, 6rem);
  }
  .twin-card{
    grid-template-columns:49.2% 50.8%;
  }
  .twin-card__content{
    gap:5.5rem;
    max-width:79.3%;
    padding:2rem 5.7rem 60% 4rem;
  }
  .twin-card__title{
    font-size:clamp(3rem, 2.6041666667vw, 5rem);
    line-height:98%;
  }
  .twin-card__description-wrapper::after{
    top:max(0.75vw, 1.5rem);
    right:calc(max(5.9vw, 11.2rem) * -1);
    aspect-ratio:1;
    width:max(4.6vw, 9rem);
    height:initial;
  }
  .twin-card__description{
    font-size:1.8rem;
    line-height:151%;
  }
  .twin-card__button{
    margin-top:calc(max(1.55vw, 2.8rem) * -1);
  }
  .twin-card--reverse .twin-card__content{
    gap:max(2vw, 3.8rem);
    max-width:initial;
    padding-right:max(2.9vw, 6rem);
    padding-left:max(8.6vw, 16.5rem);
  }
  .twin-card--reverse .twin-card__description-wrapper::after{
    top:max(0.75vw, 1.3rem);
    left:calc(max(0.6vw, 1.2rem) * -1);
  }
  .twin-card--reverse .twin-card__description{
    max-width:93%;
    margin-left:max(5.9vw, 11.4rem);
  }
  .twin-card--reverse .twin-card__button{
    margin-top:calc(max(0.9vw, 1.7rem) * -1);
    margin-left:max(5.9vw, 11.4rem);
  }
  .thematic-section{
    aspect-ratio:1920/1200;
    min-height:100dvh;
  }
  .thematic-section__container{
    padding-bottom:max(8.3vw, 16rem);
  }
  .thematic-section__title{
    margin-right:max(0.3vw, 0.6rem);
    font-size:max(11.5vw, 22.2rem);
    transform:translateY(max(0.7vw, 1.4rem)) translateX(0);
  }
  .thematic-section__cards .swiper-slide{
    width:max(20.5vw, 39.5rem);
  }
  .thematic-card{
    padding:0 max(0.5vw, 1rem) max(1.2vw, 2.4rem) max(1.8vw, 3.5rem);
    font-size:max(0.9vw, 1.8rem);
    line-height:156%;
  }
  .thematic-card__title{
    padding-top:max(1.6vw, 3.2rem);
    font-size:max(1.5vw, 3rem);
    line-height:117%;
  }
  .thematic-card__link{
    margin-top:max(0.35vw, 0.7rem);
    font-size:max(0.9vw, 1.8rem);
  }
  .divider-section{
    padding:max(3.65vw, 7.1rem) 0 max(3.4vw, 6.6rem);
    font-size:max(0.9vw, 1.8rem);
    line-height:150%;
  }
  .divider-section__container{
    gap:max(0.7vw, 1.4rem);
  }
  .divider-section__title{
    font-size:max(1.5vw, 30px);
    line-height:114%;
  }
  .divider-section__link{
    margin-top:max(0.15vw, 0.3rem);
    font-size:max(0.9vw, 1.8rem);
  }
  .grayscale-section__title{
    max-width:max(34.5vw, 66.5rem);
    font-size:max(4.1vw, 8rem);
    line-height:87%;
  }
}

@media (min-width: 1920px){
  body{
    overflow-x:hidden;
  }
  .homepage .navbar-toggler-wrapper{
    width:4.9%;
    min-height:12.1rem;
    margin-right:0;
    padding:2.8% 1.1% 1.1%;
  }
  .navbar-toggler{
    aspect-ratio:1/1;
    width:92%;
    height:initial;
    margin-top:max(0.4vw, 0.8rem);
    margin-right:0;
  }
  .homepage .navbar-toggler{
    margin-right:13.6%;
  }
  .navbar-toggler::after{
    margin-right:0.3%;
    font-size:0.75vw;
    transform:translateX(6%);
  }
  .homepage .navbar-toggler::after{
    font-size:0.75vw;
    transform:translateX(2%);
  }
  .navbar-burger{
    aspect-ratio:4/0.4;
    width:94%;
    height:initial;
    margin-top:15.3%;
  }
  .homepage .navbar-burger{
    aspect-ratio:4/0.4;
    width:86.5%;
    height:initial;
    margin-top:23.1%;
  }
  .navbar-burger::after, .navbar-burger::before{
    aspect-ratio:4/0.4;
    width:94%;
    height:initial;
  }
  .homepage .navbar-burger::after, .homepage .navbar-burger::before{
    left:13.4%;
    aspect-ratio:4/0.4;
    width:86.4%;
    height:initial;
  }
  .navbar-burger::before{
    transform:translateY(-275%);
  }
  .navbar-burger::after{
    transform:translateY(275%);
  }
  .navbar .nav__item{
    max-width:25%;
  }
  .barcode-line{
    --top-offset:max(6.3vw, 12.1rem);
    --line-offset:max(14.4vw, 27rem);
    width:4.9%;
    background-size:50%;
  }
  .banner-line{
    height:14.4dvh;
  }
  .banner-line--pari .banner-line__container{
    background-size:38vw;
  }
  .banner-line--pari .banner-line__container::before{
    width:15vw;
  }
  .banner-line--pari .banner-line__container::after{
    left:calc(50% + 24.6vw);
    aspect-ratio:283/106;
    width:14.7vw;
    height:initial;
  }
  .banner-line--winline .banner-line__container{
    background-position:top center;
    background-size:contain;
  }
  .homepage .header .container{
    --container-padding:0;
  }
  .container{
    --container-padding:max(1.5vw, 3rem);
  }
  .content{
    font-size:max(1vw, 2rem);
  }
  .content ul li::before{
    top:0.7vw;
  }
  .content blockquote{
    padding-block:max(1.5vw, 3rem);
    font-size:max(2.6vw, 4.8rem);
  }
  .content blockquote::before, .content blockquote::after{
    top:2%;
    width:5rem;
    font-size:max(9rem, 4.5vw);
  }
  .content blockquote::after{
    top:38%;
  }
  .footer .container::after{
    top:calc(max(1.1vw, 2.2rem) * -1);
    right:calc(var(--container-padding) * -1 + 1.6rem);
    width:max(15.8vw, 30.5rem);
    height:max(15.5vw, 29.9rem);
    background-size:cover;
  }
  .footer__navs{
    max-width:max(45.3vw, 87rem);
  }
  .homepage .hero__container{
    padding-left:max(2.9vw, 6rem);
  }
  .hero__hgroup{
    font-size:0.63vw;
  }
  .hero__hgroup p{
    margin-bottom:-0.5em;
  }
  .hero__title{
    font-size:5.2vw;
  }
  .hero.hero--page{
    aspect-ratio:initial;
    min-height:calc(100dvh - var(--header-height));
  }
  .hero.hero--page .hero__container{
    aspect-ratio:initial;
  }
  .twin-cards{
    max-width:initial;
  }
  .twin-cards.twin-cards--reverse .twin-card.twin-card--reverse .twin-card__content{
    padding:max(1vw, 2rem) max(2.9vw, 6rem) 60% max(5.8vw, 11.4rem);
  }
  .twin-cards.twin-cards--reverse .twin-card.twin-card--reverse .twin-card__description{
    margin-left:max(6.7vw, 13.1rem);
  }
  .twin-card__content{
    gap:max(2.8vw, 5.5rem);
    padding:max(0.75vw, 2rem) max(2.9vw, 6rem) 60%;
  }
  .twin-card__title{
    font-size:max(2.6vw, 5rem);
  }
  .twin-card__description{
    font-size:max(0.9vw, 1.8rem);
  }
  .grayscale-section__container{
    --container-padding:0;
  }
}

@media (max-width: 959.98px){
  .header__contacts{
    flex-grow:1;
    justify-content:center;
  }
}

@media (max-width: 767.98px){
  .twin-card__content{
    align-items:flex-start;
    padding-inline:2rem;
    text-align:left;
  }
  .twin-card__description{
    margin-left:initial;
  }
  .twin-card--reverse .twin-card__content{
    padding-inline:2rem;
  }
  .twin-card--reverse .twin-card__description{
    max-width:initial;
    margin-left:0;
  }
  .twin-card--reverse .twin-card__button{
    margin-left:0;
  }
}

@media (max-width: 320px){
  body{
    overflow-x:auto;
  }
}

@media (hover: hover){
  a:hover, a:focus-visible{
    text-decoration-color:currentColor;
    color:var(--color-hover);
  }
  a:active{
    color:var(--color-active);
  }
}

.hq-content h1 {
  margin-bottom: 20px;
}