*{margin:0;padding:0;box-sizing:border-box}:root{--primary:#0055d3;--primary-dark:#0044a8;--secondary:#f5f5f5;--accent:#ffc107;--dark:#2e2e2e;--light-gray:#e0e0e0;--white:#fff;--text:#333;--text-light:#666;--border-radius:.5rem;--shadow:0 4px 6px rgba(0,0,0,0.1);--transition:all .3s ease}html{scroll-behavior:smooth}body{font-family:'Inter',sans-serif;line-height:1.6;color:var(--text);background-color:var(--white)}body::-webkit-scrollbar{width:5px;background:var(--light-gray)}body::-webkit-scrollbar-thumb{background:var(--primary);border-radius:25px}a{text-decoration:none}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}img{max-width:100%;height:auto}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:1rem;color:var(--dark)}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}p{margin-bottom:1rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1.5rem;border-radius:var(--border-radius);font-weight:500;cursor:pointer;transition:var(--transition);border:0;font-size:.875rem}.btn i{margin-left:.5rem}.btn-primary{background-color:var(--primary);color:var(--white)}.btn-primary:hover{background-color:var(--primary-dark)}.btn-outline{background-color:transparent;border:1px solid var(--light-gray);color:var(--text)}.btn-outline:hover{background-color:var(--secondary)}.btn-filter{background-color:transparent;border:1px solid var(--light-gray);color:var(--text);border-radius:9999px;padding:.5rem 1rem;margin-right:.5rem;margin-bottom:.5rem}.btn-filter.active,.btn-filter:hover{background-color:var(--primary);color:var(--white);border-color:var(--primary)}.btn-full{width:100%}.header{position:sticky;top:0;z-index:50;background-color:var(--white);border-bottom:1px solid var(--light-gray)}.header-container{display:flex;align-items:center;justify-content:space-between;padding:15px 1rem}.logo{height:2.5rem;width:auto;display:flex;align-items:center}.desktop-nav{display:none}.nav-link{text-decoration:none;color:var(--text);font-size:.875rem;font-weight:500;margin-right:1.5rem;transition:var(--transition)}.nav-link:hover{color:var(--primary)}.btn-menu{background:0;border:0;cursor:pointer;font-size:1.25rem;color:var(--text)}.mobile-menu{display:none;background-color:var(--white);border-bottom:1px solid var(--light-gray);padding:1rem 0}.mobile-menu.active{display:block}.mobile-menu .nav-link{display:block;padding:.75rem 0;border-bottom:1px solid var(--light-gray)}.mobile-menu .btn{margin-top:1rem;width:100%}.hero{position:relative;height:100vh;color:var(--white)}.hero::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:url('../img/hero-image.png');background-size:cover;background-position:center;z-index:-2}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right,rgba(0,0,0,0.6),rgba(0,0,0,0.3));z-index:-1}.hero-content{position:relative;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:2rem 0}.hero h1{max-width:40rem;color:var(--white);margin-bottom:1rem}.hero p{max-width:30rem;font-size:1.125rem;margin-bottom:2rem}.about{padding:4rem 0;background-color:var(--secondary)}.about-container{display:grid;justify-items:center;grid-template-columns:1fr;gap:2rem}.about-image{position:relative;width:450px;height:auto;border-radius:var(--border-radius);overflow:hidden}.about-image img{width:100%;height:100%;object-fit:cover;object-position:top center}.about-content{display:flex;flex-direction:column;justify-content:center}.section-header{text-align:center;max-width:48rem;margin:0 auto 2rem}.section-header p{color:var(--text-light)}.portfolio{padding:4rem 0}.portfolio-filters{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:2rem}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}.portfolio-item{border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow);cursor:pointer}.portfolio-image{position:relative;aspect-ratio:1 / 1;overflow:hidden}.portfolio-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.portfolio-item:hover .portfolio-image img{transform:scale(1.05)}.portfolio-overlay{position:absolute;bottom:0;left:0;width:100%;padding:1rem;background:linear-gradient(to top,rgba(0,0,0,0.7),transparent);color:var(--white);opacity:0;transition:opacity .3s ease}.portfolio-item:hover .portfolio-overlay{opacity:1}.portfolio-overlay h3{color:var(--white);margin-bottom:.25rem;font-size:1rem}.portfolio-overlay p{font-size:.875rem;margin-bottom:0}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.5rem;padding:2rem 0;width:100%;max-width:1200px;justify-content:center;align-items:center;align-content:center;padding:50px 30px;overflow-y:auto;height:100vh;position:relative}.gallery-grid::before,.gallery-grid::after{content:"";position:absolute;left:0;right:0;height:50px;z-index:2;pointer-events:none}.gallery-grid::before{top:0;background:linear-gradient(to bottom,rgba(0,0,0,0.8),transparent)}.gallery-grid::after{bottom:0;background:linear-gradient(to top,rgba(0,0,0,0.8),transparent)}.gallery-item{position:relative;border-radius:var(--border-radius);overflow:hidden;cursor:pointer;aspect-ratio:1 / 1;transition:transform .3s ease,box-shadow .3s ease}.gallery-item:hover .gallery-image{transform:scale(1.05)}.gallery-image{width:100%;height:100%;object-fit:cover}@media(max-width:768px){.gallery-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:480px){.gallery-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:360px){.gallery-grid{grid-template-columns:repeat(2,1fr)}}.lightbox{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.9);justify-content:center;align-items:center}.lightbox-content{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:auto;display:block;max-width:90%;max-height:90%;border-radius:10px}.lightbox-caption{margin:auto;width:80%;text-align:center;color:var(--white);padding:1rem 0}.lightbox-close{position:absolute;top:0;right:2rem;color:var(--white);font-size:2rem;cursor:pointer;z-index:999999}.lightbox-controls{width:100%;position:absolute;bottom:0;margin:30px 0;left:50%;transform:translate(-50%,0);align-items:center;display:none;justify-content:center;gap:5px}.lightbox-controls button{border:0;background:var(--primary);padding:10px;cursor:pointer;border-radius:5px;color:var(--light-gray);font-weight:500}.testimonials{padding:4rem 0}.testimonials-grid{display:grid;grid-template-columns:1fr;gap:2rem}.testimonial-card{background-color:var(--white);border-radius:var(--border-radius);padding:1.5rem;box-shadow:var(--shadow);display:flex;flex-direction:column;height:100%}.testimonial-content{flex:1}.testimonial-content p{font-style:italic;color:var(--text)}.testimonial-author{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--light-gray)}.testimonial-author p{color:var(--primary);font-weight:500;margin-bottom:0}.contact{padding:4rem 0;background-color:var(--secondary)}.contact-container{display:grid;grid-template-columns:1fr;gap:2rem}.contact-details{margin-top:2rem}.contact-item{display:flex;align-items:center;margin-bottom:1rem}.contact-item i{color:var(--primary);margin-right:1rem;font-size:1.25rem}.social-links{display:flex;gap:1rem;margin-top:1.5rem}.social-link{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:50%;background-color:var(--primary);color:var(--white);transition:var(--transition)}.social-link:hover{background-color:var(--primary-dark)}.contact-form-container{background-color:var(--white);border-radius:var(--border-radius);padding:1.5rem;box-shadow:var(--shadow)}.form-row{display:grid;grid-template-columns:1fr;gap:1rem}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:500}.form-group input,.form-group textarea{width:100%;padding:.75rem;border:1px solid var(--light-gray);border-radius:var(--border-radius);font-family:inherit;font-size:1rem;transition:var(--transition)}.form-group input:focus,.form-group textarea:focus{outline:0;border-color:var(--primary);box-shadow:0 0 0 2px rgba(0,85,211,0.2)}.footer{background-color:var(--dark);color:var(--white);padding:4rem 0 2rem}.footer-grid{display:grid;grid-template-columns:1fr;gap:2rem}.footer-about p{color:#ccc;font-size:.875rem;margin-top:1rem}.footer h3{color:var(--white);font-size:1.25rem;margin-bottom:1.5rem}.footer-links ul,.footer-contact ul{list-style:none}.footer-links li{margin-bottom:.75rem}.footer a{color:#ccc;text-decoration:none;transition:var(--transition)}.footer a:hover{color:var(--white)}.footer-contact li{display:flex;align-items:center;margin-bottom:1rem;color:#ccc;gap:10px}.footer-contact i{font-size:1rem}.footer-social{display:flex;gap:1rem;margin-top:1.5rem}.footer-social .social-link{background-color:rgba(255,255,255,0.1);text-decoration:none}.footer-social .social-link:hover{background-color:var(--primary)}.footer-bottom{margin-top:3rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,0.1);text-align:center;font-size:.875rem;color:#999}#top-nav{display:none;position:fixed;right:0;bottom:0;margin:20px;width:50px;height:50px;border:solid 1px var(--primary);color:var(--primary);font-size:25px;justify-items:center;align-items:center;border-radius:50%;transition:all .3s ease-in-out;cursor:pointer}#top-nav:hover{background:var(--primary-dark);color:#fff}.visible{display:grid !important}@media(min-width:768px){h1{font-size:3.5rem}.desktop-nav{display:flex}.desktop-only{display:flex}.mobile-only{display:none}.about-container{grid-template-columns:1fr 1fr}.testimonials-grid{grid-template-columns:repeat(3,1fr)}.contact-container{grid-template-columns:1fr 1fr}.form-row{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:2fr 1fr 1fr}}@media(max-width:767px){.desktop-only{display:none}.mobile-only{display:block}.about-image{width:300px}.hero-content{padding:0 2rem}}