/* Contact section */

.contact-section {
    background: var(--surface);
}

.contact-section__grid {
    display: grid;
    grid-template-columns: minmax(420px, 0.9fr) minmax(480px, 0.75fr);
    gap: clamp(70px, 11vw, 170px);
    align-items: center;
    padding: clamp(48px, 6vw, 88px) clamp(40px, 6vw, 80px);
    border-radius: var(--radius-lg);
    background:
        radial-gradient(circle at 12% 12%, rgba(8, 205, 209, 0.18), transparent 24rem),
        var(--ink);
}

.contact-section__copy h2 {
    max-width: 720px;
    margin-bottom: 28px;
    color: white;
}

.contact-section__copy > p:not(.eyebrow) {
    max-width: 670px;
    color: #bdc9e7;
    font-size: 1.02rem;
    line-height: 1.8;
}

.contact-section__copy ul {
    display: grid;
    gap: 14px;
    margin: 34px 0 0;
    padding: 0;
    list-style: none;
}

.contact-section__copy li {
    position: relative;
    padding-left: 30px;
    color: #e4ebff;
}

.contact-section__copy li::before {
    content: "✓";
    position: absolute;
    left: 0;
    color: #55e0cc;
    font-weight: 800;
}

.contact-section__form .project-form {
    max-width: 610px;
    margin-left: auto;
}

/* Footer */

/* Interaction polish */

.contact-section__form .project-form {
    transition: box-shadow var(--duration-base) var(--ease-out);
}

.contact-section__form .project-form:focus-within {
    box-shadow: var(--shadow-lg), 0 0 0 4px rgba(7, 87, 255, 0.16);
}

.contact-section__copy li {
    transition: transform var(--duration-fast) var(--ease-out);
}

.contact-section__copy li:hover {
    transform: translateX(4px);
}