/* ═══════════════════════════════════════════════
   CONTACT — Minimal form
═══════════════════════════════════════════════ */

.contact-form {
    display: flex;
    flex-direction: column;
    gap: max(16px, calc(1.11vw * var(--scale)));
    margin-top: max(40px, calc(2.8vw * var(--scale)));
}

.contact-form-row {
    display: flex;
    gap: max(16px, calc(1.11vw * var(--scale)));
}

.contact-form input,
.contact-form textarea {
    width: 100%;
    font-family: var(--font2);
    font-size: max(13px, calc(0.9vw * var(--scale)));
    font-weight: 300;
    color: var(--text-color);
    background: transparent;
    border: 1px solid rgba(0,0,0,0.15);
    padding: max(12px, calc(0.83vw * var(--scale))) max(16px, calc(1.11vw * var(--scale)));
    outline: none;
    transition: border-color 0.3s ease;
}

.contact-form input::placeholder,
.contact-form textarea::placeholder {
    color: var(--text-color);
    opacity: 0.4;
    letter-spacing: 0.05em;
}

.contact-form input:focus,
.contact-form textarea:focus {
    border-color: var(--text-color);
}

.contact-form textarea {
    min-height: max(180px, calc(12.5vw * var(--scale)));
    resize: vertical;
    line-height: 1.8;
}

.contact-form-submit {
    align-self: flex-start;
    font-family: var(--font2);
    font-size: max(12px, calc(0.83vw * var(--scale)));
    font-weight: 300;
    letter-spacing: 0.1em;
    color: var(--text-color);
    background: transparent;
    border: 1px solid var(--text-color);
    padding: max(10px, calc(0.7vw * var(--scale))) max(32px, calc(2.2vw * var(--scale)));
    cursor: pointer;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.contact-form-submit:hover {
    background-color: var(--text-color);
    color: var(--background-color);
}

@media (max-width: 767px) {
    .contact-form-row {
        flex-direction: column;
    }
}