/* ===========================================================
   NEUMA RADIO — design system condiviso
   Palette e font ufficiali del brand kit.
   Arancio ufficiale #E8613A · Nero editoriale #1A1A1A
=========================================================== */
:root{
  /* palette ufficiale */
  --arancio:#E8613A; --arancio-scuro:#C1471F; --ambra:#EE9B4A; --pesca:#F7CBA4;
  --nero:#1A1A1A; --ink:#0F0F0F; --bruno:#2A1B10; --bruno2:#3A2818; --terra:#9C3A17;
  --crema:#DDCEAF; --carta:#FAF7F1; --carta2:#F3EBDD; --grigio:#8A8578;
  --logo-fondo:#D96C50;
  --respiro:3.2s;
  --maxw:1160px;
}
*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}

/* ===== OPENER / INTRO (solo home) ===== */
#opener{position:fixed;inset:0;z-index:9999;overflow:hidden;
  background:radial-gradient(circle at 50% 42%, var(--ambra), var(--arancio) 46%, var(--arancio-scuro) 100%);
  display:flex;align-items:center;justify-content:center;cursor:pointer;
  animation:opFade .6s ease 3.2s forwards}
#opener.op-off,.op-seen #opener{display:none}
/* onde concentriche che RIEMPIONO lo sfondo, lente e profonde (effetto tunnel) */
.op-onde{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
/* vignettatura: scurisce i bordi e crea profondita' verso il centro */
.op-onde::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
  background:radial-gradient(circle at 50% 42%, transparent 0, transparent 34%, rgba(120,40,12,.45) 100%)}
.op-onde span{position:absolute;top:42%;left:50%;width:180vmax;height:180vmax;margin:0;
  border-radius:50%;border:3px solid rgba(255,238,218,.85);
  transform:translate(-50%,-50%) scale(.015);opacity:0;filter:blur(9px);
  box-shadow:0 0 34px rgba(255,206,158,.4), inset 0 0 34px rgba(255,206,158,.28);
  animation:opRipple 7s cubic-bezier(.55,.06,.68,.19) infinite}
.op-onde span:nth-child(2){animation-delay:.44s;border-color:rgba(255,222,190,.6)}
.op-onde span:nth-child(3){animation-delay:.88s}
.op-onde span:nth-child(4){animation-delay:1.31s;border-color:rgba(255,222,190,.6)}
.op-onde span:nth-child(5){animation-delay:1.75s}
.op-onde span:nth-child(6){animation-delay:2.19s;border-color:rgba(255,222,190,.6)}
.op-onde span:nth-child(7){animation-delay:2.63s}
.op-onde span:nth-child(8){animation-delay:3.06s;border-color:rgba(255,222,190,.6)}
.op-onde span:nth-child(9){animation-delay:3.5s}
.op-onde span:nth-child(10){animation-delay:3.94s;border-color:rgba(255,222,190,.6)}
.op-onde span:nth-child(11){animation-delay:4.38s}
.op-onde span:nth-child(12){animation-delay:4.81s;border-color:rgba(255,222,190,.6)}
.op-onde span:nth-child(13){animation-delay:5.25s}
.op-onde span:nth-child(14){animation-delay:5.69s;border-color:rgba(255,222,190,.6)}
.op-onde span:nth-child(15){animation-delay:6.13s}
.op-onde span:nth-child(16){animation-delay:6.56s;border-color:rgba(255,222,190,.6)}
@keyframes opRipple{
  0%{transform:translate(-50%,-50%) scale(.015);opacity:0;filter:blur(9px)}
  8%{opacity:.9}
  45%{filter:blur(0)}
  85%{opacity:.4}
  100%{transform:translate(-50%,-50%) scale(1);opacity:0;filter:blur(0)}}
.op-stage{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;opacity:0;
  animation:opStage .7s ease .1s forwards}
.op-occhio{width:clamp(140px,30vw,232px);height:auto;opacity:0;transform:scale(.68);
  animation:opEye 1s cubic-bezier(.2,.7,.2,1) .2s forwards;filter:drop-shadow(0 16px 46px rgba(90,26,8,.45))}
