@font-face{font-family:Bender;src:url(/fonts/bender-webfont.woff2)format("woff2"),url(/fonts/bender-webfont.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Bender;src:url(/fonts/bender-italic-webfont.woff2)format("woff2"),url(/fonts/bender-italic-webfont.woff)format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Bender;src:url(/fonts/bender-light-webfont.woff2)format("woff2"),url(/fonts/bender-light-webfont.woff)format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Bender;src:url(/fonts/bender-lightitalic-webfont.woff2)format("woff2"),url(/fonts/bender-lightitalic-webfont.woff)format("woff");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:Bender;src:url(/fonts/bender-bold-webfont.woff2)format("woff2"),url(/fonts/bender-bold-webfont.woff)format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Bender;src:url(/fonts/bender-bolditalic-webfont.woff2)format("woff2"),url(/fonts/bender-bolditalic-webfont.woff)format("woff");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:Bender;src:url(/fonts/bender-black-webfont.woff2)format("woff2"),url(/fonts/bender-black-webfont.woff)format("woff");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Bender;src:url(/fonts/bender-blackitalic-webfont.woff2)format("woff2"),url(/fonts/bender-blackitalic-webfont.woff)format("woff");font-weight:900;font-style:italic;font-display:swap}:root{--fs--1:clamp(.656414rem, calc(.750188rem + .5vw), .843961rem);--fs-0:clamp(.875rem, calc(1rem + .5vw), 1.125rem);--fs-1:clamp(1.16638rem, calc(1.333rem + .5vw), 1.49963rem);--fs-2:clamp(1.55478rem, calc(1.77689rem + .5vw), 1.999rem);--fs-3:clamp(2.07252rem, calc(2.36859rem + .5vw), 2.66467rem);--fs-4:clamp(2.76267rem, calc(3.15733rem + .5vw), 3.552rem);--fs-button:clamp(.875rem, calc(1rem + .2vw), 1rem);--fs-small:var(--fs--1);--fs-hero:clamp(2.5rem, 5vw + 1rem, 4.5rem);font-size:clamp(14px,1.5vw,18px)}body{color:#1a1a2e;font-family:Inter,Bender,Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;font-size:var(--fs-0);letter-spacing:-.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:1.65}h1,h2,h3,h4{margin:0 0 .5em;font-family:Space Grotesk,Bender,Segoe UI,sans-serif;font-weight:700}h1{font-size:var(--fs-4);letter-spacing:-.03em;line-height:1.1}h2{font-size:var(--fs-3);letter-spacing:-.02em;line-height:1.15}h3{font-size:var(--fs-2);letter-spacing:-.015em;line-height:1.2}h4{font-size:var(--fs-1);letter-spacing:-.01em;line-height:1.3}p{margin:0 0 1em}small{font-size:var(--fs-small);letter-spacing:.01em;line-height:1.4}strong,b{font-weight:700}button,.btn{font-family:Space Grotesk,Bender,Segoe UI,sans-serif;font-size:var(--fs-button);letter-spacing:.02em;text-transform:uppercase;font-weight:600}section{width:100%;overflow:hidden}section.about-hero{text-align:center;justify-content:center;align-items:center;min-height:55vh;padding:6rem 3rem;display:flex;position:relative;overflow:hidden}section.about-hero .about-hero-bg{z-index:0;background:radial-gradient(80% 60% at 50% 40%,#110a2e 0%,#060818 60%,#030510 100%);position:absolute;inset:0}section.about-hero .about-hero-cosmos{pointer-events:none;z-index:1;position:absolute;inset:0}section.about-hero .about-hero-cosmos .about-cosmos-grid{background-image:linear-gradient(#ffffff04 1px,#0000 1px),linear-gradient(90deg,#ffffff04 1px,#0000 1px);background-size:80px 80px;position:absolute;inset:0;mask-image:radial-gradient(70% 50%,#000 30%,#0000 80%)}section.about-hero .about-hero-cosmos .about-glow{filter:blur(80px);border-radius:50%;position:absolute}section.about-hero .about-hero-cosmos .about-glow.about-glow-purple{background:#6c2bd91f;width:400px;height:400px;animation:12s ease-in-out infinite alternate about-glow-drift;top:-10%;right:12%}section.about-hero .about-hero-cosmos .about-glow.about-glow-green{background:#8dc63f0f;width:250px;height:250px;animation:15s ease-in-out infinite alternate-reverse about-glow-drift;bottom:5%;left:10%}section.about-hero .about-hero-cosmos .about-ring{border:2px solid #6c2bd914;border-radius:50%;animation:22s linear infinite about-ring-spin;position:absolute;transform:rotateX(60deg)}section.about-hero .about-hero-cosmos .about-ring.about-ring-1{width:260px;height:260px;top:8%;right:10%}section.about-hero .about-hero-cosmos .about-ring.about-ring-2{border-color:#8dc63f0f;width:180px;height:180px;animation-duration:18s;animation-direction:reverse;bottom:15%;left:6%}section.about-hero .about-hero-particles{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}section.about-hero .about-hero-particles .particle{opacity:.15;border-radius:50%;position:absolute}section.about-hero .about-hero-particles .p1{background:#6c2bd9;width:200px;height:200px;animation:8s ease-in-out infinite float-particle;top:10%;left:5%}section.about-hero .about-hero-particles .p2{background:#8dc63f;width:120px;height:120px;animation:6s ease-in-out infinite reverse float-particle;top:60%;right:10%}section.about-hero .about-hero-particles .p3{background:#c4b5fd;width:80px;height:80px;animation:10s ease-in-out infinite float-particle;bottom:20%;left:25%}section.about-hero .about-hero-particles .p4{background:#8dc63f;width:60px;height:60px;animation:7s ease-in-out infinite reverse float-particle;top:30%;right:30%}section.about-hero .about-hero-particles .p5{background:#6c2bd9;width:150px;height:150px;animation:9s ease-in-out infinite float-particle;bottom:10%;right:5%}@keyframes float-particle{0%,to{transform:translate(0)scale(1)}25%{transform:translate(15px,-20px)scale(1.05)}50%{transform:translate(-10px,15px)scale(.95)}75%{transform:translate(20px,10px)scale(1.02)}}@keyframes about-glow-drift{0%{transform:translate(0)}to{transform:translate(20px,-15px)}}@keyframes about-ring-spin{0%{transform:rotateX(60deg)rotate(0)}to{transform:rotateX(60deg)rotate(360deg)}}section.about-hero .about-hero-badge{background:#8dc63f14;border:1px solid #8dc63f26;border-radius:9999px;align-items:center;gap:.5rem;margin-bottom:1rem;padding:6px 16px;display:inline-flex}section.about-hero .about-hero-badge .badge-pulse{background:#8dc63f;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite about-badge-pulse;box-shadow:0 0 8px #8dc63f99}section.about-hero .about-hero-badge .badge-label{letter-spacing:.12em;text-transform:uppercase;color:#8dc63f;font-family:Space Grotesk,sans-serif;font-size:.75rem;font-weight:600}@keyframes about-badge-pulse{0%,to{opacity:1;box-shadow:0 0 8px #8dc63f99}50%{opacity:.4;box-shadow:0 0 4px #8dc63f4d}}section.about-hero .about-hero-content{z-index:2;flex-direction:column;align-items:center;max-width:700px;display:flex;position:relative}section.about-hero .about-hero-content .heading{color:#fff;letter-spacing:-.02em;margin-bottom:1rem;font-family:Space Grotesk,sans-serif;font-size:clamp(2.5rem,5vw,4rem);line-height:1.1}section.about-hero .about-hero-content .hero-accent{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#8dc63f,#a3e635);-webkit-background-clip:text;background-clip:text}section.about-hero .about-hero-content .about-subtitle{color:#ffffff73;max-width:560px;font-size:1.1rem;line-height:1.7}@media (width<=768px){section.about-hero{min-height:45vh;padding:4rem 1rem}}section.identity{background:#fafafa}section.identity .identity-inner{align-items:flex-end;gap:3rem;display:flex}section.identity .identity-image{aspect-ratio:4/3;object-fit:cover;border-radius:20px;width:clamp(280px,40vw,520px);height:auto;box-shadow:0 10px 25px -3px #0000001a,0 4px 6px -4px #0000000d}section.identity .identity-text{flex-direction:column;flex:1;gap:1rem;display:flex}section.identity .identity-text h2{line-height:1.2}section.identity .identity-text .identity-details{gap:1.5rem;display:flex}section.identity .identity-text .identity-details p{color:#6b7280;flex:1;line-height:1.7}section.identity .identity-text .identity-details .identity-highlight{color:#1a1a2e;font-size:1.1rem;font-weight:600;line-height:1.8}section.misvis{background:#f3f4f6}section.misvis .misvis-inner{align-items:flex-start;gap:3rem;display:flex}section.misvis .misvis-text{flex-direction:column;flex:1;gap:1.5rem;display:flex}section.misvis .misvis-intro{color:#374151;max-width:560px;margin:0;font-size:1rem;line-height:1.6}section.misvis .misvis-cards{flex-direction:column;gap:1.5rem;display:flex}section.misvis .misvis-card{background:#fff;border-radius:20px;padding:2rem;transition:transform .4s cubic-bezier(.4,0,.2,1),box-shadow .4s;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #00000012,0 2px 4px -2px #0000000d}section.misvis .misvis-card:before{content:"";width:4px;height:100%;transition:width .4s;position:absolute;top:0;left:0}section.misvis .misvis-card:hover{transform:translateY(-6px)scale(1.01);box-shadow:0 16px 40px #0000001a}section.misvis .misvis-card:hover:before{width:6px}section.misvis .misvis-card .misvis-icon{opacity:.3;margin-bottom:.75rem}section.misvis .misvis-card h3{letter-spacing:.05em;text-transform:uppercase;margin-bottom:.5rem;font-family:Space Grotesk,sans-serif;font-size:1.2rem}section.misvis .misvis-card p{color:#6b7280;margin:0;line-height:1.7}section.misvis .misvis-card.mission-card:before{background:linear-gradient(135deg,#6c2bd9 0%,#8b5cf6 50%,#4c1d95 100%)}section.misvis .misvis-card.vision-card:before{background:linear-gradient(#8dc63f,#5f8c1f)}section.misvis .misvis-image{aspect-ratio:3/4;object-fit:cover;border-radius:20px;width:clamp(250px,35vw,420px);height:auto;box-shadow:0 10px 25px -3px #0000001a,0 4px 6px -4px #0000000d}section.purpose{background:#fafafa;flex-direction:column;align-items:center;gap:3rem;display:flex}section.purpose .purpose-intro{text-align:center;max-width:720px}section.purpose .purpose-intro h2{margin-bottom:.75rem}section.purpose .purpose-intro p{color:#6b7280;font-size:1.05rem;line-height:1.7}section.purpose .purpose-details{align-items:flex-start;gap:2rem;width:100%;display:flex}section.purpose .purpose-details .purpose-image{aspect-ratio:16/7;object-fit:cover;border-radius:20px;width:clamp(300px,55%,700px);height:auto;box-shadow:0 4px 6px -1px #00000012,0 2px 4px -2px #0000000d}section.purpose .purpose-details .purpose-text{flex-direction:column;flex:1;gap:1rem;display:flex}section.purpose .purpose-details .purpose-text p{color:#6b7280;line-height:1.7}section.purpose .purpose-details .purpose-text blockquote{color:#6c2bd9;border-left:3px solid #8dc63f;margin:0;padding-left:1.5rem;font-size:1.05rem;font-style:italic;font-weight:600;line-height:1.6}section.team{background:#f3f4f6;flex-direction:column;width:100%;display:flex}section.team .team-carousel{flex-direction:row;align-self:center;align-items:center;gap:2rem;width:90%;margin-top:1.5rem;display:flex}section.team .team-carousel .team-thumbnails{flex-direction:column;flex-shrink:0;gap:.75rem;display:flex}section.team .team-carousel .team-thumbnails .team-thumbnail{cursor:pointer;border-radius:20px;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}section.team .team-carousel .team-thumbnails .team-thumbnail .thumbnail-photo{object-fit:cover;filter:grayscale()brightness(.8);opacity:.5;border-radius:20px;width:72px;height:72px;transition:all .3s cubic-bezier(.4,0,.2,1);display:block}section.team .team-carousel .team-thumbnails .team-thumbnail:hover{transform:scale(1.08)}section.team .team-carousel .team-thumbnails .team-thumbnail:hover .thumbnail-photo{filter:grayscale(40%)brightness(.9);opacity:.7}section.team .team-carousel .team-thumbnails .team-thumbnail.active{transform:scale(1.08)}section.team .team-carousel .team-thumbnails .team-thumbnail.active .thumbnail-photo{filter:grayscale(0%)brightness();opacity:1;border:3px solid #6c2bd9;box-shadow:0 4px 15px #6c2bd933}section.team .team-carousel .team-spotlight{flex-direction:row;flex:1;align-items:flex-start;gap:2rem;min-height:400px;display:flex}section.team .team-carousel .team-spotlight .spotlight-image{flex-shrink:0}section.team .team-carousel .team-spotlight .spotlight-image .main-photo{object-fit:cover;border-radius:20px;width:300px;height:400px;transition:all .3s cubic-bezier(.4,0,.2,1);display:block;box-shadow:0 20px 50px -12px #00000026}section.team .team-carousel .team-spotlight .spotlight-details{flex-direction:column;flex:1;gap:.75rem;padding-top:.75rem;display:flex}section.team .team-carousel .team-spotlight .spotlight-details .spotlight-name{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#6c2bd9 0%,#ec4899 100%);-webkit-background-clip:text;background-clip:text;margin:0;font-size:2rem;font-weight:700;line-height:1.2}section.team .team-carousel .team-spotlight .spotlight-details .spotlight-role{color:#6b7280;text-transform:uppercase;letter-spacing:.1em;margin:0;font-family:Space Grotesk,sans-serif;font-size:.85rem;font-weight:600}section.team .team-carousel .team-spotlight .spotlight-details .spotlight-bio{color:#374151;margin:0;font-size:1rem;line-height:1.7}section.team .team-carousel .team-spotlight .spotlight-details .social-links{flex-flow:wrap;gap:.5rem;margin-top:.5rem;display:flex}section.team .team-carousel .team-spotlight .spotlight-details .social-links a{color:#6c2bd9;text-transform:capitalize;border:2px solid #6c2bd933;border-radius:12px;padding:.5rem 1rem;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}section.team .team-carousel .team-spotlight .spotlight-details .social-links a:hover{color:#fff;background-color:#6c2bd9;border-color:#6c2bd9;transform:translateY(-2px);box-shadow:0 4px 12px #6c2bd933}@media (width<=1024px){section.identity .identity-inner,section.misvis .misvis-inner{gap:1.5rem}}@media (width<=768px){section.team .team-carousel{flex-direction:column;align-items:center}section.team .team-carousel .team-thumbnails{flex-flow:wrap;justify-content:center}section.team .team-carousel .team-spotlight{text-align:center;flex-direction:column;align-items:center}section.team .team-carousel .team-spotlight .spotlight-details{align-items:center;padding-top:0}section.team .team-carousel .team-spotlight .spotlight-details .social-links{justify-content:center}}@media (width<=480px){section.identity .identity-inner{flex-direction:column}section.identity .identity-inner .identity-image{width:100%}section.identity .identity-inner .identity-text .identity-details,section.misvis .misvis-inner{flex-direction:column}section.misvis .misvis-inner .misvis-image{aspect-ratio:16/9;width:100%}section.purpose .purpose-details{flex-direction:column}section.team .team-carousel .team-spotlight .spotlight-image .main-photo{width:220px;height:280px}section.team .team-carousel .team-spotlight .spotlight-details .spotlight-name{font-size:1.5rem}}
