/* Studio Nexus · v7r pre-P.IVA: pagine interne e riquadri nello stesso linguaggio del v7 (nero, Zodiak, un solo arancio, la goccia come segno) */
@font-face{font-family:'Author';src:url(Author-Variable.woff2) format('woff2');font-weight:200 700;font-display:swap}
@font-face{font-family:'Zodiak';src:url(Zodiak-Bold.woff2) format('woff2');font-weight:700;font-display:swap}
:root{--o:#ff7a1a;--fg:#f3f1ed;--mute:#b3b0aa;--dim:#8a8781;--line:#26252a;--card:#0d0d0f;--bg:#050506;--pad:20px}
*{box-sizing:border-box;margin:0;padding:0}[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;background:var(--bg)}
body.pv{background:var(--bg);color:var(--fg);font:17px/1.6 'Author',system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:clip}
.pv a{color:var(--fg);text-underline-offset:3px;text-decoration-color:var(--o)}
.pv a:focus-visible,.pv button:focus-visible,.pv textarea:focus-visible,.pv-cb a:focus-visible,.pv-cb button:focus-visible{outline:2px solid var(--o);outline-offset:3px}
.pv-skip{position:absolute;left:-999px;top:8px;background:var(--fg);color:#000!important;padding:10px 14px;z-index:99}.pv-skip:focus{left:8px}
.pv-w{max-width:1040px;margin:0 auto;padding:0 var(--pad)}
/* testata */
.pv-top{position:sticky;top:0;z-index:30;background:rgba(5,5,6,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.pv-bar{max-width:1040px;margin:0 auto;padding:6px var(--pad);display:flex;align-items:center;gap:4px 22px;flex-wrap:wrap}
.pv-logo{display:inline-flex;align-items:center;min-height:44px;color:var(--fg);padding-right:6px}.pv-logo svg{height:19px;width:auto;display:block;overflow:visible}
.pv-bar nav{display:flex;flex-wrap:wrap;gap:0 18px;flex:1 1 auto}
.pv-bar nav a{display:inline-flex;align-items:center;min-height:44px;font-size:15px;font-weight:600;color:#d6d3cd;text-decoration:none;border-bottom:2px solid transparent;margin-bottom:-2px}
.pv-bar nav a[aria-current]{color:var(--fg);border-bottom-color:var(--o)}.pv-bar nav a:hover{color:#fff}
.pv-cta{display:inline-flex;align-items:center;min-height:44px;font-weight:650;font-size:15px;text-decoration:none;color:var(--fg);border-bottom:1.5px solid var(--o);margin-left:auto}
@media (max-width:640px){.pv-bar nav{order:3;width:100%;gap:0 14px}}
/* apertura della pagina */
.pv-hero{padding:76px 0 40px;position:relative;overflow:hidden}
.pv-kick{display:flex;gap:10px;align-items:center;font-size:15px;font-weight:600;color:var(--mute);margin-bottom:22px}
.pv-kick svg{width:12px;height:13px;flex:none}
.pv h1{font:700 clamp(38px,7vw,76px)/1.04 'Zodiak',Georgia,serif;letter-spacing:-.02em;max-width:17ch;text-wrap:balance}
.pv h1 em{font-style:normal;color:var(--o)}
.pv-lead{margin-top:26px;font-size:clamp(18px,2.2vw,21px);max-width:56ch;color:#e4e1db}
.pv-goccia{position:absolute;right:max(-90px,calc(50% - 620px));top:20px;width:min(24vw,170px);opacity:.07;color:#ff7a1a;pointer-events:none;transform:rotate(14deg)}
@media (min-width:900px){.pv-goccia{opacity:1;width:56px;top:70px}}
/* corpo */
.pv-blk{padding:44px 0;border-top:1px solid var(--line)}
.pv-blk:first-child{border-top:0}
.pv-blk h2{font:700 clamp(25px,3.6vw,38px)/1.12 'Zodiak',Georgia,serif;letter-spacing:-.012em;margin-bottom:18px;max-width:22ch;text-wrap:balance}
.pv-blk p{color:#d6d3cd;max-width:62ch}.pv-blk p+p{margin-top:15px}.pv-blk b{color:var(--fg)}
.pv-nota{font-size:15px;color:var(--mute)}
.pv-lnk{display:inline-flex;align-items:center;min-height:44px;font-weight:650}
.pv-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 26px;border-radius:999px;background:var(--fg);color:#0a0a0a!important;font-weight:650;text-decoration:none!important;margin-top:8px}
.pv-btn:hover{background:#fff}
.pv-cta-r{margin-top:22px}
/* tabella e cifre */
.pv-tw{overflow-x:auto;margin:22px 0 10px}
.pv-tb{border-collapse:collapse;width:100%;min-width:300px}
.pv-tb th,.pv-tb td{text-align:left;padding:14px 12px 14px 0;border-bottom:1px solid var(--line);vertical-align:top}
.pv-tb thead th{font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);font-weight:600}
.pv-tb tbody th{font-weight:650;white-space:nowrap;padding-right:22px}
.pv-cifre{list-style:none;display:grid;gap:22px 28px;margin:26px 0 6px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.pv-cifre b{display:block;font:700 clamp(40px,6vw,60px)/1 'Zodiak',serif;color:var(--o);letter-spacing:-.02em}
.pv-cifre span{display:block;margin-top:6px;color:#d6d3cd;font-size:16px}
.pv-pt{list-style:none;display:grid;gap:14px;margin:18px 0 0;max-width:62ch}
.pv-pt li{position:relative;padding-left:26px;color:#d6d3cd}
.pv-pt li::before{content:"";position:absolute;left:0;top:.5em;width:10px;height:11px;background:var(--o);border-radius:50% 50% 50% 50%/60% 60% 40% 40%;transform:rotate(-12deg)}
/* domande */
.pv-faq details{border-bottom:1px solid var(--line)}
.pv-faq summary{cursor:pointer;list-style:none;min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:16px;font:700 clamp(19px,2.4vw,23px)/1.25 'Zodiak',serif;padding:14px 0}
.pv-faq summary::-webkit-details-marker{display:none}.pv-faq summary::after{content:"+";color:var(--o);font:400 28px/1 'Author',sans-serif;flex:none}
.pv-faq details[open] summary::after{content:"–"}.pv-faq details p{padding:0 0 22px;max-width:62ch;color:#d6d3cd}
/* parere sulla pagina */
.pv-fb{border-top:1px solid var(--line);padding:30px 0;background:#0a0a0c}
.pv-fbq{font:700 21px 'Zodiak',serif}.pv-fbb{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.pv-fbb button,.pv-fbf button,.pv-cb button{min-height:44px;padding:0 20px;border-radius:999px;border:1.5px solid var(--fg);background:transparent;color:var(--fg);font:650 15px 'Author',sans-serif;cursor:pointer}
.pv-fbb button:hover,.pv-cb button:hover{background:var(--fg);color:#0a0a0a}.pv-fbb button[aria-pressed=true]{border-color:var(--o)}
.pv-fbf{display:grid;gap:10px;margin-top:16px;max-width:520px}.pv-fbf label{font-weight:600}
.pv-fbf textarea{width:100%;min-height:96px;font:17px 'Author',sans-serif;color:var(--fg);background:var(--card);border:1.5px solid #3a393f;border-radius:12px;padding:12px 14px;resize:vertical}
.pv-fbf button{justify-self:start}.pv-fbok{margin-top:14px;color:#d6d3cd}
.pv-trap{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
/* consenso: una riga sola sul computer, una scheda piccola sul telefono */
.pv-cb{position:fixed;z-index:60;left:12px;right:12px;bottom:12px;max-width:560px;background:#141417;border:1px solid #3a393f;border-radius:14px;padding:14px 16px;display:grid;gap:10px;font-size:14.5px;line-height:1.45;margin-bottom:env(safe-area-inset-bottom,0)}
.pv-cb p{color:#d6d3cd;font-size:14px}.pv-cb div{display:flex;gap:8px;flex-wrap:wrap}.pv-cb a{color:var(--fg)}
@media (min-width:900px){.pv-cb{left:20px;right:auto;bottom:20px}}
/* piede */
.pv-foot{border-top:1px solid var(--line);padding:36px 0 52px}
.pv-foot .pv-w{display:flex;flex-wrap:wrap;gap:20px 40px;justify-content:space-between}
.pv-foot svg{height:18px;width:auto;display:block;color:var(--fg)}.pv-foot p{color:var(--dim);font-size:15px;margin-top:12px;max-width:38ch}
.pv-fn{list-style:none;display:flex;flex-wrap:wrap;gap:0 20px;font-size:15px}
.pv-fn a,.pv-lk{display:inline-flex;align-items:center;min-height:44px;color:#d6d3cd;text-decoration:none}.pv-fn a:hover,.pv-lk:hover{color:#fff}
.pv-lk{background:none;border:0;font:inherit;cursor:pointer;text-decoration:underline;text-decoration-color:var(--o);text-underline-offset:3px}
/* sulla home il pulsante «Statistiche» sta accanto agli altri link del piede */
footer .pv-lk{font-size:inherit;padding:0 4px}

.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.pv-blk a:not(.pv-btn){display:inline-block;padding:13px 0;margin:-13px 0}.pv-cb a{display:inline-block;padding:13px 4px;margin:-13px -4px}.pv-bar nav a,.pv-cta{min-height:44px}
/* v7r · schermi medi e bassi (tablet, finestre strette): titolo che non copre la scena, riga dei settori che non taglia */
.hero h1#h1{font-size:clamp(38px,min(10.6vw,9vh,80px),112px)}
@media (min-width:900px){.hero h1#h1{font-size:clamp(56px,5.3vw,84px)}}
@media (max-width:899px){.hero{padding-top:118px}.sect{overflow-x:auto;white-space:nowrap;scrollbar-width:none}.sect::-webkit-scrollbar{display:none}}
@media (min-width:600px) and (max-width:899px){.hero .scap{position:absolute;top:auto;bottom:16px;right:16px;left:auto}}
.pv-ricevete{display:grid;grid-template-columns:minmax(0,1fr);gap:0;margin-top:30px;border-top:1px solid var(--line)}
.pv-ricevete dt{color:var(--dim);font-size:14px;padding-top:18px}
.pv-ricevete dd{color:#d6d3cd;padding:4px 0 18px;border-bottom:1px solid var(--line);max-width:60ch}
@media (min-width:760px){.pv-ricevete{grid-template-columns:200px minmax(0,1fr)}.pv-ricevete dt,.pv-ricevete dd{padding:18px 0;border-bottom:1px solid var(--line)}.pv-ricevete dd{padding-left:20px}}
/* titoli di sezione meno urlati: stessa famiglia, scala più contenuta */
body section.s h2{font-size:clamp(32px,6.2vw,60px);max-width:20ch;line-height:1.04}
@media (max-width:899px){body .ph section.s h2,body section.s h2{font-size:clamp(30px,8.4vw,44px)}}
/* v7r · giuria art director: scala dei titoli (la hero resta il titolo più grande), cursore piccolo, margini e ritmo */
body .w1,body .w2,body .chap .w2{font-size:clamp(34px,5vw,56px);letter-spacing:-.03em}
@media (min-width:900px){body .w1{font-size:clamp(44px,4.4vw,60px)}}
body .rcase h3{font-size:clamp(30px,4.4vw,44px)}
@media (min-width:900px){html.cur-on .cur{width:14px;height:16px;margin:-8px 0 0 10px}html.cur-on .cur.hot svg{transform:none}}
@media (min-width:1024px){body section.s{padding-left:max(40px,4vw);padding-right:max(40px,4vw)}}
body section.s{padding-top:clamp(72px,10vw,120px);padding-bottom:clamp(72px,10vw,120px)}
.chisiamo .foto-img{border-radius:50%}
@media (min-width:900px){.foto-img{width:200px;height:200px}}
.pv-cta-r{margin:0 0 18px}
/* v7r · giuria 3: gerarchia (hero > titoli di sezione), foto, hero su schermi bassi */
@media (min-width:900px){body section.s h2{font-size:clamp(34px,3.4vw,46px)}.foto-img{width:280px;height:280px}}
@media (min-width:600px) and (max-width:1023px) and (max-height:720px){.hero h1#h1{max-width:52vw;font-size:clamp(38px,5.6vw,48px)}}
/* idea T4: «Cosa ricevete» come ricevuta (righe tratteggiate, voce + dettaglio), senza cifre */
.pv-ricevete dt{color:var(--o);font-weight:650;letter-spacing:.02em}
/* v7r · 10/11 Roberto: la home non deve nascondere le sezioni dietro un palco da 4800 px e la fascia dei mestieri sopra */
#casi .track{height:calc(var(--n,8) * 250px + 100vh)}
@media (min-width:900px){.sect:not(.casi){display:none}}
#hint{display:none}
/* 10/11: telefono come computer, scena con portatile e telefono affiancati; niente fila di anteprime */
.ph #casi{display:block!important}.ph #vetrine{display:none!important}
@media (max-width:699px){.pv-cb{left:8px;right:8px;bottom:8px;padding:10px 12px;gap:6px;grid-template-columns:1fr auto;align-items:center}.pv-cb p{font-size:13px;line-height:1.35}.pv-cb div{flex-wrap:nowrap}.pv-cb button{min-height:44px;padding:0 14px;font-size:14px}}
.chap .w1,.chap .w2{flex:none}
/* sottopagine su telefono: barra bassa, voci su una riga che scorre */
@media (max-width:640px){.pv-bar nav{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 calc(-1*var(--pad));padding:0 var(--pad)}.pv-bar nav::-webkit-scrollbar{display:none}.pv-bar nav a{white-space:nowrap;flex:none;min-height:40px}.pv-bar{padding-top:4px;padding-bottom:0}.pv-hero{padding-top:36px}}
.ph #casi .track{height:calc(var(--n,8) * 150px + 100vh)}
/* giuria 5 */
.big-wm{display:none}
@media (max-width:899px){body section.s{padding-top:clamp(40px,10vw,64px);padding-bottom:clamp(40px,10vw,64px)}.pv-cb{padding:8px 10px}.pv-cb p{font-size:12.5px;line-height:1.3}.pv-cb button{min-height:40px;padding:0 12px;font-size:13.5px}.ph #casi .pin{padding-bottom:84px;box-sizing:border-box}}
@media (max-width:640px){.pv-bar nav{-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent)}}
/* giuria 6 */
body section.s{padding-top:clamp(40px,6vw,80px);padding-bottom:clamp(40px,6vw,80px)}
.ph .chap{padding-bottom:100px}
input,textarea,select{border-color:#6b6a72}
/* giuria 7: sezioni di testo su due colonne sul computer, bordi dei campi a norma, spazi su telefono */
@media (min-width:1100px){
  #cosa>.wrap,#faq>.wrap,#come>.wrap{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);column-gap:72px;align-items:start;max-width:1180px}
  #cosa>.wrap>.sec,#faq>.wrap>.sec,#come>.wrap>.sec{grid-column:1;grid-row:1}
  #cosa>.wrap>h2,#faq>.wrap>h2,#come>.wrap>h2{grid-column:1;grid-row:2;position:sticky;top:110px;max-width:12ch}
  #cosa>.wrap>:not(.sec):not(h2),#faq>.wrap>:not(.sec):not(h2),#come>.wrap>:not(.sec):not(h2){grid-column:2;grid-row:1/span 2}
  #cosa,#faq,#come{font-size:clamp(16px,1.3vw,18px)}
}
body dialog input:not([type=radio]):not([type=checkbox]):not([aria-invalid]),body dialog textarea:not([aria-invalid]){border-color:#6b6a72!important}
html.ph body section.s{padding-top:40px;padding-bottom:40px}
@media (min-width:1100px){#cosa>.wrap,#faq>.wrap,#come>.wrap{grid-template-rows:auto 1fr}#cosa>.wrap>h2,#faq>.wrap>h2,#come>.wrap>h2{align-self:start;margin-top:12px}}
@media (min-width:1100px){#come>.wrap{display:block;max-width:none}#come>.wrap>h2{position:static;max-width:none;margin-top:0}#come>.wrap>*{grid-column:auto;grid-row:auto}}

/* v7r-11: una sola scena, niente ripetizioni; i siti si muovono da soli sul portatile e sul telefono */
#casi{display:block!important}#vetrine{display:none!important}
.sect:not(.casi){display:none}
#casi .track,.ph #casi .track{height:calc(var(--n,8) * 130px + 100vh)}
.vw video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;display:block}
/* v7r-12: cosa mettiamo / cosa ci serve, sotto ogni tipo di sito */
.ctxt .more{margin-top:14px;display:grid;gap:10px;font-size:13.5px;line-height:1.45}
.ctxt .more b{display:block;color:var(--o);font-size:12px;letter-spacing:.02em;margin-bottom:2px}
@media (max-width:899px){.ctxt .more{grid-template-columns:1fr 1fr;font-size:13px}}

.vw video.bpv{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;display:block}.tel-vw>video.bpv{object-position:top}

/* v7r-14: giuria 11 */
#casi .track,.ph #casi .track{height:calc(var(--n,8) * 190px + 100vh)}
.hero .sub{font-weight:500;font-size:clamp(17px,1.5vw,21px);max-width:36ch}
.hero .micro{color:#cfccc6;max-width:46ch}
.vw video,.tel-vw>video{background:#111}
.nomo-b{position:fixed;right:14px;bottom:14px;z-index:60;min-height:36px;padding:0 14px;border-radius:999px;border:1px solid #6b6a72;background:#0b0b0cd9;color:#e8e5df;font:600 13px 'Author',sans-serif;cursor:pointer}
.nomo-b:hover{border-color:#e8e5df}.nomo-b:focus-visible{outline:2px solid var(--o);outline-offset:3px}
@media (max-width:899px){
  .nomo-b{top:76px;bottom:auto;right:10px;min-height:32px;font-size:12px;padding:0 10px}
  .ctxt .notes>div:first-child{display:none}
  .ctxt .more{grid-template-columns:1fr;gap:8px;font-size:12.5px;line-height:1.38}
  .ctxt .more b{font-size:11.5px}
  .ph .chap{padding-bottom:84px}
  .pv-cb{padding:6px 10px!important;gap:8px}.pv-cb p{font-size:12px!important;line-height:1.25!important}.pv-cb button{min-height:36px!important;padding:0 12px!important;font-size:13px!important}
}
.nomo-b{width:auto!important;white-space:nowrap;line-height:1;color:#e8e5df!important;font-size:13px!important;display:inline-flex;align-items:center}
@media (max-width:899px){
  .ctxt .notes{display:none}
  .chap .w2{font-size:clamp(30px,8.5vw,40px)}
  .chap .w1{font-size:clamp(38px,11vw,50px)}
  .ctxt .sub3{font-size:clamp(20px,5.6vw,24px)}
  .nomo-b{font-size:12px!important}
}
@media (max-width:899px){
  .ph .chap,.chap{padding-top:84px}
  .ctxt .sub3{display:none}
  .chap .w2{font-size:clamp(24px,6.5vw,30px)}
  .ctxt .more{margin-top:6px}
}

/* v7r-15: sul telefono «esempio» sta già accanto al nome; via la riga grigia */
@media (max-width:899px){.ctxt .lab{display:none}}

@media (min-width:900px){.nomo-b{right:auto;left:14px;bottom:14px}}

/* v7r-16: giuria 12 */
.s>.wrap{max-width:1325px!important}
.nomo-b{min-height:44px}
@media (max-width:899px){
  .nomo-b{top:10px!important;bottom:auto!important;right:88px!important;left:auto!important;min-height:44px;padding:0 12px;font-size:12px;z-index:61}
  .pv-cb{left:8px!important;right:8px!important;bottom:8px!important;padding:8px 10px!important}
  .pv-cb button{min-height:44px!important;padding:0 14px!important}
}

/* v7r-17: scena senza scorrimento agganciato */
#casi{position:relative}
#casi .track,.ph #casi .track{height:auto!important}
#casi .pin{position:relative!important;height:max(100vh,720px);overflow:hidden}
#casi>.sect.casi{position:absolute!important;opacity:1;visibility:visible;z-index:5}
@media (min-width:900px){#casi>.sect.casi{top:118px;left:var(--pad);width:240px;right:auto;bottom:auto}}
@media (max-width:899px){
  #casi .pin{height:auto;min-height:100vh;overflow:visible}
  #casi .chap{position:relative!important;inset:auto;min-height:100vh;padding-top:140px!important}
  #casi>.sect.casi{top:66px;left:0;right:0;bottom:auto;width:auto;padding:0 var(--pad);background:none;overflow-x:auto;white-space:nowrap}
  #casi>.sect.casi .sl{display:none}
  #casi>.sect.casi .sr{display:flex;flex-wrap:nowrap;gap:8px}
  #casi>.sect.casi .sr button{flex:none;min-height:44px;padding:0 14px;border:1px solid #3a393f;border-radius:999px;font-size:14px;color:#cfccc6;background:#0b0b0cd9}
  #casi>.sect.casi .sr button b{display:none}
  #casi>.sect.casi .sr button[aria-current="true"]{color:#0a0a0a;background:var(--fg);border-color:var(--fg)}
}

/* v7r-18: guida al posto della goccia; niente goccia come cursore */
.cur{display:none!important}
html.cur-on,html.cur-on *{cursor:auto!important}html.cur-on a,html.cur-on button,html.cur-on summary{cursor:pointer!important}
.gd{position:fixed;right:14px;bottom:14px;z-index:58;display:flex;flex-direction:column;align-items:flex-end;gap:10px;max-width:min(360px,calc(100vw - 28px))}
.gd-t{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 18px;border-radius:999px;border:1px solid #6b6a72;background:#0b0b0cf2;color:var(--fg);font:650 15px 'Author',sans-serif;cursor:pointer}
.gd-t:hover{border-color:var(--fg)}.gd-t:focus-visible,.gd button:focus-visible,.gd a:focus-visible{outline:2px solid var(--o);outline-offset:3px}
.gd-nudge,.gd-p{background:#141417;border:1px solid #3a393f;border-radius:16px;padding:14px 16px;color:#e8e5df;font:500 15px/1.4 'Author',sans-serif;box-shadow:0 12px 40px #000a}
.gd-nudge{display:flex;gap:10px;align-items:flex-start}.gd-nudge[hidden],.gd-p[hidden],.gd-r[hidden]{display:none}
.gd-x{flex:none;min-width:44px;min-height:44px;margin:-10px -10px 0 0;background:none;border:0;color:#cfccc6;font-size:22px;cursor:pointer}
.gd-p h2{font:700 20px/1.2 'Zodiak',serif;margin:0 0 10px;color:var(--fg)}
.gd-c{display:flex;flex-wrap:wrap;gap:8px}
.gd-c button,.gd-b button,.gd-w{min-height:44px;padding:0 14px;border-radius:999px;border:1.5px solid #6b6a72;background:transparent;color:var(--fg);font:600 14px 'Author',sans-serif;cursor:pointer;display:inline-flex;align-items:center;text-decoration:none}
.gd-c button[aria-pressed=true]{background:var(--fg);color:#0a0a0a;border-color:var(--fg)}
.gd-r{margin-top:12px}.gd-r p{margin:0 0 10px;color:#d6d3cd}.gd-b{display:flex;flex-wrap:wrap;gap:8px}
.gd-see{background:var(--o)!important;border-color:var(--o)!important;color:#0a0a0a!important}
@media (min-width:900px){.nomo-b{left:14px}}
@media (max-width:899px){.gd{right:10px;bottom:10px}}

#casi>.sect.casi{display:block!important}

@media (max-width:899px){.gd-t span{display:none}.gd-t{min-width:48px;padding:0 17px;justify-content:center}}

/* v7r-20: secondo carattere (Bricolage Grotesque, OFL) per kicker, numeri e comandi */
@font-face{font-family:'Brico';src:url(Bricolage-Grotesque.woff2) format('woff2');font-weight:200 800;font-display:swap}
.sec,.gd-t,.gd-c button,.gd-b button,.gd-w,.s10b,.s10go,.ctf-b,.ba-k,.s10nav b,.sect .sr button b{font-family:'Brico','Author',sans-serif;font-weight:700;letter-spacing:.01em}
.sec{text-transform:uppercase;font-size:13px;letter-spacing:.12em;color:var(--o)}
/* in pagina: 10 secondi */
.s10 .lead{max-width:56ch}
.s10form{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-end;margin:24px 0}
.s10form label,.ctf label{display:flex;flex-direction:column;gap:6px;font-size:14px;color:#cfccc6;flex:1 1 220px}
.s10form input,.s10form select,.ctf input,.ctf select{min-height:48px;border-radius:12px;border:1.5px solid #4a4950;background:#0d0d0f;color:var(--fg);font:500 16px 'Author',sans-serif;padding:0 14px}
.s10form input:focus-visible,.s10form select:focus-visible,.ctf input:focus-visible,.ctf select:focus-visible,.s10b:focus-visible,.s10go:focus-visible,.ctf-b:focus-visible{outline:2px solid var(--o);outline-offset:3px}
.s10b,.ctf-b,.s10go{min-height:48px;padding:0 22px;border-radius:999px;border:0;background:var(--fg);color:#0a0a0a;font-size:15px;cursor:pointer}
.s10go{background:var(--o)}
.s10m{max-width:860px;border-radius:16px;overflow:hidden;border:1px solid #3a393f;background:#f4f1ea;color:#16181a;box-shadow:0 24px 60px #000a}
.s10top{display:flex;gap:6px;padding:10px 14px;background:#dcd8cf}.s10top i{width:10px;height:10px;border-radius:50%;background:#a9a69d}
.s10pg{padding:22px clamp(16px,4vw,40px) 30px}
.s10nav{display:flex;gap:18px;align-items:center;font-size:13px;color:#555}.s10nav b{margin-right:auto;font-size:17px;color:#16181a}
.s10pg h3{font:700 clamp(24px,4vw,40px)/1.1 'Zodiak',serif;margin:34px 0 14px;max-width:18ch;color:#16181a}
.s10btn{display:inline-block;padding:12px 20px;border-radius:999px;background:#16181a;color:#f4f1ea;font:700 15px 'Author',sans-serif;margin:0}
.s10cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-top:30px}
.s10cards div{background:#fff;border:1px solid #e1ddd3;border-radius:12px;padding:14px}.s10cards b{display:block;font:700 14px 'Author',sans-serif;margin-bottom:10px;color:#16181a}
.s10cards span{display:block;height:7px;border-radius:4px;background:#e4e0d6;margin-top:6px}.s10cards span+span{width:70%}
.s10n{max-width:60ch;color:#b3b0aa;font-size:14px;margin:14px 0 6px}
/* prima e dopo (fascia chiara) */
.ba{background:#f1ede4;color:#16181a;padding:clamp(48px,8vw,96px) var(--pad)}
.ba-in{max-width:1325px;margin:0 auto}.ba-k{font-size:13px;text-transform:uppercase;letter-spacing:.12em;color:#b4540a;margin:0 0 12px}
.ba h2{font:700 clamp(28px,4.6vw,52px)/1.08 'Zodiak',serif;margin:0 0 30px;max-width:20ch;color:#16181a}
.ba-g{display:grid;grid-template-columns:1fr 1.5fr;gap:clamp(16px,3vw,40px);align-items:start}
.ba figure{margin:0}.ba figcaption{margin-top:10px;font-size:14px;color:#4a4a4a}
.ba-old{display:flex;flex-direction:column;gap:10px;padding:20px;min-height:230px;background:#d9d9d6;border:2px inset #bbb;color:#444;font:400 13px/1.3 Arial,Helvetica,sans-serif}.ba-old b{font-size:15px;color:#33339b;text-decoration:underline}
.ba-a img{width:100%;height:auto;display:block;border-radius:12px;border:1px solid #d8d3c7;box-shadow:0 18px 40px #0003}
@media (max-width:899px){.ba-g{grid-template-columns:1fr}}
/* modulo in pagina */
.ctf{display:grid;gap:12px;margin:0 0 20px;max-width:460px}.ctf-h{font:700 18px 'Zodiak',serif;margin:0}.ctf-e{color:#ffb47a;margin:0}

@media (min-width:900px){.ba-old{min-height:clamp(260px,33vw,480px)}}

/* v7r-21: giuria 15 */
.ctas-off{display:none}
.ctf-b{background:var(--o);color:#0a0a0a}.ctf-p{font-size:13px;color:#b3b0aa;margin:0}.ctf-p a{color:var(--fg)}
.s10,#casi,.ba,#contatti{scroll-margin-top:84px}
.ba-old b{color:#444;text-decoration:none}
.s10img{height:clamp(90px,16vw,170px);border-radius:12px;margin:26px 0 4px;background:linear-gradient(135deg,#16181a,#4a4a48)}
.t-palestra .s10img,.t-personal .s10img{background:linear-gradient(135deg,#1c2a1f,#c25a1a)}
.t-ristorante .s10img{background:linear-gradient(135deg,#1f2a22,#d9a63b)}
.t-salone .s10img{background:linear-gradient(135deg,#17171a,#7d6c55)}
.t-bnb .s10img{background:linear-gradient(135deg,#27403b,#d8c9a8)}
.t-medico .s10img,.t-legale .s10img{background:linear-gradient(135deg,#1f3a44,#9fb5ba)}
.t-negozio .s10img{background:linear-gradient(135deg,#2a2330,#c9877a)}
.t-artigiano .s10img,.t-azienda .s10img{background:linear-gradient(135deg,#202428,#c06a2b)}
.s10pg h3{margin-top:18px}
@media (max-width:899px){.s10{scroll-margin-top:72px}}

.s10cards i{display:block;font:500 13px/1.4 'Author',sans-serif;color:#5a5a58;font-style:normal}

@media (max-width:899px){html:not(.cbs) .pv-cb{display:none!important}}
/* R17: banner a destra su desktop, bersagli 44px, contrasto */
@media (min-width:900px){.pv-cb{left:auto;right:20px}}
.ba-k{color:#a34a08}
.nav a,header a,.foot a,footer a,.pv-cb a{min-height:44px;display:inline-flex;align-items:center;padding-inline:6px}
@media (max-width:899px){
  #casi .pin,#casi .chap{min-height:0!important}
  #casi{padding-top:0}
  #casi>.sect.casi{top:12px}
  #casi .chap{padding-top:76px!important;padding-bottom:36px}
}
/* R18: banner compatto unico, Rifiuta e Accetta di pari peso */
html body .pv-cb{left:50%!important;right:auto!important;bottom:12px!important;transform:translateX(-50%);width:min(520px,calc(100vw - 24px));max-width:none;box-sizing:border-box;display:grid!important;grid-template-columns:1fr!important;gap:8px!important;padding:10px 12px!important;border-radius:12px;background:#141417;border:1px solid #4a494f}
html body .pv-cb p{margin:0;font-size:13px!important;line-height:1.35!important;color:#d6d3cd}
html body .pv-cb div{display:grid!important;grid-template-columns:1fr 1fr;gap:8px;flex-wrap:nowrap}
html body .pv-cb button{min-height:44px!important;padding:0 12px!important;border-radius:10px!important;border:1.5px solid #8d8b93!important;background:#26252b!important;color:var(--fg)!important;font:650 14px 'Author',sans-serif!important}
html body .pv-cb button:hover{background:#34333a!important}
html body .pv-cb a{min-height:0;padding:0;margin:0;display:inline;text-decoration:underline}
html.cb-on .gd{bottom:calc(var(--cbh,110px) + 18px)}
@media (min-width:900px){html.cb-on .gd{bottom:14px}html.cb-on .nomo-b{bottom:14px}html body .pv-cb{left:50%!important}}
/* R19: bozza a tema (8 palette, 3 impaginazioni) */
.s10m{--b:#101113;--f:#f2efe8;--a:#ff7a1a;--c:#26282b;--k:#181a1c;--ab:#0a0a0a;background:var(--b);color:var(--f);border-color:#3a393f}
.s10m.p0{--b:#101113;--f:#f2efe8;--a:#ff7a1a;--c:#26282b;--k:#181a1c;--ab:#0a0a0a}
.s10m.p1{--b:#f3efe6;--f:#1b2a22;--a:#2f6b4f;--c:#dfe6d8;--k:#fbf9f4;--ab:#fff}
.s10m.p2{--b:#0f1c2e;--f:#f1ece1;--a:#d9b47a;--c:#1d2f47;--k:#152439;--ab:#0f1c2e}
.s10m.p3{--b:#2a0f16;--f:#f6ece4;--a:#e0a15e;--c:#43202a;--k:#351821;--ab:#2a0f16}
.s10m.p4{--b:#12251c;--f:#f0ece0;--a:#d4a73a;--c:#1f3a2c;--k:#183024;--ab:#12251c}
.s10m.p5{--b:#17181a;--f:#eef0ea;--a:#b6e04a;--c:#2a2c2f;--k:#1f2022;--ab:#17181a}
.s10m.p6{--b:#f6ede4;--f:#2a1a12;--a:#c25a2a;--c:#ead7c6;--k:#fffaf4;--ab:#fff}
.s10m.p7{--b:#eef1f4;--f:#14202b;--a:#2b6cb0;--c:#d5dde6;--k:#fff;--ab:#fff}
.s10top{background:var(--c)}.s10top i{background:var(--f);opacity:.35}
.s10nav{color:var(--f)}.s10nav b{color:var(--f)}.s10nav span{opacity:.7}
.s10pg h3{color:var(--f);font:700 clamp(26px,4.2vw,44px)/1.08 'Author',sans-serif;letter-spacing:-.01em;max-width:20ch;margin:0 0 14px}
.s10m.sf .s10pg h3{font-family:'Zodiak',serif;letter-spacing:-.02em}
.s10sub{color:var(--f);opacity:.78;font-size:15px;line-height:1.5;max-width:46ch;margin:0 0 20px}
.s10btn{background:var(--a);color:var(--ab)}
.s10img{height:auto;min-height:150px;margin:0;border-radius:16px;background:linear-gradient(145deg,var(--c),var(--a));display:grid;place-items:center}
.s10ic{width:46%;max-width:120px;color:var(--f)}
.s10img-s{width:88px;height:88px;min-height:0;margin:0 auto 18px;border-radius:50%}.s10img-s .s10ic{width:50%}
.s10hero{display:grid;grid-template-columns:1.35fr .65fr;gap:26px;align-items:center;margin:30px 0 22px}
.s10mid{text-align:center;max-width:640px;margin:34px auto 26px}.s10mid h3,.s10mid .s10sub{margin-left:auto;margin-right:auto}
.s10split{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:26px;align-items:start}
.s10r{background:var(--c);border-radius:14px;padding:6px 18px}
.s10list{list-style:none;margin:0;padding:0;counter-reset:n}.s10list li{counter-increment:n;padding:14px 0;border-bottom:1px solid #ffffff22;display:grid;grid-template-columns:34px 1fr;column-gap:8px}
.s10list li:last-child{border:0}.s10list li::before{content:counter(n,decimal-leading-zero);color:var(--a);font:700 13px 'Author',sans-serif;grid-row:span 2;padding-top:3px}
.s10list b{font:700 15px 'Author',sans-serif;color:var(--f)}.s10list i{font:500 13px/1.4 'Author',sans-serif;font-style:normal;opacity:.75}
.s10chips{list-style:none;margin:20px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.s10chips li{border:1px solid var(--a);color:var(--f);border-radius:999px;padding:6px 12px;font:600 12.5px 'Author',sans-serif}
.s10cards div{background:var(--k);border:1px solid #ffffff1c;color:var(--f)}.s10m.p1 .s10cards div,.s10m.p6 .s10cards div,.s10m.p7 .s10cards div{border-color:#0000001a}
.s10cards b{color:var(--f)}.s10cards i{color:var(--f);opacity:.72}
.s10c{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.s10alt{min-height:48px;padding:0 20px;border-radius:999px;border:1.5px solid #6b6a72;background:transparent;color:var(--fg);font:600 15px 'Brico','Author',sans-serif;cursor:pointer}.s10alt:hover{border-color:var(--fg)}
@media (max-width:720px){.s10hero,.s10split{grid-template-columns:1fr}.s10img{min-height:110px}}
/* R19: prima/dopo, il sito vecchio è un sito comune, dentro una cornice scura */
.ba-old{background:#c9c5bb;color:#2b2b29;border-radius:12px;overflow:hidden;font-family:Georgia,serif;filter:saturate(.55);box-shadow:0 20px 50px #000a;border:1px solid #3a393f}
.bo-w{display:flex;gap:6px;align-items:center;padding:9px 12px;background:#2a2a2c}.bo-w i{width:9px;height:9px;border-radius:50%;background:#6b6a72}.bo-w u{margin-left:10px;text-decoration:none;font:12px 'Author',sans-serif;color:#a9a7a0;background:#1a1a1c;padding:3px 12px;border-radius:999px}
.bo-h{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;padding:10px 14px;background:#4b5563;color:#e5e7eb;font:12px Arial,sans-serif}.bo-h b{margin-right:auto;font-size:14px;color:#fff}
.bo-s{height:150px;background:linear-gradient(120deg,#8a8f98,#b0a48b);display:flex;flex-direction:column;justify-content:center;padding:0 18px;color:#fff;text-shadow:0 1px 2px #0008}.bo-s span{font-size:clamp(16px,2.4vw,22px);font-weight:700}.bo-s small{font:12px Arial,sans-serif;margin-top:4px}
.bo-g{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px}.bo-g div{background:#ddd9cf;border:1px solid #b9b5aa;padding:8px}.bo-g b{display:block;font:700 12px Arial,sans-serif;margin-bottom:6px;color:#3b3b39}.bo-g span{display:block;height:5px;background:#b9b5aa;margin-top:5px}.bo-g span+span{width:60%}
.bo-f{display:grid;gap:3px;padding:8px 14px 12px;font:11px Arial,sans-serif;color:#555;border-top:1px solid #b9b5aa}
/* R19: menu del telefono, schermo nero che si apre dal pulsante e i titoli che salgono uno a uno */
@keyframes mnReveal{from{clip-path:circle(0 at calc(100% - 44px) 0)}to{clip-path:circle(150% at calc(100% - 44px) 0)}}
@keyframes mnUp{from{opacity:0;transform:translateY(34px)}to{opacity:1;transform:none}}
.mnav:not([hidden]){animation:mnReveal .55s cubic-bezier(.2,.8,.2,1) both}
.mnav:not([hidden]) nav a{opacity:0;animation:mnUp .55s cubic-bezier(.2,.8,.2,1) forwards;counter-increment:mn;display:flex;align-items:baseline;gap:14px}
.mnav nav{counter-reset:mn}.mnav nav a::before{content:counter(mn,decimal-leading-zero);font:700 12px 'Author',sans-serif;color:var(--o);letter-spacing:.08em;min-width:22px}
.mnav:not([hidden]) nav a:nth-child(1){animation-delay:.12s}.mnav:not([hidden]) nav a:nth-child(2){animation-delay:.18s}.mnav:not([hidden]) nav a:nth-child(3){animation-delay:.24s}.mnav:not([hidden]) nav a:nth-child(4){animation-delay:.3s}.mnav:not([hidden]) nav a:nth-child(5){animation-delay:.36s}.mnav:not([hidden]) nav a:nth-child(6){animation-delay:.42s}
.mnav:not([hidden]) .btn{opacity:0;animation:mnUp .55s .5s cubic-bezier(.2,.8,.2,1) forwards}
@media (prefers-reduced-motion:reduce){.mnav:not([hidden]),.mnav:not([hidden]) nav a,.mnav:not([hidden]) .btn{animation:none;opacity:1}}
html.rm .mnav:not([hidden]),html.rm .mnav:not([hidden]) nav a,html.rm .mnav:not([hidden]) .btn{animation:none;opacity:1}
/* R19: la fascia prima/dopo resta nera come il resto del sito */
.ba{background:#0a0a0b;color:var(--fg);border-top:1px solid #1d1d20}
.ba-k{color:var(--o)}.ba h2{color:var(--fg)}.ba figcaption{color:#b3b0aa}
.ba .ba-old{display:block;padding:0;min-height:0}.ba .ba-old b{text-decoration:none}
.ba-a img{border-color:#3a393f}
@media (min-width:900px){.ba .ba-old{min-height:0}}
.s10k{margin:30px 0 10px;font:700 12px 'Brico','Author',sans-serif;text-transform:uppercase;letter-spacing:.14em;color:var(--a)}.s10k+h3{margin-top:0}.s10mid .s10k{margin-top:0}
.chisiamo .who>div>span{font-size:16px;line-height:1.6;color:#d6d3cd}.chisiamo .who>div>span.role{color:var(--o)}

/* prima/dopo a scorrimento */
.ba-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 20px}
.ba-tabs button{min-height:44px;padding:0 16px;border-radius:999px;border:1px solid #3a3a3a;background:transparent;color:#d9d6d0;font:inherit;font-size:15px;cursor:pointer}
.ba-tabs button.on,.ba-tabs button[aria-selected=true]{background:#f2efe8;color:#111;border-color:#f2efe8}
.ba-g.ba-in2{animation:baIn .5s ease both}
@keyframes baIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.ba-c{margin:16px 0 0}
.ba-p{min-height:44px;padding:0 16px;border-radius:999px;border:1px solid #3a3a3a;background:transparent;color:#d9d6d0;font:inherit;font-size:14px;cursor:pointer}
@media (prefers-reduced-motion:reduce){.ba-g.ba-in2{animation:none}}

.s10sw{margin:22px 0 0}.s10sw p{margin:0 0 10px;font-size:15px;color:#bdb9b0}
.s10sw div{display:flex;flex-wrap:wrap;gap:8px}
.s10sw button{min-height:44px;padding:0 14px;border-radius:999px;border:1px solid #3a3a3a;background:transparent;color:#d9d6d0;font:inherit;font-size:14px;cursor:pointer}
.s10sw button[aria-pressed=true]{background:#f2efe8;color:#111;border-color:#f2efe8}

@media (max-width:700px){.ba-tabs{flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x proximity;margin-inline:-16px;padding:0 16px 6px;scrollbar-width:none}.ba-tabs button{flex:0 0 auto;scroll-snap-align:start}.ba-tabs::-webkit-scrollbar{display:none}}

.s10ic{width:86%;max-width:240px;height:auto}
.s10img-s{width:min(300px,80%);height:auto;aspect-ratio:10/7;border-radius:16px}.s10img-s .s10ic{width:90%;max-width:none}
@media (max-width:700px){.chisiamo .who{align-items:flex-start}.chisiamo .who>img,.chisiamo .who picture{align-self:flex-start}}

/* v7r-31: selettori a tendina al posto delle file di bottoni */
.s10sw label,.ba-sl{display:flex;flex-direction:column;gap:8px;font-size:15px;color:#bdb9b0}
.s10sel,#basel{min-height:48px;padding:0 14px;border-radius:12px;border:1px solid #3a3a3a;background:#141414;color:#f2efe8;font:inherit;font-size:16px;width:100%;max-width:420px}
.ba-tabs{display:flex;align-items:center;gap:10px;flex-wrap:nowrap;margin:18px 0 20px;overflow:visible}
.ba-sl{flex:1;max-width:420px}
.ba-pr,.ba-nx{flex:0 0 auto;width:48px;height:48px;min-height:48px;padding:0;border-radius:50%;border:1px solid #3a3a3a;background:transparent;color:#f2efe8;font-size:20px;cursor:pointer}
.chisiamo h2,.bp h2,#bp h2{overflow-wrap:anywhere}
@media (max-width:700px){main h2{overflow-wrap:break-word}}

/* v7r-31: bozza con foto reali, 3 layout in più e 4 palette in più */
.s10m.p8{--b:#1a1411;--f:#f4ebe0;--a:#e8c9a0;--c:#2c221c;--k:#211a15;--ab:#120d0a}
.s10m.p9{--b:#eaf0ea;--f:#14261e;--a:#e2552b;--c:#d2dcd2;--k:#f7faf6;--ab:#fff}
.s10m.p10{--b:#0c1a24;--f:#e9f2f5;--a:#5fd0c6;--c:#162c3a;--k:#112331;--ab:#0c1a24}
.s10m.p11{--b:#f7f2e8;--f:#221f1a;--a:#b0842c;--c:#e8dfcb;--k:#fffdf7;--ab:#fff}
.s10f{position:relative;margin:0 calc(-1 * clamp(16px,4vw,40px));min-height:clamp(320px,52vw,460px);overflow:hidden;display:grid}
.s10ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.s10fo{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:18px clamp(16px,4vw,40px) 30px;background:linear-gradient(180deg,rgba(0,0,0,.55),rgba(0,0,0,.25) 40%,rgba(0,0,0,.78));color:#fff}
.s10fo .s10nav,.s10fo .s10nav b,.s10fo .s10nav span{color:#fff}
.s10fo h3,.s10fo .s10sub,.s10fo .s10k{color:#fff}
.s10ft{max-width:560px}
.s10ed{display:grid;grid-template-columns:.9fr 1.1fr;gap:26px;margin:26px 0 22px;align-items:stretch}
.s10edp{position:relative;border-radius:16px;overflow:hidden;min-height:300px}
.s10edt{align-self:center}
.s10po h3{font-size:clamp(34px,7vw,72px);max-width:14ch;line-height:1}
.s10pb{position:relative;height:clamp(140px,26vw,240px);border-radius:16px;overflow:hidden;margin:18px 0}
.s10pos{max-width:560px}
@media (max-width:720px){.s10ed{grid-template-columns:1fr}.s10edp{min-height:200px}}
@media (max-width:700px){html body .pv-cb p{font-size:12.5px;line-height:1.3}.gd{transform:scale(.88);transform-origin:bottom right}}
@media (max-width:360px){#stopmo,.nomo-b{font-size:12px;padding:0 10px}}

/* v7r-22: selettore esempi su telefono, coppia hero, 320px */
.casel{display:none}
@media (max-width:899px){html.ph .casel{display:block;margin:0 16px 10px;width:calc(100% - 32px);position:relative;z-index:5}html.ph #sr{display:none}}
@media (max-width:359px){.nomo-b{top:64px!important;right:8px!important;min-height:36px!important;font-size:11px!important}}

/* v7r-23: «prima» diverso per mestiere */
.bo-p0{--bg:#efe6cf;--a:#7a1f1f;--b:#c8a24a;--f:Times New Roman,serif}
.bo-p1{--bg:#1b1b1b;--a:#c9a227;--b:#444;--f:Impact,Arial Narrow,sans-serif}
.bo-p2{--bg:#e8f1e4;--a:#5b7f4a;--b:#d9b3c6;--f:Verdana,sans-serif}
.bo-p3{--bg:#f3d9ec;--a:#8a2a8a;--b:#e46fb2;--f:Comic Sans MS,Comic Sans,cursive}
.bo-p4{--bg:#dbe6f2;--a:#1b4f93;--b:#e6a100;--f:Arial,sans-serif}
.bo-p5{--bg:#d3eeee;--a:#0d8c8c;--b:#7fd0d0;--f:Tahoma,sans-serif}
.bo-p6{--bg:#e7e3d6;--a:#1c2a4a;--b:#b18f2d;--f:Times New Roman,serif}
.bo-p7{--bg:#dedbd6;--a:#e07b00;--b:#555;--f:Tahoma,Verdana,sans-serif}
.bo-p8{--bg:#2a2020;--a:#d11a1a;--b:#555;--f:Impact,Arial Narrow,sans-serif}
.bo-p9{--bg:#101010;--a:#7cff00;--b:#1f6f00;--f:Arial Black,Arial,sans-serif}
.ba .ba-old{background:var(--bg,#c9c5bb);font-family:var(--f,Arial),sans-serif;color:#222;filter:saturate(.8)}

.bo-c{padding:14px 18px;text-align:center;background:repeating-linear-gradient(45deg,var(--bg),var(--bg) 6px,#00000010 6px,#00000010 7px)}
.bo-c h4{font-size:26px;color:var(--a);margin:0 0 6px;text-decoration:underline;font-weight:700}
.bo-m{background:var(--a);color:#fff;font-size:12px;padding:4px;margin:0 0 8px;letter-spacing:.5px}
.bo-nv{font-size:12px;color:var(--a);margin:0 0 8px}.bo-c p{font-size:13px;margin:6px 0}
.bo-c ul,.bo-mn ul,.bo-tw ul{text-align:left;font-size:13px;margin:6px auto;padding-left:20px;max-width:340px}
.bo-ct{font:700 11px "Courier New",monospace;border:2px inset #888;display:inline-block;padding:2px 8px;background:#000;color:#0f0}
.bo-ph{height:120px;background:linear-gradient(135deg,#9a9a9a,#c9c9c9);display:grid;place-items:center;margin:6px 0;border:3px ridge #aaa}.bo-ph em{font:12px "Courier New",monospace;color:#555;font-style:normal}
.bo-sd{display:grid;grid-template-columns:30% 1fr;min-height:190px}
.bo-sn{background:var(--a);color:#fff;padding:12px;display:flex;flex-direction:column;gap:6px;font-size:12px}.bo-sn b{font-size:15px;color:var(--b);margin-bottom:6px}.bo-sn span{border-bottom:1px dotted #fff8;padding-bottom:3px}
.bo-mn{padding:12px 14px}.bo-mn h4{font-size:18px;color:var(--a);margin:0}.bo-mn small{display:block;color:#888;margin-bottom:4px}.bo-mn p{font-size:12px;margin:4px 0}
.bo-hd{background:linear-gradient(var(--b),var(--a));color:#fff;padding:14px;text-align:center;font-size:20px}.bo-hd b{color:#fff;text-shadow:2px 2px 0 #0006}
.bo-tb{display:flex;gap:0;background:var(--a)}.bo-tb span{flex:1;padding:6px 4px;border-right:1px solid #fff6;color:#fff;font-size:11px;text-align:center}
.bo-tw{display:grid;grid-template-columns:38% 1fr;gap:10px;padding:12px}.bo-tw h4{margin:0 0 4px;color:var(--a);font-size:16px}.bo-tw p{font-size:12px;margin:3px 0}
.ba .ba-old .bo-f{padding:8px 14px 10px;font-size:11px;color:#666;border-top:1px solid #0003;background:#0000000d}
.bo-t-ban .bo-h{background:var(--a)}.bo-t-ban .bo-s{background:linear-gradient(120deg,var(--b),var(--a))}
.bo-sn b{color:#fff!important}

/* v7r-23b: fondo pagina e riquadri flottanti (giuria R23) */
:root{--gx:max(var(--pad),calc((100vw - 1344px)/2 + var(--pad)))}
@media (min-width:900px){
  html body .pv-cb{left:50%!important;right:auto!important;bottom:14px!important;transform:translateX(-50%);width:min(820px,calc(100vw - 340px))!important;max-width:none!important;display:flex!important;grid-template-columns:none!important;align-items:center;gap:16px!important;padding:8px 10px 8px 20px!important;border-radius:999px}
  html body .pv-cb p{flex:1 1 auto;margin:0!important;font-size:13.5px!important;line-height:1.35!important}
  html body .pv-cb div{display:flex!important;grid-template-columns:none!important;gap:8px;flex:none}
  html body .pv-cb button{min-height:40px!important;padding:0 20px!important;border-radius:999px!important}
  .nomo-b{left:auto!important;right:14px!important;bottom:76px!important}
  html.cb-on .nomo-b{bottom:76px!important}
  .gd{right:14px;bottom:14px}
  footer{padding-bottom:96px}
  .contatti .grid{grid-template-columns:minmax(0,520px) minmax(380px,440px)!important;justify-content:space-between;gap:56px!important;align-items:start}
  .fbar{grid-template-columns:minmax(0,1fr) auto auto!important;column-gap:36px;align-items:center}
  .fend{justify-self:end;flex-wrap:nowrap}
  .fcta{margin-top:0}
  .s10form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:16px;align-items:end;margin:28px 0;max-width:1040px}
  .s10form label{flex:none;min-width:0}
  .s10b{min-height:48px;padding:0 28px;white-space:nowrap;align-self:end}
  .ba-g{align-items:stretch}
  .ba figure{display:flex;flex-direction:column}
  .ba .ba-old{flex:1 1 auto}
  .chap{padding-right:var(--gx)}
  .sect.casi{left:var(--gx)}
}
@media (min-width:1800px){:root{--pad:56px}.micro,.ba figcaption{font-size:15.5px}}
@media (max-width:899px){.s10form{grid-template-columns:1fr}}

.bo-p1{--bg:#efe8d0;--a:#8a6d12;--b:#c9a227}.bo-p8{--bg:#f1e9e9;--a:#b01616;--b:#777}.bo-p9{--bg:#e9efe3;--a:#2d7a00;--b:#8bc34a}
@media (max-width:899px){html.ph #sr,html.ph .sect #sr{display:none!important}}

.bo-sp{padding:22px 18px;text-align:center;background:radial-gradient(circle at 50% 30%,#fff9,var(--bg))}
.bo-sk{font-size:12px;color:#666;margin:0}.bo-sp h4{font-size:30px;color:var(--a);margin:6px 0 10px;letter-spacing:1px;text-shadow:2px 2px 0 var(--b)}
.bo-ent{font:700 13px "Courier New",monospace;color:#00c;text-decoration:underline;margin:10px 0}.bo-sp p{font-size:12px;margin:6px 0}
.bo-ls{display:grid;grid-template-columns:1fr 28%;min-height:200px}.bo-lm{padding:14px 16px}.bo-lm h4{font-size:20px;color:var(--a);margin:0 0 8px;border-bottom:3px double var(--a)}
.bo-lm p{font-size:12px;margin:6px 0;line-height:1.5}.bo-lm ul{font-size:12px;padding-left:18px}
.bo-lr{background:var(--a);color:#fff;padding:10px;display:flex;flex-direction:column;gap:5px;font-size:11px}.bo-lr b{color:var(--b)}.bo-lr span{border:1px outset #fff8;padding:3px 5px;background:#0003}.bo-lr em{margin-top:auto;font-style:normal;border:1px dashed #fff9;padding:10px 4px;text-align:center;font-size:10px}
@media (max-width:699px){html body .pv-cb{display:flex!important;align-items:center;gap:8px!important;padding:6px 8px 6px 12px!important;grid-template-columns:none!important}html body .pv-cb p{flex:1 1 auto;font-size:12px!important;line-height:1.3!important}html body .pv-cb div{display:flex!important;flex-wrap:nowrap;grid-template-columns:none!important;flex:none}html body .pv-cb button{min-height:44px!important;padding:0 12px!important;font-size:13px!important}}
@media (min-width:2200px){.wrap{max-width:1700px}.micro,.ba figcaption,.ctxt p,.ctxt dd{font-size:17px}html body .pv-cb p{font-size:15px!important}}
.bo-sp{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center}.ba .ba-old{display:flex;flex-direction:column}.bo-ls,.bo-sd{flex:1 1 auto}

/* v7r-26: schermi molto larghi, 320 px, cookie */
:root{--wm:1344px}
@media (min-width:1800px){:root{--wm:1560px;--pad:48px}}
@media (min-width:2300px){:root{--wm:1840px;--pad:64px}}
.wrap{max-width:var(--wm)}
.nav{padding:0 max(var(--pad),calc((100% - var(--wm)) / 2 + var(--pad)))}
.rail{--rg:max(var(--pad),calc((100% - var(--wm)) / 2 + var(--pad)))}
:root{--gx:max(var(--pad),calc((100vw - var(--wm))/2 + var(--pad)))}
@media (min-width:2300px){body{font-size:19px}.pv-cb p,.micro,.ctxt p,.ctxt dd,.ba figcaption{font-size:18px!important}.lead,.sub{font-size:1.15em}}
@media (max-width:480px){
  .nomo-b,.nomo-b.is-off{font-size:0!important;width:44px;min-width:44px;padding:0!important;top:auto!important;bottom:82px!important;right:10px!important;left:auto!important;justify-content:center;border-radius:50%;opacity:.9}
  .nomo-b::before{content:"II";font:700 14px 'Author',sans-serif;letter-spacing:1px;color:#e8e5df}
  .nomo-b.is-off::before{content:"\25B6";font-size:15px;letter-spacing:0}
  html body .pv-cb{bottom:6px!important;padding:6px 8px 6px 12px!important}
  html body .pv-cb p{font-size:11.5px!important}
  .gd{transform:scale(.8)}
}

.s10ph.pv1{transform:scaleX(-1);object-position:30% 40%}
.s10ph.pv2{transform:scale(1.35);object-position:70% 30%}

.s>.wrap{max-width:var(--wm)!important}
.ba-in{max-width:var(--wm)}
@media (min-width:1800px){#cosa>.wrap,#faq>.wrap,#come>.wrap{max-width:1400px}.s10 .lead{max-width:64ch}}
html body .gd-nudge,html body .gd-p{margin-bottom:58px;max-width:min(320px,calc(100vw - 28px))}

/* v7r-28: cookie piccolo in basso a sinistra, pulsanti flottanti compatti */
@media (min-width:900px){
  html body .pv-cb{left:auto!important;right:150px!important;transform:none;bottom:14px!important;width:min(400px,calc(100vw - 200px))!important;border-radius:18px!important;flex-wrap:wrap;gap:8px 10px;padding:10px 12px!important}
  html body .pv-cb p{font-size:12.5px!important;flex:1 1 100%}
  html body .pv-cb button{min-height:34px!important;padding:0 16px!important;font-size:13px!important}
  html body .pv-cb div{margin-left:auto}
  .nomo-b,.nomo-b.is-off{font-size:0!important;width:44px;min-width:44px;height:44px;padding:0!important;justify-content:center;border-radius:50%;bottom:68px!important}
  .nomo-b::before{content:"II";font:700 14px 'Author',sans-serif;letter-spacing:1px;color:#e8e5df}
  .nomo-b.is-off::before{content:"\25B6";font-size:15px;letter-spacing:0}
  html body .gd-nudge,html body .gd-p{margin-bottom:62px}
  footer{padding-bottom:40px}
}

html body .pv-cb[hidden]{display:none!important}
@media (max-width:899px){
  .nomo-b,.nomo-b.is-off{top:14px!important;bottom:auto!important;right:96px!important;left:auto!important;width:40px;min-width:40px;height:40px;z-index:70;opacity:.85}
}
@media (min-width:1000px) and (max-width:1799px){:root{--pad:48px}}
@media (min-width:900px){.s{padding-block:clamp(48px,6vw,76px)}}
@media (min-width:900px){#cosa>.wrap,#faq>.wrap,#come>.wrap{max-width:var(--wm)!important}}
@media (min-width:1800px){body{font-size:17px}}
@media (min-width:900px){.passi{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:48px!important}.passo h3{min-height:2.2em}}
@media (min-width:1024px){body section.s{padding-left:0;padding-right:0}}
.gd-close{align-self:flex-end;min-height:44px;min-width:44px;padding:0 14px;border:1px solid #3a393f;border-radius:999px;background:none;color:#e8e5df;font:600 14px 'Author',sans-serif;cursor:pointer}
.gd-p{display:flex;flex-direction:column;gap:10px}.gd-p[hidden]{display:none}
.gd-c button{min-height:44px}
@media (max-width:899px){
  html.stk-on body .pv-cb,html body .pv-cb{bottom:78px!important}
  .gd-t{min-height:44px;min-width:44px}
}
@media (max-width:359px){.hero .eyebrow,.hero .kick,.hero [class*=eyebrow]{display:none}}
#come .more,#come p a{display:inline}
#come>.wrap>p:last-child{margin-top:28px;line-height:1.7}
@media (max-width:359px){.kick{display:none}}
.pv-cta-r{line-height:1.75}.pv-cta-r .pv-lnk{display:inline;min-height:0;padding:4px 0}

@media (min-width:2300px){:root{--wm:2000px}}
@media (min-width:2200px){body section.s:not(#casi):not(#hero),body footer{zoom:1.3;--wm:1538px;--pad:49px}}
@media (min-width:900px){
  html body .pv-cb{left:0!important;right:0!important;bottom:0!important;width:auto!important;max-width:none!important;border-radius:0!important;flex-wrap:nowrap!important;align-items:center;justify-content:center;gap:18px;padding:8px var(--pad)!important;min-height:0}
  html body .pv-cb p{flex:0 1 auto!important;font-size:13px!important;margin:0!important}
  html body .pv-cb div{margin-left:0}
  html body .pv-cb button{min-height:36px!important}
  html.cb-on .nomo-b,html.cb-on .gd{transform:translateY(-52px)}
}
@media (max-width:899px){html.cb-on .gd{display:none}.gd{bottom:84px!important}}
html.cb-on .stk{display:none!important}
@media (min-width:900px){.gd-nudge{display:none!important}}
.gd-t{min-height:44px;min-width:44px}
@media (max-width:899px){.gd-p{max-height:52vh;overflow:auto}.gd{max-width:calc(100vw - 20px)}}

/* v75 — telefono: selettore con freccia, cookie al fondo, entrate animate */
.casel-h{display:none}
@media(max-width:899px){
html.ph .casel-h{display:block;margin:0 16px 8px;font:650 12.5px 'Author',sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--o)}
html.ph .casel{-webkit-appearance:none;appearance:none;border:1.5px solid #6a6872;border-radius:14px;min-height:52px;padding:0 52px 0 16px;font-weight:650;background:#141414 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M4 7.5l6 6 6-6' fill='none' stroke='%23ff7a1a' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 18px center/20px 20px;outline:none;overflow:hidden}
html.ph .casel:focus,html.ph .casel:focus-visible{outline:none;border-color:var(--o);box-shadow:inset 0 0 0 1px var(--o)}
html.cb-on body .pv-cb,html.cb-on.stk-on body .pv-cb{bottom:calc(10px + env(safe-area-inset-bottom,0px))!important}
html.rv-on .rv{opacity:0;transform:translate3d(0,26px,0);transition:opacity .75s cubic-bezier(.2,.7,.2,1) var(--rd,0ms),transform .75s cubic-bezier(.2,.7,.2,1) var(--rd,0ms);will-change:opacity,transform}
html.rv-on .rv.rv-in{opacity:1;transform:none}
html.nomo .rv{opacity:1!important;transform:none!important;transition:none!important}
}
@media(prefers-reduced-motion:reduce){html.rv-on .rv{opacity:1;transform:none;transition:none}}
@media(max-width:899px){html.ph .casel{margin-bottom:24px}}
@media(max-width:899px){html.gd-hero .gd{display:none!important}
#basel{-webkit-appearance:none;appearance:none;min-height:52px;padding:0 52px 0 16px;border:1.5px solid #6a6872;border-radius:14px;font-weight:650;background:#141414 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M4 7.5l6 6 6-6' fill='none' stroke='%23ff7a1a' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 18px center/20px 20px}
#basel:focus,#basel:focus-visible{outline:none;border-color:var(--o);box-shadow:inset 0 0 0 1px var(--o)}
.pv-bar nav a,.pv-bar a,.pv-foot a,.ba-pr,.ba-nx{min-height:44px;display:inline-flex;align-items:center}}
/* v75: schermi larghi: lista dei mestieri e palco sulla stessa griglia del menu */
@media (min-width:1800px){#casi>.sect.casi{left:var(--gx)}#casi .chap{padding-left:calc(var(--gx) + 280px);padding-right:var(--gx)}}
/* v78: telefono: titolo staccato dal selettore, cookie in fondo allo schermo */
@media (max-width:899px){
html.ph #casi .chap{padding-top:158px!important}
html.cb-on body .pv-cb,html.cb-on.stk-on body .pv-cb,html body .pv-cb{bottom:6px!important}
}
@media (min-width:1800px){.ba .ba-in{padding-left:var(--pad);padding-right:var(--pad)}}
/* v80: una sola pagina, niente scalino di colore né linea tra stage e «Prima e dopo» */
html body .ba{background:var(--bg);border-top:0}
/* v81: sezione Servizi in home */
.pv-serv{padding-top:clamp(56px,8vw,110px);padding-bottom:clamp(40px,6vw,80px)}
.pv-serv .lead{max-width:60ch;color:var(--mute)}
.pv-sv{list-style:none;margin:36px 0 0;padding:0;max-width:920px;border-top:1px solid var(--line)}
.pv-it{border-bottom:1px solid var(--line)}
.pv-sh{all:unset;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:68px;padding:14px 0;cursor:pointer;color:var(--fg)}
.pv-sh b{font:700 clamp(21px,2.6vw,28px)/1.2 'Zodiak',serif;letter-spacing:-.015em;transition:color .25s}
.pv-sh:hover b,.pv-sh[aria-expanded=true] b{color:var(--o)}
.pv-sh:focus-visible{outline:2px solid var(--o);outline-offset:4px;border-radius:6px}
.pv-pl{position:relative;flex:none;width:22px;height:22px}
.pv-pl::before,.pv-pl::after{content:'';position:absolute;left:0;right:0;top:10px;height:2px;background:currentColor;border-radius:1px;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.pv-pl::after{transform:rotate(90deg)}
.pv-sh[aria-expanded=true] .pv-pl::after{transform:rotate(0)}
.pv-sp{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s cubic-bezier(.2,.8,.2,1)}
.pv-sp>.pv-sx{overflow:hidden;min-height:0;opacity:0;transform:translateY(-8px);transition:opacity .35s,transform .45s cubic-bezier(.2,.8,.2,1)}
.pv-sh[aria-expanded=true]+.pv-sp{grid-template-rows:1fr}
.pv-sh[aria-expanded=true]+.pv-sp>.pv-sx{opacity:1;transform:none}
.pv-sx p{color:#cfccc6;font-size:17px;line-height:1.6;max-width:62ch;padding-bottom:18px}
.pv-sx .btn{margin-bottom:26px;min-height:48px}
.pv-sx .btn span{display:inline-block;transition:transform .25s}.pv-sx .btn:hover span{transform:translateX(4px)}
html:not([class]) .pv-sp{grid-template-rows:1fr}html:not([class]) .pv-sp>.pv-sx{opacity:1;transform:none}html:not([class]) .pv-pl{display:none}
@media (prefers-reduced-motion:reduce){.pv-sp,.pv-sp>.pv-sx,.pv-pl::before,.pv-pl::after{transition:none}}
html.ph .pv-sh{min-height:64px}

/* v86: percorsi consigliati (tendine in home, «Vi può servire anche» nelle pagine) */
.pv-ac{display:flex;flex-wrap:wrap;gap:10px 12px;margin-bottom:14px}.pv-ac .btn{margin-bottom:0}
.pv-rel{margin:0 0 26px;color:var(--mute);font-size:15px;display:flex;flex-wrap:wrap;gap:4px 14px;align-items:baseline}
.pv-rel a{color:var(--fg);font-weight:650;text-decoration:none;border-bottom:1.5px solid var(--o);padding:11px 0 1px;margin:-11px 0 0}
.pv-corr{border-top:1px solid #26252a;margin-top:64px;padding:56px 0 8px}
.pv-corr h2{font:700 clamp(28px,4vw,40px)/1.1 'Zodiak',serif;letter-spacing:-.02em;margin:0 0 24px}
.pv-corr ul{list-style:none;margin:0;padding:0;display:grid;gap:14px;grid-template-columns:1fr}
@media(min-width:800px){.pv-corr ul{grid-template-columns:repeat(3,1fr)}}
.pv-corr li a{display:flex;flex-direction:column;gap:8px;height:100%;padding:22px;border:1px solid #26252a;border-radius:16px;background:#0d0d0f;color:#f3f1ed;text-decoration:none;transition:border-color .25s,transform .25s}
.pv-corr li a:hover,.pv-corr li a:focus-visible{border-color:#5a5860;transform:translateY(-2px)}
.pv-corr b{font:700 20px/1.2 'Zodiak',serif}.pv-corr span{color:#b3b0aa;font-size:15px;line-height:1.55}
.pv-corr em{margin-top:auto;padding-top:8px;font:700 13px 'Author',sans-serif;font-style:normal;letter-spacing:.06em;text-transform:uppercase;color:#ff7a1a}.pv-corr em::after{content:" →"}
.pv-corr-cta{margin-top:28px;display:flex;flex-wrap:wrap;gap:12px 18px;align-items:center;color:#b3b0aa;font-size:15px}
.ctxt .open+.open{margin-top:-4px}
.pv-corr-cta .pv-cta{display:inline-flex;align-items:center;min-height:50px;padding:0 22px;border:0;border-radius:10px;background:#ff7a1a;color:#140700;font-weight:650;text-decoration:none}