:root{
  --verde:#01412A;--verde-scuro:#012E1E;--oro:#F0C068;--oro-tenue:#C9A25A;--avorio:#F5EFE3;
  --inchiostro:#16251E;--grigio:#5D6A62;--marrone:#3E2618;--linea:#E4DCCB;
  --f-display:"Bodoni Moda","Didot","Bodoni 72",Georgia,serif;
  --f-testo:"Jost","Futura","Avenir Next","Segoe UI",sans-serif;
  --s-1:.8125rem;--s0:1.0625rem;--s1:1.375rem;--s2:clamp(1.6rem,3.6vw,2.2rem);--s4:clamp(2.2rem,6vw,4.2rem);
  --gutter:clamp(16px,5vw,72px);color-scheme:light;
}
*{box-sizing:border-box}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
body{margin:0;background:var(--avorio);color:var(--inchiostro);font-family:var(--f-testo);font-size:var(--s0);font-weight:300;line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:inherit}
:focus-visible{outline:2px solid var(--oro);outline-offset:3px}
img{max-width:100%;display:block}
.wrap{max-width:760px;margin-inline:auto;padding-inline:var(--gutter)}
.wrap-l{max-width:1180px;margin-inline:auto;padding-inline:var(--gutter)}
h1,h2,h3{font-family:var(--f-display);font-weight:400;line-height:1.15;margin:0;text-wrap:balance}
.eyebrow{font-size:var(--s-1);letter-spacing:.22em;text-transform:uppercase;font-weight:400;margin:0}

.nav{background:var(--verde-scuro);color:var(--avorio);border-bottom:1px solid color-mix(in srgb,var(--oro) 25%,transparent)}
.nav .wrap-l{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:14px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none}
.brand img{width:22px}
.brand span{font-family:var(--f-display);font-size:1.25rem;letter-spacing:.14em}
.cta-mini{border:1px solid var(--oro);color:var(--oro);padding:8px 14px;text-decoration:none;font-size:var(--s-1);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}
.cta-mini:hover{background:var(--oro);color:var(--verde-scuro)}

.briciole{font-size:var(--s-1);letter-spacing:.06em;color:var(--grigio);padding-top:28px}
.briciole a{text-decoration:none}
.briciole a:hover{color:var(--verde)}

.testa{padding-block:20px 36px}
.testa .eyebrow{color:var(--oro-tenue)}
.testa h1{font-size:var(--s4);color:var(--verde);margin-block:14px 18px}
.testa h1 em{color:var(--oro-tenue)}
.testa .lead{font-size:var(--s1);line-height:1.5;color:var(--marrone);margin:0}
.firma{font-size:var(--s-1);letter-spacing:.08em;color:var(--grigio);margin-top:18px}

.copertina{margin:0 auto 8px;max-width:1000px;padding-inline:var(--gutter)}
.copertina img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:999px 999px 0 0}

.articolo{padding-block:24px 56px}
.articolo h2{font-size:var(--s2);color:var(--verde);margin:48px 0 14px}
.articolo h3{font-size:var(--s1);color:var(--marrone);margin:28px 0 8px}
.articolo p{margin:0 0 16px}
.articolo ul,.articolo ol{padding-left:1.2em;margin:0 0 18px}
.articolo li{margin-bottom:8px}
.articolo b,.articolo strong{font-weight:500}
.articolo a{color:var(--verde);text-decoration-color:var(--oro-tenue);text-underline-offset:3px}
.breve{background:#fff;border:1px solid var(--linea);border-left:2px solid var(--oro-tenue);padding:22px 26px;margin:8px 0 8px}
.breve p:last-child{margin:0}
.tabella{overflow-x:auto;margin:8px 0 20px}
table{border-collapse:collapse;width:100%;min-width:480px;background:#fff;font-size:1rem}
th,td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--linea);vertical-align:top}
th{font-weight:500;color:var(--verde);background:color-mix(in srgb,var(--avorio) 60%,#fff)}
td.n{white-space:nowrap}
.nota{font-size:.95rem;color:var(--grigio)}

.faq{border-top:1px solid var(--linea)}
.faq details{border-bottom:1px solid var(--linea);padding:16px 0}
.faq summary{cursor:pointer;font-family:var(--f-display);font-size:1.2rem;color:var(--marrone);list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";float:right;color:var(--oro-tenue)}
.faq details[open] summary::after{content:"–"}
.faq details p{margin:10px 0 0}

.altre{border-top:1px solid var(--linea);padding-block:40px 56px}
.altre h2{font-size:var(--s1);color:var(--verde);margin-bottom:16px}
.schede{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.scheda{background:#fff;border:1px solid var(--linea);text-decoration:none;display:flex;flex-direction:column}
.scheda img{aspect-ratio:4/3;object-fit:cover;width:100%}
.scheda div{padding:16px 18px 20px}
.scheda .eyebrow{color:var(--oro-tenue);font-size:.72rem}
.scheda h3{font-size:1.25rem;color:var(--verde);margin-top:6px}
.scheda p{font-size:.95rem;color:var(--grigio);margin:8px 0 0}
.scheda:hover h3{color:var(--marrone)}

.cta{background:var(--verde-scuro);color:var(--avorio);padding-block:clamp(56px,8vw,96px)}
.cta .eyebrow{color:var(--oro)}
.cta h2{font-size:var(--s2);margin-block:14px 16px}
.cta h2 em{color:var(--oro)}
.cta p{max-width:52ch;color:color-mix(in srgb,var(--avorio) 82%,transparent);margin:0}
.azioni{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 26px;font-size:var(--s-1);letter-spacing:.18em;text-transform:uppercase;font-weight:400;text-decoration:none;border:1px solid var(--oro);background:transparent;color:var(--oro);transition:background .25s,color .25s}
.btn:hover{background:var(--oro);color:var(--verde-scuro)}
.btn-oro{background:var(--oro);color:var(--verde-scuro)}
.btn-oro:hover{background:transparent;color:var(--oro)}

footer{background:var(--verde-scuro);color:color-mix(in srgb,var(--avorio) 60%,transparent);border-top:1px solid color-mix(in srgb,var(--oro) 20%,transparent);font-size:var(--s-1);letter-spacing:.08em}
footer .wrap-l{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding-block:28px}
footer a{text-decoration:none}
footer a:hover{color:var(--oro)}
@media (max-width:560px){
  table{min-width:0;font-size:.9rem}
  th,td{padding:10px 8px}
  td.n{white-space:normal}
}