#projects-wrapper{color:#3a3a4a;background:#fff;width:100%;position:relative;overflow:hidden}#scrollLineSVG{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}#animatedPath{stroke-dasharray:0;stroke-dashoffset:0;filter:drop-shadow(0 0 8px #0045ff66)}.line-glow-dot{pointer-events:none;z-index:2;background:#0045ff;border-radius:50%;width:14px;height:14px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 20px 6px #0045ff99}.intro-section{flex-direction:column;justify-content:center;align-items:center;height:100vh;padding-top:80px;display:flex;position:relative}.intro-section>*{z-index:50;position:relative}.intro-eyebrow{letter-spacing:5px;color:#0045ff;text-transform:uppercase;opacity:0;margin-bottom:1.5rem;font-size:.75rem;font-weight:700;animation:.8s .3s forwards fadeUp;transform:translateY(20px)}.page-title{text-align:center;color:#222;letter-spacing:-.5px;font-size:clamp(2rem,7vw,50px);font-weight:700;line-height:1.2}.page-title span{-webkit-text-fill-color:var(--bg-main);-webkit-text-stroke:2px var(--text-main);paint-order:stroke fill;display:inline-block;position:relative}.intro-count{letter-spacing:3px;color:#7a7a8a;opacity:0;margin-top:2rem;font-size:.9rem;font-weight:600;animation:.9s .8s forwards fadeUp;transform:translateY(20px)}.scroll-hint{opacity:0;flex-direction:column;align-items:center;gap:8px;animation:1s 1.2s forwards fadeUp;display:flex;position:absolute;bottom:2.5rem;left:50%;transform:translate(-50%)}.scroll-hint span{letter-spacing:3px;text-transform:uppercase;color:#7a7a8a;font-size:.65rem;font-weight:600}.scroll-arrow{border:2px solid #0045ff4d;border-radius:15px;width:30px;height:50px;position:relative}.scroll-arrow:after{content:"";background:#0045ff;border-radius:50%;width:5px;height:5px;animation:1.8s infinite scrollDot;position:absolute;top:8px;left:50%;transform:translate(-50%)}@keyframes scrollDot{0%{opacity:1;top:8px}80%{opacity:.3;top:28px}to{opacity:0;top:8px}}#mainCanvas{z-index:10;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0}@media (max-width:1023px){#mainCanvas{display:none}}#mouseCatcher{z-index:5;width:100vw;height:100vh;position:fixed;top:0;left:0}.project-section{align-items:center;width:100%;min-height:100vh;padding:80px 0;display:flex;position:relative}#projects-container{padding-bottom:200px}.section-inner{align-items:center;width:100%;max-width:1700px;margin:0 auto;padding:0 5%;display:flex}.section-inner.reverse{flex-direction:row-reverse}.content-half{z-index:50;align-items:flex-start;width:55%;display:flex;position:relative}.empty-half{width:45%}.project-card{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);opacity:0;background:#ffffffd9;border:1.5px solid #0045ff1f;border-radius:28px;align-items:flex-start;gap:2rem;width:100%;padding:3rem;transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1),box-shadow .4s;display:flex;position:relative;overflow:hidden;transform:translate(-80px)scale(.95);box-shadow:0 25px 70px #0045ff14,0 5px 25px #0000000d}.project-card.from-right{transform:translate(80px)scale(.95)}.project-card.visible{opacity:1;transform:translate(0)scale(1)}.project-card.visible+.empty-half .visible-logo{opacity:1;transform:translateY(0)}.section-inner:has(.project-card.visible) .visible-logo{opacity:1;transform:translateY(0)}.project-card:hover{box-shadow:0 35px 90px #0045ff24,0 10px 35px #00000014;transform:translateY(-6px)translate(0)scale(1)!important}.project-card:after{content:"";pointer-events:none;background:radial-gradient(circle,#0045ff0f 0%,#0000 70%);border-radius:50%;width:250px;height:250px;position:absolute;top:-80px;right:-80px}.number-col{opacity:0;flex-shrink:0;margin-top:-.8rem;padding:0 0 0 1.5rem;transform:translateY(20px)}.project-card.visible .number-col{animation:.7s cubic-bezier(.16,1,.3,1) .4s forwards fadeUp}.big-number{color:#0000;-webkit-text-stroke:2.5px #0045ff;opacity:.65;letter-spacing:-4px;font-size:clamp(5.5rem,9vw,10rem);font-weight:900;line-height:.85;transition:opacity .4s,transform .4s}.project-card:hover .big-number{opacity:1;transform:scale(1.05)}.text-col{flex:1;max-width:700px}.project-title{color:var(--text-muted-dark);opacity:0;margin-bottom:1.5rem;font-size:clamp(1.125rem,3.5vw,24px);font-weight:700;line-height:1.25;transform:translateY(15px)}.project-card.visible .project-title{animation:.6s cubic-bezier(.16,1,.3,1) .5s forwards fadeUpStagger}.text-row{color:var(--text-muted-dark);opacity:0;margin-bottom:.8rem;font-size:clamp(.95rem,2.2vw,18px);font-weight:400;line-height:1.7;display:block;transform:translateY(12px)}.text-row strong{margin-right:.5rem}.project-card.visible .text-row:nth-child(2){animation:.6s cubic-bezier(.16,1,.3,1) .6s forwards fadeUpStagger}.project-card.visible .text-row:nth-child(3){animation:.6s cubic-bezier(.16,1,.3,1) .7s forwards fadeUpStagger}.project-card.visible .text-row:nth-child(4){animation:.6s cubic-bezier(.16,1,.3,1) .8s forwards fadeUpStagger}.project-card.visible .text-row:nth-child(5){animation:.6s cubic-bezier(.16,1,.3,1) .9s forwards fadeUpStagger}@keyframes fadeUpStagger{to{opacity:1;transform:translateY(0)}}.text-row strong{color:var(--text-muted-dark);letter-spacing:normal;margin-right:.5rem;font-size:clamp(.95rem,2.2vw,18px);font-weight:700}.text-row p{margin:0;display:inline}.custom-list{width:100%;margin:0;padding-left:0;list-style:none}.custom-list li{opacity:0;margin-bottom:0;padding-left:1rem;font-size:clamp(.95rem,2.2vw,18px);line-height:1.6;position:relative;transform:translate(-10px)}.project-card.visible .custom-list li:first-child{animation:.5s cubic-bezier(.16,1,.3,1) .9s forwards fadeInLeft}.project-card.visible .custom-list li:nth-child(2){animation:.5s cubic-bezier(.16,1,.3,1) 1s forwards fadeInLeft}.project-card.visible .custom-list li:nth-child(3){animation:.5s cubic-bezier(.16,1,.3,1) 1.1s forwards fadeInLeft}@keyframes fadeInLeft{to{opacity:1;transform:translate(0)}}.custom-list li:before{content:"•";color:var(--text-muted-dark);font-size:.8rem;font-weight:700;position:absolute;top:.2rem;left:0;transform:none}.donor-badge{color:var(--text-muted-dark);letter-spacing:.5px;font-size:clamp(.95rem,2.2vw,18px);font-weight:400}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.projects-footer{text-align:center;background:0 0;padding:8rem 5% 20rem;position:relative}.projects-footer>*{z-index:100;position:relative}.footer-label{letter-spacing:4px;text-transform:uppercase;color:#0045ff;margin-bottom:1rem;font-size:.75rem;font-weight:700}.footer-title{color:#1a1a2e;margin-bottom:2.5rem;font-size:clamp(2rem,5vw,3.5rem);font-weight:900}.footer-cta{color:#fff;letter-spacing:1px;text-transform:uppercase;background:#0045ff;border-radius:12px;align-items:center;gap:10px;padding:1.1rem 2.8rem;font-size:.9rem;font-weight:800;text-decoration:none;transition:transform .3s,box-shadow .3s;display:inline-flex}.footer-cta:hover{transform:translateY(-4px);box-shadow:0 15px 45px #0045ff66}.project-step-dot{z-index:200;flex-direction:column;gap:12px;display:flex;position:fixed;top:50%;right:2.5rem;transform:translateY(-50%)}.step-dot{cursor:pointer;background:#0045ff33;border-radius:50%;width:8px;height:8px;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative}.step-dot:before{content:"";background:0 0;border-radius:50%;width:20px;height:20px;transition:background .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.step-dot:hover:before{background:#0045ff14}.step-dot.active{background:#0045ff;transform:scale(1.6);box-shadow:0 0 12px #0045ff99}@media (max-width:1200px){.content-half{width:65%}.empty-half{width:35%}}@media (max-width:1023px){.section-inner,.section-inner.reverse{flex-direction:column;justify-content:center}.content-half{width:100%}.empty-half{display:none}.project-card{border-radius:22px;gap:1.25rem;padding:2rem 1.75rem}.big-number{font-size:clamp(4rem,12vw,6rem)}.intro-section{height:auto;min-height:100vh}.project-section{min-height:auto;padding:48px 0;height:auto!important}.project-step-dot{display:none}}@media (max-width:600px){.project-card{border-radius:18px;flex-direction:column;gap:1rem;padding:1.5rem 1.1rem}.project-title{margin-bottom:1.1rem}.text-row{margin-bottom:.6rem;line-height:1.55}.number-col{margin:0;padding:0}.big-number{font-size:3.5rem}.scroll-hint{bottom:1.5rem}.section-inner{padding:0 .85rem}#projects-container{padding-bottom:60px}.project-section{padding:32px 0}}
