/* Volte Alte — l'impianto da computer. */

.testata{position:fixed;top:0;left:0;right:0;height:92px;z-index:20;
  display:flex;align-items:center;justify-content:space-between;padding:0 56px;
  background:var(--pietra);border-bottom:1px solid var(--pietra3)}
.testata-chiara{background:transparent;border-bottom:0;color:#fff;
  transition:background .3s ease,color .3s ease,backdrop-filter .3s ease}
.testata-chiara::before{content:'';position:absolute;inset:0 0 -46px 0;z-index:-1;
  background:linear-gradient(180deg,rgba(8,9,13,.62) 0%,rgba(8,9,13,.28) 55%,rgba(8,9,13,0) 100%);
  transition:opacity .3s ease}
.testata-chiara.mossa{background:rgba(12,13,17,.72);backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px)}
.testata-chiara.mossa::before,.testata-chiara.scrollata::before{opacity:0}
.testata-chiara.scrollata{background:var(--pietra);color:var(--inchiostro);
  border-bottom:1px solid var(--pietra3);backdrop-filter:none}
.marchio{font-family:'Cormorant Garamond',serif;font-weight:400;font-size:23px;
  letter-spacing:.34em;text-transform:uppercase;text-decoration:none}
.menu{display:flex;gap:34px;align-items:center}
.menu a{font-family:'Jost',sans-serif;font-size:13px;letter-spacing:.1em;
  text-decoration:none;opacity:.92}
.menu a[aria-current]{border-bottom:1px solid currentColor}
.menu-lingua{opacity:.72!important;font-size:12px;letter-spacing:.16em}
/* Il nome e le voci non vanno mai a capo. Sotto i 1320 di larghezza (un portatile piccolo,
   un iPad di traverso) il menu intero non ci stava e a 1024 si spezzava su due righe (verifica
   del 2 ottobre 2026): si stringono i margini, gli spazi e la spaziatura delle lettere, non le
   voci. */
.marchio,.menu a{white-space:nowrap}
@media (max-width:1320px){
  .testata{padding:0 32px}
  .marchio{font-size:21px;letter-spacing:.28em}
  .menu{gap:22px}
  .menu a{letter-spacing:.06em}
}
@media (max-width:1120px){
  .testata{padding:0 28px}
  .marchio{font-size:20px;letter-spacing:.26em}
  .menu{gap:18px}
  .menu a{letter-spacing:.04em}
}
/* un iPad in verticale (768-1023) vede l'impianto da computer: il menu passa sotto il nome,
   sulla stessa testata, che si alza */
@media (max-width:1023px){
  .testata{height:auto;min-height:92px;flex-direction:column;justify-content:center;gap:10px;
    padding:16px 20px 14px}
  .menu{gap:14px;flex-wrap:wrap;justify-content:center}
  .menu a{font-size:12.5px;letter-spacing:.03em}
}

main{padding-top:92px}
.sez[id]{scroll-margin-top:112px}   /* le ancore non finiscono sotto la testata fissa */
.pagina-home main,.pagina-spazi main{padding-top:0}

/* l'apertura: approvata, non si tocca ---------------------------------- */
.apertura{position:relative;height:100vh;min-height:640px;overflow:hidden;color:#fff}
.apertura picture{position:absolute;inset:0}
.apertura-foto{width:100%;height:100%;object-fit:cover}
.apertura-velo{position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(8,9,13,.62) 0%,rgba(8,9,13,.18) 34%,rgba(8,9,13,.30) 62%,rgba(8,9,13,.80) 100%)}
.apertura-fascia{position:absolute;left:0;right:0;top:28%;height:46%;
  background:linear-gradient(180deg,rgba(6,7,11,0) 0%,rgba(6,7,11,.58) 26%,rgba(6,7,11,.62) 70%,rgba(6,7,11,0) 100%)}
.apertura-centro{position:absolute;left:0;right:0;top:50%;transform:translateY(-54%);
  text-align:center;padding:0 60px}
.apertura-centro h1{font-size:clamp(42px,4.6vw,66px);line-height:1.08;
  text-shadow:0 2px 30px rgba(0,0,0,.55)}
