/* ============================================================
   HERO MANIFESTO (.amh) — home «Il marketing che conosci sta finendo»
   2026-09-05: prima viveva in uno style dentro il wp:html dell'hero
   (patterns/page-manifesto-ai.php); spostato qui perché Gutenberg non
   applica gli style dei blocchi HTML nel canvas dell'editor.
   Caricato in home (functions.php: is_front_page / is_page('home'))
   e nell'editor (add_editor_style). Gli span .word/.l1/.l2/.amh__dead/.ln
   del titolo li crea a runtime lo script inline dell'hero.
   ============================================================ */
.amh{ position:relative; background:#070509; color:#fff; overflow:hidden; min-height:clamp(640px,96vh,1040px); display:flex; align-items:center; padding:clamp(40px,8vh,96px) 0; isolation:isolate; }
.amh__glow{ position:absolute; inset:0; z-index:0; pointer-events:none; background:radial-gradient(70% 80% at 78% 22%, rgba(229,20,123,.20), transparent 60%), radial-gradient(60% 70% at 8% 92%, rgba(69,181,229,.10), transparent 60%); }
.amh__grain{ position:absolute; inset:-50%; z-index:0; pointer-events:none; opacity:.05; background-image:radial-gradient(rgba(255,255,255,.9) 1px, transparent 1px); background-size:3px 3px; mix-blend-mode:screen; }
.amh__ghost{ position:absolute; right:-2vw; bottom:-9vh; z-index:0; font-family:var(--display); font-style:italic; font-weight:400; font-size:min(46vw,640px); line-height:.7; color:transparent; -webkit-text-stroke:1px rgba(255,255,255,.05); text-stroke:1px rgba(255,255,255,.05); pointer-events:none; user-select:none; letter-spacing:-0.04em; }
.amh__wrap{ position:relative; z-index:2; width:100%; max-width:1280px; margin:0 auto; padding:0 clamp(22px,5vw,64px); }
.amh__top{ display:flex; flex-wrap:wrap; gap:10px 18px; align-items:center; font-family:var(--mono); font-size:11.5px; letter-spacing:.1em; text-transform:uppercase; color:rgba(255,255,255,.5); margin:0 0 clamp(26px,5vh,52px); }
.amh__top a{ color:rgba(255,255,255,.5); text-decoration:none; }
.amh__top a:hover{ color:#fff; }
.amh__top::before { content:""; flex:none;  width:7px; height:7px; border-radius:50%; background:var(--magenta); box-shadow:0 0 14px var(--magenta); }
.amh__top .ey{ color:var(--yellow); }
.amh__grid{ display:grid; grid-template-columns:minmax(0,1.32fr) minmax(0,.9fr); gap:clamp(34px,5vw,84px); align-items:end; }
.amh__title{ font-family:var(--display); font-weight:700; font-size:clamp(46px,8.4vw,128px); line-height:.9; letter-spacing:-0.035em; margin:0; text-wrap:balance; }
.amh__title .l2{ display:block; color:rgba(255,255,255,.42); }
.amh__dead{ position:relative; display:inline-block; color:#fff; white-space:nowrap; }
.amh__dead .ln{ position:absolute; left:-2%; right:-2%; top:54%; height:clamp(4px,.7vw,9px); background:var(--magenta); box-shadow:0 0 24px rgba(229,20,123,.8); transform:scaleX(1); transform-origin:left center; border-radius:2px; }
.amh__lead{ font-size:clamp(15px,1.35vw,18px); line-height:1.6; color:rgba(255,255,255,.66); max-width:46ch; margin:clamp(26px,4vh,40px) 0 0; }
.amh__micro{ display:flex; flex-wrap:wrap; gap:10px 24px; margin:26px 0 0; font-family:var(--mono); font-size:11.5px; letter-spacing:.05em; text-transform:uppercase; color:rgba(255,255,255,.55); }
.amh__micro b, .amh__micro strong { display:inline-flex; align-items:center; gap:10px; font-weight:400; }
.amh__micro b::before, .amh__micro strong::before { content:""; width:6px; height:6px; border-radius:50%; background:var(--magenta); }
.amh__ctas{ display:flex; flex-wrap:wrap; gap:12px; margin:clamp(28px,4vh,40px) 0 0; }
.amh__btn .wp-block-button__link { display:inline-block; border:0; line-height:1.25; font-weight:400;  font-family:var(--mono); font-size:13px; letter-spacing:.02em; text-transform:none; padding:15px 24px; border-radius:999px; text-decoration:none; transition:transform .2s ease, background .2s ease, color .2s ease; white-space:nowrap; }
.amh__btn--p .wp-block-button__link { background:var(--magenta); color:#fff; box-shadow:0 14px 40px -16px rgba(229,20,123,.8); }
.amh__btn--p .wp-block-button__link:hover { background:var(--magenta); color:#fff;  transform:translateY(-2px); }
.amh__btn--g .wp-block-button__link { box-shadow:none;  background:transparent; color:#fff; border:1px solid rgba(255,255,255,.32); }
.amh__btn--g .wp-block-button__link:hover { color:#fff;  border-color:#fff; background:rgba(255,255,255,.06); }
/* il "listino vecchio" che evapora */
.amh__ledger{ border-top:1px solid rgba(255,255,255,.16); }
.amh__ledger .lab{ font-family:var(--mono); font-size:11px; letter-spacing:.1em; text-transform:uppercase; color:rgba(255,255,255,.42); margin:16px 0 8px; }
.amh__row { margin:0;  display:flex; align-items:baseline; justify-content:space-between; gap:18px; padding:13px 0; border-bottom:1px solid rgba(255,255,255,.1); }
.amh__task{ position:relative; font-family:var(--display); font-size:clamp(19px,2vw,27px); line-height:1.05; letter-spacing:-0.01em; color:#fff; }
.amh__task .ln{ position:absolute; left:-1%; right:-1%; top:52%; height:2px; background:rgba(255,255,255,.7); transform:scaleX(1); transform-origin:left center; }
.amh__was{ font-family:var(--mono); font-size:13px; letter-spacing:.02em; color:rgba(255,255,255,.4); white-space:nowrap; }
.amh__was s{ text-decoration:none; opacity:.55; }
.amh__was .now{ color:var(--magenta); font-weight:700; }
.amh__row.gone .amh__task{ color:rgba(255,255,255,.32); }
/* Barratura su piu' righe (2026-09-11). La .ln e' un <i> assoluto a top:52% del blocco dello span:
   se il testo va a capo il 52% cade nell'interlinea (sembra una sottolineatura) o nella riga di mezzo.
   Lo script marca con .multi gli .amh__task che occupano piu' di una riga e li passa a text-decoration,
   che segue ogni riga di testo. Stato a riposo = VISIBILE, come il resto del listino. */
.amh__task.multi .ln{ display:none; }
.amh__task.multi{ text-decoration-line:line-through; text-decoration-thickness:2px; text-decoration-color:rgba(255,255,255,.7); }
/* animazione (solo con JS + motion) — stato a riposo = VISIBILE; il nascosto vive solo nel keyframe (fill:both) */
@media (prefers-reduced-motion:no-preference){
  .amh.play .amh__title .word{ display:inline-block; animation:amhUp .7s cubic-bezier(.2,.7,.2,1) both; }
  .amh.play .amh__title .l1 .word{ animation-delay:.05s; }
  .amh.play .amh__title .l2 .word{ animation-delay:.18s; }
  .amh.play .amh__dead .ln{ animation:amhStrike .5s cubic-bezier(.6,0,.2,1) .9s both; }
  .amh.play .amh__row{ animation:amhUp .5s ease both; }
  .amh.play .amh__row:nth-child(2){ animation-delay:1.3s; } .amh.play .amh__row:nth-child(3){ animation-delay:1.5s; }
  .amh.play .amh__row:nth-child(4){ animation-delay:1.7s; } .amh.play .amh__row:nth-child(5){ animation-delay:1.9s; } .amh.play .amh__row:nth-child(6){ animation-delay:2.1s; }
  .amh.play .amh__task .ln{ animation:amhStrike .45s cubic-bezier(.6,0,.2,1) both; }
  .amh.play .amh__row:nth-child(2) .amh__task .ln{ animation-delay:1.55s; } .amh.play .amh__row:nth-child(3) .amh__task .ln{ animation-delay:1.75s; }
  .amh.play .amh__row:nth-child(4) .amh__task .ln{ animation-delay:1.95s; } .amh.play .amh__row:nth-child(5) .amh__task .ln{ animation-delay:2.15s; } .amh.play .amh__row:nth-child(6) .amh__task .ln{ animation-delay:2.35s; }
  .amh.play .amh__task.multi{ animation:amhStrikeTxt .45s cubic-bezier(.6,0,.2,1) both; }
  .amh.play .amh__row:nth-child(2) .amh__task.multi{ animation-delay:1.55s; } .amh.play .amh__row:nth-child(3) .amh__task.multi{ animation-delay:1.75s; }
  .amh.play .amh__row:nth-child(4) .amh__task.multi{ animation-delay:1.95s; } .amh.play .amh__row:nth-child(5) .amh__task.multi{ animation-delay:2.15s; } .amh.play .amh__row:nth-child(6) .amh__task.multi{ animation-delay:2.35s; }
  .amh.play .amh__fade{ animation:amhUp .6s ease both; }
  .amh.play .amh__lead{ animation-delay:2.4s; } .amh.play .amh__micro{ animation-delay:2.55s; } .amh.play .amh__ctas{ animation-delay:2.7s; }
}
@keyframes amhUp{ from{ transform:translateY(12px); opacity:0; } to{ transform:none; opacity:1; } }
@keyframes amhStrike{ from{ transform:scaleX(0); } to{ transform:scaleX(1); } }
@keyframes amhStrikeTxt{ from{ text-decoration-color:transparent; } to{ text-decoration-color:rgba(255,255,255,.7); } }
@media (max-width:920px){ .amh__grid{ grid-template-columns:1fr; align-items:start; gap:38px; } .amh__ledger{ order:2; } }
.amh__title s{ text-decoration-line:line-through; text-decoration-color:var(--magenta); text-decoration-thickness:.08em; }
.amh__title .l2 s{ text-decoration:none; }

/* ── Sezioni del Manifesto (prima nello <style> di pagina della home; servono anche a «L'AI al lavoro» per i capitoli) ── */
/* placeholder immagini (stesso trattamento di ANALIZZA) */
  .ph-img{width:100%;height:100%;min-height:320px;display:flex;align-items:flex-end;justify-content:flex-start;text-align:left;
    background:#EFEDE7 url(https://photonico.it/wp-content/themes/komlab-theme/assets/placeholder.png) center/cover no-repeat;border:1px solid var(--rule);position:relative;overflow:hidden;}
/* hero: striscia micro-claim */
  .hero-micro{margin:34px 0 0;display:flex;flex-wrap:wrap;gap:12px 26px;font-family:var(--mono);font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:var(--mute);}
/* claim di chiusura in corsivo (le "(corsivo)" del testo) */
  .claim,.split-body .claim{margin:28px 0 0;font-family:var(--display);font-style:italic;font-size:21px;line-height:1.38;letter-spacing:-0.01em;color:var(--ink);border-left:2px solid var(--magenta);padding-left:20px;max-width:600px;}
/* sezioni-prova: i cluster di casi come elenco puntato sobrio */
  .split.casesec{align-items:start;}
.case-list{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:18px;max-width:600px;}
.case-list li{position:relative;padding-left:22px;font-size:15px;line-height:1.62;color:var(--mute);}
.case-list li::before{content:"";position:absolute;left:0;top:9px;width:7px;height:7px;border-radius:50%;background:var(--magenta);}
.case-list li strong{color:var(--ink);font-weight:600;}
.case-list li b{color:var(--ink);font-weight:600;}
/* sec 4.0 — intro prova: paragrafo big a piena colonna */
  .prova-intro{font-family:var(--display);font-weight:700;font-size:clamp(20px,2vw,26px);line-height:1.42;letter-spacing:-0.01em;color:var(--ink);max-width:880px;margin:26px 0 0;}
/* sec 4.9 — la valanga */
  .valanga-sec{padding:clamp(48px,8vh,96px) 0;}
.valanga-lab{font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--magenta);margin:0 0 22px;display:flex;align-items:center;gap:12px;}
.valanga-lab::before{content:"";width:30px;height:1px;background:var(--magenta);}
.valanga{font-family:var(--display);font-weight:700;font-size:clamp(19px,2vw,27px);line-height:1.52;letter-spacing:-0.005em;color:var(--ink);max-width:1120px;margin:0;}
.valanga .sep{color:var(--magenta);padding:0 2px;}
/* sec 4.10 — claim-ponte a piena larghezza */
  .bridge-sec{background:var(--ink);color:var(--paper);padding:clamp(56px,9vh,108px) 0;}
/* sec 5 — pull-quote in evidenza */
  .pullq,.split-body .pullq{margin:32px 0 0;font-family:var(--display);font-style:italic;font-size:clamp(21px,2.1vw,27px);line-height:1.28;letter-spacing:-0.01em;color:var(--ink);border-left:3px solid var(--magenta);padding-left:24px;max-width:600px;}
/* sec 8 — kicker sotto i bottoni della CTA gialla */
  .cta-yellow .cta-kicker{margin:24px 0 0;font-family:var(--mono);font-size:12.5px;letter-spacing:.02em;line-height:1.65;color:rgba(17,17,18,.72);border-top:1px solid rgba(17,17,18,.18);padding-top:18px;}