/* Analisi e perizie — la STRUTTURA della pagina (04/10/2026).
   La linea grafica (colori di :root, Archivo e Instrument Sans, cornice quadrata del logo, segno sopra
   i titoli, pulsanti, schede, fascia navy, movimento) resta in style.css: qui solo come si dispongono i pezzi.
   Apertura: titolo grande in alto e, sotto, un mosaico di tre foto del kit in griglia irregolare.
   Modulo-firma: il bento delle analisi (riquadri di misure diverse).
   Ritmo: reportage fonometrico su navy · fumi con foto laterale · due schede gemelle ·
   perizie del 2025 numerate per comune · prezzi come cartellini appesi · tre passi orizzontali. */

/* ── apertura: titolo in alto, mosaico sotto ─────────────── */
.apertura-mosaico{padding:clamp(34px,4vw,60px) 0 clamp(60px,5.6vw,88px)}
.apertura-mosaico__testa{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(0,.78fr);gap:clamp(28px,4.4vw,80px);align-items:end;margin-bottom:clamp(34px,3.6vw,56px)}
.apertura-mosaico .h1{font-size:clamp(40px,5.1vw,76px);line-height:1;letter-spacing:-.032em;font-stretch:108%;margin-bottom:0}
.apertura-mosaico .hero__lead{max-width:26em}
.apertura-mosaico .hero__sub{max-width:30em;margin-bottom:clamp(24px,2.2vw,32px)}

.mosaico{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:repeat(2,clamp(150px,15vw,224px));gap:clamp(10px,1.2vw,16px)}
.mosaico__foto{margin:0;min-width:0;min-height:0}
.mosaico__foto .photo{height:100%}
.mosaico__foto--alimenti{grid-column:1/8;grid-row:1/3;--fx:-18px;--fy:18px}
.mosaico__foto--alimenti .photo img{object-position:62% 42%}
.mosaico__foto--acque{grid-column:8/11;grid-row:1}
.mosaico__foto--acque .photo img{object-position:50% 58%}
.mosaico__foto--terreni{grid-column:8/13;grid-row:2}
.mosaico__foto--terreni .photo img{object-position:50% 30%}
/* il quarto riquadro del mosaico: il quadrato del marchio, in grande */
.mosaico__segno{grid-column:11/13;grid-row:1;width:auto;height:auto;border-radius:var(--r)}
.mosaico__segno::after{inset:clamp(10px,1vw,14px);border-radius:var(--r-xs)}
.mosaico__segno .icon{width:clamp(40px,3.6vw,58px);height:clamp(40px,3.6vw,58px);stroke-width:1.3}

/* ── modulo-firma: il bento delle analisi ────────────────── */
.bento{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(12px,1.3vw,18px)}
.bento__voci{display:contents}
.bento__testa{grid-column:1/7;grid-row:1;align-self:end;padding:0 clamp(0px,2.4vw,36px) clamp(6px,.8vw,12px) 0}
.bento__testa .lead{max-width:25em}
.bento__voce{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:clamp(20px,2.2vw,32px);min-width:0;padding:clamp(22px,2.2vw,32px);
  background:var(--white);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--sh-1);transition:border-color .35s ease,box-shadow .45s var(--ease)}
