/* IT / EN stays visible at every viewport width. */
.language-switch{display:flex;align-items:center;gap:2px;padding:3px;border:1px solid var(--line);border-radius:999px;flex-shrink:0}
.language-switch a{display:grid;place-items:center;min-width:31px;min-height:33px;padding:4px 5px;font-size:11px;line-height:1;font-weight:600;border-radius:999px}
.language-switch a[aria-current=page]{background:var(--text);color:var(--bg)}
.language-switch a:hover{background:var(--accent);color:var(--ink)}
@media(max-width:520px){.header{gap:6px;padding-left:14px;padding-right:14px}.header .logo img{width:76px}.header .theme{width:58px}.theme span{width:24px;height:26px}.header .menu{padding:10px;font-size:12px;gap:6px}.language-switch a{min-width:27px;min-height:31px;font-size:10px}}
@media(min-width:1001px) and (max-width:1200px){.header{padding-left:20px;padding-right:20px;gap:7px}.header nav .pill{padding-left:11px;padding-right:11px;font-size:12px}.header nav{gap:5px}}

/* Tasti grandi come nel riferimento, tutti della stessa misura, a pillole, senza tasto Menu (2026-11-10) */
@media(max-width:1100px){
  html{scroll-padding-top:16px}
  .header{height:auto;position:relative;flex-wrap:wrap;align-items:center;padding:14px 14px 16px;row-gap:12px;gap:8px}
  .header .menu{display:none!important}
  .header .logo img{width:92px}
  .header nav,.header nav.open{display:flex;order:5;flex:0 0 100%;width:100%;margin:0;padding:0;position:static;flex-direction:row;flex-wrap:wrap;align-items:center;gap:10px;border:0;background:none}
  .header nav .pill,.header .theme.pill,.language-switch{height:var(--btn-h);min-height:var(--btn-h);border-width:2px;box-sizing:border-box}
  .header nav .pill{flex:none;white-space:nowrap;font-size:var(--btn-fs);line-height:1;padding:0 var(--btn-px);gap:10px}
  .language-switch{padding:5px;gap:2px}
  .language-switch a{min-width:calc(var(--btn-h) - 14px);min-height:calc(var(--btn-h) - 14px);height:calc(var(--btn-h) - 14px);font-size:14px}
  .header .theme.pill{width:calc(var(--btn-h) * 1.8);padding:5px;gap:2px;justify-content:space-between}
  .header .theme.pill span{width:calc(var(--btn-h) - 14px);height:calc(var(--btn-h) - 14px);font-size:26px}
}
@media(min-width:1101px){
  .header{gap:clamp(8px,.9vw,14px)}
  .header nav{gap:clamp(8px,.9vw,14px)}
  .header nav .pill,.header .theme.pill,.language-switch{height:clamp(46px,3.9vw,60px);min-height:0;border-width:2px;box-sizing:border-box}
  .header nav .pill{font-size:clamp(15px,1.3vw,22px);line-height:1;padding:0 clamp(18px,1.9vw,32px)}
  .language-switch{padding:clamp(4px,.35vw,5px);gap:2px}
  .language-switch a{min-width:clamp(36px,3vw,46px);min-height:0;height:100%;font-size:clamp(12px,1vw,15px)}
  .header .theme.pill{width:clamp(88px,7.4vw,112px);padding:clamp(4px,.35vw,5px);gap:2px;justify-content:space-between}
  .header .theme.pill span{width:clamp(36px,3.1vw,48px);height:clamp(36px,3.1vw,48px);font-size:clamp(22px,1.9vw,28px)}
}

/* Prefooter: niente blocco arancione, evidenziata solo la frase (stesso trattamento di "culture.") (2026-11-10) */
.cta{background:none;color:var(--text);padding-left:0;padding-right:0;border-radius:0}
.cta .primary{background:var(--accent);border-color:var(--accent);color:var(--ink)}
.cta .primary:hover{background:var(--text);border-color:var(--text);color:var(--bg)}
.cta h2 .cta-accent{color:var(--accent-text)}
[data-theme=light] .cta h2 .cta-accent{color:var(--ink);background:var(--accent);padding:.04em .14em;line-height:1.28;-webkit-box-decoration-break:clone;box-decoration-break:clone}
@media(max-width:800px){.cta h2{font-size:30px}[data-theme=light] .cta h2 .cta-accent{padding:.04em .1em}}
/* un solo rettangolo attorno a tutta la frase */
[data-theme=light] .cta h2 .cta-accent{display:inline-block;padding:.1em .2em .14em;line-height:1.12}
@media(max-width:800px){[data-theme=light] .cta h2 .cta-accent{padding:.1em .2em .14em}}

/* Tutti i pulsanti del sito (non solo l'header) hanno la stessa misura (2026-11-10) */
:root{--btn-h:56px;--btn-fs:19px;--btn-px:24px}
@media(min-width:801px) and (max-width:1100px){:root{--btn-h:48px;--btn-fs:16px;--btn-px:20px}}
@media(min-width:1101px){:root{--btn-h:clamp(46px,3.9vw,60px);--btn-fs:clamp(15px,1.3vw,22px);--btn-px:clamp(18px,1.9vw,32px)}}
.pill.pill{min-height:var(--btn-h);font-size:var(--btn-fs);line-height:1;padding-block:0;padding-inline:var(--btn-px);border-width:2px;box-sizing:border-box}
.work-search input{height:var(--btn-h);font-size:var(--btn-fs);border-width:2px;padding-inline:var(--btn-px) calc(var(--btn-px) + 22px)}
.work-search>span:last-child{top:50%;transform:translateY(-50%);right:calc(var(--btn-px) - 4px);font-size:calc(var(--btn-fs) + 6px)}
/* comandi del carosello in home: stessa misura degli altri pulsanti */
.spotlight-controls{flex-wrap:wrap;gap:8px}
.spotlight-controls .pill.pill{height:var(--btn-h);min-width:var(--btn-h);padding-inline:var(--btn-px)}
.spotlight-controls .spotlight-prev,.spotlight-controls .spotlight-next,.spotlight-play,.spotlight-play [data-play-icon]{font-size:var(--btn-fs)}
.spotlight-play{min-width:0!important}
.spotlight-prev:has(.ar)::after,.spotlight-next:has(.ar)::after{font-size:var(--btn-fs);line-height:1}

/* Filtri lavori su telefono: una sola riga scorrevole, più bassi */
@media(max-width:800px){
.works-tools .filters{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-inline:-18px;padding-inline:18px;gap:8px;width:calc(100% + 36px);scroll-snap-type:x proximity;scroll-padding-inline:18px}
.works-tools .filters::-webkit-scrollbar{display:none}
.works-tools .filters .pill.pill{flex:0 0 auto;min-height:44px;height:44px;font-size:15px;padding-inline:18px;gap:8px;scroll-snap-align:start}
.works-tools .filters .pill span{font-size:12px}
}

/* Lavori su telefono: prima "30 progetti" + Griglia/Lista, filtri e ricerca in fondo alla pagina */
@media(max-width:800px){
.works-index{display:flex;flex-direction:column}
.works-index .works-tools{order:9;margin-top:36px;padding-top:24px}
.works-index .works-meta{border-top:1px solid var(--line);padding-top:20px;align-items:center}
}

/* Logo più grande, in proporzione ai pulsanti dell'header */
.header .logo img{width:clamp(164px,11.4vw,208px)}
@media(max-width:1100px){.header .logo img{width:140px}}
@media(max-width:520px){.header .logo img{width:128px}}
@media(max-width:360px){.header .logo img{width:112px}}