@media (min-width: 1920px) {
  :root {
    --content: clamp(1140px, 59.375vw, 4750px);
    --content-gutter: clamp(48px, 2.5vw, 200px);
    --hero-content: clamp(1200px, 62.5vw, 5000px);
    --body-font-size: clamp(16px, .833333vw, 66.667px);
    --section-space: clamp(110px, 5.729167vw, 458.333px);
    --section-title-size: clamp(42px, 2.1875vw, 175px);
    --section-title-gap: clamp(56px, 2.916667vw, 233.333px);
    --advantage-grid-gap: clamp(18px, .9375vw, 75px);
    --project-grid-row-gap: clamp(42px, 2.1875vw, 175px);
    --project-grid-column-gap: clamp(38px, 1.979167vw, 158.333px);
    --other-project-content: clamp(920px, 47.916667vw, 3833.333px);
    --partner-content: clamp(1168px, 60.833333vw, 4866.667px);
    --radius: clamp(10px, .520833vw, 41.667px);
    --header-height: clamp(80px, 4.166667vw, 333.333px);
  }

  html {
    scroll-padding-top: calc(var(--header-height) + clamp(20px, 1.041667vw, 83.333px));
  }

  .header-shell {
    grid-template-columns: clamp(190px, 9.895833vw, 791.667px) 1fr clamp(150px, 7.8125vw, 625px);
    gap: clamp(24px, 1.25vw, 100px);
  }

  .brand {
    width: clamp(122px, 6.354167vw, 508.333px);
  }

  .primary-nav {
    gap: clamp(64px, 3.333333vw, 266.667px);
  }

  .primary-nav a {
    font-size: clamp(20px, 1.041667vw, 83.333px);
  }

  .language-option {
    font-size: clamp(14px, .729167vw, 58.333px);
  }

  .language-menu {
    --language-menu-width: clamp(132px, 6.875vw, 550px);
  }

  .language-trigger {
    height: clamp(40px, 2.083333vw, 166.667px);
    gap: clamp(14px, .729167vw, 58.333px);
    padding-inline: clamp(14px, .729167vw, 58.333px);
    font-size: clamp(16px, .833333vw, 66.667px);
  }

  .language-chevron {
    width: clamp(11px, .572917vw, 45.833px);
    height: clamp(11px, .572917vw, 45.833px);
    border-width: 0 clamp(2px, .104167vw, 8.333px) clamp(2px, .104167vw, 8.333px) 0;
  }

  .language-options {
    padding-block: clamp(16px, .833333vw, 66.667px) clamp(20px, 1.041667vw, 83.333px);
    border-radius: 0 0 clamp(22px, 1.145833vw, 91.667px) clamp(22px, 1.145833vw, 91.667px);
  }

  .language-option {
    padding: clamp(7px, .364583vw, 29.167px) clamp(14px, .729167vw, 58.333px);
  }

  .hero {
    --ticker-height: clamp(100px, 5.208333vw, 416.667px);
    --hero-media-height: 46.875vw;
  }

  .hero-content {
    margin-top: clamp(140px, 7.291667vw, 583.333px);
  }

  .hero-title {
    max-width: clamp(900px, 46.875vw, 3750px);
    margin-bottom: clamp(30px, 1.5625vw, 125px);
    font-size: clamp(52px, 2.708333vw, 216.667px);
    line-height: clamp(60px, 3.125vw, 250px);
  }

  html[lang="en"] .hero-title {
    line-height: clamp(60px, 3.125vw, 250px);
  }

  .hero p {
    max-width: clamp(670px, 34.895833vw, 2791.667px);
    margin-top: 0;
    margin-bottom: clamp(47px, 2.447917vw, 195.833px);
    font-size: clamp(18px, .9375vw, 75px);
    line-height: clamp(21px, 1.09375vw, 87.5px);
  }

  .hero-actions {
    gap: clamp(22px, 1.145833vw, 91.667px);
  }

  .button {
    width: clamp(200px, 10.416667vw, 833.333px);
    height: clamp(50px, 2.604167vw, 208.333px);
    padding-inline: clamp(28px, 1.458333vw, 116.667px);
    border-radius: clamp(5px, .260417vw, 20.833px);
    font-size: clamp(16px, .833333vw, 66.667px);
  }

  .hero-watermark,
  .team-watermark {
    width: min(62.5vw, 5000px);
  }

  .ticker {
    --ticker-repeat-gap: clamp(240px, 12.5vw, 1000px);
  }

  .ticker-stat,
  .ticker-clients {
    font-size: clamp(24px, 1.25vw, 100px);
  }

  .ticker-stat {
    padding-inline: clamp(28px, 1.458333vw, 116.667px);
  }

  .ticker-stat::before {
    width: clamp(7px, .364583vw, 29.167px);
    height: clamp(7px, .364583vw, 29.167px);
  }

  .ticker-clients {
    margin-left: clamp(72px, 3.75vw, 300px);
  }

  .advantages,
  .projects,
  .team-section,
  .partners,
  .contact-section {
    contain-intrinsic-size: auto clamp(900px, 46.875vw, 3750px);
  }

  .section-title > span {
    width: clamp(58px, 3.020833vw, 241.667px);
    height: clamp(18px, .9375vw, 75px);
    margin-left: clamp(14px, .729167vw, 58.333px);
  }

  .section-title > span::before,
  .section-title > span::after {
    height: clamp(2px, .104167vw, 8.333px);
  }

  .section-title > span::before {
    top: clamp(3px, .15625vw, 12.5px);
    width: clamp(34px, 1.770833vw, 141.667px);
  }

  .section-title > span::after {
    bottom: clamp(3px, .15625vw, 12.5px);
    width: clamp(58px, 3.020833vw, 241.667px);
  }

  .advantages .content-shell {
    width: clamp(1200px, 62.5vw, 5000px);
    max-width: clamp(1200px, 62.5vw, 5000px);
  }

  .advantage-grid {
    grid-template-columns: repeat(4, clamp(282px, 14.6875vw, 1175px));
    gap: clamp(24px, 1.25vw, 100px);
  }

  .advantage-card {
    width: clamp(282px, 14.6875vw, 1175px);
    height: clamp(360px, 18.75vw, 1500px);
    min-height: clamp(360px, 18.75vw, 1500px);
    padding: clamp(34px, 1.770833vw, 141.667px) clamp(28px, 1.458333vw, 116.667px) clamp(28px, 1.458333vw, 116.667px);
    border-radius: clamp(14px, .729167vw, 58.333px);
  }

  .advantage-card img {
    width: clamp(36px, 1.875vw, 150px);
    height: clamp(36px, 1.875vw, 150px);
    margin-bottom: clamp(25px, 1.302083vw, 104.167px);
  }

  .advantage-heading {
    margin-bottom: clamp(12px, .625vw, 50px);
    font-size: clamp(19px, .989583vw, 79.167px);
  }

  .advantage-card p {
    font-size: clamp(14px, .729167vw, 58.333px);
  }

  html[lang="en"] .advantage-card p {
    font-size: clamp(12px, .625vw, 50px);
    line-height: 1.6;
  }

  .projects {
    padding-top: clamp(75px, 3.90625vw, 312.5px);
  }

  .wegame-feature {
    grid-template-columns: clamp(347px, 18.072917vw, 1445.833px) minmax(0, 1fr);
    gap: clamp(8px, .416667vw, 33.333px);
    align-items: start;
    margin-bottom: var(--section-space);
  }

  .wegame-copy {
    padding-top: clamp(80px, 4.166667vw, 333.333px);
  }

  .wegame-heading {
    display: flex;
    width: clamp(347px, 18.072917vw, 1445.833px);
    height: clamp(62px, 3.229167vw, 258.333px);
    align-items: center;
    margin-bottom: clamp(27px, 1.40625vw, 112.5px);
    font-size: clamp(42px, 2.1875vw, 175px);
    font-weight: 500;
    letter-spacing: clamp(-2.083px, -.026042vw, -.5px);
    white-space: nowrap;
  }

  html[lang="en"] .wegame-heading {
    letter-spacing: clamp(-6.25px, -.078125vw, -1.5px);
  }

  .project-detail-title,
  .wegame-copy p {
    width: clamp(338px, 17.604167vw, 1408.333px);
    max-width: 100%;
  }

  .project-detail-title {
    margin-bottom: clamp(10px, .520833vw, 41.667px);
    font-size: clamp(24px, 1.25vw, 100px);
  }

  .wegame-copy p {
    font-size: clamp(18px, .9375vw, 75px);
  }

  .wegame-copy p::before {
    width: clamp(13px, .677083vw, 54.167px);
    height: clamp(13px, .677083vw, 54.167px);
    margin-right: clamp(9px, .46875vw, 37.5px);
    border-width: clamp(1px, .052083vw, 4.167px);
    font-size: clamp(9px, .46875vw, 37.5px);
  }

  .wegame-copy .project-meta {
    margin-bottom: clamp(8px, .416667vw, 33.333px);
  }

  .wegame-gallery {
    width: calc(100% + max(clamp(24px, 1.25vw, 100px), 20.3125vw));
    max-width: calc(100% + max(clamp(24px, 1.25vw, 100px), 20.3125vw));
  }

  .project-track {
    gap: clamp(13px, .677083vw, 54.167px);
    padding-block: clamp(15px, .78125vw, 62.5px) clamp(18px, .9375vw, 75px);
  }

  .poster-card {
    flex-basis: clamp(420px, 21.875vw, 1750px);
    width: clamp(420px, 21.875vw, 1750px);
    padding: clamp(1px, .052083vw, 4.167px);
  }

  .language-badge {
    top: clamp(-62.5px, -.78125vw, -15px);
    padding: clamp(6px, .3125vw, 25px) clamp(10px, .520833vw, 41.667px);
    font-size: clamp(12px, .625vw, 50px);
  }

  .project-dots {
    width: clamp(420px, 21.875vw, 1750px);
    min-height: clamp(20px, 1.041667vw, 83.333px);
    margin-top: clamp(18px, .9375vw, 75px);
  }

  .project-dot {
    width: clamp(20px, 1.041667vw, 83.333px);
    height: clamp(20px, 1.041667vw, 83.333px);
  }

  .project-group {
    --project-group-space: clamp(100px, 5.208333vw, 416.667px);
  }

  .subsection-title {
    gap: clamp(22px, 1.145833vw, 91.667px);
    margin-bottom: clamp(85px, 4.427083vw, 354.167px);
    font-size: clamp(27px, 1.40625vw, 112.5px);
  }

  .subsection-title::after {
    height: clamp(1px, .052083vw, 4.167px);
  }

  .project-card-title {
    margin: clamp(16px, .833333vw, 66.667px) 0 clamp(8px, .416667vw, 33.333px);
    font-size: clamp(20px, 1.041667vw, 83.333px);
  }

  .project-card p,
  .wide-project-card p {
    margin-bottom: clamp(2px, .104167vw, 8.333px);
    font-size: clamp(13px, .677083vw, 54.167px);
  }

  .project-media {
    border-radius: var(--radius);
  }

  .wide-project-card {
    grid-template-columns: minmax(clamp(300px, 15.625vw, 1250px), 1fr) minmax(clamp(250px, 13.020833vw, 1041.667px), 1.25fr);
    gap: clamp(34px, 1.770833vw, 141.667px);
    margin-bottom: clamp(32px, 1.666667vw, 133.333px);
  }

  .wide-project-card > div:last-child {
    padding-right: clamp(10px, .520833vw, 41.667px);
  }

  .team-section {
    padding: clamp(100px, 5.208333vw, 416.667px) 0 clamp(118px, 6.145833vw, 491.667px);
  }

  .team-title {
    max-width: clamp(830px, 43.229167vw, 3458.333px);
    margin-bottom: clamp(28px, 1.458333vw, 116.667px);
    font-size: clamp(48px, 2.5vw, 200px);
  }

  .team-content > p {
    max-width: none;
    font-size: clamp(15px, .78125vw, 62.5px);
  }

  .community-games {
    width: 100%;
    margin-top: clamp(34px, 1.770833vw, 141.667px);
    column-gap: clamp(14px, .729167vw, 58.333px);
    row-gap: clamp(12px, .625vw, 50px);
  }

  .partner-grid {
    gap: clamp(12px, .625vw, 50px);
  }

  .partner-grid > .partner-logo {
    --logo-inline-space: clamp(36px, 1.875vw, 150px);
    --logo-block-space: clamp(28px, 1.458333vw, 116.667px);
    max-width: clamp(224px, 11.666667vw, 933.333px);
    max-height: clamp(129px, 6.71875vw, 537.5px);
    border-radius: clamp(8px, .416667vw, 33.333px);
  }

  .contact-layout {
    grid-template-columns: minmax(clamp(280px, 14.583333vw, 1166.667px), .75fr) minmax(clamp(520px, 27.083333vw, 2166.667px), 1.25fr);
    gap: clamp(110px, 5.729167vw, 458.333px);
    padding-top: clamp(65px, 3.385417vw, 270.833px);
  }

  .contact-block + .contact-block {
    margin-top: clamp(60px, 3.125vw, 250px);
  }

  .contact-heading {
    margin-bottom: clamp(12px, .625vw, 50px);
    font-size: clamp(36px, 1.875vw, 150px);
  }

  .contact-block p,
  .contact-form label,
  .contact-form legend {
    font-size: clamp(17px, .885417vw, 70.833px);
  }

  .contact-item {
    width: min(100%, clamp(340px, 17.708333vw, 1416.667px));
    margin-top: clamp(10px, .520833vw, 41.667px);
    padding: clamp(10px, .520833vw, 41.667px) clamp(16px, .833333vw, 66.667px);
  }

  .contact-form fieldset {
    margin-block: clamp(26px, 1.354167vw, 108.333px);
  }

  .field-grid {
    gap: clamp(14px, .729167vw, 58.333px);
  }

  .contact-form input,
  .contact-form select,
  .custom-select-trigger {
    height: clamp(54px, 2.8125vw, 225px);
  }

  .contact-form input,
  .contact-form select {
    padding-inline: clamp(18px, .9375vw, 75px);
  }

  .custom-select-trigger {
    gap: clamp(16px, .833333vw, 66.667px);
    padding-inline: clamp(20px, 1.041667vw, 83.333px);
  }

  .custom-select-trigger::after {
    width: clamp(8px, .416667vw, 33.333px);
    height: clamp(8px, .416667vw, 33.333px);
  }

  .custom-select-options {
    top: calc(100% + clamp(4px, .208333vw, 16.667px));
    max-height: clamp(270px, 14.0625vw, 1125px);
    border-radius: clamp(8px, .416667vw, 33.333px);
  }

  .custom-select-option {
    padding: clamp(13px, .677083vw, 54.167px) clamp(18px, .9375vw, 75px);
  }

  .contact-form textarea {
    min-height: clamp(170px, 8.854167vw, 708.333px);
    padding: clamp(15px, .78125vw, 62.5px) clamp(18px, .9375vw, 75px);
  }

  .field-wrap label,
  .field-error {
    font-size: clamp(12px, .625vw, 50px);
  }

  .submit-button {
    width: clamp(104px, 5.416667vw, 433.333px);
    height: clamp(54px, 2.8125vw, 225px);
    margin-top: clamp(20px, 1.041667vw, 83.333px);
    font-size: clamp(16px, .833333vw, 66.667px);
  }

  .site-footer {
    min-height: clamp(270px, 14.0625vw, 1125px);
    padding-block: clamp(72px, 3.75vw, 300px);
    font-size: clamp(13px, .677083vw, 54.167px);
  }
}