.apertura-sotto{margin-top:26px;font-size:20px;opacity:.92}
.apertura-fatti{position:absolute;left:56px;right:56px;bottom:44px;display:flex;
  justify-content:space-between;border-top:1px solid rgba(255,255,255,.24);padding-top:20px}
.apertura-fatti .eti{font-size:12.5px;letter-spacing:.1em;opacity:.9}

/* le sezioni ------------------------------------------------------------ */
.sez{padding:var(--su,var(--r3)) 56px var(--giu,var(--r3));max-width:var(--piena);margin:0 auto}
.respiro-0{--su:var(--r3);--giu:var(--r2)}
.respiro-1{--su:var(--r2);--giu:var(--r4)}
.respiro-2{--su:var(--r4);--giu:var(--r3)}
.respiro-3{--su:var(--r3);--giu:var(--r5)}
.sez-cose{--su:var(--r4)}

/* i titoli: centrali, e raccontano */
.intesta{text-align:center;max-width:var(--larga);margin:0 auto}
.sez h2{font-size:clamp(38px,4vw,58px);margin:20px auto 0;max-width:19ch;line-height:1.08}
.occhiello{display:block}

.verso{display:inline-block;margin-top:26px;font-family:'Jost',sans-serif;font-size:12.5px;
  letter-spacing:.14em;text-transform:uppercase;color:var(--ocra);text-decoration:none;
  border-bottom:1px solid currentColor;padding-bottom:4px}
.verso-centro{text-align:center;margin-top:10px}

/* testo e foto affiancati */
.due{display:grid;grid-template-columns:1fr 1fr;gap:84px;margin-top:64px;align-items:center}
.due-testo p{font-size:20px;line-height:1.72;color:var(--morbido);max-width:46ch}
.due-testo p + p{margin-top:22px}
.due-foto img{width:100%;height:auto}

/* dov'e': il testo sta sopra la foto, che riempie lo schermo -------------- */
.sez-dove{max-width:none;padding:var(--r4) 56px var(--r2);position:relative;min-height:92vh;
  color:#fff;overflow:hidden;isolation:isolate;
  display:flex;flex-direction:column;justify-content:space-between;gap:var(--r3)}
.sez-dove picture{position:absolute;inset:0;z-index:-2}
.sez-dove img{width:100%;height:100%;object-fit:cover;object-position:50% 58%;
  transform:scale(calc(1 + var(--p,0) * .08));transform-origin:50% 58%}
/* il titolo cadeva dove il velo si schiariva, e il corsivo oro sopra i campi verdi si leggeva
   a fatica (verifica del 2 ottobre 2026): il velo resta scuro un po' piu' in basso e il corsivo
   di questa sezione e' un oro piu' chiaro */
.dove-velo{position:absolute;inset:0;z-index:-1;
  background:linear-gradient(180deg,rgba(8,9,13,.80) 0%,rgba(8,9,13,.60) 30%,rgba(8,9,13,.12) 50%,rgba(8,9,13,.12) 58%,rgba(8,9,13,.50) 76%,rgba(8,9,13,.78) 100%)}
