body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}*,html{scroll-behavior:smooth}.App{font-family:Arial,sans-serif;line-height:1.6}.header{background-color:#000;padding:1rem 2rem;position:fixed;top:0;width:100%;z-index:1000}.nav{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px}.logo{color:#fff;font-size:1.5rem;font-weight:700}.nav-links{display:flex;gap:2rem;list-style:none}.nav-links a{color:#fff;font-size:.9rem;text-decoration:none;transition:color .3s ease}.nav-links a:hover{color:#ccc}.hero{align-items:center;background-color:#000;color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:center;overflow:hidden;padding:2rem;position:relative;text-align:center}.hero-bg-video{height:100%;left:0;object-fit:cover;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.hero-content{position:relative;width:100%;z-index:1}.hero h1{font-size:3rem;margin-bottom:2rem}.cta-button{background-color:#fff;border:none;color:#000;cursor:pointer;font-size:1.1rem;padding:1rem 2rem;transition:all .3s ease}.cta-button:hover{background-color:#ccc}.videos{background:#000000b3;box-shadow:0 4px 24px #00000026;color:#fff;padding:4rem 2rem}.view-toggle{display:flex;gap:20px;justify-content:center;margin:30px 0}.toggle-btn{background-color:initial;border:2px solid #fff;color:#fff;cursor:pointer;font-size:16px;font-weight:600;letter-spacing:1px;padding:12px 30px;text-transform:uppercase;transition:all .3s ease}.toggle-btn.active,.toggle-btn:hover{background-color:#fff;color:#000}.toggle-btn.active{border-color:#fff}.video-filters{display:flex;flex-wrap:wrap;gap:1rem;margin:2rem 0}.filter-btn{background:none;border:1px solid #000;cursor:pointer;padding:.5rem 1rem;transition:all .3s ease}.filter-btn.active,.filter-btn:hover{background-color:#000;color:#fff}.photo-grid,.video-grid{grid-gap:0;display:grid;gap:0;grid-template-columns:repeat(4,1fr);margin-left:auto;margin-right:auto;margin-top:2rem;max-width:1200px}.photo-card{background:none;box-shadow:none;margin:0;padding:0}.photo-card,.photo-thumbnail{border-radius:0;overflow:hidden;position:relative}.photo-thumbnail{padding-top:56.25%;width:100%}.photo-thumbnail img{border-radius:0;object-fit:cover}.photo-hover-overlay,.photo-thumbnail img{height:100%;left:0;position:absolute;top:0;width:100%}.photo-hover-overlay{align-items:center;background:#0000008c;display:flex;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease}.photo-card:hover .photo-hover-overlay{opacity:1;pointer-events:auto}.photo-title{background:#0000004d;border-radius:6px;color:#fff;font-size:1.1rem;font-weight:600;padding:.3em 1em;text-align:center;text-shadow:0 2px 8px #00000040}.view-more-container{display:flex;justify-content:center;margin-top:2rem}.view-more-btn{background:#1ec6e6;border:none;border-radius:24px;box-shadow:0 2px 8px #1ec6e614;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:.8rem 2.5rem;transition:background .2s,color .2s}.view-more-btn:hover{background:#159bb3;color:#fff}.about{background-color:#f5f5f5;padding:4rem 2rem;text-align:center}.about-flex{gap:3rem;margin:0 auto;max-width:1200px;text-align:left}.about-flex,.about-image{align-items:center;display:flex;justify-content:center}.about-image{flex:1 1 350px}.about-image img{border-radius:16px;box-shadow:0 4px 24px #0000001a;max-width:400px;object-fit:cover;width:100%}.about-text{flex:2 1 400px}.about-text h2{font-size:2rem;margin-bottom:1rem}.about-text p{color:#444;font-size:1.15rem;line-height:1.7}@media (max-width:900px){.about-flex{flex-direction:column;gap:2rem}.about-flex,.about-text{text-align:center}}.services{margin:0 auto;max-width:1200px;padding:4rem 2rem}.services h2{margin-bottom:3rem;text-align:center}.services-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.service-card{border:1px solid #eee;border-radius:8px;padding:2rem;transition:transform .3s ease}.service-card:hover{transform:translateY(-5px)}.service-card h3{margin-bottom:1rem}.footer{background-color:#000;color:#fff;margin-top:4rem;padding:2rem;text-align:center}.video-card{background:none;box-shadow:none;margin:0;padding:0}.video-card,.video-thumbnail{border-radius:0;overflow:hidden}.video-thumbnail{padding-top:56.25%;position:relative}.video-thumbnail img{border-radius:0;height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.play-icon,.play-overlay{display:none}.video-card h3{font-size:1.1rem;margin:0;padding:1rem}.video-card .category{color:#666;display:block;font-size:.9rem;padding:0 1rem 1rem}.video-hover-overlay{align-items:center;background:#0000008c;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .3s;width:100%}.video-card:hover .video-hover-overlay{opacity:1;pointer-events:auto}.play-icon-large{font-size:3rem;margin-bottom:.7rem}.play-icon-large,.video-title{color:#fff;text-shadow:0 2px 8px #00000040}.video-title{background:#0000004d;border-radius:6px;font-size:1.1rem;font-weight:600;padding:.3em 1em;text-align:center}@media (max-width:768px){.nav,.nav-links{flex-direction:column;gap:1rem}.nav-links{text-align:center}.hero h1{font-size:2rem}.services-grid{grid-template-columns:1fr}}@media (max-width:1200px){.photo-grid,.video-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.photo-grid,.video-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.photo-grid,.video-grid{grid-template-columns:1fr}}.team{background:#000000b3;box-shadow:0 4px 24px #00000026;color:#fff;padding:4rem 2rem}.team h2{margin-bottom:3rem;text-align:center}.team-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:1200px}.team-member{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:1.5rem;text-align:center;transition:transform .3s ease}.team-member:hover{transform:translateY(-5px)}.member-image{border-radius:50%;height:200px;margin:0 auto 1rem;overflow:hidden;width:200px}.member-image img{height:100%;object-fit:cover;width:100%}.team-member h3,.team-member p{color:#111}.team-member h3{font-size:1.2rem;margin:.5rem 0}.team-member p{color:#666;font-style:italic;margin:0}.clients{background-color:#fff;padding:4rem 2rem}.clients h2{margin-bottom:1rem;text-align:center}.clients-intro{color:#666;line-height:1.6;margin:0 auto 3rem;max-width:800px;text-align:center}.clients-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin:0 auto;max-width:1200px}.client-logo{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:center;padding:1.5rem;transition:transform .3s ease}.client-logo:hover{transform:translateY(-5px)}.client-logo img{filter:grayscale(100%);height:auto;max-height:80px;max-width:100%;object-fit:contain;transition:filter .3s ease}.client-logo:hover img{filter:grayscale(0)}@media (max-width:768px){.clients-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.client-logo{padding:1rem}}.navbar-logo{display:block;height:48px;width:auto}.video-modal-overlay{align-items:center;background:#000000d9;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2000}.video-modal-content{align-items:center;background:#111;border-radius:12px;box-shadow:0 8px 32px #0006;display:flex;flex-direction:column;max-width:700px;padding:1.5rem 1rem 1rem;position:relative;width:95vw}.video-modal-close{background:none;border:none;color:#fff;cursor:pointer;font-size:2rem;position:absolute;right:1rem;top:.5rem;transition:color .2s;z-index:10}.video-modal-close:hover{color:#1ec6e6}.photo-modal-overlay{align-items:center;background-color:#000000e6;bottom:0;cursor:pointer;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.photo-modal-content{cursor:default;max-height:90%;max-width:90%;position:relative}.photo-modal-close{background:none;border:none;color:#fff;cursor:pointer;font-size:40px;height:40px;line-height:40px;padding:0;position:absolute;right:0;top:-40px;width:40px;z-index:1001}.photo-modal-close:hover{opacity:.7}.photo-modal-image{display:block;max-height:90vh;max-width:100%;object-fit:contain}.photo-modal-title{color:#fff;font-size:18px;padding:15px;text-align:center}
/*# sourceMappingURL=main.573c98ce.css.map*/