@media (max-width:1024px){.hero-title .line{font-size:clamp(2.5rem, 10vw, 1rem)}.story-intro .grid-2-col,.mission-vision .grid-2-col{grid-template-columns:1fr;gap:var(--space-md)}.future-leaders .grid-2-col{grid-template-columns:1fr 1fr;gap:2rem}.future-slideshow{min-height:400px}.program-cards-grid{grid-template-columns:1fr 1fr}.impact-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-lg)}.footer-grid{grid-template-columns:1fr;gap:var(--space-md)}.immersive-grid{height:auto;max-height:none;display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;perspective:none}.gallery-card{position:relative!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;width:100%!important;min-width:auto!important;height:45vw!important;transform:none!important}.card-1{grid-column:1 / 3;height:50vw!important}.card-2{transform:rotate(-1deg)!important}.card-3{margin-top:2rem;transform:rotate(1deg)!important}.card-4{grid-column:1 / 3;height:40vw!important;transform:rotate(-0.5deg)!important}.immersive-grid.has-hover .gallery-card:not(:hover){filter:none;transform:none!important}.gallery-caption{opacity:1;transform:translateY(0)}.pillars-grid{grid-template-columns:1fr;max-width:600px;margin-left:auto;margin-right:auto}.showcase-content{width:60%;left:5%}.queue-thumb{width:60px;height:60px}.about-hero{height:70vh;padding-bottom:var(--space-lg)}.glass-card{padding:var(--space-md)}.showcase-queue{bottom:var(--space-md);right:50%;transform:translateX(50%)}.queue-thumb{width:50px;height:50px}.founders-grid{grid-template-columns:1fr;gap:var(--space-xl)}.founder-img-wrap{width:200px;height:200px}.ways-grid{grid-template-columns:2fr}.gallery-caption-glass{opacity:1;transform:translateY(0);font-size:.8rem;padding:.5rem .75rem;flex-wrap:wrap}.caption-hint{font-size:.65rem}}@media (max-width:768px){.grid-2-col{grid-template-columns:1fr}.main-nav{display:none}.menu-toggle{display:block}.hero-title .line{font-size:clamp(2.5rem, 10vw, 4rem)}.future-leaders .grid-2-col{grid-template-columns:1fr}.future-slideshow{min-height:300px;aspect-ratio:3 / 4}.program-cards-grid{grid-template-columns:1fr}.impact-grid{grid-template-columns:1fr 1fr}.immersive-grid{height:auto;display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:1rem 0}.gallery-card{position:relative!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;width:100%!important;min-width:auto!important;aspect-ratio:1 / 1;height:50vw!important;box-shadow:0 10px 30px rgb(0 0 0 / .15);overflow:hidden!important}.card-1{grid-column:1 / 3;height:60vw!important;border-radius:16px}.card-2{border-radius:16px;transform:rotate(-1.5deg)!important}.card-3{margin-top:1.5rem;border-radius:16px;transform:rotate(1.5deg)!important}.card-4{grid-column:1 / 3;height:45vw!important;border-radius:16px;transform:rotate(-0.5deg)!important}.immersive-grid.has-hover .gallery-card:not(:hover){filter:none!important;transform:scale(1)!important}.gallery-caption{opacity:1;transform:translateY(0);font-size:.9rem;left:.75rem;right:.75rem;bottom:.75rem;width:auto;white-space:normal}.caption-hint{display:none}.card-glow{display:none}.logo-title{font-size:1.1rem}.logo-subtitle{font-size:.6rem}.logo-image{height:40px;width:40px}.programs-hero{height:70vh}.program-grid,.program-section.reverse .program-grid{flex-direction:column;gap:3rem}.program-image{width:100%}.program-image .image-frame{border-radius:16px;width:100%}.program-quote{font-size:1.25rem}.detail-item{gap:.75rem}.involved-hero{height:70vh}.tiers-grid{grid-template-columns:1fr}.donation-ctas{flex-direction:column;align-items:center}.donation-ctas .btn{width:100%}.form-visual{padding-right:0;margin-bottom:var(--space-md)}.form-row{grid-template-columns:1fr}.form-container{padding:1.5rem}.delivery-toggle{flex-direction:column;gap:.5rem}.delivery-toggle input[type="radio"]:checked+.toggle-label{background:rgb(107 143 113 / .1)}.contact-hero{height:70vh}.map-section{height:auto;margin-top:0;padding:var(--space-md)}.map-container{flex-direction:column;border-radius:24px;height:auto}.map-container iframe{height:250px;border-radius:24px 24px 0 0}.map-overlay-card{position:relative;top:auto;left:auto;transform:none;width:100%;border-radius:0 0 24px 24px;background:rgb(255 255 255 / .85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:var(--space-md);box-shadow:none}.biogas-uses{gap:.75rem}.use-pill{font-size:.9rem;padding:.5rem 1rem}.biogas-gallery{grid-template-columns:1fr 1fr;grid-template-rows:200px 200px;gap:1rem}.gallery-tall{grid-row:span 1}.biogas-benefits-grid{grid-template-columns:1fr}.highlight-benefit{grid-column:1 / -1}.gallery-overlay{padding:0;align-items:flex-end}.overlay-card{grid-template-columns:1fr;max-height:90vh;border-radius:24px 24px 0 0;transform:translateY(100%)}.gallery-overlay.active .overlay-card{transform:translateY(0)}.overlay-image-wrap{min-height:250px;max-height:300px;padding:1.25rem;padding-bottom:0}.overlay-content{padding:2rem 1.5rem 3rem}.overlay-title{font-size:1.5rem}.overlay-desc{font-size:1rem}.gallery-hero{padding-top:10rem}.bento-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:160px;gap:.75rem}.bento-2x2{grid-column:span 2;grid-row:span 2}.bento-2x1{grid-column:span 2;grid-row:span 1}.bento-1x2{grid-column:span 1;grid-row:span 2}.bento-hint{opacity:1;transform:translateY(0)}.overlay-main-display{padding:1.5rem 1.5rem 0 1.5rem;min-height:250px;max-height:35vh}.overlay-media-wrap{border-radius:16px;padding:.5rem}#overlay-main-img,#overlay-main-video{border-radius:12px;object-fit:cover}.overlay-sidebar{padding:1.5rem 1.5rem 3rem 1.5rem;min-height:0}.sidebar-header{margin-bottom:1rem}.overlay-subgrid{grid-template-columns:repeat(3,1fr);row-gap:7rem;padding-bottom:2rem}.subgrid-item{border-radius:10px}.subgrid-item img,.subgrid-item video{border-radius:8px}.scroll-indicator{right:auto;left:50%;transform:translateX(-50%);bottom:var(--space-md)}.hero-cta{flex-direction:column;align-items:stretch;gap:.75rem;padding:1rem}.hero-cta .btn{width:100%;padding:1.2rem 2rem;font-size:1rem;right:6%;margin:0 auto}.btn{padding:1rem 2rem}.btn-large{padding:1.2rem 2.5rem;font-size:1rem}.showcase-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:400px}.showcase-text-box{text-align:center;padding:2rem 1.5rem}.showcase-title,.showcase-desc{text-align:center;transform:translateY(0)}}@media (max-width:375px){.logo-subtitle{display:none}.gallery-overlay{padding:0;align-items:flex-end}.overlay-card{grid-template-columns:1fr;max-height:85vh;border-radius:24px 24px 0 0;transform:translateY(100%)}.gallery-overlay.active .overlay-card{transform:translateY(0)}.overlay-image-wrap{min-height:auto;max-height:35vh;padding:1rem 1rem 0 1rem}.overlay-image{border-radius:12px 12px 0 0}.overlay-content{padding:1.5rem 1.25rem 2.5rem 1.25rem;min-height:0}.overlay-title{font-size:1rem;margin-bottom:.75rem}.overlay-desc{font-size:.75rem}.hero-cta{flex-direction:column;align-items:stretch;gap:.75rem;padding:1rem;margin-top:-3.8rem}.hero-cta .btn{width:100%;padding:1.2rem 2rem;font-size:1rem;right:6%;margin:0 auto}.story-intro .grid-2-col,.future-leaders .grid-2-col{gap:2.5rem}.story-text .heading-2,.future-text .heading-2{font-size:2rem;line-height:1.2}.story-image .image-frame{border-radius:20px;box-shadow:0 20px 40px rgb(0 0 0 / .1)}.future-slideshow{min-height:280px;border-radius:20px}.story-text .overline,.future-text .overline{margin-bottom:1rem}}@media (min-width:769px) and (max-width:1024px){.main-nav{display:block!important}.menu-toggle{display:none!important}.header-container{padding-top:.75rem;padding-bottom:.75rem}.nav-list{gap:1.5rem}.nav-link{font-size:.85rem;letter-spacing:.02em}.hero,.about-hero,.programs-hero,.involved-hero,.contact-hero,.gallery-hero{padding-top:12rem}.hero-content{margin-top:0}.story-intro .grid-2-col,.future-leaders .grid-2-col{grid-template-columns:1fr 1fr;gap:3rem}.story-text .heading-2,.future-text .heading-2{font-size:clamp(2.2rem, 4vw, 3rem)}.story-text .body-text{max-width:450px}.future-text .body-text{max-width:450px}.future-slideshow{min-height:450px}.showcase-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:600px}.showcase-text-box{text-align:center;padding:2rem 1.5rem}.showcase-title,.showcase-desc{text-align:center;transform:translateY(0)}}