@media only screen and (min-width: 0rem) {#hero-82 {text-align: center;padding: clamp(9rem, 25.95vw, 18.75rem) 1rem 0;padding-bottom: clamp(8.125rem, 12.5vw, 25em);position: relative;z-index: 1;}#hero-82 .cs-background {width: 100%;height: 100%;display: block;position: absolute;top: 0;left: 0;z-index: -2;}#hero-82 .cs-background:before {content: "";width: 100%;height: 100%;background: var(--tertiary);opacity: 0.8;position: absolute;display: block;top: 0;left: 0;z-index: 1;pointer-events: none;}#hero-82 .cs-background img {position: absolute;top: 0;left: 0;height: 100%;width: 100%;object-fit: cover;}#hero-82 .cs-container {width: 100%;max-width: 90rem;margin: auto;}#hero-82 .cs-title {font-size: clamp(2.4375rem, 6.4vw, 3.8125rem);font-weight: 800;line-height: 1.2em;text-align: center;max-width: 51.8125rem;margin: 0 auto clamp(1rem, 4vw, 1.5rem);position: relative;}#hero-82 .cs-title:after {content: "";width: 6.25rem;height: 0.5rem;margin: clamp(1rem, 4vw, 1.5rem) auto clamp(1rem, 4vw, 1.5rem);background: var(--primary);opacity: 1;position: relative;display: block;}#hero-82 .cs-text {font-size: clamp(1rem, 1.95vw, 1.5625rem);line-height: 1.5em;text-align: center;width: 100%;max-width: clamp(29rem, 60vw, 50rem);margin: 0 auto;margin-bottom: clamp(2.5rem, 4vw, 3rem);}}@media only screen and (min-width: 0rem) {#bulletproof-trust {background: #fff;border-top: 1px solid #ece9e6;border-bottom: 1px solid #ece9e6;}#bulletproof-trust .cs-container {width: 100%;max-width: 90rem;margin: auto;}#bulletproof-trust .cs-trust-bar {padding: 1.5rem;display: grid;grid-template-columns: 1fr;gap: 1.875rem;text-align: center;}#bulletproof-trust .cs-trust-item {display: flex;flex-direction: column;gap: 0.75rem;align-items: center;}#bulletproof-trust .cs-trust-item-logo {gap: 0.75rem;}#bulletproof-trust .cs-logo-wrap {flex: none;display: flex;align-items: center;justify-content: center;}#bulletproof-trust .cs-trust-logo {width: auto;height: 2.5rem;display: block;object-fit: contain;}#bulletproof-trust .cs-top-house-logo {height: 2.5rem;}#bulletproof-trust .cs-bbb-logo {height: 2.375rem;}#bulletproof-trust .cs-stars {font-size: 1.625rem;color: #d4a93d;line-height: 1;}#bulletproof-trust .cs-trust-text-group {display: flex;flex-direction: column;gap: 0.125rem;}#bulletproof-trust .cs-trust-title {font-size: 1.25rem;font-weight: 500;line-height: 1.2em;color: #243447;}#bulletproof-trust .cs-trust-text {font-size: 1rem;line-height: 1.5em;color: #6b7280;}#bulletproof-trust .cs-divider {display: none;}}@media only screen and (min-width: 28rem) {#bulletproof-trust .cs-trust-bar {grid-template-columns: repeat(2, 1fr);gap: 1.5rem;}}@media only screen and (min-width: 69.875rem) {#bulletproof-trust .cs-trust-bar {grid-template-columns: auto auto auto auto auto auto auto;gap: 1.25rem;padding: 1.75rem 3.5rem;align-items: center;justify-content: space-between;}#bulletproof-trust .cs-trust-item {align-items: flex-start;text-align: left;}#bulletproof-trust .cs-rating {flex-direction: row;align-items: center;gap: 0.875rem;}#bulletproof-trust .cs-trust-item-logo {flex-direction: row;align-items: center;gap: 0.75rem;}#bulletproof-trust .cs-logo-wrap {justify-content: flex-start;}#bulletproof-trust .cs-trust-logo {height: 2.875rem;}#bulletproof-trust .cs-top-house-logo {height: 2.875rem;}#bulletproof-trust .cs-bbb-logo {height: 2.875rem;}#bulletproof-trust .cs-divider {display: block;width: 1px;height: 3.25rem;background: #ddd8d3;}}@media only screen and (min-width: 0rem) {#roofing-services-001 {padding: var(--sectionPadding);position: relative;overflow: hidden;}#roofing-services-001 .cs-container {width: 100%;max-width: 44rem;margin: auto;display: flex;flex-direction: column;align-items: center;gap: clamp(2.5rem, 6vw, 4rem);}#roofing-services-001 .cs-content {text-align: left;width: 100%;max-width: 24.375rem;display: flex;flex-direction: column;align-items: center;}#roofing-services-001 .cs-topper, #roofing-services-001 .cs-title, #roofing-services-001 .cs-text {text-align: center;}#roofing-services-001 .cs-list {padding: 0;margin: 1.5rem 0;display: flex;flex-direction: column;gap: 0.5rem;}#roofing-services-001 .cs-list li {list-style: none;color: #fff;font-size: var(--bodyFontSize);line-height: 1.4em;display: flex;align-items: center;gap: 0.5rem;}#roofing-services-001 .cs-list li::before {content: "✓";color: var(--primary);font-weight: 700;}#roofing-services-001 .cs-card-group {width: 100%;padding: 0;margin: 0;display: flex;flex-direction: column;gap: 1rem;}#roofing-services-001 .cs-item {list-style: none;width: 100%;border-radius: 0.5rem;box-shadow: 2px 2px 10px #00000020;transition: transform 0.3s, border-color 0.3s;position: relative;}#roofing-services-001 .cs-item::before {content: '';position: absolute;inset: 0;background-image: url('/assets/images/white-texture.jpg');opacity: 0.35;border-bottom-left-radius: 0.75rem;border-bottom-right-radius: 0.75rem;pointer-events: none;z-index: -1;}#roofing-services-001 .cs-item:hover {transform: translateY(-0.4375rem);border-color: var(--primary);}#roofing-services-001 .cs-item:hover .cs-picture img {transform: scale(1.08);}#roofing-services-001 .cs-item:hover .cs-h3 {color: var(--primary);}#roofing-services-001 .cs-link {text-decoration: none;display: block;height: 100%;padding-bottom: 0.5rem;}#roofing-services-001 .cs-picture {width: 100%;height: 10.625rem;margin-bottom: 1.5rem;border-radius: 0.5rem 0.5rem 0 0;display: block;overflow: hidden;}#roofing-services-001 .cs-picture img {width: 100%;height: 100%;object-fit: cover;display: block;transition: transform 0.6s;}#roofing-services-001 .cs-h3 {margin: 0 0 0.875rem;padding: 0 1.5rem;transition: color 0.3s;}#roofing-services-001 .cs-item-text {font-size: var(--bodyFontSize);line-height: 1.5em;margin: 0 0 1.5rem;padding: 0 1.5rem;}#roofing-services-001 .cs-learn {font-size: var(--bodyFontSize);font-weight: 700;letter-spacing: 0.08em;text-transform: uppercase;color: var(--primary);padding: 0 1.5rem;}#roofing-services-001 .cs-learn::after {content: "›";margin-left: 0.5rem;}}@media only screen and (min-width: 40rem) {#roofing-services-001 .cs-container {max-width: 90rem;flex-direction: row;align-items: center;}#roofing-services-001 .cs-content {width: 22%;flex: none;}#roofing-services-001 .cs-card-group {flex-direction: row;align-items: stretch;flex-wrap: wrap;}#roofing-services-001 .cs-item {width: 48%;}}@media only screen and (min-width: 80rem) {#roofing-services-001 .cs-container {max-width: 90rem;flex-direction: row;align-items: center;}#roofing-services-001 .cs-content {width: 15%;flex: none;}#roofing-services-001 .cs-card-group {flex-direction: row;align-items: stretch;flex-wrap: nowrap;}#roofing-services-001 .cs-item {width: 25%;}}@media only screen and (min-width: 0rem) {#roofing-materials-001, #siding-materials-001 {padding: var(--sectionPadding);position: relative;overflow: hidden;}#roofing-materials-001::before, #siding-materials-001::before {content: '';position: absolute;inset: 0;background-image: url('/assets/images/white-texture.jpg');opacity: 0.35;pointer-events: none;z-index: -1;}#roofing-materials-001 .cs-container, #siding-materials-001 .cs-container {width: 100%;max-width: 90rem;margin: auto;display: flex;flex-direction: column;align-items: center;gap: clamp(2.5rem, 6vw, 4rem);}#roofing-materials-001 .cs-content, #siding-materials-001 .cs-content {width: 100%;max-width: 51.25rem;display: flex;flex-direction: column;align-items: center;text-align: center;}#roofing-materials-001 .cs-carousel, #siding-materials-001 .cs-carousel {width: 100%;position: relative;}#roofing-materials-001 .cs-card-group, #siding-materials-001 .cs-card-group {width: 100%;margin: 0;padding: 0 0.375rem 1rem;display: flex;gap: 1rem;overflow-x: auto;scroll-snap-type: x mandatory;scroll-behavior: smooth;scrollbar-width: none;cursor: grab;}#roofing-materials-001 .cs-card-group::-webkit-scrollbar, #siding-materials-001 .cs-card-group::-webkit-scrollbar {display: none;}#roofing-materials-001 .cs-card-group.cs-dragging, #siding-materials-001 .cs-card-group.cs-dragging {cursor: grabbing;scroll-behavior: auto;}#roofing-materials-001 .cs-item, #siding-materials-001 .cs-item {list-style: none;min-width: 88%;border-radius: 0.75rem;background-color: #fff;box-shadow: 2px 2px 14px rgba(0, 0, 0, 0.14);position: relative;overflow: hidden;scroll-snap-align: start;transition: transform 0.3s, box-shadow 0.3s;}#roofing-materials-001 .cs-item:hover .cs-picture img, #siding-materials-001 .cs-item:hover .cs-picture img {transform: scale(1.08);}#roofing-materials-001 .cs-item:hover .cs-material, #siding-materials-001 .cs-item:hover .cs-material {color: var(--primary);}#roofing-materials-001 .cs-picture, #siding-materials-001 .cs-picture {width: 100%;height: clamp(15rem, 48vw, 24rem);display: block;overflow: hidden;position: relative;}#roofing-materials-001 .cs-picture img, #siding-materials-001 .cs-picture img {width: 100%;height: 100%;object-fit: cover;display: block;transition: transform 0.6s;}#roofing-materials-001 .cs-info, #siding-materials-001 .cs-info {padding: clamp(1.5rem, 3vw, 2rem);}#roofing-materials-001 .cs-info strong, #siding-materials-001 .cs-info strong {color: var(--headerColor);}#roofing-materials-001 .cs-material, #siding-materials-001 .cs-material {font-size: var(--subheadingFontSize);line-height: 1.05em;font-weight: 700;color: var(--headerColor);display: block;margin-bottom: 1.5rem;text-align: left;transition: color 0.3s;}#roofing-materials-001 .cs-fit, #siding-materials-001 .cs-fit, #roofing-materials-001 .cs-not, #siding-materials-001 .cs-not {font-size: clamp(1rem, 1.4vw, 1.125rem);line-height: 1.6em;color: var(--bodyTextColor);margin: 0;padding-left: 2rem;position: relative;}#roofing-materials-001 .cs-fit::before, #siding-materials-001 .cs-fit::before, #roofing-materials-001 .cs-not::before, #siding-materials-001 .cs-not::before {width: 1.25rem;height: 1.25rem;border-radius: 50%;position: absolute;left: 0;top: 0.25rem;display: flex;align-items: center;justify-content: center;font-size: 0.8125rem;font-weight: 900;line-height: 1;}#roofing-materials-001 .cs-fit, #siding-materials-001 .cs-fit {margin-bottom: 1.25rem;}#roofing-materials-001 .cs-fit::before, #siding-materials-001 .cs-fit::before {content: "✓";color: #177a35;border: 2px solid #177a35;}#roofing-materials-001 .cs-not::before, #siding-materials-001 .cs-not::before {content: "×";color: #9b111e;border: 2px solid #9b111e;}#roofing-materials-001 .cs-arrow, #siding-materials-001 .cs-arrow {display: none;}#roofing-materials-001 .cs-bottom-cta, #siding-materials-001 .cs-bottom-cta {width: 100%;border-radius: 0.75rem;padding: clamp(1.25rem, 3vw, 2rem);display: flex;flex-direction: column;align-items: center;gap: 1rem;background: #fff;box-shadow: 2px 2px 14px rgba(0, 0, 0, 0.08);}#roofing-materials-001 .cs-cta-left, #siding-materials-001 .cs-cta-left {display: flex;align-items: center;gap: 1rem;text-align: center;}#roofing-materials-001 .cs-cta-left p, #siding-materials-001 .cs-cta-left p {font-size: var(--bodyFontSize);}#roofing-materials-001 .cs-cta-icon, #siding-materials-001 .cs-cta-icon {display: none;}#roofing-materials-001 .cs-bottom-cta p, #siding-materials-001 .cs-bottom-cta p {margin: 0;color: var(--bodyTextColor);line-height: 1.5em;}#roofing-materials-001 .cs-bottom-cta p strong, #siding-materials-001 .cs-bottom-cta p strong {color: var(--headerColor);}#roofing-materials-001 .cs-button-solid, #siding-materials-001 .cs-button-solid {flex-shrink: 0;}}@media only screen and (min-width: 48rem) {#roofing-materials-001, #siding-materials-001 {}#roofing-materials-001 .cs-item, #siding-materials-001 .cs-item {min-width: calc(50% - 0.5rem);}#roofing-materials-001 .cs-bottom-cta, #siding-materials-001 .cs-bottom-cta {flex-direction: row;justify-content: space-between;align-items: center;}#roofing-materials-001 .cs-cta-left, #siding-materials-001 .cs-cta-left {text-align: left;}#roofing-materials-001 .cs-bottom-cta p, #siding-materials-001 .cs-bottom-cta p {max-width: 37.5rem;}#roofing-materials-001 .cs-arrow, #siding-materials-001 .cs-arrow {width: 3.5rem;height: 3.5rem;border: none;border-radius: 0;background: transparent;box-shadow: none;color: var(--primary);display: flex;justify-content: center;align-items: center;font-size: 2rem;font-family: Arial, Helvetica, sans-serif;font-weight: 700;line-height: 1;padding: 0;appearance: none;-webkit-appearance: none;cursor: pointer;position: absolute;top: 50%;transform: translateY(-50%);z-index: 10;transition: 0.3s;}#roofing-materials-001 .cs-arrow:hover, #siding-materials-001 .cs-arrow:hover, #roofing-materials-001 .cs-arrow:focus, #siding-materials-001 .cs-arrow:focus {background: transparent;border: none;box-shadow: none;color: var(--primary);outline: none;}#roofing-materials-001 .cs-arrow-left, #siding-materials-001 .cs-arrow-left {left: -3.75rem;}#roofing-materials-001 .cs-arrow-right, #siding-materials-001 .cs-arrow-right {right: -3.75rem;}}@media only screen and (min-width: 67.125rem) {#roofing-materials-001 .cs-cta-icon, #siding-materials-001 .cs-cta-icon {width: 3.5rem;height: 3.5rem;border-radius: 50%;background: var(--headerColor);color: #fff;display: flex;align-items: center;justify-content: center;font-size: 1.5rem;flex: none;}}@media only screen and (min-width: 80rem) {#roofing-materials-001 .cs-card-group, #siding-materials-001 .cs-card-group {gap: 1.5rem;}#roofing-materials-001 .cs-item, #siding-materials-001 .cs-item {min-width: calc(33.333% - 1rem);}#roofing-materials-001 .cs-picture, #siding-materials-001 .cs-picture {height: clamp(16rem, 17vw, 20rem);}}@media only screen and (min-width: 0rem) {#oc-visualizer {padding: var(--sectionPadding);position: relative;}#oc-visualizer .cs-container {width: 100%;max-width: 90rem;margin: auto;display: flex;flex-direction: column;align-items: center;}#oc-visualizer .cs-content {width: 100%;display: flex;flex-direction: column;align-items: center;text-align: center;gap: 1rem;}#oc-visualizer .cs-text {max-width: 40rem;}#oc-visualizer .oc_shingle_view {width: 100%;margin-top: 1.5rem;display: flex;justify-content: center;}}@media only screen and (min-width: 0rem) {#cta-1071 {padding: var(--sectionPadding);background-color: var(--primary);position: relative;z-index: 1;}#cta-1071 .cs-container {width: 100%;max-width: 90rem;margin: auto;display: flex;flex-direction: column;align-items: center;gap: clamp(3rem, 6vw, 4rem);}#cta-1071 .cs-content {text-align: center;width: 100%;display: flex;flex-direction: column;align-items: center;gap: clamp(3rem, 6vw, 4rem);}#cta-1071 .cs-flex {max-width: 39.375rem;}#cta-1071 .cs-title {margin: 0;color: var(--headerColorDark);font-weight: 700;}#cta-1071 .cs-button-box {display: flex;flex-wrap: wrap;justify-content: center;gap: 1rem;}#cta-1071 .cs-background {width: 100%;height: 100%;display: block;position: absolute;top: 0;left: 0;z-index: -1;}#cta-1071 .cs-background:before {content: "";position: absolute;display: block;height: 100%;width: 100%;background: var(--tertiary);opacity: 0.8;top: 0;left: 0;z-index: 1;}#cta-1071 .cs-background img {position: absolute;top: 0;left: 0;height: 100%;width: 100%;object-fit: cover;}}@media only screen and (min-width: 64rem) {#cta-1071 .cs-content {flex-direction: row;justify-content: space-between;}#cta-1071 .cs-button-box {flex-wrap: nowrap;align-items: center;flex: none;}}@media only screen and (min-width: 0rem) {#siding-services-001 {padding: var(--sectionPadding);position: relative;overflow: hidden;}#siding-services-001 .cs-container {width: 100%;max-width: 44rem;margin: auto;display: flex;flex-direction: column;align-items: center;gap: clamp(2.5rem, 6vw, 4rem);}#siding-services-001 .cs-content {text-align: left;width: 100%;max-width: 24.375rem;display: flex;flex-direction: column;align-items: center;}#siding-services-001 .cs-topper, #siding-services-001 .cs-title, #siding-services-001 .cs-text {text-align: center;}#siding-services-001 .cs-list {padding: 0;margin: 1.5rem 0;display: flex;flex-direction: column;gap: 0.5rem;}#siding-services-001 .cs-list li {list-style: none;color: #fff;font-size: var(--bodyFontSize);line-height: 1.4em;display: flex;align-items: center;gap: 0.5rem;}#siding-services-001 .cs-list li::before {content: "✓";color: var(--primary);font-weight: 700;}#siding-services-001 .cs-card-group {width: 100%;padding: 0;margin: 0;display: flex;flex-direction: column;gap: 1rem;}#siding-services-001 .cs-item {list-style: none;width: 100%;border-radius: 0.5rem;box-shadow: 2px 2px 10px #00000020;transition: transform 0.3s, border-color 0.3s;position: relative;}#siding-services-001 .cs-item::before {content: '';position: absolute;inset: 0;background-image: url('/assets/images/white-texture.jpg');opacity: 0.35;border-bottom-left-radius: 0.75rem;border-bottom-right-radius: 0.75rem;pointer-events: none;z-index: -1;}#siding-services-001 .cs-item:hover {transform: translateY(-0.4375rem);border-color: var(--primary);}#siding-services-001 .cs-item:hover .cs-picture img {transform: scale(1.08);}#siding-services-001 .cs-item:hover .cs-h3 {color: var(--primary);}#siding-services-001 .cs-link {text-decoration: none;display: block;height: 100%;padding-bottom: 0.5rem;}#siding-services-001 .cs-picture {width: 100%;height: 10.625rem;margin-bottom: 1.5rem;border-radius: 0.5rem 0.5rem 0 0;display: block;overflow: hidden;}#siding-services-001 .cs-picture img {width: 100%;height: 100%;object-fit: cover;display: block;transition: transform 0.6s;}#siding-services-001 .cs-h3 {margin: 0 0 0.875rem;padding: 0 1.5rem;transition: color 0.3s;}#siding-services-001 .cs-item-text {font-size: var(--bodyFontSize);line-height: 1.5em;margin: 0 0 1.5rem;padding: 0 1.5rem;}#siding-services-001 .cs-learn {font-size: var(--bodyFontSize);font-weight: 700;letter-spacing: 0.08em;text-transform: uppercase;color: var(--primary);padding: 0 1.5rem;}#siding-services-001 .cs-learn::after {content: "›";margin-left: 0.5rem;}}@media only screen and (min-width: 40rem) {#siding-services-001 .cs-container {max-width: 90rem;flex-direction: row;align-items: center;}#siding-services-001 .cs-content {width: 22%;flex: none;}#siding-services-001 .cs-card-group {flex-direction: row;align-items: stretch;flex-wrap: wrap;}#siding-services-001 .cs-item {width: 48%;}}@media only screen and (min-width: 80rem) {#siding-services-001 .cs-container {max-width: 90rem;flex-direction: row;align-items: center;}#siding-services-001 .cs-content {width: 15%;flex: none;}#siding-services-001 .cs-card-group {flex-direction: row;align-items: stretch;flex-wrap: nowrap;}#siding-services-001 .cs-item {width: 25%;}}