/* ============================================================
   umanoextraumano — pagine di servizio: archivio, dialogo, grazie
   ============================================================ */

/* ---------- TESTATA DI PAGINA ---------- */
.page-head{padding:44px 36px 30px;border-bottom:3px solid var(--line);}
.page-head .crumbs{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#888;margin-bottom:16px;}
.page-head h1{font-family:'Spectral',Georgia,serif;font-size:clamp(38px,6vw,60px);font-weight:600;line-height:1.04;letter-spacing:-1.5px;margin-bottom:14px;}
.page-head .lead{font-family:'Spectral',Georgia,serif;font-style:italic;color:var(--muted);font-size:21px;max-width:680px;line-height:1.4;}

/* ---------- ARCHIVIO ---------- */
.archive{padding:10px 36px 40px;}
.group{font-family:'Libre Franklin',sans-serif;font-size:11px;letter-spacing:2.5px;text-transform:uppercase;color:#888;font-weight:800;margin:40px 0 4px;display:flex;align-items:center;gap:16px;}
.group::after{content:"";flex:1;height:3px;background:var(--line);}
.item{display:block;padding:20px 0;border-bottom:2px solid var(--hair);transition:padding-left .2s,background .2s;}
.item:hover{padding-left:12px;background:var(--card);}
.item .num{font-family:'Libre Franklin',sans-serif;font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--accent);font-weight:800;}
.item .title{font-family:'Spectral',Georgia,serif;font-weight:600;font-size:25px;line-height:1.15;margin:5px 0;}
.item:hover .title{color:var(--accent);}
.item .blurb{font-size:16px;color:var(--muted);max-width:74ch;}
.item .blurb em{color:var(--accent);font-style:italic;}
.item.wip .title{color:#999;}
.item .wiptag{display:inline-block;font-family:'Libre Franklin',sans-serif;font-size:10px;letter-spacing:1px;text-transform:uppercase;color:#fff;background:var(--accent-soft);padding:2px 8px;margin-left:10px;vertical-align:middle;font-weight:800;}

/* ---------- DIALOGO (finestra) ---------- */
.forms{padding:36px;display:grid;gap:28px;max-width:760px;margin:0 auto;}
.fcard{border:3px solid var(--line);background:#fff;padding:30px 28px;}
.fcard h2{font-family:'Spectral',Georgia,serif;font-weight:600;font-size:27px;margin-bottom:6px;}
.fcard .lead{font-family:'Spectral',Georgia,serif;font-style:italic;color:var(--muted);font-size:17px;margin-bottom:22px;line-height:1.45;}
.fcard label{display:block;font-family:'Libre Franklin',sans-serif;font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--accent);font-weight:800;margin:0 0 7px;}
.fcard .opt{color:var(--muted);font-weight:600;text-transform:none;letter-spacing:0;}
.fcard input[type=text],.fcard input[type=email],.fcard textarea{
  width:100%;background:var(--paper);border:2px solid var(--ink);color:var(--ink);
  font-family:'Spectral',Georgia,serif;font-size:17px;padding:11px 13px;margin-bottom:18px;border-radius:3px;transition:border-color .15s;
}
.fcard input:focus,.fcard textarea:focus{outline:none;border-color:var(--accent);}
.fcard textarea{min-height:140px;resize:vertical;line-height:1.5;}
.consent{display:flex;gap:10px;align-items:flex-start;margin-bottom:20px;}
.consent input{margin-top:4px;flex-shrink:0;accent-color:var(--accent);width:18px;height:18px;}
.consent span{font-size:14px;color:var(--muted);line-height:1.4;}
.fcard button{font-family:'Libre Franklin',sans-serif;font-size:13px;letter-spacing:.5px;text-transform:uppercase;font-weight:800;background:var(--ink);color:var(--paper);border:0;padding:13px 26px;cursor:pointer;transition:background .15s;border-radius:4px;}
.fcard button:hover{background:var(--accent);}
.hp{position:absolute;left:-5000px;}
.privacy{font-family:'Libre Franklin',sans-serif;font-size:12px;letter-spacing:.2px;color:#888;line-height:1.7;text-align:center;max-width:760px;margin:0 auto;padding:0 36px 30px;}
.privacy a{color:var(--muted);border-bottom:1px solid var(--hair);}

/* ---------- GRAZIE ---------- */
.thanks{padding:80px 36px;text-align:center;}
.thanks .ct{margin-bottom:18px;}
.thanks h1{font-family:'Spectral',Georgia,serif;font-size:clamp(34px,5vw,52px);font-weight:600;line-height:1.08;margin-bottom:22px;}
.thanks h1 em{color:var(--accent);font-style:italic;}
.thanks p{font-size:18px;color:var(--muted);max-width:560px;margin:0 auto 30px;line-height:1.5;}
.thanks .back{display:inline-block;font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:.5px;border-bottom:3px solid var(--accent);padding-bottom:2px;}

@media(max-width:820px){
  .page-head{padding:32px 22px 24px;}
  .archive{padding:6px 22px 34px;}
  .forms{padding:26px 20px;}
  .privacy{padding:0 22px 26px;}
  .thanks{padding:60px 22px;}
}