/* ═══ HOME — la grammatica di ful-agency.com (28/10/2026, terza strada) ══════════════════════════ */
body:has(#collabora){--carbone:var(--notte);--sporco:var(--carta-2);--filo:rgba(21,21,21,.14);
  --e:cubic-bezier(.65,.05,.15,1);--e-esce:cubic-bezier(.2,.7,.1,1);--sezione:clamp(84px,10vw,160px)}
/* la testata è quella VERA del sito (_header-vero.css, copiata com'è): trasparente sulla copertina, piena scendendo.
   La nota di prova esce dal flusso e diventa un bollino in basso, così la copertina parte da zero come sul sito */
.devnote--fissa{position:fixed;left:12px;bottom:12px;z-index:980;padding:6px 12px;border-radius:99px;font-size:.6875rem;pointer-events:none;opacity:.92;transition:opacity .4s}
body:has(#ful-hd:not(.cond)) .devnote--fissa{opacity:0}   /* sulla copertina ⛔ copre l'indice delle storie */

/* ── IL RITMO VERTICALE delle schede: quattro passi, uguali in tutta la home (Francesco 29/10: «spaziature a caso») ──
   foto → riga meta 16 · meta → titolo 12 · titolo (o sommario) → firma 20 · titolo grande → sommario 16.
   La riga meta sta SEMPRE sopra il titolo: le gambe delle lettere guardano il testo, ⛔ il bordo di una pill.
   La firma è un ALTRO gruppo: il suo passo è più largo di quello che lega pill e titolo, o ci si appiccica
   quando manca il sommario (Francesco 29/10, «te l'ho detto mille volte») */
body:has(#collabora){--v-foto:16px;--v-meta:12px;--v-tit:clamp(16px,1.4vw,20px);--v-tit-l:16px}
/* ⚠️ le maschere delle righe hanno margini negativi (aria per accenti e gambe): senza flow-root quei margini
   «passano» fuori dal titolo e si mangiano lo spazio sopra e sotto — 40px dichiarati diventavano 16 */
.hm-s__titolo,.tl__tit,.ct__tit{display:flow-root}

/* ── tipografia di servizio dell'agenzia ── */
.et{display:inline-flex;align-items:center;gap:.6em;font-size:.75rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;text-decoration:none;color:inherit}
.et--punto::before{content:"";width:.5em;height:.5em;border-radius:50%;background:var(--arancio);flex:none}
/* SplitText chiude ogni riga in una maschera: aria sopra per gli accenti delle maiuscole, sotto per le gambe */
.hm-r-mask,.hm-mask-r-mask{padding:.1em 0 .3em;margin:-.1em 0 -.3em}

/* ── il bottone dell'agenzia: rettangolo netto, le lettere rotolano ── */
.fb{position:relative;display:inline-flex;align-items:center;gap:12px;height:44px;padding:0 18px 0 20px;border-radius:99px;
  font-size:.8125rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;line-height:1;white-space:nowrap;text-decoration:none;
  transition:background-color .5s var(--e),color .5s var(--e)}
.fb__t{display:inline-flex;overflow:clip;height:1.2em;align-items:flex-start;padding-top:.1em}
.fb__l{display:inline-block;text-shadow:0 1.25em 0 currentColor;transition:transform .55s var(--e);transition-delay:calc(var(--i) * 18ms)}
.fb__l--sp{width:.28em}
.fb__f{position:relative;width:12px;height:12px;overflow:clip;flex:none}
.fb__f svg{position:absolute;inset:0;transition:transform .55s var(--e)}
.fb__f svg+svg{transform:translate(-130%,130%)}
.fb--filo{color:var(--carbone);box-shadow:inset 0 0 0 1px var(--carbone)}
.fb--chiaro{color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.7)}
@media(hover:hover){
  .fb:hover .fb__l{transform:translateY(-1.25em)}
  .fb:hover .fb__f svg:first-child{transform:translate(130%,-130%)}
  .fb:hover .fb__f svg+svg{transform:translate(0,0)}
  .fb--filo:hover{background:var(--carbone);color:#fff}
  .fb--chiaro:hover{background:#fff;color:var(--carbone)}
}

/* ── LA COPERTINA = l'hero dell'agenzia ── */
/* le misure verticali della copertina, dal fondo: la barra delle storie, poi l'aria fissa fino al sommario.
   In alto lo spazio della testata vera (171 da computer, 72 da telefono): il titolo ⛔ ci sale mai sotto */
.hm-cop{position:relative;isolation:isolate;overflow:hidden;color:#fff;background:var(--carbone);
  height:clamp(600px,100svh,1100px);--barra-pb:clamp(22px,2.2vw,34px);--barra-h:calc(var(--barra-pb) + 30px);--aria-barra:clamp(48px,5.5vw,88px)}
.hm-s{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;visibility:hidden;
  padding-top:200px;padding-bottom:calc(var(--barra-h) + var(--aria-barra))}
@media(max-width:1200px){.hm-s{padding-top:104px}}
.hm-s.on,.hm-s.esce{visibility:visible}
.hm-s.esce{z-index:1}.hm-s.on{z-index:2}
.hm-s__foto{position:absolute;inset:0;z-index:-1;overflow:hidden;background:var(--carbone)}
.hm-s__foto img{width:100%;height:100%;object-fit:cover}
/* il velo solo dove cade il testo (in basso) e un filo in alto per la testata: la foto resta viva */
.hm-s__foto::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(10,8,6,.5) 0,rgba(10,8,6,0) 180px),
             linear-gradient(0deg,rgba(10,8,6,.86) 0,rgba(10,8,6,.55) 36%,rgba(10,8,6,.12) 64%,rgba(10,8,6,0) 80%)}
.hm-s__testo{position:relative}
.hm-s__meta{display:flex;align-items:center;gap:16px;margin:0 0 clamp(20px,2vw,32px);font-size:.75rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase}
.hm-s__meta span{opacity:.72}
/* la pill della categoria, la stessa delle schede, in negativo sulla foto */
.hm-s__meta .pl{height:30px;padding:0 14px;font-size:.75rem;color:#fff;border-color:rgba(255,255,255,.55);background:rgba(10,8,6,.18);
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.hm-s__meta a.pl:hover{border-color:#fff}
/* il titolo si misura anche sull'ALTEZZA dello schermo: su un portatile basso ⛔ spinge via il sommario */
.hm-s__titolo{font-size:calc(var(--k,1) * min(clamp(2.5rem,.9rem + 6.4vw,7.6rem),11.5svh));font-weight:600;text-transform:uppercase;
  letter-spacing:-.055em;line-height:.88;margin:0;max-width:13em;text-wrap:balance}
.hm-s__titolo a{text-decoration:none}
.hm-s__titolo a::after{content:"";position:absolute;inset:0;z-index:1}
.hm-s__dek{max-width:44ch;margin:clamp(28px,2.8vw,44px) 0 0;font-size:clamp(1.05rem,1.25vw,1.3rem);font-weight:300;line-height:1.4;color:rgba(255,255,255,.8)}
/* gli indicatori: le linee delle storie, col numero e la sezione */
.hm-barra{position:absolute;left:0;right:0;bottom:0;z-index:3}
.hm-barra .wrap{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,1.6vw,24px)}
.hm-i{all:unset;box-sizing:border-box;cursor:pointer;display:block;padding:0 0 var(--barra-pb);color:rgba(255,255,255,.55);
  font-size:.75rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;transition:color .4s}
.hm-i:hover,.hm-i[aria-current]{color:#fff}
.hm-i:focus-visible{outline:2px solid var(--arancio);outline-offset:4px}
.hm-i__linea{display:block;height:2px;background:rgba(255,255,255,.28);position:relative;overflow:hidden;margin-bottom:12px}
.hm-i__linea i{position:absolute;inset:0;background:#fff;transform-origin:left;transform:scaleX(0)}
.hm-i.fatto .hm-i__linea i,.hm-cop.ferma .hm-i[aria-current] .hm-i__linea i{transform:scaleX(1)}
.hm-i__n{margin-right:.9em}
@media(max-width:700px){.hm-i__c{display:none}.hm-s__dek{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}}


/* ── ULTIMI ARTICOLI = «Progetti scelti» ── */
.hm-ult{padding-top:var(--sezione)}
.pg{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;margin:0 0 clamp(52px,6vw,100px);
  font-size:clamp(3.1rem,11vw,12.5rem);font-weight:600;letter-spacing:-.065em;line-height:.82;text-transform:uppercase}
.pg>span{display:block;overflow:clip;padding:.08em 0 .3em;margin-bottom:-.25em}
.pg>span:last-child{margin-left:auto}
.pg .ch,.hm-cat__nome .ch{display:inline-block}
.hm-gr{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:16px;row-gap:clamp(64px,7vw,120px)}
.tl{position:relative}
.tl--1{grid-column:1/8}
.tl--2{grid-column:9/13;margin-top:min(11vw,170px)}
.tl--3{grid-column:1/6}
.tl--4{grid-column:7/13;margin-top:max(-8vw,-124px)}
.tl__foto{position:relative;aspect-ratio:5/4;overflow:clip;background:var(--sporco)}
.tl--2 .tl__foto,.tl--3 .tl__foto{aspect-ratio:4/5}
.tl__foto img{position:absolute;top:-8%;left:0;width:100%;height:116%;object-fit:cover;transition:scale 1.1s var(--e-esce)}
.tl__dida{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:16px;row-gap:0;padding-top:var(--v-foto)}
.tl__tit{margin:var(--v-meta) 0 0;font-size:clamp(1.2rem,1.55vw,1.55rem);font-weight:600;letter-spacing:-.04em;line-height:1.08;text-wrap:pretty}
.tl--1 .tl__tit{font-size:clamp(1.75rem,3vw,3.1rem);letter-spacing:-.05em;line-height:1;max-width:22ch}
.tl__tit a{text-decoration:none}
.tl__tit a::after{content:"";position:absolute;inset:0;z-index:1}
.tl__n{margin-top:var(--v-meta);font-size:.75rem;font-weight:600;padding:.45em 0 .15em;margin-bottom:-.15em;overflow:clip;align-self:start}
.tl__n>span,.hm-cat__n>span{display:block}
.tl__meta{grid-column:1/-1;display:flex;flex-wrap:wrap;height:24px;overflow:hidden;gap:0 14px;white-space:nowrap;margin:0;font-size:.8125rem;color:var(--grigio)}
.tl__meta a{position:relative;z-index:2;color:var(--ink);text-decoration:none}
@media(hover:hover){.tl__meta a:hover{text-decoration:underline}}
.tl__dek{grid-column:1/-1;max-width:46ch;margin:var(--v-tit-l) 0 0;font-size:clamp(1.02rem,1.2vw,1.2rem);font-weight:300;line-height:1.42;color:var(--grigio)}

/* ── la lista dei piccoli fra gli ultimi: quattro schede in fila (⭐ l'unico posto di un Digital) ── */
.pcc{list-style:none;margin:clamp(80px,8vw,140px) 0 0;padding:16px 0 0;border-top:1px solid var(--ink);
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:16px;row-gap:40px}
.pc__a{display:block;text-decoration:none}
.pc__foto{display:block;position:relative;aspect-ratio:4/3;overflow:clip;background:var(--sporco)}
.pc__foto img{width:100%;height:100%;object-fit:cover;transition:scale 1.1s var(--e-esce)}
.pc__meta{display:flex;flex-wrap:wrap;height:24px;overflow:hidden;align-items:center;gap:0 12px;white-space:nowrap;margin-top:var(--v-foto);font-size:.8125rem;color:var(--grigio)}
.pc__tit{margin:var(--v-meta) 0 var(--v-tit);font-size:clamp(1.05rem,1.25vw,1.25rem);font-weight:600;letter-spacing:-.035em;line-height:1.14;text-wrap:pretty}

/* ── LE SEZIONI: il pezzo grande (foto 8 colonne, testo 4 alto quanto la foto) e tre schede sotto, sulla stessa griglia ── */
.hm-cat{padding-top:var(--sezione)}
.hm-cat:not(:has(~ .hm-cat)){padding-bottom:var(--sezione)}
.hm-cat__testa{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px 24px;margin-bottom:clamp(36px,4vw,64px)}
.hm-cat__nome{margin:0;font-size:clamp(2.35rem,7.6vw,8.4rem);font-weight:600;letter-spacing:-.06em;line-height:.84;text-transform:uppercase;white-space:nowrap}
.hm-cat__nome a{display:inline-block;overflow:clip;padding:.08em .02em .3em 0;margin-bottom:-.25em;text-decoration:none;vertical-align:top}
.hm-cat__n{display:inline-block;vertical-align:top;margin:.05em 0 -.15em .5em;padding:.15em 0;overflow:clip;font-size:clamp(.75rem,1.1vw,1.1rem);font-weight:600;letter-spacing:0;line-height:1}
.ct{border-top:1px solid var(--ink);padding-top:16px}
.ct__capo{position:relative;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:16px}
.ct__foto{grid-column:1/9;grid-row:1;position:relative;aspect-ratio:3/2;overflow:clip;background:var(--sporco)}
.ct__foto img{position:absolute;top:-8%;left:0;width:100%;height:116%;object-fit:cover;transition:scale 1.1s var(--e-esce)}
.ct__testo{grid-column:9/13;grid-row:1;min-width:0;display:flex;flex-direction:column;justify-content:space-between;gap:24px}
.ct--dx .ct__foto{grid-column:5/13}
.ct--dx .ct__testo{grid-column:1/5}
.ct__data{margin:0;font-size:.8125rem;color:var(--grigio)}
/* ⚠️ lo stacco dal sommario segue il CORPO del titolo (.6em): 16px fissi bastano sotto un titolo da scheda, ⛔ sotto uno da 50px */
.ct__tit{margin:0 0 max(var(--v-tit-l),.6em);font-size:clamp(1.6rem,2.9vw,3.1rem);font-weight:600;letter-spacing:-.05em;line-height:1.02;text-wrap:pretty}
.ct__tit a{text-decoration:none}
.ct__tit a::after{content:"";position:absolute;inset:0;z-index:1}
.ct__dek{margin:0;font-size:clamp(1rem,1.1vw,1.12rem);font-weight:300;line-height:1.42;color:var(--grigio)}
.ct__lista{list-style:none;margin:clamp(40px,4vw,64px) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:16px}
.cr__a{display:block;text-decoration:none}
.cr__foto{display:block;position:relative;aspect-ratio:3/2;overflow:clip;background:var(--sporco)}
.cr__foto img{width:100%;height:100%;object-fit:cover;transition:scale 1.1s var(--e-esce)}
.cr__data{display:block;margin-top:var(--v-foto);font-size:.8125rem;color:var(--grigio)}
.cr__tit{margin:var(--v-meta) 0 var(--v-tit);font-size:clamp(1.15rem,1.4vw,1.4rem);font-weight:600;letter-spacing:-.04em;line-height:1.1;text-wrap:pretty}

/* ── BANNER 1 · la newsletter: due colonne in ordine — il testo a sinistra, il telefono a destra
   che parte all'altezza dell'occhiello ed esce dal fondo ── */
.hm-nl{margin-top:var(--sezione);background:var(--carbone);color:#fff;overflow:clip;--tel-h:clamp(560px,44vw,720px)}
.hm-nl__in{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:16px;align-items:center}
.hm-nl__corpo{grid-column:1/7;padding:var(--sezione) 0}
.hm-nl__k{display:flex;align-items:center;gap:10px;margin:0 0 clamp(20px,2vw,28px);font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.hm-nl__k::before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:var(--arancio)}
.hm-nl__tit{margin:0 0 clamp(28px,3vw,44px);font-size:clamp(3rem,7.2vw,8rem);font-weight:600;letter-spacing:-.065em;line-height:.84;text-transform:uppercase}
.hm-nl__tit>span{display:block;overflow:clip;padding:.08em 0 .3em;margin-bottom:-.25em}
.hm-nl__tit .ch{display:inline-block}
.hm-nl__tit i{font-style:normal;color:var(--arancio)}
.hm-nl__t{margin:0 0 36px;max-width:34ch;font-size:clamp(1.15rem,1.45vw,1.45rem);font-weight:300;line-height:1.38;color:var(--su-notte)}
.hm-nl__form{max-width:540px}
.hm-nl__form label{display:block;margin-bottom:10px;font-size:.6875rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase}
.hm-nl__riga{display:flex;gap:8px}
.hm-nl__riga input{flex:1;min-width:0;height:54px;padding:0 22px;border:1px solid var(--filo-notte);border-radius:99px;background:transparent;font:inherit;font-size:1rem;color:#fff}
.hm-nl__riga input::placeholder{color:rgba(255,255,255,.42)}
.hm-nl__riga input:focus{outline:none;border-color:var(--arancio)}
.hm-nl__riga button{flex:none;height:54px;padding:0 30px;border:0;border-radius:99px;background:#fff;color:var(--ink);font:inherit;font-size:.8125rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;transition:background-color .3s}
.hm-nl__riga button:hover{background:var(--arancio)}
.hm-nl__nota{margin:14px 0 0;font-size:.8rem;line-height:1.5;color:rgba(255,255,255,.6)}
.hm-nl__nota a{color:var(--su-notte)}
.hm-nl__tel{grid-column:8/13;display:flex;justify-content:center;padding:var(--sezione) 0}
.hm-nl .nl-tel{margin:0}
.hm-nl .nl-tel__vetro{overflow:hidden}
.hm-nl .nl-tel__rullo{animation:none}
.hm-nl .nl-tel__rullo img{display:block;width:100%;height:auto}
.hm-nl__tel figcaption{display:none}

/* ── BANNER 2 · scopri FUL: le altre pagine del sito, sul nero ── */
.hm-sc{margin-top:var(--sezione);padding:var(--sezione) 0;background:var(--carbone);color:#fff}
.sc{list-style:none;margin:0;padding:0;border-top:1px solid #fff}
.sc li+li{border-top:1px solid rgba(255,255,255,.2)}
.sc li:last-child{border-bottom:1px solid rgba(255,255,255,.2)}
.sc__a{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:16px;align-items:center;padding:20px 0;text-decoration:none}
.sc__k{grid-column:1/10;grid-row:1;min-width:0;font-size:.8125rem;color:rgba(255,255,255,.62);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sc__k .pc__n{margin-right:10px;color:#fff}
.sc__t{grid-column:1/10;grid-row:2;margin-top:10px;font-size:clamp(1.4rem,2.4vw,2.5rem);font-weight:600;letter-spacing:-.05em;line-height:1.02;text-wrap:balance;transition:translate .6s var(--e)}
.sc__foto{grid-column:10/12;grid-row:1/3;position:relative;aspect-ratio:3/2;overflow:clip;background:#222}
.sc__foto img{width:100%;height:100%;object-fit:cover;transition:scale 1.1s var(--e-esce)}
.sc__fr{grid-column:12/13;grid-row:1/3;justify-self:end;display:grid;place-items:center;width:48px;height:48px;border:1px solid rgba(255,255,255,.4);border-radius:50%;transition:background-color .3s,border-color .3s,color .3s}
.sc__fr svg{width:14px;height:14px}
@media(hover:hover){
  .sc__a:hover .sc__t{translate:12px 0}
  .sc__a:hover .sc__foto img{scale:1.08}
  .sc__a:hover .sc__fr{background:var(--arancio);border-color:var(--arancio);color:var(--ink)}
}

/* ── l'hover sui pezzi (Francesco 29/10, la «A» fra cinque provate): la foto si avvicina e SEGUE IL MOUSE,
   come guardare dentro una finestra, e il titolo si sottolinea in arancio. --mx/--my li scrive il JS (da -1 a 1).
   ⚠️ GSAP scrive translate/scale «none» in linea sulle foto col parallasse: senza !important ⛔ passano ── */
.tl__foto img,.ct__foto img,.cr__foto img,.pc__foto img{transition:scale .9s cubic-bezier(.22,1,.36,1);
  translate:calc(var(--mx,0) * -4%) calc(var(--my,0) * -4%)!important}
.tl__tit .hm-r,.ct__tit .hm-r{display:inline-block!important}
.tl__tit .hm-r,.ct__tit .hm-r,.cr__tit .ti,.pc__tit .ti{background:linear-gradient(var(--arancio),var(--arancio)) 0 100%/0 2px no-repeat;
  transition:background-size .6s cubic-bezier(.22,1,.36,1)}
@media(hover:hover){
  :is(.tl:hover .tl__foto,.ct__capo:hover .ct__foto,.cr__a:hover .cr__foto,.pc__a:hover .pc__foto) img{scale:1.12!important}
  :is(.tl:hover .tl__tit .hm-r,.ct__capo:hover .ct__tit .hm-r,.cr__a:hover .cr__tit .ti,.pc__a:hover .pc__tit .ti){background-size:100% 2px}
}

/* ── la pill della categoria e la firma, uguali ovunque ── */
.pl{position:relative;z-index:2;display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border:1px solid var(--filetto-forte);border-radius:99px;
  font-size:.6875rem;font-weight:600;letter-spacing:.03em;line-height:1;text-transform:uppercase;color:var(--ink);text-decoration:none;white-space:nowrap;transition:border-color .3s}
.pl::before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:var(--arancio)}
a.pl:hover{border-color:var(--ink)}
.tl__meta .pl,.pc__meta .pl{flex:0 1 auto;min-width:0;display:block;line-height:22px;overflow:hidden;text-overflow:ellipsis}
.tl__meta .pl::before,.pc__meta .pl::before{display:inline-block;vertical-align:middle;margin:-2px 6px 0 0}
.tl__meta time,.pc__meta time{flex:none}
.fi{display:block;font-size:.8125rem;line-height:1.35;color:var(--grigio)}
.fi b{font-weight:600;color:var(--ink)}
.tl__meta,.ct__meta,.cr__meta,.pc__meta{align-items:center}
.tl__firma,.ct__firma{margin:var(--v-tit) 0 0}
.tl__firma{grid-column:1/-1}

/* il cursore del magazine (solo col mouse): un pallino AL POSTO della freccia, che segue il mouse nello
   stesso fotogramma (⛔ ritardi, ⛔ inseguimenti), si allarga sui link e diventa «Leggi» sopra i pezzi */
.hm-cur{position:fixed;top:0;left:0;z-index:2147483647;width:0;height:0;pointer-events:none;opacity:0;transition:opacity .2s}
.hm-cur.vivo{opacity:1}
.hm-cur.testo{opacity:0}
.hm-cur__p{position:absolute;left:-6px;top:-6px;width:12px;height:12px;border-radius:50%;background:var(--ink);
  transition:scale .35s var(--e),opacity .25s,background-color .25s}
.hm-cur.chiaro .hm-cur__p{background:#fff}
.hm-cur.link .hm-cur__p{scale:3.4;opacity:.25}
.hm-cur.leggi .hm-cur__p{scale:0}
.hm-cur__b{position:absolute;left:-48px;top:-48px;width:96px;height:96px;border-radius:50%;display:grid;place-items:center;text-align:center;
  background:var(--carbone);color:#fff;font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;line-height:1.25;
  scale:0;transition:scale .5s var(--e),background-color .3s,color .3s}
.hm-cur.leggi .hm-cur__b{scale:1}
.hm-cur.leggi.chiaro .hm-cur__b{background:#fff;color:var(--carbone)}
.hm-cur small{display:block;font-size:.625rem;font-weight:400;letter-spacing:.04em;opacity:.7}
@media(hover:none),(pointer:coarse){.hm-cur{display:none}}
@media(hover:hover) and (pointer:fine){html.hm-cur-ok,html.hm-cur-ok *{cursor:none!important}html.hm-cur-ok :is(input,textarea,select){cursor:text!important}}

/* ── tablet ── */
@media(max-width:1000px){
  .pcc{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ct__foto,.ct--dx .ct__foto{grid-column:1/-1}
  .ct__testo,.ct--dx .ct__testo{grid-column:1/-1;grid-row:2;margin-top:var(--v-foto);justify-content:flex-start;gap:var(--v-meta)}
  .hm-nl{--tel-h:560px}
  .hm-nl__corpo{grid-column:1/-1;padding-bottom:56px}
  .hm-nl__tel{grid-column:1/-1;padding:0 0 var(--sezione)}
  .sc__k{grid-column:1/10;grid-row:1}
  .sc__t{grid-column:1/10;grid-row:2;margin-top:8px}
  .sc__foto{grid-column:10/12;grid-row:1/3}
  .sc__fr{grid-row:1/3}
  .tl--1{grid-column:1/-1}
  .tl--2{grid-column:5/-1;margin-top:0}
  .tl--3{grid-column:1/9}
  .tl--4{grid-column:1/-1;margin-top:0}
}
/* ── telefono: il grosso dei lettori ── */
@media(max-width:700px){
  .hm-cat__testa{align-items:flex-start;flex-direction:column}
  .pcc,.ct__lista{grid-template-columns:minmax(0,1fr);row-gap:0;padding-top:0}
  .ct__lista{margin-top:28px;border-top:1px solid var(--filo)}
  .pc+.pc,.cr+.cr{border-top:1px solid var(--filo)}
  .pc__a,.cr__a{display:grid;grid-template-columns:minmax(0,1fr) 30%;column-gap:16px;align-content:start;padding:16px 0}
  .pc__foto,.cr__foto{grid-column:2;grid-row:1/4;aspect-ratio:1/1}
  .pc__meta,.cr__data{grid-column:1;margin:0}
  .pc__tit,.cr__tit{grid-column:1;margin:var(--v-meta) 0 var(--v-tit);font-size:1.2rem;line-height:1.1}
  .pc__a .fi,.cr__a .fi{grid-column:1}
  .ct__tit{font-size:1.75rem}
  .ct__dek{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
  .hm-nl{--tel-h:520px}
  .hm-nl__riga{flex-direction:column}
  .hm-nl__riga input{flex:none}
  .hm-nl__riga button{width:100%}
  .sc__t{grid-column:1/10;font-size:1.45rem}
  .sc__k{grid-column:1/-1}
  .sc__foto{grid-column:10/13;grid-row:2;margin-top:8px}
  .sc__fr{display:none}
  .hm-gr{row-gap:56px}
  .tl--2{grid-column:3/-1}
  .tl--3{grid-column:1/11}
  .tl__tit{font-size:1.3rem}
  .tl--1 .tl__tit{font-size:1.75rem}
  .tl__dek{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
}

/* ── prima che il motore parta (solo chi ha JS e movimento) ── */
.hm-js .hm-cop .hm-s__testo,.hm-js .hm-barra,
.hm-js #ful-hd :is(.fh-utility .fh-wrap > *,.fh-logo,.fh-cat,.fh-actions > *,.fhm-top > *){visibility:hidden}
.hm-js [data-rivela]{clip-path:inset(100% 0 0 0)}

/* ═══ PUBBLICITÀ ═══════════════════════════════════════════════════════════════════════════════ */
.pb-h2{margin:0;font-size:clamp(2rem,4vw,4.4rem);font-weight:600;letter-spacing:-.055em;line-height:.9;text-transform:uppercase;text-wrap:balance}
.pb-h3{margin:0;font-size:clamp(1.35rem,2.1vw,2.2rem);font-weight:600;letter-spacing:-.045em;line-height:1.04;text-wrap:balance}
.pb-tit{margin:0;font-size:clamp(2.3rem,5.4vw,6.2rem);font-weight:600;letter-spacing:-.06em;line-height:.88;text-transform:uppercase;text-wrap:balance}
:is(.pb-h1,.pb-h2,.pb-h3,.pb-tit){display:flow-root}
:is(.pb-h1,.pb-tit) i{font-style:normal;color:var(--arancio)}
.pb-nw{white-space:nowrap}
.pb-dek{margin:0;max-width:46ch;font-size:clamp(1.02rem,1.2vw,1.2rem);font-weight:300;line-height:1.45;color:var(--grigio)}
/* la testa di ogni sezione: l'etichetta, poi il titolo a sinistra e il sommario a destra sul filetto */
.pb-sez{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:16px;row-gap:18px;align-items:end;margin-bottom:clamp(44px,5vw,84px)}
.pb-sez>:first-child{grid-column:1/-1;margin:0 0 clamp(8px,1vw,16px)}
.pb-sez>h2{grid-column:1/8;max-width:15em}
.pb-sez .pb-dek{grid-column:9/13}
.pb-sez--notte .pb-dek{color:var(--su-notte)}
.pb-sez--notte .hm-nl__k{margin:0 0 clamp(8px,1vw,16px)}

/* 1 · LA COPERTINA (la stessa di About) */
.pb-testa{position:relative;isolation:isolate;overflow:clip;display:flex;align-items:flex-end;background:var(--carbone);color:#fff;
  min-height:min(max(640px,100svh),1100px);padding:calc(var(--hd-h,150px) + 48px) 0 clamp(28px,3.4vw,52px)}
.pb-testa__foto{position:absolute;inset:0;z-index:-1;overflow:hidden}
.pb-testa__foto img{width:100%;height:100%;object-fit:cover;object-position:50% 45%}
.pb-testa__foto::after{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(10,8,6,.55) 0,rgba(10,8,6,0) 200px),
             linear-gradient(0deg,rgba(10,8,6,.9) 0,rgba(10,8,6,.62) 42%,rgba(10,8,6,.12) 72%,rgba(10,8,6,0) 86%)}
.pb-testa__in{position:relative}
.pb-testa__k{margin:0 0 clamp(20px,2vw,32px)}
.pb-h1{margin:0;max-width:14em;font-size:min(clamp(2.3rem,.8rem + 6vw,7.2rem),10.5svh);font-weight:600;text-transform:uppercase;
  letter-spacing:-.055em;line-height:.88;text-wrap:balance}
.pb-testa__piede{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:16px;row-gap:24px;align-items:end;
  margin-top:clamp(28px,3vw,48px);padding-top:16px;border-top:1px solid rgba(255,255,255,.32)}
.pb-testa__txt{grid-column:1/8}
.pb-testa__dek{margin:0;max-width:46ch;font-size:clamp(1.05rem,1.25vw,1.3rem);font-weight:300;line-height:1.4;color:rgba(255,255,255,.86)}
.pb-testa__p{margin:12px 0 0;max-width:62ch;font-size:clamp(.9rem,.95vw,1rem);font-weight:300;line-height:1.5;color:rgba(255,255,255,.66)}
.pb-testa__cta{grid-column:8/13;justify-self:end;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}
.fb--pieno{background:#fff;color:var(--carbone)}
@media(hover:hover){.fb--pieno:hover{background:var(--arancio);color:var(--carbone)}}
.fb--giu .fb__f{rotate:135deg}
.hm-js .pb-testa__in{visibility:hidden}
.pb-testa-p2{display:none;padding-top:28px}
.pb-testa-p2 .pb-dek{color:var(--ink)}

/* 2 · DOVE FINISCE QUELLO CHE COMPRI: la carta alta, il sito quadrato e più in basso, il social largo che chiude */
.pb-dove{padding-top:var(--sezione)}
.pb-can{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:16px;row-gap:clamp(56px,6vw,100px);border-top:1px solid var(--ink);padding-top:16px}
.pb-c__foto{position:relative;margin:0;overflow:clip;background:var(--sporco)}
.pb-c__foto img{position:absolute;top:-8%;left:0;width:100%;height:116%;object-fit:cover}
.pb-c--carta{grid-column:1/6}.pb-c--carta .pb-c__foto{aspect-ratio:4/5}
.pb-c--sito{grid-column:7/12;margin-top:min(14vw,220px)}.pb-c--sito .pb-c__foto{aspect-ratio:1/1}
.pb-c--social{grid-column:1/-1;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:16px;align-items:end}
.pb-c--social .pb-c__foto{grid-column:5/13;grid-row:1;aspect-ratio:3/2}
.pb-c--social .pb-c__txt{grid-column:1/5;grid-row:1;padding-bottom:4px}
.pb-c__k{display:flex;gap:12px;margin:var(--v-foto) 0 12px;font-size:.75rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase}
.pb-c__k b{font-variant-numeric:tabular-nums;color:var(--arancio)}
.pb-c__p{margin:14px 0 0;max-width:42ch;font-size:clamp(1rem,1.1vw,1.12rem);font-weight:300;line-height:1.45;color:var(--grigio)}

/* 3 · LA COMMUNITY: le serate sul nero, a griglia sfalsata */
.pb-comm{margin-top:var(--sezione);padding:var(--sezione) 0;background:var(--carbone);color:#fff;overflow:clip}
.pb-comm .pb-sez>h2{max-width:12em}
.pb-mos{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:16px;row-gap:clamp(40px,5vw,80px);align-items:start}
.pb-t{margin:0}
.pb-t__f{position:relative;overflow:clip;background:#241d17}
.pb-t__f img{position:absolute;top:-8%;left:0;width:100%;height:116%;object-fit:cover}
.pb-t figcaption{margin-top:12px;font-size:.75rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase}
.pb-t figcaption span{color:var(--su-notte);font-weight:500}
.pb-t--a{grid-column:1/8}.pb-t--a .pb-t__f{aspect-ratio:3/2}
.pb-t--b{grid-column:9/13;margin-top:min(12vw,190px)}.pb-t--b .pb-t__f{aspect-ratio:4/5}
.pb-t--c{grid-column:2/6}.pb-t--c .pb-t__f{aspect-ratio:4/5}
.pb-t--d{grid-column:7/13;margin-top:0}   /* ⛔ margine negativo: risaliva sotto la didascalia di --b (Marco, 03/11/2026) */.pb-t--d .pb-t__f{aspect-ratio:4/3}
.pb-t--e{grid-column:1/5;margin-top:min(6vw,90px)}.pb-t--e .pb-t__f{aspect-ratio:1/1}
.pb-t--f{grid-column:6/12}.pb-t--f .pb-t__f{aspect-ratio:4/3}
.pb-t--g{grid-column:3/7}.pb-t--g .pb-t__f{aspect-ratio:3/4}
.pb-t--h{grid-column:8/13;margin-top:min(9vw,140px)}.pb-t--h .pb-t__f{aspect-ratio:3/2}

/* 4 · I NUMERI: la tavola di About, identica (le righe .ab-num vengono dal suo sorgente) */
.pb-conti{padding-top:var(--sezione)}
.pb-conti>.wrap>.et{margin:0 0 clamp(20px,2vw,32px)}
.pb-conti .pg{margin-bottom:clamp(20px,2.4vw,36px)}
.pb-conti__dek{margin:0 0 clamp(40px,5vw,80px) auto}
.ab-num small{display:block;margin-top:8px;max-width:26ch;font-size:.75rem;line-height:1.4;color:var(--grigio);opacity:.8}
/* il media kit è la terza riga della tavola (Francesco 29/10: «potevi collocarlo meglio»): stessa griglia, copertina, parole, bottone */
.pb-kit{margin-bottom:0}
.pb-kit__in{grid-column:3/13;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:1fr auto;column-gap:16px;row-gap:24px}
.pb-kit__cop{display:block;grid-column:1/3;grid-row:1/3;border-left:1px solid var(--filo);padding-left:16px}
.pb-kit__cop img{display:block;width:100%;height:auto;box-shadow:0 18px 36px -18px rgba(17,15,13,.55);transition:transform .6s var(--e)}
@media(hover:hover){.pb-kit:hover .pb-kit__cop img{transform:translateY(-6px) rotate(-1.5deg)}}
.pb-kit__t{grid-column:3/5;border-left:1px solid var(--filo);padding-left:16px;align-self:stretch;display:flex;flex-direction:column;justify-content:flex-end}
.pb-kit .pb-kit__t p{margin:12px 0 0;max-width:40ch}  /* .pb-kit davanti: senza, vinceva il 22ch di .ab-num p e il testo restava a mezza riga */
.pb-kit .pb-h3{font-size:clamp(1.3rem,1.8vw,1.9rem)}
.pb-kit__b{grid-column:3/5;padding-left:17px;justify-self:start;align-self:start}
.pb-kit .fb--pieno{background:var(--carbone);color:#fff}  /* il pieno bianco è per il nero: qui il fondo è chiaro */
@media(max-width:700px){
  .pb-kit__in{grid-column:1/-1;grid-template-columns:minmax(0,1fr);grid-template-rows:none;row-gap:20px;margin-top:20px}
  .pb-kit__cop{grid-column:1;grid-row:auto;border:0;padding:0;max-width:440px}.pb-kit__t{grid-column:1;padding-left:0;border:0}
  .pb-kit__b{grid-column:1;padding-left:0}.pb-kit .pb-kit__t p{max-width:none} }
/* 8b · le domande: sul nero, a filetti; il più gira in croce quando si apre */
.pb-faq{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:16px;margin-top:var(--sezione)}
.pb-faq__txt{grid-column:1/5}.pb-faq__l{grid-column:6/13;border-top:1px solid rgba(255,255,255,.5)}
.pb-faq details{border-bottom:1px solid rgba(255,255,255,.16)}
.pb-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:20px 0;font-size:clamp(1.05rem,1.3vw,1.3rem);font-weight:600;letter-spacing:-.02em;line-height:1.25;transition:color .3s var(--e)}
.pb-faq summary::-webkit-details-marker{display:none}
.pb-faq summary i{position:relative;flex:none;width:14px;height:14px;transition:transform .5s var(--e)}
.pb-faq summary i::before,.pb-faq summary i::after{content:"";position:absolute;left:0;top:6px;width:14px;height:2px;background:var(--arancio)}
.pb-faq summary i::after{transform:rotate(90deg)}
.pb-faq details[open] summary i{transform:rotate(45deg)}
.pb-faq details p{margin:0 0 22px;max-width:56ch;font-size:clamp(.95rem,1.05vw,1.05rem);font-weight:300;line-height:1.5;color:var(--su-notte)}
@media(hover:hover){.pb-faq summary:hover{color:var(--arancio)}}
.pb-c__p a{color:inherit;text-decoration:underline;text-decoration-color:var(--arancio);text-decoration-thickness:2px;text-underline-offset:.2em}

.ab-num{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:16px;border-top:1px solid var(--ink);padding-top:16px;margin-bottom:clamp(48px,5vw,84px)}
.ab-num__k{grid-column:1/3;margin:0;font-size:.75rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase}
.ab-num ol{grid-column:3/13;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:16px}
.ab-num li{border-left:1px solid var(--filo);padding:0 0 0 16px}
.ab-num b{display:block;font-size:clamp(2.6rem,1.2rem + 3vw,5rem);font-weight:600;letter-spacing:-.06em;line-height:.86;font-variant-numeric:tabular-nums;white-space:nowrap}
.ab-num b i{font-style:normal;color:var(--arancio)}
.ab-num p{margin:16px 0 0;max-width:22ch;font-size:clamp(.95rem,1.05vw,1.05rem);font-weight:300;line-height:1.38;color:var(--grigio)}

/* 5 · CHI TI LEGGE: foto e parole alla pari, a lati alterni (Francesco 29/10: «bilanciata meglio fra testi e immagini») */
.pb-chi{padding-top:var(--sezione)}
.pb-mom{list-style:none;margin:0;padding:0;display:grid;row-gap:clamp(48px,6vw,104px);border-top:1px solid var(--ink);padding-top:clamp(28px,3vw,48px)}
.pb-mom>li{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:16px;align-items:center}
.pb-mom__f{grid-column:6/13;grid-row:1;position:relative;aspect-ratio:3/2;overflow:clip;background:var(--sporco)}
.pb-mom__f img{position:absolute;top:-8%;left:0;width:100%;height:116%;object-fit:cover}
.pb-mom>li:nth-child(1) .pb-mom__f img{object-position:50% 30%}
.pb-mom__t{grid-column:1/5;grid-row:1}
.pb-mom__a{display:block;margin-top:clamp(18px,1.6vw,24px);padding-top:12px;border-top:1px solid var(--filo);font-size:15px;line-height:1.35;color:inherit;text-decoration:none;transition:color .4s var(--e)}
.pb-mom__a span{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--arancio);margin-bottom:4px}
.pb-mom__a:hover{color:var(--arancio)}
.pb-mom>li:nth-child(even) .pb-mom__f{grid-column:1/8}
.pb-mom>li:nth-child(even) .pb-mom__t{grid-column:9/13}
.pb-mom__n{display:block;margin-bottom:clamp(16px,1.6vw,24px);font-size:.75rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--arancio)}
.pb-mom .pb-h3{font-size:clamp(1.8rem,3.2vw,3.4rem);letter-spacing:-.05em;line-height:1}
.pb-mom p{margin:clamp(16px,1.6vw,24px) 0 0;max-width:34ch;font-size:clamp(1.05rem,1.3vw,1.3rem);font-weight:300;line-height:1.45;color:var(--grigio)}

/* 6 · COME POSSIAMO AIUTARTI: tre box; al passaggio il nero sale dal basso e le voci scorrono una dopo l'altra */
.pb-cosa{padding-top:var(--sezione)}
.pb-str{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.pb-s{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;padding:clamp(22px,2.2vw,34px);background:var(--sporco);
  transition:color .5s var(--e)}
.pb-s__su{display:flex;justify-content:space-between;align-items:center;margin-bottom:clamp(40px,5vw,88px)}
.pb-s__n{margin:0;font-size:.75rem;font-weight:600;font-variant-numeric:tabular-nums}
.pb-s__pt{position:relative;z-index:-1;width:12px;height:12px;border-radius:50%;background:var(--arancio);transition:transform .8s var(--e)}
.pb-s .pb-h3{font-size:clamp(1.7rem,2.5vw,2.7rem);letter-spacing:-.05em}
.pb-s__scopo{margin:12px 0 clamp(28px,3vw,44px);max-width:30ch;font-size:clamp(1rem,1.1vw,1.1rem);font-weight:300;line-height:1.4;color:var(--grigio);transition:color .5s var(--e)}
.pb-s ul{list-style:none;margin:auto 0 0;padding:0;border-top:1px solid var(--ink);transition:border-color .5s var(--e)}
.pb-s ul li{padding:14px 0;border-bottom:1px solid var(--filo);transition:border-color .5s var(--e)}
.pb-s ul li:last-child{border-bottom:0;padding-bottom:0}
.pb-s ul b{display:block;font-size:clamp(1rem,1.1vw,1.1rem);font-weight:600;letter-spacing:-.02em;line-height:1.25}
.pb-s ul span{display:block;margin-top:4px;font-size:.875rem;line-height:1.4;color:var(--grigio);transition:color .5s var(--e)}
@media(hover:hover){
  /* il pallino si allarga dal suo posto fino a riempire il box: i testi restano fermi */
  .pb-s:hover .pb-s__pt{transform:scale(150)}
  .pb-s:hover :is(.pb-s__scopo,ul span){color:rgba(17,15,13,.72)}
  .pb-s:hover ul li{border-color:rgba(17,15,13,.22)}
}

/* 9 · COME SI COMINCIA (con dentro le guide), E SCRIVICI: sul nero */
.pb-via{margin-top:var(--sezione);padding:var(--sezione) 0;background:var(--carbone);color:#fff;overflow:clip}
.pb-passi{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:16px;row-gap:48px}
.pb-passi li{border-top:1px solid rgba(255,255,255,.32);padding-top:16px}
.pb-passi__n{display:block;margin-bottom:clamp(28px,3vw,52px);font-size:.75rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--arancio)}
.pb-passi .pb-h3{font-size:clamp(1.6rem,2.4vw,2.6rem);letter-spacing:-.05em}
.pb-passi p{margin:14px 0 0;max-width:38ch;font-size:clamp(1rem,1.1vw,1.12rem);font-weight:300;line-height:1.45;color:var(--su-notte)}
.pb-guide{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:16px;row-gap:40px;align-items:end;
  margin-top:clamp(72px,8vw,140px);border-top:1px solid rgba(255,255,255,.32);padding-top:clamp(28px,3vw,48px)}
.pb-guide__txt{grid-column:1/5;align-self:start}
.pb-guide__txt .hm-nl__k{margin:0 0 clamp(16px,1.6vw,24px)}
.pb-guide__txt p:last-child{margin:14px 0 0;max-width:30ch;font-size:clamp(1rem,1.1vw,1.12rem);font-weight:300;line-height:1.45;color:var(--su-notte)}
.pb-guida{display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.pb-guida--tel{grid-column:6/9}.pb-guida--cop{grid-column:9/13}
.pb-cop{position:relative;display:block;height:clamp(380px,36vw,560px);overflow:hidden;transition:transform .6s var(--e),box-shadow .6s var(--e);box-shadow:0 30px 60px -30px rgba(0,0,0,.8)}
.pb-cop img{display:block;width:100%;height:100%;object-fit:cover}
.pb-cop--cop{aspect-ratio:848/1200}
.pb-cop--tel{aspect-ratio:600/1301;padding:7px;border-radius:clamp(28px,2.6vw,40px);background:#2b2622;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14),0 30px 60px -30px rgba(0,0,0,.8)}
.pb-cop--tel img{border-radius:clamp(22px,2.1vw,33px)}
@media(hover:hover){.pb-guida:hover .pb-cop{transform:translateY(-8px) rotate(-1.5deg)}}
.pb-guida__k{margin:4px 0 0;font-size:.875rem;line-height:1.4;color:var(--su-notte)}
.pb-guida__k b{display:block;margin-bottom:2px;font-size:.75rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:#fff}
.pb-scrivi{margin-top:var(--sezione);border-top:1px solid rgba(255,255,255,.32);padding-top:clamp(28px,3vw,48px)}
.pb-scrivi .pb-tit{max-width:14em;margin-bottom:clamp(24px,2.6vw,40px)}
.pb-scrivi .pb-dek{color:var(--su-notte);max-width:52ch}
.pb-mail{display:inline-block;margin-top:clamp(32px,3.6vw,56px);font-size:clamp(1.3rem,4.6vw,4.6rem);font-weight:600;letter-spacing:-.05em;line-height:1.05;
  color:#fff;text-decoration:none;overflow-wrap:anywhere;background:linear-gradient(var(--arancio),var(--arancio)) 0 100%/0 3px no-repeat;transition:background-size .6s var(--e)}
.pb-mail i{font-style:normal;color:var(--arancio)}
@media(hover:hover){.pb-mail:hover{background-size:100% 3px}}

/* 10 · LA CHIUSA: «Scopri FUL» in chiaro (come About) */
.pb-fine{margin-top:0;background:transparent;color:var(--ink)}
.pb-fine .sc{border-top-color:var(--ink)}
.pb-fine .sc li+li,.pb-fine .sc li:last-child{border-color:var(--filo)}
.pb-fine .sc__k{color:var(--grigio)}
.pb-fine .sc__k .pc__n{color:var(--ink)}
.pb-fine .sc__foto{background:var(--sporco)}
.pb-fine .sc__fr{border-color:var(--filetto-forte)}

@media(max-width:1000px){
  .pb-faq__txt,.pb-faq__l{grid-column:1/-1}.pb-faq__l{margin-top:24px}
  .pb-testa__txt,.pb-testa__cta{grid-column:1/-1;justify-self:start;justify-content:flex-start}
  .pb-sez>h2,.pb-sez .pb-dek{grid-column:1/-1}
  .ab-num__k,.ab-num ol{grid-column:1/-1}
  .ab-num ol{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:32px;margin-top:20px}
  .pb-str,.pb-passi{grid-template-columns:minmax(0,1fr)}
  .pb-mom__t,.pb-mom>li:nth-child(even) .pb-mom__t{grid-column:1/6}
  .pb-mom__f{grid-column:7/13}.pb-mom>li:nth-child(even) .pb-mom__f{grid-column:1/7}
  .pb-mom>li:nth-child(even) .pb-mom__t{grid-column:8/13}
  .pb-guide__txt{grid-column:1/-1}
  .pb-guida--tel{grid-column:1/6}.pb-guida--cop{grid-column:6/13}
}
@media(max-width:700px){
  .pb-testa{min-height:min(max(560px,92svh),900px)}
  .pb-testa__cta .fb{flex:1 1 auto;justify-content:space-between}
  .pb-testa__p{display:none}   /* al telefono la copertina tiene il sommario; il secondo paragrafo scende sotto */
  .pb-testa-p2{display:block}
  .pb-c--carta,.pb-c--sito{grid-column:1/-1;margin-top:0}
  .pb-c--sito{grid-column:3/-1}
  .pb-c--social .pb-c__foto,.pb-c--social .pb-c__txt{grid-column:1/-1;grid-row:auto}
  .pb-mos{row-gap:28px}
  .pb-mos{grid-auto-flow:row dense}
  .pb-t--a,.pb-t--d,.pb-t--h{grid-column:1/-1;margin-top:0}
  .pb-t--f{grid-column:7/13;margin-top:48px}
  .pb-t--c,.pb-t--e{grid-column:1/7;margin-top:0}
  .pb-t--b,.pb-t--g{grid-column:7/13;margin-top:48px}
  .pb-t figcaption{font-size:.6875rem}
  .ab-num b{font-size:clamp(2rem,10vw,2.6rem)}
  .pb-mom>li,.pb-mom>li:nth-child(n){grid-template-columns:minmax(0,1fr);row-gap:20px}
  .pb-mom__f,.pb-mom__t,.pb-mom>li:nth-child(n) .pb-mom__f,.pb-mom>li:nth-child(n) .pb-mom__t{grid-column:1;grid-row:auto}
  .pb-mom .pb-h3{font-size:1.9rem}
  .pb-mom__n{margin-bottom:12px}
  .pb-s__su{margin-bottom:36px}
  .pb-cop{height:auto;width:100%}
  .pb-guida--tel{grid-column:1/6}.pb-guida--cop{grid-column:7/13}
  .pb-guida .fb{padding:0 14px 0 16px}
  /* al telefono le colonne sono strette (138/168 px): il bottone dice solo «Scarica», la riga sopra dice già cosa */
  @media(max-width:560px){.pb-guida .fb__l:nth-child(n+9){display:none}}
}