@import"https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";.campaign-content{position:static;z-index:3;min-height:100vh;padding:4em 2em 2em;opacity:1;transition:opacity 1s ease-in-out;display:block;width:100%}.campaign-hero{text-align:center;margin:1rem 0;position:relative;padding:2rem 1rem}.campaign-title h1{font-size:4rem;font-weight:800;font-style:italic;color:#000;text-transform:uppercase;line-height:.9;margin-bottom:.5em}.campaign-title p{font-size:1rem;color:#666;text-transform:uppercase;letter-spacing:2px;opacity:.8}.donations-section{max-width:1200px;margin:4em auto;overflow:hidden}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2em;padding:0 1em}.section-header h2{font-size:2rem;font-weight:700;color:#000;text-transform:uppercase;font-style:italic}.total-supporters{font-size:1.2rem;color:#666;font-weight:500}.donate-action{text-align:center;margin:4em 0;z-index:10}.donate-btn{background:#000;border:none;border-radius:0;padding:2em 4em;font-size:1.2rem;font-weight:700;text-transform:uppercase;color:#fff;cursor:pointer;position:relative;overflow:hidden;transition:all .3s ease;font-style:italic;border:2px solid #000;z-index:10}.donate-btn:hover{background:#fff;color:#000;transform:translateY(-2px);box-shadow:0 8px 25px #0003}.logo-footer{display:flex;justify-content:center;align-items:center;width:100%}.logo-footer img{height:40px}.project-details-section,.project-details-section *{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-wrap:break-word;word-wrap:break-word}.section-text,.main-description,.feature-desc,.budget-desc,.story-text{line-height:2!important;padding-top:.6rem!important;padding-bottom:.6rem!important;overflow:visible!important;word-spacing:.1em;text-transform:none!important}.section-content p,.feature-block p,.budget-item p,.story-section p{margin-bottom:1.5rem;margin-top:.5rem;line-height:2.1!important;overflow:visible!important;padding:.5rem 0}.section-text strong,.feature-desc strong,.budget-desc strong,.story-text strong{padding:.2rem 0;display:inline-block;line-height:inherit}.vision-section,.features-grid,.images-section,.budget-section,.story-section{overflow:visible!important;transform-style:preserve-3d;backface-visibility:hidden}.section-text .char-group,.feature-desc .char-group,.budget-desc .char-group,.story-text .char-group{display:inline-block;white-space:nowrap!important;word-break:keep-all!important;overflow-wrap:normal!important;word-wrap:normal!important;-webkit-hyphens:none!important;hyphens:none!important;orphans:1;widows:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:inherit;position:relative;padding:.2rem 0;margin:0;white-space:pre;vertical-align:baseline;z-index:auto;min-width:0;font-feature-settings:"liga" on,"kern" on,"calt" on;-webkit-font-feature-settings:"liga" on,"kern" on,"calt" on;font-variant-ligatures:common-ligatures;text-rendering:optimizeLegibility}.section-text .char-group[style*=blur],.feature-desc .char-group[style*=blur],.budget-desc .char-group[style*=blur],.story-text .char-group[style*=blur]{padding:.3rem 0;z-index:1;backface-visibility:hidden;-webkit-backface-visibility:hidden}.section-text .char-group,.feature-desc .char-group,.budget-desc .char-group,.story-text .char-group{min-height:1.6em;vertical-align:baseline;font-variant-ligatures:common-ligatures;text-decoration-skip-ink:auto;word-break:keep-all;overflow-wrap:normal;margin-right:.05em}@supports (-webkit-touch-callout: none){.section-text .char-group,.feature-desc .char-group,.budget-desc .char-group,.story-text .char-group{padding:.35rem 0;min-height:1.8em;-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-font-smoothing:subpixel-antialiased}}@supports (-webkit-touch-callout: none){.section-text,.main-description,.feature-desc,.budget-desc,.story-text{padding-top:.8rem!important;padding-bottom:.8rem!important;line-height:2.2!important;-webkit-text-size-adjust:100%;text-size-adjust:100%}}@media (max-width: 768px){.section-text,.main-description,.feature-desc,.budget-desc,.story-text{padding-top:1rem!important;padding-bottom:1rem!important;line-height:2.3!important;margin-bottom:2rem}.section-text,.feature-desc,.budget-desc,.story-text{text-align:justify;text-justify:inter-word;word-break:keep-all;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;hyphenate-limit-chars:6 3 3;letter-spacing:.02em;display:block;width:100%}.section-text .char-group,.feature-desc .char-group,.budget-desc .char-group,.story-text .char-group{white-space:nowrap;word-break:keep-all}.section-text,.feature-desc,.budget-desc,.story-text{text-align:left;word-break:break-word;overflow-wrap:break-word}}.number-display{font-family:inherit!important;font-weight:inherit!important;font-style:inherit!important;color:inherit!important;line-height:inherit!important;display:inline-block;position:relative;overflow:visible;cursor:default;vertical-align:top;padding:0 .5rem}.number-display.odometer{font-family:inherit!important;font-weight:inherit!important;font-style:inherit!important;color:inherit!important;line-height:inherit!important;display:inline-block!important;position:relative;overflow:hidden!important;vertical-align:baseline}.number-display.odometer .odometer-digit{display:inline-block!important;vertical-align:middle!important;position:relative!important}.number-display.odometer .odometer-digit .odometer-digit-spacer{display:inline-block!important;visibility:hidden!important}.number-display.odometer .odometer-digit .odometer-digit-inner{text-align:left!important;display:block!important;position:absolute!important;inset:0!important;overflow:hidden!important}.number-display.odometer .odometer-digit .odometer-ribbon{display:block!important}.number-display.odometer .odometer-digit .odometer-ribbon-inner{display:block!important;-webkit-backface-visibility:hidden;backface-visibility:hidden}.number-display.odometer .odometer-digit .odometer-value{display:block!important;-webkit-transform:translateZ(0);transform:translateZ(0)}.number-display.odometer .odometer-formatting-mark{display:inline-block!important;vertical-align:middle!important}.number-display.odometer.odometer-animating-up .odometer-ribbon-inner{-webkit-transition:-webkit-transform 2s!important;-moz-transition:-moz-transform 2s!important;-ms-transition:-ms-transform 2s!important;-o-transition:-o-transform 2s!important;transition:transform 2s!important}.number-display.odometer.odometer-animating-up.odometer-animating .odometer-ribbon-inner,.number-display.odometer.odometer-animating-down .odometer-ribbon-inner{-webkit-transform:translateY(-100%)!important;-moz-transform:translateY(-100%)!important;-ms-transform:translateY(-100%)!important;-o-transform:translateY(-100%)!important;transform:translateY(-100%)!important}.number-display.odometer.odometer-animating-down.odometer-animating .odometer-ribbon-inner{-webkit-transition:-webkit-transform 2s!important;-moz-transition:-moz-transform 2s!important;-ms-transition:-ms-transform 2s!important;-o-transition:-o-transform 2s!important;transition:transform 2s!important;-webkit-transform:translateY(0)!important;-moz-transform:translateY(0)!important;-ms-transform:translateY(0)!important;-o-transform:translateY(0)!important;transform:translateY(0)!important}.current-amount .number-display,.progress-percentage .number-display{font-size:inherit;font-weight:700;color:#000;font-style:italic}.total-supporters .number-display{font-size:inherit;font-weight:500;color:#666}.number-display{cursor:default}.number-animator.animating{filter:drop-shadow(0 0 8px rgba(0,0,0,.1))}.donation-progress{max-width:900px;margin:0 auto;position:relative;padding:0 1rem;opacity:0;transform:translateY(60px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.donation-progress.animate-in{opacity:1;transform:translateY(0)}.progress-container{background:#fffffffa;border-radius:24px;padding:3em;box-shadow:0 8px 32px #0000001f,0 2px 8px #00000014,0 0 0 1px #fffc;border:none;transform-origin:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:relative;overflow:hidden}.progress-container:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,0,0,.1),transparent);z-index:1}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5em;position:relative;z-index:2}.progress-header h2{font-size:1.6rem;font-weight:700;color:#1a1a1a;text-transform:uppercase;font-style:italic;letter-spacing:.5px;background:linear-gradient(135deg,#000,#333);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.target-amount{font-size:2.8rem;font-weight:900;color:#000;font-style:italic;letter-spacing:-1px;text-shadow:0 2px 4px rgba(0,0,0,.1);position:relative}.target-amount:after{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:2px;background:linear-gradient(90deg,#000,#333);border-radius:1px}.progress-bar{width:100%;height:24px;background:#00000014;border-radius:12px;overflow:hidden;margin:2.5em 0;position:relative;border:none;box-shadow:inset 0 2px 4px #0000001a,0 1px 2px #fffc}.progress-fill{height:100%;background:linear-gradient(135deg,#000,#2c2c2c,#000,#404040,#000);width:0%;position:relative;border-radius:inherit;overflow:hidden;transition:width 1.2s cubic-bezier(.16,1,.3,1)}.progress-fill:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),rgba(255,255,255,.6),rgba(255,255,255,.4),transparent);animation:shine 2.5s ease-in-out infinite;animation-delay:.8s}.progress-fill:before{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg,#000,#333);border-radius:14px;z-index:-1;opacity:.3;filter:blur(4px)}@keyframes shine{0%{left:-100%;opacity:0}50%{left:50%;opacity:1}to{left:100%;opacity:0}}.current-stats{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2}.current-amount{font-size:2.2rem;font-weight:800;color:#1a1a1a;font-style:italic;display:inline-flex;align-items:center;gap:0;line-height:1.2;text-shadow:0 1px 2px rgba(0,0,0,.1);position:relative}.current-amount:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% + 20px);height:calc(100% + 10px);background:linear-gradient(135deg,#00000008,#0000000f);border-radius:8px;z-index:-1}.progress-percentage{font-size:1.6rem;font-weight:700;color:#555;display:inline-flex;align-items:center;gap:0;line-height:1.2;background:#0000000d;padding:.5em 1em;border-radius:20px;border:1px solid rgba(0,0,0,.1)}.donation-conveyor-container{position:relative;width:100%;height:240px;margin:3em 0;overflow:hidden;background:transparent}.donation-belt{position:absolute;width:100%;height:120px;overflow:hidden}.top-belt{top:0}.bottom-belt{bottom:0}.belt-track{display:flex;position:absolute;height:100%;align-items:center;gap:2em;padding:0 2em;white-space:nowrap;will-change:transform;width:max-content}.belt-donation-item{display:inline-flex;flex-direction:column;background:#ffffff0d;border:1px solid rgba(0,0,0,.1);border-radius:8px;padding:1.2em 1.5em;min-width:220px;max-width:280px;box-shadow:0 2px 10px #0000000d;transition:transform .3s ease,box-shadow .3s ease;flex-shrink:0;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.belt-donation-item:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#000,#333,#000);border-radius:8px 8px 0 0}.belt-donation-item:hover{transform:translateY(-2px);box-shadow:0 4px 20px #0000001a}.belt-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.8em;padding-bottom:.8em;border-bottom:1px solid rgba(0,0,0,.1)}.belt-donor-name{font-size:.95rem;font-weight:600;color:#333;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px;text-transform:capitalize}.belt-donation-date{font-size:.75rem;color:#999;text-align:right;white-space:nowrap;font-weight:400;opacity:.8}.belt-donation-amount{font-size:1.8rem;font-weight:800;color:#000;text-align:left;white-space:nowrap;font-style:italic;line-height:1.2;letter-spacing:-.5px;margin:0}.belt-donation-amount:before{content:"";display:inline-block;width:4px;height:1.2em;background:linear-gradient(180deg,#000,#666);margin-right:.5em;vertical-align:middle;border-radius:2px}.no-supporters-message{font-family:inherit;text-transform:none;letter-spacing:normal}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@media (max-width: 900px){.donation-conveyor-container{height:180px;margin:2em 0}.donation-belt{height:90px}.belt-track{gap:1.5em;padding:0 1em}.belt-donation-item{min-width:180px;max-width:220px;padding:1em 1.2em}.belt-donor-name{font-size:.85rem;max-width:120px}.belt-donation-amount{font-size:1.5rem}.belt-donation-date{font-size:.7rem}.belt-item-header{margin-bottom:.6em;padding-bottom:.6em}}@media (max-width: 600px){.donation-conveyor-container{height:140px;margin:1.5em 0}.donation-belt{height:70px}.belt-track{gap:1em;padding:0 .5em}.belt-donation-item{min-width:140px;max-width:180px;padding:.8em 1em}.belt-donor-name{font-size:.8rem;max-width:100px}.belt-donation-amount{font-size:1.2rem}.belt-donation-date{font-size:.65rem}.belt-item-header{margin-bottom:.4em;padding-bottom:.4em}.belt-donation-amount:before{width:3px;margin-right:.3em}.section-header{flex-direction:column;gap:1em;text-align:center}}.donate-action{display:flex;justify-content:center;margin:3em 0 2em;position:relative;z-index:20}.donate-btn{position:relative;background:linear-gradient(135deg,#1a1a1a,#000);border:none;border-radius:8px;padding:1em 3em;font-family:inherit;font-size:1rem;font-weight:600;color:#fff;cursor:pointer;overflow:hidden;transition:all .3s ease;box-shadow:0 4px 15px #0000004d,0 2px 8px #0000001a;text-transform:none;letter-spacing:.5px;min-width:250px;height:60px}.donate-btn:hover{transform:translateY(-3px);background:linear-gradient(135deg,#1a1a1a,#000);box-shadow:0 8px 25px #0006,0 4px 15px #0003}.donate-btn:active{transform:translateY(-1px);box-shadow:0 4px 12px #0000004d,0 2px 6px #0000001a}.btn-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden;width:100%;height:100%;font-size:2rem}.btn-text-top,.btn-text-bottom{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;white-space:nowrap;text-align:center;width:100%;height:100%;color:#fff;line-height:1.2}.btn-text .letter{position:relative;display:inline-block;transform:translateY(0);will-change:transform;color:inherit}.btn-text-bottom{top:0}.btn-text-bottom .letter{transform:translateY(100%)}.btn-text{z-index:10}.donate-btn:hover .btn-text,.donate-btn:hover .btn-text-top,.donate-btn:hover .btn-text-bottom,.donate-btn:hover .letter{color:#fff}.btn-glow{position:absolute;inset:0;background:linear-gradient(135deg,transparent,rgba(255,255,255,.1),transparent);border-radius:8px;opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:5}.donate-btn:hover .btn-glow{opacity:1}.donate-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#fff3;border-radius:50%;transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease;pointer-events:none;z-index:1}.donate-btn:active:before{width:300px;height:300px}@media (max-width: 768px){.donate-btn{padding:.9em 2.5em;font-size:1.1rem;min-width:180px}.donate-action{margin:2.5em 0 1.5em}}@media (max-width: 480px){.donate-btn{padding:.8em 2em;font-size:1rem;min-width:160px}.donate-action{margin:2em 0 1.5em}}.donate-btn:focus{outline:none;box-shadow:0 8px 25px #2c3e5066,0 4px 15px #0003,0 0 0 3px #34495e80}.donate-btn:focus:not(:focus-visible){box-shadow:0 4px 15px #2c3e504d,0 2px 8px #0000001a}.donation-notification{font-family:inherit}.donation-notification .notification-content{display:flex;align-items:center;gap:1em;text-align:left}.donation-notification .notification-icon{font-size:3rem;line-height:1}.donation-notification .notification-text h3{margin:0 0 .5em;font-size:1.3rem;font-weight:600;color:#fff}.donation-notification .notification-text p{margin:0;font-size:1rem;opacity:.9;color:#fff}.donation-modal-overlay{font-family:inherit}.donation-modal{background:linear-gradient(135deg,#1a1a1a,#000);border-radius:15px;padding:0;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000080;border:1px solid rgba(255,255,255,.1)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:2rem 2rem 1rem;border-bottom:1px solid rgba(255,255,255,.1)}.modal-header h2{margin:0;color:#fff;font-size:1.5rem;font-weight:600}.modal-close{background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.modal-close:hover{background:#ffffff1a;transform:scale(1.1)}.donation-form{padding:2rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;color:#fff;font-weight:500;margin-bottom:.5rem;font-size:1rem}.form-group input{width:100%;padding:.875rem 1rem;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#ffffff0d;color:#fff;font-size:1rem;transition:all .3s ease;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#fff6;background:#ffffff1a;box-shadow:0 0 0 3px #ffffff1a}.form-group input:disabled{opacity:.5;cursor:not-allowed;background:#ffffff05}.form-group input::placeholder{color:#ffffff80}.anonymous-option{margin-top:.75rem}.checkbox-container{display:flex;align-items:center;cursor:pointer;color:#fffc;font-size:.95rem;-webkit-user-select:none;user-select:none}.checkbox-container input{width:auto;margin-right:.5rem}.amount-presets{display:flex;gap:.5rem;margin-top:.75rem;flex-wrap:wrap}.preset-btn{padding:.5rem 1rem;border:1px solid rgba(255,255,255,.2);border-radius:6px;background:#ffffff0d;color:#fff;font-size:.875rem;cursor:pointer;transition:all .3s ease;font-weight:500}.preset-btn:hover{background:#ffffff1a;border-color:#ffffff4d;transform:translateY(-1px)}.preset-btn.active{background:#fff3;border-color:#fff6;box-shadow:0 2px 8px #ffffff1a}.donation-info{background:#ffffff0d;border-radius:8px;padding:1rem;margin:1.5rem 0;border-left:3px solid rgba(255,255,255,.3)}.donation-info p{margin:0;color:#ffffffe6;font-size:.875rem;line-height:1.5}.modal-actions{display:flex;gap:1rem;margin-top:2rem}.btn-cancel,.btn-donate-confirm{flex:1;padding:.875rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:none}.btn-cancel{background:#ffffff1a;color:#fffc;border:1px solid rgba(255,255,255,.2)}.btn-cancel:hover{background:#ffffff26;color:#fff;transform:translateY(-1px)}.btn-donate-confirm{background:linear-gradient(135deg,#4a90e2,#357abd);color:#fff;box-shadow:0 4px 15px #4a90e24d}.btn-donate-confirm:hover{background:linear-gradient(135deg,#357abd,#2868a3);transform:translateY(-2px);box-shadow:0 6px 20px #4a90e266}.btn-donate-confirm:active{transform:translateY(0)}.error-message{color:#ff4757;font-size:.875rem;margin-top:.5rem}@media (max-width: 768px){.donation-modal{width:95%;margin:1rem}.modal-header,.donation-form{padding:1.5rem}.modal-actions{flex-direction:column}.amount-presets{justify-content:center}}@media (max-width: 480px){.modal-header h2{font-size:1.3rem}.donation-form{padding:1rem}}.project-details-section{padding:10rem 2rem 8rem;background:linear-gradient(135deg,#f8f8f6,#e8e8e0);font-family:Kanit,sans-serif;position:relative;overflow:hidden;will-change:transform}.project-details-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(0,0,0,.02) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(0,0,0,.02) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(0,0,0,.01) 0%,transparent 50%);pointer-events:none}.project-details-section:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(0,0,0,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.02) 1px,transparent 1px);background-size:20px 20px;pointer-events:none;opacity:.3;z-index:0}.project-container{max-width:1400px;margin:0 auto;position:relative;z-index:1}.project-container:before{content:"";position:absolute;top:10%;right:-5%;width:200px;height:200px;background:linear-gradient(135deg,#00000008,#00000003);border-radius:50%;filter:blur(30px);pointer-events:none;z-index:0}.project-container:after{content:"";position:absolute;bottom:20%;left:-5%;width:150px;height:150px;background:linear-gradient(45deg,#00000005,#00000001);border-radius:50%;filter:blur(25px);pointer-events:none;z-index:0}.project-header{text-align:center;margin-bottom:10rem;position:relative}.header-label{display:inline-flex;align-items:center;gap:.8rem;margin-bottom:2.5rem;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.15em;color:#0009;opacity:0}.label-dot{width:8px;height:8px;background:linear-gradient(45deg,#000,#333);border-radius:50%;box-shadow:0 2px 4px #0000001a;animation:gentle-float 6s ease-in-out infinite;animation-delay:.5s}.main-title{font-size:clamp(3.5rem,10vw,7rem);font-weight:300;line-height:.85;margin-bottom:3rem;color:#000;text-transform:uppercase;letter-spacing:-.03em;overflow:hidden}.main-title:before{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:100px;height:3px;background:linear-gradient(90deg,transparent,rgba(0,0,0,.2),transparent);border-radius:2px}.title-line{display:block;overflow:hidden}.title-highlight{font-weight:900;font-style:italic;color:#000!important;text-shadow:2px 2px 4px rgba(0,0,0,.2);position:relative;display:inline;padding:0 .5rem}.main-description{font-size:1.2rem;font-weight:300;line-height:1.7;color:#000000bf;max-width:600px;margin:0 auto;text-transform:none;opacity:0}.section-number{font-size:.9rem;font-weight:600;color:#0006;letter-spacing:.15em;text-transform:uppercase;margin-bottom:1.5rem;opacity:0;will-change:transform}.section-number:after{content:"";position:absolute;top:50%;right:-30px;width:20px;height:1px;background:linear-gradient(90deg,rgba(0,0,0,.4),transparent);transform:translateY(-50%)}.section-title{font-size:clamp(2.5rem,6vw,4rem);font-weight:300;line-height:1.1;color:#000;text-transform:uppercase;letter-spacing:-.02em;margin-bottom:2rem;overflow:hidden;position:relative}.section-title em{font-style:italic;font-weight:700;color:#000!important;text-shadow:1px 1px 2px rgba(0,0,0,.1);position:relative;display:inline}.section-title em:before{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:2px;background:linear-gradient(90deg,rgba(0,0,0,.3),transparent);transform:scaleX(0);transition:transform .6s ease}.section-title:hover em:before{transform:scaleX(1)}.section-content{max-width:900px}.section-text{font-size:1.2rem;font-weight:300;line-height:1.9;color:#000c;text-transform:none;opacity:0;padding:.5rem 0;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.section-subtitle{font-size:1.1rem;font-weight:400;color:#000000a6;margin-bottom:3rem;text-transform:none}.vision-section{display:grid;grid-template-columns:auto 1fr;gap:5rem;margin-bottom:10rem;align-items:start}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:3.5rem;margin-bottom:10rem}.feature-block{padding:3rem 3.5rem;background:#fff9;border-radius:16px;border:1px solid rgba(0,0,0,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;opacity:0;position:relative;overflow:hidden;transform-style:preserve-3d;will-change:transform}.feature-block:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#000,#333);transform:translate(-100%);transition:transform .6s ease}.feature-block:after{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg,#0000000d,#00000005);border-radius:18px;opacity:0;transition:opacity .3s ease;z-index:-1}.feature-block:hover:before{transform:translate(0)}.feature-block:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000001a;border-color:#00000026}.feature-block:hover:after{opacity:1}.feature-number{font-size:2rem;font-weight:300;color:#0000004d;margin-bottom:2rem;line-height:1}.feature-title{font-size:1.5rem;font-weight:600;color:#000;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:-.01em;overflow:hidden;padding:0 1rem}.feature-desc{font-size:1rem;font-weight:300;line-height:1.7;color:#000000b3;text-transform:none;padding:0 1rem!important}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem;margin-bottom:8rem}.feature-block{padding:2rem 0;border-top:1px solid rgba(0,0,0,.1)}.feature-number{font-size:1.5rem;font-weight:300;color:#0000004d;margin-bottom:1rem;letter-spacing:.2em}.feature-title{font-size:1.2rem;font-weight:600;color:#000;margin-bottom:.8rem;text-transform:uppercase;letter-spacing:.05em}.feature-desc{font-size:.95rem;font-weight:300;line-height:1.6;color:#000000b3;text-transform:none;padding:0 1rem!important}.images-section{margin-bottom:8rem}.images-header{display:grid;grid-template-columns:auto 1fr;gap:4rem;align-items:center;margin-bottom:4rem}.images-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:3rem}.image-block{position:relative}.image-wrapper{position:relative;width:100%;background:#0000000d;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:200px;height:auto}.image-wrapper:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,0,0,.1),transparent 50%);opacity:0;transition:opacity .3s ease;z-index:1}.image-wrapper img{width:100%;height:auto;max-width:100%;object-fit:contain;transition:transform .6s ease;display:block}.image-block:hover .image-wrapper:before{opacity:1}.image-caption{display:flex;align-items:center;gap:1rem;margin-top:1rem;font-size:.9rem;color:#0009}.caption-number{font-weight:600;color:#0006}.caption-text{font-weight:300;text-transform:uppercase;letter-spacing:.05em}.budget-section{display:grid;grid-template-columns:auto 1fr;gap:4rem;margin-bottom:8rem;align-items:start}.budget-item{padding:1rem;background:#ffffffb3;border-radius:16px;border:1px solid rgba(0,0,0,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;transition:all .3s ease}.story-text{font-size:clamp(1.1rem,2.5vw,1.3rem);line-height:1.8;text-transform:none;opacity:.9}.image-wrapper:hover img{transform:scale(1.05)}.main-title,.main-description,.section-title,.section-text,.feature-title,.feature-desc,.budget-title,.budget-desc,.story-title,.story-text{opacity:1}.feature-title:focus,.budget-title:focus,.section-title:focus{outline:none;text-shadow:0 0 5px rgba(0,0,0,.2)}@media (min-width: 1024px){.vision-section,.images-section,.budget-section,.story-section{transform:translateZ(0);will-change:transform}}@media (max-width: 1024px){.vision-section,.images-header,.budget-section,.story-section{grid-template-columns:1fr;gap:2rem;text-align:center}.section-number{order:-1;text-align:center}}@media (max-width: 768px){.project-details-section{padding:6rem 1rem 4rem}.project-header{margin-bottom:6rem}.main-title{font-size:3rem}.features-grid{grid-template-columns:1fr;gap:2rem}.feature-block{padding:2.5rem 2rem}.images-grid{grid-template-columns:1fr;gap:2rem}.vision-section,.budget-section,.story-section{margin-bottom:6rem}}@media (max-width: 480px){.project-details-section{padding:4rem 1rem 3rem}.main-title{font-size:2.5rem}.section-title{font-size:2rem}.feature-block{padding:2rem 1.5rem}.images-grid{grid-template-columns:1fr;gap:1.5rem}.image-wrapper{min-height:180px;height:auto;width:100%}.image-wrapper img{width:100%;height:auto;max-width:100%;object-fit:contain}}@media (max-width: 480px){.budget-grid{grid-template-columns:1fr;gap:1.5rem}.budget-desc{font-size:.95rem;line-height:1.6}}@media (max-width: 768px){.budget-grid{grid-template-columns:1fr;gap:2rem}}.main-subtitle{font-size:1.1rem;font-weight:400;line-height:1.6;max-width:600px;margin:0 auto;text-transform:none;opacity:.8}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;margin-bottom:4rem}.project-info .info-text{margin-bottom:3rem}.section-heading{font-size:1.5rem;font-weight:600;font-style:italic;margin-bottom:1rem;text-transform:uppercase}.description{font-size:1rem;line-height:1.7;text-transform:none;opacity:.9}.features-list{display:flex;flex-direction:column;gap:2rem}.feature-item{display:flex;align-items:flex-start;gap:1rem}.feature-icon{width:24px;height:24px;stroke:#000;flex-shrink:0;margin-top:.25rem}.feature-text h4{font-size:1rem;font-weight:600;margin-bottom:.5rem;text-transform:uppercase}.feature-text p{font-size:.9rem;line-height:1.6;text-transform:none;opacity:.8}.project-images{display:flex;flex-direction:column;gap:2rem}.image-item{position:relative;background:#0000000d;border-radius:1rem;overflow:hidden}.project-image{width:100%;height:auto;display:block;object-fit:contain;background:#fff}.image-caption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);color:#fff;padding:2rem 1rem 1rem;font-size:.9rem;font-weight:500;text-transform:uppercase}.budget-section{margin-bottom:4rem}.budget-heading{font-size:2rem;font-weight:600;font-style:italic;margin-bottom:.5rem;text-transform:uppercase;text-align:center}.budget-subheading{text-align:center;font-size:1rem;opacity:.8;margin-bottom:3rem;text-transform:none}.budget-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:3.5rem;margin-top:2rem}.budget-item{padding:3rem 3.5rem;background:#ffffffb3;border-radius:16px;border:1px solid rgba(0,0,0,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;transition:all .3s ease}.budget-item:hover{transform:translateY(-5px);box-shadow:0 15px 30px #0000001a}.budget-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.budget-dot{width:8px;height:8px;background:linear-gradient(45deg,#000,#333);border-radius:50%;flex-shrink:0;position:relative}.budget-title{font-size:1.3rem;font-weight:600;color:#000;text-transform:uppercase;letter-spacing:-.01em;overflow:hidden;margin:0}.budget-desc{font-size:1rem;font-weight:300;line-height:1.7;color:#000000b3;margin-bottom:2rem;text-transform:none}.budget-portion{font-size:.9rem;font-weight:500;color:#00000080;text-transform:uppercase;letter-spacing:.05em}.story-section{display:grid;grid-template-columns:auto 1fr;gap:4rem;align-items:start}.story-section{text-align:center;max-width:800px;margin:0 auto}.story-badge{display:inline-flex;align-items:center;gap:.5rem;background:#0000000d;padding:.5rem 1rem;border-radius:2rem;font-size:.875rem;font-weight:500;text-transform:uppercase;margin-bottom:1.5rem}.story-title{font-size:1.8rem;font-weight:600;font-style:italic;margin-bottom:1.5rem;text-transform:uppercase}.story-text{font-size:clamp(1.1rem,2.5vw,1.3rem);line-height:1.8;color:#000000e6;text-transform:none;opacity:.9}.story-text p{margin-bottom:1.5rem}.story-text strong{font-weight:700;font-size:1.1em;color:#000;background:linear-gradient(135deg,#0000001a,#0000000d);padding:.2em .4em;border-radius:4px;display:inline-block;margin:.2em 0;text-shadow:0 1px 2px rgba(0,0,0,.1)}.project-header .main-title,.project-header .main-subtitle,.section-heading,.description,.feature-text h4,.feature-text p,.budget-heading,.budget-subheading,.budget-card h4,.budget-card p,.story-title,.story-text{opacity:1}@media (max-width: 768px){.project-details-section{padding:4rem 1rem}.main-title{font-size:2rem}.content-grid{grid-template-columns:1fr;gap:3rem}.budget-grid{grid-template-columns:1fr;gap:1.5rem}.features-list,.project-images{gap:1.5rem}}@media (max-width: 480px){.project-details-section{padding:3rem 1rem}.main-title{font-size:1.8rem}.main-subtitle{font-size:1rem}.content-grid{gap:2rem}.budget-card{padding:1.5rem}.image-wrapper{min-height:150px}.image-wrapper img{width:100%;height:auto}}@media (max-width: 768px) and (min-width: 481px){.images-grid{grid-template-columns:1fr;gap:2rem}.image-wrapper{min-height:220px;width:100%}.image-wrapper img{width:100%;height:auto;max-width:100%;object-fit:contain}}.floating-dot{position:absolute;width:4px;height:4px;background:#0000001a;border-radius:50%;pointer-events:none;z-index:0}.char{display:inline;transition:all .1s ease}.feature-block,.budget-item,.image-block{transform-style:preserve-3d;transition:transform .1s ease-out}.project-details-section,.section-number{will-change:transform}.feature-block,.budget-item{transform-origin:center center;will-change:transform}.section-title,.feature-title,.budget-title{position:relative;overflow:hidden}.section-title em{position:relative}@keyframes gentle-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.label-dot{animation:gentle-float 6s ease-in-out infinite;animation-delay:.5s}.budget-dot{animation:gentle-float 8s ease-in-out infinite;animation-delay:1s}.feature-block:hover,.budget-item:hover{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.image-block:hover{filter:none}.project-details-section *{backface-visibility:hidden;perspective:1000px}.highlight-text{background:#0000000a;padding:.15em .3em;border-radius:2px;font-weight:600;color:#000;border:1px solid rgba(0,0,0,.08)}.emphasis-box{background:#000;color:#fff;padding:.2em .5em;border-radius:2px;font-weight:700;display:inline-block;margin:0 .05em}.story-highlight{font-weight:800;color:#000;position:relative;display:inline;font-style:normal}.story-highlight:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:#000}.underline-text{font-weight:600;color:#333;text-decoration:underline;text-decoration-color:#666;text-decoration-thickness:1px;text-underline-offset:3px}.brand-highlight{font-weight:900;color:#000;text-transform:uppercase;letter-spacing:.5px}.tech-highlight{border-left:2px solid #333;padding-left:.4em;font-weight:600;color:#222;font-style:italic}.project-credits-section{background:#000;color:#fff;min-height:50vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.credits-container{width:100%;max-width:1200px;text-align:center;padding:2rem}.credits-content{position:relative}.credits-text{font-size:1.5rem;font-weight:300;margin-bottom:2rem;opacity:.8;letter-spacing:.5em;text-transform:uppercase}.credits-main{position:relative}.credits-logo{display:flex;justify-content:center;align-items:center;gap:2rem;font-family:inherit}.logo-line-1,.logo-line-2{font-size:8rem;font-weight:900;text-transform:uppercase;letter-spacing:-.02em;position:relative;display:inline-block;transition:all .3s ease}.logo-line-1{color:#fff;animation:slideInLeft 2s ease-out}.logo-line-2{color:#fff;animation:slideInRight 2s ease-out .5s both}@keyframes slideInLeft{0%{transform:translate(-100px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(100px);opacity:0}to{transform:translate(0);opacity:1}}.credits-logo:hover .logo-line-1{transform:translateY(-10px);text-shadow:0 10px 20px rgba(255,255,255,.3)}.credits-logo:hover .logo-line-2{transform:translateY(10px);text-shadow:0 -10px 20px rgba(255,255,255,.3)}.project-credits-section:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 40%,rgba(255,255,255,.03) 50%,transparent 60%);animation:sweep 4s ease-in-out infinite}@keyframes sweep{0%,to{transform:translate(-100%)}50%{transform:translate(100%)}}@media (max-width: 900px){.credits-logo{flex-direction:column;gap:1rem}.logo-line-1,.logo-line-2{font-size:5rem}.credits-text{font-size:1.2rem;letter-spacing:.3em}}@media (max-width: 600px){.logo-line-1,.logo-line-2{font-size:3.5rem}.credits-text{font-size:1rem;letter-spacing:.2em}.project-credits-section{min-height:40vh}}@media (max-width: 768px){.highlight-text{padding:.1em .25em;font-size:.95em}.emphasis-box{padding:.15em .4em;margin:0 .02em;font-size:.95em}.story-highlight{font-weight:700}.tech-highlight{border-left-width:2px;padding-left:.3em}.brand-highlight{letter-spacing:.3px}}@media (max-width: 480px){.highlight-text{padding:.08em .2em;border-radius:1px}.emphasis-box{padding:.1em .3em;border-radius:1px}.story-highlight:after{height:1px}.tech-highlight{border-left-width:1px;padding-left:.25em}}.donation-notification{position:fixed;top:20px;right:20px;background:#000;color:#fff;padding:1.5em;border-radius:0;box-shadow:0 4px 20px #0000004d;z-index:1000;min-width:300px;border:2px solid #000}.notification-content{text-align:left}.notification-title{font-size:1rem;font-weight:600;margin-bottom:.5em;text-transform:uppercase;font-style:italic}.notification-details{font-size:.9rem;opacity:.9;line-height:1.4}.connection-status{position:fixed;bottom:20px;left:20px;padding:.5em 1em;border-radius:0;font-size:.8rem;font-weight:500;z-index:1000;text-transform:uppercase;border:1px solid #000}.connection-status.demo{background:#fffffff2;color:#000}.connection-status.live{background:#000000f2;color:#fff}.connection-status.error{background:#dc3545f2;color:#fff}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.animating{animation:pulse 2s ease-in-out infinite}.campaign-section .donation-item,.campaign-section .donate-btn,.campaign-section .connection-status{transition:transform .3s ease,opacity .3s ease}.debug-animation{border:1px dashed rgba(255,0,0,.3);background:#ffff001a}@media (min-width: 1400px){.donation-progress{max-width:1000px!important}.progress-container{padding:3.5em 4em!important}.progress-header h2{font-size:1.8rem!important}.target-amount{font-size:3.2rem!important}.current-amount{font-size:2.6rem!important}.progress-percentage{font-size:1.8rem!important}}@media (min-width: 1201px) and (max-width: 1399px){.donation-progress{max-width:900px!important}.progress-container{padding:3.2em 3.5em!important}}@media (max-width: 1200px){.campaign-content{padding:3em 2em!important}.campaign-hero{margin:1rem 0 6rem!important}}@media (max-width: 900px){.campaign-content{padding:2em 1em!important}.campaign-hero{margin:3rem 0 4rem!important;padding:2rem 1rem!important;min-height:180px!important}.campaign-title h1{font-size:2.5rem!important;line-height:.9!important;margin-bottom:1rem!important}.campaign-title p{font-size:.9rem!important;margin-top:1rem!important}.donation-progress{margin:3rem auto!important;padding:0 1rem!important;max-width:100%!important}.progress-container{margin:2em 0!important;padding:2em 1.5em!important;border-radius:16px!important}.progress-header{flex-direction:column!important;gap:1em!important;text-align:center!important;margin-bottom:2em!important}.progress-header h2{font-size:1.4rem!important}.target-amount{font-size:2.2rem!important}.progress-bar{height:20px!important;margin:2em 0!important}.current-stats{flex-direction:column!important;gap:1.5em!important;text-align:center!important}.current-amount{font-size:1.8rem!important}.progress-percentage{font-size:1.4rem!important;padding:.4em .8em!important}.donations-section{margin:2em 0!important}.section-header{flex-direction:column!important;gap:1em!important;text-align:center!important;padding:0!important}.section-header h2{font-size:1.5rem!important}.donations-list{grid-template-columns:1fr!important;gap:1em!important;padding:0!important}.donation-item{padding:1em!important;margin:.5em 0!important}.donor-info{flex-direction:column!important;gap:.5em!important}.donate-btn{width:90%!important;padding:1.5em 2em!important;font-size:1rem!important}.donation-notification{right:10px!important;left:10px!important;min-width:auto!important}}@media (max-width: 600px){.campaign-content{padding:1.5em 1em!important}.campaign-hero{margin:4rem 0 3rem!important;padding:1.5rem 1rem!important;min-height:150px!important}.campaign-title h1{font-size:2rem!important;line-height:1.1!important;margin-bottom:.8rem!important}.campaign-title p{font-size:.8rem!important;margin-top:.8rem!important}.donation-progress{margin:3rem auto!important;padding:0 .5rem!important}.progress-container{padding:1.8em 1.2em!important;border-radius:16px!important}.progress-header h2{font-size:1.2rem!important}.target-amount{font-size:1.8rem!important}.progress-bar{height:18px!important;border-radius:9px!important}.current-amount{font-size:1.6rem!important}.progress-percentage{font-size:1.2rem!important;padding:.4em .6em!important}.section-header h2{font-size:1.2rem!important}.total-supporters{font-size:1rem!important}.donate-btn{padding:1.2em 1.5em!important;font-size:.9rem!important}}@media (max-width: 480px){.campaign-content{padding:1em .8em!important}.campaign-hero{margin:10em 0 2.5rem!important;padding:1.2rem .8rem!important;min-height:120px!important}.campaign-title h1{font-size:1.8rem!important;line-height:1.1!important}.campaign-title p{font-size:.8rem!important}.donation-progress{margin:2rem auto!important;padding:0 .8rem!important}.progress-container{padding:1.5em 1em!important;border-radius:12px!important}.progress-header h2{font-size:1.1rem!important}.target-amount{font-size:1.6rem!important}.progress-bar{height:16px!important;border-radius:8px!important}.current-amount,.progress-percentage{font-size:1.4rem!important}.progress-percentage{padding:.3em .5em!important}.donate-btn{width:95%!important;padding:1.2em 1.5em!important;font-size:.9rem!important}}@media (max-width: 900px) and (orientation: landscape){.campaign-hero{margin:1rem 0 2rem!important;padding:1rem!important;min-height:100px!important}.campaign-title h1{font-size:2rem!important}.donation-progress{margin:2rem auto!important}}*{margin:0;padding:0;box-sizing:border-box;font-family:Kanit,sans-serif}body{text-transform:uppercase;font-family:Kanit,sans-serif;overflow:auto;background-color:#e3e3db}img{width:100%;height:100%;object-fit:cover}p{text-decoration:none;text-transform:uppercase;font-size:.7rem}a{text-decoration:none;text-transform:uppercase;font-size:.7rem;color:#000}.overlay{position:fixed;top:0;left:0;width:100vw;height:100svh;padding:2em;background-color:#000;color:#fff;display:flex;gap:2em;overflow:hidden}.projects,.loader,.locations{flex:1;display:flex;flex-direction:column;justify-content:center;gap:2em}.loader{align-items:center;gap:0}.loader h1{text-align:center;text-transform:uppercase;font-size:2.5rem;font-style:italic;line-height:.9;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(0deg,#3a3a3a,#3a3a3a 50%,#fff 0);background-size:100% 200%;background-position:0% 100%;color:#3a3a3a}.projects-header,.project-item,.locations-header,.location-item{display:flex;gap:2em;opacity:0}.projects-header>*,.locations-header>*{flex:1}.locations{align-items:center}.locations-header,.location-item{width:50%}.project-item,.location-item{color:#4f4f4f}.image-grid{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:30%;aspect-ratio:1;display:flex;flex-direction:column;gap:1em;z-index:12}.grid-row{width:100%;display:flex;gap:1em}.img{position:relative;flex:1;aspect-ratio:1;clip-path:polygon(0% 0%,100% 0%,100% 0%,0% 0%)}nav{position:fixed;width:100vw;padding:1em;display:flex;gap:2em;z-index:20}nav>*{flex:1}.links{display:flex;justify-content:space-around;align-items:center}.nav-logo{text-align:center;display:flex;justify-content:center}.nav-logo a{font-size:1.75rem;font-weight:bolder;font-style:italic;line-height:.9}.banner-img{position:absolute;top:45%;left:45%;transform:translate(-50%,-50%) scale(0);width:20%;aspect-ratio:4/5;z-index:10}.intro-copy{position:absolute;top:45%;width:100%;padding:0 8em;display:flex;justify-content:space-between;align-items:center;z-index:15}.title{position:absolute;bottom:10%;left:50%;transform:translate(-50%);z-index:20}.intro-copy h3,.title h1{position:relative;text-transform:uppercase;color:#000;font-weight:500;font-style:italic;line-height:.9}.title h1{font-size:3.5rem}.intro-copy h3{font-size:1.5rem}.intro-copy h3,.title h1{clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%)}.intro-copy h3 .word,.title h1 .word{display:inline-block;position:relative;will-change:transform;margin-right:.1rem}.content-spacer{height:60vh;width:100%;background:transparent;position:relative;z-index:0;clear:both}#campaign-container{position:relative;z-index:13;padding-top:3rem;margin-top:0;opacity:0;transform:translateY(50px);transition:opacity .8s ease,transform .8s ease}#campaign-container.show{opacity:1;transform:translateY(0)}html{scroll-behavior:smooth}.content-spacer,#campaign-container{will-change:transform,opacity}@media (max-width: 900px){*{-webkit-overflow-scrolling:touch}body{overflow-x:hidden}}@media (min-width: 1201px){.content-spacer{height:50vh}#campaign-container{padding-top:4rem;margin-top:0}}@media (max-width: 900px){*{-webkit-overflow-scrolling:touch}body{overflow-x:hidden}#campaign-container{padding-top:2rem;margin-top:10vh}.loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.projects,.locations,.intro-copy,.banner-img{display:none}.title{width:100%;bottom:20%;display:flex;justify-content:center}.title h1{font-size:2.5rem}.image-grid{width:75%;gap:.5em}.grid-row{width:95%;justify-content:space-around;gap:.5em}.content-spacer{height:50vh}#campaign-container{padding-top:2rem;margin-top:0}}@media (max-width: 1200px) and (min-width: 901px){.content-spacer{height:45vh}#campaign-container{padding-top:2.5rem;margin-top:0}}@media (max-width: 768px) and (min-width: 481px){.content-spacer{height:50vh}#campaign-container{padding-top:2rem;margin-top:0}.title h1{font-size:2rem;line-height:1.2}}@media (max-width: 480px){.content-spacer{height:45vh}#campaign-container{padding-top:1.5rem;margin-top:0}.title h1{font-size:1.8rem;line-height:1.3;padding:0 1rem}.image-grid{width:85%}}@media (max-width: 900px) and (orientation: landscape){.content-spacer{height:80vh}#campaign-container{margin-top:0;padding-top:3rem}}