.sez-dove .occhiello{color:var(--ocra-luce)}
.sez-dove h2{color:#fff;text-shadow:0 2px 30px rgba(0,0,0,.45)}
.sez-dove h2 em{color:#EBCDA0}
.dove-testo{max-width:var(--stretta);margin:0 auto;text-align:center}
.dove-testo p{font-size:19.5px;line-height:1.72;opacity:.94;text-shadow:0 1px 16px rgba(0,0,0,.5)}
.dove-testo p + p{margin-top:18px}

/* il ritorno: il palco sta fermo, le tappe passano al centro ------------- */
.sez-storia{max-width:none;padding:0;height:calc(100vh + 4 * var(--tappa-passo))}
.palco{position:sticky;top:0;height:100vh;overflow:hidden;background:var(--pietra);
  display:flex;flex-direction:column;align-items:center;padding:calc(92px + 36px) 56px 0}
.palco .intesta h2{max-width:30ch}
.tappe{list-style:none;position:relative;flex:1;width:min(100%,var(--larga));min-height:0;
  -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 26%,#000 74%,transparent 100%);
  mask-image:linear-gradient(180deg,transparent 0,#000 26%,#000 74%,transparent 100%)}
.tappe li{position:absolute;left:0;right:0;top:50%;
  --d:calc(var(--p,0) * 4 - var(--i));
  --dist:max(var(--d),calc(-1 * var(--d)));
  transform:translate3d(0,calc(-50% - var(--d) * var(--tappa-altezza)),0);
  opacity:clamp(0,calc(1 - var(--dist) * .8),1);
  display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;will-change:transform,opacity}
.tappe b{text-align:right;font-family:'Cormorant Garamond',serif;font-weight:300;
  font-size:clamp(46px,5vw,72px);line-height:.98;color:var(--ocra)}
.tappe p{font-size:19px;line-height:1.7;color:var(--morbido);max-width:36ch}
.tappe::before{content:'';position:absolute;left:50%;top:50%;width:1px;height:calc(var(--tappa-altezza) * .3);
  background:var(--ocra);opacity:.4;transform:translate(-50%,-50%);pointer-events:none}

/* le quattro carte, centrate ---------------------------------------------- */
.carte{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin-top:56px}
@media (max-width:1100px){.carte{grid-template-columns:repeat(2,1fr)}}
.carta h3{font-size:26px}
.carta p{font-size:15.5px}

/* gli spazi: tre fasce da rivista, per piani --------------------------------- */
.fasce{list-style:none;margin-top:64px}
.fascia{display:grid;grid-template-columns:7fr 5fr;grid-template-rows:auto 1fr;gap:0 64px;
  align-items:start;padding:56px 0}
.fascia + .fascia{margin-top:0}
.fascia:nth-child(even){grid-template-columns:5fr 7fr}
.fascia:nth-child(even) .fascia-foto{grid-column:2}
.fascia:nth-child(even) .fascia-testo,.fascia:nth-child(even) .fascia-foto2{grid-column:1}
.fascia:nth-child(even) .fascia-testo{text-align:right}
.fascia:nth-child(even) .fascia-foto2{justify-self:end}
.fascia-foto{grid-row:1/3}
.fascia-foto img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.fascia-testo{padding-bottom:28px}
.fascia-testo h3{font-size:38px;font-weight:400;line-height:1.1;margin-top:12px}
.fascia-testo p:last-child{font-size:19px;line-height:1.7;color:var(--morbido);margin-top:16px;max-width:40ch}
.fascia:nth-child(even) .fascia-testo p:last-child{margin-left:auto}
.fascia-foto2{width:clamp(220px,44%,260px)}
.fascia-foto2 img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}

/* l'anello degli eventi, da bordo a bordo ---------------------------------- */
/* Il nastro esce dai margini della sezione e arriva ai bordi dello schermo. La larghezza
   buona e' 100vw MENO la barra di scorrimento: 100vw la conta dentro, e senza toglierla il
   nastro sporgeva di mezza barra per lato e la pagina si muoveva di lato (visto da Leonardo
   il 19 settembre 2026). --barra la misura vista.js; se il JavaScript non parte vale 0 e si
   torna al comportamento di prima, tagliato dall'overflow-x di base.css. */
.anello{margin:56px min(-56px,calc(-56px - (100vw - var(--barra,0px) - var(--piena)) / 2)) 0}
.anello-pista{gap:24px;padding-left:24px}
.evento picture{height:400px}
.evento-corpo{padding-top:16px}
.evento h3{font-size:24px;margin-top:6px}
.evento p{font-size:15px;margin-top:6px}

/* l'invito: chiaro, e sotto il piede e' una fascia sola --------------------- */
.sez-invito{max-width:none;text-align:center;padding:var(--r4) 56px var(--r5)}
.invito-testo{max-width:var(--stretta);margin:0 auto}
.invito-testo p{font-size:21px;line-height:1.72;color:var(--morbido);margin-top:30px}
.invito-testo a{color:var(--inchiostro);text-decoration:none;border-bottom:1px solid rgba(34,30,25,.32);
  padding-bottom:1px;white-space:nowrap}

.piede-dentro{max-width:var(--piena);margin:0 auto;padding:28px 56px;
  display:flex;align-items:center;justify-content:space-between;gap:32px}
.piede-riga + .piede-riga::before{content:'·';opacity:.4;margin:0 10px}
.piede-mezzo{display:flex;flex-wrap:wrap;justify-content:center}

.sez-404{min-height:60vh;display:flex;flex-direction:column;justify-content:center;gap:18px}
/* le pagine corte (la 404, il grazie del modulo): il piede sta in fondo allo schermo, senza la
   fascia chiara sotto (verifica del 2 ottobre 2026) */
.pagina-404,.pagina-grazie{min-height:100vh;display:flex;flex-direction:column}
.pagina-404 main,.pagina-grazie main{flex:1 0 auto}
.sez-404 h1{font-size:54px}

/* niente movimento: la storia torna un elenco --------------------------- */
@media (prefers-reduced-motion:reduce){
  .sez-storia{height:auto;padding:var(--r3) 56px}
  .palco{position:static;height:auto;padding:0;overflow:visible}
  .tappe{-webkit-mask-image:none;mask-image:none;margin-top:46px}
  .tappe li{position:static;transform:none;opacity:1;padding:26px 0}
  .tappe::before{display:none}
  .sez-dove img{transform:none}
}

/* per scattare tutta la pagina in un colpo: ?pellicola=1 ----------------- */
.pellicola .apertura{height:820px;min-height:0}
.pellicola .sez-dove{min-height:820px}
.pellicola .sez-storia{height:auto;padding:var(--r3) 56px}
.pellicola .palco{position:static;height:auto;padding:0;overflow:visible}
.pellicola .tappe{-webkit-mask-image:none;mask-image:none;margin-top:46px}
.pellicola .tappe li{position:static;transform:none;opacity:1;padding:26px 0}
.pellicola .tappe::before{display:none}
.pellicola .sez-dove img{transform:none}
.pellicola .svela{opacity:1;transform:none}
.pellicola .sez-404{min-height:0}

/* ======================================================= GLI SPAZI
   L'inventario con la pianta che ti segue, scelto il 14 settembre 2026.
   L'apertura e' quella della home; sotto, gli spazi per piano e a lato la
   pianta ferma che accende il punto dello spazio che si sta leggendo. */

.apertura-spazi{height:88vh;min-height:600px}
.apertura-spazi .apertura-fascia{top:14%;height:62%}
.apertura-spazi .apertura-centro h1{max-width:17ch;margin:16px auto 0}
.occhiello-chiaro{color:#EFD4AC;display:block;
  text-shadow:0 1px 16px rgba(0,0,0,.8),0 0 4px rgba(0,0,0,.55)}
.apertura-spazi .apertura-sotto{max-width:50ch;margin:24px auto 0;font-size:19px}
.apertura-giu{position:absolute;left:50%;bottom:36px;width:1px;height:52px;
  background:rgba(255,255,255,.34);overflow:hidden}
.apertura-giu span{position:absolute;inset:0;background:#fff;transform:translateY(-100%);
  animation:scende 2.6s var(--curva) infinite}
@keyframes scende{0%{transform:translateY(-100%)}60%,100%{transform:translateY(100%)}}

.presenta{max-width:var(--stretta);margin:0 auto;padding:var(--r3) 56px 0;text-align:center}
.presenta p{font-size:20px;line-height:1.72;color:var(--morbido)}

/* le due colonne: a sinistra la pianta, a destra gli spazi */
.spazi-duecol{max-width:var(--piena);margin:0 auto;padding:var(--r2) 56px 0;
  display:grid;grid-template-columns:380px 1fr;gap:84px;align-items:start}
.spazi-lato{position:sticky;top:calc(92px + 20px)}
.telaio{background:#fff;padding:12px;display:flex;justify-content:center}
.disegno{position:relative;width:100%;max-width:100%}
.disegno > svg{display:block;width:100%;height:100%}
.faccia[hidden]{display:none}

.punto{position:absolute;width:26px;height:26px;margin:-13px 0 0 -13px;border-radius:50%;
  border:1px solid var(--ocra);background:rgba(243,238,228,.72);color:var(--ocra);
  font-family:'Jost',sans-serif;font-size:11px;display:flex;align-items:center;
  justify-content:center;cursor:pointer;padding:0;
  transition:background .4s var(--curva),color .4s var(--curva),
    transform .4s var(--curva),box-shadow .4s var(--curva)}
.punto:hover{background:var(--ocra);color:#fff}
.punto.qui{background:var(--ocra);color:#fff;transform:scale(1.2);
  box-shadow:0 0 0 7px rgba(143,92,44,.16)}

.lato-piano{font-family:'Jost',sans-serif;font-size:11px;letter-spacing:.2em;
  text-transform:uppercase;color:var(--tenue);margin-top:26px}
.lato-elenco{list-style:none;margin-top:14px}
.lato-elenco a{display:flex;gap:12px;align-items:baseline;padding:11px 2px;
  text-decoration:none;border-bottom:1px solid var(--pietra3);color:var(--tenue);
  font-size:17px;transition:color .3s var(--curva)}
.lato-elenco .n{font-family:'Jost',sans-serif;font-size:11px;color:var(--ocra);min-width:18px}
.lato-elenco a.qui,.lato-elenco a:hover{color:var(--inchiostro)}

/* gli spazi, uno sotto l'altro */
.spazi-capo{padding:var(--r2) 0 var(--r1);border-top:1px solid var(--pietra3)}
.spazi-capo:first-child{border-top:0;padding-top:0}
.spazi-capo h2{font-size:clamp(30px,3.2vw,44px);margin-top:12px}
.spazio{padding:0 0 var(--r2);scroll-margin-top:120px}
.spazio-foto img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}
.spazio-testo{margin-top:26px;max-width:46ch}
.spazio-testo h3{font-size:34px;font-weight:400}
.spazio-testo p{font-size:18.5px;color:var(--morbido);margin-top:14px;line-height:1.7}
  letter-spacing:.14em;text-transform:uppercase;color:var(--tenue);flex-wrap:wrap}

  text-transform:uppercase;color:var(--tenue);font-weight:400;padding:0 0 12px;
  border-bottom:1px solid var(--pietra3)}
  max-width:62ch;margin-left:auto;margin-right:auto}
@media (max-width:1180px){
  .spazi-duecol{grid-template-columns:1fr;gap:0}
  .spazi-lato{position:static;display:none}
}
@media (prefers-reduced-motion:reduce){
  .apertura-giu{display:none}
  .punto,.lato-elenco a{transition:none}
}
.pellicola .apertura-spazi{height:760px;min-height:0}
.pellicola .spazi-lato{position:static}
.pellicola .faccia[hidden]{display:block!important}
/* ======================================================= LE PAGINE INTERNE
   Matrimoni, Eventi di lavoro, Arte e cultura, Contatti, il diario: stessa
   lingua di home e spazi. Apertura con la foto, presentazione, sezioni. */

.pagina-matrimoni main,.pagina-lavoro main,.pagina-cultura main{padding-top:0}
.apertura-pagina{height:82vh;min-height:560px}
.presenta-due{max-width:var(--larga)}
.presenta-due p + p{margin-top:22px}
.presenta-due p{max-width:none}
.sottotitolo{text-align:center;max-width:var(--stretta);margin:22px auto 0;font-size:18.5px;
  line-height:1.7;color:var(--morbido)}

/* le fasce delle pagine interne: il numero in ocra sopra il nome */
.sez-giro .fasce{margin-top:48px}
.sez-giro .fascia-testo h3{margin-top:8px}

/* cinque carte in fila (variante b) */
.carte-cinque{list-style:none;grid-template-columns:repeat(5,1fr);gap:24px}
@media (max-width:1200px){.carte-cinque{grid-template-columns:repeat(3,1fr)}}
.carte-cinque .carta h3{font-size:24px;margin-top:6px}
.carte-cinque .carta p:last-child{font-size:14.5px;color:var(--morbido)}

/* la pianta coi momenti: due piani affiancati, i punti si accendono dall'elenco */
.mappa-momenti{margin-top:56px;max-width:var(--larga);margin-left:auto;margin-right:auto}
.mappa-piano{display:grid;grid-template-columns:400px 1fr;gap:64px;align-items:center;padding:34px 0}
.mappa-piano + .mappa-piano{border-top:1px solid var(--pietra3)}
.mappa-piano .telaio{background:#fff;padding:14px}
.mappa-piano .lato-piano{margin-top:0}
.momenti{list-style:none;margin-top:12px}
.momenti li{display:flex;gap:14px;align-items:baseline;padding:12px 2px;font-size:17px;
  line-height:1.55;color:var(--morbido);border-bottom:1px solid var(--pietra3);cursor:default;
  transition:color .3s var(--curva)}
.momenti li:hover,.momenti li.qui{color:var(--inchiostro)}
.momenti .n{font-family:'Jost',sans-serif;font-size:11px;color:var(--ocra);min-width:22px;letter-spacing:.1em}
.mappa-piano .punto{cursor:default}

/* le due liste: cosa c'e', cosa si porta */
.due-elenchi{align-items:start;margin-top:48px;gap:64px}
.elenco h3{font-size:30px;font-weight:400}
.elenco ul{list-style:none;margin-top:18px}
.elenco li{position:relative;padding:12px 0 12px 26px;font-size:18px;line-height:1.6;
  color:var(--morbido);border-bottom:1px solid var(--pietra3)}
.elenco li::before{content:'';position:absolute;left:2px;top:23px;width:10px;height:1px;background:var(--ocra)}
.planner{max-width:var(--stretta);margin:56px auto 0;text-align:center;font-size:19.5px;
  line-height:1.72;color:var(--inchiostro);padding:34px 40px;border-top:1px solid var(--pietra3);
  border-bottom:1px solid var(--pietra3)}

.pellicola .apertura-pagina{height:720px;min-height:0}
/* ======================================================= IL DIARIO
   Le pagine senza apertura a foto: la testa in pietra, poi le righe. */
.sez-testa-pagina{padding-top:var(--r2);padding-bottom:0}
.sez-testa-pagina h1{font-size:clamp(40px,4.4vw,62px);margin:20px auto 0;max-width:19ch;line-height:1.06}
.sez-testa-pagina .sottotitolo{margin-top:26px}
.diario{list-style:none;margin-top:16px;max-width:var(--larga);margin-left:auto;margin-right:auto}
.diario-riga{display:grid;grid-template-columns:5fr 6fr;gap:56px;align-items:center;padding:40px 0;
  border-top:1px solid var(--pietra3)}
.diario-riga:first-child{border-top:0}
.diario-foto{display:block;overflow:hidden}
.diario-foto img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;transition:transform 1.4s var(--curva)}
.diario-riga:hover .diario-foto img{transform:scale(1.04)}
@media (prefers-reduced-motion:reduce){.diario-foto img{transition:none}.diario-riga:hover .diario-foto img{transform:none}}
.diario-testo .quando{color:var(--ocra);display:block;font-size:11px;margin-bottom:12px}
.diario-testo h2{font-size:34px;font-weight:400;line-height:1.12;max-width:none;margin:0}
.diario-testo h2 a{text-decoration:none}
.diario-testo p{font-size:18px;line-height:1.66;color:var(--morbido);margin-top:12px;max-width:44ch}
.diario-testo .verso{margin-top:18px}
.carte-tre{grid-template-columns:repeat(3,1fr);margin-top:48px}
.carte-tre .carta h2{font-size:26px;font-weight:400;line-height:1.15;margin:0;max-width:none}
.carte-tre .carta img{aspect-ratio:4/3}

/* il singolo evento */
.sez-evento{padding-top:var(--r2)}
.sez-evento .intesta h1{font-size:clamp(40px,4.4vw,62px);margin:20px auto 0;max-width:20ch;line-height:1.06}
.evento-cover{max-width:1100px;margin:48px auto 0}
.evento-cover img{width:auto;max-width:100%;height:auto;max-height:78vh;object-fit:contain;margin:0 auto}
.evento-racconto{max-width:var(--stretta);margin:48px auto 0}
.evento-racconto p{font-size:19.5px;line-height:1.72;color:var(--morbido)}
.evento-racconto p + p{margin-top:20px}
.evento-fonte{font-family:'Jost',sans-serif;font-size:11px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--tenue);margin-top:26px!important}
.evento-video{max-width:var(--larga);margin:64px auto 0;text-align:center}
.terzi{margin-top:18px;background:var(--pietra2);aspect-ratio:16/9;display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:16px;padding:24px}
.terzi iframe{width:100%;height:100%;border:0}
.terzi[data-acceso]{padding:0;display:block}
.terzi-nota{font-size:14.5px;color:var(--morbido);max-width:46ch}
.evento-galleria{max-width:1100px;margin:64px auto 0;text-align:center}
.galleria{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}
.galleria figure img{width:100%;height:auto}
.sez-evento .verso-centro{margin-top:56px}

