/* Handyman Services UK — black, gold and warm-white theme */
:root{--black:#101112;--black2:#1b1b1a;--gold:#d4ad57;--goldlight:#f0d998;--cream:#f7f4ed;--ink:#20201e;--muted:#77766f;--line:#e5e0d5}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font-family:"DM Sans",sans-serif;color:var(--ink);line-height:1.65}img{display:block;width:100%;object-fit:cover}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.container{width:min(1160px,calc(100% - 48px));margin:auto}
.topbar{background:var(--gold);color:var(--black);font-size:9px;font-weight:800;letter-spacing:.1em}.topbar-inner{min-height:35px;display:flex;align-items:center;justify-content:space-between;gap:20px}.topbar a{letter-spacing:0}
.header{position:sticky;top:0;z-index:20;color:white;background:rgba(16,17,18,.97);border-bottom:1px solid #514327;backdrop-filter:blur(12px)}.nav-wrap{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;align-items:center;gap:12px}.logo{width:47px;height:47px;display:grid;place-items:center;border:1px solid var(--gold);border-radius:50%;color:var(--gold);font-size:31px;position:relative}.logo b{position:absolute;bottom:1px;font-size:12px}.brand-text{font-family:Oswald,sans-serif;font-size:16px;line-height:1.05;color:var(--goldlight);letter-spacing:.04em}.brand-text strong{display:block;color:#fff;font-size:20px;letter-spacing:.1em}.brand-text small{display:block;margin-top:5px;font:600 7px "DM Sans",sans-serif;letter-spacing:.12em;color:#aaa69b}.nav{display:flex;align-items:center;gap:clamp(15px,2.3vw,30px);font-size:11px;font-weight:700}.nav>a:not(.btn):hover{color:var(--goldlight)}
.btn{min-height:50px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;gap:15px;border:1px solid transparent;border-radius:3px;font-size:11px;font-weight:800;cursor:pointer;transition:.2s}.btn:hover{transform:translateY(-2px)}.gold{background:var(--gold);color:var(--black)}.gold:hover{background:var(--goldlight)}.small{min-height:41px;padding:0 16px}.outline{color:white;border-color:#77736a}.outline:hover{color:var(--goldlight);border-color:var(--gold)}.menu-toggle{display:none}
.hero{position:relative;overflow:hidden;padding:80px 0 26px;color:white;background:var(--black)}.hero:before{content:"";position:absolute;right:-180px;top:-310px;width:690px;height:690px;border:1px solid #40351d;border-radius:50%;box-shadow:0 0 0 60px #191813,0 0 0 120px #151411}.hero-grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:65px}.eyebrow{display:flex;align-items:center;gap:10px;color:#a9832d;font-size:9px;font-weight:800;letter-spacing:.17em}.eyebrow>span{width:22px;height:2px;background:var(--gold)}h1,h2,h3{margin-top:0}h1,h2{font-family:Oswald,sans-serif;font-weight:600;line-height:1.1}h1{font-size:clamp(48px,5.8vw,76px);margin:24px 0 20px;letter-spacing:.01em}h1 em,h2 em{color:var(--gold);font-style:normal}.hero-copy>p{max-width:510px;color:#c1c0bb;font-size:13px;line-height:1.95}.actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:28px}.hero-points{display:flex;flex-wrap:wrap;gap:17px;margin-top:33px;color:#c6c2b8;font-size:9px}.hero-points span:first-letter{color:var(--gold)}
.hero-art{position:relative;padding:12px 14px 20px 0}.hero-art>img{height:440px;filter:saturate(.72);border:1px solid #a9832d;clip-path:polygon(8% 0,100% 0,100% 91%,91% 100%,0 100%,0 9%)}.image-label{position:absolute;left:-22px;bottom:2px;display:flex;align-items:center;gap:12px;padding:14px 18px;background:var(--cream);color:var(--black);box-shadow:0 12px 30px #0005}.image-label>b{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--gold);color:#96701d;font-size:20px}.image-label strong,.image-label small{display:block}.image-label strong{font-size:11px}.image-label small{font-size:9px;color:var(--muted)}.seal{position:absolute;top:30px;right:-18px;width:102px;height:102px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--gold);outline:5px solid var(--black);border-radius:50%;background:#171715;color:var(--gold);text-align:center;transform:rotate(8deg)}.seal strong{font:600 15px/1.05 Oswald,sans-serif;color:var(--goldlight)}.seal small{font-size:6px;letter-spacing:.1em;margin-top:5px}.hero-foot{display:flex;align-items:center;gap:18px;margin-top:55px;color:#99968d;font-size:8px;font-weight:800;letter-spacing:.15em}.hero-foot i{width:45px;height:1px;background:var(--gold)}
.quick{background:var(--gold)}.quick-grid{min-height:128px;display:grid;grid-template-columns:1.1fr repeat(4,1fr);align-items:center;gap:20px}.quick-grid>div small{display:block;font-size:8px;font-weight:800;letter-spacing:.12em}.quick-grid>div strong{display:block;font:500 23px/1.15 Oswald,sans-serif;text-transform:uppercase;margin-top:5px}.quick-grid>a{display:flex;align-items:center;gap:9px;font-size:14px}.quick-grid>a>b{width:36px;height:36px;flex-shrink:0;display:grid;place-items:center;border:1px solid #79652f;border-radius:50%;font-size:18px}.quick-grid>a span{flex:1}.quick-grid>a strong,.quick-grid>a small{display:block}.quick-grid>a strong{font-size:10px}.quick-grid>a small{font-size:8px;color:#514832}
.section{padding:98px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:38px}.section-head h2,.about h2,.contact h2,.center h2{font-size:clamp(36px,4.5vw,54px);margin:17px 0 0;color:var(--black)}.section-head>p{max-width:370px;margin:0 0 5px;color:var(--muted);font-size:12px;line-height:1.9}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.service{overflow:hidden;border:1px solid #e8e4da;background:#fff;transition:.25s}.service:hover{transform:translateY(-5px);box-shadow:0 16px 35px #0001}.service>img{height:205px;filter:saturate(.8)}.service-body{padding:22px 19px 24px}.service-body small{color:#9a762b;font-size:8px;font-weight:800;letter-spacing:.12em}.service-body h3{font:500 23px Oswald,sans-serif;margin:8px 0}.service-body p{min-height:76px;color:var(--muted);font-size:10px;line-height:1.85}.service-body a{display:block;padding-top:12px;border-top:1px solid var(--line);font-size:9px;font-weight:800}.service-body a:hover{color:#947020}.other{display:flex;align-items:center;gap:14px;margin-top:25px;padding:17px 20px;background:var(--cream);border-left:3px solid var(--gold)}.other>b{color:#a17a27;font-size:23px}.other p{flex:1;margin:0;color:var(--muted);font-size:10px}.other p strong{color:var(--black)}.other a{font-size:10px;font-weight:800;white-space:nowrap}
.about{background:var(--cream)}.about-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:85px}.about-grid>img{height:420px;filter:saturate(.75);border:1px solid var(--gold);padding:7px}.about .lead{margin:25px 0 10px;font-weight:700;font-size:16px}.about p:not(.lead){color:var(--muted);font-size:12px;line-height:2;margin-bottom:27px}
.why{background:white}.center{text-align:center}.center .eyebrow{justify-content:center}.center>p{color:var(--muted);font-size:12px;margin-top:13px}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:44px}.benefits article{padding:28px;border:1px solid var(--line);transition:.2s}.benefits article:hover{background:var(--cream);transform:translateY(-4px)}.benefits article>b{display:grid;place-items:center;width:43px;height:43px;margin-bottom:18px;border:1px solid var(--gold);color:#9c7627;font-size:21px}.benefits h3{font:500 19px Oswald,sans-serif;margin-bottom:8px}.benefits p{margin:0;color:var(--muted);font-size:10px;line-height:1.9}
.cta{background:var(--black);color:white}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:50px;padding-bottom:50px}.cta small{color:var(--gold);font-size:8px;font-weight:800;letter-spacing:.16em}.cta h2{font-size:clamp(29px,4vw,43px);margin:10px 0 6px}.cta p{margin:0;color:#b6b4ad;font-size:11px}
.contact{background:var(--cream)}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:85px;align-items:start}.contact h2{margin-bottom:20px}.contact-grid>div>p{color:var(--muted);font-size:12px;line-height:1.9}.contact-detail{display:flex;gap:13px;margin-top:24px}.contact-detail>b{width:39px;height:39px;flex-shrink:0;display:grid;place-items:center;background:var(--black);color:var(--gold);font-size:18px}.contact-detail strong,.contact-detail small,.contact-detail a{display:block}.contact-detail strong{font-size:10px}.contact-detail a{color:#8a671d;font-size:11px;font-weight:700}.contact-detail small{font-size:10px;color:var(--muted);line-height:1.8;margin-top:3px}
form{padding:32px;background:white;border:1px solid #e5dfd1;box-shadow:0 15px 45px #0000000b}form h3{font:500 27px Oswald,sans-serif;margin:0 0 4px}form>p{font-size:10px;color:var(--muted);margin-bottom:20px}form label{display:block;margin:14px 0 6px;font-size:10px;font-weight:800}form input,form select,form textarea{width:100%;min-height:43px;padding:11px 12px;border:1px solid #dfdbd1;border-radius:2px;background:#fdfcf9;font-size:11px;outline:none}form textarea{resize:vertical}form input:focus,form select:focus,form textarea:focus{border-color:#b58d38;box-shadow:0 0 0 3px #d4ad5722}.submit{width:100%;margin-top:20px}.note{display:block;color:var(--muted);font-size:9px;line-height:1.8;margin-top:12px}
footer{background:#0b0c0d;color:white}.footer-main{min-height:110px;display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-main>p{margin:0;color:#aaa79f;font-size:10px}.footer-link{color:var(--goldlight);font-size:10px;font-weight:800}.footer-bottom{min-height:48px;border-top:1px solid #514327;display:flex;align-items:center;justify-content:space-between;color:#85837c;font-size:9px}.footer-bottom a{color:#d2c6a9}
@media(max-width:1000px){.nav{gap:13px}.nav>a:not(.btn){font-size:10px}.hero-grid{gap:35px}.hero-art>img{height:390px}.quick-grid{grid-template-columns:repeat(3,1fr);padding:20px 0}.quick-grid>div{grid-row:span 2}.service-grid{grid-template-columns:repeat(2,1fr)}.service>img{height:220px}.service-body p{min-height:50px}.about-grid,.contact-grid{gap:45px}}
@media(max-width:700px){.container{width:calc(100% - 34px)}.topbar-inner{justify-content:center;font-size:8px}.topbar-inner>span{display:none}.nav-wrap{min-height:74px}.menu-toggle{display:block;width:42px;height:42px;border:1px solid #8d7137;background:transparent;color:var(--gold);font-size:21px}.nav{position:absolute;top:74px;left:0;right:0;display:none;align-items:stretch;flex-direction:column;gap:17px;padding:20px 24px;background:var(--black2);border-bottom:1px solid var(--gold)}.nav.open{display:flex}.nav>a:not(.btn){font-size:12px}.nav .btn{align-self:flex-start}.hero{padding-top:52px}.hero-grid{grid-template-columns:1fr;gap:35px}.hero h1{font-size:clamp(48px,12vw,65px)}.hero-copy>p{font-size:12px}.hero-points{gap:10px 15px}.hero-art{width:min(100%,450px);margin:auto}.hero-art>img{height:340px}.seal{width:87px;height:87px;right:-5px}.seal strong{font-size:12px}.image-label{left:-5px}.hero-foot{margin-top:43px;gap:9px;font-size:6px}.hero-foot i{width:15px}.quick-grid{grid-template-columns:1fr 1fr;gap:17px 10px}.quick-grid>div{grid-row:auto;grid-column:1/-1}.quick-grid>div strong{font-size:21px}.quick-grid>a{gap:7px}.quick-grid>a>b{width:31px;height:31px;font-size:15px}.quick-grid>a strong{font-size:9px}.quick-grid>a small{font-size:7px}.section{padding:70px 0}.section-head{display:block;margin-bottom:27px}.section-head h2,.about h2,.contact h2,.center h2{font-size:39px}.section-head>p{margin-top:17px}.service-grid{gap:12px}.service>img{height:155px}.service-body{padding:16px 13px}.service-body h3{font-size:20px}.service-body p{min-height:100px;font-size:9px}.service-body a{font-size:8px}.other{flex-wrap:wrap;align-items:flex-start}.other p{flex-basis:calc(100% - 42px)}.other a{margin-left:36px}.about-grid,.contact-grid{grid-template-columns:1fr;gap:36px}.about-grid>img{height:330px}.benefits{grid-template-columns:1fr;gap:12px;margin-top:30px}.benefits article{padding:22px}.benefits article>b{margin-bottom:12px}.cta-inner{align-items:flex-start;flex-direction:column;padding-top:38px;padding-bottom:38px;gap:22px}.cta h2{font-size:33px}form{padding:24px 18px}.footer-main{align-items:flex-start;flex-wrap:wrap;padding:25px 0}.footer-main>p{order:3;flex-basis:100%}.footer-bottom{padding:13px 0;align-items:flex-start;flex-direction:column;gap:4px}}
@media(max-width:430px){.service-grid{grid-template-columns:1fr}.service>img{height:205px}.service-body p{min-height:0}.actions{flex-direction:column}.actions .btn{width:100%}.hero-foot{letter-spacing:.05em}.hero-foot i{width:9px}}