/* Le Dimore del Chianti · tavola v2 · linguaggio del Catasto Generale della Toscana su tutte le pagine */
@font-face{font-family:Mazius;src:url(fonts/MaziusDisplay-Regular.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Mazius;src:url(fonts/MaziusDisplay-Bold.woff2) format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:MaziusMano;src:url(fonts/MaziusDisplay-Extraitalic.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Ortica;src:url(fonts/OrticaLinear-Light.woff2) format('woff2');font-weight:300;font-display:swap}
@font-face{font-family:Ortica;src:url(fonts/OrticaLinear-Regular.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:OrticaAngolare;src:url(fonts/OrticaAngular-Bold.woff2) format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:Aujournuit;src:url(fonts/Aujournuit-VariableVF.woff2) format('woff2');font-weight:100 900;font-stretch:50% 200%;font-display:swap}
@font-face{font-family:Erode;src:url(fonts/erode-var.woff2) format('woff2');font-weight:300 700;font-display:swap}
@font-face{font-family:Erode;src:url(fonts/erode-var-italic.woff2) format('woff2');font-weight:300 700;font-style:italic;font-display:swap}

@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation-duration:.45s}

:root{
  --carta:#e8d8af; --carta-chiara:#f1e6c8; --carta-scura:#dccb9c; --china:#584c2c; --china-scura:#2e2716;
  --pesa:#5e7473; --rosa:#c08a6a; --ocra:#c2a072; --cipresso:#263219;
  --testo:Erode,'Iowan Old Style',Georgia,serif;
  /* font scelto dal Founder l'11/10/2026: Ortica (Collletttivo) */
  --display:Ortica,'Iowan Old Style',Georgia,serif; --display-peso:300; --display-tracking:-.005em; --display-stretch:normal;
  --mano:OrticaAngolare,Erode,serif; --mano-stile:normal;
  --nota:Erode,Georgia,serif;
  --gutter:clamp(18px,5.5vw,88px);
}

*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--carta);color:var(--china-scura);font-family:var(--testo);font-size:clamp(16px,1.05vw,18px);-webkit-font-smoothing:antialiased}
body{overflow-x:hidden}
img{display:block;max-width:100%}
a{color:inherit}
::selection{background:var(--rosa);color:var(--carta-chiara)}
:focus-visible{outline:2px solid var(--pesa);outline-offset:3px}
.tbd{background:#ffe25a;color:#2e2716;box-shadow:0 0 0 2px #ffe25a;border-radius:2px}
html.no-tbd .tbd{background:none;box-shadow:none;color:inherit}
html.intro .tbd{background:none;box-shadow:none;color:inherit}
.tbd-toggle{position:fixed;right:3px;bottom:3px;z-index:50;width:44px;height:44px;border:0;background:none;padding:0;opacity:.45;cursor:pointer}
.tbd-toggle::before{content:"";position:absolute;inset:11px;border-radius:50%;background:#ffe25a}
html.intro .tbd-toggle{opacity:0;pointer-events:none;visibility:hidden}

.disp{font-family:var(--display);font-weight:var(--display-peso);letter-spacing:var(--display-tracking);font-stretch:var(--display-stretch)}
.mano{font-family:var(--mano);font-style:var(--mano-stile);font-weight:400}

/* intestazione comune */
.bar{position:fixed;inset:0 0 auto 0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px var(--gutter);transition:background .4s,padding .4s}
.bar.solida{background:rgba(232,216,175,.96);box-shadow:0 1px 0 rgba(46,39,22,.14);padding-top:12px;padding-bottom:12px}
.bar.su-foto{color:var(--carta-chiara)}
.bar.solida.su-foto{background:rgba(46,39,22,.96)}
.marchio{display:flex;align-items:center;gap:12px;text-decoration:none;view-transition-name:marchio}
.marchio .simbolo svg{height:clamp(38px,3.4vw,50px);width:auto;display:block;overflow:visible}
.marchio .nome{font-family:var(--display);font-weight:var(--display-peso);font-stretch:var(--display-stretch);font-size:clamp(17px,1.35vw,22px);line-height:1.05}
.marchio small{display:block;font-family:var(--testo);font-size:.56em;letter-spacing:.24em;text-transform:uppercase;opacity:.75;margin-top:3px}
.nav{display:flex;align-items:center;gap:clamp(14px,2vw,34px);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase}
.nav a{text-decoration:none;padding:12px 0;position:relative}
.nav a[aria-current]::after,.nav a:hover::after{content:"";position:absolute;left:0;right:0;bottom:6px;height:1px;background:currentColor}
.nav .prenota{min-height:44px;display:inline-flex;align-items:center;background:var(--china-scura);color:var(--carta-chiara);padding:0 18px;border-radius:999px}
.nav .prenota::after{display:none}
.bar.su-foto .nav .prenota{background:var(--carta-chiara);color:var(--china-scura)}
@media (max-width:860px){.nav a:not(.prenota){display:none}}

/* selettore dei font (solo tavola) */
.selettore{position:fixed;left:50%;bottom:14px;transform:translateX(-50%);z-index:60;display:flex;gap:4px;padding:5px;border-radius:999px;background:rgba(46,39,22,.92);color:var(--carta-chiara);font-size:.74rem;box-shadow:0 6px 20px rgba(0,0,0,.18)}
.selettore span{padding:0 10px 0 12px;align-self:center;opacity:.7;letter-spacing:.08em;text-transform:uppercase;font-size:.66rem}
.selettore button{border:0;border-radius:999px;background:none;color:inherit;font:inherit;padding:0 14px;min-height:36px;cursor:pointer}
.selettore button[aria-pressed="true"]{background:var(--carta-chiara);color:var(--china-scura)}
html.intro .selettore{opacity:.0;pointer-events:none}

/* il foglio: cornice doppia, tacche delle coordinate, cartiglio */
.foglio{position:relative;margin:0 var(--gutter);padding:clamp(56px,7vw,110px) clamp(18px,4vw,64px) clamp(70px,8vw,120px);border:1px solid var(--china);outline:1px solid var(--china);outline-offset:-7px;background:
  linear-gradient(var(--china),var(--china)) 0 18% / 9px 1px no-repeat,
  linear-gradient(var(--china),var(--china)) 0 50% / 9px 1px no-repeat,
  linear-gradient(var(--china),var(--china)) 0 82% / 9px 1px no-repeat,
  linear-gradient(var(--china),var(--china)) 100% 18% / 9px 1px no-repeat,
  linear-gradient(var(--china),var(--china)) 100% 50% / 9px 1px no-repeat,
  linear-gradient(var(--china),var(--china)) 100% 82% / 9px 1px no-repeat,
  linear-gradient(var(--china),var(--china)) 25% 0 / 1px 9px no-repeat,
  linear-gradient(var(--china),var(--china)) 50% 0 / 1px 9px no-repeat,
  linear-gradient(var(--china),var(--china)) 75% 0 / 1px 9px no-repeat,
  linear-gradient(var(--china),var(--china)) 25% 100% / 1px 9px no-repeat,
  linear-gradient(var(--china),var(--china)) 50% 100% / 1px 9px no-repeat,
  linear-gradient(var(--china),var(--china)) 75% 100% / 1px 9px no-repeat}
.foglio + .foglio{margin-top:clamp(40px,5vw,72px)}
.cartiglio{position:absolute;right:-1px;bottom:-1px;border:1px solid var(--china);background:var(--carta);display:grid;grid-template-columns:auto auto;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;max-width:min(420px,80%)}
.cartiglio div{padding:7px 12px;border-right:1px solid var(--china);border-bottom:1px solid var(--china)}
.cartiglio div:nth-child(2n){border-right:0}
.cartiglio div:nth-last-child(-n+2){border-bottom:0}
.cartiglio b{display:block;font-family:var(--mano);font-style:var(--mano-stile);font-weight:400;text-transform:none;letter-spacing:0;font-size:1.35rem;line-height:1.05}
.occhio{font-size:.74rem;letter-spacing:.26em;text-transform:uppercase;display:flex;gap:14px;align-items:center;margin-bottom:18px}
.occhio::before{content:"";width:34px;height:1px;background:currentColor}
h1.disp,h2.disp{line-height:.95}
.titolo-foglio{font-size:clamp(44px,6.4vw,112px)}
.sottotitolo-foglio{font-size:clamp(30px,3.6vw,60px)}
.lede{font-size:1.12rem;line-height:1.6;max-width:46ch}
.due{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(28px,5vw,90px);align-items:start}
@media (max-width:900px){.due{grid-template-columns:1fr}.cartiglio{position:relative;right:auto;bottom:auto;margin-top:40px;max-width:none}}

/* tavola indicativa: il registro delle particelle */
.registro{width:100%;border-collapse:collapse;font-size:.98rem}
.registro caption{caption-side:top;text-align:left;font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;padding-bottom:12px}
.registro th{font-weight:500;font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;text-align:left;padding:10px 12px;border-top:2px solid var(--china);border-bottom:1px solid var(--china);vertical-align:bottom}
.registro td{padding:16px 12px;border-bottom:1px solid rgba(88,76,44,.45);vertical-align:top;line-height:1.45}
.registro td.nm{font-family:var(--mano);font-style:var(--mano-stile);font-size:2.1rem;line-height:1;white-space:nowrap}
.registro td.nome{font-family:var(--display);font-weight:var(--display-peso);font-stretch:var(--display-stretch);font-size:1.45rem;line-height:1.1}
.registro td.nome small{display:block;font-family:var(--testo);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;margin-top:6px;opacity:.75}
.registro tr.riga{cursor:pointer;transition:background .3s}
.registro tr.riga:hover{background:rgba(192,138,106,.12)}
.registro a.vai{text-decoration:none;display:inline-flex;align-items:center;min-height:44px;gap:8px;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}
.registro a.vai::after{content:"→"}
.registro .cifra{font-variant-numeric:tabular-nums}
@media (max-width:760px){
  .registro thead{display:none}
  .registro tr{display:grid;grid-template-columns:auto 1fr;column-gap:14px;border-bottom:1px solid rgba(88,76,44,.45);padding:14px 0}
  .registro td{border:0;padding:3px 0}
  .registro td.nm{grid-row:span 6}
  .registro td[data-l]::before{content:attr(data-l) " · ";font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;opacity:.7}
}

/* scheda della dimora: registro verticale */
.scheda{border-top:2px solid var(--china)}
.scheda div{display:grid;grid-template-columns:minmax(110px,30%) 1fr;gap:14px;padding:12px 0;border-bottom:1px solid rgba(88,76,44,.45);font-size:1rem;line-height:1.5}
.scheda dt{font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;padding-top:4px}
.scheda dd b{font-family:var(--mano);font-style:var(--mano-stile);font-weight:400;font-size:1.3rem;margin-right:6px}

/* particella: foto tagliate sul confine */
.particella{position:relative;overflow:hidden;clip-path:var(--forma,polygon(3% 2%,98% 0,100% 76%,90% 100%,0 97%));transition:clip-path 1s cubic-bezier(.2,.7,.2,1)}
.particella img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s cubic-bezier(.2,.7,.2,1)}
a:hover .particella,.particella:hover{clip-path:polygon(0 0,100% 0,100% 100%,0 100%,0 50%)}
a:hover .particella img{transform:scale(1.04)}

/* planimetria */
.planimetria{background:var(--carta-chiara);border:1px solid var(--china);padding:14px}
.planimetria svg{width:100%;height:auto;display:block}
.planimetria figcaption{font-size:.8rem;line-height:1.5;margin-top:10px}

/* tavola degli allegati */
.allegati{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(12px,1.6vw,22px)}
.allegati figure{position:relative}
.allegati figure:nth-child(6n+1){grid-column:span 7}
.allegati figure:nth-child(6n+2){grid-column:span 5;margin-top:clamp(30px,6vw,90px)}
.allegati figure:nth-child(6n+3){grid-column:span 4}
.allegati figure:nth-child(6n+4){grid-column:span 4;margin-top:clamp(20px,3vw,50px)}
.allegati figure:nth-child(6n+5){grid-column:span 4}
.allegati figure:nth-child(6n+6){grid-column:2 / span 7}
.allegati img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.allegati figcaption{display:flex;gap:10px;align-items:baseline;margin-top:8px;font-size:.86rem}
.allegati figcaption b{font-family:var(--mano);font-style:var(--mano-stile);font-weight:400;font-size:1.25rem}
@media (max-width:760px){.allegati{grid-template-columns:1fr 1fr}.allegati figure:nth-child(n){grid-column:auto;margin-top:0}.allegati figure:nth-child(3n+1){grid-column:1 / -1}}

/* legenda del territorio */
.luoghi{list-style:none;border-top:2px solid var(--china)}
.luoghi li{display:grid;grid-template-columns:44px 1fr auto;gap:16px;align-items:center;padding:12px 0;border-bottom:1px dashed rgba(88,76,44,.55)}
.luoghi svg{width:40px;height:30px}
.luoghi b{font-family:var(--display);font-weight:var(--display-peso);font-stretch:var(--display-stretch);font-size:1.35rem;line-height:1.1}
.luoghi small{display:block;font-size:.84rem;opacity:.8;margin-top:2px}
.luoghi .dist{font-family:var(--mano);font-style:var(--mano-stile);font-size:1.25rem;white-space:nowrap;text-align:right}
.luoghi .dist small{font-family:var(--testo);font-style:normal;font-size:.72rem;letter-spacing:.1em}

/* scala grafica in metri e braccia */
.scala{display:flex;flex-direction:column;gap:4px;font-size:.7rem;letter-spacing:.06em}
.scala svg{width:220px;height:36px}

/* bottoni */
.cta{display:inline-flex;align-items:center;gap:14px;border:0;cursor:pointer;background:var(--china-scura);color:var(--carta-chiara);font:500 .8rem/1 var(--testo);letter-spacing:.2em;text-transform:uppercase;padding:0 22px 0 26px;min-height:52px;border-radius:999px;text-decoration:none;transition:background .4s}
.cta:hover{background:var(--rosa)}
.cta.chiara{background:transparent;color:inherit;box-shadow:inset 0 0 0 1px currentColor}
.cta.chiara:hover{background:var(--china-scura);color:var(--carta-chiara)}

/* altri fogli */
.altri{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--china)}
.altri a{display:flex;flex-direction:column;gap:8px;padding:26px 0;text-decoration:none;min-height:44px}
.altri a + a{text-align:right;border-left:1px solid var(--china);padding-left:20px}
.altri small{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase}
.altri b{font-family:var(--display);font-weight:var(--display-peso);font-stretch:var(--display-stretch);font-size:clamp(24px,2.6vw,40px);line-height:1}

