@font-face{font-family:'Archivo';font-style:italic;font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url(fonts/archivo-latin-italic.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Archivo';font-style:normal;font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url(fonts/archivo-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
:root{
  --accent:#FFC000; --veil:.92;
  --hdr-bg:rgba(0,0,0,.92); --hdr-blur:blur(14px); --hdr-line:#1C1C1C; --hdr-h:150px;
  --burger:inline-flex; --inline-nav:none;
  --grid3:minmax(0,1fr); --grid4:minmax(0,1fr); --grid3s:minmax(0,1fr); --grid6:repeat(2,minmax(0,1fr));
}
@media (min-width:640px){:root{--hdr-h:86px;--grid3:repeat(2,minmax(0,1fr));--grid4:repeat(2,minmax(0,1fr));--grid6:repeat(3,minmax(0,1fr))}}
@media (min-width:1080px){:root{
  --inline-nav:flex; --burger:none; --hdr-h:86px;
  --grid3:repeat(3,minmax(0,1fr)); --grid4:repeat(4,minmax(0,1fr));
  --grid3s:repeat(3,minmax(0,1fr)); --grid6:repeat(6,minmax(0,1fr));
}}
@media (min-width:1080px){
.js-svc,.js-fin{position:relative}
.js-svc::after,.js-fin::after{content:"";position:absolute;left:-20px;right:-20px;top:100%;height:60px}
.mega1,.mega2{display:block!important;position:absolute;left:0;right:0;top:100%;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .18s ease .45s,visibility 0s linear .63s}
header:has(.js-svc:hover) .mega1,header:has(.js-svc:focus) .mega1,header:has(.js-svc:focus-within) .mega1,header:has(.mega1:hover) .mega1,header:has(.mega1:focus-within) .mega1,
header:has(.js-fin:hover) .mega2,header:has(.js-fin:focus) .mega2,header:has(.js-fin:focus-within) .mega2,header:has(.mega2:hover) .mega2,header:has(.mega2:focus-within) .mega2{visibility:visible;opacity:1;pointer-events:auto;transition:opacity .15s ease 0s,visibility 0s}
header:has(.js-fin:hover) .mega1,header:has(.mega2:hover) .mega1,header:has(.js-svc:hover) .mega2,header:has(.mega1:hover) .mega2{visibility:hidden;opacity:0;pointer-events:none;transition:none}
}
@media (max-width:1079px){.mega1,.mega2{display:none!important}}
:focus-visible{outline:2px solid #FFC000;outline-offset:2px}

header.m1 .mega1,header.m2 .mega2{visibility:visible!important;opacity:1!important;pointer-events:auto!important;transition:opacity .15s ease 0s,visibility 0s!important}
@media (max-width:820px){.hero-bg{background-image:url(uploads/Service-Page-Hero-Images/sunshine-coast-concrete-driveways-800.webp)!important}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}html{scroll-behavior:auto!important}}
img{max-width:100%}