@font-face{font-family:"Source Serif 4 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/source-serif-4-cyrillic-ext-opsz-normal-DIwfbPUE.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Source Serif 4 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/source-serif-4-cyrillic-opsz-normal-C0olyEE-.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:"Source Serif 4 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/source-serif-4-greek-opsz-normal-DrHU7SY7.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:"Source Serif 4 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/source-serif-4-vietnamese-opsz-normal-DX68cEVD.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Source Serif 4 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/source-serif-4-latin-ext-opsz-normal-HoL-AExg.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Source Serif 4 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/source-serif-4-latin-opsz-normal-BpEBLj1O.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Public Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/public-sans-vietnamese-wght-normal-CtlIRbEm.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Public Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/public-sans-latin-ext-wght-normal-MQgHevqp.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Public Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/public-sans-latin-wght-normal-DdeTHZLK.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--paper:#f2f4ef;--sheet:#fff;--ink:#1c2b33;--ink-soft:#4a5a61;--line:#c6cec7;--red:#b8322a;--green:#23533f;--green-dark:#173a2b;--brick:#e8dec4;--focus:#ffbf47;--serif:"Source Serif 4 Variable", Georgia, serif;--sans:"Public Sans Variable", system-ui, sans-serif;--wrap:72rem;--gutter:clamp(1.25rem, 4vw, 2.5rem);--band:clamp(3.5rem, 8vw, 6.5rem)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font-family:var(--sans);text-rendering:optimizelegibility;margin:0;font-size:1.0625rem;line-height:1.6}h1,h2,h3{font-family:var(--serif);font-optical-sizing:auto;text-wrap:balance;margin:0;font-weight:600;line-height:1.15}h2{letter-spacing:-.01em;font-size:clamp(1.75rem,3.2vw,2.4rem)}h3{font-size:1.25rem}p{text-wrap:pretty;margin:0}a{color:var(--green);text-underline-offset:.18em;text-decoration-thickness:1px}a:hover{color:var(--green-dark);text-decoration-thickness:2px}:focus-visible{outline:3px solid var(--focus);outline-offset:0;box-shadow:0 0 0 6px var(--ink)}main:focus{outline:none}.wrap{max-width:var(--wrap);padding-inline:var(--gutter);margin-inline:auto}.skip{position:absolute;left:-999px}.skip:focus{z-index:10;background:var(--focus);color:var(--ink);padding:.5rem 1rem;top:1rem;left:1rem}.site-header{border-bottom:1px solid var(--line)}.header-row{justify-content:space-between;align-items:center;gap:1rem;min-height:4.25rem;display:flex}.wordmark{font-family:var(--serif);color:var(--ink);letter-spacing:-.01em;font-size:1.35rem;font-weight:650;text-decoration:none}.wordmark:hover{color:var(--ink)}.site-header nav{gap:clamp(1rem,3vw,2rem);font-size:.95rem;display:flex}.site-header nav a{color:var(--ink);border-bottom:2px solid #0000;padding-block:.4rem;text-decoration:none}.site-header nav a:hover,.site-header nav a[aria-current=page]{border-bottom-color:var(--green)}.site-footer{border-top:1px solid var(--line);color:var(--ink-soft);padding-block:2.5rem 3rem;font-size:.95rem}.footer-row{flex-wrap:wrap;justify-content:space-between;gap:1.5rem 3rem;display:flex}.footer-row ul{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.site-footer .wordmark{margin-bottom:.25rem;font-size:1.1rem}.hero{padding-block:clamp(2.5rem,6vw,5rem) clamp(1rem,3vw,2rem)}.hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:clamp(2rem,5vw,4.5rem);display:grid}.hero h1{letter-spacing:-.02em;font-size:clamp(2.35rem,5.4vw,4.1rem);font-weight:640;line-height:1.04}.lede{color:var(--ink-soft);max-width:34em;margin-top:1.5rem;font-size:clamp(1.1rem,1.6vw,1.25rem)}.actions{flex-wrap:wrap;align-items:center;gap:1rem 1.75rem;margin-top:2rem;display:flex}.button{background:var(--green);color:#fff;font:inherit;box-shadow:0 3px 0 var(--green-dark);cursor:pointer;border:0;border-radius:3px;padding:.95rem 1.5rem;font-weight:600;line-height:1.2;text-decoration:none;display:inline-block}.button:hover{background:var(--green-dark);color:#fff}.button:active{box-shadow:0 1px 0 var(--green-dark);transform:translateY(2px)}.button:disabled{opacity:.7;cursor:progress}.text-link{font-weight:600}.drawing{margin:0}.drawing svg{width:100%;height:auto;display:block;overflow:visible}.drawing g{fill:none;stroke:var(--ink);stroke-width:1.6px;stroke-linejoin:round}.drawing .wall{fill:var(--brick)}.drawing .roof{fill:#d5dad6}.drawing .chimney{fill:var(--brick)}.drawing .thin,.drawing .sill{stroke-width:1px}.drawing .neighbour{stroke:#94a19c;stroke-width:1.2px}.drawing .ground{stroke:var(--ink);stroke-width:2.4px}.drawing .proposed{stroke:var(--red);stroke-width:2px;stroke-dasharray:7 4;fill:none}.drawing .proposed>rect:first-child,.drawing .proposed>rect:nth-child(4){fill:#f2f4efd1}.drawing figcaption{border-top:1px solid var(--line);color:var(--ink-soft);flex-wrap:wrap;gap:.5rem 1.5rem;margin-top:1rem;padding-top:.75rem;font-size:.875rem;display:flex}.drawing-title{color:var(--ink);margin-right:auto;font-weight:600}.legend{align-items:center;gap:.5rem;display:inline-flex}.key{border-top:2px solid var(--ink);width:1.75rem;display:inline-block}.key-proposed{border-top:2px dashed var(--red)}.drawing .board{stroke:var(--ink)}.drawing .post{stroke-width:5px;stroke-linecap:square}.drawing .board-face{fill:var(--sheet);stroke-width:2px}.drawing text{stroke:none;fill:var(--ink);font-family:var(--sans)}.drawing .board-big{font-size:22px;font-weight:700}.drawing .board-small{fill:var(--ink-soft);font-size:12px}.drawing .slip rect{stroke:none}.drawing .slip text{fill:#fff;font-size:13px;font-weight:700}.drawing .slip-submitted rect{fill:var(--ink)}.drawing .slip-granted rect{fill:var(--green)}@media (prefers-reduced-motion:no-preference){.drawing .proposed{animation:1.4s cubic-bezier(.3,0,.2,1) .5s both draw-in}.drawing .slip-submitted{animation:.35s ease-in 2.2s both slip-out}.drawing .slip-granted{transform-box:fill-box;transform-origin:50%;animation:.45s cubic-bezier(.2,.8,.3,1.2) 2.5s both slip-in}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.drawing .slip-submitted{display:none}}@keyframes draw-in{0%{clip-path:inset(0 0 100%)}to{clip-path:inset(0)}}@keyframes slip-out{to{opacity:0}}@keyframes slip-in{0%{opacity:0;transform:rotate(-4deg)translateY(-10px)}to{opacity:1;transform:none}}.band{padding-block:var(--band)}.band+.band{border-top:1px solid var(--line)}.section-intro{max-width:34em;color:var(--ink-soft);margin-top:1rem}.point-list{grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));gap:2.25rem 3rem;margin:2.5rem 0 0;padding:0;list-style:none;display:grid}.point-list li{border-left:3px solid var(--green);padding-left:1.25rem}.point-list p,.step-list p{color:var(--ink-soft);max-width:30em;margin-top:.5rem}.rendering{background:var(--sheet)}.rendering-grid{grid-template-columns:minmax(0,1fr) minmax(0,2fr);align-items:end;gap:clamp(2rem,5vw,4rem);display:grid}.rendering-text p{color:var(--ink-soft);margin-top:1rem}.photo{margin:0}.photo img{border-radius:2px;width:100%;height:auto;display:block}.photo figcaption{color:var(--ink-soft);margin-top:.75rem;font-size:.875rem}.step-list{counter-reset:step;grid-template-columns:repeat(4,minmax(0,1fr));gap:2rem;margin:2.5rem 0 0;padding:0;list-style:none;display:grid}.step-list li{counter-increment:step;padding-top:3.25rem;position:relative}.step-list li:before{content:counter(step);font-family:var(--serif);color:var(--green);font-size:2.25rem;font-weight:500;line-height:1;position:absolute;top:0;left:0}.step-list li:after{content:"";border-top:2px dashed var(--line);position:absolute;top:1.1rem;left:2.25rem;right:-1.5rem}.step-list li:last-child:after{display:none}.pricing table{border-collapse:collapse;width:100%;margin-top:2rem;font-size:1rem}.pricing th,.pricing td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:.9rem 1rem .9rem 0}.pricing thead th{color:var(--ink-soft);font-size:.875rem;font-weight:600}.pricing tbody th{font-weight:500}.pricing .fee{font-family:var(--serif);font-size:1.4rem;font-weight:600}.pricing .note{color:var(--ink-soft);margin-top:1rem;font-size:.95rem}.enquiry{background:var(--ink);color:var(--paper)}.enquiry .section-intro{color:#c9d3d1}.enquiry-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:start;gap:clamp(2rem,5vw,4.5rem);display:grid}.band.enquiry+.band{border-top:0}.sheet{background:var(--sheet);color:var(--ink);border-top:6px solid var(--green);border-radius:3px;padding:clamp(1.5rem,4vw,2.5rem)}.form{gap:1.5rem;display:grid}.field{gap:.35rem;display:grid}.field label{font-weight:600}.hint{color:var(--ink-soft);font-size:.925rem}.field input,.field textarea,.field select{font:inherit;color:var(--ink);background:var(--sheet);border:2px solid var(--ink);border-radius:2px;width:100%;padding:.6rem .75rem}.field textarea{resize:vertical}.field select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--ink) 50%), linear-gradient(135deg, var(--ink) 50%, transparent 50%);background-position:calc(100% - 1.15rem) 55%,calc(100% - .8rem) 55%;background-repeat:no-repeat;background-size:.35rem .35rem;padding-right:2.25rem}.field-error{border-left:4px solid var(--red);padding-left:1rem}.field-error input,.field-error textarea,.field-error select{border-color:var(--red)}.error{color:var(--red);font-weight:600}.error-summary{border:3px solid var(--red);padding:.75rem 1rem;font-weight:600}.form .button{justify-self:start}.form-footnote{color:var(--ink-soft);font-size:.9rem}.form-sent h3{font-size:1.5rem}.form-sent p{margin-top:.75rem}.form-sent:focus{outline:none}.honeypot{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.faq dl{grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));gap:2rem 3rem;margin:2.5rem 0 0;display:grid}.faq dt{font-family:var(--serif);font-size:1.2rem;font-weight:600;line-height:1.3}.faq dd{color:var(--ink-soft);max-width:32em;margin:.5rem 0 0}.prose{max-width:44rem;padding-block:clamp(2.5rem, 6vw, 4.5rem) var(--band)}.prose h1{font-size:clamp(2.1rem,4vw,2.8rem)}.prose h2{margin-top:2.5rem;font-size:1.4rem}.prose p,.prose ul{margin-top:.85rem}.prose li+li{margin-top:.5rem}.updated{color:var(--ink-soft);font-size:.95rem}@media (width<=60rem){.hero-grid,.rendering-grid,.enquiry-grid{grid-template-columns:minmax(0,1fr)}.hero-drawing{max-width:32rem}.step-list{grid-template-columns:repeat(2,minmax(0,1fr))}.step-list li:nth-child(2n):after{display:none}}@media (width<=36rem){.header-row{flex-direction:column;align-items:flex-start;gap:.25rem;padding-block:.75rem}.step-list{grid-template-columns:minmax(0,1fr)}.step-list li:after,.pricing thead{display:none}.pricing tr,.pricing th,.pricing td{display:block}.pricing tbody th{border:0;padding-bottom:0}}.facts{border-block:2px solid var(--ink);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;display:grid}.facts>div{padding:1.5rem 1.5rem 1.6rem 0}.facts>div+div{border-left:1px solid var(--line);padding-left:1.5rem}.facts dt{font-family:var(--serif);font-optical-sizing:auto;letter-spacing:-.02em;font-variant-numeric:lining-nums;font-size:clamp(2.2rem,4vw,3.2rem);font-weight:600;line-height:1}.facts dd{color:var(--ink-soft);max-width:18em;margin:.6rem 0 0;font-size:.95rem;line-height:1.45}@media (width<=60rem){.facts{grid-template-columns:repeat(2,minmax(0,1fr))}.facts>div:nth-child(3){border-left:0;padding-left:0}.facts>div:nth-child(n+3){border-top:1px solid var(--line)}}@media (width<=24rem){.facts{grid-template-columns:minmax(0,1fr)}.facts>div+div{border-left:0;border-top:1px solid var(--line);padding-left:0}}