:root{--gold:#C9971C;--gold-lt:#F0C13B;--ink:#0d0d0d;--paper:#faf9f7;}
*{box-sizing:border-box}html,body{margin:0;padding:0}
body{font-family:Karla,system-ui,sans-serif;background:var(--paper);color:#141414;-webkit-font-smoothing:antialiased}
a{color:var(--gold);text-decoration:none}a:hover{color:var(--gold-lt)}
img{max-width:100%}
.wrap{max-width:1180px;margin:0 auto;padding:0 24px}
h1,h2,h3,.osw{font-family:Oswald,system-ui,sans-serif;text-transform:uppercase;letter-spacing:.01em}
.gold{color:var(--gold)}
header{position:sticky;top:0;z-index:40;background:var(--ink);border-bottom:3px solid var(--gold)}
.hdr{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:10px 24px;max-width:1180px;margin:0 auto}
.hdr img{height:62px;width:auto;display:block}
nav{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
nav a{font-family:Oswald,sans-serif;font-weight:500;letter-spacing:.1em;text-transform:uppercase;font-size:14px;padding:12px 16px;color:#e8e4dd;border-bottom:2px solid transparent}
nav a:hover{color:var(--gold)}
nav a.on{color:var(--gold);border-bottom-color:var(--gold)}
.btn{background:var(--gold);color:var(--ink)!important;font-family:Oswald,sans-serif;font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-size:15px;padding:17px 30px;display:inline-block;border-radius:2px}
.btn:hover{background:var(--gold-lt)}
.btn.sm{font-size:14px;padding:12px 20px;margin-left:12px}
.wa{background:#25D366;border-radius:50%;width:54px;height:54px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;padding:0}
.wa:hover{background:#1ebe5b}
.wa svg{width:28px;height:28px;fill:#fff;display:block}
.wa.sm{width:44px;height:44px}
.wa.sm svg{width:23px;height:23px}
.btn.wa:hover{background:#1ebe5b}
.btn.ghost{background:none;color:#fff!important;border:1px solid #4a4741}
.btn.ghost:hover{border-color:var(--gold);color:var(--gold)!important}
.hero{position:relative;background:var(--ink) url("img/construction.jpg") center 22% / cover no-repeat;padding:96px 0 104px}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(13,13,13,.96) 6%,rgba(13,13,13,.86) 46%,rgba(13,13,13,.5) 100%)}
.hero .wrap{position:relative}
.shot{background:#0d0d0d center/cover no-repeat;min-width:0;overflow:hidden}
.hero h1{font-weight:700;font-size:clamp(38px,6vw,66px);line-height:1.04;color:#fff;margin:0 0 22px;max-width:15ch}
.hero p{font-size:20px;line-height:1.6;color:#d7d3cc;max-width:56ch;margin:0 0 38px}
.eyebrow{display:inline-block;border:1px solid var(--gold);color:var(--gold);font-family:Oswald,sans-serif;font-size:13px;letter-spacing:.22em;text-transform:uppercase;padding:8px 14px;margin-bottom:26px}
.kicker{font-family:Oswald,sans-serif;font-size:13px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin-bottom:16px}
.pagehead{background:var(--ink);padding:74px 0 78px}
.pagehead h1{font-weight:700;font-size:clamp(32px,5vw,54px);line-height:1.06;color:#fff;margin:0}
.pagehead p{font-size:19px;color:#9c968c;max-width:60ch;margin:18px 0 0;line-height:1.6}
.row{display:flex;gap:14px;flex-wrap:wrap}
.marks{background:#141414;border-top:1px solid #262626}
.marks .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}
.marks div div:first-child{font-family:Oswald,sans-serif;font-size:15px;letter-spacing:.06em;text-transform:uppercase;color:var(--gold);margin-bottom:6px}
.marks .cell{padding:30px 24px;border-right:1px solid #262626;text-align:center}
.marks .cell:last-child{border-right:none}
.marks .cell div:last-child{font-size:15px;color:#9c968c;line-height:1.5}
section.pad{padding:88px 0}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px}
.card{background:#fff;border:1px solid #e6e2da;border-top:4px solid var(--gold);padding:30px 26px 32px}
.card:hover{border-color:var(--gold)}
.card .num{font-family:Oswald,sans-serif;font-size:34px;color:#e0d7c4;line-height:1;margin-bottom:16px}
.card h3{font-weight:600;font-size:21px;margin:0 0 16px;line-height:1.2}
.card ul{margin:0;padding-left:18px;color:#4c4840;font-size:15.5px;line-height:1.85}
h2.sec{font-weight:600;font-size:clamp(28px,3.4vw,40px);margin:0 0 34px}
.two{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:60px;align-items:center}
.ticks{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px 28px}
.tick{display:flex;gap:11px;align-items:flex-start;font-size:16px;line-height:1.45}
.tick span:first-child{color:var(--gold);font-weight:700}
.ph{background:#e8e3d9;border:1px dashed #c9c2b3;display:flex;align-items:center;justify-content:center;color:#8a857c;font-size:14px;min-width:0;overflow:hidden}
.band{background:var(--ink)}
.band .wrap{padding:64px 24px;display:flex;align-items:center;justify-content:space-between;gap:36px;flex-wrap:wrap}
.band .osw{font-weight:600;font-size:clamp(26px,3vw,34px);color:#fff;line-height:1.15}
.band .sub{font-size:17px;color:#9c968c;margin-top:8px}
.tbl{border:1px solid #e6e2da;background:#fff}
.tbl .h{background:var(--gold);color:var(--ink);font-family:Oswald,sans-serif;font-weight:600;letter-spacing:.12em;text-transform:uppercase;font-size:15px;padding:14px 20px;text-align:center}
.tbl .r{display:grid;grid-template-columns:.8fr 1.2fr;gap:16px;padding:14px 20px;border-bottom:1px solid #efece5;font-size:15.5px}
.tbl .r b{color:#1c1a17}.tbl .r span{color:#4c4840}
.dark{background:#141414}
.dark h3{font-weight:600;font-size:26px;color:#fff;margin:0 0 18px}
.dark p,.dark li{font-size:17.5px;line-height:1.8;color:#b9b3a9}
.svc{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:36px 44px;align-items:start;border-top:2px solid #1c1a17;padding-top:30px}
.svc h2{font-weight:600;font-size:30px;margin:0;line-height:1.15}
.svc .n{font-family:Oswald,sans-serif;font-size:15px;color:var(--gold);letter-spacing:.18em;margin-bottom:10px}
.svc p{font-size:17px;line-height:1.7;color:#4c4840;margin:0 0 18px}
.svc ul{margin:0;padding-left:18px;font-size:16.5px;line-height:2;color:#1c1a17}
form{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px}
label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#4c4840}
input,select,textarea{font-family:Karla,sans-serif;font-size:16px;font-weight:400;letter-spacing:0;text-transform:none;padding:13px 14px;border:1px solid #ddd8ce;background:var(--paper);color:#141414}
input:focus,select:focus,textarea:focus{border-color:var(--gold);outline:none;background:#fff}
.full{grid-column:1/-1}
button{background:var(--ink);color:#fff;border:none;font-family:Oswald,sans-serif;font-weight:600;letter-spacing:.1em;text-transform:uppercase;font-size:15px;padding:17px 24px;cursor:pointer}
button:hover{background:var(--gold);color:var(--ink)}
footer{background:var(--ink);border-top:3px solid var(--gold)}
.fgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:44px;padding:52px 24px 30px;max-width:1180px;margin:0 auto}
.fgrid img{height:74px;width:auto;display:block;margin-bottom:16px}
.fgrid p{color:#9c968c;font-size:15.5px;line-height:1.65;margin:0;max-width:38ch}
.fh{font-family:Oswald,sans-serif;font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:#fff;margin-bottom:14px}
.fcol{display:flex;flex-direction:column;gap:9px;font-size:15.5px;color:#9c968c;line-height:1.5}
.fbot{max-width:1180px;margin:0 auto;padding:18px 24px 34px;border-top:1px solid #262626;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:13.5px;color:#6d685f}

@media (max-width:700px){
  .shot{height:auto!important;background-position:center!important}
  .shot.r-construction{aspect-ratio:994/983}
  .shot.r-finishing{aspect-ratio:994/1167}
  .shot.r-cleaning{aspect-ratio:994/1375}
  .shot.r-delivery{aspect-ratio:994/1045}
  .hero{background-position:center 30%}
  .hdr{padding:8px 14px 0;gap:8px;flex-wrap:wrap}
  .hdr img{height:44px}
  .hdr .btn.sm{order:2;margin:0;padding:11px 13px;font-size:12.5px}
  .hdr .row{order:2;display:flex;gap:7px}
  nav{order:3;width:100%;justify-content:space-between;gap:0;border-top:1px solid #262626;margin-top:6px}
  nav a{flex:1;text-align:center;font-size:12px;letter-spacing:.06em;padding:11px 2px}
  .wrap{padding:0 18px}
  .hero{padding:40px 0 52px}
  .hero .row{gap:10px}
  .hero .row .btn:not(.wa){flex:1 1 100%;text-align:center;padding:16px 12px;font-size:14px}
  .band .row .btn:not(.wa){flex:1 1 100%;text-align:center}
  .hero .row,.band .row{align-items:center}
  .eyebrow{margin-bottom:18px;font-size:11px;letter-spacing:.16em;padding:7px 11px}
  section.pad{padding:52px 0}
  .pagehead{padding:48px 0 52px}
  .two{gap:34px}
  .svc{gap:22px 24px;padding-top:22px}
  .band .wrap{padding:44px 18px;gap:24px}
  .marks .cell{border-right:none;border-bottom:1px solid #262626;padding:20px 0}
  .hero p,.pagehead p{font-size:17px}
  .fgrid{gap:32px;padding:40px 18px 24px}
}