@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;700&family=Inter:wght@300;400;500;600&display=swap";.app{flex-direction:column;min-height:100vh;display:flex;position:relative}.page-transition{flex:1;animation:1s forwards fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}nav{z-index:1000;width:100%;padding:2.5rem 0;position:fixed;top:0}nav .nav-content{justify-content:space-between;align-items:flex-start;display:flex}nav .logo{align-items:center;transition:all .3s;display:flex}nav .logo:hover{opacity:1!important}nav .logo .synapse-logo{width:65px;height:auto;transition:transform .4s;overflow:visible}nav .logo .synapse-logo .logo-base{fill:#fff;transition:opacity .4s}nav .logo .synapse-logo .logo-hover{fill:#dfff7e;filter:url(#complex-hover-filter);opacity:0;transition:opacity .4s}nav .logo .synapse-logo:hover{transform:scale(1.05)}nav .logo .synapse-logo:hover .logo-base{opacity:0}nav .logo .synapse-logo:hover .logo-hover{opacity:1}nav .nav-links{gap:3rem;display:flex}nav .nav-links a{letter-spacing:.1em;text-transform:uppercase;mix-blend-mode:difference;font-size:1.1rem;font-weight:500;transition:all .3s}nav .nav-links a:hover{color:#dfff7e;text-shadow:0 0 15px #f0f,0 0 5px #ffc214;mix-blend-mode:normal;opacity:1!important}.loading-screen{z-index:9999;background-color:#000;justify-content:center;align-items:center;width:100vw;height:100vh;transition:opacity .8s,visibility .8s;display:flex;position:fixed;top:0;left:0}.loading-screen.hidden{opacity:0;visibility:hidden;pointer-events:none}.loading-screen .loader-text{color:#dfff7e;letter-spacing:.2em;font-family:Space Grotesk,sans-serif;font-size:2rem;font-weight:500;animation:1.5s infinite pulse}@keyframes pulse{0%{opacity:.5;filter:blur(2px)}50%{opacity:1;filter:blur();text-shadow:0 0 15px #f0f}to{opacity:.5;filter:blur(2px)}}.hero-fixed-container{z-index:1;background-color:#000;width:100%;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.hero-fixed-container .hero-bg{background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;position:absolute;top:0;left:0}.hero-fixed-container .hero-logo-bottom{z-index:2;width:100%;padding:0 5vw;position:absolute;bottom:2.5rem;left:0}.hero-fixed-container .hero-logo-bottom img{width:100%;height:auto}.intro-section{z-index:2;color:#fff;background-color:#01150e;margin-top:100vh;position:sticky;bottom:0}.intro-section .images-sticky-layer{z-index:1;width:100%;height:100vh;position:sticky;top:0;overflow:hidden}.intro-section .images-scroller{width:100%;height:100%;position:relative}.intro-section .scroll-img{object-fit:cover;opacity:.3;will-change:transform;position:absolute;box-shadow:0 30px 60px #00000080}.intro-section .text-scroll-layer{z-index:2;margin-top:-100vh;position:relative}.intro-section .spacer-top{height:0}.intro-section .spacer-bottom{height:50vh}.intro-section .scroll-pair{flex-direction:column;justify-content:space-between;min-height:100vh;margin-bottom:80vh;padding:12vh 0;display:flex;position:relative}.intro-section .scroll-pair:last-of-type{margin-bottom:0}.intro-section .scroll-text-block{align-items:center;padding:0 8vw;display:flex}.intro-section .scroll-text-block.align-right{justify-content:flex-end}.intro-section .scroll-text-block .text-content{max-width:48vw}@media (width<=900px){.intro-section .scroll-text-block .text-content{max-width:90vw}}.intro-section .scroll-text-block .block-title{text-transform:uppercase;letter-spacing:.2em;opacity:.5;margin-bottom:1.2rem;font-size:.75rem;font-weight:500}.intro-section .scroll-text-block .block-body{letter-spacing:-.02em;font-family:Inter,sans-serif;font-size:clamp(1.6rem,2.8vw,3.8rem);font-weight:500;line-height:1.25}.components-section{z-index:3;color:#fff;padding:0;position:relative}.components-section .components-grid{grid-template-columns:repeat(3,1fr);gap:0;display:grid}@media (width<=1024px){.components-section .components-grid{grid-template-columns:1fr}}.components-section .component-card{flex-direction:column;align-items:center;padding-top:4vh;transition:background-color .4s;display:flex}.components-section .component-card:first-child .sketch-bg{width:110%}.components-section .component-card:first-child h3{transition:color .4s}.components-section .component-card:first-child:hover{background-color:#9333ea26}.components-section .component-card:first-child:hover h3{color:#c084fc}.components-section .component-card:nth-child(2) .sketch-bg{width:75%}.components-section .component-card:nth-child(2) h3{transition:color .4s}.components-section .component-card:nth-child(2):hover{background-color:#06b6d426}.components-section .component-card:nth-child(2):hover h3{color:#22d3ee}.components-section .component-card:nth-child(3) .sketch-bg{width:120%}.components-section .component-card:nth-child(3) h3{transition:color .4s}.components-section .component-card:nth-child(3):hover{background-color:#f9731626}.components-section .component-card:nth-child(3):hover h3{color:#fb923c}.components-section .component-card .card-header{justify-content:center;align-items:center;margin-bottom:2rem;padding:6rem 2rem;display:flex;position:relative}.components-section .component-card .card-header .sketch-bg{z-index:0;justify-content:center;align-items:center;height:auto;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.components-section .component-card .card-header .sketch-bg img{opacity:.15;filter:brightness(.8);width:100%;height:auto}.components-section .component-card .card-header h3{z-index:1;text-transform:uppercase;letter-spacing:.05em;text-align:center;margin:0;font-size:2.8rem;font-weight:800;position:relative}.components-section .component-card .card-text{flex-direction:column;flex-grow:1;padding:0 4vw;display:flex}.components-section .component-card .card-text p{opacity:.8;text-align:center;margin-bottom:4rem;font-size:1.25rem;font-weight:300;line-height:1.6}.components-section .component-card .img-wrapper{width:100%;overflow:hidden}.components-section .component-card .img-wrapper img{aspect-ratio:1;object-fit:cover;filter:grayscale();width:100%;transition:transform .8s cubic-bezier(.16,1,.3,1),filter .8s;display:block}.components-section .component-card:hover .img-wrapper img{filter:grayscale(0%);transform:scale(1.05)}.funding-section{z-index:2;color:#fff;background-color:#1a1a1a;border-top:1px solid #ffffff0d;padding:10vh 0;position:relative}.funding-section .funding-content{text-align:center;max-width:1200px;margin:0 auto}.funding-section .funding-content h2.small-title{text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem;font-size:2rem;font-weight:700}.funding-section .funding-content .description-text{opacity:.9;margin-bottom:3rem;font-size:1.25rem;font-weight:300;line-height:1.6}.funding-section .funding-content .description-text strong{color:#ffc800;font-weight:700}.funding-section .funding-content .laruche-widget{color:#000;text-align:left;background:#fff;border-radius:12px;padding:2.5rem;box-shadow:0 10px 30px #0003}.funding-section .funding-content .laruche-widget .widget-header{margin-bottom:1.5rem}.funding-section .funding-content .laruche-widget .widget-header .amount-raised{color:#000;margin-bottom:.4rem;font-size:2.5rem;font-weight:800;line-height:1}.funding-section .funding-content .laruche-widget .widget-header .amount-goal{color:#666;font-size:1.1rem;font-weight:500}.funding-section .funding-content .laruche-widget .progress-bar-container{margin-bottom:3rem}.funding-section .funding-content .laruche-widget .progress-bar-container .progress-track{background:#e5e7eb;border-radius:12px;width:100%;height:24px;overflow:hidden}.funding-section .funding-content .laruche-widget .progress-bar-container .progress-track .progress-fill{background:linear-gradient(90deg,#44b36e 0%,#ffb20c 100%);border-radius:12px;justify-content:flex-end;align-items:center;height:100%;padding-right:4px;display:flex}.funding-section .funding-content .laruche-widget .progress-bar-container .progress-track .progress-fill .progress-tag{color:#ffb20c;background:#fff;border-radius:8px;padding:.1rem .5rem;font-size:.8rem;font-weight:800}.funding-section .funding-content .laruche-widget .widget-footer{justify-content:space-evenly;margin-bottom:2.5rem;display:flex}.funding-section .funding-content .laruche-widget .widget-footer .stat{flex-direction:column;display:flex}.funding-section .funding-content .laruche-widget .widget-footer .stat strong{color:#000;font-size:1.5rem;font-weight:800}.funding-section .funding-content .laruche-widget .widget-footer .stat span{text-transform:uppercase;color:#666;letter-spacing:.05em;font-size:.85rem;font-weight:600}.funding-section .funding-content .laruche-widget .btn-laruche{text-align:center;color:#000;text-transform:uppercase;letter-spacing:.1em;background:#fff;border:.2rem solid #ffc800;border-radius:8px;max-width:300px;margin:0;padding:1.25rem;font-weight:700;text-decoration:none;transition:transform .2s,background .2s;display:block}.funding-section .funding-content .laruche-widget .btn-laruche:hover{background:#ffc800;transform:translateY(-2px)}.equipe-page,.galerie-page{padding-top:0}.equipe-page .section-title,.galerie-page .section-title{text-transform:uppercase;letter-spacing:-.02em;margin-bottom:10vh;font-size:5vw;font-weight:700}.equipe-page .section-context{background-color:#1a1a1a;padding:15vh 0 8vh}.equipe-page .section-context .context-block{opacity:.8;max-width:900px;margin-bottom:5vh;font-size:1.5rem;font-weight:300;line-height:1.6}.equipe-page .section-context .context-block h3{text-transform:uppercase;opacity:1;margin-bottom:2rem;font-size:2.5rem;font-weight:700}.equipe-page .section-team{background-color:#0e0120;padding:10vh 0}.equipe-page .section-support,.equipe-page .section-donors{background-color:#1a1a1a;padding:10vh 0}.equipe-page .team-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:4vw;display:grid}.equipe-page .team-card img{aspect-ratio:3/4;object-fit:cover;border-radius:1rem;width:100%;margin-bottom:2rem;transition:transform .4s}.equipe-page .team-card:hover img{transform:scale(1.02)}.equipe-page .team-card h4{text-transform:uppercase;letter-spacing:.05em;font-size:1.2rem}.equipe-page .donors-list{flex-wrap:wrap;gap:2.5rem;margin-bottom:10vh;display:flex}.equipe-page .donors-list span{text-transform:uppercase;letter-spacing:.1em;opacity:.6;font-size:1.1rem;transition:opacity .3s}.equipe-page .donors-list span:hover{opacity:1}.galerie-page .section-dark{background-color:#1a1a1a;padding:15vh 0 10vh}.galerie-page .gallery-grid{grid-template-columns:repeat(auto-fill,minmax(500px,1fr));gap:3vw;display:grid}@media (width<=768px){.galerie-page .gallery-grid{grid-template-columns:1fr}}.galerie-page .gallery-grid img{object-fit:cover;filter:grayscale(50%);width:100%;height:60vh;transition:filter .5s}.galerie-page .gallery-grid img:hover{filter:grayscale(0%)}.bento-grid{grid-template-columns:repeat(12,1fr);grid-auto-rows:300px;grid-auto-flow:dense;gap:.5rem;width:100%;padding:.5rem;display:grid}.bento-grid .bento-item{border-radius:.5rem;grid-area:span 1/span 4;position:relative;overflow:hidden}.bento-grid .bento-item img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.bento-grid .bento-item:hover img{transform:scale(1.05)}.bento-grid .bento-item.span-large{grid-area:span 2/span 8}.bento-grid .bento-item.span-tall{grid-area:span 2/span 4}.bento-grid .bento-item.span-wide{grid-area:span 1/span 8}@media (width<=1024px){.bento-grid .bento-item{grid-column:span 6}.bento-grid .bento-item.span-large,.bento-grid .bento-item.span-wide{grid-column:span 12}}@media (width<=768px){.bento-grid .bento-item{grid-area:span 1/span 12!important}}.galerie-section-title{color:var(--dark-green);padding:4vh 5vw 2vh;font-size:2.5rem}.galerie-credits{color:#a0a0a0;text-align:right;padding:2vh 5vw 6vh;font-size:1.1rem}.galerie-credits a{color:#fff;text-underline-offset:4px;text-decoration:underline}.galerie-credits a:hover{color:var(--dark-green)}.bts-grid{grid-template-columns:repeat(2,1fr);gap:1rem;width:100%;padding:.5rem;display:grid}@media (width<=768px){.bts-grid{grid-template-columns:1fr}}.bts-grid .bts-item{border-radius:.5rem;width:100%;overflow:hidden}.bts-grid .bts-item img{width:100%;height:auto;transition:transform .5s;display:block}.bts-grid .bts-item:hover img{transform:scale(1.02)}footer{z-index:2;background-color:#000;border-top:1px solid #ffffff0d;margin-top:auto;padding:3rem 0;position:relative}footer .footer-bottom{justify-content:space-between;align-items:center;display:flex}@media (width<=1024px){footer .footer-bottom{text-align:center;flex-direction:column-reverse;gap:2.5rem}}footer .footer-left{flex-direction:column;gap:1.5rem;display:flex}@media (width<=1024px){footer .footer-left{align-items:center}}footer .socials{align-items:center;gap:1.5rem;display:flex}footer .socials a{color:#fff;opacity:.5;justify-content:center;align-items:center;transition:opacity .3s,transform .3s;display:flex}footer .socials a:hover{opacity:1;transform:translateY(-2px)}footer .socials a svg{width:22px;height:22px}footer .copyright{opacity:.4;letter-spacing:.05em;font-family:Inter,sans-serif;font-size:.8rem;font-weight:500}footer .footer-partners{flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:2.5rem;display:flex}@media (width<=1024px){footer .footer-partners{justify-content:center;gap:1.5rem;max-width:100%}}footer .footer-partners img{object-fit:contain;filter:brightness(0)invert();opacity:.7;--base:clamp(15px, 2.5vw, 40px);width:auto;height:calc(var(--base) * var(--ratio));transition:opacity .3s,transform .3s}footer .footer-partners img.logo-comite{--ratio:.4571}footer .footer-partners img.logo-lumino{--ratio:.5428}footer .footer-partners img.logo-millumix{--ratio:.3993}footer .footer-partners img.logo-uqam{--ratio:.9428}footer .footer-partners img.logo-qds{--ratio:1}:root{--bg-color:#000;--text-color:#fafafa}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif;overflow-x:clip}h1,h2,h3,h4,h5,h6{color:#fff;font-family:Space Grotesk,sans-serif;font-weight:300}a{color:#fff;text-decoration:none;transition:all .3s}.fluid-container{width:100%;padding:0 5vw}img{width:100%;display:block}