.op-nome{margin-top:28px;font-family:'Baloo 2',cursive;font-weight:600;letter-spacing:.005em;
  font-size:clamp(2.6rem,7vw,4.4rem);line-height:1;color:#FFF7EF;opacity:0;transform:translateY(14px);animation:opUp .7s ease .7s forwards}
.op-claim{margin-top:16px;font-family:'Spline Sans Mono',monospace;font-size:clamp(.72rem,1.6vw,.9rem);letter-spacing:.22em;text-transform:uppercase;
  color:rgba(255,244,232,.92);opacity:0;transform:translateY(10px);animation:opUp .7s ease .95s forwards}
/* ante della tenda che si scostano subito */
.op-tenda{position:absolute;top:0;bottom:0;width:52%;z-index:3;background:linear-gradient(160deg,var(--arancio),var(--arancio-scuro))}
.op-tenda.sx{left:0;border-right:1px solid rgba(255,222,186,.55);box-shadow:20px 0 60px rgba(120,40,12,.45);
  animation:opSx .9s cubic-bezier(.7,0,.15,1) 0s forwards}
.op-tenda.dx{right:0;border-left:1px solid rgba(255,222,186,.55);box-shadow:-20px 0 60px rgba(120,40,12,.45);
  animation:opDx .9s cubic-bezier(.7,0,.15,1) 0s forwards}
@keyframes opSx{to{transform:translateX(-101%)}}
@keyframes opDx{to{transform:translateX(101%)}}
@keyframes opEye{to{opacity:1;transform:scale(1)}}
@keyframes opStage{to{opacity:1}}
@keyframes opUp{to{opacity:1;transform:translateY(0)}}
@keyframes opFade{to{opacity:0;visibility:hidden}}
@media(prefers-reduced-motion:reduce){#opener{display:none}}
html{scroll-behavior:smooth}
body{background:var(--carta);font-family:'Figtree',sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;color:var(--bruno);overflow-x:hidden}
::selection{background:var(--pesca);color:var(--bruno)}
img{max-width:100%;display:block}
a{color:inherit}
.mono{font-family:'Spline Sans Mono',monospace;letter-spacing:.14em;text-transform:uppercase}
.inner{max-width:var(--maxw);margin:0 auto;width:100%}

/* ===== NAV ===== */
.nav{position:sticky;top:0;z-index:60;display:flex;align-items:center;justify-content:space-between;
  padding:14px 22px;background:rgba(250,247,241,.85);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(42,27,16,.08)}
.nav .brand{display:flex;align-items:center;gap:8px;font-family:'Baloo 2','Baloo',cursive;font-weight:500;font-size:1.16rem;color:var(--nero);text-decoration:none}
.nav .brand .b-neuma{color:#E8613A;font-weight:500}
.nav .brand .b-radio{color:var(--nero);font-weight:500;margin-left:.08em}
.nav .brand img{width:30px;height:auto}
.nav .brand img.brand-logo{width:auto;height:78px}
@media(max-width:560px){.nav .brand img.brand-logo{height:56px}}
.nav-links{display:flex;align-items:center;gap:28px}
.nav-links a{font-family:'Spline Sans Mono',monospace;font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;
  color:var(--bruno);text-decoration:none;font-weight:500;opacity:.82;transition:opacity .15s,color .15s}
.nav-links a:hover,.nav-links a.attivo{opacity:1;color:var(--arancio)}
.nav-links a.cta{background:var(--arancio);color:#fff;padding:9px 16px;border-radius:3px;opacity:1;box-shadow:0 8px 20px -12px rgba(232,97,58,.7)}
.nav-links a.cta:hover{color:#fff;background:var(--arancio-scuro)}
.burger{display:none;flex-direction:column;gap:5px;padding:8px;background:none;border:none;cursor:pointer}
.burger i{width:22px;height:1.8px;background:var(--nero);border-radius:2px;transition:transform .25s,opacity .2s}
.nav.open .burger i:nth-child(1){transform:translateY(6.8px) rotate(45deg)}
.nav.open .burger i:nth-child(2){opacity:0}
.nav.open .burger i:nth-child(3){transform:translateY(-6.8px) rotate(-45deg)}

/* ===== HERO ===== */
.hero{position:relative;padding:clamp(64px,9svh,96px) 26px clamp(72px,9svh,104px);text-align:center;overflow:hidden;
  min-height:100vh;min-height:100svh;
  display:flex;flex-direction:column;align-items:center;justify-content:center}
.hero .neumi-field{position:absolute;inset:0;z-index:3;width:100%;height:100%;display:block;pointer-events:none}
.hero .spirale{position:absolute;inset:0;z-index:0;width:100%;height:100%;display:block;pointer-events:none;opacity:.45}
.hero .neumi-stato{position:absolute;top:18px;right:20px;z-index:5;display:inline-flex;align-items:center;gap:8px;
  font-family:'Spline Sans Mono',monospace;font-size:.58rem;letter-spacing:.18em;text-transform:uppercase;
  color:rgba(60,40,25,.55);pointer-events:none;-webkit-user-select:none;user-select:none}
.hero .neumi-stato .pt{width:7px;height:7px;border-radius:50%;background:rgba(60,40,25,.32);transition:background .4s,box-shadow .4s}
.hero .neumi-stato.sente .pt{background:#E8613A;box-shadow:0 0 10px rgba(232,97,58,.6)}
.hero .neumi-stato.vede .pt{background:#E8613A;box-shadow:0 0 0 3px rgba(232,97,58,.22),0 0 14px rgba(232,97,58,.8)}
.hero .alone{position:absolute;top:20%;left:50%;transform:translateX(-50%);width:min(560px,86vw);height:min(560px,86vw);border-radius:50%;
  background:radial-gradient(circle, rgba(232,97,58,.40), rgba(238,155,74,.16) 45%, transparent 70%);
  filter:blur(34px);animation:respira var(--respiro) ease-in-out infinite;z-index:0}
@keyframes respira{0%,100%{transform:translateX(-50%) scale(1);opacity:.8}46%,58%{transform:translateX(-50%) scale(1.1);opacity:1}}
.hero .caustica{position:absolute;inset:0;z-index:0;mix-blend-mode:soft-light;opacity:.5;pointer-events:none;
  background:radial-gradient(closest-side, rgba(255,220,170,.7), transparent 60%);background-size:220px 160px;
  animation:drift 14s ease-in-out infinite alternate}
@keyframes drift{0%{background-position:20% 30%}100%{background-position:70% 60%}}
/* l'occhio e' trascinabile: fa da lente che scopre i testi velati */
.hero .marchio-wrap{position:relative;z-index:4;width:190px;margin-bottom:30px;pointer-events:none;
  will-change:transform;-webkit-user-select:none;user-select:none;transition:filter .8s}
.hero .marchio-wrap.sveglio{filter:drop-shadow(0 0 24px rgba(232,97,58,.42))}
.hero .respiro{position:relative;z-index:4;display:flex;flex-direction:column;align-items:center;gap:16px;margin-bottom:34px}
.hero .respiro-cerchio{position:relative;width:min(206px,26svh);height:min(206px,26svh);display:flex;align-items:center;justify-content:center;will-change:transform;border-radius:50%}
.hero .respiro-cerchio::before{content:"";position:absolute;inset:6%;border-radius:50%;background:rgba(255,255,255,.5);z-index:0;pointer-events:none}
.hero .respiro-ring{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg);z-index:2}
.hero .rr-track{fill:none;stroke:rgba(232,97,58,.15);stroke-width:2}
.hero .rr-prog{fill:none;stroke:#E8613A;stroke-width:3;stroke-linecap:round;stroke-dasharray:339.29;stroke-dashoffset:339.29;filter:drop-shadow(0 0 7px rgba(232,97,58,.5))}
.hero .respiro .marchio{position:relative;z-index:2;width:120px;height:auto;animation:none;filter:none}
.hero .respiro-testo{font-family:'Spline Sans Mono',monospace;font-size:.8rem;letter-spacing:.22em;text-transform:uppercase;display:flex;gap:14px;align-items:baseline}
.hero .respiro-fase{color:#E8613A;font-weight:500}
.hero .respiro-sec{color:#9a795c;min-width:1.4em;text-align:left;font-variant-numeric:tabular-nums}
@media(max-width:560px){.hero .respiro-cerchio{width:min(172px,24svh);height:min(172px,24svh)}.hero .respiro .marchio{width:min(102px,14svh)}}
.hero .logo-testo{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:1px;margin:2px auto 40px}
.hero .lt-nome{font-family:'Baloo 2','Baloo',cursive;font-weight:700;font-size:clamp(1.55rem,4.2vw,2.35rem);color:var(--nero);line-height:1.05}
.hero .lt-claim{font-family:'Baloo 2','Baloo',cursive;font-weight:500;font-size:clamp(.98rem,2.3vw,1.2rem);color:#8a6a4e;letter-spacing:.01em}
.hero>h1{margin-top:0;margin-bottom:22px}
.hero .occhio-guida{position:absolute;bottom:20px;right:20px;z-index:5;display:inline-flex;align-items:center;gap:8px;
  font-family:'Spline Sans Mono',monospace;font-size:.56rem;letter-spacing:.18em;text-transform:uppercase;
  color:rgba(60,40,25,.5);pointer-events:none;-webkit-user-select:none;user-select:none}
.hero .occhio-guida .pt{width:7px;height:7px;border-radius:50%;background:rgba(60,40,25,.3);transition:background .4s,box-shadow .4s}
.hero .occhio-guida.tu .pt{background:#E8613A;box-shadow:0 0 10px rgba(232,97,58,.6)}
.hero.no-velo .velo-testi{display:none}
.hero .marchio{display:block;width:100%;height:auto;pointer-events:none;
  transform-origin:50% 50%;animation:eyeBreath 6.5s ease-in-out infinite;
  filter:drop-shadow(0 10px 30px rgba(193,71,31,.28))}
@keyframes eyeBreath{
  0%,100%{transform:scale(1);filter:drop-shadow(0 10px 30px rgba(193,71,31,.24))}
  50%{transform:scale(1.055);filter:drop-shadow(0 14px 40px rgba(232,97,58,.42))}}
/* velo caldo sopra i testi: un foro morbido segue l'occhio e li rivela */
.hero .velo-testi{position:absolute;inset:0;z-index:2;pointer-events:none;background:rgba(250,247,241,.9);
  -webkit-mask-image:radial-gradient(circle 236px at var(--ex,50%) var(--ey,38%), transparent 0, transparent 40%, #000 100%);
          mask-image:radial-gradient(circle 236px at var(--ex,50%) var(--ey,38%), transparent 0, transparent 40%, #000 100%)}
.hero .rivela-hint{position:relative;z-index:3;display:inline-block;margin:0 0 30px;
  font-family:'Spline Sans Mono',monospace;font-size:.62rem;letter-spacing:.22em;text-transform:uppercase;
  color:var(--arancio);opacity:.72;transition:opacity .6s;pointer-events:none;animation:hintPulse 3s ease-in-out infinite}
.hero.rivela-off .rivela-hint{opacity:0;animation:none}
@keyframes hintPulse{0%,100%{opacity:.4}50%{opacity:.85}}
@media(prefers-reduced-motion:reduce){.hero .rivela-hint{animation:none}}
.hero h1{position:relative;z-index:1;font-family:'Fraunces',serif;font-variation-settings:"SOFT" 100;font-weight:330;
  font-size:clamp(2.7rem,7vw,5rem);line-height:1.02;letter-spacing:-.02em;color:var(--nero);margin-bottom:20px}
.hero .sub{position:relative;z-index:1;font-size:clamp(1rem,2.2vw,1.3rem);color:#5c4634;max-width:32ch;margin:0 auto 40px}
.hero h1 em{font-style:italic;color:var(--arancio);font-weight:360}
.soglia{position:relative;background:var(--nero);color:#F2E4D2;text-align:center;padding:92px 26px;overflow:hidden}
.soglia .alone{position:absolute;top:50%;left:50%;width:min(520px,86vw);height:min(320px,52vw);border-radius:50%;background:radial-gradient(circle,rgba(232,97,58,.34),rgba(238,155,74,.12) 48%,transparent 72%);filter:blur(38px);animation:pulsa var(--respiro) ease-in-out infinite;z-index:0}
@keyframes pulsa{0%,100%{opacity:.7;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.08)}}
/* grana in movimento dietro 'il silenzio che fa rumore' */
.soglia .grana{position:absolute;inset:-60%;z-index:1;pointer-events:none;opacity:.22;mix-blend-mode:screen;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  background-size:140px 140px;animation:grana .4s steps(4) infinite}
@keyframes grana{
  0%{transform:translate(0,0)}
  20%{transform:translate(-6%,4%)}
  40%{transform:translate(5%,-6%)}
  60%{transform:translate(-4%,-4%)}
  80%{transform:translate(6%,5%)}
  100%{transform:translate(0,0)}
}
@media(prefers-reduced-motion:reduce){.soglia .grana{animation:none}}
.soglia p{position:relative;z-index:2;font-family:'Fraunces',serif;font-style:italic;font-variation-settings:"SOFT" 100;font-weight:330;font-size:clamp(1.8rem,4vw,3rem);line-height:1.18;max-width:18ch;margin:0 auto}
.hero .porte{position:relative;z-index:3;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;width:100%;max-width:520px;margin:0 auto}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:16px 24px;border-radius:3px;
  font-family:'Spline Sans Mono',monospace;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;font-weight:500;cursor:pointer;
  text-decoration:none;border:none;transition:transform .12s,background .2s}
.btn:active{transform:scale(.98)}
.btn.pieno{background:var(--arancio);color:#fff;box-shadow:0 10px 24px -12px rgba(232,97,58,.7)}
.btn.pieno:hover{background:var(--arancio-scuro)}
.btn.vuoto{background:transparent;color:var(--bruno);border:1.5px solid rgba(42,27,16,.28)}
.btn.vuoto:hover{border-color:var(--arancio);color:var(--arancio)}
.btn-paypal{gap:8px}
.btn-paypal .paypal-logo{height:16px;width:auto;display:block;position:relative;top:-1px}
.hero .scorri{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);z-index:3;font-family:'Spline Sans Mono',monospace;
  font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;color:var(--terra);opacity:.6;animation:giu 2.4s ease-in-out infinite}
@keyframes giu{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(5px)}}
@media(prefers-reduced-motion:reduce){.hero .marchio{animation:none}}

/* ===== STATO ===== */
.stato{background:var(--nero);color:#F2E4D2;padding:72px 26px}
.stato .eyebrow{color:var(--ambra);font-size:.62rem;display:block;margin-bottom:18px}
.stato p{font-family:'Fraunces',serif;font-weight:330;font-size:clamp(1.32rem,3vw,2.1rem);line-height:1.32;color:#F7ECDC;max-width:30ch}
.stato p em{font-style:italic;color:var(--ambra)}
.stato .fatti{margin-top:32px;display:flex;flex-wrap:wrap;gap:10px}
.stato .chip{font-family:'Spline Sans Mono',monospace;font-size:.58rem;letter-spacing:.08em;text-transform:uppercase;
  border:1px solid rgba(247,203,164,.28);color:#E8C6A4;padding:8px 13px;border-radius:20px}
.stato.mini{padding:48px 26px;text-align:center}
.stato.mini p{margin:0 auto;max-width:28ch;font-size:clamp(1.24rem,2.6vw,1.85rem)}

/* ===== CANTIERE IN MOVIMENTO ===== */
.cantiere{position:relative;background:var(--nero);color:#F7ECDC;padding:92px 26px;overflow:hidden;text-align:center}
.cantiere .aurora{position:absolute;top:38%;left:50%;width:min(760px,116vw);height:min(440px,66vw);border-radius:50%;
  transform:translate(-50%,-50%);z-index:0;pointer-events:none;filter:blur(50px);
  background:
    radial-gradient(circle at 34% 40%,rgba(232,97,58,.55),transparent 42%),
    radial-gradient(circle at 66% 58%,rgba(238,155,74,.45),transparent 44%),
    radial-gradient(circle at 52% 30%,rgba(247,203,164,.4),transparent 40%);
  animation:auroraFloat 12s ease-in-out infinite}
@keyframes auroraFloat{0%,100%{transform:translate(-50%,-50%) scale(1) rotate(0deg);opacity:.72}50%{transform:translate(-50%,-47%) scale(1.13) rotate(9deg);opacity:1}}
.cantiere .inner{position:relative;z-index:2;max-width:760px;display:flex;flex-direction:column;align-items:center;gap:32px}
.cantiere .frase{font-family:'Fraunces',serif;font-variation-settings:"SOFT" 100;font-weight:330;font-size:clamp(1.5rem,3.4vw,2.5rem);line-height:1.24;max-width:24ch}
.cantiere .frase em{font-style:italic;color:var(--ambra);position:relative;white-space:nowrap}
.cantiere .frase em::after{content:"";position:absolute;left:0;bottom:1px;width:100%;height:2px;
  background:linear-gradient(90deg,transparent,var(--arancio),transparent);transform:scaleX(0);transform-origin:left;animation:sottolinea 4.4s ease-in-out infinite}
@keyframes sottolinea{0%,100%{transform:scaleX(0)}42%,72%{transform:scaleX(1)}}
/* ticker parole che scorre */
.cantiere .ticker{position:relative;z-index:2;margin-top:66px;padding:22px 0;
  border-top:1px solid rgba(247,203,164,.14);border-bottom:1px solid rgba(247,203,164,.14);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.cantiere .ticker-track{display:inline-flex;align-items:center;gap:28px;white-space:nowrap;animation:scorriTicker 26s linear infinite;will-change:transform}
.cantiere .ticker-track span:not(.dot){font-family:'Fraunces',serif;font-style:italic;font-size:clamp(1.1rem,2.4vw,1.7rem);color:#E8C6A4}
.cantiere .ticker-track .dot{width:6px;height:6px;border-radius:50%;background:var(--arancio);flex:none;display:inline-block}
@keyframes scorriTicker{from{transform:translateX(0)}to{transform:translateX(-50%)}}
/* cantiere: layout a due colonne + segnale radio */
.cantiere .inner.duo{max-width:1080px;display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(32px,5vw,64px);align-items:center;text-align:left}
.cantiere .inner.duo .testo{display:flex;flex-direction:column;align-items:flex-start;gap:30px}
.cantiere .inner.duo .frase{max-width:20ch}
.segnale{position:relative;display:flex;align-items:center;justify-content:center;min-height:clamp(300px,32vw,400px)}
.segnale .onda{position:absolute;top:50%;left:50%;width:130px;height:130px;margin:-65px 0 0 -65px;border-radius:50%;
  border:1.5px solid var(--ambra);opacity:0;transform:scale(.28);animation:propaga 4.4s cubic-bezier(.2,.6,.3,1) infinite}
.segnale .onda:nth-child(2){animation-delay:1.1s}
.segnale .onda:nth-child(3){animation-delay:2.2s}
.segnale .onda:nth-child(4){animation-delay:3.3s}
@keyframes propaga{0%{transform:scale(.28);opacity:0}8%{opacity:.85}70%{opacity:.16}100%{transform:scale(3.3);opacity:0;border-color:var(--arancio)}}
.segnale .disco{position:relative;z-index:2;width:clamp(104px,11vw,140px);height:clamp(104px,11vw,140px);border-radius:50%;
  background:var(--arancio);display:flex;align-items:center;justify-content:center;padding:15px;box-sizing:border-box;
  box-shadow:0 0 26px rgba(232,97,58,.5),0 0 60px rgba(232,97,58,.25);animation:respiroEye 5.6s ease-in-out infinite;transform-origin:center}
.segnale .disco img{width:100%;height:100%;object-fit:contain;display:block}
@keyframes respiroEye{0%,100%{transform:scale(1);opacity:.94}50%{transform:scale(1.05);opacity:1}}
@media(max-width:820px){
  .cantiere .inner.duo{grid-template-columns:1fr;text-align:center;gap:8px}
  .cantiere .inner.duo .testo{align-items:center;order:2}
  .cantiere .inner.duo .frase{max-width:24ch}
  .segnale{order:1;min-height:260px}
}
@media(prefers-reduced-motion:reduce){
  .cantiere .ticker-track,.cantiere .aurora{animation:none}
  .cantiere .frase em::after{animation:none;transform:scaleX(1)}
  .segnale .onda,.segnale .disco{animation:none}
  .segnale .onda:first-child{opacity:.35;transform:scale(1.8)}
}
/* variante arancio centrata con velo animato */
.stato.arancio{background:var(--arancio);text-align:center;position:relative;overflow:hidden}
.stato.arancio .inner{position:relative;z-index:2}
.stato.arancio .velo{position:absolute;top:50%;left:50%;width:200%;height:200%;
  transform:translate(-50%,-50%) rotate(0deg);transform-origin:center;
  z-index:0;pointer-events:none;opacity:.8;
  background:
    radial-gradient(circle at 30% 32%, rgba(255,226,184,.95), transparent 34%),
    radial-gradient(circle at 72% 66%, rgba(150,52,20,.9), transparent 36%),
    radial-gradient(circle at 62% 22%, rgba(255,247,232,.75), transparent 30%),
    radial-gradient(circle at 34% 74%, rgba(238,155,74,.9), transparent 34%);
  filter:blur(26px);
  animation:veloRot 26s linear infinite}
@keyframes veloRot{
  from{transform:translate(-50%,-50%) rotate(0deg)}
  to  {transform:translate(-50%,-50%) rotate(360deg)}
}
.stato.arancio .eyebrow{color:#fff;opacity:.82}
.stato.arancio p{color:#fff;margin:0 auto;max-width:34ch}
.stato.arancio p em{color:#fff;font-style:italic;text-decoration:underline;text-decoration-color:rgba(255,255,255,.45);text-underline-offset:4px}
.stato.arancio .fatti{justify-content:center}
.stato.arancio .chip{border-color:rgba(255,255,255,.5);color:#fff}

/* ===== TRE COLONNE ===== */
.colonne{padding:82px 22px 64px;background:linear-gradient(var(--carta), var(--carta2))}
.sezione-tit{text-align:center;margin-bottom:48px}
.sezione-tit .eyebrow{color:var(--terra);font-size:.62rem;display:block;margin-bottom:14px}
.sezione-tit h2{font-family:'Fraunces',serif;font-variation-settings:"SOFT" 100;font-weight:400;font-size:clamp(1.9rem,4vw,3rem);line-height:1.1;color:var(--nero)}
.colonne-grid{display:grid;grid-template-columns:1fr;gap:20px;max-width:var(--maxw);margin:0 auto}
.colonna{position:relative;border-radius:10px;overflow:hidden;background:#fff;
  border:1px solid rgba(42,27,16,.1);box-shadow:0 18px 40px -28px rgba(42,27,16,.4);display:flex;flex-direction:column;
  transition:transform .25s,box-shadow .25s}
.colonna:hover{transform:translateY(-4px);box-shadow:0 26px 50px -28px rgba(42,27,16,.5)}
.colonna .visual{aspect-ratio:16/10;background:var(--logo-fondo);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.colonna .visual.esp{overflow:visible}
.colonna .visual svg{width:44%}
.colonna .visual video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.colonna .visual .caust{position:absolute;inset:0;mix-blend-mode:screen;opacity:.4;filter:blur(6px) contrast(1.3);
  background:radial-gradient(closest-side, rgba(255,222,175,.8), transparent 60%);background-size:120px 80px;animation:drift 12s ease-in-out infinite alternate}
.colonna .corpo{padding:26px 24px 28px;flex:1;display:flex;flex-direction:column}
.colonna .eyebrow{font-family:'Spline Sans Mono',monospace;font-size:.58rem;letter-spacing:.12em;text-transform:uppercase;color:var(--arancio);display:block;margin-bottom:8px}
.colonna h3{font-family:'Fraunces',serif;font-weight:470;font-size:1.6rem;color:var(--nero);margin-bottom:10px}
.colonna .dom{font-family:'Fraunces',serif;font-style:italic;font-size:1.08rem;color:#6b5240;margin-bottom:16px;line-height:1.3}
.colonna .desc{font-size:.92rem;color:#5c4634;margin-bottom:20px;flex:1}
.colonna .entra{display:inline-flex;align-items:center;gap:8px;font-family:'Spline Sans Mono',monospace;font-size:.64rem;
  letter-spacing:.12em;text-transform:uppercase;color:var(--arancio);font-weight:500;text-decoration:none;margin-top:auto}
.colonna .entra:hover{gap:12px}
.colonna.centro{background:#fffaf3}

/* animazioni occhi */
.palpebra{transform-origin:296px 302px}
.pupilla{transform-origin:296px 313px}
.esp .palpebra{animation:sp 7s cubic-bezier(.16,.9,.3,1) infinite}
@keyframes sp{0%{transform:scaleY(.05)}5%{transform:scaleY(1.07)}9%{transform:scaleY(1)}72%{transform:scaleY(1)}76%{transform:scaleY(.05)}100%{transform:scaleY(.05)}}
.cont .palpebra{animation:ct var(--respiro) ease-in-out infinite}
@keyframes ct{0%,100%{transform:scaleY(.3)}46%,58%{transform:scaleY(.62)}}
.rel .pupilla{animation:rl 9s cubic-bezier(.45,0,.25,1) infinite}
@keyframes rl{0%,8%{transform:translate(0,0)}24%,42%{transform:translate(-19px,-3px)}58%,76%{transform:translate(17px,2px)}92%,100%{transform:translate(0,0)}}

/* ===== VOCE ===== */
.voce{padding:82px 26px;background:var(--nero);color:#F2E4D2;text-align:center}
.voce .ritratto{width:138px;height:138px;border-radius:50%;margin:0 auto 30px;position:relative;
  background:radial-gradient(120% 120% at 50% 32%,#F2794E,#E8613A 46%,#9C3A17);
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 0 0 1px rgba(232,97,58,.35),0 20px 44px -18px rgba(232,97,58,.6)}
.voce .ritratto::before,.voce .ritratto::after{content:"";position:absolute;inset:0;border-radius:50%;z-index:1;
  border:2px solid var(--arancio);opacity:0;animation:sonar 4.6s cubic-bezier(.25,.1,.25,1) infinite}
.voce .ritratto::after{animation-delay:2.3s}
.voce .ritratto svg{width:74%;opacity:.94;position:relative;z-index:2;transform-origin:center;
  animation:respiroOcchio 6s cubic-bezier(.25,.1,.25,1) infinite}
@keyframes sonar{0%{transform:scale(1);opacity:.5}70%{opacity:0}100%{transform:scale(1.85);opacity:0}}
@keyframes respiroOcchio{0%,100%{transform:scale(1)}50%{transform:scale(1.065)}}
@media(prefers-reduced-motion:reduce){.voce .ritratto::before,.voce .ritratto::after,.voce .ritratto svg{animation:none}}
.voce blockquote{font-family:'Fraunces',serif;font-weight:330;font-size:clamp(1.7rem,3.6vw,2.6rem);line-height:1.18;margin:0 auto 18px;max-width:20ch}
.voce blockquote b{color:var(--ambra);font-weight:500}
.voce .chi{font-family:'Spline Sans Mono',monospace;font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:#C9AE93}
.voce .dots{display:flex;gap:6px;justify-content:center;margin-top:26px}
.voce .dots i{width:6px;height:6px;border-radius:50%;background:rgba(247,203,164,.3)}
.voce .dots i.on{background:var(--arancio);width:18px;border-radius:3px}
/* onde sonore / equalizer sotto la citazione */
.voce .onde{display:flex;align-items:center;justify-content:center;gap:5px;height:34px;margin-top:30px}
.voce .onde i{width:4px;height:8px;border-radius:3px;background:var(--arancio);animation:eq 1.3s ease-in-out infinite}
.voce .onde i:nth-child(1){animation-delay:-1.10s;opacity:.85}
.voce .onde i:nth-child(2){animation-delay:-0.40s}
.voce .onde i:nth-child(3){animation-delay:-0.75s;background:var(--ambra)}
.voce .onde i:nth-child(4){animation-delay:-0.20s}
.voce .onde i:nth-child(5){animation-delay:-0.95s;background:var(--ambra)}
.voce .onde i:nth-child(6){animation-delay:-0.55s}
.voce .onde i:nth-child(7){animation-delay:-1.25s;background:var(--ambra)}
.voce .onde i:nth-child(8){animation-delay:-0.30s}
.voce .onde i:nth-child(9){animation-delay:-0.85s;opacity:.85}
@keyframes eq{0%,100%{height:7px}50%{height:30px}}
@media(prefers-reduced-motion:reduce){.voce .onde i{animation:none;height:16px}}
/* banda scura con aurora arancione animata */
.voce.velato{position:relative;overflow:hidden}
.voce.velato > *{position:relative;z-index:2}
.voce.velato .velo{position:absolute;top:50%;left:50%;width:min(560px,80vw);height:min(360px,52vw);
  transform:translate(-50%,-50%);z-index:0;pointer-events:none;opacity:.30;
  background:radial-gradient(circle, rgba(232,97,58,.55), rgba(238,155,74,.18) 46%, transparent 72%);
  filter:blur(46px);animation:pulsa var(--respiro) ease-in-out infinite}
/* onde sonore di sfondo che scorrono */
.voce.velato .onde-fondo{position:absolute;left:0;top:50%;width:200%;height:clamp(120px,26vw,210px);
  z-index:1;pointer-events:none;opacity:.36;transform:translate(0,-50%);animation:ondaScorre 20s linear infinite;
  filter:drop-shadow(0 0 8px rgba(232,97,58,.55))}
.voce.velato .onde-fondo.b{top:60%;height:clamp(150px,32vw,250px);opacity:.24;animation-duration:30s;animation-direction:reverse;
  filter:drop-shadow(0 0 8px rgba(238,155,74,.5))}
.voce.velato .onde-fondo path{fill:none;stroke:var(--arancio);stroke-width:2.4;vector-effect:non-scaling-stroke}
.voce.velato .onde-fondo.b path{stroke:var(--ambra)}
@keyframes ondaScorre{from{transform:translate(0,-50%)}to{transform:translate(-50%,-50%)}}
@media(prefers-reduced-motion:reduce){.voce.velato .onde-fondo{animation:none}}
/* ===== MANIFESTO (voce + pensiero uniti) ===== */
.voce.manifesto .inner{max-width:640px;margin:0 auto}
.voce.manifesto .ritratto{margin-bottom:26px}
.voce.manifesto .eyebrow{font-family:'Spline Sans Mono',monospace;font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ambra);display:block;margin:0 0 14px}
.voce.manifesto .manifesto-titolo{font-family:'Fraunces',serif;font-variation-settings:"SOFT" 100;font-style:italic;font-weight:340;font-size:clamp(1.7rem,3.4vw,2.6rem);line-height:1.2;color:#F6EBDD;margin:0 auto 16px;max-width:18ch}
.voce.manifesto blockquote.firma{font-family:'Fraunces',serif;font-weight:360;font-size:clamp(1.05rem,2.2vw,1.4rem);line-height:1.3;color:#E9D8C3;max-width:26ch;margin:0 auto 16px}
.voce.manifesto blockquote.firma b{color:var(--ambra);font-weight:500}
.voce.manifesto .manifesto-p{font-size:1rem;color:#D2BCA4;line-height:1.62;max-width:44ch;margin:0 auto 24px}

/* ===== PENSIERO ===== */
.pensiero{padding:82px 26px;background:linear-gradient(var(--carta2),var(--carta));text-align:center}
.pensiero .inner{max-width:640px}
.pensiero .eyebrow{color:var(--terra);font-size:.62rem;display:block;margin-bottom:18px}
.pensiero h2{font-family:'Fraunces',serif;font-variation-settings:"SOFT" 100;font-style:italic;font-weight:340;font-size:clamp(1.7rem,3.4vw,2.6rem);line-height:1.2;color:var(--nero);margin-bottom:16px}
.pensiero p{font-size:1rem;color:#5c4634;max-width:44ch;margin:0 auto 22px}
.pensiero a{font-family:'Spline Sans Mono',monospace;font-size:.64rem;letter-spacing:.12em;text-transform:uppercase;color:var(--arancio);font-weight:500;text-decoration:none}
.pensiero a:not(.btn):hover{color:var(--arancio-scuro)}
.pensiero a.btn.pieno{color:#fff;font-size:.72rem;margin-top:4px}
.pensiero a.btn.pieno:hover{color:#fff}

/* ===== CIRCOLO ===== */
.circolo{padding:96px 26px 100px;background:var(--arancio);color:#fff;text-align:center;position:relative;overflow:hidden}
.circolo .rings{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:0;opacity:.25}
.circolo .rings span{position:absolute;top:50%;left:50%;border:1.5px solid #fff;border-radius:50%;transform:translate(-50%,-50%);animation:onda-c 4s ease-out infinite}
.circolo .rings span:nth-child(2){animation-delay:1.3s}
.circolo .rings span:nth-child(3){animation-delay:2.6s}
@keyframes onda-c{0%{width:40px;height:40px;opacity:.8}100%{width:520px;height:520px;opacity:0}}
.circolo h2{position:relative;z-index:2;font-family:'Fraunces',serif;font-weight:360;font-size:clamp(2rem,4.4vw,3.2rem);line-height:1.12;margin-bottom:16px}
.circolo p{position:relative;z-index:2;font-size:1.02rem;max-width:38ch;margin:0 auto 30px;color:rgba(255,255,255,.92)}
.btn-bianco{background:#fff;color:var(--arancio-scuro);display:inline-flex;padding:16px 30px;border-radius:3px;
  font-family:'Spline Sans Mono',monospace;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;font-weight:600;position:relative;z-index:2;text-decoration:none;transition:transform .12s}
.btn-bianco:active{transform:scale(.98)}

/* ===== FOOTER ===== */
footer{background:var(--nero);color:#C9AE93;padding:64px 26px 40px}
footer .inner{display:grid;grid-template-columns:1fr;gap:30px}
footer .claim{font-family:'Fraunces',serif;font-style:italic;font-size:1.5rem;color:#F7ECDC;margin-bottom:6px}
footer .foot-mark{width:44px;margin-bottom:14px;opacity:.9}
footer .foot-lockup{display:flex;flex-direction:column;gap:1px;margin-bottom:16px}
footer .fl-nome{font-family:'Baloo 2','Baloo',cursive;font-weight:700;font-size:1.25rem;color:#F7ECDC;line-height:1.05}
footer .fl-claim{font-family:'Baloo 2','Baloo',cursive;font-weight:500;font-size:.92rem;color:#C9AE93}
footer .links{display:flex;flex-direction:column;gap:0}
footer .links a{font-size:.9rem;color:#C9AE93;text-decoration:none;padding:13px 0;border-bottom:1px solid rgba(247,203,164,.12);transition:color .15s}
footer .links a:hover{color:var(--ambra)}
footer .contrib{font-family:'Spline Sans Mono',monospace;font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--terra);margin-bottom:10px}
footer .entra-link{color:var(--ambra);font-size:.9rem;text-decoration:none}
footer .entra-link:hover{text-decoration:underline}
footer .foot-iscri-tit{font-family:'Spline Sans Mono',monospace;font-size:.58rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ambra);margin:0 0 12px}
footer .foot-news{display:flex;gap:8px;flex-wrap:wrap;max-width:340px}
footer .foot-news input[type=email]{flex:1;min-width:180px;padding:11px 15px;border-radius:999px;border:1px solid rgba(247,203,164,.28);background:rgba(247,236,220,.05);color:#F7ECDC;font:inherit;font-size:.9rem}
footer .foot-news input[type=email]::placeholder{color:rgba(201,174,147,.7)}
footer .foot-news input[type=email]:focus{outline:none;border-color:var(--arancio);background:rgba(247,236,220,.08)}
footer .foot-news button{padding:11px 20px;border-radius:999px;border:0;background:var(--arancio);color:#fff;font:inherit;font-weight:600;font-size:.88rem;cursor:pointer;transition:filter .15s}
footer .foot-news button:hover{filter:brightness(1.08)}
footer .foot-news button:disabled{opacity:.6;cursor:default}
footer .foot-news .hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
footer .foot-news-msg{margin:12px 0 0;font-size:.84rem;color:#F7ECDC;max-width:340px}
footer .fine{font-size:.66rem;color:#8a705a;margin-top:24px;grid-column:1/-1;border-top:1px solid rgba(247,203,164,.1);padding-top:22px}

/* ===== MINI PLAYER ===== */
/* Player live disattivato temporaneamente */
.miniplayer{display:none!important}
.miniplayer--off{position:sticky;bottom:0;z-index:70;background:rgba(26,26,26,.94);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border-top:1px solid rgba(247,203,164,.14);padding:17px 26px;display:flex;align-items:center;gap:18px}
.miniplayer .inner{display:flex;align-items:center;gap:18px}
.miniplayer .pp{width:54px;height:54px;border-radius:50%;background:var(--arancio);flex:none;display:flex;align-items:center;justify-content:center;cursor:pointer}
.miniplayer .pp svg{width:19px;fill:#fff}
.miniplayer .onda{width:40px;height:40px;position:relative;flex:none;display:flex;align-items:center;justify-content:center}
.miniplayer .onda i{width:8px;height:8px;border-radius:50%;background:var(--arancio);position:absolute}
.miniplayer .onda b{position:absolute;inset:0;border:1.4px solid var(--arancio);border-radius:50%;animation:anello 2.1s ease-out infinite}
.miniplayer .onda b:nth-child(3){animation-delay:1.05s}
@keyframes anello{0%{transform:scale(.3);opacity:1}100%{transform:scale(1.15);opacity:0}}
.miniplayer .info{flex:1;min-width:0}
/* titolo canzone sempre visibile per intero: va a capo quando è lungo */
.miniplayer .info .t1{color:#F7ECDC;font-family:'Fraunces',serif;font-size:1.16rem;line-height:1.24;white-space:normal;overflow-wrap:anywhere}
.miniplayer .info .t2{color:#C9AE93;font-size:.72rem;font-family:'Spline Sans Mono',monospace;letter-spacing:.06em;margin-top:2px}

/* ===== PAGINE INTERNE ===== */
.page-hero{position:relative;padding:clamp(88px,12vh,120px) 26px clamp(52px,8vh,72px);text-align:center;overflow:hidden;background:linear-gradient(var(--carta),var(--carta2))}
.page-hero .alone{position:absolute;top:0;left:50%;transform:translateX(-50%);width:min(520px,86vw);height:min(520px,86vw);border-radius:50%;
  background:radial-gradient(circle,rgba(232,97,58,.24),transparent 68%);filter:blur(40px);z-index:0;animation:respira var(--respiro) ease-in-out infinite}
.page-hero .eyebrow{position:relative;z-index:2;color:var(--terra);font-size:.62rem;display:block;margin-bottom:16px}
.page-hero h1{position:relative;z-index:2;font-family:'Fraunces',serif;font-variation-settings:"SOFT" 100;font-weight:340;
  font-size:clamp(2.3rem,5.5vw,4rem);line-height:1.05;letter-spacing:-.02em;color:var(--nero);margin:0 auto 18px;max-width:18ch}
.page-hero .lead{position:relative;z-index:2;font-size:clamp(1.02rem,2.2vw,1.25rem);color:#5c4634;max-width:44ch;margin:0 auto}
.page-hero .hero-cta{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:34px}

/* ===== NUMERI (fascia statistiche) ===== */
.numeri{background:var(--nero);color:#F2E4D2;padding:60px 26px;position:relative;overflow:hidden}
.numeri .inner{max-width:var(--maxw);margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:34px 24px;position:relative;z-index:2}
.num{text-align:center;position:relative}
.num .n{font-family:'Fraunces',serif;font-variation-settings:"SOFT" 100;font-weight:360;font-size:clamp(2.5rem,6vw,3.7rem);line-height:1;color:var(--ambra);display:block}
.num .k{font-family:'Spline Sans Mono',monospace;font-size:.6rem;letter-spacing:.11em;text-transform:uppercase;color:#C9AE93;margin-top:12px;display:block;line-height:1.5}
/* link sotto una griglia di card */
.card-link{text-align:center;margin-top:34px}
@media print{
  .nav,.burger,.hero-cta,.circolo,footer,.page-hero .alone,.voce .ritratto,.voce .dots,.voce .onde,.stato.arancio .velo,.voce.velato .velo,.voce.velato .onde-fondo{display:none!important}
  body{background:#fff!important;color:#1A1A1A!important}
  .page-hero{padding:20px 0 12px;text-align:left}
  .page-hero h1{font-size:30pt;max-width:none}
  .prosa,.colonne,.voce,.stato,.numeri{padding:14px 0!important;background:#fff!important;color:#1A1A1A!important;text-align:left!important}
  .num .n{color:#B24B2E!important}
  .num .k{color:#5c4634!important}
  .prosa .inner,.stato .inner{max-width:none}
  .sezione-tit{text-align:left;margin-bottom:20px}
  .voce blockquote,.stato p{color:#1A1A1A!important;font-size:18pt!important;max-width:none;text-align:left;margin:0 0 8px}
  .voce blockquote b,.stato p em,.stato .eyebrow{color:#B24B2E!important}
  .voce .chi{color:#8a6a52!important}
  .stato .fatti{display:none!important}
  .grid-cards{display:block!important}
  .card-simple{border:none!important;box-shadow:none!important;padding:6px 0 14px!important;border-bottom:1px solid #ddd!important;border-radius:0!important}
  .divisore{background:linear-gradient(90deg,var(--arancio),transparent)}
  a{color:inherit;text-decoration:none}
}

.prosa{padding:76px 26px}
.prosa .inner{max-width:720px}
.prosa .eyebrow{color:var(--arancio);font-family:'Spline Sans Mono',monospace;font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;display:block;margin-bottom:14px}
.prosa h2{font-family:'Fraunces',serif;font-variation-settings:"SOFT" 100;font-weight:400;font-size:clamp(1.7rem,3.6vw,2.5rem);line-height:1.15;color:var(--nero);margin:0 0 20px}
.prosa h3{font-family:'Fraunces',serif;font-weight:500;font-size:1.4rem;color:var(--nero);margin:36px 0 12px}
.prosa p{font-size:1.06rem;color:#4a3826;margin-bottom:20px;line-height:1.7}
.prosa p em{font-style:italic;color:var(--terra)}
.prosa .quote{position:relative;font-family:'Fraunces',serif;font-style:italic;font-weight:350;
  font-size:clamp(1.45rem,2.9vw,1.95rem);line-height:1.34;color:var(--nero);
  border:none;padding:42px 0 6px;margin:52px 0}
.prosa .quote::before{content:"\201C";position:absolute;left:-6px;top:-2px;
  font-family:'Fraunces',serif;font-style:normal;font-weight:600;font-size:4.6rem;line-height:1;
  color:var(--arancio);opacity:.92;pointer-events:none}
.prosa .quote::after{content:"";display:block;width:52px;height:2px;margin-top:24px;
  background:linear-gradient(90deg,var(--arancio),transparent)}
/* citazione soglia — entra vs iscriviti */
.frase-soglia{margin:56px 0 8px;padding:40px 34px;position:relative;text-align:center;
  background:linear-gradient(160deg,var(--carta2),var(--carta));border:1px solid rgba(232,97,58,.16);border-radius:6px;overflow:hidden}
.frase-soglia::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(var(--arancio),var(--ambra))}
.frase-soglia p{font-family:'Fraunces',serif;font-style:italic;font-variation-settings:"SOFT" 100;font-weight:340;
  font-size:clamp(1.5rem,3.4vw,2.35rem);line-height:1.3;color:var(--nero);margin:0}
.frase-soglia .viva{font-style:normal;color:var(--arancio);font-weight:440;white-space:nowrap}
.frase-soglia .viva.wrap{white-space:normal}
.frase-soglia .viva em{font-style:normal;font-weight:560;color:var(--arancio-scuro);letter-spacing:.01em}
.frase-soglia .spenta{color:#9a8b79;text-decoration:line-through;text-decoration-color:rgba(154,139,121,.6);text-decoration-thickness:1px}
.frase-soglia figcaption{margin-top:20px;font-family:'Spline Sans Mono',monospace;font-size:.64rem;letter-spacing:.16em;
  text-transform:uppercase;color:var(--terra)}
.frase-soglia figcaption::before{content:"";display:block;width:44px;height:2px;margin:0 auto 18px;
  background:linear-gradient(90deg,transparent,var(--arancio),transparent)}
/* video soglia — "attraversare la fessura" */
.video-soglia{margin:56px auto 8px;max-width:640px;position:relative;text-align:center}
.video-soglia video{display:block;width:100%;height:auto;border-radius:8px;overflow:hidden;
  box-shadow:0 18px 48px -24px rgba(20,14,10,.5);background:var(--nero)}
@media(min-width:768px){
  .video-soglia{max-width:420px}
  .video-soglia video{max-height:56vh;width:auto;max-width:100%;margin:0 auto;object-fit:contain}
}
/* meno spazio tra la sezione video e "L'origine" */
#entrare{padding-bottom:28px}
#origine{padding-top:28px;padding-bottom:28px}
.page-chisiamo .colonne{padding-top:40px}
.video-soglia figcaption{margin:0 0 22px;font-family:'Fraunces',serif;font-style:italic;
  font-variation-settings:"SOFT" 100;font-weight:340;font-size:clamp(1.5rem,3.4vw,2.35rem);
  line-height:1.3;color:var(--nero)}
.video-soglia figcaption .viva{font-style:normal;color:var(--arancio);font-weight:440;white-space:nowrap}
.video-soglia figcaption .viva em{font-style:normal;font-weight:560;color:var(--arancio-scuro);letter-spacing:.01em}
.video-soglia figcaption::after{content:"";display:block;width:44px;height:2px;margin:20px auto 0;
  background:linear-gradient(90deg,transparent,var(--arancio),transparent)}
/* blocco domanda d'origine */
.prosa .domanda{margin:44px 0;padding:38px 34px 30px;position:relative;overflow:hidden;
  background:linear-gradient(160deg,var(--carta2),var(--carta));border:1px solid rgba(232,97,58,.14);border-radius:8px}
.prosa .domanda::before{content:"?";position:absolute;right:12px;top:-40px;font-family:'Fraunces',serif;font-weight:600;
  font-size:12rem;line-height:1;color:var(--arancio);opacity:.10;pointer-events:none;z-index:0}
.prosa .domanda .dlabel{position:relative;z-index:1;font-family:'Spline Sans Mono',monospace;font-size:.62rem;
  letter-spacing:.16em;text-transform:uppercase;color:var(--terra);display:block;margin-bottom:16px}
.prosa .domanda .dq{position:relative;z-index:1;font-family:'Fraunces',serif;font-style:italic;font-variation-settings:"SOFT" 100;
  font-weight:340;font-size:clamp(1.5rem,3.6vw,2.35rem);line-height:1.24;color:var(--nero);margin:0 0 22px}
.prosa .domanda .da{position:relative;z-index:1;font-family:'Figtree',sans-serif;font-size:clamp(1rem,2vw,1.16rem);
  color:#4a3826;margin:0;padding-top:20px;border-top:1px solid rgba(232,97,58,.20)}
.prosa .domanda .da em{font-style:normal;color:var(--arancio);font-weight:500}
/* citazione card — virgoletta grande sfumata */
.citazione-card{position:relative;margin:48px 0;padding:46px 40px 38px;overflow:hidden;
  background:linear-gradient(160deg,var(--carta2),var(--carta));border:1px solid rgba(232,97,58,.14);border-radius:10px}
.citazione-card::before{content:"\201C";position:absolute;left:16px;top:-34px;z-index:0;pointer-events:none;
  font-family:'Fraunces',serif;font-weight:600;font-size:13rem;line-height:1;
  background:linear-gradient(160deg,var(--arancio),var(--ambra));-webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;opacity:.30}
.citazione-card p{position:relative;z-index:1;font-family:'Fraunces',serif;font-style:italic;font-variation-settings:"SOFT" 100;
  font-weight:340;font-size:clamp(1.5rem,3.5vw,2.3rem);line-height:1.28;color:var(--nero);margin:0}
.citazione-card .hl{font-style:normal;color:var(--arancio);font-weight:440}
.citazione-card::after{content:"";display:block;position:relative;z-index:1;width:56px;height:2px;margin-top:26px;
  background:linear-gradient(90deg,var(--arancio),transparent)}
/* citazione forte — pull-quote elegante */
.citazione-forte{position:relative;margin:64px auto;padding:8px 0;max-width:24ch;text-align:center}
.citazione-forte::before{content:"\201C";display:block;font-family:'Fraunces',serif;font-weight:600;
  font-size:5.4rem;line-height:.5;color:var(--arancio);opacity:.9;margin-bottom:14px}
.citazione-forte p{font-family:'Fraunces',serif;font-style:italic;font-variation-settings:"SOFT" 100;font-weight:340;
  font-size:clamp(1.6rem,3.8vw,2.6rem);line-height:1.26;letter-spacing:-.01em;color:var(--nero);margin:0}
.citazione-forte .hl{color:var(--arancio);font-weight:420}
.citazione-forte::after{content:"";display:block;width:56px;height:2px;margin:26px auto 0;
  background:linear-gradient(90deg,transparent,var(--arancio),transparent)}
.prosa .divisore{height:1px;background:linear-gradient(90deg,var(--arancio),transparent);margin:44px 0;opacity:.5}
.prosa ul.tratti{list-style:none;margin:24px 0}
.prosa ul.tratti li{position:relative;padding:14px 0 14px 28px;border-bottom:1px solid rgba(42,27,16,.09);font-size:1.02rem;color:#4a3826}
.prosa ul.tratti li::before{content:"";position:absolute;left:2px;top:22px;width:9px;height:9px;border-radius:50%;background:var(--arancio)}

/* griglia team / pilastri interni */
.grid-cards{display:grid;grid-template-columns:1fr;gap:20px;max-width:var(--maxw);margin:0 auto}
.card-simple{background:#fff;border:1px solid rgba(42,27,16,.1);border-radius:10px;padding:28px 26px;box-shadow:0 16px 36px -30px rgba(42,27,16,.5)}
.card-simple .eyebrow{font-family:'Spline Sans Mono',monospace;font-size:.58rem;letter-spacing:.12em;text-transform:uppercase;color:var(--arancio);display:block;margin-bottom:10px}
.card-simple h3{font-family:'Fraunces',serif;font-weight:470;font-size:1.4rem;color:var(--nero);margin-bottom:8px}
.card-simple .dom{font-family:'Fraunces',serif;font-style:italic;font-size:1.02rem;color:#6b5240;margin-bottom:12px}
.card-simple p{font-size:.94rem;color:#5c4634;line-height:1.6}

/* ===== LE VOCI ===== */
.voci-filtro{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:var(--maxw);margin:0 auto 6px}
.voci-filtro .chip{font-family:'Spline Sans Mono',monospace;font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;
  border:1.5px solid rgba(42,27,16,.22);color:var(--bruno);background:transparent;padding:10px 16px;border-radius:22px;cursor:pointer;
  transition:border-color .15s,color .15s,background .15s}
.voci-filtro .chip:hover{border-color:var(--arancio);color:var(--arancio)}
.voci-filtro .chip.is-active{background:var(--arancio);border-color:var(--arancio);color:#fff}
.voci-count{text-align:center;font-family:'Spline Sans Mono',monospace;font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--terra);margin:16px 0 34px;min-height:1em}
.voci-grid{list-style:none;display:grid;grid-template-columns:1fr;gap:22px;max-width:var(--maxw);margin:0 auto}
.scheda-voce{background:#fff;border:1px solid rgba(42,27,16,.1);border-radius:12px;overflow:hidden;
  box-shadow:0 16px 36px -30px rgba(42,27,16,.5);display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s}
.scheda-voce[hidden]{display:none!important}
.scheda-voce:hover{transform:translateY(-4px);box-shadow:0 24px 48px -30px rgba(42,27,16,.55)}
.scheda-voce img{width:100%;aspect-ratio:4/5;object-fit:cover;background:var(--logo-fondo)}
.scheda-voce .corpo{padding:22px 22px 24px;display:flex;flex-direction:column;flex:1}
.scheda-voce .voce-ruolo{font-family:'Spline Sans Mono',monospace;font-size:.56rem;letter-spacing:.12em;text-transform:uppercase;color:var(--arancio);margin-bottom:8px}
.scheda-voce .voce-nome{font-family:'Fraunces',serif;font-weight:470;font-size:1.4rem;color:var(--nero);margin-bottom:10px}
.scheda-voce .voce-bio{font-size:.92rem;color:#5c4634;line-height:1.6;margin-bottom:14px}
.scheda-voce .voce-cit{font-family:'Fraunces',serif;font-style:italic;font-size:1rem;color:var(--terra);border-left:2px solid var(--arancio);padding-left:12px;margin-top:2px}
.scheda-voce > a{display:flex;flex-direction:column;flex:1;text-decoration:none;color:inherit}
.scheda-voce > a:hover .voce-nome{text-decoration:underline;text-decoration-color:var(--arancio);text-underline-offset:3px}
.scheda-voce .voce-piu{margin-top:auto;padding-top:16px;font-family:'Spline Sans Mono',monospace;font-size:.58rem;letter-spacing:.14em;text-transform:uppercase;color:var(--arancio);display:inline-flex;align-items:center;gap:6px}
.scheda-voce > a:hover .voce-piu{opacity:.7}
.voci-attesa{text-align:center;max-width:46ch;margin:12px auto 0;color:#6b5240;font-size:1.02rem;font-family:'Fraunces',serif;font-style:italic}

/* ===== PAGINA VOCE (profilo singolo) ===== */
.ritratto{display:flex;gap:40px;align-items:flex-start;max-width:var(--maxw);margin:0 auto;flex-wrap:wrap}
.ritratto .foto{flex:0 0 320px;max-width:320px;width:100%;border-radius:14px;overflow:hidden;box-shadow:0 26px 52px -30px rgba(42,27,16,.55);background:var(--logo-fondo)}
.ritratto .foto img{width:100%;display:block;aspect-ratio:4/5;object-fit:cover}
.voce-mono{width:100%;aspect-ratio:4/5;display:flex;align-items:center;justify-content:center;box-sizing:border-box;
  background:radial-gradient(130% 130% at 28% 22%,#E8613A 0%,#C1471F 52%,#1A1A1A 118%);
  color:#F7EFE3;font-family:'Fraunces',serif;font-weight:400;line-height:1;
  font-size:clamp(2.6rem,7vw,3.8rem);letter-spacing:.03em;user-select:none}
/* Glifo animato hero pagine legali (privacy / cookie) */
.legal-glyph{position:relative;z-index:2;width:88px;height:88px;margin:26px auto 0;display:flex;align-items:center;justify-content:center}
.legal-glyph .ring{position:absolute;inset:8px;border-radius:50%;border:1px solid rgba(232,97,58,.55);animation:legalSonar 3s ease-out infinite}
.legal-glyph .ring:nth-of-type(2){animation-delay:1.5s}
.legal-glyph svg{position:relative;width:42px;height:42px;animation:legalBreath 3.6s ease-in-out infinite}
.legal-glyph svg path,.legal-glyph svg rect,.legal-glyph svg circle{stroke:var(--arancio);stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}
.legal-glyph .draw{stroke-dasharray:30;stroke-dashoffset:30;animation:legalDraw 1.1s ease-out .2s forwards}
@keyframes legalSonar{0%{transform:scale(.7);opacity:.85}70%{opacity:0}100%{transform:scale(1.4);opacity:0}}
@keyframes legalBreath{0%,100%{transform:scale(1)}50%{transform:scale(1.07)}}
@keyframes legalDraw{to{stroke-dashoffset:0}}
@media (prefers-reduced-motion:reduce){.legal-glyph .ring{animation:none;opacity:.35}.legal-glyph svg{animation:none}.legal-glyph .draw{animation:none;stroke-dashoffset:0}}
.ritratto .testo{flex:1;min-width:280px}
.ritratto .testo .prog{font-family:'Spline Sans Mono',monospace;font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:var(--arancio);margin-bottom:14px}
.ritratto .testo p{font-size:1.1rem;line-height:1.78;color:#4a3524;margin:0 0 16px}
.voce-torna{display:inline-flex;align-items:center;gap:7px;font-family:'Spline Sans Mono',monospace;font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--arancio);text-decoration:none}
.voce-torna:hover{opacity:.72}
@media (max-width:640px){.ritratto .foto{margin:0 auto}}

/* ===== FORM ===== */
.form-sez{padding:76px 26px;background:linear-gradient(var(--carta),var(--carta2))}
.form-wrap{max-width:600px;margin:0 auto;background:#fff;border:1px solid rgba(42,27,16,.1);border-radius:12px;
  padding:40px 34px;box-shadow:0 24px 60px -36px rgba(42,27,16,.55)}
.form-wrap h2{font-family:'Fraunces',serif;font-weight:420;font-size:1.7rem;color:var(--nero);margin-bottom:8px}
.form-wrap .intro{font-size:.98rem;color:#5c4634;margin-bottom:26px}
.campo{margin-bottom:18px}
.campo label{display:block;font-family:'Spline Sans Mono',monospace;font-size:.58rem;letter-spacing:.1em;text-transform:uppercase;color:var(--terra);margin-bottom:7px}
.campo input,.campo textarea,.campo select{width:100%;padding:13px 15px;border:1.5px solid rgba(42,27,16,.18);border-radius:6px;
  font-family:'Figtree',sans-serif;font-size:1rem;color:var(--nero);background:var(--carta);transition:border-color .15s}
.campo input:focus,.campo textarea:focus,.campo select:focus{outline:none;border-color:var(--arancio)}
.campo textarea{resize:vertical;min-height:120px}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form-wrap button{width:100%;margin-top:8px;padding:16px;border:none;border-radius:6px;background:var(--arancio);color:#fff;
  font-family:'Spline Sans Mono',monospace;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;font-weight:600;cursor:pointer;transition:background .2s}
.form-wrap button:hover{background:var(--arancio-scuro)}
.form-nota{font-size:.76rem;color:var(--grigio);margin-top:14px;text-align:center}

/* ===== Donazione (PayPal) ===== */
.dona{margin:26px 0 14px}
.dona-importi{border:0;padding:0;margin:0 0 22px}
.dona-importi legend{font-family:'Spline Sans Mono',monospace;font-size:11px;letter-spacing:1.2px;text-transform:uppercase;color:var(--grigio);margin-bottom:12px;padding:0}
.dona-importi label{display:inline-block;margin:0 8px 8px 0;cursor:pointer}
.dona-importi input{position:absolute;opacity:0;width:0;height:0}
.dona-importi span{display:inline-block;padding:11px 20px;border-radius:3px;border:1px solid rgba(42,27,16,.22);font-size:14px;color:var(--bruno);transition:background .2s,border-color .2s,color .2s}
.dona-importi label:hover span{border-color:var(--arancio);color:var(--arancio-scuro)}
.dona-importi input:checked + span{background:var(--arancio);border-color:var(--arancio);color:#fff}
.dona-importi input:focus-visible + span{outline:2px solid var(--arancio-scuro);outline-offset:2px}
.nota-dona{font-size:13px;color:var(--grigio);line-height:1.6}
.form-esito{display:none;padding:16px;border-radius:8px;background:rgba(232,97,58,.1);color:var(--terra);
  font-size:.95rem;margin-bottom:20px;text-align:center}
.form-esito.ok{display:block;background:rgba(46,120,60,.12);color:#2e6b3c}
.form-esito.err{display:block}

/* contatti extra */
.contatti-info{display:grid;grid-template-columns:1fr;gap:22px;max-width:var(--maxw);margin:0 auto 8px}
.info-box{text-align:center}
.info-box .k{font-family:'Spline Sans Mono',monospace;font-size:.58rem;letter-spacing:.12em;text-transform:uppercase;color:var(--arancio);margin-bottom:8px}
.info-box .v{font-family:'Fraunces',serif;font-size:1.15rem;color:var(--nero)}

/* ===== DESKTOP ===== */
@media (min-width:560px){
  .voci-grid{grid-template-columns:repeat(2,1fr)}
}
@media (min-width:860px){
  .colonne-grid{grid-template-columns:repeat(3,1fr)}
  .grid-cards{grid-template-columns:repeat(3,1fr)}
  .voci-grid{grid-template-columns:repeat(4,1fr)}
  .contatti-info{grid-template-columns:repeat(3,1fr)}
  footer .inner{grid-template-columns:1.4fr 1fr 1fr;gap:40px;align-items:start}
  .stato .inner{max-width:var(--maxw)}
}
@media (max-width:859px){
  .burger{display:flex}
  .nav-links{position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;
    background:rgba(250,247,241,.98);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
    border-bottom:1px solid rgba(42,27,16,.1);padding:8px 22px 20px;transform:translateY(-8px);
    opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}
  .nav.open .nav-links{opacity:1;pointer-events:auto;transform:translateY(0)}
  .nav-links a{padding:14px 0;border-bottom:1px solid rgba(42,27,16,.08);font-size:.72rem}
  .nav-links a.cta{margin-top:12px;text-align:center;border-bottom:none}
}
/* ===== RESPONSIVE HERO — resa uniforme su OGNI telefono/schermo =====
   Regola fissa: l'hero è alto ESATTAMENTE uno schermo ovunque (100svh) e il
   contenuto si comprime in base all'ALTEZZA reale del device, così cerchio,
   testi e bottoni entrano sempre nella prima schermata — niente più bottoni
   spinti sotto la piega su iPhone/Samsung/laptop piccoli. */

/* schermi stretti (telefoni in verticale): titolo e bottoni comodi */
@media (max-width:560px){
  .hero h1{font-size:clamp(2.3rem,9vw,3.4rem)}
  .hero .sub{font-size:clamp(.98rem,4vw,1.14rem);max-width:28ch}
  .hero>h1{margin-bottom:14px}
  .hero .respiro{margin-bottom:22px}
  .hero .sub{margin-bottom:28px}
  .hero .porte{gap:10px;max-width:420px;width:100%}
  .hero .porte .btn{flex:1 1 100%;padding:15px 20px}
  .page-hero .hero-cta{gap:10px}
  .page-hero .hero-cta .btn{flex:1 1 100%}
}

/* schermi medio-bassi: comincia a stringere i margini verticali */
@media (max-height:820px){
  .hero>h1{margin-bottom:14px}
  .hero .respiro{margin-bottom:20px;gap:12px}
  .hero .sub{margin-bottom:24px}
}
/* schermi bassi (telefoni orizzontali, laptop 13"/piccoli, iPhone SE): comprimi lo stack */
@media (max-height:680px){
  .hero{padding-top:clamp(44px,6svh,72px);padding-bottom:clamp(52px,6svh,84px)}
  .hero .respiro{margin-bottom:16px}
  .hero .respiro-testo{display:none}
  .hero .sub{margin-bottom:18px}
  .hero .scorri{display:none}
}
/* schermi molto bassi: riduci al minimo indispensabile */
@media (max-height:560px){
  .hero .respiro .marchio{width:44px!important}
  .hero .rc-claim{display:none}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important}}

/* ── Neuma Radio — barra diretta (stati player) ────────────────── */
.miniplayer .pp{position:relative;transition:transform .18s,box-shadow .18s}
.miniplayer .pp:hover{transform:scale(1.06);box-shadow:0 4px 14px rgba(232,97,58,.5)}
.miniplayer.loading .pp{pointer-events:none}
.miniplayer.loading .pp svg{opacity:0}
.miniplayer.loading .pp::after{content:"";position:absolute;width:16px;height:16px;border-radius:50%;
  border:2px solid rgba(255,255,255,.35);border-top-color:#fff;animation:rlSpin .7s linear infinite}
@keyframes rlSpin{to{transform:rotate(360deg)}}
.miniplayer:not(.playing) .onda b{animation:none;opacity:.28}
.miniplayer .live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--arancio);
  margin-right:6px;vertical-align:middle;box-shadow:0 0 0 0 rgba(232,97,58,.6);animation:rlPulse 1.8s ease-out infinite}
@keyframes rlPulse{0%{box-shadow:0 0 0 0 rgba(232,97,58,.6)}70%{box-shadow:0 0 0 6px rgba(232,97,58,0)}100%{box-shadow:0 0 0 0 rgba(232,97,58,0)}}
@media (prefers-reduced-motion:reduce){.miniplayer .live-dot{animation:none}}
/* player mobile: titolo lungo leggibile su 2 righe, più spazio utile */
@media (max-width:560px){
  .miniplayer{padding:11px 15px;gap:12px}
  .miniplayer .inner{gap:12px}
  .miniplayer .onda{display:none}
  .miniplayer .pp{width:46px;height:46px}
  .miniplayer .info .t1{font-size:1.02rem}
}

/* ── Palinsesto: rubriche, puntate, pillole ────────────────────── */
.palinsesto{padding:56px 26px 44px;max-width:var(--maxw);margin:0 auto}
.palinsesto.alt{background:var(--carta2);max-width:none;padding-left:max(26px,calc((100vw - var(--maxw))/2));padding-right:max(26px,calc((100vw - var(--maxw))/2))}
.rubrica-head{max-width:var(--maxw);margin:0 auto 30px}
.rubrica-head h2{font-family:'Fraunces',serif;font-variation-settings:"SOFT" 100;font-weight:360;
  font-size:clamp(1.9rem,4.4vw,3rem);line-height:1.04;margin:.28em 0 .3em;color:var(--nero)}
.rubrica-head p{max-width:56ch;color:var(--terra);font-size:1.02rem}
.rubrica-head p .rh-nowrap{white-space:nowrap}
@media(max-width:560px){.rubrica-head p .rh-nowrap{white-space:normal}}
.puntate-grid{list-style:none;margin:0 auto;padding:0;max-width:var(--maxw);
  display:grid;gap:18px;grid-template-columns:1fr}
.puntata{position:relative;background:var(--carta);border:1px solid rgba(156,58,23,.16);border-radius:12px;
  padding:24px 24px 20px;display:flex;flex-direction:column;gap:10px;
  transition:transform .2s,box-shadow .2s,border-color .2s}
.palinsesto.alt .puntata{background:#fff}
.puntata:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(156,58,23,.12);border-color:rgba(232,97,58,.4)}
.puntata .ep{font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--arancio)}
.puntata h3{font-family:'Fraunces',serif;font-weight:400;font-size:1.28rem;line-height:1.18;color:var(--nero);margin:0}
.puntata p{color:var(--terra);font-size:.95rem;line-height:1.55;margin:0;flex:1}
.puntata .meta{display:flex;align-items:center;justify-content:space-between;margin-top:6px;
  padding-top:14px;border-top:1px solid rgba(156,58,23,.12)}
.puntata .durata{font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:#B08A72}
.puntata .ascolta{font-weight:600;font-size:.86rem;color:var(--arancio-scuro)}
.puntata:hover .ascolta{color:var(--arancio)}

.pillole-sez{padding:60px 26px 64px;background:var(--nero);color:#F2E4D2}
.pillole-sez .rubrica-head h2{color:#FBF3E7}
.pillole-sez .rubrica-head p{color:#C9AE93}
.pillole-row{max-width:var(--maxw);margin:0 auto;display:grid;gap:14px;grid-template-columns:1fr}
.pillola{display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:999px;
  background:rgba(255,255,255,.05);border:1px solid rgba(247,203,164,.18);text-decoration:none;
  font:inherit;color:inherit;text-align:left;width:100%;cursor:pointer;
  transition:background .2s,border-color .2s,transform .2s}
.pillola:hover{background:rgba(232,97,58,.12);border-color:rgba(232,97,58,.5);transform:translateY(-2px)}
.pill-play{flex:none;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;
  background:linear-gradient(150deg,var(--arancio),var(--arancio-scuro))}
.pill-play svg{width:14px;fill:#fff}
.pillola .i-play{display:block}
.pillola .i-pause{display:none}
.pillola.is-playing{background:rgba(232,97,58,.18);border-color:rgba(232,97,58,.6)}
.pillola.is-playing .i-play{display:none}
.pillola.is-playing .i-pause{display:block}
.pillola.is-playing .pill-play{animation:pillPulse 1.5s ease-in-out infinite}
@keyframes pillPulse{0%,100%{box-shadow:0 0 0 0 rgba(232,97,58,.5)}50%{box-shadow:0 0 0 8px rgba(232,97,58,0)}}
@media(prefers-reduced-motion:reduce){.pillola.is-playing .pill-play{animation:none}}
.pill-txt{display:flex;flex-direction:column;gap:3px;min-width:0}
.pill-tag{font-size:.58rem;letter-spacing:.14em;text-transform:uppercase;color:var(--pesca)}
.pill-tit{font-family:'Fraunces',serif;font-size:1.02rem;color:#FBF3E7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

@media (min-width:720px){
  .puntate-grid{grid-template-columns:repeat(3,1fr)}
  .pillole-row{grid-template-columns:repeat(2,1fr)}
}
@media (min-width:1000px){
  .pillole-row{grid-template-columns:repeat(4,1fr)}
}

/* utility: parola viva in arancione (fuori dalle frasi-soglia) */
h2 .viva,.prosa .viva,.page-hero .viva{color:var(--arancio);font-style:normal;white-space:nowrap}
.stato.arancio .grande{font-size:clamp(1.85rem,4.2vw,2.9rem);font-weight:360;line-height:1.14;max-width:22ch}

/* tagline ricorrente nel footer */
.foot-motto{font-family:'Spline Sans Mono',monospace;font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;
  color:var(--arancio);margin-top:10px}

/* Sezione "Sentire come cura" — banda arancione con gradient in movimento */
.prosa.sentire{position:relative;overflow:hidden;color:#fff;
  background:linear-gradient(120deg,var(--arancio-scuro) 0%,var(--arancio) 45%,var(--ambra) 100%)}
.prosa.sentire .inner{position:relative;z-index:2}
.prosa.sentire .eyebrow{color:rgba(255,255,255,.82)}
.prosa.sentire h2{color:#fff}
.prosa.sentire p{color:rgba(255,255,255,.95)}
.prosa.sentire em{color:#fff;font-style:italic}
@keyframes sentiFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@media(prefers-reduced-motion:reduce){.prosa.sentire{animation:none}}

/* Sezione "Il rito" — cielo notturno con stelle e il sole che tramonta sotto */
.prosa.rito{position:relative;overflow:hidden;color:#fff;
  background:
    radial-gradient(140% 78% at 50% 122%, rgba(255,170,96,.6) 0%, rgba(232,97,58,.22) 26%, transparent 58%),
    linear-gradient(180deg,#0A0B18 0%,#0f1122 52%,#1c1626 100%)}
.prosa.rito .inner{position:relative;z-index:2}
.prosa.rito .eyebrow{color:rgba(255,214,176,.9)}
.prosa.rito h2{color:#fff;text-shadow:0 2px 22px rgba(0,0,0,.4)}
.prosa.rito p{color:rgba(255,247,238,.92)}
.prosa.rito em{color:#FFCF9A;font-style:italic}
.prosa.rito::before,.prosa.rito::after{content:"";position:absolute;z-index:1;pointer-events:none}
/* strato stelle luminose + lampeggio marcato */
.prosa.rito::after{inset:0;
  background-image:
    radial-gradient(2.2px 2.2px at 12% 20%,#fff,transparent),
    radial-gradient(1.8px 1.8px at 28% 38%,#fff,transparent),
    radial-gradient(1.6px 1.6px at 20% 62%,rgba(255,255,255,.95),transparent),
    radial-gradient(2.4px 2.4px at 44% 16%,#fff,transparent),
    radial-gradient(1.6px 1.6px at 56% 44%,rgba(255,255,255,.9),transparent),
    radial-gradient(2.2px 2.2px at 70% 24%,#fff,transparent),
    radial-gradient(1.8px 1.8px at 82% 50%,#fff,transparent),
    radial-gradient(1.6px 1.6px at 90% 30%,rgba(255,255,255,.95),transparent),
    radial-gradient(2px 2px at 76% 66%,#fff,transparent),
    radial-gradient(1.6px 1.6px at 36% 70%,rgba(255,255,255,.9),transparent),
    radial-gradient(2.4px 2.4px at 62% 80%,#fff,transparent),
    radial-gradient(1.8px 1.8px at 8% 46%,#fff,transparent);
  opacity:.95;filter:drop-shadow(0 0 3px rgba(255,255,255,.65));
  animation:ritoTwinkle 4s ease-in-out infinite}
/* strato stelle fini + deriva lenta (parallasse) */
.prosa.rito::before{inset:0 0 -40px 0;
  background-image:
    radial-gradient(1.2px 1.2px at 15% 30%,rgba(255,255,255,.85),transparent),
    radial-gradient(1.2px 1.2px at 33% 12%,rgba(255,255,255,.75),transparent),
    radial-gradient(1.2px 1.2px at 48% 58%,rgba(255,255,255,.8),transparent),
    radial-gradient(1.2px 1.2px at 60% 22%,rgba(255,255,255,.75),transparent),
    radial-gradient(1.2px 1.2px at 72% 40%,rgba(255,255,255,.85),transparent),
    radial-gradient(1.2px 1.2px at 86% 64%,rgba(255,255,255,.75),transparent),
    radial-gradient(1.2px 1.2px at 24% 76%,rgba(255,255,255,.75),transparent),
    radial-gradient(1.2px 1.2px at 94% 18%,rgba(255,255,255,.8),transparent),
    radial-gradient(1.2px 1.2px at 40% 88%,rgba(255,255,255,.7),transparent),
    radial-gradient(1.2px 1.2px at 68% 90%,rgba(255,255,255,.75),transparent),
    radial-gradient(1.2px 1.2px at 5% 84%,rgba(255,255,255,.7),transparent),
    radial-gradient(1.2px 1.2px at 52% 34%,rgba(255,255,255,.72),transparent);
  opacity:.75;animation:ritoDrift 28s linear infinite,ritoTwinkle2 6.5s ease-in-out infinite}
@keyframes ritoTwinkle{0%,100%{opacity:.55}50%{opacity:1}}
@keyframes ritoTwinkle2{0%,100%{opacity:.4}50%{opacity:.85}}
@keyframes ritoDrift{from{transform:translateY(0)}to{transform:translateY(-22px)}}
/* stella cadente periodica */
.prosa.rito .stella-cadente{position:absolute;top:12%;left:-12%;z-index:1;width:130px;height:2px;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.85),#fff);border-radius:2px;
  filter:drop-shadow(0 0 6px rgba(255,255,255,.85));opacity:0;transform:rotate(16deg)}
.prosa.rito .stella-cadente{animation:stellaCadente 11s ease-in infinite}
@keyframes stellaCadente{
  0%,80%{opacity:0;transform:translate(0,0) rotate(16deg)}
  82%{opacity:1}
  93%{opacity:1}
  98%,100%{opacity:0;transform:translate(130vw,44vh) rotate(16deg)}}
@media(prefers-reduced-motion:reduce){.prosa.rito::before,.prosa.rito::after{animation:none;opacity:.65}.prosa.rito .stella-cadente{display:none}}

/* "Qui ci si ritrova" — titolo grande e centrato */
.prosa.ritrova .inner{text-align:center;max-width:52ch;margin-inline:auto}
.prosa.ritrova h2{font-size:clamp(1.5rem,3.2vw,2.2rem);line-height:1.2;margin-bottom:.5em}
.prosa.ritrova p{max-width:34ch;margin:0 auto;font-size:clamp(1.05rem,2.2vw,1.35rem)}

/* Programmazione settimanale (palinsesto orario) */
.palinsesto-week{background:var(--carta);padding:60px 26px 66px}
.palinsesto-week .rubrica-head{max-width:var(--maxw);margin:0 auto 28px}
.palinsesto-week .nota-orari{display:block;margin-top:8px;font-family:'Spline Sans Mono',monospace;font-size:.72rem;letter-spacing:.04em;color:#9a7c63}
.week-scroll{max-width:var(--maxw);margin:0 auto;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:10px}
.week-grid{display:grid;grid-template-columns:repeat(7,minmax(148px,1fr));gap:12px;min-width:820px}
.day{background:var(--carta2);border-radius:16px;padding:12px;display:flex;flex-direction:column;gap:9px}
.day.weekend{background:#F4E7D6}
.day-h{text-align:center;font-family:'Spline Sans Mono',monospace;font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:var(--terra);padding:4px 0 8px;border-bottom:1px solid rgba(156,58,23,.16)}
.slot{background:#fff;border-radius:12px;padding:10px 12px;border-left:3px solid var(--pesca);box-shadow:0 3px 10px rgba(26,26,26,.05)}
.slot .hh{display:block;font-size:.72rem;letter-spacing:.06em;color:var(--terra);margin-bottom:4px}
.slot .pr{display:block;font-family:'Fraunces',serif;font-weight:400;font-size:.98rem;line-height:1.2;color:var(--nero)}
.slot .col{display:block;margin-top:4px;font-size:.6rem;letter-spacing:.09em;text-transform:uppercase;color:#a0876b}
.slot.ritual{background:var(--nero);border-left-color:var(--arancio)}
.slot.ritual .hh{color:var(--ambra)}
.slot.ritual .pr{color:var(--carta);font-style:italic}
.slot[data-colonna="espansione"]{border-left-color:var(--arancio)}
.slot[data-colonna="relazione"]{border-left-color:var(--ambra)}
.slot[data-colonna="contenimento"]{border-left-color:var(--terra)}
.slot[data-colonna="pillole"]{border-left-color:var(--arancio-scuro)}