.header{position:fixed;top:0;left:0;width:100%;z-index:1000;padding:20px 0;transition:var(--transition);background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header.scrolled{background:#000000e6;padding:15px 0}.header-container{max-width:1400px;margin:0 auto;padding:0 40px;display:flex;justify-content:space-between;align-items:center}.logo-img{height:45px;width:auto;transition:var(--transition)}.logo-link{display:inline-flex;align-items:center;text-decoration:none}.header.scrolled .logo-img{height:40px}.nav{display:flex;gap:40px}.nav-link{color:var(--text-light);text-decoration:none;font-size:13px;font-weight:400;letter-spacing:1px;position:relative;transition:var(--transition)}.nav-link:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:1px;background:var(--text-light);transition:width .3s ease}.nav-link:hover{opacity:.7}.nav-link:hover:after{width:100%}@media (max-width: 768px){.header-container{padding:0 20px}.nav{gap:20px}.nav-link{font-size:11px}}.hero{height:100vh;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:0;background:transparent;z-index:0}.hero-background{position:fixed;top:0;left:0;width:100%;height:100vh;background:linear-gradient(#0006,#0006),url(./equipe-1-CFGEuUnY.jpg) center/cover;z-index:-1}.hero-content{position:relative;z-index:1;text-align:center;display:flex;align-items:center;justify-content:center}.hero-logo{max-width:500px;width:90%;height:auto;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}@media (max-width: 1024px){.hero-logo{max-width:400px}}@media (max-width: 768px){.hero-logo{max-width:320px}}@media (max-width: 480px){.hero-logo{max-width:260px}}.about{background:var(--bg-light)}.about-title{text-align:center;font-size:48px;font-weight:300;letter-spacing:5px;margin-bottom:60px;color:var(--text-dark)}.about-description{max-width:900px;margin:0 auto 80px;text-align:center}.about-description p{font-size:16px;line-height:1.8;color:var(--text-gray);margin-bottom:20px;font-weight:300}.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:1000px;margin:0 auto}.team-member{aspect-ratio:1;overflow:hidden;opacity:0;transform:translateY(40px);transition:opacity .6s ease,transform .6s ease}.team-member.animate-in{opacity:1;transform:translateY(0)}.team-member.empty{opacity:0}.team-member-image{width:100%;height:100%;position:relative;overflow:hidden;cursor:pointer}.team-member-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.team-member-name{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,#000000d9,#0000);padding:30px 10px 10px;opacity:0;transform:translateY(10px);transition:opacity .3s ease,transform .3s ease}.team-member-name span{color:var(--text-light);font-size:13px;font-weight:400;letter-spacing:.5px;display:block;text-align:center}.team-member-image:hover img{transform:scale(1.05)}.team-member-image:hover .team-member-name{opacity:1;transform:translateY(0)}@media (max-width: 1024px){.team-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.about-title{font-size:36px}.team-grid{grid-template-columns:repeat(2,1fr);gap:15px}.about-description p{font-size:14px}}.projects{background:var(--bg-light);padding:120px 0}.projects-title{text-align:center;font-size:48px;font-weight:300;letter-spacing:5px;margin-bottom:80px;color:var(--text-dark)}.projects-carousel{position:relative;overflow:hidden;padding:0 100px;max-width:1400px;margin:0 auto}.projects-track{--slide: 0;display:flex;gap:40px;transition:transform .8s cubic-bezier(.4,0,.2,1);transform:translate(calc(var(--slide) * (-100% - 40px)))}.project-card{min-width:100%;cursor:pointer;opacity:1;transform:scale(1);transition:transform .4s ease,opacity .4s ease}.project-card.active{opacity:1;transform:scale(1)}.project-image{position:relative;aspect-ratio:16/10;overflow:hidden;border-radius:16px;box-shadow:0 10px 20px #00000014}.project-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}.project-card:hover img{transform:scale(1.05)}.carousel-button{position:absolute;top:50%;transform:translateY(-50%);background:#00000080;border:none;color:#fff;width:50px;height:50px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition);z-index:10}.carousel-button:hover{background:#000c}.carousel-button.prev{left:20px}.carousel-button.next{right:20px}.carousel-dots{display:flex;justify-content:center;gap:10px;margin-top:40px}.dot{width:10px;height:10px;border-radius:50%;border:1px solid var(--text-gray);background:transparent;cursor:pointer;transition:var(--transition);padding:0}.dot.active{background:var(--text-dark);border-color:var(--text-dark)}.lightbox{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:900;cursor:zoom-out;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.lightbox img{max-width:90vw;max-height:90vh;object-fit:contain;cursor:default;box-shadow:0 20px 60px #00000080}.lightbox-close{position:absolute;top:90px;right:30px;background:#ffffff26;border:none;color:#fff;width:50px;height:50px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:600;line-height:1;transition:background .3s ease;z-index:950}.lightbox-close:hover{background:#ffffff40}@media (max-width: 1024px){.projects-carousel{padding:0 80px}.carousel-button.prev{left:10px}.carousel-button.next{right:10px}}@media (max-width: 768px){.projects-title{font-size:36px}.projects-carousel{padding:0 60px}.project-image{aspect-ratio:4/3;border-radius:12px}.carousel-button{width:40px;height:40px}.carousel-button.prev{left:10px}.carousel-button.next{right:10px}.carousel-button svg{width:20px;height:20px}}.video-section{padding:0;margin:0;position:relative;overflow:hidden}.video-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(./equipe-4-D8TnYy5r.jpg) center/cover;filter:blur(12px);transform:scale(1.1);z-index:0}.video-section:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#0000004d;z-index:0}.video-shell{position:relative;display:flex;justify-content:center;align-items:center;height:100%;z-index:1}.video-frame{position:relative;z-index:1;height:100vh;max-height:900px;aspect-ratio:9 / 16;padding:0;margin:1rem 0;border-radius:16px;box-shadow:0 20px 50px #00000026;overflow:hidden}.video-media{width:100%;height:100%;object-fit:cover;display:block;background:#0f0f0f}@media (max-width: 768px){.video-section{padding:0}.video-frame{height:100vh;max-height:700px;border-radius:14px}}.footer{background:var(--bg-dark);color:var(--text-light);padding:80px 0 30px;position:relative;z-index:1}.footer-container{max-width:1400px;margin:0 auto 60px;padding:0 40px;display:grid;grid-template-columns:repeat(4,1fr);gap:60px}.footer-section h3{font-size:12px;font-weight:400;letter-spacing:2px;margin-bottom:20px;color:var(--text-gray)}.footer-section p{font-size:14px;font-weight:300;line-height:1.8;color:var(--text-light)}.footer-section a{color:var(--text-light);text-decoration:none;transition:var(--transition)}.footer-section a:hover{opacity:.7}.social-links{display:flex;flex-direction:column;gap:10px}.social-links a{font-size:14px;font-weight:300}.footer-logo{display:flex;justify-content:center;margin-bottom:40px}.footer-logo-img{height:60px;width:auto}.footer-bottom{text-align:center;padding-top:30px;border-top:1px solid rgba(255,255,255,.1)}.footer-bottom p{font-size:11px;font-weight:300;color:var(--text-gray);letter-spacing:1px}@media (max-width: 1024px){.footer-container{grid-template-columns:repeat(2,1fr);gap:40px}}@media (max-width: 768px){.footer-container{grid-template-columns:1fr;gap:30px;padding:0 20px}.footer{padding:60px 0 30px}}.App{min-height:100vh}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-dark: #000000;--bg-light: #f5f5f5;--text-dark: #333333;--text-light: #ffffff;--text-gray: #999999;--transition: all .3s ease}body{font-family:Poppins,sans-serif;overflow-x:hidden;color:var(--text-dark)}.animate-on-scroll{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s ease}.animate-in{opacity:1;transform:translateY(0)}html{scroll-behavior:smooth}.container{max-width:1400px;margin:0 auto;padding:0 40px}@media (max-width: 768px){.container{padding:0 20px}}section{padding:100px 0;position:relative;z-index:1;background:var(--bg-light)}@media (max-width: 768px){section{padding:60px 0}}
