/* Estensione delle pagine C per le nuove prove: contenuto e foto originali. */
:root {
  --sfondo: var(--beige);
  --sfondo-2: var(--tinta-luce);
  --sfondo-menu: var(--acc);
  --sfondo-foto: var(--beige-luce);
  --testo: var(--ink);
  --bosco: var(--font-color, var(--acc));
  --accento: var(--font-color, var(--acc));
  --carta-scheda: var(--beige-luce);
  --tempo-vetta: url('../asset/beige/tempo-vetta.svg');
  --tempo-linea: linear-gradient(90deg, transparent 11px, var(--acc) 11px 12px, transparent 12px);
  --scheda-vuota: url('../asset/beige/riquadro-1.svg');
  --archivio-sfondo: none;
}
body { background: var(--beige); }
body.interna { padding-bottom: 64px; }
/* Anche le pagine interne seguono gli schermi grandi; i testi conservano la misura di lettura. */
@media (min-width: 1101px) {
  .pagina { --larghezza-pagina: 100vw; --gutter: clamp(48px, 4vw, 96px); }
}
.testata { background: var(--tinta); color: var(--su-tinta); box-shadow: 0 1px 0 var(--linea); }
.testata__sotto { color: inherit; opacity: 1; }
.testata__ruoli { color: inherit; }
.testata__marchio::before { background: currentColor; -webkit-mask: url('../asset/topografico/logo-scuro.png') center / contain no-repeat; mask: url('../asset/topografico/logo-scuro.png') center / contain no-repeat; }
.testata .nav__sub > ul { background: var(--tinta); color: var(--su-tinta); }
.testata .nav :is(a:hover, button:hover, .is-attivo), .testata .nav__sub.is-attivo-sez > button { color: inherit; }
.nav__sub > ul { border-color: rgb(239 229 208 / .3); }
.nav__sub > ul a:hover { color: var(--su-tinta); text-decoration: underline; text-underline-offset: 4px; }
.pagina--nuova .pagina__testa--foto::before { background: linear-gradient(0deg, rgb(23 40 67 / .65), transparent 85%); }
.pagina--nuova .pagina__testa--foto::after { background:#f8f3e8; filter:none; opacity:.16; -webkit-mask:url('../asset/beige/topografia-originale.png') center / 900px 900px repeat; mask:url('../asset/beige/topografia-originale.png') center / 900px 900px repeat; }
.pagina__testa:not(.pagina__testa--foto) { background-image: none !important; background-color: var(--sfondo-2); }
.pagina__testa:not(.pagina__testa--foto)::before { background:var(--ink); opacity:.18; -webkit-mask:url('../asset/beige/topografia-originale.png') center / 900px 900px repeat; mask:url('../asset/beige/topografia-originale.png') center / 900px 900px repeat; }
.pagina__testa, .pagina--nuova .pagina__testa--foto { border-bottom: 2px solid var(--acc); }
.pagina__testa-testo { background: var(--carta-scheda); border-left: 3px solid var(--acc); box-shadow: none; }
.icona-linea { display: block; background: var(--acc); -webkit-mask: var(--icona) center / contain no-repeat; mask: var(--icona) center / contain no-repeat; }
.pagina__icona { width: 48px; height: 48px; padding: 0; border-radius: 0; box-shadow: none; }
.pagina__testa--foto .pagina__icona { background: var(--beige); }
.archivio-cat__icona { width: 32px; height: 32px; }
.pagina__corpo, .pagina--nuova .pagina__corpo--schede .scheda-pag, .archivio-cat { box-shadow: none; border-bottom: 1px solid var(--linea); }
.pagina--archivio { background: none; }
.pagina--nuova.p-ultimenews .scheda-pag:first-child { background: var(--tinta); color: var(--su-tinta); }
.pagina--nuova.p-ultimenews .scheda-pag:first-child :is(a, .t-xl) { color: inherit; }
.pagina--nuova.p-curriculum .testo :is(div:has(> b > span.t-l a), div:has(> span.t-l > b > a)):hover { background: var(--velo); }
.fig-404 { color:var(--font-color, var(--acc)); }
.fig-404 img { opacity: .8; }
.contatti__voce { background:var(--tinta); color:var(--su-tinta); }
.contatti__voce:hover, .contatti__voce:focus-visible { background:var(--tinta-luce); }
.piede { background: var(--fondo-pagina, var(--beige)); color: var(--tenue); }
.piede a { color:var(--font-color, var(--acc)); }
@media (max-width: 1100px) { .nav { background: var(--tinta); color: var(--su-tinta); } }
/* Grafiche vecchie rifatte (19/10): titoletto "FILM & VIDEO" con icona film, mano "tocca" al posto delle icone del sito 2014 */
.titoletto-film { display:flex; align-items:center; gap:10px; margin:0 0 14px; font:700 .82rem/1.2 var(--font-mono, monospace); letter-spacing:.14em; color:var(--font-color, var(--acc)); }
.titoletto-film .icona-linea { width:30px; height:30px; flex:none; }
.icona-tocca { width:44px; height:44px; max-width:100%; }
a:hover > .icona-tocca, a:focus-visible > .icona-tocca { background:var(--ocra); }

/* Conferenze > Everest: intervista dopo la presentazione, prima del trailer. */
.p-conferenza-everest .intervista-evidenza { min-width:0; margin:32px 0; padding:clamp(20px,3vw,44px); background:var(--superficie-tinta); border:1px solid var(--linea); border-left:3px solid var(--acc); border-radius:var(--tema-raggio); }
.intervista-evidenza .sez { max-width:none; padding:0; }
.intervista-evidenza .sez__colonne { gap:clamp(24px,3vw,44px); }
.intervista-evidenza .sez__colonne > * { min-width:0; }
.intervista__occhiello { margin:0 0 12px; font:600 .75rem/1.4 var(--font-mono,monospace); letter-spacing:.12em; text-transform:uppercase; color:var(--acc); }
.intervista-evidenza .sez__titolo { margin:0 0 18px; font-size:clamp(1.65rem,2.8vw,2.8rem); line-height:1.12; text-transform:none; color:var(--acc); }
.intervista-evidenza .testo { font-size:1rem; line-height:1.7; }
.intervista-evidenza .testo em { font-style:normal; }
.intervista-evidenza .azioni { margin-top:22px; }
.intervista-evidenza .bottone { color:var(--fondo-pagina); background:var(--acc); text-align:center; }
.intervista-evidenza .intervista__video { position:relative; display:block; aspect-ratio:16/9; padding:0; overflow:hidden; border-radius:var(--tema-raggio); }
.intervista__video img { width:100%; height:100%; object-fit:cover; }
.intervista__video::after { content:"▶"; position:absolute; inset:0; display:grid; place-items:center; font-size:2rem; color:white; background:rgb(0 0 0 / .12); text-shadow:0 2px 14px rgb(0 0 0 / .65); transition:background .2s; }
.intervista__video:hover::after { background:rgb(0 0 0 / .25); }
.intervista__video:focus-visible { outline:3px solid var(--acc); outline-offset:4px; }
.intervista-evidenza .galleria { margin-top:24px; }
.intervista-evidenza .galleria .foto { transform:none; box-shadow:none; padding:3px; }