:root{--ink:#102d22;--deep:#0b2119;--lime:#9ede08;--pale:#f1f5ea;--paper:#fbfcf8;--muted:#627066;--line:#dce5d9;--wrap:min(1350px,calc(100% - 96px))}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.6 'DM Sans',Arial,sans-serif}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:100%;object-fit:cover}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif;letter-spacing:-.055em;line-height:1.08}h1{font-size:clamp(3.5rem,7vw,7.6rem);font-weight:600}h2{font-size:clamp(2.5rem,4.5vw,5.2rem);font-weight:600}h3{font-size:1.45rem;font-weight:650}h1 em,h2 em{font-style:normal;color:var(--lime)}.section-wrap{width:var(--wrap);margin-inline:auto}.eyebrow{display:block;color:#55713a;font-size:.78rem;font-weight:800;letter-spacing:.15em;line-height:1.5;margin-bottom:27px}.eyebrow.light{color:var(--lime)}.site-header{height:84px;padding:0 max(48px,calc((100vw - 1350px)/2));display:flex;align-items:center;gap:32px;background:var(--paper);position:relative;z-index:20}.brand{display:flex;align-items:center;gap:12px;margin-right:auto;white-space:nowrap}.brand-mark{background:var(--lime);width:43px;height:43px;display:grid;place-items:center}.brand-mark svg{width:28px;fill:none;stroke:var(--ink);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.brand-type{font:800 22px/1 Manrope}.brand-type strong{font-size:10px;letter-spacing:.05em;display:block;margin-top:4px}.desktop-nav{display:flex;gap:27px;align-items:center;font-weight:650;font-size:.86rem}.desktop-nav a:hover,.desktop-nav [aria-current=page]{color:#648c10}.nav-cta{padding:12px 19px;border:1px solid var(--ink);font-weight:700;font-size:.86rem;white-space:nowrap;transition:.2s}.nav-cta:hover{background:var(--ink);color:#fff}.menu-toggle,.mobile-nav{display:none}.hero{display:grid;grid-template-columns:49% 51%;min-height:670px;background:var(--deep);color:#fff}.hero-copy{padding:clamp(70px,8vw,125px) 7vw 50px max(48px,calc((100vw - 1350px)/2));display:flex;flex-direction:column;align-items:flex-start}.hero h1{margin:0 0 25px}.hero-copy>p{max-width:470px;font-size:1.18rem;color:#d6e1d7;line-height:1.65}.hero-actions{display:flex;gap:29px;align-items:center;margin-top:22px;flex-wrap:wrap}.button{display:inline-flex;justify-content:center;align-items:center;min-height:52px;padding:14px 23px;font-weight:800;font-size:.87rem;transition:.22s;line-height:1.25}.button-lime{background:var(--lime);color:var(--deep)}.button-lime:hover{background:#b5f629;transform:translateY(-2px)}.text-link{font-weight:700;font-size:.9rem}.text-link span,.underline-link span{margin-left:8px}.text-link.light{color:#fff}.hero-caption{margin-top:auto;padding-top:80px;display:flex;align-items:center;gap:15px;color:#a9b9ad;font-size:.76rem;letter-spacing:.09em;text-transform:uppercase}.caption-line{width:35px;height:1px;background:var(--lime)}.hero-visual{position:relative;min-height:580px;overflow:hidden}.hero-image{height:100%;object-position:50% 50%;animation:reveal 1.1s ease both}@keyframes reveal{from{opacity:.5;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.hero-stamp{position:absolute;right:34px;bottom:34px;background:var(--lime);color:var(--ink);padding:20px 24px;font:700 .72rem/1.45 Manrope;letter-spacing:.11em;transform:rotate(-3deg)}.hero-stamp strong{font-size:1.2rem;letter-spacing:-.04em}.intro{padding:125px 0;display:grid;grid-template-columns:1fr 1fr;gap:12%}.intro h2{margin:0}.intro h2 em,.approach h2 em,.contact-hero h1 em,.service-detail h2 em{color:#719b20}.intro-body{padding-top:44px}.intro-body p{font-size:1.32rem;max-width:560px;line-height:1.55}.underline-link{display:inline-block;padding-bottom:5px;border-bottom:1px solid var(--ink);font-weight:800;font-size:.89rem}.underline-link:hover{color:#639007;border-color:#639007}.services{padding:0 0 130px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:38px}.section-heading h2{margin:0}.section-heading>p{max-width:255px;color:var(--muted);margin-bottom:4px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-card{min-width:0}.service-image{height:clamp(230px,27vw,405px);overflow:hidden;background:var(--pale)}.service-image img,.selected-grid img,.gallery-preview img,.project-card img{transition:transform .55s ease}.service-card:hover img,.selected-grid a:hover img,.gallery-preview figure:hover img,.project-card:hover img{transform:scale(1.045)}.service-meta{display:flex;justify-content:space-between;margin:21px 0 11px;color:#678646;font-size:.73rem;letter-spacing:.14em;font-weight:800}.service-meta span:last-child{font-size:1.2rem;line-height:1}.service-card h3{margin-bottom:9px}.service-card p{color:var(--muted);max-width:315px}.feature{display:grid;grid-template-columns:52% 48%;background:var(--ink);color:#fff;min-height:620px}.feature-photo{min-height:460px}.feature-copy{padding:110px clamp(40px,8vw,140px);display:flex;align-items:flex-start;flex-direction:column;justify-content:center}.feature-copy h2{max-width:620px}.feature-copy p{max-width:440px;color:#d6e1d7;font-size:1.1rem}.button-outline{color:#fff;border:1px solid #789480;margin-top:22px}.button-outline:hover{border-color:var(--lime);color:var(--lime)}.selected{padding:125px 0}.selected-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:22px}.selected-grid a{display:block;overflow:hidden;position:relative;height:500px;background:var(--pale)}.selected-grid img{height:100%}.selected-grid a:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,rgba(4,18,12,.75))}.selected-grid span{position:absolute;z-index:1;left:30px;bottom:26px;color:#fff;font:700 1.2rem Manrope;right:30px;display:flex;justify-content:space-between;gap:15px}.approach{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding:20px 0 130px}.approach-steps article{display:grid;grid-template-columns:55px 1fr;gap:17px;padding:25px 0;border-top:1px solid var(--line)}.approach-steps article>span{font-weight:800;color:#739e21;font-size:.8rem}.approach-steps h3{margin-bottom:10px}.approach-steps p{color:var(--muted);margin:0;max-width:440px}.contact-band{padding:85px max(48px,calc((100vw - 1350px)/2));background:var(--ink);color:#fff;display:flex;justify-content:space-between;gap:50px;align-items:center}.contact-band h2{margin-bottom:15px}.contact-band p{color:#d7e2d8;max-width:520px;margin:0}.contact-actions{display:flex;flex-direction:column;align-items:flex-start;gap:22px;min-width:220px}.footer{background:#081b14;color:#f1f7f2;padding:80px max(48px,calc((100vw - 1350px)/2)) 30px}.footer-top{display:grid;grid-template-columns:2fr 1fr 1.35fr;gap:75px;padding-bottom:80px}.footer-brand{font:800 1.9rem Manrope}.footer-brand span{display:block;font-size:.8rem;letter-spacing:.07em}.footer p{color:#aabcb0;max-width:340px}.footer h3{font-size:.8rem;letter-spacing:.15em;text-transform:uppercase;color:var(--lime);margin:7px 0 22px}.footer-top>div>a:not(.footer-brand),.footer-top>div>span{display:block;margin:9px 0;color:#d1ddd3;overflow-wrap:anywhere}.footer a:hover{color:var(--lime)}.footer-bottom{border-top:1px solid #294035;padding-top:25px;color:#8da395;font-size:.78rem;display:flex;justify-content:space-between;gap:20px}.sub-hero{display:grid;grid-template-columns:50% 50%;min-height:575px;background:var(--deep);color:#fff}.sub-hero>div:first-child{padding:110px 6vw 90px max(48px,calc((100vw - 1350px)/2))}.sub-hero h1{font-size:clamp(3.3rem,6vw,6.5rem);margin-bottom:23px}.sub-hero p{color:#d5e1d7;font-size:1.18rem;max-width:500px;margin-bottom:32px}.sub-image{min-height:500px}.service-detail{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding:120px 0}.gallery-preview{padding-bottom:120px}.gallery-preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.gallery-preview figure{margin:0;overflow:hidden}.gallery-preview img{height:350px}.gallery-preview figcaption{font-weight:700;padding-top:13px}.page-heading{padding:105px 0 40px}.page-heading h1{font-size:clamp(3.2rem,6vw,6rem);margin-bottom:22px}.page-heading p{font-size:1.2rem;max-width:640px;color:var(--muted)}.portfolio{padding-bottom:115px}.portfolio-tools{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.search-label{border:1px solid #b7c5b5;display:flex;align-items:center;gap:10px;padding:0 14px;min-width:240px;background:#fff;height:49px}.search-label svg{width:19px;height:19px;stroke:var(--ink);fill:none;stroke-width:1.8}.search-label input{border:0;background:transparent;outline:0;min-width:0;width:100%;font-size:.9rem}.search-label:focus-within{outline:2px solid #77a319}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters button{border:1px solid var(--line);background:transparent;padding:11px 17px;cursor:pointer;font-weight:700;font-size:.8rem;color:var(--ink)}.filters button:hover,.filters button[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}.result-count{color:var(--muted);font-size:.83rem;margin:20px 0}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px 20px}.project-card{min-width:0}.project-open{width:100%;border:0;background:transparent;text-align:left;padding:0;color:inherit;cursor:pointer}.project-open>img{height:320px}.project-caption{display:flex;flex-direction:column;padding-top:14px;gap:3px}.project-caption small{color:#769444;text-transform:uppercase;font-weight:800;letter-spacing:.1em;font-size:.7rem}.project-caption strong{font:700 1.25rem Manrope;letter-spacing:-.035em}.project-caption>span{color:var(--muted);font-size:.9rem}.empty-results{padding:50px;background:var(--pale)}.lightbox{border:0;padding:0;background:#0b2119;color:#fff;max-width:min(1200px,94vw);max-height:94vh;overflow:auto}.lightbox::backdrop{background:rgba(0,0,0,.88)}.lightbox img{width:auto;max-width:90vw;max-height:78vh;object-fit:contain}.lightbox p{padding:10px 20px;margin:0}.lightbox-close{position:absolute;right:10px;top:10px;border:0;background:var(--lime);color:var(--ink);width:42px;height:42px;cursor:pointer;font-size:2rem;line-height:1}.contact-hero{display:grid;grid-template-columns:1fr .8fr;gap:9%;padding-top:105px;padding-bottom:110px}.contact-hero h1{font-size:clamp(3.2rem,6vw,6rem)}.contact-hero p{font-size:1.2rem;color:var(--muted);max-width:570px}.contact-list{margin-top:55px}.contact-list a{display:grid;grid-template-columns:1fr auto;gap:3px 15px;padding:19px 0;border-top:1px solid var(--line)}.contact-list a span{font-size:.72rem;letter-spacing:.13em;color:#6e9340;font-weight:800}.contact-list strong{font:700 1.15rem Manrope;overflow-wrap:anywhere}.contact-list b{grid-row:1/3;grid-column:2;align-self:center}.contact-list a:hover strong{color:#689514}.contact-photo{height:630px}.contact-note{border-top:1px solid var(--line);padding:45px 0 100px;display:grid;grid-template-columns:1fr 2fr;gap:30px}.contact-note p{font-size:1.2rem;max-width:650px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:3px solid #80ac21;outline-offset:3px}@media(max-width:1100px){.desktop-nav{gap:15px;font-size:.78rem}.site-header{padding-inline:28px}.hero-copy{padding-left:50px}.service-image{height:300px}.selected-grid a{height:390px}}@media(max-width:800px){:root{--wrap:calc(100% - 40px)}.site-header{height:70px;padding:0 20px}.brand-type{font-size:18px}.brand-type strong{font-size:8px}.brand-mark{width:38px;height:38px}.desktop-nav,.site-header>.nav-cta{display:none}.menu-toggle{display:flex;flex-direction:column;gap:6px;border:0;background:transparent;padding:12px;cursor:pointer}.menu-toggle span{width:25px;height:2px;background:var(--ink)}.mobile-nav{display:none;position:absolute;top:70px;left:0;right:0;background:var(--paper);padding:16px 22px 26px;box-shadow:0 15px 20px #102d2222}.mobile-nav.open{display:flex;flex-direction:column}.mobile-nav a{padding:12px 0;border-bottom:1px solid var(--line);font-weight:700}.hero,.sub-hero{grid-template-columns:1fr}.hero-copy{padding:70px 26px 40px;min-height:500px}.hero-visual{min-height:420px;height:56vw}.hero-caption{padding-top:50px}.hero h1{font-size:clamp(3.7rem,12vw,6rem)}.intro,.approach,.service-detail{grid-template-columns:1fr;gap:25px;padding:85px 0}.intro-body{padding-top:0}.service-grid{grid-template-columns:1fr 1fr}.service-card:last-child{grid-column:1/3}.service-card:last-child .service-image{height:320px}.service-image{height:260px}.feature{grid-template-columns:1fr}.feature-photo{height:420px}.feature-copy{padding:70px 28px}.selected{padding:85px 0}.selected-grid a{height:320px}.contact-band{padding:70px 25px}.footer{padding:65px 25px 25px}.footer-top{gap:25px;grid-template-columns:1.5fr 1fr}.footer-top>div:last-child{grid-column:1/3}.sub-hero>div:first-child{padding:80px 25px 65px}.sub-image{height:450px;min-height:0}.gallery-preview-grid{grid-template-columns:repeat(2,1fr)}.gallery-preview figure:last-child{display:none}.project-grid{grid-template-columns:repeat(2,1fr)}.contact-hero{grid-template-columns:1fr;padding-top:80px}.contact-photo{height:450px}.contact-note{grid-template-columns:1fr}}@media(max-width:560px){h1{font-size:3.7rem}h2{font-size:2.7rem}.hero-visual{min-height:360px;height:75vw}.hero-stamp{right:17px;bottom:17px;padding:12px;font-size:.59rem}.hero-stamp strong{font-size:.94rem}.hero-copy{min-height:530px}.hero-actions{gap:18px}.intro{padding:75px 0}.intro-body p{font-size:1.13rem}.services{padding-bottom:75px}.section-heading{align-items:flex-start;flex-direction:column;gap:12px}.service-grid{grid-template-columns:1fr;gap:38px}.service-card:last-child{grid-column:auto}.service-image,.service-card:last-child .service-image{height:300px}.selected-grid{grid-template-columns:1fr}.selected-grid a{height:300px}.approach{padding-bottom:80px}.contact-band{display:block}.contact-actions{margin-top:35px}.footer-top{grid-template-columns:1fr}.footer-top>div:last-child{grid-column:auto}.footer-bottom{display:block}.footer-bottom span{display:block;margin-bottom:8px}.sub-hero h1{font-size:3.5rem}.sub-image{height:330px}.gallery-preview-grid{grid-template-columns:1fr}.gallery-preview figure:last-child{display:block}.gallery-preview img{height:300px}.project-grid{grid-template-columns:1fr}.project-open>img{height:310px}.portfolio-tools{align-items:stretch}.search-label{width:100%}.filters{gap:6px}.filters button{padding:10px 12px}.page-heading{padding:75px 0 30px}.contact-hero h1{font-size:3.45rem}.contact-photo{height:330px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
.original-brand{width:135px;height:135px;margin-bottom:25px}.original-brand img{object-fit:contain}.footer-brand{display:flex;align-items:center;gap:14px}.footer-brand img{width:76px;height:76px;object-fit:contain}.footer-brand span{font-size:1rem;line-height:1.2;letter-spacing:0;max-width:190px}
.project-card[hidden]{display:none!important}
.enquiry-section{background:var(--pale);padding:105px 0}.enquiry-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:9%;align-items:start}.enquiry-intro h2 em,.thanks-page h1 em{color:#719b20}.enquiry-intro p{font-size:1.18rem;max-width:400px;color:var(--muted)}.enquiry-aside{margin-top:65px;border-top:1px solid #ccd9c6;padding-top:22px;font-size:.85rem;color:var(--muted)}.enquiry-aside a{display:inline-block;color:var(--ink);font-weight:800;margin-top:5px}.enquiry-form{background:#fff;padding:clamp(25px,4vw,55px);box-shadow:0 15px 55px #102d220b;display:flex;flex-direction:column;gap:24px}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.enquiry-form label{display:flex;flex-direction:column;gap:9px;font-weight:700;font-size:.87rem}.enquiry-form label>span[aria-hidden=true]{color:#769820}.enquiry-form input:not([type=checkbox]),.enquiry-form textarea,.enquiry-form select{border:1px solid #bfccc0;color:var(--ink);background:#fff;border-radius:0;padding:13px 14px;width:100%;min-height:49px;font-size:1rem;line-height:1.4}.enquiry-form textarea{resize:vertical;min-height:155px}.enquiry-form input:focus,.enquiry-form textarea:focus,.enquiry-form select:focus{outline:2px solid #84ac22;outline-offset:1px}.enquiry-form .optional{color:var(--muted);font-size:.78rem;font-weight:400}.enquiry-form .form-consent{flex-direction:row;align-items:flex-start;font-size:.85rem;line-height:1.55;font-weight:400}.form-consent input{margin:4px 4px 0 0;accent-color:#5e8515;width:19px;height:19px;flex:none}.form-consent a,.policy-page a{text-decoration:underline;text-underline-offset:3px}.enquiry-form .button{align-self:flex-start;border:0;cursor:pointer}.form-note{font-size:.78rem;line-height:1.6;color:var(--muted);margin:0}.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.thanks-page{padding:130px 0 160px;min-height:540px}.thanks-page p{font-size:1.2rem;max-width:560px;color:var(--muted)}.thanks-page .button{margin-top:20px}.policy-page{max-width:850px;padding:100px 0 140px}.policy-page h1{font-size:clamp(3.3rem,6vw,6rem)}.policy-page h2{font-size:1.6rem;letter-spacing:-.035em;margin:45px 0 14px}.policy-page p{font-size:1.05rem;color:#344c3b}.policy-page .policy-lede{font-size:1.23rem}.policy-page .policy-date{margin-top:60px;font-size:.84rem;color:var(--muted)}.footer-bottom a:hover{color:var(--lime)}@media(max-width:800px){.enquiry-layout{grid-template-columns:1fr;gap:35px}.enquiry-section{padding:75px 0}.enquiry-aside{margin-top:30px}.policy-page{width:var(--wrap)}}@media(max-width:560px){.form-row{grid-template-columns:1fr}.enquiry-form{gap:20px}.thanks-page{padding:100px 0}}
.enquiry-form label:not(.form-consent){display:block}.enquiry-form label:not(.form-consent)>input,.enquiry-form label:not(.form-consent)>select,.enquiry-form label:not(.form-consent)>textarea{display:block;margin-top:9px}

.room-specs{padding:65px 0 95px}.room-specs p{max-width:780px;font-size:1.15rem;color:var(--muted)}.contact-list strong,.footer a,.enquiry-form{overflow-wrap:anywhere;min-width:0}@media(max-width:560px){.section-wrap{width:calc(100% - 40px)}.site-header{padding-inline:20px}.brand-type{font-size:19px}.contact-hero h1{font-size:clamp(2.5rem,11vw,3.45rem)}.enquiry-form{padding:22px}.enquiry-form .button{width:100%}.hero-copy{min-height:auto}.hero h1{font-size:clamp(2.8rem,10.4vw,3.7rem)}.room-specs{padding:50px 0 70px}}
body{background:#6928f5;color:#fff}
.site-header,.mobile-nav{background:#6928f5;color:#fff}
.menu-toggle span{background:#fff}
.nav-cta{border-color:#fff;color:#fff}
.nav-cta:hover{background:#fff;color:#411aa2}
.eyebrow,.eyebrow.light,.service-meta,.approach-steps article>span{color:#dcff38}
.intro h2 em,.approach h2 em,.contact-hero h1 em,.service-detail h2 em,.enquiry-intro h2 em{color:#dcff38}
.service-card p,.section-heading>p,.room-specs p,.contact-hero p,.enquiry-intro p,.policy-page p,.page-heading p,.project-card p,.contact-note p{color:#f0eaff}
.contact-list a,.approach-steps article,.mobile-nav a{border-color:#a57cff}
.underline-link{border-color:#fff}
.enquiry-section{background:#5820d3}
.enquiry-form{color:#102d22}
.enquiry-form input:not([type=checkbox]),.enquiry-form textarea,.enquiry-form select{color:#102d22}
.search-label,.search-label input{color:#102d22}
.filters button{color:#fff;border-color:#b28aff}
.filters button:hover,.filters button[aria-pressed=true]{background:#dcff38;color:#102d22}
.feature,.contact-band,.hero{background:#38127d}
.policy-page a{color:#dcff38}
.sub-hero{background:#38127d}
.approach-steps p{color:#f2ecff}


/* Surrey finishing adjustments 2026-09-30 */
@media (min-width:801px) {
  .hero h1 { font-size:clamp(2.4rem,3.6vw,4.5rem); }
  .hero-copy { padding-top:clamp(45px,5vw,80px); }
}
.thanks-page h1 em { color:#dcff38; }
.thanks-page p, .approach-steps p { color:#f2ecff; }
/* Three-line desktop homepage headline */
@media (min-width:801px) {
  .hero h1 {
    font-size:clamp(2rem,3vw,3.6rem);
    white-space:nowrap;
  }
  .hero-copy { padding-top:clamp(40px,4vw,70px); }
}


/* Gallery contrast and image viewer */
.project-caption small { color:#dcff38; }
.project-caption > span, .result-count { color:#f0eaff; }
.lightbox { box-sizing:border-box; overflow-x:hidden; width:min(1200px,94vw); }
.lightbox img { display:block; max-width:100%; height:auto; margin-inline:auto; }
.lightbox p { overflow-wrap:anywhere; }

/* Compact titles on two service pages */
.compact-service-title h1 { font-size:clamp(2.7rem,4.3vw,4.7rem); }
@media (max-width:560px) {
  .compact-service-title h1 { font-size:clamp(2.35rem,9vw,3rem); }
}


/* Contrast fix September 30 */
.project-caption small,
.contact-list a span,
.enquiry-aside a { color:#dcff38; }

.project-caption > span,
.result-count,
.page-heading p,
.enquiry-intro p,
.enquiry-aside,
.enquiry-aside p,
.contact-list a strong { color:#f7f2ff; }

.contact-list a,
.enquiry-aside { border-color:#aa82ff; }

.enquiry-form,
.enquiry-form input,
.enquiry-form textarea,
.enquiry-form select { color:#102d22; }

.build-process{padding:85px 0 110px}
.build-process h2{max-width:900px}
.build-process h2 em{color:#dcff38}
.process-intro{max-width:850px;color:#f7f2ff;font-size:1.12rem;line-height:1.7}
.process-steps{margin:48px 0 38px}
.process-steps article{display:grid;grid-template-columns:70px 1fr;gap:20px;
  padding:26px 0;border-top:1px solid #aa82ff}
.process-steps article>span{color:#dcff38;font-weight:800}
.process-steps h3{margin:0 0 8px}
.process-steps p{margin:0;max-width:760px;color:#f7f2ff;line-height:1.65}
@media(max-width:560px){
  .build-process{padding:65px 0 80px}
  .process-steps article{grid-template-columns:38px 1fr;gap:12px}
}
.information-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,1fr);gap:32px;align-items:start}.information-grid>.section-wrap{width:auto;max-width:none;margin:0}.information-grid .planning-info{background:#38127d;border:2px solid #aa82ff;border-radius:18px;padding:30px;color:#f7f2ff}
.information-grid .planning-info h2{color:#fff}.information-grid .planning-info p,.information-grid .planning-info li{color:#f2ecff;line-height:1.65}.information-grid .planning-info li{margin-bottom:12px}.information-grid .planning-info a{color:#dcff38;text-decoration:underline}@media(max-width:900px){.information-grid{grid-template-columns:1fr}}
.info-page-heading{padding-top:70px;padding-bottom:25px}.info-page-heading h1{color:#fff;font-size:clamp(2.8rem,6vw,5rem)}.planning-page{padding-bottom:100px}.planning-page .planning-info{background:#38127d;border:2px solid #aa82ff;border-radius:18px;padding:clamp(22px,4vw,50px)}.planning-page .planning-info h2{color:#fff}
.planning-page .planning-info p,.planning-page .planning-info li{color:#f2ecff;line-height:1.65}.planning-page .planning-info li{margin-bottom:12px}.planning-page .planning-info a{color:#dcff38;text-decoration:underline}
.site-header .brand-mark{width:64px;height:64px;flex:0 0 64px;background:transparent}.site-header .brand-mark img{width:100%;height:100%;object-fit:cover}@media(max-width:560px){.site-header .brand-mark{width:56px;height:56px;flex-basis:56px}}
.customer-reviews{padding:90px 0;color:#fff}.customer-reviews h2{color:#fff}.customer-reviews h2 em{color:#dcff38}.reviews-score{display:inline-block;color:#dcff38;font-size:1.25rem;margin:12px 0 36px;text-decoration:underline}.reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.reviews-grid article{background:#38127d;border:1px solid #aa82ff;padding:28px}.reviews-grid span{color:#dcff38;font-size:.75rem;font-weight:800;letter-spacing:.12em}.reviews-grid p{color:#f2ecff;margin:18px 0 0}.reviews-source{color:#f2ecff;margin-top:24px}.reviews-source a{color:#dcff38;text-decoration:underline}@media(max-width:800px){.reviews-grid{grid-template-columns:1fr}}
.site-header .brand-type strong{color:#dcff38}.site-header .brand-name{color:#dcff38;transition:color .2s ease,background-color .2s ease}.site-header .brand:hover .brand-name,.site-header .brand:focus-visible .brand-name{color:#38127d;background:#dcff38}

/* A&N felirat színei */
.site-header .brand-name {
  color: #fff ;
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}
.site-header .brand:hover .brand-name {
  animation: brand-colours 1.4s infinite alternate;
}
@keyframes brand-colours {
  from { color: #dcff38; }
  to   { color: #aa82ff; }
}

.site-header .brand-name { color: white; background: transparent !important; }
.site-header .brand:hover .brand-name {
  background: transparent !important;
  animation: brand-colours-fixed 1.4s infinite alternate;
}
@keyframes brand-colours-fixed {
  from { color: #dcff38; }
  to { color: #aa82ff; }
}

.checkatrade-badge { padding-block: 20px 40px; }
.checkatrade-badge a { display: inline-flex; align-items: center; gap: 12px;
  padding: 14px 20px; border-radius: 12px; background: #fff;
  color: #18365b; font-weight: 600; text-decoration: none; }
.checkatrade-badge img { object-fit: contain; }

.checkatrade-small-icon{display:inline-block!important;width:20px!important;height:20px!important;max-width:20px!important;object-fit:contain;vertical-align:middle;margin-right:7px}

.checkatrade-wordmark{display:inline-flex;align-items:center;vertical-align:middle;
  padding:8px 16px;margin-left:10px;background:#fff;border-radius:10px;
  text-decoration:none!important;font-size:clamp(24px,3vw,34px);
  font-weight:800;letter-spacing:-.055em;line-height:1.2;white-space:nowrap}
.checkatrade-wordmark img{display:block!important;width:32px!important;height:32px!important;
  max-width:32px!important;object-fit:contain}
.checkatrade-red{color:#f43d46}.checkatrade-blue{color:#11145e}
.checkatrade-arrow{font-size:18px;color:#11145e;margin-left:9px;letter-spacing:0}
@media(max-width:600px){.checkatrade-wordmark{margin:12px 0 0;font-size:25px}}

.checkatrade-inline{display:inline-flex;align-items:center;flex-wrap:wrap;gap:2px;
  background:transparent!important;box-shadow:none!important;padding:0!important;
  color:#dcff38;text-decoration:none;font-weight:700}
.checkatrade-score{margin-right:10px;text-decoration:underline;text-underline-offset:4px}
.checkatrade-inline img{display:inline-block!important;width:25px!important;height:25px!important;
  max-width:25px!important;object-fit:contain}
.checkatrade-inline .checkatrade-red{color:#ff7886;font-size:26px;letter-spacing:-.06em}
.checkatrade-inline .checkatrade-blue{color:#fff;font-size:26px;letter-spacing:-.06em}
.checkatrade-inline .checkatrade-arrow{color:#dcff38;font-size:20px;margin-left:8px}

.checkatrade-inline{display:inline-flex!important;flex-direction:column;align-items:flex-start;
  gap:8px!important;max-width:100%;background:transparent!important;padding:0!important;
  box-shadow:none!important;text-decoration:none!important}
.checkatrade-inline .checkatrade-score{color:#dcff38;text-decoration:underline;
  text-underline-offset:4px;margin:0}
.checkatrade-logo-line{display:inline-flex;align-items:center;gap:0;white-space:nowrap}
.checkatrade-logo-line img{display:block!important;width:26px!important;height:26px!important;
  max-width:26px!important;margin-right:-3px!important;object-fit:contain}
.checkatrade-logo-line .checkatrade-red{color:#ff7886!important;font-size:27px;font-weight:800;letter-spacing:-.06em}
.checkatrade-logo-line .checkatrade-blue{color:#fff!important;font-size:27px;font-weight:800;letter-spacing:-.06em}
.checkatrade-logo-line .checkatrade-arrow{color:#dcff38!important;font-size:19px;margin-left:8px}

.checkatrade-inline{display:inline-flex!important;flex-direction:row!important;
  align-items:center!important;flex-wrap:nowrap!important;gap:12px!important;
  max-width:100%;white-space:nowrap}
.checkatrade-inline .checkatrade-score{white-space:nowrap;font-size:clamp(14px,1.6vw,18px)}
.checkatrade-logo-line{flex-shrink:0}
@media(max-width:600px){
  .checkatrade-inline{gap:7px!important}
  .checkatrade-inline .checkatrade-score{font-size:13px}
  .checkatrade-logo-line .checkatrade-red,
  .checkatrade-logo-line .checkatrade-blue{font-size:20px}
  .checkatrade-logo-line img{width:20px!important;height:20px!important;max-width:20px!important;margin-right:-8px!important}
  .checkatrade-logo-line .checkatrade-arrow{font-size:15px;margin-left:4px}
}

.checkatrade-logo-line img{margin-right:-16px!important}
@media(max-width:600px){
  .checkatrade-logo-line img{margin-right:-14px!important}
}

.checkatrade-logo-line img{
  width:32px!important;height:32px!important;max-width:32px!important;
  margin-right:-19px!important
}
@media(max-width:600px){
  .checkatrade-logo-line img{
    width:26px!important;height:26px!important;max-width:26px!important;
    margin-right:-16px!important
  }
}

.checkatrade-inline img.checkatrade-official {
  display:block!important;
  width:188px!important;
  max-width:188px!important;
  height:auto!important;
  margin:0!important;
  object-fit:contain;
}
@media (max-width:600px) {
  .checkatrade-inline img.checkatrade-official {
    width:120px!important;
    max-width:120px!important;
  }
}

.checkatrade-inline {
  position:relative;
  top:-12px;
}
.checkatrade-footer-link {
  display:inline-flex;
  vertical-align:middle;
  align-items:center;
  margin-left:5px;
}
.checkatrade-footer-link img {
  display:block;
  width:125px;
  max-width:125px;
  height:auto;
}
@media(max-width:600px) {
  .checkatrade-footer-link img {
    width:105px;
    max-width:105px;
  }
}

.checkatrade-footer-link { transform:translateY(-4px); }

/* Footer company name hover */
.footer-brand span {
  color:#fff;
}
.footer-brand:hover span,
.footer-brand:focus-visible span {
  animation:footer-brand-colours 1.2s steps(1,end) infinite;
}
@keyframes footer-brand-colours {
  0%, 49% { color:#b7f000; }
  50%, 100% { color:#b58aff; }
}
@media (prefers-reduced-motion:reduce) {
  .footer-brand:hover span,
  .footer-brand:focus-visible span {
    animation:none;
    color:#b7f000;
  }
}

/* Matching company-name lettering and gentle hover colours */
.site-header .brand-type,
.footer .footer-brand span {
  font-family:Manrope,Arial,sans-serif;
  font-weight:750;
  color:#fff;
}
.site-header .brand:hover .brand-type,
.site-header .brand:focus-visible .brand-type,
.footer .footer-brand:hover span,
.footer .footer-brand:focus-visible span {
  animation:company-name-fade 5s ease-in-out infinite !important;
}
@keyframes company-name-fade {
  0%,100% { color:#fff; }
  33% { color:#b7f000; }
  66% { color:#b58aff; }
}
@media (prefers-reduced-motion:reduce) {
  .site-header .brand:hover .brand-type,
  .site-header .brand:focus-visible .brand-type,
  .footer .footer-brand:hover span,
  .footer .footer-brand:focus-visible span {
    animation:none !important;
    color:#b7f000;
  }
}

.site-header .brand-type.brand-type-footer {
  display:block;
  font-family:Manrope,Arial,sans-serif !important;
  font-size:20px !important;
  font-weight:750 !important;
  line-height:1.16 !important;
  letter-spacing:-.02em !important;
  text-transform:none !important;
  white-space:normal;
}
@media(max-width:600px) {
  .site-header .brand-type.brand-type-footer {
    font-size:17px !important;
  }
}

/* feedback-contrast-2026-10 */
.hero-caption, .hero-caption * { color: #f7f2ff !important; opacity: 1 !important; }

/* social-links-20261001 */
.footer-social-links { display:flex; flex-wrap:wrap; gap:10px; margin-top:16px; }
.footer-social-links a { display:inline-flex; align-items:center; min-height:44px; padding:9px 15px; border:1px solid #b8f20f; border-radius:999px; color:#fff; font-weight:700; line-height:1.2; text-decoration:none; }
.footer-social-links a:hover, .footer-social-links a:focus-visible { background:#b8f20f; color:#38127d; }

/* social-brand-icons-20261001 */
.footer-social-links a { gap:9px; }
.footer-social-links a svg { display:inline-block; width:23px; height:23px; flex:0 0 23px; vertical-align:middle; }


/* Featured customer review, 24 August 2025 */
.reviews-grid .featured-garden-review{color:#fff;background:#38127d;border:1px solid #aa82ff;grid-column:1/-1;padding:clamp(24px,3vw,40px);border-radius:16px}
.reviews-grid .featured-garden-review>span{display:block;color:#dcff38;font-weight:800;letter-spacing:.08em;font-size:.82rem;margin-bottom:14px}
.reviews-grid .featured-garden-review h3{color:#fff;font-size:clamp(1.5rem,2.7vw,2.3rem);line-height:1.2;margin:0 0 18px}
.reviews-grid .featured-garden-review p{color:#fff;line-height:1.7;font-size:clamp(1rem,1.5vw,1.15rem);margin:0 0 18px;max-width:900px}
.reviews-grid .featured-garden-review small{display:block;color:#f2eaff;line-height:1.5;margin-bottom:12px}
.reviews-grid .featured-garden-review a{color:#dcff38;text-decoration:underline;text-underline-offset:4px}


/* Worcester Park garden gym project */
.wg-page{background:#38127d;color:#fff}
.wg-page *{box-sizing:border-box}
.wg-wrap{width:min(1150px,calc(100% - 44px));margin:auto}
.wg-page h1,.wg-page h2,.wg-page h3{color:#fff}
.wg-page p,.wg-page li{color:#f3edff;line-height:1.7}
.wg-hero{padding:clamp(52px,8vw,105px) 0 30px}
.wg-kicker{display:block;color:#dcff38;font-size:.8rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin-bottom:18px}
.wg-hero h1{font-size:clamp(2.55rem,6vw,5.5rem);line-height:1.08;max-width:950px;margin-bottom:22px}
.wg-hero p{max-width:760px;font-size:clamp(1.1rem,2vw,1.35rem)}
.wg-hero-photo{display:block;width:100%;height:min(65vw,660px);min-height:290px;object-fit:cover;object-position:center 55%}
.wg-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin:0 auto 65px;background:#aa82ff}
.wg-facts div{background:#482095;padding:25px}
.wg-facts dt{font-size:.82rem;color:#dcff38;text-transform:uppercase;font-weight:800;letter-spacing:.09em}
.wg-facts dd{margin:7px 0 0;font-weight:700;font-size:1.1rem;color:#fff}
.wg-copy{padding:0 0 75px}
.wg-copy h2,.wg-gallery h2,.wg-review h2{font-size:clamp(2rem,4vw,3.3rem);margin:0 0 20px}
.wg-copy p{max-width:930px;font-size:1.06rem}
.wg-specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:30px}
.wg-specs section{padding:25px;background:#482095;border:1px solid #aa82ff;border-radius:12px}
.wg-specs h3{font-size:1.25rem;margin:0 0 12px;color:#dcff38}
.wg-specs p{margin:0}
.wg-gallery{padding:10px 0 75px}
.wg-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.wg-gallery figure{margin:0;background:#482095;border-radius:10px;overflow:hidden}
.wg-gallery figure img{width:100%;height:230px;object-fit:cover;display:block}
.wg-gallery figcaption{padding:12px 16px;color:#fff;font-size:.92rem}
.wg-review{background:#482095;padding:55px 0;margin-bottom:0}
.wg-review blockquote{margin:0;max-width:950px;color:#fff;font-size:clamp(1.05rem,1.8vw,1.35rem);line-height:1.7}
.wg-review footer{margin-top:24px;color:#e9defa}
.wg-review a{color:#dcff38;text-decoration:underline;text-underline-offset:4px}
.wg-cta{padding:70px 0 90px;text-align:center}
.wg-cta a,.wg-home-teaser a{display:inline-flex;background:#b7f000;color:#26124a;padding:15px 25px;font-weight:800;text-decoration:none}
.wg-cta a:hover,.wg-home-teaser a:hover{background:#dcff38}
.wg-home-teaser{background:#482095;color:#fff;padding:clamp(40px,6vw,78px) 0}
.wg-home-teaser-inner{width:min(1150px,calc(100% - 44px));margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.wg-home-teaser img{width:100%;height:340px;object-fit:cover;border-radius:10px}
.wg-home-teaser h2{color:#fff;font-size:clamp(2rem,4vw,3.3rem)}
.wg-home-teaser p{color:#f3edff;font-size:1.1rem;line-height:1.6}
.wg-steps{list-style:none;counter-reset:step;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:0;margin:35px 0 0}
.wg-steps li{counter-increment:step;background:#482095;border:1px solid #aa82ff;border-radius:12px;padding:25px;min-width:0}
.wg-steps li:before{content:counter(step,decimal-leading-zero);color:#dcff38;font-size:1.8rem;font-weight:800;display:block;margin-bottom:12px}
.wg-steps h3{font-size:1.15rem;margin:0 0 8px;color:#fff}
.wg-steps p{margin:0}
@media(max-width:700px){.wg-facts{grid-template-columns:1fr}.wg-steps,.wg-home-teaser-inner{grid-template-columns:1fr}.wg-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wg-gallery figure img{height:190px}}
@media(max-width:440px){.wg-gallery-grid{grid-template-columns:1fr}.wg-gallery figure img{height:260px}}


/* Worcester Park garden gym project */
.wg-page{background:#38127d;color:#fff}
.wg-page *{box-sizing:border-box}
.wg-wrap{width:min(1150px,calc(100% - 44px));margin:auto}
.wg-page h1,.wg-page h2,.wg-page h3{color:#fff}
.wg-page p,.wg-page li{color:#f3edff;line-height:1.7}
.wg-hero{padding:clamp(52px,8vw,105px) 0 30px}
.wg-kicker{display:block;color:#dcff38;font-size:.8rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin-bottom:18px}
.wg-hero h1{font-size:clamp(2.55rem,6vw,5.5rem);line-height:1.08;max-width:950px;margin-bottom:22px}
.wg-hero p{max-width:760px;font-size:clamp(1.1rem,2vw,1.35rem)}
.wg-hero-photo{display:block;width:100%;height:min(65vw,660px);min-height:290px;object-fit:cover;object-position:center 55%}
.wg-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin:0 auto 65px;background:#aa82ff}
.wg-facts div{background:#482095;padding:25px}
.wg-facts dt{font-size:.82rem;color:#dcff38;text-transform:uppercase;font-weight:800;letter-spacing:.09em}
.wg-facts dd{margin:7px 0 0;font-weight:700;font-size:1.1rem;color:#fff}
.wg-copy{padding:0 0 75px}
.wg-copy h2,.wg-gallery h2,.wg-review h2{font-size:clamp(2rem,4vw,3.3rem);margin:0 0 20px}
.wg-copy p{max-width:930px;font-size:1.06rem}
.wg-specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:30px}
.wg-specs section{padding:25px;background:#482095;border:1px solid #aa82ff;border-radius:12px}
.wg-specs h3{font-size:1.25rem;margin:0 0 12px;color:#dcff38}
.wg-specs p{margin:0}
.wg-gallery{padding:10px 0 75px}
.wg-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.wg-gallery figure{margin:0;background:#482095;border-radius:10px;overflow:hidden}
.wg-gallery figure img{width:100%;height:230px;object-fit:cover;display:block}
.wg-gallery figcaption{padding:12px 16px;color:#fff;font-size:.92rem}
.wg-review{background:#482095;padding:55px 0;margin-bottom:0}
.wg-review blockquote{margin:0;max-width:950px;color:#fff;font-size:clamp(1.05rem,1.8vw,1.35rem);line-height:1.7}
.wg-review footer{margin-top:24px;color:#e9defa}
.wg-review a{color:#dcff38;text-decoration:underline;text-underline-offset:4px}
.wg-cta{padding:70px 0 90px;text-align:center}
.wg-cta a,.wg-home-teaser a{display:inline-flex;background:#b7f000;color:#26124a;padding:15px 25px;font-weight:800;text-decoration:none}
.wg-cta a:hover,.wg-home-teaser a:hover{background:#dcff38}
.wg-home-teaser{background:#482095;color:#fff;padding:clamp(40px,6vw,78px) 0}
.wg-home-teaser-inner{width:min(1150px,calc(100% - 44px));margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.wg-home-teaser img{width:100%;height:340px;object-fit:cover;border-radius:10px}
.wg-home-teaser h2{color:#fff;font-size:clamp(2rem,4vw,3.3rem)}
.wg-home-teaser p{color:#f3edff;font-size:1.1rem;line-height:1.6}
.wg-steps{list-style:none;counter-reset:step;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:0;margin:35px 0 0}
.wg-steps li{counter-increment:step;background:#482095;border:1px solid #aa82ff;border-radius:12px;padding:25px;min-width:0}
.wg-steps li:before{content:counter(step,decimal-leading-zero);color:#dcff38;font-size:1.8rem;font-weight:800;display:block;margin-bottom:12px}
.wg-steps h3{font-size:1.15rem;margin:0 0 8px;color:#fff}
.wg-steps p{margin:0}
@media(max-width:700px){.wg-facts{grid-template-columns:1fr}.wg-steps,.wg-home-teaser-inner{grid-template-columns:1fr}.wg-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wg-gallery figure img{height:190px}}
@media(max-width:440px){.wg-gallery-grid{grid-template-columns:1fr}.wg-gallery figure img{height:260px}}


/* project-build-time-2026 */
.wg-build-time{width:min(1150px,calc(100% - 44px));margin:55px auto 5px;padding:30px 34px;background:#482095;border:2px solid #aa82ff;border-radius:14px;color:#fff}
.wg-build-time .wg-kicker{margin-bottom:9px}
.wg-build-time h2{color:#dcff38;font-size:clamp(1.5rem,3vw,2.2rem);margin:0 0 10px}
.wg-build-time p{color:#f3edff;line-height:1.65;margin:0}


/* about-us-crafted-2026 */
.about-hero{background:#301565;color:#fff;padding:clamp(65px,9vw,130px) 0 65px}
.about-wrap{width:min(1140px,calc(100% - 44px));margin:auto}
.about-kicker{color:#dcff38;font-weight:800;letter-spacing:.15em;font-size:.8rem;text-transform:uppercase}
.about-hero h1{color:#fff;font-size:clamp(3rem,7vw,6rem);line-height:1.05;max-width:920px;margin:18px 0 22px}
.about-hero p{color:#f3edff;font-size:clamp(1.1rem,2vw,1.45rem);max-width:850px;line-height:1.6}
.about-story{background:#38127d;color:#fff;padding:clamp(55px,7vw,100px) 0}
.about-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,70px);align-items:start}
.about-grid img{display:block;width:100%;height:auto;border-radius:12px}
.about-grid figcaption{color:#e8dcff;font-size:.9rem;margin-top:12px}
.about-grid figure{margin:0}
.about-copy p{color:#f3edff;line-height:1.75;font-size:1.06rem;margin:0 0 19px}
.about-copy h2{color:#dcff38;font-size:clamp(1.7rem,3vw,2.5rem);margin:0 0 20px}
.about-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}
.about-actions a{display:inline-flex;align-items:center;min-height:48px;padding:13px 20px;font-weight:800;text-decoration:none;background:#b7f000;color:#26124a}
.about-actions a:nth-child(2){background:transparent;color:#fff;border:2px solid #aa82ff}
.about-actions a:hover,.about-actions a:focus-visible{outline:2px solid #dcff38;outline-offset:3px}
@media(max-width:750px){.about-grid{grid-template-columns:1fr}.about-hero{padding-top:75px}.about-grid figure{max-width:650px}}


/* garden-room-scope-2026 */
.gr-scope{background:#301565;color:#fff;padding:clamp(56px,8vw,105px) 0}
.gr-scope-wrap{width:min(1150px,calc(100% - 44px));margin:auto}
.gr-scope .gr-eyebrow{color:#dcff38;text-transform:uppercase;letter-spacing:.14em;font-size:.78rem;font-weight:800}
.gr-scope h2{font-size:clamp(2.3rem,5vw,4.5rem);line-height:1.1;color:#fff;margin:15px 0 14px}
.gr-scope-lead{font-size:clamp(1.18rem,2.2vw,1.55rem);color:#dcff38;margin:0 0 22px}
.gr-scope-intro{max-width:900px;color:#f3edff;line-height:1.7;font-size:1.08rem;margin-bottom:18px}
.gr-scope-note{max-width:900px;background:#482095;border-left:4px solid #dcff38;padding:17px 21px;color:#fff;line-height:1.65;margin:28px 0 42px}
.gr-scope-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;list-style:none;counter-reset:grstep;margin:0;padding:0}
.gr-scope-list li{counter-increment:grstep;min-width:0;background:#482095;border:1px solid #aa82ff;border-radius:12px;padding:26px}
.gr-scope-list li:before{content:counter(grstep,decimal-leading-zero);display:block;color:#dcff38;font-size:1.7rem;font-weight:800;margin-bottom:10px}
.gr-scope-list h3{color:#fff;font-size:1.18rem;line-height:1.3;margin:0 0 13px}
.gr-scope-list p{color:#f3edff;line-height:1.7;margin:0 0 12px}
.gr-scope-list p:last-child{margin-bottom:0}
.gr-scope-cta{display:inline-flex;background:#b7f000;color:#26124a;font-weight:800;text-decoration:none;padding:16px 25px;margin-top:35px}
.gr-scope-cta:hover,.gr-scope-cta:focus-visible{background:#dcff38;outline:2px solid #fff;outline-offset:3px}
@media(max-width:760px){.gr-scope-list{grid-template-columns:1fr}}


/* site-feedback-refinements-2026 */
@media(min-width:1251px){.site-header{gap:clamp(12px,1.3vw,24px);padding-inline:clamp(28px,3vw,54px)}.site-header .brand{flex-shrink:0;white-space:nowrap;margin-right:auto}.desktop-nav{gap:clamp(10px,1.3vw,21px);flex-wrap:nowrap;white-space:nowrap;font-size:clamp(.73rem,.76vw,.9rem)}.desktop-nav a{white-space:nowrap}.site-header>.nav-cta{flex-shrink:0}}
@media(min-width:801px) and (max-width:1250px){.site-header{height:70px;padding-inline:24px}.desktop-nav,.site-header>.nav-cta{display:none}.menu-toggle{display:flex;flex-direction:column;gap:6px;border:0;background:transparent;padding:12px;cursor:pointer;margin-left:auto}.menu-toggle span{width:25px;height:2px;background:currentColor}.mobile-nav{display:none;position:absolute;z-index:30;top:70px;left:0;right:0;background:#6928f5;color:#fff;padding:16px 24px 26px;box-shadow:0 15px 20px #0003}.mobile-nav.open{display:flex;flex-direction:column}.mobile-nav a{padding:12px 0;border-bottom:1px solid #ffffff44;font-weight:700}}
.case-study-card a{display:block;position:relative;overflow:hidden;height:100%;color:inherit;text-decoration:none}
.case-study-card a img{display:block;width:100%;height:320px;object-fit:cover;transition:transform .3s}
.case-study-card a:hover img{transform:scale(1.035)}
.case-study-card a:focus-visible{outline:3px solid #dcff38;outline-offset:3px}
.gr-scope-summary{max-width:850px;margin:20px 0 32px;padding:22px 26px;background:#482095;border-left:4px solid #dcff38;color:#fff}
.gr-scope-summary h3{margin:0 0 12px;color:#dcff38;font-size:1.25rem}
.gr-scope-summary p{margin:0;line-height:1.65;color:#f3edff}
.gr-scope-list{display:block;counter-reset:none}
.gr-scope-list>li{display:block;padding:0;margin:0 0 11px}
.gr-scope-list>li:before{display:none}
.gr-scope-list details{padding:0}
.gr-scope-list summary{display:list-item;cursor:pointer;padding:18px 24px;color:#fff;font-weight:800;font-size:1.1rem;line-height:1.4}
.gr-scope-list summary::marker{color:#dcff38}
.gr-scope-list details>div{padding:0 24px 20px}
.gr-scope-list details p{margin:0 0 12px}


/* service-guides-2026 */
.service-guide{padding:clamp(60px,8vw,110px) 0;background:#301565;color:#fff}
.service-guide-wrap{width:min(1150px,calc(100% - 44px));margin:auto}
.service-guide-kicker{color:#dcff38;letter-spacing:.13em;font-size:.78rem;font-weight:800;text-transform:uppercase}
.service-guide h2{color:#fff;font-size:clamp(2.35rem,5vw,4.6rem);line-height:1.1;max-width:1000px;margin:16px 0 20px}
.service-guide-intro{color:#f3edff;max-width:850px;font-size:clamp(1.1rem,2vw,1.3rem);line-height:1.65;margin:0 0 30px}
.service-guide-glance{padding:22px 25px;background:#482095;border-left:4px solid #dcff38;max-width:850px;line-height:1.6;margin:0 0 32px}
.service-guide-list{display:grid;gap:12px;max-width:1000px}
.service-guide details{background:#482095;border:1px solid #aa82ff;border-radius:10px}
.service-guide summary{display:list-item;cursor:pointer;color:#fff;font-size:1.14rem;font-weight:800;padding:19px 25px;line-height:1.4}
.service-guide summary::marker{color:#dcff38}
.service-guide details p{margin:0;padding:0 25px 22px;color:#f3edff;line-height:1.7}
.service-guide-note{max-width:900px;color:#fff;line-height:1.7;margin:30px 0}
.service-guide-cta{display:inline-flex;align-items:center;min-height:48px;background:#b7f000;color:#26124a;font-weight:800;text-decoration:none;padding:16px 24px}
.service-guide-cta:hover,.service-guide-cta:focus-visible{background:#dcff38;outline:2px solid #fff;outline-offset:3px}

/* an-surrey-layout-fix-20261002 */
/* Keep the gallery label comfortably inside its purple section. */
.gallery-preview.section-wrap { padding-top: 78px; }
/* Full-width dark heading; the content stays aligned with the site grid. */
.two-tone-heading { position: relative; padding-bottom: 68px; }
.two-tone-heading::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 100vw;
  transform: translateX(-50%);
  background: #301565;
  z-index: 0;
}
.two-tone-heading > * { position: relative; z-index: 1; }
@media (max-width: 700px) {
  .gallery-preview.section-wrap { padding-top: 56px; }
  .two-tone-heading { padding-bottom: 52px; }
}
/* an-surrey-overflow-fix-20261003 */
.two-tone-heading { width: 100%; margin-inline: 0; background: #301565; }
.two-tone-heading::before { content: none; display: none; }
/* an-surrey-header-readability-20261003 */
.site-header { gap:16px; padding-inline:32px; }
.site-header .brand-mark { width:48px; height:48px; flex:none; }
.site-header .brand-mark img { width:100%; height:100%; object-fit:contain; }
.site-header .desktop-nav { gap:14px; font-size:13px; }
.site-header .nav-cta { font-size:13px; }
@media(max-width:1220px) {
  .site-header .desktop-nav,.site-header>.nav-cta { display:none; }
  .site-header .menu-toggle { display:flex; flex-direction:column; gap:6px; border:0; background:transparent; padding:12px; cursor:pointer; }
  .site-header .menu-toggle span { width:25px; height:2px; background:#fff; }
  .mobile-nav { display:none; position:absolute; top:84px; left:0; right:0; background:#6928f5; color:#fff; padding:16px 22px 26px; box-shadow:0 15px 20px #102d2222; }
  .mobile-nav.open { display:flex; flex-direction:column; }
  .mobile-nav a { padding:12px 0; border-bottom:1px solid #ffffff35; font-weight:700; }
}
@media(max-width:800px) {
  .site-header { padding-inline:20px; }
  .site-header .brand-mark { width:44px; height:44px; }
  .mobile-nav { top:70px; }
}
/* original-header-logo-20261003 */
.site-header .brand-mark { width:64px; height:64px; }
@media(max-width:800px) {
  .site-header .brand-mark { width:56px; height:56px; }
}
/* an-surrey-project-search-spacing-20261003 */
.portfolio.section-wrap { padding-top: 32px; }
@media (max-width: 700px) {
  .portfolio.section-wrap { padding-top: 28px; }
}

/* Content improvements 2026-10-04 */
.trust-summary,.process-summary{padding-block:clamp(48px,7vw,96px)}
.trust-summary h2,.process-summary h2{max-width:850px}
.trust-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 28px;margin:28px 0}
.trust-grid p{margin:0;padding:14px 16px;background:rgba(149,224,0,.09);border-left:3px solid #a8e600}
.process-summary ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;list-style:none;padding:0;margin:30px 0}
.process-summary li{padding:20px;background:#291653;color:#fff;border-top:3px solid #a8e600}
.process-summary p,.about-further p{max-width:750px}
.about-further{margin-block:35px}
.planning-cta{background:#291653;color:#fff;padding:clamp(24px,4vw,48px);margin:30px auto;max-width:1100px}
.planning-cta p{max-width:680px}.planning-cta h2{color:#fff}
.case-study-intro{margin:0 0 32px;padding:24px;background:rgba(32,10,72,.32);color:#fff}
.case-study-intro p{max-width:760px}.case-study-links{display:flex;gap:12px;flex-wrap:wrap}
.case-study-links a{display:inline-block;padding:12px 16px;border:1px solid #a8e600;color:#fff}
@media(max-width:700px){.trust-grid,.process-summary ol{grid-template-columns:1fr}.case-study-intro{padding:20px}}

/* A&N enquiry optional photograph upload */
.enquiry-photo-upload { display:flex; flex-direction:column; gap:9px; margin:18px 0; }
.enquiry-photo-upload input[type="file"] { box-sizing:border-box; display:block; width:100%; max-width:100%; padding:12px; border:1px solid rgba(255,255,255,.28); border-radius:10px; font:inherit; }
.enquiry-photo-upload small { font-size:.85rem; line-height:1.5; opacity:.85; }
.enquiry-photo-privacy { padding-block:22px 52px; }
.enquiry-photo-privacy p { max-width:850px; }