.js .bento__voce.reveal.in{transition:opacity .9s var(--ease-out),transform .9s var(--ease-out),box-shadow .45s var(--ease),border-color .35s ease;transition-delay:calc(var(--d,0) * 80ms),calc(var(--d,0) * 80ms),0s,0s}
.bento__voce:hover{border-color:#C9D9E7;box-shadow:var(--sh-2)}
.bento__voce:hover .bento__icona:not(.sq--navy){background:var(--navy);color:var(--white)}
.bento__voce:hover .bento__icona::after{border-color:rgba(255,255,255,.36)}
.bento__icona{--sq:56px}
.bento__etichetta{display:block;margin-bottom:8px;font-family:var(--font-display);font-stretch:var(--wide);font-size:clamp(20px,1.7vw,25px);font-weight:640;line-height:1.15;letter-spacing:-.014em;color:var(--heading)}
.bento__due-punti{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.bento__testo{display:block;font-size:clamp(15.5px,1.15vw,17px);line-height:1.55;color:var(--body);max-width:30em}

.bento__voce--superfici{grid-column:7/13;grid-row:1}
/* il riquadro grande, in navy: gli alimenti */
.bento__voce--alimenti{grid-column:1/7;grid-row:2;isolation:isolate;overflow:hidden;min-height:clamp(280px,23vw,330px);padding:clamp(26px,2.8vw,42px);background:var(--navy);border-color:var(--navy);color:var(--on-navy)}
.bento__voce--alimenti::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(80% 70% at 100% 0%,rgba(53,104,154,.4),transparent 64%),radial-gradient(60% 60% at 0% 100%,rgba(15,37,71,.5),transparent 70%)}
.bento__voce--alimenti:hover{border-color:var(--navy)}
.bento__voce--alimenti .bento__icona{--sq:72px;background:rgba(255,255,255,.08);color:var(--white)}
.bento__voce--alimenti .bento__icona::after{border-color:rgba(255,255,255,.3)}
.bento__voce--alimenti:hover .bento__icona{background:rgba(255,255,255,.14);color:var(--white)}
.bento__voce--alimenti .bento__etichetta{font-size:clamp(32px,3.2vw,48px);margin-bottom:14px;color:var(--white);letter-spacing:-.024em}
.bento__voce--alimenti .bento__etichetta a{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-decoration-color:rgba(255,255,255,.4);text-underline-offset:8px;transition:text-decoration-color .2s ease}
.bento__voce--alimenti .bento__etichetta a:hover{text-decoration-color:var(--white)}
.bento__voce--alimenti .bento__etichetta a:focus-visible{outline-color:var(--white)}
.bento__voce--alimenti .bento__testo{font-size:clamp(16.5px,1.3vw,19px);line-height:1.5;color:var(--on-navy);max-width:22em}

.bento__voce--potabile{grid-column:7/10;grid-row:2;background:var(--icon-bg);border-color:rgba(53,104,154,.16);box-shadow:none}
.bento__voce--processo{grid-column:10/13;grid-row:2;background:var(--soft)}
.bento__frase{font-family:var(--font-display);font-stretch:var(--wide);font-size:clamp(19px,1.6vw,23px);font-weight:640;line-height:1.2;letter-spacing:-.014em;color:var(--heading);max-width:18em}

/* ── perizie fonometriche: il reportage, su navy ─────────── */
.reportage{padding:calc(var(--sec) * .3) clamp(10px,1.4vw,20px)}
.reportage__fascia{position:relative;isolation:isolate;overflow:hidden;width:min(100%,1400px);margin-inline:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);
  background:var(--navy);border-radius:var(--r-lg);color:var(--on-navy)}
.reportage__fascia::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(70% 90% at 100% 0%,rgba(53,104,154,.32),transparent 62%),radial-gradient(60% 70% at 40% 100%,rgba(15,37,71,.5),transparent 70%)}
.reportage__foto{position:relative;margin:0;min-height:100%}
.reportage__foto .photo{height:100%;border-radius:0}
.reportage__foto .photo img{object-position:46% 50%}
.reportage__testo{align-self:center;padding:clamp(44px,4.8vw,80px) clamp(26px,4.6vw,76px)}
.reportage :focus-visible{outline-color:var(--white)}
.reportage .lead{max-width:28em;margin-bottom:14px}
.reportage__rilievi{font-size:clamp(15.5px,1.15vw,17px);line-height:1.6;color:var(--on-navy);max-width:34em}
.reportage__apertura{margin-top:clamp(26px,2.6vw,36px);font-family:var(--font-display);font-stretch:var(--wide);font-size:clamp(17px,1.3vw,19.5px);font-weight:600;line-height:1.35;color:var(--white);letter-spacing:-.006em}
.reportage__interventi{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0 clamp(24px,2.4vw,32px)}
.reportage__interventi li{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:16px 16px 18px;background:rgba(255,255,255,.045);border:1px solid var(--navy-line);border-radius:var(--r);
  font-size:clamp(15px,1.1vw,16px);line-height:1.42;color:var(--white)}
.reportage__spunta{--sq:40px;background:rgba(255,255,255,.08);color:var(--white)}
.reportage__spunta::after{border-color:rgba(255,255,255,.3)}
.reportage__spunta .icon{stroke-width:2.2}
.reportage__nota{padding-top:18px;border-top:1px solid var(--navy-line);font-size:clamp(15px,1.1vw,16.5px);line-height:1.55;color:var(--on-navy)}
.reportage__nota a{color:var(--white);font-weight:600;text-decoration:underline;text-decoration-color:rgba(255,255,255,.45);text-underline-offset:4px;transition:text-decoration-color .2s ease}
.reportage__nota a:hover{text-decoration-color:var(--white)}