/* modulo di prenotazione come domanda di soggiorno */
.domanda{display:grid;gap:22px}
.domanda fieldset{border:0;display:grid;gap:10px}
.domanda legend{font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;margin-bottom:10px}
.domanda label{display:grid;gap:6px;font-size:.92rem}
.domanda input,.domanda textarea,.domanda select{font:inherit;color:inherit;background:transparent;border:0;border-bottom:1px solid var(--china);padding:10px 2px;min-height:44px}
.domanda textarea{min-height:110px;resize:vertical;border:1px solid var(--china);padding:10px}
.scelte{display:flex;flex-wrap:wrap;gap:12px}
.scelte label{display:flex;align-items:center;gap:10px;cursor:pointer;padding:8px 14px 8px 8px;border:1px solid var(--china);border-radius:999px;min-height:44px}
.scelte input{position:absolute;opacity:0;pointer-events:none}
.scelte .ov{width:44px;height:28px;display:grid;place-items:center;border:1.5px solid currentColor;border-radius:50%;transform:rotate(-14deg);font-family:var(--mano);font-style:var(--mano-stile);font-size:1rem}
.scelte .ov span{transform:rotate(14deg)}
.scelte input:checked + .ov{background:var(--rosa);border-color:var(--rosa);color:var(--carta-chiara)}
.scelte input:focus-visible + .ov{outline:2px solid var(--pesa);outline-offset:3px}
.riga-campi{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media (max-width:760px){.riga-campi{grid-template-columns:1fr}}

footer.piede{margin:clamp(60px,8vw,120px) var(--gutter) 0;padding:28px 0 90px;border-top:1px solid var(--china);display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:24px;font-size:.84rem;line-height:1.6}
footer.piede b{display:block;font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;margin-bottom:8px}
footer.piede .crediti{grid-column:1 / -1;font-size:.72rem;opacity:.75}
@media (max-width:760px){footer.piede{grid-template-columns:1fr}}

.pagina{padding-top:clamp(96px,10vw,140px)}
.spazio{height:clamp(40px,6vw,90px)}

@media (prefers-reduced-motion:reduce){
  *,::view-transition-group(*){transition:none!important;animation:none!important}
}

/* ---- arricchimento dell'11/10/2026: carta, foto grandi, annotazioni, notte, stagioni, segni che si disegnano ---- */
/* la carta: grana, macchie d'acqua e piegature dei fogli */
html{background-color:var(--carta);background-image:
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='600'%3E%3Cfilter id='m'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.004' numOctaves='4' seed='5'/%3E%3CfeColorMatrix values='0 0 0 0 .55 0 0 0 0 .43 0 0 0 0 .22 0 0 0 .55 -.18'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23m)'/%3E%3C/svg%3E"),
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .3 0 0 0 0 .25 0 0 0 0 .14 0 0 0 .16 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  background-size:900px 900px,220px 220px}
.foglio{background-color:rgba(241,230,200,.35)}
.foglio::before{content:"";position:absolute;inset:0;pointer-events:none;background:
  linear-gradient(90deg,transparent calc(50% - 1px),rgba(88,76,44,.10) 50%,transparent calc(50% + 1px)),
  linear-gradient(180deg,transparent calc(50% - 1px),rgba(88,76,44,.07) 50%,transparent calc(50% + 1px));mix-blend-mode:multiply}
.foglio>*{position:relative}
.foglio>.cartiglio{position:absolute}
@media (max-width:900px){.foglio>.cartiglio{position:relative}}
@media (max-width:760px){.fascia{height:min(62vh,520px)}}
/* numero del foglio in filigrana */
.filigrana{position:absolute!important;right:clamp(10px,3vw,50px);top:clamp(10px,2vw,30px);font-family:OrticaAngolare,serif;font-size:clamp(140px,22vw,360px);line-height:.8;color:var(--rosa);opacity:.13;pointer-events:none;user-select:none}

/* foto annotata dal rilevatore */
.annotata{position:relative;margin-top:clamp(36px,5vw,70px)}
.annotata .quadro-foto{position:relative;overflow:hidden;clip-path:polygon(0 1.5%,99% 0,100% 97%,1.2% 100%)}
.annotata img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.annotata.verticale img{aspect-ratio:4/5}
.punto{position:absolute;transform:translate(-50%,-50%);width:44px;height:44px;display:grid;place-items:center;border:0;background:none;cursor:pointer;padding:0}
.punto i{width:30px;height:30px;border-radius:50%;background:var(--carta-chiara);border:1.5px solid var(--china-scura);display:grid;place-items:center;font:700 .82rem/1 OrticaAngolare,serif;font-style:normal;color:var(--china-scura);box-shadow:0 0 0 5px rgba(241,230,200,.35);transition:transform .4s cubic-bezier(.2,.7,.2,1),background .3s}
.punto:hover i,.punto:focus-visible i,.punto.attivo i{transform:scale(1.15);background:var(--rosa);color:var(--carta-chiara)}
.punto .lab{position:absolute;left:50%;bottom:calc(100% + 4px);transform:translateX(-50%);white-space:nowrap;font-family:var(--nota);font-style:italic;font-size:1rem;background:var(--carta-chiara);padding:4px 10px;border:1px solid var(--china);opacity:0;pointer-events:none;transition:opacity .3s}
.punto:hover .lab,.punto:focus-visible .lab,.punto.attivo .lab{opacity:1}
.note-foto{list-style:none;display:flex;flex-wrap:wrap;gap:6px 26px;margin-top:14px;font-family:var(--nota);font-style:italic;font-size:1rem}
.note-foto li{display:flex;gap:8px;align-items:baseline}
.note-foto b{font:700 .8rem/1 OrticaAngolare,serif;font-style:normal}

/* fascia a tutta pagina */
.fascia{position:relative;height:clamp(420px,78vh,820px);margin:clamp(50px,7vw,110px) 0;overflow:hidden}
.fascia img{position:absolute;inset:-12% 0;width:100%;height:124%;object-fit:cover}
.fascia figcaption{z-index:2;position:absolute;left:var(--gutter);bottom:clamp(24px,5vh,56px);max-width:min(640px,86vw);color:var(--carta-chiara);text-shadow:0 1px 18px rgba(0,0,0,.35)}
.fascia figcaption b{display:block;font-family:var(--display);font-weight:var(--display-peso);font-size:clamp(38px,5vw,84px);line-height:.95}
.fascia figcaption span{display:block;margin-top:14px;font-family:var(--nota);font-style:italic;font-size:1.1rem}
.fascia::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(20,18,10,.55));pointer-events:none}