@media (max-width: 1040px) {
  .header-shell {
    grid-template-columns: 150px 1fr 150px;
  }

  .primary-nav {
    gap: 28px;
  }

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

  .advantage-card {
    min-height: 245px;
  }

  .wegame-feature {
    grid-template-columns: 240px minmax(0, 1fr);
    gap: 32px;
  }

  .contact-layout {
    grid-template-columns: minmax(250px, .7fr) minmax(470px, 1.3fr);
    gap: 60px;
  }
}

@media (max-width: 820px) {
  :root {
    --header-height: 106px;
  }

  .content-shell,
  .header-shell {
    width: min(calc(100% - 30px), var(--content));
  }

  .partners .content-shell {
    width: min(calc(100% - 30px), 1168px);
  }

  .site-header {
    height: var(--header-height);
  }

  .header-shell {
    grid-template-columns: 1fr auto;
    grid-template-areas:
      "brand language"
      "nav nav";
    grid-template-rows: 58px 48px;
    gap: 0 18px;
  }

  .brand {
    grid-area: brand;
    width: 100px;
  }

  .language-menu {
    --language-menu-width: 116px;
    grid-area: language;
  }

  .language-trigger {
    height: 34px;
    padding-inline: 11px;
    font-size: 11px;
  }

  .language-options {
    padding: 12px 0 16px;
    border-radius: 0 0 16px 16px;
  }

  .language-option {
    padding: 6px 11px;
    font-size: 11px;
  }

  .primary-nav {
    grid-area: nav;
    justify-self: stretch;
    justify-content: space-between;
    gap: 25px;
    overflow-x: auto;
    scrollbar-width: none;
  }

  .primary-nav::-webkit-scrollbar {
    display: none;
  }

  .primary-nav a {
    flex: 0 0 auto;
    padding-block: 8px;
    font-size: 12px;
  }

  .hero {
    --ticker-height: 34px;
    --hero-media-height: clamp(340px, 52vw, 420px);
    height: calc(var(--hero-media-height) + var(--ticker-height));
    min-height: 0;
    align-items: flex-start;
  }

  .hero-video {
    object-position: center center;
  }

  .hero-content {
    margin-top: 0;
    padding-top: 54px;
    padding-bottom: 70px;
  }

  .hero-title {
    max-width: 470px;
    font-size: clamp(29px, 7vw, 45px);
    line-height: 1.2;
  }

  .hero p {
    max-width: 470px;
    margin-top: 10px;
    margin-bottom: 22px;
    font-size: 13px;
    line-height: 1.55;
  }

  .hero-actions {
    gap: 12px;
  }

  .button {
    width: auto;
    height: auto;
    min-width: 116px;
    padding: 9px 16px;
    font-size: 13px;
  }

  .hero-watermark {
    width: 82vw;
  }

  .ticker {
    --ticker-repeat-gap: clamp(96px, 20vw, 160px);
    height: var(--ticker-height);
  }

  .ticker-group span {
    font-size: 11px;
  }

  .ticker-stat {
    padding-inline: 22px;
  }

  .ticker-clients {
    margin-left: 44px;
  }

  .advantages,
  .projects,
  .partners {
    padding: 72px 0;
  }

  .section-title,
  .image-section-title {
    margin-bottom: 36px;
    font-size: 27px;
  }

  .image-section-title img {
    width: 190px;
    height: auto;
  }

  .advantage-grid {
    gap: 12px;
  }

  .advantage-card {
    min-height: 230px;
    padding: 22px 18px 20px;
    border-radius: 11px;
  }

  .advantage-card img {
    width: 30px;
    height: 30px;
    margin-bottom: 17px;
  }

  .advantage-heading {
    margin-bottom: 8px;
    font-size: 16px;
  }

  .advantage-card p {
    font-size: 12px;
    line-height: 1.6;
  }

  .wegame-feature {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 26px;
    margin-bottom: 80px;
  }

  .wegame-gallery {
    order: 1;
    width: 100%;
  }

  .project-track {
    gap: 9px;
    padding-inline: 0;
  }

  .wegame-copy {
    order: 2;
  }

  .wegame-heading {
    margin-bottom: 14px;
    font-size: 20px;
  }

  .project-detail-title {
    font-size: 17px;
  }

  .poster-card {
    flex-basis: calc(33.333333% - 6px);
    width: calc(33.333333% - 6px);
    max-width: none;
  }

  .language-badge {
    right: 8%;
    top: -10px;
    font-size: 9px;
  }

  .project-dots {
    width: calc((100% - 18px) / 3);
    margin-top: 10px;
  }

  .project-dot {
    width: 9px;
    height: 9px;
  }

  .project-group {
    --project-group-space: 68px;
  }

  .subsection-title {
    gap: 12px;
    margin-bottom: 24px;
    font-size: 20px;
  }

  .project-grid {
    gap: 28px 14px;
  }

  .project-card-title {
    margin: 10px 0 5px;
    font-size: 15px;
  }

  .project-card p,
  .wide-project-card p {
    font-size: 11px;
    line-height: 1.5;
  }

  .wide-project-card {
    grid-template-columns: minmax(165px, .9fr) minmax(150px, 1.1fr);
    gap: 18px;
    margin-bottom: 20px;
  }

  .team-section {
    padding: 72px 0 88px;
  }

  .team-title {
    font-size: 28px;
  }

  .team-content > p {
    font-size: 13px;
  }

  .community-games {
    margin-top: 24px;
  }

  .partner-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 8px;
  }

  .partner-grid > .partner-logo {
    --logo-inline-space: 14px;
    --logo-block-space: 10px;
  }

  .contact-section {
    padding: 72px 0;
  }

  .contact-layout {
    display: flex;
    flex-direction: column;
    gap: 62px;
    padding-top: 44px;
  }

  .form-panel {
    order: 1;
  }

  .contact-info {
    order: 2;
  }

  .contact-item {
    width: 100%;
  }

  .contact-block + .contact-block {
    margin-top: 42px;
  }

  .contact-heading {
    font-size: 28px;
  }

  .contact-form label,
  .contact-form legend {
    font-size: 16px;
  }

  .site-footer {
    min-height: 210px;
    padding: 48px 0 56px;
    font-size: 12px;
  }
}

