.roof-colors.svelte-f1j3j9{margin:7.5rem 0}.roof-colors.svelte-f1j3j9 .color-card-wrapper:where(.svelte-f1j3j9){margin-top:3rem;position:relative}.roof-colors.svelte-f1j3j9 .color-card-wrapper:where(.svelte-f1j3j9):before{content:"";z-index:-1;background-color:var(--roof-color);clip-path:polygon(0% 40%,100% 40%,100% 60%,0% 60%);width:100%;height:100%;position:absolute;top:0;left:0}.roof-colors.svelte-f1j3j9 .color-card-content:where(.svelte-f1j3j9){flex-direction:column;height:100%;padding:1rem 0;display:flex}.roof-colors.svelte-f1j3j9 .color-card-content:where(.svelte-f1j3j9) p:where(.svelte-f1j3j9){margin:1rem 0 1.5rem}.roof-colors.svelte-f1j3j9 .color-card-content:where(.svelte-f1j3j9) a:where(.svelte-f1j3j9){margin-top:auto}.testimonial.svelte-f1j3j9{margin:7.5rem 0}.gutter-section-content.svelte-f1j3j9{padding:10vh 0}.gutter-section-content.svelte-f1j3j9 h2:where(.svelte-f1j3j9){color:#fff;margin-bottom:1.5rem}.gutter-section-content.svelte-f1j3j9 p:where(.svelte-f1j3j9){color:#fff}.gutter-section-content.svelte-f1j3j9 a:where(.svelte-f1j3j9){color:#fff;font-weight:600}.gutter-section-content.svelte-f1j3j9 a:where(.svelte-f1j3j9):hover{text-decoration:underline}.gutter-section-content.svelte-f1j3j9 strong:where(.svelte-f1j3j9){font-weight:600}.gutter-section-content.svelte-f1j3j9 img:where(.svelte-f1j3j9){object-fit:cover;border-radius:.5rem;width:100%;max-height:60vh;margin-bottom:1.5rem;box-shadow:0 3px 6px #00000029,0 3px 6px #0000003b}@media (width>=768px){.gutter-section-content.svelte-f1j3j9 img:where(.svelte-f1j3j9){max-width:50%;margin-bottom:0;margin-left:1.5rem}}.gutter-section-content.svelte-f1j3j9 .gutter-inner:where(.svelte-f1j3j9){flex-direction:column;justify-content:center;display:flex}@media (width>=768px){.gutter-section-content.svelte-f1j3j9 .gutter-inner:where(.svelte-f1j3j9){flex-direction:row-reverse}}