/* ═══ HOME — la grammatica di ful-agency.com (28/10/2026, terza strada) ══════════════════════════ */
body:has(#fuck){--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(#fuck){--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)}

/* ═══ F.U.C.K. MAGAZINE ═════════════════════════════════════════════════════════════════════════ */
.fk-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}
.fk-tit{margin:0;font-size:clamp(2.3rem,5vw,5.6rem);font-weight:600;letter-spacing:-.06em;line-height:.88;text-transform:uppercase;text-wrap:balance}
:is(.fk-h1,.fk-h2,.fk-tit){display:flow-root}
:is(.fk-h1,.fk-tit) i{font-style:normal;color:var(--arancio)}
.fk-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)}
.fk-dek a{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em}
/* la testa di sezione (come Pubblicità): l'etichetta, poi il titolo a sinistra e il sommario a destra */
.fk-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)}
.fk-sez>:first-child{grid-column:1/-1;margin:0 0 clamp(8px,1vw,16px)}
.fk-sez>h2{grid-column:1/8;max-width:15em}
.fk-sez .fk-dek{grid-column:9/13}
.fk-sez--notte .fk-dek{color:var(--su-notte)}

/* il biglietto storto: una striscia di carta con lo scotch, la battuta scritta sopra (l'irriverenza, sua del 29/09) */
.fk-bigl{position:absolute;z-index:3;margin:0;pointer-events:none}
.fk-bigl>span{position:relative;display:block;max-width:23ch;background:#fff;color:var(--ink);
  font-size:13px;font-weight:500;letter-spacing:-.005em;line-height:1.32;padding:11px 15px 12px;
  transform:rotate(var(--r,-3deg));box-shadow:0 16px 30px -14px rgba(0,0,0,.55)}
.fk-bigl>span::before{content:"";position:absolute;top:-9px;left:50%;width:58px;height:18px;margin-left:-29px;
  background:rgba(255,255,255,.55);box-shadow:0 0 0 1px rgba(17,15,13,.06);transform:rotate(calc(var(--r,-3deg) * -1.6))}