@media (max-width: 480px) {
  :root {
    --header-height: 42px;
  }

  .content-shell,
  .header-shell {
    width: min(calc(100% - 22px), var(--content));
  }

  .partners .content-shell {
    width: min(calc(100% - 22px), 1168px);
  }

  .header-shell {
    width: calc(100% - 40px);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
  }

  .brand {
    display: none;
  }

  .primary-nav {
    grid-area: auto;
    flex: 1;
    justify-self: auto;
    justify-content: space-between;
    gap: 0;
    overflow: visible;
  }

  .primary-nav a {
    padding-block: 0;
    font-size: 14px;
  }

  html[lang="en"] .primary-nav a {
    font-size: 10px;
  }

  .language-menu {
    --language-menu-width: 82px;
    grid-area: auto;
    flex: 0 0 var(--language-menu-width);
    justify-self: auto;
  }

  .language-trigger {
    min-width: 0;
    height: 30px;
    gap: 6px;
    padding-inline: 8px;
    font-size: 12px;
    white-space: nowrap;
  }

  .language-trigger > span:first-child {
    min-width: 0;
    white-space: nowrap;
  }

  .language-chevron {
    flex: 0 0 7px;
    width: 7px;
    height: 7px;
    border-width: 0 1px 1px 0;
    transform: translateY(-2px) rotate(45deg);
  }

  .language-trigger[aria-expanded="true"] .language-chevron {
    transform: translateY(2px) rotate(225deg);
  }

  .language-options {
    min-width: 0;
  }

  .language-option {
    padding-inline: 14px;
    font-size: 12px;
  }

  .hero {
    --hero-media-height: 46.875vw;
    height: calc(var(--hero-media-height) + var(--ticker-height));
    min-height: 0;
  }

  .hero-content {
    width: calc(100% - 70px);
    height: var(--hero-media-height);
    margin: 0 auto;
    padding-top: 25px;
    padding-bottom: 0;
  }

  .hero-title {
    max-width: 270px;
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 1.5;
  }

  .hero p {
    display: none;
  }

  html[lang="en"] .hero-content {
    padding-top: 14px;
  }

  html[lang="en"] .hero-title {
    max-width: 315px;
    font-size: 18px;
    line-height: 1.12;
  }

  html[lang="en"] .hero p {
    max-width: 310px;
    margin-top: 5px;
    margin-bottom: 8px;
    font-size: 8px;
    line-height: 1.35;
  }

  html[lang="en"] .hero .button {
    width: 66px;
    min-width: 66px;
    height: 18px;
    padding: 0;
    font-size: 8px;
  }

  .button {
    width: 66px;
    min-width: 66px;
    height: 18px;
    padding: 0;
    border-radius: 2px;
    font-size: 8px;
  }

  .hero-actions {
    gap: 12px;
  }

  .hero-watermark {
    width: clamp(210px, 65.6vw, 282px);
    height: clamp(40px, 12.533vw, 54px);
    max-width: none;
    object-fit: fill;
    opacity: .25;
  }

  .advantages,
  .projects,
  .partners {
    padding: 20px 0;
  }

  .advantages {
    padding-bottom: 0;
  }

  .section-title {
    margin-bottom: 20px;
    font-size: 16px;
  }

  .section-title > span {
    width: 38px;
    height: 14px;
    margin-left: 8px;
  }

  .section-title > span::before {
    top: 2px;
    width: 22px;
  }

  .section-title > span::after {
    bottom: 2px;
    width: 38px;
  }

  .advantage-grid {
    gap: 8px;
  }

  .advantage-card {
    min-height: 220px;
    padding: 17px 13px 15px;
  }

  .advantage-card img {
    width: 27px;
    height: 27px;
    margin-bottom: 13px;
  }

  .advantage-heading {
    font-size: 14px;
  }

  .advantage-card p {
    font-size: 10px;
    line-height: 1.55;
  }

  .advantages-en .advantage-card {
    min-height: 250px;
  }

  .advantages-en .advantage-heading {
    font-size: 12px;
  }

  .project-track {
    gap: 9px;
    margin-inline: 0;
    padding-inline: 0;
  }

  .wegame-feature {
    gap: 0;
    margin-bottom: 20px;
  }

  .wegame-copy {
    display: contents;
  }

  .wegame-heading {
    order: 1;
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0 0 14px;
    font-size: 16px;
  }

  .wegame-heading::after {
    content: "";
    flex: 1;
    height: 1px;
    background: rgba(255, 203, 56, .28);
  }

  .wegame-gallery {
    order: 2;
    margin-bottom: 12px;
  }

  .project-detail-title {
    order: 3;
  }

  .wegame-copy .project-meta {
    order: 4;
  }

  .wegame-copy p:not(.project-meta) {
    order: 5;
  }

  .project-group {
    --project-group-space: 20px;
  }

  .subsection-title {
    margin-bottom: 20px;
    font-size: 16px;
  }

  .subsection-title::after {
    display: block;
    background: rgba(255, 203, 56, .28);
  }

  .project-dots {
    height: 6px;
    min-height: 6px;
    margin: 0 auto;
    align-items: center;
  }

  .project-dot {
    width: 6px;
    height: 6px;
  }

  .poster-card {
    flex-basis: calc(33.333333% - 6px);
    width: calc(33.333333% - 6px);
  }

  .wegame-copy p {
    font-size: 11px;
  }

  .project-grid {
    gap: 22px 10px;
  }

  .project-card p,
  .wide-project-card p {
    font-size: 9px;
  }

  .wide-project-card {
    grid-template-columns: minmax(135px, .9fr) minmax(135px, 1.1fr);
    gap: 12px;
  }

  .team-section {
    padding: 35px 0 55px;
  }

  .team-content {
    width: calc(100% - 40px);
  }

  .light-cut {
    clip-path: polygon(18% 0, 82% 0, 84% 10px, 100% 10px, 100% calc(100% - 10px), 84% calc(100% - 10px), 82% 100%, 18% 100%, 16% calc(100% - 10px), 0 calc(100% - 10px), 0 10px, 16% 10px);
  }

  .team-title {
    color: #000;
    font-size: 14px;
  }

  .team-title span {
    color: #000;
    font-size: 14px;
  }

  .team-watermark {
    width: 245px;
    height: 35px;
    aspect-ratio: auto;
    opacity: .5;
  }

  .team-content > p {
    font-size: 10px;
    line-height: 1.55;
  }

  .partner-grid {
    gap: 6px;
  }

  .partner-grid > .partner-logo {
    --logo-inline-space: 10px;
    --logo-block-space: 6px;
  }

  .contact-section {
    padding: 0 0 20px;
  }

  .contact-layout {
    gap: 20px;
    padding-top: 20px;
    border-top: 0;
  }

  .contact-info {
    padding-top: 20px;
    border-top: 1px solid #dedede;
  }

  .contact-block + .contact-block {
    margin-top: 20px;
  }

  .contact-heading,
  .contact-block p {
    margin-bottom: 10px;
  }

  .contact-form fieldset {
    margin: 15px 0;
  }

  .field-grid {
    gap: 8px;
  }

  .contact-form input,
  .contact-form select {
    height: 34px;
    padding-inline: 12px;
    font-size: 12px;
  }

  .contact-form select {
    padding-right: 40px;
    background-position:
      calc(100% - 21px) 50%,
      calc(100% - 15px) 50%;
  }

  .custom-select-trigger {
    height: 34px;
    gap: 10px;
    padding: 0 12px;
    font-size: 12px;
  }

  .custom-select-trigger::after {
    width: 7px;
    height: 7px;
  }

  .custom-select-options {
    max-height: 220px;
  }

  .custom-select-option {
    padding: 10px 12px;
    font-size: 12px;
  }

  .contact-form textarea {
    min-height: 70px;
    padding: 10px 12px;
    font-size: 12px;
  }

  .submit-button {
    width: 66px;
    height: 36px;
    margin-top: 15px;
    padding: 0 13px 0 5px;
    font-size: 12px;
  }

  .form-status:empty {
    min-height: 0;
    margin: 0;
  }

  .contact-heading {
    font-size: 24px;
  }

  .contact-block p {
    color: #000;
    font-size: 16px;
  }

  .contact-item {
    font-size: 12px;
  }

  .contact-item {
    padding: 8px 12px;
  }

  .site-footer nav {
    justify-content: flex-start;
    gap: 6px 0;
    margin-bottom: 20px;
  }

  .site-footer nav a {
    padding-inline: 9px;
  }

  .site-footer nav a:first-child {
    padding-left: 0;
  }

  .site-footer .footer-legal {
    font-size: 12px;
    line-height: 1.7;
  }

  .site-footer {
    min-height: 0;
    padding: 22px 0 24px;
    background: #07111d;
    font-size: 12px;
    text-align: left;
  }

  .site-header {
    backdrop-filter: none;
  }
}