/* BAK Srl — pagina Lavori (giro 23, passo L). Composizione del riferimento scelto (lavoro/g23/riferimenti.md, sezione «Lavori»):
   parte alta come «Tenute» (testata nera 132 px, carta a tutta finestra con titolo a sinistra, elenco a destra, 3 linguette in basso;
   a 393 fisarmonica), parte bassa come «Esperienze per tipo» (voci alterne: foto 40 % sul bordo, colonna di testo 442 px allineata a destra).
   Valori misurati a 1920×959 e 393×695 (lavoro/g23/Ltools/ref-*.json), scritti a mano; caratteri e colori di ruolo della Home (home.css).
   Menu, icona del menu, focus: home.css e sito.css come in Home (body.home-bak). */
body.pagina-lavori { background: #fff; color: #000; font: 400 17px/1.7 var(--h-serif); }
.pagina-lavori main { padding-top: calc(132px + var(--zona-alta)); }
/* giro 31, T1: zona sicura alta (iPhone, viewport-fit=cover). La banda nera si allunga verso l'alto di env(safe-area-inset-top) con un bordo
   nero: i figli in posizione assoluta (logo, voci, lingue, icona) si misurano dal bordo interno, quindi scendono con lei; il padding non li sposterebbe.
   A 1920 e su schermi senza tacca env = 0: tutto identico. Ritirata, la testata lascia nera la sola zona sicura (niente contenuto sotto l'ora). */
:root { --zona-alta: env(safe-area-inset-top, 0px); }
html:has(> body.pagina-lavori) { background: #000; }

/* testata: banda nera 132 px, 4 voci 13 px Lato 700 spaziatura 4 px, logo al centro; si ritira scorrendo in giù (500 ms ease-out) */
.testata-l { position: fixed; z-index: 60; top: 0; left: 0; right: 0; height: calc(132px + var(--zona-alta)); border-top: var(--zona-alta) solid #000; background: #000; color: #fff; transition: all 500ms ease-out; }
.testata-l.via { transform: translateY(calc(-100% + var(--zona-alta))); }
.testata-l .icona-menu { position: absolute; }
.testata-l__voci ul { margin: 0; padding: 0; list-style: none; }
.testata-l__voci li { position: absolute; top: 70px; width: 10.99vw; }
.testata-l__voci li:nth-child(1) { left: 10.52vw; }
.testata-l__voci li:nth-child(2) { left: 27.29vw; }
.testata-l__voci li:nth-child(3) { left: 61.72vw; }
.testata-l__voci li:nth-child(4) { left: 78.49vw; }
.testata-l__voci a { display: block; font: 700 13px/62px var(--h-sans); letter-spacing: 4px; text-transform: uppercase; text-align: center; color: #fff; text-decoration: none; transition: color 700ms ease; }
.testata-l__voci a[aria-current="page"], .testata-l__voci a:hover { color: var(--h-oro); }
.testata-l__logo { position: absolute; left: 50%; top: 26px; transform: translateX(-50%); display: block; height: 80px; }
.testata-l__logo img { display: block; height: 80px; width: auto; }
.testata-l__lingue { position: absolute; right: 1.8vw; top: 24px; margin: 0; padding: 0; list-style: none; text-align: right; }
.testata-l__lingue li + li { margin-top: 8px; }
.testata-l__lingue a { font: 700 9px/9px var(--h-sans); letter-spacing: 2px; text-transform: uppercase; color: #adadad; text-decoration: none; }
.testata-l__lingue a[aria-current], .testata-l__lingue a:hover { color: #fff; }


/* voci «Dal cantiere» (riferimento «Esperienze per tipo»): foto 40 vw sul bordo, alte quanto le sezioni del riferimento (--alta),
   colonna 442 px a 355 px dalla foto, testo allineato a destra: tipo 21 px, luogo 10 px Lato 900, titolo 42/48,3, testo 17/28,9, collegamento 11 px */
.dal-cantiere { background: #fff; color: #000; }
.voce-l { position: relative; height: var(--alta); min-height: 560px; }
.voce-l__foto { position: absolute; top: 0; right: 0; width: 40vw; height: 100%; overflow: hidden; background: #e9e9e9; }
.voce-l:nth-of-type(even) .voce-l__foto { right: auto; left: 0; }
.voce-l__foto img { display: block; width: 100%; height: 100%; object-fit: cover; }
.voce-l__foto::after { content: ""; position: absolute; inset: 0; background: #fff; transform: translateX(100%); }
.voce-l__testo { position: absolute; top: 7.5vw; left: 18.49vw; width: 23.02vw; text-align: right; }
.voce-l:nth-of-type(even) .voce-l__testo { left: 58.49vw; }
.voce-l__tipo { margin: 0; font: 400 21px/24.15px var(--h-serif); }
.voce-l__dove, .voce-l__luogo { margin: 8px 0 0; font: 900 10px/15px var(--h-sans); letter-spacing: 1px; text-transform: uppercase; color: #6b6b6b; }
.voce-l h3 { margin: 33px 0 0; font: 400 42px/48.3px var(--h-serif); }
.voce-l__descr { margin: 33px 0 0; font: 400 17px/28.9px var(--h-serif); }
.voce-l__link { display: inline-block; margin-top: 46px; font: 900 11px/12.65px var(--h-sans); letter-spacing: 2.5px; text-transform: uppercase; color: #000; text-decoration: none; }
.voce-l__link:hover { color: var(--h-oro); }
.dal-cantiere__nota { margin: 0; padding: 48px 7.92vw; text-align: center; font: 400 13px/18px var(--h-sans); color: #4d4d4d; }

/* piede (riferimento: nero, 52 px 78 px, collegamenti 13 px Lato color oro) */
.pagina-lavori .pie { background: #000; color: #fff; padding: 52px 78px 0; font: 400 13px/18.2px var(--h-sans); }
.pagina-lavori .pie__colonne { display: flex; gap: 52.9px; padding-bottom: 52.9px; }
.pagina-lavori .pie h2 { margin: 0 0 12px; font: 700 13px/18.2px var(--h-sans); letter-spacing: 2px; text-transform: uppercase; color: #fff; }
.pagina-lavori .pie li { font: 400 13px/18.2px var(--h-sans); color: #fff; }
.pagina-lavori .pie a { color: var(--h-oro); text-decoration: none; }
.pagina-lavori .pie a:hover { color: #fff; }
.pagina-lavori .pie__legale { display: flex; flex-wrap: wrap; gap: 8px 24px; padding: 20px 0 30px; border-top: 1px solid #333; font: 400 12px/18px var(--h-sans); color: #fff; }

/* movimenti (JS): carta — titolo e testo opacità e rotateY(14°) 560 ms ease al caricamento; voci — sezione opacità 350 ms ease,
   tenda bianca via (translateX 100 %) 2100 ms ease e foto opacità 2100 ms ease, testi opacità e rotateY 560 ms ease. Senza JS tutto visibile. */
.js [data-rivela].nascosto:is(h1, p) { opacity: 0; transform: rotateY(14deg); }
.js [data-rivela].visto:is(h1, p) { transition: opacity 560ms ease, transform 560ms ease; }
.js .voce-l.nascosto { opacity: 0; }
.js .voce-l.nascosto .voce-l__foto::after { transform: none; }
.js .voce-l.nascosto .voce-l__foto img { opacity: 0; }
.js .voce-l.nascosto .voce-l__testo > * { opacity: 0; transform: rotateY(14deg); }
.js .voce-l.visto { transition: opacity 350ms ease; }
.js .voce-l.visto .voce-l__foto::after { transition: transform 2100ms ease; }
.js .voce-l.visto .voce-l__foto img { transition: opacity 2100ms ease; }
.js .voce-l.visto .voce-l__testo > * { transition: opacity 560ms ease, transform 560ms ease; }

@media (max-width: 1023px) {
  .pagina-lavori main { padding-top: calc(84px + var(--zona-alta)); }
  .testata-l { height: calc(84px + var(--zona-alta)); }
  .testata-l__voci { display: none; }
  .testata-l__logo { top: 14px; height: 56px; }
  .testata-l__logo img { height: 56px; }
  .testata-l__lingue { top: 37px; right: 12px; display: flex; gap: 10px; }
  .testata-l__lingue li + li { margin-top: 0; }
  /* 393: testo sopra (a 40 px, colonna 313 px, allineato a sinistra), foto 393 × 417 sotto; solo opacità sulla foto */
  .voce-l { height: auto; min-height: 0; display: flex; flex-direction: column; padding-top: 34px; }
  .voce-l__testo { position: static; order: 1; width: auto; padding: 0 40px; text-align: left; }
  .voce-l:nth-of-type(even) .voce-l__testo { left: auto; }
  .voce-l__foto { position: relative; order: 2; width: 100%; height: 417px; margin-top: 39px; }
  .voce-l__foto::after { display: none; }
  .voce-l__tipo { font-size: 18px; line-height: 20.7px; }
  .voce-l__dove, .voce-l__luogo { margin-top: 12px; }
  .voce-l h3 { margin-top: 24px; font-size: 28px; line-height: 30.8px; }
  .voce-l__descr { margin-top: 23px; line-height: 24.65px; }
  .voce-l__link { margin-top: 33px; margin-left: 37px; font-size: 9px; line-height: 10.35px; }
  .pagina-lavori .pie { padding: 32.5px 41.6px 19.5px; }
  .pagina-lavori .pie__colonne { flex-direction: column; gap: 24px; padding-bottom: 24px; }
}

@media (prefers-reduced-motion: reduce) {
  .testata-l { transition-duration: 200ms; }
  .js [data-rivela].nascosto:is(h1, p), .js .voce-l.nascosto .voce-l__testo > * { transform: none; }
  .js .voce-l.nascosto .voce-l__foto::after { transform: translateX(100%); }
  .js [data-rivela].visto:is(h1, p), .js .voce-l.visto, .js .voce-l.visto .voce-l__foto img, .js .voce-l.visto .voce-l__testo > * { transition: opacity 200ms linear; }
}

/* giro 26, L1 — carta come «Tenute» (misure: lavoro/g26/L/rif-tenute.json; differenze: design/differenze.md, Giro 26 — Lavori) */
.carta { position: relative; height: calc(100vh - 132px - var(--zona-alta)); min-height: 600px; background: rgb(54, 61, 68); color: #fff; overflow: hidden; }
.carta__piano { position: absolute; left: 0; top: 0; width: calc(100% + 50px); height: calc(100% + 38px); transform: translate(-25px, -12px); container-type: size; }
.carta__tela { position: absolute; left: 50%; top: 50%; width: max(100cqw, 227.746cqh); height: max(100cqh, 43.909cqw); transform: translate(-50%, -50%); }
.carta__tela > img { position: absolute; inset: 0; width: 100%; height: 100%; }
.carta__citta { position: absolute; display: flex; align-items: center; gap: 8px; transform: translate(calc(-100% + 4px), -50%); font: 700 13px/13px var(--h-sans); letter-spacing: 2px; text-transform: uppercase; color: rgb(45, 36, 31); white-space: nowrap; }
.carta__citta::after { content: ""; width: 8px; height: 8px; border-radius: 50%; background: rgb(45, 36, 31); }
.carta__luogo { transition: opacity .56s ease; }
.carta[data-scheda="2"] .carta__luogo:not([data-g~="2"]), .carta[data-scheda="3"] .carta__luogo:not([data-g~="3"]) { opacity: 0; }
.carta__segno { position: absolute; width: 4px; height: 4px; margin: -2px 0 0 -2px; border-radius: 50%; background: #fff; }
.carta__linea { position: absolute; height: 1px; background: #fff; transform-origin: 0 50%; }
.carta__etichetta { position: absolute; white-space: nowrap; }
.carta__etichetta-nome { display: block; font: 400 24px/26px var(--h-serif); color: #fff; }
.carta__etichetta-luogo { display: block; margin-top: 6px; font: 700 11px/13px var(--h-sans); letter-spacing: 2px; text-transform: uppercase; color: #fff; }
.carta__info { position: absolute; left: 7.917vw; top: 0; height: 100%; width: 20vw; display: flex; align-items: center; }
.carta__info > div { width: max-content; max-width: 100%; padding-bottom: 6.95px; }
.carta__info :is(h1, h2, p) { transform-origin: 0 50%; }
.carta__info h1, .carta__info h2 { margin: 0; font: 400 45px/51.75px var(--h-serif); color: #fff; }
.carta__info p { margin: 16px 0 0; font: 400 17px/28.9px var(--h-serif); color: #fff; }
.carta__info h2, .carta__info p { transition: opacity .56s ease, transform .56s ease; }
.carta__info:not(.attiva) :is(h1, h2, p) { opacity: 0; transform: rotateY(14deg); }
.carta__info:not(.attiva) h1 { transition: opacity .56s ease, transform .56s ease; }
.carta__info:not(.attiva):not(:first-of-type) { visibility: hidden; transition: visibility 0s .56s; }
.carta__elenco { position: absolute; left: 79.6vw; top: 0; height: 100%; width: 240px; display: flex; flex-direction: column; justify-content: center; }
.carta__gruppo { margin: 0; padding: 0; list-style: none; }
.carta__gruppo[hidden] { display: none; }
.carta__voce { display: block; color: rgba(255, 255, 255, .6); transform-origin: 0 50%; transition: transform .3s ease; }
.carta__voce:hover { transform: scale(1.2); }
.carta__voce + .carta__voce { margin-top: 26.4px; }
.carta__voce-titolo { display: block; font: 400 15px/17.25px var(--h-sans); letter-spacing: 1px; text-transform: uppercase; }
.carta__voce-luogo { display: block; margin-top: 3.65px; font: 400 16px/18.4px var(--h-serif); letter-spacing: .4px; }
.carta__linguette { position: absolute; left: 0; right: 0; bottom: 0; height: 83.4px; display: flex; justify-content: center; background: rgba(54, 61, 68, .2); }
html:not(.js) .carta__linguette { display: none; }
.carta__linguette-riga { position: absolute; left: 0; top: 0; width: 100%; height: 1px; background: rgba(255, 255, 255, .25); }
.carta__linguetta { position: relative; height: 100%; margin: 0; padding: 0 38.4px; border: 0; background: none; font: 400 31px/35.65px var(--h-serif); cursor: pointer; }
.carta__linguetta-titolo { position: relative; display: flex; align-items: center; height: 100%; color: rgb(143, 136, 129); white-space: nowrap; transition: color .7s ease; }
.carta__linguetta[aria-selected="true"] .carta__linguetta-titolo, .carta__linguetta:hover .carta__linguetta-titolo { color: #fff; }
.carta__linguetta-titolo::before { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background: #fff; transform: scaleX(0); transition: transform .7s ease; }
.carta__linguetta[aria-selected="true"] .carta__linguetta-titolo::before, .carta__linguetta:hover .carta__linguetta-titolo::before { transform: scaleX(1); }
.carta__linguetta:focus-visible { outline: 2px solid #fff; outline-offset: -6px; }
.carta__fonte { position: absolute; right: 24px; bottom: 34px; margin: 0; font: 400 11px/14px var(--h-sans); color: rgba(255, 255, 255, .85); }
.carta__fonte a { color: #fff; text-decoration: underline; }
.carta__fisarmonica { display: none; }
@media (max-width: 1023px) {
  .carta { height: auto; min-height: calc(100vh - 84px - var(--zona-alta)); overflow: visible; }
  .carta__piano, .carta__elenco, .carta__linguette, .carta__info { display: none; }
  .carta__info:first-of-type { display: block; position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
  .carta__fisarmonica { display: block; }
  .carta__provincia { position: relative; clip-path: inset(0); interpolate-size: allow-keywords; transition: background-color .25s ease; }
  .carta__provincia::details-content { height: 0; overflow: clip; transition: height .35s ease-in-out, content-visibility .35s allow-discrete; }
  .carta__provincia[open]::details-content { height: auto; }
  .carta__testa { position: relative; z-index: 1; display: block; height: 84px; background: rgba(0, 0, 0, .3); list-style: none; cursor: pointer; }
  .carta__testa::-webkit-details-marker { display: none; }
  .carta__testa:focus-visible { outline: 2px solid #fff; outline-offset: -4px; }
  .carta__testa-titolo { position: absolute; left: 47.2px; right: 0; top: 27.15px; font: 400 27px/29.7px var(--h-serif); color: #fff; }
  .carta__testa-icona { position: absolute; right: 20px; top: 35.65px; width: 10px; height: 10px; border-right: 1px solid #fff; border-bottom: 1px solid #fff; transform: rotate(45deg); }
  .carta__provincia[open] .carta__testa-icona { transform: rotate(-135deg); }
  .carta__fis-sfondo { position: fixed; inset: 0; z-index: -1; background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(../../assets/img/mappa-cantieri.svg) 46.7% 50% / cover; }
  .carta__fis-elenco { margin: 0; padding: 0 0 1px; list-style: none; }
  .carta__fis-voce { width: 68%; margin: 0 auto 20.7px; padding-bottom: 20.7px; border-bottom: 1px solid rgba(255, 255, 255, .6); text-align: center; color: #fff; }
  .carta__fis-voce-titolo { margin: 0; padding-top: 10px; font: 400 27px/29.7px var(--h-serif); }
  .carta__fis-voce-luogo { margin: 10.4px 0 0; font: 400 18.2077px/20.9388px var(--h-serif); letter-spacing: .4px; }
  .carta__fonte { position: static; padding: 16px 47px 24px; }
}
@media (prefers-reduced-motion: reduce) {
  .carta__voce:hover { transform: none; }
  .carta__luogo, .carta__info h2, .carta__info p, .carta__info:not(.attiva) h1 { transition: opacity .2s ease; }
  .carta__info:not(.attiva) :is(h1, h2, p) { transform: none; }
  .carta__provincia::details-content { transition: none; }
  .carta__linguetta-titolo, .carta__linguetta-titolo::before { transition-duration: .2s; }
}

/* giro 28, L — parte bassa come «Visite in cantina» (misure: lavoro/g28/L/rif-visite.json e sonda-rif-*.txt; differenze: design/differenze.md, Giro 28).
   Voce: fascia del testo 60vw con margini 7,49vw/7vw, testo 23,02vw centrato e a destra; foto 40vw alta quanto la voce, velo nero 0,4
   con il marchio (al posto del logo della tenuta); fondo alterno #f7f7f7/#fff; collegamento con tratto obliquo e freccia. */
.dal-cantiere > .voce-l { height: auto; min-height: 0; background: #fff; }
.dal-cantiere > .voce-l:nth-of-type(odd) { background: #f7f7f7; }
.voce-l__fascia { width: 60vw; padding: 7.4922vw 7vw; box-sizing: border-box; }
.voce-l:nth-of-type(even) .voce-l__fascia { margin-left: 40vw; }
.voce-l .voce-l__testo, .voce-l:nth-of-type(even) .voce-l__testo { position: static; width: 23.02vw; margin: 0 auto; }
.voce-l__dove { color: #6b6b6b; }
.voce-l__dove strong { font-weight: 900; color: #000; }
.voce-l__dove strong::after { content: " · "; }
.voce-l__foto::after { z-index: 3; }
.voce-l__velo { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; background: rgba(0, 0, 0, .4); }
.voce-l__foto .voce-l__marchio { width: auto; height: 139px; object-fit: contain; }
.voce-l h3 { margin-top: 33px; }
.voce-l__descr { margin-top: 33px; }
.voce-l__link, .voce-l__link:hover { display: inline-flex; align-items: center; margin-top: 32px; color: #000; }
.voce-l__deco { position: relative; flex: none; width: 40px; height: 40px; }
.voce-l__linea { position: absolute; inset: 0; border-left: 1px solid #000; transform: skewX(-45deg); }
.voce-l__deco svg { position: absolute; left: 50%; top: 50%; transform: translate(-12px, -12px); fill: none; stroke: #000; stroke-width: 2px; }
.voce-l__link-testo { margin-left: 5px; }
.dal-cantiere__nota.segnaposto { background: #fff; }
.js .voce-l.visto .voce-l__linea { animation: voce-l-linea 700ms ease 1200ms both; }
.js .voce-l.visto .voce-l__link-testo { animation: voce-l-testo 560ms ease 1500ms both; }
@keyframes voce-l-linea { from { transform: translate(-40px, 40px) skewX(-45deg); } to { transform: skewX(-45deg); } }
/* giro 29, F3 — il testo del collegamento entra per rivelazione (da sinistra), non per opacità: a 600 ms il contrasto
   scendeva a 3,26:1 e 1,09:1 (soglia 4,5:1); stessa durata, curva e ritardo; stato finale invariato. */
@keyframes voce-l-testo { from { clip-path: inset(0 100% 0 0); } to { clip-path: inset(0 0 0 0); } }
@media (max-width: 1023px) {
  .dal-cantiere > .voce-l { padding-top: 0; }
  .voce-l__fascia, .voce-l:nth-of-type(even) .voce-l__fascia { order: 1; width: auto; margin-left: 0; padding: 34.4px 40px; }
  .voce-l .voce-l__testo, .voce-l:nth-of-type(even) .voce-l__testo { width: auto; margin: 0; }
  .voce-l__foto { margin-top: 0; }
  .voce-l h3 { margin-top: 24px; }
  .voce-l__descr { margin-top: 23px; }
  .voce-l__link, .voce-l__link:hover { margin: 23px 0 0; }
  .voce-l__deco { width: 32px; height: 24px; }
}
@media (prefers-reduced-motion: reduce) {
  .js .voce-l.visto .voce-l__linea, .js .voce-l.visto .voce-l__link-testo { animation: none; }
}
/* giro 28, L — ingresso come il riferimento: tipo e luogo solo opacità; titolo e testo rotateY(14°) e −3 px; tenda su ::before;
   foto opacità 2,1 s ease (trasformazione 3,5 s ease-in-out); collegamento: tratto da (−40, 40) e testo che compare dopo. */
.voce-l__foto { background: transparent; transition: width 1.05s ease-in-out, transform 1.05s ease-in-out; }
.voce-l__foto::after { display: none; }
.voce-l__foto::before { content: ""; position: absolute; inset: 0; z-index: 3; background: #fff; transform: translateX(100%); }
.voce-l__foto > img { background: #000; }
.voce-l__linea { transform-origin: 0 100%; }
.voce-l__link:hover .voce-l__link-testo { color: var(--h-oro); }
.js .voce-l.nascosto .voce-l__foto::before { transform: none; }
.js .voce-l.visto .voce-l__foto::before { transition: transform 2100ms ease; }
.js .voce-l.visto .voce-l__foto > img { transition: opacity 2100ms ease, transform 3500ms ease-in-out; }
.js .voce-l.nascosto .voce-l__testo > .voce-l__tipo, .js .voce-l.nascosto .voce-l__testo > .voce-l__dove { transform: none; }
.js .voce-l.nascosto .voce-l__testo > h3, .js .voce-l.nascosto .voce-l__testo > .voce-l__descr { transform: translateY(-3px) rotateY(14deg); }
.js .voce-l.nascosto .voce-l__testo > .voce-l__link { opacity: 1; transform: none; }
.js .voce-l.visto .voce-l__testo > .voce-l__link { transition: none; }
@media (max-width: 1023px) {
  .dal-cantiere > .voce-l, .dal-cantiere > .voce-l:nth-of-type(odd) { background: #f7f7f7; }
  .voce-l__fascia, .voce-l:nth-of-type(even) .voce-l__fascia { padding: 0; }
  .voce-l .voce-l__testo, .voce-l:nth-of-type(even) .voce-l__testo { padding: 34.4px 40px; }
  .voce-l__foto::before { content: none; }
}
@media (prefers-reduced-motion: reduce) {
  .js .voce-l.nascosto .voce-l__foto::before { transform: translateX(100%); }
  .js .voce-l.nascosto .voce-l__testo > h3, .js .voce-l.nascosto .voce-l__testo > .voce-l__descr { transform: none; }
  .js .voce-l.visto .voce-l__foto > img { transition: opacity 200ms linear; }
}
/* giro 28, L — foto e velo in un unico fondo (come il riferimento: il velo col marchio sta dentro la foto e compare con lei) */
.voce-l__foto { transition: width 1.05s ease-in-out; }
.voce-l__foto::after { content: none; }
.voce-l__sfondo { position: absolute; inset: 0; background: #000; transition: transform 3.5s ease-in-out, opacity 2.1s ease; }
.voce-l__sfondo > img:first-child { background: transparent; }
.js .dal-cantiere > .voce-l { transition: opacity 350ms ease; }
.js .voce-l.nascosto .voce-l__sfondo { opacity: 0; }
.js .voce-l.nascosto .voce-l__sfondo img, .js .voce-l.visto .voce-l__sfondo img { opacity: 1; transition: all 0s; }
.js .voce-l.visto .voce-l__testo > .voce-l__link { transition: all 0s; }
@media (max-width: 1023px) { .voce-l__foto { transition: all 0s; } }
@media (prefers-reduced-motion: reduce) { .voce-l__sfondo { transition: opacity 200ms linear; } }

/* giro 29, F2 — testata delle 4 pagine interne come le pagine interne del riferimento (lavoro/g29/F/menu.tsv): sotto ogni voce un
   tratto bianco di 2 px a 60 px dall'alto della voce, largo quanto la voce, fuori a sinistra; entra (translateX, 0,7 s ease) sulla voce
   attiva e al passaggio del mouse o del focus. La Privacy (fuori perimetro) resta con la testata vecchia. */
body.pagina-lavori .testata-l__voci li { height: 62px; overflow: clip; overflow-clip-margin: 6px; }
body.pagina-lavori .testata-l__voci li::before { content: ""; position: absolute; left: 0; top: 60px; width: 100%; height: 2px; background: #fff; transform: translateX(calc(-100% - 8px)); transition: transform 0.7s ease; pointer-events: none; }
body.pagina-lavori .testata-l__voci li:has(> a[aria-current="page"])::before,
body.pagina-lavori .testata-l__voci li:hover::before,
body.pagina-lavori .testata-l__voci li:focus-within::before { transform: none; }
@media (prefers-reduced-motion: reduce) {
  body.pagina-lavori .testata-l__voci li::before { transform: none; opacity: 0; transition: opacity 200ms linear; }
  body.pagina-lavori .testata-l__voci li:has(> a[aria-current="page"])::before,
  body.pagina-lavori .testata-l__voci li:hover::before,
  body.pagina-lavori .testata-l__voci li:focus-within::before { opacity: 1; }
}

/* giro 29, F2c — menu delle 4 pagine interne come il riferimento (lavoro/g29/F/menu.tsv); Privacy esclusa, la Home non carica questo file.
   Lingue in apertura: comparsa da 2,85 s a 3,31 s dal clic (rif 2853 -> 3303-3315 ms). A 393 i titoli larghi 55vw senza il margine
   negativo e spostati di 3,6 px (rif x 92, larghezza 216). La dissolvenza delle lingue in chiusura sta in sito.js (giro 29, F2c). */
@media (prefers-reduced-motion: no-preference) {
  body.pagina-lavori .menu.aperto .menu__lingue { animation-delay: 2.798s; animation-duration: .488s; }
}
@media (max-width: 1023px) {
  body.pagina-lavori .menu .menu__titolo { left: 3.6px; }
  body.pagina-lavori .menu .menu__titolo-link { margin-right: 0; }
}