html{color-scheme:light}img{max-width:100%}[hidden]{display:none!important}
:root{
--carta:#EFF2F2; --superficie:#FFFFFF; --superficie-2:#E4EAEA; --incavo:#E7ECEC;
--inchiostro:#111819; --inchiostro-2:#48585B; --inchiostro-3:#75878A;
--linea:#CBD5D6;
--primario:#1B3A4B; --penna:#A93B12; --attenzione:#8A5B0E; --positivo:#2F5F44;
--scuro:#0D1416; --scuro-2:#162125; --su-scuro:#E3EAEA; --su-scuro-2:#A9BABD; --su-scuro-3:#7D9095;
--c1:#B7C3C6; --c2:#9AAAAF; --c3:#7B8F94; --c4:#5C7378; --perdita:#A93B12; --margine:#1B5B75;
--serif:"Source Serif 4",Georgia,"Times New Roman",serif;
--sans:"Libre Franklin","Helvetica Neue",Arial,sans-serif;
--mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;
}
@media (prefers-color-scheme: dark){
:root:not([data-theme="light"]){
color-scheme:dark;
--carta:#0D1416; --superficie:#141D20; --superficie-2:#1B262A; --incavo:#111A1D;
--inchiostro:#E3EAEA; --inchiostro-2:#A9BABD; --inchiostro-3:#7D9095;
--linea:#2A383C;
--primario:#82B4C9; --penna:#E8794A; --attenzione:#D3A03A; --positivo:#6FAE86;
--scuro:#070C0D; --scuro-2:#121B1E;
--c1:#49585C; --c2:#67797E; --c3:#93A6AB; --c4:#BECDD1; --perdita:#E8794A; --margine:#82B4C9;
}
}
:root[data-theme="dark"]{
color-scheme:dark;
--carta:#0D1416; --superficie:#141D20; --superficie-2:#1B262A; --incavo:#111A1D;
--inchiostro:#E3EAEA; --inchiostro-2:#A9BABD; --inchiostro-3:#7D9095;
--linea:#2A383C;
--primario:#82B4C9; --penna:#E8794A; --attenzione:#D3A03A; --positivo:#6FAE86;
--scuro:#070C0D; --scuro-2:#121B1E;
--c1:#49585C; --c2:#67797E; --c3:#93A6AB; --c4:#BECDD1; --perdita:#E8794A; --margine:#82B4C9;
}
*{box-sizing:border-box}
body{margin:0;background:var(--carta);color:var(--inchiostro);font-family:var(--sans);font-size:17px;line-height:1.62;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:var(--serif);font-weight:600;text-wrap:balance;margin:0;letter-spacing:-.012em}
h1{font-size:clamp(2.2rem,6.4vw,3.7rem);line-height:1.05}
h2{font-size:clamp(1.6rem,4.2vw,2.35rem);line-height:1.13}
h3{font-size:1.14rem;line-height:1.3}
h4{font-size:1rem}
p{margin:0}
a{color:var(--primario)}
.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}
.wrap{max-width:1100px;margin:0 auto;padding-inline:20px}
.prosa{max-width:62ch}
section{border-top:1px solid var(--linea)}
section>.wrap{padding-block:clamp(46px,6.5vw,84px)}
.occhiello{font-family:var(--mono);font-size:.71rem;letter-spacing:.15em;text-transform:uppercase;color:var(--inchiostro-3);display:block;margin-bottom:13px}
.stack{display:flex;flex-direction:column;gap:20px}
.stack-s{display:flex;flex-direction:column;gap:10px}
.stack-l{display:flex;flex-direction:column;gap:34px}
.barra{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--carta) 90%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--linea)}
.barra .wrap{display:flex;align-items:center;gap:20px;padding-block:11px}
.firma{display:flex;align-items:baseline;gap:9px;white-space:nowrap}
.firma b{font-family:var(--serif);font-weight:600;font-size:1.04rem;letter-spacing:-.01em}
.firma span{font-family:var(--mono);font-size:.64rem;letter-spacing:.12em;text-transform:uppercase;color:var(--inchiostro-3)}
.barra nav{display:flex;gap:19px;margin-left:auto}
.barra nav a{font-size:.85rem;color:var(--inchiostro-2);text-decoration:none;white-space:nowrap;padding-block:4px;border-bottom:1px solid transparent}
.barra nav a:hover{color:var(--inchiostro);border-bottom-color:var(--penna)}
@media (max-width:900px){.barra nav{display:none}.barra .wrap{justify-content:space-between;gap:12px}.firma span{display:none}.firma b{font-size:.98rem}}
.bottone{display:inline-flex;align-items:center;gap:9px;font-size:.93rem;font-weight:600;text-decoration:none;padding:12px 19px;border-radius:2px;border:1px solid var(--primario);background:var(--primario);color:var(--carta);white-space:nowrap;cursor:pointer}
.bottone:hover{filter:brightness(1.14)}
.bottone.vuoto{background:transparent;color:var(--primario)}
.bottone.vuoto:hover{background:color-mix(in srgb,var(--primario) 10%,transparent);filter:none}
.azioni{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.sotto-azione{font-size:.84rem;color:var(--inchiostro-3)}
.apertura{background:var(--scuro);color:var(--su-scuro);border-top:0}
.apertura .wrap{padding-block:clamp(44px,6vw,80px)}
.apertura h1{color:var(--su-scuro)}
.apertura .occhiello{color:var(--su-scuro-3)}
.apertura-griglia{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(26px,4vw,52px);align-items:center}
@media (max-width:900px){.apertura-griglia{grid-template-columns:1fr;gap:32px}}
.apertura .sommario{font-size:1.07rem;color:var(--su-scuro-2);max-width:52ch}
.apertura .bottone{background:var(--su-scuro);color:var(--scuro);border-color:var(--su-scuro)}
.apertura .bottone.vuoto{background:transparent;color:var(--su-scuro);border-color:color-mix(in srgb,var(--su-scuro) 45%,transparent)}
.apertura .bottone.vuoto:hover{background:color-mix(in srgb,var(--su-scuro) 12%,transparent)}
.apertura .sotto-azione{color:var(--su-scuro-3)}
h1 .seconda{display:block;color:var(--penna)}
.ritratto{position:relative;display:block;width:100%;aspect-ratio:4/5;overflow:hidden;background:var(--scuro-2);border:1px solid color-mix(in srgb,var(--su-scuro) 22%,transparent);margin:0}
.ritratto img{width:100%;height:100%;object-fit:cover;object-position:50% 28%;display:block;filter:saturate(.92) contrast(1.03)}
.ritratto::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,color-mix(in srgb,var(--scuro) 45%,transparent),transparent 42%);pointer-events:none}
.ritratto figcaption{position:absolute;left:0;right:0;bottom:0;padding:14px 16px;font-family:var(--mono);font-size:.68rem;letter-spacing:.09em;text-transform:uppercase;color:color-mix(in srgb,#E3EAEA 82%,transparent)}
.faccia{width:132px;height:132px;flex:0 0 132px;border-radius:2px;overflow:hidden;border:1px solid color-mix(in srgb,var(--su-scuro) 22%,transparent)}
.faccia img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.92)}
.firmato{display:flex;gap:18px;align-items:center}
@media (max-width:520px){.firmato{gap:14px}.faccia{width:104px;height:104px;flex:0 0 104px}}
.posto{position:relative;border:1px dashed color-mix(in srgb,var(--inchiostro-3) 60%,transparent);background:var(--incavo);display:flex;flex-direction:column;justify-content:flex-end;gap:6px;padding:16px;min-height:200px}
.posto::before{content:"";position:absolute;inset:7px;border:1px solid color-mix(in srgb,var(--inchiostro-3) 22%,transparent);pointer-events:none}
.posto b,.posto span{font-family:var(--mono);font-size:.7rem;letter-spacing:.09em;text-transform:uppercase}
.posto b{color:var(--inchiostro-2);font-weight:500}
.posto span{color:var(--inchiostro-3);letter-spacing:.04em;text-transform:none;font-size:.76rem;line-height:1.45}
.posto.larga{aspect-ratio:3/2;min-height:0}
@media (max-width:640px){.posto.larga{aspect-ratio:auto;min-height:190px}}
.striscia{background:var(--scuro-2);border-top:1px solid color-mix(in srgb,var(--su-scuro) 12%,transparent)}
.striscia .wrap{padding-block:0}
.numeri{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:color-mix(in srgb,var(--su-scuro) 12%,transparent)}
@media (max-width:820px){.numeri{grid-template-columns:repeat(2,1fr)}}
.numeri>div{background:var(--scuro-2);padding:20px 18px;display:flex;flex-direction:column;gap:3px}
.numeri .valore{font-family:var(--mono);font-size:1.5rem;color:var(--su-scuro);font-variant-numeric:tabular-nums;line-height:1.1}
.numeri .voce{font-size:.85rem;color:var(--su-scuro-3);line-height:1.4}
.foglio{background:var(--superficie);border:1px solid var(--linea)}
.foglio-testa{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:12px 16px;border-bottom:1px solid var(--linea);background:var(--superficie-2);font-family:var(--mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--inchiostro-3)}
table.righe{width:100%;border-collapse:collapse;font-size:.95rem}
table.righe th{text-align:left;font-family:var(--mono);font-weight:500;font-size:.67rem;letter-spacing:.1em;text-transform:uppercase;color:var(--inchiostro-3);padding:10px 16px;border-bottom:1px solid var(--linea)}
table.righe td{padding:14px 16px;border-bottom:1px solid var(--linea);vertical-align:top}
table.righe tr:last-child td{border-bottom:0}
table.righe .valore{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:1.16rem;white-space:nowrap;text-align:right}
table.righe .glossa{display:block;font-size:.83rem;color:var(--inchiostro-3);margin-top:3px}
.barrato{position:relative;color:var(--inchiostro-3)}
.barrato::after{content:"";position:absolute;left:-2px;right:-2px;top:52%;height:2px;background:var(--penna);transform:rotate(-1.6deg);opacity:.85}
.nota-penna{padding:12px 16px;font-family:var(--mono);font-size:.77rem;line-height:1.5;color:var(--penna);border-top:1px dashed var(--linea)}
.tre{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--linea);border:1px solid var(--linea)}
.tre>div{background:var(--carta);padding:23px 21px;display:flex;flex-direction:column;gap:9px}
@media (max-width:820px){.tre{grid-template-columns:1fr}}
.tre .cifra{font-family:var(--mono);font-size:1.45rem;color:var(--penna)}
.tre p{font-size:.94rem;color:var(--inchiostro-2)}
.due{display:grid;grid-template-columns:1fr 1fr;gap:clamp(22px,3vw,40px);align-items:start}
@media (max-width:860px){.due{grid-template-columns:1fr}}
blockquote.ledger{margin:0;padding:18px 0 18px 20px;border-left:2px solid var(--penna);font-family:var(--serif);font-size:1.17rem;line-height:1.45}
blockquote.ledger cite{display:block;font-family:var(--sans);font-style:normal;font-size:.84rem;color:var(--inchiostro-3);margin-top:10px}
.niente{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media (max-width:860px){.niente{grid-template-columns:1fr}}
.niente>div{border-top:2px solid var(--penna);padding-top:14px;display:flex;flex-direction:column;gap:8px}
.niente p{font-size:.94rem;color:var(--inchiostro-2)}
.calc{display:grid;grid-template-columns:1.02fr .98fr;gap:clamp(20px,3vw,32px);align-items:start}
@media (max-width:940px){.calc{grid-template-columns:1fr}}
.campi{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media (max-width:520px){.campi{grid-template-columns:1fr}}
.campo{display:flex;flex-direction:column;gap:5px}
.campo label{font-size:.82rem;color:var(--inchiostro-2);font-weight:500}
.campo .unita{position:relative;display:flex;align-items:center}
.campo input{width:100%;font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:1rem;padding:10px 34px 10px 12px;background:var(--superficie);color:var(--inchiostro);border:1px solid var(--linea);border-radius:2px}
.campo input:focus{outline:2px solid var(--primario);outline-offset:1px}
.campo .unita span{position:absolute;right:11px;font-family:var(--mono);font-size:.82rem;color:var(--inchiostro-3);pointer-events:none}
.esito{background:var(--superficie);border:1px solid var(--linea)}
.esito-testa{padding:12px 18px;border-bottom:1px solid var(--linea);background:var(--superficie-2);font-family:var(--mono);font-size:.69rem;letter-spacing:.11em;text-transform:uppercase;color:var(--inchiostro-3)}
.esito-corpo{padding:18px}
.grande{font-family:var(--mono);font-size:clamp(2rem,7vw,2.7rem);line-height:1;font-variant-numeric:tabular-nums}
.grande.ok{color:var(--positivo)}
.grande.no{color:var(--penna)}
.etichetta{font-size:.83rem;color:var(--inchiostro-3);margin-top:6px}
.pillola{display:inline-flex;align-items:center;gap:7px;margin-top:15px;font-size:.85rem;font-weight:600;padding:7px 12px;border-radius:2px;border:1px solid currentColor}
.pillola.ok{color:var(--positivo)}
.pillola.no{color:var(--penna)}
.pillola.medio{color:var(--attenzione)}
.riga-esito{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px dashed var(--linea);font-size:.92rem}
.riga-esito:last-of-type{border-bottom:0}
.riga-esito b{font-family:var(--mono);font-variant-numeric:tabular-nums;font-weight:500}
.chip{width:10px;height:10px;flex:0 0 10px;border-radius:1px;display:inline-block}
.barra-dati{margin-top:22px;padding-top:18px;border-top:1px solid var(--linea)}
.barra-dati .titolo{font-family:var(--mono);font-size:.69rem;letter-spacing:.11em;text-transform:uppercase;color:var(--inchiostro-3);margin-bottom:9px}
.impilata{display:flex;gap:2px;height:38px;width:100%}
.impilata>span{position:relative;min-width:0;border-radius:1px}
.impilata>span:first-child{border-radius:3px 1px 1px 3px}
.impilata>span:last-child{border-radius:1px 3px 3px 1px}
.legenda{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:12px;font-size:.81rem;color:var(--inchiostro-2)}
.legenda i{font-style:normal;display:inline-flex;align-items:center;gap:7px}
.legenda b{font-family:var(--mono);font-variant-numeric:tabular-nums;font-weight:500;color:var(--inchiostro)}
.tappe{display:grid;gap:0}
.tappa{display:grid;grid-template-columns:96px 1fr;gap:20px;padding:20px 0;border-top:1px solid var(--linea)}
.tappa:last-child{border-bottom:1px solid var(--linea)}
@media (max-width:640px){.tappa{grid-template-columns:1fr;gap:6px}}
.tappa .anno{font-family:var(--mono);font-size:.95rem;color:var(--penna);letter-spacing:.04em}
.tappa p{font-size:.96rem;color:var(--inchiostro-2)}
.tappa h3{margin-bottom:5px}
.fronti{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media (max-width:860px){.fronti{grid-template-columns:1fr}}
.fronte{border:1px solid var(--linea);background:var(--superficie);padding:21px;display:flex;flex-direction:column;gap:9px}
.fronte .luogo{font-family:var(--mono);font-size:.69rem;letter-spacing:.1em;text-transform:uppercase;color:var(--inchiostro-3)}
.fronte p{font-size:.93rem;color:var(--inchiostro-2)}
.fronte .stato{margin-top:auto;padding-top:11px;border-top:1px dashed var(--linea);font-size:.83rem;color:var(--inchiostro-3)}
.cartello{font-family:var(--serif);font-size:clamp(1.3rem,3.8vw,1.85rem);line-height:1.26;padding:26px 0;border-top:1px solid var(--linea);border-bottom:1px solid var(--linea)}
.cartello span{display:block;color:var(--inchiostro-3);font-size:.9rem;font-family:var(--sans);margin-top:12px}
.casi{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--linea);border:1px solid var(--linea)}
@media (max-width:900px){.casi{grid-template-columns:1fr}}
.caso{background:var(--carta);padding:22px 20px;display:flex;flex-direction:column;gap:12px}
.caso .prima{font-size:.85rem;color:var(--inchiostro-3)}
.caso .virgolette{font-family:var(--serif);font-size:1.1rem;line-height:1.38}
.caso .dopo{font-size:.87rem;color:var(--inchiostro-2);border-top:1px solid var(--linea);padding-top:11px}
.caso .nome{font-family:var(--mono);font-size:.69rem;letter-spacing:.1em;text-transform:uppercase;color:var(--inchiostro-3)}
.playlist{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media (max-width:900px){.playlist{grid-template-columns:1fr}}
.pl{border:1px solid var(--linea);padding:20px;display:flex;flex-direction:column;gap:10px;background:var(--superficie)}
.pl .durata{font-family:var(--mono);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--inchiostro-3)}
.pl p{font-size:.92rem;color:var(--inchiostro-2)}
.libro{display:grid;grid-template-columns:150px 1fr;gap:26px;align-items:start;border:1px solid var(--linea);background:var(--superficie);padding:24px}
@media (max-width:640px){.libro{grid-template-columns:1fr}}
.dorso{aspect-ratio:2/3;background:var(--scuro);color:var(--su-scuro);padding:16px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid var(--linea)}
.dorso b{font-family:var(--serif);font-size:1.1rem;line-height:1.15}
.dorso span{font-family:var(--mono);font-size:.63rem;letter-spacing:.11em;text-transform:uppercase;color:var(--su-scuro-3)}
.bio{display:grid;grid-template-columns:1fr 300px;gap:clamp(24px,4vw,46px);align-items:start}
@media (max-width:900px){.bio{grid-template-columns:1fr}}
.scheda{border:1px solid var(--linea);background:var(--superficie)}
.scheda dl{margin:0}
.scheda div{display:flex;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--linea);font-size:.89rem}
.scheda div:last-child{border-bottom:0}
.scheda dt{color:var(--inchiostro-3)}
.scheda dd{margin:0;font-family:var(--mono);font-variant-numeric:tabular-nums;text-align:right}
.workshop{background:var(--primario);color:var(--carta);border-top:1px solid var(--primario)}
.workshop h2{color:var(--carta)}
.workshop .occhiello{color:color-mix(in srgb,var(--carta) 66%,transparent)}
.workshop p{color:color-mix(in srgb,var(--carta) 89%,transparent)}
.workshop .bottone{background:var(--carta);color:var(--primario);border-color:var(--carta)}
.workshop .bottone.vuoto{background:transparent;color:var(--carta);border-color:color-mix(in srgb,var(--carta) 45%,transparent)}
.workshop .elenco{display:grid;grid-template-columns:repeat(2,1fr);gap:14px 28px}
@media (max-width:700px){.workshop .elenco{grid-template-columns:1fr}}
.workshop .voce{border-top:1px solid color-mix(in srgb,var(--carta) 30%,transparent);padding-top:11px;font-size:.93rem}
.workshop .voce b{display:block;font-family:var(--mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:color-mix(in srgb,var(--carta) 64%,transparent);margin-bottom:4px;font-weight:500}
details{border-top:1px solid var(--linea)}
details:last-of-type{border-bottom:1px solid var(--linea)}
summary{cursor:pointer;padding:16px 0;font-family:var(--serif);font-size:1.07rem;list-style:none;display:flex;justify-content:space-between;gap:16px;align-items:baseline}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";font-family:var(--mono);color:var(--penna);font-size:1.1rem}
details[open] summary::after{content:"–"}
details p{padding-bottom:18px;font-size:.95rem;color:var(--inchiostro-2);max-width:62ch}
.contatto{background:var(--scuro);color:var(--su-scuro)}
.contatto h2{color:var(--su-scuro)}
.contatto .occhiello{color:var(--su-scuro-3)}
.contatto p{color:var(--su-scuro-2)}
.contatto .bottone{background:var(--su-scuro);color:var(--scuro);border-color:var(--su-scuro)}
.contatto .bottone.vuoto{background:transparent;color:var(--su-scuro);border-color:color-mix(in srgb,var(--su-scuro) 45%,transparent)}
footer{border-top:1px solid var(--linea);background:var(--superficie)}
footer .wrap{padding-block:28px;display:flex;flex-wrap:wrap;gap:14px 32px;align-items:baseline;font-size:.85rem;color:var(--inchiostro-3)}
footer a{color:var(--inchiostro-2)}
@media (prefers-reduced-motion:no-preference){
.bottone,.barra nav a,.impilata>span{transition:background .18s ease,color .15s ease,border-color .15s ease,filter .15s ease,flex-grow .25s ease}
}

.figura img{height:auto}