/* Footer del nuovo sito. Il prototipo aveva una riga sola: stessa grammatica (filetto, avorio,
   grigio testo, Raleway), con le colonne che un sito vero deve portare. */
.site-footer{position:relative;z-index:2;background:var(--bg);border-top:1px solid var(--line);color:var(--fg);font-size:14px}
.site-footer a{color:inherit;text-decoration:none;transition:color .2s}
.site-footer a:hover{color:#fff}
.site-footer-main{display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:40px;padding-top:80px;padding-bottom:64px}
.site-footer-brand .brand img{width:170px;height:auto}
.site-footer-motto{margin-top:22px;font:700 22px/1.2 Montserrat,sans-serif;letter-spacing:-.035em;color:var(--fg)}
.site-footer-mail{display:inline-block;margin-top:14px;color:var(--muted)!important;border-bottom:1px solid #4a454c;padding-bottom:4px}
.site-footer-mail:hover{color:var(--fg)!important}
.site-footer-col{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.site-footer-heading{font-size:12px;color:var(--muted);margin-bottom:6px}
.site-footer-col a{font-size:14px;line-height:1.5}
.site-footer-legal{display:grid;grid-template-columns:1fr auto;gap:18px 40px;align-items:center;padding-top:28px;padding-bottom:36px;border-top:1px solid var(--line)}
.site-footer-company{grid-column:1/-1;font-size:12px;color:var(--muted)}
.site-footer-links{display:flex;flex-wrap:wrap;gap:10px 24px;font-size:12px;color:var(--muted)}
.site-footer-links a{color:var(--muted)}
.site-footer-links a:hover{color:var(--fg)}
.site-footer-end{display:flex;align-items:center;gap:32px}
.site-footer-lang{display:flex;gap:14px;font-size:12px;color:var(--muted)}
.site-footer-lang span{color:var(--fg)}
.site-footer-cms{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--muted)!important}
.site-footer-cms img{width:auto;height:30px}
@media(max-width:1100px){.site-footer-main{grid-template-columns:1fr 1fr}.site-footer-brand{grid-column:1/-1}}
@media(max-width:760px){.site-footer-main{grid-template-columns:1fr 1fr;gap:36px 24px;padding-top:56px;padding-bottom:44px}.site-footer-legal{grid-template-columns:1fr;padding-bottom:84px}.site-footer-end{justify-content:space-between}}
/* Iscrizione fissa a Frank's Letter, sopra le colonne. Stessa grammatica del footer: filetto,
   avorio su nero, il rosso solo sul bottone. */
.site-footer-letter{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:24px 64px;align-items:start;padding-top:64px;padding-bottom:56px;background:#141417;box-shadow:0 0 0 100vmax #141417;clip-path:inset(0 -100vmax)}
.site-footer-letter-title{font:700 22px/1.2 Montserrat,sans-serif;letter-spacing:-.035em;color:var(--fg);margin-bottom:10px}
.site-footer-letter-copy p:not(.site-footer-letter-title){color:var(--muted);font-size:15px;line-height:1.55;max-width:420px}
.site-footer-letter-form{display:flex;flex-direction:column;gap:14px}
.site-footer-letter-row{display:flex;gap:10px}
.site-footer-letter-row input{flex:1;min-width:0;min-height:50px;padding:0 16px;border:1px solid #4a454c;border-radius:4px;background:var(--bg);color:var(--fg);font:400 15px Raleway,sans-serif}
.site-footer-letter-row input::placeholder{color:var(--muted)}
.site-footer-letter-row input:focus-visible{outline:2px solid var(--fg);outline-offset:2px}
.site-footer-letter-row button{min-height:50px;padding:0 22px;border:0;border-radius:4px;background:var(--red);color:#fff;font:600 14px Raleway,sans-serif;cursor:pointer;transition:background .2s}
.site-footer-letter-row button:hover{background:#e2203d}
.site-footer-letter-row button:disabled{opacity:.6;cursor:default}
.site-footer-letter-consent{display:flex;gap:10px;align-items:flex-start;font-size:12px;line-height:1.5;color:var(--muted);cursor:pointer}
.site-footer-letter-consent input{margin-top:2px;width:16px;height:16px;flex:none;accent-color:var(--red)}
.site-footer-letter-consent a{text-decoration:underline!important;text-underline-offset:2px}
.site-footer-letter-msg{font-size:14px;color:var(--fg)}
.site-footer-letter-msg.is-error{color:#ff8a97}
.site-footer-letter-trap{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.site-footer-letter-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media(max-width:760px){.site-footer-letter{grid-template-columns:1fr;padding-top:48px;padding-bottom:44px}.site-footer-letter-row{flex-direction:column}.site-footer-letter-row button{width:100%}}