/* ============================================================
   HIPER contact.css — pagina contatti (tema dark spettacolare)
   Usa le variabili dark di showcase.css (--bg --ink --gold ecc.)
   ============================================================ */

.contact{background:radial-gradient(900px 420px at 85% -10%, rgba(230,177,92,.14), transparent 60%),linear-gradient(180deg,var(--bg),transparent);padding:120px 0 90px;}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start;max-width:1180px;margin:0 auto;padding:0 30px;}
.contact-a .kicker{font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);font-weight:700;margin-bottom:18px;display:flex;align-items:center;gap:10px;}
.contact-a .kicker::before{content:"";width:34px;height:1px;background:var(--gold);}
.contact-a h1{font-family:Georgia,serif;font-size:clamp(36px,4.6vw,58px);line-height:1.02;margin-bottom:22px;color:#fff;}
.contact-a h1 em{color:var(--gold);font-style:normal;}
.contact-a p{color:var(--muted);font-size:17px;max-width:520px;margin-bottom:34px;}
.contact-info{display:flex;flex-direction:column;gap:18px;margin-top:8px;}
.contact-info a{font-family:Georgia,serif;font-size:20px;color:#fff;text-decoration:none;border-left:2px solid var(--gold);padding:4px 0 4px 16px;transition:.3s;}
.contact-info a:hover{color:var(--gold);transform:translateX(6px);}
.contact-info .small{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);border:none;padding:0 0 0 16px;}

.contact-b{background:rgba(16,19,25,.75);border:1px solid var(--line);border-radius:20px;padding:40px;backdrop-filter:blur(8px);}
.contact-b h2{font-family:Georgia,serif;font-size:26px;margin-bottom:8px;color:#fff;}
.contact-b .hint{color:var(--muted);font-size:14px;margin-bottom:26px;}
.field{margin-bottom:20px;}
.field label{display:block;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:#fff;font-weight:700;margin-bottom:8px;}
.field input,.field textarea,.field select{width:100%;padding:14px 16px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.04);font-family:inherit;font-size:15px;color:#fff;transition:.2s;}
.field input::placeholder,.field textarea::placeholder{color:var(--muted);}
.field input:focus,.field textarea:focus,.field select:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(230,177,92,.18);}
.field textarea{min-height:120px;resize:vertical;}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
.field select option{color:#0a0a0a;}
.submit{background:linear-gradient(120deg,var(--gold),var(--gold2));color:#0a0a0a;border:none;padding:16px 30px;font-size:13px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;border-radius:40px;cursor:pointer;transition:.25s;width:100%;}
.submit:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(230,177,92,.4);}
.fineprint{margin-top:16px;font-size:11px;color:var(--muted);text-align:center;}

@media(max-width:900px){.contact-grid,.field-row{grid-template-columns:1fr;}.contact{padding:80px 0;}}