@font-face {
  font-family: CirceRounded;
  font-display: swap;
  src: url("../fonts/CirceRounded-Regular.woff2") format("woff2"), url("../fonts/CirceRounded-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: CirceRounded;
  font-display: swap;
  src: url("../fonts/CirceRounded-ExtraLight.woff2") format("woff2"), url("../fonts/CirceRounded-ExtraLight.woff") format("woff");
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: CirceRounded;
  font-display: swap;
  src: url("../fonts/CirceRounded-AltBold.woff2") format("woff2"), url("../fonts/CirceRounded-AltBold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}

@keyframes badge-float {
  0%, 100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(calc(-7 * var(--width-multiplier)));
  }
}

@keyframes title-burst-appear {
  0% {
    opacity: 0;
    filter: blur(calc(10 * var(--width-multiplier)));
    transform: translate3d(var(--label-shift-x, 0), var(--label-shift-y, 0), 0) rotate(var(--label-rotate, 0deg)) scale(0.2);
  }

  38% {
    opacity: 1;
    filter: blur(0);
    transform: translate3d(0, 0, 0) rotate(var(--label-rotate, 0deg)) scale(1.12);
  }

  58% {
    opacity: 1;
    transform: translate3d(0, 0, 0) rotate(var(--label-rotate, 0deg)) scale(0.94);
  }

  74% {
    opacity: 1;
    transform: translate3d(0, 0, 0) rotate(var(--label-rotate, 0deg)) scale(1.03);
  }

  100% {
    opacity: 1;
    filter: blur(0);
    transform: translate3d(0, 0, 0) rotate(var(--label-rotate, 0deg)) scale(1);
  }
}

@keyframes title-burst-ring {
  0%, 62% {
    opacity: 0;
    transform: scale(0.55);
  }

  74% {
    opacity: 0.78;
    transform: scale(0.72);
  }

  100% {
    opacity: 0;
    transform: scale(1.55);
  }
}

:root {
  --white: #FFFFFF;
  --black: #000000;
  --primary: #D55900;
  --dark-gray: #202020;
  --accent: #9E61FF;
  --pink: #FA115B;
  --width-base: 1440;
  --width-current: 100vw;
  --width-multiplier: calc(var(--width-current) / var(--width-base));
}

html {
  height: 100%;
  scroll-behavior: smooth;
  scroll-padding-top: calc(64 * var(--width-multiplier));
}

body {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 100vh;
  color: var(--white, #FFFFFF);
  background-color: var(--black, #000000);
  font: 400 calc(16 * var(--width-multiplier))/1.2 CirceRounded;
  text-rendering: optimizeSpeed;
  overflow-x: hidden;
}

::-webkit-scrollbar {
  width: 0;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li,
figure,
figcaption,
blockquote,
dl,
dd {
  margin: 0;
}

h1,
h2 {
  font: 400 calc(64 * var(--width-multiplier))/1.1 CirceRounded;
}

h3 {
  font: 400 calc(32 * var(--width-multiplier))/1.1 CirceRounded;
}

h4 {
  font: 400 calc(24 * var(--width-multiplier))/1.1 CirceRounded;
}

h5,
h6 {
  font-family: inherit;
  line-height: 1.2em;
}

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

ul[class],
ol[class] {
  list-style: none;
}

a {
  text-decoration: none;
  color: inherit;
}

a:not([class]) {
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
}

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

article > * + * {
  margin-top: 1em;
}

input,
button,
textarea,
select {
  font: inherit;
}

input:focus-visible {
  outline: none;
}

input,
select,
textarea {
  width: 100%;
  padding: calc(12 * var(--width-multiplier));
  border: 0;
  border-radius: calc(8 * var(--width-multiplier));
  color: rgb(255, 255, 255);
  background-color: rgba(255, 255, 255, 0.1);
  font: inherit;
}

input::-moz-placeholder, select::-moz-placeholder, textarea::-moz-placeholder {
  color: rgba(255, 255, 255, 0.3);
}

input::placeholder,
select::placeholder,
textarea::placeholder {
  color: rgba(255, 255, 255, 0.3);
}

input:focus,
input:focus-visible,
select:focus,
select:focus-visible,
textarea:focus,
textarea:focus-visible {
  outline: none;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
  box-shadow: 0 0 0 1000px var(--white, #FFFFFF) inset !important;
  -webkit-text-fill-color: var(--black, #000000) !important;
  -webkit-transition: background-color 9999s ease-in-out 0s;
  transition: background-color 9999s ease-in-out 0s;
}

textarea {
  resize: none;
  height: calc(90 * var(--width-multiplier));
}

.container {
  width: 100%;
  padding: 0 calc(20 * var(--width-multiplier));
}

.section-pad {
  padding: calc(64 * var(--width-multiplier)) 0;
}

.section-pad-top {
  padding-top: calc(64 * var(--width-multiplier));
}

.section-pad-bottom {
  padding-bottom: calc(64 * var(--width-multiplier));
}

.section-hidden {
  overflow: hidden;
}

.title-burst {
  position: relative;
}

.title-burst__label {
  position: absolute;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  line-height: 1;
  pointer-events: none;
  isolation: isolate;
  transform: translate3d(0, 0, 0) rotate(var(--label-rotate, 0deg)) scale(1);
  transform-origin: center;
  will-change: transform, opacity, filter;
}

.title-burst__label::after {
  content: "";
  position: absolute;
  inset: calc(-8 * var(--width-multiplier)) calc(-12 * var(--width-multiplier));
  border: 1px solid rgba(255, 255, 255, 0.7);
  border-radius: 999px;
  opacity: 0;
  transform: scale(0.55);
  pointer-events: none;
}

.title-burst__label[class*="--tl"] {
  --label-shift-x: calc(-18 * var(--width-multiplier));
  --label-shift-y: calc(-16 * var(--width-multiplier));
}

.title-burst__label[class*="--tr"] {
  --label-shift-x: calc(18 * var(--width-multiplier));
  --label-shift-y: calc(-14 * var(--width-multiplier));
}

.title-burst__label[class*="--bl"] {
  --label-shift-x: calc(-16 * var(--width-multiplier));
  --label-shift-y: calc(18 * var(--width-multiplier));
}

.title-burst__label[class*="--br"] {
  --label-shift-x: calc(18 * var(--width-multiplier));
  --label-shift-y: calc(18 * var(--width-multiplier));
}

.is-enhanced .title-burst:not(.is-burst-active) .title-burst__label {
  opacity: 0;
  filter: blur(calc(10 * var(--width-multiplier)));
  transform: translate3d(var(--label-shift-x, 0), var(--label-shift-y, 0), 0) rotate(var(--label-rotate, 0deg)) scale(0.2);
}

.is-enhanced .title-burst.is-burst-active .title-burst__label {
  animation: title-burst-appear 1.1s cubic-bezier(0.2, 0.9, 0.25, 1.25) both;
  animation-delay: calc(var(--burst-order, 0) * 0.16s + var(--burst-delay, 0s));
}

.is-enhanced .title-burst.is-burst-active .title-burst__label::after {
  animation: title-burst-ring 1.1s ease-out both;
  animation-delay: calc(var(--burst-order, 0) * 0.16s + var(--burst-delay, 0s));
}

.button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: -moz-max-content;
  width: max-content;
  padding: calc(16 * var(--width-multiplier)) calc(32 * var(--width-multiplier));
  border: none;
  border-radius: 0 calc(20 * var(--width-multiplier)) 0 calc(20 * var(--width-multiplier));
  background-color: var(--white, #FFFFFF);
  color: var(--black, #000000);
  font: inherit;
  line-height: 1;
  cursor: pointer;
  transition: opacity 0.3s ease-out, border-radius 0.3s ease-out;
}

.button:hover {
  border-radius: calc(20 * var(--width-multiplier)) 0 calc(20 * var(--width-multiplier)) 0;
}

.button:disabled {
  opacity: 0.4;
}

.text-lower {
  text-transform: lowercase;
}

.text-up {
  text-transform: uppercase;
}

@keyframes badge-float {
  0%, 100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(calc(-7 * var(--width-multiplier)));
  }
}

@keyframes title-burst-appear {
  0% {
    opacity: 0;
    filter: blur(calc(10 * var(--width-multiplier)));
    transform: translate3d(var(--label-shift-x, 0), var(--label-shift-y, 0), 0) rotate(var(--label-rotate, 0deg)) scale(0.2);
  }

  38% {
    opacity: 1;
    filter: blur(0);
    transform: translate3d(0, 0, 0) rotate(var(--label-rotate, 0deg)) scale(1.12);
  }

  58% {
    opacity: 1;
    transform: translate3d(0, 0, 0) rotate(var(--label-rotate, 0deg)) scale(0.94);
  }

  74% {
    opacity: 1;
    transform: translate3d(0, 0, 0) rotate(var(--label-rotate, 0deg)) scale(1.03);
  }

  100% {
    opacity: 1;
    filter: blur(0);
    transform: translate3d(0, 0, 0) rotate(var(--label-rotate, 0deg)) scale(1);
  }
}

@keyframes title-burst-ring {
  0%, 62% {
    opacity: 0;
    transform: scale(0.55);
  }

  74% {
    opacity: 0.78;
    transform: scale(0.72);
  }

  100% {
    opacity: 0;
    transform: scale(1.55);
  }
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  padding-top: calc(24 * var(--width-multiplier));
  z-index: 3;
  transition: padding 0.3s ease-out, background-color 0.3s ease-out;
}

.header__container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: calc(24 * var(--width-multiplier));
  padding: calc(16 * var(--width-multiplier)) calc(24 * var(--width-multiplier));
  border-radius: calc(12 * var(--width-multiplier));
  background-color: #080808;
  transition: border-radius 0.3s ease-out;
}

.header.is-scrolled {
  padding-top: 0;
  background-color: #080808;
}

.header.is-scrolled .header__container {
  border-radius: 0;
}

.header__logo {
  display: flex;
  align-items: baseline;
  gap: calc(8 * var(--width-multiplier));
}

.header__logo img {
  height: calc(28 * var(--width-multiplier));
}

.header__logo span {
  color: var(--primary, #D55900);
}

.header__menu {
  display: flex;
  align-items: center;
  gap: calc(4 * var(--width-multiplier));
}

.header__menu a {
  padding: calc(8 * var(--width-multiplier)) calc(10 * var(--width-multiplier));
  border-radius: calc(8 * var(--width-multiplier));
  background-color: #000000;
  transition: color 0.3s ease-out;
}

.header__menu a:hover {
  color: var(--accent, #9E61FF);
}

.header__burger {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: calc(24 * var(--width-multiplier));
  height: calc(18 * var(--width-multiplier));
  cursor: pointer;
}

.header__burger span {
  display: block;
  width: 100%;
  height: 2px;
  background-color: var(--white, #FFFFFF);
  border-radius: 2px;
  transition: all 0.2s ease-in-out;
}

.header__burger.active span:nth-child(1) {
  transform: translateY(calc(8 * var(--width-multiplier))) rotate(45deg);
}

.header__burger.active span:nth-child(2) {
  opacity: 0;
}

.header__burger.active span:nth-child(3) {
  transform: translateY(calc(-8 * var(--width-multiplier))) rotate(-45deg);
}

.page-hero {
  position: relative;
  background: linear-gradient(180deg, #000000 60.29%, var(--page-hero-accent, #9E61FF) 142.93%);
}

.page-hero__container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: calc(50 * var(--width-multiplier));
  min-height: 100vh;
  padding: calc(240 * var(--width-multiplier)) 0 calc(32 * var(--width-multiplier));
  text-align: center;
}

.page-hero__group {
  position: relative;
  max-width: calc(820 * var(--width-multiplier));
}

.page-hero__title {
  font: 400 calc(64 * var(--width-multiplier))/1.1 CirceRounded;
  text-transform: uppercase;
  text-align: center;
}

.page-hero__badge {
  position: absolute;
  display: flex;
  align-items: center;
  gap: calc(10 * var(--width-multiplier));
  padding: calc(8 * var(--width-multiplier)) calc(16 * var(--width-multiplier));
  border-radius: calc(12 * var(--width-multiplier));
  background-color: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
  font-weight: 700;
  white-space: nowrap;
  animation: badge-float 3.5s ease-in-out infinite;
  animation-delay: var(--badge-delay, 0s);
}

.page-hero__badge svg {
  flex-shrink: 0;
  width: calc(24 * var(--width-multiplier));
  height: calc(24 * var(--width-multiplier));
}

.page-hero__badge--tl {
  --badge-delay: 0s;
  top: calc(-8 * var(--width-multiplier));
  right: 100%;
}

.page-hero__badge--tr {
  --badge-delay: 0.8s;
  top: calc(-16 * var(--width-multiplier));
  left: 94%;
}

.page-hero__badge--bl {
  --badge-delay: 1.5s;
  bottom: calc(-8 * var(--width-multiplier));
  left: calc(4 * var(--width-multiplier));
}

.page-hero__badge--br {
  --badge-delay: 0.4s;
  bottom: calc(-16 * var(--width-multiplier));
  right: 0;
}

.page-hero__desc {
  max-width: calc(393 * var(--width-multiplier));
  margin-top: auto;
  text-align: center;
}

.p404__container {
  gap: calc(24 * var(--width-multiplier));
  padding: calc(140 * var(--width-multiplier)) 0 calc(32 * var(--width-multiplier));
}

.p404__title {
  font: 400 calc(180 * var(--width-multiplier)) / 1 CirceRounded;
}

.p404__desc {
  margin-top: unset;
}

.p404__btn {
  min-width: calc(393 * var(--width-multiplier));
}

.home-hero__container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 100vh;
  padding: calc(120 * var(--width-multiplier)) 0;
  padding-bottom: calc(100 * var(--width-multiplier));
}

.home-hero__letters {
  flex: 1;
  display: flex;
  align-items: flex-end;
  gap: calc(8 * var(--width-multiplier));
  margin-bottom: calc(50 * var(--width-multiplier));
}

.home-hero__letter {
  flex: 1;
}

.home-hero__letter svg {
  display: block;
  width: 100%;
  height: auto;
}

.home-hero__letter video {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.home-hero__bottom {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: calc(40 * var(--width-multiplier));
}

.home-hero__title {
  max-width: calc(466 * var(--width-multiplier));
  font: 400 calc(42 * var(--width-multiplier))/1.1 CirceRounded;
}

.home-hero__side {
  display: flex;
  flex-direction: column;
  gap: calc(16 * var(--width-multiplier));
  max-width: calc(300 * var(--width-multiplier));
  flex-shrink: 0;
}

.home-hero__desc {
  font-size: calc(14 * var(--width-multiplier));
  line-height: 1.4;
  color: rgba(255, 255, 255, 0.7);
}

.home-hero__btn {
  width: 100%;
}

.home-hero__letters {
  display: flex;
  align-items: center;
  gap: calc(16 * var(--width-multiplier));
}

.home-hero__letter {
  flex-shrink: 0;
}

.home-hero__letter-clip {
    position: relative;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.home-hero__letter-clip video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* С — aspect-ratio 262/287 */
.home-hero__letter-clip--s {
    aspect-ratio: 262 / 287;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 262 287'%3E%3Cpath fill='white' d='M142.919 0C105.228 0 69.0573 14.9905 42.2873 41.7524C15.5173 68.5143 0.317401 104.862 0 142.878C0 143.253 0 143.628 0 144.004C0.28666 182.039 15.4727 218.417 42.2466 245.205C69.0197 271.993 105.208 287.016 142.919 287C182.613 287 222.306 287 262 287C262 262.974 262 238.949 262 214.923C261.992 197.447 255.688 180.568 244.262 167.429C232.837 154.29 217.066 145.786 199.887 143.5C217.072 141.213 232.845 132.705 244.272 119.56C255.699 106.415 261.999 89.5286 262 72.0465C262 48.0308 262 24.0158 262 0C222.306 0 182.613 0 142.919 0Z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 262 287'%3E%3Cpath fill='white' d='M142.919 0C105.228 0 69.0573 14.9905 42.2873 41.7524C15.5173 68.5143 0.317401 104.862 0 142.878C0 143.253 0 143.628 0 144.004C0.28666 182.039 15.4727 218.417 42.2466 245.205C69.0197 271.993 105.208 287.016 142.919 287C182.613 287 222.306 287 262 287C262 262.974 262 238.949 262 214.923C261.992 197.447 255.688 180.568 244.262 167.429C232.837 154.29 217.066 145.786 199.887 143.5C217.072 141.213 232.845 132.705 244.272 119.56C255.699 106.415 261.999 89.5286 262 72.0465C262 48.0308 262 24.0158 262 0C222.306 0 182.613 0 142.919 0Z'/%3E%3C/svg%3E");
}

/* Т — aspect-ratio 282/287 */
.home-hero__letter-clip--t {
    aspect-ratio: 282 / 287;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 282 287'%3E%3Cpath fill='white' d='M213.416 0C166.049 0 118.682 0 71.3149 0C62.0186 0 52.7776 1.50518 44.1349 4.95981C35.4906 8.41444 27.6175 13.5736 20.9764 20.1347C14.3353 26.695 9.05899 34.5267 5.45677 43.1694C1.85532 51.8113 0 61.0919 0 70.4666C0 79.8412 1.85532 89.1211 5.45677 97.7645C9.05899 106.406 14.3353 114.238 20.9764 120.798C27.6175 127.36 35.4906 132.519 44.1349 135.973C52.7776 139.428 62.0186 141.109 71.3149 140.919C71.8274 140.919 72.34 140.919 72.8518 140.919C72.8518 165.645 72.8518 190.371 72.8518 215.098C72.6622 224.471 74.3302 233.787 77.7565 242.502C81.1828 251.216 86.2992 259.154 92.8068 265.85C99.3145 272.547 107.082 277.866 115.654 281.498C124.226 285.129 133.431 287 142.728 287C152.027 287 161.231 285.129 169.803 281.498C178.375 277.866 186.142 272.547 192.649 265.85C199.157 259.154 204.274 251.216 207.7 242.502C211.127 233.787 212.794 224.471 212.605 215.098C212.605 190.371 212.605 165.645 212.605 140.919C212.914 140.919 213.224 140.919 213.533 140.919C231.818 140.542 249.231 132.955 262.031 119.783C274.831 106.612 282 88.9064 282 70.4666C282 52.0259 274.831 34.3204 262.031 21.1489C249.231 7.97825 231.818 0.390046 213.533 0Z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 282 287'%3E%3Cpath fill='white' d='M213.416 0C166.049 0 118.682 0 71.3149 0C62.0186 0 52.7776 1.50518 44.1349 4.95981C35.4906 8.41444 27.6175 13.5736 20.9764 20.1347C14.3353 26.695 9.05899 34.5267 5.45677 43.1694C1.85532 51.8113 0 61.0919 0 70.4666C0 79.8412 1.85532 89.1211 5.45677 97.7645C9.05899 106.406 14.3353 114.238 20.9764 120.798C27.6175 127.36 35.4906 132.519 44.1349 135.973C52.7776 139.428 62.0186 141.109 71.3149 140.919C71.8274 140.919 72.34 140.919 72.8518 140.919C72.8518 165.645 72.8518 190.371 72.8518 215.098C72.6622 224.471 74.3302 233.787 77.7565 242.502C81.1828 251.216 86.2992 259.154 92.8068 265.85C99.3145 272.547 107.082 277.866 115.654 281.498C124.226 285.129 133.431 287 142.728 287C152.027 287 161.231 285.129 169.803 281.498C178.375 277.866 186.142 272.547 192.649 265.85C199.157 259.154 204.274 251.216 207.7 242.502C211.127 233.787 212.794 224.471 212.605 215.098C212.605 190.371 212.605 165.645 212.605 140.919C212.914 140.919 213.224 140.919 213.533 140.919C231.818 140.542 249.231 132.955 262.031 119.783C274.831 106.612 282 88.9064 282 70.4666C282 52.0259 274.831 34.3204 262.031 21.1489C249.231 7.97825 231.818 0.390046 213.533 0Z'/%3E%3C/svg%3E");
}

/* Ч — aspect-ratio 283/287 */
.home-hero__letter-clip--i {
    aspect-ratio: 283 / 287;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 283 287'%3E%3Cpath fill='white' d='M212.572 0H212.545C173.645 0 142.117 31.8358 142.117 71.1084C142.117 119.369 142.117 167.631 142.117 215.892C142.117 255.163 173.645 287 212.545 287H212.572C251.471 287 283 255.163 283 215.892C283 167.631 283 119.369 283 71.1084C283 31.8358 251.471 0 212.572 0Z M71.0714 143.514C110.321 143.514 142.144 111.387 142.144 71.7571C142.144 32.1268 110.321 0 71.0714 0C31.8198 0 0 32.1268 0 71.7571C0 111.387 31.8198 143.514 71.0714 143.514Z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 283 287'%3E%3Cpath fill='white' d='M212.572 0H212.545C173.645 0 142.117 31.8358 142.117 71.1084C142.117 119.369 142.117 167.631 142.117 215.892C142.117 255.163 173.645 287 212.545 287H212.572C251.471 287 283 255.163 283 215.892C283 167.631 283 119.369 283 71.1084C283 31.8358 251.471 0 212.572 0Z M71.0714 143.514C110.321 143.514 142.144 111.387 142.144 71.7571C142.144 32.1268 110.321 0 71.0714 0C31.8198 0 0 32.1268 0 71.7571C0 111.387 31.8198 143.514 71.0714 143.514Z'/%3E%3C/svg%3E");
}

/* К — aspect-ratio 283/287 */
.home-hero__letter-clip--k {
    aspect-ratio: 283 / 287;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 283 287'%3E%3Cpath fill='white' d='M70.4259 0H70.3984C31.5223 0 0 31.8358 0 71.1084C0 119.369 0 167.631 0 215.892C0 255.163 31.5223 287 70.3984 287H70.4259C109.309 287 140.824 255.163 140.824 215.892C140.824 167.631 140.824 119.369 140.824 71.1084C140.824 31.8358 109.309 0 70.4259 0Z M209.384 0C195.554 0.485528 182.164 5.04214 170.857 13.1093C159.559 21.1764 150.833 32.4033 145.757 45.4099C140.687 58.4165 139.486 72.637 142.299 86.3237C145.119 100.011 151.835 112.569 161.624 122.454C171.407 132.339 183.844 139.122 197.393 141.968C210.941 144.815 225.019 143.601 237.895 138.477C250.778 133.352 261.891 124.539 269.876 113.122C277.862 101.704 282.376 88.1793 282.856 74.2077C282.856 49.4718 282.856 24.7359 282.856 0C258.365 0 233.874 0 209.384 0Z M140.914 215.251C140.92 233.845 148.069 251.713 160.855 265.087C173.643 278.461 191.074 286.299 209.473 286.949C233.982 286.949 258.491 286.949 283 286.949C283 262.214 283 237.478 283 212.743C282.252 194.009 274.274 176.314 260.78 163.445C247.279 150.576 229.333 143.554 210.769 143.882C192.214 144.21 174.521 151.861 161.473 165.199C148.432 178.537 141.071 196.503 140.975 215.251C140.954 215.251 140.934 215.251 140.914 215.251Z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 283 287'%3E%3Cpath fill='white' d='M70.4259 0H70.3984C31.5223 0 0 31.8358 0 71.1084C0 119.369 0 167.631 0 215.892C0 255.163 31.5223 287 70.3984 287H70.4259C109.309 287 140.824 255.163 140.824 215.892C140.824 167.631 140.824 119.369 140.824 71.1084C140.824 31.8358 109.309 0 70.4259 0Z M209.384 0C195.554 0.485528 182.164 5.04214 170.857 13.1093C159.559 21.1764 150.833 32.4033 145.757 45.4099C140.687 58.4165 139.486 72.637 142.299 86.3237C145.119 100.011 151.835 112.569 161.624 122.454C171.407 132.339 183.844 139.122 197.393 141.968C210.941 144.815 225.019 143.601 237.895 138.477C250.778 133.352 261.891 124.539 269.876 113.122C277.862 101.704 282.376 88.1793 282.856 74.2077C282.856 49.4718 282.856 24.7359 282.856 0C258.365 0 233.874 0 209.384 0Z M140.914 215.251C140.92 233.845 148.069 251.713 160.855 265.087C173.643 278.461 191.074 286.299 209.473 286.949C233.982 286.949 258.491 286.949 283 286.949C283 262.214 283 237.478 283 212.743C282.252 194.009 274.274 176.314 260.78 163.445C247.279 150.576 229.333 143.554 210.769 143.882C192.214 144.21 174.521 151.861 161.473 165.199C148.432 178.537 141.071 196.503 140.975 215.251C140.954 215.251 140.934 215.251 140.914 215.251Z'/%3E%3C/svg%3E");
}

@media (max-width: 767px) {

  .home-hero__letters {
    gap: calc(8 * var(--width-multiplier));
  }
}

.home-about__container {
  display: flex;
  flex-direction: column;
  gap: calc(40 * var(--width-multiplier));
}

.home-about__top {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(40 * var(--width-multiplier));
}

.home-about__group {
  position: relative;
  max-width: calc(752 * var(--width-multiplier));
}

.home-about__title {
  text-align: center;
}

.home-about__desc {
  max-width: calc(390 * var(--width-multiplier));
  text-align: center;
}

.home-about__badge {
  position: absolute;
  display: flex;
  align-items: center;
  gap: calc(10 * var(--width-multiplier));
  padding: calc(8 * var(--width-multiplier)) calc(16 * var(--width-multiplier));
  border-radius: calc(12 * var(--width-multiplier));
  background-color: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
  font-weight: 700;
  white-space: nowrap;
  animation: badge-float 3.5s ease-in-out infinite;
  animation-delay: var(--badge-delay, 0s);
}

.home-about__badge svg {
  flex-shrink: 0;
  width: calc(24 * var(--width-multiplier));
  height: calc(24 * var(--width-multiplier));
}

.home-about__badge--tl {
  --badge-delay: 0.6s;
  top: calc(-16 * var(--width-multiplier));
  left: calc(-20 * var(--width-multiplier));
}

.home-about__badge--tr {
  --badge-delay: 1.2s;
  top: calc(-4 * var(--width-multiplier));
  right: calc(-2 * var(--width-multiplier));
}

.home-about__badge--bl {
  --badge-delay: 0s;
  bottom: calc(-16 * var(--width-multiplier));
  left: calc(70 * var(--width-multiplier));
}

.home-about__badge--br {
  --badge-delay: 1.8s;
  bottom: calc(-16 * var(--width-multiplier));
  right: calc(70 * var(--width-multiplier));
}

.home-about__video {
  height: calc(400 * var(--width-multiplier));
  border-radius: calc(100 * var(--width-multiplier)) 0 calc(100 * var(--width-multiplier)) 0;
  overflow: hidden;
}

.home-about__video video,
.home-about__video img {
  width: 100%;
  min-width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.services {
  padding-top: calc(94 * var(--width-multiplier));
  overflow: visible;
}

.services__head {
  position: relative;
  max-width: calc(766 * var(--width-multiplier));
  margin: 0 auto;
  margin-bottom: calc(70 * var(--width-multiplier));
}

.services__title {
  text-align: center;
}

.services__label {
  position: absolute;
  text-transform: uppercase;
  font-size: calc(14 * var(--width-multiplier));
}

.services__label--tl {
  top: calc(-30 * var(--width-multiplier));
  left: calc(18 * var(--width-multiplier));
  --label-rotate: -12deg;
  transform: rotate(var(--label-rotate));
  font-size: calc(20 * var(--width-multiplier));
}

.services__label--tr {
  top: calc(-6 * var(--width-multiplier));
  right: calc(92 * var(--width-multiplier));
  --label-rotate: 5deg;
  transform: rotate(var(--label-rotate));
  font-size: calc(10 * var(--width-multiplier));
}

.services__label--bl {
  bottom: calc(-4 * var(--width-multiplier));
  left: calc(120 * var(--width-multiplier));
  --label-rotate: 12deg;
  transform: rotate(var(--label-rotate));
}

.services__label--br {
  bottom: calc(-8 * var(--width-multiplier));
  right: calc(64 * var(--width-multiplier));
  --label-rotate: -18deg;
  transform: rotate(var(--label-rotate));
}

.services__list {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: calc(20 * var(--width-multiplier));
  max-width: calc(990 * var(--width-multiplier));
  margin: 0 auto;
  isolation: isolate;
}

.services__item {
  position: relative;
  display: grid;
  grid-template-columns: calc(380 * var(--width-multiplier)) auto;
  gap: calc(32 * var(--width-multiplier));
  padding: calc(24 * var(--width-multiplier));
  border-radius: calc(20 * var(--width-multiplier));
  background-color: var(--dark-gray, #202020);
  overflow: hidden;
  transform-origin: top center;
  will-change: transform;
  box-shadow: 0 calc(20 * var(--width-multiplier)) calc(48 * var(--width-multiplier)) rgba(0, 0, 0, 0.22);
}

.services__preview {
  padding: calc(36 * var(--width-multiplier)) calc(58 * var(--width-multiplier));
  background-color: #EAE7F5;
  border-radius: calc(20 * var(--width-multiplier));
  overflow: hidden;
}

.services__preview img {
  border-radius: calc(12 * var(--width-multiplier));
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.services__content {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: calc(270 * var(--width-multiplier));
}

.services__name {
  font: 400 calc(32 * var(--width-multiplier))/1.15 CirceRounded;
}

.services__info {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: calc(16 * var(--width-multiplier));
}

.services__col {
  display: flex;
  flex-direction: column;
  gap: calc(8 * var(--width-multiplier));
  font-size: calc(14 * var(--width-multiplier));
}

.services__col-label {
  font-weight: 700;
}

.cases__title-wrap {
  position: relative;
  display: flex;
  max-width: calc(350 * var(--width-multiplier));
  margin: 0 auto;
  margin-bottom: calc(32 * var(--width-multiplier));
}

.cases__title {
  text-align: center;
}

.cases__label {
  position: absolute;
  top: 0;
  right: calc(-70 * var(--width-multiplier));
  transform: rotate(8deg);
  font-size: calc(14 * var(--width-multiplier));
  color: #FA115B;
  white-space: nowrap;
}

.cases__grid {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: calc(12 * var(--width-multiplier));
}

.cases__item {
  position: relative;
  border-radius: calc(20 * var(--width-multiplier));
  overflow: hidden;
  aspect-ratio: 3/2;
}

.cases__item::after {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.03) 70%, #DD60F9 140%);
  pointer-events: none;
}

.cases__item:nth-child(4n+2) {
  border-radius: calc(20 * var(--width-multiplier)) calc(200 * var(--width-multiplier)) calc(20 * var(--width-multiplier)) calc(20 * var(--width-multiplier));
}

.cases__item:nth-child(4n+3) {
  border-radius: calc(20 * var(--width-multiplier)) calc(20 * var(--width-multiplier)) calc(200 * var(--width-multiplier)) calc(20 * var(--width-multiplier));
}

.cases__item:hover {
  cursor: pointer;
}

.cases__item:hover::after {
  animation: lazer 1.5s infinite;
}

.cases__media {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.cases__media img,
.cases__media video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.cases__inner {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: calc(24 * var(--width-multiplier));
}

.cases__name {
  position: relative;
  font-size: calc(24 * var(--width-multiplier));
  line-height: 1;
  z-index: 1;
}

.cases__tags {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  gap: calc(6 * var(--width-multiplier));
  z-index: 1;
}

.cases__tag {
  padding: calc(4 * var(--width-multiplier)) calc(8 * var(--width-multiplier));
  border-radius: calc(200 * var(--width-multiplier));
  background-color: rgba(255, 255, 255, 0.05);
  font-size: calc(12 * var(--width-multiplier));
  line-height: 1.2;
}

.cases__more {
  width: calc(222 * var(--width-multiplier));
  margin: 0 auto;
  margin-top: calc(32 * var(--width-multiplier));
}

@keyframes lazer {
  0% {
    height: 0;
  }

  50% {
    height: 100%;
  }

  100% {
    height: 0;
  }
}

.home-news__title-wrap {
  position: relative;
  display: flex;
  max-width: calc(252 * var(--width-multiplier));
  margin: 0 auto;
  margin-bottom: calc(32 * var(--width-multiplier));
}

.home-news__title {
  text-align: center;
}

.home-news__label {
  position: absolute;
  top: 0;
  right: calc(-70 * var(--width-multiplier));
  transform: rotate(8deg);
  font-size: calc(14 * var(--width-multiplier));
  color: #FA115B;
  white-space: nowrap;
}

.home-news__more {
  margin: 0 auto;
  margin-top: calc(32 * var(--width-multiplier));
}

.news__grid {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: calc(20 * var(--width-multiplier));
}

.news__link {
  display: flex;
  flex-direction: column;
  gap: calc(16 * var(--width-multiplier));
}

.news__link:hover .news__img img {
  transform: scale(1.05);
}

.news__img {
  border-radius: calc(20 * var(--width-multiplier)) 0 calc(20 * var(--width-multiplier)) 0;
  overflow: hidden;
  aspect-ratio: 3/2;
}

.news__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform 0.3s ease-out;
}

.news__body {
  display: flex;
  flex-direction: column;
  gap: calc(16 * var(--width-multiplier));
}

.news__name {
  font: 400 calc(24 * var(--width-multiplier))/1.1 CirceRounded;
}

.news__date {
  font-size: calc(14 * var(--width-multiplier));
  color: rgba(255, 255, 255, 0.6);
}

.feedback {
  position: relative;
  overflow: hidden;
  background-color: #C0CCDF;
}

.feedback__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.feedback__bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transform: scale(1.12);
  transform-origin: center;
  will-change: transform;
}

.feedback__container {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: calc(800 * var(--width-multiplier));
  padding: calc(64 * var(--width-multiplier)) 0;
}

.feedback__card {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: calc(24 * var(--width-multiplier));
  width: 100%;
  max-width: calc(360 * var(--width-multiplier));
  padding: calc(24 * var(--width-multiplier));
  background-color: var(--dark-gray, #202020);
  border-radius: calc(20 * var(--width-multiplier));
  z-index: 1;
}

.feedback__badge {
  position: absolute;
  display: flex;
  align-items: center;
  gap: calc(10 * var(--width-multiplier));
  padding: calc(8 * var(--width-multiplier)) calc(16 * var(--width-multiplier));
  border-radius: calc(12 * var(--width-multiplier));
  background-color: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
  font-weight: 700;
  white-space: nowrap;
  animation: badge-float 3.5s ease-in-out infinite;
  animation-delay: var(--badge-delay, 0s);
}

.feedback__badge svg {
  flex-shrink: 0;
  width: calc(24 * var(--width-multiplier));
  height: calc(24 * var(--width-multiplier));
}

.feedback__badge--1 {
  --badge-delay: 0s;
  top: calc(80 * var(--width-multiplier));
  left: calc(-80 * var(--width-multiplier));
  z-index: 1;
}

.feedback__badge--2 {
  --badge-delay: 0.9s;
  top: calc(66 * var(--width-multiplier));
  right: calc(-95 * var(--width-multiplier));
  z-index: 1;
}

.feedback__badge--3 {
  --badge-delay: 1.6s;
  bottom: calc(106 * var(--width-multiplier));
  right: calc(100% + 40 * var(--width-multiplier));
}

.feedback__badge--4 {
  --badge-delay: 0.5s;
  bottom: calc(45 * var(--width-multiplier));
  right: calc(-89 * var(--width-multiplier));
}

.feedback__head {
  display: flex;
  flex-direction: column;
  gap: calc(8 * var(--width-multiplier));
}

.feedback__title {
  font: 400 calc(32 * var(--width-multiplier))/1.1 CirceRounded;
}

.feedback__form form {
  display: flex;
  flex-direction: column;
  gap: calc(8 * var(--width-multiplier));
}

.feedback__form .wpcf7-form-control-wrap {
  display: contents;
}

.feedback__submit {
  width: 100%;
  margin-top: calc(16 * var(--width-multiplier));
}

.feedback__form .wpcf7-response-output {
  display: none;
}

.feedback__form .wpcf7-not-valid-tip {
  font-size: calc(12 * var(--width-multiplier));
}

.wpcf7-form.submitting .button {
  pointer-events: none;
  opacity: .6;
  cursor: not-allowed;
}


.teams__container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(40 * var(--width-multiplier));
}

.teams__title {
  text-align: center;
  max-width: calc(580 * var(--width-multiplier));
}

.teams__grid {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  -moz-column-gap: calc(12 * var(--width-multiplier));
       column-gap: calc(12 * var(--width-multiplier));
  row-gap: calc(24 * var(--width-multiplier));
}

.teams__link {
  display: flex;
  flex-direction: column;
  gap: calc(16 * var(--width-multiplier));
}

.teams__img {
  height: calc(356 * var(--width-multiplier));
  overflow: hidden;
  border-radius: calc(20 * var(--width-multiplier)) 0 calc(20 * var(--width-multiplier)) 0;
}

.teams__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.teams__info {
  display: flex;
  flex-direction: column;
  gap: calc(8 * var(--width-multiplier));
}

.teams__role {
  font-size: calc(24 * var(--width-multiplier));
  line-height: 1;
}

.teams__name {
  font-size: calc(14 * var(--width-multiplier));
  line-height: 1;
}

.who {
  padding-top: calc(94 * var(--width-multiplier));
}

.who__head {
  position: relative;
  max-width: calc(400 * var(--width-multiplier));
  margin: 0 auto;
  margin-bottom: calc(70 * var(--width-multiplier));
}

.who__title {
  text-align: center;
}

.who__label {
  position: absolute;
  text-transform: uppercase;
  font-size: calc(14 * var(--width-multiplier));
}

.who__label--tl {
  top: calc(-24 * var(--width-multiplier));
  left: calc(60 * var(--width-multiplier));
  --label-rotate: 3deg;
  transform: rotate(var(--label-rotate));
}

.who__label--tr {
  top: calc(-24 * var(--width-multiplier));
  right: calc(40 * var(--width-multiplier));
  --label-rotate: 6deg;
  transform: rotate(var(--label-rotate));
  font-size: calc(20 * var(--width-multiplier));
}

.who__label--bl {
  bottom: calc(-20 * var(--width-multiplier));
  left: calc(60 * var(--width-multiplier));
  --label-rotate: -9deg;
  transform: rotate(var(--label-rotate));
}

.who__label--br {
  bottom: calc(-16 * var(--width-multiplier));
  right: calc(64 * var(--width-multiplier));
  --label-rotate: 3deg;
  transform: rotate(var(--label-rotate));
}

.who__card {
  display: flex;
  gap: calc(40 * var(--width-multiplier));
  align-items: stretch;
  background-color: var(--dark-gray, #202020);
  border-radius: calc(24 * var(--width-multiplier));
  padding: calc(24 * var(--width-multiplier));
}

.who__img {
  flex-shrink: 0;
  width: calc(380 * var(--width-multiplier));
  aspect-ratio: 1/1;
  border-radius: calc(16 * var(--width-multiplier));
  overflow: hidden;
  background-color: #B8BCDF;
}

.who__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.who__content {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: calc(24 * var(--width-multiplier));
}

.who__text {
  font-size: calc(32 * var(--width-multiplier));
  line-height: 1.2;
}

.who__facts {
  display: flex;
  flex-direction: column;
  gap: calc(16 * var(--width-multiplier));
}

.who__facts-label {
  font-size: calc(14 * var(--width-multiplier));
  font-weight: 700;
}

.who__stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: calc(16 * var(--width-multiplier));
}

.who__stat {
  display: flex;
  flex-direction: column;
  gap: calc(4 * var(--width-multiplier));
}

.who__stat-value {
  font: 400 calc(24 * var(--width-multiplier))/1 CirceRounded;
  color: var(--accent, #9E61FF);
}

.who__stat-desc {
  max-width: calc(180 * var(--width-multiplier));
  font-size: calc(14 * var(--width-multiplier));
}

.work {
  padding-top: calc(94 * var(--width-multiplier));
}

.work__head {
  position: relative;
  max-width: calc(620 * var(--width-multiplier));
  margin: 0 auto;
  margin-bottom: calc(70 * var(--width-multiplier));
}

.work__title {
  text-align: center;
}

.work__label {
  position: absolute;
  text-transform: uppercase;
  font-size: calc(14 * var(--width-multiplier));
}

.work__label--tl {
  top: calc(-24 * var(--width-multiplier));
  left: calc(60 * var(--width-multiplier));
  --label-rotate: -10deg;
  transform: rotate(var(--label-rotate));
}

.work__label--tr {
  top: calc(-24 * var(--width-multiplier));
  right: calc(84 * var(--width-multiplier));
  --label-rotate: 6deg;
  transform: rotate(var(--label-rotate));
  font-size: calc(20 * var(--width-multiplier));
}

.work__label--bl {
  bottom: calc(-20 * var(--width-multiplier));
  left: calc(20 * var(--width-multiplier));
  --label-rotate: -10deg;
  transform: rotate(var(--label-rotate));
}

.work__label--br {
  bottom: calc(-24 * var(--width-multiplier));
  right: calc(64 * var(--width-multiplier));
  --label-rotate: -8deg;
  transform: rotate(var(--label-rotate));
  font-size: calc(20 * var(--width-multiplier));
}

.work__list {
  display: flex;
  flex-direction: column;
  gap: calc(8 * var(--width-multiplier));
  max-width: calc(964 * var(--width-multiplier));
  margin: 0 auto;
}

.work__item {
  display: flex;
  align-items: center;
  gap: calc(24 * var(--width-multiplier));
  padding: calc(24 * var(--width-multiplier));
  border-radius: calc(20 * var(--width-multiplier));
  background-color: var(--dark-gray, #202020);
  transition: background-color 0.3s ease-out, transform 0.3s ease-out;
}

.work__item:hover {
  background-color: var(--accent, #9E61FF);
  transform: rotate(1deg);
}

.work__img {
  flex-shrink: 0;
  width: calc(90 * var(--width-multiplier));
  aspect-ratio: 1/1;
  border-radius: calc(12 * var(--width-multiplier));
  overflow: hidden;
  background-color: rgba(200, 190, 240, 0.25);
}

.work__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.work__info {
  display: flex;
  flex-direction: column;
  gap: calc(8 * var(--width-multiplier));
}

.work__name {
  font: 400 calc(32 * var(--width-multiplier))/1.1 CirceRounded;
}

.work__desc {
  font-size: calc(14 * var(--width-multiplier));
  max-width: calc(260 * var(--width-multiplier));
}

.people__container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(40 * var(--width-multiplier));
}

.people__title {
  text-align: center;
  max-width: calc(620 * var(--width-multiplier));
}

.people__grid {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, auto);
  -moz-column-gap: calc(110 * var(--width-multiplier));
       column-gap: calc(110 * var(--width-multiplier));
  row-gap: calc(64 * var(--width-multiplier));
  align-items: center;
  justify-content: center;
}

.people__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(20 * var(--width-multiplier));
}

.people__item:nth-child(3n+2) .people__img {
  height: calc(480 * var(--width-multiplier));
}

.people__img {
  height: calc(356 * var(--width-multiplier));
}

.people__img img {
  width: auto;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.people__info {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(8 * var(--width-multiplier));
  text-align: center;
}

.people__name {
  font: 400 calc(24 * var(--width-multiplier))/1.1 CirceRounded;
}

.people__desc {
  max-width: calc(280 * var(--width-multiplier));
  font-size: calc(14 * var(--width-multiplier));
}

.history__head {
  position: relative;
  max-width: calc(504 * var(--width-multiplier));
  margin: 0 auto;
  margin-bottom: calc(70 * var(--width-multiplier));
}

.history__title {
  text-align: center;
}

.history__label {
  position: absolute;
  text-transform: uppercase;
  font-size: calc(14 * var(--width-multiplier));
}

.history__label--tl {
  top: calc(-24 * var(--width-multiplier));
  left: 0;
  --label-rotate: -10deg;
  transform: rotate(var(--label-rotate));
}

.history__label--tr {
  top: calc(-16 * var(--width-multiplier));
  right: calc(64 * var(--width-multiplier));
  --label-rotate: 6deg;
  transform: rotate(var(--label-rotate));
  font-size: calc(20 * var(--width-multiplier));
}

.history__label--bl {
  bottom: calc(-24 * var(--width-multiplier));
  left: calc(20 * var(--width-multiplier));
  --label-rotate: 8deg;
  transform: rotate(var(--label-rotate));
}

.history__label--br {
  bottom: calc(-24 * var(--width-multiplier));
  right: calc(44 * var(--width-multiplier));
  --label-rotate: -8deg;
  transform: rotate(var(--label-rotate));
  font-size: calc(20 * var(--width-multiplier));
}

.history__grid {
  display: flex;
  gap: calc(8 * var(--width-multiplier));
  align-items: start;
}

.history__col {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: calc(8 * var(--width-multiplier));
}

.history__card {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: calc(284 * var(--width-multiplier));
  background-color: var(--dark-gray, #202020);
  border-radius: calc(20 * var(--width-multiplier));
  padding: calc(24 * var(--width-multiplier));
  overflow: hidden;
}

.history__card--lg {
  min-height: calc(427 * var(--width-multiplier));
}

.history__card--lg img {
  max-width: calc(185 * var(--width-multiplier));
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}

.history__card--lg .history__desc {
  max-width: calc(360 * var(--width-multiplier));
}

.history__card--today {
  min-height: calc(400 * var(--width-multiplier));
}

.history__card--today img {
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}

.history__card-bottom {
  display: flex;
  flex-direction: column;
  gap: calc(8 * var(--width-multiplier));
  flex-shrink: 0;
}

.history__spark {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: calc(42 * var(--width-multiplier));
  height: calc(42 * var(--width-multiplier));
}

.history__spark img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.history__factum {
  flex-shrink: 0;
}

.history__year {
  font: 400 calc(32 * var(--width-multiplier))/1 CirceRounded;
}

.history__desc {
  font-size: calc(14 * var(--width-multiplier));
  max-width: calc(257 * var(--width-multiplier));
}

.values {
  position: relative;
  padding: 0;
  overflow: visible;
}

.values__bg {
  position: sticky;
  top: 0;
  z-index: 0;
  height: 100vh;
  overflow: hidden;
}

.values__bg > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.values__head-wrap .container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
  z-index: 1;
}

.values__head {
  position: relative;
  width: 100%;
  max-width: calc(504 * var(--width-multiplier));
  margin: 0 auto;
}

.values__title {
  text-align: center;
}

.values__label {
  position: absolute;
  text-transform: uppercase;
  font-size: calc(14 * var(--width-multiplier));
}

.values__label--tl {
  top: calc(-24 * var(--width-multiplier));
  left: calc(64 * var(--width-multiplier));
  --label-rotate: 12deg;
  transform: rotate(var(--label-rotate));
}

.values__label--tr {
  top: calc(-16 * var(--width-multiplier));
  right: calc(52 * var(--width-multiplier));
  --label-rotate: 6deg;
  transform: rotate(var(--label-rotate));
  font-size: calc(20 * var(--width-multiplier));
}

.values__label--bl {
  bottom: calc(-8 * var(--width-multiplier));
  left: calc(84 * var(--width-multiplier));
  --label-rotate: 8deg;
  transform: rotate(var(--label-rotate));
}

.values__label--br {
  bottom: calc(-16 * var(--width-multiplier));
  right: calc(8 * var(--width-multiplier));
  --label-rotate: -8deg;
  transform: rotate(var(--label-rotate));
  font-size: calc(20 * var(--width-multiplier));
}

.values__cards-wrap {
  position: relative;
  padding-top: calc(64 * var(--width-multiplier));
  padding-bottom: calc(64 * var(--width-multiplier));
  z-index: 1;
}

.values__cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  -moz-column-gap: calc(24 * var(--width-multiplier));
       column-gap: calc(24 * var(--width-multiplier));
  max-width: calc(1216 * var(--width-multiplier));
  margin: 0 auto;
}

.values__item {
  display: flex;
  flex-direction: column;
}

.values__item:nth-child(odd) {
  margin-top: calc(90 * var(--width-multiplier));
}

.values__img {
  width: 100%;
  height: calc(305 * var(--width-multiplier));
  border-radius: calc(20 * var(--width-multiplier));
  background-color: rgb(32, 32, 32);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
}

.values__img img {
  display: block;
  width: auto;
  height: 100%;
  margin: 0 auto;
}

.values__info {
  display: flex;
  flex-direction: column;
  gap: calc(8 * var(--width-multiplier));
  padding: calc(24 * var(--width-multiplier));
  border-radius: calc(20 * var(--width-multiplier));
  background-color: rgb(32, 32, 32);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  text-align: center;
}

.values__name {
  font: 400 calc(32 * var(--width-multiplier))/1.1 CirceRounded;
}

.values__desc {
  font-size: calc(14 * var(--width-multiplier));
  max-width: calc(320 * var(--width-multiplier));
  margin: 0 auto;
}

.faq {
  padding-top: calc(94 * var(--width-multiplier));
}

.faq__head {
  position: relative;
  max-width: calc(600 * var(--width-multiplier));
  margin: 0 auto;
  margin-bottom: calc(70 * var(--width-multiplier));
}

.faq__title {
  text-align: center;
}

.faq__label {
  position: absolute;
  text-transform: uppercase;
  font-size: calc(14 * var(--width-multiplier));
}

.faq__label--tl {
  top: calc(-24 * var(--width-multiplier));
  left: calc(110 * var(--width-multiplier));
  --label-rotate: 12deg;
  transform: rotate(var(--label-rotate));
}

.faq__label--tr {
  top: calc(-24 * var(--width-multiplier));
  right: 0;
  --label-rotate: 6deg;
  transform: rotate(var(--label-rotate));
  font-size: calc(20 * var(--width-multiplier));
}

.faq__label--bl {
  bottom: calc(-20 * var(--width-multiplier));
  left: calc(60 * var(--width-multiplier));
  --label-rotate: -12deg;
  transform: rotate(var(--label-rotate));
}

.faq__label--br {
  bottom: calc(-16 * var(--width-multiplier));
  right: calc(64 * var(--width-multiplier));
  --label-rotate: 3deg;
  transform: rotate(var(--label-rotate));
}

.faq__list {
  display: flex;
  flex-direction: column;
  gap: calc(8 * var(--width-multiplier));
  max-width: calc(964 * var(--width-multiplier));
  margin: 0 auto;
}

.faq__item {
  background-color: var(--dark-gray, #202020);
  border-radius: calc(20 * var(--width-multiplier));
  border: 1px solid var(--dark-gray, #202020);
  overflow: hidden;
  transition: border-color 0.3s ease-out;
}

.faq__item.is-open {
  border-color: #FA115B;
}

.faq__item.is-open .faq__icon svg {
  transform: rotate(45deg);
}

.faq__item:hover .faq__icon {
  background-color: #FA115B;
}

.faq__btn {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: calc(16 * var(--width-multiplier));
  padding: calc(24 * var(--width-multiplier));
  background: none;
  border: none;
  cursor: pointer;
  text-align: left;
}

.faq__question {
  color: var(--white, #FFFFFF);
  font: 400 calc(32 * var(--width-multiplier))/1.1 CirceRounded;
}

.faq__icon {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(42 * var(--width-multiplier));
  height: calc(42 * var(--width-multiplier));
  border-radius: calc(12 * var(--width-multiplier));
  background-color: rgba(255, 255, 255, 0.1);
  transition: background-color 0.3s ease-out;
}

.faq__icon svg {
  width: calc(16 * var(--width-multiplier));
  height: calc(16 * var(--width-multiplier));
  transition: transform 0.3s ease-out;
}

.faq__answer {
  height: 0;
  overflow: hidden;
}

.faq__answer p {
  max-width: calc(580 * var(--width-multiplier));
  padding: calc(24 * var(--width-multiplier));
  padding-top: 0;
}

.footer {
  background-color: var(--black, #000000);
}

.footer__container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: calc(680 * var(--width-multiplier));
  padding: calc(50 * var(--width-multiplier)) 0;
}

.footer__top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.footer__title {
  font: 400 calc(64 * var(--width-multiplier))/1.1 CirceRounded;
  max-width: calc(700 * var(--width-multiplier));
}

.footer__brand {
  width: calc(186 * var(--width-multiplier));
  height: calc(45 * var(--width-multiplier));
}

.footer__brand img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.footer__bottom {
  display: flex;
  gap: calc(24 * var(--width-multiplier));
}

.footer__col {
  display: flex;
  flex-direction: column;
  gap: calc(8 * var(--width-multiplier));
  min-width: calc(280 * var(--width-multiplier));
}

.footer__col:last-child {
  display: grid;
  grid-template-columns: repeat(2, auto);
  -moz-column-gap: calc(24 * var(--width-multiplier));
       column-gap: calc(24 * var(--width-multiplier));
  row-gap: calc(8 * var(--width-multiplier));
  margin-left: auto;
}

.footer__col:last-child .footer__col-title {
  grid-column: span 2;
}

.footer__col_inner {
  display: flex;
  flex-direction: column;
  gap: calc(8 * var(--width-multiplier));
}

.footer__col-title {
  font-weight: 700;
  margin-bottom: calc(8 * var(--width-multiplier));
}

.footer__col-info {
  font-size: calc(14 * var(--width-multiplier));
}

.footer__col-info span {
  color: rgba(255, 255, 255, 0.5);
}

.footer__col-info a {
  color: rgb(255, 255, 255);
  transition: color 0.3s ease-out;
}

.footer__col-info a:hover {
  color: var(--pink, #FA115B);
}

.case-hero {
  position: relative;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.case-hero__media {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.case-hero__media img,
.case-hero__media video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.case-hero__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.72) 100%);
  z-index: 1;
}

.case-hero .container {
  position: relative;
  z-index: 2;
  flex: 1;
  display: flex;
  flex-direction: column;
}

.case-hero__container {
  display: flex;
  align-items: flex-end;
  flex: 1;
  padding-top: calc(120 * var(--width-multiplier));
  padding-bottom: calc(64 * var(--width-multiplier));
}

.case-hero__content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: calc(24 * var(--width-multiplier));
  align-items: flex-end;
  width: 100%;
}

.case-hero__title {
  font: 400 calc(64 * var(--width-multiplier))/1.1 CirceRounded;
}

.case-hero__desc {
  max-width: calc(420 * var(--width-multiplier));
  margin-left: auto;
  font-size: calc(16 * var(--width-multiplier));
  color: rgba(255, 255, 255, 0.75);
}

.case-gallery__grid {
  display: flex;
  flex-direction: column;
  gap: calc(12 * var(--width-multiplier));
}

.case-gallery__item {
  position: relative;
  border-radius: calc(20 * var(--width-multiplier));
  overflow: hidden;
  background-color: var(--dark-gray, #202020);
}

.case-gallery__item img,
.case-gallery__item video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.case-gallery__item--wide {
  /* aspect-ratio: 16/7; */
  height: calc(600 * var(--width-multiplier));
}

.case-gallery__item:not(.case-gallery__item--wide) {
  /* aspect-ratio: 3/2; */
  height: calc(320 * var(--width-multiplier));
}

.case-gallery__row {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: calc(12 * var(--width-multiplier));
}

.news-inner {
  padding-top: calc(140 * var(--width-multiplier));
}

.news-inner__container {
  max-width: calc(964 * var(--width-multiplier));
  margin: 0 auto;
}

.news-inner__header {
  margin-bottom: calc(24 * var(--width-multiplier));
}

.news-inner__date {
  display: block;
  margin-bottom: calc(12 * var(--width-multiplier));
  font-size: calc(14 * var(--width-multiplier));
}

.news-inner__title {
  font: 400 calc(42 * var(--width-multiplier))/1.1 CirceRounded;
  text-transform: uppercase;
}

.news-inner__cover {
  height: calc(420 * var(--width-multiplier));
  margin-bottom: calc(42 * var(--width-multiplier));
  border-radius: calc(20 * var(--width-multiplier)) 0 calc(20 * var(--width-multiplier)) 0;
  overflow: hidden;
  background-color: var(--dark-gray, #202020);
}

.news-inner__cover img,
.news-inner__cover video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.news-article__layout {
  max-width: calc(574 * var(--width-multiplier));
  margin: 0 auto;
}

.news-article__body h1,
.news-article__body h2,
.news-article__body h3,
.news-article__body h4,
.news-article__body h5,
.news-article__body h6 {
  margin-bottom: calc(16 * var(--width-multiplier));
}

.news-article__body h2 {
  font: 400 calc(24 * var(--width-multiplier))/1.2 CirceRounded;
}

.news-article__body p,
.news-article__body ul,
.news-article__body ol {
  margin: calc(24 * var(--width-multiplier)) 0;
  margin-top: calc(16 * var(--width-multiplier));
}

.swiper {
  width: 100%;
  height: 100%;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (min-width: 1025px) {
  .header__burger {
    display: none;
  }
}

@media (max-width: 1024px) {
  :root {
    --width-base: 980;
    --width-current: 100vmin;
  }

  h1,
  h2 {
    font-size: calc(42 * var(--width-multiplier));
  }

  .container {
    padding: 0 calc(16 * var(--width-multiplier));
  }

  .header__container {
    position: relative;
    z-index: 1;
  }

  .header__nav {
    position: fixed;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #080808;
    opacity: 0;
    transform: translateY(calc(-16 * var(--width-multiplier)));
    pointer-events: none;
    transition: opacity 0.3s ease-out, transform 0.3s ease-out;
  }

  .header__nav.is-open {
    opacity: 1;
    transform: translateY(0);
    pointer-events: all;
  }

  .header__menu {
    flex-direction: column;
    align-items: center;
    gap: calc(8 * var(--width-multiplier));
  }

  .header__menu a {
    font-size: calc(24 * var(--width-multiplier));
    padding: calc(14 * var(--width-multiplier)) calc(32 * var(--width-multiplier));
    background-color: transparent;
  }

  .page-hero__container {
    min-height: 50vh;
  }

  .page-hero__title {
    font-size: calc(52 * var(--width-multiplier));
  }

  .home-hero__container {
    min-height: 50vh;
    padding-bottom: calc(64 * var(--width-multiplier));
  }

  .home-hero__bottom {
    gap: calc(24 * var(--width-multiplier));
  }

  .home-about__container {
    gap: calc(32 * var(--width-multiplier));
  }

  .home-about__top {
    gap: calc(32 * var(--width-multiplier));
  }

  .home-about__video {
    height: calc(300 * var(--width-multiplier));
    border-radius: calc(40 * var(--width-multiplier)) 0 calc(40 * var(--width-multiplier)) 0;
  }

  .services__head {
    margin-bottom: calc(50 * var(--width-multiplier));
  }

  .services__list {
    gap: calc(16 * var(--width-multiplier));
  }

  .services__item {
    grid-template-columns: calc(300 * var(--width-multiplier)) auto;
    gap: calc(24 * var(--width-multiplier));
  }

  .services__preview {
    padding: calc(16 * var(--width-multiplier));
  }

  .services__name {
    font-size: calc(24 * var(--width-multiplier));
  }

  .who__head {
    margin-bottom: calc(50 * var(--width-multiplier));
  }

  .who__text {
    font-size: calc(20 * var(--width-multiplier));
  }

  .who__stats {
    grid-template-columns: repeat(2, 1fr);
  }

  .who__stat-value {
    font-size: calc(20 * var(--width-multiplier));
  }

  .work__head {
    margin-bottom: calc(50 * var(--width-multiplier));
  }

  .people__grid {
    gap: calc(64 * var(--width-multiplier));
  }

  .history__head {
    margin-bottom: calc(50 * var(--width-multiplier));
  }

  .values__bg {
    height: 60vh;
  }

  .values__head-wrap .container {
    height: 60vh;
  }

  .faq__head {
    margin-bottom: calc(50 * var(--width-multiplier));
  }

  .footer__title {
    font-size: calc(48 * var(--width-multiplier));
  }

  .case-hero__title {
    font-size: calc(42 * var(--width-multiplier));
  }

  .news-inner__title {
    font-size: calc(32 * var(--width-multiplier));
  }

  .news-inner__cover {
    height: calc(320 * var(--width-multiplier));
  }
}

@media (max-width: 767px) {
  :root {
    --width-base: 375;
    --width-current: 100vmin;
  }

  h1,
  h2 {
    font-size: calc(32 * var(--width-multiplier));
  }

  h3 {
    font-size: calc(24 * var(--width-multiplier));
  }

  h4 {
    font-size: calc(20 * var(--width-multiplier));
  }

  .section-pad {
    padding: calc(32 * var(--width-multiplier)) 0;
  }

  .section-pad-top {
    padding-top: calc(32 * var(--width-multiplier));
  }

  .section-pad-bottom {
    padding-bottom: calc(32 * var(--width-multiplier));
  }

  .title-burst__label {
    display: none;
  }

  .header {
    padding-top: calc(16 * var(--width-multiplier));
  }

  .header .container {
    padding: 0 calc(8 * var(--width-multiplier));
  }

  .header__container {
    padding: calc(16 * var(--width-multiplier));
  }

  .page-hero__title {
    font-size: calc(28 * var(--width-multiplier));
  }

  .page-hero__badge {
    display: none;
  }

  .page-hero__desc {
    max-width: unset;
    font-size: calc(14 * var(--width-multiplier));
  }

  .home-hero__container {
    min-height: 100vh;
    padding-bottom: calc(24 * var(--width-multiplier));
  }

  .home-hero__letters {
    align-items: center;
    margin-bottom: calc(32 * var(--width-multiplier));
  }

  .home-hero__bottom {
    flex-direction: column;
    gap: calc(16 * var(--width-multiplier));
  }

  .home-hero__title {
    max-width: unset;
    font-size: calc(32 * var(--width-multiplier));
  }

  .home-hero__side {
    max-width: unset;
  }

  .home-about__container {
    gap: calc(24 * var(--width-multiplier));
  }

  .home-about__top {
    gap: calc(24 * var(--width-multiplier));
  }

  .home-about__group {
    max-width: unset;
  }

  .home-about__desc {
    max-width: unset;
  }

  .home-about__badge {
    display: none;
  }

  .home-about__video {
    height: calc(220 * var(--width-multiplier));
    border-radius: calc(20 * var(--width-multiplier)) 0 calc(20 * var(--width-multiplier)) 0;
  }

  .services__head {
    margin-bottom: calc(24 * var(--width-multiplier));
  }

  .services__list {
    gap: calc(12 * var(--width-multiplier));
  }

  .services__item {
    grid-template-columns: 1fr;
    gap: calc(16 * var(--width-multiplier));
    padding: calc(16 * var(--width-multiplier));
    border-radius: calc(16 * var(--width-multiplier));
  }

  .services__preview {
    height: calc(220 * var(--width-multiplier));
    padding: calc(8 * var(--width-multiplier));
    border-radius: calc(16 * var(--width-multiplier));
  }

  .services__content {
    min-height: 0;
    gap: calc(16 * var(--width-multiplier));
  }

  .services__name {
    font-size: calc(22 * var(--width-multiplier));
  }

  .services__info {
    grid-template-columns: 1fr;
    gap: calc(12 * var(--width-multiplier));
  }

  .cases__title-wrap {
    max-width: unset;
    margin-bottom: calc(24 * var(--width-multiplier));
  }

  .cases__label {
    display: none;
  }

  .cases__grid {
    grid-template-columns: 1fr;
  }

  .cases__item:nth-child(4n+2) {
    border-radius: calc(20 * var(--width-multiplier)) calc(80 * var(--width-multiplier)) calc(20 * var(--width-multiplier)) calc(20 * var(--width-multiplier));
  }

  .cases__item:nth-child(4n+3) {
    border-radius: calc(20 * var(--width-multiplier)) calc(20 * var(--width-multiplier)) calc(80 * var(--width-multiplier)) calc(20 * var(--width-multiplier));
  }

  .cases__inner {
    padding: calc(16 * var(--width-multiplier));
  }

  .cases__name {
    font-size: calc(20 * var(--width-multiplier));
  }

  .cases__more {
    width: 100%;
    margin-top: calc(24 * var(--width-multiplier));
  }

  .home-news__title-wrap {
    max-width: unset;
    margin-bottom: calc(24 * var(--width-multiplier));
  }

  .home-news__label {
    display: none;
  }

  .home-news__more {
    width: 100%;
    margin-top: calc(24 * var(--width-multiplier));
  }

  .news__grid {
    grid-template-columns: 1fr;
    gap: calc(16 * var(--width-multiplier));
  }

  .feedback__bg img {
    -o-object-position: 100%;
       object-position: 100%;
  }

  .feedback__container {
    min-height: calc(600 * var(--width-multiplier));
    padding: calc(34 * var(--width-multiplier)) 0;
  }

  .feedback__card {
    gap: calc(16 * var(--width-multiplier));
    padding: calc(16 * var(--width-multiplier));
  }

  .feedback__badge {
    display: none;
  }

  .teams__container {
    gap: calc(24 * var(--width-multiplier));
  }

  .teams__title {
    max-width: calc(320 * var(--width-multiplier));
  }

  .teams__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: calc(12 * var(--width-multiplier));
  }

  .teams__img {
    height: calc(180 * var(--width-multiplier));
  }

  .teams__role {
    font-size: calc(20 * var(--width-multiplier));
  }

  .who__head {
    margin-bottom: calc(24 * var(--width-multiplier));
  }

  .who__card {
    flex-direction: column;
    align-items: flex-start;
    gap: calc(24 * var(--width-multiplier));
    border-radius: calc(20 * var(--width-multiplier));
    padding: calc(16 * var(--width-multiplier));
  }

  .who__img {
    width: 100%;
    height: calc(220 * var(--width-multiplier));
    aspect-ratio: unset;
  }

  .who__text {
    font-size: calc(16 * var(--width-multiplier));
  }

  .who__stats {
    gap: calc(8 * var(--width-multiplier));
  }

  .work__head {
    margin-bottom: calc(24 * var(--width-multiplier));
  }

  .work__item {
    gap: calc(8 * var(--width-multiplier));
    padding: calc(12 * var(--width-multiplier));
  }

  .work__name {
    font-size: calc(20 * var(--width-multiplier));
  }

  .people__container {
    gap: calc(24 * var(--width-multiplier));
  }

  .people__title {
    max-width: calc(320 * var(--width-multiplier));
  }

  .people__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: calc(16 * var(--width-multiplier));
  }

  .people__item:nth-child(3n+2) .people__img {
    height: calc(180 * var(--width-multiplier));
  }

  .people__img {
    height: calc(180 * var(--width-multiplier));
  }

  .people__name {
    font-size: calc(20 * var(--width-multiplier));
  }

  .people__desc {
    font-size: calc(12 * var(--width-multiplier));
  }

  .history__head {
    margin-bottom: calc(24 * var(--width-multiplier));
  }

  .history__grid {
    flex-direction: column;
  }

  .history__card--lg img {
    max-width: calc(100 * var(--width-multiplier));
  }

  .history__card {
    gap: calc(16 * var(--width-multiplier));
    min-height: calc(220 * var(--width-multiplier));
    padding: calc(16 * var(--width-multiplier));
  }

  .values__bg {
    position: relative;
    height: 35vh;
  }

  .values__head-wrap .container {
    height: 35vh;
  }

  .values__cards-wrap {
    padding-top: calc(32 * var(--width-multiplier));
    padding-bottom: calc(32 * var(--width-multiplier));
  }

  .values__cards {
    grid-template-columns: 1fr;
    gap: calc(16 * var(--width-multiplier));
  }

  .values__item:nth-child(odd) {
    margin-top: 0;
  }

  .values__img {
    height: calc(220 * var(--width-multiplier));
  }

  .values__info {
    padding: calc(16 * var(--width-multiplier));
  }

  .faq__head {
    margin-bottom: calc(24 * var(--width-multiplier));
  }

  .faq__btn {
    padding: calc(16 * var(--width-multiplier));
  }

  .faq__question {
    font-size: calc(20 * var(--width-multiplier));
  }

  .faq__icon svg {
    width: calc(12 * var(--width-multiplier));
    height: calc(12 * var(--width-multiplier));
  }

  .faq__icon {
    width: calc(32 * var(--width-multiplier));
    height: calc(32 * var(--width-multiplier));
    border-radius: calc(8 * var(--width-multiplier));
  }

  .faq__answer p {
    padding: calc(16 * var(--width-multiplier));
    padding-top: 0;
  }

  .footer__container {
    min-height: unset;
    padding: calc(32 * var(--width-multiplier)) 0;
  }

  .footer__top {
    flex-direction: column;
    justify-content: flex-start;
    gap: calc(16 * var(--width-multiplier));
    margin-bottom: calc(32 * var(--width-multiplier));
  }

  .footer__title {
    order: 1;
    max-width: unset;
    font-size: calc(24 * var(--width-multiplier));
  }

  .footer__bottom {
    flex-direction: column;
  }

  .footer__col:last-child {
    grid-template-columns: 1fr;
  }

  .footer__col:last-child .footer__col-title {
    grid-column: unset;
  }

  .footer__col {
    min-width: unset;
    width: 100%;
  }

  .case-hero__container {
    padding-bottom: calc(32 * var(--width-multiplier));
  }

  .case-hero__title {
    font-size: calc(32 * var(--width-multiplier));
  }

  .case-hero__desc {
    max-width: unset;
    margin: unset;
    font-size: calc(14 * var(--width-multiplier));
  }

  .case-hero__content {
    grid-template-columns: 1fr;
    gap: calc(16 * var(--width-multiplier));
  }

  .case-gallery__item--wide {
    /* aspect-ratio: 4/3; */
    height: calc(220 * var(--width-multiplier));
  }

  .case-gallery__item:not(.case-gallery__item--wide) {
    height: calc(180 * var(--width-multiplier));
  }

  .case-gallery__row {
    grid-template-columns: 1fr;
  }

  .news-inner {
    padding-top: calc(120 * var(--width-multiplier));
  }

  .news-inner__title {
    font-size: calc(24 * var(--width-multiplier));
  }

  .news-inner__cover {
    height: calc(220 * var(--width-multiplier));
    margin-bottom: calc(24 * var(--width-multiplier));
  }

  .news-article__body h1,
  .news-article__body h2,
  .news-article__body h3,
  .news-article__body h4,
  .news-article__body h5,
  .news-article__body h6 {
    margin-bottom: calc(8 * var(--width-multiplier));
  }

  .news-article__body h2 {
    font-size: calc(22 * var(--width-multiplier));
  }

  .news-article__body p,
  .news-article__body ul,
  .news-article__body ol {
    margin: calc(16 * var(--width-multiplier)) 0;
    margin-top: calc(8 * var(--width-multiplier));
  }
}

@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }

  .title-burst__label,
  .title-burst__label::after {
    animation: none !important;
  }

  .title-burst__label {
    opacity: 1 !important;
    filter: none !important;
    transform: translate3d(0, 0, 0) rotate(var(--label-rotate, 0deg)) scale(1) !important;
  }
}