:root{--navy:#102333;--navy2:#0b1822;--gold:#e0a52f;--bg:#f5f5f2;--white:#fff;--text:#29323a;--muted:#68727a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'Open Sans',sans-serif;color:var(--text);background:#fff}.container{width:min(1160px,92%);margin:auto}.header{position:fixed;top:0;left:0;right:0;z-index:50;background:rgba(11,24,34,.96);backdrop-filter:blur(10px);box-shadow:0 4px 20px rgba(0,0,0,.12)}.nav-wrap{height:88px;display:flex;align-items:center;justify-content:space-between;gap:25px}.logo-image{display:block;flex:0 0 auto}.logo-image img{height:72px;width:auto;display:block}.nav{display:flex;gap:24px;align-items:center}.nav a{color:white;text-decoration:none;font-weight:600;font-size:14px}.nav a:hover{color:#f0c66d}.nav-cta{background:var(--gold);color:#142430!important;padding:12px 17px;border-radius:3px}.menu-btn{display:none;background:none;border:0;color:white;font-size:28px}.hero{min-height:780px;display:flex;align-items:center;position:relative;color:white;background:url('assets/hero.jpg') center center/cover no-repeat;overflow:hidden}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,19,29,.94) 0%,rgba(10,28,42,.76) 42%,rgba(8,23,33,.2) 75%,rgba(8,23,33,.05) 100%)}.hero-content{position:relative;z-index:2;padding-top:90px}.eyebrow{font:700 13px Montserrat,sans-serif;letter-spacing:2px;color:var(--gold);margin-bottom:16px}.eyebrow.dark{color:#a8730b}.hero h1,.section h2,.cta-band h2{font-family:Montserrat,sans-serif;margin:0}.hero h1{font-size:clamp(42px,6vw,76px);line-height:1.02;max-width:760px;text-shadow:0 4px 20px rgba(0,0,0,.25)}.hero-copy{font-size:19px;line-height:1.65;max-width:650px;color:#e0e7eb;margin:26px 0}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.btn{display:inline-block;padding:15px 23px;text-decoration:none;border:0;font-weight:700;cursor:pointer;border-radius:3px}.btn-primary{background:var(--gold);color:#142430}.btn-outline{border:1px solid rgba(255,255,255,.8);color:#fff;background:rgba(0,0,0,.08)}.btn-light{background:white;color:var(--navy)}.hero-features{display:flex;flex-wrap:wrap;gap:22px;margin-top:52px}.hero-features span{border-left:3px solid var(--gold);padding:8px 13px;background:rgba(8,24,35,.52);font-weight:600;font-size:14px}.section{padding:100px 0}.light,.projects{background:var(--bg)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.about-image{height:500px;background:url('assets/service-home.jpg') center/cover no-repeat;position:relative;box-shadow:0 20px 40px rgba(16,35,51,.15)}.about-image:after{content:"KOW SENG CHAI";position:absolute;right:-20px;bottom:25px;background:var(--gold);color:#102333;padding:16px 22px;font:800 14px Montserrat;letter-spacing:1.6px}.section h2{font-size:clamp(32px,4vw,48px);color:var(--navy);margin-bottom:22px}.section p{line-height:1.75;color:var(--muted)}.ticks{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:28px 0}.ticks span{font-weight:600;color:#34424b}.text-link{font-weight:700;color:#9b6b0f;text-decoration:none}.services{background:#102333;color:white}.services h2{color:white}.section-intro{max-width:720px}.services .section-intro{color:#c7d2d9}.service-photo-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:42px}.service-photo-card{min-height:310px;position:relative;background-size:cover;background-position:center;display:flex;align-items:flex-end;overflow:hidden;border-radius:3px}.service-photo-card:before{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(5,17,27,.9),rgba(5,17,27,.05) 70%)}.service-photo-card>div{position:relative;z-index:2;padding:26px}.service-photo-card h3{font:700 23px Montserrat;margin:0 0 7px}.service-photo-card p{color:#d7e0e5;margin:0}.service-photo-card.home{background-image:url('assets/service-home.jpg')}.service-photo-card.renovation{background-image:url('assets/service-renovation.jpg')}.service-photo-card.commercial{background-image:url('assets/service-commercial.jpg')}.service-photo-card.outdoor{background-image:url('assets/service-outdoor.jpg')}.project-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:18px;margin-top:38px}.project{height:370px;position:relative;display:flex;align-items:flex-end;padding:24px;color:white;overflow:hidden;background-size:cover;background-position:center;border-radius:3px}.project:before{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(8,20,29,.9),transparent 70%)}.project div{position:relative;z-index:2}.project h3{font:700 22px Montserrat;margin:0 0 4px}.project p{color:#d7dfe4;margin:0}.p1{background-image:url('assets/service-home.jpg')}.p2{background-image:url('assets/service-renovation.jpg')}.p3{background-image:url('assets/service-commercial.jpg')}.cta-band{background:var(--gold);padding:62px 0}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.cta-band .eyebrow{color:#5b3b00}.cta-band h2{font-size:38px;color:#142430}.contact-grid{align-items:start}.contact-list p{margin:22px 0}.contact-list a{color:#1f4e70;text-decoration:none}.contact-form{background:#f5f5f2;padding:34px;border-top:4px solid var(--gold)}.contact-form label{display:block;font-weight:700;font-size:14px;margin-bottom:18px;color:#34424b}.contact-form input,.contact-form select,.contact-form textarea{width:100%;margin-top:7px;padding:13px;border:1px solid #d5d8da;background:white;font:inherit}footer{background:#0b1822;color:#c5d0d6;padding:60px 0 0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}.footer-grid>div{display:flex;flex-direction:column;gap:10px}.footer-grid a{color:#c5d0d6;text-decoration:none}.footer-brand img{width:310px;max-width:100%;height:auto}.copyright{border-top:1px solid #253643;margin-top:45px;padding:22px;text-align:center;font-size:13px;color:#8997a0}@media(max-width:900px){.menu-btn{display:block}.nav{display:none;position:absolute;top:88px;left:0;right:0;background:#102333;flex-direction:column;padding:25px}.nav.open{display:flex}.grid-2,.service-photo-grid,.project-grid,.footer-grid{grid-template-columns:1fr}.hero{min-height:720px;background-position:62% center}.hero-overlay{background:rgba(7,22,33,.75)}.about-image{height:340px}.project{height:300px}.cta-inner{flex-direction:column;align-items:flex-start}.ticks{grid-template-columns:1fr}.logo-image img{height:62px}.nav-wrap{height:78px}.nav{top:78px}}@media(max-width:520px){.hero h1{font-size:42px}.hero-content{padding-top:90px}.hero-actions .btn{width:100%;text-align:center}.hero-features{gap:10px}.hero-features span{width:100%}.section{padding:74px 0}.contact-form{padding:24px}.about-image:after{right:0}.logo-image img{height:54px}}