/* il foglio di notte */
.foglio.notte{background:#211c10;color:var(--carta-chiara);border-color:#8a7a52;outline-color:#8a7a52}
.foglio.notte .cartiglio{background:#211c10;border-color:#8a7a52}
.foglio.notte .cartiglio div{border-color:#8a7a52}
.foglio.notte .filigrana{color:var(--carta-chiara);opacity:.06}

/* le stagioni del podere */
.stagioni{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(12px,1.6vw,22px)}
.stagioni figure{position:relative}
.stagioni img{width:100%;aspect-ratio:3/4;object-fit:cover}
.stagioni figure:nth-child(2){margin-top:clamp(30px,5vw,80px)}
.stagioni figcaption{margin-top:10px;display:flex;justify-content:space-between;align-items:baseline;font-family:var(--nota);font-style:italic}
.stagioni figcaption b{font-family:var(--display);font-weight:var(--display-peso);font-style:normal;font-size:1.6rem}
@media (max-width:760px){.stagioni{grid-template-columns:1fr 1fr}.stagioni figure:nth-child(2){margin-top:0}.stagioni figure:first-child{grid-column:1/-1}}

/* segni che si disegnano scorrendo (Safari 26, Chrome; altrove restano fermi e completi) */
@supports (animation-timeline: view()){
  @keyframes traccia{from{stroke-dashoffset:var(--lung,1200)}to{stroke-dashoffset:0}}
  @keyframes emerge{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
  @keyframes timbro{from{opacity:0;transform:scale(1.35) rotate(-6deg)}60%{opacity:1}to{opacity:1;transform:none}}
  @keyframes deriva{from{transform:translateY(-6%)}to{transform:translateY(6%)}}
  .disegna polygon,.disegna path.filo,.disegna line.filo{stroke-dasharray:var(--lung,1200);animation:traccia linear both;animation-timeline:view();animation-range:entry 10% cover 45%}
  .registro tbody tr,.scheda div,.luoghi li,.allegati figure{animation:emerge linear both;animation-timeline:view();animation-range:entry 0% entry 70%}
  .cartiglio{animation:timbro linear both;animation-timeline:view();animation-range:entry 20% cover 40%}
  .fascia img{animation:deriva linear both;animation-timeline:view();animation-range:cover}
}

/* ---- le persone: spoglio delle recensioni e biglietti degli ospiti (11/10/2026) ---- */
.spoglio{margin-top:30px;border-top:2px solid var(--china)}
.spoglio div{display:grid;grid-template-columns:110px 1fr;gap:18px;align-items:baseline;padding:12px 0;border-bottom:1px solid rgba(88,76,44,.45)}
.spoglio dt{font:700 clamp(40px,4vw,62px)/.9 OrticaAngolare,serif;color:var(--rosa)}
.spoglio dt small{font:400 .72rem/1 var(--testo);letter-spacing:.1em;color:var(--china-scura);margin-left:6px}
.spoglio dd{font-family:var(--display);font-weight:var(--display-peso);font-size:clamp(20px,1.7vw,28px);line-height:1.15}
.biglietti{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-content:start}
.biglietti.larghi{grid-template-columns:repeat(3,1fr)}
.biglietto{position:relative;background:var(--carta-chiara);padding:26px 22px 20px;box-shadow:0 1px 0 rgba(46,39,22,.18),0 10px 24px -14px rgba(46,39,22,.45);transform:rotate(var(--r,0deg));transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.biglietto:hover{transform:rotate(0deg) translateY(-3px)}
.biglietto::before{content:"";position:absolute;top:-10px;left:50%;width:74px;height:22px;transform:translateX(-50%) rotate(-3deg);background:rgba(194,160,114,.55);box-shadow:0 1px 2px rgba(0,0,0,.08)}
.biglietto blockquote{font-family:var(--nota);font-style:italic;font-size:1.05rem;line-height:1.5}
.biglietto blockquote::before{content:"«"}.biglietto blockquote::after{content:"»"}
.biglietto figcaption{margin-top:14px;font-size:.74rem;letter-spacing:.06em;opacity:.8}
.biglietto figcaption b{display:block;font-family:var(--display);font-weight:var(--display-peso);font-size:1.25rem;letter-spacing:0;opacity:1}
.biglietti .biglietto:nth-child(2){margin-top:40px}
.biglietti .biglietto:nth-child(4){margin-top:-10px}
@media (max-width:900px){.biglietti,.biglietti.larghi{grid-template-columns:1fr}.biglietti .biglietto:nth-child(n){margin-top:0}}

/* il suono del podere, solo a richiesta */
.ascolta{display:inline-flex;align-items:center;gap:8px;min-height:44px;border:0;background:none;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;padding:0 4px}
.ascolta svg{width:22px;height:22px}
.ascolta .onde{opacity:.35;transition:opacity .3s}
.ascolta[aria-pressed="true"] .onde{opacity:1;animation:onda 1.6s ease-in-out infinite}
@keyframes onda{50%{opacity:.4}}
@media (max-width:860px){.ascolta span{position:absolute;left:-9999px}}

@media (max-width:760px){.spoglio div{grid-template-columns:78px 1fr;gap:12px}.spoglio dt small{display:block;margin:4px 0 0}}

/* ---- esperienza d'uso (11/10/2026): dati in vista, sottomenu, barra di prenotazione, foto che si aprono ---- */
.fatti{list-style:none;display:flex;flex-wrap:wrap;gap:0;margin-top:22px;border-top:1px solid var(--china);border-bottom:1px solid var(--china)}
.fatti li{flex:1 1 auto;padding:10px 14px 10px 0;margin-right:14px;border-right:1px solid rgba(88,76,44,.35)}
.fatti li:last-child{border-right:0;margin-right:0}
.fatti small{display:block;font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;opacity:.75}
.fatti b{font-family:var(--display);font-weight:var(--display-peso);font-size:1.35rem;line-height:1.2}
.sottomenu{position:sticky;top:74px;z-index:30;display:flex;gap:4px;justify-content:center;margin:18px var(--gutter) 0;padding:6px;width:max-content;max-width:calc(100% - 2*var(--gutter));margin-left:auto;margin-right:auto;background:rgba(241,230,200,.94);border:1px solid var(--china);border-radius:999px;overflow-x:auto}
.sottomenu a{text-decoration:none;font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;padding:0 16px;min-height:40px;display:flex;align-items:center;border-radius:999px;white-space:nowrap}
.sottomenu a:hover,.sottomenu a.qui{background:var(--china-scura);color:var(--carta-chiara)}
.barra-prenota{position:fixed;left:50%;bottom:16px;z-index:45;display:flex;align-items:center;gap:18px;padding:8px 8px 8px 18px;background:rgba(46,39,22,.96);color:var(--carta-chiara);border-radius:999px;box-shadow:0 12px 30px -10px rgba(0,0,0,.45);transform:translate(-50%,140%);transition:transform .5s cubic-bezier(.2,.7,.2,1);max-width:calc(100% - 24px)}
.barra-prenota.mostra{transform:translate(-50%,0)}
.barra-prenota b{display:block;font-family:var(--display);font-weight:var(--display-peso);font-size:1.05rem;line-height:1.1}
.barra-prenota small{display:block;font-size:.72rem;opacity:.75;margin-top:2px}
.barra-prenota .cta{background:var(--carta-chiara);color:var(--china-scura);min-height:46px;white-space:nowrap}
.barra-prenota .cta:hover{background:var(--rosa);color:var(--carta-chiara)}
.barra-prenota .ovn{display:grid;place-items:center;width:46px;height:30px;border:1.5px solid currentColor;border-radius:50%;transform:rotate(-14deg);font:700 .85rem/1 OrticaAngolare,serif;flex:none}
@media (max-width:640px){.barra-prenota{left:10px;right:10px;transform:translateY(140%);bottom:10px;gap:10px;padding-left:14px}.barra-prenota.mostra{transform:none}.barra-prenota small{display:none}.barra-prenota b{font-size:.92rem}.barra-prenota .cta{padding:0 16px;font-size:.7rem;letter-spacing:.12em}}
.registro td.nome{display:flex;gap:16px;align-items:center}
.registro .mini{flex:none;width:96px;aspect-ratio:4/3;--forma:polygon(4% 3%,97% 0,100% 90%,0 100%)}
.registro .mini img{width:100%;height:100%;object-fit:cover}
@media (max-width:760px){.registro .mini{width:76px}}
.allegati a.apri{display:block;cursor:zoom-in}
.allegati a.apri:focus-visible{outline:2px solid var(--pesa);outline-offset:4px}
/* lightbox */
dialog.lente{border:0;padding:0;background:transparent;max-width:100vw;max-height:100vh;width:100vw;height:100vh;color:var(--carta-chiara)}
dialog.lente::backdrop{background:rgba(20,17,9,.94)}
.lente figure{position:absolute;inset:60px 70px 90px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.lente img{max-width:100%;max-height:100%;object-fit:contain}
.lente figcaption{margin-top:14px;font-family:var(--nota);font-style:italic}
.lente button{position:absolute;border:0;background:rgba(241,230,200,.12);color:inherit;width:48px;height:48px;border-radius:50%;cursor:pointer;font-size:1.4rem;display:grid;place-items:center}
.lente button:hover{background:rgba(241,230,200,.25)}
.lente .chiudi{top:14px;right:14px}.lente .prec{left:14px;top:50%;transform:translateY(-50%)}.lente .succ{right:14px;top:50%;transform:translateY(-50%)}
.lente .conta{position:absolute;top:24px;left:24px;font-size:.78rem;letter-spacing:.14em}
@media (max-width:640px){.lente figure{inset:60px 10px 90px}.lente .prec,.lente .succ{top:auto;bottom:18px;transform:none}}
@media (max-width:760px){.foglio{padding:48px 18px 56px}}

body{padding-bottom:84px}