/* ── fumi: testo e foto laterale ─────────────────────────── */
.fumi__griglia{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,400px);gap:clamp(40px,5.4vw,100px);align-items:center}
.fumi__paragrafi{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(22px,2.2vw,30px) clamp(24px,3vw,44px);margin-top:clamp(8px,1vw,14px)}
.fumi__primo{grid-column:1/-1;font-size:clamp(18px,1.45vw,21px);line-height:1.45;color:var(--heading);max-width:32em}
.fumi__voce{position:relative;padding-top:18px;border-top:1px solid rgba(53,104,154,.2);font-size:clamp(15.5px,1.15vw,17px);line-height:1.6;color:var(--body)}
.fumi__voce::before{content:"";position:absolute;top:-5px;left:0;width:9px;height:9px;background:var(--white);border:1.5px solid var(--primary);border-radius:2px}
.fumi__nota{grid-column:1/-1;padding:14px 20px;background:var(--soft);border-left:2px solid var(--primary);border-radius:0 var(--r-sm) var(--r-sm) 0;font-size:clamp(15px,1.1vw,16.5px);line-height:1.55;color:var(--heading)}
.fumi__foto{margin:0 0 18px;--fx:18px;--fy:18px}
.fumi__foto .photo{aspect-ratio:.8}
.fumi__foto .photo img{object-position:30% 50%}

/* ── messa a terra e terreni: due schede gemelle ─────────── */
.gemelle{display:grid;grid-template-columns:minmax(0,1fr) clamp(28px,4vw,64px) minmax(0,1fr);align-items:stretch}
.gemella{position:relative;display:flex;flex-direction:column;min-width:0;padding:clamp(26px,2.8vw,42px);background:var(--white);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--sh-2)}
.gemella::before{content:"";position:absolute;left:-1px;right:-1px;top:-1px;height:3px;border-radius:var(--r) var(--r) 0 0;background:var(--primary)}
.gemella .text + .text{margin-top:12px}
.gemella__piede{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-top:auto;padding-top:clamp(26px,2.6vw,36px)}
.gemella__sigle{display:flex;flex-wrap:wrap;gap:8px}
.gemella__sigle li{position:relative;display:grid;place-items:center;width:52px;height:52px;border-radius:var(--r-sm);background:var(--icon-bg);
  font-family:var(--font-display);font-stretch:var(--wide);font-size:17px;font-weight:650;letter-spacing:-.01em;color:var(--navy);font-variant-numeric:lining-nums}
.gemella__sigle li::after{content:"";position:absolute;inset:5px;border:1px solid var(--line-steel);border-radius:2px}
.gemella__icona{--sq:52px;background:var(--navy);color:var(--white)}
.gemella__icona::after{border-color:rgba(255,255,255,.36)}
/* il filo che lega le due schede, col quadratino del marchio in mezzo */
.gemelle__legame{position:relative;align-self:center;height:1px;background:repeating-linear-gradient(90deg,rgba(53,104,154,.55) 0 5px,transparent 5px 9px)}
.gemelle__legame::after{content:"";position:absolute;top:50%;left:50%;width:12px;height:12px;margin:-6px 0 0 -6px;background:var(--soft);border:1.5px solid var(--primary);border-radius:2px}

/* ── perizie del 2025: elenco numerato per comune ────────── */
.perizie__testa{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:clamp(26px,2.8vw,40px)}
.perizie__testa .h2{margin-bottom:0}
.perizie__anno{flex:none;font-family:var(--font-display);font-stretch:112%;font-size:clamp(64px,8.6vw,132px);font-weight:760;line-height:.78;letter-spacing:-.045em;
  color:transparent;-webkit-text-stroke:1.5px rgba(53,104,154,.42);font-variant-numeric:lining-nums;user-select:none}
