@font-face{font-family:Manrope;src:url('/assets/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk79FN_M-bk.woff2')}@font-face{font-family:Oswald;src:url('/assets/TK3_WkUHHAIjg75cFRf3bXL8LICs1_FvsUhiZQ.woff2')} :root{--bg:#10191c;--ink:#edf0ec;--muted:#a2acb0;--blue:#55c6ef;--line:#ffffff24;--shell:1180px;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.8 Manrope,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea{ -webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:default}img{display:block;max-width:100%;height:auto}button{border:0;background:none}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400;line-height:1.12}h1,h2{font-family:Oswald,sans-serif}h2{font-size:clamp(40px,5.4vw,74px);letter-spacing:-.025em}h2 em{font-family:Georgia,serif;font-weight:400;color:#91a8ad}p+p{margin-top:1.3em}a:hover{color:var(--blue)}:focus-visible{outline:2px solid var(--blue);outline-offset:5px}[hidden]{display:none!important}.shell{width:min(var(--shell),90%);margin-inline:auto}.section{padding-block:120px}.section-label{font-size:10px;text-transform:uppercase;letter-spacing:.22em;display:flex;gap:24px;align-items:center;margin-bottom:55px;color:#b8c4c6}.section-label span{color:var(--blue);font-size:12px}.section-label:after{content:'';height:1px;background:var(--line);flex:1}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:70px}.section-heading>p{max-width:365px;color:var(--muted)}.prose{color:#b6c0c1;line-height:1.9}.text-link{display:inline-block;font-size:11px;letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid #60767b;padding-block:8px}.skip{position:fixed;left:20px;top:-100px;z-index:100;background:#10242c;padding:15px}.skip:focus{top:10px} .site-header{position:fixed;z-index:40;top:18px;left:50%;transform:translateX(-50%);width:calc(100% - 42px);max-width:1450px;height:78px;border:1px solid #ffffff30;border-radius:16px;background:linear-gradient(115deg,#c3d6df25,#07192065 60%,#aec9d329);backdrop-filter:blur(28px) saturate(1.2);box-shadow:inset 0 1px #ffffff18,0 8px 35px #0002;display:flex;align-items:center;justify-content:space-between;padding:0 28px;transition:width .5s,height .5s,border-radius .5s}.site-header.compact{width:min(750px,calc(100% - 32px));height:66px;border-radius:40px}.phone{display:flex;align-items:center;gap:11px;font-size:12px;letter-spacing:.04em;padding:9px 14px;border:1px solid #ffffff25;border-radius:50px}.phone svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.4}.brand{position:absolute;left:50%;transform:translateX(-50%);width:190px}.brand img{width:100%;filter:brightness(0) invert(1)}.menu-toggle{display:flex;align-items:center;gap:18px;text-transform:uppercase;font-size:10px;letter-spacing:.15em;padding:15px 0 15px 15px}.menu-lines{width:26px;height:12px;border-block:1px solid #d7e4e9;display:block}#navigation{position:absolute;top:calc(100% + 12px);right:0;width:300px;padding:22px;background:#16252df5;border:1px solid var(--line);border-radius:16px;backdrop-filter:blur(25px)}#navigation a{display:block;padding:10px;border-bottom:1px solid var(--line)} .hero{min-height:650px;height:100svh;max-height:1100px;position:relative;isolation:isolate;overflow:hidden}.hero-photo,.hero-shade,.architectural-lines{position:absolute;inset:0;z-index:-1}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center 57%;filter:saturate(.65)}.hero-shade{background:linear-gradient(180deg,#08151c55,#0a161d35 30%,#08172085 62%,#07151de8)}.architectural-lines{inset-inline:4.8%;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(16.6667% - 1px),#d8eff31b calc(16.6667% - 1px),#d8eff31b 16.6667%);border-inline:1px solid #d8eff31b;pointer-events:none}.hero-body{height:100%;width:90%;max-width:1380px;margin:auto;padding-top:125px;padding-bottom:25px;display:flex;flex-direction:column}.hero-meta{display:flex;justify-content:space-between;align-items:center;font-size:10px;text-transform:uppercase;letter-spacing:.22em}.hero-meta a{border-bottom:1px solid #ffffff70;padding-bottom:5px}.hero-title{text-align:center;margin:auto 0 20px}.hero-title>p{font-size:12px;letter-spacing:.5em;text-transform:uppercase;margin-bottom:15px}.hero-title h1{font-size:clamp(72px,9.4vw,146px);line-height:.97;letter-spacing:-.035em;text-shadow:0 2px 30px #0003}.hero-title h1 span{color:#d1e6ed}.hero-rule{border-top:1px solid #d8eff347;margin-top:27px;padding-top:14px;display:flex;justify-content:space-between;text-transform:uppercase;letter-spacing:.18em;font-size:9px}.hero-bottom{width:100%;max-width:1180px;margin-inline:auto}.hero-features{display:flex;justify-content:center;gap:28px;margin-bottom:25px}.hero-features a{display:flex;align-items:center;gap:8px;font-size:10px;line-height:1.3;max-width:155px}.hero-features img{width:24px;height:24px;object-fit:contain;filter:brightness(0) invert(1);opacity:.75}.hero-corner{position:absolute;bottom:12px;right:5%;font-size:8px;letter-spacing:.18em;color:#b0c5ce} .quote-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:20px;border:1px solid #ffffff30;background:linear-gradient(135deg,#829ca222,#041217bb);backdrop-filter:blur(22px) saturate(.85);border-radius:14px;box-shadow:inset 0 1px #fff1,0 20px 70px #0002}.quote-form input:not([type=file],[type=checkbox]),.quote-form textarea,.service-picker,.upload{height:49px;width:100%;min-width:0;background:#e4f6ff08;border:1px solid #e4f6ff22;border-radius:6px;padding:12px;color:#edf1ee;box-shadow:inset 0 1px 2px #fff05;font-size:12px}.quote-form input::placeholder,.quote-form textarea::placeholder{color:#d3d9d9;opacity:1}.service-picker,.upload{display:flex;align-items:center;justify-content:space-between;gap:8px}.service-picker span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.service-picker b,.upload b{font-weight:400;font-size:18px}.upload{cursor:pointer;position:relative}.upload input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.details-pair{display:flex;gap:5px}.quote-form .details-pair input{width:82px}.quote-form textarea{resize:none}.quote-submit{border:1px solid #7baabb;background:linear-gradient(120deg,#426c7a45,#30505b15);border-radius:3px;text-transform:uppercase;font-size:10px;letter-spacing:.15em;display:flex;align-items:center;justify-content:space-between;padding:13px 18px;transition:background .2s}.quote-submit:hover{background:#1e637c}.quote-submit span{font-size:20px}.service-options{position:fixed;inset:auto;top:50%;left:50%;transform:translate(-50%,-50%);width:min(460px,90vw);max-height:70svh;overflow:auto;background:#14242b;border:1px solid #89b6c6;padding:25px;border-radius:14px;color:var(--ink);box-shadow:0 25px 100px #0008}.service-options::backdrop{background:#0008;backdrop-filter:blur(5px)}.service-options h3{margin-bottom:20px}.service-options label{display:flex;align-items:center;gap:15px;padding:8px;border-bottom:1px solid var(--line);font-size:13px}.service-options input{accent-color:var(--blue);width:18px;height:18px}.picker-done{position:sticky;bottom:0;background:#285566;padding:12px 30px;width:100%;margin-top:16px}.form-files,.form-error{grid-column:1/-1;font-size:12px}.form-files:empty{display:none}.form-files span{display:inline-flex;margin:3px 10px 3px 0;gap:10px}.form-files button{border-bottom:1px solid #eee}.form-error{color:#ffd1b6;margin:0}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%}.intro-grid h2{font-size:clamp(50px,6.8vw,94px)}.comparison{height:610px;position:relative;margin-top:85px;overflow:hidden;background:#293536}.comparison-after,.comparison-before{position:absolute;inset:0}.comparison img{width:100%;height:100%;object-fit:cover;object-position:center 62%}.comparison-before{clip-path:inset(0 calc(100% - var(--split)) 0 0)}.comparison input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;z-index:3}.comparison:focus-within{outline:2px solid var(--blue);outline-offset:4px}.comparison-line{position:absolute;left:var(--split);top:0;bottom:0;width:1px;background:#fff}.comparison-line span{position:absolute;left:0;top:50%;transform:translate(-50%,-50%);border:1px solid #ffffff80;backdrop-filter:blur(12px);background:#172b3580;border-radius:50%;width:60px;height:60px;display:grid;place-items:center;font-size:18px;letter-spacing:.15em}.before-label,.after-label{position:absolute;bottom:26px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;background:#16242b90;padding:6px 15px}.before-label{left:26px}.after-label{right:26px}.all-services{margin-top:60px;border-block:1px solid var(--line)}.all-services ul{columns:3;color:var(--muted);padding:20px 20px 35px;line-height:2.2}.about{background:linear-gradient(#0c1615ec,#0c1615f5),url('/assets/625-1.jpg') center/cover}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.about-photo{position:relative}.about-photo img{width:100%;aspect-ratio:4/5;object-fit:cover}.about-photo span{position:absolute;bottom:25px;left:25px;background:#07151dab;backdrop-filter:blur(15px);padding:8px 18px;font-size:10px;letter-spacing:.16em;text-transform:uppercase}.about-grid h2{font-size:48px;margin-bottom:40px}.reviews{overflow:hidden;background:linear-gradient(#101c20ef,#101c20ee),url('/assets/5956-1.jpg') center/cover}.review-track{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;padding:10px max(5vw,calc((100vw - 1180px)/2)) 25px;scrollbar-color:#466473 transparent}.review{flex:0 0 370px;scroll-snap-align:center;padding:30px;border:1px solid #ffffff20;background:#d3e7ec07;height:440px;overflow:auto}.review header{display:flex;align-items:center;gap:12px;font-size:12px}.review header img:first-child{width:38px;height:38px;border-radius:50%}.review header img:last-child{width:20px;height:20px;margin-left:auto}.stars{color:#9bd6e7;display:block;letter-spacing:.15em;font-size:14px;margin:25px 0 20px}.review blockquote{margin:0;font-size:15px;line-height:1.85;color:#d6dedf}.review-controls{display:flex;justify-content:flex-end;gap:10px;margin-top:-45px;margin-bottom:25px}.review-controls button{border:1px solid var(--line);width:40px;height:40px;border-radius:50%;font-size:18px}.personal-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%}.personal-grid h2{font-size:58px}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:80px;padding-top:40px;border-top:1px solid var(--line)}.benefits img{width:45px;height:45px;object-fit:contain;filter:brightness(0) invert(1);opacity:.75;margin-bottom:30px}.benefits h3{font-family:Oswald;font-size:24px;line-height:1.3;margin-bottom:20px}.benefits p{color:var(--muted);font-size:13px}video{display:block;max-width:100%;width:100%;max-height:620px;margin-top:70px;background:#081317}.areas{background:#152126}.areas-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:start}.map-frame{position:sticky;top:120px;border:1px solid var(--line)}.map-frame iframe{border:0;width:100%;height:500px;display:block;filter:grayscale(.75)}.map-frame>a{display:block;padding:20px;font-size:12px}.area-list details{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;padding:20px 0;font-size:15px}summary::-webkit-details-marker{display:none}summary>span{color:var(--blue);font-size:20px;font-weight:300}details[open]>summary>span{transform:rotate(45deg)}details p{color:var(--muted);font-size:14px;padding-bottom:20px}details .text-link{margin-bottom:20px}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:9%}.faq-grid h2{font-size:56px}.faq details{border-bottom:1px solid var(--line)}.contact{background:linear-gradient(100deg,#06141bea,#0b2025dd),url('/assets/concrete-repair-service-melbourne.jpg') center/cover}.contact h2{font-size:clamp(45px,5vw,70px)}.contact-copy{columns:2;column-gap:70px;margin-block:45px;max-width:1100px}.contact-actions{display:flex;justify-content:space-between;gap:25px;margin-block:40px;font-size:15px}.footer{background:#0b1215;overflow:hidden;padding-top:65px;position:relative}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:70px;position:relative;z-index:2}.footer-grid p{font-family:Oswald;text-transform:uppercase;font-size:19px;margin-bottom:18px}.footer-grid a,.footer-grid span{display:block;color:#a9b9bf;font-size:12px;margin-bottom:7px}.monster-scene{height:400px;perspective:700px;position:relative;margin-top:0;overflow:hidden;background:radial-gradient(ellipse at 50% 72%,#23424d33,transparent 70%)}.monster-plane{position:absolute;width:77%;left:11.5%;top:50px;transform:rotateX(35deg);transform-origin:center top}.monster-logo{width:100%;filter:brightness(0) invert(1);opacity:.63;mask-image:linear-gradient(#000 50%,#0008)}.monster-plane:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 4px,#0613170a 5px);pointer-events:none}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-block:25px;border-top:1px solid var(--line);font-size:10px;color:#8da0a8}.mobile-rail{display:none}dialog{background:#15272e;color:var(--ink);border:1px solid #8db5c377;border-radius:15px;width:min(590px,92vw);padding:45px;max-height:85svh;overflow:auto}dialog::backdrop{background:#000b;backdrop-filter:blur(8px)}.dialog-close{position:absolute;right:20px;top:14px;font-size:30px}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:10px;margin-bottom:20px}dialog h2{font-size:46px}dl{margin-block:30px}dt{font-size:10px;text-transform:uppercase;color:var(--muted);letter-spacing:.1em;margin-top:15px}dd{margin:4px 0;overflow-wrap:anywhere}.preview-notice{font-size:12px;color:#bfcdd0;padding-block:18px;border-block:1px solid var(--line);margin-bottom:20px}.edit-enquiry{display:block;margin-top:20px;font-size:12px;text-decoration:underline}.selection-toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#244a5a;padding:12px 24px;z-index:60;border:1px solid #8bb4c5;font-size:12px;max-width:90vw} @media(min-width:1500px){.hero-title h1{font-size:150px}.hero{min-height:950px}}@media(max-width:1000px){.hero{min-height:700px}.hero-features{gap:12px}.hero-features a{font-size:9px}.hero-features img{width:20px}.intro-grid,.personal-grid{gap:6%}.about-grid h2,.personal-grid h2,.faq-grid h2{font-size:42px}.section{padding-block:90px}.comparison{height:500px}.benefits{gap:25px}.contact-copy{column-gap:35px}.monster-scene{height:300px}.map-frame iframe{height:400px}} @media(max-width:700px){html{scroll-padding-top:95px}.site-header{height:65px;padding:0 16px;top:12px;width:calc(100% - 24px)}.brand{width:140px}.phone{padding:8px;border:0}.phone span{display:none}.menu-toggle{font-size:0;gap:0}.menu-lines{width:23px}.hero{height:auto;min-height:900px;max-height:none}.hero-body{padding-top:115px;padding-bottom:40px}.hero-meta{font-size:8px;letter-spacing:.12em}.hero-title{margin:55px 0 25px}.hero-title>p{font-size:10px;letter-spacing:.35em}.hero-title h1{font-size:clamp(55px,13.2vw,91px)}.hero-rule{font-size:7px;margin-top:24px;letter-spacing:.14em}.hero-features{display:grid;grid-template-columns:repeat(2,1fr);gap:12px 15px;margin:25px auto;width:max-content;max-width:100%}.hero-features a{font-size:10px;max-width:160px}.quote-form{grid-template-columns:repeat(2,minmax(0,1fr));padding:13px;gap:8px}.details-pair{grid-column:1/-1}.quote-submit{grid-column:1/-1;height:48px;justify-content:center;gap:25px}.hero-photo img{object-position:58% center}.hero-shade{background:linear-gradient(#07141c66,#08182088 45%,#07151dee)}.section{padding-block:75px}.section-label{margin-bottom:35px;font-size:8px;letter-spacing:.15em;gap:15px}.section-heading{display:block;margin-bottom:40px}.section-heading>p{margin-top:28px;max-width:none}.section-heading .text-link{margin-top:20px}h2{font-size:43px}.intro-grid,.about-grid,.personal-grid,.areas-grid,.faq-grid{grid-template-columns:1fr;gap:35px}.intro-grid h2{font-size:58px}.prose{font-size:14px}.comparison{height:400px;margin-top:45px}.comparison img{object-fit:cover}.about-photo img{aspect-ratio:1}.about-grid h2,.personal-grid h2,.faq-grid h2{font-size:42px}.review{flex-basis:85vw;height:430px;padding:25px}.review-controls{margin-top:0}.benefits{grid-template-columns:1fr;gap:35px;margin-top:40px}.benefits article{display:grid;grid-template-columns:42px 1fr;column-gap:20px}.benefits img{width:38px;margin:0;grid-row:1/3}.benefits h3{font-size:22px;margin-bottom:12px}.benefits p{grid-column:2}.map-frame{position:static}.map-frame iframe{height:340px}.area-list summary{font-size:14px}.contact-copy{columns:1;margin-block:30px}.contact-actions{display:block;font-size:13px}.contact-actions a{display:block;margin:10px 0}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-grid>div:first-child{grid-column:1/-1}.monster-scene{height:180px;margin-top:30px}.monster-plane{width:88%;left:6%;top:20px;transform:rotateX(25deg)}.footer-bottom{flex-wrap:wrap;font-size:9px;padding-bottom:85px}.footer-bottom>span{width:100%}.mobile-rail{display:flex;position:fixed;bottom:0;inset-inline:0;z-index:35;background:#122832f2;backdrop-filter:blur(20px);border-top:1px solid #ffffff30;padding-bottom:env(safe-area-inset-bottom)}.mobile-rail a{width:50%;text-align:center;padding:14px;font-size:12px}.mobile-rail a+a{border-left:1px solid var(--line);color:var(--blue)}.all-services ul{columns:2;font-size:12px}.selection-toast{bottom:75px}dialog{padding:35px 25px}} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}} .service-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px 24px}.service-actions .choose-service{margin-right:0}.service-actions .text-link{min-height:44px;display:inline-flex;align-items:center} @media(min-width:701px) and (max-width:1000px){.quote-form .details-pair input{width:65px;flex-shrink:0;padding-inline:8px}.details-pair textarea{padding-inline:8px}} .reviews{background:#090909 var(--speed-wall,none) center/cover;position:relative;isolation:isolate;padding-block:100px;overflow:hidden} .reviews:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#0002,#0005);pointer-events:none} .reviews .section-label{margin-bottom:36px;color:#bcbcbc}.reviews .section-label span{color:#c9c9c9}.reviews .section-heading{margin-bottom:32px}.reviews h2{font:400 clamp(45px,5vw,74px)/1.02 GenEditorial,Georgia,serif;letter-spacing:-.055em;color:#ededeb}.reviews h2 em{color:#bcbcbc} .review-carousel{display:grid;gap:0}.review-track{align-items:stretch;gap:16px;padding-block:8px 10px;scrollbar-width:none}.review-track::-webkit-scrollbar{display:none}.review-track:nth-child(2){padding-left:max(9vw,calc((100vw - 1180px)/2 + 80px))} .review{flex:0 0 300px;height:auto;min-height:232px;overflow:visible;padding:18px;display:flex;flex-direction:column;background:rgb(255 255 255 / 8%);border:1px solid #ffffff28;border-radius:12px;box-shadow:0 12px 28px #0008,inset 0 1px #ffffff0c;transition:transform .2s,border-color .2s} .review:hover,.review:focus-within{transform:translateY(-3px);border-color:#ffffff50} .review header{font-size:11px;min-height:28px}.review header strong{font-weight:600;color:#ededed}.review header img:first-child{width:28px;height:28px}.review .stars{color:#d9c794;margin:10px 0 8px;font-size:12px;letter-spacing:2px} .review blockquote{font:400 19px/1.22 GenEditorial,Georgia,serif;letter-spacing:-.015em;color:#efefed;margin:0;display:block;overflow:visible} .review-source{font:400 10px/1.4 Manrope,sans-serif;letter-spacing:.06em;color:#c6c6c6;margin-top:auto;min-height:28px;display:inline-flex;align-items:end;padding-top:10px;align-self:flex-start;border-bottom:1px solid #ffffff25;padding-bottom:4px}.review-source:hover{color:#fff;border-color:#fff} .reviews .review-controls{margin:0 auto 8px;gap:10px}.review-controls button{width:44px;height:44px;background:#ffffff06;border-color:#ffffff35;color:#e3e3e3} @media(max-width:700px){.reviews{padding-block:75px}.reviews h2{font-size:48px}.review{flex-basis:min(80vw,300px);padding:18px;min-height:232px;height:auto}.review blockquote{font-size:19px}.review-track:nth-child(2){padding-left:10vw}.reviews .section-heading{margin-bottom:22px}} @media(prefers-reduced-motion:reduce){.review{transition:none}.review:hover,.review:focus-within{transform:none}} .review-map .map-frame iframe{filter:none;color-scheme:light} .review-track.is-moving{scroll-snap-type:none;scroll-behavior:auto;touch-action:pan-y;cursor:grab;overflow-x:auto;overflow-anchor:none;padding-inline:0} .review-track.is-dragging{cursor:grabbing;user-select:none} .review-track img{-webkit-user-drag:none;user-select:none} .review-track.is-moving .review{scroll-snap-align:none} .reviews .review-controls{justify-content:flex-end;margin-top:-65px;margin-bottom:20px;pointer-events:none} .review-controls .review-pause{pointer-events:auto;font-size:18px} .review-pause[aria-pressed=true]{background:#ffffff20} @media(max-width:700px){.reviews .review-controls{margin-top:-62px;margin-bottom:18px}} @media(prefers-reduced-motion:reduce){.review-controls .review-pause{display:none}} .quote-form{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-items:start} .quote-form>input:not([type=file]),.quote-form>textarea,.quote-form .service-picker,.quote-form .upload{box-sizing:border-box;height:52px;min-height:52px;max-height:52px;min-width:0;width:100%;margin:0;padding:0 15px;border:1px solid #ffffff30;border-radius:6px;background:#ffffff06;color:#f0f0ed;font:400 12px/1.4 Manrope,sans-serif;box-shadow:inset 0 1px 2px #ffffff05} .quote-form>textarea{padding-block:16px;resize:none;overflow:auto;display:block} .quote-form .service-field{min-width:0;height:52px} .quote-form .service-picker,.quote-form .upload{display:flex;align-items:center;justify-content:space-between;gap:10px} .quote-form .service-picker b,.quote-form .upload b{flex-shrink:0;font-size:18px;line-height:1} .quote-form .upload>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .quote-form input::placeholder,.quote-form textarea::placeholder{color:#d3d3d0;opacity:1} .quote-form>.quote-submit{grid-column:1/-1;width:100%;height:48px;min-height:48px;margin:0;display:flex;align-items:center;justify-content:center;gap:16px;border:1px solid #ffffff50;border-radius:6px;background:#ffffff0a;font-size:10px} .hero{min-height:800px} #services{width:90.4%;max-width:none} #services>.section-heading>p{max-width:36ch} .comparison{width:min(100%,720px);height:auto;aspect-ratio:16/10;margin:65px auto 0} .comparison img{object-position:center} @media(max-width:800px){ .quote-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px} .quote-form>input:not([type=file]),.quote-form>textarea,.quote-form .service-picker,.quote-form .upload{font-size:12px;padding-inline:12px} #services{width:90.4%} .comparison{margin-top:40px;aspect-ratio:4/3} .hero{min-height:980px;max-height:none;height:auto}.hero-body{min-height:980px}.hero-title{margin:50px 0 30px} } @media(max-width:360px){.quote-form{padding:10px}.quote-form>input:not([type=file]),.quote-form>textarea,.quote-form .service-picker,.quote-form .upload{font-size:11px;padding-inline:9px}} .service-stage{max-width:350px;width:100%}.service-panel>img{aspect-ratio:3/2} .comparison{max-width:350px;aspect-ratio:1} .about-photo{max-width:414px;width:100%;justify-self:center}.about-photo img{aspect-ratio:828/667;object-fit:contain} @media(min-width:801px){.service-tracking-line{left: min(350px,33.3333%)}} @media(max-width:800px){.service-stage{align-self:center}.comparison{width:min(100%,350px)}} @media(min-width:801px) and (max-width:1100px){.service-tracking-line{left:min(350px,41.6667%)}} .intro-story .comparison{margin:38px 0 0}.intro-grid{align-items:start}.intro-grid>.prose{padding-top:8px}#services{padding-top:100px} @media(max-width:700px){.intro-story .comparison{margin:32px auto 0}#services{padding-top:75px}} .hero{height:max(115svh,1050px);max-height:none;min-height:1050px} .hero-title{margin:65px 0 auto}.hero-bottom{margin-top:180px} .hero-photo img{object-position:center 65%} .architectural-lines{background:linear-gradient(90deg,transparent calc(50% - .5px),#d8eff31b calc(50% - .5px),#d8eff31b calc(50% + .5px),transparent calc(50% + .5px))} @media(min-width:1101px){ #services{width:90.4%} .service-explorer,#services>.section-heading{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:4.8vw} .service-stage{grid-column:1;max-width:none;width:100%} .service-tabs,#services>.section-heading h2{grid-column:2} #services>.section-heading>p{grid-column:1} .service-tracking-line{left:calc((100% - 4.8vw)/2)} } .service-quote{display:inline-flex;align-items:center;gap:10px;min-height:44px;cursor:pointer;font:400 12px/1.4 Manrope,sans-serif;color:#e1e7e3} .service-actions .choose-service{appearance:auto;width:18px;height:18px;min-height:18px;margin:0;padding:0;accent-color:#9cbfb8;cursor:pointer;border:0} @media(max-width:1100px){ #services>.section-heading{display:flex;flex-direction:column;gap:22px;margin-bottom:30px} #services>.section-heading h2{font-size:32px} .service-explorer{display:block;padding-bottom:0!important} .service-stage{display:none}.service-tabs{display:block;width:100%;overflow:visible;padding:0} .service-tab{display:block;width:100%;max-width:none;white-space:normal;font-size:clamp(23px,3.5vw,34px);min-height:52px;padding:14px 0;border:0;border-bottom:1px solid #ffffff15} .service-panel{width:100%;max-width:650px;margin:22px auto 30px} .service-panel>img{aspect-ratio:3/2}.service-panel>h3{display:none} .service-panel>p{font-size:13px;margin-top:16px;max-width:none} .service-tracking-line{display:none} } @media(max-width:800px){ .hero{height:auto;min-height:1150px}.hero-body{min-height:1150px} .hero-title{margin:55px 0 auto}.hero-bottom{margin-top:220px} .hero-photo img{object-position:58% center} .service-panel{max-width:560px}.service-actions{gap:4px 20px} } .hero-photo{bottom:220px}.hero-photo img{object-position:center bottom} .hero-shade{background:linear-gradient(180deg,#08151c40,#0a161d20 35%,#08172035 62%,#07151d 85%)} @media(max-width:800px){.hero-photo{bottom:430px}.hero-photo img{object-position:43% bottom}.hero-shade{background:linear-gradient(#07141c50,#08182020 42%,#07151d 70%)}} .architectural-lines{background:none} .pancake-heading{grid-column:1/-1;text-align:center;font:600 clamp(24px,2.6vw,38px)/1.15 Oswald,sans-serif;text-transform:uppercase;letter-spacing:.025em;margin:2px 0 14px;color:#f0f0ed} @media(min-width:801px){.hero{height:max(calc(115svh + 75px),1125px);min-height:1125px}} @media(max-width:800px){.pancake-heading{font-size:clamp(23px,4.5vw,32px);margin:5px 4px 14px}} .areas{background:#15191a;color:#f2f2ec;overflow:hidden;isolation:isolate;padding-bottom:96px} .areas .section-heading h2{font:400 clamp(42px,5vw,70px)/1.06 GenEditorial,Georgia,serif;letter-spacing:-.035em} .areas h2 em{color:#b8c8c8} .areas .section-label,.areas .section-label span{color:#b8c5c6} .areas .section-heading{max-width:870px;margin-bottom:40px} .area-explorer{position:relative} .area-art{position:relative;margin:0 0 34px;border:1px solid #ffffff27;border-radius:17px;overflow:hidden;background:#0d0f10;box-shadow:0 28px 65px #0008} .area-art>img{display:block;width:100%;height:auto;max-height:650px;object-fit:cover;object-position:center 54%} .area-art:after{content:'';position:absolute;inset:45% 0 0;pointer-events:none;background:linear-gradient(transparent,#090d0dc7)} .area-art figcaption{position:absolute;z-index:2;left:30px;bottom:27px;display:grid;gap:5px;text-shadow:0 2px 8px #000b} .area-art figcaption strong{font:italic 400 clamp(25px,2.8vw,38px)/1.1 GenEditorial,Georgia,serif;color:#fff9eb} .area-art figcaption span{font:500 11px/1.5 Manrope,sans-serif;color:#e0e4e2} .area-outline-inset{position:absolute;z-index:2;right:22px;bottom:22px;width:255px;padding:12px 15px 11px;border:1px solid #e1f0ed55;border-radius:11px;background:#111b1bbb;backdrop-filter:blur(17px);-webkit-backdrop-filter:blur(17px);box-shadow:inset 0 1px #ffffff2e,0 10px 32px #0006} .area-inset-heading{display:block;font:600 10px/1.4 Manrope,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#d7e9e7} .area-inset-map{display:block;width:100%;height:180px;overflow:hidden;margin-block:3px} .area-inset-boundaries path{fill:#b1d4d116;stroke:#b7ded6;stroke-width:.85;vector-effect:non-scaling-stroke} .area-inset-map text{fill:#f3f5f0;font:600 6px Manrope,sans-serif;paint-order:stroke;stroke:#152121;stroke-width:1.5px;pointer-events:none} .area-outline-inset>a{color:#bbd4d1;font:500 9px/1.3 Manrope,sans-serif;text-decoration:underline;text-underline-offset:2px} .area-outline-inset>a:focus-visible{outline:2px solid #a5e7ff;outline-offset:2px} .area-carousel-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:11px} .area-carousel-heading p{font:italic 400 clamp(21px,2.4vw,30px)/1.2 GenEditorial,Georgia,serif;margin:0;color:#e4e9e6} .area-pause{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 13px;background:#ffffff10;border:1px solid #ffffff49;border-radius:30px;color:#e4eeee;font:600 11px Manrope,sans-serif;cursor:pointer;white-space:nowrap} .area-pause[hidden]{display:none} .area-pause:hover,.area-pause:focus-visible{background:#59bce529;border-color:#9fdbf2;outline:none} .area-pause[aria-pressed=true]{background:#69bde025;border-color:#91d8f1} .area-carousel{width:100vw;position:relative;left:50%;transform:translateX(-50%);display:grid;gap:18px} .area-row{display:flex;align-items:stretch;gap:18px;overflow-x:auto;padding:7px max(18px,calc((100vw - 1180px)/2)) 12px;scrollbar-width:thin;scrollbar-color:#b3c6c566 transparent;scroll-snap-type:x proximity} .area-row.is-moving{scrollbar-width:none;scroll-snap-type:none;touch-action:pan-y;cursor:grab;overflow-anchor:none} .area-row.is-moving::-webkit-scrollbar{display:none} .area-row.is-dragging{cursor:grabbing;user-select:none} .area-tile{flex:0 0 390px;max-width:390px;min-height:335px;display:flex;flex-direction:column;align-items:flex-start;padding:18px;overflow:visible;border:1px solid #ffffff28;border-radius:12px;background:linear-gradient(135deg,#222222ed,#101010f5);box-shadow:0 12px 28px #0008,inset 0 1px #ffffff0c;scroll-snap-align:start;transition:transform .2s,border-color .2s} .area-tile:hover,.area-tile:focus-within{transform:translateY(-3px);border-color:#ffffff50} .area-tile h3{width:100%;white-space:nowrap;font:400 26px/1.18 GenEditorial,Georgia,serif;letter-spacing:-.02em;color:#f4f7f3;margin:0 0 12px} .area-tile p{font:400 12.5px/1.72 Manrope,sans-serif;color:#d7e2df;margin:0 0 9px;max-width:48ch} .area-tile p:last-of-type{margin-bottom:22px} .area-tile p a{color:#eaf6f5;text-decoration:underline;text-underline-offset:3px} .area-explore{display:inline-flex;align-items:center;justify-content:space-between;gap:17px;margin-top:auto;min-height:44px;padding:10px 14px;border:1px solid #b9def069;border-radius:12px;color:#e9f7fc;background:rgba(0,173,238,var(--area-blue-fill,0));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:inset 0 1px #ffffff3a,0 8px 20px #0003;font:600 11px/1.4 Manrope,sans-serif;text-decoration:none;transition:border-color .2s,color .2s} .area-explore svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex:none} .area-explore:hover,.area-explore:focus-visible{border-color:#b8ebff;animation:area-hover-flash .5s ease-out 1} .area-explore:focus-visible{outline:2px solid #d6f4ff;outline-offset:3px} @keyframes area-hover-flash{0%{box-shadow:inset 0 1px #ffffff3a,0 8px 20px #0003}45%{box-shadow:inset 0 0 21px #b8ecff65,0 0 27px #68ceff8a}100%{box-shadow:inset 0 1px #ffffff3a,0 8px 20px #0003}} @supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.area-outline-inset{background:#142122}.area-explore{background:#101010}} @media(prefers-reduced-transparency:reduce){.area-outline-inset{background:#142122;backdrop-filter:none;-webkit-backdrop-filter:none}.area-explore{background:#101010;backdrop-filter:none;-webkit-backdrop-filter:none}} @media(max-width:800px){.areas{padding-bottom:70px}.area-art>img{max-height:none}.area-outline-inset{right:12px;bottom:12px;width:210px;padding:9px 11px}.area-inset-map{height:135px}.area-art figcaption{left:17px;bottom:20px;max-width:36%}.area-art figcaption strong{font-size:26px}.area-art figcaption span{font-size:10px}.area-tile{flex-basis:350px;max-width:350px;min-height:350px}.area-carousel{gap:13px}.area-row{gap:13px}} @media(max-width:600px){ .areas .section-heading{margin-bottom:28px} .area-art{margin-bottom:24px;border-radius:11px} .area-art:after{display:none} .area-art>img{height:auto;max-height:none;object-fit:contain} .area-art figcaption{position:relative;left:auto;bottom:auto;top:auto;max-width:none;padding:14px 16px 10px;text-shadow:none;background:#0d1111} .area-art figcaption strong{font-size:25px} .area-art figcaption span{font-size:10px} .area-outline-inset{position:relative;right:auto;bottom:auto;width:auto;display:grid;grid-template-columns:minmax(0,1fr) 145px;grid-template-rows:auto auto;gap:2px 9px;padding:8px 16px 12px;border:0;border-top:1px solid #ffffff2b;border-radius:0;background:#0d1515;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none} .area-inset-heading{grid-column:1;grid-row:1;align-self:end;font-size:9px} .area-inset-map{grid-column:2;grid-row:1/3;height:95px;margin:0} .area-outline-inset>a{grid-column:1;grid-row:2;align-self:start;font-size:8px} .area-carousel-heading{flex-direction:column;align-items:flex-start;gap:8px} .area-carousel-heading p{font-size:23px} .area-pause{align-self:flex-start} .area-tile{flex-basis:calc(100vw - 34px);max-width:380px;min-height:350px} .area-row{padding-inline:17px} .area-tile h3{font-size:24px} } @media(prefers-reduced-motion:reduce){.area-tile,.area-explore{transition:none}.area-tile:hover,.area-tile:focus-within{transform:none}.area-explore:hover,.area-explore:focus-visible{animation:none}.area-row{scroll-behavior:auto}.area-pause{display:none!important}} #areas.areas{position:relative;background:linear-gradient(#101112b3,#101112b3),#101112 var(--speed-wall,none) center/cover;padding-top:80px} #areas.areas:before{content:none} #areas .area-explorer:before{content:'';position:absolute;top:-8vw;left:calc(50% - 50vw);width:100vw;aspect-ratio:1672/941;z-index:-1;background:var(--speed-museum,none) center top/100% auto no-repeat;filter:none;opacity:1;mask-image:linear-gradient(180deg,transparent 0%,#000 12%,#000 76%,transparent 100%);pointer-events:none} #areas>.shell{position:relative;z-index:1} #areas .section-heading,#areas .section-label{text-shadow:0 2px 7px #000b} #areas .area-art{border:0;border-radius:0;box-shadow:none;background:none;overflow:visible;height:clamp(340px,42vw,760px);margin:0 0 32px} #areas .area-art>img,#areas .area-art:after{display:none} #areas .area-art figcaption{position:absolute;left:0;bottom:0;background:none;padding:0;text-shadow:0 2px 8px #000b;max-width:none} .area-explore{background:rgba(0,173,238,.24);transition:background .2s,border-color .2s,color .2s,box-shadow .2s} .area-explore:hover,.area-explore:focus-visible{background:rgba(0,173,238,.9);color:#082631;animation:none;box-shadow:inset 0 1px #ffffff4d,0 0 22px #68ceff40} @media(max-width:600px){#areas.areas{padding-top:60px}#areas .area-explorer:before{top:0}#areas .area-art{height:calc(56.28vw + 100px)}#areas .area-art figcaption strong{font-size:25px}} @media(prefers-reduced-transparency:reduce){.area-explore{background:#174b5e;backdrop-filter:none;-webkit-backdrop-filter:none}.area-explore:hover,.area-explore:focus-visible{background:#00adee}} #areas .section-heading .prose{color:#f2f4f2} .area-carousel{gap:0;grid-auto-rows:1fr} .area-row{padding:9.6px 0;gap:0;scroll-snap-type:none;scrollbar-width:none;touch-action:auto;cursor:pointer} .area-row::-webkit-scrollbar{display:none} .area-row:focus-visible{outline:2px solid #8bcade;outline-offset:-3px} .area-row .motion-group{position:relative;display:flex;flex:none;gap:14.4px;padding-right:14.4px;align-items:stretch} .area-tile{display:grid;grid-template-rows:76.8px auto 1fr;align-items:center;justify-items:center;flex:0 0 336px;width:336px;max-width:none;min-height:264px;padding:19.2px;gap:12.8px;text-align:center;border:1px solid #ffffff55;box-shadow:inset 0 1px #ffffff46,0 10px 30px #0008;transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease} .area-tile:hover,.area-tile:focus-within{transform:scale(1.008);border-color:#ffffff68;box-shadow:inset 0 1px #ffffff50,0 11px 31px #0008} .area-postcode{display:flex;align-items:center;justify-content:center;height:76.8px;font:400 42px/1 Oswald,sans-serif;letter-spacing:.045em;color:#dce6e4;text-shadow:0 1px 3px #0009} .area-postcode.is-region{font:400 17px/1.3 Oswald,sans-serif;letter-spacing:.035em;max-width:120px} .area-tile h3{font:400 19.2px/1.25 Oswald,sans-serif;letter-spacing:normal;white-space:normal;margin:0;width:100%;text-shadow:0 1px 3px #0009} .area-copy{align-self:center;width:100%} .area-tile p{font:400 14px/1.6 Manrope,sans-serif;max-width:none;color:#e0e6e5;margin:0 0 8px;text-shadow:0 1px 3px #0009} .area-tile p:last-of-type{margin-bottom:0} .area-explore{justify-self:center;justify-content:center;margin:0;min-height:44px;padding:8px 12px;gap:10px} .area-explore:hover,.area-explore:focus-visible{background:rgba(0,173,238,.3);color:#e9f7fc;border-color:#c3e2ef88;box-shadow:inset 0 1px #ffffff45,0 8px 20px #0003;animation:none} @media(max-width:1100px){.area-tile{flex-basis:304px;width:304px;padding:17.6px}.area-tile h3{font-size:17.6px}.area-row .motion-group{gap:11.2px;padding-right:11.2px}} @media(max-width:600px){.area-tile{flex-basis:calc((100vw - 32px)*.8);width:calc((100vw - 32px)*.8);max-width:304px;min-height:248px;grid-template-rows:62.4px auto 1fr;padding:16px 12.8px;gap:11.2px}.area-postcode{height:62.4px;font-size:36px}.area-tile h3{font-size:clamp(16px,4.24vw,17.6px)}} @media(prefers-reduced-motion:reduce){.area-tile{transition:none}.area-tile:hover,.area-tile:focus-within{transform:none}} .area-row.is-motion-enhanced{touch-action:pan-y} .area-tile h3{color:#edf0eb} .area-tile h3 a{color:inherit;text-decoration:none} .area-tile h3 a:hover{text-decoration:underline;text-underline-offset:4px} .area-tile h3 a:focus-visible{outline:2px solid #00adee;outline-offset:4px} .area-tile p{max-width:310px;margin:0;text-wrap:pretty} .area-tile{background:linear-gradient(115deg,#ffffff24,#11182030 60%,#ffffff16);-webkit-backdrop-filter:blur(28px) saturate(1.35);backdrop-filter:blur(28px) saturate(1.35);border-color:#ffffff55;box-shadow:inset 0 1px #ffffff46,0 10px 30px #0003} .area-tile:hover,.area-tile:focus-within{box-shadow:inset 0 1px #ffffff50,0 11px 31px #0003} .area-postcode,.area-tile h3,.area-tile p{text-shadow:0 1px 3px #0008} @supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.area-tile{background:#25292c}} @media(prefers-reduced-transparency:reduce){.area-tile{background:#25292c;-webkit-backdrop-filter:none;backdrop-filter:none}} .footer{position:relative;isolation:isolate;overflow:hidden;background:#071016;padding:90px 0 110px;min-height:660px}.footer-grid{grid-template-columns:1.25fr 1fr 1fr 1.3fr;gap:5%;z-index:2}.footer-grid h2{font:700 13px/1.3 Manrope,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#00adee;margin:0 0 25px}.footer-grid a,.footer-grid span{font:400 14px/1.8 Manrope,sans-serif;color:#a9b5bb;margin:0;overflow-wrap:anywhere}.footer-grid nav a{padding:7px 0;min-height:40px}.footer-grid a:hover,.footer-grid a:focus-visible{color:#fff}.footer-identity img{width:225px;max-width:100%;height:auto;margin:0 0 25px}.footer-identity .footer-social{display:grid;place-items:center;width:40px;height:40px;border:1px solid #00adee50;border-radius:50%;font:bold 24px/1 Arial;color:#00adee;margin-top:25px}.footer-contact a,.footer-contact span{margin-bottom:16px}.footer-grid .footer-more{color:#00adee}.footer .monster-scene{position:absolute;inset:200px 0 0;height:auto;margin:0;z-index:0;overflow:hidden;perspective:850px;background:none;pointer-events:none}.footer .monster-plane{width:68%;left:16%;top:135px;transform:rotateX(38deg);transform-origin:center top}.footer .monster-logo{height:auto;width:100%;opacity:.22;filter:brightness(0) invert(1);mask-image:linear-gradient(transparent,#0008 40%,#000)}.footer .monster-plane:after{display:none}.footer-bottom{position:relative;z-index:2;margin-top:75px;align-items:center;border-color:#ffffff20;font-size:11px;padding-block:25px;gap:22px;color:#8c9aa2}.footer-bottom>a:last-child,.footer-bottom>.footer-credit{margin-left:auto}.footer .map-credits{font-size:11px}.footer a:focus-visible,.footer summary:focus-visible{outline:1px solid #00adee;outline-offset:4px} @media(max-width:1000px){.footer{padding-top:65px}.footer-grid{grid-template-columns:1fr 1fr;gap:45px 9%}.footer-grid>div:first-child{grid-column:auto}.footer .monster-scene{top:auto;height:350px;bottom:0}.footer .monster-plane{top:90px}.footer-bottom{flex-wrap:wrap;margin-top:50px}.footer-bottom>a:last-child,.footer-bottom>.footer-credit{margin-left:0}} @media(max-width:500px){.footer{padding:55px 0 130px}.footer-grid{gap:38px 24px}.footer-identity,.footer-contact{grid-column:1/-1!important}.footer-identity img{width:210px}.footer-grid h2{font-size:11px;margin-bottom:18px}.footer-grid a,.footer-grid span{font-size:12px}.footer-grid nav a{min-height:44px}.footer .monster-scene{height:210px}.footer .monster-plane{width:84%;left:8%;top:80px;transform:rotateX(30deg)}.footer-bottom{padding-bottom:25px;gap:15px;font-size:10px}.footer-bottom>span:not(.footer-credit){width:100%}} .footer{padding-bottom:25px;min-height:0}.footer-grid .footer-more{color:#a9b5bb}.footer-grid .footer-more:hover{color:#fff} .footer .monster-scene{position:relative;inset:auto;height:clamp(180px,18vw,340px);margin-top:-130px;perspective:1000px;perspective-origin:50% 100%;overflow:visible} .footer .monster-plane{top:auto;bottom:0;width:94%;left:3%;transform:rotateX(42deg) scaleY(1.65);transform-origin:center bottom} .footer .monster-logo{display:block;opacity:.2;mask-image:linear-gradient(to bottom,transparent 0%,#0001 22%,#0005 55%,#000 100%)} .footer-bottom{margin-top:20px;padding-block:22px;line-height:1.7}.footer-bottom,.footer-bottom a,.footer-bottom span,.footer-bottom summary,.footer-bottom .map-credits{font-family:Manrope,sans-serif;font-size:11px;font-weight:400;line-height:1.7} .contact-actions{display:flex!important;flex-direction:column;align-items:flex-start;gap:15px;margin-block:28px}.contact-actions>a{display:flex!important;align-items:center;gap:22px;margin:0!important;font-size:15px;max-width:100%}.contact-chip{display:inline-flex;align-items:center;justify-content:flex-start;gap:10px;min-width:118px;padding:10px 15px;background:#00adee;color:#061820;border-radius:6px;font:800 13px/1.4 Manrope,sans-serif;letter-spacing:.12em;flex-shrink:0}.contact-chip svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.contact-actions>a:hover .contact-chip{background:#57cefa} @media(max-width:1000px){.footer .monster-scene{height:260px;margin-top:-75px}.footer .monster-plane{top:auto;bottom:0}.footer-bottom{margin-top:20px}} @media(max-width:500px){.footer{padding-bottom:85px}.footer .monster-scene{height:150px;margin-top:0}.footer .monster-plane{width:94%;left:3%;top:auto;bottom:0;transform:rotateX(38deg) scaleY(1.8)}.footer-bottom{padding-bottom:15px;margin-top:18px}.contact-actions>a{gap:12px;font-size:12px;align-items:center}.contact-chip{min-width:82px;padding:9px 10px;font-size:10px;gap:6px}.contact-chip svg{width:16px;height:16px}.contact-actions>a>span:last-child{overflow-wrap:anywhere;min-width:0}} .footer-bottom>.footer-credit{width:auto} @media(max-width:700px){ .footer-contact>a{display:flex;align-items:center;min-height:44px} .footer-bottom>a,.footer-credit>a{display:inline-flex;align-items:center;min-height:44px} .hero-meta>a{display:inline-flex;align-items:center;min-height:44px} } :root{--surface-concrete-white-image:linear-gradient(transparent,transparent),var(--speed-stucco,none)} .surface-concrete-white{background:#fff;background-image:var(--surface-concrete-white-image);background-position:center;background-size:cover;color:#242424;--section-copy:#424242} .about,.contact{background:#191919;position:relative;isolation:isolate}.about:before,.contact:before{content:'';position:absolute;inset:0;z-index:-1;background:var(--speed-neutral,none) center/cover;filter:grayscale(1);opacity:.065;pointer-events:none} #intro,#services,#personalised,#faq{background:#111}.areas{background:#101010}.footer{background:#090909}.footer:before{content:'';position:absolute;inset:0;z-index:-1;background:var(--speed-wall,none) center/cover;opacity:.32;pointer-events:none} .contact-actions{gap:12px}.contact-actions>a{gap:14px}.contact-actions .contact-chip{width:68px;min-width:68px;height:26px;padding:4px 7px;gap:5px;border-radius:4px;font:700 9px/1 Manrope,sans-serif;letter-spacing:.07em}.contact-actions .contact-chip svg{width:13px;height:13px}.contact-actions>a>span:last-child{font-size:14px} @media(max-width:500px){.contact-actions>a{gap:10px}.contact-actions>a>span:last-child{font-size:12px}.contact-actions .contact-chip{width:62px;min-width:62px;height:25px;font-size:8px}} main>section{--section-copy:#bbb}.prose,.contact-actions>a>span:last-child,.section-heading>p,.service-panel>p,.benefits p,.area-copy p{color:var(--section-copy,#bbb)}.contact-actions>a:hover>span:last-child{color:var(--section-copy,#bbb)} .footer-grid a,.footer-grid span,.footer-grid .footer-more{color:#a9b5bb}.footer-bottom,.footer-bottom a,.footer-bottom span,.footer-bottom summary{color:#8c9aa2} #intro{background:#242424;box-shadow:0 0 0 100vmax #242424;clip-path:inset(0 -100vmax)} #services{background:#111;box-shadow:0 0 0 100vmax #111;clip-path:inset(0 -100vmax)} .about{background:#252525}.reviews{background-color:#090909} #personalised{background:#242424;box-shadow:0 0 0 100vmax #242424;clip-path:inset(0 -100vmax)} .areas{background:#15191a} #faq{background:#303030;box-shadow:0 0 0 100vmax #303030;clip-path:inset(0 -100vmax)} .contact{background:#161616}.footer{background:#060606} #faq details{overflow:hidden;border-bottom:1px solid #ffffff25;transition:background .2s,border-color .2s}#faq summary{padding:22px 12px;transition:color .18s,background .18s;list-style:none;color:#bbb}#faq summary::-webkit-details-marker{display:none}#faq summary span{color:inherit;transition:transform .24s}#faq details:hover,#faq details.is-expanded{background:#00adee0b;border-color:#00adee70}#faq details:hover summary,#faq details.is-expanded summary{color:#00adee}#faq details.is-expanded summary span{transform:rotate(45deg)}#faq .faq-answer{padding:0 12px 22px}#faq .faq-answer p{padding:0;margin:0;color:#bbb}#faq summary:focus-visible{outline-offset:-3px} @media(prefers-reduced-motion:reduce){#faq details,#faq summary,#faq summary span{transition:none}} .area-light{fill-opacity:.22;stroke-opacity:.5}.area-light.area-metropolitan{fill-opacity:.08;stroke-opacity:.45}.area-light.area-suburb{fill-opacity:.45;stroke-opacity:.7}.area-light.is-lit{fill-opacity:.9;stroke-opacity:1;filter:drop-shadow(0 0 5px hsl(var(--area-hue) 85% 70% / .7))} .review-map{margin-top:55px}.review-map .map-frame{position:static;width:100%;max-width:none}.review-map iframe{width:100%;height:340px;border:0;display:block}.review-map .map-frame>a{display:block;padding-top:12px;font-size:12px;color:#bbb} #intro,#services,#personalised,#faq{box-shadow:none;clip-path:none;position:relative;isolation:isolate} #intro,#personalised,#faq{background:#fff;color:#242424;--section-copy:#424242} #intro:before,#personalised:before,#faq:before{content:'';position:absolute;inset:0 calc((100% - 100vw)/2);z-index:-1;background:#fff;background-image:var(--surface-concrete-white-image);background-position:center;background-size:cover;pointer-events:none} #intro h2 em,#personalised h2 em,#faq h2 em{color:#515151}#intro .section-label,#personalised .section-label,#faq .section-label{color:#424242}#intro .section-label:after,#personalised .section-label:after,#faq .section-label:after{background:#0003} #services{background:#090909}#services:before{content:'';position:absolute;inset:0 calc((100% - 100vw)/2);z-index:-1;background:#090909 var(--speed-wall,none) center/cover;pointer-events:none} .about,.areas,.contact{background:#252525;position:relative;isolation:isolate}.about:before,.areas:before,.contact:before{content:'';position:absolute;inset:0;z-index:-1;background:var(--speed-neutral,none) center/cover;filter:grayscale(1);opacity:.065;pointer-events:none} #faq details{border-color:#0003}#faq summary,#faq .faq-answer p{color:#424242}#faq details:hover summary,#faq details.is-expanded summary{color:#007fae}#faq summary:focus-visible{outline-color:#007fae} .area-light{fill:hsl(var(--area-hue) 25% var(--area-lightness));stroke:hsl(var(--area-hue) 45% calc(var(--area-lightness) + 12%))}.area-light.is-lit{fill:hsl(var(--area-hue) 82% var(--area-lightness));stroke:#9bddff;filter:drop-shadow(0 0 5px #00adeeaa)} #personalised .benefits img{filter:brightness(0);opacity:.75} #home .hero-photo{mask-image:linear-gradient(to bottom,#000 calc(100% - 120px),transparent);-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 120px),transparent)} #intro{padding-top:240px} #intro:before{background-image:linear-gradient(to bottom,#07151d 0,rgba(7,21,29,.88) 14px,rgba(7,21,29,.52) 41px,rgba(7,21,29,.16) 72.5px,transparent 105px),var(--surface-concrete-white-image)} .quote-form input:not([type=file],[type=checkbox]),.quote-form textarea,.quote-form .service-picker,.quote-form .upload{transition:background .2s ease,box-shadow .2s ease} .quote-form input:not([type=file],[type=checkbox]):focus,.quote-form textarea:focus,.quote-form .service-picker:focus-visible,.quote-form .upload:focus-within{outline:none;background:#a5e5ff14;box-shadow:0 0 19px 3px #00adee33,inset 0 0 14px #00adee10} .quote-form .upload input:focus-visible{outline:none} @media(max-width:700px){#home .hero-photo{mask-image:linear-gradient(to bottom,#000 calc(100% - 90px),transparent);-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 90px),transparent)}#intro{padding-top:220px}} @media(prefers-reduced-motion:reduce){.quote-form input,.quote-form textarea,.quote-form .service-picker,.quote-form .upload{transition:none}} :root{--aggregate-veil:transparent;--surface-aggregate-image:linear-gradient(var(--aggregate-veil),var(--aggregate-veil)),var(--speed-aggregate,none)} .surface-aggregate{background-color:#e9dfd1;background-image:var(--surface-aggregate-image);background-position:center top;background-size:max(100%,1400px) auto;background-repeat:repeat-y;color:#111;--section-copy:#333;--line:#0003} #intro{background:#07151d} #intro::before{top:0} #intro::after{content:"";position:absolute;top:-2px;left:calc((100% - 100vw)/2);right:calc((100% - 100vw)/2);height:108px;background:linear-gradient(#d8eff31b,#d8eff31b) 4.8vw 0/1px 108px no-repeat,linear-gradient(#d8eff31b,#d8eff31b) calc(100% - 4.8vw) 0/1px 108px no-repeat,linear-gradient(#07151d,#07151d) top/100% 4px no-repeat;pointer-events:none} #about .section-label>span,#personalised .section-label>span{color:#424242} .hero-features{display:flex;justify-content:flex-start;gap:0;width:100vw;max-width:none;position:relative;left:50%;margin:14px 0 20px;transform:translateX(-50%);overflow-x:auto;scrollbar-width:none;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)} .hero-features::-webkit-scrollbar,.service-row::-webkit-scrollbar{display:none} .hero-features .motion-group{display:flex;align-items:center;justify-content:space-around;gap:50px;flex-shrink:0;min-width:100%;padding-inline:25px} .hero-features a{flex:none;max-width:none;white-space:nowrap;min-height:44px;font-size:12px;gap:12px} .motion-pause{display:block;margin:0 0 8px auto;background:transparent;color:inherit;border:1px solid currentColor;border-radius:50%;width:44px;height:44px;font-size:16px;opacity:.8} .motion-pause:hover,.motion-pause:focus-visible{opacity:1;color:#00adee} .hero-bottom>.motion-pause{margin-bottom:-5px} #faq details{background:rgba(244,244,241,.88);border-color:#0002;margin-bottom:8px} #faq details:hover,#faq details.is-expanded{background:rgba(244,244,241,.97);border-color:#0003} #faq summary{font-weight:700;color:#292929} #faq .faq-answer,#faq .faq-answer p{font-weight:400;color:#3d3d3d} #faq details:hover summary,#faq details.is-expanded summary{color:#21627a} @media(prefers-reduced-motion:reduce){.motion-pause{display:none}.hero-features{mask-image:none}} :root{--nav-line:#ffffff26;--nav-text:#f6fafc} .site-header{z-index:70} .site-header .menu-toggle{padding:10px 12px 10px 0;min-height:44px;min-width:44px} .site-header .phone{min-height:44px;min-width:44px;justify-content:center} #navigation{left:0;right:auto;width:300px;max-width:100%;padding:14px;color:var(--nav-text);background:linear-gradient(125deg,#3a505ff7,#132631fa 65%,#2d4856f7);border:1px solid #ffffff50;box-shadow:inset 0 1px 0 #ffffff50,0 22px 70px #0005;backdrop-filter:blur(32px) saturate(1.3);-webkit-backdrop-filter:blur(32px) saturate(1.3);max-height:calc(100dvh - 130px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#aac1cc #1d3440} #navigation.has-submenu{width:min(820px,calc(100vw - 66px))} .nav-primary{position:relative} #navigation a,.nav-category{color:var(--nav-text);font:500 14px/1.45 Manrope,sans-serif;padding:13px 14px;min-height:46px;text-decoration:none;border:0;border-radius:9px;overflow-wrap:anywhere} #navigation .nav-primary>a,.nav-category{display:flex;width:100%;align-items:center;justify-content:space-between;text-align:left} #navigation.has-submenu .nav-primary>a,#navigation.has-submenu .nav-category{width:235px} .nav-category span{font-size:21px;line-height:1;margin-left:12px} .nav-category[aria-expanded=true]{background:#ffffff19}.nav-category[aria-expanded=true] span{transform:rotate(45deg)} #navigation a:hover,.nav-category:hover{background:#ffffff15}#navigation a:focus-visible,.nav-category:focus-visible{outline:2px solid #a4e7ff;outline-offset:-2px;background:#ffffff1c} .nav-submenu{position:absolute;left:250px;top:0;right:0;padding:8px;background:linear-gradient(125deg,#ffffff12,#c0e7ff05);border:1px solid var(--nav-line);border-radius:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-height:calc(100dvh - 162px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin} .nav-submenu[hidden],#navigation[hidden]{display:none}.nav-submenu .nav-overview{grid-column:1/-1;border-bottom:1px solid var(--nav-line)!important;border-radius:0!important;margin-bottom:4px} #navigation.has-submenu .nav-primary{min-height:min(610px,calc(100dvh - 164px))} .service-options{padding:0;overflow:hidden;max-height:min(680px,calc(100dvh - 40px));width:min(480px,calc(100vw - 32px));margin:0;color:#f6fafc;background:#162c37;border-color:#a1c3d3} .service-options:popover-open{display:flex;flex-direction:column} .service-options h3{flex:none;margin:0;padding:22px 24px 16px;font:500 25px/1.3 Oswald,sans-serif;border-bottom:1px solid #ffffff24} .picker-list{overflow:auto;min-height:0;overscroll-behavior:contain;padding:8px 16px;scrollbar-width:thin;scrollbar-color:#aac1cc #162c37} .service-options .picker-list label{min-height:48px;padding:10px 8px;font-size:14px;line-height:1.4;color:#f6fafc;cursor:pointer} .service-options .picker-list input{flex:0 0 20px;width:20px;height:20px;margin:0}.service-options label:focus-within{outline:2px solid #a4e7ff;outline-offset:-2px;background:#ffffff12} .service-options .picker-done{position:static;flex:none;min-height:50px;width:calc(100% - 32px);margin:12px 16px 16px;border:1px solid #c7e1ec66;border-radius:8px;background:#37677b;color:#fff;font-size:16px} .service-options .picker-done:hover{background:#457b91} @media(max-width:900px){#navigation,#navigation.has-submenu{width:min(440px,calc(100vw - 48px))}#navigation.has-submenu .nav-primary{min-height:0}#navigation.has-submenu .nav-primary>a,#navigation.has-submenu .nav-category{width:100%}.nav-submenu{position:static;max-height:none;margin:5px 0 10px;padding:6px;grid-template-columns:1fr;overflow:visible}.nav-submenu a{font-size:13px!important}.site-header.compact #navigation{max-height:calc(100dvh - 105px)}} @media(max-width:700px){.site-header .menu-toggle{font-size:10px;gap:8px}.site-header .menu-lines{width:18px}.site-header .brand{width:125px}#navigation{max-height:calc(100dvh - 110px)}} @media(prefers-reduced-transparency:reduce){#navigation{background:#1c3442;backdrop-filter:none}} .site-header,.site-header.compact{background:linear-gradient(115deg,#ffffff24,#11182030 60%,#ffffff16);border-color:#ffffff55;backdrop-filter:blur(28px) saturate(1.35);-webkit-backdrop-filter:blur(28px) saturate(1.35);box-shadow:inset 0 1px 0 #ffffff70,inset 0 -1px 0 #ffffff12,0 8px 35px #0002;color:#f7fafb} .site-header>.menu-toggle,.site-header>.phone{color:#f7fafb;text-shadow:none} .site-header .brand img{filter:brightness(0) invert(1)} .site-header .menu-lines{border-color:currentColor} .site-header>.phone svg{filter:none} .site-header>.phone{border-color:#ffffff55} @supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.site-header,.site-header.compact{background:#17262c}} @media(prefers-reduced-transparency:reduce){.site-header,.site-header.compact{background:#17262c;backdrop-filter:none;-webkit-backdrop-filter:none}} .site-header>.menu-toggle.is-dark-ink,.site-header>.phone.is-dark-ink{color:#17191a} .site-header>.phone.is-dark-ink{border-color:#17191a40} .site-header .brand.is-dark-ink img{filter:brightness(0)} @media(prefers-reduced-transparency:reduce){.site-header>.menu-toggle.is-dark-ink,.site-header>.phone.is-dark-ink{color:#f7fafb}.site-header .brand.is-dark-ink img{filter:brightness(0) invert(1)}.site-header>.phone.is-dark-ink{border-color:#ffffff55}} @supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.site-header>.menu-toggle.is-dark-ink,.site-header>.phone.is-dark-ink{color:#f7fafb}.site-header .brand.is-dark-ink img{filter:brightness(0) invert(1)}.site-header>.phone.is-dark-ink{border-color:#ffffff55}} #faq.native-faq{background:#191d1f;color:#eef0ed;--section-copy:#bfc7c9} #faq.native-faq:before{background:linear-gradient(#191d1fee,#191d1fee),var(--speed-neutral,none) center/cover} #faq.native-faq .faq-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:8%} #faq.native-faq h2{font-size:clamp(40px,4.6vw,66px);line-height:1.13;color:#eef0ed} #faq.native-faq h2 em{color:#a4b3b8} #faq.native-faq .prose{margin-top:24px} #faq.native-faq details{background:linear-gradient(115deg,#ffffff06,transparent);border:0;border-top:1px solid #ffffff24;border-radius:0;margin:0;box-shadow:none} #faq.native-faq details:last-child{border-bottom:1px solid #ffffff24} #faq.native-faq details:hover,#faq.native-faq details.is-expanded{background:linear-gradient(115deg,#ffffff0c,#ffffff02);border-color:#849ca54d} #faq.native-faq summary{padding:27px 24px;gap:24px;align-items:center;color:#e3e7e5;font:700 17px/1.55 Manrope,sans-serif} #faq.native-faq summary>span{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border:1px solid #adc3ca50;border-radius:50%;color:#a8c9d5;font:300 24px/1 Manrope,sans-serif} #faq.native-faq details:hover summary,#faq.native-faq details.is-expanded summary{color:#c0e3ef} #faq.native-faq .faq-answer{padding:0 24px 28px} #faq.native-faq .faq-answer,#faq.native-faq .faq-answer p,#faq.native-faq .faq-answer li{color:#bdc7ca;font:400 15px/1.85 Manrope,sans-serif} #faq.native-faq .faq-answer p+p{margin-top:16px} #faq.native-faq summary:focus-visible{outline:2px solid #8bcade;outline-offset:-3px} @media(max-width:800px){#faq.native-faq .faq-grid{grid-template-columns:1fr;gap:36px}#faq.native-faq summary{padding:24px 12px;font-size:16px;gap:16px}#faq.native-faq .faq-answer{padding:0 12px 24px}#faq.native-faq .faq-answer,#faq.native-faq .faq-answer p{font-size:14px}} #faq.native-faq.aggregate-faq{background:#e9dfd1;color:#111;--section-copy:#111} #faq.native-faq.aggregate-faq:before{background-color:#e9dfd1;background-image:var(--surface-aggregate-image);background-position:center top;background-size:max(100%,1400px) auto;background-repeat:repeat-y} #faq.native-faq.aggregate-faq .faq-grid{grid-template-columns:minmax(0,1fr);gap:48px} #faq.native-faq.aggregate-faq h2,#faq.native-faq.aggregate-faq h2 em{color:#111} #faq.native-faq.aggregate-faq h2 br{display:none} #faq.native-faq.aggregate-faq h2 em:before{content:' '} #faq.native-faq.aggregate-faq .prose:empty{display:none} #faq.native-faq.aggregate-faq .faq-list{width:100%;max-width:1100px;--faq-inset:30px;padding:0;overflow:hidden;border:1px solid #ffffffb3;border-radius:22px;background:linear-gradient(115deg,#ffffff24,#11182030 60%,#ffffff16);-webkit-backdrop-filter:blur(28px) saturate(135%);backdrop-filter:blur(28px) saturate(135%);box-shadow:0 14px 44px #322e241c,inset 0 1px 0 #ffffffe6} #faq.native-faq.aggregate-faq details,#faq.native-faq.aggregate-faq details:last-child{position:relative;background:transparent;border:0;border-radius:0;margin:0;padding-inline:var(--faq-inset);box-shadow:none;transform:none;transition:background .2s} #faq.native-faq.aggregate-faq details:not(:last-child):after{content:"";position:absolute;bottom:0;left:var(--faq-inset);right:var(--faq-inset);height:1px;background:#11111124;pointer-events:none} #faq.native-faq.aggregate-faq details:hover,#faq.native-faq.aggregate-faq details:has(summary:focus-visible){background:#ffffff2e} #faq.native-faq.aggregate-faq summary,#faq.native-faq.aggregate-faq details:hover summary,#faq.native-faq.aggregate-faq details.is-expanded summary{padding:20px 0;gap:20px;color:#111;font:700 17px/1.55 Manrope,sans-serif;letter-spacing:-.01em} #faq.native-faq.aggregate-faq summary>span{position:relative;flex:0 0 26px;width:26px;height:26px;border:0;border-radius:0;background:none;color:#00adee;font-size:0;transform:none} #faq.native-faq.aggregate-faq summary>span:before,#faq.native-faq.aggregate-faq summary>span:after{content:'';position:absolute;background:currentColor;border-radius:2px;transition:opacity .3s,transform .3s} #faq.native-faq.aggregate-faq summary>span:before{top:12px;left:4px;right:4px;height:2px} #faq.native-faq.aggregate-faq summary>span:after{left:12px;top:4px;bottom:4px;width:2px} #faq.native-faq.aggregate-faq details[open] summary>span:after{opacity:0;transform:scaleY(0)} #faq.native-faq.aggregate-faq details.is-closing summary>span:after{opacity:1;transform:scaleY(1)} #faq.native-faq.aggregate-faq .faq-answer{padding:0 0 26px} #faq.native-faq.aggregate-faq .faq-answer,#faq.native-faq.aggregate-faq .faq-answer p,#faq.native-faq.aggregate-faq .faq-answer li{color:#111;font:400 15px/1.7 Manrope,sans-serif} #faq.native-faq.aggregate-faq .faq-answer p{padding-bottom:0} #faq.native-faq.aggregate-faq summary:focus-visible{outline:2px solid #007fac;outline-offset:-3px;border-radius:4px} @media(max-width:800px){#faq.native-faq.aggregate-faq .faq-grid{gap:32px}#faq.native-faq.aggregate-faq .faq-list{--faq-inset:20px}#faq.native-faq.aggregate-faq summary,#faq.native-faq.aggregate-faq details:hover summary,#faq.native-faq.aggregate-faq details.is-expanded summary{font-size:16px;gap:18px}#faq.native-faq.aggregate-faq .faq-answer,#faq.native-faq.aggregate-faq .faq-answer p{font-size:14px}} @media(prefers-reduced-motion:reduce){#faq.native-faq.aggregate-faq details,#faq.native-faq.aggregate-faq summary>span:before,#faq.native-faq.aggregate-faq summary>span:after{transition:none}} @supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){#faq.native-faq.aggregate-faq .faq-list{background:#faf8f4}} @media(prefers-reduced-transparency:reduce){#faq.native-faq.aggregate-faq .faq-list{background:#faf8f4;-webkit-backdrop-filter:none;backdrop-filter:none}} #about .about-photo.about-gallery{display:grid;grid-template-columns:1fr 1.45fr;gap:12px;max-width:560px;align-self:start;width:100%;margin:0} #about .about-gallery img{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:auto;border-radius:3px} #about .about-gallery .about-gallery-lead{grid-column:2;grid-row:1/3;aspect-ratio:9/16;object-position:58% center} #about .about-gallery .about-gallery-detail{grid-column:1;min-height:0;aspect-ratio:9/11;object-position:center} #personalised .project-reel{position:relative;width:min(100%,390px);aspect-ratio:9/16;margin:64px auto 0;background:#122832;border-radius:18px;overflow:hidden;box-shadow:0 28px 65px #10263124;isolation:isolate} #personalised .project-reel video{display:block;width:100%;height:100%;max-height:none;aspect-ratio:9/16;object-fit:contain;margin:0;border-radius:0;background:#122832} .reel-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:84px;height:84px;display:grid;place-items:center;border-radius:50%;border:1px solid #ffffff9c;background:linear-gradient(135deg,#ffffff61,#e3f5ff19);backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);box-shadow:inset 0 1px 2px #ffffff9c,0 10px 40px #00121c55;color:white;cursor:pointer;transition:background .2s,box-shadow .2s} .reel-play svg{width:25px;height:30px;margin-left:5px;filter:drop-shadow(0 2px 3px #00162255)} .reel-play:hover{background:linear-gradient(135deg,#ffffff83,#e3f5ff35);box-shadow:inset 0 1px 2px #fff,0 12px 48px #00121c66} .reel-play:focus-visible{outline:3px solid #00adee;outline-offset:5px} .reel-play[hidden]{display:none} .project-reel:not(.is-enhanced) .reel-play{display:none} .reel-status{position:absolute;inset:auto 14px 58px;margin:0;padding:12px;border-radius:8px;background:#102631e8;color:white;font-size:13px;text-align:center} .reel-status:empty{display:none} @media(max-width:900px){#about .about-grid{grid-template-columns:1fr;gap:38px}#about .about-gallery{max-width:530px;justify-self:center}#personalised .project-reel{margin-top:42px;width:min(100%,350px)}} @media(prefers-reduced-motion:reduce){.reel-play{transition:none}} #about .about-gallery .about-gallery-detail{object-position:center;filter:none} #about .about-gallery .about-gallery-detail:last-child{object-position:58% center} #thirdgen-ava{--ava-bottom:24px;position:fixed;z-index:65;right:24px;bottom:var(--ava-bottom);color:#edf0ec;font:13px/1.6 Manrope,sans-serif;max-width:calc(100vw - 24px)} #thirdgen-ava *,#thirdgen-ava *:before{box-sizing:border-box} #thirdgen-ava [hidden]{display:none!important} #thirdgen-ava button,#thirdgen-ava a{font-family:Manrope,sans-serif;color:inherit;-webkit-tap-highlight-color:transparent} #thirdgen-ava button{cursor:pointer} #thirdgen-ava :focus-visible{outline:2px solid #55c6ef;outline-offset:4px} #thirdgen-ava .ava-launcher{display:block;margin-left:auto;padding:0;width:76px;height:76px;overflow:hidden;border:1px solid #89b6c6;border-radius:50%;background:#12324a;box-shadow:0 8px 30px #0005;transition:transform .2s} #thirdgen-ava .ava-launcher:hover{transform:translateY(-3px)} #thirdgen-ava img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 28%} #thirdgen-ava .ava-panel{position:absolute;right:0;bottom:90px;width:368px;max-width:calc(100vw - 24px);max-height:calc(100dvh - var(--ava-bottom) - 106px);overflow:auto;overscroll-behavior:contain;border:1px solid #89b6c655;border-radius:16px;background:#122731;box-shadow:0 16px 65px #0006;padding:0;text-align:center} #thirdgen-ava .ava-close{position:absolute;right:6px;top:6px;width:44px;height:44px;font-size:26px;line-height:1;background:none;border:0} #thirdgen-ava h2{font:400 36px/1.1 Oswald,sans-serif;letter-spacing:-.025em;margin:0 0 6px} #thirdgen-ava .ava-role{font-size:12px;color:#c4d3d9;margin:0} #thirdgen-ava .ava-info{display:grid;place-items:center;width:44px;height:44px;padding:0;margin:2px auto 0;background:none;border:0} #thirdgen-ava .ava-info span{display:grid;place-items:center;width:22px;height:22px;border:1px solid #7baabb;border-radius:3px;background:linear-gradient(120deg,#426c7a45,#30505b15);font-size:13px} #thirdgen-ava .ava-info:hover span{background:#1e637c} #thirdgen-ava .ava-disclosure{padding:12px;margin:4px 0 16px;text-align:left;border:1px solid #7baabb55;border-radius:6px;background:#0d2029;font-size:12px;color:#d3dfe3} #thirdgen-ava .ava-status{margin:10px 0 16px;color:#d8e7ed;font-size:13px} #thirdgen-ava .ava-bubble{position:absolute;right:calc(100% + 12px);bottom:0;display:flex;align-items:center;width:300px;max-width:calc(100vw - 124px);border:1px solid #7baabb80;border-radius:14px;background:#122731;box-shadow:0 10px 35px #0004;padding:10px 0 10px 10px;transition:opacity .1s linear} #thirdgen-ava .ava-ask{display:flex;align-items:center;gap:12px;min-height:48px;padding:0;background:none;border:0;text-align:left;font-size:12px;line-height:1.5;flex:1;min-width:0;overflow-wrap:anywhere} #thirdgen-ava .ava-ask img{width:40px;height:48px;border-radius:6px;flex-shrink:0} #thirdgen-ava .ava-dismiss{flex-shrink:0;width:44px;height:44px;padding:0;background:none;border:0;font-size:22px} @media(max-width:600px){#thirdgen-ava{right:12px;--ava-bottom:86px}#thirdgen-ava .ava-launcher{width:64px;height:64px}#thirdgen-ava .ava-panel{bottom:78px}#thirdgen-ava .ava-bubble{max-width:calc(100vw - 100px)}#thirdgen-ava .ava-panel{padding:20px;max-height:calc(100dvh - var(--ava-bottom) - 94px)}} @media(max-height:520px){#thirdgen-ava h2{font-size:27px}#thirdgen-ava .ava-panel{padding:16px}#thirdgen-ava .ava-status{margin:4px 0 10px}} @media(prefers-reduced-motion:reduce){#thirdgen-ava .ava-launcher,#thirdgen-ava .ava-bubble{transition:none}} #thirdgen-ava .ava-invite{display:block;margin-top:3px;color:#8fd7f2;font-size:11px;font-weight:600} #thirdgen-ava .ava-bubble:hover,#thirdgen-ava .ava-bubble:focus-within{opacity:1!important} @media(max-width:380px){#thirdgen-ava .ava-ask img{display:none}#thirdgen-ava .ava-ask{gap:0}} #thirdgen-ava .ava-metal-header{position:relative;display:flex;align-items:center;justify-content:flex-start;min-height:56px;padding:12px 58px 12px 22px;border-bottom:1px solid #89b6c624;background:#173344} #thirdgen-ava .ava-metal-header h2{font:400 19px/1.4 Manrope,sans-serif;letter-spacing:0;margin:0;color:#e0ebf1;text-shadow:none;text-transform:none} #thirdgen-ava .ava-metal-header .ava-close{top:50%;right:6px;transform:translateY(-50%);color:#c4d3d9;font-size:22px} #thirdgen-ava .ava-panel-body{padding:24px;background:#122731} #thirdgen-ava .ava-portrait{width:min(200px,28dvh,100%);height:auto;aspect-ratio:1;object-fit:contain;object-position:center;margin:0 auto 16px;border:1px solid #89b6c638;border-radius:12px} #thirdgen-ava .ava-role{font-size:12px;font-weight:400;color:#c4d3d9;letter-spacing:0} #thirdgen-ava .ava-status{font-size:12px;margin:10px 0 0;color:#c7dce7} @media(max-width:600px){#thirdgen-ava .ava-panel{padding:0}#thirdgen-ava .ava-panel-body{padding:24px 20px}} @media(max-height:520px){#thirdgen-ava .ava-panel{padding:0}#thirdgen-ava .ava-panel-body{padding:16px 20px}} #thirdgen-ava .ava-native-mount{margin-top:16px;min-width:0} #thirdgen-ava .ava-close:focus-visible{outline-offset:-6px;border-radius:10px} @media(max-height:700px){ #thirdgen-ava .ava-panel-body{display:grid;grid-template-columns:64px minmax(0,1fr);column-gap:16px;padding:16px 20px} #thirdgen-ava .ava-portrait{grid-column:1;grid-row:1/3;width:64px;margin:0;align-self:center} #thirdgen-ava .ava-role{grid-column:2;align-self:end} #thirdgen-ava .ava-info{grid-column:2;margin:2px auto 0} #thirdgen-ava .ava-native-mount,#thirdgen-ava .ava-disclosure,#thirdgen-ava .ava-status{grid-column:1/-1} } @media(max-height:440px){ html[data-ava-voice="testing"] #thirdgen-ava{--ava-bottom:12px} #thirdgen-ava .ava-panel-body{padding:12px 20px} #thirdgen-ava .ava-launcher{width:48px;height:48px} #thirdgen-ava .ava-panel{bottom:60px;max-height:calc(100dvh - var(--ava-bottom) - 72px)} } #thirdgen-ava .ava-retry{min-height:44px;padding:10px 18px;border:1px solid #7baabb;background:#12324a;color:#e8f4fa;border-radius:3px;font:inherit;cursor:pointer;grid-column:1/-1} #thirdgen-ava .ava-retry:hover{background:#1b4868} .service-catalogue .service-row{display:flex;overflow-x:auto;scrollbar-width:none} .service-catalogue .service-row .motion-group{display:flex;flex:none;position:relative} .service-catalogue .migration-services h3 a{color:inherit;text-decoration:none} .service-catalogue .migration-services h3 a:hover{text-decoration:underline;text-underline-offset:4px} .service-catalogue .migration-services h3 a:focus-visible{outline:2px solid #00adee;outline-offset:4px} .service-catalogue .migration-services p a{color:inherit;text-decoration:underline} .service-catalogue .service-directory{border-block:1px solid #ffffff30} .service-catalogue .service-directory summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center} .service-catalogue .service-directory summary::-webkit-details-marker{display:none} .service-catalogue .service-directory ul{list-style:none;margin:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));padding:12px 0 24px} .service-catalogue .service-directory a{display:flex;align-items:center;min-height:44px;color:inherit;text-decoration:none} @media(max-width:1100px){.service-catalogue .service-directory ul{grid-template-columns:repeat(4,minmax(0,1fr))}} @media(max-width:600px){.service-catalogue .service-directory ul{grid-template-columns:repeat(2,minmax(0,1fr))}} body #services.service-catalogue,body .service-catalogue{width:100%;max-width:none;margin-inline:0;background:#111 var(--speed-wall,none) center/cover;color:#edf0eb;--section-copy:#c1c8c7;--line:#ffffff26;padding-bottom:90px;isolation:isolate} body #services.service-catalogue:before{display:none} .service-catalogue .catalogue-heading{max-width:880px;margin-bottom:48px} .service-catalogue h2{font-size:clamp(40px,4.7vw,68px);line-height:1.12} .service-catalogue h2 em{color:#a7bfc3} .service-catalogue .catalogue-heading .prose{margin-top:28px} .service-catalogue .migration-heading{margin-bottom:48px;grid-template-columns:minmax(0,1fr) 220px} .service-catalogue .migration-heading img{border-radius:3px} .service-catalogue .service-directory{border-color:#ffffff30;margin-bottom:32px} .service-catalogue .service-directory summary{font-size:14px;min-height:62px;padding-block:16px} .service-catalogue .service-directory summary>span{color:#9fc9d3} .service-catalogue .service-directory ul{gap:8px 22px;padding-bottom:24px} .service-catalogue .service-directory a{font-size:13px;line-height:1.45} .service-catalogue .motion-pause{margin:0 max(5vw,calc((100vw - 1180px)/2)) 20px auto;color:#bed8db} .service-catalogue .service-row{width:100%;margin-bottom:24px;mask-image:linear-gradient(90deg,transparent,#000 2%,#000 98%,transparent)} .service-catalogue .service-row:last-child{margin-bottom:0} .service-catalogue .motion-group{gap:24px;padding-right:24px;align-items:stretch} .service-catalogue .migration-services article{flex:0 0 clamp(370px,32vw,480px);width:clamp(370px,32vw,480px);padding:38px 40px 40px;background:linear-gradient(115deg,#ffffff24,#11182030 60%,#ffffff16);border:1px solid #ffffff55;border-radius:12px;backdrop-filter:blur(28px) saturate(1.35);-webkit-backdrop-filter:blur(28px) saturate(1.35);box-shadow:inset 0 1px 0 #ffffff70,inset 0 -1px 0 #ffffff12,0 8px 24px #0003;scroll-margin:24px} .service-catalogue .migration-services article:focus{outline:2px solid #008abd;outline-offset:-3px} .service-catalogue .catalogue-icon{display:block;width:80px;height:80px;object-fit:contain;margin:0 0 28px;filter:none} .service-catalogue .migration-services h3{font:400 clamp(26px,2.15vw,32px)/1.2 Oswald,sans-serif;color:#edf0eb;margin:0 0 22px;max-width:340px} .service-catalogue .migration-services p,.service-catalogue .migration-services li{font:400 15px/1.8 Manrope,sans-serif;color:#e0e6e5;margin:0 0 16px} .service-catalogue .migration-services p:last-child{margin-bottom:0} @media(max-width:1000px){.service-catalogue .migration-services article{flex-basis:370px;width:370px;padding:32px}.service-catalogue .migration-heading{grid-template-columns:minmax(0,1fr) 180px}} @media(max-width:600px){body .service-catalogue{padding-bottom:64px}.service-catalogue .migration-heading{grid-template-columns:1fr}.service-catalogue .migration-services article{flex-basis:calc(100vw - 40px);width:calc(100vw - 40px);padding:28px}.service-catalogue .motion-group{gap:16px;padding-right:16px}.service-catalogue .service-row{margin-bottom:16px;mask-image:none}.service-catalogue .catalogue-icon{width:72px;height:72px;margin-bottom:24px}.service-catalogue .migration-services h3{font-size:28px}.service-catalogue .migration-services p{font-size:14px;line-height:1.8}.service-catalogue .service-directory a{font-size:12px}} .service-catalogue .service-row{padding-block:10px 24px;margin-bottom:0;mask-image:none} .service-catalogue .migration-services h3{text-shadow:0 1px 3px #0006} @supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.service-catalogue .migration-services article{background:#252d31}} @media(prefers-reduced-transparency:reduce){.service-catalogue .migration-services article{background:#252d31;backdrop-filter:none;-webkit-backdrop-filter:none}} body .service-catalogue{mask-image:linear-gradient(90deg,transparent,#000 1.5%,#000 98.5%,transparent)} @media(max-width:600px){body .service-catalogue{mask-image:none}} .service-catalogue .migration-services{display:grid;grid-template-columns:minmax(0,1fr);grid-auto-rows:1fr;gap:0} .service-catalogue .migration-services article{min-block-size:480px} .service-catalogue .migration-services article{display:grid;grid-template-rows:52px auto 1fr;align-items:center;justify-items:center;gap:16px;flex-basis:420px;width:420px;min-block-size:300px;padding:24px;text-align:center} .service-catalogue .catalogue-icon{position:static;flex:none;width:52px;height:52px;margin:0} .service-catalogue .migration-services h3{padding:0;min-height:0;max-width:none;width:100%;font-size:22px;line-height:1.25;margin:0;text-wrap:wrap} .service-catalogue .migration-services p{font-size:14px;line-height:1.7;margin:0;width:100%} .service-catalogue .motion-group{gap:18px;padding-right:18px} .service-catalogue .service-row{padding-block:8px 12px} @media(max-width:1100px){.service-catalogue .migration-services article{flex-basis:380px;width:380px;padding:22px}.service-catalogue .migration-services h3{font-size:20px}.service-catalogue .motion-group{gap:14px;padding-right:14px}} @media(max-width:600px){.service-catalogue .migration-services article{flex-basis:calc(100vw - 32px);width:calc(100vw - 32px);max-width:380px;padding:20px 16px;gap:14px;grid-template-rows:48px auto 1fr}.service-catalogue .catalogue-icon{width:48px;height:48px}.service-catalogue .migration-services h3{font-size:clamp(16px,4.8vw,20px)}.service-catalogue .migration-services p{line-height:1.65}} #services.service-catalogue.home-services .catalogue-heading{margin-bottom:20px} #services.service-catalogue.home-services .service-row{padding-block:12px} #services.service-catalogue.home-services .migration-services article{position:relative;z-index:0;grid-template-rows:96px auto 1fr;min-block-size:330px;background-image:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.6)),var(--service-photo);background-position:center;background-size:cover;box-shadow:inset 0 1px #ffffff46,0 10px 30px #0008;transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease} #services.service-catalogue.home-services .migration-services article:hover,#services.service-catalogue.home-services .migration-services article:focus-within{z-index:2;transform:scale(1.008);border-color:#ffffff68;box-shadow:inset 0 1px #ffffff50,0 11px 31px #0008} #services.service-catalogue.home-services .catalogue-icon{width:96px;height:96px;filter:drop-shadow(0 6px 9px #000b)} #services.service-catalogue.home-services .catalogue-directory-after{margin-top:22px} #services.service-catalogue.home-services .service-directory{margin-bottom:0} @media(max-width:600px){#services.service-catalogue.home-services .catalogue-heading{margin-bottom:18px}#services.service-catalogue.home-services .migration-services article{grid-template-rows:78px auto 1fr;min-block-size:310px}#services.service-catalogue.home-services .catalogue-icon{width:78px;height:78px}#services.service-catalogue.home-services .catalogue-directory-after{margin-top:16px}} @media(prefers-reduced-motion:reduce){#services.service-catalogue.home-services .migration-services article{transition:none}#services.service-catalogue.home-services .migration-services article:hover,#services.service-catalogue.home-services .migration-services article:focus-within{transform:none}} #services.service-catalogue.home-services .migration-services article{background-image:linear-gradient(rgba(0,0,0,.70),rgba(0,0,0,.70)),var(--service-photo)} #services.service-catalogue.home-services .migration-services article:hover,#services.service-catalogue.home-services .migration-services article:focus-within{background-image:linear-gradient(rgba(0,0,0,.68),rgba(0,0,0,.68)),var(--service-photo)} #services.service-catalogue.home-services .migration-services h3{font-size:24px;text-shadow:0 1px 3px #0009} #services.service-catalogue.home-services .migration-services p{max-width:310px;font-size:15px;line-height:1.7;text-shadow:0 1px 3px #0009;text-wrap:pretty} #services.service-catalogue.home-services .service-row{cursor:pointer} #services.service-catalogue.home-services .service-row:focus-visible{outline:2px solid #8bcade;outline-offset:-3px} @media(max-width:1100px){#services.service-catalogue.home-services .migration-services h3{font-size:22px}} @media(max-width:600px){#services.service-catalogue.home-services .migration-services h3{font-size:clamp(18px,5.3vw,22px)}} #services.home-services .service-row{touch-action:auto} #services.home-services .service-row.is-motion-enhanced{touch-action:pan-y} #services.service-catalogue.home-services .migration-services article{flex-basis:336px;width:336px;min-block-size:264px;grid-template-rows:76.8px auto 1fr;padding:19.2px;gap:12.8px} #services.service-catalogue.home-services .catalogue-icon{width:76.8px;height:76.8px} #services.service-catalogue.home-services .migration-services h3{font-size:19.2px} #services.service-catalogue.home-services .migration-services p{max-width:310px;font-size:14px;line-height:1.6} #services.service-catalogue.home-services .motion-group{gap:14.4px;padding-right:14.4px} #services.service-catalogue.home-services .service-row{padding-block:9.6px} @media(max-width:1100px){#services.service-catalogue.home-services .migration-services article{flex-basis:304px;width:304px;padding:17.6px}#services.service-catalogue.home-services .migration-services h3{font-size:17.6px}#services.service-catalogue.home-services .motion-group{gap:11.2px;padding-right:11.2px}} @media(max-width:600px){#services.service-catalogue.home-services .migration-services article{flex-basis:calc((100vw - 32px)*.8);width:calc((100vw - 32px)*.8);max-width:304px;min-block-size:248px;grid-template-rows:62.4px auto 1fr;padding:16px 12.8px;gap:11.2px}#services.service-catalogue.home-services .catalogue-icon{width:62.4px;height:62.4px}#services.service-catalogue.home-services .migration-services h3{font-size:clamp(16px,4.24vw,17.6px)}} #intro .intro-grid{grid-template-columns:1fr 1fr;gap:8%;align-items:start} #intro .intro-story h2{font-size:clamp(29px,3.65vw,49px);line-height:1.2;margin:0 0 28px;letter-spacing:-.025em} #intro .intro-story .prose{padding:0}#intro .intro-story .prose p:last-child{margin-bottom:0} #intro .intro-phone{position:relative;min-width:0;overflow:hidden;height:calc(var(--intro-phone-height,626px) + 200px);margin-block:-100px} #intro .intro-original-frame{position:absolute;top:calc(100px - 112px * var(--phone-scale,1));left:50%;width:800px;height:960px;max-width:none;border:0;background:transparent;transform:translateX(-50%) scale(var(--phone-scale,1));transform-origin:top center} #personalised .personal-story .comparison{margin:32px 0 0;max-width:none;width:100%;aspect-ratio:1.25;height:auto} @media(max-width:1000px){#intro .intro-grid{grid-template-columns:1fr;gap:44px}#intro .intro-story h2{font-size:clamp(27px,7.5vw,49px)}#intro .intro-phone{overflow:hidden}#personalised .personal-story .comparison{margin-top:28px}} #intro .intro-phone{mix-blend-mode:multiply} #intro .intro-phone{mask-image:linear-gradient(to right,transparent,#000 24px,#000 calc(100% - 24px),transparent),linear-gradient(to bottom,transparent,#000 35px,#000 calc(100% - 45px),transparent);mask-composite:intersect} @media(max-width:1000px){#intro .intro-phone{mask-image:linear-gradient(to right,transparent,#000 8px,#000 calc(100% - 8px),transparent),linear-gradient(to bottom,transparent,#000 35px,#000 calc(100% - 45px),transparent)}} .review-carousel{grid-auto-rows:1fr;gap:0} .reviews .review-track,.reviews .review-track:nth-child(2){display:flex;gap:0;padding:9.6px 0;scroll-snap-type:none;scrollbar-width:none;scroll-behavior:auto;overflow-x:auto;overflow-anchor:none;cursor:grab} .review-track.is-motion-enhanced{touch-action:pan-y} .review-track .motion-group{position:relative;display:flex;flex:none;gap:14.4px;padding-right:14.4px;align-items:stretch} .reviews .review{flex:0 0 336px;width:336px;min-height:264px;height:auto;padding:19.2px;scroll-snap-align:none} .reviews .review:hover,.reviews .review:focus-within{transform:scale(1.008)} #areas .area-carousel{background:none;padding-block:24px} #areas .area-explorer{--area-art-height:clamp(340px,42vw,760px)} #areas .area-art{height:var(--area-art-height)} #areas .area-carousel::before{content:'';position:absolute;inset:calc(var(--area-art-height)*-.1) 0 0;z-index:-1;background:#090a0b var(--speed-granite,none) center/1100px auto repeat;background-blend-mode:luminosity;mask-image:linear-gradient(to bottom,transparent,#000 calc(var(--area-art-height)*.2));pointer-events:none} @media(max-width:600px){#areas .area-explorer{--area-art-height:calc(56.28vw + 100px)}} .area-tile{background:linear-gradient(115deg,#ffffff24,#11182030 60%,#ffffff16)} .area-tile,.reviews .review{-webkit-backdrop-filter:blur(28px) saturate(1.35);backdrop-filter:blur(28px) saturate(1.35);border:1px solid #ffffff55;box-shadow:inset 0 1px #ffffff46,0 10px 30px #0003;border-radius:12px} .reviews .review{background:rgb(255 255 255 / 8%)} .review-map .map-frame{position:relative;top:0;width:80%;margin:0;border:1px solid #ffffff55} .review-map .map-frame iframe{display:block;width:100%;height:auto;aspect-ratio:16/9;max-height:none} #personalised .personal-grid>.prose{align-self:start;margin-top:var(--personal-copy-offset,0px)} @media(max-width:1100px){.reviews .review{flex-basis:304px;width:304px;padding:17.6px}.review-track .motion-group{gap:11.2px;padding-right:11.2px}} @media(max-width:600px){.reviews .review{flex-basis:calc((100vw - 32px)*.8);width:calc((100vw - 32px)*.8);max-width:304px;min-height:248px;padding:16px 12.8px}} @supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.area-tile,.reviews .review{background:#25292c}} @media(prefers-reduced-transparency:reduce){.area-tile,.reviews .review{background:#25292c;-webkit-backdrop-filter:none;backdrop-filter:none}} @media(prefers-reduced-motion:reduce){.reviews .review:hover,.reviews .review:focus-within{transform:none}} #reviews{background:#111;padding:0} #reviews::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(transparent,transparent),var(--paper-texture) center/cover;transform:scaleX(-1);pointer-events:none} #reviews .review-surface{padding:100px 0 64px;background:transparent} @media(max-width:700px){#reviews .review-surface{padding-top:75px}} #reviews .review-map{--map-padding:clamp(24px,5vw,80px);position:relative;isolation:isolate;width:100%;max-width:none;margin:0;padding:var(--map-padding);background:transparent;display:grid;place-items:center;min-height:calc((100vw - var(--map-padding)*2 - 2px)*.5625 + 2px + var(--map-padding)*2)} #reviews .review-map .map-frame>a{position:absolute;top:100%;left:0;width:100%;height:var(--map-padding);display:flex;align-items:center;justify-content:center;padding:0;font-size:12px;text-align:center} #quote{background:#111} #quote::before{background:linear-gradient(transparent,transparent),var(--paper-texture) center/cover;filter:none;opacity:1} #reviews,#quote,#services{--paper-texture:var(--speed-paper6,none)} @supports(background-image:image-set(url("data:,") 1x)){ #reviews{--paper-texture:var(--speed-paper-pair-paper4,none)} #quote,#services{--paper-texture:var(--speed-paper-pair-paper2,none)} @media(max-width:1100px){#reviews{--paper-texture:var(--speed-paper-pair-paper2,none)}} } #about{background:#ccc;color:#242729;--line:#0003} #about::before{background:var(--speed-gray,none) center/cover;filter:none;opacity:1} #about .prose,#about .section-label{color:#34383a} #about h2 em{color:inherit} body #services.service-catalogue.home-services{background:linear-gradient(rgba(0,0,0,.16666667),rgba(0,0,0,.16666667)),var(--paper-texture) center/cover} body:not(.internal-page){--fade:80px;--fade-in:linear-gradient(to bottom,transparent,#000 var(--fade))} @media(max-width:700px){body:not(.internal-page){--fade:55px}} body:not(.internal-page) #quote.contact{border-bottom:var(--fade) solid transparent} body:not(.internal-page) #quote.contact::before{bottom:calc(var(--fade)*-1)} body:not(.internal-page) .footer{background:transparent;margin-top:calc(var(--fade)*-1);padding-top:calc(90px + var(--fade))} @media(max-width:1000px){body:not(.internal-page) .footer{padding-top:calc(65px + var(--fade))}} @media(max-width:500px){body:not(.internal-page) .footer{padding-top:calc(55px + var(--fade))}} body:not(.internal-page) .footer:before{background:linear-gradient(#060606ad,#060606ad),var(--speed-wall,none) center/cover #060606;opacity:1;-webkit-mask-image:var(--fade-in);mask-image:var(--fade-in)} body .quote-form{grid-template-columns:repeat(3,minmax(0,1fr))!important} body .quote-form>input:not([type=file]),body .quote-form>textarea,body .quote-form>.service-field,body .quote-form>.upload,body .quote-form>.quote-submit{grid-column:span 1!important;min-width:0} body .quote-form>h2,body .quote-form>.form-files,body .quote-form>.form-error{grid-column:1/-1!important} @media(max-width:599px){ body .quote-form{grid-template-columns:repeat(2,minmax(0,1fr))!important} body .quote-form>.quote-submit{grid-column:1/-1!important} } body .quote-form>input:not([type=file]),body .quote-form>textarea,body .quote-form .service-picker,body .quote-form>.upload,body .quote-form>.quote-submit{height:52px!important;min-height:52px!important} body .quote-form>input:not([type=file]),body .quote-form>textarea,body .quote-form .service-picker,body .quote-form>.upload,body .quote-form>.quote-submit{font-size:12px!important;line-height:1.4!important} body .quote-form>.pancake-heading{font-size:clamp(20px,2.6vw,32px)!important} body .quote-form>input:not([type=file]),body .quote-form>textarea,body .quote-form .service-picker,body .quote-form>.upload,body .quote-form>.quote-submit{font-size:clamp(9px,3.5vw,12px)!important;padding-inline:12px!important} body .quote-form .service-picker span,body .quote-form>.upload span,body .quote-form>.quote-submit{white-space:nowrap!important} body .quote-form .service-picker,body .quote-form>.upload{gap:6px} body .quote-form>.pancake-heading{white-space:nowrap;font-size:min(clamp(20px,2.6vw,32px),4.4vw)!important} @media(max-width:599px){ body .quote-form{gap:8px 6px!important} body .quote-form>input:not([type=file]),body .quote-form>textarea,body .quote-form .service-picker,body .quote-form>.upload,body .quote-form>.quote-submit,body .quote-form>.service-field{height:44px!important;min-height:44px!important} body .quote-form>textarea{padding-block:12px!important} } @media(max-width:800px){body .quote-form{display:grid!important;padding:12px 8px!important}html{scroll-padding-bottom:72px}body .quote-form>.quote-submit{scroll-margin-bottom:72px}} @media(max-width:360px){body .quote-form{width:calc(100vw - 16px)!important;max-width:none!important;margin-left:calc((100% - (100vw - 16px))/2)!important;box-sizing:border-box}} #thirdgen-ava[data-quote-overlap="true"]:not(:focus-within):has(.ava-launcher[aria-expanded="false"]){opacity:0;pointer-events:none} .quote-form{background:rgba(12,22,28,.76);-webkit-backdrop-filter:blur(28px) saturate(115%);backdrop-filter:blur(28px) saturate(115%);color:#fff;border-color:#ffffff59} .quote-form>input:not([type=file],[type=checkbox]),.quote-form>textarea,.quote-form .service-picker,.quote-form>.upload{background:#ffffff0a;border-color:#ffffff80;color:#fff} .quote-form input::placeholder,.quote-form textarea::placeholder{color:#fff;opacity:1} .quote-form>.quote-submit,.quote-form>h2,.aggregate-canvas .quote-form>h2{color:#fff} .quote-form>.quote-submit{background:#ffffff12;border-color:#ffffff80} .service-options,#enquiry-review{background:rgba(12,22,28,.76);color:#fff;-webkit-backdrop-filter:blur(28px) saturate(115%);backdrop-filter:blur(28px) saturate(115%)} .aggregate-canvas .quote-form{background:#ffffff38;color:#14232b;border-color:#ffffffc7} .aggregate-canvas .quote-form>input:not([type=file],[type=checkbox]),.aggregate-canvas .quote-form>textarea,.aggregate-canvas .quote-form .service-picker,.aggregate-canvas .quote-form>.upload,.aggregate-canvas .quote-form>.quote-submit{background:#14232b08;border-color:#14232b80;color:#14232b} .aggregate-canvas .quote-form input::placeholder,.aggregate-canvas .quote-form textarea::placeholder,.aggregate-canvas .quote-form>h2{color:#14232b;opacity:1} @supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.quote-form,.service-options,#enquiry-review{background:#15232b}.aggregate-canvas .quote-form{background:#f5f5f1}} @media(prefers-reduced-transparency:reduce){.quote-form,.service-options,#enquiry-review{background:#15232b;-webkit-backdrop-filter:none;backdrop-filter:none}.aggregate-canvas .quote-form{background:#f5f5f1}} :root{--speed-paper-pair-paper2:var(--speed-paper2,none);--speed-paper-pair-paper4:var(--speed-paper4,none)}@media(min-resolution:1.5dppx){:root{--speed-paper-pair-paper2:var(--speed-paper4,none);--speed-paper-pair-paper4:var(--speed-paper6,none)}}