/* Contatti: layout e schede info. Da design/assets/css/svm.css */

.contact{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(24px,4vw,56px);align-items:start}
@media (max-width:860px){.contact{grid-template-columns:1fr}}

.info{display:flex;flex-direction:column;gap:14px}
.info-card{border:1px solid var(--hair);border-radius:20px;padding:22px;display:flex;flex-direction:column;gap:8px}
.info-card .big{font-family:var(--f-display);font-weight:800;font-size:1.7rem;line-height:1.05;word-break:break-word;user-select:all}
.info-card p{color:var(--muted);font-size:.95rem}
.copy{align-self:flex-start;font:inherit;font-size:.85rem;font-weight:600;background:var(--court-3);color:var(--line);border:0;border-radius:999px;padding:8px 14px;cursor:pointer}
.info-card.clay{background:var(--clay);border-color:var(--clay);color:var(--on-clay)}
.info-card.clay p{color:#3a4400}
.info-card.clay .copy{background:var(--on-clay);color:var(--clay)}