:root{--dark:#171b1d;--blue:#00a7df;--green:#6cbc45;--light:#f4f5f2;--ink:#202426}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff}a{text-decoration:none;color:inherit}header{height:82px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;background:#15191b;color:#fff;position:sticky;top:0;z-index:10}.brand b{display:block;color:var(--blue);font-size:26px;letter-spacing:1px}.brand span{font-size:11px;letter-spacing:3px}.brand small{display:block;color:#aaa;font-size:9px;letter-spacing:1.5px;margin-top:3px}nav{display:flex;gap:28px;align-items:center;font-size:13px;font-weight:700}nav a:hover{color:var(--blue)}.navcta{border:1px solid var(--green);padding:11px 16px}.hero{min-height:640px;background:linear-gradient(90deg,rgba(12,16,18,.82),rgba(12,16,18,.15)),url('images/1000001783(3).jpeg') center/cover;display:flex;align-items:center;padding:7vw;color:#fff}.hero .copy{max-width:690px}.eyebrow{font-size:12px;letter-spacing:2.2px;font-weight:800;color:var(--green)}h1{font-size:clamp(52px,7vw,92px);line-height:.92;margin:15px 0 22px;letter-spacing:-3px}h1 em{font-style:normal;color:var(--blue);font-size:.78em}.hero p{font-size:19px;line-height:1.55;max-width:620px}.btn{display:inline-block;margin-top:18px;background:var(--blue);color:#fff;padding:15px 22px;font-size:12px;font-weight:800;letter-spacing:1px}.btn.alt{background:transparent;border:1px solid #aaa;margin-left:8px}.intro,.section{padding:80px 7vw}.intro{text-align:center;max-width:1050px;margin:auto}.intro h2,.section h2{font-size:clamp(36px,5vw,58px);margin:12px 0 18px;line-height:1}.intro>p:last-child{max-width:760px;margin:auto;line-height:1.7;color:#5a6062;font-size:17px}.services{padding:0 7vw 90px;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{background:var(--light);min-height:350px;position:relative;overflow:hidden;display:flex;align-items:flex-end}.card img{position:absolute;width:100%;height:100%;object-fit:cover;transition:.3s}.card:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 35%,rgba(0,0,0,.85))}.card .text{position:relative;z-index:2;color:#fff;padding:25px}.card .num{color:var(--green);font-size:12px;font-weight:bold}.card h3{font-size:23px;margin:8px 0}.card p{font-size:14px;line-height:1.5;color:#ddd}.card .more{font-size:11px;letter-spacing:1.5px;color:var(--blue);font-weight:bold}.card:hover img{transform:scale(1.035)}.about{background:var(--dark);color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.about img{width:100%;height:440px;object-fit:cover}.about p{line-height:1.75;color:#c9cccd}.owner{font-size:18px!important;color:#fff!important;font-weight:700}.contact{background:#e9efea;display:grid;grid-template-columns:1fr 1fr;gap:60px}.contact .phone{font-size:34px;font-weight:800;color:var(--blue)}.contact p{line-height:1.7}.contactbox{background:#fff;padding:35px;border-left:5px solid var(--green)}footer{padding:35px 7vw;background:#111517;color:#aaa;display:flex;justify-content:space-between;align-items:center;font-size:12px}.pagehero{padding:90px 7vw 70px;background:#171b1d;color:#fff}.pagehero h1{font-size:clamp(45px,6vw,72px);margin-bottom:10px}.pagehero p{max-width:700px;color:#ccc;line-height:1.7}.projectgrid{padding:60px 7vw 90px;display:grid;grid-template-columns:repeat(2,1fr);gap:35px}.project{border-bottom:1px solid #ddd;padding-bottom:28px}.project img{width:100%;height:380px;object-fit:cover}.project h3{font-size:25px;margin:17px 0 8px}.project p{color:#62686a;line-height:1.65;margin:0}.back{display:inline-block;margin-top:25px;color:var(--blue);font-weight:bold;font-size:12px;letter-spacing:1px}@media(max-width:850px){nav{gap:12px;font-size:11px}.navcta{display:none}.services{grid-template-columns:1fr 1fr}.about,.contact,.projectgrid{grid-template-columns:1fr}.hero{min-height:560px}.about img{height:320px}}@media(max-width:560px){header{height:auto;min-height:104px;padding:12px 4vw 10px;flex-wrap:wrap;align-content:center}.brand{flex:1 1 auto}nav{width:100%;justify-content:flex-end;gap:12px;margin-top:8px}nav a:nth-child(2),nav a:nth-child(3){display:inline}.services{grid-template-columns:1fr}.intro,.section,.pagehero{padding-left:6vw;padding-right:6vw}h1{letter-spacing:-2px}.btn.alt{display:block;margin-left:0;width:max-content}}
.brand .enterprise-green{color:var(--green);font-weight:800}.aboutvisual{position:relative}.aboutvisual .aboutphoto{width:100%;height:440px;object-fit:cover}.aboutlogo{position:absolute!important;right:18px;bottom:18px;width:145px!important;height:145px!important;object-fit:contain!important;background:#000;padding:7px;border:1px solid rgba(255,255,255,.18);box-shadow:0 8px 24px rgba(0,0,0,.35)}@media(max-width:850px){.aboutvisual .aboutphoto{height:320px}.aboutlogo{width:110px!important;height:110px!important}}
/* Instagram icon in top navigation */
.instagram-icon{display:inline-flex!important;align-items:center;justify-content:center;width:22px;height:22px;padding:0!important;vertical-align:middle}
.instagram-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.instagram-icon svg circle:last-child{fill:currentColor;stroke:none}
.finishwork{padding:80px 7vw 95px;background:#f4f5f2}.finishhead{display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:end;margin-bottom:32px}.finishhead h2{font-size:clamp(36px,5vw,58px);line-height:1;margin:12px 0 0}.finishhead p{color:#5a6062;line-height:1.7;font-size:16px}.finishgrid{display:grid;grid-template-columns:1.35fr .65fr .65fr 1.35fr;gap:12px;height:340px}.finishgrid img{width:100%;height:100%;object-fit:cover}.aboutcaption{position:absolute;left:18px;bottom:18px;background:rgba(17,21,23,.9);color:#fff;padding:10px 13px;font-size:10px;letter-spacing:1.4px;font-weight:800;border-left:4px solid var(--green)}@media(max-width:850px){.finishhead{grid-template-columns:1fr;gap:10px}.finishgrid{grid-template-columns:1fr 1fr;height:auto}.finishgrid img{height:220px}}@media(max-width:560px){.finishgrid{grid-template-columns:1fr}.finishgrid img{height:240px}}

/* B.K.C. social links — top navigation + footer */
.nav-social{display:inline-flex;align-items:center;gap:10px;margin-left:2px}.social-icon{display:inline-flex!important;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid rgba(255,255,255,.28);border-radius:50%;color:#fff;transition:.2s ease}.social-icon:hover{color:var(--blue);border-color:var(--blue);transform:translateY(-1px)}.social-icon svg{width:16px;height:16px}.instagram-icon svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.instagram-icon svg circle:last-child{fill:currentColor;stroke:none}.facebook-icon svg,.footer-social .social-icon:last-child svg{fill:currentColor;stroke:none}footer{gap:24px;flex-wrap:wrap}.footer-social{display:flex;align-items:center;gap:10px;margin-left:auto}.footer-social>span{font-size:10px;letter-spacing:1.5px;font-weight:800;color:#d9dcdc;margin-right:3px}.footer-social .social-icon{width:34px;height:34px}.social-back{margin-top:12px}@media(max-width:850px){.nav-social{gap:6px}.nav-social .social-icon{width:28px;height:28px}footer{align-items:flex-start}.footer-social{width:100%;margin-left:0;margin-top:8px}}@media(max-width:560px){.nav-social{margin-left:auto}.nav-social .social-icon{width:27px;height:27px}nav{gap:8px}footer{display:block}.footer-social{margin-top:18px}}

.servicegroups{background:#fff}.servicegroup{padding:65px 7vw 20px}.servicegroup.altgroup{background:#f4f5f2}.grouphead{max-width:850px}.grouphead h2{font-size:clamp(34px,4vw,52px);margin:10px 0 14px}.grouphead p{color:#62686a;line-height:1.7}.projectgrid.grouped{padding:35px 0 55px}.finishgrid{grid-template-columns:repeat(3,1fr)}.aboutvisual{position:relative}.aboutcaption{position:absolute;left:18px;bottom:18px;background:#111517;color:#fff;padding:10px 14px;font-size:10px;letter-spacing:1.4px;font-weight:800}.email{font-weight:700;color:#202426}.estimate-form{display:grid;gap:15px}.estimate-form label{display:grid;gap:7px;font-size:11px;font-weight:800;letter-spacing:.7px;color:#414748}.estimate-form input,.estimate-form select,.estimate-form textarea{width:100%;border:1px solid #ccd2ce;background:#fff;padding:12px;font:inherit;color:#202426}.estimate-form textarea{resize:vertical}.formrow{display:grid;grid-template-columns:1fr 1fr;gap:14px}.formbtn{border:0;cursor:pointer;margin-top:2px}.contactbox{align-self:start}@media(max-width:650px){.formrow{grid-template-columns:1fr}.projectgrid.grouped{grid-template-columns:1fr}}

/* Final navigation visibility fix */
@media(max-width:1100px){
  header{height:auto;min-height:96px;padding-top:12px;padding-bottom:12px;flex-wrap:wrap;gap:8px}
  header nav{flex:1 1 100%;width:100%;justify-content:flex-start;flex-wrap:wrap;gap:12px 18px;margin-top:4px}
  header nav>a:not(.navcta){display:inline-flex!important}
  header .nav-social{margin-left:auto}
}
@media(max-width:560px){
  header{min-height:128px;padding:12px 4vw}
  header nav{display:grid;grid-template-columns:auto auto auto 1fr;align-items:center;width:100%;gap:10px 14px;margin-top:8px}
  header nav>a:nth-child(1),header nav>a:nth-child(2),header nav>a:nth-child(3){display:inline-flex!important;white-space:nowrap}
  header .nav-social{display:inline-flex!important;justify-self:end;margin-left:0}
  header .navcta{display:none!important}
}

/* Final homepage story structure */
.workphase{padding:76px 7vw 88px}.workphase.underlying{background:#fff}.workphase.finishing{background:#f4f5f2}.phasehead{max-width:1000px;margin:0 auto 34px;text-align:center}.phasehead h2{font-size:clamp(36px,5vw,58px);line-height:1;margin:12px 0 18px}.phasehead p{max-width:780px;margin:0 auto;color:#5a6062;line-height:1.7;font-size:16px}.phasehead.split{max-width:none;display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:end;text-align:left}.phasehead.split p{margin:0}.phasecards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.phasecards .card{min-height:430px}@media(max-width:850px){.phasehead.split{grid-template-columns:1fr;gap:10px}.phasecards .card{min-height:360px}}@media(max-width:560px){.workphase{padding:58px 6vw 68px}.phasehead{text-align:left}.phasecards{grid-template-columns:1fr}.phasecards .card{min-height:350px}}