:root{--primary-50: #f0fdf4;--primary-100: #dcfce7;--primary-200: #bbf7d0;--primary-300: #86efac;--primary-400: #4ade80;--primary-500: #22c55e;--primary-600: #16a34a;--primary-700: #15803d;--primary-800: #166534;--primary-900: #14532d;--secondary-50: #faf6f3;--secondary-100: #f5ebe3;--secondary-200: #e8d5c4;--secondary-300: #d9b99b;--secondary-400: #c49a6c;--secondary-500: #a67c52;--secondary-600: #8b6442;--secondary-700: #6f4f35;--secondary-800: #5a412e;--secondary-900: #4a3728;--accent-50: #fefce8;--accent-100: #fef9c3;--accent-200: #fef08a;--accent-300: #fde047;--accent-400: #facc15;--accent-500: #eab308;--accent-600: #ca8a04;--accent-700: #a16207;--accent-800: #854d0e;--accent-900: #713f12;--neutral-50: #fdfaf7;--neutral-100: #f9f5f1;--neutral-200: #f1e9e0;--neutral-300: #e8dbd1;--neutral-400: #d4c1b0;--neutral-500: #a38b7a;--neutral-600: #856f5e;--neutral-700: #6b584a;--neutral-800: #4d3f35;--neutral-900: #332a24;--success: #22c55e;--warning: #f59e0b;--error: #ef4444;--info: #3b82f6;--bg-primary: #ffffff;--bg-secondary: #faf6f3;--bg-tertiary: #f0fdf4;--bg-dark: #2d3e3a;--footer-bg: #2d3e3a;--text-primary: #2b231d;--text-secondary: #5c4b3f;--text-tertiary: #8f7967;--text-light: #ffffff;--text-accent: #15803d;--gradient-primary: #15803d;--gradient-secondary: linear-gradient(135deg, #a67c52 0%, #6f4f35 100%);--gradient-accent: linear-gradient(135deg, #facc15 0%, #eab308 100%);--gradient-hero: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 50%, #faf6f3 100%);--gradient-text: linear-gradient(135deg, #15803d 0%, #22c55e 50%, #16a34a 100%);--shadow-xs: 0 1px 2px rgba(28, 25, 23, .05);--shadow-sm: 0 1px 3px rgba(28, 25, 23, .1), 0 1px 2px rgba(28, 25, 23, .06);--shadow-md: 0 4px 6px -1px rgba(28, 25, 23, .1), 0 2px 4px -1px rgba(28, 25, 23, .06);--shadow-lg: 0 10px 15px -3px rgba(28, 25, 23, .1), 0 4px 6px -2px rgba(28, 25, 23, .05);--shadow-xl: 0 20px 25px -5px rgba(28, 25, 23, .1), 0 10px 10px -5px rgba(28, 25, 23, .04);--shadow-2xl: 0 25px 50px -12px rgba(28, 25, 23, .25);--shadow-glow: 0 0 40px rgba(34, 197, 94, .3);--font-family: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-size-6xl: 3.75rem;--font-size-7xl: 4.5rem;--font-light: 300;--font-regular: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--line-height-tight: 1.1;--line-height-snug: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-loose: 2;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--spacing-20: 5rem;--spacing-24: 6rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-3xl: 2rem;--radius-full: 9999px;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease;--transition-spring: .4s cubic-bezier(.34, 1.56, .64, 1);--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal: 400;--z-tooltip: 500}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-regular);line-height:var(--line-height-normal);color:var(--text-primary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{max-width:100%;height:auto;display:block}a{text-decoration:none;color:inherit;transition:color var(--transition-fast)}button{font-family:inherit;cursor:pointer;border:none;background:none}ul,ol{list-style:none}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--spacing-6)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-bold);line-height:var(--line-height-tight);color:var(--text-primary)}.gradient-text{background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-link-title{text-decoration:none;display:inline-block;transition:transform var(--transition-base)}.section-link-title:hover{transform:scale(1.02)}.section-link-title .section-title{margin-bottom:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-6);font-size:var(--font-size-base);font-weight:var(--font-semibold);border-radius:var(--radius-lg);transition:all var(--transition-base);cursor:pointer}.btn-primary{background:var(--gradient-primary);color:var(--text-light);box-shadow:var(--shadow-md),0 4px 20px #22c55e4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),0 6px 25px #22c55e66}.btn-secondary{background:var(--bg-primary);color:var(--primary-700);border:2px solid var(--primary-200)}.btn-secondary:hover{border-color:var(--primary-400);background:var(--primary-50)}.btn-outline{background:transparent;color:var(--primary-700);border:2px solid var(--primary-300)}.btn-outline:hover{background:var(--primary-50);border-color:var(--primary-500)}.navbar{position:fixed;top:16px;left:50%;transform:translate(-50%);width:auto;max-width:95%;background:#f7f4f066;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:var(--z-fixed);border:1px solid rgba(255,255,255,.3);border-radius:9999px;transition:all var(--transition-base);box-shadow:0 8px 32px -8px #0000001f}.nav-container{display:flex;justify-content:center;align-items:center;padding:0 28px 0 20px;height:64px;gap:40px}.logo{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-2)}.logo-main{display:flex;align-items:center;gap:var(--spacing-2)}.logo-subtitle{display:none}.logo-text{font-size:var(--font-size-2xl);font-weight:var(--font-bold);color:#000}.logo-img{height:32px;width:auto}.nav-links{display:flex;align-items:center;gap:var(--spacing-6);list-style:none}.nav-link{font-size:var(--font-size-base);font-weight:var(--font-medium);color:var(--text-primary);transition:all var(--transition-base);white-space:nowrap;padding:var(--spacing-2) var(--spacing-1)}.nav-link:hover,.nav-link.active{color:var(--primary-600)}.fundraiser-link{background:#1a1a1a!important;color:var(--text-light)!important;padding:12px 28px!important;border-radius:9999px!important;font-size:var(--font-size-sm)!important;text-transform:none!important;letter-spacing:normal!important;font-weight:var(--font-bold);box-shadow:none!important}.fundraiser-link:hover{background:#000!important;transform:none!important}.nav-link:after{display:none}.nav-link.fundraiser-link{background:var(--gradient-primary);color:var(--text-light);padding:var(--spacing-2) var(--spacing-5);border-radius:var(--radius-full)}.nav-link.fundraiser-link:after{display:none}.nav-link.fundraiser-link:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.mobile-only{display:none}.mobile-menu-btn{display:none;width:40px;height:40px;flex-direction:column;align-items:center;justify-content:center;gap:6px}.hamburger,.hamburger:before,.hamburger:after{display:block;width:24px;height:2px;background:var(--text-primary);border-radius:var(--radius-full);transition:all var(--transition-base)}.hamburger{position:relative}.hamburger:before,.hamburger:after{content:"";position:absolute;left:0}.hamburger:before{top:-8px}.hamburger:after{bottom:-8px}.mobile-menu-btn.active .hamburger{background:transparent}.mobile-menu-btn.active .hamburger:before{top:0;transform:rotate(45deg)}.mobile-menu-btn.active .hamburger:after{bottom:0;transform:rotate(-45deg)}.welcome-intro{position:relative;width:100%;height:100vh;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;text-align:center;overflow:hidden;background-color:#f7f4f0}.welcome-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.sky-warp{position:absolute;top:2%;left:50%;transform:translate(-50%);width:100%;height:auto;z-index:1;pointer-events:none;opacity:.35;mix-blend-mode:soft-light;display:flex;justify-content:center}@media (min-width: 1024px){.sky-warp{top:-10%}}.sky-warp svg{width:100%;height:auto;overflow:visible}.warped-text{font-family:var(--font-family);font-size:56px;font-weight:800;fill:#000;letter-spacing:1em;text-transform:uppercase;text-shadow:0 0 30px rgba(255,255,255,.4)}.welcome-background img{width:100%;height:100%;object-fit:cover;object-position:center 30%;transition:transform 10s ease-out}.welcome-intro:hover .welcome-background img{transform:scale(1.05)}.welcome-background:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#f7f4f000,#f7f4f000 75%,#f7f4f099 92%,#f7f4f0)}.welcome-content{position:relative;z-index:2;max-width:800px;padding:0 var(--spacing-6) 12vh;animation:welcomeFadeIn 1.5s ease-out}@keyframes welcomeFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.welcome-heading{font-size:clamp(2.5rem,6vw,4.8rem);font-weight:600;color:#1a1a1a;margin-bottom:var(--spacing-6);letter-spacing:-.03em;line-height:1.05;text-shadow:0 2px 20px rgba(255,255,255,.4)}.welcome-subheading{font-size:clamp(1.1rem,1.4vw,1.4rem);color:#222;margin-bottom:var(--spacing-10);max-width:650px;margin-left:auto;margin-right:auto;line-height:1.6;font-weight:500;text-shadow:0 0 10px rgba(255,255,255,.5)}.welcome-cta{display:inline-flex;align-items:center;gap:var(--spacing-2);background:#1a1a1a;color:#fff;padding:16px 40px;border-radius:9999px;font-weight:600;font-size:1.1rem;transition:all .4s cubic-bezier(.165,.84,.44,1);box-shadow:0 10px 20px #0000001a}.welcome-cta:hover{background:#000;transform:translateY(-3px);box-shadow:0 15px 30px #00000026}.welcome-cta:after{content:"→";font-size:1.2rem;transition:transform .3s ease}.welcome-cta:hover:after{transform:translate(4px)}.welcome-cta.secondary{background:#ffffff26;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#1a1a1a;border:1px solid rgba(0,0,0,.1)}.welcome-cta.secondary:hover{background:#ffffff40;border-color:#0003}.hero{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:190px 5% 60px;width:100%;background-color:#f7f4f0;overflow:hidden}.hero-wrapper{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--spacing-16);align-items:start;max-width:1400px;margin:0 auto;width:100%}.hero-left{display:flex;flex-direction:column}.hero-right{display:flex;flex-direction:column;padding-top:var(--spacing-4)}.hero-title{font-size:clamp(3rem,6vw,5.5rem);font-weight:700;line-height:1.2;color:#1a1a1a;margin:0;letter-spacing:-.02em}.hero-title .underline{text-decoration:underline;text-underline-offset:12px;text-decoration-thickness:3px;text-decoration-color:#1a1a1a}.hero-subtitle{font-size:clamp(1.1rem,1.5vw,1.4rem);line-height:1.6;color:#4a4a4a;margin-bottom:var(--spacing-10);max-width:500px}.hero-cta{display:flex;gap:var(--spacing-4);flex-wrap:wrap}.hero-bottom{margin-top:auto;width:100%;max-width:1400px;margin-left:auto;margin-right:auto;padding-top:var(--spacing-16)}.hero-stats{display:flex;align-items:center;gap:var(--spacing-12);border-top:1px solid rgba(0,0,0,.1);padding-top:var(--spacing-8)}.author-section{margin:0 0 var(--spacing-8) 0;display:flex;justify-content:flex-start}.author-image-container{position:relative;display:inline-block;padding:var(--spacing-2);background:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);transform:rotate(-1deg);border:1px solid rgba(0,0,0,.05)}.author-img{width:380px;height:380px;object-fit:cover;object-position:center 85%;border-radius:var(--radius-md);display:block}.author-arrow{position:absolute;top:60px;left:-80px;display:flex;flex-direction:column;align-items:center;color:var(--primary-600);z-index:10}.author-arrow span{font-size:var(--font-size-sm);font-weight:var(--font-bold);background:var(--primary-600);color:#fff;padding:4px 12px;border-radius:var(--radius-full);margin-bottom:-5px;box-shadow:var(--shadow-md);white-space:nowrap}.jayant-arrow{position:absolute;top:10px;right:-70px;display:flex;flex-direction:column;align-items:center;color:var(--primary-700);z-index:10}.jayant-arrow span{font-size:.75rem;font-weight:var(--font-bold);background:var(--primary-700);color:#fff;padding:6px 14px;border-radius:var(--radius-full);margin-bottom:-5px;box-shadow:var(--shadow-md);white-space:nowrap}@media (max-width: 1200px){.author-arrow{left:-30px;top:40px}.jayant-arrow{right:-30px;top:0}}@media (max-width: 768px){.author-arrow{position:absolute;top:-2%;left:5%;transform:rotate(-5deg);z-index:11}.jayant-arrow{position:absolute;top:-2%;right:5%;left:auto;bottom:auto;transform:rotate(3deg);z-index:10;width:auto;display:flex;justify-content:flex-end}.author-arrow span,.jayant-arrow span{font-size:.7rem;padding:5px 12px;white-space:normal;text-align:center;box-shadow:var(--shadow-lg);display:inline-block}.jayant-arrow span{max-width:180px}.author-image-container{display:block;transform:none;width:100%;max-width:400px;margin:0 auto}.author-img{width:100%;height:auto;aspect-ratio:1/1}.author-arrow svg,.jayant-arrow svg{display:none}}.progress-section{margin-bottom:var(--spacing-8);background:#ffffff80;padding:var(--spacing-4);border-radius:var(--radius-lg);border:1px solid rgba(0,0,0,.05)}.progress-goal{font-size:var(--font-size-base);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--spacing-2)}.progress-container{width:100%;height:26px;background:#e8e8e8;border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--spacing-2);border:1px solid rgba(0,0,0,.1)}.progress-bar{height:100%;background:linear-gradient(90deg,#22c55e,#16a34a);border-radius:var(--radius-full)}.progress-status{font-size:var(--font-size-sm);color:var(--text-secondary);text-align:center}@media (max-width: 1024px){.hero-wrapper{grid-template-columns:1fr;gap:var(--spacing-10)}.hero-right{padding-top:0}.hero-title{font-size:clamp(2.5rem,8vw,4rem)}}.gallery-wall-wrapper{margin-bottom:var(--spacing-12)}.gallery-wall{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-6)}.gallery-item{border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg);transition:all var(--transition-base);cursor:pointer;background:#fff;height:500px}.gallery-item img{width:100%;height:100%;object-fit:cover;object-position:center center;transition:transform var(--transition-slow)}.gallery-item:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl)}.gallery-item:hover img{transform:scale(1.05)}@media (max-width: 992px){.gallery-wall{grid-template-columns:repeat(2,1fr);height:auto}.gallery-item{height:400px}}@media (max-width: 576px){.gallery-wall{grid-template-columns:1fr}.gallery-item{height:450px}}.picture-band-section{padding:var(--spacing-16) 0;background-color:#f7f4f0;overflow:hidden}.picture-band-wrapper{width:100%;overflow:hidden;position:relative;padding:var(--spacing-8) 0}.picture-band{display:flex;gap:var(--spacing-6);width:max-content;animation:scroll 40s linear infinite}.picture-band:hover{animation-play-state:paused}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(calc(-350px * 6 - (var(--spacing-6) * 6)))}}.band-item{flex:0 0 350px;height:250px;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg);transition:all var(--transition-base);cursor:pointer}.band-item:hover{transform:translateY(-10px) scale(1.02);box-shadow:var(--shadow-2xl),0 0 20px #0000001a}.band-item img{width:100%;height:100%;object-position:center 80%;object-fit:cover}@media (max-width: 768px){.picture-band{animation-duration:25s;animation-name:scroll-mobile}.band-item{flex:0 0 280px;height:200px}}@keyframes scroll-mobile{0%{transform:translate(0)}to{transform:translate(calc(-280px * 6 - (var(--spacing-6) * 6)))}}.image-placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,var(--neutral-100) 0%,var(--neutral-200) 100%);border:2px dashed var(--neutral-300);border-radius:var(--radius-2xl);aspect-ratio:4/3;transition:all var(--transition-base)}.image-placeholder:hover{border-color:var(--primary-300);background:linear-gradient(145deg,var(--primary-50) 0%,var(--neutral-100) 100%)}.placeholder-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-3);color:var(--text-tertiary);text-align:center}.placeholder-content svg{stroke:var(--neutral-400)}.placeholder-content span{font-weight:var(--font-medium);font-size:var(--font-size-sm)}.placeholder-content small{font-size:var(--font-size-xs);color:var(--text-tertiary)}.hero-placeholder{aspect-ratio:4/3;min-height:400px;box-shadow:var(--shadow-xl)}.video-placeholder{aspect-ratio:16/9;max-width:800px;margin:0 auto;box-shadow:var(--shadow-lg)}.video-placeholder.small{aspect-ratio:16/9}.avatar-placeholder{width:56px;height:56px;min-width:56px;border-radius:var(--radius-full);background:var(--neutral-200);display:flex;align-items:center;justify-content:center}.avatar-placeholder svg{stroke:var(--neutral-400)}section{padding:var(--spacing-24) 0}.section-header{text-align:center;max-width:640px;margin:0 auto var(--spacing-16)}.section-badge{display:inline-block;background:var(--primary-100);color:var(--primary-700);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-semibold);margin-bottom:var(--spacing-4);text-transform:uppercase;letter-spacing:.5px}.section-badge.light{background:#fff3;color:var(--text-light)}.section-title{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-4)}.section-subtitle{font-size:var(--font-size-lg);color:var(--text-secondary);line-height:var(--line-height-relaxed)}.products{background:var(--bg-secondary)}.products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-8)}.product-card{background:var(--bg-primary);border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-md);transition:all var(--transition-base)}.product-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl)}.product-card.featured{border:2px solid var(--primary-400);box-shadow:var(--shadow-lg),var(--shadow-glow)}.product-image{position:relative;padding:var(--spacing-6);background:var(--neutral-100)}.product-badge{position:absolute;top:var(--spacing-4);left:var(--spacing-4);background:var(--secondary-500);color:var(--text-light);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-semibold);text-transform:uppercase}.product-badge.featured-badge{background:var(--gradient-primary)}.product-content{padding:var(--spacing-6)}.product-title{font-size:var(--font-size-xl);margin-bottom:var(--spacing-3)}.product-description{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-4)}.product-features{margin-bottom:var(--spacing-6)}.product-features li{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-2)}.product-features svg{stroke:var(--primary-500);flex-shrink:0}.product-footer{display:flex;align-items:center;justify-content:space-between;padding-top:var(--spacing-4);border-top:1px solid var(--neutral-200)}.product-price{font-size:var(--font-size-lg);font-weight:var(--font-bold);color:var(--primary-700)}.prototype-collage{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:240px;grid-auto-flow:dense;gap:var(--spacing-4);margin-top:var(--spacing-8)}.item-wide,.item-full{grid-row:span 2}.item-feature{grid-column:span 2;grid-row:span 2}.item-tall{grid-row:span 2}.collage-item{position:relative;border-radius:var(--radius-2xl);overflow:hidden;background:#fdfdfd;border:1px solid var(--neutral-200);transition:all var(--transition-slow)}.collage-item:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl)}.collage-item .image-container{width:100%;height:100%}.collage-item .image-container .image-placeholder{width:100%;height:100%;border-radius:0;border:none;background:var(--neutral-200)}.collage-item .item-overlay{position:absolute;top:0;left:0;right:0;padding:var(--spacing-6);background:linear-gradient(rgba(0,0,0,.7) 0%,transparent 100%);color:var(--text-light);text-align:right;opacity:0;transition:opacity var(--transition-base)}.collage-item:hover .item-overlay{opacity:1}.collage-img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.collage-item:hover .collage-img{transform:scale(1.05)}.collage-item .item-overlay h3{color:var(--text-light);font-size:var(--font-size-lg);margin-bottom:2px}.collage-item .item-overlay p{font-size:var(--font-size-xs);opacity:.8}.collage-item .item-badge{position:absolute;top:var(--spacing-4);left:var(--spacing-4);background:#00000080;color:var(--text-light);padding:4px 10px;border-radius:var(--radius-full);font-size:10px;font-weight:var(--font-bold);text-transform:uppercase;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2}@media (max-width: 992px){.prototype-collage{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.prototype-collage{grid-template-columns:1fr;grid-auto-rows:auto;gap:var(--spacing-4)}.collage-item{aspect-ratio:4/3;grid-row:span 1!important;grid-column:span 1!important}.item-tall,.item-wide,.item-feature{aspect-ratio:4/3}}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-8);margin-bottom:var(--spacing-16)}.feature-card{text-align:center;padding:var(--spacing-8);background:var(--bg-primary);border-radius:var(--radius-2xl);border:1px solid var(--neutral-200);transition:all var(--transition-base)}.feature-card:hover{border-color:var(--primary-300);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.feature-icon{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;background:var(--primary-100);border-radius:var(--radius-xl);margin-bottom:var(--spacing-5)}.feature-icon svg{stroke:var(--primary-600)}.feature-title{font-size:var(--font-size-lg);margin-bottom:var(--spacing-3)}.feature-description{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:var(--line-height-relaxed)}.video-section{text-align:center}.video-title{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-8)}.video-container{max-width:900px;margin:0 auto;border-radius:var(--radius-2xl);overflow:hidden;background:#000}.video-container.collage-video{width:100%;height:100%;max-width:none;border-radius:0}.main-video{width:100%;height:100%;display:block;object-fit:cover}.collage-video .main-video{aspect-ratio:auto}.testimonials{background:var(--bg-tertiary)}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-8);margin-bottom:var(--spacing-16)}.testimonial-card{background:var(--bg-primary);border-radius:var(--radius-2xl);padding:var(--spacing-6);box-shadow:var(--shadow-md);transition:all var(--transition-base)}.testimonial-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.testimonial-header{display:flex;align-items:center;gap:var(--spacing-4);margin-bottom:var(--spacing-4)}.testimonial-info{display:flex;flex-direction:column}.testimonial-name{font-size:var(--font-size-base);font-weight:var(--font-semibold)}.testimonial-role{font-size:var(--font-size-sm);color:var(--text-tertiary)}.testimonial-content{margin-bottom:var(--spacing-4)}.testimonial-content p{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:var(--line-height-relaxed);font-style:italic}.testimonial-rating{color:var(--accent-500)}.star{font-size:var(--font-size-lg)}.video-endorsements{text-align:center}.endorsements-title{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-8)}.endorsements-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-6)}.endorsement-card{border-radius:var(--radius-xl);overflow:hidden;aspect-ratio:16/9;background:var(--neutral-200);box-shadow:var(--shadow-md);transition:all var(--transition-base)}.endorsement-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.endorsement-img{width:100%;height:100%;object-fit:cover}.fundraiser{background:linear-gradient(145deg,#14532d,#166534,#15803d);color:var(--text-light);border-radius:var(--radius-3xl);margin:var(--spacing-16) auto var(--spacing-24);padding:var(--spacing-20) 0;max-width:1200px;width:calc(100% - var(--spacing-12));position:relative;overflow:hidden;box-shadow:0 40px 80px #00000026,0 0 100px #10b9811a}.fundraiser:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 10% 20%,rgba(34,197,94,.15) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(34,197,94,.1) 0%,transparent 40%);pointer-events:none}.fundraiser-wrapper{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:900px;margin:0 auto}.fundraiser-title{font-size:var(--font-size-4xl);color:var(--text-light);margin-bottom:var(--spacing-4)}.fundraiser-description{font-size:var(--font-size-lg);opacity:.9;line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-8)}.fundraiser-progress{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-xl);padding:var(--spacing-6);margin-bottom:var(--spacing-8)}.progress-header{display:flex;justify-content:space-between;margin-bottom:var(--spacing-3)}.progress-label{font-weight:var(--font-medium)}.progress-amount{font-weight:var(--font-bold)}.fundraiser-progress .progress-bar{height:12px;background:#ffffff4d;border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--spacing-4)}.progress-fill{height:100%;background:var(--accent-400);border-radius:var(--radius-full);position:relative;transition:width .5s ease-out}.progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-stats{display:flex;gap:var(--spacing-8)}.progress-stats .stat{display:flex;flex-direction:column}.progress-stats .stat-value{font-size:var(--font-size-2xl);font-weight:var(--font-bold)}.progress-stats .stat-label{font-size:var(--font-size-sm);opacity:.8}.donation-section{background:#ffffff14;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border-radius:var(--radius-3xl);padding:var(--spacing-16) var(--spacing-12);border:1px solid rgba(255,255,255,.15);box-shadow:0 30px 60px #00000040,inset 0 0 20px #ffffff0d;margin-top:var(--spacing-12);transition:all .5s cubic-bezier(.165,.84,.44,1)}.donation-section:hover{transform:translateY(-8px);background:#ffffff1f;border-color:#ffffff40;box-shadow:0 45px 90px #00000059,0 0 50px #22c55e33}.donation-title{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-10);color:#fff;font-weight:var(--font-extrabold);letter-spacing:-.02em}.upi-container{display:flex;flex-direction:column;gap:var(--spacing-8);align-items:center}.upi-qr{width:320px;height:320px;min-width:320px;background:#fff;border-radius:var(--radius-2xl);display:flex;align-items:center;justify-content:center;overflow:hidden;padding:var(--spacing-6);box-shadow:var(--shadow-xl);transition:transform var(--transition-base)}.upi-qr:hover{transform:scale(1.02)}.upi-qr img{width:100%;height:100%;object-fit:contain}.upi-details{width:100%;display:flex;flex-direction:column;align-items:center}.upi-instruction{font-size:var(--font-size-lg);font-weight:var(--font-medium);opacity:1;color:var(--text-light);margin-bottom:var(--spacing-4)}.upi-id-container{display:flex;align-items:center;gap:var(--spacing-6);background:#0003;padding:var(--spacing-6) var(--spacing-8);border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.1)}.upi-id{font-family:Outfit,sans-serif;font-size:2.25rem;font-weight:var(--font-bold);color:#fff;letter-spacing:.01em}.copy-btn{display:flex;align-items:center;justify-content:center;padding:var(--spacing-2);color:var(--text-light);opacity:.8;transition:opacity var(--transition-fast)}.copy-btn:hover{opacity:1}.leaderboard-card{background:var(--bg-primary);border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-xl)}.leaderboard-header{background:var(--secondary-600);padding:var(--spacing-5) var(--spacing-6)}.leaderboard-title{display:flex;align-items:center;gap:var(--spacing-3);color:var(--text-light);font-size:var(--font-size-lg)}.leaderboard-title svg{stroke:var(--accent-400)}.leaderboard-list{padding:var(--spacing-4)}.leaderboard-item{display:flex;align-items:center;gap:var(--spacing-4);padding:var(--spacing-4);border-radius:var(--radius-lg);transition:background var(--transition-fast)}.leaderboard-item:hover{background:var(--neutral-100)}.leaderboard-item .rank{display:flex;align-items:center;justify-content:center;width:32px;height:32px;min-width:32px;border-radius:var(--radius-full);background:var(--neutral-200);font-weight:var(--font-bold);font-size:var(--font-size-sm);color:var(--text-secondary)}.leaderboard-item.rank-1 .rank{background:var(--accent-400);color:var(--accent-900)}.leaderboard-item.rank-2 .rank{background:var(--neutral-300);color:var(--neutral-700)}.leaderboard-item.rank-3 .rank{background:var(--secondary-400);color:var(--secondary-900)}.contributor-info{flex:1;display:flex;flex-direction:column}.contributor-name{font-weight:var(--font-medium);color:var(--text-primary);font-size:var(--font-size-sm)}.contribution-date{font-size:var(--font-size-xs);color:var(--text-tertiary)}.contribution-amount{font-weight:var(--font-bold);color:var(--primary-600)}.leaderboard-note{text-align:center;padding:var(--spacing-4);font-size:var(--font-size-sm);color:var(--text-tertiary);border-top:1px solid var(--neutral-200)}.footer{background:var(--footer-bg);color:var(--text-light);padding:var(--spacing-20) 0 var(--spacing-12);position:relative}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:var(--spacing-16);margin-bottom:var(--spacing-12);align-items:start}.footer-brand .logo{margin-bottom:var(--spacing-6)}.footer .logo-text,.footer .logo-text .highlight{color:#fff}.footer-tagline{font-size:var(--font-size-base);color:#ffffffb3;line-height:var(--line-height-relaxed);max-width:400px}.footer-contact h4,.footer-social h4{font-size:var(--font-size-lg);font-weight:var(--font-semibold);margin-bottom:var(--spacing-6);color:var(--text-light)}.footer-contact ul li{display:flex;align-items:center;gap:var(--spacing-4);margin-bottom:var(--spacing-4);font-size:var(--font-size-base);color:#ffffffb3}.footer-contact svg{stroke:var(--primary-400);flex-shrink:0}.social-links{display:flex;gap:var(--spacing-4)}.social-link{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);color:var(--text-light);transition:all var(--transition-base);background:#ffffff0d}.social-link:hover{background:var(--primary-600);border-color:var(--primary-600);transform:translateY(-4px)}.footer-bottom{text-align:center;padding-top:var(--spacing-12);border-top:1px solid rgba(255,255,255,.1)}.footer-bottom p{font-size:var(--font-size-sm);color:#ffffff80}.support-badge{position:fixed;bottom:var(--spacing-8);right:var(--spacing-8);background:#1c2a27;color:var(--text-light);padding:var(--spacing-3) var(--spacing-5);border-radius:var(--radius-lg);display:flex;align-items:center;gap:var(--spacing-3);box-shadow:var(--shadow-2xl);z-index:var(--z-fixed);cursor:pointer;transition:all var(--transition-spring);border:1px solid rgba(255,255,255,.1)}.support-badge:hover{transform:translateY(-4px);background:#233531}.badge-dot{width:6px;height:6px;background:#22c55e;border-radius:var(--radius-full);position:absolute;top:-2px;right:-2px;box-shadow:0 0 10px #22c55e}.support-badge span{font-size:var(--font-size-sm);font-weight:var(--font-medium)}@media (max-width: 1024px){.hero{grid-template-columns:1fr;text-align:center;gap:var(--spacing-12)}.hero-subtitle{margin-left:auto;margin-right:auto}.hero-cta,.hero-stats{justify-content:center}.products-grid,.features-grid,.testimonials-grid,.endorsements-grid{grid-template-columns:repeat(2,1fr)}.fundraiser-wrapper{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.navbar{top:12px;width:calc(100% - 24px)}.nav-container{padding:0 16px 0 12px;height:56px}.nav-links{display:none;position:absolute;top:calc(100% + 8px);left:0;right:0;flex-direction:column;background:#f7f4f0f2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:var(--spacing-6);gap:var(--spacing-4);border-radius:var(--radius-2xl);border:1px solid rgba(0,0,0,.05);box-shadow:var(--shadow-lg)}.nav-links.active,.mobile-menu-btn{display:flex}.hero{min-height:auto;padding-bottom:var(--spacing-20)}.hero-title{font-size:clamp(2rem,8vw,2.5rem);line-height:1.3}.section-title{font-size:var(--font-size-2xl)}.products-grid,.features-grid,.testimonials-grid,.endorsements-grid{grid-template-columns:1fr}.upi-container{flex-direction:column;width:100%}.upi-qr{width:100%!important;height:auto!important;min-width:unset!important;max-width:300px;aspect-ratio:1/1}.upi-id-container{width:100%;padding:var(--spacing-4);gap:var(--spacing-3)}.upi-id{font-size:clamp(1rem,5vw,1.5rem)}.donation-section{padding:var(--spacing-8) var(--spacing-4);width:calc(100% - var(--spacing-4));margin:0 auto;box-shadow:0 10px 30px #0003}.fundraiser-title{font-size:clamp(1.5rem,8vw,2.25rem);margin-bottom:var(--spacing-4);padding:0 var(--spacing-6);text-align:center}.fundraiser-description{font-size:var(--font-size-base);padding:0 var(--spacing-8);margin-bottom:var(--spacing-10);text-align:center}.upi-instruction{font-size:var(--font-size-base);text-align:center;margin-top:var(--spacing-4);padding:0 var(--spacing-4)}.hero-bottom{display:none}.nav-right{background:linear-gradient(to bottom,var(--bg-primary) 80%,rgba(255,255,255,.95))}.leaderboard-section{margin-top:var(--spacing-8)}.footer-grid{grid-template-columns:1fr;gap:var(--spacing-8)}.footer-bottom{flex-direction:column;gap:var(--spacing-4);text-align:center;padding-bottom:var(--spacing-8)}.mobile-only{display:block}.nav-links .nav-link{width:100%;text-align:center;padding:var(--spacing-4) 0;font-size:var(--font-size-base)}}@media (max-width: 480px){.container{padding:0 var(--spacing-4)}.hero{padding-top:calc(112px + var(--spacing-8));padding-bottom:var(--spacing-20);min-height:auto}.hero-title{font-size:clamp(1.75rem,10vw,2rem);line-height:1.3}.hero-title br{display:none}.hero-title .underline{text-underline-offset:8px}.hero-cta{flex-direction:column}.hero-bottom{display:none}.btn{width:100%}.fundraiser{margin:var(--spacing-8) var(--spacing-4) var(--spacing-16)!important;padding:var(--spacing-12) 0!important;width:calc(100% - var(--spacing-8));border-radius:var(--radius-2xl)}}.lightbox{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000f2;z-index:1000;display:none;align-items:center;justify-content:center;padding:var(--spacing-8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.lightbox.active{display:flex}.lightbox-content{position:relative;max-width:1200px;width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-6);animation:lightboxZoom .4s var(--transition-spring)}@keyframes lightboxZoom{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}#lightboxMediaContainer{width:100%;max-height:70vh;display:flex;justify-content:center;border-radius:var(--radius-2xl);overflow:hidden;box-shadow:0 30px 60px #00000080}#lightboxMediaContainer img,#lightboxMediaContainer video{max-width:100%;max-height:70vh;object-fit:contain}.lightbox-caption{text-align:center;color:var(--text-light);max-width:600px}.lightbox-caption h3{color:var(--text-light);font-size:var(--font-size-2xl);margin-bottom:var(--spacing-2)}.lightbox-caption p{font-size:var(--font-size-base);opacity:.8}.lightbox-close{position:absolute;top:var(--spacing-8);right:var(--spacing-8);width:48px;height:48px;background:#ffffff1a;color:#fff;border-radius:var(--radius-full);font-size:32px;display:flex;align-items:center;justify-content:center;transition:all var(--transition-base);border:1px solid rgba(255,255,255,.2);z-index:1001}.lightbox-close:hover{background:#fff3;transform:scale(1.1)}.collage-item{cursor:pointer}.supporters-section{padding:var(--spacing-24) 0;background-color:#f7f4f0}.supporters-total{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-12);padding:var(--spacing-8);background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-radius:var(--radius-2xl);border:1px solid rgba(34,197,94,.15)}.total-label{font-size:var(--font-size-sm);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary)}.total-amount{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:var(--font-bold);color:var(--primary-700);line-height:1.1}.total-donors{font-size:var(--font-size-base);color:var(--text-secondary);font-weight:var(--font-medium)}.supporters-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-4)}.supporter-card{display:flex;align-items:center;gap:var(--spacing-4);padding:var(--spacing-5) var(--spacing-6);background:#fff;border-radius:var(--radius-2xl);border:1px solid rgba(0,0,0,.04);box-shadow:0 4px 20px #00000005;transition:all .4s cubic-bezier(.165,.84,.44,1);position:relative;overflow:hidden}.supporter-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #00000014;border-color:#22c55e33}.supporter-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--primary-500);opacity:0;transition:opacity .3s ease}.supporter-card:hover:before{opacity:1}.supporter-icon{font-size:1.4rem;flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--neutral-100);border-radius:var(--radius-full)}.supporter-info{flex:1;display:flex;flex-direction:column;min-width:0}.supporter-name{font-weight:var(--font-semibold);font-size:var(--font-size-base);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.supporter-date{font-size:var(--font-size-xs);color:var(--text-tertiary)}.supporter-amount{font-weight:var(--font-bold);font-size:var(--font-size-base);color:var(--primary-700);white-space:nowrap;flex-shrink:0}.supporters-note{text-align:center;margin-top:var(--spacing-10);font-size:var(--font-size-base);color:var(--text-secondary);font-weight:var(--font-medium)}.supporters-disclaimer{font-size:var(--font-size-xs);color:var(--text-tertiary);font-style:italic;margin-top:var(--spacing-2)}@media (max-width: 576px){.supporters-grid{grid-template-columns:1fr}.supporters-total{padding:var(--spacing-6)}.total-amount{font-size:2.2rem}}.haven2-teaser{position:relative;height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;overflow:hidden}.teaser-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background-image:url(/build-assets/ecohaven%20mark%20I%20v3-C4mvxQBB.jpg);background-size:cover;background-position:center;filter:blur(50px) brightness(.4);transform:scale(1.15);pointer-events:none;-webkit-user-select:none;user-select:none}.teaser-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#00000080,#000000b3);pointer-events:all}.teaser-content{position:relative;z-index:2;max-width:800px;padding:0 var(--spacing-6);animation:teaserFadeIn 1.2s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes teaserFadeIn{0%{opacity:0;transform:translateY(40px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.teaser-badge{display:inline-block;padding:8px 20px;background:#ffffff26;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.3);border-radius:9999px;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:2px;margin-bottom:24px}.teaser-title{font-size:clamp(3rem,10vw,7rem);font-weight:800;color:#fff;margin-bottom:16px;letter-spacing:-.04em;line-height:.9;text-shadow:0 10px 30px rgba(0,0,0,.5)}.teaser-subtitle{font-size:clamp(1.25rem,3vw,2rem);font-weight:500;opacity:.9;margin-bottom:32px}.teaser-divider{width:60px;height:4px;background:var(--primary-400);margin:0 auto 32px;border-radius:2px}.teaser-message{font-size:clamp(1rem,2vw,1.5rem);font-style:italic;opacity:.8;margin-bottom:48px;letter-spacing:.05em}.btn-outline-light{display:inline-flex;align-items:center;padding:14px 32px;border:2px solid rgba(255,255,255,.5);color:#fff;border-radius:9999px;text-decoration:none;font-weight:600;transition:all .3s ease}.btn-outline-light:hover{background:#fff;color:#000;border-color:#fff;transform:translateY(-2px)}