/* Approfondimenti "plus": fasce alternate chiaro/scuro, grafiche e animazioni (si aggiunge a ws-articolo.css) */

.wsx-page{overflow-x:clip}
.wsa.wsx{max-width:none;padding:0;--wsx-bg:#EAE9E4;--wsx-ink:#151515;--wsx-dark:#111;--wsx-paper:#d6d4cd;--wsx-red:#a60b0b;--wsx-red-soft:#d98c8c}
.wsx-inner{max-width:1240px;margin:0 auto;padding-left:clamp(18px,4vw,48px);padding-right:clamp(18px,4vw,48px)}
.wsx > .ws-local-section{max-width:1240px;margin:0 auto clamp(20px,3vw,40px);padding-left:clamp(18px,4vw,48px);padding-right:clamp(18px,4vw,48px)}

/* ---- tipografia comune alle fasce ---- */
.wsx-band{position:relative;padding:clamp(72px,9vw,140px) 0}
.wsx-band h2,.wsx-band h3{font-family:"Noto Serif Display",serif;font-weight:400;font-style:normal;text-transform:none;letter-spacing:-.005em;border:0;padding:0;background:none}
.wsx-band h2{font-size:clamp(2.1rem,4vw,3.8rem);line-height:1.05;margin:0 0 22px}
.wsx-band h3{font-size:clamp(1.9rem,3.2vw,3rem);line-height:1.06;margin:0 0 10px}
.wsx-band p,.wsx-band li,.wsx-band dd,.wsx-band dt{font-family:"Lato",sans-serif}
.wsx-band p{font-size:clamp(1.03rem,1.15vw,1.12rem);line-height:1.75;margin:0 0 1.05em}
.wsx-band strong{font-weight:600}
.wsx-band ul,.wsx-band ol{list-style:none;margin:0;padding:0}
.wsx-band li:before{content:none}
.wsx-light{background:var(--wsx-bg);color:var(--wsx-ink)}
.wsx-light p{color:#2a2826}
.wsx-light strong{color:var(--wsx-ink)}
.wsx-dark{background:var(--wsx-dark);color:#EAE9E4}
.wsx-dark p,.wsx-dark li,.wsx-dark dd{color:var(--wsx-paper)}
.wsx-dark strong,.wsx-dark h2,.wsx-dark h3{color:#fff}
.wsx-kicker{font-size:12.5px !important;font-weight:600;letter-spacing:.16em;text-transform:uppercase;line-height:1.4 !important;margin:0 0 14px !important;color:var(--wsx-red) !important}
.wsx-dark .wsx-kicker{color:var(--wsx-red-soft) !important}
.wsx-lead{font-size:clamp(1.12rem,1.5vw,1.35rem) !important;line-height:1.6 !important;max-width:62ch}
.wsx-center{text-align:center}
.wsx-center .wsx-lead{margin-left:auto;margin-right:auto}
.wsx-cols-2{column-count:2;column-gap:clamp(28px,4vw,64px)}
.wsx-cols-2 p{break-inside:avoid}

/* icone del sito su cerchio rosso */
.wsx-ico{display:inline-grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--wsx-red);flex:none}
.wsx-ico img{width:58%;height:58%;object-fit:contain;display:block}
.wsx-ico-lg{width:76px;height:76px}

/* ---- apertura ---- */
.wsx-hero-band{padding:clamp(28px,4vw,56px) 0 clamp(36px,5vw,64px);background:var(--wsx-bg)}
.wsx .wsx-hero{margin:0 auto}
.wsx-meta{display:flex;flex-wrap:wrap;gap:10px 22px;align-items:center;margin:26px 0 0 !important;font-size:13px !important;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#6b6761 !important}
.wsx-meta span{display:inline-flex;align-items:center;gap:10px}
.wsx-meta span:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--wsx-red)}
.wsx-meta a{color:var(--wsx-ink);text-decoration:none;border-bottom:1px solid var(--wsx-red);padding-bottom:3px}
.wsx-meta a i{font-style:normal;display:inline-block;animation:wsx-bob 1.8s ease-in-out infinite}
.wsx-float img{animation:wsx-float 7s ease-in-out infinite}
.wsx-title-in{animation:wsx-rise .9s cubic-bezier(.2,.7,.2,1) both}
.wsx-title-in span{animation:wsx-rise .9s .15s cubic-bezier(.2,.7,.2,1) both}
.wsx-rise{animation:wsx-rise .9s var(--d,0s) cubic-bezier(.2,.7,.2,1) both}

/* ---- onda: il chiaro "gocciola" nella fascia scura ---- */
.wsx-drip{padding-top:clamp(110px,12vw,190px)}
.wsx-drip-svg{position:absolute;left:0;top:-1px;width:100%;height:clamp(60px,8vw,120px);fill:var(--wsx-bg);display:block}

/* ---- manifesto ---- */
.wsx-manifesto{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,6vw,96px);align-items:start}
.wsx-quote{font-family:"Noto Serif Display",serif !important;font-size:clamp(1.9rem,3.4vw,3.1rem) !important;line-height:1.14 !important;color:#fff !important;margin:0 !important}
.wsx-h2-italic{font-style:italic !important}
.wsx-h2-italic strong{font-weight:800}
.wsx-pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,3vw,40px);margin-top:clamp(56px,7vw,96px) !important}
.wsx-pillars li{border-top:1px solid rgba(234,233,228,.3);padding-top:24px;display:flex;flex-direction:column;gap:10px}
.wsx-pillars strong{font-family:"Noto Serif Display",serif;font-weight:400;font-size:1.7rem;line-height:1.1}
.wsx-pillars li > span:last-child{font-size:1rem;line-height:1.55;color:var(--wsx-paper)}