.perizie__elenco{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid rgba(53,104,154,.18)}
.perizia{position:relative;display:flex;flex-direction:column;gap:18px;min-width:0;padding:28px clamp(18px,2vw,30px) 6px;border-left:1px solid rgba(53,104,154,.14)}
.perizia:first-child{border-left:0;padding-left:0}
.perizia::before{content:"";position:absolute;left:0;right:0;top:-1px;height:2px;background:var(--primary);transform:scaleX(0);transform-origin:left;transition:transform 1.1s var(--ease-out) calc(var(--d,0) * 120ms + .25s)}
.perizia.in::before,html:not(.js) .perizia::before{transform:scaleX(1)}
.perizia__numero{font-family:var(--font-display);font-stretch:var(--wide);font-size:clamp(34px,3vw,46px);font-weight:650;line-height:1;letter-spacing:-.02em;color:var(--primary);font-variant-numeric:tabular-nums lining-nums}
.perizia__comune{display:flex;align-items:flex-start;gap:8px;margin-bottom:8px;font-family:var(--font-display);font-stretch:var(--wide);font-size:clamp(16.5px,1.25vw,18.5px);font-weight:640;line-height:1.25;letter-spacing:-.008em;color:var(--heading)}
.perizia__comune .icon{width:18px;height:18px;margin-top:1px;color:var(--primary)}
.perizia__due-punti{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.perizia__testo{display:block;font-size:clamp(15px,1.1vw,16.5px);line-height:1.55;color:var(--body)}

/* ── prezzi: i cartellini appesi a una barra ─────────────── */
.cartellini__griglia{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.62fr);gap:clamp(36px,5vw,88px);align-items:center}
.cartellini__testa .prices__note{max-width:24em}
.cartellini{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.6vw,24px);padding-top:54px}
.cartellini::before{content:"";position:absolute;left:-8px;right:-8px;top:0;height:3px;border-radius:3px;background:var(--navy)}
.cartellino{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:26px;min-height:clamp(230px,19vw,262px);padding:50px clamp(18px,1.8vw,26px) clamp(20px,1.9vw,26px);
  background:var(--white);border:1px solid var(--border);border-radius:var(--r) var(--r) var(--r) var(--r);box-shadow:var(--sh-2);transform-origin:50% -54px;transition:rotate .6s var(--ease),box-shadow .45s var(--ease)}
.js .cartellino.reveal.in{transition:opacity .9s var(--ease-out),transform .9s var(--ease-out),rotate .6s var(--ease),box-shadow .45s var(--ease);transition-delay:calc(var(--d,0) * 80ms),calc(var(--d,0) * 80ms),0s,0s}
/* il foro e il filo */
.cartellino::before{content:"";position:absolute;top:17px;left:50%;width:14px;height:14px;margin-left:-7px;border-radius:50%;background:var(--soft);border:1px solid var(--input);box-shadow:inset 0 1px 2px rgba(15,37,71,.16)}
.cartellino::after{content:"";position:absolute;top:-54px;left:50%;width:1.5px;height:78px;margin-left:-.75px;background:var(--navy);border-radius:1px}
@media (hover:hover){
  .cartellino:nth-child(odd):hover{rotate:-1.6deg;box-shadow:var(--sh-3)}
  .cartellino:nth-child(even):hover{rotate:1.6deg;box-shadow:var(--sh-3)}
}
.cartellino__voce{font-size:clamp(15.5px,1.15vw,17px);line-height:1.42;color:var(--heading);text-wrap:balance}
.cartellino__prezzo{display:flex;align-items:baseline;gap:6px;padding-top:16px;border-top:1px dashed var(--input);white-space:nowrap;color:var(--navy);font-variant-numeric:tabular-nums lining-nums}
.cartellino__prezzo small{font-size:13.5px;font-weight:500;color:var(--body);letter-spacing:.02em}
.cartellino__prezzo b{font-family:var(--font-display);font-stretch:var(--wide);font-size:clamp(36px,3.2vw,48px);font-weight:660;line-height:.95;letter-spacing:-.03em}
.cartellino__prezzo span{font-family:var(--font-display);font-size:clamp(18px,1.5vw,22px);font-weight:600;color:var(--primary)}

