/* =====================================================================
   PROVA "CON PIÙ RESPIRO"
   Attiva di default (classe .aria su <html>); con ?respiro=0 nell'indirizzo
   si vede il sito com'era, per confrontare.
   Per toglierla del tutto: cancellare il <link> a questo file in index.html
   e la riga 'aria' nello script in testa.
   ===================================================================== */

/* 1. margini laterali più ampi, titoli meno enormi e meno stretti */
html.aria{
  --gut:clamp(22px,5.5vw,104px);
  --fs-5:clamp(36px,4.6vw,74px);
  --fs-4:clamp(25px,2.8vw,42px);
  --fs-3:clamp(20px,1.7vw,27px);
  --ls-big:-.03em;
  --sh:4px 4px 0;
}
.aria .huge,.aria .fix .huge,.aria .phero .huge,.aria .bhero h1,.aria .where h2{line-height:1.08}
.aria .hero .mid h1,.aria .pc-0.big,.aria .say,.aria .dev a,.aria .story blockquote,.aria .sc h3{line-height:1.18}
.aria .fit li{line-height:1.3;font-size:clamp(20px,2vw,32px);letter-spacing:-.025em}

/* 2. testi: righe più distanziate e più corte, si leggono meglio */
.aria body{line-height:1.6}
.aria .sub,.aria .tt-txt .sub,.aria .hero .sub{line-height:1.65;max-width:46ch}
.aria .svc p,.aria .steps p,.aria .sc p,.aria .paths p{line-height:1.6}

/* 3. più aria tra etichetta, titolo e contenuto */
.aria .lbl{margin-bottom:clamp(20px,2.6vw,40px)}
.aria .svc-head{margin-bottom:clamp(56px,7vw,120px)}
.aria .rv-head{margin-bottom:clamp(60px,7.5vw,128px)}
.aria .steps .huge,.aria .scud .huge,.aria .paths .huge{margin-bottom:clamp(60px,7.5vw,128px)}
.aria .tt-txt{gap:clamp(28px,3.6vw,56px)}
.aria .offer-t{gap:clamp(26px,3.2vw,46px)}
.aria .fix .in{gap:clamp(48px,6vw,104px)}
.aria .story .in,.aria .where .in{gap:clamp(52px,6.5vw,112px)}
.aria .phero .sub{margin-top:clamp(28px,3.6vw,56px)}

/* 4. elementi meno fitti: liste, schede, passaggi, galleria */
.aria .fit li{padding-block:clamp(26px,3.4vw,56px)}
.aria .svc-grid{gap:clamp(28px,3.4vw,56px)}
.aria .steps ol{gap:clamp(40px,5vw,72px)}
.aria .rail{gap:clamp(22px,2.8vw,44px)}
.aria .car:nth-child(even){margin-top:clamp(36px,6vw,92px)}
.aria .perks{gap:14px 36px}
.aria .tt-soc{gap:18px 36px}

/* 5. ombre piene più sottili (vedi --sh sopra); il retino a puntini resta */