:root{--ink:#102a2c;--ink2:#17383a;--cream:#f4f1e9;--paper:#fbfaf6;--gold:#e7a847;--text:#273536;--muted:#637071;--line:#d9d8d1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--text);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.65}.wrap{width:min(1160px,calc(100% - 48px));margin:auto}.topbar{height:84px;padding:0 max(24px,calc((100vw - 1160px)/2));display:flex;align-items:center;justify-content:space-between;background:var(--paper);position:relative;z-index:10}.wordmark{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none;text-transform:uppercase;font-size:.78rem;letter-spacing:.12em;line-height:1.2}.wordmark b{display:block;font-size:1.05rem;letter-spacing:.05em}.mark{display:grid;place-items:center;width:40px;height:40px;background:var(--ink);color:var(--gold);border-radius:50%;font-size:1.45rem}.header-call{text-align:right;color:var(--ink);text-decoration:none;line-height:1.25}.header-call span{display:block;text-transform:uppercase;letter-spacing:.12em;font-size:.65rem}.header-call strong{font-family:Georgia,serif;font-size:1.28rem}.hero{height:calc(100svh - 84px);min-height:660px;max-height:900px;position:relative;display:flex;align-items:center;color:white;overflow:hidden}.hero-image,.hero-shade{position:absolute;inset:0}.hero-image{background:url('assets/canberra-house-painters-hero.webp') center/cover no-repeat;transform:scale(1.01)}.hero-shade{background:linear-gradient(90deg,rgba(6,25,26,.92) 0%,rgba(9,30,31,.72) 38%,rgba(10,23,24,.12) 69%,rgba(10,20,20,.04) 100%)}.hero-content{position:relative;z-index:2;padding-bottom:92px}.eyebrow{margin:0 0 22px;text-transform:uppercase;letter-spacing:.19em;font-weight:700;font-size:.72rem;color:var(--gold)}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:.96;letter-spacing:-.035em}h1{font-size:clamp(4rem,7.4vw,7.2rem);margin:0 0 28px;max-width:760px}h1 em{color:var(--gold);font-weight:400}.lead{max-width:590px;font-size:1.14rem;line-height:1.7;color:#e4ebea;margin-bottom:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:58px;padding:0 26px;text-decoration:none;text-transform:uppercase;letter-spacing:.1em;font-weight:800;font-size:.85rem;transition:.2s ease}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--gold);color:var(--ink)}.phone-icon{font-size:1.1rem}.micro{margin:12px 0 0;font-size:.75rem;color:#cbd5d3}.hero-stats{position:absolute;z-index:2;bottom:0;left:50%;transform:translateX(-50%);height:102px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.25)}.hero-stats>div{display:flex;align-items:center;gap:15px;border-right:1px solid rgba(255,255,255,.18);padding:0 30px}.hero-stats>div:first-child{padding-left:0}.hero-stats span{color:var(--gold);font-family:Georgia,serif;font-size:1.5rem}.hero-stats p{margin:0;color:#c9d4d2;font-size:.77rem;line-height:1.45}.hero-stats strong{display:block;color:white;text-transform:uppercase;letter-spacing:.09em;font-size:.7rem}.section{padding:110px 0}.intro{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:end}.eyebrow.dark{color:#9b681d}.intro h2,.process h2{font-size:clamp(3.2rem,5vw,5.4rem);color:var(--ink);margin:0}.intro-copy{border-left:1px solid var(--line);padding-left:55px}.intro-copy p{color:var(--muted);font-size:1.05rem}.text-link{display:inline-flex;gap:25px;color:var(--ink);text-decoration:none;font-weight:800;text-transform:uppercase;letter-spacing:.1em;font-size:.76rem;border-bottom:2px solid var(--gold);padding-bottom:8px}.services{background:var(--ink);color:white}.eyebrow.gold{color:var(--gold)}.section-head{display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:end;margin-bottom:50px}.section-head h2,.areas h2{font-size:clamp(3rem,5vw,5rem);margin:0;color:white}.section-head p{color:#b9c7c5;max-width:480px}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.service-card{min-height:430px;padding:44px;display:flex;justify-content:space-between;position:relative;overflow:hidden;background:var(--ink2);border:1px solid rgba(255,255,255,.12)}.service-card:before{content:"";position:absolute;inset:0;background:linear-gradient(140deg,rgba(255,255,255,.08),transparent 55%)}.service-card>*{position:relative}.service-card .number{font-family:Georgia,serif;font-size:2rem;color:var(--gold)}.service-card div{align-self:flex-end;max-width:400px}.service-card h3{font-family:Georgia,serif;font-weight:400;font-size:2.1rem;line-height:1.1;margin-bottom:16px}.service-card p{color:#c6d1cf}.service-card ul{list-style:none;padding:16px 0 0;margin:0;border-top:1px solid rgba(255,255,255,.2);display:flex;flex-wrap:wrap;gap:8px 20px;color:#eef2f1;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em}.service-card li:before{content:"— ";color:var(--gold)}.interior{background-color:#244a4c}.exterior{background-color:#3a443e}.process{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px}.process-title{position:sticky;top:40px;align-self:start}.features article{display:flex;gap:24px;border-top:1px solid var(--line);padding:28px 0}.features article:last-child{border-bottom:1px solid var(--line)}.features span{flex:0 0 42px;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:var(--ink);font-weight:900}.features h3{font-family:Georgia,serif;color:var(--ink);font-size:1.45rem;margin-bottom:5px}.features p{color:var(--muted);margin:0}.areas{background:#e8e5dc}.areas-inner{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:start}.areas h2{color:var(--ink);font-size:clamp(3rem,4.5vw,4.6rem)}.area-list{display:grid;grid-template-columns:1fr 1fr;margin-top:30px}.area-list span{padding:12px 0;border-bottom:1px solid #c9c7be;color:var(--ink);font-weight:700}.area-list span:before{content:"+";color:#a46c18;margin-right:10px}.cta{background:var(--gold);text-align:center}.cta-inner{max-width:900px}.cta .eyebrow{color:var(--ink)}.cta h2{font-size:clamp(3.4rem,6.5vw,6.5rem);color:var(--ink);margin-bottom:25px}.cta p:not(.eyebrow){max-width:620px;margin:0 auto 28px;color:#2e3b39}.button-light{background:var(--ink);color:white;font-size:1rem}footer{background:#091d1e;color:white;padding:50px 0}footer .wrap{display:grid;grid-template-columns:1fr auto;align-items:center}footer p{font-family:Georgia,serif;font-size:1.3rem;margin:0}footer a{color:var(--gold);text-decoration:none;font-weight:800;font-size:1.25rem}footer small{color:#9eb0ae}.mobile-call{display:none}
@media(max-width:760px){body{padding-bottom:72px}.wrap{width:min(100% - 32px,1160px)}.topbar{height:72px;padding:0 16px}.wordmark{font-size:.62rem}.wordmark b{font-size:.78rem}.mark{width:34px;height:34px}.header-call{display:none}.hero{height:auto;min-height:760px;align-items:flex-start}.hero-image{background-position:62% center}.hero-shade{background:linear-gradient(90deg,rgba(6,25,26,.92),rgba(7,27,28,.65) 72%,rgba(7,27,28,.2))}.hero-content{padding-top:92px;padding-bottom:210px}.hero h1{font-size:clamp(3.5rem,16vw,5rem)}.lead{font-size:1rem}.hero-stats{height:auto;grid-template-columns:1fr;bottom:18px;border-top:1px solid rgba(255,255,255,.25)}.hero-stats>div{height:54px;padding:0;border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}.hero-stats span{font-size:1.1rem}.hero-stats p{font-size:.68rem}.section{padding:74px 0}.intro,.section-head,.process,.areas-inner{grid-template-columns:1fr;gap:38px}.intro-copy{border-left:0;border-top:1px solid var(--line);padding:28px 0 0}.service-grid{grid-template-columns:1fr}.service-card{min-height:390px;padding:28px}.service-card h3{font-size:1.8rem}.process-title{position:static}.features article{gap:16px}.area-list{grid-template-columns:1fr}.cta h2{font-size:3.6rem}footer{padding:38px 0}footer .wrap{grid-template-columns:1fr;gap:7px}footer a{font-size:1.1rem}.mobile-call{position:fixed;z-index:50;display:flex;align-items:center;justify-content:center;gap:12px;left:0;right:0;bottom:0;height:72px;background:var(--gold);color:var(--ink);text-decoration:none;text-transform:uppercase;letter-spacing:.08em;font-size:.73rem;box-shadow:0 -8px 30px rgba(0,0,0,.2)}.mobile-call>span:first-child{font-size:1.3rem}.mobile-call strong{display:block;font-size:1rem;letter-spacing:.02em}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
