:root{--carta:#F7F3EA;--carta-2:#EFE6D4;--inchiostro:#141F33;--inchiostro-soft:#4A5265;--cobalto:#1B3E8F;--limone:#F2C230;--f-serif:'Prata',Georgia,serif;--f-sans:'Karla',system-ui,sans-serif;--gutter:clamp(1.15rem,5vw,4rem);--ease:cubic-bezier(.23,1,.32,1)}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--carta);color:var(--inchiostro);font-family:var(--f-sans);font-size:clamp(1rem,.45vw + .92rem,1.1rem);line-height:1.65;-webkit-font-smoothing:antialiased}
h1,h2,h3,p,ul,figure{margin:0}
ul{padding:0;list-style:none}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
/* link di salto rimosso: era fuori schermo e non raggiungibile */
:focus-visible{outline:2.5px solid var(--cobalto);outline-offset:3px}
.testata{display:flex;flex-wrap:wrap;gap:.25rem 1.6rem;justify-content:space-between;align-items:center;padding:.5rem var(--gutter);border-bottom:1px solid rgba(20,31,51,.16);background:var(--carta);position:relative;z-index:20}
.marchio{font-family:var(--f-serif);font-size:1.3rem;line-height:1;display:inline-flex;align-items:center;min-height:44px}
.testata ul,.piede ul{display:flex;flex-wrap:wrap;gap:clamp(.7rem,2.2vw,1.6rem);align-items:center}
.testata a,.piede a{font-size:.76rem;letter-spacing:.13em;text-transform:uppercase;display:inline-flex;align-items:center;min-height:44px;padding-block:.1rem}
.testata a[aria-current='page']{border-bottom:2px solid var(--cobalto);padding-bottom:.15rem}
.testa-pagina{padding:clamp(1.8rem,5vh,3.2rem) var(--gutter) clamp(1.2rem,3vh,1.9rem);display:grid;gap:.85rem;max-width:64rem}
.occhiello{font-size:.76rem;letter-spacing:.24em;text-transform:uppercase;color:var(--cobalto)}
h1{font-family:var(--f-serif);font-weight:400;font-size:clamp(2.1rem,5.6vw,4.2rem);line-height:1.08;letter-spacing:-.02em;text-wrap:balance}
.lede{max-width:54ch;color:var(--inchiostro-soft);font-size:clamp(1rem,1.2vw,1.16rem)}
h2{font-family:var(--f-serif);font-weight:400;font-size:clamp(1.4rem,2.8vw,2.2rem);line-height:1.14;margin-bottom:.7rem}
.doppia{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(1.4rem,4vw,3.2rem);align-items:center;padding:0 var(--gutter) clamp(2.4rem,6vh,3.6rem)}
.doppia__fig img{width:100%;object-fit:cover}
.doppia__testo p{color:var(--inchiostro-soft);max-width:44ch}
.doppia__testo p+p{margin-top:.8rem}
.passaggi{padding:clamp(2rem,5vh,3rem) var(--gutter);background:var(--carta-2);border-top:1px solid rgba(20,31,51,.14);border-bottom:1px solid rgba(20,31,51,.14)}
.passaggi ul{margin-top:1.2rem;border-top:1px solid rgba(20,31,51,.2)}
.passaggi li{display:grid;grid-template-columns:10rem minmax(0,1fr);gap:1rem;padding:.95rem 0;border-bottom:1px solid rgba(20,31,51,.13)}
.passaggi b{font-size:.76rem;letter-spacing:.2em;text-transform:uppercase;color:var(--cobalto);font-weight:500}
.passaggi span{color:var(--inchiostro-soft);font-size:.95rem}
.luogo{position:relative;padding:clamp(1.6rem,4vh,2.6rem) var(--gutter) clamp(2.4rem,6vh,3.6rem)}
.luogo__fig{position:relative;margin:0}
.luogo__fig img{width:100%;max-height:70vh;object-fit:cover}
.luogo__testo{position:relative;z-index:2;max-width:34rem;margin:-clamp(1.8rem,5vw,3.4rem) 0 0 clamp(0rem,3vw,4.5rem);background:var(--carta);padding:clamp(1.1rem,2.2vw,1.7rem) clamp(1.1rem,2.4vw,1.9rem) clamp(1.2rem,2.4vw,1.8rem);border-top:2px solid var(--cobalto);box-shadow:0 26px 50px -34px rgba(20,31,51,.65)}
.luogo__testo p{color:var(--inchiostro-soft);max-width:44ch}
.via{display:inline-flex;align-items:center;min-height:44px;margin-top:.6rem;font-size:.78rem;letter-spacing:.15em;text-transform:uppercase;color:var(--cobalto);border-bottom:1px solid currentColor;padding-bottom:.2rem}
.chiusura{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.8fr);gap:clamp(1.6rem,4vw,3.4rem);align-items:center;background:var(--limone);color:var(--inchiostro);padding:clamp(2.6rem,7vh,4.2rem) var(--gutter);border-top:2px solid var(--cobalto)}
.chiusura__testo h2{font-size:clamp(1.5rem,3.2vw,2.5rem);line-height:1.12;max-width:24ch}
.chiusura__testo p{margin-top:.9rem;color:#3B3524;max-width:44ch}
.chiusura__fig{margin:0}
.chiusura__fig img{width:100%;height:auto;transform:rotate(-1.4deg);border-radius:2px;box-shadow:0 26px 48px -30px rgba(20,31,51,.7)}
.bottone{display:inline-flex;align-items:center;justify-content:center;min-height:48px;margin-top:1.3rem;padding:.78rem 1.55rem;background:var(--cobalto);color:var(--carta);font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;border-radius:2px;transition:transform .16s var(--ease),background .16s var(--ease)}
.bottone:hover{background:#16337a}
.bottone:active{transform:scale(.97)}
.piede{padding:clamp(2rem,5vh,3rem) var(--gutter) clamp(2.4rem,6vh,3.4rem);border-top:2px solid var(--cobalto);display:grid;gap:1rem}
.marchio-p{font-family:var(--f-serif);font-size:1.1rem}
.nota-demo{font-size:.78rem;color:var(--inchiostro-soft);max-width:58ch}
.js [data-in]{opacity:0;transform:translateY(10px);transition:opacity .42s var(--ease),transform .42s var(--ease)}
.js [data-in].is-in{opacity:1;transform:none}
@media (max-width:860px){.doppia,.chiusura{grid-template-columns:minmax(0,1fr)}.testata{position:static}.passaggi li{grid-template-columns:1fr;gap:.3rem}.luogo__testo{margin-left:0;max-width:none}.chiusura__fig{margin-top:.4rem}}
@media (prefers-reduced-motion:reduce){.js [data-in]{opacity:1;transform:none}}