/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
:root{--theme-dir:'/themes/custom/sustain';--screen-xxsmall:380px;--screen-xsmall:680px;--screen-small:830px;--screen-medium:980px;--screen-large:1280px;--screen-xlarge:1440px;--color-black:#000000;--color-white:#ffffff;--color-page-white:#efefef;--color-off-white:#f2f2f2;--color-ss-gray1:#D9D9D9;--color-ss-gray2:#A6A6A6;--color-ss-gray3:#404040;--color-ss-gray4:#282828;--color-ss-brown:#67625E;--color-ss-green:#3A6052;--ff-serif:'Noto Serif Display',serif;--ff-sans:'Ubuntu',sans-serif;--fw-light:300;--fw-normal:400;--fw-semibold:600;--fw-bold:700;}
html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:list-item;}template{display:none;}[hidden]{display:none;}
*{box-sizing:border-box;margin:0;padding:0;}svg{fill:currentColor;}.svg-icon{line-height:0;}img{max-width:100%;display:block;}video{height:auto;width:100%;}hr{border-style:solid;border-width:2px;border-color:var(--color-ss-gray1);}
.layout-container{h1{font-size:clamp(2.25rem,6vw,3.75rem);}h2{font-size:clamp(1.875rem,4.8vw,3rem);}p,span{font-size:1rem;margin-bottom:.6em;color:var(--color-ss-gray3);}a:not(.ss-btn){font-size:1rem;text-decoration:none;color:var(--color-ss-green);}h3,h4,h5,h6{line-height:1.5em;}h1,h2,h3,h4,h5,h6{line-height:1.3em;margin-bottom:0.5em;}h1,h2,h3,h4{font-family:var(--ff-serif);font-weight:400;}h5,h6,p,a,span{font-family:var(--ff-sans);letter-spacing:.01em;}}
.sr-only:not(:focus):not(:active){clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px;}.ss-btn{background-color:var(--color-white);color:var(--color-black);display:block;fill:var(--color-black);font-family:var(--ff-sans);font-weight:500;font-size:1rem;padding:0.66em 1.33em;border-radius:100vmax;box-shadow:0 .2em .5em rgba(0,0,0,0.25);text-decoration:none;transition:all 220ms ease;&:hover{background-color:rgba(255,255,255,0.5);box-shadow:0 .3em .6em transparent;cursor:pointer;}span{color:var(--color-black);}}.ss-btn--arrow{display:flex;align-items:center;gap:.5em;.svg-icon svg{margin:0;height:.8em;width:auto;}}.ss-btn--green{background-color:var(--color-ss-green);border:1px solid var(--color-ss-green);color:var(--color-white);&:hover{background-color:var(--color-white);color:var(--color-ss-green);}span{color:var(--color-white);}}.ss-btn--brown{background-color:var(--color-ss-brown);border:1px solid var(--color-ss-brown);color:var(--color-white);&:hover{background-color:var(--color-white);color:var(--color-ss-brown);}span{color:var(--color-white);}}.constrain{box-sizing:content-box;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px;}.constrain--xxsmall{max-width:var(--screen-xxsmall);}.constrain--xsmall{max-width:var(--screen-xsmall);}.constrain--small{max-width:var(--screen-small);}.constrain--medium{max-width:var(--screen-medium);}.constrain--large{max-width:var(--screen-large);}.constrain--xlarge{max-width:var(--screen-xlarge);}
.field--type-text-with-summary{h2,h3,h4,h5,h6{margin-bottom:24px;}h2{margin-top:84px;}h3{font-size:clamp(1.5rem,3.6vw,2.2rem);margin-top:48px;}h4,h5,h6{font-size:clamp(1.25rem,4vw,2rem);margin-top:36px;}ul,ol{padding-left:28px;}li{margin-bottom:8px;}p{margin-top:24px;}p,a,li{color:var(--color-ss-gray3);font-size:20px;line-height:1.4em;}a{color:var(--color-ss-green);text-decoration:underline;&:hover{text-decoration:none;}}.media{margin-top:32px;margin-bottom:48px;img{border-radius:16px;height:auto;width:100%;}}}
body{width:100%;background:var(--color-page-white) url("/themes/custom/sustain/icons/logo--gray.svg") repeat center center;background-size:120px 120px;}.layout-container{display:flex;flex-flow:column nowrap;color:var(--color-black);background-color:var(--color-off-white);box-shadow:0 0 30px rgba(0,0,0,.15);font-family:var(--ff-sans);font-weight:300;margin-left:auto;margin-right:auto;max-width:var(--screen-xlarge);min-height:calc(var(--vh,1vh) * 100);> header{position:fixed;top:-1px;left:0;right:0;z-index:10;}&.admin-toolbar-active>header{top:39px;}> main{max-width:100vw;position:relative;flex:1;z-index:0;}.region--pre-content{position:relative;z-index:10;}.region--content{position:relative;z-index:0;}}#modal{z-index:1000;}
.region--header{transition:transform 350ms ease;.contextual-region{position:static;}&.navbar-hidden{transform:translateY(-130%);}#main-navigation-overlay{display:none;position:fixed;inset:0;background-color:rgba(0,0,0,0.5);transition:opacity 250ms ease;}.main-navigation{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;margin-top:15px;position:relative;}.main-navigation__toggle-wrapper{position:absolute;inset:0;padding:12px 20px;background-color:var(--color-white);border-radius:100vmax;border:1px solid var(--color-ss-gray2);box-shadow:0px 7px 20px -4px rgba(0,0,0,0.25);}.main-navigation__toggle-button{display:none;background-color:unset;border:none;position:relative;z-index:10;height:40px;width:40px;background:transparent url('/themes/custom/sustain/icons/hamburger-menu.svg') no-repeat center center;background-size:cover;}.main-navigation--homepage{background:var(--color-white);border-radius:100vmax;padding:10px 24px;border:1px solid var(--color-ss-gray2);box-shadow:0px 7px 20px -4px rgba(0,0,0,0.25);h1{font-family:var(--ff-sans);font-size:1.5rem;color:var(--color-black);font-weight:700;line-height:1.2em;margin:0;span{font-size:1.5rem;color:var(--color-ss-gray3);font-weight:400;}}svg{height:50px;width:50px;}}@media (max-width:980px){.main-navigation:not(.main-navigation--homepage){background-color:unset;border:unset;}#main-navigation__overlay.overlay--active{display:block;}}@media (max-width:680px){.main-navigation--homepage h1 span{display:none;}}}
.region--footer{background-color:var(--color-black);padding-top:80px;padding-bottom:40px;.region__upper{display:flex;justify-content:space-between;padding-bottom:30px;}#block-footerquicklinks{h2{color:var(--color-white);font-family:var(--ff-serif);font-size:2.5rem;}.items-list{list-style:none;a{color:var(--color-white);font-size:20px;display:block;opacity:.8;margin-top:10px;transition:opacity 150ms ease;&:hover{opacity:1;}}}}.staff-list{display:flex;gap:40px;list-style:none;}.staff-list__item{text-align:right;img{aspect-ratio:1/1;object-fit:cover;object-position:center top;margin-left:auto;margin-bottom:10px;max-width:160px;}}.staff-list__item-name{color:var(--color-white);font-family:var(--ff-serif);font-size:1.875rem;font-weight:400;line-height:1.5em;margin-bottom:0;}.staff-list__item-division{color:var(--color-white);margin-bottom:0;}.company-info-wrapper{display:flex;align-items:center;justify-content:space-between;padding-top:15px;padding-bottom:15px;&:last-child{border-top:1px solid var(--color-white);}}.company-info{display:flex;column-gap:15px;align-items:center;span{display:block;}.separator{height:60px;border-right:1px solid rgba(255,255,255,.8);}}.company-info--pm .company-info__title{color:var(--color-ss-brown);}.company-info--ls .company-info__title{color:var(--color-ss-green);}.company-info__primary{display:flex;align-items:center;svg{width:80px;height:80px;}address{color:rgba(255,255,255,.8);margin-bottom:0;font-size:.875rem;font-style:normal;font-weight:400;}}.company-info__title{font-size:1.5rem;font-weight:700;margin-bottom:0;}.company-info__phone{color:rgba(255,255,255,.8);font-size:.875rem;font-weight:400;margin-bottom:5px;}.company-info__hours{color:rgba(255,255,255,.8);font-size:.875rem;font-weight:400;}.company-socials{display:flex;align-items:center;gap:10px;list-style:none;}@media (max-width:980px){.region__upper{display:block;}.staff-list{margin-top:48px;}.staff-list__item{text-align:left;img{margin-left:0;margin-right:auto;}}.company-info{display:block;.separator{display:none;}}.company-info__secondary{margin-left:80px;}}@media (max-width:830px){.staff-list{flex-direction:column;}.company-info-wrapper{column-gap:20px;padding-top:20px;padding-bottom:20px;}.company-info__primary .svg-icon{display:none;}.company-info__title{font-size:1.2rem;margin-bottom:12px;}.company-socials{flex-direction:column;}.company-info__secondary{margin-left:0;margin-top:10px;}}}
[data-modal="content"]{display:none;}#modal{display:none;position:fixed;inset:0;background-color:rgba(0,0,0,0.85);z-index:1000;&.active{display:flex;}.modal__header{position:absolute;top:20px;left:20px;display:flex;align-items:center;gap:12px;}.modal__close-button{background-color:transparent;border:none;border-radius:100vmax;&:hover{cursor:pointer;}svg{width:40px;height:40px;}}.modal__description{color:var(--color-white);margin:0;padding-left:12px;border-left:1px solid var(--color-white);}.modal__container{margin:auto;padding:20px;*{max-width:100%;}}}
#block-sustain-tabs{position:fixed;top:40%;left:0;display:flex;> ul{background-color:var(--color-white);border:2px solid var(--color-ss-gray1);border-left:none;border-radius:0 10px 10px 0;opacity:.3;transition:opacity 150ms ease;&:hover{opacity:1;}li{a{display:block;padding:12px 16px;color:var(--color-black);font-weight:500;transition:all 250ms ease;}&.active-task a,&:hover a{background-color:var(--color-ss-gray3);color:var(--color-off-white);}&:first-child a{border-top-right-radius:8px;}&:last-child a{border-bottom-right-radius:8px;}}}}
#block-sustain-main-menu{height:fit-content;z-index:0;.items-list{position:relative;list-style:none;display:flex;column-gap:25px;align-items:center;li a{color:var(--color-ss-gray4);font-size:18px;font-weight:500;position:relative;&::after{content:'';position:absolute;inset:115% 100% -20% 0%;background-color:var(--color-ss-green);transition:right 250ms ease;}&:hover::after,&.is-active::after{right:0;}}}}@media (max-width:980px){#block-sustain-main-menu{.main-navigation__toggle-wrapper{display:flex;justify-content:flex-end;z-index:10;}.main-navigation__toggle-button{display:block;}.items-list{flex-direction:column;align-items:start;position:absolute;inset:-300px 0 auto 0;transition:top 250ms ease;background-color:var(--color-white);padding-top:30px;padding-bottom:30px;border-radius:0 0 32px 32px;li{padding:10px 20px;width:100%;position:relative;a{line-height:1em;}}}&.menu--active{.main-navigation__toggle-wrapper{border-radius:32px 32px 0 0;box-shadow:none;border:none;}.main-navigation__toggle-button{background-image:url('/themes/custom/sustain/icons/close.svg');background-size:30px 30px;}.items-list{top:100%;}}}}
#block-sustain-site-branding{display:flex;align-items:center;gap:10px;margin-left:10px;position:relative;z-index:10;img{width:50px;height:50px;}.site-name{color:var(--color-ss-green);font-family:var(--ff-sans);font-size:24px;font-weight:var(--fw-bold);}@media (max-width:980px){margin-left:0;img{width:40px;height:40px;}.site-name{display:none;}}}
.component--name-location{max-width:1100px;margin-top:120px;margin-bottom:120px;display:flex;align-items:center;gap:20px;.component__col-1{flex:3;h2{line-height:1em;padding-bottom:20px;margin-bottom:25px;border-bottom:2px solid var(--color-ss-gray1);}p{font-size:1.2rem;}}.component__col-2{flex:2;}.component__col-3{flex:4;img{border-radius:90px;height:auto;aspect-ratio:1 / 1;object-fit:cover;}}@media (max-width:830px){flex-direction:column;gap:10px;margin-top:80px;margin-bottom:80px;.component__col-1{box-sizing:content-box;max-width:var(--screen-xxsmall);margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px;}.component__col-2 svg{height:160px;width:160px;transform:rotate(90deg);}}}.node--name-property-management .component--name-location{.component__col-1 h2{font-size:clamp(3rem,5.5vw,5.5rem);}}.node--name-lawn-services .component--name-location{.component__col-1{flex:3.2;h2{font-size:clamp(2.25rem,5.5vw,3.75rem);line-height:1.1em;}}}
.component--name-services{margin:60px 0;.services-curve--upper,.services-curve--lower{display:block;margin:-1px 0;svg{height:auto;width:100%;}}.component__wrapper{padding:20px 0 60px 0;.cta--call{font-size:1.3rem;line-height:1.4em;max-width:600px;margin:0 auto 1.25em auto;}.cta--action{font-size:1.1rem;width:fit-content;margin:0 auto;}}.component__wrapper--2{text-align:center;h2{color:var(--color-white);margin:0;}}.service-cards{width:100%;display:flex;gap:20px;margin:40px 0;}.service-cards__card{height:450px;flex:1;border-radius:20px;background-color:var(--color-white);opacity:.6;transition:all 300ms ease;position:relative;overflow:hidden;&::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,var(--color-black));border-radius:20px;z-index:10;}.media{height:100%;width:100%;div:not(.visually-hidden),img{height:100%;width:100%;}img{object-fit:cover;object-position:center center;border-radius:20px;}}.card__content{position:absolute;inset:auto 20px 20px 20px;display:flex;justify-content:center;align-items:center;z-index:20;.card__icon{display:block;padding:15px;background-color:var(--color-white);border-radius:100vmax;margin:0;width:60px;height:60px;svg{width:30px;height:30px;}}h3{display:none;font-family:var(--ff-sans);font-size:1.9rem;color:var(--color-white);font-weight:300;margin:0;padding-left:10px;white-space:nowrap;text-align:left;}}&.card--active{flex:4;opacity:1;.card__content{justify-content:space-between;h3{display:block;}}}&:hover{cursor:pointer;}}@media (max-width:830px){.service-cards{flex-direction:column;}.service-cards__card{height:auto;.media,.media div:not(.visually-hidden){height:auto;}.media img{height:100px;transition:height 300ms ease;}.card__content h3{white-space:unset;}&.card--active{img{height:350px;}}}}}.node--name-property-management .component--name-services .component__wrapper{background-color:var(--color-ss-brown);h2{color:var(--color-white);}.cta--call{color:var(--color-white);}}.node--name-lawn-services .component--name-services .component__wrapper{h2{color:var(--color-black);}}
.component--name-testimonials{.testimonials-curve--upper,.testimonials-curve--lower{display:block;width:100%;margin-top:-1px;margin-bottom:-1px;}.component__wrapper{position:relative;background:var(--color-ss-brown);padding-top:60px;padding-bottom:60px;h2{font-size:clamp(2rem,4vw,4rem);color:var(--color-white);padding-bottom:.6em;position:relative;width:fit-content;margin-left:auto;margin-right:auto;&::after{content:"";position:absolute;inset:auto 1em 0 1em;border-bottom:1px solid rgba(255,255,255,0.35);}}.component__testimonials{position:relative;max-width:700px;margin:40px auto;}.testimonial{opacity:0;position:absolute;top:0;height:fit-content;transition:opacity 0.3s ease;display:flex;flex-flow:column nowrap;justify-content:center;&.active{opacity:1;}p{color:var(--color-white);font-size:clamp(1rem,2vw,1.5rem);line-height:1.8em;}}.testimonial__content{font-weight:300;text-align:center;}.testimonial__source{font-weight:400;text-align:right;font-style:italic;margin-top:20px;&::before{content:"- ";}}.component__dots{display:flex;gap:10px;width:fit-content;padding:13px 20px;margin:0 auto;background-color:var(--color-white);border-radius:100vmax;box-shadow:0px 4px 17px 1px rgba(0,0,0,0.25);.dot{width:15px;height:15px;border-radius:100vmax;&:hover{cursor:pointer;}}}.quotation-mark{position:absolute;width:clamp(80px,10vw,120px);height:clamp(80px,10vw,120px);opacity:.5;}.quotation-mark--open{top:60px;left:4vw;}.quotation-mark--close{bottom:60px;right:4vw;}}}.node--name-property-management .component--name-testimonials{.component__wrapper{background:var(--color-ss-brown);}.component__dots .dot{border:3px solid var(--color-ss-brown);&.active{background:var(--color-ss-brown);}}}.node--name-lawn-services .component--name-testimonials{.component__wrapper{background:var(--color-ss-green);}.component__dots .dot{border:3px solid var(--color-ss-green);&.active{background:var(--color-ss-green);}}}
.component--name-cta{margin-top:120px;.curve--cta--upper{margin-bottom:-1px;svg{width:100%;}}.component__wrapper{background-repeat:no-repeat;background-position:bottom center;background-size:contain;}.component__content{text-align:center;h2{color:var(--color-white);font-size:clamp(2.5rem,4vw,4rem);margin-bottom:40px;}p{font-size:clamp(1rem,1.5vw,1.5rem);color:var(--color-white);line-height:1.4em;margin-bottom:60px;}a{font-size:1.2rem;width:fit-content;margin-left:auto;margin-right:auto;}}}.node--name-property-management .component--name-cta{.component__wrapper{background-image:url('/themes/custom/sustain/icons/cta--pm.svg');background-color:var(--color-ss-brown);padding-top:120px;padding-bottom:120px;}}.node--name-lawn-services,.node--type-service-page{.component--name-cta{.component__wrapper{background-image:url('/themes/custom/sustain/icons/cta--ls.svg');background-color:var(--color-ss-green);padding-top:120px;padding-bottom:200px;@media (max-width:980px){padding-top:80px;padding-bottom:120px;}}}}
.component--name-gallery{margin-top:60px;margin-bottom:60px;.component__wrapper{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;.grid-item{height:300px;.media{height:100%;width:100%;div:not(.visually-hidden),img{height:100%;width:100%;}img{border-radius:20px;object-fit:cover;}}&.span-2{grid-column:span 2;}}.header{display:flex;align-items:center;text-align:center;justify-content:space-between;}.header__content{font-size:clamp(2rem,2.5vw,3rem);margin:0;}}@media (max-width:980px){margin-top:100px;margin-bottom:100px;.component__wrapper{grid-template-columns:1fr 1fr;.grid-item{&.span-2{order:10;}&.header .header__content{font-size:clamp(2rem,10vw,3rem);}}}}@media (max-width:680px){.component__wrapper{grid-template-columns:1fr;.grid-item{height:auto;&.span-2{grid-column:span 1;}&.header{order:-1;}}}}}.node--name-property-management .component--name-gallery .component__wrapper{.header__bracket svg{fill:var(--color-ss-brown);}@media (max-width:680px){.grid-item:first-child{order:-2;}}}.node--name-lawn-services .component--name-gallery .component__wrapper{.header__bracket svg{fill:var(--color-ss-green);}@media (max-width:680px){.grid-item:nth-child(2){order:-2;}}}
.node--name-homepage .component--name-hero{min-height:calc(var(--vh,1vh) * 100);padding-top:160px;padding-bottom:80px;display:grid;grid-template-columns:1fr 1fr;gap:40px;.component__col{position:relative;height:100%;.col__image{position:absolute;inset:25px 25px 50% 25px;.media{position:relative;height:100%;width:100%;div:not(.visually-hidden),img{height:100%;width:100%;}img{object-fit:cover;}}&::after{content:'';position:absolute;inset:0;box-shadow:0 4px 35px 5px rgba(0,0,0,0.5) inset;}}.col__heading{position:absolute;inset:0;padding:40px;transition:all 200ms ease;box-shadow:0 12px 30px 7px rgba(0,0,0,0.25);&::before{content:'';position:absolute;inset:0;background:url('/themes/custom/sustain/icons/logo--gray--ghost.svg') -40vh bottom no-repeat;background-size:100vh;opacity:.25;}h2{color:var(--color-white);font-family:var(--ff-sans);font-size:clamp(2.5rem,6vw,5.125rem);font-weight:700;margin:0;z-index:10;}}.col__image img,.col__image::after{border-radius:60px 10px 0 0;}.col__heading,.col__heading::before{border-radius:60px 10px;}.col__link{position:absolute;inset:0;z-index:1000;}&:hover,&:focus-within{cursor:pointer;.col__heading{top:40%;transform:translateY(30px);}}}.component__col--1 .col__heading{background:var(--color-ss-brown);}.component__col--2 .col__heading{background:var(--color-ss-green);}@media (max-width:980px){padding-top:120px;padding-bottom:20px;.component__col{height:unset;margin-bottom:40px;.col__image{position:relative;inset:unset;padding:0;&::after{box-shadow:unset;}}.col__heading{inset:25vw 0 0 0;padding:20px;}.col__image img,.col__image::after{border-radius:30px 10px 0 0;}.col__heading,.col__heading::before{border-radius:30px 10px;}&:hover,&:focus-within{.col__heading{top:0;transform:unset;}}}}@media (max-width:680px){display:block;.component__col{.col__image{margin-bottom:-30px;}.col__heading{position:relative;inset:unset;h2{font-size:clamp(2rem,10vw,5.125rem);}}}}}
.node--name-property-management .component--name-commitment-videos{margin:60px 0;padding:60px 0;h2{text-align:center;margin-bottom:40px;}.component__wrapper{display:flex;align-items:center;}.component__thumbnail{position:relative;flex:3.5;opacity:.25;border-radius:20px;transition:all 300ms ease;img{aspect-ratio:16 / 9;border-radius:20px;width:100%;height:100%;object-fit:cover;}.thumbnail__label{position:absolute;top:0;font-family:var(--ff-sans);color:var(--color-white);background-color:var(--color-black);font-size:clamp(.7rem,1vw,1rem);padding:0.4em 0.8em;border-bottom:.3em solid var(--color-off-white);transition:all 300ms ease;}.thumbnail__play-button{background-color:transparent;border:none;position:absolute;bottom:20px;&:hover{cursor:pointer;}svg{width:90px;height:90px;border-radius:100vmax;border:2px solid var(--color-white);}}&:first-child{.thumbnail__label{left:0;border-radius:20px 0 1em 0;border-right:.3em solid var(--color-off-white);}.thumbnail__play-button{right:20px;}}&:last-child{.thumbnail__label{right:0;border-radius:0 20px 0 1em;border-left:.3em solid var(--color-off-white);}.thumbnail__play-button{left:20px;}}&.active{flex:4;z-index:10;opacity:1;.thumbnail__label{font-size:clamp(1rem,1.5vw,1.5rem);}&:first-child{margin-right:-150px;}&:last-child{margin-left:-150px;}}&:hover{cursor:pointer;}}@media (max-width:980px){.component__thumbnail .thumbnail__play-button svg{height:60px;width:60px;}}@media (max-width:680px){.component__wrapper{display:block;}.component__thumbnail{width:80%;&:first-child,&:last-child{margin-left:auto;margin-right:auto;}&.active{width:100%;&:first-child{margin-right:auto;margin-bottom:-50px;}&:last-child{margin-left:auto;margin-top:-50px;}}}}}
.node--name-property-management .component--name-hero{display:grid;grid-template-columns:repeat(2,1fr);align-items:center;gap:80px;padding-top:160px;margin-bottom:100px;.component__col-1{h1{margin-bottom:24px;margin-top:0;}hr{width:25%;margin-bottom:24px;}p{font-weight:300;margin-bottom:0;font-size:1.3rem;}a{font-size:1.4rem;margin-top:32px;width:fit-content;}}.image-carousel,.image-carousel__wrapper{border-radius:100vmax;border:.3rem solid var(--color-ss-gray1);}.image-carousel{position:relative;height:clamp(300px,50vw,500px);width:clamp(300px,50vw,500px);box-shadow:0 6px 20px rgba(0,0,0,0.2);overflow:hidden;&:hover{cursor:pointer;}}.image-carousel__wrapper{position:relative;height:95%;width:95%;margin:2.5%;.media{border-radius:100vmax;position:absolute;inset:0;height:100%;width:100%;opacity:0;overflow:hidden;transition:opacity 500ms ease;div:not(.visually-hidden),img{height:100%;width:100%;}img{object-fit:cover;}&:first-child{opacity:1;}}}.image-carousel__progress{position:absolute;inset:0 50% 50% 0;background-color:var(--color-ss-brown);transform-origin:100% 100%;transform:rotate(45deg);transition:transform 500ms ease;}.image-carousel__progress-cover{width:95%;height:95%;margin-left:5%;margin-top:5%;background-color:var(--color-off-white);border-top-left-radius:100vmax;}@media (max-width:980px){gap:20px;.component__col-1 p{font-size:1.1rem;}}@media (max-width:680px){grid-template-columns:1fr;gap:60px;padding-top:120px;.component__col-1 a{font-size:18px;margin-right:auto;margin-left:auto;}.image-carousel{height:80vw;width:80vw;margin:0 auto;}}}
.node--name-lawn-services .component--name-hero{position:relative;line-height:0;video{object-fit:cover;}.component__content{position:absolute;inset:0;background:rgba(0,0,0,.65);display:flex;align-items:center;justify-content:center;h1{display:flex;flex-direction:column;align-items:center;gap:20px;font-size:clamp(2rem,6vw,4.5rem);text-align:center;span{color:var(--color-white);font-size:1em;font-family:var(--ff-serif);line-height:1em;margin:0;&:nth-child(2){font-size:.66em;position:relative;&::before,&::after{content:'';position:absolute;border-bottom:2px solid var(--color-white);width:clamp(100px,20vw,250px);}&::before{inset:50% 250% auto auto;}&::after{inset:50% auto auto 250%;}}}}}.hero-curve--lower{position:absolute;inset:auto 0 -1px 0;svg{fill:var(--color-off-white);}}}
.node--name-lawn-services .component--name-values{padding-top:110px;padding-bottom:110px;.component__header{height:350px;width:350px;margin-left:auto;margin-right:auto;border-radius:50%;border:2px solid var(--color-ss-gray1);h2{height:100%;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;font-size:1.5rem;font-family:var(--ff-sans);font-weight:300;color:var(--color-ss-gray3);span{display:block;font-size:4rem;font-family:var(--ff-serif);text-transform:uppercase;color:var(--color-black);margin:0;}}}ul.component__content{display:flex;justify-content:center;align-items:center;gap:17px;list-style:none;margin-top:40px;li{font-family:var(--ff-serif);font-size:clamp(1.8rem,3vw,2rem);font-weight:500;}span{height:5px;width:5px;border-radius:50%;background:var(--color-ss-gray1);margin:0;}}@media (max-width:830px){padding-top:60px;padding-bottom:60px;ul.component__content{flex-flow:column nowrap;gap:10px;}}@media (max-width:380px){.component__header{height:90vw;width:90vw;h2 span{font-size:3rem;}}}}
.node--type-webform.node--view-full{padding-top:140px;padding-bottom:160px;}.webform-submission-form{padding:60px 40px;background-color:var(--color-white);border:1px solid var(--color-ss-gray2);border-radius:10px;box-shadow:2px 12px 16px rgba(0,0,0,.15);.webform__header{h1{margin-top:0;}p{font-size:1.25rem;line-height:1.5em;margin-bottom:60px;}}.form-item{margin-bottom:20px;}label{color:var(--color-ss-gray4);font-size:1rem;font-weight:600;}#edit-service-type--wrapper{legend span{color:var(--color-ss-gray4);font-weight:600;}.fieldset-wrapper{margin-top:16px;}.form-item label{color:var(--color-ss-gray3);font-weight:400;}}.form-item-email,.form-item-name,.form-item-phone,.form-item-message{position:relative;&::after{content:'';position:absolute;inset:auto 0 0 0;height:2px;background-color:var(--color-ss-gray1);transition:height 150ms ease,background-color 150ms ease;}&:focus-within::after{height:5px;background-color:var(--color-ss-green);}label{display:block;margin-bottom:6px;}input,textarea{color:var(--color-ss-gray3);font-size:1.25rem;font-weight:300;background-color:var(--color-white);border:none;padding-top:.5em;padding-bottom:.5em;min-width:100%;max-width:100%;outline-style:none;&:hover{cursor:pointer;}}}.form-item-is-receive-copy{margin-top:40px;text-align:center;label{margin-left:10px;}}.form-actions{display:flex;justify-content:center;padding-top:20px;input{font-size:1.25rem;}}}@media (max-width:830px){.node--type-webform.node--view-full{padding-top:120px;padding-bottom:100px;}.webform-submission-form{padding:40px 20px;}}
.user-login-form{box-sizing:content-box;margin-left:auto;margin-right:auto;max-width:500px;padding-left:20px;padding-right:20px;margin-top:160px;margin-bottom:100px;padding:60px 40px;background-color:var(--color-white);border:1px solid var(--color-ss-gray2);border-radius:10px;box-shadow:2px 12px 16px rgba(0,0,0,.15);.form-item{margin-bottom:20px;.description{display:none;}}label{color:var(--color-ss-gray4);font-size:1.2rem;font-weight:600;}.form-item-name,.form-item-pass{position:relative;&::after{content:'';position:absolute;inset:auto 0 0 0;height:2px;background-color:var(--color-ss-gray1);transition:height 150ms ease,background-color 150ms ease;}&:focus-within::after{height:5px;background-color:var(--color-ss-green);}label{display:block;margin-bottom:6px;}input{color:var(--color-ss-gray3);font-size:1.25rem;font-weight:300;background-color:var(--color-white);border:none;padding-top:.5em;padding-bottom:.5em;min-width:100%;max-width:100%;outline-style:none;&:hover{cursor:pointer;}}}.form-actions{display:flex;justify-content:center;padding-top:20px;input{font-size:1.25rem;}}}
.node--type-service-page.node--view-full{.hero{background-color:var(--color-ss-green);clip-path:polygon(0 0,100% 0,100% calc(100% - 80px),0 100%);margin-bottom:160px;padding-top:200px;padding-bottom:200px;h1{color:var(--color-white);font-family:var(--ff-serif);font-size:clamp(3rem,9.6vw,6rem);line-height:1.1em;margin-bottom:.2em;margin-top:0;}.subheading{color:var(--color-off-white);font-size:clamp(1.25rem,2.8vw,1.75rem);font-weight:400;display:flex;align-items:center;column-gap:20px;opacity:.6;letter-spacing:.2em;text-transform:uppercase;span{border-top:2px dashed var(--color-off-white);flex:1;margin:0;}span:first-child{flex-basis:40px;flex-grow:0;}}.field--name-field-description{color:var(--color-off-white);font-size:clamp(1.2rem,2.4vw,1.5rem);line-height:1.4em;margin-top:60px;}@media (max-width:830px){margin-bottom:100px;padding-bottom:120px;padding-top:120px;.subheading span:first-child{display:none;}}}}