/* ── come si richiede: tre passi orizzontali ─────────────── */
.richiesta__passi{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(28px,3.4vw,56px);margin:clamp(30px,3vw,46px) 0 0;padding:0;list-style:none}
.richiesta__passo{position:relative;display:flex;flex-direction:column;gap:18px;padding-top:26px;border-top:1px solid rgba(53,104,154,.2)}
.richiesta__passo::before{content:"";position:absolute;left:0;right:0;top:-1px;height:2px;background:var(--primary);transform:scaleX(0);transform-origin:left;transition:transform 1s var(--ease-out) calc(var(--d,0) * 110ms + .2s)}
.richiesta__passo.in::before,html:not(.js) .richiesta__passo::before{transform:scaleX(1)}
/* la freccia fra un passo e l'altro, sul filo */
.richiesta__passo:not(:last-child)::after{content:"";position:absolute;top:-6px;right:calc(clamp(28px,3.4vw,56px) / -2 - 5px);width:10px;height:10px;border-top:1.5px solid var(--primary);border-right:1.5px solid var(--primary);transform:rotate(45deg)}
.richiesta__numero{font-family:var(--font-display);font-stretch:112%;font-size:clamp(60px,6vw,92px);font-weight:720;line-height:.82;letter-spacing:-.05em;color:var(--navy);font-variant-numeric:lining-nums}
.richiesta__passo p{font-size:clamp(16px,1.2vw,18px);line-height:1.5;color:var(--heading);max-width:21em}
.richiesta__passo a{color:var(--heading)}
.richiesta__chiusura{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px 32px;margin-top:clamp(36px,3.6vw,52px);padding:clamp(22px,2.2vw,30px) clamp(22px,2.4vw,34px);background:var(--soft);border:1px solid rgba(53,104,154,.12);border-radius:var(--r)}
.richiesta__chiusura .text{max-width:none}

