.perche,.metodo{position:relative;z-index:3;padding:12vh var(--margine) 14vh;background:var(--nero);overflow-x:clip}@media(min-width:1200px){.perche,.metodo{padding-left:calc(var(--margine) + 150px)}}.titolo-sezione{position:relative;z-index:5;margin:0;font:700 clamp(56px,11vw,196px)/.9 var(--f-titoli);letter-spacing:-.02em;font-kerning:normal;text-wrap:balance}.titolo-sezione .iniziale{font-size:1.12em;padding:.14em .1em .1em .16em;margin:0 -.07em 0 -.16em}.perche-palco{position:relative;margin-top:6vh}.fascio{position:absolute;left:50%;top:0;bottom:-14%;width:560px;margin-left:-280px;pointer-events:none}.fascio>*{position:absolute}.fascio-luce{left:50%;top:0;bottom:24%;width:96px;margin-left:-48px;background:linear-gradient(to right,#c2321a00,#c2321a1a 22%,#ff6a1a4d 38%,#ff6a1a9e 46%,#ffc891 48.6%,#fff4e2,#ffc891 51.4%,#ff6a1a9e 54%,#ff6a1a4d 62%,#c2321a1a 78%,#c2321a00);-webkit-mask:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.18) 16%,rgba(0,0,0,.6) 34%,#000 56%,#000 100%);mask:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.18) 16%,rgba(0,0,0,.6) 34%,#000 56%,#000 100%);transform-origin:50% 100%;animation:fascio-pulsa 5.2s ease-in-out infinite alternate}.fascio-alone{left:50%;top:0;bottom:0;width:420px;margin-left:-210px;background:radial-gradient(42% 46% at 50% 76%,#ff6a1a80,#c2321a29 55%,#c2321a00),linear-gradient(to right,#ff6a1a00 22%,#ff6a1a33 46%,#ff8c3c42,#ff6a1a33 54%,#ff6a1a00 78%);-webkit-mask:linear-gradient(to bottom,transparent 0%,#000 30%,#000 64%,transparent 100%);mask:linear-gradient(to bottom,transparent 0%,#000 30%,#000 64%,transparent 100%);filter:blur(20px);animation:fascio-respira 5.2s ease-in-out infinite alternate}.fascio-pozza{left:50%;bottom:calc(24% - 110px);width:560px;height:220px;margin-left:-280px;background:radial-gradient(9% 12% at 50% 50%,#fff4e2f2,#ffb46a80 50%,#ff6a1a00),radial-gradient(40% 34% at 50% 50%,#ff6a1a66,#c2321a29 40%,#c2321a0d,#c2321a00);animation:fascio-respira 5.2s ease-in-out infinite alternate}.fascio-particelle{inset:0;width:100%;height:100%}@keyframes fascio-pulsa{0%{opacity:.72;transform:scaleX(.8)}to{opacity:1;transform:scaleX(1.25)}}@keyframes fascio-respira{0%{opacity:.7;transform:scale(.94)}to{opacity:1;transform:scale(1.04)}}.numeri{position:relative;z-index:2;display:grid;gap:var(--s4);justify-items:center}.numero-card{width:min(100%,320px)}.numero-vetro{--lato: 50%;position:relative;isolation:isolate;padding:26px 28px 24px;border-radius:22px;background:linear-gradient(180deg,#221c1a80,#0e0d0ebd);-webkit-backdrop-filter:blur(16px) saturate(150%);backdrop-filter:blur(16px) saturate(150%);box-shadow:inset 0 1px #ffd6aa1a,0 30px 70px -36px #000000f2,0 24px 60px -30px #c2321a73;transform:perspective(1100px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg));transition:transform .8s var(--ease-lava)}.numero-vetro.sopra{transition:transform .2s ease-out}.numero-vetro:after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;background:radial-gradient(70% 90% at var(--lato) 60%,rgba(255,106,26,.2),rgba(194,50,26,.06) 55%,rgba(194,50,26,0) 85%)}.numero-vetro:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;background:radial-gradient(110% 120% at var(--lato) 60%,rgba(255,206,150,.9),rgba(255,106,26,.4) 34%,rgba(255,255,255,.07) 72%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.numero-valore{display:flex;align-items:baseline;gap:.06em;font:400 clamp(64px,6.4vw,108px)/.95 var(--f-mono);letter-spacing:-.05em;font-variant-numeric:tabular-nums;color:var(--testo);text-shadow:0 0 32px rgba(255,106,26,.28)}.numero-unita{font-size:.5em;letter-spacing:0;color:var(--lava)}.numero-etichetta{display:block;margin-top:var(--s3);max-width:22ch;font-size:15.5px;line-height:1.5;color:var(--testo-2)}.punti{position:relative;z-index:2;display:grid;gap:var(--s6);margin-top:10vh}.punto{position:relative;padding-top:var(--s5)}.punto:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(to right,#ff6a1ab3,#ff6a1a00 75%)}.punto-titolo{margin:0;max-width:15ch;font:700 clamp(24px,2vw,32px)/1.12 var(--f-titoli);letter-spacing:-.02em;font-kerning:normal;text-wrap:balance}.punto-testo{margin:var(--s3) 0 0;max-width:28ch;font-size:16px;line-height:1.6;color:var(--testo-2)}.perche-palco{padding-block:4vh 8vh}.fascio{top:0}@media(hover:none){.numero-vetro{-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(180deg,#1e1917db,#0d0c0ded)}.fascio-alone{filter:none}}@media(max-width:767px){.perche,.metodo{padding-top:8svh;padding-bottom:8svh}.perche-palco{margin-top:3svh;padding-block:2svh 3svh}.punti,.percorso{margin-top:5svh}.fase{padding-bottom:6svh}}@media(min-width:1024px){.perche-palco{height:clamp(620px,88svh,880px);padding:0;margin-top:3vh}.fascio{top:0}.numeri{position:absolute;inset:0;display:block}.numero-card{position:absolute;width:clamp(230px,19vw,300px)}.numero-1{left:9%;top:10%}.numero-2{right:7%;top:34%}.numero-3{left:19%;top:60%}.numero-1 .numero-vetro,.numero-3 .numero-vetro{--lato: 100%}.numero-2 .numero-vetro{--lato: 0%}.punti{grid-template-columns:repeat(4,minmax(0,1fr));column-gap:var(--s6);margin-top:8vh}}.percorso{--lx: 22px;position:relative;margin-top:8vh}.percorso-linea{position:absolute;left:var(--lx);top:0;height:0;width:0;pointer-events:none}.linea-binario,.linea-lava{position:absolute;top:0;height:100%}.linea-binario{left:-.5px;width:1px;background:linear-gradient(to bottom,#ff9a3c47,#ff9a3c1a)}.linea-lava{left:-1.5px;width:3px;border-radius:2px;background:linear-gradient(to bottom,var(--magma) 0%,var(--lava) 55%,#FFB46A 92%,#FFF0D8 100%);box-shadow:0 0 10px #ff6a1ad9,0 0 30px #c2321a8c;transform-origin:50% 0;transform:scaleY(1)}.linea-punta{display:none;position:absolute;left:0;top:0;width:0;height:0}.linea-punta:before{content:"";position:absolute;left:-6px;top:-6px;width:12px;height:12px;border-radius:50%;background:#fff0d8;box-shadow:0 0 10px 3px #ffb46af2,0 0 34px 10px #ff6a1a99}.linea-braci{position:absolute;left:-90px;top:-230px;width:180px;height:260px;max-width:none;pointer-events:none}.fasi{margin:0;padding:0;list-style:none}.fase{position:relative;padding:0 0 9vh calc(var(--lx) + 34px)}.fase:last-child{padding-bottom:0}.fase-nodo{position:absolute;left:var(--lx);top:.55em;width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;background:var(--nero);border:1px solid rgba(255,154,60,.4);font-size:clamp(30px,3.6vw,60px)}.fase-nodo:after{content:"";position:absolute;inset:2px;border-radius:50%;background:radial-gradient(circle,#FFF0D8 0%,var(--brace) 45%,var(--lava) 100%);box-shadow:0 0 12px 3px #ff6a1acc,0 0 36px 8px #c2321a73}.fase-numero{display:block;position:relative;margin-bottom:var(--s2);font:400 clamp(40px,6vw,112px)/.9 var(--f-mono);letter-spacing:-.05em;font-variant-numeric:tabular-nums;color:transparent;-webkit-text-stroke:1px rgba(255,154,60,.42)}.fase-numero:after{content:attr(data-n);position:absolute;left:0;top:0;-webkit-text-stroke:0;background:linear-gradient(170deg,#FFD08A 0%,var(--brace) 35%,var(--lava) 70%,var(--magma) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none;filter:drop-shadow(0 0 18px rgba(255,106,26,.45))}.fase-titolo{margin:0;font:700 clamp(30px,3.6vw,60px)/1.02 var(--f-titoli);letter-spacing:-.02em;font-kerning:normal}.fase-testo p{margin:var(--s3) 0 0;max-width:34ch;font-size:clamp(16px,1.2vw,19px);line-height:1.65;color:#f5f3f0cc}@media(min-width:1024px){.percorso{--lx: 32%;margin-top:10vh}.fase{padding:0 0 16vh calc(var(--lx) + 56px);min-height:0}.fase-numero{position:absolute;right:calc(100% - var(--lx) + 48px);top:-.04em;margin:0;text-align:right}.fase-numero:after{left:auto;right:0}.linea-punta{display:block}}.metodo.scorre .fase-numero:after,.metodo.scorre .fase-nodo:after{opacity:0;transition:opacity .6s var(--ease-morbido)}.metodo.scorre .fase-nodo:after{transform:scale(.4);transition:opacity .6s var(--ease-morbido),transform .7s var(--ease-lava)}.metodo.scorre .fase-testo{opacity:.32;transition:opacity .7s var(--ease-morbido)}.metodo.scorre .fase.accesa .fase-numero:after,.metodo.scorre .fase.accesa .fase-nodo:after,.metodo.scorre .fase.accesa .fase-testo{opacity:1}.metodo.scorre .fase.accesa .fase-nodo:after{transform:none}.metodo:not(.scorre) .linea-punta{display:none}@media(prefers-reduced-motion:reduce){.fascio-luce,.fascio-alone,.fascio-pozza{animation:none}.numero-vetro{transition:none}}