:root{--paper:#FFFFFF;--ink:#0E0E11;--cobalt:#1F3ACB;--cobalt-ink:#16299A;--grey:#7C7C84;--hair:#DADADD;--tint:#F3F5FC}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth}
body{background:var(--paper);color:var(--ink);font-family:"Archivo",system-ui,sans-serif;font-weight:400;font-variant-numeric:tabular-nums;line-height:1.5;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.wrap{max-width:1360px;margin:0 auto;padding:0 clamp(1rem,4vw,3.2rem)}
.top{height:6px;background:var(--cobalt)}
nav{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 0;border-bottom:2px solid var(--ink);font-size:.78rem;letter-spacing:.03em;text-transform:uppercase;font-weight:600}
nav .brand{white-space:nowrap}
nav .l{display:flex;gap:1.3rem;overflow-x:auto;scrollbar-width:none;white-space:nowrap}
nav .l::-webkit-scrollbar{display:none}
nav a:hover,nav a.on{color:var(--cobalt)}
nav a.on{text-decoration:underline;text-underline-offset:.35em;text-decoration-thickness:2px}
.wide{font-variation-settings:"wdth" 125;font-weight:900;text-transform:uppercase;line-height:.84;letter-spacing:-.02em}
.lab{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--cobalt)}
.phead{padding:clamp(1.6rem,4vw,3rem) 0 1.4rem;border-bottom:2px solid var(--ink)}
.phead h1{font-variation-settings:"wdth" 120;font-weight:900;text-transform:uppercase;line-height:.86;letter-spacing:-.02em;font-size:clamp(2.6rem,7.5vw,6.5rem);margin-top:.5rem}
.phead .sub{max-width:60ch;color:var(--grey);margin-top:1rem;font-size:1rem}
.sec{padding:clamp(1.6rem,4vw,3rem) 0}
/* home */
.cover{display:grid;grid-template-columns:46% 1fr;gap:clamp(1.5rem,4vw,3.5rem);margin:1.6rem 0 0 calc(-1*clamp(1rem,4vw,3.2rem));align-items:stretch}
.cover .cimg img{width:100%;height:100%;aspect-ratio:3/4;object-fit:cover;object-position:50% 20%}
.cover .ctx{padding-top:1rem;display:flex;flex-direction:column}
.cover .sheet{margin-top:1.6rem}
.cover h1{font-size:clamp(2.4rem,5vw,4.6rem)}
.hero h1 .b{color:var(--ink)}
.role{margin-top:1.4rem;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--grey);line-height:1.6}
.ph img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 12%}
.sheet{margin-top:2.6rem;border-top:2px solid var(--ink);display:grid;grid-template-columns:1fr}
.sheet>div{padding:1.4rem 0;border-bottom:2px solid var(--ink)}
.sheet>div:first-child{border-right:2px solid var(--ink);padding-right:2rem}
.sheet>div:last-child{padding-left:2rem}
.big{font-variation-settings:"wdth" 118;font-weight:800;font-size:clamp(2.2rem,5.6vw,5.4rem);line-height:.9;letter-spacing:-.02em;text-transform:uppercase;margin-top:.8rem}
.big em{font-style:normal;color:var(--cobalt)}
.meta{margin-top:.9rem;font-size:1rem;max-width:44ch}
.list .row{display:grid;grid-template-columns:6.5rem 1fr auto;gap:1rem;padding:.7rem 0;border-bottom:1px solid var(--hair);font-size:1rem;align-items:baseline}
.list .row:hover{background:var(--tint)}
.list .d{font-weight:700;color:var(--cobalt);white-space:nowrap}
.list .w{font-weight:600}
.list .p{color:var(--grey);font-size:.92rem}
.list .info{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--cobalt)}
.list .info:hover{color:var(--cobalt-ink)}
.more{display:inline-block;margin-top:1rem;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;border:2px solid var(--ink);padding:.6rem 1rem}
.more:hover{background:var(--ink);color:#fff}
.halls{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;padding:1.2rem 0 0}
.halls img{width:100%;aspect-ratio:3/2;object-fit:cover;filter:grayscale(1) contrast(1.05);transition:filter .3s}
.halls figure{margin:0}.halls figure:hover img{filter:none}
.halls figcaption{margin-top:.5rem;font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}
.halls figcaption span{color:var(--grey);font-weight:400;display:block}
.band{margin:0;position:relative}
.band img{width:100%;aspect-ratio:12/5;object-fit:cover}
.band figcaption{margin-top:.5rem;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--grey)}
.band.thin img{aspect-ratio:16/5}
.rows a img{width:9rem;aspect-ratio:3/2;object-fit:cover;filter:grayscale(1)} .rows a:hover img{filter:none}
.rows a.has-img{grid-template-columns:auto 1fr auto}
/* bio */
.bio-grid{display:grid;grid-template-columns:1fr minmax(240px,32%);gap:3rem;align-items:start}
.prose p{margin-bottom:1.1rem;max-width:68ch;font-size:1.02rem}
.prose p:first-child{font-size:1.25rem;line-height:1.4}
.prose a{color:var(--cobalt);text-decoration:underline;text-underline-offset:.2em}
.bio-pics img+img{margin-top:1.4rem;aspect-ratio:2/3;object-position:50% 0%}
/* agenda */
.ybar{position:sticky;top:0;background:var(--paper);border-bottom:2px solid var(--ink);z-index:5;display:flex;gap:1.2rem;overflow-x:auto;padding:.7rem 0;font-size:.8rem;font-weight:700;scrollbar-width:none}
.ybar::-webkit-scrollbar{display:none}
.ybar a:hover{color:var(--cobalt)}
.year{padding-top:2rem;scroll-margin-top:3rem}
.ytitle{display:flex;align-items:baseline;gap:1rem;border-bottom:2px solid var(--ink);padding-bottom:.6rem;margin-bottom:.4rem}
.ynum{font-variation-settings:"wdth" 120;font-weight:900;font-size:clamp(2.4rem,6vw,4.5rem);line-height:.9;letter-spacing:-.02em}
.ycount{color:var(--grey);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em}
/* highlights */
.hl-place{padding:1.6rem 0;border-bottom:2px solid var(--ink)}
.hl-place:last-child{border-bottom:0}
.cap{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}
.cap .hall{font-weight:600;font-size:clamp(1.15rem,2vw,1.5rem);line-height:1.2}
.cap .city{font-weight:600;font-size:clamp(1.15rem,2vw,1.5rem);line-height:1.2}
.cap .city:after{content:" — "}
.cap .yr{color:var(--grey);font-size:.85rem;font-weight:600;letter-spacing:.06em}
.hl-pair{display:grid;grid-template-columns:3fr 2fr;gap:.8rem}
.hl-place:nth-child(even) .hl-pair{grid-template-columns:2fr 3fr}
.hl-pair img{width:100%;height:100%;object-fit:cover;aspect-ratio:3/2}
/* cards (media/press/contatti) */
.rows{border-top:2px solid var(--ink)}
.rows a,.rows div.r{display:grid;grid-template-columns:1fr auto;gap:1rem;padding:1.1rem 0;border-bottom:1px solid var(--hair);align-items:center}
.rows a:hover{background:var(--tint)}
.rows .k{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--cobalt);margin-bottom:.25rem}
.rows .v{font-weight:600;font-size:1.05rem}
.rows .s{color:var(--grey);font-size:.9rem;margin-top:.15rem}
.rows .arr{font-weight:700;color:var(--cobalt)}
.split{display:grid;grid-template-columns:1fr minmax(240px,36%);gap:3rem;align-items:start}
.split img{width:100%;aspect-ratio:4/3;object-fit:cover}
.mcl .row{grid-template-columns:1fr auto}
/* press */
.press{columns:3;column-gap:1.6rem;padding-top:.4rem}
.press figure{break-inside:avoid;margin:0 0 1.6rem;border-top:2px solid var(--ink);padding-top:.7rem}
.press img{width:100%;height:auto;border:1px solid var(--hair)}
.press figcaption{margin-top:.7rem}
.press .k{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--cobalt)}
.press .t{font-weight:600;font-size:.9rem;margin-top:.2rem;line-height:1.35}
.press a:hover img{border-color:var(--cobalt)}
/* media */
.yt{display:block;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);padding:clamp(2rem,6vw,4.5rem) 0;margin-top:2rem}
.yt .big{font-size:clamp(2rem,6vw,5.6rem);margin-top:0}
.yt .big em{color:var(--ink)}
.yt:hover .big em{color:var(--cobalt)}
.yt .s{margin-top:1rem;color:var(--grey);font-size:1rem}
/* footer */
footer{border-top:2px solid var(--ink);margin-top:2rem;padding:1.4rem 0 3rem;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;font-weight:600;color:var(--grey)}
footer a:hover{color:var(--cobalt)}
footer .links{display:flex;gap:1.2rem;flex-wrap:wrap}
@media(max-width:820px){
 .press{columns:1}
 .cover{grid-template-columns:1fr;margin-left:0}.cover .cimg img{aspect-ratio:4/5}
 .hero,.bio-grid,.split{grid-template-columns:1fr}
 .hero .ph{order:-1}.hero .ph img{aspect-ratio:4/5}
 .sheet{grid-template-columns:1fr}.sheet>div:first-child{border-right:0;padding-right:0}.sheet>div:last-child{padding-left:0}
 .halls{grid-template-columns:repeat(2,1fr)}
 .hl-pair,.hl-place:nth-child(even) .hl-pair{grid-template-columns:1fr}
 .list .row{grid-template-columns:4.6rem 1fr;} .list .info{grid-column:2}
}