:root{--ink:#1e211e;--paper:#fbfaf6;--soft:#f0f0ea;--muted:#777b75;--line:#d7d9d2;--orange:#be6348;--green:#566c54}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}.shell{padding-left:clamp(24px,7vw,112px);padding-right:clamp(24px,7vw,112px)}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}.nav{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,7vw,112px);position:sticky;top:0;z-index:10;background:#fbfaf6ed;backdrop-filter:blur(14px);border-bottom:1px solid #d7d9d288}.brand{font-size:25px;font-weight:700;letter-spacing:-1.5px}.brand span,.section-label{color:var(--orange)}nav{display:flex;gap:31px;font-size:13px;color:#555a54}.nav-cta,.button{border:0;background:var(--ink);color:#fff;padding:15px 19px;font-size:12px;font-weight:600;transition:.2s}.nav-cta:hover,.button:hover{background:var(--orange);transform:translateY(-2px)}.menu{display:none;border:0;background:none}.hero{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:7vw;padding-top:84px;padding-bottom:84px;min-height:calc(100vh - 78px)}.eyebrow,.section-label{font:10px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:1px}.eyebrow{color:var(--muted)}.eyebrow i{display:inline-block;width:7px;height:7px;background:var(--orange);border-radius:50%;margin-right:8px}.hero h1,h2{letter-spacing:-3px;line-height:.98;font-size:clamp(43px,5.4vw,82px);margin:27px 0;font-weight:600}em{font-family:'Playfair Display',serif;font-weight:500}.lede{font-size:18px;line-height:1.55;max-width:430px;color:#666b65}.actions{margin-top:36px;display:flex;align-items:center;gap:26px}.underlink{font-size:12px;font-weight:600;border-bottom:1px solid;padding-bottom:5px}.index-note{font:10px 'DM Mono',monospace;color:var(--muted);margin-top:78px}.index-note b{color:var(--orange);margin-right:18px}.compare{height:min(50vw,620px);min-height:400px;position:relative;overflow:hidden;user-select:none;touch-action:none}.building{position:absolute;inset:0;background-image:url('https://www.startuploans.co.uk/sites/g/files/sovrnj156/files/2023-07/hero-shopfront-daytime-7490x5000.jpg.jpg');background-size:cover;background-position:center}.before{filter:grayscale(.8) brightness(.72)}.after{width:55%;overflow:hidden;filter:saturate(.75);border-right:1px solid #fff}.after:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,#31513a88,transparent 72%);mix-blend-mode:multiply}.callouts{position:absolute;right:25px;bottom:60px;z-index:2;display:grid;gap:7px;color:#fff;text-align:right;font:10px 'DM Mono',monospace}.compare-label,.compare-foot{position:absolute;z-index:3;color:#fff;font:10px 'DM Mono',monospace;letter-spacing:1px}.compare-label{top:18px}.before-label{left:21px}.after-label{right:21px}.compare-foot{bottom:17px;left:21px;right:21px;display:flex;justify-content:space-between}.compare-handle{position:absolute;top:50%;left:55%;z-index:4;transform:translate(-50%,-50%);width:43px;height:43px;border-radius:50%;border:1px solid white;background:var(--paper);font-size:16px}.ticker{overflow:hidden;white-space:nowrap;background:var(--orange);color:white;padding:16px;font:12px 'DM Mono',monospace;letter-spacing:1px;word-spacing:13px}.problem,.reveal{padding-top:145px;padding-bottom:145px}.two-col{display:grid;grid-template-columns:1.2fr .8fr;gap:10vw}.two-col h2{margin:0}.two-col p,.reveal-copy,.less p,.owners p{line-height:1.65;color:var(--muted)}.two-col .large{font-size:20px;line-height:1.45;color:var(--ink)}.sequence{margin-top:86px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 30px 1fr 30px 1fr 30px 1.1fr;align-items:center}.sequence div{min-height:120px;padding:24px 14px;display:flex;gap:17px;flex-direction:column}.sequence b{font:10px 'DM Mono',monospace;color:var(--orange)}.sequence strong{font-size:14px}.sequence>span{text-align:center;color:var(--line);font-size:20px}.sequence-end{background:var(--ink);color:white}.process,.examples{background:var(--soft);padding:135px 0}.section-intro{display:flex;justify-content:space-between;gap:50px;align-items:end}.section-intro h2{margin:0}.section-intro p{max-width:360px;color:var(--muted);line-height:1.6}.steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);margin-top:80px}.steps article{min-height:250px;padding:23px 24px 20px 0;margin-right:24px;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between}.steps article:last-child{border:0}.steps b{font:11px 'DM Mono',monospace;color:var(--orange)}.steps h3{font-size:22px;margin:0 0 14px}.steps p{font-size:14px;line-height:1.55;color:var(--muted)}.steps i{font-style:normal;font-size:25px}.reveal h2{max-width:850px}.reveal-copy{max-width:500px}.compare-wide{max-width:850px;height:490px;margin:60px auto 0}.reveal-bottom{max-width:850px;margin:28px auto;display:grid;grid-template-columns:1fr 1.35fr;gap:20px}.reveal-bottom strong{font-size:17px}.reveal-bottom div{display:flex;gap:7px;flex-wrap:wrap}.reveal-bottom span{border:1px solid var(--line);font:10px 'DM Mono',monospace;padding:9px}.reveal-bottom small{grid-column:2;color:var(--muted)}.examples-head,.services-head{display:flex;justify-content:space-between;align-items:end;gap:45px}.examples-head h2,.services-head h2{margin:0}.examples-head>p{max-width:285px;color:var(--muted);line-height:1.55}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:65px 25px;margin-top:82px}.card-photo{height:350px;background-size:cover;background-position:center;position:relative;filter:saturate(.72)}.card-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(#0005,transparent 40%,#0007)}.card-photo span,.card-photo>b{position:absolute;z-index:1;color:#fff;font:10px 'DM Mono',monospace;text-transform:uppercase}.card-photo span{top:18px;left:18px}.card-photo>b{bottom:18px;right:18px;font-size:18px}.cafe{background-image:url('https://embrysroofing.com/wp-content/uploads/2024/12/roof-overhang-commercial-building-with-awnings-over-doors.jpg')}.pharmacy{background-image:url('https://cdn.prod.website-files.com/688660ebc4a168e60b5eb70c/688fe22764a04d1c55c2209f_brand-new-mixeduse-property-with-storefront-office-space-sale-rent.jpg')}.industrial{background-image:url('https://burbachexteriors.com/wp-content/uploads/2021/02/commercial5.jpg')}.retail{background-image:url('https://images.homify.com/v1498828626/p/photo/image/2095814/Imagem_4.jpg')}.cards h3{font-size:22px;margin:17px 0}.card-copy{display:grid;grid-template-columns:1fr 1fr;gap:20px;border-top:1px solid var(--line);padding-top:13px}.card-copy p{font-size:12px;line-height:1.5;color:var(--muted);margin:0}.card-copy b{display:block;text-transform:uppercase;color:var(--orange);font:9px 'DM Mono',monospace;margin-bottom:7px}.less{padding-top:145px;padding-bottom:145px;display:grid;grid-template-columns:1.1fr .9fr;gap:8vw;align-items:center}.annotated{height:500px;background:linear-gradient(130deg,#314b3c99,transparent),url('https://www.startuploans.co.uk/sites/g/files/sovrnj156/files/2023-07/hero-shopfront-daytime-7490x5000.jpg.jpg') center/cover;position:relative;color:white}.annotated small{position:absolute;left:20px;bottom:20px;font:10px 'DM Mono',monospace}.marker{position:absolute;font:10px 'DM Mono',monospace}.marker b{font-weight:400;color:#d2dfc8}.m1{top:25%;right:13%}.m2{top:55%;left:16%}.m3{top:35%;left:9%}.m4{right:8%;bottom:22%}.less h2{margin-top:0}.less p{max-width:390px}.services{background:var(--green);color:#f8f7f0;padding:135px 0}.services .section-label{color:#e2ad89}.services-head>p{max-width:260px;line-height:1.55;color:#cbd2c8}.services-head strong{display:block;color:white;font-size:20px;line-height:1.25;margin-top:12px}.service-grid{margin-top:80px;display:grid;grid-template-columns:1fr 1fr;gap:0 10vw}.service-grid span{display:grid;grid-template-columns:45px 1fr 20px;padding:18px 0;border-top:1px solid #ffffff33;font:10px 'DM Mono',monospace;color:#d3d9d0}.service-grid b{font:18px 'DM Sans',sans-serif;color:white}.owners{background:var(--ink);color:white;padding:110px 0}.owners-grid{display:grid;grid-template-columns:1fr 2fr 1fr;gap:5vw;align-items:center}.owners-grid>b{font:11px 'DM Mono',monospace;color:#c5cbc1;align-self:start}.owners h2{margin-top:0}.owners p{max-width:490px}.light{background:var(--soft);color:var(--ink)}.stamp{border:1px solid #ffffff66;width:150px;height:150px;border-radius:50%;display:grid;place-content:center;text-align:center;font:11px 'DM Mono',monospace;transform:rotate(-12deg);justify-self:end}.stamp em{color:#e2ad89}.footer{background:#111411;color:#d5dbd2;padding-top:80px;padding-bottom:24px}.footer>div{display:flex;align-items:center;justify-content:space-between;padding-bottom:85px}.footer p{font:14px 'DM Mono',monospace;color:#9ca49a}.footer-button{background:transparent;border:1px solid #ffffff55;color:white;padding:14px 18px}.footer small{border-top:1px solid #ffffff23;padding-top:20px;display:flex;justify-content:space-between;color:#899286;font:10px 'DM Mono',monospace}.footer small i{font-style:normal}.modal{position:fixed;z-index:20;inset:0;background:#111411ba;display:none;place-items:center;padding:20px}.modal.show{display:grid}.modal-card{position:relative;width:min(540px,100%);background:var(--paper);padding:38px}.close{position:absolute;right:20px;top:13px;border:0;background:none;font-size:29px}.form-progress{height:2px;background:var(--line);margin:28px 0}.form-progress i{height:100%;width:33%;display:block;background:var(--orange);transition:.2s}.modal h2{font-size:35px;margin:14px 0}.modal p{color:var(--muted);line-height:1.55}.modal section>small{font:10px 'DM Mono',monospace;color:var(--muted)}.modal label{display:block;margin-top:25px;font:10px 'DM Mono',monospace;text-transform:uppercase;color:var(--muted)}.modal input{display:block;width:100%;background:transparent;border:0;border-bottom:1px solid var(--ink);padding:12px 0;font:17px 'DM Sans',sans-serif;outline:none}.modal .button{width:100%;margin-top:27px}.checks{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:24px}.checks button{background:transparent;border:1px solid var(--line);padding:13px;text-align:left}.checks button.active{border-color:var(--orange);background:#be634413}.drop{display:grid;width:100%;border:1px dashed #a9ada5;background:none;padding:36px;place-items:center;gap:8px;font-size:27px;color:var(--orange);margin-top:22px}.drop b{font:15px 'DM Sans',sans-serif;color:var(--ink)}.drop small{font:10px 'DM Mono',monospace;color:var(--muted)}
@media(max-width:800px){.nav-cta{display:none}.menu{display:block}.menu i{display:block;width:23px;height:1px;background:var(--ink);margin:6px}nav{display:none;position:absolute;top:78px;left:0;right:0;background:var(--paper);padding:22px 24px;flex-direction:column;border-bottom:1px solid var(--line)}nav.open{display:flex}.hero,.two-col,.less{grid-template-columns:1fr}.hero{padding-top:60px}.hero-copy{max-width:540px}.compare{margin-top:45px;height:115vw;min-height:380px}.compare-wide{height:100vw}.callouts{display:none}.sequence{display:block;margin-top:55px}.sequence>span{display:block;text-align:left;padding-left:15px}.sequence div{min-height:0;padding:17px 15px}.steps{grid-template-columns:1fr;margin-top:50px}.steps article{min-height:180px;border-right:0;border-bottom:1px solid var(--line);margin:0}.section-intro,.examples-head,.services-head{display:block}.section-intro p,.examples-head>p,.services-head>p{margin-top:28px}.cards{grid-template-columns:1fr;margin-top:55px;gap:48px}.card-photo{height:300px}.reveal-bottom{display:block}.reveal-bottom div{margin:20px 0}.reveal-bottom small{display:block}.less{gap:50px}.annotated{height:410px}.services,.process,.examples,.problem,.reveal,.less{padding-top:90px;padding-bottom:90px}.owners-grid{display:block}.owners-grid>b{display:block;margin-bottom:45px}.stamp{display:none}.footer>div{display:block;padding-bottom:55px}.footer p{margin:25px 0}.footer small{gap:12px;flex-wrap:wrap}.modal-card{padding:31px 22px}}