.contact{background:#fafafa;padding:48px 0 96px}.contact__inner{flex-direction:column;gap:40px;display:flex}.contact__intro .section-title{margin-bottom:14px}.contact__grid{gap:20px;display:grid}.contact__info{gap:14px;display:grid}.contact__card{border:1px solid var(--line-soft);border-radius:var(--radius-xl);background:#fff;padding:24px}.contact__card h2{letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);margin-bottom:12px;font-size:12px;font-weight:700}.contact__card>a{color:var(--blue);font-size:1.15rem;font-weight:600}.contact__card>a:hover{text-decoration:underline}.contact__socials{gap:10px;display:flex}.contact__socials a{width:42px;height:42px;color:var(--blue);background:var(--blue-soft);border:1px solid var(--line-soft);border-radius:999px;place-items:center;transition:background .2s,color .2s,transform .2s;display:grid}.contact__socials a:hover{background:var(--blue);color:#fff;transform:translateY(-2px)}.contact__form{border:1px solid var(--line-soft);border-radius:var(--radius-2xl);box-shadow:var(--shadow-soft);background:#fff;gap:16px;padding:28px;display:grid}.contact__form h2{font-family:var(--font-display);margin-bottom:4px;font-size:1.8rem;font-weight:400}.contact__form label{gap:8px;display:grid}.contact__form label span{color:var(--text-muted);font-size:13px;font-weight:600}.contact__form input,.contact__form textarea{border:1.5px solid var(--line);background:#fff;border-radius:14px;width:100%;padding:14px 16px;transition:border-color .15s,box-shadow .15s}.contact__form input:focus,.contact__form textarea:focus{border-color:var(--blue);outline:none;box-shadow:0 0 0 4px rgba(37,119,224,.12)}.contact__form textarea{resize:vertical;min-height:140px}.contact__form .btn{justify-self:start;margin-top:4px}.contact__note{color:var(--text-muted);font-size:14px}@media (min-width:900px){.contact{padding:56px 0 120px}.contact__grid{grid-template-columns:.85fr 1.35fr;align-items:start;gap:28px}}