@media (min-width: 1200px) and (max-width: 1440px) {
    .contact-form {
        left: clamp(170px, 15vw, 200px);
        width: clamp(390px, 33vw, 456px);
    }

    .contact-info {
        right: clamp(110px, 9vw, 145px);
        width: clamp(320px, 29vw, 380px);
    }

    .contact-legal {
        right: clamp(88px, 8vw, 118px);
    }
}

@media (min-width: 1200px) and (max-width: 1440px) and (max-height: 680px) {
    .work-slider {
        height: min(420px, calc(100vh - 180px));
    }

    .project-card,
    .ongoing-card {
        height: 100%;
        padding-top: 24px;
        padding-bottom: 24px;
    }

    .project-number {
        font-size: 58px;
    }

    .project-info h2,
    .ongoing-content h2 {
        margin-bottom: 24px;
        font-size: clamp(30px, 3.4vw, 38px);
    }

    .project-info p,
    .ongoing-content p {
        margin-bottom: 20px;
        line-height: 1.18;
    }

    .project-media {
        gap: 16px;
        padding-top: 56px;
    }

    .project-media img {
        height: clamp(135px, 23vh, 155px);
    }

    .contact-form {
        top: clamp(150px, 27vh, 170px);
        width: clamp(380px, 32vw, 430px);
        gap: 10px;
    }

    .contact-form input {
        height: 44px;
        padding: 8px 20px;
    }

    .contact-form textarea {
        height: clamp(150px, 30vh, 180px);
        padding: 12px 20px;
        border-radius: 18px;
    }

    .privacy-check {
        max-width: 100%;
    }

    .contact-submit {
        min-height: 30px;
        margin-top: 0;
        padding: 6px 18px;
    }

    .contact-legal {
        right: calc(clamp(72px, 7vw, 100px) + 28px);
    }

    .references-list {
        top: 52%;
        width: clamp(470px, 40vw, 500px);
        gap: 6px;
    }

    .reference-card {
        min-height: 104px;
        grid-template-columns: minmax(0, 1fr) 1px 138px;
        column-gap: 16px;
        padding: 10px 18px 10px 22px;
        border-radius: 18px;
    }

    .reference-quote {
        font-size: 14px;
        line-height: 1.12;
    }

    .reference-divider {
        height: 62px;
    }

    .reference-person h2 {
        margin-bottom: 4px;
        font-size: 22px;
    }

    .reference-person p {
        font-size: 14px;
    }

    .references .panel-arrow {
        right: clamp(38px, 4.8vw, 64px);
        bottom: clamp(18px, 4vh, 30px);
        width: clamp(58px, 6vw, 76px);
    }
}