/* ---- percorso in 5 tappe ---- */
.wsx-road{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-top:clamp(48px,6vw,80px) !important;counter-reset:none}
.wsx-road:before{content:"";position:absolute;left:10%;right:10%;top:38px;height:2px;background:var(--wsx-red);transform-origin:left;transform:scaleX(var(--wsx-line,1));transition:transform 1.6s cubic-bezier(.2,.7,.2,1)}
.wsx-road a{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;text-decoration:none;color:var(--wsx-ink)}
.wsx-road .wsx-ico{box-shadow:0 0 0 10px var(--wsx-bg);transition:transform .35s ease}
.wsx-road a:hover .wsx-ico{transform:translateY(-6px) scale(1.06)}
.wsx-road-n{font-family:"Noto Serif Display",serif;font-size:1.6rem;line-height:1;color:var(--wsx-red)}
.wsx-road-t{font-size:1rem;line-height:1.4;max-width:16ch}
.wsx-road a:hover .wsx-road-t{color:var(--wsx-red)}

/* ---- passaggi ---- */
.wsx-step-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,5vw,80px) clamp(28px,5vw,80px);align-items:start}
.wsx-step-grid > .wsx-persona,.wsx-step-grid > .wsx-orbit-wrap,.wsx-step-grid > .wsx-metrics-wrap{grid-column:1}
.wsx-step-grid > .wsx-step-text{grid-column:2;grid-row:1 / span 2}
.wsx-step--rev .wsx-step-grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.wsx-step--rev .wsx-step-grid > .wsx-step-head,.wsx-step--rev .wsx-step-grid > .wsx-orbit-wrap,.wsx-step--rev .wsx-step-grid > .wsx-metrics-wrap{grid-column:2}
.wsx-step--rev .wsx-step-grid > .wsx-step-text{grid-column:1;grid-row:1 / span 2}
.wsx-step-grid--top{margin-bottom:clamp(40px,5vw,72px)}
.wsx-step--below .wsx-step-grid > .wsx-step-text{grid-row:1}
.wsx-step--below .wsx-step-grid > .wsx-orbit-wrap{grid-column:1 / -1;flex-direction:row;justify-content:center;align-items:center;gap:clamp(28px,6vw,96px);margin-top:clamp(16px,3vw,40px)}
.wsx-step-grid--top > .wsx-step-text{grid-row:auto}
.wsx-step-head{position:relative;isolation:isolate}
html:has(body.wsx-page){scroll-behavior:smooth}
.wsx-band,.wsx #lavori{scroll-margin-top:90px}
.wsx-step-head .wsx-ico{margin:0 0 22px}
.wsx-big-n{position:absolute;right:0;top:-.28em;font-family:"Noto Serif Display",serif;font-size:clamp(7rem,13vw,12rem);line-height:1;color:transparent;-webkit-text-stroke:1px rgba(21,21,21,.22);pointer-events:none;user-select:none;z-index:-1}
.wsx-dark .wsx-big-n{-webkit-text-stroke:1px rgba(234,233,228,.28)}
.wsx-step-head--row{display:flex;align-items:center;gap:22px;margin-bottom:clamp(28px,4vw,48px)}
.wsx-step-head--row .wsx-ico{margin:0}
.wsx-step-head--row .wsx-big-n{right:0}
.wsx-step-head--row h3{margin:0}

