@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap";:root{--bg-primary: #ffffff;--bg-secondary: #f4f6f8;--bg-card: #ffffff;--text-primary: #191f23;--text-secondary: rgba(25,31,35,.8);--text-muted: #6c757d;--primary: #f5c51a;--primary-hover: #d4ac0d;--primary-text: #7a5c00;--secondary: #1a3770;--accent: #c9342b;--font-body: "DM Sans", sans-serif;--font-heading: "DM Sans", sans-serif;--max-width: 1300px;--nav-height: 90px;--shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, .05);--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-glow: 0 0 15px rgba(245, 197, 26, .3);--transition: all .3s cubic-bezier(.4, 0, .2, 1);--border-radius: 4px}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);line-height:1.6;min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600;letter-spacing:.5px;line-height:1.2}a{color:var(--primary-text);text-decoration:none;transition:var(--transition)}a:hover{color:var(--secondary)}ul{list-style:none}.app-container{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;padding-top:var(--nav-height)}.page{animation:fadeIn .3s cubic-bezier(.16,1,.3,1) both}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}section{padding:5rem 2rem}.section-container{max-width:var(--max-width);margin:0 auto}.section-title{text-align:center;font-size:2.5rem;margin-bottom:3rem;text-transform:uppercase;position:relative;display:inline-block;left:50%;transform:translate(-50%)}.section-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:60px;height:4px;background-color:var(--accent);border-radius:2px}.section-title .highlight{color:var(--primary-text)}.section-head-left{text-align:left;margin-bottom:3rem}.section-head-left .section-title{left:0;transform:none;text-align:left;margin-bottom:0}.section-head-left .section-title:after{left:0;transform:none}.btn{display:inline-block;padding:.75rem 1.5rem;font-family:var(--font-heading);font-weight:600;text-transform:uppercase;letter-spacing:1px;border-radius:var(--border-radius);border:none;cursor:pointer;transition:var(--transition);text-align:center}.btn-primary{background-color:var(--secondary);color:#fff;border-radius:9999px;padding:.8rem 1.8rem}.btn-primary:hover{background-color:var(--primary);box-shadow:none;color:#fff;transform:scale(1.03)}.btn-primary:hover{background-color:var(--primary-hover);box-shadow:var(--shadow-glow);color:#000;transform:translateY(-2px)}.btn-outline{background-color:transparent;color:var(--primary);border:2px solid var(--primary)}.btn-outline:hover{background-color:var(--primary);color:#000}.navbar{position:fixed;top:0;left:0;width:100%;height:var(--nav-height);background-color:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;display:flex;align-items:center;border-bottom:1px solid rgba(0,0,0,.05);transition:var(--transition)}.nav-container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.brand-text{font-family:var(--font-heading);font-size:1.75rem;font-weight:700;color:var(--text-primary);letter-spacing:1px}.nav-brand a{display:flex;align-items:center;gap:.6rem}.nav-logo{height:42px;width:auto;object-fit:contain}.brand-highlight{color:red}.nav-links{display:flex;gap:2rem;align-items:center}.nav-links a:not(.btn){color:var(--text-secondary);font-weight:500;position:relative;text-transform:uppercase;font-size:.9rem;letter-spacing:1px}.nav-links a:not(.btn):hover,.nav-links a.active:not(.btn){color:var(--primary-text)}.nav-links a:not(.btn):after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background-color:var(--primary);transition:width .3s ease}.nav-links a:not(.btn):hover:after,.nav-links a.active:not(.btn):after{width:100%}.btn-quote{background-color:var(--primary);color:#000;padding:.6rem 1.2rem;border-radius:4px}.mobile-menu-btn{display:none;background:none;border:none;color:var(--text-primary);cursor:pointer}.footer{background-color:var(--bg-card);padding:4rem 2rem 1.5rem;margin-top:4rem;border-top:1px solid rgba(0,0,0,.05)}.footer-container{max-width:var(--max-width);margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem;margin-bottom:3rem}.footer-section h3{font-size:1.5rem;margin-bottom:1.5rem;color:var(--text-primary);position:relative;display:inline-block;text-transform:uppercase}.footer-section h3:after{content:"";position:absolute;bottom:-8px;left:0;width:40px;height:3px;background-color:var(--accent)}.company-desc{color:var(--text-secondary)}.footer-links li,.contact-info li{margin-bottom:1rem}.footer-links a{color:var(--text-secondary)}.footer-links a:hover{color:var(--primary);padding-left:5px}.contact-info li{display:flex;align-items:center;gap:1rem;color:var(--text-secondary)}.contact-info .icon{color:var(--primary);flex-shrink:0}.footer-bottom{text-align:center;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1);color:var(--text-muted);font-size:.9rem}@media(max-width:900px){.nav-links{position:absolute;top:var(--nav-height);left:0;width:100%;flex-direction:column;background-color:#fffffffa;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);padding:2rem 0;gap:1.5rem;clip-path:polygon(0 0,100% 0,100% 0,0 0);transition:clip-path .4s ease-in-out}.nav-links.active{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);border-bottom:1px solid rgba(0,0,0,.05)}.mobile-menu-btn{display:block}}.hero{position:relative;height:85vh;min-height:700px;display:flex;align-items:center;justify-content:flex-start;background-color:var(--secondary);overflow:hidden}.hero-bg-media{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right,#000000b3,#0000004d);z-index:1}.hero-content{position:relative;text-align:left;max-width:var(--max-width);width:100%;margin:0 auto;padding:0 4rem;z-index:10;animation:heroFade 1s cubic-bezier(.16,1,.3,1) forwards}@keyframes heroFade{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-title{font-size:clamp(3.5rem,6vw,6.5rem);font-weight:800;color:#fff;line-height:1.1;margin-bottom:1.5rem;max-width:800px}.hero-title .highlight{color:var(--primary)}.hero-subtitle{font-size:clamp(1.2rem,2vw,1.5rem);font-weight:400;color:#ffffffe6;margin-bottom:2.5rem;max-width:600px}.hero-actions{display:flex;gap:1.5rem;justify-content:flex-start;flex-wrap:wrap}.services-section{background-color:var(--bg-primary);padding-top:6rem}.services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2.5rem;margin-top:3rem}.moits-card{background-color:transparent!important;border-radius:0;overflow:visible;box-shadow:none!important}.moits-card:hover{transform:none}.moits-card .service-img-wrapper{border-radius:var(--border-radius);margin-bottom:1.5rem;height:280px;overflow:hidden;position:relative}.moits-card .service-img-wrapper img{width:100%;height:100%;object-fit:cover;display:block}.moits-card .service-content{background-color:transparent;padding:0;border-top:none}.moits-card h3{font-size:1.6rem;font-weight:600;margin-bottom:1rem}.moits-card .view-link{color:var(--text-secondary);font-size:1rem;font-weight:500;display:flex;align-items:center;gap:.5rem;transition:var(--transition)}.moits-card .arrow-icon{transition:transform .3s ease;color:var(--text-secondary)}.moits-card:hover h3{color:var(--text-primary);text-decoration:underline}.moits-card:hover .view-link{color:var(--primary-text)}.moits-card:hover .arrow-icon{transform:translate(5px);color:var(--primary-text)}.clients-section{background-color:var(--bg-secondary)}.clients-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:2rem;align-items:center;justify-content:center}.client-card{background-color:var(--bg-card);border:1px solid rgba(255,255,255,.05);border-radius:var(--border-radius);padding:2.5rem 1rem;text-align:center;transition:var(--transition);display:flex;align-items:center;justify-content:center;height:120px}.client-card:hover{border-color:var(--primary);box-shadow:var(--shadow-glow);transform:translateY(-5px)}.client-name{font-family:var(--font-heading);font-size:1.25rem;font-weight:600;color:var(--text-secondary);transition:color .3s ease;text-transform:uppercase;letter-spacing:1px}.client-card:hover .client-name{color:var(--primary-text)}.page-title{text-align:center;font-size:clamp(2.5rem,4vw,3.5rem);text-transform:uppercase;margin-bottom:1rem;color:var(--text-primary)}.page-subtitle{text-align:center;color:var(--text-secondary);font-size:1.2rem;max-width:600px;margin:0 auto 3rem}.projects-header{padding:6rem 2rem 2rem;background-color:var(--bg-secondary)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2.5rem}.project-card{background-color:var(--bg-card);border-radius:var(--border-radius);overflow:hidden;cursor:pointer;box-shadow:var(--shadow-sm);transition:var(--transition)}.project-card:hover{transform:translateY(-8px);box-shadow:0 15px 30px #00000080}.project-img{height:250px;overflow:hidden;position:relative}.project-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.project-card:hover .project-img img{transform:scale(1.05)}.project-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#121415b3;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.project-card:hover .project-overlay{opacity:1}.project-overlay span{color:var(--primary);font-family:var(--font-heading);text-transform:uppercase;font-weight:600;letter-spacing:1px;border:2px solid var(--primary);padding:.5rem 1rem;border-radius:4px}.project-summary{padding:1.5rem;border-bottom:3px solid transparent;transition:border-color .3s ease}.project-card:hover .project-summary{border-color:var(--primary)}.project-summary h3{font-size:1.3rem;margin-bottom:.5rem;color:var(--text-primary)}.project-client{color:var(--primary-text);font-size:.9rem;font-weight:500;text-transform:uppercase;letter-spacing:1px}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000d9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:2rem;animation:fadeIn .3s ease-out}.modal-content{background-color:#16191a;border:1px solid rgba(255,255,255,.1);border-radius:var(--border-radius);width:100%;max-width:900px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 25px 50px -12px #00000080;animation:slideUp .4s cubic-bezier(.16,1,.3,1) forwards}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.modal-close{position:absolute;top:1.5rem;right:1.5rem;background:none;border:none;color:var(--text-secondary);cursor:pointer;transition:color .2s ease;z-index:10}.modal-close:hover{color:var(--primary)}.modal-header{padding:2.5rem 2.5rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.05)}.modal-header h2{font-size:2rem;color:var(--primary);margin-right:2rem}.modal-body{padding:2.5rem}.project-details-grid{display:grid;gap:3rem}.project-meta{display:flex;flex-direction:column;gap:1.5rem;background-color:var(--bg-card);padding:2rem;border-radius:var(--border-radius)}.meta-item{display:flex;align-items:flex-start;gap:1rem}.meta-item .icon{color:var(--primary);margin-top:2px}.meta-label{display:block;font-size:.8rem;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:.2rem}.meta-value{color:var(--text-primary);line-height:1.5}.project-gallery h3{margin-bottom:1.5rem;font-size:1.5rem}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.gallery-grid img{width:100%;height:200px;object-fit:cover;border-radius:4px;transition:transform .3s ease}.gallery-grid img:hover{transform:scale(1.02)}@media(max-width:768px){.modal-overlay{padding:1rem}.modal-header,.modal-body{padding:1.5rem}}.page-header{padding:8rem 2rem 4rem;background-color:var(--bg-secondary);border-bottom:1px solid rgba(255,255,255,.05)}.services-layout{display:grid;grid-template-columns:250px 1fr;gap:3rem;margin-top:-2rem}@media(max-width:900px){.services-layout{grid-template-columns:1fr}}.services-sidebar{background-color:var(--bg-card);padding:2rem;border-radius:var(--border-radius);height:fit-content;position:sticky;top:100px}.services-sidebar h3{margin-bottom:1.5rem;color:var(--text-primary);text-transform:uppercase;font-size:1.2rem}.services-nav{display:flex;flex-direction:column;gap:.5rem}.service-nav-link{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:#ffffff05;border-radius:4px;color:var(--text-secondary);font-weight:500;transition:var(--transition)}.service-nav-link:hover{background-color:#ffffff0d;color:var(--text-primary)}.service-nav-link.active{background-color:var(--primary);color:#000;font-weight:700}.service-nav-link .chevron{transition:transform .3s ease}.service-nav-link.active .chevron{transform:translate(5px)}.service-detail{background-color:var(--bg-card);border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow-sm)}.fade-in{animation:fadeIn .4s ease-in-out}.service-detail-header{position:relative;height:300px}.service-hero-img{width:100%;height:100%;object-fit:cover}.service-header-content{position:absolute;bottom:0;left:0;width:100%;padding:2rem;background:linear-gradient(to top,#121415,#12141500)}.service-header-content h2{font-size:2.5rem;color:#fff;margin:0;text-transform:uppercase}.service-body{padding:3rem}.service-desc{font-size:1.1rem;color:var(--text-secondary);margin-bottom:2rem}.service-body h3{font-size:1.5rem;margin-bottom:1.5rem;color:var(--text-primary)}.service-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:3rem}.service-features li{display:flex;align-items:center;gap:1rem;background-color:#ffffff05;padding:1rem 1.5rem;border-radius:4px;border:1px solid rgba(255,255,255,.05)}.check-icon{color:var(--primary);flex-shrink:0}.service-cta{border-top:1px solid rgba(255,255,255,.05);padding-top:2rem}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}@media(max-width:900px){.about-grid{grid-template-columns:1fr}}.about-text h2{font-size:2.2rem;margin-bottom:1.5rem;color:var(--secondary);text-transform:uppercase}.about-text p{color:var(--text-secondary);font-size:1.1rem;margin-bottom:2.5rem}.core-values{display:flex;flex-direction:column;gap:1.5rem}.value-item{display:flex;gap:1.5rem;align-items:flex-start}.value-icon{color:var(--primary);margin-top:5px}.value-item h4{font-size:1.2rem;color:var(--text-primary);margin-bottom:.3rem;text-transform:uppercase;letter-spacing:.5px}.value-item p{margin:0;font-size:1rem}.about-img img{width:100%;border-radius:var(--border-radius);box-shadow:0 20px 40px #00000080;border:1px solid rgba(255,255,255,.1)}.scope-section{background-color:var(--bg-secondary)}.scope-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.scope-card{background-color:var(--bg-card);padding:1.5rem;border-radius:4px;display:flex;align-items:center;gap:1.5rem;border-left:3px solid var(--accent);transition:var(--transition)}.scope-card:hover{transform:translate(5px);background-color:#ffffff0d}.scope-indicator{width:8px;height:8px;background-color:var(--primary);border-radius:50%;box-shadow:var(--shadow-glow)}.contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:4rem}@media(max-width:900px){.contact-grid{grid-template-columns:1fr}}.contact-info-panel{background-color:var(--bg-secondary);padding:3rem;border-radius:var(--border-radius);border:1px solid rgba(255,255,255,.05)}.contact-info-panel h2{font-size:2rem;color:var(--secondary);margin-bottom:1rem}.contact-info-panel>p{color:var(--text-secondary);margin-bottom:2.5rem}.contact-details-list{display:flex;flex-direction:column;gap:2rem}.contact-details-list li{display:flex;gap:1.5rem}.icon-wrapper{background-color:#f59e0b1a;color:var(--primary);width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.detail-text strong{display:block;font-family:var(--font-heading);text-transform:uppercase;color:var(--text-primary);margin-bottom:.3rem;letter-spacing:.5px}.detail-text span,.detail-text a{color:var(--text-secondary);line-height:1.5}.detail-text a:hover{color:var(--primary)}.contact-form-panel{padding:1rem 0}.contact-form-panel h2{font-size:2.2rem;margin-bottom:1rem}.contact-form-panel>p{color:var(--text-secondary);margin-bottom:2.5rem}.quote-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-family:var(--font-heading);text-transform:uppercase;font-size:.9rem;color:var(--text-secondary);letter-spacing:.5px}.form-group input,.form-group select,.form-group textarea{background-color:var(--bg-secondary);border:1px solid rgba(255,255,255,.1);padding:1rem;border-radius:4px;color:var(--text-primary);font-family:var(--font-body);transition:var(--transition)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #f59e0b33}.submit-btn{margin-top:1rem;width:100%;padding:1.2rem;font-size:1.1rem;font-family:var(--font-heading);text-transform:uppercase;font-weight:700;border-radius:var(--border-radius);border:none;cursor:pointer;transition:var(--transition)}.submit-btn:hover{background-color:var(--primary-hover);box-shadow:var(--shadow-glow);transform:translateY(-2px)}