/* Decorative pieces of the established logo; existing pine accents stay intact. */
.home-page main>.service-section,
.home-page main>.about{position:relative;isolation:isolate;overflow:hidden}
.home-page main>.service-section:before,
.home-page main>.about:before{
 content:"";position:absolute;z-index:-1;pointer-events:none;
 background:#171717;opacity:.05;
 mask-position:center;mask-repeat:no-repeat;mask-size:contain;
 -webkit-mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;
}
.home-page main>.service-section:before{
 width:clamp(240px,29vw,430px);aspect-ratio:15/8;left:-46px;top:30px;
 mask-image:url('/assets/brand-roof-outline.svg');
 -webkit-mask-image:url('/assets/brand-roof-outline.svg');
}
.home-page main>.about:before{
 width:clamp(280px,30vw,440px);aspect-ratio:50/73;right:-80px;top:22px;
 mask-image:url('/assets/brand-maine-outline.svg');
 -webkit-mask-image:url('/assets/brand-maine-outline.svg');
 opacity:.055;
}
@media(max-width:650px){
 .home-page main>.service-section:before{width:230px;left:-84px;top:20px;opacity:.04}
 .home-page main>.about:before{width:300px;right:-130px;top:auto;bottom:28px;opacity:.045}
}
@media(forced-colors:active){
 .home-page main>.service-section:before,.home-page main>.about:before{display:none}
}