/* ======================================================= CONTATTI */
.sez-contatti{display:grid;gap:64px;align-items:start;max-width:var(--piena)}
.contatti-a{grid-template-columns:5fr 6fr}
.contatti-a .contatti-modulo{position:sticky;top:112px}
.contatti-b{grid-template-columns:1fr}
.contatti-b .contatti-modulo{order:-1;max-width:var(--larga);margin:0 auto;width:100%}
.contatti-b .contatti-recapiti{display:grid;grid-template-columns:1fr 1fr;gap:56px 64px;max-width:var(--larga);margin:0 auto;width:100%}
.contatti-b .mappa{grid-column:1 / -1}
.contatti-recapiti > div + div{margin-top:56px}
.contatti-b .contatti-recapiti > div + div{margin-top:0}
.sez-contatti h2{font-size:34px;margin:12px 0 0;max-width:none;text-align:left}
/* :not(.eti): la regola prendeva anche l'occhiello, che diventava grande e grigio (verifica del 2/10) */
.arrivo p:not(.eti){font-size:18px;line-height:1.7;color:var(--morbido);margin-top:14px;max-width:46ch}
.mappa .terzi{margin-top:16px}
.mappa-link{display:flex;gap:28px;flex-wrap:wrap}
.mappa-link .verso{margin-top:16px}
.contatti-modulo{background:#fff;padding:40px 44px 44px;border:1px solid var(--pietra3)}
.modulo-sotto{font-size:17px;line-height:1.66;color:var(--morbido);margin-top:12px}
.contatti-a .campi{grid-template-columns:1fr 1fr}
.contatti-a .campi label.nome,.contatti-a .campi label.messaggio,.contatti-a .campi label.spunta,
.contatti-a .campi label.nome.errore,.contatti-a .campi label.messaggio.errore,.contatti-a .campi label.spunta.errore{grid-column:1 / -1}
/* il modulo dentro l'invito della home: la stessa carta bianca dei contatti, stretta, col testo a sinistra */
.invito-modulo{max-width:780px;margin:56px auto 0;text-align:left}
.invito-modulo h3{font-family:'Cormorant Garamond',serif;font-weight:400;font-size:30px;line-height:1.2}
.invito-modulo .campi{grid-template-columns:1fr 1fr}
.invito-modulo .campi label.nome,.invito-modulo .campi label.messaggio,.invito-modulo .campi label.spunta,
.invito-modulo .campi label.nome.errore,.invito-modulo .campi label.messaggio.errore,.invito-modulo .campi label.spunta.errore{grid-column:1 / -1}
.contatti-b .campi{grid-template-columns:1fr 1fr 1fr}
.contatti-b .campi label.messaggio,.contatti-b .campi label.spunta,.contatti-b .campi label.messaggio.errore,.contatti-b .campi label.spunta.errore{grid-column:1 / -1}
@media (max-width:1100px){.contatti-a{grid-template-columns:1fr}.contatti-a .contatti-modulo{position:static}}
@media (max-height:1040px){.contatti-a .contatti-modulo{position:static}}   /* piu' alto della finestra: non resta appiccicato */
.sez-grazie{min-height:60vh;text-align:center;padding-top:var(--r4)}
.sez-grazie h1{font-size:clamp(40px,4.4vw,62px);margin:20px auto 0;max-width:18ch;line-height:1.06}
.sez-grazie .invito-testo{max-width:var(--stretta);margin:0 auto}
.sez-grazie .verso-centro{margin-top:34px}