- Scan ID:
- 5635a111-de91-441e-81cd-0299edc554f5Finished
- Submitted URL:
- https://staging.hackcanada.org/
- Report Finished:
Links · 4 found
The outgoing links identified from the page
| Link | Text |
|---|---|
| https://discord.gg/wp42amwcWy | discord.gg page for Hack Canada |
| https://www.instagram.com/hackathoncanada/ | www.instagram.com page for Hack Canada |
| https://www.linkedin.com/company/hackathonscanada/ | www.linkedin.com page for Hack Canada |
| https://hackathonscanada.com | Hackathons Canada |
JavaScript Variables · 10 found
Global JavaScript variables loaded on the window object of a page, are variables declared outside of functions and accessible from anywhere in the code within the current scope
| Name | Type |
|---|---|
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| Astro | object |
| gsapVersions | object |
| _gsap | object |
| _scrollTop | function |
| _scrollLeft | function |
| lenisVersion | string |
| handleScrollToSection | function |
Console log messages · 0 found
Messages logged to the web console
HTML
The raw HTML body of the page
<!DOCTYPE html><html lang="en" class="lenis"><head><meta charset="utf-8"><meta content="width=device-width,initial-scale=1" name="viewport"><meta content="Astro v4.16.2" name="generator"><title>HackCanada</title><meta content="HackCanada" name="title"><meta content="Premier Event Hosted by Hackathons Canada the biggest hacker community in canada of 3000+ hackers" name="description"><link href="https://staging.hackcanada.org" rel="canonical"><meta content="HackCanada" property="og:title"><meta content="Premier Event Hosted by Hackathons Canada the biggest hacker community in canada of 3000+ hackers" property="og:description"><meta content="https://staging.hackcanada.org" property="og:url"><meta content="HackCanada" property="og:site_name"><meta content="image/png" property="og:image:type"><meta content="1200" property="og:image:width"><meta content="600" property="og:image:height"><meta content="https://staging.hackcanada.org/opengraph-image.png" property="og:image"><meta content="website" property="og:type"><meta content="summary_large_image" name="twitter:card"><meta content="@hackcanada" name="twitter:site"><meta content="@hackcanada" name="twitter:creator"><meta content="HackCanada" name="twitter:title"><meta content="Premier Event Hosted by Hackathons Canada the biggest hacker community in canada of 3000+ hackers" name="twitter:description"><meta content="image/png" name="twitter:image:type"><meta content="1200" name="twitter:image:width"><meta content="600" name="twitter:image:height"><meta content="https://staging.hackcanada.org/opengraph-image.png" name="twitter:image"><link href="/favicon.svg" rel="icon" type="image/svg+xml"><link href="/fonts/temp_content.woff2" rel="preload" type="font/woff2" as="font" crossorigin=""><link href="/fonts/temp_heading.woff2" rel="preload" type="font/woff2" as="font" crossorigin=""><link href="/_astro/index.DGzruaUc.css" rel="stylesheet"><style>.waves[data-astro-cid-jnwtmk7x]{position:relative;width:100%;height:15vh;margin-bottom:-7px;min-height:100px;max-height:150px}.parallax[data-astro-cid-jnwtmk7x]>use[data-astro-cid-jnwtmk7x]{animation:move-forever 20s cubic-bezier(.55,.5,.45,.5) infinite}.parallax[data-astro-cid-jnwtmk7x]>use[data-astro-cid-jnwtmk7x]:first-child{animation-delay:-2s;animation-duration:7s}.parallax[data-astro-cid-jnwtmk7x]>use[data-astro-cid-jnwtmk7x]:nth-child(2){animation-delay:-3s;animation-duration:10s}@keyframes move-forever{0%{transform:translate3d(90px,0,0)}to{transform:translate3d(-85px,0,0)}}@media (max-width:768px){.waves[data-astro-cid-jnwtmk7x]{height:40px;min-height:40px}}.sponsor-card[data-astro-cid-k3xr4bkt]{transform:translateZ(0);will-change:transform}</style><script src="/_astro/hoisted.Cn9agJm7.js" type="module"></script><script src="/_astro/page.P6sXn-Xg.js" type="module"></script></head><body style=""><header class="w-full left-0 top-0 fixed opacity-0 h-20 mt-4 navbar-animation px-6 right-0 sm:mt-6 z-50" data-astro-cid-jp2pq5zm="" style="translate: none; rotate: none; scale: none; opacity: 1; transform: translate(0px, 0px);"><nav class="text-center pb-2 backdrop-blur-md bg-gradient-to-br border-[0.5px] border-t border-white flex from-white/50 items-center justify-between lg:px-10 max-sm:flex-col max-sm:px-6 max-w-6xl md:px-6 mx-auto navbar-bg pt-2.5 px-4 rounded-[1.8em] sm:px-6 text-black to-white/30" data-astro-cid-jp2pq5zm=""><div class="w-full items-center flex gap-8 max-lg:justify-between" data-astro-cid-jp2pq5zm=""><a href="/" class="logo-animation" data-astro-cid-jp2pq5zm="" style="translate: none; rotate: none; scale: none; opacity: 1; transform: translate(0px, 0px);"><img alt="logo" decoding="async" height="48" loading="lazy" src="/logo-v1.webp" width="48" class="select-none object-contain max-sm:size-10 sm:size-12" data-astro-cid-jp2pq5zm=""> </a><button class="relative flex items-center justify-center focus:outline-none h-8 sm:hidden w-8" data-astro-cid-jp2pq5zm="" id="dropdownToggle"><div class="absolute rounded-full bg-black duration-500 ease-in-out h-[3px] menu-line transition w-6 top-1/3" data-astro-cid-jp2pq5zm=""></div><div class="absolute rounded-full bg-black duration-500 ease-in-out h-[3px] menu-line transition w-6 top-2/3" data-astro-cid-jp2pq5zm=""></div></button><ul class="gap-8 flex items-center max-sm:hidden" data-astro-cid-jp2pq5zm=""><li class="relative font-bold group nav-link-animation" data-astro-cid-jp2pq5zm="" style="--index: 0; translate: none; rotate: none; scale: none; opacity: 1; transform: translate(0px, 0px);"><button class="relative overflow-hidden xl:text-lg" data-astro-cid-jp2pq5zm="" onclick="window.handleScrollToSection("aboutSection")">About <span class="absolute rounded-full bg-black bottom-0 duration-300 group-hover:scale-x-100 h-0.5 left-0 origin-left scale-x-0 transform transition-transform w-full" data-astro-cid-jp2pq5zm=""></span></button></li><li class="relative font-bold group nav-link-animation" data-astro-cid-jp2pq5zm="" style="--index: 1; translate: none; rotate: none; scale: none; opacity: 1; transform: translate(0px, 0px);"><button class="relative overflow-hidden xl:text-lg" data-astro-cid-jp2pq5zm="" onclick="window.handleScrollToSection("locationInfoSection")">Venue <span class="absolute rounded-full bg-black bottom-0 duration-300 group-hover:scale-x-100 h-0.5 left-0 origin-left scale-x-0 transform transition-transform w-full" data-astro-cid-jp2pq5zm=""></span></button></li><li class="relative font-bold group nav-link-animation" data-astro-cid-jp2pq5zm="" style="--index: 2; translate: none; rotate: none; scale: none; opacity: 1; transform: translate(0px, 0px);"><button class="relative overflow-hidden xl:text-lg" data-astro-cid-jp2pq5zm="" onclick="window.handleScrollToSection("sponsorSection")">Sponsors <span class="absolute rounded-full bg-black bottom-0 duration-300 group-hover:scale-x-100 h-0.5 left-0 origin-left scale-x-0 transform transition-transform w-full" data-astro-cid-jp2pq5zm=""></span></button></li><li class="relative font-bold group nav-link-animation" data-astro-cid-jp2pq5zm="" style="--index: 3; translate: none; rotate: none; scale: none; opacity: 1; transform: translate(0px, 0px);"><button class="relative overflow-hidden xl:text-lg" data-astro-cid-jp2pq5zm="" onclick="window.handleScrollToSection("faqsSection")">FAQs <span class="absolute rounded-full bg-black bottom-0 duration-300 group-hover:scale-x-100 h-0.5 left-0 origin-left scale-x-0 transform transition-transform w-full" data-astro-cid-jp2pq5zm=""></span></button></li><li class="relative font-bold group nav-link-animation" data-astro-cid-jp2pq5zm="" style="--index: 4; translate: none; rotate: none; scale: none; opacity: 1; transform: translate(0px, 0px);"><button class="relative overflow-hidden xl:text-lg" data-astro-cid-jp2pq5zm="" onclick="window.handleScrollToSection("teamsSection")">Team <span class="absolute rounded-full bg-black bottom-0 duration-300 group-hover:scale-x-100 h-0.5 left-0 origin-left scale-x-0 transform transition-transform w-full" data-astro-cid-jp2pq5zm=""></span></button></li></ul></div><ul class="shrink-0 flex gap-8 items-center max-lg:hidden" data-astro-cid-jp2pq5zm=""><li class="social-icon-animation" data-astro-cid-jp2pq5zm="" style="--index: 0; translate: none; rotate: none; scale: none; opacity: 1; transform: translate(0px, 0px);"><a href="https://discord.gg/wp42amwcWy" class="relative text-slate-600 duration-300 hover:scale-110 transition-transform" target="_blank" rel="noopener noreferrer" aria-label="discord.gg page for Hack Canada" data-astro-cid-jp2pq5zm=""><span data-astro-cid-jp2pq5zm=""><svg class="duration-300 transition-transform hover:scale-110 size-8 xl:size-9" viewBox="0 0 50 50" xmlns="http://www.w3.org/2000/svg" height="40" width="40" fill="#07152e" stroke="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"><path d="M41.6 10.8A22 22 0 0031.1 7a1 1 0 00-1 .6l-.3.8a26 26 0 018.8 3.2 1 1 0 11-1 1.7 25.8 25.8 0 00-25.1 0 1 1 0 01-1-1.7 26 26 0 018.7-3.2l-.3-.8a1 1 0 00-1-.6 22 22 0 00-10.6 3.8 45.4 45.4 0 00-6.2 23.7c3 5.1 10.9 6.4 12.7 6.5.3 0 .6-.2.8-.4l1.8-2.5a15.1 15.1 0 01-7.5-3.6 1 1 0 011.3-1.5s4.7 4 13.8 4 13.8-4 13.8-4a1 1 0 011.3 1.5 15.1 15.1 0 01-7.5 3.6l1.8 2.5c.2.2.5.4.8.4 1.8-.1 9.8-1.4 12.8-6.5A45 45 0 0041.6 10.8zM18.5 30a3.5 3.5 0 110-7 3.5 3.5 0 010 7zm13 0a3.5 3.5 0 110-7 3.5 3.5 0 010 7z"></path></svg></span></a></li><li class="social-icon-animation" data-astro-cid-jp2pq5zm="" style="--index: 1; translate: none; rotate: none; scale: none; opacity: 1.0359; transform: translate3d(0px, 0px, 0px) scale(1.0359, 1.0359);"><a href="https://www.instagram.com/hackathoncanada/" class="relative text-slate-600 duration-300 hover:scale-110 transition-transform" target="_blank" rel="noopener noreferrer" aria-label="www.instagram.com page for Hack Canada" data-astro-cid-jp2pq5zm=""><span data-astro-cid-jp2pq5zm=""><svg class="duration-300 transition-transform hover:scale-110 size-8 xl:size-9" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" height="40" width="40" fill="none" stroke="#07152e" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M16 11.4A4 4 0 1 1 12.6 8a4 4 0 0 1 3.4 3.4zm1.5-4.9h.01M7 2h10a5 5 0 0 1 5 5v10a5 5 0 0 1-5 5H7a5 5 0 0 1-5-5V7a5 5 0 0 1 5-5z"></path></svg></span></a></li><li class="social-icon-animation" data-astro-cid-jp2pq5zm="" style="--index: 2; translate: none; rotate: none; scale: none; opacity: 1.096; transform: translate3d(0px, 0px, 0px) scale(1.096, 1.096);"><a href="https://www.linkedin.com/company/hackathonscanada/" class="relative text-slate-600 duration-300 hover:scale-110 transition-transform" target="_blank" rel="noopener noreferrer" aria-label="www.linkedin.com page for Hack Canada" data-astro-cid-jp2pq5zm=""><span data-astro-cid-jp2pq5zm=""><svg class="duration-300 transition-transform hover:scale-110 size-8 xl:size-9" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" height="40" width="40" fill="none" stroke="#07152e" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6zM2 9h4v12H2z M4 6a2 2 0 1 1 0-4 2 2 0 0 1 0 4z"></path></svg></span></a></li><li class="social-icon-animation" data-astro-cid-jp2pq5zm="" style="--index: 3; translate: none; rotate: none; scale: none; opacity: 1.0523; transform: translate3d(0px, 0px, 0px) scale(1.0523, 1.0523);"><a href="mailto:[email protected]" class="relative text-slate-600 duration-300 hover:scale-110 transition-transform" target="_blank" rel="noopener noreferrer" aria-label=" page for Hack Canada" data-astro-cid-jp2pq5zm=""><span data-astro-cid-jp2pq5zm=""><svg class="duration-300 transition-transform hover:scale-110 size-8 xl:size-9" viewBox="0 0 50 50" xmlns="http://www.w3.org/2000/svg" height="40" width="40" fill="#07152e" stroke="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"><path d="M12 23V10L9 8C7 7 5 8 4 9s-2 2-2 4v3l10 7zm26 0 10-7v-4c0-1-1-3-2-4s-3-2-5-1l-3 2v14zm-24 2 10 8h2l10-8V12l-11 8-11-8v13zm24 1v15c0 1 0 1 1 1h7c1 0 2-1 2-3V19l-10 7zm-26 0L2 19v21c0 2 1 3 3 3h6c1 0 1-1 1-1V26z"></path></svg></span></a></li></ul><div class="w-full hidden dropdown py-4 sm:hidden" data-astro-cid-jp2pq5zm="" id="mobileDropdown"><ul class="text-center flex flex-col gap-y-2.5 pb-4 pt-2" data-astro-cid-jp2pq5zm=""><li class="text-lg font-semibold navlink pb-1.5 pt-2" data-astro-cid-jp2pq5zm=""><button class="w-full h-full" data-astro-cid-jp2pq5zm="" onclick="window.handleScrollToSection("aboutSection")">About</button></li><li class="text-lg font-semibold navlink pb-1.5 pt-2" data-astro-cid-jp2pq5zm=""><button class="w-full h-full" data-astro-cid-jp2pq5zm="" onclick="window.handleScrollToSection("locationInfoSection")">Venue</button></li><li class="text-lg font-semibold navlink pb-1.5 pt-2" data-astro-cid-jp2pq5zm=""><button class="w-full h-full" data-astro-cid-jp2pq5zm="" onclick="window.handleScrollToSection("sponsorSection")">Sponsors</button></li><li class="text-lg font-semibold navlink pb-1.5 pt-2" data-astro-cid-jp2pq5zm=""><button class="w-full h-full" data-astro-cid-jp2pq5zm="" onclick="window.handleScrollToSection("faqsSection")">FAQs</button></li><li class="text-lg font-semibold navlink pb-1.5 pt-2" data-astro-cid-jp2pq5zm=""><button class="w-full h-full" data-astro-cid-jp2pq5zm="" onclick="window.handleScrollToSection("teamsSection")">Team</button></li></ul><ul class="gap-6 flex items-center justify-center px-4 py-2 rounded-xl socialContainer" data-astro-cid-jp2pq5zm=""><li class="shrink-0" data-astro-cid-jp2pq5zm=""><a href="https://discord.gg/wp42amwcWy" class="relative text-slate-600 duration-300 hover:scale-110 transition-transform" target="_blank" rel="noopener noreferrer" aria-label="discord.gg page for Hack Canada" data-astro-cid-jp2pq5zm=""><span data-astro-cid-jp2pq5zm=""><svg class="duration-300 transition-transform hover:scale-110 size-8 socialLink" viewBox="0 0 50 50" xmlns="http://www.w3.org/2000/svg" height="40" width="40" fill="#07152e" stroke="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"><path d="M41.6 10.8A22 22 0 0031.1 7a1 1 0 00-1 .6l-.3.8a26 26 0 018.8 3.2 1 1 0 11-1 1.7 25.8 25.8 0 00-25.1 0 1 1 0 01-1-1.7 26 26 0 018.7-3.2l-.3-.8a1 1 0 00-1-.6 22 22 0 00-10.6 3.8 45.4 45.4 0 00-6.2 23.7c3 5.1 10.9 6.4 12.7 6.5.3 0 .6-.2.8-.4l1.8-2.5a15.1 15.1 0 01-7.5-3.6 1 1 0 011.3-1.5s4.7 4 13.8 4 13.8-4 13.8-4a1 1 0 011.3 1.5 15.1 15.1 0 01-7.5 3.6l1.8 2.5c.2.2.5.4.8.4 1.8-.1 9.8-1.4 12.8-6.5A45 45 0 0041.6 10.8zM18.5 30a3.5 3.5 0 110-7 3.5 3.5 0 010 7zm13 0a3.5 3.5 0 110-7 3.5 3.5 0 010 7z"></path></svg></span></a></li><li class="shrink-0" data-astro-cid-jp2pq5zm=""><a href="https://www.instagram.com/hackathoncanada/" class="relative text-slate-600 duration-300 hover:scale-110 transition-transform" target="_blank" rel="noopener noreferrer" aria-label="www.instagram.com page for Hack Canada" data-astro-cid-jp2pq5zm=""><span data-astro-cid-jp2pq5zm=""><svg class="duration-300 transition-transform hover:scale-110 size-8 socialLink" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" height="40" width="40" fill="none" stroke="#07152e" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M16 11.4A4 4 0 1 1 12.6 8a4 4 0 0 1 3.4 3.4zm1.5-4.9h.01M7 2h10a5 5 0 0 1 5 5v10a5 5 0 0 1-5 5H7a5 5 0 0 1-5-5V7a5 5 0 0 1 5-5z"></path></svg></span></a></li><li class="shrink-0" data-astro-cid-jp2pq5zm=""><a href="https://www.linkedin.com/company/hackathonscanada/" class="relative text-slate-600 duration-300 hover:scale-110 transition-transform" target="_blank" rel="noopener noreferrer" aria-label="www.linkedin.com page for Hack Canada" data-astro-cid-jp2pq5zm=""><span data-astro-cid-jp2pq5zm=""><svg class="duration-300 transition-transform hover:scale-110 size-8 socialLink" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" height="40" width="40" fill="none" stroke="#07152e" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6zM2 9h4v12H2z M4 6a2 2 0 1 1 0-4 2 2 0 0 1 0 4z"></path></svg></span></a></li><li class="shrink-0" data-astro-cid-jp2pq5zm=""><a href="mailto:[email protected]" class="relative text-slate-600 duration-300 hover:scale-110 transition-transform" target="_blank" rel="noopener noreferrer" aria-label=" page for Hack Canada" data-astro-cid-jp2pq5zm=""><span data-astro-cid-jp2pq5zm=""><svg class="duration-300 transition-transform hover:scale-110 size-8 socialLink" viewBox="0 0 50 50" xmlns="http://www.w3.org/2000/svg" height="40" width="40" fill="#07152e" stroke="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"><path d="M12 23V10L9 8C7 7 5 8 4 9s-2 2-2 4v3l10 7zm26 0 10-7v-4c0-1-1-3-2-4s-3-2-5-1l-3 2v14zm-24 2 10 8h2l10-8V12l-11 8-11-8v13zm24 1v15c0 1 0 1 1 1h7c1 0 2-1 2-3V19l-10 7zm-26 0L2 19v21c0 2 1 3 3 3h6c1 0 1-1 1-1V26z"></path></svg></span></a></li></ul></div></nav></header><div class="bg-slate-100 flex flex-col min-h-svh"><main class="overflow-hidden"><div class="absolute w-full left-0 h-full pointer-events-none top-0 overflow-hidden" id="sledgeContainer"><div class="absolute select-none -left-80 w-80 z-10" id="sledge" style="translate: none; rotate: none; scale: none; transform-origin: 0% 75%; opacity: 0.5163; transform: translate3d(51.6263%, 180.9px, 0px);"><img alt="Beaver riding on a sledge" decoding="async" height="320" loading="lazy" src="/hero-beaver-sledge.svg" width="320" style="width:100%;height:auto;opacity:1"></div></div><section class="w-full relative flex flex-col overflow-hidden justify-center min-h-screen" id="heroSection" aria-label="Hero Section"><div class="relative flex items-center justify-center container flex-col md:items-end md:pr-40 z-10"><h1 class="text-center heading-font animate-fade-up animation-delay-100 hero-heading lg:text-8xl md:text-8xl md:text-right opacity-0 text-7xl">Hack Canada</h1><div class="text-center animate-fade-up md:text-right opacity-0 animation-delay-300 font-black hover:prose-a:underline mt-4 prose prose-a:no-underline prose-a:text-blue-700 text-xl tracking-tighter uppercase">Feb 30-32, 2025 | In-Person Event</div><div class="animation-delay-500 animate-fade-up mt-6 opacity-0 w-auto"><a href="/" class="rounded-full items-center justify-center text-white bg-blue-950 disabled:opacity-50 disabled:pointer-events-none duration-300 ease-in-out font-medium h-11 hover:bg-blue-950/95 hover:shadow-lg inline-flex px-8 text-sm transform transition-all">Hacker Application</a></div></div><canvas aria-hidden="true" class="absolute w-full left-0 h-full pointer-events-none top-0" id="snowfall" width="800" height="600"></canvas><script>!function(){const t="#ffffff",i=document.getElementById("snowfall");if(i instanceof HTMLCanvasElement){const n=i.getContext("2d");if(n){i.width=window.innerWidth,i.height=window.innerHeight;const e=[];let o,a=0,d=0,h=!1;for(let t=0;t<200;t++)e.push({x:Math.random()*i.width,y:Math.random()*i.height,radius:3*Math.random()+1,speed:1.3*Math.random()+.5,vx:0,vy:0,opacity:0,targetOpacity:.5*Math.random()+.3});!function o(){n.clearRect(0,0,i.width,i.height);for(const i of e)n.beginPath(),n.arc(i.x,i.y,i.radius,0,2*Math.PI,!0),n.fillStyle=`rgba(${parseInt(t.slice(1,3),16)}, ${parseInt(t.slice(3,5),16)}, ${parseInt(t.slice(5,7),16)}, ${i.opacity})`,n.fill();!function(){for(const t of e){if(t.opacity<t.targetOpacity&&(t.opacity+=.05),h){const i=a-t.x,n=d-t.y,e=Math.sqrt(i*i+n*n),o=80;if(e<o){const a=(o-e)/o;t.vx+=i/e*a*.5,t.vy+=n/e*a*.5}}t.x+=t.vx,t.y+=t.vy,t.vx*=.98,t.vy*=.98,t.y+=1.3*t.speed,t.x+=1*Math.sin(.01*t.y),t.x<0&&(t.x=i.width),t.x>i.width&&(t.x=0),t.y>i.height&&(t.x=Math.random()*i.width,t.y=-5,t.opacity=0)}}(),requestAnimationFrame(o)}(),window.addEventListener("resize",(function(){i.width=window.innerWidth,i.height=window.innerHeight})),window.addEventListener("mousemove",(function(t){a=t.clientX,d=t.clientY,h=!0,o&&clearTimeout(o),o=setTimeout((()=>{h=!1}),100)}))}}}()</script><div class="absolute w-full left-0 bottom-0 h-[15vh] overflow-hidden right-0 sm:h-[30vh]"><svg class="absolute w-full bottom-0 h-full max-h-full max-w-full right-0" viewBox="0 0 550 220" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none"><path d="M0 217c3-2 137-68 163-81 26-13 55-25 75-35 40-20 115-50 175-70C464 16 516 5 550 0v220H0z" fill="#EDF2F8"></path></svg> <svg class="absolute w-full left-0 bottom-0 h-full max-h-full max-w-full" viewBox="0 0 875 200" xmlns="http://www.w3.org/2000/svg" height="200" width="875" preserveAspectRatio="none"><path d="M0 1C50 1 100 0 150 1s100 3 150 7 100 12 150 24 100 29 150 50 100 46 150 65 100 32 124 32" fill="none" id="sledgeMotionPath" stroke="white" stroke-width="2"></path><path d="M0 1C50 1 100 0 150 1s100 3 150 7 100 12 150 24 100 29 150 50 100 46 150 65 100 32 124 32v20H0Z" fill="white"></path></svg></div></section><section class="w-full relative overflow-hidden lg:px-16 md:px-6 pt-20 sm:px-4 h-svh max-h-[1400px] min-h-[750px]" id="aboutSection"><div class="relative mx-auto container px-4 z-10" role="region" aria-labelledby="about-heading"><h2 class="md:text-7xl font-bold heading-font py-6 text-6xl about-heading-text opacity-0" id="about-heading" style="translate: none; rotate: none; scale: none; transform: translate(0px, 50px); opacity: 0;">Who Are We?</h2><div class="space-y-6 max-w-3xl"><div class="hover:prose-a:underline prose prose-a:no-underline prose-a:text-blue-700 text-xl opacity-0 about-paragraph" style="translate: none; rotate: none; scale: none; transform: translate(0px, 30px); opacity: 0;">Hack Canada is the premier event organized by <a href="https://hackathonscanada.com">Hackathons Canada</a>. It's where the brightest minds gather to push the limits of innovation—because who needs sleep when you have code to write? Expect 36 hours of creativity, collaboration, and the occasional 'I-just-fixed-it' dance.</div><div class="hover:prose-a:underline prose prose-a:no-underline prose-a:text-blue-700 text-xl opacity-0 about-paragraph" style="translate: none; rotate: none; scale: none; transform: translate(0px, 30px); opacity: 0;">At Hack Canada, our motto is simple: have fun, make something awesome, and maybe even catch a nap between all the brilliance.</div></div></div><div class="absolute w-full left-0 bottom-0 about-sea h-72 opacity-0" style="translate: none; rotate: none; scale: none; transform: translate(0px, 100px); opacity: 0;"><div class="absolute inset-0 bg-gradient-to-b from-blue-400 to-[#aad6fa]"></div><div class="absolute to-transparent backdrop-blur-md bg-gradient-to-b from-[#aad6fa] h-3 inset-x-0 top-0"></div></div><div class="absolute select-none opacity-0 -bottom-4 -right-32 about-glacier-1 max-w-[800px] md:w-full w-[100%]" style="translate: none; rotate: none; scale: none; transform: translate(0px, 100px); opacity: 0;"><img alt="Scenic glacier landscape" decoding="async" height="600" loading="lazy" src="/about/Scene.svg" width="800"></div><div class="absolute select-none opacity-0 -bottom-7 -left-48 1g:left-0 about-glacier-2 max-w-72 md:max-w-96 w-[70%]" style="translate: none; rotate: none; scale: none; transform: translate(0px, 100px); opacity: 0;"><img alt="Secondary glacier view" decoding="async" height="288" loading="lazy" src="/about/glacier2.svg" width="384"></div></section><section class="relative h-[1200px] pt-32" id="sponsorSection"><h2 class="text-center heading-font font-bold md:text-7xl py-6 text-6xl">Our Sponsors</h2><div class="w-full relative flex justify-center mt-20"><div class="w-full relative flex justify-between h-fit jar-container max-w-4xl"><div class="relative h-28 md:h-40 md:w-40 origin-center select-none w-28 z-0 -rotate-[135deg] jar-left" style="translate: none; rotate: none; scale: none; opacity: 0; transform: rotate(-135deg) scale(0.8, 0.8);"><div class="absolute -bottom-44 -z-10 h-[200px] rounded-tr-full w-[60px] -right-8"><svg class="h-[150px] jar-drip md:h-[200px] origin-top scale-y-0 w-[45px]" viewBox="0 0 43.5 250" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" version="1.1" style="translate: none; rotate: none; scale: none; opacity: 0; transform: scale(1, 0);"><path d="M0 6.3s11.4 108.4 8 236.4c0 .3.3.6.5.7 1.6.7 5-3 5.8-3.2 3-1.2 1.3 6 3.6 6.5s3.4-1.3 5.7-1.3c2.3 0 3.3 4.8 5.6 4.6 3.2-.3 2.3-8.2 4.5-11 1.6-2.2 4 4.6 6 3 .2 0 .4-.8.4-.8C56.4 93 9.5 0 9.5 0" fill="#fb923c"></path></svg></div><img alt="Left side of a decorative jar" decoding="async" height="160" loading="lazy" src="/sponsors/design/jarleft.svg" width="160" class="w-full"></div><div class="relative h-28 md:h-40 md:w-40 origin-center select-none w-28 z-0 jar-right rotate-[135deg]" style="translate: none; rotate: none; scale: none; opacity: 0; transform: rotate(135deg) scale(0.8, 0.8);"><div class="absolute -bottom-44 -z-10 h-[200px] rounded-tr-full w-[60px] -left-5"><svg class="h-[150px] jar-drip md:h-[200px] origin-top scale-y-0 w-[45px]" viewBox="0 0 43.5 250" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" version="1.1" style="translate: none; rotate: none; scale: none; opacity: 0; transform: scale(1, 0);"><path d="M44 6s-11 108-8 236c0 0-0 1-1 1-2 1-5-3-6-3-3-1-1 6-4 7-2 1-3-1-6-1-2 0-3 5-6 5-3-0-2-8-5-11-2-2-4 5-6 3-0 0-0-1-0-1C-13 93 34 0 34 0" fill="#fb923c"></path></svg></div><img alt="Right side of a decorative jar" decoding="async" height="160" loading="lazy" src="/sponsors/design/jarright.svg" width="160" class="w-full"></div></div><div class="absolute -translate-x-1/2 left-1/2 z-10 -translate-y-1/2 top-1/2"><p class="text-center mx-auto container max-w-xl md:text-2xl" data-key="0">Be a part of an extraordinary journey to host Canada's top hackathon.</p><p class="text-center mx-auto container max-w-xl md:text-2xl" data-key="1">Your contribution will be more valued than the richest maple syrup.</p></div></div><div class="relative md:mt-[160px] mt-[115px]"><div class="absolute -translate-x-1/2 left-1/2 bg-orange-400 h-80 max-w-4xl md:rounded-t-[80px] origin-top rounded-[3px] rounded-t-[50px] scale-y-0 shadow-2xl syrup-pool top-0 w-[90%]" style="translate: none; rotate: none; scale: none; opacity: 0; transform: translate(-50%, 0%) scale(1, 0);"><div class="absolute w-full syrup-wave h-fit top-[98%]"><svg class="w-full" viewBox="0 0 871.18 111.83" xmlns="http://www.w3.org/2000/svg" id="morphingSvg"><path d="M0 0s-3 81.5306665712681 49.077584913760255 86.1456099620946c57 4.614943390826496 49 -50.76437729909146 74 -56.14847792172237 15 -3.076628927217664 32 20.76724525871923 56 20.76724525871923s37 -16.921459099697152 58 -20.76724525871923c19 -3.076628927217664 18 56.14847792172237 54 56.14847792172237 31 0 32 -48.45690560367821 45 -56.14847792172237 8 -5.384100622630912 18 3.84578615902208 31 2.307471695413248 16 -2.307471695413248 16 -5.384100622630912 30 -7.69157231804416S418 46.918591140069374 433 47.68774837187379s15 -19.998088026914814 36 -18.459773563305983c20 1.538314463608832 -4 47.68774837187379 33 48.45690560367821 40 0.769157231804416 20 -35.38123266300313 40 -43.84196221285171 10 -3.84578615902208 20 28.45881757676339 45 27.689660344958973 29 -1.538314463608832 37 -31.535446503981056 55 -33.073760967589884 13 -1.538314463608832 28 16.921459099697152 48 16.152301867892735 28 -0.769157231804416 36 -23.843874185936894 52 -24.61303141774131 28 -1.538314463608832 18 54.61016345811353 66 55.37932068991795C844 76.9157231804416 871 3.076628927217664 871 3.076628927217664 " fill="#fb923c"></path></svg></div></div><div class="absolute flex flex-col items-center justify-center -translate-x-1/2 gap-5 h-32 left-1/2 opacity-0 scale-[0.85] sponsor-text top-[5rem] w-fit z-10" style="translate: none; rotate: none; scale: none; transform: translate(-50%, 0%) translate(0px, 20px) scale(0.85, 0.85); opacity: 0;"><span class="md:text-6xl heading-font text-3xl text-nowrap text-white">BECOME A SPONSOR </span><a href="mailto:[email protected]" class="rounded-full items-center justify-center relative active:scale-95 bg-yellow-200 disabled:opacity-50 disabled:pointer-events-none duration-300 font-bold group h-11 hover:bg-yellow-300 hover:scale-110 inline-flex overflow-hidden px-8 py-3 shadow-lg text-sm text-yellow-800 transform transition-all" id="sponsorButton"><div class="relative flex items-center space-x-2 z-10"><span><svg class="duration-300 ease-in-out transition-transform group-active:scale-90 group-hover:scale-125 h-5 w-5" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" height="20" width="20" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M10 15.5a2 2 0 0 0-1.5-1.4l-6.1-1.6a.5.5 0 0 1 0-1L8.5 10a2 2 0 0 0 1.4-1.4l1.6-6.1a.5.5 0 0 1 1 0l1.5 6a2 2 0 0 0 1.4 1.4l6.1 1.6a.5.5 0 0 1 0 1l-6 1.5a2 2 0 0 0-1.4 1.4l-1.6 6.1a.5.5 0 0 1-1 0zM20 3v4m2-2h-4M4 17v2m1-1H3"></path></svg></span><span class="duration-300 ease-in-out transition-transform group-active:scale-95 group-hover:scale-105">Get in Touch</span></div><div class="absolute inset-0 z-0"><div class="absolute rounded-full animate-ping bg-yellow-400 h-2 w-2 left-0 top-0"></div><div class="absolute rounded-full animate-ping bg-yellow-400 h-2 w-2 animation-delay-300 right-0 top-1/2"></div><div class="absolute rounded-full bottom-0 animate-ping animation-delay-700 bg-yellow-400 h-2 left-1/2 w-2"></div></div></a></div></div><img alt="Animated bee flying" decoding="async" height="300" loading="eager" src="/_astro/bee.AGqvbHEN_2cLY7M.webp" width="300" class="w-full left-0 top-0 pointer-events-none -translate-x-[80%] -translate-y-[80%] fixed h-auto max-w-[10rem] opacity-0 scale-0 select-none" id="bee"></section><section class="bg-[#fce6a9]"><div class="space-y-6 container p-6" data-astro-cid-k3xr4bkt=""><div class="flex items-center justify-center" data-astro-cid-k3xr4bkt=""><div class="text-center" data-astro-cid-k3xr4bkt=""><p class="text-2xl font-semibold mb-2 text-gray-700" data-astro-cid-k3xr4bkt="">🚀Sponsors to be announced Soon!🚀</p><div class="inline-block" data-astro-cid-k3xr4bkt=""><span class="dots-flow" data-astro-cid-k3xr4bkt=""></span></div></div></div></div></section><section class="w-full relative z-10 lg:px-16 md:px-6 min-h-svh overflow-hidden pb-32 pt-20 sm:px-4" id="faqsSection"><div class="absolute inset-0"><img alt="Flower 1" decoding="async" height="1" loading="lazy" src="/faq/flower-1.webp" width="1" class="absolute select-none faq-asset object-cover w-12 xl:w-16 animate-rotateSlow left-[5%] lg:left-[20%] md:top-64 sm:left-[15%] top-52 xl:left-1/2 xl:top-72"><img alt="Flower 2" decoding="async" height="1" loading="lazy" src="/faq/flower-2.webp" width="1" class="absolute select-none faq-asset object-cover w-12 xl:w-16 animate-float md:right-1/4 right-[10%] top-[600px] xl:left-40 xl:top-64"><img alt="Flower 3" decoding="async" height="1" loading="lazy" src="/faq/flower-2.webp" width="1" class="absolute select-none faq-asset object-cover w-12 xl:w-16 animate-float left-1/4 top-[1100px] xl:left-3/4 xl:top-[500px]"><img alt="Flower 4" decoding="async" height="1" loading="lazy" src="/faq/flower-1.webp" width="1" class="absolute select-none faq-asset object-cover w-12 xl:w-16 animate-rotateSlow left-2/3 top-[1650px] xl:left-[60%] xl:top-[825px]"><img alt="Butterfly" decoding="async" height="1" loading="lazy" src="/faq/butterfly.webp" width="1" class="absolute select-none faq-asset object-cover w-12 xl:w-16 animate-float lg:right-[15%] right-[5%] sm:top-[1050px] top-[1000px] xl:-translate-x-1/2 xl:left-1/3 xl:top-[600px]"><img alt="Butterfly 2" decoding="async" height="1" loading="lazy" src="/faq/butterfly-2.webp" width="1" class="absolute select-none faq-asset object-cover w-12 xl:w-16 animate-float -translate-x-1/2 bottom-[200px] left-[5%] sm:bottom-[100px] sm:left-[15%] xl:left-[40%] xl:top-[1000px]"></div><h2 class="text-center heading-font font-bold md:text-7xl py-6 text-6xl faq-heading-text" style="translate: none; rotate: none; scale: none; transform: translate(0px, 50px); opacity: 0;">Frequently Asked Questions</h2><div class="faq-categories gap-12 grid grid-cols-1 max-w-screen-2xl mx-auto px-4 xl:grid-cols-2"><div class="w-full relative h-fit bg-white/40 faq-category max-w-3xl mx-auto p-6 rounded-2xl" style="translate: none; rotate: none; scale: none; transform: translate(0px, 100px); opacity: 0;"><h3 class="text-lg mb-4 heading-font pb-2 text-center">General</h3><ul class="space-y-6"><li class="relative cursor-pointer bg-white/30 duration-300 faq-item group overflow-hidden p-4 rounded-xl transition-shadow General-faq" data-category="General" data-id="faq-0" style="translate: none; rotate: none; scale: none; transform: translate(0px, 10px); opacity: 0;"><button class="w-full cursor-pointer faq-question-container flex font-semibold gap-2.5 justify-between md:text-lg relative text-left"><span class="faq-question">What is Hack Canada?</span> <span class="text-lg faq-toggle md:text-xl">+</span></button><p class="w-full relative z-10 faq-answer hidden max-md:text-sm origin-bottom pt-4 text-slate-600">Hack Canada is a student-run hackathon where students from across the country gather to create, innovate, and learn new tech skills. Whether you're a coding expert or just getting started, everyone is welcome!</p></li><li class="relative cursor-pointer bg-white/30 duration-300 faq-item group overflow-hidden p-4 rounded-xl transition-shadow General-faq" data-category="General" data-id="faq-1" style="translate: none; rotate: none; scale: none; transform: translate(0px, 10px); opacity: 0;"><button class="w-full cursor-pointer faq-question-container flex font-semibold gap-2.5 justify-between md:text-lg relative text-left"><span class="faq-question">What is a hackathon?</span> <span class="text-lg faq-toggle md:text-xl">+</span></button><p class="w-full relative z-10 faq-answer hidden max-md:text-sm origin-bottom pt-4 text-slate-600">A hackathon is an event where people come together to build something awesome, usually over the course of a weekend. Teams collaborate on tech projects, and at the end, you get to show off what you've built. Think of it as a coding marathon—but with more snacks and less running.</p></li><li class="relative cursor-pointer bg-white/30 duration-300 faq-item group overflow-hidden p-4 rounded-xl transition-shadow General-faq" data-category="General" data-id="faq-2" style="translate: none; rotate: none; scale: none; transform: translate(0px, 10px); opacity: 0;"><button class="w-full cursor-pointer faq-question-container flex font-semibold gap-2.5 justify-between md:text-lg relative text-left"><span class="faq-question">What if I've never been to a hackathon before?</span> <span class="text-lg faq-toggle md:text-xl">+</span></button><p class="w-full relative z-10 faq-answer hidden max-md:text-sm origin-bottom pt-4 text-slate-600">Perfect! Hackathons are a great place to start. You'll learn a ton, meet cool people, and get plenty of help along the way. No experience needed—just bring your enthusiasm, and we'll help with the rest.</p></li><li class="relative cursor-pointer bg-white/30 duration-300 faq-item group overflow-hidden p-4 rounded-xl transition-shadow General-faq" data-category="General" data-id="faq-3" style="translate: none; rotate: none; scale: none; transform: translate(0px, 10px); opacity: 0;"><button class="w-full cursor-pointer faq-question-container flex font-semibold gap-2.5 justify-between md:text-lg relative text-left"><span class="faq-question">What if I don't know how to code?</span> <span class="text-lg faq-toggle md:text-xl">+</span></button><p class="w-full relative z-10 faq-answer hidden max-md:text-sm origin-bottom pt-4 text-slate-600">No problem! Hackathons are all about learning. Whether you want to start coding or explore other roles like design or project management, there's something for everyone. Plus, coding wizards will be around to help you conjure up some code magic.</p></li><li class="relative cursor-pointer bg-white/30 duration-300 faq-item group overflow-hidden p-4 rounded-xl transition-shadow General-faq" data-category="General" data-id="faq-4" style="translate: none; rotate: none; scale: none; transform: translate(0px, 10px); opacity: 0;"><button class="w-full cursor-pointer faq-question-container flex font-semibold gap-2.5 justify-between md:text-lg relative text-left"><span class="faq-question">What if I don't have a team?</span> <span class="text-lg faq-toggle md:text-xl">+</span></button><p class="w-full relative z-10 faq-answer hidden max-md:text-sm origin-bottom pt-4 text-slate-600">Don't worry! We'll have team-building activities to help you find your squad. If you're still solo, we'll pair you up with others in the same boat. Collaboration is the key to hackathons, and we'll make sure you're part of the fun.</p></li></ul></div><div class="w-full relative h-fit bg-white/40 faq-category max-w-3xl mx-auto p-6 rounded-2xl" style="translate: none; rotate: none; scale: none; transform: translate(0px, 100px); opacity: 0;"><h3 class="text-lg mb-4 heading-font pb-2 text-center">Registration</h3><ul class="space-y-6"><li class="relative cursor-pointer bg-white/30 duration-300 faq-item group overflow-hidden p-4 rounded-xl transition-shadow Registration-faq" data-category="Registration" data-id="faq-5" style="translate: none; rotate: none; scale: none; transform: translate(0px, 10px); opacity: 0;"><button class="w-full cursor-pointer faq-question-container flex font-semibold gap-2.5 justify-between md:text-lg relative text-left"><span class="faq-question">Who can participate?</span> <span class="text-lg faq-toggle md:text-xl">+</span></button><p class="w-full relative z-10 faq-answer hidden max-md:text-sm origin-bottom pt-4 text-slate-600">Any student, high school or above, is welcome to participate! Whether you're still in school or have recently graduated, this is your chance to shine. Bring your ideas and creativity—we'll provide the rest.</p></li><li class="relative cursor-pointer bg-white/30 duration-300 faq-item group overflow-hidden p-4 rounded-xl transition-shadow Registration-faq" data-category="Registration" data-id="faq-6" style="translate: none; rotate: none; scale: none; transform: translate(0px, 10px); opacity: 0;"><button class="w-full cursor-pointer faq-question-container flex font-semibold gap-2.5 justify-between md:text-lg relative text-left"><span class="faq-question">When do hacker applications open?</span> <span class="text-lg faq-toggle md:text-xl">+</span></button><p class="w-full relative z-10 faq-answer hidden max-md:text-sm origin-bottom pt-4 text-slate-600">Applications open soon! Keep an eye on our website and social media for announcements. And don't worry, no need for cosmic alignments—just stay tuned for the launch date!</p></li><li class="relative cursor-pointer bg-white/30 duration-300 faq-item group overflow-hidden p-4 rounded-xl transition-shadow Registration-faq" data-category="Registration" data-id="faq-7" style="translate: none; rotate: none; scale: none; transform: translate(0px, 10px); opacity: 0;"><button class="w-full cursor-pointer faq-question-container flex font-semibold gap-2.5 justify-between md:text-lg relative text-left"><span class="faq-question">How do I register?</span> <span class="text-lg faq-toggle md:text-xl">+</span></button><p class="w-full relative z-10 faq-answer hidden max-md:text-sm origin-bottom pt-4 text-slate-600">You can register on our website. All you'll need is some basic information and a government-issued ID to verify your eligibility. Easy, right?</p></li></ul></div><div class="w-full relative h-fit bg-white/40 faq-category max-w-3xl mx-auto p-6 rounded-2xl" style="translate: none; rotate: none; scale: none; transform: translate(0px, 100px); opacity: 0;"><h3 class="text-lg mb-4 heading-font pb-2 text-center">Logistics</h3><ul class="space-y-6"><li class="relative cursor-pointer bg-white/30 duration-300 faq-item group overflow-hidden p-4 rounded-xl transition-shadow Logistics-faq" data-category="Logistics" data-id="faq-8" style="translate: none; rotate: none; scale: none; transform: translate(0px, 10px); opacity: 0;"><button class="w-full cursor-pointer faq-question-container flex font-semibold gap-2.5 justify-between md:text-lg relative text-left"><span class="faq-question">How much does it cost to attend Hack Canada?</span> <span class="text-lg faq-toggle md:text-xl">+</span></button><p class="w-full relative z-10 faq-answer hidden max-md:text-sm origin-bottom pt-4 text-slate-600">It's completely free! All you need to bring is your energy and ideas. We've got everything else covered—food, swag, and plenty of caffeine!</p></li><li class="relative cursor-pointer bg-white/30 duration-300 faq-item group overflow-hidden p-4 rounded-xl transition-shadow Logistics-faq" data-category="Logistics" data-id="faq-9" style="translate: none; rotate: none; scale: none; transform: translate(0px, 10px); opacity: 0;"><button class="w-full cursor-pointer faq-question-container flex font-semibold gap-2.5 justify-between md:text-lg relative text-left"><span class="faq-question">What documents do I need to apply?</span> <span class="text-lg faq-toggle md:text-xl">+</span></button><p class="w-full relative z-10 faq-answer hidden max-md:text-sm origin-bottom pt-4 text-slate-600">All we need is a government-issued ID. No need to dig up obscure family records or ancient scrolls. Just something that proves you're you!</p></li><li class="relative cursor-pointer bg-white/30 duration-300 faq-item group overflow-hidden p-4 rounded-xl transition-shadow Logistics-faq" data-category="Logistics" data-id="faq-10" style="translate: none; rotate: none; scale: none; transform: translate(0px, 10px); opacity: 0;"><button class="w-full cursor-pointer faq-question-container flex font-semibold gap-2.5 justify-between md:text-lg relative text-left"><span class="faq-question">Will food be provided?</span> <span class="text-lg faq-toggle md:text-xl">+</span></button><p class="w-full relative z-10 faq-answer hidden max-md:text-sm origin-bottom pt-4 text-slate-600">Absolutely! We'll make sure you're well-fed throughout the event with a variety of meals and snacks. We've even got you covered for those late-night coding cravings!</p></li><li class="relative cursor-pointer bg-white/30 duration-300 faq-item group overflow-hidden p-4 rounded-xl transition-shadow Logistics-faq" data-category="Logistics" data-id="faq-11" style="translate: none; rotate: none; scale: none; transform: translate(0px, 10px); opacity: 0;"><button class="w-full cursor-pointer faq-question-container flex font-semibold gap-2.5 justify-between md:text-lg relative text-left"><span class="faq-question">What should I bring to the event?</span> <span class="text-lg faq-toggle md:text-xl">+</span></button><p class="w-full relative z-10 faq-answer hidden max-md:text-sm origin-bottom pt-4 text-slate-600">Bring your laptop, charger, and whatever gadgets you need to be productive. Don't forget a good pair of headphones and maybe a comfy hoodie for the long haul. Oh, and a thirst for innovation!</p></li></ul></div><div class="w-full relative h-fit bg-white/40 faq-category max-w-3xl mx-auto p-6 rounded-2xl" style="translate: none; rotate: none; scale: none; transform: translate(0px, 100px); opacity: 0;"><img alt="Flower 3" decoding="async" height="1" loading="lazy" src="/faq/flower-2.webp" width="1" class="absolute animate-rotateSlow -bottom-4 -right-4 md:-bottom-6 md:-right-6 md:w-14 w-10"><h3 class="text-lg mb-4 heading-font pb-2 text-center">Code of Conduct</h3><ul class="space-y-6"><li class="relative cursor-pointer bg-white/30 duration-300 faq-item group overflow-hidden p-4 rounded-xl transition-shadow Code Conduct-faq of" data-category="Code of Conduct" data-id="faq-12" style="translate: none; rotate: none; scale: none; transform: translate(0px, 10px); opacity: 0;"><button class="w-full cursor-pointer faq-question-container flex font-semibold gap-2.5 justify-between md:text-lg relative text-left"><span class="faq-question">What is the code of conduct?</span> <span class="text-lg faq-toggle md:text-xl">+</span></button><p class="w-full relative z-10 faq-answer hidden max-md:text-sm origin-bottom pt-4 text-slate-600">Be respectful, be kind, and be inclusive. We're here to create a safe, welcoming environment for everyone, so let's make sure we treat each other well and have fun!</p></li><li class="relative cursor-pointer bg-white/30 duration-300 faq-item group overflow-hidden p-4 rounded-xl transition-shadow Code Conduct-faq of" data-category="Code of Conduct" data-id="faq-13" style="translate: none; rotate: none; scale: none; transform: translate(0px, 10px); opacity: 0;"><button class="w-full cursor-pointer faq-question-container flex font-semibold gap-2.5 justify-between md:text-lg relative text-left"><span class="faq-question">Who can I contact for code of conduct concerns?</span> <span class="text-lg faq-toggle md:text-xl">+</span></button><p class="w-full relative z-10 faq-answer hidden max-md:text-sm origin-bottom pt-4 text-slate-600">If you have any concerns, feel free to reach out to one of the event organizers. We're here to listen and help resolve any issues swiftly and fairly.</p></li><li class="relative cursor-pointer bg-white/30 duration-300 faq-item group overflow-hidden p-4 rounded-xl transition-shadow Code Conduct-faq of" data-category="Code of Conduct" data-id="faq-14" style="translate: none; rotate: none; scale: none; transform: translate(0px, 10px); opacity: 0;"><button class="w-full cursor-pointer faq-question-container flex font-semibold gap-2.5 justify-between md:text-lg relative text-left"><span class="faq-question">How can I report a violation?</span> <span class="text-lg faq-toggle md:text-xl">+</span></button><p class="w-full relative z-10 faq-answer hidden max-md:text-sm origin-bottom pt-4 text-slate-600">You can report violations confidentially to any organizer in person or via discord. We'll handle the situation promptly and professionally.</p></li></ul></div></div></section><style>astro-island,astro-slot,astro-static-slot{display:contents}</style><script>(self.Astro||(self.Astro={})).only=async t=>{await(await t())()},window.dispatchEvent(new Event("astro:only")),(()=>{var t=Object.defineProperty,e=(e,r,n)=>((e,r,n)=>r in e?t(e,r,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[r]=n)(e,"symbol"!=typeof r?r+"":r,n);{let t={0:t=>s(t),1:t=>n(t),2:t=>new RegExp(t),3:t=>new Date(t),4:t=>new Map(n(t)),5:t=>new Set(n(t)),6:t=>BigInt(t),7:t=>new URL(t),8:t=>new Uint8Array(t),9:t=>new Uint16Array(t),10:t=>new Uint32Array(t),11:t=>1/0*t},r=e=>{let[r,n]=e;return r in t?t[r](n):void 0},n=t=>t.map(r),s=t=>"object"!=typeof t||null===t?t:Object.fromEntries(Object.entries(t).map((([t,e])=>[t,r(e)])));class i extends HTMLElement{constructor(){super(...arguments),e(this,"Component"),e(this,"hydrator"),e(this,"hydrate",(async()=>{var t;if(!this.hydrator||!this.isConnected)return;let e=null==(t=this.parentElement)?void 0:t.closest("astro-island[ssr]");if(e)return void e.addEventListener("astro:hydrate",this.hydrate,{once:!0});let r,n=this.querySelectorAll("astro-slot"),i={},o=this.querySelectorAll("template[data-astro-template]");for(let t of o){let e=t.closest(this.tagName);null!=e&&e.isSameNode(this)&&(i[t.getAttribute("data-astro-template")||"default"]=t.innerHTML,t.remove())}for(let t of n){let e=t.closest(this.tagName);null!=e&&e.isSameNode(this)&&(i[t.getAttribute("name")||"default"]=t.innerHTML)}try{r=this.hasAttribute("props")?s(JSON.parse(this.getAttribute("props"))):{}}catch(t){let e=this.getAttribute("component-url")||"<unknown>",r=this.getAttribute("component-export");throw r&&(e+=` (export ${r})`),console.error(`[hydrate] Error parsing props for component ${e}`,this.getAttribute("props"),t),t}await this.hydrator(this)(this.Component,r,i,{client:this.getAttribute("client")}),this.removeAttribute("ssr"),this.dispatchEvent(new CustomEvent("astro:hydrate"))})),e(this,"unmount",(()=>{this.isConnected||this.dispatchEvent(new CustomEvent("astro:unmount"))}))}disconnectedCallback(){document.removeEventListener("astro:after-swap",this.unmount),document.addEventListener("astro:after-swap",this.unmount,{once:!0})}connectedCallback(){if(this.hasAttribute("await-children")&&"interactive"!==document.readyState&&"complete"!==document.readyState){let t=()=>{document.removeEventListener("DOMContentLoaded",t),e.disconnect(),this.childrenConnectedCallback()},e=new MutationObserver((()=>{var e;(null==(e=this.lastChild)?void 0:e.nodeType)===Node.COMMENT_NODE&&"astro:end"===this.lastChild.nodeValue&&(this.lastChild.remove(),t())}));e.observe(this,{childList:!0}),document.addEventListener("DOMContentLoaded",t)}else this.childrenConnectedCallback()}async childrenConnectedCallback(){let t=this.getAttribute("before-hydration-url");t&&await import(t),this.start()}async start(){let t=JSON.parse(this.getAttribute("opts")),e=this.getAttribute("client");if(void 0!==Astro[e])try{await Astro[e]((async()=>{let t=this.getAttribute("renderer-url"),[e,{default:r}]=await Promise.all([import(this.getAttribute("component-url")),t?import(t):()=>()=>{}]),n=this.getAttribute("component-export")||"default";if(n.includes(".")){this.Component=e;for(let t of n.split("."))this.Component=this.Component[t]}else this.Component=e[n];return this.hydrator=r,this.hydrate}),t,this)}catch(t){console.error(`[astro-island] Error hydrating ${this.getAttribute("component-url")}`,t)}else window.addEventListener(`astro:${e}`,(()=>this.start()),{once:!0})}attributeChangedCallback(){this.hydrate()}}e(i,"observedAttributes",["props"]),customElements.get("astro-island")||customElements.define("astro-island",i)}})()</script><section class="w-full relative flex flex-col overflow-hidden h-svh items-center lg:px-16 max-h-[1400px] md:px-6 min-h-[750px] pt-20 px-5 sm:px-4" id="teamsSection"><h2 class="text-center heading-font font-bold md:text-7xl py-6 text-6xl team-heading z-10" style="translate: none; rotate: none; scale: none; opacity: 0; transform: translate(0px, 50px);">Meet Our Team</h2><div class="text-center hover:prose-a:underline prose prose-a:no-underline prose-a:text-blue-700 text-xl z-10"><a href="/">@hackcanada</a> / <a href="https://hackathonscanada.com">@hackathonscanada</a></div><div class="absolute w-full left-0 bottom-0 h-fit team-container"><div class="relative flex boat-container gap-[40px] h-[150px] w-fit" role="list" aria-label="Team boats" style="translate: none; rotate: none; scale: none; transform: translate(0px, 0px);"><div class="relative boat border-l-[80px] border-l-transparent border-r-[50px] border-r-transparent border-t-[100px] border-t-amber-700 h-0 rounded shrink-0" style="width: 550px; min-width: 550px; max-width: 1000px; translate: none; rotate: none; scale: none; transform-origin: 50% 100%; transform: translate(0%, -4.2476%) translate3d(0px, 0px, 0px) rotate(0.0127deg) scale(0, 0);" aria-label="Admin boat" data-index="0" role="listitem"><div class="absolute duration-300 ease-in-out transition-all flag-container" style="top:-300px;right:50px"><div class="absolute duration-300 ease-in-out -left-[0px] bg-white flag flag-wrapper flex flex-col h-[70px] hover:scale-105 items-center justify-center overflow-hidden rounded-lg shadow-md text-red-900 top-2 transition-transform w-[120px]" style="translate: none; rotate: none; scale: none; transform: translate(0px, 20px); opacity: 0; visibility: hidden;"><div class="absolute h-full bg-red-600 w-5 left-0"></div><div class="absolute h-full bg-red-600 w-5 right-0"></div><span class="duration-300 ease-in-out transition-transform hover:scale-110 mb-1 z-10"><svg class="h-8 w-8 fill-red-600" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="m373 359 112-96-20-10c-11-5-9-12-8-17l19-74-63 14c-8 2-11-1-12-4l-8-33s-46 55-56 64-15-3-13-11l22-127-32 17c-9 5-15 2-20-6L256 0l-38 76c-5 8-11 11-20 6l-32-17 22 127c2 8-3 20-13 11s-56-64-56-64l-8 33c-1 3-4 6-12 4l-63-14 19 74c1 5 3 12-8 17l-20 10 112 96c5 4 5 9 3 15s-22 31-22 31 108-12 114-9c7 2 12 2 14 18 1 17-4 98-4 98h24s-5-81-4-98c2-16 7-16 14-18 6-3 114 9 114 9s-20-25-22-31-2-11 3-15z"></path></svg> </span><span class="duration-300 ease-in-out transition-all text-sm font-semibold hover:text-red-600 z-10">Admin</span></div><div class="duration-300 ease-in-out transition-all bg-gradient-to-b flagpole from-amber-700 h-[100px] hover:h-[110px] rounded-t-full to-amber-900 w-2" style="translate: none; rotate: none; scale: none; transform: translate(0px, 20px); opacity: 0; visibility: hidden;"></div></div><div class="absolute border-b-[#bfd2de] border-b-[100px] border-l-[80px] border-l-transparent border-r-[40px] border-r-transparent -right-[20px] -top-[200px] compartment-2-group h-0 w-[calc(80%+140px)]" role="group" aria-label="Compartment 2" style="translate: none; rotate: none; scale: none; transform-origin: 50% 100%; transform: scale(1, 0);"><div class="absolute h-px bg-amber-600 right-[0px] w-full compartment-2-divider top-[0px]"></div><div class="compartment-2"><div class="absolute rounded-full border border-1 border-amber-800 h-[80px] w-[80px] team-member-2" style="left: 0px; top: 20px; translate: none; rotate: none; scale: none; transform: translate(0px, 50px) scale(0, 0);"><div class="rounded-full w-full cursor-pointer h-full overflow-hidden team-member-gsap" data-member="{"id":1,"firstName":"William","lastName":"Wang","team":"Admin","tag":"Founder","pronouns":"","link":"https://www.linkedin.com/in/williamuw/","quote":"55x hackathon winner, karaoke enthusiast!"}"><img alt="William's avatar" decoding="async" height="100" loading="lazy" src="/teamAvatars/default-avatar.webp" width="100" class="w-full h-full object-cover" id="team-member-1"></div><div class="absolute duration-300 ease-in-out transition-all bottom-full chat-bubble left-[80%]" style="visibility: hidden;"><div class="rounded-full bg-amber-700 bubble3 flex items-center justify-center px-4 py-2 relative text-white w-fit" style="translate: none; rotate: none; scale: none; transform: translate(-15px, 15px) scale(0, 0);">William</div><div class="absolute rounded-full bg-amber-700 -bottom-[2px] -left-[3px] bubble2 h-[15px] w-[15px]" style="translate: none; rotate: none; scale: none; transform: translate(-5px, 5px) scale(0, 0);"></div><div class="absolute rounded-full bg-amber-700 -bottom-[4px] -left-[13px] bubble1 h-[10px] w-[10px]" style="translate: none; rotate: none; scale: none; transform: scale(0, 0);"></div></div></div><script>document.addEventListener("DOMContentLoaded",(()=>{const e=document.getElementById("team-member-1");e&&e instanceof HTMLImageElement&&(e.complete?e.style.opacity="1":e.onload=()=>{e.style.opacity="1"})}))</script><div class="absolute rounded-full border border-1 border-amber-800 h-[80px] w-[80px] team-member-2" style="left: 90px; top: 20px; translate: none; rotate: none; scale: none; transform: translate(0px, 50px) scale(0, 0);"><div class="rounded-full w-full cursor-pointer h-full overflow-hidden team-member-gsap" data-member="{"id":2,"firstName":"James","team":"Admin","tag":"Admin Member","link":"https://example.com/james","quote":"Placeholder quote"}"><img alt="James's avatar" decoding="async" height="100" loading="lazy" src="/teamAvatars/default-avatar.webp" width="100" class="w-full h-full object-cover" id="team-member-2"></div><div class="absolute duration-300 ease-in-out transition-all bottom-full chat-bubble left-[80%]" style="visibility: hidden;"><div class="rounded-full bg-amber-700 bubble3 flex items-center justify-center px-4 py-2 relative text-white w-fit" style="translate: none; rotate: none; scale: none; transform: translate(-15px, 15px) scale(0, 0);">James</div><div class="absolute rounded-full bg-amber-700 -bottom-[2px] -left-[3px] bubble2 h-[15px] w-[15px]" style="translate: none; rotate: none; scale: none; transform: translate(-5px, 5px) scale(0, 0);"></div><div class="absolute rounded-full bg-amber-700 -bottom-[4px] -left-[13px] bubble1 h-[10px] w-[10px]" style="translate: none; rotate: none; scale: none; transform: scale(0, 0);"></div></div></div><script>document.addEventListener("DOMContentLoaded",(()=>{const e=document.getElementById("team-member-2");e&&e instanceof HTMLImageElement&&(e.complete?e.style.opacity="1":e.onload=()=>{e.style.opacity="1"})}))</script><div class="absolute rounded-full border border-1 border-amber-800 h-[80px] w-[80px] team-member-2" style="left: 180px; top: 20px; translate: none; rotate: none; scale: none; transform: translate(0px, 50px) scale(0, 0);"><div class="rounded-full w-full cursor-pointer h-full overflow-hidden team-member-gsap" data-member="{"id":3,"firstName":"Jerry","team":"Admin","tag":"Admin Member","link":"https://example.com/jerry","quote":"Placeholder quote"}"><img alt="Jerry's avatar" decoding="async" height="100" loading="lazy" src="/teamAvatars/default-avatar.webp" width="100" class="w-full h-full object-cover" id="team-member-3"></div><div class="absolute duration-300 ease-in-out transition-all bottom-full chat-bubble left-[80%]" style="visibility: hidden;"><div class="rounded-full bg-amber-700 bubble3 flex items-center justify-center px-4 py-2 relative text-white w-fit" style="translate: none; rotate: none; scale: none; transform: translate(-15px, 15px) scale(0, 0);">Jerry</div><div class="absolute rounded-full bg-amber-700 -bottom-[2px] -left-[3px] bubble2 h-[15px] w-[15px]" style="translate: none; rotate: none; scale: none; transform: translate(-5px, 5px) scale(0, 0);"></div><div class="absolute rounded-full bg-amber-700 -bottom-[4px] -left-[13px] bubble1 h-[10px] w-[10px]" style="translate: none; rotate: none; scale: none; transform: scale(0, 0);"></div></div></div><script>document.addEventListener("DOMContentLoaded",(()=>{const e=document.getElementById("team-member-3");e&&e instanceof HTMLImageElement&&(e.complete?e.style.opacity="1":e.onload=()=>{e.style.opacity="1"})}))</script></div></div><div class="absolute -left-[85px] -top-[115px] bg-amber-600 boat-base h-5 rounded-xl w-[calc(100%+140px)]"></div><div class="absolute h-px bg-gradient-to-r from-transparent to-transparent via-black water-line" style="top:-75px;left:0;width:100%" aria-hidden="true"></div><div class="absolute h-px bg-gradient-to-r from-transparent to-transparent via-black water-line" style="top:-50px;left:10px;width:90%" aria-hidden="true"></div><div class="absolute h-px bg-gradient-to-r from-transparent to-transparent via-black water-line" style="top:-25px;left:20px;width:80%" aria-hidden="true"></div></div><div class="relative boat border-l-[80px] border-l-transparent border-r-[50px] border-r-transparent border-t-[100px] border-t-amber-700 h-0 rounded shrink-0" style="width: 1000px; min-width: 550px; max-width: 1000px; translate: none; rotate: none; scale: none; transform-origin: 50% 100%; transform: translate(0%, 7.6232%) translate3d(0px, 0px, 0px) rotate(-0.636deg) scale(0, 0);" aria-label="Tech boat" data-index="2" role="listitem"><div class="absolute duration-300 ease-in-out transition-all flag-container" style="top:-400px;right:75px"><div class="absolute duration-300 ease-in-out -left-[0px] bg-white flag flag-wrapper flex flex-col h-[70px] hover:scale-105 items-center justify-center overflow-hidden rounded-lg shadow-md text-red-900 top-2 transition-transform w-[120px]" style="translate: none; rotate: none; scale: none; transform: translate(0px, 20px); opacity: 0; visibility: hidden;"><div class="absolute h-full bg-red-600 w-5 left-0"></div><div class="absolute h-full bg-red-600 w-5 right-0"></div><span class="duration-300 ease-in-out transition-transform hover:scale-110 mb-1 z-10"><svg class="h-8 w-8 fill-red-600" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="m373 359 112-96-20-10c-11-5-9-12-8-17l19-74-63 14c-8 2-11-1-12-4l-8-33s-46 55-56 64-15-3-13-11l22-127-32 17c-9 5-15 2-20-6L256 0l-38 76c-5 8-11 11-20 6l-32-17 22 127c2 8-3 20-13 11s-56-64-56-64l-8 33c-1 3-4 6-12 4l-63-14 19 74c1 5 3 12-8 17l-20 10 112 96c5 4 5 9 3 15s-22 31-22 31 108-12 114-9c7 2 12 2 14 18 1 17-4 98-4 98h24s-5-81-4-98c2-16 7-16 14-18 6-3 114 9 114 9s-20-25-22-31-2-11 3-15z"></path></svg> </span><span class="duration-300 ease-in-out transition-all text-sm font-semibold hover:text-red-600 z-10">Tech</span></div><div class="duration-300 ease-in-out transition-all bg-gradient-to-b flagpole from-amber-700 h-[100px] hover:h-[110px] rounded-t-full to-amber-900 w-2" style="translate: none; rotate: none; scale: none; transform: translate(0px, 20px); opacity: 0; visibility: hidden;"></div></div><div class="absolute border-b-[#bfd2de] border-b-[100px] border-l-[80px] border-l-transparent border-r-[40px] border-r-transparent -top-[300px] compartment-1-group h-10 right-[25px] w-[calc(70%)]" role="group" aria-label="Compartment 1" style="translate: none; rotate: none; scale: none; transform-origin: 50% 100%; transform: scale(1, 0);"><div class="absolute h-px bg-amber-600 right-[0px] w-full -top-[0px] compartment-1-divider"></div><div class="compartment-1"><div class="absolute rounded-full border border-1 border-amber-800 h-[80px] w-[80px] border-b-transparent team-member-1" style="left: 0px; top: 33px; translate: none; rotate: none; scale: none; transform: translate(0px, 50px) scale(0, 0);"><div class="rounded-full w-full cursor-pointer h-full overflow-hidden team-member-gsap" data-member="{"id":6,"firstName":"Jason","lastName":"Cameron","team":"Tech","tag":"Tech Lead","link":"https://www.linkedin.com/in/jsoncameron/","quote":"Sleep is for the week"}"><img alt="Jason's avatar" decoding="async" height="100" loading="lazy" src="/teamAvatars/default-avatar.webp" width="100" class="w-full h-full object-cover" id="team-member-6"></div><div class="absolute duration-300 ease-in-out transition-all bottom-full chat-bubble left-[80%]" style="visibility: hidden;"><div class="rounded-full bg-amber-700 bubble3 flex items-center justify-center px-4 py-2 relative text-white w-fit" style="translate: none; rotate: none; scale: none; transform: translate(-15px, 15px) scale(0, 0);">Jason</div><div class="absolute rounded-full bg-amber-700 -bottom-[2px] -left-[3px] bubble2 h-[15px] w-[15px]" style="translate: none; rotate: none; scale: none; transform: translate(-5px, 5px) scale(0, 0);"></div><div class="absolute rounded-full bg-amber-700 -bottom-[4px] -left-[13px] bubble1 h-[10px] w-[10px]" style="translate: none; rotate: none; scale: none; transform: scale(0, 0);"></div></div></div><script>document.addEventListener("DOMContentLoaded",(()=>{const e=document.getElementById("team-member-6");e&&e instanceof HTMLImageElement&&(e.complete?e.style.opacity="1":e.onload=()=>{e.style.opacity="1"})}))</script><div class="absolute rounded-full border border-1 border-amber-800 h-[80px] w-[80px] border-b-transparent team-member-1" style="left: 90px; top: 33px; translate: none; rotate: none; scale: none; transform: translate(0px, 50px) scale(0, 0);"><div class="rounded-full w-full cursor-pointer h-full overflow-hidden team-member-gsap" data-member="{"id":7,"firstName":"Amol","team":"Tech","tag":"Tech Lead","link":"https://example.com/amol","quote":"Placeholder quote"}"><img alt="Amol's avatar" decoding="async" height="100" loading="lazy" src="/teamAvatars/default-avatar.webp" width="100" class="w-full h-full object-cover" id="team-member-7"></div><div class="absolute duration-300 ease-in-out transition-all bottom-full chat-bubble left-[80%]" style="visibility: hidden;"><div class="rounded-full bg-amber-700 bubble3 flex items-center justify-center px-4 py-2 relative text-white w-fit" style="translate: none; rotate: none; scale: none; transform: translate(-15px, 15px) scale(0, 0);">Amol</div><div class="absolute rounded-full bg-amber-700 -bottom-[2px] -left-[3px] bubble2 h-[15px] w-[15px]" style="translate: none; rotate: none; scale: none; transform: translate(-5px, 5px) scale(0, 0);"></div><div class="absolute rounded-full bg-amber-700 -bottom-[4px] -left-[13px] bubble1 h-[10px] w-[10px]" style="translate: none; rotate: none; scale: none; transform: scale(0, 0);"></div></div></div><script>document.addEventListener("DOMContentLoaded",(()=>{const e=document.getElementById("team-member-7");e&&e instanceof HTMLImageElement&&(e.complete?e.style.opacity="1":e.onload=()=>{e.style.opacity="1"})}))</script><div class="absolute rounded-full border border-1 border-amber-800 h-[80px] w-[80px] border-b-transparent team-member-1" style="left: 180px; top: 33px; translate: none; rotate: none; scale: none; transform: translate(0px, 50px) scale(0, 0);"><div class="rounded-full w-full cursor-pointer h-full overflow-hidden team-member-gsap" data-member="{"id":8,"firstName":"Araf","lastName":"A Alam","team":"Tech","tag":"Project Manager","link":"https://www.linkedin.com/in/arafa821/","quote":"Code like crazy!"}"><img alt="Araf's avatar" decoding="async" height="100" loading="lazy" src="/teamAvatars/default-avatar.webp" width="100" class="w-full h-full object-cover" id="team-member-8"></div><div class="absolute duration-300 ease-in-out transition-all bottom-full chat-bubble left-[80%]" style="visibility: hidden;"><div class="rounded-full bg-amber-700 bubble3 flex items-center justify-center px-4 py-2 relative text-white w-fit" style="translate: none; rotate: none; scale: none; transform: translate(-15px, 15px) scale(0, 0);">Araf</div><div class="absolute rounded-full bg-amber-700 -bottom-[2px] -left-[3px] bubble2 h-[15px] w-[15px]" style="translate: none; rotate: none; scale: none; transform: translate(-5px, 5px) scale(0, 0);"></div><div class="absolute rounded-full bg-amber-700 -bottom-[4px] -left-[13px] bubble1 h-[10px] w-[10px]" style="translate: none; rotate: none; scale: none; transform: scale(0, 0);"></div></div></div><script>document.addEventListener("DOMContentLoaded",(()=>{const e=document.getElementById("team-member-8");e&&e instanceof HTMLImageElement&&(e.complete?e.style.opacity="1":e.onload=()=>{e.style.opacity="1"})}))</script><div class="absolute rounded-full border border-1 border-amber-800 h-[80px] w-[80px] border-b-transparent team-member-1" style="left: 270px; top: 33px; translate: none; rotate: none; scale: none; transform: translate(0px, 50px) scale(0, 0);"><div class="rounded-full w-full cursor-pointer h-full overflow-hidden team-member-gsap" data-member="{"id":9,"firstName":"Chirag","pronouns":"he/him","image":"/teamAvatars/chirag.webp","team":"Tech","tag":"Senior Div Centerer","link":"https://github.com/ChiragDalmia/","quote":"I made this landing page ;)"}"><img alt="Chirag's avatar" decoding="async" height="100" loading="lazy" src="/teamAvatars/chirag.webp" width="100" class="w-full h-full object-cover" id="team-member-9"></div><div class="absolute duration-300 ease-in-out transition-all bottom-full chat-bubble left-[80%]" style="visibility: hidden;"><div class="rounded-full bg-amber-700 bubble3 flex items-center justify-center px-4 py-2 relative text-white w-fit" style="translate: none; rotate: none; scale: none; transform: translate(-15px, 15px) scale(0, 0);">Chirag</div><div class="absolute rounded-full bg-amber-700 -bottom-[2px] -left-[3px] bubble2 h-[15px] w-[15px]" style="translate: none; rotate: none; scale: none; transform: translate(-5px, 5px) scale(0, 0);"></div><div class="absolute rounded-full bg-amber-700 -bottom-[4px] -left-[13px] bubble1 h-[10px] w-[10px]" style="translate: none; rotate: none; scale: none; transform: scale(0, 0);"></div></div></div><script>document.addEventListener("DOMContentLoaded",(()=>{const e=document.getElementById("team-member-9");e&&e instanceof HTMLImageElement&&(e.complete?e.style.opacity="1":e.onload=()=>{e.style.opacity="1"})}))</script><div class="absolute rounded-full border border-1 border-amber-800 h-[80px] w-[80px] border-b-transparent team-member-1" style="left: 360px; top: 33px; translate: none; rotate: none; scale: none; transform: translate(0px, 50px) scale(0, 0);"><div class="rounded-full w-full cursor-pointer h-full overflow-hidden team-member-gsap" data-member="{"id":10,"firstName":"Sohel","team":"Tech","tag":"Tech Member","link":"https://example.com/sohel","quote":"Placeholder quote"}"><img alt="Sohel's avatar" decoding="async" height="100" loading="lazy" src="/teamAvatars/default-avatar.webp" width="100" class="w-full h-full object-cover" id="team-member-10"></div><div class="absolute duration-300 ease-in-out transition-all bottom-full chat-bubble left-[80%]" style="visibility: hidden;"><div class="rounded-full bg-amber-700 bubble3 flex items-center justify-center px-4 py-2 relative text-white w-fit" style="translate: none; rotate: none; scale: none; transform: translate(-15px, 15px) scale(0, 0);">Sohel</div><div class="absolute rounded-full bg-amber-700 -bottom-[2px] -left-[3px] bubble2 h-[15px] w-[15px]" style="translate: none; rotate: none; scale: none; transform: translate(-5px, 5px) scale(0, 0);"></div><div class="absolute rounded-full bg-amber-700 -bottom-[4px] -left-[13px] bubble1 h-[10px] w-[10px]" style="translate: none; rotate: none; scale: none; transform: scale(0, 0);"></div></div></div><script>document.addEventListener("DOMContentLoaded",(()=>{const e=document.getElementById("team-member-10");e&&e instanceof HTMLImageElement&&(e.complete?e.style.opacity="1":e.onload=()=>{e.style.opacity="1"})}))</script></div></div><div class="absolute border-b-[#bfd2de] border-b-[100px] border-l-[80px] border-l-transparent border-r-[40px] border-r-transparent -right-[20px] -top-[200px] compartment-2-group h-0 w-[calc(80%+140px)]" role="group" aria-label="Compartment 2" style="translate: none; rotate: none; scale: none; transform-origin: 50% 100%; transform: scale(1, 0);"><div class="absolute h-px bg-amber-600 right-[0px] w-full compartment-2-divider top-[0px]"></div><div class="compartment-2"><div class="absolute rounded-full border border-1 border-amber-800 h-[80px] w-[80px] team-member-2" style="left: 0px; top: 20px; translate: none; rotate: none; scale: none; transform: translate(0px, 50px) scale(0, 0);"><div class="rounded-full w-full cursor-pointer h-full overflow-hidden team-member-gsap" data-member="{"id":11,"firstName":"Aayan","team":"Tech","tag":"Tech Member","link":"https://example.com/aayan","quote":"Placeholder quote"}"><img alt="Aayan's avatar" decoding="async" height="100" loading="lazy" src="/teamAvatars/default-avatar.webp" width="100" class="w-full h-full object-cover" id="team-member-11"></div><div class="absolute duration-300 ease-in-out transition-all bottom-full chat-bubble left-[80%]" style="visibility: hidden;"><div class="rounded-full bg-amber-700 bubble3 flex items-center justify-center px-4 py-2 relative text-white w-fit" style="translate: none; rotate: none; scale: none; transform: translate(-15px, 15px) scale(0, 0);">Aayan</div><div class="absolute rounded-full bg-amber-700 -bottom-[2px] -left-[3px] bubble2 h-[15px] w-[15px]" style="translate: none; rotate: none; scale: none; transform: translate(-5px, 5px) scale(0, 0);"></div><div class="absolute rounded-full bg-amber-700 -bottom-[4px] -left-[13px] bubble1 h-[10px] w-[10px]" style="translate: none; rotate: none; scale: none; transform: scale(0, 0);"></div></div></div><script>document.addEventListener("DOMContentLoaded",(()=>{const e=document.getElementById("team-member-11");e&&e instanceof HTMLImageElement&&(e.complete?e.style.opacity="1":e.onload=()=>{e.style.opacity="1"})}))</script><div class="absolute rounded-full border border-1 border-amber-800 h-[80px] w-[80px] team-member-2" style="left: 90px; top: 20px; translate: none; rotate: none; scale: none; transform: translate(0px, 50px) scale(0, 0);"><div class="rounded-full w-full cursor-pointer h-full overflow-hidden team-member-gsap" data-member="{"id":12,"firstName":"Aiden","team":"Tech","tag":"Tech Member","link":"https://example.com/aiden","quote":"Placeholder quote"}"><img alt="Aiden's avatar" decoding="async" height="100" loading="lazy" src="/teamAvatars/default-avatar.webp" width="100" class="w-full h-full object-cover" id="team-member-12"></div><div class="absolute duration-300 ease-in-out transition-all bottom-full chat-bubble left-[80%]" style="visibility: hidden;"><div class="rounded-full bg-amber-700 bubble3 flex items-center justify-center px-4 py-2 relative text-white w-fit" style="translate: none; rotate: none; scale: none; transform: translate(-15px, 15px) scale(0, 0);">Aiden</div><div class="absolute rounded-full bg-amber-700 -bottom-[2px] -left-[3px] bubble2 h-[15px] w-[15px]" style="translate: none; rotate: none; scale: none; transform: translate(-5px, 5px) scale(0, 0);"></div><div class="absolute rounded-full bg-amber-700 -bottom-[4px] -left-[13px] bubble1 h-[10px] w-[10px]" style="translate: none; rotate: none; scale: none; transform: scale(0, 0);"></div></div></div><script>document.addEventListener("DOMContentLoaded",(()=>{const e=document.getElementById("team-member-12");e&&e instanceof HTMLImageElement&&(e.complete?e.style.opacity="1":e.onload=()=>{e.style.opacity="1"})}))</script><div class="absolute rounded-full border border-1 border-amber-800 h-[80px] w-[80px] team-member-2" style="left: 180px; top: 20px; translate: none; rotate: none; scale: none; transform: translate(0px, 50px) scale(0, 0);"><div class="rounded-full w-full cursor-pointer h-full overflow-hidden team-member-gsap" data-member="{"id":13,"firstName":"Joudat","team":"Tech","tag":"Tech Member","link":"https://example.com/joudat","quote":"Placeholder quote"}"><img alt="Joudat's avatar" decoding="async" height="100" loading="lazy" src="/teamAvatars/default-avatar.webp" width="100" class="w-full h-full object-cover" id="team-member-13"></div><div class="absolute duration-300 ease-in-out transition-all bottom-full chat-bubble left-[80%]" style="visibility: hidden;"><div class="rounded-full bg-amber-700 bubble3 flex items-center justify-center px-4 py-2 relative text-white w-fit" style="translate: none; rotate: none; scale: none; transform: translate(-15px, 15px) scale(0, 0);">Joudat</div><div class="absolute rounded-full bg-amber-700 -bottom-[2px] -left-[3px] bubble2 h-[15px] w-[15px]" style="translate: none; rotate: none; scale: none; transform: translate(-5px, 5px) scale(0, 0);"></div><div class="absolute rounded-full bg-amber-700 -bottom-[4px] -left-[13px] bubble1 h-[10px] w-[10px]" style="translate: none; rotate: none; scale: none; transform: scale(0, 0);"></div></div></div><script>document.addEventListener("DOMContentLoaded",(()=>{const e=document.getElementById("team-member-13");e&&e instanceof HTMLImageElement&&(e.complete?e.style.opacity="1":e.onload=()=>{e.style.opacity="1"})}))</script><div class="absolute rounded-full border border-1 border-amber-800 h-[80px] w-[80px] team-member-2" style="left: 270px; top: 20px; translate: none; rotate: none; scale: none; transform: translate(0px, 50px) scale(0, 0);"><div class="rounded-full w-full cursor-pointer h-full overflow-hidden team-member-gsap" data-member="{"id":14,"firstName":"James","team":"Tech","tag":"Tech Member","link":"https://example.com/james_l","quote":"Placeholder quote"}"><img alt="James's avatar" decoding="async" height="100" loading="lazy" src="/teamAvatars/default-avatar.webp" width="100" class="w-full h-full object-cover" id="team-member-14"></div><div class="absolute duration-300 ease-in-out transition-all bottom-full chat-bubble left-[80%]" style="visibility: hidden;"><div class="rounded-full bg-amber-700 bubble3 flex items-center justify-center px-4 py-2 relative text-white w-fit" style="translate: none; rotate: none; scale: none; transform: translate(-15px, 15px) scale(0, 0);">James</div><div class="absolute rounded-full bg-amber-700 -bottom-[2px] -left-[3px] bubble2 h-[15px] w-[15px]" style="translate: none; rotate: none; scale: none; transform: translate(-5px, 5px) scale(0, 0);"></div><div class="absolute rounded-full bg-amber-700 -bottom-[4px] -left-[13px] bubble1 h-[10px] w-[10px]" style="translate: none; rotate: none; scale: none; transform: scale(0, 0);"></div></div></div><script>document.addEventListener("DOMContentLoaded",(()=>{const e=document.getElementById("team-member-14");e&&e instanceof HTMLImageElement&&(e.complete?e.style.opacity="1":e.onload=()=>{e.style.opacity="1"})}))</script><div class="absolute rounded-full border border-1 border-amber-800 h-[80px] w-[80px] team-member-2" style="left: 360px; top: 20px; translate: none; rotate: none; scale: none; transform: translate(0px, 50px) scale(0, 0);"><div class="rounded-full w-full cursor-pointer h-full overflow-hidden team-member-gsap" data-member="{"id":15,"firstName":"Fiona","team":"Tech","tag":"Tech Member","link":"https://example.com/fiona","quote":"Placeholder quote"}"><img alt="Fiona's avatar" decoding="async" height="100" loading="lazy" src="/teamAvatars/default-avatar.webp" width="100" class="w-full h-full object-cover" id="team-member-15"></div><div class="absolute duration-300 ease-in-out transition-all bottom-full chat-bubble left-[80%]" style="visibility: hidden;"><div class="rounded-full bg-amber-700 bubble3 flex items-center justify-center px-4 py-2 relative text-white w-fit" style="translate: none; rotate: none; scale: none; transform: translate(-15px, 15px) scale(0, 0);">Fiona</div><div class="absolute rounded-full bg-amber-700 -bottom-[2px] -left-[3px] bubble2 h-[15px] w-[15px]" style="translate: none; rotate: none; scale: none; transform: translate(-5px, 5px) scale(0, 0);"></div><div class="absolute rounded-full bg-amber-700 -bottom-[4px] -left-[13px] bubble1 h-[10px] w-[10px]" style="translate: none; rotate: none; scale: none; transform: scale(0, 0);"></div></div></div><script>document.addEventListener("DOMContentLoaded",(()=>{const e=document.getElementById("team-member-15");e&&e instanceof HTMLImageElement&&(e.complete?e.style.opacity="1":e.onload=()=>{e.style.opacity="1"})}))</script><div class="absolute rounded-full border border-1 border-amber-800 h-[80px] w-[80px] team-member-2" style="left: 450px; top: 20px; translate: none; rotate: none; scale: none; transform: translate(0px, 50px) scale(0, 0);"><div class="rounded-full w-full cursor-pointer h-full overflow-hidden team-member-gsap" data-member="{"id":16,"firstName":"Edem","team":"Tech","tag":"Tech Member","link":"https://example.com/edem","quote":"Placeholder quote"}"><img alt="Edem's avatar" decoding="async" height="100" loading="lazy" src="/teamAvatars/default-avatar.webp" width="100" class="w-full h-full object-cover" id="team-member-16"></div><div class="absolute duration-300 ease-in-out transition-all bottom-full chat-bubble left-[80%]" style="visibility: hidden;"><div class="rounded-full bg-amber-700 bubble3 flex items-center justify-center px-4 py-2 relative text-white w-fit" style="translate: none; rotate: none; scale: none; transform: translate(-15px, 15px) scale(0, 0);">Edem</div><div class="absolute rounded-full bg-amber-700 -bottom-[2px] -left-[3px] bubble2 h-[15px] w-[15px]" style="translate: none; rotate: none; scale: none; transform: translate(-5px, 5px) scale(0, 0);"></div><div class="absolute rounded-full bg-amber-700 -bottom-[4px] -left-[13px] bubble1 h-[10px] w-[10px]" style="translate: none; rotate: none; scale: none; transform: scale(0, 0);"></div></div></div><script>document.addEventListener("DOMContentLoaded",(()=>{const e=document.getElementById("team-member-16");e&&e instanceof HTMLImageElement&&(e.complete?e.style.opacity="1":e.onload=()=>{e.style.opacity="1"})}))</script><div class="absolute rounded-full border border-1 border-amber-800 h-[80px] w-[80px] team-member-2" style="left: 540px; top: 20px; translate: none; rotate: none; scale: none; transform: translate(0px, 50px) scale(0, 0);"><div class="rounded-full w-full cursor-pointer h-full overflow-hidden team-member-gsap" data-member="{"id":17,"firstName":"Aryan","team":"Tech","tag":"Tech Member","link":"https://example.com/aryan","quote":"Placeholder quote"}"><img alt="Aryan's avatar" decoding="async" height="100" loading="lazy" src="/teamAvatars/default-avatar.webp" width="100" class="w-full h-full object-cover" id="team-member-17"></div><div class="absolute duration-300 ease-in-out transition-all bottom-full chat-bubble left-[80%]" style="visibility: hidden;"><div class="rounded-full bg-amber-700 bubble3 flex items-center justify-center px-4 py-2 relative text-white w-fit" style="translate: none; rotate: none; scale: none; transform: translate(-15px, 15px) scale(0, 0);">Aryan</div><div class="absolute rounded-full bg-amber-700 -bottom-[2px] -left-[3px] bubble2 h-[15px] w-[15px]" style="translate: none; rotate: none; scale: none; transform: translate(-5px, 5px) scale(0, 0);"></div><div class="absolute rounded-full bg-amber-700 -bottom-[4px] -left-[13px] bubble1 h-[10px] w-[10px]" style="translate: none; rotate: none; scale: none; transform: scale(0, 0);"></div></div></div><script>document.addEventListener("DOMContentLoaded",(()=>{const e=document.getElementById("team-member-17");e&&e instanceof HTMLImageElement&&(e.complete?e.style.opacity="1":e.onload=()=>{e.style.opacity="1"})}))</script><div class="absolute rounded-full border border-1 border-amber-800 h-[80px] w-[80px] team-member-2" style="left: 630px; top: 20px; translate: none; rotate: none; scale: none; transform: translate(0px, 50px) scale(0, 0);"><div class="rounded-full w-full cursor-pointer h-full overflow-hidden team-member-gsap" data-member="{"id":18,"firstName":"Wahib","team":"Tech","tag":"Tech Member","link":"https://example.com/wahib","quote":"Placeholder quote"}"><img alt="Wahib's avatar" decoding="async" height="100" loading="lazy" src="/teamAvatars/default-avatar.webp" width="100" class="w-full h-full object-cover" id="team-member-18"></div><div class="absolute duration-300 ease-in-out transition-all bottom-full chat-bubble left-[80%]" style="visibility: hidden;"><div class="rounded-full bg-amber-700 bubble3 flex items-center justify-center px-4 py-2 relative text-white w-fit" style="translate: none; rotate: none; scale: none; transform: translate(-15px, 15px) scale(0, 0);">Wahib</div><div class="absolute rounded-full bg-amber-700 -bottom-[2px] -left-[3px] bubble2 h-[15px] w-[15px]" style="translate: none; rotate: none; scale: none; transform: translate(-5px, 5px) scale(0, 0);"></div><div class="absolute rounded-full bg-amber-700 -bottom-[4px] -left-[13px] bubble1 h-[10px] w-[10px]" style="translate: none; rotate: none; scale: none; transform: scale(0, 0);"></div></div></div><script>document.addEventListener("DOMContentLoaded",(()=>{const e=document.getElementById("team-member-18");e&&e instanceof HTMLImageElement&&(e.complete?e.style.opacity="1":e.onload=()=>{e.style.opacity="1"})}))</script></div></div><div class="absolute -left-[85px] -top-[115px] bg-amber-600 boat-base h-5 rounded-xl w-[calc(100%+140px)]"></div><div class="absolute h-px bg-gradient-to-r from-transparent to-transparent via-black water-line" style="top:-75px;left:0;width:100%" aria-hidden="true"></div><div class="absolute h-px bg-gradient-to-r from-transparent to-transparent via-black water-line" style="top:-50px;left:10px;width:90%" aria-hidden="true"></div><div class="absolute h-px bg-gradient-to-r from-transparent to-transparent via-black water-line" style="top:-25px;left:20px;width:80%" aria-hidden="true"></div></div><div class="relative boat border-l-[80px] border-l-transparent border-r-[50px] border-r-transparent border-t-[100px] border-t-amber-700 h-0 rounded shrink-0" style="width: 550px; min-width: 550px; max-width: 1000px; translate: none; rotate: none; scale: none; transform-origin: 50% 100%; transform: translate(0%, -8.6175%) translate3d(0px, 0px, 0px) rotate(1.0583deg) scale(0, 0);" aria-label="Design boat" data-index="3" role="listitem"><div class="absolute duration-300 ease-in-out transition-all flag-container" style="top:-300px;right:50px"><div class="absolute duration-300 ease-in-out -left-[0px] bg-white flag flag-wrapper flex flex-col h-[70px] hover:scale-105 items-center justify-center overflow-hidden rounded-lg shadow-md text-red-900 top-2 transition-transform w-[120px]" style="translate: none; rotate: none; scale: none; transform: translate(0px, 20px); opacity: 0; visibility: hidden;"><div class="absolute h-full bg-red-600 w-5 left-0"></div><div class="absolute h-full bg-red-600 w-5 right-0"></div><span class="duration-300 ease-in-out transition-transform hover:scale-110 mb-1 z-10"><svg class="h-8 w-8 fill-red-600" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="m373 359 112-96-20-10c-11-5-9-12-8-17l19-74-63 14c-8 2-11-1-12-4l-8-33s-46 55-56 64-15-3-13-11l22-127-32 17c-9 5-15 2-20-6L256 0l-38 76c-5 8-11 11-20 6l-32-17 22 127c2 8-3 20-13 11s-56-64-56-64l-8 33c-1 3-4 6-12 4l-63-14 19 74c1 5 3 12-8 17l-20 10 112 96c5 4 5 9 3 15s-22 31-22 31 108-12 114-9c7 2 12 2 14 18 1 17-4 98-4 98h24s-5-81-4-98c2-16 7-16 14-18 6-3 114 9 114 9s-20-25-22-31-2-11 3-15z"></path></svg> </span><span class="duration-300 ease-in-out transition-all text-sm font-semibold hover:text-red-600 z-10">Design</span></div><div class="duration-300 ease-in-out transition-all bg-gradient-to-b flagpole from-amber-700 h-[100px] hover:h-[110px] rounded-t-full to-amber-900 w-2" style="translate: none; rotate: none; scale: none; transform: translate(0px, 20px); opacity: 0; visibility: hidden;"></div></div><div class="absolute border-b-[#bfd2de] border-b-[100px] border-l-[80px] border-l-transparent border-r-[40px] border-r-transparent -right-[20px] -top-[200px] compartment-2-group h-0 w-[calc(80%+140px)]" role="group" aria-label="Compartment 2" style="translate: none; rotate: none; scale: none; transform-origin: 50% 100%; transform: scale(1, 0);"><div class="absolute h-px bg-amber-600 right-[0px] w-full compartment-2-divider top-[0px]"></div><div class="compartment-2"><div class="absolute rounded-full border border-1 border-amber-800 h-[80px] w-[80px] team-member-2" style="left: 0px; top: 20px; translate: none; rotate: none; scale: none; transform: translate(0px, 50px) scale(0, 0);"><div class="rounded-full w-full cursor-pointer h-full overflow-hidden team-member-gsap" data-member="{"id":19,"firstName":"Jess","team":"Design","tag":"Design Lead","link":"https://example.com/jess","quote":"Placeholder quote"}"><img alt="Jess's avatar" decoding="async" height="100" loading="lazy" src="/teamAvatars/default-avatar.webp" width="100" class="w-full h-full object-cover" id="team-member-19"></div><div class="absolute duration-300 ease-in-out transition-all bottom-full chat-bubble left-[80%]" style="visibility: hidden;"><div class="rounded-full bg-amber-700 bubble3 flex items-center justify-center px-4 py-2 relative text-white w-fit" style="translate: none; rotate: none; scale: none; transform: translate(-15px, 15px) scale(0, 0);">Jess</div><div class="absolute rounded-full bg-amber-700 -bottom-[2px] -left-[3px] bubble2 h-[15px] w-[15px]" style="translate: none; rotate: none; scale: none; transform: translate(-5px, 5px) scale(0, 0);"></div><div class="absolute rounded-full bg-amber-700 -bottom-[4px] -left-[13px] bubble1 h-[10px] w-[10px]" style="translate: none; rotate: none; scale: none; transform: scale(0, 0);"></div></div></div><script>document.addEventListener("DOMContentLoaded",(()=>{const e=document.getElementById("team-member-19");e&&e instanceof HTMLImageElement&&(e.complete?e.style.opacity="1":e.onload=()=>{e.style.opacity="1"})}))</script><div class="absolute rounded-full border border-1 border-amber-800 h-[80px] w-[80px] team-member-2" style="left: 90px; top: 20px; translate: none; rotate: none; scale: none; transform: translate(0px, 50px) scale(0, 0);"><div class="rounded-full w-full cursor-pointer h-full overflow-hidden team-member-gsap" data-member="{"id":20,"firstName":"Julia","team":"Design","tag":"Design Member","link":"https://example.com/julia","quote":"Placeholder quote"}"><img alt="Julia's avatar" decoding="async" height="100" loading="lazy" src="/teamAvatars/default-avatar.webp" width="100" class="w-full h-full object-cover" id="team-member-20"></div><div class="absolute duration-300 ease-in-out transition-all bottom-full chat-bubble left-[80%]" style="visibility: hidden;"><div class="rounded-full bg-amber-700 bubble3 flex items-center justify-center px-4 py-2 relative text-white w-fit" style="translate: none; rotate: none; scale: none; transform: translate(-15px, 15px) scale(0, 0);">Julia</div><div class="absolute rounded-full bg-amber-700 -bottom-[2px] -left-[3px] bubble2 h-[15px] w-[15px]" style="translate: none; rotate: none; scale: none; transform: translate(-5px, 5px) scale(0, 0);"></div><div class="absolute rounded-full bg-amber-700 -bottom-[4px] -left-[13px] bubble1 h-[10px] w-[10px]" style="translate: none; rotate: none; scale: none; transform: scale(0, 0);"></div></div></div><script>document.addEventListener("DOMContentLoaded",(()=>{const e=document.getElementById("team-member-20");e&&e instanceof HTMLImageElement&&(e.complete?e.style.opacity="1":e.onload=()=>{e.style.opacity="1"})}))</script><div class="absolute rounded-full border border-1 border-amber-800 h-[80px] w-[80px] team-member-2" style="left: 180px; top: 20px; translate: none; rotate: none; scale: none; transform: translate(0px, 50px) scale(0, 0);"><div class="rounded-full w-full cursor-pointer h-full overflow-hidden team-member-gsap" data-member="{"id":21,"firstName":"Tina","team":"Design","tag":"Design Member","link":"https://example.com/tina","quote":"Placeholder quote"}"><img alt="Tina's avatar" decoding="async" height="100" loading="lazy" src="/teamAvatars/default-avatar.webp" width="100" class="w-full h-full object-cover" id="team-member-21"></div><div class="absolute duration-300 ease-in-out transition-all bottom-full chat-bubble left-[80%]" style="visibility: hidden;"><div class="rounded-full bg-amber-700 bubble3 flex items-center justify-center px-4 py-2 relative text-white w-fit" style="translate: none; rotate: none; scale: none; transform: translate(-15px, 15px) scale(0, 0);">Tina</div><div class="absolute rounded-full bg-amber-700 -bottom-[2px] -left-[3px] bubble2 h-[15px] w-[15px]" style="translate: none; rotate: none; scale: none; transform: translate(-5px, 5px) scale(0, 0);"></div><div class="absolute rounded-full bg-amber-700 -bottom-[4px] -left-[13px] bubble1 h-[10px] w-[10px]" style="translate: none; rotate: none; scale: none; transform: scale(0, 0);"></div></div></div><script>document.addEventListener("DOMContentLoaded",(()=>{const e=document.getElementById("team-member-21");e&&e instanceof HTMLImageElement&&(e.complete?e.style.opacity="1":e.onload=()=>{e.style.opacity="1"})}))</script></div></div><div class="absolute -left-[85px] -top-[115px] bg-amber-600 boat-base h-5 rounded-xl w-[calc(100%+140px)]"></div><div class="absolute h-px bg-gradient-to-r from-transparent to-transparent via-black water-line" style="top:-75px;left:0;width:100%" aria-hidden="true"></div><div class="absolute h-px bg-gradient-to-r from-transparent to-transparent via-black water-line" style="top:-50px;left:10px;width:90%" aria-hidden="true"></div><div class="absolute h-px bg-gradient-to-r from-transparent to-transparent via-black water-line" style="top:-25px;left:20px;width:80%" aria-hidden="true"></div></div><div class="relative boat border-l-[80px] border-l-transparent border-r-[50px] border-r-transparent border-t-[100px] border-t-amber-700 h-0 rounded shrink-0" style="width: 550px; min-width: 550px; max-width: 1000px; translate: none; rotate: none; scale: none; transform-origin: 50% 100%; transform: translate(0%, -0.3107%) translate3d(0px, 0px, 0px) rotate(0.4018deg) scale(0, 0);" aria-label="Outreach boat" data-index="4" role="listitem"><div class="absolute duration-300 ease-in-out transition-all flag-container" style="top:-400px;right:75px"><div class="absolute duration-300 ease-in-out -left-[0px] bg-white flag flag-wrapper flex flex-col h-[70px] hover:scale-105 items-center justify-center overflow-hidden rounded-lg shadow-md text-red-900 top-2 transition-transform w-[120px]" style="translate: none; rotate: none; scale: none; transform: translate(0px, 20px); opacity: 0; visibility: hidden;"><div class="absolute h-full bg-red-600 w-5 left-0"></div><div class="absolute h-full bg-red-600 w-5 right-0"></div><span class="duration-300 ease-in-out transition-transform hover:scale-110 mb-1 z-10"><svg class="h-8 w-8 fill-red-600" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="m373 359 112-96-20-10c-11-5-9-12-8-17l19-74-63 14c-8 2-11-1-12-4l-8-33s-46 55-56 64-15-3-13-11l22-127-32 17c-9 5-15 2-20-6L256 0l-38 76c-5 8-11 11-20 6l-32-17 22 127c2 8-3 20-13 11s-56-64-56-64l-8 33c-1 3-4 6-12 4l-63-14 19 74c1 5 3 12-8 17l-20 10 112 96c5 4 5 9 3 15s-22 31-22 31 108-12 114-9c7 2 12 2 14 18 1 17-4 98-4 98h24s-5-81-4-98c2-16 7-16 14-18 6-3 114 9 114 9s-20-25-22-31-2-11 3-15z"></path></svg> </span><span class="duration-300 ease-in-out transition-all text-sm font-semibold hover:text-red-600 z-10">Outreach</span></div><div class="duration-300 ease-in-out transition-all bg-gradient-to-b flagpole from-amber-700 h-[100px] hover:h-[110px] rounded-t-full to-amber-900 w-2" style="translate: none; rotate: none; scale: none; transform: translate(0px, 20px); opacity: 0; visibility: hidden;"></div></div><div class="absolute border-b-[#bfd2de] border-b-[100px] border-l-[80px] border-l-transparent border-r-[40px] border-r-transparent -top-[300px] compartment-1-group h-10 right-[25px] w-[calc(70%)]" role="group" aria-label="Compartment 1" style="translate: none; rotate: none; scale: none; transform-origin: 50% 100%; transform: scale(1, 0);"><div class="absolute h-px bg-amber-600 right-[0px] w-full -top-[0px] compartment-1-divider"></div><div class="compartment-1"><div class="absolute rounded-full border border-1 border-amber-800 h-[80px] w-[80px] border-b-transparent team-member-1" style="left: 0px; top: 33px; translate: none; rotate: none; scale: none; transform: translate(0px, 50px) scale(0, 0);"><div class="rounded-full w-full cursor-pointer h-full overflow-hidden team-member-gsap" data-member="{"id":22,"firstName":"Nirek","team":"Outreach","tag":"Outreach Lead","link":"https://example.com/nirek","quote":"Placeholder quote"}"><img alt="Nirek's avatar" decoding="async" height="100" loading="lazy" src="/teamAvatars/default-avatar.webp" width="100" class="w-full h-full object-cover" id="team-member-22"></div><div class="absolute duration-300 ease-in-out transition-all bottom-full chat-bubble left-[80%]" style="visibility: hidden;"><div class="rounded-full bg-amber-700 bubble3 flex items-center justify-center px-4 py-2 relative text-white w-fit" style="translate: none; rotate: none; scale: none; transform: translate(-15px, 15px) scale(0, 0);">Nirek</div><div class="absolute rounded-full bg-amber-700 -bottom-[2px] -left-[3px] bubble2 h-[15px] w-[15px]" style="translate: none; rotate: none; scale: none; transform: translate(-5px, 5px) scale(0, 0);"></div><div class="absolute rounded-full bg-amber-700 -bottom-[4px] -left-[13px] bubble1 h-[10px] w-[10px]" style="translate: none; rotate: none; scale: none; transform: scale(0, 0);"></div></div></div><script>document.addEventListener("DOMContentLoaded",(()=>{const e=document.getElementById("team-member-22");e&&e instanceof HTMLImageElement&&(e.complete?e.style.opacity="1":e.onload=()=>{e.style.opacity="1"})}))</script></div></div><div class="absolute border-b-[#bfd2de] border-b-[100px] border-l-[80px] border-l-transparent border-r-[40px] border-r-transparent -right-[20px] -top-[200px] compartment-2-group h-0 w-[calc(80%+140px)]" role="group" aria-label="Compartment 2" style="translate: none; rotate: none; scale: none; transform-origin: 50% 100%; transform: scale(1, 0);"><div class="absolute h-px bg-amber-600 right-[0px] w-full compartment-2-divider top-[0px]"></div><div class="compartment-2"><div class="absolute rounded-full border border-1 border-amber-800 h-[80px] w-[80px] team-member-2" style="left: 0px; top: 20px; translate: none; rotate: none; scale: none; transform: translate(0px, 50px) scale(0, 0);"><div class="rounded-full w-full cursor-pointer h-full overflow-hidden team-member-gsap" data-member="{"id":23,"firstName":"Jad","team":"Outreach","tag":"Outreach Member","link":"https://example.com/jad","quote":"Placeholder quote"}"><img alt="Jad's avatar" decoding="async" height="100" loading="lazy" src="/teamAvatars/default-avatar.webp" width="100" class="w-full h-full object-cover" id="team-member-23"></div><div class="absolute duration-300 ease-in-out transition-all bottom-full chat-bubble left-[80%]" style="visibility: hidden;"><div class="rounded-full bg-amber-700 bubble3 flex items-center justify-center px-4 py-2 relative text-white w-fit" style="translate: none; rotate: none; scale: none; transform: translate(-15px, 15px) scale(0, 0);">Jad</div><div class="absolute rounded-full bg-amber-700 -bottom-[2px] -left-[3px] bubble2 h-[15px] w-[15px]" style="translate: none; rotate: none; scale: none; transform: translate(-5px, 5px) scale(0, 0);"></div><div class="absolute rounded-full bg-amber-700 -bottom-[4px] -left-[13px] bubble1 h-[10px] w-[10px]" style="translate: none; rotate: none; scale: none; transform: scale(0, 0);"></div></div></div><script>document.addEventListener("DOMContentLoaded",(()=>{const e=document.getElementById("team-member-23");e&&e instanceof HTMLImageElement&&(e.complete?e.style.opacity="1":e.onload=()=>{e.style.opacity="1"})}))</script><div class="absolute rounded-full border border-1 border-amber-800 h-[80px] w-[80px] team-member-2" style="left: 90px; top: 20px; translate: none; rotate: none; scale: none; transform: translate(0px, 50px) scale(0, 0);"><div class="rounded-full w-full cursor-pointer h-full overflow-hidden team-member-gsap" data-member="{"id":24,"firstName":"Greg","team":"Outreach","tag":"Outreach Member","link":"https://example.com/greg","quote":"Placeholder quote"}"><img alt="Greg's avatar" decoding="async" height="100" loading="lazy" src="/teamAvatars/default-avatar.webp" width="100" class="w-full h-full object-cover" id="team-member-24"></div><div class="absolute duration-300 ease-in-out transition-all bottom-full chat-bubble left-[80%]" style="visibility: hidden;"><div class="rounded-full bg-amber-700 bubble3 flex items-center justify-center px-4 py-2 relative text-white w-fit" style="translate: none; rotate: none; scale: none; transform: translate(-15px, 15px) scale(0, 0);">Greg</div><div class="absolute rounded-full bg-amber-700 -bottom-[2px] -left-[3px] bubble2 h-[15px] w-[15px]" style="translate: none; rotate: none; scale: none; transform: translate(-5px, 5px) scale(0, 0);"></div><div class="absolute rounded-full bg-amber-700 -bottom-[4px] -left-[13px] bubble1 h-[10px] w-[10px]" style="translate: none; rotate: none; scale: none; transform: scale(0, 0);"></div></div></div><script>document.addEventListener("DOMContentLoaded",(()=>{const e=document.getElementById("team-member-24");e&&e instanceof HTMLImageElement&&(e.complete?e.style.opacity="1":e.onload=()=>{e.style.opacity="1"})}))</script><div class="absolute rounded-full border border-1 border-amber-800 h-[80px] w-[80px] team-member-2" style="left: 180px; top: 20px; translate: none; rotate: none; scale: none; transform: translate(0px, 50px) scale(0, 0);"><div class="rounded-full w-full cursor-pointer h-full overflow-hidden team-member-gsap" data-member="{"id":25,"firstName":"Ray","lastName":"Tan","team":"Outreach","tag":"Outreach Officer","link":"https://www.linkedin.com/in/ray-tan-054ab4228/","quote":"I am Ray Tan of Canada"}"><img alt="Ray's avatar" decoding="async" height="100" loading="lazy" src="/teamAvatars/default-avatar.webp" width="100" class="w-full h-full object-cover" id="team-member-25"></div><div class="absolute duration-300 ease-in-out transition-all bottom-full chat-bubble left-[80%]" style="visibility: hidden;"><div class="rounded-full bg-amber-700 bubble3 flex items-center justify-center px-4 py-2 relative text-white w-fit" style="translate: none; rotate: none; scale: none; transform: translate(-15px, 15px) scale(0, 0);">Ray</div><div class="absolute rounded-full bg-amber-700 -bottom-[2px] -left-[3px] bubble2 h-[15px] w-[15px]" style="translate: none; rotate: none; scale: none; transform: translate(-5px, 5px) scale(0, 0);"></div><div class="absolute rounded-full bg-amber-700 -bottom-[4px] -left-[13px] bubble1 h-[10px] w-[10px]" style="translate: none; rotate: none; scale: none; transform: scale(0, 0);"></div></div></div><script>document.addEventListener("DOMContentLoaded",(()=>{const e=document.getElementById("team-member-25");e&&e instanceof HTMLImageElement&&(e.complete?e.style.opacity="1":e.onload=()=>{e.style.opacity="1"})}))</script><div class="absolute rounded-full border border-1 border-amber-800 h-[80px] w-[80px] team-member-2" style="left: 270px; top: 20px; translate: none; rotate: none; scale: none; transform: translate(0px, 50px) scale(0, 0);"><div class="rounded-full w-full cursor-pointer h-full overflow-hidden team-member-gsap" data-member="{"id":26,"firstName":"Tom","team":"Outreach","tag":"Outreach Member","link":"https://example.com/tom","quote":"Placeholder quote"}"><img alt="Tom's avatar" decoding="async" height="100" loading="lazy" src="/teamAvatars/default-avatar.webp" width="100" class="w-full h-full object-cover" id="team-member-26"></div><div class="absolute duration-300 ease-in-out transition-all bottom-full chat-bubble left-[80%]" style="visibility: hidden;"><div class="rounded-full bg-amber-700 bubble3 flex items-center justify-center px-4 py-2 relative text-white w-fit" style="translate: none; rotate: none; scale: none; transform: translate(-15px, 15px) scale(0, 0);">Tom</div><div class="absolute rounded-full bg-amber-700 -bottom-[2px] -left-[3px] bubble2 h-[15px] w-[15px]" style="translate: none; rotate: none; scale: none; transform: translate(-5px, 5px) scale(0, 0);"></div><div class="absolute rounded-full bg-amber-700 -bottom-[4px] -left-[13px] bubble1 h-[10px] w-[10px]" style="translate: none; rotate: none; scale: none; transform: scale(0, 0);"></div></div></div><script>document.addEventListener("DOMContentLoaded",(()=>{const e=document.getElementById("team-member-26");e&&e instanceof HTMLImageElement&&(e.complete?e.style.opacity="1":e.onload=()=>{e.style.opacity="1"})}))</script></div></div><div class="absolute -left-[85px] -top-[115px] bg-amber-600 boat-base h-5 rounded-xl w-[calc(100%+140px)]"></div><div class="absolute h-px bg-gradient-to-r from-transparent to-transparent via-black water-line" style="top:-75px;left:0;width:100%" aria-hidden="true"></div><div class="absolute h-px bg-gradient-to-r from-transparent to-transparent via-black water-line" style="top:-50px;left:10px;width:90%" aria-hidden="true"></div><div class="absolute h-px bg-gradient-to-r from-transparent to-transparent via-black water-line" style="top:-25px;left:20px;width:80%" aria-hidden="true"></div></div><div class="relative boat border-l-[80px] border-l-transparent border-r-[50px] border-r-transparent border-t-[100px] border-t-amber-700 h-0 rounded shrink-0" style="width: 550px; min-width: 550px; max-width: 1000px; translate: none; rotate: none; scale: none; transform-origin: 50% 100%; transform: translate(0%, 6.3375%) translate3d(0px, 0px, 0px) rotate(0.5493deg) scale(0, 0);" aria-label="Finance boat" data-index="5" role="listitem"><div class="absolute duration-300 ease-in-out transition-all flag-container" style="top:-300px;right:50px"><div class="absolute duration-300 ease-in-out -left-[0px] bg-white flag flag-wrapper flex flex-col h-[70px] hover:scale-105 items-center justify-center overflow-hidden rounded-lg shadow-md text-red-900 top-2 transition-transform w-[120px]" style="translate: none; rotate: none; scale: none; transform: translate(0px, 20px); opacity: 0; visibility: hidden;"><div class="absolute h-full bg-red-600 w-5 left-0"></div><div class="absolute h-full bg-red-600 w-5 right-0"></div><span class="duration-300 ease-in-out transition-transform hover:scale-110 mb-1 z-10"><svg class="h-8 w-8 fill-red-600" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="m373 359 112-96-20-10c-11-5-9-12-8-17l19-74-63 14c-8 2-11-1-12-4l-8-33s-46 55-56 64-15-3-13-11l22-127-32 17c-9 5-15 2-20-6L256 0l-38 76c-5 8-11 11-20 6l-32-17 22 127c2 8-3 20-13 11s-56-64-56-64l-8 33c-1 3-4 6-12 4l-63-14 19 74c1 5 3 12-8 17l-20 10 112 96c5 4 5 9 3 15s-22 31-22 31 108-12 114-9c7 2 12 2 14 18 1 17-4 98-4 98h24s-5-81-4-98c2-16 7-16 14-18 6-3 114 9 114 9s-20-25-22-31-2-11 3-15z"></path></svg> </span><span class="duration-300 ease-in-out transition-all text-sm font-semibold hover:text-red-600 z-10">Finance</span></div><div class="duration-300 ease-in-out transition-all bg-gradient-to-b flagpole from-amber-700 h-[100px] hover:h-[110px] rounded-t-full to-amber-900 w-2" style="translate: none; rotate: none; scale: none; transform: translate(0px, 20px); opacity: 0; visibility: hidden;"></div></div><div class="absolute border-b-[#bfd2de] border-b-[100px] border-l-[80px] border-l-transparent border-r-[40px] border-r-transparent -right-[20px] -top-[200px] compartment-2-group h-0 w-[calc(80%+140px)]" role="group" aria-label="Compartment 2" style="translate: none; rotate: none; scale: none; transform-origin: 50% 100%; transform: scale(1, 0);"><div class="absolute h-px bg-amber-600 right-[0px] w-full compartment-2-divider top-[0px]"></div><div class="compartment-2"><div class="absolute rounded-full border border-1 border-amber-800 h-[80px] w-[80px] team-member-2" style="left: 0px; top: 20px; translate: none; rotate: none; scale: none; transform: translate(0px, 50px) scale(0, 0);"><div class="rounded-full w-full cursor-pointer h-full overflow-hidden team-member-gsap" data-member="{"id":27,"firstName":"Uday","lastName":"Khanna","team":"Finance","tag":"Finance Lead","link":"https://www.linkedin.com/in/udaykhanna25/","quote":"\"There is No Tomorrow!\" - Apollo Creed (Rocky III)"}"><img alt="Uday's avatar" decoding="async" height="100" loading="lazy" src="/teamAvatars/default-avatar.webp" width="100" class="w-full h-full object-cover" id="team-member-27"></div><div class="absolute duration-300 ease-in-out transition-all bottom-full chat-bubble left-[80%]" style="visibility: hidden;"><div class="rounded-full bg-amber-700 bubble3 flex items-center justify-center px-4 py-2 relative text-white w-fit" style="translate: none; rotate: none; scale: none; transform: translate(-15px, 15px) scale(0, 0);">Uday</div><div class="absolute rounded-full bg-amber-700 -bottom-[2px] -left-[3px] bubble2 h-[15px] w-[15px]" style="translate: none; rotate: none; scale: none; transform: translate(-5px, 5px) scale(0, 0);"></div><div class="absolute rounded-full bg-amber-700 -bottom-[4px] -left-[13px] bubble1 h-[10px] w-[10px]" style="translate: none; rotate: none; scale: none; transform: scale(0, 0);"></div></div></div><script>document.addEventListener("DOMContentLoaded",(()=>{const e=document.getElementById("team-member-27");e&&e instanceof HTMLImageElement&&(e.complete?e.style.opacity="1":e.onload=()=>{e.style.opacity="1"})}))</script><div class="absolute rounded-full border border-1 border-amber-800 h-[80px] w-[80px] team-member-2" style="left: 90px; top: 20px; translate: none; rotate: none; scale: none; transform: translate(0px, 50px) scale(0, 0);"><div class="rounded-full w-full cursor-pointer h-full overflow-hidden team-member-gsap" data-member="{"id":28,"firstName":"Derek","team":"Finance","tag":"Finance Member","link":"https://example.com/derek","quote":"Placeholder quote"}"><img alt="Derek's avatar" decoding="async" height="100" loading="lazy" src="/teamAvatars/default-avatar.webp" width="100" class="w-full h-full object-cover" id="team-member-28"></div><div class="absolute duration-300 ease-in-out transition-all bottom-full chat-bubble left-[80%]" style="visibility: hidden;"><div class="rounded-full bg-amber-700 bubble3 flex items-center justify-center px-4 py-2 relative text-white w-fit" style="translate: none; rotate: none; scale: none; transform: translate(-15px, 15px) scale(0, 0);">Derek</div><div class="absolute rounded-full bg-amber-700 -bottom-[2px] -left-[3px] bubble2 h-[15px] w-[15px]" style="translate: none; rotate: none; scale: none; transform: translate(-5px, 5px) scale(0, 0);"></div><div class="absolute rounded-full bg-amber-700 -bottom-[4px] -left-[13px] bubble1 h-[10px] w-[10px]" style="translate: none; rotate: none; scale: none; transform: scale(0, 0);"></div></div></div><script>document.addEventListener("DOMContentLoaded",(()=>{const e=document.getElementById("team-member-28");e&&e instanceof HTMLImageElement&&(e.complete?e.style.opacity="1":e.onload=()=>{e.style.opacity="1"})}))</script><div class="absolute rounded-full border border-1 border-amber-800 h-[80px] w-[80px] team-member-2" style="left: 180px; top: 20px; translate: none; rotate: none; scale: none; transform: translate(0px, 50px) scale(0, 0);"><div class="rounded-full w-full cursor-pointer h-full overflow-hidden team-member-gsap" data-member="{"id":29,"firstName":"Shayaan","team":"Finance","tag":"Finance Member","link":"https://example.com/shayaan","quote":"Placeholder quote"}"><img alt="Shayaan's avatar" decoding="async" height="100" loading="lazy" src="/teamAvatars/default-avatar.webp" width="100" class="w-full h-full object-cover" id="team-member-29"></div><div class="absolute duration-300 ease-in-out transition-all bottom-full chat-bubble left-[80%]" style="visibility: hidden;"><div class="rounded-full bg-amber-700 bubble3 flex items-center justify-center px-4 py-2 relative text-white w-fit" style="translate: none; rotate: none; scale: none; transform: translate(-15px, 15px) scale(0, 0);">Shayaan</div><div class="absolute rounded-full bg-amber-700 -bottom-[2px] -left-[3px] bubble2 h-[15px] w-[15px]" style="translate: none; rotate: none; scale: none; transform: translate(-5px, 5px) scale(0, 0);"></div><div class="absolute rounded-full bg-amber-700 -bottom-[4px] -left-[13px] bubble1 h-[10px] w-[10px]" style="translate: none; rotate: none; scale: none; transform: scale(0, 0);"></div></div></div><script>document.addEventListener("DOMContentLoaded",(()=>{const e=document.getElementById("team-member-29");e&&e instanceof HTMLImageElement&&(e.complete?e.style.opacity="1":e.onload=()=>{e.style.opacity="1"})}))</script><div class="absolute rounded-full border border-1 border-amber-800 h-[80px] w-[80px] team-member-2" style="left: 270px; top: 20px; translate: none; rotate: none; scale: none; transform: translate(0px, 50px) scale(0, 0);"><div class="rounded-full w-full cursor-pointer h-full overflow-hidden team-member-gsap" data-member="{"id":30,"firstName":"Sardaul","team":"Finance","tag":"Finance Member","link":"https://example.com/sardaul","quote":"Placeholder quote"}"><img alt="Sardaul's avatar" decoding="async" height="100" loading="lazy" src="/teamAvatars/default-avatar.webp" width="100" class="w-full h-full object-cover" id="team-member-30"></div><div class="absolute duration-300 ease-in-out transition-all bottom-full chat-bubble left-[80%]" style="visibility: hidden;"><div class="rounded-full bg-amber-700 bubble3 flex items-center justify-center px-4 py-2 relative text-white w-fit" style="translate: none; rotate: none; scale: none; transform: translate(-15px, 15px) scale(0, 0);">Sardaul</div><div class="absolute rounded-full bg-amber-700 -bottom-[2px] -left-[3px] bubble2 h-[15px] w-[15px]" style="translate: none; rotate: none; scale: none; transform: translate(-5px, 5px) scale(0, 0);"></div><div class="absolute rounded-full bg-amber-700 -bottom-[4px] -left-[13px] bubble1 h-[10px] w-[10px]" style="translate: none; rotate: none; scale: none; transform: scale(0, 0);"></div></div></div><script>document.addEventListener("DOMContentLoaded",(()=>{const e=document.getElementById("team-member-30");e&&e instanceof HTMLImageElement&&(e.complete?e.style.opacity="1":e.onload=()=>{e.style.opacity="1"})}))</script></div></div><div class="absolute -left-[85px] -top-[115px] bg-amber-600 boat-base h-5 rounded-xl w-[calc(100%+140px)]"></div><div class="absolute h-px bg-gradient-to-r from-transparent to-transparent via-black water-line" style="top:-75px;left:0;width:100%" aria-hidden="true"></div><div class="absolute h-px bg-gradient-to-r from-transparent to-transparent via-black water-line" style="top:-50px;left:10px;width:90%" aria-hidden="true"></div><div class="absolute h-px bg-gradient-to-r from-transparent to-transparent via-black water-line" style="top:-25px;left:20px;width:80%" aria-hidden="true"></div></div><div class="relative boat border-l-[80px] border-l-transparent border-r-[50px] border-r-transparent border-t-[100px] border-t-amber-700 h-0 rounded shrink-0" style="width: 650px; min-width: 550px; max-width: 1000px; translate: none; rotate: none; scale: none; transform-origin: 50% 100%; transform: translate(0%, 3.1992%) translate3d(0px, 0px, 0px) rotate(-0.5168deg) scale(0, 0);" aria-label="Logistics boat" data-index="6" role="listitem"><div class="absolute duration-300 ease-in-out transition-all flag-container" style="top:-400px;right:75px"><div class="absolute duration-300 ease-in-out -left-[0px] bg-white flag flag-wrapper flex flex-col h-[70px] hover:scale-105 items-center justify-center overflow-hidden rounded-lg shadow-md text-red-900 top-2 transition-transform w-[120px]" style="translate: none; rotate: none; scale: none; transform: translate(0px, 20px); opacity: 0; visibility: hidden;"><div class="absolute h-full bg-red-600 w-5 left-0"></div><div class="absolute h-full bg-red-600 w-5 right-0"></div><span class="duration-300 ease-in-out transition-transform hover:scale-110 mb-1 z-10"><svg class="h-8 w-8 fill-red-600" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="m373 359 112-96-20-10c-11-5-9-12-8-17l19-74-63 14c-8 2-11-1-12-4l-8-33s-46 55-56 64-15-3-13-11l22-127-32 17c-9 5-15 2-20-6L256 0l-38 76c-5 8-11 11-20 6l-32-17 22 127c2 8-3 20-13 11s-56-64-56-64l-8 33c-1 3-4 6-12 4l-63-14 19 74c1 5 3 12-8 17l-20 10 112 96c5 4 5 9 3 15s-22 31-22 31 108-12 114-9c7 2 12 2 14 18 1 17-4 98-4 98h24s-5-81-4-98c2-16 7-16 14-18 6-3 114 9 114 9s-20-25-22-31-2-11 3-15z"></path></svg> </span><span class="duration-300 ease-in-out transition-all text-sm font-semibold hover:text-red-600 z-10">Logistics</span></div><div class="duration-300 ease-in-out transition-all bg-gradient-to-b flagpole from-amber-700 h-[100px] hover:h-[110px] rounded-t-full to-amber-900 w-2" style="translate: none; rotate: none; scale: none; transform: translate(0px, 20px); opacity: 0; visibility: hidden;"></div></div><div class="absolute border-b-[#bfd2de] border-b-[100px] border-l-[80px] border-l-transparent border-r-[40px] border-r-transparent -top-[300px] compartment-1-group h-10 right-[25px] w-[calc(70%)]" role="group" aria-label="Compartment 1" style="translate: none; rotate: none; scale: none; transform-origin: 50% 100%; transform: scale(1, 0);"><div class="absolute h-px bg-amber-600 right-[0px] w-full -top-[0px] compartment-1-divider"></div><div class="compartment-1"><div class="absolute rounded-full border border-1 border-amber-800 h-[80px] w-[80px] border-b-transparent team-member-1" style="left: 0px; top: 33px; translate: none; rotate: none; scale: none; transform: translate(0px, 50px) scale(0, 0);"><div class="rounded-full w-full cursor-pointer h-full overflow-hidden team-member-gsap" data-member="{"id":31,"firstName":"Aayan","team":"Logistics","tag":"Logistics Lead","link":"https://example.com/aayan_l","quote":"Placeholder quote"}"><img alt="Aayan's avatar" decoding="async" height="100" loading="lazy" src="/teamAvatars/default-avatar.webp" width="100" class="w-full h-full object-cover" id="team-member-31"></div><div class="absolute duration-300 ease-in-out transition-all bottom-full chat-bubble left-[80%]" style="visibility: hidden;"><div class="rounded-full bg-amber-700 bubble3 flex items-center justify-center px-4 py-2 relative text-white w-fit" style="translate: none; rotate: none; scale: none; transform: translate(-15px, 15px) scale(0, 0);">Aayan</div><div class="absolute rounded-full bg-amber-700 -bottom-[2px] -left-[3px] bubble2 h-[15px] w-[15px]" style="translate: none; rotate: none; scale: none; transform: translate(-5px, 5px) scale(0, 0);"></div><div class="absolute rounded-full bg-amber-700 -bottom-[4px] -left-[13px] bubble1 h-[10px] w-[10px]" style="translate: none; rotate: none; scale: none; transform: scale(0, 0);"></div></div></div><script>document.addEventListener("DOMContentLoaded",(()=>{const e=document.getElementById("team-member-31");e&&e instanceof HTMLImageElement&&(e.complete?e.style.opacity="1":e.onload=()=>{e.style.opacity="1"})}))</script><div class="absolute rounded-full border border-1 border-amber-800 h-[80px] w-[80px] border-b-transparent team-member-1" style="left: 90px; top: 33px; translate: none; rotate: none; scale: none; transform: translate(0px, 50px) scale(0, 0);"><div class="rounded-full w-full cursor-pointer h-full overflow-hidden team-member-gsap" data-member="{"id":32,"firstName":"Emilo","team":"Logistics","tag":"Logistics Lead","link":"https://example.com/emilo","quote":"Placeholder quote"}"><img alt="Emilo's avatar" decoding="async" height="100" loading="lazy" src="/teamAvatars/default-avatar.webp" width="100" class="w-full h-full object-cover" id="team-member-32"></div><div class="absolute duration-300 ease-in-out transition-all bottom-full chat-bubble left-[80%]" style="visibility: hidden;"><div class="rounded-full bg-amber-700 bubble3 flex items-center justify-center px-4 py-2 relative text-white w-fit" style="translate: none; rotate: none; scale: none; transform: translate(-15px, 15px) scale(0, 0);">Emilo</div><div class="absolute rounded-full bg-amber-700 -bottom-[2px] -left-[3px] bubble2 h-[15px] w-[15px]" style="translate: none; rotate: none; scale: none; transform: translate(-5px, 5px) scale(0, 0);"></div><div class="absolute rounded-full bg-amber-700 -bottom-[4px] -left-[13px] bubble1 h-[10px] w-[10px]" style="translate: none; rotate: none; scale: none; transform: scale(0, 0);"></div></div></div><script>document.addEventListener("DOMContentLoaded",(()=>{const e=document.getElementById("team-member-32");e&&e instanceof HTMLImageElement&&(e.complete?e.style.opacity="1":e.onload=()=>{e.style.opacity="1"})}))</script></div></div><div class="absolute border-b-[#bfd2de] border-b-[100px] border-l-[80px] border-l-transparent border-r-[40px] border-r-transparent -right-[20px] -top-[200px] compartment-2-group h-0 w-[calc(80%+140px)]" role="group" aria-label="Compartment 2" style="translate: none; rotate: none; scale: none; transform-origin: 50% 100%; transform: scale(1, 0);"><div class="absolute h-px bg-amber-600 right-[0px] w-full compartment-2-divider top-[0px]"></div><div class="compartment-2"><div class="absolute rounded-full border border-1 border-amber-800 h-[80px] w-[80px] team-member-2" style="left: 0px; top: 20px; translate: none; rotate: none; scale: none; transform: translate(0px, 50px) scale(0, 0);"><div class="rounded-full w-full cursor-pointer h-full overflow-hidden team-member-gsap" data-member="{"id":33,"firstName":"Jia","team":"Logistics","tag":"Logistics Member","link":"https://example.com/jia","quote":"Placeholder quote"}"><img alt="Jia's avatar" decoding="async" height="100" loading="lazy" src="/teamAvatars/default-avatar.webp" width="100" class="w-full h-full object-cover" id="team-member-33"></div><div class="absolute duration-300 ease-in-out transition-all bottom-full chat-bubble left-[80%]" style="visibility: hidden;"><div class="rounded-full bg-amber-700 bubble3 flex items-center justify-center px-4 py-2 relative text-white w-fit" style="translate: none; rotate: none; scale: none; transform: translate(-15px, 15px) scale(0, 0);">Jia</div><div class="absolute rounded-full bg-amber-700 -bottom-[2px] -left-[3px] bubble2 h-[15px] w-[15px]" style="translate: none; rotate: none; scale: none; transform: translate(-5px, 5px) scale(0, 0);"></div><div class="absolute rounded-full bg-amber-700 -bottom-[4px] -left-[13px] bubble1 h-[10px] w-[10px]" style="translate: none; rotate: none; scale: none; transform: scale(0, 0);"></div></div></div><script>document.addEventListener("DOMContentLoaded",(()=>{const e=document.getElementById("team-member-33");e&&e instanceof HTMLImageElement&&(e.complete?e.style.opacity="1":e.onload=()=>{e.style.opacity="1"})}))</script><div class="absolute rounded-full border border-1 border-amber-800 h-[80px] w-[80px] team-member-2" style="left: 90px; top: 20px; translate: none; rotate: none; scale: none; transform: translate(0px, 50px) scale(0, 0);"><div class="rounded-full w-full cursor-pointer h-full overflow-hidden team-member-gsap" data-member="{"id":34,"firstName":"Yang","team":"Logistics","tag":"Logistics Member","link":"https://example.com/yang","quote":"Placeholder quote"}"><img alt="Yang's avatar" decoding="async" height="100" loading="lazy" src="/teamAvatars/default-avatar.webp" width="100" class="w-full h-full object-cover" id="team-member-34"></div><div class="absolute duration-300 ease-in-out transition-all bottom-full chat-bubble left-[80%]" style="visibility: hidden;"><div class="rounded-full bg-amber-700 bubble3 flex items-center justify-center px-4 py-2 relative text-white w-fit" style="translate: none; rotate: none; scale: none; transform: translate(-15px, 15px) scale(0, 0);">Yang</div><div class="absolute rounded-full bg-amber-700 -bottom-[2px] -left-[3px] bubble2 h-[15px] w-[15px]" style="translate: none; rotate: none; scale: none; transform: translate(-5px, 5px) scale(0, 0);"></div><div class="absolute rounded-full bg-amber-700 -bottom-[4px] -left-[13px] bubble1 h-[10px] w-[10px]" style="translate: none; rotate: none; scale: none; transform: scale(0, 0);"></div></div></div><script>document.addEventListener("DOMContentLoaded",(()=>{const e=document.getElementById("team-member-34");e&&e instanceof HTMLImageElement&&(e.complete?e.style.opacity="1":e.onload=()=>{e.style.opacity="1"})}))</script><div class="absolute rounded-full border border-1 border-amber-800 h-[80px] w-[80px] team-member-2" style="left: 180px; top: 20px; translate: none; rotate: none; scale: none; transform: translate(0px, 50px) scale(0, 0);"><div class="rounded-full w-full cursor-pointer h-full overflow-hidden team-member-gsap" data-member="{"id":35,"firstName":"Arnav","team":"Logistics","tag":"Logistics Member","link":"https://example.com/arnav","quote":"Placeholder quote"}"><img alt="Arnav's avatar" decoding="async" height="100" loading="lazy" src="/teamAvatars/default-avatar.webp" width="100" class="w-full h-full object-cover" id="team-member-35"></div><div class="absolute duration-300 ease-in-out transition-all bottom-full chat-bubble left-[80%]" style="visibility: hidden;"><div class="rounded-full bg-amber-700 bubble3 flex items-center justify-center px-4 py-2 relative text-white w-fit" style="translate: none; rotate: none; scale: none; transform: translate(-15px, 15px) scale(0, 0);">Arnav</div><div class="absolute rounded-full bg-amber-700 -bottom-[2px] -left-[3px] bubble2 h-[15px] w-[15px]" style="translate: none; rotate: none; scale: none; transform: translate(-5px, 5px) scale(0, 0);"></div><div class="absolute rounded-full bg-amber-700 -bottom-[4px] -left-[13px] bubble1 h-[10px] w-[10px]" style="translate: none; rotate: none; scale: none; transform: scale(0, 0);"></div></div></div><script>document.addEventListener("DOMContentLoaded",(()=>{const e=document.getElementById("team-member-35");e&&e instanceof HTMLImageElement&&(e.complete?e.style.opacity="1":e.onload=()=>{e.style.opacity="1"})}))</script><div class="absolute rounded-full border border-1 border-amber-800 h-[80px] w-[80px] team-member-2" style="left: 270px; top: 20px; translate: none; rotate: none; scale: none; transform: translate(0px, 50px) scale(0, 0);"><div class="rounded-full w-full cursor-pointer h-full overflow-hidden team-member-gsap" data-member="{"id":36,"firstName":"Advaith","team":"Logistics","tag":"Logistics Member","link":"https://example.com/advaith","quote":"Placeholder quote"}"><img alt="Advaith's avatar" decoding="async" height="100" loading="lazy" src="/teamAvatars/default-avatar.webp" width="100" class="w-full h-full object-cover" id="team-member-36"></div><div class="absolute duration-300 ease-in-out transition-all bottom-full chat-bubble left-[80%]" style="visibility: hidden;"><div class="rounded-full bg-amber-700 bubble3 flex items-center justify-center px-4 py-2 relative text-white w-fit" style="translate: none; rotate: none; scale: none; transform: translate(-15px, 15px) scale(0, 0);">Advaith</div><div class="absolute rounded-full bg-amber-700 -bottom-[2px] -left-[3px] bubble2 h-[15px] w-[15px]" style="translate: none; rotate: none; scale: none; transform: translate(-5px, 5px) scale(0, 0);"></div><div class="absolute rounded-full bg-amber-700 -bottom-[4px] -left-[13px] bubble1 h-[10px] w-[10px]" style="translate: none; rotate: none; scale: none; transform: scale(0, 0);"></div></div></div><script>document.addEventListener("DOMContentLoaded",(()=>{const e=document.getElementById("team-member-36");e&&e instanceof HTMLImageElement&&(e.complete?e.style.opacity="1":e.onload=()=>{e.style.opacity="1"})}))</script><div class="absolute rounded-full border border-1 border-amber-800 h-[80px] w-[80px] team-member-2" style="left: 360px; top: 20px; translate: none; rotate: none; scale: none; transform: translate(0px, 50px) scale(0, 0);"><div class="rounded-full w-full cursor-pointer h-full overflow-hidden team-member-gsap" data-member="{"id":37,"firstName":"Edward","team":"Logistics","tag":"Logistics Member","link":"https://example.com/edward","quote":"Placeholder quote"}"><img alt="Edward's avatar" decoding="async" height="100" loading="lazy" src="/teamAvatars/default-avatar.webp" width="100" class="w-full h-full object-cover" id="team-member-37"></div><div class="absolute duration-300 ease-in-out transition-all bottom-full chat-bubble left-[80%]" style="visibility: hidden;"><div class="rounded-full bg-amber-700 bubble3 flex items-center justify-center px-4 py-2 relative text-white w-fit" style="translate: none; rotate: none; scale: none; transform: translate(-15px, 15px) scale(0, 0);">Edward</div><div class="absolute rounded-full bg-amber-700 -bottom-[2px] -left-[3px] bubble2 h-[15px] w-[15px]" style="translate: none; rotate: none; scale: none; transform: translate(-5px, 5px) scale(0, 0);"></div><div class="absolute rounded-full bg-amber-700 -bottom-[4px] -left-[13px] bubble1 h-[10px] w-[10px]" style="translate: none; rotate: none; scale: none; transform: scale(0, 0);"></div></div></div><script>document.addEventListener("DOMContentLoaded",(()=>{const e=document.getElementById("team-member-37");e&&e instanceof HTMLImageElement&&(e.complete?e.style.opacity="1":e.onload=()=>{e.style.opacity="1"})}))</script></div></div><div class="absolute -left-[85px] -top-[115px] bg-amber-600 boat-base h-5 rounded-xl w-[calc(100%+140px)]"></div><div class="absolute h-px bg-gradient-to-r from-transparent to-transparent via-black water-line" style="top:-75px;left:0;width:100%" aria-hidden="true"></div><div class="absolute h-px bg-gradient-to-r from-transparent to-transparent via-black water-line" style="top:-50px;left:10px;width:90%" aria-hidden="true"></div><div class="absolute h-px bg-gradient-to-r from-transparent to-transparent via-black water-line" style="top:-25px;left:20px;width:80%" aria-hidden="true"></div></div><div class="relative boat border-l-[80px] border-l-transparent border-r-[50px] border-r-transparent border-t-[100px] border-t-amber-700 h-0 rounded shrink-0" style="width: 550px; min-width: 550px; max-width: 1000px; translate: none; rotate: none; scale: none; transform-origin: 50% 100%; transform: translate(0%, -0.7961%) translate3d(0px, 0px, 0px) rotate(0.1089deg) scale(0, 0);" aria-label="Marketing boat" data-index="7" role="listitem"><div class="absolute duration-300 ease-in-out transition-all flag-container" style="top:-400px;right:75px"><div class="absolute duration-300 ease-in-out -left-[0px] bg-white flag flag-wrapper flex flex-col h-[70px] hover:scale-105 items-center justify-center overflow-hidden rounded-lg shadow-md text-red-900 top-2 transition-transform w-[120px]" style="translate: none; rotate: none; scale: none; transform: translate(0px, 20px); opacity: 0; visibility: hidden;"><div class="absolute h-full bg-red-600 w-5 left-0"></div><div class="absolute h-full bg-red-600 w-5 right-0"></div><span class="duration-300 ease-in-out transition-transform hover:scale-110 mb-1 z-10"><svg class="h-8 w-8 fill-red-600" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="m373 359 112-96-20-10c-11-5-9-12-8-17l19-74-63 14c-8 2-11-1-12-4l-8-33s-46 55-56 64-15-3-13-11l22-127-32 17c-9 5-15 2-20-6L256 0l-38 76c-5 8-11 11-20 6l-32-17 22 127c2 8-3 20-13 11s-56-64-56-64l-8 33c-1 3-4 6-12 4l-63-14 19 74c1 5 3 12-8 17l-20 10 112 96c5 4 5 9 3 15s-22 31-22 31 108-12 114-9c7 2 12 2 14 18 1 17-4 98-4 98h24s-5-81-4-98c2-16 7-16 14-18 6-3 114 9 114 9s-20-25-22-31-2-11 3-15z"></path></svg> </span><span class="duration-300 ease-in-out transition-all text-sm font-semibold hover:text-red-600 z-10">Marketing</span></div><div class="duration-300 ease-in-out transition-all bg-gradient-to-b flagpole from-amber-700 h-[100px] hover:h-[110px] rounded-t-full to-amber-900 w-2" style="translate: none; rotate: none; scale: none; transform: translate(0px, 20px); opacity: 0; visibility: hidden;"></div></div><div class="absolute border-b-[#bfd2de] border-b-[100px] border-l-[80px] border-l-transparent border-r-[40px] border-r-transparent -top-[300px] compartment-1-group h-10 right-[25px] w-[calc(70%)]" role="group" aria-label="Compartment 1" style="translate: none; rotate: none; scale: none; transform-origin: 50% 100%; transform: scale(1, 0);"><div class="absolute h-px bg-amber-600 right-[0px] w-full -top-[0px] compartment-1-divider"></div><div class="compartment-1"><div class="absolute rounded-full border border-1 border-amber-800 h-[80px] w-[80px] border-b-transparent team-member-1" style="left: 0px; top: 33px; translate: none; rotate: none; scale: none; transform: translate(0px, 50px) scale(0, 0);"><div class="rounded-full w-full cursor-pointer h-full overflow-hidden team-member-gsap" data-member="{"id":38,"firstName":"Chelsea","lastName":"Wong","team":"Marketing","tag":"Head of Marketing","pronouns":"she/her","link":"https://www.linkedin.com/in/chelseawong07/","quote":"stan enhypen"}"><img alt="Chelsea's avatar" decoding="async" height="100" loading="lazy" src="/teamAvatars/default-avatar.webp" width="100" class="w-full h-full object-cover" id="team-member-38"></div><div class="absolute duration-300 ease-in-out transition-all bottom-full chat-bubble left-[80%]" style="visibility: hidden;"><div class="rounded-full bg-amber-700 bubble3 flex items-center justify-center px-4 py-2 relative text-white w-fit" style="translate: none; rotate: none; scale: none; transform: translate(-15px, 15px) scale(0, 0);">Chelsea</div><div class="absolute rounded-full bg-amber-700 -bottom-[2px] -left-[3px] bubble2 h-[15px] w-[15px]" style="translate: none; rotate: none; scale: none; transform: translate(-5px, 5px) scale(0, 0);"></div><div class="absolute rounded-full bg-amber-700 -bottom-[4px] -left-[13px] bubble1 h-[10px] w-[10px]" style="translate: none; rotate: none; scale: none; transform: scale(0, 0);"></div></div></div><script>document.addEventListener("DOMContentLoaded",(()=>{const e=document.getElementById("team-member-38");e&&e instanceof HTMLImageElement&&(e.complete?e.style.opacity="1":e.onload=()=>{e.style.opacity="1"})}))</script><div class="absolute rounded-full border border-1 border-amber-800 h-[80px] w-[80px] border-b-transparent team-member-1" style="left: 90px; top: 33px; translate: none; rotate: none; scale: none; transform: translate(0px, 50px) scale(0, 0);"><div class="rounded-full w-full cursor-pointer h-full overflow-hidden team-member-gsap" data-member="{"id":39,"firstName":"Ev","team":"Marketing","tag":"Marketing Lead","link":"https://example.com/ev","quote":"Placeholder quote"}"><img alt="Ev's avatar" decoding="async" height="100" loading="lazy" src="/teamAvatars/default-avatar.webp" width="100" class="w-full h-full object-cover" id="team-member-39"></div><div class="absolute duration-300 ease-in-out transition-all bottom-full chat-bubble left-[80%]" style="visibility: hidden;"><div class="rounded-full bg-amber-700 bubble3 flex items-center justify-center px-4 py-2 relative text-white w-fit" style="translate: none; rotate: none; scale: none; transform: translate(-15px, 15px) scale(0, 0);">Ev</div><div class="absolute rounded-full bg-amber-700 -bottom-[2px] -left-[3px] bubble2 h-[15px] w-[15px]" style="translate: none; rotate: none; scale: none; transform: translate(-5px, 5px) scale(0, 0);"></div><div class="absolute rounded-full bg-amber-700 -bottom-[4px] -left-[13px] bubble1 h-[10px] w-[10px]" style="translate: none; rotate: none; scale: none; transform: scale(0, 0);"></div></div></div><script>document.addEventListener("DOMContentLoaded",(()=>{const e=document.getElementById("team-member-39");e&&e instanceof HTMLImageElement&&(e.complete?e.style.opacity="1":e.onload=()=>{e.style.opacity="1"})}))</script></div></div><div class="absolute border-b-[#bfd2de] border-b-[100px] border-l-[80px] border-l-transparent border-r-[40px] border-r-transparent -right-[20px] -top-[200px] compartment-2-group h-0 w-[calc(80%+140px)]" role="group" aria-label="Compartment 2" style="translate: none; rotate: none; scale: none; transform-origin: 50% 100%; transform: scale(1, 0);"><div class="absolute h-px bg-amber-600 right-[0px] w-full compartment-2-divider top-[0px]"></div><div class="compartment-2"><div class="absolute rounded-full border border-1 border-amber-800 h-[80px] w-[80px] team-member-2" style="left: 0px; top: 20px; translate: none; rotate: none; scale: none; transform: translate(0px, 50px) scale(0, 0);"><div class="rounded-full w-full cursor-pointer h-full overflow-hidden team-member-gsap" data-member="{"id":40,"firstName":"Yashas","team":"Marketing","tag":"Marketing Lead","link":"https://example.com/yashas","quote":"Placeholder quote"}"><img alt="Yashas's avatar" decoding="async" height="100" loading="lazy" src="/teamAvatars/default-avatar.webp" width="100" class="w-full h-full object-cover" id="team-member-40"></div><div class="absolute duration-300 ease-in-out transition-all bottom-full chat-bubble left-[80%]" style="visibility: hidden;"><div class="rounded-full bg-amber-700 bubble3 flex items-center justify-center px-4 py-2 relative text-white w-fit" style="translate: none; rotate: none; scale: none; transform: translate(-15px, 15px) scale(0, 0);">Yashas</div><div class="absolute rounded-full bg-amber-700 -bottom-[2px] -left-[3px] bubble2 h-[15px] w-[15px]" style="translate: none; rotate: none; scale: none; transform: translate(-5px, 5px) scale(0, 0);"></div><div class="absolute rounded-full bg-amber-700 -bottom-[4px] -left-[13px] bubble1 h-[10px] w-[10px]" style="translate: none; rotate: none; scale: none; transform: scale(0, 0);"></div></div></div><script>document.addEventListener("DOMContentLoaded",(()=>{const e=document.getElementById("team-member-40");e&&e instanceof HTMLImageElement&&(e.complete?e.style.opacity="1":e.onload=()=>{e.style.opacity="1"})}))</script><div class="absolute rounded-full border border-1 border-amber-800 h-[80px] w-[80px] team-member-2" style="left: 90px; top: 20px; translate: none; rotate: none; scale: none; transform: translate(0px, 50px) scale(0, 0);"><div class="rounded-full w-full cursor-pointer h-full overflow-hidden team-member-gsap" data-member="{"id":41,"firstName":"Naman","team":"Marketing","tag":"Marketing Member","link":"https://example.com/naman","quote":"Placeholder quote"}"><img alt="Naman's avatar" decoding="async" height="100" loading="lazy" src="/teamAvatars/default-avatar.webp" width="100" class="w-full h-full object-cover" id="team-member-41"></div><div class="absolute duration-300 ease-in-out transition-all bottom-full chat-bubble left-[80%]" style="visibility: hidden;"><div class="rounded-full bg-amber-700 bubble3 flex items-center justify-center px-4 py-2 relative text-white w-fit" style="translate: none; rotate: none; scale: none; transform: translate(-15px, 15px) scale(0, 0);">Naman</div><div class="absolute rounded-full bg-amber-700 -bottom-[2px] -left-[3px] bubble2 h-[15px] w-[15px]" style="translate: none; rotate: none; scale: none; transform: translate(-5px, 5px) scale(0, 0);"></div><div class="absolute rounded-full bg-amber-700 -bottom-[4px] -left-[13px] bubble1 h-[10px] w-[10px]" style="translate: none; rotate: none; scale: none; transform: scale(0, 0);"></div></div></div><script>document.addEventListener("DOMContentLoaded",(()=>{const e=document.getElementById("team-member-41");e&&e instanceof HTMLImageElement&&(e.complete?e.style.opacity="1":e.onload=()=>{e.style.opacity="1"})}))</script><div class="absolute rounded-full border border-1 border-amber-800 h-[80px] w-[80px] team-member-2" style="left: 180px; top: 20px; translate: none; rotate: none; scale: none; transform: translate(0px, 50px) scale(0, 0);"><div class="rounded-full w-full cursor-pointer h-full overflow-hidden team-member-gsap" data-member="{"id":42,"firstName":"Anushka","team":"Marketing","tag":"Marketing Member","link":"https://example.com/anushka","quote":"Placeholder quote"}"><img alt="Anushka's avatar" decoding="async" height="100" loading="lazy" src="/teamAvatars/default-avatar.webp" width="100" class="w-full h-full object-cover" id="team-member-42"></div><div class="absolute duration-300 ease-in-out transition-all bottom-full chat-bubble left-[80%]" style="visibility: hidden;"><div class="rounded-full bg-amber-700 bubble3 flex items-center justify-center px-4 py-2 relative text-white w-fit" style="translate: none; rotate: none; scale: none; transform: translate(-15px, 15px) scale(0, 0);">Anushka</div><div class="absolute rounded-full bg-amber-700 -bottom-[2px] -left-[3px] bubble2 h-[15px] w-[15px]" style="translate: none; rotate: none; scale: none; transform: translate(-5px, 5px) scale(0, 0);"></div><div class="absolute rounded-full bg-amber-700 -bottom-[4px] -left-[13px] bubble1 h-[10px] w-[10px]" style="translate: none; rotate: none; scale: none; transform: scale(0, 0);"></div></div></div><script>document.addEventListener("DOMContentLoaded",(()=>{const e=document.getElementById("team-member-42");e&&e instanceof HTMLImageElement&&(e.complete?e.style.opacity="1":e.onload=()=>{e.style.opacity="1"})}))</script><div class="absolute rounded-full border border-1 border-amber-800 h-[80px] w-[80px] team-member-2" style="left: 270px; top: 20px; translate: none; rotate: none; scale: none; transform: translate(0px, 50px) scale(0, 0);"><div class="rounded-full w-full cursor-pointer h-full overflow-hidden team-member-gsap" data-member="{"id":43,"firstName":"Claire","lastName":"L","team":"Marketing","tag":"Marketing Member","link":"https://example.com/claire","quote":"Placeholder quote"}"><img alt="Claire's avatar" decoding="async" height="100" loading="lazy" src="/teamAvatars/default-avatar.webp" width="100" class="w-full h-full object-cover" id="team-member-43"></div><div class="absolute duration-300 ease-in-out transition-all bottom-full chat-bubble left-[80%]" style="visibility: hidden;"><div class="rounded-full bg-amber-700 bubble3 flex items-center justify-center px-4 py-2 relative text-white w-fit" style="translate: none; rotate: none; scale: none; transform: translate(-15px, 15px) scale(0, 0);">Claire</div><div class="absolute rounded-full bg-amber-700 -bottom-[2px] -left-[3px] bubble2 h-[15px] w-[15px]" style="translate: none; rotate: none; scale: none; transform: translate(-5px, 5px) scale(0, 0);"></div><div class="absolute rounded-full bg-amber-700 -bottom-[4px] -left-[13px] bubble1 h-[10px] w-[10px]" style="translate: none; rotate: none; scale: none; transform: scale(0, 0);"></div></div></div><script>document.addEventListener("DOMContentLoaded",(()=>{const e=document.getElementById("team-member-43");e&&e instanceof HTMLImageElement&&(e.complete?e.style.opacity="1":e.onload=()=>{e.style.opacity="1"})}))</script></div></div><div class="absolute -left-[85px] -top-[115px] bg-amber-600 boat-base h-5 rounded-xl w-[calc(100%+140px)]"></div><div class="absolute h-px bg-gradient-to-r from-transparent to-transparent via-black water-line" style="top:-75px;left:0;width:100%" aria-hidden="true"></div><div class="absolute h-px bg-gradient-to-r from-transparent to-transparent via-black water-line" style="top:-50px;left:10px;width:90%" aria-hidden="true"></div><div class="absolute h-px bg-gradient-to-r from-transparent to-transparent via-black water-line" style="top:-25px;left:20px;width:80%" aria-hidden="true"></div></div><div class="relative boat border-l-[80px] border-l-transparent border-r-[50px] border-r-transparent border-t-[100px] border-t-amber-700 h-0 rounded shrink-0" style="width: 550px; min-width: 550px; max-width: 1000px; translate: none; rotate: none; scale: none; transform-origin: 50% 100%; transform: translate(0%, 5.3775%) translate3d(0px, 0px, 0px) rotate(-0.1165deg) scale(0, 0);" aria-label="Admin boat" data-index="0" role="listitem"><div class="absolute duration-300 ease-in-out transition-all flag-container" style="top:-300px;right:50px"><div class="absolute duration-300 ease-in-out -left-[0px] bg-white flag flag-wrapper flex flex-col h-[70px] hover:scale-105 items-center justify-center overflow-hidden rounded-lg shadow-md text-red-900 top-2 transition-transform w-[120px]" style="translate: none; rotate: none; scale: none; transform: translate(0px, 20px); opacity: 0; visibility: hidden;"><div class="absolute h-full bg-red-600 w-5 left-0"></div><div class="absolute h-full bg-red-600 w-5 right-0"></div><span class="duration-300 ease-in-out transition-transform hover:scale-110 mb-1 z-10"><svg class="h-8 w-8 fill-red-600" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="m373 359 112-96-20-10c-11-5-9-12-8-17l19-74-63 14c-8 2-11-1-12-4l-8-33s-46 55-56 64-15-3-13-11l22-127-32 17c-9 5-15 2-20-6L256 0l-38 76c-5 8-11 11-20 6l-32-17 22 127c2 8-3 20-13 11s-56-64-56-64l-8 33c-1 3-4 6-12 4l-63-14 19 74c1 5 3 12-8 17l-20 10 112 96c5 4 5 9 3 15s-22 31-22 31 108-12 114-9c7 2 12 2 14 18 1 17-4 98-4 98h24s-5-81-4-98c2-16 7-16 14-18 6-3 114 9 114 9s-20-25-22-31-2-11 3-15z"></path></svg> </span><span class="duration-300 ease-in-out transition-all text-sm font-semibold hover:text-red-600 z-10">Admin</span></div><div class="duration-300 ease-in-out transition-all bg-gradient-to-b flagpole from-amber-700 h-[100px] hover:h-[110px] rounded-t-full to-amber-900 w-2" style="translate: none; rotate: none; scale: none; transform: translate(0px, 20px); opacity: 0; visibility: hidden;"></div></div><div class="absolute border-b-[#bfd2de] border-b-[100px] border-l-[80px] border-l-transparent border-r-[40px] border-r-transparent -right-[20px] -top-[200px] compartment-2-group h-0 w-[calc(80%+140px)]" role="group" aria-label="Compartment 2" style="translate: none; rotate: none; scale: none; transform-origin: 50% 100%; transform: scale(1, 0);"><div class="absolute h-px bg-amber-600 right-[0px] w-full compartment-2-divider top-[0px]"></div><div class="compartment-2"><div class="absolute rounded-full border border-1 border-amber-800 h-[80px] w-[80px] team-member-2" style="left: 0px; top: 20px; translate: none; rotate: none; scale: none; transform: translate(0px, 50px) scale(0, 0);"><div class="rounded-full w-full cursor-pointer h-full overflow-hidden team-member-gsap" data-member="{"id":1,"firstName":"William","lastName":"Wang","team":"Admin","tag":"Founder","pronouns":"","link":"https://www.linkedin.com/in/williamuw/","quote":"55x hackathon winner, karaoke enthusiast!"}"><img alt="William's avatar" decoding="async" height="100" loading="lazy" src="/teamAvatars/default-avatar.webp" width="100" class="w-full h-full object-cover" id="team-member-1"></div><div class="absolute duration-300 ease-in-out transition-all bottom-full chat-bubble left-[80%]" style="visibility: hidden;"><div class="rounded-full bg-amber-700 bubble3 flex items-center justify-center px-4 py-2 relative text-white w-fit" style="translate: none; rotate: none; scale: none; transform: translate(-15px, 15px) scale(0, 0);">William</div><div class="absolute rounded-full bg-amber-700 -bottom-[2px] -left-[3px] bubble2 h-[15px] w-[15px]" style="translate: none; rotate: none; scale: none; transform: translate(-5px, 5px) scale(0, 0);"></div><div class="absolute rounded-full bg-amber-700 -bottom-[4px] -left-[13px] bubble1 h-[10px] w-[10px]" style="translate: none; rotate: none; scale: none; transform: scale(0, 0);"></div></div></div><script>document.addEventListener("DOMContentLoaded",(()=>{const e=document.getElementById("team-member-1");e&&e instanceof HTMLImageElement&&(e.complete?e.style.opacity="1":e.onload=()=>{e.style.opacity="1"})}))</script><div class="absolute rounded-full border border-1 border-amber-800 h-[80px] w-[80px] team-member-2" style="left: 90px; top: 20px; translate: none; rotate: none; scale: none; transform: translate(0px, 50px) scale(0, 0);"><div class="rounded-full w-full cursor-pointer h-full overflow-hidden team-member-gsap" data-member="{"id":2,"firstName":"James","team":"Admin","tag":"Admin Member","link":"https://example.com/james","quote":"Placeholder quote"}"><img alt="James's avatar" decoding="async" height="100" loading="lazy" src="/teamAvatars/default-avatar.webp" width="100" class="w-full h-full object-cover" id="team-member-2"></div><div class="absolute duration-300 ease-in-out transition-all bottom-full chat-bubble left-[80%]" style="visibility: hidden;"><div class="rounded-full bg-amber-700 bubble3 flex items-center justify-center px-4 py-2 relative text-white w-fit" style="translate: none; rotate: none; scale: none; transform: translate(-15px, 15px) scale(0, 0);">James</div><div class="absolute rounded-full bg-amber-700 -bottom-[2px] -left-[3px] bubble2 h-[15px] w-[15px]" style="translate: none; rotate: none; scale: none; transform: translate(-5px, 5px) scale(0, 0);"></div><div class="absolute rounded-full bg-amber-700 -bottom-[4px] -left-[13px] bubble1 h-[10px] w-[10px]" style="translate: none; rotate: none; scale: none; transform: scale(0, 0);"></div></div></div><script>document.addEventListener("DOMContentLoaded",(()=>{const e=document.getElementById("team-member-2");e&&e instanceof HTMLImageElement&&(e.complete?e.style.opacity="1":e.onload=()=>{e.style.opacity="1"})}))</script><div class="absolute rounded-full border border-1 border-amber-800 h-[80px] w-[80px] team-member-2" style="left: 180px; top: 20px; translate: none; rotate: none; scale: none; transform: translate(0px, 50px) scale(0, 0);"><div class="rounded-full w-full cursor-pointer h-full overflow-hidden team-member-gsap" data-member="{"id":3,"firstName":"Jerry","team":"Admin","tag":"Admin Member","link":"https://example.com/jerry","quote":"Placeholder quote"}"><img alt="Jerry's avatar" decoding="async" height="100" loading="lazy" src="/teamAvatars/default-avatar.webp" width="100" class="w-full h-full object-cover" id="team-member-3"></div><div class="absolute duration-300 ease-in-out transition-all bottom-full chat-bubble left-[80%]" style="visibility: hidden;"><div class="rounded-full bg-amber-700 bubble3 flex items-center justify-center px-4 py-2 relative text-white w-fit" style="translate: none; rotate: none; scale: none; transform: translate(-15px, 15px) scale(0, 0);">Jerry</div><div class="absolute rounded-full bg-amber-700 -bottom-[2px] -left-[3px] bubble2 h-[15px] w-[15px]" style="translate: none; rotate: none; scale: none; transform: translate(-5px, 5px) scale(0, 0);"></div><div class="absolute rounded-full bg-amber-700 -bottom-[4px] -left-[13px] bubble1 h-[10px] w-[10px]" style="translate: none; rotate: none; scale: none; transform: scale(0, 0);"></div></div></div><script>document.addEventListener("DOMContentLoaded",(()=>{const e=document.getElementById("team-member-3");e&&e instanceof HTMLImageElement&&(e.complete?e.style.opacity="1":e.onload=()=>{e.style.opacity="1"})}))</script></div></div><div class="absolute -left-[85px] -top-[115px] bg-amber-600 boat-base h-5 rounded-xl w-[calc(100%+140px)]"></div><div class="absolute h-px bg-gradient-to-r from-transparent to-transparent via-black water-line" style="top:-75px;left:0;width:100%" aria-hidden="true"></div><div class="absolute h-px bg-gradient-to-r from-transparent to-transparent via-black water-line" style="top:-50px;left:10px;width:90%" aria-hidden="true"></div><div class="absolute h-px bg-gradient-to-r from-transparent to-transparent via-black water-line" style="top:-25px;left:20px;width:80%" aria-hidden="true"></div></div><div class="relative boat border-l-[80px] border-l-transparent border-r-[50px] border-r-transparent border-t-[100px] border-t-amber-700 h-0 rounded shrink-0" style="width: 1000px; min-width: 550px; max-width: 1000px; translate: none; rotate: none; scale: none; transform-origin: 50% 100%; transform: translate(0%, 8.4406%) translate3d(0px, 0px, 0px) rotate(-1.0074deg) scale(0, 0);" aria-label="Tech boat" data-index="2" role="listitem"><div class="absolute duration-300 ease-in-out transition-all flag-container" style="top:-400px;right:75px"><div class="absolute duration-300 ease-in-out -left-[0px] bg-white flag flag-wrapper flex flex-col h-[70px] hover:scale-105 items-center justify-center overflow-hidden rounded-lg shadow-md text-red-900 top-2 transition-transform w-[120px]" style="translate: none; rotate: none; scale: none; transform: translate(0px, 20px); opacity: 0; visibility: hidden;"><div class="absolute h-full bg-red-600 w-5 left-0"></div><div class="absolute h-full bg-red-600 w-5 right-0"></div><span class="duration-300 ease-in-out transition-transform hover:scale-110 mb-1 z-10"><svg class="h-8 w-8 fill-red-600" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="m373 359 112-96-20-10c-11-5-9-12-8-17l19-74-63 14c-8 2-11-1-12-4l-8-33s-46 55-56 64-15-3-13-11l22-127-32 17c-9 5-15 2-20-6L256 0l-38 76c-5 8-11 11-20 6l-32-17 22 127c2 8-3 20-13 11s-56-64-56-64l-8 33c-1 3-4 6-12 4l-63-14 19 74c1 5 3 12-8 17l-20 10 112 96c5 4 5 9 3 15s-22 31-22 31 108-12 114-9c7 2 12 2 14 18 1 17-4 98-4 98h24s-5-81-4-98c2-16 7-16 14-18 6-3 114 9 114 9s-20-25-22-31-2-11 3-15z"></path></svg> </span><span class="duration-300 ease-in-out transition-all text-sm font-semibold hover:text-red-600 z-10">Tech</span></div><div class="duration-300 ease-in-out transition-all bg-gradient-to-b flagpole from-amber-700 h-[100px] hover:h-[110px] rounded-t-full to-amber-900 w-2" style="translate: none; rotate: none; scale: none; transform: translate(0px, 20px); opacity: 0; visibility: hidden;"></div></div><div class="absolute border-b-[#bfd2de] border-b-[100px] border-l-[80px] border-l-transparent border-r-[40px] border-r-transparent -top-[300px] compartment-1-group h-10 right-[25px] w-[calc(70%)]" role="group" aria-label="Compartment 1" style="translate: none; rotate: none; scale: none; transform-origin: 50% 100%; transform: scale(1, 0);"><div class="absolute h-px bg-amber-600 right-[0px] w-full -top-[0px] compartment-1-divider"></div><div class="compartment-1"><div class="absolute rounded-full border border-1 border-amber-800 h-[80px] w-[80px] border-b-transparent team-member-1" style="left: 0px; top: 33px; translate: none; rotate: none; scale: none; transform: translate(0px, 50px) scale(0, 0);"><div class="rounded-full w-full cursor-pointer h-full overflow-hidden team-member-gsap" data-member="{"id":6,"firstName":"Jason","lastName":"Cameron","team":"Tech","tag":"Tech Lead","link":"https://www.linkedin.com/in/jsoncameron/","quote":"Sleep is for the week"}"><img alt="Jason's avatar" decoding="async" height="100" loading="lazy" src="/teamAvatars/default-avatar.webp" width="100" class="w-full h-full object-cover" id="team-member-6"></div><div class="absolute duration-300 ease-in-out transition-all bottom-full chat-bubble left-[80%]" style="visibility: hidden;"><div class="rounded-full bg-amber-700 bubble3 flex items-center justify-center px-4 py-2 relative text-white w-fit" style="translate: none; rotate: none; scale: none; transform: translate(-15px, 15px) scale(0, 0);">Jason</div><div class="absolute rounded-full bg-amber-700 -bottom-[2px] -left-[3px] bubble2 h-[15px] w-[15px]" style="translate: none; rotate: none; scale: none; transform: translate(-5px, 5px) scale(0, 0);"></div><div class="absolute rounded-full bg-amber-700 -bottom-[4px] -left-[13px] bubble1 h-[10px] w-[10px]" style="translate: none; rotate: none; scale: none; transform: scale(0, 0);"></div></div></div><script>document.addEventListener("DOMContentLoaded",(()=>{const e=document.getElementById("team-member-6");e&&e instanceof HTMLImageElement&&(e.complete?e.style.opacity="1":e.onload=()=>{e.style.opacity="1"})}))</script><div class="absolute rounded-full border border-1 border-amber-800 h-[80px] w-[80px] border-b-transparent team-member-1" style="left: 90px; top: 33px; translate: none; rotate: none; scale: none; transform: translate(0px, 50px) scale(0, 0);"><div class="rounded-full w-full cursor-pointer h-full overflow-hidden team-member-gsap" data-member="{"id":7,"firstName":"Amol","team":"Tech","tag":"Tech Lead","link":"https://example.com/amol","quote":"Placeholder quote"}"><img alt="Amol's avatar" decoding="async" height="100" loading="lazy" src="/teamAvatars/default-avatar.webp" width="100" class="w-full h-full object-cover" id="team-member-7"></div><div class="absolute duration-300 ease-in-out transition-all bottom-full chat-bubble left-[80%]" style="visibility: hidden;"><div class="rounded-full bg-amber-700 bubble3 flex items-center justify-center px-4 py-2 relative text-white w-fit" style="translate: none; rotate: none; scale: none; transform: translate(-15px, 15px) scale(0, 0);">Amol</div><div class="absolute rounded-full bg-amber-700 -bottom-[2px] -left-[3px] bubble2 h-[15px] w-[15px]" style="translate: none; rotate: none; scale: none; transform: translate(-5px, 5px) scale(0, 0);"></div><div class="absolute rounded-full bg-amber-700 -bottom-[4px] -left-[13px] bubble1 h-[10px] w-[10px]" style="translate: none; rotate: none; scale: none; transform: scale(0, 0);"></div></div></div><script>document.addEventListener("DOMContentLoaded",(()=>{const e=document.getElementById("team-member-7");e&&e instanceof HTMLImageElement&&(e.complete?e.style.opacity="1":e.onload=()=>{e.style.opacity="1"})}))</script><div class="absolute rounded-full border border-1 border-amber-800 h-[80px] w-[80px] border-b-transparent team-member-1" style="left: 180px; top: 33px; translate: none; rotate: none; scale: none; transform: translate(0px, 50px) scale(0, 0);"><div class="rounded-full w-full cursor-pointer h-full overflow-hidden team-member-gsap" data-member="{"id":8,"firstName":"Araf","lastName":"A Alam","team":"Tech","tag":"Project Manager","link":"https://www.linkedin.com/in/arafa821/","quote":"Code like crazy!"}"><img alt="Araf's avatar" decoding="async" height="100" loading="lazy" src="/teamAvatars/default-avatar.webp" width="100" class="w-full h-full object-cover" id="team-member-8"></div><div class="absolute duration-300 ease-in-out transition-all bottom-full chat-bubble left-[80%]" style="visibility: hidden;"><div class="rounded-full bg-amber-700 bubble3 flex items-center justify-center px-4 py-2 relative text-white w-fit" style="translate: none; rotate: none; scale: none; transform: translate(-15px, 15px) scale(0, 0);">Araf</div><div class="absolute rounded-full bg-amber-700 -bottom-[2px] -left-[3px] bubble2 h-[15px] w-[15px]" style="translate: none; rotate: none; scale: none; transform: translate(-5px, 5px) scale(0, 0);"></div><div class="absolute rounded-full bg-amber-700 -bottom-[4px] -left-[13px] bubble1 h-[10px] w-[10px]" style="translate: none; rotate: none; scale: none; transform: scale(0, 0);"></div></div></div><script>document.addEventListener("DOMContentLoaded",(()=>{const e=document.getElementById("team-member-8");e&&e instanceof HTMLImageElement&&(e.complete?e.style.opacity="1":e.onload=()=>{e.style.opacity="1"})}))</script><div class="absolute rounded-full border border-1 border-amber-800 h-[80px] w-[80px] border-b-transparent team-member-1" style="left: 270px; top: 33px; translate: none; rotate: none; scale: none; transform: translate(0px, 50px) scale(0, 0);"><div class="rounded-full w-full cursor-pointer h-full overflow-hidden team-member-gsap" data-member="{"id":9,"firstName":"Chirag","pronouns":"he/him","image":"/teamAvatars/chirag.webp","team":"Tech","tag":"Senior Div Centerer","link":"https://github.com/ChiragDalmia/","quote":"I made this landing page ;)"}"><img alt="Chirag's avatar" decoding="async" height="100" loading="lazy" src="/teamAvatars/chirag.webp" width="100" class="w-full h-full object-cover" id="team-member-9"></div><div class="absolute duration-300 ease-in-out transition-all bottom-full chat-bubble left-[80%]" style="visibility: hidden;"><div class="rounded-full bg-amber-700 bubble3 flex items-center justify-center px-4 py-2 relative text-white w-fit" style="translate: none; rotate: none; scale: none; transform: translate(-15px, 15px) scale(0, 0);">Chirag</div><div class="absolute rounded-full bg-amber-700 -bottom-[2px] -left-[3px] bubble2 h-[15px] w-[15px]" style="translate: none; rotate: none; scale: none; transform: translate(-5px, 5px) scale(0, 0);"></div><div class="absolute rounded-full bg-amber-700 -bottom-[4px] -left-[13px] bubble1 h-[10px] w-[10px]" style="translate: none; rotate: none; scale: none; transform: scale(0, 0);"></div></div></div><script>document.addEventListener("DOMContentLoaded",(()=>{const e=document.getElementById("team-member-9");e&&e instanceof HTMLImageElement&&(e.complete?e.style.opacity="1":e.onload=()=>{e.style.opacity="1"})}))</script><div class="absolute rounded-full border border-1 border-amber-800 h-[80px] w-[80px] border-b-transparent team-member-1" style="left: 360px; top: 33px; translate: none; rotate: none; scale: none; transform: translate(0px, 50px) scale(0, 0);"><div class="rounded-full w-full cursor-pointer h-full overflow-hidden team-member-gsap" data-member="{"id":10,"firstName":"Sohel","team":"Tech","tag":"Tech Member","link":"https://example.com/sohel","quote":"Placeholder quote"}"><img alt="Sohel's avatar" decoding="async" height="100" loading="lazy" src="/teamAvatars/default-avatar.webp" width="100" class="w-full h-full object-cover" id="team-member-10"></div><div class="absolute duration-300 ease-in-out transition-all bottom-full chat-bubble left-[80%]" style="visibility: hidden;"><div class="rounded-full bg-amber-700 bubble3 flex items-center justify-center px-4 py-2 relative text-white w-fit" style="translate: none; rotate: none; scale: none; transform: translate(-15px, 15px) scale(0, 0);">Sohel</div><div class="absolute rounded-full bg-amber-700 -bottom-[2px] -left-[3px] bubble2 h-[15px] w-[15px]" style="translate: none; rotate: none; scale: none; transform: translate(-5px, 5px) scale(0, 0);"></div><div class="absolute rounded-full bg-amber-700 -bottom-[4px] -left-[13px] bubble1 h-[10px] w-[10px]" style="translate: none; rotate: none; scale: none; transform: scale(0, 0);"></div></div></div><script>document.addEventListener("DOMContentLoaded",(()=>{const e=document.getElementById("team-member-10");e&&e instanceof HTMLImageElement&&(e.complete?e.style.opacity="1":e.onload=()=>{e.style.opacity="1"})}))</script></div></div><div class="absolute border-b-[#bfd2de] border-b-[100px] border-l-[80px] border-l-transparent border-r-[40px] border-r-transparent -right-[20px] -top-[200px] compartment-2-group h-0 w-[calc(80%+140px)]" role="group" aria-label="Compartment 2" style="translate: none; rotate: none; scale: none; transform-origin: 50% 100%; transform: scale(1, 0);"><div class="absolute h-px bg-amber-600 right-[0px] w-full compartment-2-divider top-[0px]"></div><div class="compartment-2"><div class="absolute rounded-full border border-1 border-amber-800 h-[80px] w-[80px] team-member-2" style="left: 0px; top: 20px; translate: none; rotate: none; scale: none; transform: translate(0px, 50px) scale(0, 0);"><div class="rounded-full w-full cursor-pointer h-full overflow-hidden team-member-gsap" data-member="{"id":11,"firstName":"Aayan","team":"Tech","tag":"Tech Member","link":"https://example.com/aayan","quote":"Placeholder quote"}"><img alt="Aayan's avatar" decoding="async" height="100" loading="lazy" src="/teamAvatars/default-avatar.webp" width="100" class="w-full h-full object-cover" id="team-member-11"></div><div class="absolute duration-300 ease-in-out transition-all bottom-full chat-bubble left-[80%]" style="visibility: hidden;"><div class="rounded-full bg-amber-700 bubble3 flex items-center justify-center px-4 py-2 relative text-white w-fit" style="translate: none; rotate: none; scale: none; transform: translate(-15px, 15px) scale(0, 0);">Aayan</div><div class="absolute rounded-full bg-amber-700 -bottom-[2px] -left-[3px] bubble2 h-[15px] w-[15px]" style="translate: none; rotate: none; scale: none; transform: translate(-5px, 5px) scale(0, 0);"></div><div class="absolute rounded-full bg-amber-700 -bottom-[4px] -left-[13px] bubble1 h-[10px] w-[10px]" style="translate: none; rotate: none; scale: none; transform: scale(0, 0);"></div></div></div><script>document.addEventListener("DOMContentLoaded",(()=>{const e=document.getElementById("team-member-11");e&&e instanceof HTMLImageElement&&(e.complete?e.style.opacity="1":e.onload=()=>{e.style.opacity="1"})}))</script><div class="absolute rounded-full border border-1 border-amber-800 h-[80px] w-[80px] team-member-2" style="left: 90px; top: 20px; translate: none; rotate: none; scale: none; transform: translate(0px, 50px) scale(0, 0);"><div class="rounded-full w-full cursor-pointer h-full overflow-hidden team-member-gsap" data-member="{"id":12,"firstName":"Aiden","team":"Tech","tag":"Tech Member","link":"https://example.com/aiden","quote":"Placeholder quote"}"><img alt="Aiden's avatar" decoding="async" height="100" loading="lazy" src="/teamAvatars/default-avatar.webp" width="100" class="w-full h-full object-cover" id="team-member-12"></div><div class="absolute duration-300 ease-in-out transition-all bottom-full chat-bubble left-[80%]" style="visibility: hidden;"><div class="rounded-full bg-amber-700 bubble3 flex items-center justify-center px-4 py-2 relative text-white w-fit" style="translate: none; rotate: none; scale: none; transform: translate(-15px, 15px) scale(0, 0);">Aiden</div><div class="absolute rounded-full bg-amber-700 -bottom-[2px] -left-[3px] bubble2 h-[15px] w-[15px]" style="translate: none; rotate: none; scale: none; transform: translate(-5px, 5px) scale(0, 0);"></div><div class="absolute rounded-full bg-amber-700 -bottom-[4px] -left-[13px] bubble1 h-[10px] w-[10px]" style="translate: none; rotate: none; scale: none; transform: scale(0, 0);"></div></div></div><script>document.addEventListener("DOMContentLoaded",(()=>{const e=document.getElementById("team-member-12");e&&e instanceof HTMLImageElement&&(e.complete?e.style.opacity="1":e.onload=()=>{e.style.opacity="1"})}))</script><div class="absolute rounded-full border border-1 border-amber-800 h-[80px] w-[80px] team-member-2" style="left: 180px; top: 20px; translate: none; rotate: none; scale: none; transform: translate(0px, 50px) scale(0, 0);"><div class="rounded-full w-full cursor-pointer h-full overflow-hidden team-member-gsap" data-member="{"id":13,"firstName":"Joudat","team":"Tech","tag":"Tech Member","link":"https://example.com/joudat","quote":"Placeholder quote"}"><img alt="Joudat's avatar" decoding="async" height="100" loading="lazy" src="/teamAvatars/default-avatar.webp" width="100" class="w-full h-full object-cover" id="team-member-13"></div><div class="absolute duration-300 ease-in-out transition-all bottom-full chat-bubble left-[80%]" style="visibility: hidden;"><div class="rounded-full bg-amber-700 bubble3 flex items-center justify-center px-4 py-2 relative text-white w-fit" style="translate: none; rotate: none; scale: none; transform: translate(-15px, 15px) scale(0, 0);">Joudat</div><div class="absolute rounded-full bg-amber-700 -bottom-[2px] -left-[3px] bubble2 h-[15px] w-[15px]" style="translate: none; rotate: none; scale: none; transform: translate(-5px, 5px) scale(0, 0);"></div><div class="absolute rounded-full bg-amber-700 -bottom-[4px] -left-[13px] bubble1 h-[10px] w-[10px]" style="translate: none; rotate: none; scale: none; transform: scale(0, 0);"></div></div></div><script>document.addEventListener("DOMContentLoaded",(()=>{const e=document.getElementById("team-member-13");e&&e instanceof HTMLImageElement&&(e.complete?e.style.opacity="1":e.onload=()=>{e.style.opacity="1"})}))</script><div class="absolute rounded-full border border-1 border-amber-800 h-[80px] w-[80px] team-member-2" style="left: 270px; top: 20px; translate: none; rotate: none; scale: none; transform: translate(0px, 50px) scale(0, 0);"><div class="rounded-full w-full cursor-pointer h-full overflow-hidden team-member-gsap" data-member="{"id":14,"firstName":"James","team":"Tech","tag":"Tech Member","link":"https://example.com/james_l","quote":"Placeholder quote"}"><img alt="James's avatar" decoding="async" height="100" loading="lazy" src="/teamAvatars/default-avatar.webp" width="100" class="w-full h-full object-cover" id="team-member-14"></div><div class="absolute duration-300 ease-in-out transition-all bottom-full chat-bubble left-[80%]" style="visibility: hidden;"><div class="rounded-full bg-amber-700 bubble3 flex items-center justify-center px-4 py-2 relative text-white w-fit" style="translate: none; rotate: none; scale: none; transform: translate(-15px, 15px) scale(0, 0);">James</div><div class="absolute rounded-full bg-amber-700 -bottom-[2px] -left-[3px] bubble2 h-[15px] w-[15px]" style="translate: none; rotate: none; scale: none; transform: translate(-5px, 5px) scale(0, 0);"></div><div class="absolute rounded-full bg-amber-700 -bottom-[4px] -left-[13px] bubble1 h-[10px] w-[10px]" style="translate: none; rotate: none; scale: none; transform: scale(0, 0);"></div></div></div><script>document.addEventListener("DOMContentLoaded",(()=>{const e=document.getElementById("team-member-14");e&&e instanceof HTMLImageElement&&(e.complete?e.style.opacity="1":e.onload=()=>{e.style.opacity="1"})}))</script><div class="absolute rounded-full border border-1 border-amber-800 h-[80px] w-[80px] team-member-2" style="left: 360px; top: 20px; translate: none; rotate: none; scale: none; transform: translate(0px, 50px) scale(0, 0);"><div class="rounded-full w-full cursor-pointer h-full overflow-hidden team-member-gsap" data-member="{"id":15,"firstName":"Fiona","team":"Tech","tag":"Tech Member","link":"https://example.com/fiona","quote":"Placeholder quote"}"><img alt="Fiona's avatar" decoding="async" height="100" loading="lazy" src="/teamAvatars/default-avatar.webp" width="100" class="w-full h-full object-cover" id="team-member-15"></div><div class="absolute duration-300 ease-in-out transition-all bottom-full chat-bubble left-[80%]" style="visibility: hidden;"><div class="rounded-full bg-amber-700 bubble3 flex items-center justify-center px-4 py-2 relative text-white w-fit" style="translate: none; rotate: none; scale: none; transform: translate(-15px, 15px) scale(0, 0);">Fiona</div><div class="absolute rounded-full bg-amber-700 -bottom-[2px] -left-[3px] bubble2 h-[15px] w-[15px]" style="translate: none; rotate: none; scale: none; transform: translate(-5px, 5px) scale(0, 0);"></div><div class="absolute rounded-full bg-amber-700 -bottom-[4px] -left-[13px] bubble1 h-[10px] w-[10px]" style="translate: none; rotate: none; scale: none; transform: scale(0, 0);"></div></div></div><script>document.addEventListener("DOMContentLoaded",(()=>{const e=document.getElementById("team-member-15");e&&e instanceof HTMLImageElement&&(e.complete?e.style.opacity="1":e.onload=()=>{e.style.opacity="1"})}))</script><div class="absolute rounded-full border border-1 border-amber-800 h-[80px] w-[80px] team-member-2" style="left: 450px; top: 20px; translate: none; rotate: none; scale: none; transform: translate(0px, 50px) scale(0, 0);"><div class="rounded-full w-full cursor-pointer h-full overflow-hidden team-member-gsap" data-member="{"id":16,"firstName":"Edem","team":"Tech","tag":"Tech Member","link":"https://example.com/edem","quote":"Placeholder quote"}"><img alt="Edem's avatar" decoding="async" height="100" loading="lazy" src="/teamAvatars/default-avatar.webp" width="100" class="w-full h-full object-cover" id="team-member-16"></div><div class="absolute duration-300 ease-in-out transition-all bottom-full chat-bubble left-[80%]" style="visibility: hidden;"><div class="rounded-full bg-amber-700 bubble3 flex items-center justify-center px-4 py-2 relative text-white w-fit" style="translate: none; rotate: none; scale: none; transform: translate(-15px, 15px) scale(0, 0);">Edem</div><div class="absolute rounded-full bg-amber-700 -bottom-[2px] -left-[3px] bubble2 h-[15px] w-[15px]" style="translate: none; rotate: none; scale: none; transform: translate(-5px, 5px) scale(0, 0);"></div><div class="absolute rounded-full bg-amber-700 -bottom-[4px] -left-[13px] bubble1 h-[10px] w-[10px]" style="translate: none; rotate: none; scale: none; transform: scale(0, 0);"></div></div></div><script>document.addEventListener("DOMContentLoaded",(()=>{const e=document.getElementById("team-member-16");e&&e instanceof HTMLImageElement&&(e.complete?e.style.opacity="1":e.onload=()=>{e.style.opacity="1"})}))</script><div class="absolute rounded-full border border-1 border-amber-800 h-[80px] w-[80px] team-member-2" style="left: 540px; top: 20px; translate: none; rotate: none; scale: none; transform: translate(0px, 50px) scale(0, 0);"><div class="rounded-full w-full cursor-pointer h-full overflow-hidden team-member-gsap" data-member="{"id":17,"firstName":"Aryan","team":"Tech","tag":"Tech Member","link":"https://example.com/aryan","quote":"Placeholder quote"}"><img alt="Aryan's avatar" decoding="async" height="100" loading="lazy" src="/teamAvatars/default-avatar.webp" width="100" class="w-full h-full object-cover" id="team-member-17"></div><div class="absolute duration-300 ease-in-out transition-all bottom-full chat-bubble left-[80%]" style="visibility: hidden;"><div class="rounded-full bg-amber-700 bubble3 flex items-center justify-center px-4 py-2 relative text-white w-fit" style="translate: none; rotate: none; scale: none; transform: translate(-15px, 15px) scale(0, 0);">Aryan</div><div class="absolute rounded-full bg-amber-700 -bottom-[2px] -left-[3px] bubble2 h-[15px] w-[15px]" style="translate: none; rotate: none; scale: none; transform: translate(-5px, 5px) scale(0, 0);"></div><div class="absolute rounded-full bg-amber-700 -bottom-[4px] -left-[13px] bubble1 h-[10px] w-[10px]" style="translate: none; rotate: none; scale: none; transform: scale(0, 0);"></div></div></div><script>document.addEventListener("DOMContentLoaded",(()=>{const e=document.getElementById("team-member-17");e&&e instanceof HTMLImageElement&&(e.complete?e.style.opacity="1":e.onload=()=>{e.style.opacity="1"})}))</script><div class="absolute rounded-full border border-1 border-amber-800 h-[80px] w-[80px] team-member-2" style="left: 630px; top: 20px; translate: none; rotate: none; scale: none; transform: translate(0px, 50px) scale(0, 0);"><div class="rounded-full w-full cursor-pointer h-full overflow-hidden team-member-gsap" data-member="{"id":18,"firstName":"Wahib","team":"Tech","tag":"Tech Member","link":"https://example.com/wahib","quote":"Placeholder quote"}"><img alt="Wahib's avatar" decoding="async" height="100" loading="lazy" src="/teamAvatars/default-avatar.webp" width="100" class="w-full h-full object-cover" id="team-member-18"></div><div class="absolute duration-300 ease-in-out transition-all bottom-full chat-bubble left-[80%]" style="visibility: hidden;"><div class="rounded-full bg-amber-700 bubble3 flex items-center justify-center px-4 py-2 relative text-white w-fit" style="translate: none; rotate: none; scale: none; transform: translate(-15px, 15px) scale(0, 0);">Wahib</div><div class="absolute rounded-full bg-amber-700 -bottom-[2px] -left-[3px] bubble2 h-[15px] w-[15px]" style="translate: none; rotate: none; scale: none; transform: translate(-5px, 5px) scale(0, 0);"></div><div class="absolute rounded-full bg-amber-700 -bottom-[4px] -left-[13px] bubble1 h-[10px] w-[10px]" style="translate: none; rotate: none; scale: none; transform: scale(0, 0);"></div></div></div><script>document.addEventListener("DOMContentLoaded",(()=>{const e=document.getElementById("team-member-18");e&&e instanceof HTMLImageElement&&(e.complete?e.style.opacity="1":e.onload=()=>{e.style.opacity="1"})}))</script></div></div><div class="absolute -left-[85px] -top-[115px] bg-amber-600 boat-base h-5 rounded-xl w-[calc(100%+140px)]"></div><div class="absolute h-px bg-gradient-to-r from-transparent to-transparent via-black water-line" style="top:-75px;left:0;width:100%" aria-hidden="true"></div><div class="absolute h-px bg-gradient-to-r from-transparent to-transparent via-black water-line" style="top:-50px;left:10px;width:90%" aria-hidden="true"></div><div class="absolute h-px bg-gradient-to-r from-transparent to-transparent via-black water-line" style="top:-25px;left:20px;width:80%" aria-hidden="true"></div></div><div class="relative boat border-l-[80px] border-l-transparent border-r-[50px] border-r-transparent border-t-[100px] border-t-amber-700 h-0 rounded shrink-0" style="width: 550px; min-width: 550px; max-width: 1000px; translate: none; rotate: none; scale: none; transform-origin: 50% 100%; transform: translate(0%, 1.4665%) translate3d(0px, 0px, 0px) rotate(-0.4507deg) scale(0, 0);" aria-label="Design boat" data-index="3" role="listitem"><div class="absolute duration-300 ease-in-out transition-all flag-container" style="top:-300px;right:50px"><div class="absolute duration-300 ease-in-out -left-[0px] bg-white flag flag-wrapper flex flex-col h-[70px] hover:scale-105 items-center justify-center overflow-hidden rounded-lg shadow-md text-red-900 top-2 transition-transform w-[120px]" style="translate: none; rotate: none; scale: none; transform: translate(0px, 20px); opacity: 0; visibility: hidden;"><div class="absolute h-full bg-red-600 w-5 left-0"></div><div class="absolute h-full bg-red-600 w-5 right-0"></div><span class="duration-300 ease-in-out transition-transform hover:scale-110 mb-1 z-10"><svg class="h-8 w-8 fill-red-600" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="m373 359 112-96-20-10c-11-5-9-12-8-17l19-74-63 14c-8 2-11-1-12-4l-8-33s-46 55-56 64-15-3-13-11l22-127-32 17c-9 5-15 2-20-6L256 0l-38 76c-5 8-11 11-20 6l-32-17 22 127c2 8-3 20-13 11s-56-64-56-64l-8 33c-1 3-4 6-12 4l-63-14 19 74c1 5 3 12-8 17l-20 10 112 96c5 4 5 9 3 15s-22 31-22 31 108-12 114-9c7 2 12 2 14 18 1 17-4 98-4 98h24s-5-81-4-98c2-16 7-16 14-18 6-3 114 9 114 9s-20-25-22-31-2-11 3-15z"></path></svg> </span><span class="duration-300 ease-in-out transition-all text-sm font-semibold hover:text-red-600 z-10">Design</span></div><div class="duration-300 ease-in-out transition-all bg-gradient-to-b flagpole from-amber-700 h-[100px] hover:h-[110px] rounded-t-full to-amber-900 w-2" style="translate: none; rotate: none; scale: none; transform: translate(0px, 20px); opacity: 0; visibility: hidden;"></div></div><div class="absolute border-b-[#bfd2de] border-b-[100px] border-l-[80px] border-l-transparent border-r-[40px] border-r-transparent -right-[20px] -top-[200px] compartment-2-group h-0 w-[calc(80%+140px)]" role="group" aria-label="Compartment 2" style="translate: none; rotate: none; scale: none; transform-origin: 50% 100%; transform: scale(1, 0);"><div class="absolute h-px bg-amber-600 right-[0px] w-full compartment-2-divider top-[0px]"></div><div class="compartment-2"><div class="absolute rounded-full border border-1 border-amber-800 h-[80px] w-[80px] team-member-2" style="left: 0px; top: 20px; translate: none; rotate: none; scale: none; transform: translate(0px, 50px) scale(0, 0);"><div class="rounded-full w-full cursor-pointer h-full overflow-hidden team-member-gsap" data-member="{"id":19,"firstName":"Jess","team":"Design","tag":"Design Lead","link":"https://example.com/jess","quote":"Placeholder quote"}"><img alt="Jess's avatar" decoding="async" height="100" loading="lazy" src="/teamAvatars/default-avatar.webp" width="100" class="w-full h-full object-cover" id="team-member-19"></div><div class="absolute duration-300 ease-in-out transition-all bottom-full chat-bubble left-[80%]" style="visibility: hidden;"><div class="rounded-full bg-amber-700 bubble3 flex items-center justify-center px-4 py-2 relative text-white w-fit" style="translate: none; rotate: none; scale: none; transform: translate(-15px, 15px) scale(0, 0);">Jess</div><div class="absolute rounded-full bg-amber-700 -bottom-[2px] -left-[3px] bubble2 h-[15px] w-[15px]" style="translate: none; rotate: none; scale: none; transform: translate(-5px, 5px) scale(0, 0);"></div><div class="absolute rounded-full bg-amber-700 -bottom-[4px] -left-[13px] bubble1 h-[10px] w-[10px]" style="translate: none; rotate: none; scale: none; transform: scale(0, 0);"></div></div></div><script>document.addEventListener("DOMContentLoaded",(()=>{const e=document.getElementById("team-member-19");e&&e instanceof HTMLImageElement&&(e.complete?e.style.opacity="1":e.onload=()=>{e.style.opacity="1"})}))</script><div class="absolute rounded-full border border-1 border-amber-800 h-[80px] w-[80px] team-member-2" style="left: 90px; top: 20px; translate: none; rotate: none; scale: none; transform: translate(0px, 50px) scale(0, 0);"><div class="rounded-full w-full cursor-pointer h-full overflow-hidden team-member-gsap" data-member="{"id":20,"firstName":"Julia","team":"Design","tag":"Design Member","link":"https://example.com/julia","quote":"Placeholder quote"}"><img alt="Julia's avatar" decoding="async" height="100" loading="lazy" src="/teamAvatars/default-avatar.webp" width="100" class="w-full h-full object-cover" id="team-member-20"></div><div class="absolute duration-300 ease-in-out transition-all bottom-full chat-bubble left-[80%]" style="visibility: hidden;"><div class="rounded-full bg-amber-700 bubble3 flex items-center justify-center px-4 py-2 relative text-white w-fit" style="translate: none; rotate: none; scale: none; transform: translate(-15px, 15px) scale(0, 0);">Julia</div><div class="absolute rounded-full bg-amber-700 -bottom-[2px] -left-[3px] bubble2 h-[15px] w-[15px]" style="translate: none; rotate: none; scale: none; transform: translate(-5px, 5px) scale(0, 0);"></div><div class="absolute rounded-full bg-amber-700 -bottom-[4px] -left-[13px] bubble1 h-[10px] w-[10px]" style="translate: none; rotate: none; scale: none; transform: scale(0, 0);"></div></div></div><script>document.addEventListener("DOMContentLoaded",(()=>{const e=document.getElementById("team-member-20");e&&e instanceof HTMLImageElement&&(e.complete?e.style.opacity="1":e.onload=()=>{e.style.opacity="1"})}))</script><div class="absolute rounded-full border border-1 border-amber-800 h-[80px] w-[80px] team-member-2" style="left: 180px; top: 20px; translate: none; rotate: none; scale: none; transform: translate(0px, 50px) scale(0, 0);"><div class="rounded-full w-full cursor-pointer h-full overflow-hidden team-member-gsap" data-member="{"id":21,"firstName":"Tina","team":"Design","tag":"Design Member","link":"https://example.com/tina","quote":"Placeholder quote"}"><img alt="Tina's avatar" decoding="async" height="100" loading="lazy" src="/teamAvatars/default-avatar.webp" width="100" class="w-full h-full object-cover" id="team-member-21"></div><div class="absolute duration-300 ease-in-out transition-all bottom-full chat-bubble left-[80%]" style="visibility: hidden;"><div class="rounded-full bg-amber-700 bubble3 flex items-center justify-center px-4 py-2 relative text-white w-fit" style="translate: none; rotate: none; scale: none; transform: translate(-15px, 15px) scale(0, 0);">Tina</div><div class="absolute rounded-full bg-amber-700 -bottom-[2px] -left-[3px] bubble2 h-[15px] w-[15px]" style="translate: none; rotate: none; scale: none; transform: translate(-5px, 5px) scale(0, 0);"></div><div class="absolute rounded-full bg-amber-700 -bottom-[4px] -left-[13px] bubble1 h-[10px] w-[10px]" style="translate: none; rotate: none; scale: none; transform: scale(0, 0);"></div></div></div><script>document.addEventListener("DOMContentLoaded",(()=>{const e=document.getElementById("team-member-21");e&&e instanceof HTMLImageElement&&(e.complete?e.style.opacity="1":e.onload=()=>{e.style.opacity="1"})}))</script></div></div><div class="absolute -left-[85px] -top-[115px] bg-amber-600 boat-base h-5 rounded-xl w-[calc(100%+140px)]"></div><div class="absolute h-px bg-gradient-to-r from-transparent to-transparent via-black water-line" style="top:-75px;left:0;width:100%" aria-hidden="true"></div><div class="absolute h-px bg-gradient-to-r from-transparent to-transparent via-black water-line" style="top:-50px;left:10px;width:90%" aria-hidden="true"></div><div class="absolute h-px bg-gradient-to-r from-transparent to-transparent via-black water-line" style="top:-25px;left:20px;width:80%" aria-hidden="true"></div></div><div class="relative boat border-l-[80px] border-l-transparent border-r-[50px] border-r-transparent border-t-[100px] border-t-amber-700 h-0 rounded shrink-0" style="width: 550px; min-width: 550px; max-width: 1000px; translate: none; rotate: none; scale: none; transform-origin: 50% 100%; transform: translate(0%, 2.4202%) translate3d(0px, 0px, 0px) rotate(-0.3396deg) scale(0, 0);" aria-label="Outreach boat" data-index="4" role="listitem"><div class="absolute duration-300 ease-in-out transition-all flag-container" style="top:-400px;right:75px"><div class="absolute duration-300 ease-in-out -left-[0px] bg-white flag flag-wrapper flex flex-col h-[70px] hover:scale-105 items-center justify-center overflow-hidden rounded-lg shadow-md text-red-900 top-2 transition-transform w-[120px]" style="translate: none; rotate: none; scale: none; transform: translate(0px, 20px); opacity: 0; visibility: hidden;"><div class="absolute h-full bg-red-600 w-5 left-0"></div><div class="absolute h-full bg-red-600 w-5 right-0"></div><span class="duration-300 ease-in-out transition-transform hover:scale-110 mb-1 z-10"><svg class="h-8 w-8 fill-red-600" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="m373 359 112-96-20-10c-11-5-9-12-8-17l19-74-63 14c-8 2-11-1-12-4l-8-33s-46 55-56 64-15-3-13-11l22-127-32 17c-9 5-15 2-20-6L256 0l-38 76c-5 8-11 11-20 6l-32-17 22 127c2 8-3 20-13 11s-56-64-56-64l-8 33c-1 3-4 6-12 4l-63-14 19 74c1 5 3 12-8 17l-20 10 112 96c5 4 5 9 3 15s-22 31-22 31 108-12 114-9c7 2 12 2 14 18 1 17-4 98-4 98h24s-5-81-4-98c2-16 7-16 14-18 6-3 114 9 114 9s-20-25-22-31-2-11 3-15z"></path></svg> </span><span class="duration-300 ease-in-out transition-all text-sm font-semibold hover:text-red-600 z-10">Outreach</span></div><div class="duration-300 ease-in-out transition-all bg-gradient-to-b flagpole from-amber-700 h-[100px] hover:h-[110px] rounded-t-full to-amber-900 w-2" style="translate: none; rotate: none; scale: none; transform: translate(0px, 20px); opacity: 0; visibility: hidden;"></div></div><div class="absolute border-b-[#bfd2de] border-b-[100px] border-l-[80px] border-l-transparent border-r-[40px] border-r-transparent -top-[300px] compartment-1-group h-10 right-[25px] w-[calc(70%)]" role="group" aria-label="Compartment 1" style="translate: none; rotate: none; scale: none; transform-origin: 50% 100%; transform: scale(1, 0);"><div class="absolute h-px bg-amber-600 right-[0px] w-full -top-[0px] compartment-1-divider"></div><div class="compartment-1"><div class="absolute rounded-full border border-1 border-amber-800 h-[80px] w-[80px] border-b-transparent team-member-1" style="left: 0px; top: 33px; translate: none; rotate: none; scale: none; transform: translate(0px, 50px) scale(0, 0);"><div class="rounded-full w-full cursor-pointer h-full overflow-hidden team-member-gsap" data-member="{"id":22,"firstName":"Nirek","team":"Outreach","tag":"Outreach Lead","link":"https://example.com/nirek","quote":"Placeholder quote"}"><img alt="Nirek's avatar" decoding="async" height="100" loading="lazy" src="/teamAvatars/default-avatar.webp" width="100" class="w-full h-full object-cover" id="team-member-22"></div><div class="absolute duration-300 ease-in-out transition-all bottom-full chat-bubble left-[80%]" style="visibility: hidden;"><div class="rounded-full bg-amber-700 bubble3 flex items-center justify-center px-4 py-2 relative text-white w-fit" style="translate: none; rotate: none; scale: none; transform: translate(-15px, 15px) scale(0, 0);">Nirek</div><div class="absolute rounded-full bg-amber-700 -bottom-[2px] -left-[3px] bubble2 h-[15px] w-[15px]" style="translate: none; rotate: none; scale: none; transform: translate(-5px, 5px) scale(0, 0);"></div><div class="absolute rounded-full bg-amber-700 -bottom-[4px] -left-[13px] bubble1 h-[10px] w-[10px]" style="translate: none; rotate: none; scale: none; transform: scale(0, 0);"></div></div></div><script>document.addEventListener("DOMContentLoaded",(()=>{const e=document.getElementById("team-member-22");e&&e instanceof HTMLImageElement&&(e.complete?e.style.opacity="1":e.onload=()=>{e.style.opacity="1"})}))</script></div></div><div class="absolute border-b-[#bfd2de] border-b-[100px] border-l-[80px] border-l-transparent border-r-[40px] border-r-transparent -right-[20px] -top-[200px] compartment-2-group h-0 w-[calc(80%+140px)]" role="group" aria-label="Compartment 2" style="translate: none; rotate: none; scale: none; transform-origin: 50% 100%; transform: scale(1, 0);"><div class="absolute h-px bg-amber-600 right-[0px] w-full compartment-2-divider top-[0px]"></div><div class="compartment-2"><div class="absolute rounded-full border border-1 border-amber-800 h-[80px] w-[80px] team-member-2" style="left: 0px; top: 20px; translate: none; rotate: none; scale: none; transform: translate(0px, 50px) scale(0, 0);"><div class="rounded-full w-full cursor-pointer h-full overflow-hidden team-member-gsap" data-member="{"id":23,"firstName":"Jad","team":"Outreach","tag":"Outreach Member","link":"https://example.com/jad","quote":"Placeholder quote"}"><img alt="Jad's avatar" decoding="async" height="100" loading="lazy" src="/teamAvatars/default-avatar.webp" width="100" class="w-full h-full object-cover" id="team-member-23"></div><div class="absolute duration-300 ease-in-out transition-all bottom-full chat-bubble left-[80%]" style="visibility: hidden;"><div class="rounded-full bg-amber-700 bubble3 flex items-center justify-center px-4 py-2 relative text-white w-fit" style="translate: none; rotate: none; scale: none; transform: translate(-15px, 15px) scale(0, 0);">Jad</div><div class="absolute rounded-full bg-amber-700 -bottom-[2px] -left-[3px] bubble2 h-[15px] w-[15px]" style="translate: none; rotate: none; scale: none; transform: translate(-5px, 5px) scale(0, 0);"></div><div class="absolute rounded-full bg-amber-700 -bottom-[4px] -left-[13px] bubble1 h-[10px] w-[10px]" style="translate: none; rotate: none; scale: none; transform: scale(0, 0);"></div></div></div><script>document.addEventListener("DOMContentLoaded",(()=>{const e=document.getElementById("team-member-23");e&&e instanceof HTMLImageElement&&(e.complete?e.style.opacity="1":e.onload=()=>{e.style.opacity="1"})}))</script><div class="absolute rounded-full border border-1 border-amber-800 h-[80px] w-[80px] team-member-2" style="left: 90px; top: 20px; translate: none; rotate: none; scale: none; transform: translate(0px, 50px) scale(0, 0);"><div class="rounded-full w-full cursor-pointer h-full overflow-hidden team-member-gsap" data-member="{"id":24,"firstName":"Greg","team":"Outreach","tag":"Outreach Member","link":"https://example.com/greg","quote":"Placeholder quote"}"><img alt="Greg's avatar" decoding="async" height="100" loading="lazy" src="/teamAvatars/default-avatar.webp" width="100" class="w-full h-full object-cover" id="team-member-24"></div><div class="absolute duration-300 ease-in-out transition-all bottom-full chat-bubble left-[80%]" style="visibility: hidden;"><div class="rounded-full bg-amber-700 bubble3 flex items-center justify-center px-4 py-2 relative text-white w-fit" style="translate: none; rotate: none; scale: none; transform: translate(-15px, 15px) scale(0, 0);">Greg</div><div class="absolute rounded-full bg-amber-700 -bottom-[2px] -left-[3px] bubble2 h-[15px] w-[15px]" style="translate: none; rotate: none; scale: none; transform: translate(-5px, 5px) scale(0, 0);"></div><div class="absolute rounded-full bg-amber-700 -bottom-[4px] -left-[13px] bubble1 h-[10px] w-[10px]" style="translate: none; rotate: none; scale: none; transform: scale(0, 0);"></div></div></div><script>document.addEventListener("DOMContentLoaded",(()=>{const e=document.getElementById("team-member-24");e&&e instanceof HTMLImageElement&&(e.complete?e.style.opacity="1":e.onload=()=>{e.style.opacity="1"})}))</script><div class="absolute rounded-full border border-1 border-amber-800 h-[80px] w-[80px] team-member-2" style="left: 180px; top: 20px; translate: none; rotate: none; scale: none; transform: translate(0px, 50px) scale(0, 0);"><div class="rounded-full w-full cursor-pointer h-full overflow-hidden team-member-gsap" data-member="{"id":25,"firstName":"Ray","lastName":"Tan","team":"Outreach","tag":"Outreach Officer","link":"https://www.linkedin.com/in/ray-tan-054ab4228/","quote":"I am Ray Tan of Canada"}"><img alt="Ray's avatar" decoding="async" height="100" loading="lazy" src="/teamAvatars/default-avatar.webp" width="100" class="w-full h-full object-cover" id="team-member-25"></div><div class="absolute duration-300 ease-in-out transition-all bottom-full chat-bubble left-[80%]" style="visibility: hidden;"><div class="rounded-full bg-amber-700 bubble3 flex items-center justify-center px-4 py-2 relative text-white w-fit" style="translate: none; rotate: none; scale: none; transform: translate(-15px, 15px) scale(0, 0);">Ray</div><div class="absolute rounded-full bg-amber-700 -bottom-[2px] -left-[3px] bubble2 h-[15px] w-[15px]" style="translate: none; rotate: none; scale: none; transform: translate(-5px, 5px) scale(0, 0);"></div><div class="absolute rounded-full bg-amber-700 -bottom-[4px] -left-[13px] bubble1 h-[10px] w-[10px]" style="translate: none; rotate: none; scale: none; transform: scale(0, 0);"></div></div></div><script>document.addEventListener("DOMContentLoaded",(()=>{const e=document.getElementById("team-member-25");e&&e instanceof HTMLImageElement&&(e.complete?e.style.opacity="1":e.onload=()=>{e.style.opacity="1"})}))</script><div class="absolute rounded-full border border-1 border-amber-800 h-[80px] w-[80px] team-member-2" style="left: 270px; top: 20px; translate: none; rotate: none; scale: none; transform: translate(0px, 50px) scale(0, 0);"><div class="rounded-full w-full cursor-pointer h-full overflow-hidden team-member-gsap" data-member="{"id":26,"firstName":"Tom","team":"Outreach","tag":"Outreach Member","link":"https://example.com/tom","quote":"Placeholder quote"}"><img alt="Tom's avatar" decoding="async" height="100" loading="lazy" src="/teamAvatars/default-avatar.webp" width="100" class="w-full h-full object-cover" id="team-member-26"></div><div class="absolute duration-300 ease-in-out transition-all bottom-full chat-bubble left-[80%]" style="visibility: hidden;"><div class="rounded-full bg-amber-700 bubble3 flex items-center justify-center px-4 py-2 relative text-white w-fit" style="translate: none; rotate: none; scale: none; transform: translate(-15px, 15px) scale(0, 0);">Tom</div><div class="absolute rounded-full bg-amber-700 -bottom-[2px] -left-[3px] bubble2 h-[15px] w-[15px]" style="translate: none; rotate: none; scale: none; transform: translate(-5px, 5px) scale(0, 0);"></div><div class="absolute rounded-full bg-amber-700 -bottom-[4px] -left-[13px] bubble1 h-[10px] w-[10px]" style="translate: none; rotate: none; scale: none; transform: scale(0, 0);"></div></div></div><script>document.addEventListener("DOMContentLoaded",(()=>{const e=document.getElementById("team-member-26");e&&e instanceof HTMLImageElement&&(e.complete?e.style.opacity="1":e.onload=()=>{e.style.opacity="1"})}))</script></div></div><div class="absolute -left-[85px] -top-[115px] bg-amber-600 boat-base h-5 rounded-xl w-[calc(100%+140px)]"></div><div class="absolute h-px bg-gradient-to-r from-transparent to-transparent via-black water-line" style="top:-75px;left:0;width:100%" aria-hidden="true"></div><div class="absolute h-px bg-gradient-to-r from-transparent to-transparent via-black water-line" style="top:-50px;left:10px;width:90%" aria-hidden="true"></div><div class="absolute h-px bg-gradient-to-r from-transparent to-transparent via-black water-line" style="top:-25px;left:20px;width:80%" aria-hidden="true"></div></div><div class="relative boat border-l-[80px] border-l-transparent border-r-[50px] border-r-transparent border-t-[100px] border-t-amber-700 h-0 rounded shrink-0" style="width: 550px; min-width: 550px; max-width: 1000px; translate: none; rotate: none; scale: none; transform-origin: 50% 100%; transform: translate(0%, -4.3635%) translate3d(0px, 0px, 0px) rotate(0.9347deg) scale(0, 0);" aria-label="Finance boat" data-index="5" role="listitem"><div class="absolute duration-300 ease-in-out transition-all flag-container" style="top:-300px;right:50px"><div class="absolute duration-300 ease-in-out -left-[0px] bg-white flag flag-wrapper flex flex-col h-[70px] hover:scale-105 items-center justify-center overflow-hidden rounded-lg shadow-md text-red-900 top-2 transition-transform w-[120px]" style="translate: none; rotate: none; scale: none; transform: translate(0px, 20px); opacity: 0; visibility: hidden;"><div class="absolute h-full bg-red-600 w-5 left-0"></div><div class="absolute h-full bg-red-600 w-5 right-0"></div><span class="duration-300 ease-in-out transition-transform hover:scale-110 mb-1 z-10"><svg class="h-8 w-8 fill-red-600" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="m373 359 112-96-20-10c-11-5-9-12-8-17l19-74-63 14c-8 2-11-1-12-4l-8-33s-46 55-56 64-15-3-13-11l22-127-32 17c-9 5-15 2-20-6L256 0l-38 76c-5 8-11 11-20 6l-32-17 22 127c2 8-3 20-13 11s-56-64-56-64l-8 33c-1 3-4 6-12 4l-63-14 19 74c1 5 3 12-8 17l-20 10 112 96c5 4 5 9 3 15s-22 31-22 31 108-12 114-9c7 2 12 2 14 18 1 17-4 98-4 98h24s-5-81-4-98c2-16 7-16 14-18 6-3 114 9 114 9s-20-25-22-31-2-11 3-15z"></path></svg> </span><span class="duration-300 ease-in-out transition-all text-sm font-semibold hover:text-red-600 z-10">Finance</span></div><div class="duration-300 ease-in-out transition-all bg-gradient-to-b flagpole from-amber-700 h-[100px] hover:h-[110px] rounded-t-full to-amber-900 w-2" style="translate: none; rotate: none; scale: none; transform: translate(0px, 20px); opacity: 0; visibility: hidden;"></div></div><div class="absolute border-b-[#bfd2de] border-b-[100px] border-l-[80px] border-l-transparent border-r-[40px] border-r-transparent -right-[20px] -top-[200px] compartment-2-group h-0 w-[calc(80%+140px)]" role="group" aria-label="Compartment 2" style="translate: none; rotate: none; scale: none; transform-origin: 50% 100%; transform: scale(1, 0);"><div class="absolute h-px bg-amber-600 right-[0px] w-full compartment-2-divider top-[0px]"></div><div class="compartment-2"><div class="absolute rounded-full border border-1 border-amber-800 h-[80px] w-[80px] team-member-2" style="left: 0px; top: 20px; translate: none; rotate: none; scale: none; transform: translate(0px, 50px) scale(0, 0);"><div class="rounded-full w-full cursor-pointer h-full overflow-hidden team-member-gsap" data-member="{"id":27,"firstName":"Uday","lastName":"Khanna","team":"Finance","tag":"Finance Lead","link":"https://www.linkedin.com/in/udaykhanna25/","quote":"\"There is No Tomorrow!\" - Apollo Creed (Rocky III)"}"><img alt="Uday's avatar" decoding="async" height="100" loading="lazy" src="/teamAvatars/default-avatar.webp" width="100" class="w-full h-full object-cover" id="team-member-27"></div><div class="absolute duration-300 ease-in-out transition-all bottom-full chat-bubble left-[80%]" style="visibility: hidden;"><div class="rounded-full bg-amber-700 bubble3 flex items-center justify-center px-4 py-2 relative text-white w-fit" style="translate: none; rotate: none; scale: none; transform: translate(-15px, 15px) scale(0, 0);">Uday</div><div class="absolute rounded-full bg-amber-700 -bottom-[2px] -left-[3px] bubble2 h-[15px] w-[15px]" style="translate: none; rotate: none; scale: none; transform: translate(-5px, 5px) scale(0, 0);"></div><div class="absolute rounded-full bg-amber-700 -bottom-[4px] -left-[13px] bubble1 h-[10px] w-[10px]" style="translate: none; rotate: none; scale: none; transform: scale(0, 0);"></div></div></div><script>document.addEventListener("DOMContentLoaded",(()=>{const e=document.getElementById("team-member-27");e&&e instanceof HTMLImageElement&&(e.complete?e.style.opacity="1":e.onload=()=>{e.style.opacity="1"})}))</script><div class="absolute rounded-full border border-1 border-amber-800 h-[80px] w-[80px] team-member-2" style="left: 90px; top: 20px; translate: none; rotate: none; scale: none; transform: translate(0px, 50px) scale(0, 0);"><div class="rounded-full w-full cursor-pointer h-full overflow-hidden team-member-gsap" data-member="{"id":28,"firstName":"Derek","team":"Finance","tag":"Finance Member","link":"https://example.com/derek","quote":"Placeholder quote"}"><img alt="Derek's avatar" decoding="async" height="100" loading="lazy" src="/teamAvatars/default-avatar.webp" width="100" class="w-full h-full object-cover" id="team-member-28"></div><div class="absolute duration-300 ease-in-out transition-all bottom-full chat-bubble left-[80%]" style="visibility: hidden;"><div class="rounded-full bg-amber-700 bubble3 flex items-center justify-center px-4 py-2 relative text-white w-fit" style="translate: none; rotate: none; scale: none; transform: translate(-15px, 15px) scale(0, 0);">Derek</div><div class="absolute rounded-full bg-amber-700 -bottom-[2px] -left-[3px] bubble2 h-[15px] w-[15px]" style="translate: none; rotate: none; scale: none; transform: translate(-5px, 5px) scale(0, 0);"></div><div class="absolute rounded-full bg-amber-700 -bottom-[4px] -left-[13px] bubble1 h-[10px] w-[10px]" style="translate: none; rotate: none; scale: none; transform: scale(0, 0);"></div></div></div><script>document.addEventListener("DOMContentLoaded",(()=>{const e=document.getElementById("team-member-28");e&&e instanceof HTMLImageElement&&(e.complete?e.style.opacity="1":e.onload=()=>{e.style.opacity="1"})}))</script><div class="absolute rounded-full border border-1 border-amber-800 h-[80px] w-[80px] team-member-2" style="left: 180px; top: 20px; translate: none; rotate: none; scale: none; transform: translate(0px, 50px) scale(0, 0);"><div class="rounded-full w-full cursor-pointer h-full overflow-hidden team-member-gsap" data-member="{"id":29,"firstName":"Shayaan","team":"Finance","tag":"Finance Member","link":"https://example.com/shayaan","quote":"Placeholder quote"}"><img alt="Shayaan's avatar" decoding="async" height="100" loading="lazy" src="/teamAvatars/default-avatar.webp" width="100" class="w-full h-full object-cover" id="team-member-29"></div><div class="absolute duration-300 ease-in-out transition-all bottom-full chat-bubble left-[80%]" style="visibility: hidden;"><div class="rounded-full bg-amber-700 bubble3 flex items-center justify-center px-4 py-2 relative text-white w-fit" style="translate: none; rotate: none; scale: none; transform: translate(-15px, 15px) scale(0, 0);">Shayaan</div><div class="absolute rounded-full bg-amber-700 -bottom-[2px] -left-[3px] bubble2 h-[15px] w-[15px]" style="translate: none; rotate: none; scale: none; transform: translate(-5px, 5px) scale(0, 0);"></div><div class="absolute rounded-full bg-amber-700 -bottom-[4px] -left-[13px] bubble1 h-[10px] w-[10px]" style="translate: none; rotate: none; scale: none; transform: scale(0, 0);"></div></div></div><script>document.addEventListener("DOMContentLoaded",(()=>{const e=document.getElementById("team-member-29");e&&e instanceof HTMLImageElement&&(e.complete?e.style.opacity="1":e.onload=()=>{e.style.opacity="1"})}))</script><div class="absolute rounded-full border border-1 border-amber-800 h-[80px] w-[80px] team-member-2" style="left: 270px; top: 20px; translate: none; rotate: none; scale: none; transform: translate(0px, 50px) scale(0, 0);"><div class="rounded-full w-full cursor-pointer h-full overflow-hidden team-member-gsap" data-member="{"id":30,"firstName":"Sardaul","team":"Finance","tag":"Finance Member","link":"https://example.com/sardaul","quote":"Placeholder quote"}"><img alt="Sardaul's avatar" decoding="async" height="100" loading="lazy" src="/teamAvatars/default-avatar.webp" width="100" class="w-full h-full object-cover" id="team-member-30"></div><div class="absolute duration-300 ease-in-out transition-all bottom-full chat-bubble left-[80%]" style="visibility: hidden;"><div class="rounded-full bg-amber-700 bubble3 flex items-center justify-center px-4 py-2 relative text-white w-fit" style="translate: none; rotate: none; scale: none; transform: translate(-15px, 15px) scale(0, 0);">Sardaul</div><div class="absolute rounded-full bg-amber-700 -bottom-[2px] -left-[3px] bubble2 h-[15px] w-[15px]" style="translate: none; rotate: none; scale: none; transform: translate(-5px, 5px) scale(0, 0);"></div><div class="absolute rounded-full bg-amber-700 -bottom-[4px] -left-[13px] bubble1 h-[10px] w-[10px]" style="translate: none; rotate: none; scale: none; transform: scale(0, 0);"></div></div></div><script>document.addEventListener("DOMContentLoaded",(()=>{const e=document.getElementById("team-member-30");e&&e instanceof HTMLImageElement&&(e.complete?e.style.opacity="1":e.onload=()=>{e.style.opacity="1"})}))</script></div></div><div class="absolute -left-[85px] -top-[115px] bg-amber-600 boat-base h-5 rounded-xl w-[calc(100%+140px)]"></div><div class="absolute h-px bg-gradient-to-r from-transparent to-transparent via-black water-line" style="top:-75px;left:0;width:100%" aria-hidden="true"></div><div class="absolute h-px bg-gradient-to-r from-transparent to-transparent via-black water-line" style="top:-50px;left:10px;width:90%" aria-hidden="true"></div><div class="absolute h-px bg-gradient-to-r from-transparent to-transparent via-black water-line" style="top:-25px;left:20px;width:80%" aria-hidden="true"></div></div><div class="relative boat border-l-[80px] border-l-transparent border-r-[50px] border-r-transparent border-t-[100px] border-t-amber-700 h-0 rounded shrink-0" style="width: 650px; min-width: 550px; max-width: 1000px; translate: none; rotate: none; scale: none; transform-origin: 50% 100%; transform: translate(0%, -8.0497%) translate3d(0px, 0px, 0px) rotate(-1.2267deg) scale(0, 0);" aria-label="Logistics boat" data-index="6" role="listitem"><div class="absolute duration-300 ease-in-out transition-all flag-container" style="top:-400px;right:75px"><div class="absolute duration-300 ease-in-out -left-[0px] bg-white flag flag-wrapper flex flex-col h-[70px] hover:scale-105 items-center justify-center overflow-hidden rounded-lg shadow-md text-red-900 top-2 transition-transform w-[120px]" style="translate: none; rotate: none; scale: none; transform: translate(0px, 20px); opacity: 0; visibility: hidden;"><div class="absolute h-full bg-red-600 w-5 left-0"></div><div class="absolute h-full bg-red-600 w-5 right-0"></div><span class="duration-300 ease-in-out transition-transform hover:scale-110 mb-1 z-10"><svg class="h-8 w-8 fill-red-600" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="m373 359 112-96-20-10c-11-5-9-12-8-17l19-74-63 14c-8 2-11-1-12-4l-8-33s-46 55-56 64-15-3-13-11l22-127-32 17c-9 5-15 2-20-6L256 0l-38 76c-5 8-11 11-20 6l-32-17 22 127c2 8-3 20-13 11s-56-64-56-64l-8 33c-1 3-4 6-12 4l-63-14 19 74c1 5 3 12-8 17l-20 10 112 96c5 4 5 9 3 15s-22 31-22 31 108-12 114-9c7 2 12 2 14 18 1 17-4 98-4 98h24s-5-81-4-98c2-16 7-16 14-18 6-3 114 9 114 9s-20-25-22-31-2-11 3-15z"></path></svg> </span><span class="duration-300 ease-in-out transition-all text-sm font-semibold hover:text-red-600 z-10">Logistics</span></div><div class="duration-300 ease-in-out transition-all bg-gradient-to-b flagpole from-amber-700 h-[100px] hover:h-[110px] rounded-t-full to-amber-900 w-2" style="translate: none; rotate: none; scale: none; transform: translate(0px, 20px); opacity: 0; visibility: hidden;"></div></div><div class="absolute border-b-[#bfd2de] border-b-[100px] border-l-[80px] border-l-transparent border-r-[40px] border-r-transparent -top-[300px] compartment-1-group h-10 right-[25px] w-[calc(70%)]" role="group" aria-label="Compartment 1" style="translate: none; rotate: none; scale: none; transform-origin: 50% 100%; transform: scale(1, 0);"><div class="absolute h-px bg-amber-600 right-[0px] w-full -top-[0px] compartment-1-divider"></div><div class="compartment-1"><div class="absolute rounded-full border border-1 border-amber-800 h-[80px] w-[80px] border-b-transparent team-member-1" style="left: 0px; top: 33px; translate: none; rotate: none; scale: none; transform: translate(0px, 50px) scale(0, 0);"><div class="rounded-full w-full cursor-pointer h-full overflow-hidden team-member-gsap" data-member="{"id":31,"firstName":"Aayan","team":"Logistics","tag":"Logistics Lead","link":"https://example.com/aayan_l","quote":"Placeholder quote"}"><img alt="Aayan's avatar" decoding="async" height="100" loading="lazy" src="/teamAvatars/default-avatar.webp" width="100" class="w-full h-full object-cover" id="team-member-31"></div><div class="absolute duration-300 ease-in-out transition-all bottom-full chat-bubble left-[80%]" style="visibility: hidden;"><div class="rounded-full bg-amber-700 bubble3 flex items-center justify-center px-4 py-2 relative text-white w-fit" style="translate: none; rotate: none; scale: none; transform: translate(-15px, 15px) scale(0, 0);">Aayan</div><div class="absolute rounded-full bg-amber-700 -bottom-[2px] -left-[3px] bubble2 h-[15px] w-[15px]" style="translate: none; rotate: none; scale: none; transform: translate(-5px, 5px) scale(0, 0);"></div><div class="absolute rounded-full bg-amber-700 -bottom-[4px] -left-[13px] bubble1 h-[10px] w-[10px]" style="translate: none; rotate: none; scale: none; transform: scale(0, 0);"></div></div></div><script>document.addEventListener("DOMContentLoaded",(()=>{const e=document.getElementById("team-member-31");e&&e instanceof HTMLImageElement&&(e.complete?e.style.opacity="1":e.onload=()=>{e.style.opacity="1"})}))</script><div class="absolute rounded-full border border-1 border-amber-800 h-[80px] w-[80px] border-b-transparent team-member-1" style="left: 90px; top: 33px; translate: none; rotate: none; scale: none; transform: translate(0px, 50px) scale(0, 0);"><div class="rounded-full w-full cursor-pointer h-full overflow-hidden team-member-gsap" data-member="{"id":32,"firstName":"Emilo","team":"Logistics","tag":"Logistics Lead","link":"https://example.com/emilo","quote":"Placeholder quote"}"><img alt="Emilo's avatar" decoding="async" height="100" loading="lazy" src="/teamAvatars/default-avatar.webp" width="100" class="w-full h-full object-cover" id="team-member-32"></div><div class="absolute duration-300 ease-in-out transition-all bottom-full chat-bubble left-[80%]" style="visibility: hidden;"><div class="rounded-full bg-amber-700 bubble3 flex items-center justify-center px-4 py-2 relative text-white w-fit" style="translate: none; rotate: none; scale: none; transform: translate(-15px, 15px) scale(0, 0);">Emilo</div><div class="absolute rounded-full bg-amber-700 -bottom-[2px] -left-[3px] bubble2 h-[15px] w-[15px]" style="translate: none; rotate: none; scale: none; transform: translate(-5px, 5px) scale(0, 0);"></div><div class="absolute rounded-full bg-amber-700 -bottom-[4px] -left-[13px] bubble1 h-[10px] w-[10px]" style="translate: none; rotate: none; scale: none; transform: scale(0, 0);"></div></div></div><script>document.addEventListener("DOMContentLoaded",(()=>{const e=document.getElementById("team-member-32");e&&e instanceof HTMLImageElement&&(e.complete?e.style.opacity="1":e.onload=()=>{e.style.opacity="1"})}))</script></div></div><div class="absolute border-b-[#bfd2de] border-b-[100px] border-l-[80px] border-l-transparent border-r-[40px] border-r-transparent -right-[20px] -top-[200px] compartment-2-group h-0 w-[calc(80%+140px)]" role="group" aria-label="Compartment 2" style="translate: none; rotate: none; scale: none; transform-origin: 50% 100%; transform: scale(1, 0);"><div class="absolute h-px bg-amber-600 right-[0px] w-full compartment-2-divider top-[0px]"></div><div class="compartment-2"><div class="absolute rounded-full border border-1 border-amber-800 h-[80px] w-[80px] team-member-2" style="left: 0px; top: 20px; translate: none; rotate: none; scale: none; transform: translate(0px, 50px) scale(0, 0);"><div class="rounded-full w-full cursor-pointer h-full overflow-hidden team-member-gsap" data-member="{"id":33,"firstName":"Jia","team":"Logistics","tag":"Logistics Member","link":"https://example.com/jia","quote":"Placeholder quote"}"><img alt="Jia's avatar" decoding="async" height="100" loading="lazy" src="/teamAvatars/default-avatar.webp" width="100" class="w-full h-full object-cover" id="team-member-33"></div><div class="absolute duration-300 ease-in-out transition-all bottom-full chat-bubble left-[80%]" style="visibility: hidden;"><div class="rounded-full bg-amber-700 bubble3 flex items-center justify-center px-4 py-2 relative text-white w-fit" style="translate: none; rotate: none; scale: none; transform: translate(-15px, 15px) scale(0, 0);">Jia</div><div class="absolute rounded-full bg-amber-700 -bottom-[2px] -left-[3px] bubble2 h-[15px] w-[15px]" style="translate: none; rotate: none; scale: none; transform: translate(-5px, 5px) scale(0, 0);"></div><div class="absolute rounded-full bg-amber-700 -bottom-[4px] -left-[13px] bubble1 h-[10px] w-[10px]" style="translate: none; rotate: none; scale: none; transform: scale(0, 0);"></div></div></div><script>document.addEventListener("DOMContentLoaded",(()=>{const e=document.getElementById("team-member-33");e&&e instanceof HTMLImageElement&&(e.complete?e.style.opacity="1":e.onload=()=>{e.style.opacity="1"})}))</script><div class="absolute rounded-full border border-1 border-amber-800 h-[80px] w-[80px] team-member-2" style="left: 90px; top: 20px; translate: none; rotate: none; scale: none; transform: translate(0px, 50px) scale(0, 0);"><div class="rounded-full w-full cursor-pointer h-full overflow-hidden team-member-gsap" data-member="{"id":34,"firstName":"Yang","team":"Logistics","tag":"Logistics Member","link":"https://example.com/yang","quote":"Placeholder quote"}"><img alt="Yang's avatar" decoding="async" height="100" loading="lazy" src="/teamAvatars/default-avatar.webp" width="100" class="w-full h-full object-cover" id="team-member-34"></div><div class="absolute duration-300 ease-in-out transition-all bottom-full chat-bubble left-[80%]" style="visibility: hidden;"><div class="rounded-full bg-amber-700 bubble3 flex items-center justify-center px-4 py-2 relative text-white w-fit" style="translate: none; rotate: none; scale: none; transform: translate(-15px, 15px) scale(0, 0);">Yang</div><div class="absolute rounded-full bg-amber-700 -bottom-[2px] -left-[3px] bubble2 h-[15px] w-[15px]" style="translate: none; rotate: none; scale: none; transform: translate(-5px, 5px) scale(0, 0);"></div><div class="absolute rounded-full bg-amber-700 -bottom-[4px] -left-[13px] bubble1 h-[10px] w-[10px]" style="translate: none; rotate: none; scale: none; transform: scale(0, 0);"></div></div></div><script>document.addEventListener("DOMContentLoaded",(()=>{const e=document.getElementById("team-member-34");e&&e instanceof HTMLImageElement&&(e.complete?e.style.opacity="1":e.onload=()=>{e.style.opacity="1"})}))</script><div class="absolute rounded-full border border-1 border-amber-800 h-[80px] w-[80px] team-member-2" style="left: 180px; top: 20px; translate: none; rotate: none; scale: none; transform: translate(0px, 50px) scale(0, 0);"><div class="rounded-full w-full cursor-pointer h-full overflow-hidden team-member-gsap" data-member="{"id":35,"firstName":"Arnav","team":"Logistics","tag":"Logistics Member","link":"https://example.com/arnav","quote":"Placeholder quote"}"><img alt="Arnav's avatar" decoding="async" height="100" loading="lazy" src="/teamAvatars/default-avatar.webp" width="100" class="w-full h-full object-cover" id="team-member-35"></div><div class="absolute duration-300 ease-in-out transition-all bottom-full chat-bubble left-[80%]" style="visibility: hidden;"><div class="rounded-full bg-amber-700 bubble3 flex items-center justify-center px-4 py-2 relative text-white w-fit" style="translate: none; rotate: none; scale: none; transform: translate(-15px, 15px) scale(0, 0);">Arnav</div><div class="absolute rounded-full bg-amber-700 -bottom-[2px] -left-[3px] bubble2 h-[15px] w-[15px]" style="translate: none; rotate: none; scale: none; transform: translate(-5px, 5px) scale(0, 0);"></div><div class="absolute rounded-full bg-amber-700 -bottom-[4px] -left-[13px] bubble1 h-[10px] w-[10px]" style="translate: none; rotate: none; scale: none; transform: scale(0, 0);"></div></div></div><script>document.addEventListener("DOMContentLoaded",(()=>{const e=document.getElementById("team-member-35");e&&e instanceof HTMLImageElement&&(e.complete?e.style.opacity="1":e.onload=()=>{e.style.opacity="1"})}))</script><div class="absolute rounded-full border border-1 border-amber-800 h-[80px] w-[80px] team-member-2" style="left: 270px; top: 20px; translate: none; rotate: none; scale: none; transform: translate(0px, 50px) scale(0, 0);"><div class="rounded-full w-full cursor-pointer h-full overflow-hidden team-member-gsap" data-member="{"id":36,"firstName":"Advaith","team":"Logistics","tag":"Logistics Member","link":"https://example.com/advaith","quote":"Placeholder quote"}"><img alt="Advaith's avatar" decoding="async" height="100" loading="lazy" src="/teamAvatars/default-avatar.webp" width="100" class="w-full h-full object-cover" id="team-member-36"></div><div class="absolute duration-300 ease-in-out transition-all bottom-full chat-bubble left-[80%]" style="visibility: hidden;"><div class="rounded-full bg-amber-700 bubble3 flex items-center justify-center px-4 py-2 relative text-white w-fit" style="translate: none; rotate: none; scale: none; transform: translate(-15px, 15px) scale(0, 0);">Advaith</div><div class="absolute rounded-full bg-amber-700 -bottom-[2px] -left-[3px] bubble2 h-[15px] w-[15px]" style="translate: none; rotate: none; scale: none; transform: translate(-5px, 5px) scale(0, 0);"></div><div class="absolute rounded-full bg-amber-700 -bottom-[4px] -left-[13px] bubble1 h-[10px] w-[10px]" style="translate: none; rotate: none; scale: none; transform: scale(0, 0);"></div></div></div><script>document.addEventListener("DOMContentLoaded",(()=>{const e=document.getElementById("team-member-36");e&&e instanceof HTMLImageElement&&(e.complete?e.style.opacity="1":e.onload=()=>{e.style.opacity="1"})}))</script><div class="absolute rounded-full border border-1 border-amber-800 h-[80px] w-[80px] team-member-2" style="left: 360px; top: 20px; translate: none; rotate: none; scale: none; transform: translate(0px, 50px) scale(0, 0);"><div class="rounded-full w-full cursor-pointer h-full overflow-hidden team-member-gsap" data-member="{"id":37,"firstName":"Edward","team":"Logistics","tag":"Logistics Member","link":"https://example.com/edward","quote":"Placeholder quote"}"><img alt="Edward's avatar" decoding="async" height="100" loading="lazy" src="/teamAvatars/default-avatar.webp" width="100" class="w-full h-full object-cover" id="team-member-37"></div><div class="absolute duration-300 ease-in-out transition-all bottom-full chat-bubble left-[80%]" style="visibility: hidden;"><div class="rounded-full bg-amber-700 bubble3 flex items-center justify-center px-4 py-2 relative text-white w-fit" style="translate: none; rotate: none; scale: none; transform: translate(-15px, 15px) scale(0, 0);">Edward</div><div class="absolute rounded-full bg-amber-700 -bottom-[2px] -left-[3px] bubble2 h-[15px] w-[15px]" style="translate: none; rotate: none; scale: none; transform: translate(-5px, 5px) scale(0, 0);"></div><div class="absolute rounded-full bg-amber-700 -bottom-[4px] -left-[13px] bubble1 h-[10px] w-[10px]" style="translate: none; rotate: none; scale: none; transform: scale(0, 0);"></div></div></div><script>document.addEventListener("DOMContentLoaded",(()=>{const e=document.getElementById("team-member-37");e&&e instanceof HTMLImageElement&&(e.complete?e.style.opacity="1":e.onload=()=>{e.style.opacity="1"})}))</script></div></div><div class="absolute -left-[85px] -top-[115px] bg-amber-600 boat-base h-5 rounded-xl w-[calc(100%+140px)]"></div><div class="absolute h-px bg-gradient-to-r from-transparent to-transparent via-black water-line" style="top:-75px;left:0;width:100%" aria-hidden="true"></div><div class="absolute h-px bg-gradient-to-r from-transparent to-transparent via-black water-line" style="top:-50px;left:10px;width:90%" aria-hidden="true"></div><div class="absolute h-px bg-gradient-to-r from-transparent to-transparent via-black water-line" style="top:-25px;left:20px;width:80%" aria-hidden="true"></div></div><div class="relative boat border-l-[80px] border-l-transparent border-r-[50px] border-r-transparent border-t-[100px] border-t-amber-700 h-0 rounded shrink-0" style="width: 550px; min-width: 550px; max-width: 1000px; translate: none; rotate: none; scale: none; transform-origin: 50% 100%; transform: translate(0%, 3.4311%) translate3d(0px, 0px, 0px) rotate(-0.5224deg) scale(0, 0);" aria-label="Marketing boat" data-index="7" role="listitem"><div class="absolute duration-300 ease-in-out transition-all flag-container" style="top:-400px;right:75px"><div class="absolute duration-300 ease-in-out -left-[0px] bg-white flag flag-wrapper flex flex-col h-[70px] hover:scale-105 items-center justify-center overflow-hidden rounded-lg shadow-md text-red-900 top-2 transition-transform w-[120px]" style="translate: none; rotate: none; scale: none; transform: translate(0px, 20px); opacity: 0; visibility: hidden;"><div class="absolute h-full bg-red-600 w-5 left-0"></div><div class="absolute h-full bg-red-600 w-5 right-0"></div><span class="duration-300 ease-in-out transition-transform hover:scale-110 mb-1 z-10"><svg class="h-8 w-8 fill-red-600" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="m373 359 112-96-20-10c-11-5-9-12-8-17l19-74-63 14c-8 2-11-1-12-4l-8-33s-46 55-56 64-15-3-13-11l22-127-32 17c-9 5-15 2-20-6L256 0l-38 76c-5 8-11 11-20 6l-32-17 22 127c2 8-3 20-13 11s-56-64-56-64l-8 33c-1 3-4 6-12 4l-63-14 19 74c1 5 3 12-8 17l-20 10 112 96c5 4 5 9 3 15s-22 31-22 31 108-12 114-9c7 2 12 2 14 18 1 17-4 98-4 98h24s-5-81-4-98c2-16 7-16 14-18 6-3 114 9 114 9s-20-25-22-31-2-11 3-15z"></path></svg> </span><span class="duration-300 ease-in-out transition-all text-sm font-semibold hover:text-red-600 z-10">Marketing</span></div><div class="duration-300 ease-in-out transition-all bg-gradient-to-b flagpole from-amber-700 h-[100px] hover:h-[110px] rounded-t-full to-amber-900 w-2" style="translate: none; rotate: none; scale: none; transform: translate(0px, 20px); opacity: 0; visibility: hidden;"></div></div><div class="absolute border-b-[#bfd2de] border-b-[100px] border-l-[80px] border-l-transparent border-r-[40px] border-r-transparent -top-[300px] compartment-1-group h-10 right-[25px] w-[calc(70%)]" role="group" aria-label="Compartment 1" style="translate: none; rotate: none; scale: none; transform-origin: 50% 100%; transform: scale(1, 0);"><div class="absolute h-px bg-amber-600 right-[0px] w-full -top-[0px] compartment-1-divider"></div><div class="compartment-1"><div class="absolute rounded-full border border-1 border-amber-800 h-[80px] w-[80px] border-b-transparent team-member-1" style="left: 0px; top: 33px; translate: none; rotate: none; scale: none; transform: translate(0px, 50px) scale(0, 0);"><div class="rounded-full w-full cursor-pointer h-full overflow-hidden team-member-gsap" data-member="{"id":38,"firstName":"Chelsea","lastName":"Wong","team":"Marketing","tag":"Head of Marketing","pronouns":"she/her","link":"https://www.linkedin.com/in/chelseawong07/","quote":"stan enhypen"}"><img alt="Chelsea's avatar" decoding="async" height="100" loading="lazy" src="/teamAvatars/default-avatar.webp" width="100" class="w-full h-full object-cover" id="team-member-38"></div><div class="absolute duration-300 ease-in-out transition-all bottom-full chat-bubble left-[80%]" style="visibility: hidden;"><div class="rounded-full bg-amber-700 bubble3 flex items-center justify-center px-4 py-2 relative text-white w-fit" style="translate: none; rotate: none; scale: none; transform: translate(-15px, 15px) scale(0, 0);">Chelsea</div><div class="absolute rounded-full bg-amber-700 -bottom-[2px] -left-[3px] bubble2 h-[15px] w-[15px]" style="translate: none; rotate: none; scale: none; transform: translate(-5px, 5px) scale(0, 0);"></div><div class="absolute rounded-full bg-amber-700 -bottom-[4px] -left-[13px] bubble1 h-[10px] w-[10px]" style="translate: none; rotate: none; scale: none; transform: scale(0, 0);"></div></div></div><script>document.addEventListener("DOMContentLoaded",(()=>{const e=document.getElementById("team-member-38");e&&e instanceof HTMLImageElement&&(e.complete?e.style.opacity="1":e.onload=()=>{e.style.opacity="1"})}))</script><div class="absolute rounded-full border border-1 border-amber-800 h-[80px] w-[80px] border-b-transparent team-member-1" style="left: 90px; top: 33px; translate: none; rotate: none; scale: none; transform: translate(0px, 50px) scale(0, 0);"><div class="rounded-full w-full cursor-pointer h-full overflow-hidden team-member-gsap" data-member="{"id":39,"firstName":"Ev","team":"Marketing","tag":"Marketing Lead","link":"https://example.com/ev","quote":"Placeholder quote"}"><img alt="Ev's avatar" decoding="async" height="100" loading="lazy" src="/teamAvatars/default-avatar.webp" width="100" class="w-full h-full object-cover" id="team-member-39"></div><div class="absolute duration-300 ease-in-out transition-all bottom-full chat-bubble left-[80%]" style="visibility: hidden;"><div class="rounded-full bg-amber-700 bubble3 flex items-center justify-center px-4 py-2 relative text-white w-fit" style="translate: none; rotate: none; scale: none; transform: translate(-15px, 15px) scale(0, 0);">Ev</div><div class="absolute rounded-full bg-amber-700 -bottom-[2px] -left-[3px] bubble2 h-[15px] w-[15px]" style="translate: none; rotate: none; scale: none; transform: translate(-5px, 5px) scale(0, 0);"></div><div class="absolute rounded-full bg-amber-700 -bottom-[4px] -left-[13px] bubble1 h-[10px] w-[10px]" style="translate: none; rotate: none; scale: none; transform: scale(0, 0);"></div></div></div><script>document.addEventListener("DOMContentLoaded",(()=>{const e=document.getElementById("team-member-39");e&&e instanceof HTMLImageElement&&(e.complete?e.style.opacity="1":e.onload=()=>{e.style.opacity="1"})}))</script></div></div><div class="absolute border-b-[#bfd2de] border-b-[100px] border-l-[80px] border-l-transparent border-r-[40px] border-r-transparent -right-[20px] -top-[200px] compartment-2-group h-0 w-[calc(80%+140px)]" role="group" aria-label="Compartment 2" style="translate: none; rotate: none; scale: none; transform-origin: 50% 100%; transform: scale(1, 0);"><div class="absolute h-px bg-amber-600 right-[0px] w-full compartment-2-divider top-[0px]"></div><div class="compartment-2"><div class="absolute rounded-full border border-1 border-amber-800 h-[80px] w-[80px] team-member-2" style="left: 0px; top: 20px; translate: none; rotate: none; scale: none; transform: translate(0px, 50px) scale(0, 0);"><div class="rounded-full w-full cursor-pointer h-full overflow-hidden team-member-gsap" data-member="{"id":40,"firstName":"Yashas","team":"Marketing","tag":"Marketing Lead","link":"https://example.com/yashas","quote":"Placeholder quote"}"><img alt="Yashas's avatar" decoding="async" height="100" loading="lazy" src="/teamAvatars/default-avatar.webp" width="100" class="w-full h-full object-cover" id="team-member-40"></div><div class="absolute duration-300 ease-in-out transition-all bottom-full chat-bubble left-[80%]" style="visibility: hidden;"><div class="rounded-full bg-amber-700 bubble3 flex items-center justify-center px-4 py-2 relative text-white w-fit" style="translate: none; rotate: none; scale: none; transform: translate(-15px, 15px) scale(0, 0);">Yashas</div><div class="absolute rounded-full bg-amber-700 -bottom-[2px] -left-[3px] bubble2 h-[15px] w-[15px]" style="translate: none; rotate: none; scale: none; transform: translate(-5px, 5px) scale(0, 0);"></div><div class="absolute rounded-full bg-amber-700 -bottom-[4px] -left-[13px] bubble1 h-[10px] w-[10px]" style="translate: none; rotate: none; scale: none; transform: scale(0, 0);"></div></div></div><script>document.addEventListener("DOMContentLoaded",(()=>{const e=document.getElementById("team-member-40");e&&e instanceof HTMLImageElement&&(e.complete?e.style.opacity="1":e.onload=()=>{e.style.opacity="1"})}))</script><div class="absolute rounded-full border border-1 border-amber-800 h-[80px] w-[80px] team-member-2" style="left: 90px; top: 20px; translate: none; rotate: none; scale: none; transform: translate(0px, 50px) scale(0, 0);"><div class="rounded-full w-full cursor-pointer h-full overflow-hidden team-member-gsap" data-member="{"id":41,"firstName":"Naman","team":"Marketing","tag":"Marketing Member","link":"https://example.com/naman","quote":"Placeholder quote"}"><img alt="Naman's avatar" decoding="async" height="100" loading="lazy" src="/teamAvatars/default-avatar.webp" width="100" class="w-full h-full object-cover" id="team-member-41"></div><div class="absolute duration-300 ease-in-out transition-all bottom-full chat-bubble left-[80%]" style="visibility: hidden;"><div class="rounded-full bg-amber-700 bubble3 flex items-center justify-center px-4 py-2 relative text-white w-fit" style="translate: none; rotate: none; scale: none; transform: translate(-15px, 15px) scale(0, 0);">Naman</div><div class="absolute rounded-full bg-amber-700 -bottom-[2px] -left-[3px] bubble2 h-[15px] w-[15px]" style="translate: none; rotate: none; scale: none; transform: translate(-5px, 5px) scale(0, 0);"></div><div class="absolute rounded-full bg-amber-700 -bottom-[4px] -left-[13px] bubble1 h-[10px] w-[10px]" style="translate: none; rotate: none; scale: none; transform: scale(0, 0);"></div></div></div><script>document.addEventListener("DOMContentLoaded",(()=>{const e=document.getElementById("team-member-41");e&&e instanceof HTMLImageElement&&(e.complete?e.style.opacity="1":e.onload=()=>{e.style.opacity="1"})}))</script><div class="absolute rounded-full border border-1 border-amber-800 h-[80px] w-[80px] team-member-2" style="left: 180px; top: 20px; translate: none; rotate: none; scale: none; transform: translate(0px, 50px) scale(0, 0);"><div class="rounded-full w-full cursor-pointer h-full overflow-hidden team-member-gsap" data-member="{"id":42,"firstName":"Anushka","team":"Marketing","tag":"Marketing Member","link":"https://example.com/anushka","quote":"Placeholder quote"}"><img alt="Anushka's avatar" decoding="async" height="100" loading="lazy" src="/teamAvatars/default-avatar.webp" width="100" class="w-full h-full object-cover" id="team-member-42"></div><div class="absolute duration-300 ease-in-out transition-all bottom-full chat-bubble left-[80%]" style="visibility: hidden;"><div class="rounded-full bg-amber-700 bubble3 flex items-center justify-center px-4 py-2 relative text-white w-fit" style="translate: none; rotate: none; scale: none; transform: translate(-15px, 15px) scale(0, 0);">Anushka</div><div class="absolute rounded-full bg-amber-700 -bottom-[2px] -left-[3px] bubble2 h-[15px] w-[15px]" style="translate: none; rotate: none; scale: none; transform: translate(-5px, 5px) scale(0, 0);"></div><div class="absolute rounded-full bg-amber-700 -bottom-[4px] -left-[13px] bubble1 h-[10px] w-[10px]" style="translate: none; rotate: none; scale: none; transform: scale(0, 0);"></div></div></div><script>document.addEventListener("DOMContentLoaded",(()=>{const e=document.getElementById("team-member-42");e&&e instanceof HTMLImageElement&&(e.complete?e.style.opacity="1":e.onload=()=>{e.style.opacity="1"})}))</script><div class="absolute rounded-full border border-1 border-amber-800 h-[80px] w-[80px] team-member-2" style="left: 270px; top: 20px; translate: none; rotate: none; scale: none; transform: translate(0px, 50px) scale(0, 0);"><div class="rounded-full w-full cursor-pointer h-full overflow-hidden team-member-gsap" data-member="{"id":43,"firstName":"Claire","lastName":"L","team":"Marketing","tag":"Marketing Member","link":"https://example.com/claire","quote":"Placeholder quote"}"><img alt="Claire's avatar" decoding="async" height="100" loading="lazy" src="/teamAvatars/default-avatar.webp" width="100" class="w-full h-full object-cover" id="team-member-43"></div><div class="absolute duration-300 ease-in-out transition-all bottom-full chat-bubble left-[80%]" style="visibility: hidden;"><div class="rounded-full bg-amber-700 bubble3 flex items-center justify-center px-4 py-2 relative text-white w-fit" style="translate: none; rotate: none; scale: none; transform: translate(-15px, 15px) scale(0, 0);">Claire</div><div class="absolute rounded-full bg-amber-700 -bottom-[2px] -left-[3px] bubble2 h-[15px] w-[15px]" style="translate: none; rotate: none; scale: none; transform: translate(-5px, 5px) scale(0, 0);"></div><div class="absolute rounded-full bg-amber-700 -bottom-[4px] -left-[13px] bubble1 h-[10px] w-[10px]" style="translate: none; rotate: none; scale: none; transform: scale(0, 0);"></div></div></div><script>document.addEventListener("DOMContentLoaded",(()=>{const e=document.getElementById("team-member-43");e&&e instanceof HTMLImageElement&&(e.complete?e.style.opacity="1":e.onload=()=>{e.style.opacity="1"})}))</script></div></div><div class="absolute -left-[85px] -top-[115px] bg-amber-600 boat-base h-5 rounded-xl w-[calc(100%+140px)]"></div><div class="absolute h-px bg-gradient-to-r from-transparent to-transparent via-black water-line" style="top:-75px;left:0;width:100%" aria-hidden="true"></div><div class="absolute h-px bg-gradient-to-r from-transparent to-transparent via-black water-line" style="top:-50px;left:10px;width:90%" aria-hidden="true"></div><div class="absolute h-px bg-gradient-to-r from-transparent to-transparent via-black water-line" style="top:-25px;left:20px;width:80%" aria-hidden="true"></div></div></div></div><div class="absolute flex flex-col bottom-0 items-end justify-end left-0 text-center text-white w-[100vw] wave-container" data-astro-cid-jnwtmk7x=""><svg class="waves" viewBox="0 24 150 28" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" data-astro-cid-jnwtmk7x="" shape-rendering="auto" xmlns:xlink="http://www.w3.org/1999/xlink"><defs data-astro-cid-jnwtmk7x=""><path d="M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z" id="gentle-wave" data-astro-cid-jnwtmk7x=""></path></defs><g class="parallax" data-astro-cid-jnwtmk7x=""><use data-astro-cid-jnwtmk7x="" fill="rgba(44, 127, 190, 0.5)" x="48" xlink:href="#gentle-wave" y="0"></use><use data-astro-cid-jnwtmk7x="" fill="#32BAFA" x="48" xlink:href="#gentle-wave" y="5"></use></g></svg><div class="w-full bg-[#32BAFA] h-[50px] md:h-[25px]" data-astro-cid-jnwtmk7x=""></div></div><astro-island client="only" component-export="default" component-url="/_astro/TeamMemberModal.CrrXMoA9.js" opts="{"name":"TeamMemberModal","value":"react"}" props="{}" renderer-url="/_astro/client.BIGLHmRd.js" uid="1BlT3H"></astro-island></section></main></div><footer class="w-full bg-gradient-to-b from-[#32BAFA] px-4 py-8 sm:px-6 sm:py-10 text-[#0a1c3d] to-[#aad6fa]" data-astro-cid-35ed7um5=""><div class="max-w-7xl mx-auto" data-astro-cid-35ed7um5=""><div class="gap-8 flex items-center flex-col sm:flex-row sm:items-start sm:justify-between" data-astro-cid-35ed7um5=""><div class="sm:flex-row flex flex-col items-center sm:space-x-6 sm:space-y-0 space-y-4" data-astro-cid-35ed7um5=""><img alt="Hack Canada logo" decoding="async" height="72" loading="lazy" src="/logo-v1.webp" width="72" class="select-none animate-float h-18 object-contain w-18" data-astro-cid-35ed7um5=""><div class="text-center sm:text-left" data-astro-cid-35ed7um5=""><h2 class="duration-300 sm:text-3xl font-bold hover:text-[#051429] text-2xl transition-colors" data-astro-cid-35ed7um5="">Hack Canada</h2><p class="duration-300 text-[#0a1c3d] transition-opacity hover:opacity-80 text-base mt-1 sm:text-lg" data-astro-cid-35ed7um5="">Powered by Hackathons Canada</p></div></div><nav class="w-full sm:w-auto" data-astro-cid-35ed7um5=""><ul class="text-lg mb-4 flex flex-wrap gap-4 justify-center sm:gap-x-8 sm:justify-end" data-astro-cid-35ed7um5=""><li data-astro-cid-35ed7um5=""><span class="duration-300 text-[#0a1c3d] transition-opacity cursor-not-allowed hover:opacity-50 opacity-70" data-astro-cid-35ed7um5="" aria-disabled="true">Apply as a Mentor</span></li><li data-astro-cid-35ed7um5=""><span class="duration-300 text-[#0a1c3d] transition-opacity cursor-not-allowed hover:opacity-50 opacity-70" data-astro-cid-35ed7um5="" aria-disabled="true">Apply as a Judge</span></li></ul><ul class="text-lg flex flex-wrap gap-4 justify-center sm:gap-x-8 sm:justify-end" data-astro-cid-35ed7um5=""><li data-astro-cid-35ed7um5=""><a href="" class="duration-300 transition-all hover:text-[#051429] hover:underline text-[#0a1c3d]" target="_self" data-astro-cid-35ed7um5="">Code Of Conduct</a></li><li data-astro-cid-35ed7um5=""><a href="/privacy" class="duration-300 transition-all hover:text-[#051429] hover:underline text-[#0a1c3d]" target="_self" data-astro-cid-35ed7um5="">Privacy Policy</a></li><li data-astro-cid-35ed7um5=""><a href="mailto:[email protected]" class="duration-300 transition-all hover:text-[#051429] hover:underline text-[#0a1c3d]" target="_blank" rel="noopener noreferrer" data-astro-cid-35ed7um5="">Contact Us</a></li></ul></nav></div><div class="sm:flex-row flex flex-col items-center sm:justify-between gap-6 mt-8 pt-6 sm:mt-10" data-astro-cid-35ed7um5=""><p class="duration-300 text-[#0a1c3d] transition-opacity hover:opacity-80 text-base sm:text-left text-center" data-astro-cid-35ed7um5="">© 2024 Hack Canada. All rights reserved.</p><div class="space-x-6 flex items-center" data-astro-cid-35ed7um5=""><a href="https://discord.gg/wp42amwcWy" class="duration-300 transition-transform hover:scale-110 hover:text-[#051429] text-[#0a1c3d]" target="_blank" rel="noopener noreferrer" aria-label="Follow us on Discord" data-astro-cid-35ed7um5=""><span data-astro-cid-35ed7um5=""><svg class="" viewBox="0 0 50 50" xmlns="http://www.w3.org/2000/svg" height="35" width="35" fill="#0a1c3d" stroke="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"><path d="M41.6 10.8A22 22 0 0031.1 7a1 1 0 00-1 .6l-.3.8a26 26 0 018.8 3.2 1 1 0 11-1 1.7 25.8 25.8 0 00-25.1 0 1 1 0 01-1-1.7 26 26 0 018.7-3.2l-.3-.8a1 1 0 00-1-.6 22 22 0 00-10.6 3.8 45.4 45.4 0 00-6.2 23.7c3 5.1 10.9 6.4 12.7 6.5.3 0 .6-.2.8-.4l1.8-2.5a15.1 15.1 0 01-7.5-3.6 1 1 0 011.3-1.5s4.7 4 13.8 4 13.8-4 13.8-4a1 1 0 011.3 1.5 15.1 15.1 0 01-7.5 3.6l1.8 2.5c.2.2.5.4.8.4 1.8-.1 9.8-1.4 12.8-6.5A45 45 0 0041.6 10.8zM18.5 30a3.5 3.5 0 110-7 3.5 3.5 0 010 7zm13 0a3.5 3.5 0 110-7 3.5 3.5 0 010 7z"></path></svg></span></a><a href="https://www.instagram.com/hackathoncanada/" class="duration-300 transition-transform hover:scale-110 hover:text-[#051429] text-[#0a1c3d]" target="_blank" rel="noopener noreferrer" aria-label="Follow us on Instagram" data-astro-cid-35ed7um5=""><span data-astro-cid-35ed7um5=""><svg class="" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" height="35" width="35" fill="none" stroke="#0a1c3d" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M16 11.4A4 4 0 1 1 12.6 8a4 4 0 0 1 3.4 3.4zm1.5-4.9h.01M7 2h10a5 5 0 0 1 5 5v10a5 5 0 0 1-5 5H7a5 5 0 0 1-5-5V7a5 5 0 0 1 5-5z"></path></svg></span></a><a href="https://www.linkedin.com/company/hackathonscanada/" class="duration-300 transition-transform hover:scale-110 hover:text-[#051429] text-[#0a1c3d]" target="_blank" rel="noopener noreferrer" aria-label="Follow us on LinkedIn" data-astro-cid-35ed7um5=""><span data-astro-cid-35ed7um5=""><svg class="" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" height="35" width="35" fill="none" stroke="#0a1c3d" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6zM2 9h4v12H2z M4 6a2 2 0 1 1 0-4 2 2 0 0 1 0 4z"></path></svg></span></a><a href="mailto:[email protected]" class="duration-300 transition-transform hover:scale-110 hover:text-[#051429] text-[#0a1c3d]" target="_blank" rel="noopener noreferrer" aria-label="Follow us on Email" data-astro-cid-35ed7um5=""><span data-astro-cid-35ed7um5=""><svg class="" viewBox="0 0 50 50" xmlns="http://www.w3.org/2000/svg" height="35" width="35" fill="#0a1c3d" stroke="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"><path d="M12 23V10L9 8C7 7 5 8 4 9s-2 2-2 4v3l10 7zm26 0 10-7v-4c0-1-1-3-2-4s-3-2-5-1l-3 2v14zm-24 2 10 8h2l10-8V12l-11 8-11-8v13zm24 1v15c0 1 0 1 1 1h7c1 0 2-1 2-3V19l-10 7zm-26 0L2 19v21c0 2 1 3 3 3h6c1 0 1-1 1-1V26z"></path></svg></span></a></div><a href="https://hackathonscanada.com" class="duration-300 transition-all hover:text-[#051429] hover:underline text-[#0a1c3d] flex group items-center space-x-3" target="_blank" rel="noopener noreferrer" data-astro-cid-35ed7um5=""><img alt="Hackathons Canada logo" decoding="async" height="36" loading="lazy" src="/hackathons-canada-logo.webp" width="36" class="duration-300 transition-transform group-hover:scale-110 h-8 object-contain select-none sm:h-9 sm:w-9 w-8" data-astro-cid-35ed7um5=""> <span class="text-lg" data-astro-cid-35ed7um5="">A Hackathons Canada Initiative</span></a></div></div></footer></body></html>