@media (max-width: 600px) {
    .compare {
        aspect-ratio: 350 / 337;
    }
    .compare-head {
        margin-bottom: 40px;
    }
    .compare-head h2 {
        margin-top: 6px;
    }
    .home #services {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }
    .home #services-list,
    .home #process,
    .home #equipment,
    .home #journal {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .home #studio {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .home #studio .trust {
        margin-top: 54px;
    }
    .studio-stats .v {
        white-space: nowrap;
    }
    .trust-row {
        gap: 19px;
    }
    .trust-logo {
        height: 89.7px;
        min-height: 0;
    }
    .single-direction .dir-suppliers {
        padding-top: 0;
        padding-bottom: 30px;
    }
    .single-direction .dir-suppliers .trust-row {
        grid-template-columns: repeat(2, 1fr);
        gap: 14px;
    }
    .single-direction .dir-suppliers .trust-logo {
        height: 76px;
        min-height: 0;
    }
    .single-direction .dir-why {
        padding-top: 0;
        padding-bottom: 0;
    }
    .single-direction #related {
        padding-top: 0;
        padding-bottom: 0;
    }
    .single-direction #related .rel-tag {
        padding: 9px 14px;
    }
    .single-direction #equipment {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .single-direction .dir-suppliers {
        padding-bottom: 50px;
    }
    .page-template-page-o-kompanii #about {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .page-template-page-o-kompanii #team {
        padding-top: 50px;
        padding-bottom: 40px;
    }
    .single-article .art-sec,
    .single-project .art-sec {
        padding-top: 0;
        padding-bottom: 0;
    }
    .single-article .hero.art-hero,
    .single-project .hero.art-hero,
    .page-template-page-blog .hero,
    .page-template-page-o-kompanii .hero {
        --hero-h: 200vw;
        min-height: 200vw;
    }
    .single-project .art-sec {
        padding-top: 27px;
    }
    .single-project #related {
        padding-top: 29px;
        padding-bottom: 31px;
    }
    .single-service .proj-card img {
        aspect-ratio: 5 / 4;
    }
    .single-service .app-visual {
        max-width: none;
    }
    .single-service .app-visual-frame {
        aspect-ratio: 350 / 218;
    }
    .single-service .app-body-grid .ar-fit {
        flex-direction: column;
        align-items: flex-start;
        gap: 7px;
    }
    .single-service .app-body-grid .ar-fit .ar-fit-label {
        margin: 0;
    }
    .single-service #included,
    .single-service #objects,
    .single-service #control,
    .single-service #other-services,
    .single-service #types-link {
        padding-top: 29px;
        padding-bottom: 31px;
    }
    .home .hero,
    .single-service .hero,
    .single-direction .hero,
    .page-template-page-portfolio .hero,
    .page-template-page-napravleniya .hero,
    .page-template-page-uslugi .hero,
    .page-template-page-kontakty .hero {
        --hero-h: 200vw;
        height: 200vw;
    }
    .page-template-page-napravleniya .meta-strip-inner {
        padding-top: 30px;
        padding-bottom: 29px;
    }
    .page-template-page-uslugi .meta-strip .meta-cell {
        padding: 21px 0 23px;
        border-left: 0;
    }
    .page-template-page-uslugi #build {
        padding-top: 41px;
        padding-bottom: 41px;
    }
    .page-template-page-kontakty .map-frame {
        aspect-ratio: 350/335;
    }
    .page-template-page-kontakty .entrance-ph {
        aspect-ratio: 350/199.16;
    }
    .single-direction #materials .equip-intro {
        margin-bottom: 29px;
    }
    .single-direction #materials .equip-intro p:last-child {
        margin-bottom: 0;
    }
    .single-direction #materials .equip-type:first-child {
        padding-top: 49px;
    }
    .single-article .art-body {
        gap: 16.1px;
    }
    .single-article .art-body > h2 {
        margin-top: 47.9px;
        min-height: 0;
        gap: 9.64px;
    }
    .single-article .art-body > .art-def,
    .single-article .art-body > h2 + p {
        padding-top: 4.945px;
    }
    .single-article .art-body > .art-fig {
        margin-top: 23.9px;
        margin-bottom: 23.9px;
    }
    .single-article .art-body > .art-fig:nth-of-type(2) {
        margin-bottom: 0;
    }
    .single-article .art-tldr {
        padding: 38.9px 20px 8px;
    }
    .single-article .art-note {
        padding: 21px 20px 22px;
    }
    .single-article .art-calc {
        padding: 36.89px 20px 21.99px;
    }
    .single-article .art-quote {
        padding: 38.9px 0 39.91px;
    }
    .single-article .art-quote .qm {
        min-height: 43.2px;
    }
    .single-article .art-cta {
        padding: 22px 20px;
    }
    .single-article .art-case {
        padding: 21px 20px 23.75px;
    }
    .single-article .art-sec {
        padding-top: 0;
        padding-bottom: 16.1px;
    }
    .single-article .callout {
        margin: 0 20px;
    }
    .single-article .art-body > .art-svc {
        margin: 0;
        padding: 0;
        border: 0;
        display: block;
    }
    .single-article .art-body > .art-svc p {
        padding: 13px 0;
    }
    .single-article .art-body > .art-svc .art-label {
        margin: 16.1px 0 25px;
        padding-top: 30px;
        border-top: 1px solid var(--line);
    }
    .single-article .art-body > .art-svc .rel-tags {
        margin: 0;
        padding: 0 0 27.9px;
        gap: 6px 7px;
    }
    .single-article .art-body > .art-svc .rel-tag {
        padding: 8px 14px 9.05px;
    }
    .single-article .art-body .faq-q {
        padding: 15px 0 15.6px;
    }
    .single-project .art-sec {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .single-project .art-toc {
        border-top: 0;
        padding-top: 17px;
    }
    .single-project .art-toc a {
        padding: 11px 0 12.05px;
    }
    .single-project .art-body {
        display: flex;
        flex-direction: column;
        gap: 15px;
    }
    .single-project .art-body > * {
        margin-top: 0;
        margin-bottom: 0;
    }
    .single-project .art-body > h2 {
        margin-top: 47.99px;
        min-height: 0;
        margin-bottom: 0;
        gap: 9.64px;
    }
    .single-project .art-body > .art-def,
    .single-project .art-body > h2 + p {
        padding-top: 5.07px;
    }
    .single-project .case-passport {
        margin: 0;
        padding: 27.01px 0 0.51px;
    }
    .single-project .case-passport .art-label {
        margin-bottom: 13.99px;
    }
    .single-project .case-passport .art-table,
    .single-project .case-passport tbody,
    .single-project .case-passport tr,
    .single-project .case-passport td {
        display: block;
        width: 100%;
    }
    .single-project .case-passport td:first-child {
        padding: 14px 18px 10px 0;
        width: 100%;
        border: 0;
        line-height: 16.5px;
    }
    .single-project .case-passport tr:first-child td:first-child {
        padding-top: 13.5px;
    }
    .single-project .case-passport td {
        padding: 14px 0;
    }
    .single-project .case-passport tr:last-child {
        display: flex;
    }
    .single-project .case-passport tr:last-child td {
        flex: 1 1 0;
        width: auto;
    }
    .single-project .case-passport tr:last-child td:first-child {
        padding-bottom: 19.5px;
        border-bottom: 1px solid var(--line);
    }
    .single-project .case-approve {
        margin: 0;
        padding-top: 16px;
        gap: 16px;
    }
    .single-project .case-approve .ca {
        padding: 21px 24px 22px;
    }
    .single-project .case-diptych {
        margin: 0;
        padding-top: 20px;
        gap: 20px;
    }
    .single-project .art-quote {
        padding: 39.01px 0 40px;
    }
    .single-project .art-quote .qm {
        min-height: 43.2px;
    }
    .single-project .art-cta {
        padding: 22px 20px;
    }
    .single-service .info-card {
        margin: 17px 0;
    }
    .single-service .faq-side .btn {
        margin-top: -1px;
    }
    .single-service .partners-row {
        gap: 14px;
    }
    .single-service .proj-grid {
        row-gap: 30px;
    }
    .single-service #systems .sec-eyebrow-row,
    .single-service #objects .sec-eyebrow-row,
    .single-service #eom .sec-eyebrow-row,
    .single-service #control .sec-eyebrow-row {
        flex-direction: column;
        align-items: flex-start;
        gap: 9px;
    }
    .single-service #systems .num .num-desc,
    .single-service #objects .num .num-desc,
    .single-service #eom .num .num-desc,
    .single-service #control .num .num-desc {
        display: inline;
    }
    .single-service #systems .equip-intro,
    .single-service #objects .equip-intro,
    .single-service #eom .equip-intro {
        margin-bottom: 15px;
    }
    .single-service #systems .equip-intro p:last-child,
    .single-service #objects .equip-intro p:last-child,
    .single-service #eom .equip-intro p:last-child {
        margin-bottom: 0;
    }
    .single-service #systems .equip-type:first-child,
    .single-service #objects .equip-type:first-child,
    .single-service #eom .equip-type:first-child {
        padding-top: 64px;
    }
    .single-article .art-body > figure.art-fig:nth-of-type(2) img {
        aspect-ratio: 350/296.4;
        object-fit: cover;
    }
    .single-article .art-quote p,
    .single-article .art-cta p {
        white-space: nowrap;
    }
    .single-article .art-quote,
    .single-article .art-cta {
        overflow: hidden;
    }
    .single-article .art-svc .rel-tags {
        display: flex;
        flex-wrap: wrap;
        gap: 6px 7px;
    }
    .single-article .art-svc .rel-tag:nth-child(3) {
        order: -1;
    }
    .single-article .art-svc .rel-tag:not(:nth-child(3)) {
        width: 171.5px;
        box-sizing: border-box;
    }
    .single-project .art-svc .rel-tag:nth-child(1) {
        order: 1;
    }
    .single-project .art-svc .rel-tag:nth-child(4) {
        order: 2;
    }
    .single-project .art-svc .rel-tag:nth-child(2) {
        order: 3;
    }
    .single-project .art-svc .rel-tag:nth-child(3) {
        order: 4;
    }
    .single-project .case-passport tr:nth-child(3) td:nth-child(2) {
        padding-top: 2px;
    }
    .single-project .art-steps {
        padding-top: 13.91px;
    }
    .art-steps li {
        align-items: end;
        grid-template-columns: 44px 1fr;
        gap: 14px;
    }
    .art-steps .n {
        padding-top: 4px;
        padding-bottom: 56.84px;
    }
    .art-table-wrap {
        position: relative;
    }
    .single-project .art-body > .art-table-wrap {
        margin-top: 12px;
    }
    .team-face.has-photo {
        display: block;
        padding: 0;
        overflow: hidden;
    }
    .team-face.has-photo img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .team-grid .team-card {
        min-width: 0;
    }
    .team-grid .team-card .team-face.has-photo {
        width: calc(100% + 28px);
        max-width: none;
        margin-right: -28px;
    }
    .team-face.has-photo {
        aspect-ratio: auto;
        height: 400px;
        background: var(--bg-soft) !important;
    }
    .team-face.has-photo::before,
    .team-face.has-photo::after {
        display: none;
    }
    .page-template-page-o-kompanii #team .sec-head {
        margin-bottom: 15px;
    }
    .page-template-page-o-kompanii #team .team-card:first-child {
        padding-top: 54px;
    }
    .single-service .info-card .ic-cap p,
    .single-service .info-card .ic-cap {
        max-width: 240px;
    }
    .single-service .info-card .ic-cap .ic-label,
    .single-service .info-card .ic-cap > span:first-child {
        max-width: none;
    }
    .single-service .testi-inner {
        padding: 33px 20px;
        justify-items: stretch;
    }
    .single-service .testi-body {
        text-align: left;
    }
    .single-service .testi-body .eyebrow {
        justify-content: flex-start;
    }
    .single-service .testi-quote {
        max-width: none;
        margin: 0 0 28px;
    }
    .single-service .testi-attr {
        align-items: flex-start;
    }
    .single-service .testi-mark {
        margin: 20px 0 -14px;
    }
    .single-service .testi-quote {
        margin-bottom: 18px;
    }
    .single-service .testi-attr {
        padding-top: 23px;
        gap: 9.4px;
    }
    .single-service .testi-attr .t-more {
        align-self: center;
        margin-top: 0;
    }
    .team-face.has-photo {
        height: 401.8px;
    }
    .page-template-page-kontakty .map-cap {
        flex-direction: column;
        gap: 17px;
        margin-top: 14px;
    }
    .page-template-page-kontakty .map-cap > * {
        white-space: nowrap;
    }
    .page-template-page-kontakty .map-cap p {
        margin: 0;
    }
    .page-template-page-kontakty #roles .sec-head {
        margin-bottom: 15px;
    }
    body.home main > :nth-child(13) {
        margin-bottom: 8px;
    }
    body.home main > :nth-child(14) {
        margin-bottom: -5px;
    }
    body.home main > :nth-child(8) {
        margin-bottom: -4px;
    }
    body.page-template-page-kontakty main > :nth-child(4) {
        margin-bottom: 18px;
    }
    body.page-template-page-kontakty main > :nth-child(6) {
        margin-bottom: -4px;
    }
    body.page-template-page-napravleniya main > :nth-child(6) {
        margin-bottom: -4px;
    }
    body.page-template-page-o-kompanii main > :nth-child(5) {
        margin-bottom: -3px;
    }
    body.page-template-page-o-kompanii main > :nth-child(6) {
        margin-bottom: 9px;
    }
    body.page-template-page-o-kompanii main > :nth-child(8) {
        margin-bottom: -4px;
    }
    body.page-template-page-portfolio main > :nth-child(3) {
        margin-bottom: 33px;
    }
    body.page-template-page-uslugi main > :nth-child(3) {
        margin-bottom: -12px;
    }
    body.page-template-page-uslugi main > :nth-child(4) {
        margin-bottom: 10px;
    }
    body.single-article main > :nth-child(3) {
        margin-bottom: 23px;
    }
    body.single-direction main > :nth-child(11) {
        margin-bottom: 21px;
    }
    body.single-direction main > :nth-child(7) {
        margin-bottom: -2px;
    }
    body.single-project main > :nth-child(4) {
        margin-bottom: -10px;
    }
    body.single-service main > :nth-child(11) {
        margin-bottom: 2px;
    }
    body.single-service main > :nth-child(12) {
        margin-bottom: 23px;
    }
    body.single-service main > :nth-child(13) {
        margin-bottom: -5px;
    }
    body.single-service main > :nth-child(16) {
        margin-bottom: 4px;
    }
    body.single-service main > :nth-child(7) {
        margin-bottom: 8px;
    }
    body.single-service main > :nth-child(8) {
        margin-bottom: -15px;
    }
    body.single-service main > :nth-child(9) {
        margin-bottom: 9px;
    }
    .single-project .art-sec {
        padding-top: 36px;
        padding-bottom: 36px;
    }
    .home .studio-stats {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        padding-top: 27px;
        align-items: end;
    }
    .home .studio-stats .cell {
        display: flex;
        flex-direction: column;
        justify-content: center;
        min-width: 0;
        height: 80px;
        padding: 0 clamp(6px, calc(5.7143vw - 12.2857px), 10px);
        gap: 10px;
    }
    .home .studio-stats .cell:first-child {
        padding-left: 0;
    }
    .home .studio-stats .k {
        white-space: nowrap;
        font-size: clamp(9px, 2.82vw, 11px);
        letter-spacing: 0.16em;
    }
    .home .studio-stats .v {
        margin-top: 0;
        font-size: clamp(18px, 5.641vw, 22px);
        line-height: 1;
        letter-spacing: -0.52px;
    }
    .home #equipment .sec-eyebrow-row {
        margin-bottom: 0;
    }
    .home #equipment .sec-head {
        padding-top: 15.2px;
        padding-bottom: 0.585px;
    }
    .home #equipment .equip-intro {
        margin-bottom: 0;
    }
    .home #equipment .equip-types {
        padding-top: 44px;
    }
    body.page-template-page-kontakty main > #roles {
        margin-bottom: 0;
    }
    .page-template-page-kontakty #roles .sec-eyebrow-row {
        margin-bottom: 15.2px;
    }
    .page-template-page-kontakty #roles .sec-head {
        margin-bottom: 15.2px;
    }
    .page-template-page-kontakty #roles .sec-head h2 {
        padding-bottom: 0.585px;
    }
    .page-template-page-kontakty #roles .role-grid {
        padding-top: 20.8px;
    }
    .single-project .art-sec {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    body.single-project main > .art-sec {
        margin-bottom: 0;
    }
    .home .studio-stats .k {
        margin-bottom: 0;
        line-height: 17px;
    }
    .home .studio-stats .v {
        line-height: 26px;
    }
    .home .studio-stats .cell:not(:first-child) {
        gap: 11px;
    }
    .home #studio .trust {
        margin-top: 16px;
        padding-top: 71px;
    }
    .home #studio .trust-logo {
        height: 90px;
    }
    .home #equipment .sec-head {
        padding-bottom: 0.82px;
    }
    .home #equipment .equip-type p {
        padding-bottom: 0.5px;
    }
    .home #equipment .equip-type:nth-child(5) p,
    .home #equipment .equip-type:nth-child(8) p {
        padding-bottom: 0.25px;
    }
    .home #equipment .mats {
        margin-top: 35.03px;
    }
    body.home main > #equipment,
    body.home main > #process,
    body.home main > #faq {
        margin-bottom: 0;
    }
    .single-project .art-body > .art-table-wrap {
        margin-top: 0;
        padding-top: 14px;
    }
    .single-project .art-body > .art-table-wrap + p {
        padding-top: 13.07px;
    }
    .single-project .art-body > h2 {
        padding-bottom: 1.15px;
    }
    .single-project .art-body > p,
    .single-project .art-svc > p {
        line-height: 28px;
    }
    .single-project .art-svc {
        display: flex;
        flex-direction: column;
        gap: 25px;
    }
    .single-project .art-svc > p,
    .single-project .art-svc > .art-label,
    .single-project .art-svc > .rel-tags {
        margin: 0;
    }
    .single-project .art-svc .rel-tag {
        padding: 8px 14px 9.05px;
    }
    .single-project .art-svc .rel-tag:nth-child(2),
    .single-project .art-svc .rel-tag:nth-child(3) {
        line-height: 10.05px;
    }
    .page-template-page-kontakty #visit .map-badge .star {
        flex: none;
        width: 18px;
        font-size: 28px;
        line-height: 18px;
        letter-spacing: 0;
        text-align: center;
    }
    body.single-direction main > #related {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .single-service .testi-mark {
        margin-top: 4px;
        margin-bottom: 4px;
    }
    .single-article .art-body > .art-table-wrap + p {
        padding-top: 1px;
        padding-bottom: 1px;
        line-height: 28px;
    }
    .single-article .art-body > .art-table-wrap + p ~ h2 {
        padding-bottom: 1.15px;
    }
    .single-article .art-calc p {
        padding-top: 0.7px;
        padding-bottom: 1.2px;
    }
    .single-article .art-steps b,
    .single-article .art-steps p {
        padding-bottom: 0.5px;
    }
    .single-article .art-quote p {
        padding-top: 1px;
    }
}