*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--black: #111111;--charcoal: #1a1a1a;--dark-grey: #222222;--mid-grey: #333333;--light-grey: #f4f4f4;--gold: #f5a800;--gold-dark: #d48f00;--white: #ffffff;--text-muted: #aaaaaa;--ff-heading: "Montserrat", sans-serif;--ff-body: "Open Sans", sans-serif;--nav-h: 72px;--section-pad: 100px 0;--radius: 4px;--transition: .35s cubic-bezier(.4, 0, .2, 1);--shadow: 0 8px 32px rgba(0, 0, 0, .18)}html{scroll-behavior:smooth;font-size:16px}body{background:var(--white);color:var(--black);font-family:var(--ff-body);line-height:1.6;overflow-x:hidden}img{display:block;max-width:100%}a{text-decoration:none;color:inherit}ul{list-style:none}button{cursor:pointer;font-family:inherit}.section-container{max-width:1180px;margin:0 auto;padding:0 24px}.section-header{text-align:center;margin-bottom:60px}.section-label{display:inline-block;font-family:var(--ff-heading);font-size:.7rem;font-weight:700;letter-spacing:4px;color:var(--gold);margin-bottom:12px}.section-label.light{color:var(--text-muted)}.section-title{font-family:var(--ff-heading);font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:900;letter-spacing:2px;color:var(--black);text-transform:uppercase;line-height:1.1}.section-title.light{color:var(--white)}.section-title .gold{color:var(--gold)}.section-underline{width:60px;height:3px;background:var(--black);margin:16px auto 0}.section-underline.gold-line{background:var(--gold)}.reveal{opacity:0;transform:translateY(32px);transition:opacity .65s var(--transition),transform .65s var(--transition)}.reveal.visible{opacity:1;transform:translateY(0)}.services-grid .service-card:nth-child(1){transition-delay:.05s}.services-grid .service-card:nth-child(2){transition-delay:.12s}.services-grid .service-card:nth-child(3){transition-delay:.19s}.services-grid .service-card:nth-child(4){transition-delay:.26s}.services-grid .service-card:nth-child(5){transition-delay:.33s}.services-grid .service-card:nth-child(6){transition-delay:.4s}.pillars-grid .pillar-card:nth-child(1){transition-delay:.05s}.pillars-grid .pillar-card:nth-child(2){transition-delay:.15s}.pillars-grid .pillar-card:nth-child(3){transition-delay:.25s}.pillars-grid .pillar-card:nth-child(4){transition-delay:.35s}#navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:transparent;transition:background var(--transition),box-shadow var(--transition),padding var(--transition)}#navbar.scrolled{background:var(--black);box-shadow:0 2px 24px #00000073}.nav-container{max-width:1180px;margin:0 auto;padding:0 24px;height:var(--nav-h);display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;line-height:1}.logo-img{height:48px;width:auto;display:block;background:var(--white);border-radius:6px;padding:5px 10px}.nav-links{display:flex;gap:36px;align-items:center}.nav-link{font-family:var(--ff-heading);font-size:.75rem;font-weight:700;letter-spacing:2px;color:var(--white);text-transform:uppercase;position:relative;padding-bottom:4px;transition:color var(--transition)}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--gold);transition:width var(--transition)}.nav-link:hover,.nav-link.active{color:var(--gold)}.nav-link:hover:after,.nav-link.active:after{width:100%}.hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;padding:4px}.hamburger span{display:block;width:26px;height:2px;background:var(--white);transition:var(--transition);transform-origin:center}.hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.hero{position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;background-image:linear-gradient(135deg,#0a0a0ad1,#140f059e,#f5a8001a),image-set(url(/assets/images/hero-led-building.webp) type("image/webp"),url(/assets/images/hero-led-building.jpg) type("image/jpeg"));background-position:center;background-size:cover;background-repeat:no-repeat;padding:calc(var(--nav-h) + 60px) 24px 0;overflow:hidden}.hero:before{content:"";position:absolute;bottom:0;right:0;width:45%;height:80%;background:linear-gradient(135deg,transparent,rgba(245,168,0,.08));pointer-events:none}.hero-overlay{display:none}.hero-content{position:relative;z-index:2;max-width:780px;margin-left:auto;margin-right:auto;width:100%}.hero-tagline{font-family:var(--ff-heading);font-size:.72rem;font-weight:700;letter-spacing:6px;color:var(--gold);margin-bottom:20px;text-transform:uppercase}.hero-headline{font-family:var(--ff-heading);font-size:clamp(2.4rem,5.5vw,4rem);font-weight:900;color:var(--white);line-height:1.08;text-transform:uppercase;margin-bottom:12px;letter-spacing:1px}.hero-accent{color:var(--gold);display:block;font-size:clamp(2.6rem,6vw,4.4rem)}.hero-sub{font-size:1rem;color:#ffffffc7;max-width:560px;margin-bottom:36px;line-height:1.8}.btn-primary{display:inline-flex;align-items:center;gap:8px;background:var(--gold);color:var(--black);font-family:var(--ff-heading);font-size:.78rem;font-weight:800;letter-spacing:2px;text-transform:uppercase;padding:16px 36px;border-radius:var(--radius);transition:background var(--transition),transform var(--transition),box-shadow var(--transition);box-shadow:0 4px 20px #f5a80059}.btn-primary:hover{background:var(--gold-dark);transform:translateY(-3px);box-shadow:0 8px 28px #f5a80080}.process-bar{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:0;width:100%;margin-top:80px;background:#0000008c;border-top:1px solid rgba(245,168,0,.25);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:28px 24px}.process-item{display:flex;align-items:center}.process-step{display:flex;flex-direction:column;align-items:center;gap:10px;min-width:100px}.process-icon{width:46px;height:46px;border:1.5px solid var(--gold);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--gold);transition:background var(--transition)}.process-icon svg{width:20px;height:20px}.process-step:hover .process-icon{background:var(--gold);color:var(--black)}.process-step span{font-family:var(--ff-heading);font-size:.65rem;font-weight:800;letter-spacing:3px;color:var(--white);text-transform:uppercase}.process-divider{color:var(--gold);font-size:1.4rem;font-weight:300;margin:0 16px;opacity:.6}.services-section{padding:var(--section-pad);background:var(--white)}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.service-card{background:var(--white);border:1px solid #e8e8e8;border-radius:var(--radius);padding:36px 28px;transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition);position:relative;overflow:hidden}.service-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform var(--transition)}.service-card:hover{transform:translateY(-8px);box-shadow:var(--shadow);border-color:var(--gold)}.service-card:hover:before{transform:scaleX(1)}.card-icon{width:52px;height:52px;background:var(--light-grey);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px;transition:background var(--transition)}.card-icon svg{width:24px;height:24px;color:var(--black);transition:color var(--transition)}.service-card:hover .card-icon{background:var(--gold)}.service-card:hover .card-icon svg{color:var(--black)}.card-title{font-family:var(--ff-heading);font-size:.88rem;font-weight:800;letter-spacing:1.5px;color:var(--black);text-transform:uppercase;margin-bottom:10px}.card-accent-line{width:32px;height:2px;background:var(--gold);margin-bottom:14px;transition:width var(--transition)}.service-card:hover .card-accent-line{width:52px}.card-desc{font-size:.88rem;color:#555;line-height:1.7}.why-section{padding:var(--section-pad);background:var(--black);position:relative;overflow:hidden}.why-section:before{content:"";position:absolute;top:-120px;right:-120px;width:400px;height:400px;background:radial-gradient(circle,rgba(245,168,0,.12) 0%,transparent 70%);pointer-events:none}.why-section:after{content:"";position:absolute;bottom:-100px;left:-100px;width:350px;height:350px;background:radial-gradient(circle,rgba(245,168,0,.08) 0%,transparent 70%);pointer-events:none}.pillars-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;position:relative;z-index:1}.pillar-card{background:var(--charcoal);border:1px solid rgba(245,168,0,.15);border-radius:var(--radius);padding:36px 24px;text-align:center;transition:transform var(--transition),border-color var(--transition),background var(--transition)}.pillar-card:hover{transform:translateY(-8px);border-color:var(--gold);background:var(--dark-grey)}.pillar-icon{width:60px;height:60px;border:1.5px solid var(--gold);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:var(--gold);transition:background var(--transition)}.pillar-icon svg{width:26px;height:26px}.pillar-card:hover .pillar-icon{background:var(--gold);color:var(--black)}.pillar-title{font-family:var(--ff-heading);font-size:.78rem;font-weight:800;letter-spacing:2px;color:var(--white);text-transform:uppercase;margin-bottom:12px;line-height:1.4}.pillar-desc{font-size:.85rem;color:var(--text-muted);line-height:1.7}.contact-section{background:var(--light-grey)}.cta-banner{background:var(--gold);padding:60px 0;position:relative;overflow:hidden}.cta-banner:before{content:"";position:absolute;top:-50%;right:-5%;width:300px;height:300px;background:#ffffff1a;border-radius:50%;pointer-events:none}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:40px;flex-wrap:wrap}.cta-headline{font-family:var(--ff-heading);font-size:clamp(1.3rem,2.8vw,1.9rem);font-weight:700;color:var(--black);text-transform:uppercase;line-height:1.25;letter-spacing:.5px}.cta-headline strong{font-weight:900}.cta-sub{font-family:var(--ff-heading);font-size:.85rem;color:var(--charcoal);margin-top:8px;letter-spacing:1px;font-weight:500}.cta-phones{display:flex;flex-direction:column;gap:12px}.phone-link{display:flex;align-items:center;gap:10px;font-family:var(--ff-heading);font-size:1.2rem;font-weight:800;color:var(--black);letter-spacing:1px;transition:opacity var(--transition)}.phone-link:hover{opacity:.75}.phone-link svg{width:20px;height:20px;flex-shrink:0}.form-area{padding:80px 0}.form-wrapper{max-width:760px;margin:0 auto;background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);padding:52px 48px}.form-title{font-family:var(--ff-heading);font-size:1.3rem;font-weight:800;letter-spacing:1px;color:var(--black);text-transform:uppercase;margin-bottom:32px;position:relative;padding-bottom:16px}.form-title:after{content:"";position:absolute;bottom:0;left:0;width:44px;height:3px;background:var(--gold)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-group{display:flex;flex-direction:column;gap:7px;margin-bottom:20px}.form-group label{font-family:var(--ff-heading);font-size:.72rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--mid-grey)}.form-group input,.form-group textarea{border:1.5px solid #ddd;border-radius:var(--radius);padding:13px 16px;font-family:var(--ff-body);font-size:.92rem;color:var(--black);background:var(--white);transition:border-color var(--transition),box-shadow var(--transition);outline:none;resize:vertical}.form-group input::placeholder,.form-group textarea::placeholder{color:#bbb}.form-group input:focus,.form-group textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px #f5a80026}.btn-submit{display:inline-flex;align-items:center;gap:10px;background:var(--black);color:var(--white);font-family:var(--ff-heading);font-size:.78rem;font-weight:800;letter-spacing:2px;text-transform:uppercase;padding:16px 40px;border:2px solid var(--black);border-radius:var(--radius);transition:background var(--transition),color var(--transition),transform var(--transition)}.btn-submit svg{width:16px;height:16px;transition:transform var(--transition)}.btn-submit:hover{background:var(--gold);color:var(--black);border-color:var(--gold);transform:translateY(-2px)}.btn-submit:hover svg{transform:translate(4px)}.form-success{display:none;margin-top:16px;font-family:var(--ff-heading);font-size:.82rem;font-weight:700;color:#2a7d4f;letter-spacing:.5px}.form-success.show{display:block}.site-footer{background:var(--black);padding:52px 0 32px;text-align:center}.footer-inner{display:flex;flex-direction:column;align-items:center;gap:0}.footer-logo{display:flex;align-items:center;justify-content:center;margin-bottom:16px}.footer-logo .logo-img{height:56px}.footer-tagline{font-family:var(--ff-heading);font-size:.65rem;letter-spacing:5px;color:var(--text-muted);text-transform:uppercase;margin-bottom:28px}.footer-divider{width:60px;height:1px;background:#f5a80059;margin:0 auto 24px}.footer-bottom{display:flex;flex-direction:column;align-items:center;gap:6px}.footer-copy{font-size:.78rem;color:var(--text-muted)}.footer-links-line{font-family:var(--ff-heading);font-size:.65rem;letter-spacing:4px;color:var(--gold);font-weight:700}.page-hero{position:relative;padding:calc(var(--nav-h) + 96px) 24px 72px;background:linear-gradient(135deg,#0a0a0ae6,#140f05cc 55%,#f5a80024),url(/assets/images/hero-led-building.jpg) center/cover no-repeat;text-align:center}.page-hero-title{font-family:var(--ff-heading);font-size:clamp(2rem,5vw,3.2rem);font-weight:900;color:var(--white);letter-spacing:1px}.page-hero-title .gold{color:var(--gold)}.page-hero-sub{margin-top:14px;color:#ffffffbf;font-size:1rem;max-width:640px;margin-left:auto;margin-right:auto}.page-hero-underline{width:70px;height:3px;background:var(--gold);margin:22px auto 0}.gallery-section{padding:90px 0;background:#f7f7f7}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.gallery-item{position:relative;border-radius:8px;overflow:hidden;box-shadow:0 6px 24px #0000001f;background:var(--black)}.gallery-item img{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover;transition:transform .5s ease}.gallery-item:hover img{transform:scale(1.06)}.gallery-caption{position:absolute;left:0;right:0;bottom:0;padding:32px 18px 14px;background:linear-gradient(transparent,#000000d9);color:var(--white);font-family:var(--ff-heading);font-size:.78rem;font-weight:700;letter-spacing:2px}.gallery-caption span{color:var(--gold)}.contact-info-strip{padding:70px 0 0;background:#f7f7f7}.contact-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.contact-info-card{background:var(--white);border-radius:8px;padding:32px 26px;text-align:center;box-shadow:0 4px 18px #00000012;border-top:3px solid var(--gold)}.contact-info-card .ci-icon{width:46px;height:46px;margin:0 auto 14px;color:var(--gold)}.contact-info-card .ci-icon svg{width:100%;height:100%}.contact-info-card h3{font-family:var(--ff-heading);font-size:.85rem;font-weight:800;letter-spacing:2px;margin-bottom:8px;color:var(--black)}.contact-info-card p,.contact-info-card a{color:#555;font-size:.92rem;line-height:1.6}.contact-info-card a:hover{color:var(--gold)}.gallery-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:0 0 40px}.filter-btn{font-family:Montserrat,sans-serif;font-weight:700;font-size:.8rem;letter-spacing:1px;text-transform:uppercase;padding:10px 22px;border:2px solid #111111;border-radius:30px;background:transparent;color:#111;cursor:pointer;transition:all .25s ease}.filter-btn:hover{border-color:#f5a800;color:#f5a800}.filter-btn.active{background:#111;border-color:#111;color:#f5a800}.gallery-item.filtered-out{display:none}.about-section{padding:100px 0 60px;background:#f7f7f7}.about-copy{max-width:820px;margin:0 auto;text-align:center}.about-copy p{font-size:1.08rem;line-height:1.9;color:#444;margin-bottom:22px}.mv-section{padding:60px 0 100px;background:#f7f7f7}.mv-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}.mv-card{background:var(--white);border-radius:10px;padding:40px 30px;box-shadow:0 6px 24px #0000000f}.mv-icon{margin-bottom:18px;font-size:2rem;color:var(--gold);line-height:1}.mv-title{font-family:var(--ff-heading);font-size:1.2rem;margin-bottom:12px;text-transform:uppercase;letter-spacing:1px}.mv-title .gold{color:var(--gold)}.mv-card p{color:#444;line-height:1.8}.team-section{padding:90px 0 80px;background:#fff}.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.team-card{background:#fff;border:1px solid #eee;padding:28px 24px;border-radius:10px;text-align:center;box-shadow:0 10px 22px #0000000a}.team-avatar{width:72px;height:72px;border-radius:50%;background:var(--gold);color:var(--black);display:grid;place-items:center;margin:0 auto 18px;font-family:var(--ff-heading);font-weight:900;font-size:1.1rem}.team-name{font-family:var(--ff-heading);font-size:1.1rem;margin-bottom:8px}.team-role{font-family:var(--ff-heading);font-size:.72rem;letter-spacing:1.5px;color:var(--gold);text-transform:uppercase;margin-bottom:12px}.team-bio{color:#555;line-height:1.7}.testimonial-section{background:#f7f7f7;padding:90px 0 80px}.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.testimonial-card{background:var(--white);border-radius:12px;padding:28px 22px 20px;box-shadow:0 10px 22px #0000000a}.testimonial-quote{font-family:var(--ff-heading);font-size:2.6rem;color:var(--gold);line-height:1}.testimonial-text{color:#444;line-height:1.8;margin:16px 0 18px}.testimonial-author{font-family:var(--ff-heading);font-size:.8rem;letter-spacing:1px;color:var(--black);text-transform:uppercase;font-weight:800}.testimonial-company{color:#666;font-size:.8rem;margin-top:2px}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@media (max-width: 1024px){.pillars-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){:root{--nav-h: 64px}.hamburger{display:flex}.nav-links{position:fixed;top:var(--nav-h);left:0;right:0;background:var(--black);flex-direction:column;gap:0;padding:0;max-height:0;overflow:hidden;transition:max-height .4s ease}.nav-links.open{max-height:300px;border-bottom:2px solid var(--gold)}.nav-links li{width:100%}.nav-link{display:block;padding:16px 24px;border-bottom:1px solid rgba(255,255,255,.05)}.nav-link:after{display:none}.hero{padding-top:calc(var(--nav-h) + 40px);text-align:center;align-items:center}.hero-content{text-align:center}.hero-sub{margin-left:auto;margin-right:auto}.process-bar{flex-wrap:wrap;gap:16px;padding:24px 16px}.process-divider{display:none}.services-grid{grid-template-columns:repeat(2,1fr);gap:18px}.pillars-grid{grid-template-columns:1fr 1fr}.cta-inner{flex-direction:column;text-align:center}.cta-phones{align-items:center}.form-wrapper{padding:36px 24px}.form-row{grid-template-columns:1fr}}@media (max-width: 900px){.gallery-grid{grid-template-columns:repeat(2,1fr)}.contact-info-grid{grid-template-columns:1fr}}@media (max-width: 560px){.gallery-grid{grid-template-columns:1fr}}@media (max-width: 480px){.services-grid,.pillars-grid{grid-template-columns:1fr}.hero-headline{font-size:2rem}.hero-accent{font-size:2.2rem}}
