@charset "UTF-8";@font-face{font-family:Alegreya Sans;font-weight:100;font-display:swap;src:url(/fonts/alegreyasans-thin.woff2) format("woff2"),url(/fonts/alegreyasans-thin.woff) format("woff")}@font-face{font-family:Alegreya Sans;font-weight:300;font-display:swap;src:url(/fonts/alegreyasans-light.woff2) format("woff2"),url(/fonts/alegreyasans-light.woff) format("woff")}@font-face{font-family:Alegreya Sans;font-weight:400;font-display:swap;src:url(/fonts/alegreyasans-regular.woff2) format("woff2"),url(/fonts/alegreyasans-regular.woff) format("woff")}@font-face{font-family:Alegreya Sans;font-weight:500;font-display:swap;src:url(/fonts/alegreyasans-medium.woff2) format("woff2"),url(/fonts/alegreyasans-medium.woff) format("woff")}@font-face{font-family:Alegreya Sans;font-weight:700;font-display:swap;src:url(/fonts/alegreyasans-bold.woff2) format("woff2"),url(/fonts/alegreyasans-bold.woff) format("woff")}@font-face{font-family:Alegreya Sans;font-weight:800;font-display:swap;src:url(/fonts/alegreyasans-extrabold.woff2) format("woff2"),url(/fonts/alegreyasans-extrabold.woff) format("woff")}@font-face{font-family:Alegreya Sans;font-weight:900;font-display:swap;src:url(/fonts/alegreyasans-black.woff2) format("woff2"),url(/fonts/alegreyasans-black.woff) format("woff")}:root{--margin-for-header:calc(50px + 1rem);--margin-for-footer-wide: 3.5rem;--margin-for-footer-narrow: 4.75rem;--neutral-100: hsl(0, 0%, 100%);--neutral-900: hsl(0, 0%, 13%);--accent-300: hsl(22, 36%, 69%);--accent-400: hsl(22, 36%, 59%);--accent-500: hsl(22, 36%, 49%);--primary-100: hsl(165, 54%, 53%);--primary-200: hsl(165, 54%, 43%);--primary-400: hsl(165, 54%, 33%);--primary-500: hsl(165, 54%, 23%);--primary-700: hsl(165, 54%, 13%);--fs-900: 3.75rem;--fs-800: 2.25rem;--fs-700: 1.75rem;--fs-600: 1.125rem;--fs-500: 1.125rem;--fs-400: 1rem}@media screen and (min-width: 65em){:root{--fs-900: 3.75rem;--fs-800: 3rem;--fs-700: 1.75rem;--fs-600: 1.3125rem;--fs-500: 1.125rem;--fs-400: 1rem}}*,*:before,*:after{box-sizing:border-box}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}*{margin:0;padding:0;font:inherit}html{scroll-padding-top:calc(50px + 1rem)}@media (prefers-reduced-motion: no-preference){html{scroll-behavior:smooth}}img,picture,svg{display:block;max-width:100%}body{font-family:Alegreya Sans,sans-serif;font-weight:400;font-size:1rem;font-size:var(--fs-400);color:#0f332a;color:var(--primary-700);background-color:#fff;background-color:var(--neutral-100);line-height:1.5}a{color:#27826b;color:var(--primary-400);-webkit-text-decoration:none;text-decoration:none}a:hover,a:focus-visible{color:#1b5a4a;color:var(--primary-500)}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.skip-nav-link{position:absolute;transform:translateY(-120%);background-color:#fff;background-color:var(--neutral-100);color:#212121;color:var(--neutral-900);padding:.5em 1.5em;border-radius:0 0 .25em .25em;left:.5em;z-index:10000}@media (prefers-reduced-motion: no-preference){.skip-nav-link{transition:transform .35s ease-in}}.skip-nav-link:hover{-webkit-text-decoration:underline;text-decoration:underline}.skip-nav-link:focus{transform:translateY(0)}.button{display:inline-flex;cursor:pointer;-webkit-text-decoration:none;text-decoration:none;line-height:1;font-family:Alegreya Sans,sans-serif;font-size:1rem;font-size:var(--fs-400);text-transform:none;font-weight:700;padding:.75em 2em;border:0;border-radius:.5rem}@media (prefers-reduced-motion: no-preference){.button{transition:background-color .25s ease,color .25s ease}}.button[data-type=accent]{background-color:#bc8c71;background-color:var(--accent-400);color:#fff;color:var(--neutral-100);border:1px solid transparent}.button[data-type=accent]:focus-visible{background-color:#aa7150;background-color:var(--accent-500);color:#fff;color:var(--neutral-100);border:1px solid hsl(22,36%,59%);border:1px solid var(--accent-400)}.button[data-type=accent]:hover{background-color:#aa7150;background-color:var(--accent-500);color:#fff;color:var(--neutral-100);border:1px solid hsl(22,36%,59%);border:1px solid var(--accent-400)}.button:disabled{cursor:default;filter:grayscale(1)}.card{display:flex;flex-wrap:wrap;gap:.5rem;padding:2rem;background-color:#fff;background-color:var(--neutral-100);font-family:Alegreya Sans,sans-serif;color:#212121;color:var(--neutral-900);line-height:1.25;border-radius:1rem;box-shadow:0 0 1px 1px #27826b;box-shadow:0 0 1px 1px var(--primary-400);transition:box-shadow .25s ease-in}.card:hover{box-shadow:0 0 .25rem .5rem #27826b;box-shadow:0 0 .25rem .5rem var(--primary-400)}.card__image{width:200px;height:191px;margin-inline:auto}.card__heading{font-size:1.125rem;font-size:var(--fs-500);color:#212121;color:var(--neutral-900);font-family:Alegreya Sans,sans-serif;text-transform:uppercase;letter-spacing:.16em;font-weight:700;line-height:1.4}.card__content p{margin-block:1rem}.overlay,.close-overlay,.prev,.next{opacity:0;visibility:hidden;z-index:-1}.overlay.show,.close-overlay.show,.prev.show,.next.show{visibility:visible}.overlay{position:fixed;inset:0;background-color:#212121;background-color:var(--neutral-900);display:grid;justify-content:center;align-items:center;transition:opacity .3s ease-in-out,visibility .3s ease-in-out,z-index .3s ease-in-out}.overlay.show{opacity:.8;visibility:visible;z-index:10000;transition:opacity .3s ease-in-out,visibility .3s ease-in-out,z-index .3s ease-in-out}.carousel-image{position:fixed;inset:1em;opacity:0;z-index:-1;visibility:hidden;overflow:hidden;display:grid;justify-content:center;align-items:center;transition:opacity .3s ease-in-out,visibility .3s ease-in-out,z-index .3s ease-in-out}.carousel-image.show{opacity:1;visibility:visible;z-index:10001;transition:opacity .3s ease-in-out,visibility .3s ease-in-out,z-index .3s ease-in-out}.carousel-image img{-o-object-fit:cover;object-fit:cover}.close-overlay,.prev,.next{position:fixed;color:#fff;color:var(--neutral-100);cursor:pointer}.close-overlay.show,.prev.show,.next.show{z-index:10002;visibility:visible}.close-overlay{font-size:3rem;top:1em;right:1em;font-weight:700}.close-overlay.show{opacity:1}.close-overlay.show:hover{transform:scale(1.2)}.prev,.next{font-size:5rem;top:50%;transform:translateY(-50%)}.prev.show,.next.show{opacity:.25}.prev.show:hover,.next.show:hover{opacity:1}.prev{left:.25em}.next{right:.25em}@media screen and (min-width: 50em){.carousel-image{inset:5em}}.heading-2{font-size:2.25rem;font-size:var(--fs-800);color:#27826b;color:var(--primary-400);font-family:Alegreya Sans,sans-serif;text-transform:uppercase;letter-spacing:.16em;font-weight:700;line-height:1.4;margin-block:1rem}.heading-3{font-size:1.75rem;font-size:var(--fs-700);color:#27826b;color:var(--primary-400);font-family:Alegreya Sans,sans-serif;text-transform:uppercase;letter-spacing:.16em;font-weight:700;line-height:1.4;margin-block:1rem}.grid-auto-fit{display:grid;grid-gap:1.5rem;grid-gap:var(--grid-gap, 1.5rem);grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));grid-template-columns:repeat(auto-fit,minmax(min(var(--grid-min-size, 250px),100%),1fr))}.box-shadow-5{box-shadow:0 6px 5px #0000000a,0 22px 18px #0000000f,0 100px 80px #0000001a}.container{--padding: 1rem * 2;--max-width: 64rem;width:min(100% - 1rem * 2,64rem);width:min(100% - var(--padding),var(--max-width));margin-inline:auto}.container[data-type=full-bleed]{--padding: 0;--max-width: 100%}.container[data-type=full-height]{min-height:100vh;margin-top:calc((1rem + 50px)*-1);padding-top:calc(1rem + 50px)}.flex-group{display:flex;flex-wrap:wrap;-moz-column-gap:1rem;column-gap:1rem;-moz-column-gap:var(--flex-column-gap, 1rem);column-gap:var(--flex-column-gap, 1rem);row-gap:.5rem;row-gap:var(--flex-row-gap, .5rem);width:-moz-fit-content;width:fit-content}.flex-group.mx-auto{justify-content:center}footer{display:grid;grid-template-columns:1fr;grid-template-rows:1fr 1fr;justify-content:center;text-align:center;padding:1rem;box-shadow:0 -1px 5px #212121;box-shadow:0 -1px 5px 0 var(--neutral-900);font-size:.85rem;height:site-footer-narrow-height}@media screen and (min-width: 50em){footer{grid-template-columns:1fr 1fr;grid-template-rows:1fr;height:site-footer-wide-height}.copyright{margin-right:auto}.developer{margin-left:auto}}:root{--mobile-width: 800}.skip-nav-link{position:absolute;top:0;z-index:10000;transform:translateY(-100%);transition:.25s transform ease-in-out}.skip-nav-link:focus,.skip-nav-link:focus-visible{transform:translateY(0)}.scroll-to-top{position:fixed;right:1rem;bottom:4rem;opacity:0;visibility:hidden;display:flex;align-items:center;justify-content:center;height:40px;width:40px;border-radius:50%;border:1px solid hsl(0,0%,13%);border:1px solid var(--neutral-900);pointer-events:none;color:#212121;color:var(--neutral-900);font-size:1.5rem}@media (prefers-reduced-motion: no-preference){.scroll-to-top{transition:opacity .25s ease-in,visibility .25s ease-in}}.scroll-to-top.show{opacity:.2;visibility:visible;pointer-events:initial}.scroll-to-top.show:hover{opacity:1}.scroll-to-top.show:after{content:"↑"}#main-content{top:calc(1rem + 50px)}.background-img{z-index:-1;margin-inline:auto}.background-img-container{position:relative;margin-top:calc((1rem + 50px)*-1);padding-top:calc(1rem + 50px)}.background-img-container .overlay{position:absolute;top:50%;left:10%;right:10%;transform:translateY(-50%);background-color:#212121bf;border-radius:2em}.background-img-container .title{position:relative;z-index:2;padding:2em;color:#fff;color:var(--neutral-100);text-align:center;font-size:max(1.5rem,min(3vw,3rem))}.background-img-container .title span.new-line{display:block}section:not(:first-child){margin-block-start:3em;border-block-start:1px solid hsl(22,36%,69%);border-block-start:1px solid var(--accent-300)}.new-builds,.exterior,.renovations,.kitchens,.bathrooms{height:60px;width:60px;fill:#212121;fill:var(--neutral-900)}.about .flex-group{align-items:center;flex-wrap:wrap}.about-img img{margin-inline:auto}.services .card:hover,.services .card:focus-visible{cursor:pointer;position:relative}.services .card:hover:after,.services .card:focus-visible:after{content:"Click to view our new builds porfolio";position:absolute;top:-1em;left:50%;transform:translate(-50%);background-color:#27826b;background-color:var(--primary-400);color:#fff;padding:.25rem .5rem;border-radius:.25rem}.services .card#bathrooms:hover:after,.services .card#bathrooms:focus-visible:after{content:"Click to view our bathrooms porfolio"}.services .card#exteriors:hover:after,.services .card#exteriors:focus-visible:after{content:"Click to view our exteriors porfolio"}.services .card#kitchens:hover:after,.services .card#kitchens:focus-visible:after{content:"Click to view our kitchens porfolio"}.services .card#renovations:hover:after,.services .card#renovations:focus-visible:after{content:"Click to view our renovations porfolio"}.contact form{position:relative;display:grid;grid-gap:2rem;gap:2rem;padding-block-end:3rem}.contact form .button{width:-moz-fit-content;width:fit-content;text-transform:uppercase;background-color:#27826b;background-color:var(--primary-400)}.contact form .button:hover{background-color:#1b5a4a;background-color:var(--primary-500)}.contact form .input-group{position:relative;width:100%}.contact form .input-group input,.contact form .input-group textarea{padding:.5rem 1rem;border:1px solid hsl(165,54%,33%);border:1px solid var(--primary-400);border-radius:.5rem;outline:none;width:100%;color:#1b5a4a;color:var(--primary-500)}.contact form .input-group input:focus~label.label,.contact form .input-group input:valid~label.label,.contact form .input-group textarea:focus~label.label,.contact form .input-group textarea:valid~label.label{color:#fff;color:var(--neutral-100);font-size:.75em;transform:translate(1rem) translateY(-.5rem);padding:0 .75rem;border-radius:.5em;background:hsl(165,54%,33%);background:var(--primary-400)}.contact form .input-group label.label{position:absolute;left:0;padding:.5rem 1rem;pointer-events:none;text-transform:uppercase;color:#27826b;color:var(--primary-400);letter-spacing:.1em;transition:transform .5s ease-in-out,font-size .5s ease-in-out}.contact form .input-group span.error{position:absolute;display:none;bottom:-1.25em;left:.5em;font-size:.85em;color:red;font-weight:500;text-transform:uppercase;letter-spacing:.1em}.contact form .input-group span.error.show{display:inline-block}.contact form #send-email:focus{background-color:#27826b;background-color:var(--primary-400)}.contact form #send-email[disabled=true]{pointer-events:none}.contact form #email-results{position:absolute;bottom:0;outline:2px solid transparent;width:-moz-fit-content;width:fit-content;padding:.5rem 1rem;border-radius:.5em}.contact form #email-results.error{outline-color:red;color:red;font-weight:700;text-transform:uppercase}.contact form #email-results.success{outline-color:#27826b;outline-color:var(--primary-400);color:#27826b;color:var(--primary-400)}@media screen and (min-width: 30em){.about .flex-group{align-items:center;flex-wrap:nowrap}.about-img{flex:0 0 200px}.about-content{flex:1 1 100%}}.nav{list-style:none;display:flex;flex-wrap:wrap;gap:2.5rem}.nav a{color:#0f332a;color:var(--primary-700);font-family:Alegreya Sans,sans-serif;font-weight:700;font-size:1rem;font-size:var(--fs-400);letter-spacing:.25em;-webkit-text-decoration:none;text-decoration:none}@media (prefers-reduced-motion: no-preference){.nav a{transition:box-shadow .25s ease-in-out}}.nav a:hover,.nav a:focus{color:#27826b;color:var(--primary-400);box-shadow:0 0 0 .5em #fff,0 .75em #27826b;box-shadow:0 0 0 .5em var(--neutral-100),0 .75em 0 var(--primary-400)}.site-header{color:#0f332a;color:var(--primary-700);background-color:#fff;background-color:var(--neutral-100);padding:.5rem 1rem;font-family:Alegreya Sans,sans-serif;text-transform:uppercase;box-shadow:0 1px 5px #212121;box-shadow:0 1px 5px 0 var(--neutral-900);position:fixed;z-index:1000;inset:0 0 auto}.site-header__layout{display:flex;align-items:center;gap:1rem;justify-content:space-between}.site-header__layout .logo-link .logo{width:50px}.site-header__layout .email-link{cursor:pointer;text-transform:capitalize;margin-right:auto}.site-header__layout .email-link:hover,.site-header__layout .email-link:focus{color:red}.site-header__layout .mobile-nav-toggle{display:block;border:none;background-color:transparent;position:fixed;top:calc((20px + 1rem)/2);right:1rem;z-index:1002}@media (prefers-reduced-motion: no-preference){.site-header__layout .mobile-nav-toggle svg #hamburger-1,.site-header__layout .mobile-nav-toggle svg #hamburger-3{transition:transform .25s ease-in-out}}@media (prefers-reduced-motion: no-preference){.site-header__layout .mobile-nav-toggle svg #hamburger-2{transition:opacity .25s ease-in-out}}.site-header__layout .mobile-nav-toggle[aria-expanded=true] svg #hamburger-1{transform:rotate(-45deg) translate(-15px,10px)}.site-header__layout .mobile-nav-toggle[aria-expanded=true] svg #hamburger-2{opacity:0}.site-header__layout .mobile-nav-toggle[aria-expanded=true] svg #hamburger-3{transform:rotate(45deg) translate(5px,-20px)}.site-header__layout .primary-navigation{display:none}.site-header__layout .primary-navigation[data-visible]{position:fixed;display:block;inset:calc(1rem + 50px) 10% auto 10%;z-index:1001;background-color:#fff;border-radius:2em;border:1px solid hsl(165,54%,13%);border:1px solid var(--primary-700);box-shadow:0 6px 5px #0000000a,0 22px 18px #0000000f,0 100px 80px #0000001a}.site-header__layout .primary-navigation[data-visible] .nav{flex-direction:column;align-items:center;margin-inline:auto;gap:2em;padding-block:2em}@media screen and (min-width: 50em){.site-header__layout{flex-direction:row}.site-header__layout .mobile-nav-toggle{display:none}.site-header__layout .primary-navigation{display:flex}}.section{padding-block:max(5rem,min(10vh,6rem))}.mx-auto{margin-inline:auto}.margin-block-4{margin-block:1rem}.margin-block-end-6{margin-block-end:1.5rem}.padding-block-start-6{padding-block-start:1.5rem}.margin-block-8{margin-block:2rem}.padding-block-start-10{padding-block-start:3rem}.margin-block-end-12{margin-block-end:5rem}.uppercase{text-transform:uppercase}