:root{--nero:#0b0604;--brace:#611306;--fiamma:#a93e14;--oro:#d6b16a;--sabbia:#f3d28b;--testo:#e9dcc3;--muto:#9d8c6f;--car:#16100c;--linea:#33261a}
*{box-sizing:border-box}html{scroll-behavior:smooth}
:root{--vel:.58}body.lettura{--vel:.86}
body::before{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(rgba(11,6,4,var(--vel)),rgba(11,6,4,calc(var(--vel) + .14))),url(grafica/fuoco.webp) center/cover no-repeat}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.banner{display:block;width:100%;max-width:1157px;height:auto;margin:0 auto 1.6rem;border-radius:12px;border:1px solid var(--linea);box-shadow:0 8px 40px rgba(0,0,0,.55)}
.pl{padding:0 1.2rem 0}.placca{display:block;max-width:100%;height:auto;margin:1rem 0 .5rem;border-radius:6px;box-shadow:0 2px 14px rgba(0,0,0,.6)}
.placca.grande{margin:0 auto 1rem;width:min(86%,380px)}
.btn-intro,.audio{font:.9rem system-ui,sans-serif;letter-spacing:.06em;color:var(--sabbia);background:rgba(22,16,12,.82);border:1px solid var(--linea);border-radius:999px;padding:.55rem 1.1rem;cursor:pointer}
.btn-intro:hover,.audio:hover{border-color:var(--oro)}.btn-intro{margin-top:1.1rem}
.audio{position:fixed;right:1rem;bottom:1rem;z-index:5}.audio[aria-pressed=true]{border-color:var(--oro);box-shadow:0 0 18px rgba(214,177,106,.35)}
body{margin:0;background:var(--nero);color:var(--testo);position:relative;
 font:1.075rem/1.75 Georgia,"Iowan Old Style","Palatino Linotype",serif;min-height:100vh}
a{color:var(--oro);text-underline-offset:3px}a:hover{color:var(--sabbia)}
.wrap{max-width:1040px;margin:0 auto;padding:0 1.25rem}
.top{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:1rem 0;font:.85rem system-ui,sans-serif;letter-spacing:.04em}
.top a{color:var(--muto);text-decoration:none}.top a:hover{color:var(--sabbia)}
h1,h2{font-weight:400;letter-spacing:.14em;text-transform:uppercase;margin:0}
.titolo{font-size:clamp(2rem,7vw,4rem);line-height:1.1;background:linear-gradient(180deg,var(--sabbia),var(--oro) 55%,var(--fiamma));
 -webkit-background-clip:text;background-clip:text;color:transparent;padding:.1em 0}
.sotto{color:var(--muto);font:.95rem system-ui,sans-serif;letter-spacing:.2em;text-transform:uppercase;margin-top:.5rem}
.hero{text-align:center;padding:2.5rem 0 2rem}
.filetto{height:1px;background:linear-gradient(90deg,transparent,var(--oro),transparent);margin:1.8rem auto;max-width:420px;opacity:.55}
.carte{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.1rem;padding:.5rem 0 2.5rem}
.carta{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:300px;border:1px solid var(--linea);border-radius:14px;
 overflow:hidden;text-decoration:none;color:var(--testo);background:var(--car) center/cover no-repeat;transition:transform .25s,border-color .25s,box-shadow .25s}
.carta::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,6,4,.15),rgba(11,6,4,.92) 78%)}
.carta>*{position:relative;padding:0 1.2rem}.carta h2{font-size:1.2rem;color:var(--sabbia);letter-spacing:.1em;padding:1rem 1.2rem 0}
.carta p{margin:.25rem 0 1.2rem;color:var(--muto);font:.9rem system-ui,sans-serif}
.carta:hover{transform:translateY(-3px);border-color:var(--oro);box-shadow:0 10px 30px rgba(169,62,20,.28)}
.carta.vuota{opacity:.55;pointer-events:none}
.nota{text-align:center;color:var(--muto);font:.85rem system-ui,sans-serif;padding-bottom:2.5rem}
.elenco{list-style:none;margin:0 0 2.5rem;padding:0;display:grid;gap:.6rem}
.elenco a{display:grid;grid-template-columns:3.2rem 1fr;gap:1rem;align-items:baseline;padding:.85rem 1.1rem;border:1px solid var(--linea);border-radius:10px;
 background:var(--car);text-decoration:none;color:var(--testo);transition:border-color .2s,background .2s}
