@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Inter:wght@400;500;600;700&display=swap');
:root{--bg:#050505;--panel:#0b0a09;--gold:#d6a64a;--gold2:#f2cf83;--cream:#f2eadc;--muted:#aaa39a;--line:rgba(214,166,74,.32);--max:1220px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--cream);font-family:Inter,Arial,sans-serif}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.08;background:repeating-linear-gradient(125deg,#fff 0 1px,transparent 1px 12px);mix-blend-mode:screen}
a{text-decoration:none;color:inherit}.wrap{width:min(var(--max),calc(100% - 80px));margin:auto}
header{height:68px;position:fixed;z-index:20;top:0;left:0;right:0;border-bottom:1px solid rgba(214,166,74,.18);background:rgba(5,5,5,.66);backdrop-filter:blur(10px)}
.nav{height:100%;display:flex;justify-content:flex-end;align-items:center}.navlinks{display:flex;gap:30px;margin-right:28px;font-size:14px;color:#ddd}.navlinks a{height:68px;display:flex;align-items:center;position:relative}.navlinks a:hover,.navlinks a.active{color:var(--gold2)}.navlinks a.active:after{content:"";height:2px;width:100%;position:absolute;bottom:15px;background:var(--gold)}
.floating-logo{position:fixed;z-index:30;top:5px;left:38px;width:145px;filter:drop-shadow(0 8px 22px rgba(0,0,0,.75))}.floating-logo img{display:block;width:100%;height:auto}
.btn{display:inline-flex;align-items:center;gap:12px;justify-content:center;border:1px solid var(--gold);padding:14px 22px;min-height:50px;font-size:13px;font-weight:700;letter-spacing:.1px}.btn.gold{background:linear-gradient(135deg,#f0c66e,#bc8732);color:#0c0905}.btn:hover{filter:brightness(1.08)}
.hero{min-height:455px;padding-top:68px;position:relative;overflow:hidden;border-bottom:1px solid var(--line);background:#050505 url('hero-handyman.jpg') center center/cover no-repeat}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.70) 38%,rgba(0,0,0,.18) 72%,rgba(0,0,0,.42) 100%),linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.30))}
.hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:385px}
.hero-copy{padding-top:12px}.kicker,.eyebrow{font-size:10px;letter-spacing:5px;text-transform:uppercase;color:var(--gold2);font-weight:600}.kicker{margin-bottom:18px}
h1,h2,h3{font-family:"Cormorant Garamond",Georgia,serif;margin:0;font-weight:600;line-height:.9}h1{font-size:clamp(54px,6vw,82px);letter-spacing:-2px}.hero-copy p{max-width:560px;color:#d0cbc3;font-size:14px;line-height:1.55;margin:25px 0}.actions{display:flex;gap:12px}
.hero-art{height:390px;display:block;position:relative}.hero-art img{display:none}
.hero-side{position:absolute;right:20px;top:165px;z-index:4;width:105px;color:var(--gold2);font-family:"Cormorant Garamond";font-size:18px;line-height:1.25;letter-spacing:3px;text-transform:uppercase}.hero-side:before{content:"";display:block;height:55px;border-left:2px solid var(--gold);margin-bottom:18px}
.trust{border-bottom:1px solid var(--line);padding:10px 0;background:#080706}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.trust-item{display:flex;gap:14px;align-items:center;color:#d6d0c7;font-size:12px}.trust-icon{font-size:24px;color:var(--gold2)}
.section{padding:48px 0;border-bottom:1px solid rgba(214,166,74,.2)}.section-head{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:end;margin-bottom:18px}.section-head h2{font-size:42px}.section-head p{color:#aaa39a;max-width:570px;font-size:12px}.services{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.service{min-height:265px;border:1px solid var(--line);background:linear-gradient(150deg,#14120f,#080807);padding:18px;position:relative;overflow:hidden}.service:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 0,rgba(214,166,74,.12),transparent 40%)}.service>*{position:relative}.service .num{font-family:"Cormorant Garamond";font-size:22px;color:rgba(242,207,131,.55)}.service .ico{font-size:24px;color:var(--gold2);margin:20px 0 10px}.service h3{font-size:22px;line-height:.95;margin-bottom:10px}.service p{font-size:10.5px;color:#aaa39a;line-height:1.5;margin:0 0 15px}.learn{font-size:11px;color:var(--gold2);letter-spacing:.3px}
.standard{position:relative;overflow:hidden;background:linear-gradient(90deg,#0a0908 0,#11100e 48%,#080706 100%)}.standard:after{content:"";position:absolute;right:0;top:0;width:52%;height:100%;background:radial-gradient(circle at 50% 45%,rgba(181,116,30,.24),transparent 40%),linear-gradient(135deg,transparent,rgba(214,166,74,.07));opacity:.8}.standard .wrap{position:relative;z-index:2}.standard-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.standard h2{font-size:60px}.standard p{color:#aaa39a;max-width:540px}.badges{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:32px}.badge{text-align:center;font-size:11px;color:#c9c2b9}.badge b{display:block;font-size:25px;color:var(--gold2);margin-bottom:8px}.signature{font-family:"Cormorant Garamond";font-style:italic;color:var(--gold2);font-size:34px;text-align:right;transform:rotate(-4deg)}
.local{position:relative;overflow:hidden;background:linear-gradient(180deg,#0a0908,#13100b)}.local:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 100%,rgba(177,121,40,.27),transparent 55%)}.local-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.2fr .8fr;align-items:center}.local h2{font-size:58px}.local p{color:#aaa39a;max-width:610px}.local-list{justify-self:end;border-left:1px solid var(--gold);padding-left:28px;color:#c8c1b8;font-size:13px;line-height:2.3}.local-list span{color:var(--gold2);margin-right:10px}
.future{text-align:center;padding:76px 20px;background:#080807}.future h2{font-size:54px}.future p{max-width:650px;margin:18px auto;color:#99928a;font-size:14px}
.cta{padding:60px 0;background:linear-gradient(90deg,#181106,#0c0b09,#181106);border-bottom:1px solid var(--line)}.cta-grid{display:flex;justify-content:space-between;align-items:center;gap:25px}.cta h2{font-size:50px}.cta p{color:#aaa39a;margin:8px 0 0}
footer{padding:34px 0 20px;background:#040404}.foot{display:flex;align-items:center;justify-content:space-between;padding-bottom:28px;border-bottom:1px solid rgba(214,166,74,.2)}.foot img{width:205px}.footlinks{display:flex;gap:25px;font-size:12px;color:#bdb7ae}.social{display:flex;gap:18px;color:var(--gold2)}.copy{display:flex;justify-content:space-between;color:#6f6a63;font-size:10px;padding-top:17px}
.page{padding:150px 0 100px;min-height:75vh}.page h1{font-size:72px}.page-title{margin-bottom:55px}.page-title p{color:#aaa39a;max-width:720px}.service-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.detail{border:1px solid var(--line);padding:30px;background:#0b0a09}.detail h2{font-size:40px}.detail ul{color:#aaa39a;line-height:1.9}
.form{max-width:850px;display:grid;gap:16px}.row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:grid;gap:7px}.field label{font-size:10px;letter-spacing:2px;color:var(--gold2);text-transform:uppercase}.field input,.field textarea{background:#0b0a09;border:1px solid var(--line);color:var(--cream);padding:14px;font:inherit}.field textarea{min-height:160px}.checks{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.check{border:1px solid rgba(214,166,74,.24);padding:13px;color:#bdb7ae}.check input{accent-color:var(--gold)}
@media(max-width:1000px){.wrap{width:min(var(--max),calc(100% - 40px))}.floating-logo{left:20px;width:150px}.navlinks{margin-right:15px;gap:18px}.services{grid-template-columns:repeat(3,1fr)}.hero-inner{grid-template-columns:1fr 1fr}.hero-side{display:none}}
@media(max-width:720px){header{height:70px}.floating-logo{top:6px;width:125px}.navlinks{display:none}.hero{padding-top:70px}.hero-inner{grid-template-columns:1fr}.hero-art{order:-1;height:300px}.hero-art img{width:260px}.hero-copy{padding:0 0 55px}.hero-copy h1{font-size:58px}.trust-grid{grid-template-columns:1fr 1fr}.section-head,.standard-grid,.local-grid{grid-template-columns:1fr;gap:25px}.services{grid-template-columns:1fr 1fr}.badges{grid-template-columns:1fr 1fr}.local-list{justify-self:start}.cta-grid,.foot,.copy{display:block}.footlinks,.social{margin-top:20px}.service-detail-grid,.row,.checks{grid-template-columns:1fr}.page h1{font-size:58px}}
@media(max-width:430px){.wrap{width:calc(100% - 28px)}.services{grid-template-columns:1fr}.trust-grid{grid-template-columns:1fr}.hero-copy h1{font-size:51px}}

.service-image{display:block;width:calc(100% + 36px);height:142px;object-fit:cover;margin:-18px -18px 12px;filter:saturate(.9) contrast(1.04)}

.service-page-card{padding:0;overflow:hidden;display:grid;grid-template-rows:270px 1fr;background:#0b0a09}
.service-page-image{display:block;width:100%;height:270px;object-fit:cover;filter:saturate(.92) contrast(1.04)}
.service-page-copy{padding:24px 28px 28px}
.service-page-copy .eyebrow{margin-bottom:8px}
.service-page-copy h2{font-size:38px;margin:0 0 12px}
.service-page-copy p{margin:0;color:#aaa39a;line-height:1.6;font-size:13px}
@media(max-width:720px){.service-page-card{grid-template-rows:220px 1fr}.service-page-image{height:220px}.service-page-copy{padding:20px}.service-page-copy h2{font-size:32px}}

/* Compact Services page — text floats over imagery */
.services-page .page-title{margin-bottom:34px}
.services-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.service-overlay-card{height:270px;position:relative;overflow:hidden;border:1px solid var(--line);background:#0b0a09}
.service-overlay-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.service-overlay-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05) 15%,rgba(0,0,0,.18) 35%,rgba(0,0,0,.88) 100%)}
.service-overlay-content{position:absolute;left:24px;right:24px;bottom:20px;z-index:2}
.service-overlay-icon{font-size:21px;color:var(--gold2);margin-bottom:5px}
.service-overlay-content h2{font-size:35px;line-height:.95;margin:0 0 9px;text-shadow:0 2px 12px #000}
.service-overlay-line{width:120px;height:1px;background:var(--gold);margin-bottom:9px}
.service-overlay-content p{margin:0;max-width:680px;color:#e0d9cf;font-size:12px;line-height:1.45;text-shadow:0 1px 8px #000}
.service-overlay-card:hover .service-overlay-image{transform:scale(1.035)}
@media(max-width:720px){
 .services-detail-grid{grid-template-columns:1fr}
 .service-overlay-card{height:245px}
 .service-overlay-content{left:18px;right:18px;bottom:17px}
 .service-overlay-content h2{font-size:31px}
}