/* ═══ tablet ═══ */
@media (max-width:1099px){
  .reportage__interventi{grid-template-columns:minmax(0,1fr)}
  .reportage__interventi li{flex-direction:row;align-items:center;padding:10px 14px}
  .reportage__spunta{--sq:36px}
  .perizie__elenco{grid-template-columns:repeat(2,minmax(0,1fr))}
  .perizia:nth-child(3){border-left:0;padding-left:0}
  .perizia:nth-child(n+3){margin-top:18px;border-top:1px solid rgba(53,104,154,.18)}
  .cartellini__griglia{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:959px){
  .apertura-mosaico__testa{grid-template-columns:minmax(0,1fr);gap:22px}
  .bento__testa{grid-column:1/-1;padding:0 0 8px}
  .bento__voce--superfici{grid-column:1/-1;grid-row:auto;flex-direction:row}
  .bento__voce--alimenti{grid-column:1/7;grid-row:3 / span 2;min-height:0}
  .bento__voce--potabile{grid-column:7/13;grid-row:3}
  .bento__voce--processo{grid-column:7/13;grid-row:4}
  .bento__voce--superfici{grid-row:2;flex-direction:row;align-items:center;justify-content:flex-start;gap:20px}
  .reportage__fascia{grid-template-columns:minmax(0,1fr)}
  .reportage__foto .photo{aspect-ratio:1.5;height:auto}
  .fumi__griglia{grid-template-columns:minmax(0,1fr) minmax(220px,300px);gap:36px}
  .fumi__paragrafi{grid-template-columns:minmax(0,1fr)}
  .gemelle{grid-template-columns:minmax(0,1fr);row-gap:0}
  .gemelle__legame{justify-self:center;width:1px;height:36px;background:repeating-linear-gradient(180deg,rgba(53,104,154,.55) 0 5px,transparent 5px 9px)}
}

/* ═══ telefono ═══ */
@media (max-width:640px){
  /* al telefono l'ordine cambia: il titolo, SUBITO il mosaico (nella prima schermata), poi testo e
     pulsanti. Non è la colonna della home (testo, pulsanti e solo alla fine la foto). */
  .apertura-mosaico{padding:18px 0 44px}
  .apertura-mosaico > .container{display:flex;flex-direction:column}
  .apertura-mosaico__testa{display:contents}
  .apertura-mosaico .h1{order:1;margin-bottom:18px;font-size:clamp(33px,9.2vw,38px);line-height:1.02}
  .mosaico{order:2}
  .apertura-mosaico__testo{order:3;position:relative;margin-top:24px;padding-top:22px;border-top:1px solid rgba(53,104,154,.2)}
  /* il quadratino del marchio sul filo, sotto il mosaico: lega le foto al testo */
  .apertura-mosaico__testo::before{content:"";position:absolute;top:-6px;left:0;width:11px;height:11px;background:var(--soft);border:1.5px solid var(--primary);border-radius:2px}
  .apertura-mosaico .hero__lead{margin-bottom:8px}
  .apertura-mosaico .hero__sub{margin-bottom:24px}
  .mosaico{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:52vw 30vw;gap:8px}
  .mosaico__foto--alimenti{grid-column:1/4;grid-row:1}
  .mosaico__foto--alimenti::before{display:none}
  .mosaico__foto--acque{grid-column:1/2;grid-row:2}
  .mosaico__foto--terreni{grid-column:2/4;grid-row:2}
  .mosaico__segno{display:none}
  .mosaico .photo::after{inset:7px}

  .bento{grid-template-columns:minmax(0,1fr);gap:10px}
  .bento__testa,.bento__voce--superfici,.bento__voce--alimenti,.bento__voce--potabile,.bento__voce--processo{grid-column:1;grid-row:auto}
  .bento__testa{padding:0 0 10px}
  .bento__voce{padding:18px}
  .bento__voce--alimenti{min-height:0;gap:22px;padding:22px 18px 24px}
  .bento__voce--alimenti .bento__icona{--sq:56px}
  .bento__voce--alimenti .bento__etichetta{font-size:30px;margin-bottom:10px}
  .bento__voce--alimenti .bento__testo{font-size:16px}
  .bento__voce--superfici,.bento__voce--potabile,.bento__voce--processo{flex-direction:row;align-items:center;justify-content:flex-start;gap:14px}
  .bento__voce--superfici{flex-direction:column;align-items:flex-start;gap:16px}
  .bento__icona{--sq:46px}
  .bento__etichetta{font-size:19px;margin-bottom:4px}
  .bento__testo{font-size:15.5px}
  .bento__frase{font-size:18.5px}

  .reportage{padding:10px}
  .reportage__fascia{border-radius:var(--r)}
  .reportage__foto .photo{aspect-ratio:1.3}
  .reportage__testo{padding:30px 18px 24px}
  .reportage__rilievi{font-size:15.5px}
  .reportage__interventi{gap:8px;margin:14px 0 20px}
  .reportage__interventi li{font-size:15px}
  .reportage__nota{font-size:15px}

  .fumi__griglia{grid-template-columns:minmax(0,1fr);gap:0}
  .fumi__testo{display:contents}
  .fumi__testo .h2{order:1}
  .fumi__foto{order:2;margin:4px 10px 30px 0;--fx:10px;--fy:10px}
  .fumi__foto .photo{aspect-ratio:2.05}
  .fumi__foto .photo img{object-position:28% 38%}
  .fumi__paragrafi{order:3;gap:18px}
  .fumi__primo{font-size:16.5px}
  .fumi__voce{font-size:15.5px;padding-top:14px}
  .fumi__nota{font-size:15px;padding:12px 14px}

  .gemella{padding:22px 18px}
  .gemella__sigle li,.gemella__icona{width:44px;height:44px;--sq:44px;font-size:15px}
  .gemella__sigle{gap:6px}

  .perizie__anno{display:none}
  .perizie__elenco{grid-template-columns:minmax(0,1fr)}
  .perizia,.perizia:first-child,.perizia:nth-child(3){display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;padding:16px 0;border-left:0}
  .perizia:nth-child(n+2){margin-top:0;border-top:1px solid rgba(53,104,154,.18)}
  .perizia__numero{font-size:28px;padding-top:1px}
  .perizia__comune{font-size:16.5px;margin-bottom:4px}
  .perizia__testo{font-size:15.5px}

  .cartellini{grid-template-columns:minmax(0,1fr);gap:10px;padding:0 0 0 26px}
  .cartellini::before{left:6px;right:auto;top:-8px;bottom:-8px;width:3px;height:auto}
  .cartellino{flex-direction:row;align-items:center;gap:14px;min-height:0;padding:16px 16px 16px 34px;transform-origin:-26px 50%}
  .cartellino::before{top:50%;left:12px;margin:-6px 0 0;width:12px;height:12px}
  .cartellino::after{top:50%;left:-21px;width:39px;height:1.5px;margin:-.75px 0 0}
  .cartellino__voce{font-size:15px}
  .cartellino__prezzo{flex:none;align-self:stretch;align-items:center;gap:4px;padding:0 0 0 14px;border-top:0;border-left:1px dashed var(--input)}
  .cartellino__prezzo b{font-size:28px}
  .cartellino__prezzo span{font-size:16px}

  .richiesta__passi{grid-template-columns:minmax(0,1fr);gap:0}
  .richiesta__passo{display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px;padding:16px 0 18px}
  .richiesta__passo:not(:last-child)::after{display:none}
  .richiesta__numero{font-size:40px}
  .richiesta__passo p{font-size:15.5px}
  .richiesta__chiusura{flex-direction:column;align-items:stretch;padding:20px 18px}
}

@media (prefers-reduced-motion:reduce){
  .perizia::before,.richiesta__passo::before{transform:scaleX(1)}
  .cartellino:hover{rotate:none}
}