/* scheda buyer persona */
.wsx-persona{background:#f6f4ef;color:var(--wsx-ink);padding:26px 26px 18px;box-shadow:0 30px 60px rgba(0,0,0,.35);transform:rotate(-2.2deg);max-width:420px}
.wsx-persona-top{display:flex;align-items:center;gap:16px;padding-bottom:16px;border-bottom:2px solid var(--wsx-ink);margin-bottom:6px}
.wsx-persona-tag{font-size:11px !important;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:var(--wsx-red) !important;margin:0 !important;line-height:1.3 !important}
.wsx-persona-name{font-family:"Noto Serif Display",serif !important;font-size:1.7rem !important;line-height:1.1 !important;color:var(--wsx-ink) !important;margin:2px 0 0 !important}
.wsx-persona dl{margin:0}
.wsx-persona dl div{display:grid;grid-template-columns:120px 1fr;gap:12px;padding:12px 0;border-bottom:1px dashed rgba(21,21,21,.25)}
.wsx-persona dl div:last-child{border-bottom:0}
.wsx-persona dt{font-size:11.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#6b6761;padding-top:3px}
.wsx-persona dd{margin:0;font-size:.98rem;line-height:1.45;color:var(--wsx-ink) !important}

/* orbita della brand identity */
.wsx-orbit-wrap{display:flex;flex-direction:column;align-items:center;gap:28px}
.wsx-orbit{--r:clamp(120px,15vw,170px);position:relative;width:calc(var(--r) * 2 + 120px);height:calc(var(--r) * 2 + 60px);max-width:100%}
.wsx-orbit:before{content:"";position:absolute;left:50%;top:50%;width:calc(var(--r) * 2);height:calc(var(--r) * 2);margin:calc(var(--r) * -1) 0 0 calc(var(--r) * -1);border:1px dashed rgba(21,21,21,.3);border-radius:50%;animation:wsx-spin 60s linear infinite}
.wsx-orbit-core{position:absolute;left:50%;top:50%;width:132px;height:132px;margin:-66px 0 0 -66px;border-radius:50%;background:var(--wsx-red);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;box-shadow:0 0 0 12px rgba(166,11,11,.12)}
.wsx-orbit-core img{width:44px;height:44px}
.wsx-orbit-core b{font-family:"Noto Serif Display",serif;font-weight:400;font-size:1rem;line-height:1.1}
.wsx-orbit > span:not(.wsx-orbit-core){--a:calc(var(--i) * 40deg - 90deg);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(var(--a)) translate(var(--r)) rotate(calc(var(--a) * -1));background:var(--wsx-bg);border:1px solid var(--wsx-ink);border-radius:999px;padding:7px 14px;font-family:"Lato",sans-serif;font-size:13.5px;font-weight:600;white-space:nowrap;transition:transform .9s cubic-bezier(.2,.7,.2,1) calc(var(--i) * 70ms),opacity .6s ease calc(var(--i) * 70ms)}
.wsx-note{font-size:1rem !important;line-height:1.6 !important;padding:16px 20px;border-left:3px solid var(--wsx-red);background:rgba(255,255,255,.5);max-width:440px}

/* arco narrativo */
.wsx-arc{position:relative;margin:0 0 clamp(40px,5vw,64px);height:clamp(190px,22vw,260px)}
.wsx-arc svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.wsx-arc-line{fill:none;stroke:var(--wsx-red);stroke-width:3;stroke-linecap:round;stroke-dasharray:1400;stroke-dashoffset:var(--wsx-dash,0);transition:stroke-dashoffset 2.2s cubic-bezier(.3,.6,.2,1);vector-effect:non-scaling-stroke}
.wsx-arc ol li{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-9px);display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;font-size:.92rem;color:var(--wsx-paper);padding-top:30px}
.wsx-arc ol li:after{content:"";position:absolute;top:0;left:50%;width:18px;height:18px;margin-left:-9px;border-radius:50%;background:#111;border:3px solid var(--wsx-red)}
.wsx-arc ol li b{font-family:"Noto Serif Display",serif;font-weight:400;font-size:1.5rem;color:#fff;line-height:1;background:#111;padding:2px 8px}
.wsx-metrics li:last-child:nth-child(odd){grid-column:1 / -1}
.wsx-arc figcaption{position:absolute;right:0;bottom:-6px;font-family:"Noto Serif Display",serif;font-style:italic;font-size:1.15rem;color:var(--wsx-red-soft)}

/* canali */
.wsx-channels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2vw,24px)}
.wsx-channels li{background:#f6f4ef;border:1px solid rgba(21,21,21,.1);padding:28px 26px 22px;display:flex;flex-direction:column;gap:14px;transition:transform .35s ease,box-shadow .35s ease}
.wsx-channels li:hover{transform:translateY(-6px);box-shadow:0 20px 40px rgba(0,0,0,.1)}
.wsx-channels li > strong{font-family:"Noto Serif Display",serif;font-weight:400;font-size:1.55rem;line-height:1.1}
.wsx-channels li p{font-size:1rem !important;line-height:1.6 !important;margin:0 !important}
.wsx-channels .wsx-channels-note{background:var(--wsx-red);border-color:var(--wsx-red);justify-content:center}
.wsx-channels .wsx-channels-note p,.wsx-channels .wsx-channels-note strong{color:#fff !important;font-family:"Noto Serif Display",serif;font-size:1.25rem !important;line-height:1.4 !important}

/* metriche */
.wsx-metrics-wrap{display:flex;flex-direction:column;gap:22px}
.wsx-metrics-intro{font-size:1rem !important}
.wsx-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.wsx-metrics li{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid rgba(234,233,228,.18);font-size:.98rem;color:#fff !important;transition:background .3s ease,border-color .3s ease}
.wsx-metrics li:hover{background:rgba(166,11,11,.25);border-color:var(--wsx-red)}
.wsx-metrics img{width:34px;height:34px;padding:7px;border-radius:50%;background:var(--wsx-red);flex:none}
.wsx-cycle{position:relative;display:flex;justify-content:space-between;gap:8px;padding:18px 20px;border:1px dashed rgba(234,233,228,.35);border-radius:999px}
.wsx-cycle span{font-family:"Noto Serif Display",serif;font-size:1.25rem;color:#fff}
.wsx-cycle span + span:before{content:"\2192";margin-right:10px;color:var(--wsx-red-soft)}
.wsx-cycle:after{content:"\21BB";position:absolute;left:-10px;top:-14px;width:30px;height:30px;border-radius:50%;background:var(--wsx-red);color:#fff;display:grid;place-items:center;font-size:16px;animation:wsx-spin 6s linear infinite}

/* l'arte */
.wsx-art-head{display:flex;flex-direction:column;align-items:center;text-align:center}
.wsx-art-head .wsx-ico{margin-bottom:18px}
.wsx-pull{margin:clamp(24px,3vw,40px) auto clamp(48px,6vw,80px);max-width:900px;text-align:center;position:relative;padding:0 20px}
.wsx-pull:before{content:"\201C";display:block;font-family:"Noto Serif Display",serif;font-size:7rem;line-height:.6;color:var(--wsx-red);margin-bottom:10px}
.wsx-pull p{font-family:"Noto Serif Display",serif !important;font-size:clamp(1.6rem,2.8vw,2.5rem) !important;line-height:1.25 !important;color:var(--wsx-ink) !important;margin:0 !important}
.wsx-pull strong{font-weight:400;color:var(--wsx-red)}
.wsx-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,3vw,40px);margin-bottom:clamp(40px,5vw,64px) !important}
.wsx-principles li{border-top:2px solid var(--wsx-ink);padding-top:22px}
.wsx-principles li > span{font-family:"Noto Serif Display",serif;font-size:1.3rem;color:var(--wsx-red);display:block;margin-bottom:6px}
.wsx-principles li > strong{display:block;font-family:"Noto Serif Display",serif;font-weight:400;font-size:1.6rem;line-height:1.15;margin-bottom:12px}
.wsx-principles li p{font-size:1rem !important;line-height:1.65 !important}

/* chiusura (dalla vecchia pagina) */
.wsx-closing{padding:clamp(64px,8vw,110px) 0}
.wsx-closing-grid{display:flex;align-items:center;justify-content:center;gap:clamp(28px,7vw,120px)}
.wsx-closing p{font-family:"Noto Serif Display",serif !important;font-style:italic;font-size:clamp(1.6rem,3vw,2.6rem) !important;line-height:1.25 !important;color:#EAE9E4 !important;margin:0 !important;max-width:22ch}
.wsx-closing p strong{font-style:normal;color:#fff;display:block;margin-top:10px}
.wsx-bubble{flex:none;display:grid;place-items:center;width:clamp(150px,15vw,190px);height:clamp(150px,15vw,190px);border-radius:50%;background:var(--wsx-red);color:#fff !important;text-decoration:none !important;font-family:"Lato",sans-serif;font-weight:600;letter-spacing:.1em;text-transform:uppercase;font-size:14px;transition:transform .4s ease,background .3s ease;animation:wsx-pulse 2.6s ease-in-out infinite}
.wsx-bubble:hover{transform:scale(1.08);background:#EAE9E4;color:#111 !important}

/* lavori e correlati dentro la pagina larga */
.wsx #lavori{padding-top:clamp(20px,3vw,40px);padding-bottom:clamp(56px,7vw,96px)}
.wsx #lavori .copy-ready-work{margin-top:clamp(40px,5vw,64px)}

/* indice laterale e barra di lettura */
.wsx-index{position:fixed;left:22px;top:50%;transform:translateY(-50%);z-index:40;display:flex;flex-direction:column;gap:6px;opacity:0;pointer-events:none;transition:opacity .4s ease}
.wsx-index.is-on{opacity:1;pointer-events:auto}
.wsx-index a{display:flex;align-items:center;gap:10px;text-decoration:none;color:#6b6761;font-family:"Lato",sans-serif}
.wsx-index span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1px solid currentColor;font-size:12px;font-weight:600;background:rgba(234,233,228,.9);transition:all .3s ease}
.wsx-index b{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;opacity:0;transform:translateX(-6px);transition:all .3s ease;background:rgba(234,233,228,.95);padding:4px 8px}
.wsx-index a:hover b,.wsx-index a:focus b{opacity:1;transform:none}
.wsx-index a.is-current span{background:var(--wsx-red);border-color:var(--wsx-red);color:#fff}
.wsx-index.on-dark a{color:#bdbab2}
.wsx-index.on-dark span{background:rgba(17,17,17,.9)}
.wsx-index.on-dark b{background:rgba(17,17,17,.95);color:#EAE9E4}
.wsx-progress{position:fixed;left:0;right:0;top:0;height:3px;z-index:9999;pointer-events:none}
.wsx-progress span{display:block;height:100%;width:100%;background:var(--wsx-red);transform-origin:left;transform:scaleX(var(--p,0))}

/* ---- animazioni all'ingresso (solo con JS attivo) ---- */
.wsx-js .wsx-reveal{opacity:0;transition:opacity .9s ease,transform 1s cubic-bezier(.2,.7,.2,1)}
.wsx-js .wsx-reveal[data-anim="up"]{transform:translateY(40px)}
.wsx-js .wsx-reveal[data-anim="left"]{transform:translateX(-70px)}
.wsx-js .wsx-reveal[data-anim="right"]{transform:translateX(70px)}
.wsx-js .wsx-reveal[data-anim="pop"]{transform:scale(.6)}
.wsx-js .wsx-reveal[data-anim="card"]{transform:translateY(60px) rotate(6deg)}
.wsx-js .wsx-reveal.is-in{opacity:1;transform:none}
.wsx-js .wsx-reveal[data-anim="card"].is-in{transform:rotate(-2.2deg)}
.wsx-js .wsx-stagger > *{opacity:0;transform:translateY(34px);transition:opacity .7s ease calc(var(--n,0) * 110ms),transform .8s cubic-bezier(.2,.7,.2,1) calc(var(--n,0) * 110ms)}
.wsx-js .wsx-stagger.is-in > *{opacity:1;transform:none}
.wsx-js .wsx-road{--wsx-line:0}
.wsx-js .wsx-road.is-in{--wsx-line:1}
.wsx-js .wsx-reveal[data-anim="orbit"] > span:not(.wsx-orbit-core){opacity:0;transform:translate(-50%,-50%) scale(.3)}
.wsx-js .wsx-reveal[data-anim="orbit"]{opacity:1}
.wsx-js .wsx-reveal[data-anim="orbit"].is-in > span:not(.wsx-orbit-core){opacity:1;transform:translate(-50%,-50%) rotate(var(--a)) translate(var(--r)) rotate(calc(var(--a) * -1))}
.wsx-js .wsx-reveal[data-anim="draw"]{opacity:1;--wsx-dash:1400}
.wsx-js .wsx-reveal[data-anim="draw"].is-in{--wsx-dash:0}
.wsx-js .wsx-reveal[data-anim="draw"] ol li,.wsx-js .wsx-reveal[data-anim="draw"] figcaption{opacity:0;transform:translate(-50%,12px);transition:opacity .6s ease,transform .6s ease}
.wsx-js .wsx-reveal[data-anim="draw"] figcaption{transform:none}
.wsx-js .wsx-reveal[data-anim="draw"].is-in ol li{opacity:1;transform:translate(-50%,-9px)}
.wsx-js .wsx-reveal[data-anim="draw"].is-in ol li:nth-child(1){transition-delay:.6s}
.wsx-js .wsx-reveal[data-anim="draw"].is-in ol li:nth-child(2){transition-delay:1.1s}
.wsx-js .wsx-reveal[data-anim="draw"].is-in ol li:nth-child(3){transition-delay:1.6s}
.wsx-js .wsx-reveal[data-anim="draw"].is-in figcaption{opacity:1;transition-delay:2.1s}

@keyframes wsx-rise{from{opacity:0;transform:translateY(36px)}to{opacity:1;transform:none}}
@keyframes wsx-float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-14px) rotate(-1deg)}}
@keyframes wsx-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(4px)}}
@keyframes wsx-spin{to{transform:rotate(360deg)}}
@keyframes wsx-pulse{0%,100%{box-shadow:0 0 0 0 rgba(166,11,11,.45)}50%{box-shadow:0 0 0 18px rgba(166,11,11,0)}}

@media (prefers-reduced-motion:reduce){
  .wsx *,.wsx *:before,.wsx *:after{animation:none !important;transition:none !important}
  .wsx-js .wsx-reveal,.wsx-js .wsx-stagger > *{opacity:1 !important;transform:none !important}
}

/* ---- tablet e smartphone ---- */
@media screen and (max-width:1199px){.wsx-index{display:none}}
@media screen and (max-width:960px){
  .wsx-manifesto,.wsx-step-grid,.wsx-step--rev .wsx-step-grid{grid-template-columns:1fr}
  .wsx-step-grid > *,.wsx-step--rev .wsx-step-grid > *{grid-column:1 !important;grid-row:auto !important}
  .wsx-step-grid > .wsx-step-text{order:2}
  .wsx-step-grid > .wsx-persona,.wsx-step-grid > .wsx-orbit-wrap,.wsx-step-grid > .wsx-metrics-wrap{order:3}
  .wsx-pillars,.wsx-principles{grid-template-columns:1fr}
  .wsx-step--below .wsx-step-grid > .wsx-orbit-wrap{flex-direction:column}
  .wsx-road{grid-template-columns:1fr;gap:18px;max-width:420px;margin-left:auto !important;margin-right:auto !important}
  .wsx-road:before{left:37px;right:auto;top:20px;bottom:20px;width:2px;height:auto;transform-origin:top;transform:scaleY(var(--wsx-line,1))}
  .wsx-road a{flex-direction:row;text-align:left;gap:16px}
  .wsx-road-t{max-width:none}
  .wsx-channels{grid-template-columns:repeat(2,minmax(0,1fr))}
  .wsx-cols-2{column-count:1}
  .wsx-closing-grid{flex-direction:column;align-items:flex-start}
  .wsx-arc{height:200px}
}
@media screen and (max-width:640px){
  .wsx-channels,.wsx-metrics{grid-template-columns:1fr}
  .wsx-persona{transform:none;max-width:none}
  .wsx-js .wsx-reveal[data-anim="card"].is-in{transform:none}
  .wsx-persona dl div{grid-template-columns:1fr;gap:2px}
  .wsx-orbit{--r:118px;width:100%;height:330px}
  .wsx-orbit > span:not(.wsx-orbit-core){font-size:12px;padding:5px 10px}
  .wsx-orbit-core{width:110px;height:110px;margin:-55px 0 0 -55px}
  .wsx-arc ol li{font-size:0;gap:0}
  .wsx-arc ol li b{font-size:1rem;padding:2px 4px}
  .wsx-arc ol li:nth-child(3){--x:80% !important}
  .wsx-arc figcaption{left:0;right:auto;bottom:-36px;font-size:1rem}
  .wsx-arc{height:210px;margin-bottom:72px}
  .wsx-big-n{font-size:6rem}
}

/* =====================================================================
   Componenti generici per tutte le pagine (convertitore automatico)
   ===================================================================== */
.wsx-light{--wsx-band:#EAE9E4;--wsx-line:rgba(21,21,21,.16);--wsx-card:#f6f4ef}
.wsx-dark{--wsx-band:#111;--wsx-line:rgba(234,233,228,.2);--wsx-card:#1b1b1b}
.wsx-redband{background:var(--wsx-red);color:#fff;--wsx-band:#a60b0b;--wsx-line:rgba(255,255,255,.3)}
.wsx-redband p{color:#fff !important}
.wsx-redband .wsx-bubble{background:#111;animation:none}
.wsx-road .wsx-ico{box-shadow:0 0 0 10px var(--wsx-band,#EAE9E4)}
.wsx-dark .wsx-road a{color:#EAE9E4}
.wsx-dark .wsx-road-n{color:var(--wsx-red-soft)}
.wsx-road{grid-template-columns:repeat(var(--cols,5),minmax(0,1fr))}

/* corpo del testo nelle fasce */
.wsx-body > :last-child{margin-bottom:0}
.wsx-body h3{font-size:clamp(1.35rem,1.9vw,1.75rem) !important;line-height:1.2 !important;margin:34px 0 10px !important}
.wsx-body h4,.wsx-body h5{font-family:"Lato",sans-serif;font-weight:600;font-size:1.08rem;margin:24px 0 8px;text-transform:none;color:inherit}
.wsx-body a{color:inherit;text-decoration:underline;text-decoration-color:var(--wsx-red);text-underline-offset:3px}
.wsx-dark .wsx-body a{text-decoration-color:var(--wsx-red-soft)}
.wsx-body a:hover{color:var(--wsx-red)}
.wsx-dark .wsx-body a:hover{color:#fff}
.wsx-body ul:not(.wsx-chips),.wsx-body ol:not(.wsx-stepcards){margin:0 0 1.3em}
.wsx-body ul:not(.wsx-chips) > li{position:relative;padding-left:1.5em;margin:0 0 .45em;font-size:clamp(1.03rem,1.15vw,1.12rem);line-height:1.7}
.wsx-body ul:not(.wsx-chips) > li:before{content:"" !important;position:absolute;left:.15em;top:.8em;width:.6em;height:2px;background:var(--wsx-red)}
.wsx-dark .wsx-body ul:not(.wsx-chips) > li:before{background:var(--wsx-red-soft)}
.wsx-body ol:not(.wsx-stepcards){counter-reset:wsxol}
.wsx-body ol:not(.wsx-stepcards) > li{counter-increment:wsxol;position:relative;padding-left:2em;margin:0 0 .5em;line-height:1.7}
.wsx-body ol:not(.wsx-stepcards) > li:before{content:counter(wsxol,decimal-leading-zero) !important;position:absolute;left:0;top:0;font-family:"Noto Serif Display",serif;color:var(--wsx-red)}
.wsx-body ul ul{margin:.4em 0 .2em}
.wsx-body figure{margin:28px 0}
.wsx-body figure img,.wsx-body > p > img{display:block;max-width:100%;height:auto;margin:0 auto}
.wsx-body blockquote{margin:24px 0;padding:6px 0 6px 22px;border-left:3px solid var(--wsx-red);font-family:"Noto Serif Display",serif;font-size:1.3rem;line-height:1.4}
.wsx-body .approfondisci{font-size:.98rem !important;padding:14px 18px;border-left:3px solid var(--wsx-red);background:rgba(255,255,255,.45)}
.wsx-dark .wsx-body .approfondisci{background:rgba(255,255,255,.06)}
.wsx-body table{width:100%;color:inherit}
.wsx-dark .ws-tabella{color:var(--wsx-paper)}
.wsx-dark .ws-tabella th,.wsx-dark .ws-tabella td{border-top-color:rgba(234,233,228,.3)}
.wsx-dark .ws-tabella thead th{color:#fff}
.wsx-dark .ws-tabella tbody th{color:var(--wsx-red-soft)}

/* impaginazione: titolo a lato */
.wsx-split{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,6vw,96px);align-items:start}
.wsx-sec-head{position:sticky;top:110px}
.wsx-sec-head .wsx-ico{margin:0 0 22px}
.wsx-sec-head h2{margin:0}
/* impaginazione: centrata */
.wsx-center-layout{max-width:1000px}
.wsx-center-layout > .wsx-sec-head{position:static;display:flex;flex-direction:column;align-items:center;text-align:center;margin:0 auto clamp(28px,4vw,48px);max-width:820px}
.wsx-center-layout > .wsx-body{max-width:820px;margin:0 auto}
.wsx-center-layout > .wsx-body.wsx-cols-2{max-width:none}

/* elenchi brevi come schede */
.wsx-chips{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;margin:8px 0 1.5em !important}
.wsx-chips > li{position:relative;margin:0;padding:16px 16px 16px 46px;background:var(--wsx-card);border:1px solid var(--wsx-line);font-size:1rem;line-height:1.45;transition:transform .3s ease,border-color .3s ease}
.wsx-chips > li:before{content:"" !important;position:absolute;left:16px;top:19px;width:16px;height:16px;border-radius:50%;background:var(--wsx-red);box-shadow:inset 0 0 0 4px var(--wsx-card)}
.wsx-chips > li:hover{transform:translateY(-3px);border-color:var(--wsx-red)}
.wsx-dark .wsx-chips > li{color:#EAE9E4}

/* sottosezioni brevi come card */
.wsx-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:clamp(14px,2vw,22px);margin:12px 0 1.5em}
.wsx-card{background:var(--wsx-card);border-top:3px solid var(--wsx-red);padding:22px 22px 18px}
.wsx-card h3{margin:0 0 10px !important;font-size:1.35rem !important}
.wsx-card p,.wsx-card li{font-size:1rem !important;line-height:1.6 !important}
.wsx-card > :last-child{margin-bottom:0}
/* niente card isolata sull'ultima riga */
.wsx-split .wsx-cards > .wsx-card:last-child:nth-child(odd){grid-column:1/-1}
.wsx-center-layout .wsx-cards > .wsx-card:last-child:nth-child(3n+1):not(:nth-child(4)){grid-column:1/-1}
@media (min-width:700px){.wsx-center-layout .wsx-cards:has(> .wsx-card:nth-child(4):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}}

/* bottoni di chiusura sezione: visibili anche su fascia scura, secondo bottone a filo */
.wsx-band .wsa-cta-inline{display:flex;flex-wrap:wrap;gap:12px}
.wsx-dark .wsa-cta-inline a{background:var(--wsx-red)}
.wsx-dark .wsa-cta-inline a:hover{background:#EAE9E4;color:#111 !important}
.wsx-band .wsa-cta-inline a + a{background:transparent;box-shadow:inset 0 0 0 1px currentColor;color:inherit !important}
.wsx-band .wsa-cta-inline a + a:hover{background:var(--wsx-red);box-shadow:none;color:#fff !important}

/* sezione problemi */
.wsx-problems-head{max-width:820px;margin:0 auto clamp(36px,5vw,64px);text-align:center;display:flex;flex-direction:column;align-items:center}
.wsx-problems-head .wsx-ico{margin-bottom:20px}
.wsx-problems-head .wsx-lead{margin:0 auto}
.wsx-problems-list{display:grid;grid-template-columns:repeat(var(--cols,3),minmax(0,1fr));gap:clamp(14px,2vw,24px)}
.wsx-problems-list > li{position:relative;background:#1b1b1b;border:1px solid rgba(234,233,228,.12);border-top:3px solid var(--wsx-red);padding:28px 26px 24px}
.wsx-problems-n{display:block;font-family:"Noto Serif Display",serif;font-size:2.2rem;line-height:1;color:var(--wsx-red-soft);margin-bottom:14px}
.wsx-problems .wsx-problems-t{font-family:"Noto Serif Display",serif !important;font-size:clamp(1.3rem,1.8vw,1.6rem) !important;line-height:1.25 !important;color:#fff !important;margin:0 0 12px !important}
.wsx-problems-list p:last-child{font-size:1rem !important;line-height:1.6 !important;margin:0 !important}
.wsx-problems-bridge{text-align:center;margin:clamp(32px,4vw,52px) auto 0 !important;max-width:760px;font-size:1.12rem !important}
.wsx-problems-bridge a{display:inline-block;margin-left:6px;color:#fff;font-weight:600;text-decoration:none;border-bottom:2px solid var(--wsx-red);padding-bottom:2px}
.wsx-problems-bridge a:hover{color:var(--wsx-red-soft)}

/* frase in evidenza */
.wsx-statement-band .wsx-quote{max-width:28ch;margin:0 auto !important;text-align:center}
.wsx-quote--long{max-width:60ch !important;font-size:clamp(1.3rem,2vw,1.8rem) !important;line-height:1.4 !important}
.wsx-light .wsx-quote{color:var(--wsx-ink) !important}
.wsx-light .wsx-pillars li{border-top-color:var(--wsx-line)}
.wsx-light .wsx-pillars li > span:last-child{color:#2a2826}

/* passaggi: illustrazioni */
.wsx-step-grid > .wsx-step-aside{grid-column:1}
.wsx-step--rev .wsx-step-grid > .wsx-step-aside{grid-column:2}
.wsx-step-fig{margin:0;max-width:240px}
.wsx-step-fig img{display:block;width:100%;height:auto;max-height:280px;object-fit:contain}
.wsx-light .wsx-step-fig img{mix-blend-mode:multiply}
.wsx-dark .wsx-step-fig{background:#f6f4ef;padding:18px;transform:rotate(-2deg);box-shadow:0 24px 48px rgba(0,0,0,.4)}
.wsx-js .wsx-dark .wsx-step-fig.wsx-reveal.is-in{transform:rotate(-2deg)}
.wsx-js .wsx-light .wsx-step-fig.wsx-reveal.is-in{transform:none}

/* passaggi numerosi: schede */
.wsx-stepcards{display:grid;grid-template-columns:repeat(var(--cols,3),minmax(0,1fr));gap:clamp(14px,2vw,24px)}
.wsx-stepcards > li{background:var(--wsx-card);border:1px solid var(--wsx-line);padding:24px 24px 20px;display:flex;flex-direction:column}
.wsx-stepcard-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.wsx-stepcard-n{font-family:"Noto Serif Display",serif;font-size:2.4rem;line-height:1;color:var(--wsx-red)}
.wsx-dark .wsx-stepcard-n{color:var(--wsx-red-soft)}
.wsx-stepcards h3{font-size:1.5rem !important;line-height:1.15 !important;margin:0 0 12px !important}
.wsx-stepcards .wsx-kicker{margin-bottom:6px !important}
.wsx-stepcard-fig{margin:4px 0 14px;text-align:center}
.wsx-stepcard-fig img{max-height:150px;width:auto;max-width:100%;display:inline-block}
.wsx-light .wsx-stepcard-fig img{mix-blend-mode:multiply}
.wsx-dark .wsx-stepcard-fig{background:#f6f4ef;padding:10px}
.wsx-stepcards .wsx-body p,.wsx-stepcards .wsx-body li{font-size:1rem !important;line-height:1.6 !important}

/* percorso: introduzione */
.wsx-path .wsx-center > .wsx-ico{margin-bottom:18px}
.wsx-path-intro{max-width:760px;margin:0 auto;text-align:left}
.wsx-path-intro > p:only-child{text-align:center;font-size:clamp(1.1rem,1.4vw,1.3rem)}

/* moduli della pagina storytelling sui due fondi */
.wsx-dark .wsx-orbit:before{border-color:rgba(234,233,228,.35)}
.wsx-dark .wsx-orbit > span:not(.wsx-orbit-core){background:#111;border-color:#EAE9E4;color:#EAE9E4}
.wsx-dark .wsx-note{background:rgba(255,255,255,.06);color:var(--wsx-paper) !important}
.wsx-light .wsx-arc ol li{color:#2a2826}
.wsx-light .wsx-arc ol li b{color:var(--wsx-ink);background:var(--wsx-bg)}
.wsx-light .wsx-arc ol li:after{background:var(--wsx-bg)}
.wsx-light .wsx-arc figcaption{color:var(--wsx-red)}
.wsx-dark .wsx-channels li{background:#1b1b1b;border-color:rgba(234,233,228,.12)}
.wsx-dark .wsx-channels li > strong{color:#fff}
.wsx-light .wsx-metrics li{border-color:var(--wsx-line);color:var(--wsx-ink) !important}
.wsx-light .wsx-metrics li:hover{background:rgba(166,11,11,.08)}
.wsx-light .wsx-cycle{border-color:rgba(21,21,21,.35)}
.wsx-light .wsx-cycle span{color:var(--wsx-ink)}
.wsx-light .wsx-cycle span + span:before{color:var(--wsx-red)}
.wsx-dark .wsx-principles li{border-top-color:rgba(234,233,228,.6)}
.wsx-dark .wsx-pull p{color:#fff !important}
.wsx-light .wsx-persona{box-shadow:0 24px 50px rgba(0,0,0,.18)}

@media screen and (max-width:960px){
  .wsx-road{grid-template-columns:1fr}
  .wsx-split{grid-template-columns:1fr}
  .wsx-sec-head{position:static}
  .wsx-problems-list,.wsx-stepcards{grid-template-columns:1fr}
  .wsx-step-grid > .wsx-step-aside{order:4;grid-column:1 !important}
}
@media screen and (min-width:961px) and (max-width:1100px){
  .wsx-problems-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .wsx-stepcards{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* collegamenti alle pagine principali */
.wsx-hubs{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:clamp(40px,5vw,64px) 0 0;padding-top:24px;border-top:1px solid rgba(21,21,21,.16);font-family:"Lato",sans-serif}
.wsx-hubs span{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#6b6761;margin-right:6px}
.wsx-hubs a{display:inline-flex;align-items:center;min-height:40px;padding:0 18px;border:1px solid #151515;border-radius:999px;font-size:14px;color:#151515;text-decoration:none;transition:background .25s ease,color .25s ease}
.wsx-hubs a:hover{background:#151515;color:#fff}