.elenco a:hover{border-color:var(--oro);background:#1d140e}
.elenco b{font:600 1.15rem system-ui,sans-serif;color:var(--oro)}.elenco span{color:var(--muto);font-size:.98rem}
article{max-width:720px;margin:0 auto;padding-bottom:1rem}
article h1{font-size:clamp(1.3rem,4vw,1.8rem);color:var(--sabbia);text-align:center;margin:1.2rem 0 .3rem}
article p{margin:0 0 1.15em;text-align:left;hyphens:auto}
article p.iniz::first-letter{float:left;font-size:3.3em;line-height:.85;padding:.08em .12em 0 0;color:var(--oro)}
.galleria{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:.7rem;margin:1.6rem -2rem;}
.galleria.una{grid-template-columns:1fr;margin-left:0;margin-right:0}
.galleria figure{margin:0;border-radius:10px;overflow:hidden;background:var(--car);border:1px solid var(--linea)}
.galleria img{display:block;width:100%;height:auto;cursor:zoom-in;transition:transform .35s,filter .35s;filter:saturate(.95)}
.galleria img:hover{transform:scale(1.025);filter:saturate(1.1)}
.galleria.una img{max-width:560px;margin:0 auto}
@media(max-width:820px){.galleria{margin-left:0;margin-right:0}}
.layout{display:grid;grid-template-columns:210px minmax(0,720px);gap:2.2rem;justify-content:center;align-items:start}
.col{min-width:0}
.indice{position:sticky;top:1rem;max-height:calc(100vh - 2rem);overflow:auto;border:1px solid var(--linea);border-radius:12px;background:rgba(22,16,12,.78);padding:.8rem .8rem 1rem;font:.9rem system-ui,sans-serif;scrollbar-width:thin}
.indice summary{cursor:pointer;color:var(--muto);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;margin-bottom:.7rem}
.indice .logo{display:block;margin-bottom:.8rem}.indice .placca{margin:0 auto;max-width:100%}
.chips{display:grid;grid-template-columns:repeat(4,1fr);gap:.35rem}
.cap{display:block;text-align:center;padding:.4rem 0;border:1px solid var(--linea);border-radius:7px;color:var(--testo);text-decoration:none;background:var(--car);font-size:.85rem}
.cap:hover{border-color:var(--oro);color:var(--sabbia)}
.cap.attuale{background:linear-gradient(180deg,var(--fiamma),var(--brace));border-color:var(--oro);color:var(--sabbia);font-weight:600;box-shadow:0 0 14px rgba(169,62,20,.5)}
@media(max-width:900px){.layout{grid-template-columns:minmax(0,1fr)}.indice{position:static;max-height:none}.chips{grid-template-columns:repeat(8,1fr)}}
.bivio{text-align:center;color:var(--sabbia);font:italic 1rem Georgia,serif;margin:2rem 0 -1rem}
.nav{display:flex;justify-content:space-between;gap:.8rem;flex-wrap:wrap;margin:2rem 0 3rem;font:.95rem system-ui,sans-serif}
.nav a,.nav span{padding:.6rem 1.1rem;border:1px solid var(--linea);border-radius:999px;text-decoration:none;background:var(--car);color:var(--testo)}
.nav a:hover{border-color:var(--oro);color:var(--sabbia)}.nav span{opacity:.35}
.piede{text-align:center;color:var(--muto);font:.8rem system-ui,sans-serif;padding:0 0 2rem}
dialog{border:0;background:rgba(5,2,1,.94);padding:0;max-width:100vw;max-height:100vh;width:100vw;height:100vh;color:var(--testo)}
dialog::backdrop{background:#000}dialog[open]{display:flex;align-items:center;justify-content:center}
dialog img{max-width:94vw;max-height:90vh;object-fit:contain;border-radius:6px;box-shadow:0 0 60px rgba(169,62,20,.35)}
dialog button{position:absolute;background:rgba(22,16,12,.8);color:var(--sabbia);border:1px solid var(--linea);border-radius:999px;width:2.8rem;height:2.8rem;font-size:1.4rem;cursor:pointer}
dialog button:hover{border-color:var(--oro)}#lb-x{top:1rem;right:1rem}#lb-p{left:1rem;top:50%}#lb-n{right:1rem;top:50%}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media(prefers-color-scheme:light){:root{}}