/* IL CARATTERE DI F.U.C.K.: Bricolage Grotesque (Bibbia: fra i più usati nei numeri; OFL), nero e stretto, per i titoli */
@font-face{font-family:'Bricolage';src:url(fuck-bricolage-latin.woff2) format('woff2');font-weight:200 800;font-stretch:75% 100%;font-display:swap;
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Bricolage';src:url(fuck-bricolage-latin-ext.woff2) format('woff2');font-weight:200 800;font-stretch:75% 100%;font-display:swap;
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
/* la palette viene dalle copertine vere (30/10: il fluo era «troppo anni 80»): i nomi restano, i valori sono crema, cipria, salvia, prugna, corallo */
body:has(#fuck){--fk-giallo:#EFE3CF;--fk-rosa:#D9A8A3;--fk-menta:#7FA898;--fk-magenta:#5E2A4A;--fk-corallo:#E2604C;--fk-nero:#1A1511;--fk-crema:#EFE3CF}
.fk-disp,.fk-h1,.fk-nome,.fk-boom{font-family:'Bricolage','Inter',sans-serif;font-stretch:75%;font-weight:800;font-optical-sizing:auto}

/* lo scotch: un pezzo di nastro semitrasparente, storto, in cima a una carta attaccata */
.fk-scotch{position:absolute;top:-14px;left:50%;width:92px;height:26px;margin-left:-46px;background:rgba(255,255,255,.62);
  box-shadow:0 0 0 1px rgba(17,15,13,.06);transform:rotate(-4deg);pointer-events:none}
/* lo scoppio della vignetta (B): la stella gialla con l'ombra piena spostata, come stampata fuori registro */
.fk-boom{position:absolute;z-index:4;margin:0;pointer-events:none;filter:drop-shadow(5px 6px 0 var(--fk-nero))}
.fk-boom>span{display:grid;place-items:center;width:var(--s,180px);aspect-ratio:1;padding:20%;background:var(--fk-giallo);color:var(--fk-nero);
  font-size:calc(var(--s,180px) * .17);line-height:.86;text-transform:uppercase;text-align:center;letter-spacing:-.01em;transform:rotate(var(--r,-10deg))}

/* 1 · L'APERTURA: solo F.U.C.K., le quattro lettere ritagliate e attaccate storte sul muro di carte scure */
.fk-apre,.fk-testa{position:relative;isolation:isolate;overflow:clip;color:var(--fk-crema);background:var(--fk-nero)}
.fk-apre{background:var(--fondo-apre)}
.fk-apre::before,.fk-testa::before,.fk-arch::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.2;mix-blend-mode:overlay;pointer-events:none;
  background-image: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='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.fk-apre{display:grid;place-items:center;min-height:max(560px,100svh);padding:calc(var(--hd-h,150px) + 8px) 2vw clamp(24px,4svh,56px)}
.fk-ris{--h:min(23.5vw,66svh);margin:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;line-height:0}
.fk-ris__p{display:inline-flex;align-items:flex-end;transform:translateY(var(--y)) rotate(var(--r))}
.fk-ris__p+.fk-ris__p{margin-left:calc(var(--h) * -.04)}
.fk-ris__l{display:block;height:calc(var(--h) * var(--s));width:auto;filter:drop-shadow(0 16px 20px rgba(0,0,0,.6)) drop-shadow(0 2px 2px rgba(0,0,0,.45))}
.fk-ris__d{display:block;position:relative;z-index:1;height:calc(var(--h) * .2);width:auto;margin:0 0 calc(var(--h) * .02) calc(var(--h) * -.09);
  transform:rotate(var(--dr));filter:drop-shadow(0 6px 8px rgba(0,0,0,.55))}
.fk-ris__a{display:none}
.fk-cibo{position:absolute;inset:0;z-index:0;pointer-events:none}
/* il muro: una tela che copre l'apertura come object-fit:cover, così i lembi restano incollati al loro punto del fondo */
.fk-muro{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max(100%,calc(var(--alto,100svh) * 1.6));aspect-ratio:2560/1600}
.fk-muro__f{position:absolute;inset:0;width:100%;height:100%;display:block}
.fk-lembi img{position:absolute;height:auto;max-width:none;will-change:transform}
.fk-lembi--t{display:none}
@media (max-width:700px){.fk-muro{width:max(100%,calc(var(--alto,100svh) * .5));aspect-ratio:1170/2340}.fk-lembi--d{display:none}.fk-lembi--t{display:block}}
.hm-js .fk-cibo{visibility:hidden}
  filter:drop-shadow(0 10px 14px rgba(0,0,0,.45)) drop-shadow(0 1px 2px rgba(0,0,0,.35))}
.fk-ris{position:relative;z-index:2}
/* sotto la testata il muro di foto si fa scuro, o il menu bianco non si legge: solo lì, ⛔ un velo sulla pagina */
.fk-apre::after{content:"";position:absolute;inset:0 0 auto;z-index:1;height:calc(var(--hd-h,150px) + 70px);pointer-events:none;
  background:linear-gradient(rgba(17,15,13,.92),rgba(17,15,13,.75) 55%,rgba(17,15,13,0))}
.fk-apre{--fondo-apre:var(--fk-nero)}
.hm-js .fk-ris__p{visibility:hidden}

/* 3 · LE INFORMAZIONI, dopo la scena: lo stesso muro, il titolo su due carte a sinistra, sommario e bottoni a destra */
.fk-testa{padding:clamp(56px,6vw,96px) 0 clamp(88px,10vw,150px)}
/* sotto il testo le righe chiare degli strappi tagliavano le parole: qui niente carte, il nero con la grana */
.fk-testa{background-image:none}
/* il titolo a scala: «Firenze» e «da bere» a sinistra, il testo nel loro vuoto a destra, «e da mangiare.» sotto fino al bordo.
   Il corpo segue la COLONNA (cqi), ⛔ lo schermo: le tre righe tengono la stessa proporzione col testo a ogni larghezza */
.fk-testa__giu{container-type:inline-size;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:auto auto auto auto;column-gap:16px}
.fk-testa__k{grid-column:1/-1;grid-row:1;justify-self:start;margin:0 0 clamp(18px,2cqi,30px)}
.fk-h1{grid-column:1/-1;grid-row:2/5;display:grid;grid-template-columns:subgrid;grid-template-rows:subgrid;margin:0;font-size:14.5cqi;text-transform:uppercase;letter-spacing:-.01em;line-height:.9}
.fk-h1__r{display:block;grid-column:1/-1;width:max-content;max-width:100%}
.fk-h1__r--rosa{justify-self:end}
.fk-h1__r b{display:inline-block;font-weight:inherit;padding:.14em .24em .07em;background:center/100% 100% no-repeat;filter:drop-shadow(0 6px 8px rgba(0,0,0,.45)) drop-shadow(0 1px 1px rgba(0,0,0,.4))}
.fk-h1__r--giallo b{background-image:url(https://firenzeurbanlifestyle.com/wp-content/uploads/2026/11/fk-carta-corallo-corta.webp);color:var(--fk-nero);transform:rotate(-2deg);margin:.02em 0 0 -.1em}
.fk-h1__r--rosa b{background-image:url(https://firenzeurbanlifestyle.com/wp-content/uploads/2026/11/fk-carta-crema-lunga.webp);color:var(--fk-nero);transform:rotate(1.4deg);margin:.04em 0 0}
.fk-testa__piede{grid-column:7/-1;grid-row:2/4;align-self:end;display:grid;gap:22px;margin-bottom:clamp(18px,2.4cqi,40px)}
.fk-testa__dek{margin:0;max-width:44ch;font-size:clamp(1.05rem,1.45vw,1.45rem);font-weight:300;line-height:1.45;color:rgba(247,238,224,.86)}
.fk-testa__cta{display:flex;flex-wrap:wrap;gap:10px}
.fb--pieno{background:var(--fk-crema);color:var(--fk-nero)}
@media(hover:hover){.fb--pieno:hover{background:var(--fk-corallo);color:var(--fk-nero)}}
.fb--giu .fb__f{rotate:135deg}
@media(max-width:900px){
  .fk-testa__giu{display:block}
  .fk-h1{display:block;font-size:15.5cqi}
  .fk-h1__r--rosa b{margin-left:.3em}
  .fk-testa__piede{margin:32px 0 0}
}
@media(max-width:700px){
  .fk-apre{min-height:max(520px,92svh);padding-top:calc(var(--hd-h,100px) + 8px)}
  .fk-ris{--h:min(41vw,30svh);row-gap:calc(var(--h) * .06)}
  .fk-ris__a{display:block;flex-basis:100%;height:0}
  .fk-ris__a+.fk-ris__p{margin-left:0}
  .fk-testa{padding:72px 0 80px}
}

/* 2 · LA SCENA: i nomi che SBATTONO. Il colpo è a tempo (.colpo), lo scorrimento decide solo quando (.su = già piantato) */
.fk-scena{height:calc(100vh * 3.4);position:relative;background:var(--fk-nero);color:#fff}
/* la scena SALE SOPRA l'apertura: l'apertura resta ferma sotto, la scena la copre come un foglio (solo dentro .fk-sopra) */
/* la scena ⛔ è un'altra sezione: si STAMPA SOPRA l'apertura. L'apertura resta ferma, e la scena (trasparente) le sta sopra fin dal
   primo pixel: scorrendo, i nomi e le copertine si incollano sul muro come manifesti nuovi, e a ogni colpo il muro trema */
/* UNA schermata, che si gioca da sola appena la pagina è pronta (Francesco, 31/10: lo scorrimento trattenuto era «too much»):
   il muro, i ritagli a passo uno, le lettere, i quattro nomi con le copertine, il piede. ⛔ data-m="scene": niente aggancio */
.fk-sopra{position:relative;--alto:max(560px,100svh)}
.fk-sopra>.fk-apre{position:relative;z-index:0;min-height:var(--alto);height:var(--alto)}
.fk-sopra>.fk-scena{position:absolute;inset:0;height:auto;z-index:1;margin:0;background:transparent;pointer-events:none}
.fk-sopra .fk-scena__fermo{position:relative;height:var(--alto);background:transparent}
.fk-sopra .fk-scena__in{--lh:calc(var(--alto) - var(--hd-h,120px) - 190px);grid-template-rows:minmax(0,1fr) auto;
  padding-block:calc(var(--hd-h,120px) + clamp(10px,2vh,24px)) clamp(18px,3vh,30px)}
/* IL PIEDE: i testi di servizio in una riga da giornale sotto il collage — il caos sopra, l'ordine sotto. Filetto, occhiello a
   sinistra, sommario a destra; si scopre da sinistra quando l'ultimo nome è arrivato */
/* il finale «al vivo» (sua del 31/10, scelto fra tre; e: «lascia spazio solo alle grafiche e al magazine, tutto il resto nella sezione sotto»):
   i nomi grandi a sinistra, le copertine enormi tagliate dal bordo a destra. ⛔ Nessun testo nella scena: occhiello e sommario stanno in .fk-testa */
/* e (sua del 31/10, dopo): «nell'hero lascerei i magazine interi, non zoomati» ⇒ la pila sta TUTTA nello schermo, accanto ai nomi,
   e il gruppo nomi + pila sta al centro. La pila è larga quanto le copertine con i loro spostamenti (≈ 1,45 volte una copertina) */
@media (min-width:701px){
  .fk-sopra .fk-scena__in{--h-in:calc(var(--alto) - var(--hd-h,120px) - 6vh);grid-template-columns:auto auto;grid-template-rows:minmax(0,1fr);
    justify-content:center;align-items:center;column-gap:clamp(0px,1vw,16px);padding:calc(var(--hd-h,120px) + 2vh) 0 4vh}
  .fk-sopra .fk-scena__testo{width:min(52vw,calc((var(--h-in) - 2vh) * 1.174))}
  .fk-sopra .fk-pila{align-self:stretch;width:min(40vw,calc(var(--h-in) * .86))}
  .fk-sopra .fk-pila figure{width:min(66cqw,86cqh * .67)}
  .fk-sopra .fk-logo{width:100%}
}
@media (max-width:700px){
  .fk-sopra .fk-scena__in{grid-template-rows:minmax(0,1fr) auto;padding-bottom:20px}
  .fk-sopra .fk-pila figure{width:min(60cqw,84cqh * .67);top:50%;bottom:auto}   /* intere anche qui: ⛔ agganciate al fondo e coperte dai nomi */
}
.fk-sopra .fk-scena__lampo,.fk-sopra .fk-scena__retino{display:none}
.fk-apre.trema :is(.fk-cibo,.fk-ris){animation:fk-scossa .45s linear .3s}
/* a ogni nome il muro si fa più scuro: sotto quattro nomi e quattro copertine, il fondo deve fare da fondo */
.fk-sopra .fk-apre :is(.fk-cibo,.fk-ris){filter:brightness(var(--buio,1));transition:filter .8s cubic-bezier(.2,.7,.2,1) .25s}
@keyframes fk-scossa{0%{transform:scale(1.03)}18%{transform:scale(1.03) translate(-7px,5px) rotate(-.25deg)}40%{transform:scale(1.03) translate(5px,-4px) rotate(.2deg)}62%{transform:scale(1.03) translate(-3px,2px)}82%{transform:scale(1.03) translate(1px,-1px)}100%{transform:none}}
@media (max-width:700px){.fk-sopra{--alto:max(520px,100svh)}.fk-sopra>.fk-apre{min-height:var(--alto)}}
@media (prefers-reduced-motion:reduce){.fk-sopra .fk-ris{opacity:0}.fk-sopra .fk-scena__fermo,.fk-sopra .fk-scena__in{min-height:0}}
.fk-scena__fermo{position:sticky;top:0;height:100vh;overflow:hidden;isolation:isolate;background:var(--fk-nero)}
.fk-scena__in{--lh:calc(100vh - var(--hd-cond,80px) - 205px);--pw:calc(var(--lh) * .8);display:grid;grid-template-columns:auto auto;justify-content:center;column-gap:clamp(28px,3.4vw,64px);align-items:center;height:100%;
  width:var(--wrap);margin-inline:auto;padding-block:calc(var(--hd-cond,80px) + clamp(16px,3vh,36px)) 40px}
/* il lampo: a ogni colpo lo schermo si accende del colore del ritaglio e torna nero */
.fk-scena__lampo{position:absolute;inset:0;z-index:-1;background:var(--fondo);opacity:0;pointer-events:none}
.fk-scena__retino{position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.5;transition:background-color .2s;
  background:radial-gradient(circle,var(--fondo) 0 1.6px,transparent 2.2px) 0 0/11px 11px;
  -webkit-mask:radial-gradient(50% 60% at 30% 55%,#000 0,transparent 75%);mask:radial-gradient(50% 60% at 30% 55%,#000 0,transparent 75%)}
.fk-scena__testo{position:relative;z-index:2;grid-column:1;grid-row:1}
.fk-scena__testo .et{margin:0 0 clamp(10px,2vh,22px);color:rgba(255,255,255,.75);text-wrap:balance}
.fk-nome{margin:0;line-height:0}
.fk-logo{position:relative;display:block;width:min(100%,calc((100vh - var(--hd-cond,80px) - 205px) * 1.174));aspect-ratio:1400/1192}
.fk-n{position:absolute;height:auto;max-width:none;--r:0deg;filter:drop-shadow(0 14px 18px rgba(0,0,0,.55)) drop-shadow(0 2px 2px rgba(0,0,0,.35))}
.fk-nome__boom{--s:clamp(104px,9vw,160px);right:-3%;top:76%;line-height:.92}
.fk-scena__testo{width:min(calc(var(--lh) * 1.174),calc(100vw - var(--pw) - 14vw))}   /* il logo e la pila si toccano al centro: ⛔ il vuoto in mezzo */
.fk-pila{position:relative;z-index:1;grid-column:2;grid-row:1;align-self:stretch;width:var(--pw);min-width:0;min-height:0;container-type:size}
.fk-pila figure{position:absolute;left:50%;top:50%;margin:0;width:min(78cqw,84cqh * .67);
  transform:translate(-50%,-50%) translate(var(--x),var(--y)) rotate(var(--r));box-shadow:0 34px 60px -26px rgba(0,0,0,.8)}
.fk-pila img{display:block;width:100%;height:auto}
.fk-scena__barra{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.14)}
.fk-scena__barra::after{content:"";position:absolute;inset:0;background:#fff;transform:scaleX(min(1, calc(var(--p,1) / .85)));transform-origin:left}
/* gli stati: prima del colpo i pezzi non ci sono; .su = piantati; .colpo = il colpo che si vede */
.fk-scena.vivo :is(.fk-n,.fk-pila figure,.fk-nome__boom):not(.su){opacity:0}   /* .vivo lo mette il JS: ⛔ .hm-js, che il comune toglie a fine ingresso */
.fk-scena .fk-n.colpo{animation:fk-botto .46s linear both}   /* accelera fino al colpo (a .3s), schiaccia e si assesta */
.fk-scena .fk-pila figure.colpo{animation:fk-attacca .5s linear both}   /* lanciata da fuori, arriva insieme al nome */
.fk-scena .fk-nome__boom.colpo{animation:fk-pop .5s cubic-bezier(.3,1.6,.4,1) .36s both}
.fk-scena__fermo.trema .fk-scena__in{animation:fk-trema .38s linear .3s}
.fk-scena__fermo.trema .fk-scena__lampo{animation:fk-lampo .5s ease-out .22s}
@keyframes fk-botto{0%{opacity:0;transform:scale(3) rotate(9deg) translateY(-8%);filter:blur(12px) drop-shadow(0 60px 50px rgba(0,0,0,.5));animation-timing-function:cubic-bezier(.55,0,.85,.35)}22%{opacity:1}65%{transform:scale(.92) rotate(-.8deg);filter:blur(0) drop-shadow(0 3px 3px rgba(0,0,0,.55));animation-timing-function:cubic-bezier(.2,.7,.3,1)}82%{transform:scale(1.03) rotate(.2deg)}100%{opacity:1;transform:none;filter:drop-shadow(0 14px 18px rgba(0,0,0,.55)) drop-shadow(0 2px 2px rgba(0,0,0,.35))}}
@keyframes fk-attacca{0%{opacity:1;transform:translate(-50%,-50%) translate(calc(var(--x) + 75vw),calc(var(--y) + 35vh)) scale(1.12) rotate(calc(var(--r) + 38deg));animation-timing-function:cubic-bezier(.3,.5,.6,1)}60%{transform:translate(-50%,-50%) translate(calc(var(--x) - 2.5%),calc(var(--y) + .5%)) scale(.97) rotate(calc(var(--r) - 2.5deg));animation-timing-function:cubic-bezier(.3,.6,.3,1)}80%{transform:translate(-50%,-50%) translate(calc(var(--x) + .8%),var(--y)) scale(1.01) rotate(calc(var(--r) + .8deg))}100%{opacity:1;transform:translate(-50%,-50%) translate(var(--x),var(--y)) scale(1) rotate(var(--r))}}
@keyframes fk-pop{0%{opacity:0;transform:scale(.2) rotate(-30deg)}100%{opacity:1;transform:none}}
@keyframes fk-sale{0%{opacity:0;transform:translateY(14px)}100%{opacity:1;transform:none}}
@keyframes fk-trema{0%{transform:scale(1.035)}15%{transform:translate(-13px,8px) rotate(-.6deg) scale(1.02)}35%{transform:translate(9px,-7px) rotate(.4deg)}55%{transform:translate(-6px,3px)}75%{transform:translate(3px,-2px)}100%{transform:none}}
@keyframes fk-lampo{0%{opacity:.95}35%{opacity:.6}100%{opacity:0}}
@media(prefers-reduced-motion:reduce){.fk-scena *{animation:none!important}.fk-scena__fermo{transition:none}}
@media(max-width:700px){
  .fk-scena__in{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;align-items:end;padding-bottom:28px}
  .fk-pila{grid-column:1;grid-row:1;width:auto}
  .fk-scena__in{justify-content:stretch}.fk-scena__testo{width:100%}
  .fk-pila figure{--fw:min(54vw,24vh);width:var(--fw);top:auto;bottom:calc(var(--fw) * -.74 + 26px)}  /* agganciata al fondo: ⛔ sopra l'occhiello */
  .fk-scena__testo{grid-row:2}
  .fk-nome{font-size:min(17vw,9.5vh)}
  .fk-nome__boom{--s:84px;right:-2%;top:74%}
}

/* 3 · IL NASTRO: sul chiaro, le quattro parole che scorrono, il pallino fra una e l'altra */
/* il contenitore taglia solo di lato: il nastro storto ⛔ fa scorrere la pagina in orizzontale */
.fk-nastro-c{position:relative;z-index:3;overflow-x:clip;margin:calc(clamp(30px,3.4vw,52px) * -1) 0}
.fk-nastro{overflow:clip;margin:0 -2vw;padding:clamp(12px,1.3vw,20px) 0;
  background:var(--fk-corallo);color:var(--fk-nero);transform:rotate(-1.6deg);box-shadow:0 18px 26px -18px rgba(0,0,0,.6)}
.fk-nastro__in{display:flex;align-items:center;width:max-content;animation:fk-nastro 38s linear infinite}
.fk-nastro span{font-family:'Bricolage','Inter',sans-serif;font-stretch:75%;font-weight:800;font-size:clamp(2rem,4.6vw,4.8rem);letter-spacing:-.01em;line-height:1;text-transform:uppercase;white-space:nowrap}
.fk-nastro i{flex:none;width:.5em;height:.5em;margin:0 .5em;background:var(--fk-nero);clip-path:var(--stella);font-size:clamp(2rem,4.6vw,4.8rem)}
@keyframes fk-nastro{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.fk-nastro__in{animation:none}}

/* 4 · DENTRO: la foto a sinistra col biglietto, il sommario a destra sul filetto */
/* L'ARCHIVIO: sul nero, le copertine attaccate in fila un po' storte, ognuna con l'ombra piena di un colore di casa */
.fk-arch{position:relative;isolation:isolate;overflow:clip;padding:var(--sezione) 0;background:var(--fk-nero);color:var(--fk-crema)}
.fk-arch .fk-dek{max-width:40ch;color:rgba(239,227,207,.86)}
.fk-arch__l{list-style:none;margin:clamp(44px,5vw,80px) 0 0;padding:0;display:grid;grid-template-columns:repeat(var(--col,6),minmax(0,1fr));gap:clamp(36px,4vw,64px) clamp(18px,2.2vw,36px)}
.fk-arch__l figure{margin:0;transform:rotate(var(--r));box-shadow:7px 8px 0 var(--o);transition:transform .35s cubic-bezier(.2,.8,.2,1)}
@media(hover:hover){.fk-arch__l li:hover figure{transform:rotate(0) translateY(-6px)}}
.fk-arch__l img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:cover}
.fk-arch__l p{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin:clamp(16px,1.6vw,24px) 0 0}
.fk-arch__l b{font-family:'Bricolage','Inter',sans-serif;font-stretch:75%;font-weight:800;font-size:clamp(1.6rem,1rem + 1.2vw,2.4rem);line-height:.9}
.fk-arch__l span{font-size:.6875rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:rgba(239,227,207,.72)}
@media(max-width:1000px){.fk-arch__l{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:560px){.fk-arch__l{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 18px}}
/* GLI ATTREZZI DELLO STILE, per tutte le sezioni sotto la scena (la sezione modello è DENTRO) */
/* l'etichetta a nastro nero, come quelle stampate a rilievo: l'occhiello di ogni sezione */
.fk-et{display:inline-block;margin:0 0 clamp(18px,1.8vw,28px);padding:.55em .8em .5em;background:var(--fk-nero);color:var(--fk-crema);
  font-size:.75rem;font-weight:600;letter-spacing:.14em;line-height:1;text-transform:uppercase;transform:rotate(-2deg);box-shadow:0 6px 10px -6px rgba(0,0,0,.6)}
.fk-et--chiaro{background:var(--fk-crema);color:var(--fk-nero)}
.fk-sez>.fk-et{justify-self:start;grid-column:1/-1}
/* il titolo: Bricolage stretto, e le parole chiave su una striscia di carta strappata */
.fk-t2{margin:0;font-family:'Bricolage','Inter',sans-serif;font-stretch:75%;font-weight:800;font-size:clamp(2.6rem,1rem + 4.4vw,6rem);
  letter-spacing:-.01em;line-height:.92;text-transform:uppercase;text-wrap:balance}
.fk-t2 b{display:inline-block;font-weight:inherit;padding:.12em .22em .06em;margin:.06em 0 0 -.12em;background:center/100% 100% no-repeat url(https://firenzeurbanlifestyle.com/wp-content/uploads/2026/11/fk-carta-corallo-corta.webp);
  transform:rotate(-1.5deg);filter:drop-shadow(0 6px 8px rgba(0,0,0,.3))}
.fk-t2 b.fk-t2__s{background-image:url(https://firenzeurbanlifestyle.com/wp-content/uploads/2026/11/fk-carta-salvia-fascia.webp)}

/* 4 · COM'È FATTO, sulla crema: la testa (titolo a sinistra, sommario a destra), la bacheca delle doppie pagine, le quattro schede */
.fk-dentro{position:relative;isolation:isolate;padding:calc(var(--sezione) + 30px) 0 var(--sezione);background:var(--fk-crema);color:var(--fk-nero)}
.fk-dentro::before,.fk-chi::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.35;mix-blend-mode:multiply;pointer-events:none;
  background-image: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='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.fk-capo{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);column-gap:clamp(32px,5vw,96px);align-items:end}
.fk-capo .fk-dek{margin:0;padding-bottom:.3em}
.fk-dentro__testa{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);column-gap:clamp(32px,5vw,96px);align-items:end}
.fk-dentro__dek{margin:0;max-width:40ch;font-size:clamp(1.05rem,1.3vw,1.3rem);font-weight:300;line-height:1.45;padding-bottom:.3em}
/* la bacheca: le doppie pagine attaccate storte, ognuna con lo scotch; arrivano una dopo l'altra come attaccate a mano */
.fk-bach{position:relative;margin:clamp(48px,5vw,88px) 0 0;aspect-ratio:100/58}
.fk-bach figure{position:absolute;left:var(--l);top:var(--t);width:var(--w);margin:0;transform:rotate(var(--r));box-shadow:0 26px 40px -22px rgba(0,0,0,.55),0 2px 4px rgba(0,0,0,.18)}
.fk-bach img{display:block;width:100%;height:auto}
.fk-bach .fk-scotch{top:-12px}
.fk-bach__bigl{right:3%;top:-5%}
.fk-bach.vivo figure:not(.su){opacity:0}
.fk-bach figure.su{animation:fk-incolla .55s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--i) * .11s)}
@keyframes fk-incolla{0%{opacity:0;transform:translateY(-26px) scale(1.06) rotate(calc(var(--r) + 5deg))}100%{opacity:1;transform:rotate(var(--r))}}
/* le quattro schede: carta colorata col bordo strappato e l'ombra piena spostata; salgono sopra il fondo della bacheca */
.fk-somm{position:relative;z-index:2;list-style:none;margin:calc(clamp(40px,5vw,90px) * -1) 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:clamp(12px,1.6vw,28px)}
.fk-somm li{transform:rotate(var(--r));filter:drop-shadow(6px 7px 0 var(--fk-nero))}
.fk-somm li>div{display:grid;align-content:start;height:100%;padding:clamp(26px,2.4vw,40px) clamp(18px,1.6vw,28px) clamp(30px,2.8vw,46px);background:var(--c);color:var(--ct,var(--fk-nero))}
.fk-somm--corallo{--c:var(--fk-corallo)}.fk-somm--salvia{--c:var(--fk-menta)}.fk-somm--prugna{--c:var(--fk-magenta);--ct:var(--fk-crema)}.fk-somm--cipria{--c:var(--fk-rosa)}
.fk-somm__n{font-size:.75rem;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.06em}
.fk-somm__t{margin-top:12px;font-family:'Bricolage','Inter',sans-serif;font-stretch:75%;font-weight:800;font-size:clamp(1.9rem,3vw,3.2rem);letter-spacing:-.01em;line-height:.92;text-transform:uppercase}
.fk-somm small{display:block;margin-top:14px;font-size:clamp(.95rem,1.05vw,1.05rem);font-weight:400;line-height:1.38}
.fk-somm__nota{margin:clamp(32px,3vw,48px) 0 0;max-width:44ch;font-size:.875rem;line-height:1.45}
@media(max-width:1000px){.fk-somm{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:28px}.fk-dentro__testa,.fk-capo{grid-template-columns:minmax(0,1fr);row-gap:24px}}
@media(max-width:700px){
  .fk-bach{aspect-ratio:100/143}
  .fk-bach figure{left:var(--lm);top:var(--tm);width:var(--wm)}
  .fk-bach .fk-bach__solo-d{display:none}
  .fk-bach__bigl{right:0;top:-7%}
  .fk-somm{margin-top:28px;grid-template-columns:minmax(0,1fr);row-gap:22px}
}
@media(prefers-reduced-motion:reduce){.fk-bach figure.su{animation:none}}

/* 5 · DOVE SI TROVA, sulla prugna: i tre numeri enormi coi colori delle copertine e l'ombra fuori registro, i mesi delle uscite su carta */
.fk-dove{margin-top:0;padding:var(--sezione) 0;background:var(--fk-magenta);color:var(--fk-crema);overflow:clip}
.fk-dove .fk-t2 b{color:var(--fk-nero)}
.fk-dove__in{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:16px;align-items:center}
.fk-dove__txt{grid-column:1/7}
.fk-dove__txt .fk-t2{margin-bottom:clamp(20px,2vw,28px);font-size:clamp(2.8rem,1rem + 5.6vw,7.4rem)}
.fk-dove__in{container-type:inline-size}
.fk-dove .fk-dek{max-width:44ch;color:rgba(239,227,207,.86)}
/* la foto VERA del giornale in un locale (sua del 31/10: «una foto del prodotto dentro a un locale, e i bolli sulla foto»),
   attaccata storta con lo scotch; i due scoppi ci stanno sopra, sugli angoli opposti. --d è il lato di uno scoppio */
.fk-dove__foto{grid-column:7/-1;justify-self:center;position:relative;width:min(100%,460px);--d:clamp(170px,14.5vw,220px)}
.fk-dove__foto figure{position:relative;margin:0;transform:rotate(1.8deg);box-shadow:9px 10px 0 var(--fk-nero)}
.fk-dove__foto img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:50% 30%}
.fk-scoppi{position:absolute;inset:0;list-style:none;margin:0;padding:0;pointer-events:none}
.fk-scoppi li{position:absolute;width:var(--d);aspect-ratio:1;filter:drop-shadow(6px 7px 0 var(--fk-nero))}
.fk-scoppi li:first-child{left:calc(var(--d) * -.42);top:calc(var(--d) * .2)}.fk-scoppi li:last-child{right:calc(var(--d) * -.26);bottom:calc(var(--d) * -.34)}
.fk-scoppi div{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:21%;
  background:var(--c);color:var(--fk-nero);text-align:center;transform:rotate(var(--r))}
.fk-scoppi b{font-family:'Bricolage','Inter',sans-serif;font-stretch:75%;font-weight:800;font-size:calc(var(--d) * .25);letter-spacing:-.01em;line-height:.84;white-space:nowrap}
.fk-scoppi span{margin-top:.6em;max-width:15ch;font-size:max(10px,calc(var(--d) * .046));font-weight:600;letter-spacing:.08em;line-height:1.25;text-transform:uppercase}
.fk-anno__dopo{display:flex;flex-direction:column;gap:6px;margin:clamp(28px,3vw,44px) 0 0;padding-top:14px;border-top:1px solid rgba(239,227,207,.3);max-width:44ch;font-size:.875rem;color:rgba(239,227,207,.86)}
.fk-anno__dopo strong{color:var(--fk-crema);font-weight:600}

/* 6 · CHI LO FA, sulla crema: i due ritratti scontornati in bianco e nero come fotocopie, incollati su carta colorata strappata con lo scotch */
.fk-chi{position:relative;isolation:isolate;padding:var(--sezione) 0;background:var(--fk-crema);color:var(--fk-nero)}
.fk-chi__in{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:16px;row-gap:48px;align-items:start}
.fk-chi__txt{grid-column:1/-1}
.fk-chi__txt .fk-dek{color:var(--fk-nero)}
.fk-chi__ev{margin:20px 0 0;padding-top:14px;border-top:1px solid rgba(26,21,17,.2);max-width:46ch;font-size:.875rem;line-height:1.45;color:rgba(26,21,17,.75)}
/* la redazione: sei ritagli in fila, attaccati storti alla bacheca */
.fk-chi__p{grid-column:1/-1;list-style:none;margin:clamp(8px,1vw,16px) 0 0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));column-gap:clamp(18px,2.4vw,40px);row-gap:clamp(32px,3.4vw,56px)}
.fk-p__carta{position:relative;transform:rotate(var(--r));filter:drop-shadow(5px 6px 0 var(--fk-nero))}
.fk-p--corallo{--c:var(--fk-corallo)}.fk-p--salvia{--c:var(--fk-salvia,var(--fk-menta))}.fk-p--rosa{--c:var(--fk-rosa)}.fk-p--menta{--c:var(--fk-menta)}
.fk-p__foto{position:relative;margin:0;aspect-ratio:4/5;overflow:clip;background:var(--c)}
.fk-p__foto img{position:absolute;inset:5% 0 0;width:100%;height:95%;object-fit:cover;object-position:50% 100%;filter:grayscale(1) contrast(1.25);mix-blend-mode:multiply;transition:filter .6s var(--e)}
@media(hover:hover){.fk-chi__p li:hover .fk-p__foto img{filter:none}}
.fk-p__t{margin:16px 0 0}
.fk-p__nome{display:block;font-family:'Bricolage','Inter',sans-serif;font-stretch:75%;font-weight:800;font-size:clamp(1.15rem,1.5vw,1.6rem);letter-spacing:0;line-height:.95;text-transform:uppercase}
.fk-firme{grid-column:1/-1;margin-top:clamp(16px,2vw,32px);padding-top:clamp(28px,3vw,44px);border-top:1px solid rgba(26,21,17,.2)}
.fk-firme__k{margin:0 0 clamp(18px,2vw,26px);font-size:.75rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.fk-firme__l{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:16px 14px}
.fk-firme__l li{padding:.42em .6em .38em;background:#fff;color:var(--fk-nero);transform:rotate(var(--r));box-shadow:4px 5px 0 var(--fk-nero);
  font-family:'Bricolage','Inter',sans-serif;font-stretch:75%;font-weight:800;font-size:clamp(1.1rem,1.6vw,1.7rem);line-height:1;text-transform:uppercase;white-space:nowrap}
.fk-firme__l li:nth-child(4n+2){background:var(--fk-rosa)}.fk-firme__l li:nth-child(4n+3){background:var(--fk-menta)}.fk-firme__l li:nth-child(4n){background:var(--fk-corallo)}
.fk-firme__l i{font-family:'Inter',sans-serif;font-stretch:normal;font-weight:400;font-style:italic;font-size:.62em;text-transform:none;margin-right:.15em}
.fk-p__ruolo{display:block;margin-top:6px;font-size:.6875rem;font-weight:600;letter-spacing:.06em;line-height:1.35;text-transform:uppercase;color:rgba(26,21,17,.68)}

/* 7 · PER CHI FA PUBBLICITÀ: sul nero, la pagina vuota 28 × 42 storta, con la base allineata al testo */
.fk-adv{position:relative;z-index:2;margin-top:0;padding:var(--sezione) 0;background:var(--fk-nero);color:var(--fk-crema)}
.fk-adv .fk-t2 b{color:var(--fk-nero)}
.fk-adv__in{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:16px;row-gap:56px;align-items:end}
.fk-adv__txt{grid-column:1/8}
.fk-adv__txt .fk-t2{max-width:11em;margin-bottom:clamp(24px,2.6vw,40px)}
.fk-adv__txt .fk-dek{color:var(--su-notte)}
.fk-adv__cta{display:flex;flex-wrap:wrap;gap:10px;margin:clamp(28px,3vw,44px) 0 22px}
.fk-adv__mail{margin:0;font-size:.875rem;color:var(--su-notte)}
.fk-adv__mail a{white-space:nowrap}
.fk-adv__mail a{color:#fff;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em}
.fk-adv__slot{grid-column:9/13;position:relative;justify-self:center;width:min(100%,380px)}
.fk-slot{position:relative;aspect-ratio:2/3;background:var(--fk-crema);color:var(--fk-nero);border:2px solid var(--fk-nero);padding:clamp(16px,1.6vw,24px);display:grid;grid-template-rows:1fr 1fr;
  transform:rotate(2.2deg);box-shadow:7px 8px 0 var(--fk-nero)}  /* l'ombra piena fuori registro: sul bianco del piede il foglio resta disegnato */
.fk-slot>div{display:flex;flex-direction:column;justify-content:space-between;gap:12px;min-height:0}
.fk-slot>div+div{border-top:1px dashed var(--ink);padding-top:14px;margin-top:4px}
.fk-slot small{font-size:.6875rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--grigio)}
.fk-slot__t{margin:0;max-width:8em;font-family:'Bricolage','Inter',sans-serif;font-stretch:75%;font-size:clamp(2.2rem,3.2vw,3.4rem);font-weight:800;letter-spacing:-.01em;line-height:.88;text-transform:uppercase}
.fk-slot p:not(.fk-slot__t){margin:0;max-width:20ch;font-size:.95rem;font-weight:300;line-height:1.4;color:var(--grigio)}
.fk-adv__slot .fk-bigl{right:-26px;bottom:16%}

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

@media(max-width:1000px){
  .fk-sez>h2,.fk-sez .fk-dek{grid-column:1/-1}
  .fk-chi__txt,.fk-chi__p{grid-column:1/-1}
  .fk-dove__txt{grid-column:1/-1}
  .fk-dove__foto{grid-column:1/-1;margin-top:clamp(48px,8vw,72px);width:min(100% - 40px,440px);--d:min(38vw,190px)}
  .fk-scoppi li:first-child{left:calc(var(--d) * -.18)}.fk-scoppi li:last-child{right:calc(var(--d) * -.1);bottom:calc(var(--d) * -.4)}
  .fk-adv__txt{grid-column:1/-1;padding-bottom:0}
  .fk-adv__slot{grid-column:1/-1;justify-self:end;margin-right:6%}
}
@media(max-width:900px){
  .fk-scena{height:calc(100vh * 3.2)}
  .fk-bigl>span{font-size:12px;padding:9px 12px 10px;max-width:21ch}
}
@media(max-width:700px){
  .fk-testa__cta .fb{flex:1 1 auto;justify-content:space-between}
  .fk-chi__p{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:14px;row-gap:26px}
  .fk-p__ruolo{font-size:.625rem}
  .fk-firme__l{gap:12px 10px}
  .fk-firme__l li{font-size:1rem;white-space:normal}
  .fk-adv__slot{width:min(72%,300px);margin-right:4%}
  .fk-adv__slot .fk-bigl{right:auto;left:-8%;bottom:auto;top:-40px}  /* sopra il foglio, sul nero: ⛔ contro il bordo, ⛔ sopra «Mezza pagina» */
  .fk-adv__cta .fb{flex:1 1 auto;justify-content:space-between}
}
@media (prefers-reduced-motion:reduce){.fk-scena{height:auto}.fk-scena__fermo{position:relative;height:auto;min-height:100vh;background:var(--fk-corallo)}
  .fk-scena__in{height:auto;min-height:100vh}.fk-pila{min-height:60vh}.fk-scena__barra{display:none}}