/* Architectural Transformation: isolated Garage Conversion editorial pattern. */
body .geo-garage{--garage-ink:#253b3d;--garage-muted:#5c6968;--garage-paper:#f1efe8;--garage-line:#d9ded8;--garage-accent:#9a7f5b;width:100%;max-width:none;margin:0;color:var(--garage-ink);overflow:clip}
body .geo-garage *,body .geo-garage *:before,body .geo-garage *:after{box-sizing:border-box}
body .geo-garage :is(p,li){font:19.44px/1.85 Arial,sans-serif;color:var(--garage-muted);margin:0 0 23px}
body .geo-garage :is(h1,h2,h3,p,li,th,td,summary){overflow-wrap:anywhere}
body .geo-garage h2{font:400 clamp(36.72px,3.5vw,53px)/1.13 Georgia,serif;letter-spacing:-.035em;color:var(--garage-ink);margin:0 0 30px;max-width:none}
body .geo-garage h3{font:400 30.24px/1.2 Georgia,serif;letter-spacing:-.02em;color:var(--garage-ink);margin:0 0 20px}
body .geo-garage a{color:#0069a4;text-decoration:none;border-bottom:1px solid #a3b6b7}
body .geo-garage a:hover{color:#d20049;border-color:currentColor}
body .geo-garage :is(a,summary):focus-visible{outline:3px solid #187db7;outline-offset:5px}
body .geo-garage .garage-wrap{width:calc(100% - 120px);max-width:1400px;margin-left:auto;margin-right:auto}
body .geo-garage .garage-section{padding-top:88px;padding-bottom:88px}
body .geo-garage .garage-kicker{font:600 10.8px/1.5 Arial,sans-serif;letter-spacing:.17em;text-transform:uppercase;color:#796444;margin:0 0 23px}
body .geo-garage .garage-hero{width:calc(100% - 80px);max-width:1600px;margin:0 auto;padding:0;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:0;border:1px solid #d5dbd5;border-radius:6px;background:var(--garage-ink);overflow:hidden}
body .geo-garage .garage-hero-media{min-height:0;overflow:hidden}
body .geo-garage .garage-hero-media figure{height:100%;margin:0}
body .geo-garage .garage-hero-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 55%}
body .geo-garage .garage-hero-copy{display:grid;grid-template-columns:1fr 1fr;gap:55px;padding:35px 52px 37px;align-items:center;min-width:0;border-top:1px solid #e8dfc745}
body .geo-garage .garage-hero-copy .garage-kicker{color:#d0b995;margin-bottom:21px}
body .geo-garage .garage-hero h1{font:400 clamp(47.52px,4.35vw,69.12px)/1.04 Georgia,serif;letter-spacing:-.04em;color:#fffdf5;margin:0;max-width:650px}
body .geo-garage .garage-hero .garage-lead{color:#e0e8e4;font-size:18.36px;line-height:1.75;margin:0 0 19px}
body .geo-garage .garage-benefits{display:flex;flex-wrap:wrap;gap:7px 18px;list-style:none;margin:0 0 23px;padding:0}
body .geo-garage .garage-benefits li{font:14.04px/1.5 Arial,sans-serif;color:#ecf0e8;display:flex;align-items:baseline;gap:8px;margin:0}
body .geo-garage .garage-benefits li:before{content:'\2713';color:#d5bb8d}
body .geo-garage .garage-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px 24px;margin:0}
body .geo-garage .garage-actions p{font:15.12px/1.5 Arial,sans-serif;margin:0}
body .geo-garage a.garage-button{display:inline-flex;align-items:center;gap:18px;min-height:53px;padding:16px 22px;border:0;border-radius:4px;background:linear-gradient(112deg,#e60046,#006db8);color:white;font-weight:600;transition:transform .22s,box-shadow .22s}
body .geo-garage a.garage-button:hover{color:white;transform:translateY(-3px);box-shadow:0 8px 22px #142b3630}
body .geo-garage .garage-hero a.garage-enquiry,body .geo-garage .garage-final a.garage-enquiry{color:#fff8ed;border-color:#d5c6ad;display:inline-block;padding:8px 0}
body .geo-garage .garage-breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:12px;font:12.96px/1.6 Arial,sans-serif;padding-top:25px;color:#657474}
body .geo-garage .garage-breadcrumbs a{color:inherit;border:0}
body .geo-garage .garage-intro{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:start}
body .geo-garage .garage-copy p:last-child{margin-bottom:0}
body .geo-garage .garage-use-band{background:var(--garage-paper);border-block:1px solid #e2e3db}
body .geo-garage .garage-use-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:90px}
body .geo-garage .garage-uses{display:grid;gap:0}
body .geo-garage .garage-use{display:grid;grid-template-columns:.68fr 1.32fr;gap:32px;border-top:1px solid #c9d1c8;padding:27px 0}
body .geo-garage .garage-use:first-child{padding-top:0;border-top:0}
body .geo-garage .garage-use:last-child{padding-bottom:0}
body .geo-garage .garage-use p{font-size:18.36px;line-height:1.8;margin:0}
body .geo-garage .garage-use h3{font-size:29.16px;margin:0}
body .geo-garage .garage-architecture{display:block}
body .geo-garage .garage-architecture-header{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:start;margin-bottom:42px}
body .geo-garage .garage-architecture-media figure{margin:0;overflow:hidden;border-radius:5px}
body .geo-garage .garage-architecture-media img{width:100%;height:530px;object-fit:cover;display:block;object-position:50% 58%}
body .geo-garage .garage-architecture-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px;margin-top:35px}
body .geo-garage .garage-architecture-note{padding-top:24px;border-top:1px solid var(--garage-line)}
body .geo-garage .garage-architecture-note p{font-size:18.36px;margin:0}
body .geo-garage .garage-architecture h2{font-size:clamp(36.72px,3vw,46.44px)}
body .geo-garage .garage-comparison{padding-top:20px}
body .geo-garage .garage-table{margin:35px 0 0;border:1px solid var(--garage-line);border-radius:5px;overflow:hidden}
body .geo-garage .garage-table table{width:100%;border-collapse:collapse;table-layout:fixed}
body .geo-garage .garage-table :is(th,td){padding:22px 26px;text-align:left;vertical-align:top;border:0;border-bottom:1px solid var(--garage-line);font:17.28px/1.7 Arial,sans-serif;color:#4f6060}
body .geo-garage .garage-table thead th{background:var(--garage-ink);color:#fff9ec;font-size:12.96px;font-weight:600;letter-spacing:.035em}
body .geo-garage .garage-table tbody th{font-weight:600;color:var(--garage-ink);width:24%}
body .geo-garage .garage-table tr:last-child :is(th,td){border-bottom:0}
body .geo-garage .garage-table tbody tr:nth-child(even){background:#f6f5ef}
body .geo-garage .garage-structure-band{background:var(--garage-ink)}
body .geo-garage .garage-structure{display:grid;grid-template-columns:.8fr 1.2fr;gap:45px 90px}
body .geo-garage .garage-structure h2{color:#fffaf0}
body .geo-garage .garage-structure :is(p,li){color:#e0e9e5}
body .geo-garage .garage-structure a{color:#fff8ed;border-color:#b4bfae}
body .geo-garage .garage-structure .garage-kicker{color:#d0b995}
body .geo-garage .garage-structure-photo{grid-column:1/-1}
body .geo-garage .garage-structure-photo figure{margin:0;border-radius:5px;overflow:hidden}
body .geo-garage .garage-structure-photo img{width:100%;height:460px;display:block;object-fit:cover;object-position:50% 60%}
body .geo-garage .garage-comfort-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px;margin-top:45px}
body .geo-garage .garage-comfort-item{border-top:2px solid #a68c68;padding-top:26px}
body .geo-garage .garage-comfort-item p:last-child{margin-bottom:0}
body .geo-garage .garage-frontage-band{background:var(--garage-paper)}
body .geo-garage .garage-frontage,body .geo-garage .garage-planning,body .geo-garage .garage-local,body .geo-garage .garage-cost{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}
body .geo-garage .garage-concept-band{background:#ede9df;border-block:1px solid #d8d9cf}
body .geo-garage .garage-concept-header{max-width:1000px;margin-bottom:40px}
body .geo-garage .garage-concept-note{font-size:16.2px;line-height:1.8;color:#53615e;max-width:850px}
body .geo-garage .garage-concept-pair{display:grid;grid-template-columns:1fr 1fr;gap:28px}
body .geo-garage .garage-concept-view{min-width:0}
body .geo-garage .garage-concept-view h3{font:600 12.96px/1.5 Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;margin-bottom:17px}
body .geo-garage .garage-concept-view figure{margin:0;border-radius:5px;overflow:hidden}
body .geo-garage .garage-concept-view img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
body .geo-garage .garage-stages{padding-bottom:30px}
body .geo-garage .garage-local-band{background:#f4f5f0;border-block:1px solid #e2e6de}
body .geo-garage .garage-cost{border-bottom:1px solid var(--garage-line)}
body .geo-garage .garage-faq{display:grid;grid-template-columns:.65fr 1.35fr;gap:90px}
body .geo-garage .garage-answer{padding:0;border:0;border-top:1px solid var(--garage-line);background:transparent;border-radius:0;margin:0}
body .geo-garage .garage-answer:last-child{border-bottom:1px solid var(--garage-line)}
body .geo-garage .garage-answer summary{display:block;position:relative;cursor:pointer;padding:25px 44px 25px 0;font:400 25.92px/1.35 Georgia,serif;color:var(--garage-ink);list-style:none}
body .geo-garage .garage-answer summary::-webkit-details-marker{display:none}
body .geo-garage .garage-answer summary:after{content:'+';position:absolute;right:7px;top:25px;font:23px Arial,sans-serif;color:#0070a6}
body .geo-garage .garage-answer[open] summary:after{content:'−'}
body .geo-garage .garage-answer p{padding:0 38px 23px 0;margin:0;font-size:18.36px;line-height:1.85}
body .geo-garage .garage-nearby{padding-top:0;display:grid;grid-template-columns:1fr 1fr;gap:70px}
body .geo-garage .garage-nearby-links{display:grid;align-content:start;gap:18px}
body .geo-garage .garage-nearby-links p{margin:0}
body .geo-garage .garage-final{background:var(--garage-ink);border-radius:6px;display:grid;grid-template-columns:1.1fr .9fr;gap:55px;align-items:center;padding:60px;margin-bottom:85px}
body .geo-garage .garage-final h2{color:#fff9ec;margin-bottom:19px}
body .geo-garage .garage-final p{color:#e0e9e4}
body .geo-garage .garage-final-copy p:last-child{margin-bottom:0}
body .geo-garage .garage-final .garage-actions{justify-content:flex-end}
@media(min-width:761px) and (max-width:1150px){
 body .geo-garage .garage-hero{width:calc(100% - 40px)}
 body .geo-garage .garage-hero-copy{gap:30px;padding:28px 30px}
 body .geo-garage .garage-hero h1{font-size:clamp(43.2px,5vw,58.32px)}
 body .geo-garage .garage-hero .garage-lead{font-size:17.28px}
 body .geo-garage .garage-wrap{width:calc(100% - 70px)}
 body .geo-garage :is(.garage-intro,.garage-use-layout,.garage-architecture,.garage-frontage,.garage-planning,.garage-structure,.garage-local,.garage-cost,.garage-faq){gap:40px}
 body .geo-garage .garage-use{grid-template-columns:1fr;gap:15px}
 body .geo-garage .garage-comfort-grid{gap:25px}
 body .geo-garage .garage-architecture-header{gap:40px}
 body .geo-garage .garage-architecture-notes{gap:25px}
 body .geo-garage .garage-table :is(th,td){padding:20px;font-size:16.2px}
 body .geo-garage .garage-final{padding:40px;grid-template-columns:1fr;gap:30px}
 body .geo-garage .garage-final .garage-actions{justify-content:flex-start}
}
@media(max-width:760px){
 body .geo-garage .garage-wrap{width:calc(100% - 44px)}
 body .geo-garage .garage-section{padding-top:56px;padding-bottom:56px}
 body .geo-garage :is(p,li){font-size:18.36px;line-height:1.85}
 body .geo-garage h2{font-size:36.72px;line-height:1.14;margin-bottom:25px}
 body .geo-garage h3{font-size:28.08px}
 body .geo-garage .garage-hero{width:calc(100% - 28px);grid-template-rows:340px minmax(0,1fr);margin:0 auto;padding:0}
 body .geo-garage .garage-hero-copy{grid-template-columns:1fr;gap:25px;padding:32px 25px;align-content:center}
 body .geo-garage .garage-hero h1{font-size:clamp(41.04px,11.4vw,49.68px);line-height:1.04}
 body .geo-garage .garage-hero-copy .garage-kicker{font-size:9.72px;margin-bottom:20px}
 body .geo-garage .garage-hero .garage-lead{font-size:18.36px;line-height:1.8;margin-bottom:22px}
 body .geo-garage .garage-benefits{display:grid;gap:10px;margin-bottom:27px}
 body .geo-garage .garage-benefits li{font-size:14.04px}
 body .geo-garage .garage-actions{gap:16px 22px}
 body .geo-garage .garage-actions p{font-size:14.04px}
 body .geo-garage .garage-breadcrumbs{font-size:12.96px;gap:8px;padding-top:20px}
 body .geo-garage :is(.garage-intro,.garage-use-layout,.garage-architecture,.garage-frontage,.garage-planning,.garage-structure,.garage-local,.garage-cost,.garage-faq,.garage-nearby){grid-template-columns:1fr;gap:27px}
 body .geo-garage .garage-use{grid-template-columns:1fr;gap:14px;padding:25px 0}
 body .geo-garage .garage-use h3{font-size:28.08px}
 body .geo-garage .garage-use p{font-size:18.36px}
 body .geo-garage .garage-architecture-media img{height:390px}
 body .geo-garage .garage-architecture-header{grid-template-columns:1fr;gap:20px;margin-bottom:30px}
 body .geo-garage .garage-architecture-notes{grid-template-columns:1fr;gap:25px;margin-top:25px}
 body .geo-garage .garage-comparison{padding-top:0}
 body .geo-garage .garage-table{margin-top:28px;border:0;border-radius:0}
 body .geo-garage .garage-table :is(table,tbody,tr,th,td){display:block;width:100%}
 body .geo-garage .garage-table thead{position:absolute;clip:rect(0,0,0,0);clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}
 body .geo-garage .garage-table tbody tr{border:1px solid var(--garage-line);border-radius:5px;margin:0 0 20px;padding:25px;background:white}
 body .geo-garage .garage-table tbody :is(th,td){width:100%;padding:0;border:0;font-size:17.28px}
 body .geo-garage .garage-table tbody th{font:29.16px/1.25 Georgia,serif;margin-bottom:22px}
 body .geo-garage .garage-table tbody td{margin-bottom:20px}
 body .geo-garage .garage-table tbody td:last-child{margin-bottom:0}
 body .geo-garage .garage-table td:before{display:block;font:600 10.8px/1.5 Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#88704c;margin-bottom:8px}
 body .geo-garage .garage-compare-table td:nth-child(2):before{content:'Connection to the house'}
 body .geo-garage .garage-compare-table td:nth-child(3):before{content:'What to resolve'}
 body .geo-garage .garage-stage-table td:nth-child(2):before{content:'Decision to resolve'}
 body .geo-garage .garage-stage-table td:nth-child(3):before{content:'What to keep clear'}
 body .geo-garage .garage-structure-photo{grid-column:auto}
 body .geo-garage .garage-structure-photo img{height:340px}
 body .geo-garage .garage-comfort-grid{grid-template-columns:1fr;gap:30px;margin-top:30px}
 body .geo-garage .garage-concept-pair{grid-template-columns:1fr;gap:30px}
 body .geo-garage .garage-concept-note{font-size:16.2px}
 body .geo-garage .garage-stages{padding-bottom:20px}
 body .geo-garage .garage-faq{gap:15px}
 body .geo-garage .garage-answer summary{font-size:24.84px;padding-top:24px;padding-bottom:24px}
 body .geo-garage .garage-answer p{font-size:18.36px;padding-right:12px}
 body .geo-garage .garage-nearby{padding-top:0}
 body .geo-garage .garage-nearby-links{gap:15px}
 body .geo-garage .garage-final{padding:35px 25px;grid-template-columns:1fr;gap:30px;margin-bottom:55px}
 body .geo-garage .garage-final .garage-actions{justify-content:flex-start}
}
@media(max-width:380px){body .geo-garage .garage-hero{grid-template-rows:290px minmax(0,1fr)}body .geo-garage .garage-hero-copy{padding:27px 22px;gap:21px}body .geo-garage .garage-hero h1{font-size:38.88px}}
@media(prefers-reduced-motion:reduce){body .geo-garage .garage-button{transition:none}body .geo-garage .garage-button:hover{transform:none}}

/* Unified photographic hero, replacing the horizontal image/copy division. */
body .geo-garage .garage-hero{position:relative;display:flex;isolation:isolate}
body .geo-garage .garage-hero-media{position:absolute;inset:0;z-index:0}
body .geo-garage .garage-hero-media:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#102a2df5 0%,#102a2de3 30%,#102a2db3 48%,#102a2d25 78%,#102a2d08 100%)}
body .geo-garage .garage-hero-media img{object-position:60% 50%}
body .geo-garage .garage-hero-copy{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:58%;height:100%;padding:50px 60px;gap:29px;border:0;background:transparent}
body .geo-garage .garage-hero-title,body .geo-garage .garage-hero-brief{width:100%;min-width:0}
body .geo-garage .garage-hero h1{max-width:620px;text-wrap:balance}
body .geo-garage .garage-hero .garage-lead{max-width:530px;color:#f1f5ef;margin-bottom:25px}
body .geo-garage .garage-hero .garage-benefits{display:grid;gap:11px;margin-bottom:28px}
body .geo-garage .garage-hero .garage-benefits li{color:#f3f5ee}
@media(min-width:761px) and (max-width:1150px){
 body .geo-garage .garage-hero-copy{width:72%;padding:38px 36px;gap:25px}
 body .geo-garage .garage-hero-media:after{background:linear-gradient(90deg,#102a2df5 0%,#102a2ddd 42%,#102a2d9c 68%,#102a2d22 100%)}
}
@media(max-width:760px){
 body .geo-garage .garage-hero{display:flex}
 body .geo-garage .garage-hero-copy{width:100%;padding:40px 27px 48px;gap:28px;justify-content:flex-end;align-content:normal}
 body .geo-garage .garage-hero-media:after{background:linear-gradient(180deg,#102a2d10 0%,#102a2d78 23%,#102a2de8 43%,#102a2df7 68%,#102a2dfc 100%)}
 body .geo-garage .garage-hero-media img{object-position:58% 50%}
 body .geo-garage .garage-hero .garage-lead{margin-bottom:23px}
 body .geo-garage .garage-hero .garage-benefits{margin-bottom:28px;gap:12px}
}
@media(max-width:380px){body .geo-garage .garage-hero-copy{padding:32px 23px 38px;gap:25px}}

/* Discreet area navigation on the parent Garage Conversion page. */
.garage-area-hub{width:calc(100% - 120px);max-width:1400px;margin:60px auto 80px;padding:32px 38px;background:#f1efe8;border:1px solid #d9ded8;border-radius:6px;color:#253b3d;scroll-margin-top:140px;box-sizing:border-box}
.garage-area-hub summary{font:400 31.32px/1.3 Georgia,serif;cursor:pointer;padding-right:30px}
.garage-area-hub nav{position:static!important;inset:auto!important;transform:none!important;width:auto!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 28px;padding:25px 0 0!important;margin:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important}
.garage-area-hub nav a{display:block;padding:13px 0;font:16.2px/1.5 Arial,sans-serif;color:#506565;border-bottom:1px solid #d9ded8;text-decoration:none;overflow-wrap:anywhere}
.garage-area-hub a:hover{color:#006db8}.garage-area-hub :is(a,summary):focus-visible{outline:3px solid #1476b5;outline-offset:5px}
@media(max-width:760px){.garage-area-hub{width:calc(100% - 40px);padding:25px;margin:40px auto}.garage-area-hub summary{font-size:25.92px}.garage-area-hub nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}}