@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.inline-grid{display:inline-grid}.table{display:table}.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.uppercase{text-transform:uppercase}.italic{font-style:italic}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}@media (min-width:64rem){.lg\:flex{display:flex}.lg\:hidden{display:none}}}:root{--ink:#0b1730;--navy:#1e3f7d;--navy-soft:#2a528f;--cyan:#3fb8e0;--cyan-soft:#80d4f0;--cyan-deep:#2a96bd;--paper:#f6f8fb;--slate-50:#e9eef5;--slate-100:#d1dae8;--slate-400:#6c7c95;--slate-700:#2a3b56;--white:#fff;--warm-grey:#8e95a1;--r-sm:4px;--r-md:8px;--r-lg:16px;--r-xl:24px;--shadow-sm:0 4px 12px #0b173014;--shadow-md:0 10px 32px #0b173026;--shadow-xl:0 32px 80px #0b173059;--gut:32px;--max:1320px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--slate-700);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.6}img,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.wrap{max-width:var(--max);padding:0 var(--gut);margin:0 auto}.display{text-transform:uppercase;letter-spacing:-.005em;font-family:Montserrat,sans-serif;font-weight:700;line-height:.94}.editorial{letter-spacing:-.005em;font-family:Montserrat,sans-serif;font-style:normal;font-weight:700}h1 .it,h2 .it,h3 .it{font-family:inherit;font-weight:inherit;text-transform:inherit;font-style:normal}.eyebrow{letter-spacing:2.5px;text-transform:uppercase;color:var(--cyan);align-items:center;font-family:Inter;font-size:12px;font-weight:600}.eyebrow.muted{color:var(--warm-grey)}.eyebrow:before{content:"";vertical-align:middle;background:currentColor;width:24px;height:1px;margin-right:12px;display:inline-block}.wave-motif{pointer-events:none;opacity:.9;position:absolute}.btn{letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;border:0;align-items:center;gap:12px;padding:16px 26px;font-family:Montserrat;font-size:14px;font-weight:600;transition:transform .15s,background .2s,box-shadow .2s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn-navy{background:var(--navy);color:var(--white)}.btn-navy:hover{background:var(--ink);box-shadow:var(--shadow-md)}.btn-cyan{background:var(--cyan);color:var(--ink)}.btn-cyan:hover{background:var(--cyan-deep);color:var(--white)}.btn-ghost{color:var(--white);background:0 0;border:1.5px solid #fff6}.btn-ghost:hover{background:var(--white);color:var(--navy);border-color:var(--white)}.btn-outline{color:var(--navy);border:1.5px solid var(--navy);background:0 0}.btn-outline:hover{background:var(--navy);color:var(--white)}.btn .arrow{transition:transform .2s}.btn:hover .arrow{transform:translate(4px)}.btn-sm{letter-spacing:1.2px;gap:8px;padding:9px 16px;font-size:11px}nav.top{z-index:50;-webkit-backdrop-filter:blur(14px)saturate(160%);backdrop-filter:blur(14px)saturate(160%);background:#0b173073;border-bottom:1px solid #3fb8e014;padding:14px 0;transition:padding .25s,background .25s;position:sticky;top:0;left:0;right:0}nav.top.scrolled{-webkit-backdrop-filter:none;background:#0b1730}nav.top+main,nav.top+section{margin-top:0}nav.top .row{grid-template-columns:auto 1fr auto;align-items:center;gap:24px;display:grid}.brand{align-items:center;display:inline-flex}.brand-logo{filter:brightness(0)invert()drop-shadow(0 2px 12px #00000059);width:auto;height:48px;display:block}nav.top ul{flex-wrap:nowrap;justify-content:center;gap:22px;list-style:none;display:flex}nav.top ul a{color:var(--white);letter-spacing:.3px;white-space:nowrap;padding:6px 0;font-family:Inter;font-size:13px;font-weight:500;position:relative}nav.top ul a:after{content:"";background:var(--cyan);transform-origin:0;height:1.5px;transition:transform .25s;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}nav.top ul a:hover:after{transform:scaleX(1)}nav.top ul.primary-nav{align-items:center}nav.top ul.primary-nav li{align-items:center;display:flex;position:relative}nav.top ul.primary-nav li.has-mega>a{display:inline}nav.top ul.primary-nav li.has-mega .caret{opacity:.7;margin-left:4px;font-size:9px;display:inline-block;transform:translateY(-1px)}nav.top .mega{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);opacity:0;visibility:hidden;pointer-events:none;z-index:50;background:#0b1426f5;border:1px solid #ffffff14;border-radius:12px;grid-template-columns:repeat(3,1fr);gap:24px;min-width:540px;padding:22px 28px;transition:all .2s;display:grid;position:absolute;top:100%;left:50%;transform:translate(-50%)translateY(8px);box-shadow:0 20px 40px -10px #00000073}nav.top .mega.mega-narrow{grid-template-columns:1fr;min-width:240px}nav.top ul.primary-nav li.has-mega:hover .mega,nav.top ul.primary-nav li.has-mega:focus-within .mega{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%)translateY(0)}nav.top .mega-col{flex-direction:column;gap:8px;display:flex}nav.top .mega-h{letter-spacing:1.5px;color:var(--cyan);text-transform:uppercase;border-bottom:1px solid #ffffff1a;margin-bottom:4px;padding-bottom:6px;font-family:Inter;font-size:10px;font-weight:700}nav.top .mega a{color:#ffffffe0;padding:4px 0;font-family:Inter;font-size:13px;font-weight:500;transition:color .15s}nav.top .mega a:hover{color:var(--cyan)}nav.top .mega a:after{display:none}.call-tag{color:var(--white);white-space:nowrap;align-items:center;gap:12px;font-family:Inter;font-size:12px;font-weight:500;display:flex}.call-tag>div{flex-direction:column;line-height:1.1;display:flex}.call-tag .num{letter-spacing:.3px;font-family:Montserrat;font-size:15px;font-weight:700}.call-tag .num:hover{color:var(--cyan)}.call-tag .small{letter-spacing:2px;text-transform:uppercase;color:var(--cyan);margin-bottom:2px;font-size:9px}.hero{min-height:min(100vh,820px);color:var(--white);isolation:isolate;align-items:center;margin-top:-88px;padding:128px 0 60px;display:flex;position:relative;overflow:hidden}.hero:before{content:"";z-index:-2;background:linear-gradient(120deg,#0b1730c7 0%,#1e3f7d8c 45%,#0b1730a6 100%),url(/assets/matt-images/coastcrete-concrete-perth.webp) 50%/cover no-repeat;position:absolute;inset:0}.hero:after{content:"";z-index:-1;background:radial-gradient(ellipse at top right, #3fb8e029 0%, transparent 55%), linear-gradient(180deg, transparent 55%, var(--ink) 100%);position:absolute;inset:0}.hero .wrap{width:100%}.hero .grid{grid-template-columns:1.35fr .9fr;align-items:center;gap:48px;display:grid}.hero .meta-bar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:2px;text-transform:uppercase;background:#ffffff12;border:1px solid #ffffff26;border-radius:999px;align-items:center;gap:14px;margin-bottom:22px;padding:7px 14px;font-size:11px;font-weight:600;display:inline-flex}.hero .meta-bar .dot{background:var(--cyan);border-radius:50%;width:6px;height:6px}.hero .meta-bar .sep{background:#fff3;width:1px;height:11px}.hero h1{text-transform:uppercase;letter-spacing:-.01em;margin-bottom:20px;font-family:Montserrat,sans-serif;font-size:clamp(44px,5.6vw,86px);font-weight:700;line-height:.96}.hero h1 .it{color:var(--cyan);letter-spacing:-.01em}.hero .sub{letter-spacing:2.5px;text-transform:uppercase;color:#ffffffa6;margin-bottom:22px;font-family:Montserrat;font-size:13px;font-weight:500}.hero .sub .pipe{color:var(--cyan);margin:0 8px}.hero .lede{color:#ffffffd1;max-width:540px;margin-bottom:28px;font-size:16px;line-height:1.65}.hero .ctas{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.quote-card{background:var(--white);color:var(--ink);box-shadow:var(--shadow-xl);border-radius:var(--r-md);position:relative;overflow:hidden}.quote-card .head{background:linear-gradient(135deg, var(--navy) 0%, var(--ink) 100%);color:var(--white);padding:20px 24px 18px;position:relative;overflow:hidden}.quote-card .head:before{content:"";background:radial-gradient(circle,#3fb8e066 0%,#0000 70%);width:140px;height:140px;position:absolute;top:-30px;right:-30px}.quote-card .head h3,.quote-card .head h2{text-transform:uppercase;letter-spacing:.5px;color:var(--white);margin-bottom:4px;font-family:Montserrat;font-size:22px;font-weight:700;line-height:1.05;position:relative}.quote-card .head h3 .cy,.quote-card .head h2 .cy{color:var(--cyan)}.quote-card .head p{color:#ffffffbf;font-size:12px;line-height:1.45;position:relative}.quote-card .body{padding:18px 24px 22px}.quote-card label{letter-spacing:1.5px;text-transform:uppercase;color:var(--slate-700);margin-bottom:4px;font-size:10px;font-weight:700;display:block}.quote-card input,.quote-card select,.quote-card textarea{width:100%;font:inherit;background:var(--paper);border:1.5px solid var(--slate-50);border-radius:var(--r-sm);color:var(--ink);outline:none;padding:9px 12px;font-size:13px;transition:border-color .15s,background .15s}.quote-card textarea{resize:vertical;min-height:50px}.quote-card input:focus,.quote-card select:focus,.quote-card textarea:focus{border-color:var(--cyan);background:var(--white)}.quote-card .field{margin-bottom:10px}.quote-card .row2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.quote-card button{background:var(--cyan);width:100%;color:var(--ink);letter-spacing:2px;text-transform:uppercase;border:0;justify-content:center;align-items:center;gap:10px;margin-top:8px;padding:13px;font-family:Montserrat;font-size:13px;font-weight:700;transition:background .2s;display:inline-flex}.quote-card button:hover{background:var(--cyan-deep);color:var(--white)}.quote-card .note{color:var(--warm-grey);text-align:center;margin-top:10px;font-size:11px;line-height:1.5}.quote-card .note strong{color:var(--navy)}.wave-divider{background:var(--paper);width:100%;height:80px;margin-top:-1px;display:block;position:relative}.wave-divider svg{width:100%;height:100%;display:block}.intro{background:var(--paper);padding:110px 0 90px;position:relative;overflow:hidden}.intro .grid{grid-template-columns:1.4fr 1fr;align-items:center;gap:80px;display:grid}.intro h2{text-transform:uppercase;letter-spacing:-.01em;color:var(--ink);margin:16px 0 26px;font-family:Montserrat;font-size:clamp(38px,4.5vw,64px);font-weight:700;line-height:1}.intro h2 .editorial{color:var(--navy)}.intro p{color:var(--slate-700);max-width:560px;margin-bottom:16px;font-size:17px;line-height:1.75}.intro p strong{color:var(--navy)}.intro .stats{grid-template-columns:repeat(2,1fr);gap:28px;display:grid}.stat{border-left:3px solid var(--cyan);padding:8px 0 8px 22px}.stat strong{color:var(--navy);letter-spacing:-.02em;margin-bottom:6px;font-family:Montserrat;font-size:56px;font-weight:700;line-height:1;display:block}.stat strong .small{color:var(--cyan);font-size:28px}.stat span{letter-spacing:2px;text-transform:uppercase;color:var(--warm-grey);font-size:12px;font-weight:600}.pull{background:var(--ink);color:var(--white);padding:100px 0;position:relative;overflow:hidden}.pull:before{content:"";pointer-events:none;background:radial-gradient(at 20% 30%,#3fb8e01f 0%,#0000 50%),radial-gradient(at 80% 70%,#1e3f7d4d 0%,#0000 50%);width:100%;height:100%;position:absolute;top:0;left:0}.pull .wrap{max-width:1100px;position:relative}.pull blockquote{letter-spacing:-.01em;color:var(--white);margin-bottom:28px;padding-left:56px;font-family:Playfair Display,serif;font-size:clamp(28px,3.6vw,52px);font-weight:400;line-height:1.25;position:relative}.pull blockquote:before{content:"“";color:var(--cyan);font-family:Playfair Display;font-size:140px;font-weight:400;line-height:1;position:absolute;top:-28px;left:0}.pull blockquote em{color:var(--cyan);font-style:italic}.pull cite{letter-spacing:2px;text-transform:uppercase;color:#fff9;padding-left:56px;font-size:13px;font-style:normal;font-weight:600}.pull cite span{color:var(--cyan)}.services{background:var(--white);padding:120px 0}.section-head{grid-template-columns:1fr 1fr;align-items:end;gap:60px;margin-bottom:64px;display:grid}.section-head .left .eyebrow{color:var(--cyan);margin-bottom:16px;display:block}.section-head h2{text-transform:uppercase;letter-spacing:-.01em;color:var(--ink);font-family:Montserrat;font-size:clamp(40px,5.5vw,76px);font-weight:700;line-height:.98}.section-head h2 .it{color:var(--navy)}.section-head p{color:var(--slate-700);max-width:480px;font-size:16px;line-height:1.7}.section-head p strong{color:var(--navy)}.service-grid{grid-template-columns:repeat(12,1fr);gap:20px;display:grid}.service-card{background:var(--ink);color:var(--white);aspect-ratio:1;grid-column:span 4;transition:transform .3s;position:relative;overflow:hidden}.service-card:hover{transform:translateY(-6px)}.service-card .photo{filter:saturate(.85);background-position:50%;background-size:cover;transition:transform .6s,filter .4s;position:absolute;inset:0}.service-card:hover .photo{filter:saturate();transform:scale(1.06)}.service-card:after{content:"";background:linear-gradient(#0b173000 30%,#0b17308c 60%,#0b1730f2 100%);position:absolute;inset:0}.service-card .body{z-index:2;flex-direction:column;justify-content:space-between;padding:28px;display:flex;position:absolute;inset:0}.service-card .num{letter-spacing:2px;color:var(--cyan);font-family:Montserrat;font-size:14px;font-weight:700}.service-card h3{text-transform:uppercase;letter-spacing:-.005em;color:var(--white);margin-bottom:10px;font-family:Montserrat;font-size:28px;font-weight:700;line-height:1.02}.service-card p{color:#ffffffc7;margin-bottom:16px;font-size:13px;line-height:1.6}.service-card .more{letter-spacing:2px;text-transform:uppercase;color:var(--cyan);align-items:center;gap:8px;font-family:Montserrat;font-size:12px;font-weight:600;display:inline-flex}.service-card .more:after{content:"→";transition:transform .2s}.service-card:hover .more:after{transform:translate(4px)}.sv1 .photo{background-image:url(/assets/matt-images/perth-exposed-aggregate-concrete.webp)}.sv2 .photo{background-image:url(/assets/matt-images/honed-and-polished-aggregate-concrete.webp)}.sv3 .photo{background-image:url(/assets/matt-images/modern-home-with-sealed-driveway.webp)}.sv4 .photo{background-image:url(/assets/matt-images/modern-home-patio-fire-place.webp)}.sv5 .photo{background-image:url(/assets/matt-images/polished-and-burnished-concrete-service.webp)}.sv6 .photo{background-image:url(/assets/matt-images/pool-liquid-limestone-concrete.webp)}.sv7 .photo{background-image:url(/assets/matt-images/modern-outdoor-kitchen-with-concrete-table-1.webp)}.sv8 .photo{background-image:url(/assets/matt-images/polished-concrete-overlay-veneers-service.webp)}.sv9 .photo{background-image:url(/assets/matt-images/exposed-aggregate-patio.webp)}.why{background:var(--paper);padding:120px 0;position:relative;overflow:hidden}.why:before{content:"";background:radial-gradient(circle,#3fb8e01f 0%,#0000 70%);border-radius:50%;width:360px;height:360px;position:absolute;top:80px;right:-120px}.why .grid{grid-template-columns:1fr 1.4fr;align-items:start;gap:80px;display:grid;position:relative}.why h2{text-transform:uppercase;letter-spacing:-.01em;color:var(--ink);margin-bottom:24px;font-family:Montserrat;font-size:clamp(38px,4.5vw,64px);font-weight:700;line-height:1}.why h2 .it{color:var(--navy)}.why .left p{color:var(--slate-700);margin-bottom:26px;font-size:16px;line-height:1.7}.why .pillars{gap:24px;display:grid}.pillar{background:var(--white);border-radius:var(--r-md);border-left:4px solid var(--cyan);box-shadow:var(--shadow-sm);grid-template-columns:56px 1fr;align-items:start;gap:22px;padding:28px 28px 28px 32px;display:grid}.pillar .icon{background:linear-gradient(135deg, var(--navy) 0%, var(--cyan-deep) 100%);border-radius:var(--r-sm);width:56px;height:56px;color:var(--white);justify-content:center;align-items:center;font-family:Montserrat;font-size:22px;font-weight:700;display:flex}.pillar h4{text-transform:uppercase;letter-spacing:.5px;color:var(--ink);margin-bottom:8px;font-family:Montserrat;font-size:20px;font-weight:600;line-height:1.1}.pillar p{color:var(--slate-700);font-size:14px;line-height:1.6}.company{background:var(--white);padding:120px 0;position:relative;overflow:hidden}.company .grid{grid-template-columns:1fr 1.1fr;align-items:center;gap:80px;display:grid}.company .photo{aspect-ratio:4/5;border-radius:var(--r-md);box-shadow:var(--shadow-md);background-image:url(/assets/matt-images/modern-home-patio-fire-place.webp);background-position:50%;background-size:cover;position:relative;overflow:hidden}.reveal{opacity:.25;will-change:opacity, transform;transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1);transform:translateY(32px)}.reveal.in{opacity:1;transform:translateY(0)}.reveal-left{opacity:.25;transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1);transform:translate(-40px)}.reveal-left.in{opacity:1;transform:translate(0)}.reveal-right{opacity:.25;transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1);transform:translate(40px)}.reveal-right.in{opacity:1;transform:translate(0)}.reveal-zoom{opacity:.25;transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1);transform:scale(.94)}.reveal-zoom.in{opacity:1;transform:scale(1)}.reveal-fade{opacity:0;transition:opacity 1s cubic-bezier(.22,1,.36,1)}.reveal-fade.in{opacity:1}.reveal-stagger>*{opacity:.25;transition:opacity .65s cubic-bezier(.22,1,.36,1),transform .65s cubic-bezier(.22,1,.36,1);transform:translateY(20px)}.reveal-stagger.in>*{opacity:1;transform:translateY(0)}.reveal-stagger.in>:first-child{transition-delay:0s}.reveal-stagger.in>:nth-child(2){transition-delay:80ms}.reveal-stagger.in>:nth-child(3){transition-delay:.16s}.reveal-stagger.in>:nth-child(4){transition-delay:.24s}.reveal-stagger.in>:nth-child(5){transition-delay:.32s}.reveal-stagger.in>:nth-child(6){transition-delay:.4s}.reveal-stagger.in>:nth-child(7){transition-delay:.48s}.reveal-stagger.in>:nth-child(8){transition-delay:.56s}.reveal-stagger.in>:nth-child(9){transition-delay:.64s}@media (prefers-reduced-motion:reduce){.reveal,.reveal-left,.reveal-right,.reveal-zoom,.reveal-fade,.reveal-stagger>*{opacity:1!important;transition:none!important;transform:none!important}}.company .photo:after{content:"";background:linear-gradient(135deg, var(--cyan) 0%, var(--cyan-deep) 100%);z-index:-1;width:60%;height:30%;position:absolute;inset:auto -20px -20px auto}.company h2{text-transform:uppercase;letter-spacing:-.005em;color:var(--ink);margin:16px 0 26px;font-family:Montserrat;font-size:clamp(36px,4.5vw,60px);font-weight:700;line-height:1}.company h2 .it{color:var(--navy)}.company p{color:var(--slate-700);max-width:620px;margin-bottom:16px;font-size:17px;line-height:1.75}.company p strong{color:var(--navy)}.company .credentials{border-top:1px solid var(--slate-100);border-bottom:1px solid var(--slate-100);grid-template-columns:repeat(2,1fr);gap:20px 24px;margin:32px 0 24px;padding:24px 0;display:grid}.company .credentials .cred{align-items:flex-start;gap:14px;display:flex}.company .credentials .cred .tick{background:var(--cyan);width:26px;height:26px;color:var(--ink);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.company .credentials .cred span{color:var(--slate-700);font-size:14px;font-weight:500;line-height:1.45}.reviews{background:var(--ink);color:var(--white);padding:120px 0;position:relative;overflow:hidden}.reviews:before{content:"";pointer-events:none;background:radial-gradient(circle,#3fb8e01f 0%,#0000 70%);border-radius:50%;width:600px;height:600px;position:absolute;bottom:-200px;left:-200px}.reviews .wrap{position:relative}.reviews .section-head h2{color:var(--white)}.reviews .section-head h2 .it{color:var(--cyan)}.reviews .section-head p{color:#ffffffb3}.reviews .section-head .left .eyebrow{color:var(--cyan)}.review-grid{grid-template-columns:1.4fr 1fr;gap:24px;display:grid}.review-grid .col{gap:24px;display:grid}.review-grid .col-right{gap:24px}.review{background:#ffffff08;border:1px solid #ffffff14;padding:32px 30px;transition:border-color .2s,background .2s}.review:hover{border-color:var(--cyan);background:#3fb8e00a}.review.feature{background:linear-gradient(135deg,#1e3f7d66 0%,#3fb8e014 100%);border-color:#3fb8e04d;padding:44px 40px}.review .stars{color:var(--cyan);letter-spacing:4px;margin-bottom:18px;font-size:16px}.review p{color:var(--white);margin-bottom:22px;font-family:Playfair Display,serif;font-size:18px;font-weight:400;line-height:1.45}.review.feature p{font-size:24px}.review .author{align-items:center;gap:14px;display:flex}.review .avatar{object-fit:cover;border:2px solid var(--cyan);border-radius:50%;flex-shrink:0;width:48px;height:48px}.review cite{letter-spacing:1.5px;text-transform:uppercase;color:var(--cyan);font-family:Inter;font-size:13px;font-style:normal;font-weight:600;line-height:1.2;display:block}.review cite span{color:#ffffff80;letter-spacing:1px;margin-left:8px;font-weight:500}.quote-band{background:var(--paper);padding:110px 0;position:relative;overflow:hidden}.quote-band:before{content:"";background:radial-gradient(circle,#1e3f7d12 0%,#0000 70%);border-radius:50%;width:480px;height:480px;position:absolute;top:-160px;right:-160px}.quote-band .grid{grid-template-columns:1fr .95fr;align-items:start;gap:72px;display:grid;position:relative}.quote-band h2{text-transform:uppercase;letter-spacing:-.005em;color:var(--ink);margin-bottom:22px;font-family:Montserrat;font-size:clamp(38px,4.5vw,62px);font-weight:700;line-height:1}.quote-band h2 .it{color:var(--navy)}.quote-band p{color:var(--slate-700);max-width:460px;margin-bottom:22px;font-size:16px;line-height:1.7}.quote-band .alt-call{border-top:1px solid var(--slate-100);margin-top:32px;padding-top:28px}.quote-band .alt-call .label{letter-spacing:2.5px;text-transform:uppercase;color:var(--cyan);margin-bottom:6px;font-size:11px;font-weight:700;display:block}.quote-band .alt-call a{color:var(--navy);letter-spacing:.5px;align-items:center;gap:12px;font-family:Montserrat;font-size:32px;font-weight:700;display:inline-flex}.quote-band .alt-call a:hover{color:var(--cyan-deep)}.suburbs{background:var(--white);border-top:1px solid var(--slate-100);border-bottom:1px solid var(--slate-100);padding:100px 0}.suburbs h2{text-transform:uppercase;letter-spacing:-.005em;color:var(--ink);text-align:center;margin-bottom:14px;font-family:Montserrat;font-size:clamp(28px,3vw,40px);font-weight:700;line-height:1}.suburbs h2 .it{color:var(--navy)}.suburbs .center-eye{text-align:center;color:var(--cyan);margin-bottom:14px;display:block}.suburbs p.lead{text-align:center;color:var(--slate-700);max-width:620px;margin:0 auto 36px;font-size:15px}.suburbs ul{grid-template-columns:repeat(6,1fr);gap:12px;max-width:1200px;margin:0 auto;list-style:none;display:grid}.suburbs li{background:var(--paper);border-radius:var(--r-sm);text-align:center;letter-spacing:1px;text-transform:uppercase;color:var(--ink);cursor:default;border:1px solid #0000;padding:14px 16px;font-family:Montserrat;font-size:13px;font-weight:600;transition:all .15s}.suburbs li:hover{border-color:var(--cyan);color:var(--cyan-deep);background:var(--white)}.blog{background:var(--paper);padding:120px 0}.blog .section-head h2 .it{color:var(--navy)}.blog-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.post{background:var(--white);border-radius:var(--r-md);box-shadow:var(--shadow-sm);flex-direction:column;transition:transform .25s,box-shadow .25s;display:flex;overflow:hidden}.post:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.post .img{aspect-ratio:16/10;background-position:50%;background-size:cover;background-color:var(--slate-100);position:relative}.post .img:after{content:"";background:linear-gradient(#0000 60%,#0b173066 100%);position:absolute;inset:0}.post .img .cat{z-index:2;background:var(--cyan);color:var(--ink);letter-spacing:1.5px;text-transform:uppercase;padding:5px 10px;font-family:Montserrat;font-size:10px;font-weight:700;position:absolute;top:16px;left:16px}.post .body{flex-direction:column;flex:1;padding:22px;display:flex}.post .date{letter-spacing:1.5px;text-transform:uppercase;color:var(--warm-grey);margin-bottom:10px;font-size:11px;font-weight:600}.post h3{letter-spacing:0;text-transform:uppercase;color:var(--ink);flex:1;margin-bottom:12px;font-family:Montserrat;font-size:18px;font-weight:600;line-height:1.2}.post .read{letter-spacing:2px;text-transform:uppercase;color:var(--navy);border-top:1px solid var(--slate-100);padding-top:14px;font-family:Montserrat;font-size:11px;font-weight:600}.post .read:after{content:" →";color:var(--cyan)}.post:hover .read{color:var(--cyan-deep)}.faq{background:var(--paper);padding:120px 0}.faq .grid{grid-template-columns:1fr 1.4fr;align-items:start;gap:80px;display:grid}.faq h2{text-transform:uppercase;letter-spacing:-.01em;color:var(--ink);margin-bottom:16px;font-family:Montserrat;font-size:clamp(38px,4.5vw,60px);font-weight:700;line-height:1}.faq h2 .it{color:var(--navy)}.faq .left p{color:var(--slate-700);margin-top:18px;font-size:15px;line-height:1.7}.faq details{border-bottom:1px solid var(--slate-100);cursor:pointer;padding:22px 0;transition:padding .15s}.faq details:first-of-type{border-top:1px solid var(--slate-100)}.faq summary{text-transform:uppercase;letter-spacing:.5px;color:var(--ink);justify-content:space-between;align-items:center;gap:24px;font-family:Montserrat;font-size:19px;font-weight:600;line-height:1.3;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary .icn{background:var(--white);border:1.5px solid var(--cyan);width:32px;height:32px;color:var(--navy);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;font-weight:700;transition:transform .25s,background .2s,color .2s;display:flex}.faq details[open] summary .icn{background:var(--cyan);color:var(--white);transform:rotate(45deg)}.faq details p{color:var(--slate-700);margin-top:14px;padding-right:56px;font-size:15px;line-height:1.75}.final{background:linear-gradient(135deg, var(--navy) 0%, var(--ink) 100%);color:var(--white);padding:130px 0;position:relative;overflow:hidden}.final:before{content:"";pointer-events:none;background:radial-gradient(at 30% 40%,#3fb8e02e 0%,#0000 50%),radial-gradient(at 70% 60%,#3fb8e01f 0%,#0000 50%);position:absolute;inset:0}.final .wrap{text-align:center;max-width:1100px;position:relative}.final .eyebrow{color:var(--cyan);margin-bottom:22px;display:inline-block}.final h2{text-transform:uppercase;letter-spacing:-.012em;color:var(--white);margin-bottom:28px;font-family:Montserrat;font-size:clamp(30px,4.2vw,52px);font-weight:700;line-height:1.05}.final h2 .it{color:var(--cyan)}.final p{color:#ffffffc7;max-width:620px;margin:0 auto 38px;font-size:18px;line-height:1.65}.final .ctas{flex-wrap:wrap;justify-content:center;gap:16px;display:inline-flex}.final .alt{letter-spacing:2px;text-transform:uppercase;color:#ffffff8c;margin-top:32px;font-size:13px}.final .alt a{color:var(--cyan);border-bottom:1px solid var(--cyan);padding-bottom:2px;font-weight:600}footer{color:#ffffffb8;background:#06101d;padding:80px 0 32px}footer .row{grid-template-columns:1.6fr 1fr 1fr 1fr;gap:48px;display:grid}footer h4{letter-spacing:2.5px;text-transform:uppercase;color:var(--cyan);margin-bottom:18px;font-family:Montserrat;font-size:12px;font-weight:700}footer a,footer p{color:#ffffffa6;font-size:14px;line-height:1.95;text-decoration:none}footer a:hover{color:var(--cyan)}footer .brand-block{align-items:center;gap:14px;margin-bottom:18px;display:flex}footer .copyright{letter-spacing:2px;text-transform:uppercase;color:#ffffff59;border-top:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;gap:14px;margin-top:56px;padding-top:24px;font-family:Montserrat;font-size:11px;display:flex}@media (max-width:1100px){.service-card{grid-column:span 6;aspect-ratio:1!important}}@media (max-width:980px){.suburbs ul{grid-template-columns:repeat(3,1fr)}.blog-grid{grid-template-columns:repeat(2,1fr)}.company .grid,.quote-band .grid{grid-template-columns:1fr;gap:32px}}@media (max-width:760px){nav.top{padding:16px 0}nav.top ul{display:none}nav.top .row{grid-template-columns:1fr auto;gap:12px}.call-tag .small{display:none}.brand-logo{height:42px}.hero{min-height:auto;padding:100px 0 60px}.hero .grid{grid-template-columns:1fr;gap:36px;min-height:auto}.hero h1{font-size:clamp(46px,11vw,80px)}.intro .grid,.why .grid,.faq .grid,.section-head{grid-template-columns:1fr;gap:32px}.intro .stats{grid-template-columns:1fr 1fr;gap:18px}.review-grid{grid-template-columns:1fr}.service-card{grid-column:span 12}.final h2{font-size:clamp(28px,8vw,40px)}.suburbs ul{grid-template-columns:repeat(2,1fr)}.blog-grid,.company .credentials{grid-template-columns:1fr}footer .row{grid-template-columns:1fr;gap:28px}}.primary-nav .soon{letter-spacing:1px;text-transform:uppercase;color:#ffffff80;vertical-align:middle;background:#ffffff1a;border-radius:3px;margin-left:8px;padding:2px 6px;font-size:9px;font-weight:600;display:inline-block}.primary-nav .active{font-weight:600;color:var(--cyan)!important}.primary-nav .mega a.active{border-left:2px solid var(--cyan);margin-left:-12px;padding-left:10px;font-weight:600;color:var(--cyan)!important}.mobile-burger{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffff1a;border:1px solid #ffffff26;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:42px;height:42px;display:none}.mobile-burger span{background:#fff;border-radius:1px;width:18px;height:2px;display:block}@media (max-width:980px){.primary-nav,.call-tag{display:none!important}.mobile-burger{display:flex}nav.top .row{justify-content:space-between!important;align-items:center!important}}.mobile-drawer{z-index:1000;color:#fff;padding:env(safe-area-inset-top,0) 0 env(safe-area-inset-bottom,0) 0;background:#0b1730;flex-direction:column;transition:transform .3s cubic-bezier(.22,.61,.36,1);display:flex;position:fixed;inset:0;transform:translate(100%)}.mobile-drawer.open{transform:translate(0)}.md-head{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.md-brand img{filter:brightness(0)invert()opacity(.95);width:auto;height:38px}.md-close{color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffff14;border:0;border-radius:8px;width:42px;height:42px;font-size:26px;line-height:1}.md-body{-webkit-overflow-scrolling:touch;flex:1;padding:24px 20px;overflow-y:auto}.md-link{color:#fff;-webkit-tap-highlight-color:transparent;border-bottom:1px solid #ffffff14;padding:14px 0;font-family:Montserrat,sans-serif;font-size:18px;font-weight:600;display:block}.md-link.active{color:var(--cyan)}.md-group{border-bottom:1px solid #ffffff14;padding:14px 0}.md-group-h{letter-spacing:2px;text-transform:uppercase;color:#ffffff73;margin-bottom:10px;font-family:Montserrat,sans-serif;font-size:11px;font-weight:700;display:block}.md-sub{color:#fff;-webkit-tap-highlight-color:transparent;justify-content:space-between;align-items:center;padding:10px 0;font-family:Inter,sans-serif;font-size:15px;font-weight:500;display:flex}.md-sub.muted{color:#ffffff8c}.md-sub.active{color:var(--cyan);font-weight:600}.md-sub em{letter-spacing:1px;text-transform:uppercase;color:#fff6;background:#ffffff14;border-radius:3px;padding:3px 7px;font-size:9px;font-style:normal}.md-foot{background:#ffffff05;border-top:1px solid #ffffff14;flex-direction:column;gap:10px;padding:18px 20px 22px;display:flex}.md-foot .btn{justify-content:center;width:100%}.post-card-wrap>a{transition:transform .25s,box-shadow .25s;display:block}.post-card-wrap:hover>a{box-shadow:var(--shadow-md);transform:translateY(-5px)}.cc-scroll-top{z-index:80;background:var(--cyan);width:48px;height:48px;color:var(--ink);cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;border-radius:50%;place-items:center;transition:background .2s,transform .15s;display:grid;position:fixed;bottom:24px;left:24px;box-shadow:0 10px 28px #0b173040}.cc-scroll-top:hover{background:var(--cyan-deep);transform:translateY(-2px)}.cc-scroll-top:active{transform:translateY(0)}@media (max-width:768px){.cc-scroll-top{bottom:78px}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}
