*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#242a25;background:#f5f4ef;font-family:"DM Sans",sans-serif;font-size:15px;line-height:1.65}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.container{width:min(1180px,calc(100% - 56px));margin:auto}.topline{background:#202821;color:#c9c8bd;font-size:10px;letter-spacing:.15em;text-transform:uppercase}.topline-inner{height:34px;display:flex;align-items:center;justify-content:space-between}.header{height:88px;background:#f5f4ef;position:sticky;top:0;z-index:20;border-bottom:1px solid #e4e2da}.nav-wrap{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;font:800 18px Manrope,sans-serif;letter-spacing:.08em;line-height:1;color:#252d27}.brand b{color:#8a947a}.brand small{display:block;font:600 8px "DM Sans",sans-serif;letter-spacing:.23em;margin-top:7px;color:#777d72}.brand-mark{height:31px;width:31px;display:flex;align-items:flex-end;gap:3px;border-left:2px solid #849078;border-bottom:2px solid #849078;padding:0 0 4px 4px}.brand-mark i{display:block;width:5px;background:#849078}.brand-mark i:nth-child(1){height:12px}.brand-mark i:nth-child(2){height:20px}.brand-mark i:nth-child(3){height:27px}.nav{display:flex;align-items:center;gap:34px;font-size:12px;font-weight:600}.nav a:not(.nav-cta):hover{color:#7d896e}.nav-cta{background:#283229;color:#fff;padding:14px 18px}.nav-cta span,.btn span{margin-left:17px}.menu-toggle{display:none;background:none;border:0}.hero{min-height:650px;height:min(760px,calc(100vh - 122px));position:relative;background:#252d28;display:flex;align-items:center;color:white;overflow:hidden}.hero-image{position:absolute;inset:0;background:url("https://images.unsplash.com/photo-1600210492486-724fe5c67fb0?auto=format&fit=crop&w=2000&q=90") center 54%/cover;transform:scale(1.02)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(23,31,26,.91) 0%,rgba(23,31,26,.72) 42%,rgba(23,31,26,.13) 100%),linear-gradient(0deg,rgba(20,25,21,.32),transparent 55%)}.hero-content{position:relative;z-index:1;padding-top:28px}.eyebrow{font-size:10px;letter-spacing:.2em;font-weight:700;color:#78836d;display:flex;align-items:center;gap:11px;margin:0 0 25px}.eyebrow span{width:27px;height:1px;background:#929c84;display:inline-block}.eyebrow.light{color:#c4c9bc}.hero h1,.section-heading h2,.intro h2,.approach h2,.contact h2,.options h2{font:500 clamp(56px,8vw,104px)/.99 Manrope,sans-serif;letter-spacing:-.065em;margin:0}.hero h1 em,.section-heading h2 em,.intro h2 em,.approach h2 em,.contact h2 em,.options h2 em{font-family:Georgia,serif;font-weight:400;color:#aeb79f;letter-spacing:-.055em}.hero-copy{max-width:490px;color:#e1e2dc;font-size:16px;line-height:1.8;margin:30px 0}.hero-actions{display:flex;align-items:center;gap:30px}.btn{display:inline-flex;align-items:center;justify-content:space-between;padding:17px 21px;font-size:11px;letter-spacing:.04em;font-weight:700;border:1px solid transparent;transition:.2s}.btn-light{background:#f2f1eb;color:#263027}.btn-light:hover{background:#dce0d4}.text-link{font-size:11px;font-weight:600}.light-link{color:#fff}.hero-note{position:absolute;left:0;bottom:-145px;display:flex;align-items:center;gap:13px;color:#c8cabe;font-size:9px;letter-spacing:.18em}.note-line{height:1px;width:45px;background:#9ba58d}.hero-index{position:absolute;right:4%;bottom:35px;color:#fff;font:500 14px Manrope}.hero-index span{color:#9da694;margin:0 9px}.section-pad{padding:112px 0}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:start}.intro h2,.section-heading h2,.approach h2,.contact h2,.options h2{font-size:clamp(47px,6vw,76px)}.intro h2 em,.section-heading h2 em,.options h2 em{color:#87927a}.intro-text{padding-top:25px;max-width:520px}.lead{font:500 22px/1.45 Manrope,sans-serif;letter-spacing:-.025em;margin:0 0 17px}.intro-text p:not(.lead){color:#73786f;line-height:1.9}.under-link{display:inline-block;margin-top:18px;padding-bottom:8px;border-bottom:1px solid #9ca38f;font-size:11px;font-weight:700}.under-link span{margin-left:22px}.stat-strip{border-top:1px solid #d9d9d0;border-bottom:1px solid #d9d9d0;margin-top:85px;padding:25px 0;display:grid;grid-template-columns:repeat(4,1fr)}.stat-strip div{padding-left:28px;border-left:1px solid #d9d9d0}.stat-strip div:first-child{padding-left:0;border:0}.stat-strip strong{display:block;font:600 16px Manrope}.stat-strip span{font-size:10px;color:#858980;letter-spacing:.06em}.services{background:#eaeae3}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:45px;gap:40px}.section-heading>p{max-width:320px;color:#73786f;font-size:13px;line-height:1.8;margin:0 0 8px}.section-heading h2{font-size:clamp(46px,5.5vw,70px)}.service-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;grid-template-rows:310px 310px;gap:13px}.service-card{position:relative;overflow:hidden;background:#283229;color:#fff;min-height:260px}.service-card.service-large{grid-row:span 2}.service-card img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.service-card:hover img{transform:scale(1.05)}.service-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(17,24,19,.88),transparent 70%)}.service-overlay{position:absolute;z-index:1;bottom:25px;left:26px;right:22px}.service-overlay>span{font-size:9px;letter-spacing:.16em;color:#c6cfba}.service-overlay h3{font:500 30px/1.05 Manrope;letter-spacing:-.04em;margin:10px 0}.service-overlay p{font-size:11px;color:#e0e2dc;max-width:280px;margin:0}.approach{background:#252e27;color:#f4f2eb}.approach-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:13%}.approach h2 em,.contact h2 em{color:#aab49c}.approach-copy>p:not(.eyebrow){color:#c1c6bc;max-width:390px;line-height:1.9;margin:30px 0}.btn-outline{border-color:#87927f;color:#fff}.btn-outline:hover{background:#e9e9df;color:#252e27}.steps{border-top:1px solid #596158}.step{display:grid;grid-template-columns:45px 1fr 20px;gap:20px;padding:24px 0;border-bottom:1px solid #596158;align-items:start}.step>b{font:500 11px Manrope;color:#aab49c;padding-top:4px}.step h3{font:500 19px Manrope;margin:0 0 6px}.step p{font-size:11px;color:#c0c5bc;margin:0;max-width:400px}.step>span{color:#aab49c}.gallery-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr;grid-template-rows:220px 220px;gap:13px}.gallery-grid img{width:100%;height:100%;object-fit:cover}.gallery-grid .gallery-tall{grid-row:span 2}.gallery-disclaimer{font-size:10px;color:#888d82;margin-top:13px}.options{background:#e9eae2}.options-inner{display:grid;grid-template-columns:.85fr 1.15fr;gap:9%;align-items:center}.option-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.option-card{padding:30px 25px;background:#f6f5ef;min-height:210px}.option-card.featured{background:#d8ddcf}.option-card>span{font-size:9px;letter-spacing:.16em;color:#7b866f}.option-card h3{font:600 23px Manrope;margin:20px 0 10px}.option-card p{font-size:12px;line-height:1.8;color:#6f756b;margin:0}.contact{background:#313a32;color:#f4f2eb}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:12%}.contact-copy>p:not(.eyebrow){max-width:370px;color:#c6cbc1;line-height:1.9;margin:28px 0}.contact-details{display:grid;gap:18px;margin-top:48px}.contact-details a,.contact-details div{font-size:13px;color:#fff}.contact-details small{display:block;color:#aeb8a2;font-size:9px;letter-spacing:.17em;margin-bottom:4px}.enquiry-form{background:#f4f3ed;color:#252d27;padding:38px 40px}.enquiry-form h3{font:600 25px Manrope;margin:0 0 5px}.enquiry-form>p{font-size:11px;color:#81867c;margin:0 0 25px}.enquiry-form label{display:block;font-size:10px;font-weight:700;color:#52594f;margin-bottom:15px}.enquiry-form input,.enquiry-form select,.enquiry-form textarea{display:block;width:100%;margin-top:7px;padding:12px 11px;border:1px solid #d9dbd1;background:#fbfaf6;border-radius:0;font:12px "DM Sans";color:#273027;outline:none}.enquiry-form input:focus,.enquiry-form select:focus,.enquiry-form textarea:focus{border-color:#87927a}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.enquiry-form fieldset{border:0;padding:0;margin:3px 0 17px}.enquiry-form legend{font-size:10px;font-weight:700;color:#52594f;margin-bottom:10px}.enquiry-form .radio{display:inline-flex;align-items:center;gap:5px;font-weight:500;margin:0 14px 5px 0}.enquiry-form .radio input{width:auto;margin:0;accent-color:#66745c}.submit-btn{background:#283229;color:#fff;width:100%;cursor:pointer}.submit-btn:hover{background:#465443}.form-note,.form-status{font-size:10px!important;color:#7c8278!important;margin:10px 0 0!important}.footer{background:#202821;color:#f3f1e9;padding:36px 0 20px}.footer-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:35px}.brand-footer{color:#fff}.brand-footer small{color:#aeb5a8}.footer-top>p{font:500 16px/1.5 Manrope;color:#c8cec2}.back-top{font-size:9px;letter-spacing:.15em;color:#c7cdbf}.footer-bottom{border-top:1px solid #465047;padding-top:17px;display:flex;justify-content:space-between;gap:15px;color:#aeb5a8;font-size:9px}.footer-bottom a{color:#e5e8df}.whatsapp{position:fixed;z-index:30;right:22px;bottom:22px;width:48px;height:48px;border-radius:50%;background:#718267;color:white;display:grid;place-items:center;font-size:11px;font-weight:700;box-shadow:0 5px 20px #0003;border:2px solid #e7e9df}
@media(max-width:800px){.container{width:min(100% - 38px,600px)}.topline-inner{font-size:8px}.topline-inner span:last-child{display:none}.header{height:72px}.menu-toggle{display:flex;flex-direction:column;gap:6px;padding:10px}.menu-toggle span{width:24px;height:1px;background:#283229}.nav{display:none;position:absolute;top:72px;left:0;right:0;background:#f5f4ef;padding:22px 25px 28px;flex-direction:column;align-items:stretch;gap:18px;border-bottom:1px solid #ddd}.nav.open{display:flex}.nav-cta{text-align:center}.hero{height:690px;min-height:600px}.hero-shade{background:linear-gradient(90deg,rgba(23,31,26,.9),rgba(23,31,26,.48)),linear-gradient(0deg,rgba(20,25,21,.3),transparent)}.hero h1{font-size:clamp(58px,15vw,86px)}.hero-copy{font-size:14px;max-width:400px}.hero-note{bottom:-125px}.section-pad{padding:78px 0}.intro-grid,.approach-grid,.options-inner,.contact-grid{grid-template-columns:1fr;gap:35px}.intro-text{padding:0}.stat-strip{margin-top:55px;grid-template-columns:1fr 1fr;gap:20px}.stat-strip div{padding-left:14px}.stat-strip div:nth-child(3){padding-left:0;border:0}.section-heading{display:block}.section-heading>p{margin-top:22px}.service-grid{grid-template-columns:1fr 1fr;grid-template-rows:300px 240px 240px}.service-card.service-large{grid-row:span 1;grid-column:span 2}.service-overlay{left:18px;bottom:18px}.service-overlay h3{font-size:25px}.service-overlay p{font-size:10px}.gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:210px 170px}.gallery-grid .gallery-tall{grid-row:span 2}.option-cards{margin-top:0}.enquiry-form{padding:28px 22px}.footer-top{align-items:flex-start;gap:20px;flex-wrap:wrap}.footer-top>p{font-size:13px}.footer-bottom{flex-direction:column;gap:8px}}
@media(max-width:480px){.container{width:calc(100% - 32px)}.hero-actions{align-items:flex-start;flex-direction:column;gap:19px}.hero{height:660px}.hero-note{font-size:8px}.service-grid{display:grid;grid-template-columns:1fr;grid-template-rows:repeat(5,245px)}.service-card.service-large{grid-column:auto}.gallery-grid{grid-template-rows:180px 145px}.option-cards{grid-template-columns:1fr}.option-card{min-height:175px}.form-row{grid-template-columns:1fr;gap:0}.footer-top{display:grid;grid-template-columns:1fr 1fr}.footer-top .brand{grid-column:span 2}.back-top{align-self:end}.stat-strip strong{font-size:14px}}
/* WOOD & LINE — NATURAL TIMBER BRAND UPDATE */
:root{
--wl-primary:#263229;
--wl-accent:#89947A;
--wl-walnut:#49372B;
--wl-oak:#B28B61;
--wl-cream:#F1E9DB;
--wl-paper:#F7F3EB;
--wl-stone:#E8E1D5;
}
body{background:var(--wl-paper);color:var(--wl-primary)}
.topline,.approach,.footer{background:var(--wl-primary)}
.header{background:var(--wl-paper);border-color:#e4dbcd}
.brand{color:var(--wl-primary)}
.brand b,.brand small{color:var(--wl-accent)}
.brand-mark{border-color:var(--wl-accent)}
.brand-mark i{background:var(--wl-accent)}
.nav-cta,.btn-dark,.submit-btn{background:var(--wl-primary)}
.nav-cta:hover,.submit-btn:hover{background:var(--wl-walnut)}
.hero-shade{background:linear-gradient(90deg,rgba(38,50,41,.93) 0%,rgba(38,50,41,.74) 42%,rgba(38,50,41,.16) 100%),linear-gradient(0deg,rgba(38,50,41,.34),transparent 55%)}
.eyebrow{color:var(--wl-accent)}
.eyebrow span,.note-line{background:var(--wl-accent)}
.hero h1 em,.approach h2 em,.contact h2 em{color:#c4aa88}
.intro h2 em,.section-heading h2 em,.options h2 em{color:var(--wl-walnut)}
.intro,.gallery{background:var(--wl-paper)}
.services,.options{background:var(--wl-cream)}
.stat-strip{border-color:#d9cdbb}
.stat-strip div{border-color:#d9cdbb}
.service-card{background:var(--wl-walnut)}
.service-overlay>span{color:#d8c3a7}
.approach{background:var(--wl-primary)}
.step{border-color:#59645a}
.step>b,.step>span{color:#c4aa88}
.btn-outline{border-color:var(--wl-accent)}
.btn-outline:hover{background:var(--wl-cream);color:var(--wl-primary)}
.option-card{background:#fbf8f1}
.option-card.featured{background:#ded2bd}
.option-card>span,.contact-details small{color:var(--wl-walnut)}
.contact{background:var(--wl-primary)}
.enquiry-form{background:#f7f3eb}
.enquiry-form input,.enquiry-form select,.enquiry-form textarea{background:#fffdf8;border-color:#ded4c5}
.enquiry-form input:focus,.enquiry-form select:focus,.enquiry-form textarea:focus{border-color:var(--wl-accent)}
.footer{background:#202a22}
.brand-footer small{color:#c4aa88}
.whatsapp{background:var(--wl-accent);border-color:var(--wl-cream)}
.under-link{border-color:var(--wl-accent)}
@media(max-width:800px){.nav{background:var(--wl-paper)}}
/* Uploaded Wood & Line logo — compact header sizing */
.header .nav-wrap > .brand { flex: 0 0 220px; width:220px; min-width:0; display:flex; align-items:center; }
.header .nav-wrap > .brand img { display:block; width:220px !important; max-width:220px !important; height:auto !important; max-height:52px !important; object-fit:contain; }
.footer .brand-footer { flex:0 0 200px; width:200px; }
.footer .brand-footer img { display:block; width:200px !important; max-width:200px !important; height:auto !important; max-height:48px !important; object-fit:contain; }
@media (max-width: 800px) {
.header .nav-wrap > .brand { flex-basis:190px; width:190px; }
.header .nav-wrap > .brand img { width:190px !important; max-width:190px !important; max-height:46px !important; }
.footer .brand-footer { flex-basis:180px; width:180px; }
.footer .brand-footer img { width:180px !important; max-width:180px !important; max-height:44px !important; }
}
@media (max-width: 380px) {
.header .nav-wrap > .brand { flex-basis:165px; width:165px; }
.header .nav-wrap > .brand img { width:165px !important; max-width:165px !important; max-height:40px !important; }
}
/* WOOD & LINE — TIMBER / ALUMINIUM BRAND PALETTE */
:root{
--wl-primary:#121211;
--wl-accent:#DC8843;
--wl-walnut:#49372B;
--wl-oak:#B77A43;
--wl-aluminium:#B7B7B6;
--wl-paper:#F7F5F1;
--wl-stone:#E9E7E4;
--wl-white:#FEFEFE;
}
body{background:var(--wl-paper);color:var(--wl-primary)}
.topline,.approach,.footer{background:var(--wl-primary)}
.topline{color:#D8D4CE}
.header{background:var(--wl-white);border-color:#DEDAD4}
.brand{color:var(--wl-primary)}
.brand b,.brand small{color:var(--wl-accent)}
.brand-mark{border-color:var(--wl-accent)}
.brand-mark i{background:var(--wl-accent)}
.nav a:not(.nav-cta):hover{color:var(--wl-accent)}
.nav-cta,.btn-dark,.submit-btn{background:var(--wl-primary)}
.nav-cta:hover,.submit-btn:hover{background:var(--wl-walnut)}
.hero{background:var(--wl-primary)}
.hero-shade{background:linear-gradient(90deg,rgba(18,18,17,.94) 0%,rgba(18,18,17,.76) 42%,rgba(18,18,17,.16) 100%),linear-gradient(0deg,rgba(18,18,17,.38),transparent 55%)}
.eyebrow{color:var(--wl-oak)}
.eyebrow span,.note-line{background:var(--wl-accent)}
.eyebrow.light{color:#E6D5C5}
.hero h1 em,.approach h2 em,.contact h2 em{color:#E5A66D}
.intro h2 em,.section-heading h2 em,.options h2 em{color:var(--wl-accent)}
.intro,.gallery{background:var(--wl-paper)}
.services,.options{background:#E9E7E4}
.stat-strip{border-color:#D4D0CA}
.stat-strip div{border-color:#D4D0CA}
.under-link{border-color:var(--wl-accent)}
.service-card{background:var(--wl-walnut)}
.service-card:after{background:linear-gradient(0deg,rgba(18,18,17,.9),transparent 70%)}
.service-overlay>span{color:#F0B77F}
.approach{background:var(--wl-primary);color:#F7F5F1}
.step{border-color:#484541}
.step>b,.step>span{color:var(--wl-accent)}
.btn-outline{border-color:var(--wl-accent)}
.btn-outline:hover{background:var(--wl-accent);color:var(--wl-primary)}
.option-card{background:#FEFEFE}
.option-card.featured{background:#E6D5C5}
.option-card>span,.contact-details small{color:var(--wl-oak)}
.contact{background:#242321;color:#F7F5F1}
.enquiry-form{background:var(--wl-paper);color:var(--wl-primary)}
.enquiry-form input,.enquiry-form select,.enquiry-form textarea{background:#FEFEFE;border-color:#D4D0CA;color:var(--wl-primary)}
.enquiry-form input:focus,.enquiry-form select:focus,.enquiry-form textarea:focus{border-color:var(--wl-accent)}
.enquiry-form .radio input{accent-color:var(--wl-accent)}
.footer{background:var(--wl-primary)}
.brand-footer small{color:#E5A66D}
.footer-bottom{border-color:#45423E}
.whatsapp{background:#25D366;color:#fff;border:2px solid #fff;width:54px;height:54px;box-shadow:0 5px 22px #0004}
.whatsapp svg{display:block;width:31px;height:31px}
.whatsapp:hover{background:#1FB85A;transform:translateY(-2px)}
@media(max-width:800px){.nav{background:var(--wl-white)}.menu-toggle span{background:var(--wl-primary)}}
/* SEO landing pages and FAQs */
.service-card{display:block;color:inherit;text-decoration:none}
.service-card:hover img{transform:scale(1.04)}
.service-card img{transition:transform .6s ease}
.service-more{display:inline-block;margin-top:10px;color:#F0B77F;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.faq-section{background:#F7F5F1}
.faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:8%;align-items:start}
.faq-layout h2,.detail-hero h1{font-family:Manrope,sans-serif;font-size:clamp(38px,5vw,64px);line-height:1.04;letter-spacing:-.05em;margin:14px 0 20px}
.faq-layout h2 em,.detail-hero h1 em{font-style:normal;color:#DC8843}
.faq-list details{border-bottom:1px solid #d6d0c8;padding:19px 0}
.faq-list summary{font-weight:700;cursor:pointer;list-style:none;position:relative;padding-right:28px}
.faq-list summary:after{content:'+';position:absolute;right:0;color:#DC8843;font-size:22px;top:-5px}
.faq-list details[open] summary:after{content:'−'}
.faq-list p{color:#625d56;line-height:1.75;margin:12px 0 2px}
.detail-hero{background:#121211;color:#F7F5F1;padding:100px 0 85px;position:relative;overflow:hidden}
.detail-hero:after{content:'';position:absolute;width:36vw;height:36vw;border:1px solid #DC884355;border-radius:50%;right:-8vw;top:-18vw;box-shadow:0 0 0 50px #DC884311,0 0 0 100px #DC88430b}
.detail-hero .container{position:relative;z-index:1}
.detail-hero h1{max-width:850px;font-size:clamp(42px,6vw,76px)}
.detail-hero p{max-width:720px;color:#d8d4ce;line-height:1.8;font-size:17px}
.breadcrumbs{font-size:12px;color:#c9b9a8;margin-bottom:28px}
.breadcrumbs a{color:#F0B77F;text-decoration:none}
.detail-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:7%;align-items:center}
.detail-grid img{width:100%;height:430px;object-fit:cover;border-radius:3px}
.detail-copy h2{font-size:clamp(30px,4vw,48px);line-height:1.1;letter-spacing:-.04em}
.detail-copy p,.content-narrow p{color:#625d56;line-height:1.8}
.detail-points{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:26px}
.detail-point{background:#fff;padding:18px;border-left:3px solid #DC8843}
.detail-point b{display:block;margin-bottom:6px}
.detail-point span{font-size:13px;color:#69635c;line-height:1.5}
.content-narrow{max-width:850px;margin:auto}
.content-narrow h2{font-size:clamp(28px,4vw,42px);letter-spacing:-.04em}
.detail-cta{background:#242321;color:#F7F5F1;padding:54px 0}
.detail-cta .container{display:flex;justify-content:space-between;align-items:center;gap:30px}
.detail-cta h2{font-size:clamp(28px,4vw,42px);margin:0}
.detail-cta p{color:#d8d4ce;max-width:570px}
.project-note{background:#eee9e1;border-left:3px solid #DC8843;padding:16px 20px;color:#5f574e;line-height:1.6}
@media(max-width:800px){.faq-layout,.detail-grid{grid-template-columns:1fr;gap:32px}.detail-grid img{height:280px}.detail-hero{padding:72px 0 60px}.detail-cta .container{display:block}.detail-cta .btn{margin-top:14px}.detail-points{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.detail-points{grid-template-columns:1fr}}
/* WOOD & LINE — CLEAR SITE-WIDE NAVIGATION AND FOOTER LINKS */
.nav{gap:clamp(14px,1.7vw,25px);font-size:12px;white-space:nowrap}
.nav-dropdown{position:relative;display:block}
.nav-dropdown summary{list-style:none;cursor:pointer;font-size:12px;font-weight:600;display:flex;align-items:center;gap:6px}
.nav-dropdown summary::-webkit-details-marker{display:none}
.dropdown-caret{color:var(--wl-accent);font-size:13px}
.nav-dropdown[open] summary,.nav-dropdown summary:hover{color:var(--wl-accent)}
.nav-submenu{position:absolute;top:100%;left:-18px;min-width:225px;background:var(--wl-white);padding:9px;box-shadow:0 14px 35px #0002;border-top:3px solid var(--wl-accent);display:grid;gap:2px;z-index:50}
.nav-submenu a{display:block;padding:10px 12px;font-size:12px;font-weight:600;white-space:normal}
.nav-submenu a:hover{background:var(--wl-paper);color:var(--wl-accent)}
/* Services dropdown: hidden by default, hover-only on desktop, click on touch screens. */
.nav-dropdown > .nav-submenu{display:none !important;}
@media (min-width:801px) and (hover:hover){
/* Keep a transparent hover bridge between the Services label and submenu.
This prevents the menu closing while the pointer crosses the visual gap. */
.nav-dropdown::after{
content:"";
position:absolute;
top:100%;
left:-18px;
width:calc(100% + 18px);
height:22px;
display:none;
z-index:49;
}
.nav-dropdown:hover::after,
.nav-dropdown:focus-within::after,
.nav-dropdown[open]::after{display:block;}
.nav-dropdown:hover > .nav-submenu,
.nav-dropdown:focus-within > .nav-submenu,
.nav-dropdown[open] > .nav-submenu{display:grid !important;}
.nav-dropdown:hover > summary,
.nav-dropdown:focus-within > summary{color:var(--wl-accent)}
}
.services-more-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:28px;padding:22px 25px;background:var(--wl-white);border-left:4px solid var(--wl-accent)}
.services-more-row p{margin:0;color:#5f5a54;font-size:13px}
.services-more-row .btn{flex:0 0 auto}
.footer-main{display:grid;grid-template-columns:1.25fr 1fr 1fr 1.1fr;gap:38px;padding:8px 0 38px}
.footer-brand-col>p{color:#c8c3bc;font:500 15px/1.6 Manrope,sans-serif;margin:18px 0}
.footer-contact-cta{display:inline-flex;gap:18px;align-items:center;padding:11px 14px;background:var(--wl-accent);color:#171615;font-size:11px;font-weight:800}
.footer-link-col{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.footer-link-col h3{margin:5px 0 9px;color:var(--wl-accent);font:700 11px Manrope,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.footer-link-col>a,.footer-link-col>span{color:#ded9d2;font-size:11px;line-height:1.6}
.footer-link-col>a:hover{color:var(--wl-accent)}
.footer-contact-col .back-top{margin-top:8px;color:var(--wl-accent)}
.footer-bottom{border-top:1px solid #45423e;padding-top:17px;display:flex;justify-content:space-between;gap:15px;color:#b8b1a8;font-size:9px}
.footer-bottom a{color:#e5e0d8}
@media(max-width:1000px){.nav{gap:13px}.header .nav-wrap>.brand{flex-basis:185px;width:185px}.header .nav-wrap>.brand img{width:185px!important;max-width:185px!important}}
@media(max-width:800px){.nav{white-space:normal}.nav-dropdown{width:100%}.nav-dropdown summary{padding:2px 0}.nav-submenu{position:static;box-shadow:none;border-top:1px solid #dedad4;border-left:3px solid var(--wl-accent);margin:9px 0 0 8px;padding:5px 8px;min-width:0;background:var(--wl-paper)}.nav-submenu a{padding:9px 10px}.services-more-row{align-items:flex-start;flex-direction:column}.footer-main{grid-template-columns:1fr 1fr;gap:28px 22px}.footer-brand-col{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:8px}}
@media(max-width:480px){.footer-main{grid-template-columns:1fr 1fr;gap:25px 15px}.footer-link-col h3{font-size:10px}.footer-link-col>a,.footer-link-col>span{font-size:10px}}
/* Visibility fix: homepage service-directory call to action */
.services-more-row{
background:#F1E9DB;
border-left:4px solid #DC8843;
}
.services-more-row p{color:#292521;}
.services-more-row .btn-dark{
background:#DC8843;
color:#171615 !important;
border:1px solid #DC8843;
font-weight:800;
min-height:48px;
text-decoration:none;
}
.services-more-row .btn-dark span{color:#171615 !important;}
.services-more-row .btn-dark:hover{background:#B96C2F;color:#fff !important;border-color:#B96C2F;}
.services-more-row .btn-dark:hover span{color:#fff !important;}
/* SITE-WIDE BUTTON CONTRAST FIX — including Contact page */
.btn-dark, .nav-cta, .submit-btn {
background: #242321 !important;
color: #FFFFFF !important;
border: 1px solid #242321;
text-decoration: none;
}
.btn-dark span, .nav-cta span, .submit-btn span { color: #FFFFFF !important; }
.btn-dark:hover, .nav-cta:hover, .submit-btn:hover {
background: #DC8843 !important;
border-color: #DC8843 !important;
color: #171615 !important;
}
.btn-dark:hover span, .nav-cta:hover span, .submit-btn:hover span { color: #171615 !important; }
.btn-light { background: #F7F5F1; color: #242321 !important; border-color: #F7F5F1; }
.btn-outline { color: #FFFFFF !important; }
.btn-outline:hover { color: #171615 !important; }
.detail-copy .hero-actions .under-link { color: #242321 !important; }
.enquiry-form .btn-dark { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; }
/* WOOD & LINE — SITE-WIDE CONTRAST AND FORM CONFIRMATION UPDATE */
:root{--wl-charcoal:#202720;--wl-ink:#252923;--wl-ivory:#f5f1e8;--wl-orange:#dc8843;--wl-silver:#b9b9b5}
button:disabled{opacity:.72;cursor:wait}
a.btn,button.btn,.btn{font-weight:700;text-decoration:none;line-height:1.3}
.btn-dark,.submit-btn{background:#202720!important;color:#fff!important;border:1px solid #202720!important}
.btn-dark:hover,.submit-btn:hover{background:#dc8843!important;color:#202720!important;border-color:#dc8843!important}
.btn-light{background:#f5f1e8!important;color:#202720!important;border:1px solid #f5f1e8!important}
.btn-light:hover{background:#dc8843!important;color:#202720!important;border-color:#dc8843!important}
.btn-outline{background:transparent!important;color:#fff!important;border:1px solid #d6b28e!important}
.btn-outline:hover{background:#dc8843!important;color:#202720!important;border-color:#dc8843!important}
button:not(.menu-toggle):not(.confirmation-close),input[type=submit]{text-shadow:none}
.service-card,.service-card:visited{color:#fff}
.services{background:#252e27!important;color:#f5f1e8!important}
.services .section-heading h2,.services .section-heading h2 em{color:#f5f1e8!important}
.services .section-heading>p{color:#d0d3cb!important}
.services .eyebrow{color:#e2b184!important}
.services .eyebrow span{background:#dc8843!important}
.gallery-disclaimer,.project-note{display:none!important}
.form-note{color:#626a60!important;line-height:1.6}
.form-status{color:#8a3b27!important;line-height:1.5}
/* Homepage WHAT WE DO section: keep the View All Services label readable in every state. */
.services-more-row .btn-dark,
.services-more-row .btn-dark:link,
.services-more-row .btn-dark:visited,
.services-more-row .btn-dark:hover,
.services-more-row .btn-dark:focus,
.services-more-row .btn-dark:active,
.services-more-row .btn-dark span {
color: #F7F5F1 !important;
}
/* Enquiry form anti-spam honeypot */
.form-hp{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important}
.enquiry-success[hidden]{display:none!important}
.enquiry-success{background:#f4f3ed;color:#252d27;padding:48px 40px;align-self:start;min-height:360px}
.enquiry-success .success-mark{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:#dc8843;color:#202720;font-size:30px;font-weight:700;margin-bottom:24px}
.enquiry-success .eyebrow{margin-bottom:14px}
.enquiry-success h3{font:600 clamp(25px,3vw,34px)/1.2 Manrope,sans-serif;margin:0 0 15px}
.enquiry-success>p:not(.eyebrow){font-size:13px;line-height:1.8;color:#626a60;max-width:470px}
.enquiry-success .success-help{margin:16px 0 24px}
.enquiry-success .success-help a{color:#303d31;text-decoration:underline;text-underline-offset:3px}
@media(max-width:800px){.enquiry-success{padding:34px 24px;min-height:0}}
/* LIVE HOSTING FIX: wide, tall hover bridge covering the full submenu travel area. */
@media (min-width:801px) and (hover:hover) {
.nav-dropdown { position: relative; }
.nav-dropdown::after {
content: "";
position: absolute;
top: calc(100% - 1px);
left: -18px;
width: max(260px, calc(100% + 18px));
height: 100px;
display: none;
z-index: 49;
}
.nav-dropdown:hover::after,
.nav-dropdown:focus-within::after,
.nav-dropdown[open]::after { display: block; }
.nav-dropdown > .nav-submenu { top: 100%; left: -18px; z-index: 50; }
.nav-dropdown:hover > .nav-submenu,
.nav-dropdown:focus-within > .nav-submenu,
.nav-dropdown[open] > .nav-submenu { display: grid !important; }
}