@layer components{.lu-palco{--strada:#ebe7de;--marciapiede:#f0ece3;--tratto:#d3cdbf;background-color:var(--strada);padding-block:clamp(1.25rem,.9rem + 1.6vw,2.5rem) clamp(2rem,1.5rem + 2vw,3.5rem);overflow-x:clip}.lu-percorso{color:var(--testo-2);flex-wrap:wrap;align-items:center;gap:.5rem;margin-block:-.6875rem .5625rem;font-size:.875rem;display:flex}.lu-percorso a{align-items:center;min-width:2.75rem;min-height:2.75rem;display:inline-flex}.lu-titolo{text-wrap:balance;max-width:22ch;margin-top:.9rem}.lu-scena{margin-top:clamp(.5rem,.2rem + 1.4vw,1.5rem)}.lu-giro{justify-items:center;gap:clamp(1.25rem,.5rem + 3vw,2.5rem);display:grid}.lu-piatto{width:min(100%, 68rem, (100svh - 27.5rem) * var(--rapporto));min-width:min(100%,19rem);aspect-ratio:var(--proporzioni);transform:translateX(calc((.5 - var(--ax,.5)) * 100%));touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;position:relative;container-type:inline-size}@media (max-width:48rem){.lu-piatto{width:min(var(--stretto,135%), (100svh - 27rem) * var(--rapporto));min-width:100%}.lu-piatto[data-adatta]{width:min(var(--stretto,135%), var(--adatta), (100svh - 27rem) * var(--rapporto));min-width:min(100%, var(--adatta));transform:translateX(calc((.5 - var(--ax-s,.5)) * 100%))}}.lu-giro[data-in-mano] .lu-piatto{cursor:grabbing}.lu-base{left:calc(var(--bx) * 1%);top:calc(var(--by) * 1%);width:calc(var(--bl) * 1%);aspect-ratio:1 / var(--schiaccia);border:1px solid var(--tratto);background-color:var(--color-avorio);box-shadow:0 0 0 .6rem var(--marciapiede), 0 0 0 calc(.6rem + 1px) var(--tratto);pointer-events:none;border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.lu-piatto img{visibility:hidden;pointer-events:none;-webkit-user-drag:none;width:100%;max-width:none;height:100%;position:absolute;inset:0}.lu-piatto img[data-mostrata]{visibility:visible}.lu-segno{z-index:1;--manca:max(0px, (2.125rem - var(--d,100) * 1cqw) / 2);width:2.75rem;height:2.75rem;transform:translate(-50%,-50%);translate:calc(var(--vx,0) * var(--manca)) calc(var(--vy,0) * var(--manca));color:var(--color-avorio);font-family:var(--font-mono);cursor:pointer;border-radius:50%;place-items:center;font-size:.8125rem;font-weight:500;line-height:1;text-decoration:none;display:grid;position:absolute}.lu-segno>span[aria-hidden]{border:1px solid var(--color-oro-500);background-color:var(--color-navy-900);border-radius:50%;place-items:center;width:1.75rem;height:1.75rem;display:grid}.lu-segno:focus-visible{outline:2px solid var(--color-navy-800);outline-offset:-.3rem}.lu-comandi{z-index:1;width:min(100% - 2 * var(--margine), 24rem);justify-items:center;gap:.4rem;display:grid;position:relative}.lu-cursore{width:100%;font-family:var(--font-mono);letter-spacing:.14em;text-align:center;text-transform:uppercase;color:var(--color-oro-scuro);gap:.5rem;font-size:.75rem;display:grid}.lu-cursore input{width:100%;min-height:2.75rem;accent-color:var(--color-navy-800);cursor:pointer}.lu-come{color:var(--testo-2);font-size:.875rem}@media (scripting:none){.lu-comandi{display:none}}.lu-senza{padding:1rem var(--margine) 0;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;display:grid}.lu-senza img{width:100%;height:auto}.lu-legenda{counter-reset:luogo;flex-wrap:wrap;justify-content:center;gap:.5rem 1.5rem;margin-top:1.25rem;font-size:.9375rem;display:flex}.lu-legenda li{counter-increment:luogo;align-items:center;gap:.55rem;display:flex}.lu-legenda li:before,.lu-numero{border:1px solid var(--color-oro-500);background-color:var(--color-navy-900);width:1.5rem;height:1.5rem;color:var(--color-avorio);font-family:var(--font-mono);border-radius:50%;flex:none;place-items:center;font-size:.75rem;line-height:1;display:grid}.lu-legenda li:before{content:counter(luogo)}.lu-legenda a{align-items:center;min-height:2.75rem;display:inline-flex}.lu-h2{text-wrap:balance;max-width:22ch;margin-top:.9rem}.lu-testo{max-width:60ch;margin-top:1.25rem;font-size:1.0625rem;line-height:1.6}.lu-due{align-items:start;gap:clamp(2rem,1rem + 4vw,5rem);display:grid}@media (min-width:62rem){.lu-due{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}}.lu-vicini{gap:clamp(2.5rem,1.5rem + 4vw,5rem);margin-top:clamp(2rem,1.5rem + 2vw,3.5rem);display:grid}.lu-vicino{scroll-margin-top:5.5rem}.lu-vicino>header{align-items:center;gap:.75rem;display:flex}.lu-vicino>p{max-width:60ch;margin-top:.6rem;font-size:1.0625rem;line-height:1.55}.lu-coppia{gap:1rem;margin-top:1.25rem;display:grid}@media (min-width:48rem){.lu-coppia{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.lu-coppia[data-una]{grid-template-columns:minmax(0,34rem)}}.lu-resa,.lu-foto{border:1px solid var(--linea-forte)}.lu-resa{background-color:var(--color-navy-900)}.lu-resa img,.lu-foto img{width:100%;height:auto;display:block}.lu-coppia .lu-foto img{object-fit:contain;background-color:var(--color-navy-900);max-height:30rem}.lu-resa figcaption,.lu-foto figcaption{border-top:1px solid var(--linea);color:var(--testo-2);padding:.6rem .8rem;font-size:.8125rem;line-height:1.45}.lu-resa figcaption{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--color-oro-300);border-top-color:#f5f2ea29}.lu-momenti{margin-top:clamp(1.5rem,1rem + 2vw,2.5rem)}.lu-momenti fieldset{border:0;flex-wrap:wrap;gap:.5rem;display:flex}.lu-momento{border:1px solid var(--linea-forte);cursor:pointer;align-items:center;min-height:2.75rem;padding:.4rem 1.1rem;font-weight:600;display:inline-flex;position:relative}.lu-momento input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.lu-momento:has(:checked){border-color:var(--color-oro-500);background-color:var(--color-oro-500);color:var(--color-navy-800)}.lu-momento:has(:focus-visible){outline:2px solid var(--color-oro-300);outline-offset:3px}.lu-striscia{overscroll-behavior-x:contain;margin-top:1.5rem;overflow-x:auto}.lu-striscia:focus-visible{outline:2px solid var(--color-oro-300);outline-offset:-2px}.lu-facciata{width:max(100%,62rem);aspect-ratio:var(--proporzioni);margin-inline:auto;position:relative}@media (min-width:62rem){.lu-facciata{width:min(100% - 2 * var(--margine), 96rem)}}.lu-facciata img{opacity:0;width:100%;max-width:none;height:100%;transition:opacity .32s;position:absolute;inset:0}.lu-detto{max-width:60ch;margin-top:1.25rem;font-size:1.0625rem;line-height:1.55;display:none}:is(.lu-momenti:has(input[value=prima]:checked) [data-momento=prima],.lu-momenti:has(input[value=durante]:checked) [data-momento=durante],.lu-momenti:has(input[value=dopo]:checked) [data-momento=dopo]){opacity:1;display:block}@media (prefers-reduced-motion:reduce){.lu-facciata img{transition:none}}.lu-fotografie{grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));align-items:start;gap:1rem;margin-top:clamp(2rem,1.5rem + 2vw,3rem);display:grid}.lu-provenienza{border:1px solid var(--linea-forte);background-color:var(--sfondo-2)}.lu-provenienza summary{cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;min-height:3.5rem;padding:.75rem 1rem;font-weight:600;list-style:none;display:flex}.lu-provenienza summary::-webkit-details-marker{display:none}.lu-provenienza summary:after{content:"+";font-family:var(--font-mono);color:var(--accento);font-size:1.25rem;font-weight:400}.lu-provenienza[open] summary:after{content:"–"}.lu-gruppo{border-top:1px solid var(--linea);padding:1rem}.lu-gruppo h3{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;font-size:.75rem;font-weight:500}.lu-gruppo h3 span,.lu-gruppo li span{font-family:var(--font-sans);letter-spacing:0;text-transform:none;color:var(--testo-2);margin-top:.2rem;font-size:.8125rem;font-weight:400;line-height:1.45;display:block}.lu-gruppo ul{gap:.75rem;margin-top:.9rem;display:grid}.lu-gruppo li{border-left:1px solid var(--accento);padding-left:.9rem;font-size:.9375rem;line-height:1.45}.lu-gruppo[data-come=non-documentato] li,.lu-gruppo[data-come=dedotto] li{border-left-color:var(--linea-forte)}.lu-azioni{flex-wrap:wrap;gap:.75rem;margin-top:2rem;display:flex}.lu-altri{border-top:1px solid var(--linea);justify-items:start;gap:.25rem;margin-top:2.5rem;padding-top:1.5rem;display:grid}.lu-fermo .lu-piatto{cursor:default;touch-action:auto}}
