:root{--bg:#071018;--bg2:#0c1924;--panel:#111f2a;--panel2:#152632;--text:#eff6f8;--muted:#9eb0ba;--light:#f3f6f7;--ink:#10202a;--accent:#d8ff4f;--accent2:#a1d8ff;--line:rgba(255,255,255,.12);--max:1180px;--header:76px;--shadow:0 24px 70px rgba(8,16,22,.18)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--light);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit}.container{width:min(var(--max),calc(100% - 40px));margin-inline:auto}.skip-link{position:absolute;left:-9999px;top:10px;background:#fff;color:#000;padding:8px 12px;z-index:9999}.skip-link:focus{left:10px}.site-header{height:var(--header);position:fixed;inset:0 0 auto;z-index:50;background:linear-gradient(to bottom,rgba(3,10,15,.84),rgba(3,10,15,.18));backdrop-filter:blur(12px);transition:.3s}.site-header.scrolled{background:rgba(3,10,15,.94);border-bottom:1px solid var(--line)}.header-inner{height:100%;width:min(var(--max),calc(100% - 40px));margin:auto;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff;font-weight:800;letter-spacing:-.02em}.brand-mark{width:26px;height:26px;border:3px solid var(--accent);border-radius:50%;border-right-color:transparent;transform:rotate(-28deg)}.custom-logo{max-height:52px;width:auto}.nav-list,.footer-nav{display:flex;gap:28px;list-style:none;margin:0;padding:0}.nav-list a{text-decoration:none;color:#eef5f7;font-size:.92rem;font-weight:650}.nav-list a:hover{color:var(--accent)}.menu-toggle{display:none;background:none;border:0;padding:8px}.menu-toggle span{width:25px;height:2px;background:#fff;display:block;margin:5px}.section-dark{background:var(--bg);color:var(--text)}

.hero{height:100svh;min-height:760px;position:relative;overflow:hidden;display:grid;place-items:center}.hero-gradient{position:absolute;inset:0;background:radial-gradient(circle at 52% 28%,rgba(157,199,226,.10),transparent 22%),radial-gradient(circle at 66% 44%,rgba(255,255,255,.07),transparent 17%),linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.26) 38%,rgba(0,0,0,.72));z-index:2}.hero-content{position:relative;z-index:5;padding-top:var(--header);max-width:1180px}.eyebrow,.section-kicker{font-size:.76rem;letter-spacing:.22em;font-weight:800;color:var(--accent);margin:0 0 18px}.hero h1{font-size:clamp(4.1rem,12vw,10rem);line-height:.82;max-width:900px;letter-spacing:-.075em;margin:0;text-wrap:balance}.hero-lead{font-size:clamp(1.05rem,2vw,1.38rem);max-width:740px;color:#d4e3e9;margin:28px 0 20px}.hero-meta{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 34px}.hero-meta span,.project-points span{display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border-radius:999px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.12);color:#dbe7ea;font-size:.88rem}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--accent);color:#0a151a;text-decoration:none;padding:14px 22px;border-radius:999px;font-weight:850;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(216,255,79,.18)}.button-light{background:#fff}.button-ghost{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.18);color:#fff}.button-ghost:hover{box-shadow:0 12px 32px rgba(255,255,255,.10)}.scroll-cue{position:absolute;left:22px;bottom:-25vh;width:28px;height:44px;border:1px solid rgba(255,255,255,.45);border-radius:30px}.scroll-cue span{position:absolute;width:4px;height:8px;border-radius:4px;background:#fff;top:8px;left:11px;animation:scrollDot 1.6s infinite}.storm-progress{position:absolute;left:0;right:0;bottom:0;height:4px;background:rgba(255,255,255,.08);z-index:6}.storm-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--accent),#8df1ff)}@keyframes scrollDot{0%{transform:translateY(0);opacity:1}100%{transform:translateY(18px);opacity:0}}

.storm-scene{position:absolute;inset:0;z-index:1;overflow:hidden;background:radial-gradient(circle at 58% 18%,rgba(160,182,196,.18),transparent 16%),linear-gradient(180deg,#223745 0%,#15232e 18%,#0a1218 42%,#060a0d 100%)}.storm-scene:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 10%,rgba(255,255,255,.06),transparent 28%),repeating-radial-gradient(circle at 15% 20%,rgba(255,255,255,.015) 0 2px,transparent 3px 16px);mix-blend-mode:screen;opacity:.35}.storm-scene:after{content:"";position:absolute;inset:auto 0 0;height:38%;background:linear-gradient(transparent,rgba(2,6,8,.35) 14%,rgba(1,5,7,.92) 70%,rgba(1,4,6,1))}.sky-glow{position:absolute;inset:0;background:radial-gradient(circle at 66% 30%,rgba(189,216,255,.12),transparent 18%),radial-gradient(circle at 54% 18%,rgba(255,255,255,.10),transparent 11%)}.storm-cell{position:absolute;border-radius:50%;filter:blur(28px);background:radial-gradient(circle at 50% 45%,rgba(106,124,133,.95),rgba(37,52,61,.98) 62%,rgba(15,23,29,.25) 82%,transparent 100%);box-shadow:0 0 110px rgba(255,255,255,.08)}.storm-cell-left{width:560px;height:230px;top:8%;left:-6%;transform:rotate(-4deg)}.storm-cell-right{width:740px;height:300px;top:6%;right:-8%;transform:rotate(2deg)}.cloud{position:absolute;border-radius:50%;filter:blur(21px);opacity:.84;background:#324650;box-shadow:120px 30px 0 35px #263a46,-100px 15px 0 28px #455861}.cloud-a{width:320px;height:120px;top:10%;left:5%;animation:driftA 28s linear infinite}.cloud-b{width:430px;height:150px;top:14%;right:5%;transform:scale(1.3);animation:driftB 35s linear infinite}.cloud-c{width:360px;height:120px;top:28%;left:38%;opacity:.46;animation:driftA 42s linear infinite reverse}@keyframes driftA{50%{transform:translateX(55px)}}@keyframes driftB{50%{transform:translateX(-70px) scale(1.3)}}.mist-band{position:absolute;left:-10%;right:-10%;bottom:21%;height:20%;background:radial-gradient(circle at 50% 50%,rgba(196,211,219,.12),transparent 60%);filter:blur(24px)}.rain{position:absolute;inset:15% 0 0;background-image:repeating-linear-gradient(104deg,transparent 0 15px,rgba(193,220,230,.16) 16px 17px,transparent 19px 31px);background-size:170px 150px;animation:rainMove .72s linear infinite;mask-image:linear-gradient(to bottom,transparent,black 16%,black 90%,transparent);opacity:.8}.hail-field{position:absolute;inset:17% 0 0;background-image:radial-gradient(circle,rgba(245,250,252,.7) 0 1px,transparent 1.8px);background-size:34px 50px;animation:rainMove 1.1s linear infinite;opacity:.20}.hero-horizon{position:absolute;left:-5%;right:-5%;bottom:0;height:26%;background:linear-gradient(to top,rgba(0,0,0,.96),rgba(0,0,0,.6) 40%,transparent 100%)}.hero-horizon:before,.hero-horizon:after{content:"";position:absolute;bottom:9%;width:52%;height:58%;background:#05080a;filter:blur(1px)}.hero-horizon:before{left:-3%;clip-path:polygon(0 100%,0 55%,8% 48%,18% 56%,31% 46%,42% 58%,54% 49%,64% 62%,74% 53%,84% 68%,100% 52%,100% 100%)}.hero-horizon:after{right:-3%;clip-path:polygon(0 100%,0 54%,14% 63%,24% 52%,37% 69%,49% 55%,63% 68%,77% 58%,88% 63%,100% 48%,100% 100%)}@keyframes rainMove{to{background-position:-90px 140px}}
.lightning{position:absolute;top:24%;width:4px;height:185px;background:white;box-shadow:0 0 32px #ddf7ff;clip-path:polygon(35% 0,100% 0,60% 42%,100% 42%,0 100%,40% 50%,0 50%);opacity:0}.lightning-a{left:24%;animation:flash 7s infinite}.lightning-b{right:24%;top:18%;transform:scale(.72);animation:flash 9s 2.6s infinite}@keyframes flash{0%,87%,100%{opacity:0}88%,89%,91%{opacity:1}90%,92%{opacity:.12}}
.tornado-wrap{position:absolute;left:62%;top:15%;width:320px;height:650px;transform-origin:50% 20%;will-change:transform}.tornado{position:relative;width:100%;height:100%;filter:drop-shadow(0 34px 25px rgba(0,0,0,.32))}.funnel{position:absolute;inset:8% 16% 5%;background:linear-gradient(90deg,rgba(94,111,118,.18),rgba(186,197,201,.84) 27%,rgba(230,235,236,.94) 48%,rgba(160,172,177,.82) 72%,rgba(82,96,102,.16));clip-path:polygon(0 0,100% 0,72% 36%,61% 68%,54% 100%,46% 100%,38% 69%,28% 36%);filter:blur(6px)}.core-shadow{position:absolute;inset:9% 20% 8%;background:radial-gradient(circle at 50% 20%,rgba(255,255,255,.2),transparent 28%),linear-gradient(90deg,transparent,rgba(56,68,73,.55),transparent);clip-path:polygon(0 0,100% 0,72% 36%,61% 68%,54% 100%,46% 100%,38% 69%,28% 36%);mix-blend-mode:multiply}.ring{position:absolute;left:50%;top:var(--t);width:var(--w);height:58px;transform:translateX(-50%);border:11px solid rgba(187,201,204,.58);border-left-color:#e1eaec;border-right-color:rgba(92,107,113,.55);border-radius:50%;filter:blur(.4px);animation:spin 1.15s linear infinite}.r1{--w:270px;--t:7%}.r2{--w:210px;--t:19%;animation-direction:reverse}.r3{--w:155px;--t:33%}.r4{--w:110px;--t:47%;animation-direction:reverse}.r5{--w:74px;--t:61%}@keyframes spin{to{transform:translateX(-50%) rotate(360deg)}}.ground-vortex{position:absolute;left:50%;bottom:6%;width:160px;height:75px;transform:translateX(-50%);background:radial-gradient(ellipse at center,rgba(216,226,230,.45) 0 11%,rgba(84,96,101,.85) 28%,rgba(0,0,0,0) 70%);filter:blur(6px)}.spray{position:absolute;left:49%;bottom:4%;width:210px;height:90px;transform:translateX(-50%);background:radial-gradient(ellipse at center,rgba(150,160,164,.65),transparent 68%);filter:blur(18px)}.debris{position:absolute;bottom:6%;left:50%;width:12px;height:12px;background:#43484b;border-radius:50%;opacity:.85}.d1{transform:translate(-110px,-2px);box-shadow:40px -12px 0 2px #646b6e,-25px -8px 0 3px #3a4043,78px -2px 0 1px #757d80;animation:debrisSpin 1.2s linear infinite}.d2{transform:translate(20px,-8px);box-shadow:42px 8px 0 2px #646b6e,80px -4px 0 0 #35393b,-40px 4px 0 2px #52595c;animation:debrisSpin 1.5s linear infinite reverse}.d3{transform:translate(-25px,3px);box-shadow:-60px 3px 0 2px #5d676a,60px 15px 0 1px #4b5053,110px 12px 0 2px #6b7275;animation:debrisSpin 1.3s linear infinite}@keyframes debrisSpin{to{transform:translate(0,0) rotate(360deg)}}

.content-section,.explain-section,.archive-section,.cta-section{padding:130px 0}.content-section{background:linear-gradient(180deg,#f6f9fa,#eef3f6)}.explain-section{background:#f0f4f7}.split{display:grid;grid-template-columns:1.05fr .95fr;gap:72px}.split h2,.archive-section h2,.cta-section h2,.section-heading h2{font-size:clamp(2.8rem,6vw,5.4rem);line-height:.95;letter-spacing:-.055em;margin:0}.prose p{font-size:1.08rem;color:#3c4c56}.intro-split{align-items:end}.cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:86px}.glass-card{background:rgba(255,255,255,.78);backdrop-filter:blur(8px);border:1px solid #d8e2e7;box-shadow:var(--shadow)}.info-card{border-radius:24px;padding:34px;min-height:310px;transition:.25s}.info-card:hover{transform:translateY(-5px);box-shadow:0 25px 60px rgba(16,32,42,.10)}.card-number{font-size:.78rem;color:#72828a}.info-card h3{font-size:1.7rem;margin:58px 0 12px}.narrow-center{max-width:800px;margin:0 auto 58px;text-align:center}.narrow-center p:last-child{font-size:1.07rem;color:#4a5b65}.method-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.method-card{background:#fff;border:1px solid #dbe5e8;border-radius:22px;padding:28px;box-shadow:var(--shadow)}.method-card strong{display:block;font-size:1.02rem;margin-bottom:12px}.method-card p{margin:0;color:#42535d}

.journey-section{position:relative;height:210vh;background:radial-gradient(circle at 50% 30%,rgba(161,216,255,.08),transparent 18%),linear-gradient(180deg,#081118,#03070a)}.journey-sticky{position:sticky;top:0;height:100svh;overflow:hidden;display:grid;place-items:center}.journey-atmosphere{position:absolute;inset:0;background:radial-gradient(circle at 40% 18%,rgba(174,200,214,.08),transparent 16%),linear-gradient(180deg,#0c1821 0%,#091118 48%,#04080b 100%)}.journey-atmosphere:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(108deg,transparent 0 35px,rgba(202,225,232,.04) 36px 37px,transparent 38px 68px);transform:translateY(var(--journey-rain,0px));transition:opacity .2s}.journey-cloud{position:absolute;width:760px;height:240px;border-radius:50%;right:-4%;top:8%;filter:blur(26px);background:#253741;box-shadow:-250px 20px 0 20px #1b2c36,150px 30px 0 30px #31434d;opacity:.78;transform:translate3d(var(--cloud-x,0),var(--cloud-y,0),0)}.journey-lightning{position:absolute;right:29%;top:24%;width:4px;height:170px;background:#fff;clip-path:polygon(40% 0,100% 0,61% 43%,100% 43%,0 100%,42% 51%,0 51%);filter:drop-shadow(0 0 16px #e2faff);opacity:var(--journey-flash,.08)}.journey-ground{position:absolute;left:-3%;right:-3%;bottom:0;height:22%;background:linear-gradient(to top,#020507,#020507 58%,transparent)}.journey-ground:before,.journey-ground:after{content:"";position:absolute;bottom:18%;height:50%;background:#020507}.journey-ground:before{left:0;width:60%;clip-path:polygon(0 100%,0 62%,8% 71%,14% 63%,26% 76%,39% 62%,53% 74%,66% 60%,82% 80%,100% 61%,100% 100%)}.journey-ground:after{right:0;width:55%;clip-path:polygon(0 100%,0 60%,16% 73%,31% 57%,44% 68%,57% 56%,73% 70%,85% 63%,100% 51%,100% 100%)}.journey-copy{position:relative;z-index:3;max-width:780px;margin-left:auto;margin-right:auto;text-align:center}.journey-copy h2{font-size:clamp(3.2rem,7vw,6.5rem);line-height:.9;letter-spacing:-.065em;margin:0}.journey-copy>p:last-child{max-width:690px;margin:28px auto 0;color:#a9bdc6;font-size:1.15rem}.journey-funnel{position:absolute;left:67%;top:20%;width:260px;height:520px;transform:translate3d(var(--funnel-x,0),var(--funnel-y,0),0) scale(var(--funnel-scale,.7)) rotate(var(--funnel-rot,-5deg));opacity:var(--funnel-opacity,.3);filter:drop-shadow(0 30px 25px rgba(0,0,0,.35));will-change:transform,opacity}.journey-funnel:before{content:"";position:absolute;inset:8% 18% 4%;background:linear-gradient(90deg,rgba(117,137,142,.12),rgba(196,207,209,.55),rgba(238,243,244,.9),rgba(92,111,117,.16));clip-path:polygon(0 0,100% 0,70% 38%,59% 70%,52% 100%,42% 100%,35% 69%,27% 38%);filter:blur(5px)}.journey-funnel span{position:absolute;left:50%;width:var(--w);height:55px;top:var(--t);transform:translateX(-50%);border:10px solid rgba(188,202,204,.52);border-left-color:#dde6e7;border-radius:50%;animation:spin 1.1s linear infinite}.journey-funnel span:nth-child(1){--w:225px;--t:5%}.journey-funnel span:nth-child(2){--w:180px;--t:18%;animation-direction:reverse}.journey-funnel span:nth-child(3){--w:130px;--t:32%}.journey-funnel span:nth-child(4){--w:86px;--t:46%;animation-direction:reverse}

.map-section{position:relative;padding:130px 0 145px;overflow:hidden;background:linear-gradient(180deg,#040b10,#071018)}.map-noise{position:absolute;inset:0;pointer-events:none;opacity:.13;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,transparent,black 20%,black 80%,transparent)}.map-heading{position:relative;z-index:2;display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:end;margin-bottom:45px}.map-heading h2{font-size:clamp(2.8rem,6vw,5.5rem);line-height:.94;letter-spacing:-.055em;margin:0}.map-heading>p{margin:0;color:#9db1ba;font-size:1.05rem}.widget-shell{position:relative;z-index:3;min-height:560px;padding:14px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.12);border-radius:28px;box-shadow:0 32px 90px rgba(0,0,0,.32);overflow:hidden}.meteopop-tornado-widget{position:relative;z-index:2;width:100%;min-height:530px;border-radius:19px;overflow:hidden;background:#0b151c}.meteopop-tornado-widget iframe{display:block;width:100%!important;max-width:100%!important;min-height:530px;border:0;border-radius:19px;background:#0b151c}.widget-loader{position:absolute;z-index:1;inset:14px;display:grid;place-items:center;align-content:center;gap:14px;border-radius:19px;background:radial-gradient(circle at center,rgba(216,255,79,.08),transparent 38%),#09131a;color:#c9d6db;text-align:center}.widget-loader span{width:42px;height:42px;border-radius:50%;border:3px solid rgba(255,255,255,.15);border-top-color:var(--accent);animation:widgetSpin .8s linear infinite}.widget-loader strong{font-size:.9rem;font-weight:700;letter-spacing:.03em}@keyframes widgetSpin{to{transform:rotate(360deg)}}.widget-shell.widget-ready .widget-loader{opacity:0;visibility:hidden;transition:opacity .35s,visibility .35s}.widget-noscript{padding:22px;background:#fff;color:#17262e;border-radius:14px}

.archive-section{position:relative;overflow:hidden;background:linear-gradient(180deg,#08131a,#071018);color:var(--text)}.archive-content{position:relative;z-index:2}.archive-section> .container > p,.archive-content>p{max-width:760px;font-size:1.14rem;color:#abc0c9}.archive-glow{position:absolute;width:700px;height:700px;right:-220px;top:-100px;border-radius:50%;background:radial-gradient(circle,rgba(216,255,79,.13),transparent 65%)}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:60px 0 42px;max-width:940px}.stat-grid div{border-top:1px solid rgba(255,255,255,.16);padding-top:24px}.stat-grid strong{display:block;font-size:2.05rem;color:#fff}.stat-grid span{color:#91a7b0;font-size:.9rem}.archive-notes{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin:0 0 34px;max-width:980px}.archive-notes article{padding:26px;border-radius:22px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.10)}.archive-notes h3{margin:0 0 10px;font-size:1.25rem}.archive-notes p{margin:0;color:#b7c9d0}

.align-center{align-items:center}.visual-panel{height:520px;border-radius:28px;position:relative;overflow:hidden;background:#0a1821;box-shadow:0 28px 80px rgba(7,12,18,.24)}.radar-grid{position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:40px 40px}.radar-grid:before,.radar-grid:after{content:"";position:absolute;border:1px solid rgba(216,255,79,.22);border-radius:50%;inset:20%}.radar-grid:after{inset:33%}.radar-sweep{position:absolute;left:50%;top:50%;width:45%;height:2px;transform-origin:left center;background:linear-gradient(90deg,var(--accent),transparent);animation:sweep 5s linear infinite}@keyframes sweep{to{transform:rotate(360deg)}}.radar-core{position:absolute;width:120px;height:90px;left:52%;top:40%;border-radius:45% 55% 50% 50%;background:radial-gradient(circle at 45% 45%,#fff 0 5%,#d8ff4f 6% 18%,rgba(216,255,79,.25) 20% 55%,transparent 60%);filter:blur(4px)}.project-copy{padding-right:7%}.project-copy p{color:#3d4d57}.project-points{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0 24px}.text-link{font-weight:800;text-decoration:none;border-bottom:1px solid #89979e;padding-bottom:4px}

.cta-section{background:linear-gradient(135deg,#d9ff4f,#effbb0)}.cta-inner{max-width:900px;margin:auto;text-align:center}.cta-inner .section-kicker{color:#334013}.cta-inner p{max-width:700px;margin:25px auto 35px;font-size:1.1rem}.cta-inner .button{background:#08131a;color:#fff}
.site-footer{padding:70px 0;background:#050c10;color:#dfeaed}.footer-inner{width:min(var(--max),calc(100% - 40px));margin:auto;display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.footer-inner p{color:#90a3ac}.footer-nav{display:block}.footer-nav li{margin-bottom:8px}.footer-nav a{color:#dce7ea;text-decoration:none}.copyright{align-self:end}.generic-page{padding:130px 0 80px;min-height:70vh}.generic-page h1{font-size:clamp(3rem,7vw,6rem);line-height:1;letter-spacing:-.05em}.reveal{opacity:0;transform:translateY(45px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}

@media (max-width:1024px){.cards-grid{grid-template-columns:1fr 1fr}.method-grid{grid-template-columns:1fr 1fr}.archive-notes{grid-template-columns:1fr}.split{grid-template-columns:1fr;gap:40px}.project-copy{padding-right:0}.visual-panel{height:420px}}
@media (max-width:900px){:root{--header:68px}.menu-toggle{display:block}.site-nav{position:fixed;top:var(--header);left:0;right:0;background:#061017;max-height:0;overflow:hidden;transition:max-height .3s}.site-nav.open{max-height:360px}.nav-list{display:block;padding:18px 20px 28px}.nav-list li{padding:10px 0}.hero{min-height:700px}.hero h1{font-size:clamp(4rem,20vw,7rem)}.hero-meta{max-width:90%}.tornado-wrap{left:57%;top:20%;transform:scale(.80)}.info-card{min-height:250px}.stat-grid{grid-template-columns:1fr}.map-heading{grid-template-columns:1fr;gap:25px}.journey-funnel{left:58%;opacity:.5}.journey-copy{padding:0 10px}.footer-inner{grid-template-columns:1fr}.widget-shell{min-height:500px}.meteopop-tornado-widget,.meteopop-tornado-widget iframe{min-height:470px}}
@media (max-width:560px){.container,.header-inner,.footer-inner{width:min(100% - 28px,var(--max))}.hero-content{padding-top:42px}.hero h1{font-size:clamp(3.7rem,22vw,5.8rem)}.hero-lead{font-size:1rem;max-width:92%}.hero-actions{align-items:stretch}.hero-actions .button{width:100%}.hero-meta span,.project-points span{font-size:.82rem}.tornado-wrap{left:44%;top:25%;transform:scale(.62)}.cloud,.storm-cell{opacity:.65}.content-section,.explain-section,.archive-section,.cta-section,.map-section{padding:95px 0}.split h2,.archive-section h2,.cta-section h2,.section-heading h2,.map-heading h2{font-size:clamp(2.6rem,14vw,4rem)}.cards-grid,.method-grid{grid-template-columns:1fr;margin-top:52px}.visual-panel{height:330px}.journey-section{height:155vh}.journey-sticky{min-height:620px}.journey-copy{text-align:left}.journey-copy h2{font-size:clamp(3rem,15vw,4.6rem)}.journey-copy>p:last-child{font-size:1rem}.journey-funnel{left:47%;top:27%;transform:translate3d(var(--funnel-x,0),var(--funnel-y,0),0) scale(calc(var(--funnel-scale,.7) * .7)) rotate(var(--funnel-rot,-5deg));opacity:calc(var(--funnel-opacity,.3) * .7)}.widget-shell{padding:8px;border-radius:20px;min-height:455px}.meteopop-tornado-widget,.meteopop-tornado-widget iframe{min-height:435px;border-radius:14px}.widget-loader{inset:8px;border-radius:14px}.scroll-cue{display:none}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}.journey-section{height:auto}.journey-sticky{position:relative;height:auto;min-height:720px}.journey-funnel{--funnel-opacity:.45;--funnel-scale:.65}.storm-progress{display:none}}

/* V3.1 override: tornado più realistico con asset immagine */
.tornado-wrap{left:57%;top:12%;width:min(50vw,640px);height:min(62vw,640px);transform-origin:50% 18%;display:flex;align-items:flex-start;justify-content:center;pointer-events:none}
.tornado-realistic{position:relative;width:100%;height:100%;animation:tornadoSway 6s ease-in-out infinite}
.tornado-asset{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 18px 32px rgba(0,0,0,.28)) drop-shadow(0 0 26px rgba(193,216,227,.14));opacity:.95}
.tornado-aura{position:absolute;left:10%;right:2%;top:4%;bottom:12%;background:radial-gradient(circle at 58% 28%,rgba(216,234,244,.26),transparent 24%),radial-gradient(circle at 52% 44%,rgba(124,151,166,.26),transparent 34%),radial-gradient(circle at 51% 82%,rgba(176,195,205,.20),transparent 20%);filter:blur(18px);mix-blend-mode:screen;opacity:.55}
.tornado-ground-spray{position:absolute;left:44%;bottom:7%;width:24%;height:10%;border-radius:50%;background:radial-gradient(ellipse at center,rgba(194,206,212,.35),rgba(113,124,129,.28) 35%,transparent 72%);filter:blur(10px);animation:groundPulse 3.2s ease-in-out infinite}
@keyframes tornadoSway{0%,100%{transform:translateY(0) rotate(-1.3deg)}50%{transform:translateY(8px) rotate(1.5deg)}}
@keyframes groundPulse{0%,100%{transform:translateX(-50%) scale(1);opacity:.55}50%{transform:translateX(-50%) scale(1.08);opacity:.78}}

@media (max-width:900px){
  .tornado-wrap{left:51%;top:18%;width:min(64vw,500px);height:min(74vw,520px)}
}
@media (max-width:560px){
  .tornado-wrap{left:38%;top:24%;width:82vw;height:82vw;max-height:420px}
  .tornado-asset{opacity:.9}
}
@media (prefers-reduced-motion:reduce){
  .tornado-realistic,.tornado-ground-spray{animation:none}
}

/* V4 — scena meteorologica CSS stratificata e tornado volumetrico */
.storm-scene{background:
  radial-gradient(ellipse at 66% 16%,rgba(178,198,209,.22) 0 9%,transparent 28%),
  radial-gradient(ellipse at 48% 8%,rgba(117,137,149,.18) 0 18%,transparent 42%),
  linear-gradient(180deg,#334956 0%,#1f303b 16%,#121d24 37%,#0a1116 58%,#05080b 100%)}
.storm-scene:before{opacity:.22;background:
  radial-gradient(circle at 18% 23%,rgba(255,255,255,.07) 0 1px,transparent 2px) 0 0/28px 28px,
  radial-gradient(circle at 73% 37%,rgba(255,255,255,.045) 0 1px,transparent 1.5px) 0 0/39px 39px}
.sky-glow{background:
  radial-gradient(ellipse at 63% 22%,rgba(198,216,226,.17),transparent 22%),
  radial-gradient(ellipse at 45% 13%,rgba(112,139,153,.12),transparent 35%)}

.cloud-deck{position:absolute;left:-12%;right:-12%;pointer-events:none;transform-origin:center;will-change:transform}
.cloud-deck:before,.cloud-deck:after{content:"";position:absolute;inset:0}
.cloud-deck-back{top:-5%;height:38%;opacity:.58;filter:blur(25px);background:
  radial-gradient(ellipse at 10% 72%,#738690 0 9%,transparent 22%),
  radial-gradient(ellipse at 24% 54%,#5a707c 0 13%,transparent 28%),
  radial-gradient(ellipse at 41% 63%,#607782 0 16%,transparent 30%),
  radial-gradient(ellipse at 58% 46%,#4a606c 0 18%,transparent 34%),
  radial-gradient(ellipse at 76% 58%,#5c7079 0 17%,transparent 31%),
  radial-gradient(ellipse at 92% 48%,#435762 0 14%,transparent 30%);
  animation:cloudDriftBack 38s ease-in-out infinite alternate}
.cloud-deck-mid{top:2%;height:44%;opacity:.82;filter:blur(17px);background:
  radial-gradient(ellipse at 6% 65%,#4c616b 0 13%,transparent 25%),
  radial-gradient(ellipse at 20% 46%,#3f545f 0 17%,transparent 33%),
  radial-gradient(ellipse at 38% 57%,#354b56 0 18%,transparent 34%),
  radial-gradient(ellipse at 56% 41%,#2e434d 0 21%,transparent 38%),
  radial-gradient(ellipse at 72% 51%,#354a54 0 19%,transparent 34%),
  radial-gradient(ellipse at 88% 44%,#2c414c 0 16%,transparent 31%);
  animation:cloudDriftMid 29s ease-in-out infinite alternate-reverse}
.cloud-deck-front{top:13%;height:32%;opacity:.92;filter:blur(10px);background:
  radial-gradient(ellipse at 12% 54%,#263943 0 12%,transparent 25%),
  radial-gradient(ellipse at 29% 62%,#1e3039 0 17%,transparent 31%),
  radial-gradient(ellipse at 47% 42%,#233741 0 18%,transparent 33%),
  radial-gradient(ellipse at 64% 53%,#1b2c35 0 20%,transparent 36%),
  radial-gradient(ellipse at 81% 58%,#223640 0 15%,transparent 30%),
  radial-gradient(ellipse at 96% 40%,#1c2f38 0 13%,transparent 27%);
  animation:cloudDriftFront 22s ease-in-out infinite alternate}
.cloud-deck-front:after{background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 36%,rgba(0,0,0,.28));mix-blend-mode:soft-light}
.wall-cloud{position:absolute;left:54%;top:22%;width:43%;height:24%;border-radius:50%;filter:blur(13px);opacity:.9;background:
  radial-gradient(ellipse at 50% 45%,rgba(42,57,65,.98) 0 36%,rgba(31,44,52,.84) 58%,transparent 76%),
  radial-gradient(ellipse at 30% 60%,rgba(69,84,92,.72),transparent 60%);
  box-shadow:-110px 22px 65px rgba(20,31,37,.72),80px 20px 80px rgba(8,15,20,.7);animation:wallCloudBreathe 8s ease-in-out infinite}
@keyframes cloudDriftBack{to{transform:translate3d(4%,2%,0) scale(1.03)}}
@keyframes cloudDriftMid{to{transform:translate3d(-4%,1%,0) scale(1.025)}}
@keyframes cloudDriftFront{to{transform:translate3d(3%,-1%,0) scale(1.04)}}
@keyframes wallCloudBreathe{0%,100%{transform:scale(1) translateY(0)}50%{transform:scale(1.035) translateY(5px)}}

.rain-curtain{position:absolute;inset:24% -8% 0;pointer-events:none;transform:skewX(-8deg);transform-origin:top center;mask-image:linear-gradient(to bottom,transparent 0,black 13%,black 85%,transparent 100%)}
.rain-curtain-far{opacity:.28;filter:blur(.7px);background-image:repeating-linear-gradient(103deg,transparent 0 19px,rgba(205,225,232,.18) 20px 21px,transparent 22px 40px);background-size:210px 170px;animation:rainFar .95s linear infinite}
.rain-curtain-near{opacity:.48;background-image:repeating-linear-gradient(104deg,transparent 0 27px,rgba(224,239,244,.34) 28px 30px,transparent 31px 57px);background-size:250px 220px;animation:rainNear .62s linear infinite}
.rain-curtain-near:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0 50%,rgba(180,201,210,.07) 68%,transparent 84%);filter:blur(8px)}
@keyframes rainFar{to{background-position:-105px 170px}}
@keyframes rainNear{to{background-position:-130px 220px}}
.mist-band{bottom:17%;height:24%;background:radial-gradient(ellipse at 66% 55%,rgba(179,198,207,.19),transparent 56%),radial-gradient(ellipse at 30% 70%,rgba(126,145,155,.10),transparent 60%);filter:blur(28px)}

.lightning{filter:drop-shadow(0 0 12px rgba(220,247,255,.9)) drop-shadow(0 0 34px rgba(170,222,255,.55));background:linear-gradient(#fff,#d8f4ff 65%,#fff)}

.tornado-wrap{left:57%;top:17%;width:min(39vw,480px);height:min(63vw,650px);transform-origin:50% 18%;display:block;pointer-events:none;perspective:900px}
.tornado-3d{position:relative;width:100%;height:100%;transform-style:preserve-3d;animation:tornadoLean 7s ease-in-out infinite;filter:drop-shadow(0 30px 30px rgba(0,0,0,.28))}
.tornado-3d:before{content:"";position:absolute;left:13%;right:8%;top:0;height:26%;border-radius:50%;background:radial-gradient(ellipse at center,rgba(92,108,116,.78) 0 20%,rgba(46,62,70,.72) 48%,rgba(22,35,42,.14) 70%,transparent 77%);filter:blur(9px);transform:translateZ(22px)}
.funnel-volume{position:absolute;left:50%;top:6%;width:72%;height:82%;transform:translateX(-50%);clip-path:polygon(6% 0,94% 0,80% 18%,68% 38%,61% 57%,57% 77%,53% 100%,45% 100%,41% 78%,37% 58%,31% 39%,20% 19%);border-radius:42% 58% 49% 51%/16% 17% 83% 84%;mix-blend-mode:screen}
.funnel-volume-a{background:
  linear-gradient(90deg,rgba(7,13,17,.08),rgba(94,110,117,.38) 18%,rgba(190,201,205,.58) 37%,rgba(226,233,235,.38) 50%,rgba(104,119,124,.44) 68%,rgba(18,28,33,.12));filter:blur(7px);opacity:.9;animation:funnelPulseA 4.8s ease-in-out infinite}
.funnel-volume-b{width:58%;height:84%;top:7%;background:
  repeating-linear-gradient(171deg,rgba(220,228,231,.26) 0 3%,rgba(82,96,102,.10) 4% 8%,transparent 9% 13%),
  linear-gradient(90deg,transparent,rgba(201,211,215,.34),transparent);filter:blur(3px);opacity:.72;animation:funnelPulseB 3.7s ease-in-out infinite reverse}
.funnel-volume-c{width:40%;height:86%;top:8%;background:linear-gradient(90deg,rgba(4,9,12,.16),rgba(59,72,78,.55) 34%,rgba(174,186,190,.33) 54%,rgba(21,31,36,.18));filter:blur(2px);opacity:.82;mix-blend-mode:multiply;animation:funnelCore 2.8s ease-in-out infinite}
.vortex-band{position:absolute;left:50%;top:var(--top);width:var(--w);height:var(--h);border-radius:50%;border:var(--bw) solid rgba(202,214,218,.28);border-left-color:rgba(233,240,242,.52);border-right-color:rgba(56,71,78,.19);border-bottom-color:rgba(93,107,113,.22);transform:translateX(-50%) rotateX(69deg);filter:blur(var(--blur));animation:vortexSpin var(--dur) linear infinite;box-shadow:inset 0 0 16px rgba(255,255,255,.08),0 0 12px rgba(178,197,205,.07)}
.band-1{--top:12%;--w:76%;--h:16%;--bw:12px;--blur:1.2px;--dur:2.5s}
.band-2{--top:24%;--w:62%;--h:14%;--bw:10px;--blur:1px;--dur:2.05s;animation-direction:reverse}
.band-3{--top:38%;--w:49%;--h:12%;--bw:9px;--blur:.8px;--dur:1.8s}
.band-4{--top:52%;--w:37%;--h:11%;--bw:8px;--blur:.7px;--dur:1.5s;animation-direction:reverse}
.band-5{--top:66%;--w:27%;--h:9%;--bw:7px;--blur:.6px;--dur:1.3s}
.band-6{--top:78%;--w:18%;--h:7%;--bw:6px;--blur:.5px;--dur:1.05s;animation-direction:reverse}
.dust-bowl{position:absolute;left:50%;bottom:4%;width:39%;height:12%;transform:translateX(-50%);border-radius:50%;background:
  radial-gradient(ellipse at center,rgba(157,168,173,.52) 0 11%,rgba(96,108,113,.39) 28%,rgba(42,50,54,.16) 51%,transparent 73%);filter:blur(10px);animation:dustBreath 2.7s ease-in-out infinite}
.debris-field{position:absolute;left:50%;bottom:7%;width:48%;height:18%;transform:translateX(-50%);border-radius:50%;background:
  radial-gradient(circle at 10% 64%,rgba(84,89,91,.86) 0 2px,transparent 3px),
  radial-gradient(circle at 28% 36%,rgba(111,116,118,.82) 0 2px,transparent 3px),
  radial-gradient(circle at 47% 74%,rgba(67,73,76,.88) 0 2px,transparent 3px),
  radial-gradient(circle at 67% 28%,rgba(118,124,126,.78) 0 2px,transparent 3px),
  radial-gradient(circle at 84% 59%,rgba(78,84,86,.9) 0 2px,transparent 3px);opacity:.78;animation:debrisOrbitA 1.8s linear infinite}
.debris-field-b{width:58%;height:20%;opacity:.5;filter:blur(.3px);animation:debrisOrbitB 2.45s linear infinite reverse}
@keyframes tornadoLean{0%,100%{transform:rotateZ(-1.5deg) rotateY(-2deg)}50%{transform:rotateZ(1.8deg) rotateY(3deg)}}
@keyframes funnelPulseA{0%,100%{transform:translateX(-50%) scaleX(1) scaleY(1)}50%{transform:translateX(-50%) scaleX(1.035) scaleY(.99)}}
@keyframes funnelPulseB{0%,100%{transform:translateX(-50%) translateZ(12px) rotateZ(-1deg)}50%{transform:translateX(-50%) translateZ(22px) rotateZ(2deg)}}
@keyframes funnelCore{0%,100%{transform:translateX(-50%) rotateZ(-1deg)}50%{transform:translateX(-50%) rotateZ(1.5deg) scaleX(.94)}}
@keyframes vortexSpin{to{transform:translateX(-50%) rotateX(69deg) rotateZ(360deg)}}
@keyframes dustBreath{0%,100%{transform:translateX(-50%) scale(1);opacity:.58}50%{transform:translateX(-50%) scale(1.11);opacity:.82}}
@keyframes debrisOrbitA{to{transform:translateX(-50%) rotateZ(360deg) scale(1.04)}}
@keyframes debrisOrbitB{to{transform:translateX(-50%) rotateZ(-360deg) scale(.96)}}

/* annulla la precedente versione basata su immagine */
.tornado-realistic,.tornado-asset,.tornado-aura,.tornado-ground-spray{display:none!important}

@media (max-width:900px){.tornado-wrap{left:52%;top:21%;width:min(50vw,430px);height:min(72vw,600px)}}
@media (max-width:560px){.tornado-wrap{left:42%;top:28%;width:66vw;height:88vw;max-height:500px}.cloud-deck-back{opacity:.42}.cloud-deck-mid{opacity:.66}.cloud-deck-front{opacity:.74}.rain-curtain-near{opacity:.34}.rain-curtain-far{opacity:.20}.wall-cloud{left:48%;width:58%}}
@media (prefers-reduced-motion:reduce){.cloud-deck,.wall-cloud,.rain-curtain,.tornado-3d,.funnel-volume,.vortex-band,.dust-bowl,.debris-field{animation:none!important}}
