/* ============================================================
   TESTATE (25 set 2026): l'apertura di ogni pagina
   Stessa ossatura dappertutto, un fondo e un oggetto per pagina.
   PHP: inc/testate.php (ossatura) e inc/testate-lati.php (oggetti).
   1. Ossatura   2. Fondi   3. Oggetti   4. Tablet e telefono
   Il titolo e' stampato "fuori registro": l'ombra piena, di un colore
   diverso per pagina, come una seconda lastra spostata.
   ============================================================ */

/* ---- 1. OSSATURA ---------------------------------------------------------- */
.pp-th{ --th-fondo:var(--pp-cream,#F0E6C7); --th-testo:var(--pp-ink,#242124); --th-ombra:var(--pp-acid,#F9DB62);
  position:relative; isolation:isolate; overflow:hidden; background:var(--th-fondo); color:var(--th-testo);
  padding:calc(70px + clamp(34px,5vw,76px)) 0 clamp(40px,5.5vw,84px); border-bottom:3px solid var(--pp-ink,#242124); }
.pp-th::before,.pp-th::after{ content:""; position:absolute; inset:0; pointer-events:none; }
.pp-th::before{ z-index:-2; }
.pp-th::after{ z-index:-1; }
.pp-th img{ border:0 !important; border-radius:0 !important; }
.pp-th-griglia{ position:relative; display:grid; grid-template-columns:minmax(0,11fr) minmax(0,9fr); gap:clamp(28px,4vw,64px); align-items:center; }
.pp-th-griglia--solo{ grid-template-columns:minmax(0,1fr); }
.pp-th-testo{ min-width:0; }
.pp-th-kicker{ display:inline-flex; flex-wrap:wrap; align-items:center; gap:.2rem .7rem; margin:0; max-width:none; padding:.35rem .9rem;
  background:var(--pp-cream,#F0E6C7); color:var(--pp-ink,#242124); border:2px solid var(--pp-ink,#242124); border-radius:999px;
  font:700 .74rem/1.25 "Space Mono",monospace; text-transform:uppercase; letter-spacing:.08em; }
.pp-th-kicker b{ font:inherit; padding:.05rem .5rem; margin-right:-.4rem; background:var(--pp-ink,#242124); color:var(--pp-acid,#F9DB62); border-radius:999px; }
.pp-th-titolo{ margin:clamp(16px,2vw,24px) 0 0; color:var(--th-testo); font:400 clamp(2.6rem,6.4vw,5.6rem)/.9 "Archivo Black",sans-serif;
  text-transform:uppercase; letter-spacing:-.02em; text-wrap:balance; text-shadow:.05em .07em 0 var(--th-ombra); }
.pp-th-intro{ max-width:54ch; margin:clamp(16px,2vw,24px) 0 0; font:400 1rem/1.62 "Space Mono",monospace; color:inherit; }
.pp-th-intro p{ max-width:none; margin:0 0 .8em; font:inherit; color:inherit; }
.pp-th-intro p:last-child{ margin-bottom:0; }
.pp-th-azioni{ display:flex; flex-wrap:wrap; gap:12px 14px; margin-top:clamp(22px,2.6vw,30px); }
.pp-th-btn--giu::after{ content:"↓"; }
.pp-th-btn--fuori::after{ content:"↗"; }
.pp-th-lato{ position:relative; min-width:0; }
.pp-th-piede{ position:relative; margin-top:clamp(30px,4.5vw,56px); }
/* il contenuto che segue la testata */
.pp-th-dopo{ padding-top:clamp(36px,5vw,64px); }

/* ---- 2. FONDI ------------------------------------------------------------- */
/* Shop: la mesh piena, stirata e non ritagliata (01_BRAND/FONDI) */
.pp-th--shop{ --th-fondo:var(--pp-acid,#F9DB62); --th-ombra:#FBFAF7; }
.pp-th--shop::before{ background:url("../inc/asset/brand/mesh.jpg") 0 0/100% 100% no-repeat; }
.pp-th--shop .pp-th-titolo--corto{ font-size:clamp(3.6rem,11vw,9.4rem); }

/* Autori e Contatti: carta e mesh a bassa opacita' */
.pp-th--autori::before,.pp-th--contatti::before{ background:url("../inc/asset/brand/mesh.jpg") 0 0/100% 100% no-repeat; opacity:.45; }
.pp-th--contatti{ --th-ombra:var(--pp-rosa,#FF85A5); }

/* Chi siamo: le mani al lavoro, velate d'inchiostro; la foto respira a destra */
.pp-th--redazione{ --th-fondo:var(--pp-ink,#242124); --th-testo:var(--pp-cream,#F0E6C7); --th-ombra:var(--pp-acid,#F9DB62); }
.pp-th--redazione::before{ background:var(--pp-foto) 75% 50%/cover no-repeat; filter:grayscale(1) contrast(1.12); }
.pp-th--redazione::after{ background:linear-gradient(90deg,rgba(36,33,36,.97) 0%,rgba(36,33,36,.9) 46%,rgba(36,33,36,.5) 78%,rgba(36,33,36,.34) 100%); }
.pp-th--redazione .pp-th-kicker{ background:var(--pp-acid,#F9DB62); border-color:var(--pp-acid,#F9DB62); }
.pp-th--redazione .pp-th-intro{ color:rgba(240,230,199,.9); }
.pp-th--redazione .pp-th-intro strong{ color:var(--pp-acid,#F9DB62); font-weight:700; }
.pp-th--redazione .pp-th-intro a{ color:var(--pp-acid,#F9DB62); }

/* La Soffitta: carta vecchia, foto in seppia */
.pp-th--soffitta{ --th-fondo:#E6D8B6; --th-ombra:var(--pp-rosa,#FF85A5); }
.pp-th--soffitta::before{ background:var(--pp-foto) center 30%/cover no-repeat; filter:grayscale(1) sepia(.7) contrast(1.02); opacity:.6; }
.pp-th--soffitta::after{ background:linear-gradient(90deg,rgba(230,216,182,.98) 0%,rgba(230,216,182,.93) 44%,rgba(230,216,182,.62) 76%,rgba(230,216,182,.5) 100%); }

/* Sotto la panca: rosa, col retino dei fumetti */
.pp-th--panca{ --th-fondo:var(--pp-rosa,#FF85A5); --th-ombra:#FBFAF7; }
.pp-th--panca::before{ background:radial-gradient(rgba(36,33,36,.17) 1.3px,transparent 1.8px) 0 0/13px 13px; }
.pp-th--panca::after{ background:radial-gradient(120% 90% at 100% 0%,rgba(249,219,98,.55),transparent 60%); }

/* PRPR Fest: la foto della festa colorata dalla mesh */
.pp-th--fest{ --th-fondo:var(--pp-cream,#F0E6C7); --th-ombra:var(--pp-acid,#F9DB62); padding-top:calc(70px + 54px + clamp(26px,4vw,56px)); }
.pp-th--fest::before{ background:var(--pp-foto) center 30%/cover no-repeat; filter:grayscale(1) contrast(1.1); }
.pp-th--fest::after{ background:url("../inc/asset/brand/mesh.jpg") 0 0/100% 100% no-repeat; mix-blend-mode:multiply; opacity:.95; }
.pp-th--fest .pp-th-testo{ padding:clamp(22px,3vw,38px); background:#FBFAF7; border:3px solid var(--pp-ink,#242124); border-radius:var(--pp-r-card,20px); box-shadow:8px 12px 0 var(--pp-ink,#242124); }

/* Appuntamenti: il banchetto in giallo e nero */
.pp-th--app{ --th-fondo:var(--pp-acid,#F9DB62); --th-ombra:#FBFAF7; }
.pp-th--app::before{ background:var(--pp-foto) center 40%/cover no-repeat; filter:grayscale(1) contrast(1.3) brightness(1.08); mix-blend-mode:multiply; }
.pp-th--app::after{ background:linear-gradient(90deg,rgba(249,219,98,.97) 0%,rgba(249,219,98,.9) 42%,rgba(249,219,98,.3) 74%,rgba(249,219,98,.08) 100%); }

/* Strisce: il retino rosa di una pagina stampata */
.pp-th--strisce{ --th-ombra:var(--pp-rosa,#FF85A5); }
.pp-th--strisce::before{ background:radial-gradient(rgba(255,133,165,.5) 1.6px,transparent 2.1px) 0 0/12px 12px; }
.pp-th--strisce::after{ background:linear-gradient(90deg,rgba(240,230,199,.96) 0%,rgba(240,230,199,.82) 50%,rgba(240,230,199,.2) 100%); }

/* ---- 3. OGGETTI ----------------------------------------------------------- */
/* Shop: le copertine a ventaglio, una tirata su al passaggio */
.pp-th-ventaglio{ --h:clamp(150px,19vw,290px); position:relative; display:flex; justify-content:center; align-items:flex-end;
  padding:calc(var(--h) * .14) 0 calc(var(--h) * .34); }
.pp-th-ventaglio a{ position:relative; flex:0 0 auto; margin-left:calc(var(--h) * -.4); transform:rotate(var(--r,0deg)); transform-origin:50% 150%;
  transition:transform .25s cubic-bezier(.2,.8,.2,1); }
.pp-th-ventaglio a:first-child{ margin-left:0; }
.pp-th-ventaglio img{ display:block; height:var(--h); width:auto; background:#fff;
  border:3px solid var(--pp-ink,#242124) !important; border-radius:4px !important; box-shadow:5px 8px 0 var(--pp-ink,#242124); }
.pp-th-ventaglio a:hover,.pp-th-ventaglio a:focus-visible{ z-index:4; transform:rotate(var(--r,0deg)) translateY(-18px); }
.pp-th-ventaglio .pp-th-disteso{ position:absolute; left:50%; bottom:0; margin:0; z-index:3; transform:translateX(-46%) rotate(-5deg); transform-origin:50% 50%; }
.pp-th-ventaglio .pp-th-disteso img{ height:calc(var(--h) * .58); }
.pp-th-ventaglio .pp-th-disteso:hover,.pp-th-ventaglio .pp-th-disteso:focus-visible{ transform:translateX(-46%) rotate(-2deg) translateY(-10px); }
.pp-th-collane{ list-style:none; margin:clamp(22px,2.6vw,30px) 0 0; padding:0; display:flex; flex-wrap:wrap; gap:10px; }
.pp-th-collane a{ display:inline-flex; align-items:center; min-height:44px; padding:.5rem 1.05rem; background:#FBFAF7; color:var(--pp-ink,#242124);
  border:3px solid var(--pp-ink,#242124); border-radius:999px; box-shadow:2px 3px 0 var(--pp-ink,#242124);
  font:700 .8rem/1 "Space Mono",monospace; text-transform:uppercase; letter-spacing:.04em; text-decoration:none; transition:transform .15s,box-shadow .15s; }
.pp-th-collane a:hover{ transform:translate(-1px,-2px); box-shadow:3px 5px 0 var(--pp-ink,#242124); }
.pp-th-collane a[aria-current]{ background:var(--pp-ink,#242124); color:var(--pp-acid,#F9DB62); }
/* TÖLT ha il suo viola (01_BRAND): solo qui, mai su Bivacco */
.pp-th-collane a[data-collana="tolt"][aria-current]{ background:var(--pp-viola,#702963); color:#FBFAF7; }

/* Autori: il muro delle facce */
.pp-th-facce{ --f:clamp(60px,8vw,116px); list-style:none; margin:0; padding:0 0 calc(var(--f) * .5); display:grid;
  grid-template-columns:repeat(5,var(--f)); gap:clamp(10px,1.3vw,18px); justify-content:center; }
.pp-th-facce li{ position:relative; }
/* scendono le colonne 2 e 4, tutte e due le file: niente facce una sull'altra */
.pp-th-facce li:nth-child(5n+2),.pp-th-facce li:nth-child(5n+4){ transform:translateY(45%); }
.pp-th-facce a{ position:relative; display:block; width:var(--f); aspect-ratio:1; text-decoration:none; transform:rotate(var(--r,0deg)); transition:transform .2s ease; }
.pp-th-facce img{ display:block; width:100%; height:100%; object-fit:cover; background:#FBFAF7;
  border:3px solid var(--pp-ink,#242124) !important; border-radius:50% !important; box-shadow:3px 5px 0 var(--pp-ink,#242124); }
.pp-th-facce .pp-th-faccia--disegno img{ object-fit:contain; padding:12%; }
.pp-th-facce span{ position:absolute; left:50%; top:calc(100% + 8px); z-index:3; transform:translateX(-50%); white-space:nowrap; padding:.2rem .55rem;
  background:var(--pp-ink,#242124); color:var(--pp-cream,#F0E6C7); border-radius:999px; font:700 .66rem/1.3 "Space Mono",monospace; text-transform:uppercase;
  opacity:0; transition:opacity .15s; pointer-events:none; }
.pp-th-facce a:hover,.pp-th-facce a:focus-visible{ z-index:2; transform:rotate(0deg) scale(1.08); }
.pp-th-facce a:hover span,.pp-th-facce a:focus-visible span{ opacity:1; }
/* i filtri per collana stanno nella testata */
.pp-th .pp-aut-filtri{ margin:clamp(20px,2.4vw,28px) 0 0; }

/* Chi siamo: il righello degli anni */
.pp-th-righello{ list-style:none; margin:0; padding:0; display:grid; grid-auto-flow:column; grid-auto-columns:minmax(0,1fr);
  border-top:3px solid var(--pp-cream,#F0E6C7);
  background:repeating-linear-gradient(90deg,rgba(240,230,199,.55) 0 2px,transparent 2px 22px) 0 0/100% 9px no-repeat; }
.pp-th-righello li{ position:relative; padding-top:22px; }
.pp-th-righello li::before{ content:""; position:absolute; left:0; top:-3px; width:3px; height:18px; background:var(--pp-cream,#F0E6C7); }
.pp-th-righello a{ display:grid; gap:6px; padding-right:12px; color:var(--pp-cream,#F0E6C7); text-decoration:none; }
.pp-th-righello b{ font:400 clamp(1.1rem,1.9vw,1.7rem)/1 "Archivo Black",sans-serif; }
.pp-th-righello span{ font:700 .64rem/1.35 "Space Mono",monospace; text-transform:uppercase; letter-spacing:.03em; color:rgba(240,230,199,.72); }
.pp-th-righello .pp-th-tappa b{ color:var(--pp-acid,#F9DB62); }
.pp-th-righello .pp-th-tappa::before{ background:var(--pp-acid,#F9DB62); height:26px; }
.pp-th-righello a:hover b,.pp-th-righello a:focus-visible b{ color:var(--pp-acid,#F9DB62); text-decoration:underline; text-decoration-thickness:3px; text-underline-offset:5px; }

/* La Soffitta: il titolo e' l'etichetta sullo scatolone, con lo scotch */
.pp-th--soffitta .pp-th-titolo{ position:relative; display:block; width:fit-content; padding:.14em .32em .1em; background:#FBFAF7; text-shadow:none;
  border:3px solid var(--pp-ink,#242124); border-radius:6px; box-shadow:6px 9px 0 var(--pp-ink,#242124); transform:rotate(-2deg); }
.pp-th--soffitta .pp-th-titolo::before,.pp-th--soffitta .pp-th-titolo::after{ content:""; position:absolute; top:-.2em; width:1.25em; height:.42em;
  background:rgba(249,219,98,.78); border:1px solid rgba(36,33,36,.15); }
.pp-th--soffitta .pp-th-titolo::before{ left:-.42em; transform:rotate(-32deg); }
.pp-th--soffitta .pp-th-titolo::after{ right:-.42em; transform:rotate(30deg); }
.pp-th-scatola{ position:relative; display:grid; place-items:center; padding:28px 0; }
.pp-th-scatola img{ width:min(100%,440px); height:auto; }
.pp-th-bollo{ position:absolute; display:grid; place-content:center; gap:2px; width:clamp(94px,9vw,124px); aspect-ratio:1; padding:8px; text-align:center;
  border:3px solid var(--pp-ink,#242124); border-radius:50%; box-shadow:4px 6px 0 var(--pp-ink,#242124);
  font:700 clamp(.58rem,.75vw,.68rem)/1.2 "Space Mono",monospace; text-transform:uppercase; color:var(--pp-ink,#242124); }
.pp-th-bollo b{ display:block; font:400 clamp(1.5rem,2.4vw,2.2rem)/1 "Archivo Black",sans-serif; }
.pp-th-bollo--a{ top:0; right:4%; background:var(--pp-acid,#F9DB62); transform:rotate(8deg); }
.pp-th-bollo--b{ bottom:0; left:6%; background:var(--pp-rosa,#FF85A5); transform:rotate(-7deg); }

/* Sotto la panca: il timbro e l'ultima lettera */
.pp-th-panca{ position:relative; display:grid; justify-items:center; padding:10px 0 20px; }
.pp-th-timbro{ position:relative; z-index:2; display:grid; place-items:center; width:clamp(170px,19vw,250px); aspect-ratio:1; margin-top:-40px; margin-left:auto;
  background:#FBFAF7; border:3px solid var(--pp-ink,#242124); border-radius:50%; box-shadow:6px 9px 0 var(--pp-ink,#242124); transform:rotate(9deg); }
.pp-th-timbro::before{ content:""; position:absolute; inset:9px; border:2px dashed var(--pp-ink,#242124); border-radius:50%; }
.pp-th-timbro img{ width:62%; height:auto; }
.pp-th-lettera{ position:relative; z-index:1; display:grid; gap:10px; width:min(100%,400px); padding:26px 26px 22px; margin-right:auto;
  background:#FBFAF7; color:var(--pp-ink,#242124); border:3px solid var(--pp-ink,#242124); border-radius:10px; box-shadow:8px 12px 0 var(--pp-ink,#242124);
  text-decoration:none; transform:rotate(-3deg); transition:transform .2s ease; }
.pp-th-lettera::before{ content:""; position:absolute; inset:0 0 auto; height:46%; pointer-events:none; border-bottom:2px solid rgba(36,33,36,.25);
  background:linear-gradient(to bottom right,transparent calc(50% - 1px),rgba(36,33,36,.25) 50%,transparent calc(50% + 1px)) 0 0/50% 100% no-repeat,
             linear-gradient(to bottom left,transparent calc(50% - 1px),rgba(36,33,36,.25) 50%,transparent calc(50% + 1px)) 100% 0/50% 100% no-repeat; }
.pp-th-lettera:hover,.pp-th-lettera:focus-visible{ transform:rotate(-1deg) translateY(-4px); }
.pp-th-lettera-data{ justify-self:start; position:relative; padding:.2rem .6rem; background:var(--pp-acid,#F9DB62); border:2px solid var(--pp-ink,#242124); border-radius:999px;
  font:700 .7rem/1.2 "Space Mono",monospace; text-transform:uppercase; }
.pp-th-lettera strong{ position:relative; margin-top:clamp(28px,4vw,48px); font:400 clamp(1.3rem,2.2vw,1.8rem)/1.05 "Archivo Black",sans-serif; text-transform:uppercase; }
.pp-th-lettera-leggi{ font:700 .78rem/1.2 "Space Mono",monospace; text-transform:uppercase; }
.pp-th-lettera-leggi::after{ content:" →"; }

/* PRPR Fest: bandierine, e la locandina appesa */
.pp-th-bandierine{ position:absolute; top:70px; left:0; z-index:1; display:block; width:100%; height:54px; pointer-events:none; }
.pp-th-manifesto{ position:relative; justify-self:center; width:min(100%,400px); margin-inline:auto; padding:18px 0 30px; }
.pp-th-manifesto img{ display:block; width:100%; height:auto; transform:rotate(3deg);
  border:3px solid var(--pp-ink,#242124) !important; border-radius:8px !important; box-shadow:10px 15px 0 var(--pp-ink,#242124); }
.pp-th-manifesto .pp-th-bollo--a{ top:0; right:-14px; }
.pp-th-manifesto .pp-th-bollo--b{ bottom:6px; left:-18px; }

/* Contatti: il titolo in una nuvoletta, l'email come un francobollo */
.pp-th--contatti .pp-th-titolo{ position:relative; display:block; width:fit-content; padding:.26em .48em .3em; background:#FBFAF7; text-shadow:none;
  border:3px solid var(--pp-ink,#242124); border-radius:.5em; box-shadow:6px 9px 0 var(--pp-ink,#242124); }
.pp-th--contatti .pp-th-titolo::after{ content:""; position:absolute; left:1.1em; bottom:-.36em; width:.62em; height:.62em; background:#FBFAF7;
  border-right:3px solid var(--pp-ink,#242124); border-bottom:3px solid var(--pp-ink,#242124); transform:rotate(45deg) skew(12deg,12deg); }
.pp-th-posta{ display:grid; justify-items:start; gap:18px; }
.pp-th-francobollo{ position:relative; display:grid; gap:6px; padding:22px 26px; max-width:100%; background:var(--pp-acid,#F9DB62); color:var(--pp-ink,#242124);
  text-decoration:none; border:3px solid var(--pp-ink,#242124); border-radius:4px; box-shadow:6px 9px 0 var(--pp-ink,#242124); transform:rotate(-2deg);
  outline:3px dashed var(--pp-ink,#242124); outline-offset:-12px; transition:transform .2s ease; }
.pp-th-francobollo:hover,.pp-th-francobollo:focus-visible{ transform:rotate(0) translateY(-3px); }
.pp-th-francobollo span{ font:700 .72rem/1.2 "Space Mono",monospace; text-transform:uppercase; letter-spacing:.06em; }
.pp-th-francobollo strong{ font:400 clamp(1.1rem,2.2vw,1.75rem)/1.1 "Archivo Black",sans-serif; overflow-wrap:anywhere; }
.pp-th-indirizzo{ margin:0; max-width:none; font:400 .9rem/1.5 "Space Mono",monospace; }

/* Appuntamenti: il biglietto, con i denti della perforazione */
.pp-th-biglietto{ display:grid; justify-items:center; padding:12px 0; }
.pp-th-biglietto-in{ --buco:14px; position:relative; display:grid; gap:10px; width:min(100%,380px); padding:26px 28px 26px 34px; color:var(--pp-ink,#242124); text-decoration:none;
  background:
    radial-gradient(circle at 0 50%,transparent var(--buco),#FBFAF7 calc(var(--buco) + 1px)) 0 0/51% 100% no-repeat,
    radial-gradient(circle at 100% 50%,transparent var(--buco),#FBFAF7 calc(var(--buco) + 1px)) 100% 0/51% 100% no-repeat;
  filter:drop-shadow(3px 0 0 var(--pp-ink,#242124)) drop-shadow(-3px 0 0 var(--pp-ink,#242124)) drop-shadow(0 3px 0 var(--pp-ink,#242124)) drop-shadow(0 -3px 0 var(--pp-ink,#242124)) drop-shadow(8px 12px 0 var(--pp-ink,#242124));
  transform:rotate(4deg); }
.pp-th-biglietto-in::before{ content:""; position:absolute; top:12px; bottom:12px; left:18px; border-left:3px dashed var(--pp-ink,#242124); opacity:.5; }
.pp-th-biglietto-k{ font:700 .72rem/1.2 "Space Mono",monospace; text-transform:uppercase; letter-spacing:.08em; }
.pp-th-biglietto-data{ font:700 1rem/1 "Space Mono",monospace; text-transform:uppercase; }
.pp-th-biglietto-data b{ font:400 clamp(2.4rem,4vw,3.4rem)/1 "Archivo Black",sans-serif; }
.pp-th-biglietto-in strong{ font:400 clamp(1.3rem,2.3vw,1.9rem)/1.05 "Archivo Black",sans-serif; text-transform:uppercase; }
.pp-th-biglietto-dove{ font:400 .88rem/1.45 "Space Mono",monospace; }

/* Strisce: la pagina a vignette */
.pp-th-vignette{ display:grid; grid-template-columns:1.25fr 1fr; grid-template-rows:auto auto; gap:12px; padding:12px; background:#FBFAF7;
  border:3px solid var(--pp-ink,#242124); border-radius:6px; box-shadow:8px 12px 0 var(--pp-ink,#242124); transform:rotate(1.5deg); }
.pp-th-vignetta{ position:relative; display:grid; align-content:end; gap:6px; min-height:clamp(120px,13vw,180px); padding:14px; overflow:hidden;
  border:3px solid var(--pp-ink,#242124); color:var(--pp-ink,#242124); text-decoration:none; }
.pp-th-vignetta strong{ position:relative; font:400 clamp(1.4rem,2.6vw,2.3rem)/.95 "Archivo Black",sans-serif; text-transform:uppercase; }
.pp-th-vignetta span{ position:relative; font:700 .7rem/1.2 "Space Mono",monospace; text-transform:uppercase; }
.pp-th-vignetta--a{ grid-row:span 2; background:url("../inc/asset/brand/mesh.jpg") 0 0/100% 100% no-repeat; }
.pp-th-vignetta--b{ background:var(--pp-acid,#F9DB62); }
.pp-th-vignetta--c{ display:grid; place-items:center; background:#FBFAF7; }
.pp-th-vignetta--c img{ width:62%; height:auto; transform:rotate(-8deg); }
.pp-th-vignetta--d{ display:none; }
a.pp-th-vignetta:hover strong,a.pp-th-vignetta:focus-visible strong{ text-decoration:underline; text-decoration-thickness:4px; text-underline-offset:6px; }

/* ---- 4. TABLET E TELEFONO ------------------------------------------------- */
@media (max-width:1023px){
  .pp-th-griglia{ grid-template-columns:minmax(0,1fr); }
  .pp-th--redazione::after{ background:linear-gradient(180deg,rgba(36,33,36,.92) 0%,rgba(36,33,36,.88) 60%,rgba(36,33,36,.8) 100%); }
  .pp-th--soffitta::after{ background:linear-gradient(180deg,rgba(230,216,182,.95) 0%,rgba(230,216,182,.88) 100%); }
  .pp-th--app::after{ background:linear-gradient(180deg,rgba(249,219,98,.95) 0%,rgba(249,219,98,.85) 60%,rgba(249,219,98,.55) 100%); }
  .pp-th--strisce::after{ background:rgba(240,230,199,.8); }
  .pp-th-righello{ grid-auto-flow:row; grid-template-columns:repeat(4,minmax(0,1fr)); row-gap:18px; }
  .pp-th-righello span{ display:none; }
}
@media (max-width:640px){
  .pp-th{ padding-bottom:40px; }
  .pp-th-kicker{ font-size:.66rem; padding:.3rem .7rem; letter-spacing:.06em; }
  .pp-th-intro{ font-size:.92rem; line-height:1.55; }
  .pp-th-azioni{ flex-wrap:nowrap; gap:10px; }
  .pp-th-azioni .pp-h2-btn{ flex:1 1 0; min-width:0; justify-content:center; padding:.75rem .8rem; font-size:.82rem; white-space:nowrap; }
  .pp-th-ventaglio{ --h:clamp(110px,32vw,132px); }
  .pp-th-collane a{ min-height:40px; padding:.4rem .8rem; font-size:.72rem; }
  .pp-th-facce{ --f:clamp(52px,15vw,64px); gap:8px; }
  .pp-th-facce span{ display:none; }
  .pp-th-scatola{ padding:10px 0 20px; }
  .pp-th-scatola img{ width:min(78%,300px); }
  .pp-th-panca{ padding-bottom:6px; }
  .pp-th-timbro{ width:128px; margin-top:-34px; }
  .pp-th-lettera{ width:calc(100% - 40px); padding:20px 20px 18px; }
  .pp-th--fest{ padding-top:calc(70px + 44px + 22px); }
  .pp-th-bandierine{ height:44px; }
  .pp-th--fest .pp-th-testo{ padding:20px; }
  .pp-th-manifesto{ width:min(60%,236px); padding-bottom:22px; }
  .pp-th-manifesto .pp-th-bollo--a{ right:-26px; }
  .pp-th-manifesto .pp-th-bollo--b{ left:-26px; }
  .pp-th-bollo{ width:88px; }
  .pp-th-vignette{ transform:none; }
  .pp-th-vignetta{ min-height:108px; padding:10px; }
}

@media (prefers-reduced-motion:reduce){
  .pp-th-ventaglio a,.pp-th-facce a,.pp-th-lettera,.pp-th-francobollo,.pp-th-collane a{ transition:none; }
}