:root{--primary:#ff525a;--accent:#ff7a52;--warning:#f69d0e;--white:#fff;--base:#242529;--base-ultra-dark:#242529;--base-dark:#3c3d44;--base-semi-dark:#54565f;--base-hover:#858893;--base-ultra-light:#f1f2f3;--neutral-semi-dark:#595959;--neutral-medium:gray;--neutral-semi-light:#a6a6a6;--text-color:#242529;--text-dark:#404040;--text-dark-muted:#262626;--text-light:#fff;--text-light-muted:#d9d9d9;--bg-default:#f1f2f3;--bg-dark:#3c3d44;--bg-ultra-dark:#242529;--border-color-light:#d9d9d9;--font-family:"Inter", system-ui, sans-serif;--font-weight-regular:400;--font-weight-semibold:600;--font-weight-bold:700;--h1-size:clamp(2.125rem, 1.90625rem + 1.09375vw, 3rem);--h1-line-height:clamp(2.75rem, 2.46875rem + 1.40625vw, 3.875rem);--h2-size:clamp(1.75rem, 1.59375rem + .78125vw, 2.375rem);--h2-line-height:clamp(2.25rem, 2.04688rem + 1.01563vw, 3.0625rem);--h3-size:clamp(1.25rem, 1.1875rem + .3125vw, 1.5rem);--h3-line-height:clamp(1.625rem, 1.54688rem + .390625vw, 1.9375rem);--h4-size:clamp(1.0625rem, 1.04688rem + .078125vw, 1.125rem);--h4-line-height:clamp(1.375rem, 1.35938rem + .078125vw, 1.4375rem);--h5-size:clamp(.875rem, .859375rem + .078125vw, .9375rem);--h5-line-height:clamp(1.125rem, 1.09375rem + .15625vw, 1.25rem);--h6-size:.8125rem;--h6-line-height:1.0625rem;--text-xl-size:clamp(1.25rem, 1.15625rem + .46875vw, 1.625rem);--text-xl-line-height:clamp(1.6875rem, 1.57813rem + .546875vw, 2.125rem);--text-l-size:clamp(1.125rem, 1.0625rem + .3125vw, 1.375rem);--text-l-line-height:clamp(1.5625rem, 1.5rem + .3125vw, 1.8125rem);--text-m-size:clamp(1rem, .96875rem + .15625vw, 1.125rem);--text-m-line-height:clamp(1.375rem, 1.35938rem + .078125vw, 1.4375rem);--text-s-size:clamp(.8125rem, .78125rem + .15625vw, .9375rem);--text-s-line-height:clamp(1.0625rem, 1.01563rem + .234375vw, 1.25rem);--text-xs-size:.8125rem;--text-xs-line-height:1.0625rem;--space-xs:.56278rem;--space-s:.75019rem;--space-m:1rem;--space-l:clamp(1.25rem, 1.1875rem + .3125vw, 1.5rem);--space-xl:clamp(1.75rem, 1.625rem + .625vw, 2.25rem);--space-xxl:clamp(2.5rem, 2.28125rem + 1.09375vw, 3.375rem);--grid-gap:1rem;--section-xs:1.33333rem;--section-m:clamp(2.25rem, 2.0625rem + .9375vw, 3rem);--section-l:clamp(3rem, 2.625rem + 1.875vw, 4.5rem);--section-xl:clamp(4rem, 3.3125rem + 3.4375vw, 6.75rem);--section-xxl:clamp(5.5rem, 4.34375rem + 5.78125vw, 10.125rem);--content-max:85.375rem;--section-gutter:clamp(1rem, .75rem + 1.25vw, 2rem);--top-bar-height:2.875rem;--top-bar-text-size:clamp(.8125rem, 1.125vw, 1.125rem);--header-height:4.0625rem;--logo-width:15.8125rem;--btn-y-padding-xs:.5rem;--cta-gradient:linear-gradient(to top, var(--primary), var(--accent));--radius:.5rem;--radius-m:.5rem;--radius-l:.75rem;--radius-xl:1.5rem;--radius-xxl:2.25rem;--border-size:1px;--btn-border-radius:.5rem;--btn-border-width:1px;--btn-text-m-size:clamp(1rem, .96875rem + .15625vw, 1.125rem);--btn-x-padding-s:clamp(1rem, .957031rem + .214844vw, 1.17188rem);--btn-x-padding-m:clamp(1.25rem, 1.21094rem + .195313vw, 1.40625rem);--btn-x-padding-l:clamp(1.5rem, 1.44531rem + .273438vw, 1.71875rem);--btn-y-padding-s:clamp(.690625rem, .664063rem + .132813vw, .796875rem);--btn-y-padding-m:clamp(.8125rem, .776563rem + .179688vw, .95625rem);--form-input-size:clamp(1rem, .96875rem + .15625vw, 1.125rem);--form-input-line-height:clamp(1.5rem, 1.45313rem + .234375vw, 1.6875rem);--form-input-x-padding:1rem;--label-bottom-margin:clamp(.375rem, .34375rem + .15625vw, .5rem);--shadow-m:0 4px 4px #40404040;--shadow-cta:0 7px 25px #1082e333;--primary-light:#ffb2b6;--shadow-primary-hover:0 7px 25px #b2000980;--shadow-secondary-hover:0 7px 25px var(--primary-light);--shadow-link:0 7px 12.5px #1082e333;--hero-gap:clamp(2.25rem, 1.40625rem + 4.21875vw, 5.625rem);--hero-text-max:43.75rem;--form-card-max:28.125rem;--review-max:21.6875rem;--text-16-size:1rem;--text-16-line-height:1.5rem;--avatar-size:2.375rem;--space-xl-compact:clamp(1.25rem, 1.11828rem + .65859vw, 1.77688rem);--space-xxl-compact:clamp(1.875rem, 1.75161rem + .61699vw, 2.36859rem);--section-l-compact:clamp(2rem, 1.8335rem + .8325vw, 2.666rem);--section-xs-compact:1.12556rem;--step-title-size:1.25rem;--step-title-line-height:1.625rem;--input-min-height:2.875rem;--shadow-card:0 16px 21px #181f271a;--hero-overlay:#00000080;--hero-photo-mobile-height:56.25rem;--section-intro-max:34.125rem;--metal-roofing-photos-max:36.625rem;--service-card-body-min:13.8125rem;--service-arrow-size:3.75rem;--service-arrow-offset:1.125rem;--gallery-bg:#000;--gallery-overlay:#000000b3;--gallery-text-max:43.75rem;--gallery-height:25.75rem;--gallery-open-grow:4.1667;--gallery-pattern-width:89.375rem;--gallery-pattern-height:27.5625rem;--space-xs-compact:.44444rem;--space-s-compact:.66667rem;--testimonial-width:36.625rem;--testimonials-fade:clamp(2.5rem, 1.40625rem + 5.46875vw, 6.875rem);--testimonials-duration:100s;--about-photo-max:36.625rem;--faq-title-max:53.125rem;--faq-list-max:60rem;--faq-icon-size:2rem;--service-area-map-max:36.625rem;--radius-pill:6.1875rem;--contact-logo-width:18.3125rem;--contact-logo-gap:.5rem;--contact-details-end:2rem;--contact-location-width:18.75rem;--transition:.3s ease}@media (prefers-reduced-motion:reduce){:root{--transition:0s}}@font-face{font-family:Inter;src:url(/assets/fonts/inter-variable.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}:where(*){box-sizing:border-box}:where(body,h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd){margin:0}:where(ul,ol)[role=list]{margin:0;padding:0;list-style:none}:where(img,svg,video){block-size:auto;max-inline-size:100%;display:block}[hidden]{display:none!important}:where(input,select,textarea,button){color:inherit;font:inherit}:where(body){background-color:var(--white);min-block-size:100dvh;color:var(--text-color);font-family:var(--font-family);font-size:var(--text-m-size);font-weight:var(--font-weight-regular);line-height:var(--text-m-line-height);overflow-wrap:break-word}:where(h1,h2,h3,h4,h5){font-weight:var(--font-weight-bold);text-wrap:balance}:where(h1){font-size:var(--h1-size);line-height:var(--h1-line-height)}:where(h2){font-size:var(--h2-size);line-height:var(--h2-line-height)}:where(h3){font-size:var(--h3-size);line-height:var(--h3-line-height)}:where(h4){font-size:var(--h4-size);line-height:var(--h4-line-height)}:where(h5){font-size:var(--h5-size);line-height:var(--h5-line-height)}:where(h6){font-size:var(--h6-size);font-weight:var(--font-weight-regular);line-height:var(--h6-line-height);text-wrap:balance}:where(p){text-wrap:pretty}:where(a){color:inherit}:focus-visible{outline:calc(var(--border-size) * 2) solid currentColor;outline-offset:calc(var(--border-size) * 2)}.skip-link{z-index:100;padding-block:var(--space-xs);padding-inline:var(--space-m);border-radius:var(--radius);background-color:var(--base);color:var(--text-light);position:absolute;inset-block-start:var(--space-m);inset-inline-start:var(--space-m);transform:translateY(-200%)}.skip-link:focus-visible{transform:none}:where(html){scroll-padding-block-start:var(--header-height)}@media (prefers-reduced-motion:no-preference){:where(html){scroll-behavior:smooth}}.section{padding-block:var(--section-l);padding-inline:var(--section-gutter)}.container{max-inline-size:var(--content-max);margin-inline:auto}.eyebrow{color:var(--neutral-semi-dark);font-size:var(--text-s-size);line-height:var(--text-s-line-height);text-transform:uppercase}.eyebrow--light{color:var(--text-light-muted)}.btn{isolation:isolate;padding-block:var(--btn-x-padding-m);padding-inline:var(--btn-x-padding-l);border:var(--btn-border-width) solid transparent;border-radius:var(--btn-border-radius);box-shadow:var(--shadow-cta);color:var(--text-light);cursor:pointer;font-size:var(--h4-size);font-weight:var(--font-weight-bold);line-height:var(--h4-line-height);text-align:center;transition:color var(--transition), background-color var(--transition), box-shadow var(--transition);justify-content:center;align-items:center;text-decoration:none;display:inline-flex;position:relative}.btn--primary{background-image:var(--cta-gradient)}.btn--primary:after{content:"";inset:calc(var(--btn-border-width) * -1);z-index:-1;border-radius:inherit;background-color:var(--primary);opacity:0;transition:opacity var(--transition);position:absolute}.btn--primary:hover{box-shadow:var(--shadow-primary-hover)}.btn--primary:hover:after{opacity:1}.btn--secondary{border-color:var(--primary);background-color:color-mix(in oklch, var(--white) 10%, transparent)}.btn--secondary:hover{background-color:var(--white);box-shadow:var(--shadow-secondary-hover);color:var(--text-dark-muted)}.top-bar{min-block-size:var(--top-bar-height);padding-block:var(--space-xs);padding-inline:var(--section-gutter);background-color:var(--bg-default);justify-content:center;display:flex}.top-bar__list{display:flex}.top-bar__item{align-items:center;gap:var(--space-s);color:var(--text-dark);font-size:var(--top-bar-text-size);font-weight:var(--font-weight-bold);line-height:var(--h4-line-height);text-transform:uppercase;display:flex}.top-bar__item img{flex:none}.top-bar__item+.top-bar__item{border-inline-start:var(--border-size) solid var(--neutral-semi-light);margin-inline-start:var(--space-l);padding-inline-start:var(--space-l)}.header{z-index:50;padding-inline:var(--section-gutter);background-color:var(--base);color:var(--text-light);position:sticky;inset-block-start:0}.header__inner{justify-content:space-between;align-items:center;gap:var(--space-m);min-block-size:var(--header-height);display:flex}.header__logo{flex:0 1 var(--logo-width);min-inline-size:0}.header__contact{align-items:center;gap:var(--space-m);flex:none;display:flex}.header__question{padding-inline:var(--space-m);font-size:var(--text-s-size);line-height:var(--text-s-line-height)}.header__actions{align-items:center;gap:var(--space-m);border-inline-start:var(--border-size) solid var(--neutral-medium);padding-inline-start:var(--space-m);display:flex}.header__phone{align-items:center;gap:var(--space-s);font-size:var(--h5-size);font-weight:var(--font-weight-bold);line-height:var(--text-m-line-height);transition:color var(--transition);white-space:nowrap;text-decoration:none;display:flex}.header__phone:hover{color:var(--primary)}.header__phone img{flex:none}.header__cta{padding-block:var(--btn-y-padding-xs);padding-inline:var(--btn-x-padding-m);white-space:nowrap}.hero{isolation:isolate;padding-block:var(--section-xl) var(--section-xxl);background-color:var(--base-dark);color:var(--text-light);position:relative}.hero__background{z-index:-1;position:absolute;inset:0;overflow:hidden}.hero__background:after{content:"";background-color:var(--hero-overlay);position:absolute;inset:0}.hero__photo{object-fit:cover;block-size:112.6%;inline-size:156.77%;max-inline-size:none;position:absolute;inset-block-start:-12.6%;inset-inline-start:-43.8%}.hero__inner{column-gap:var(--hero-gap);grid-template-rows:auto 1fr;grid-template-columns:minmax(0,740fr) minmax(0,450fr);display:grid}.hero__intro{grid-column:1}.hero__text{max-inline-size:var(--hero-text-max);font-size:var(--text-xl-size);line-height:var(--text-xl-line-height);margin-block-start:var(--section-xs)}.hero__form{inline-size:100%;max-inline-size:var(--form-card-max);grid-area:1/2/span 2;justify-self:end}.hero__proof{gap:var(--space-l);flex-direction:column;grid-column:1;justify-content:flex-end;display:flex}.hero__review{max-inline-size:var(--review-max);margin:0}.hero__review:before{content:"";inline-size:var(--space-xl);block-size:calc(var(--border-size) * 2);background-color:var(--accent);margin-block-end:var(--space-l);display:block}.hero__rating{align-items:center;display:flex}.hero__google{margin-inline-end:var(--btn-y-padding-s)}.hero__quote{font-size:var(--text-16-size);line-height:var(--text-16-line-height);text-wrap:pretty;margin-block-start:var(--space-s)}.hero__author{align-items:center;gap:var(--space-s);margin-block-start:var(--space-l);display:flex}.hero__avatar{inline-size:var(--avatar-size);block-size:var(--avatar-size);background-color:var(--base-hover);font-size:var(--text-l-size);line-height:var(--text-l-line-height);border-radius:50%;flex:none;place-items:center;display:grid}.hero__author-name{font-size:var(--text-s-size);line-height:var(--text-s-line-height);display:block}.hero__author-date{color:var(--text-light-muted);font-size:var(--h6-size);line-height:var(--h6-line-height);display:block}.hero__actions{gap:var(--space-m);grid-auto-columns:1fr;grid-auto-flow:column;place-self:flex-start start;display:inline-grid}.trust-bar{padding-block:var(--section-m);background-color:var(--base-ultra-light)}.trust-bar__list{justify-content:space-between;gap:var(--space-l);display:flex}.trust-bar__item{align-items:flex-start;gap:var(--space-xs);color:var(--text-dark);font-size:var(--h4-size);font-weight:var(--font-weight-bold);line-height:var(--h4-line-height);display:flex}.trust-bar__item img{flex:none}.metal-roofing__inner{grid-template-columns:minmax(0, var(--section-intro-max)) minmax(0, var(--metal-roofing-photos-max));justify-content:space-between;align-items:center;gap:var(--space-xl);display:grid}.metal-roofing__title{color:var(--text-dark-muted);margin-block-start:var(--space-s)}.metal-roofing__text{color:var(--text-dark-muted);margin-block-start:var(--space-l)}.metal-roofing__list{gap:var(--space-m);margin-block-start:calc(var(--space-xl) + var(--space-l));display:grid}.metal-roofing__item{align-items:center;gap:var(--space-l);color:var(--text-dark);font-size:var(--h4-size);font-weight:var(--font-weight-bold);line-height:var(--h4-line-height);display:flex}.metal-roofing__item img{flex:none}.metal-roofing__cta{padding-inline:var(--space-xl);margin-block-start:var(--space-xl)}.metal-roofing__photos{gap:var(--space-xl);display:grid}.metal-roofing__photo{inline-size:100%}.metal-roofing__photo--wide{aspect-ratio:586/240;border-radius:var(--radius) var(--radius) var(--radius-xxl) var(--radius);object-fit:cover}.services{padding-block:var(--section-l) var(--section-m);background-color:var(--bg-ultra-dark);color:var(--text-light)}.services__intro{max-inline-size:var(--section-intro-max)}.services__title{margin-block-start:var(--space-s)}.services__text{margin-block-start:var(--space-l)}.services__grid{gap:calc(var(--space-xl) + var(--space-xxl)) var(--space-xl);grid-template-columns:repeat(3,minmax(0,1fr));margin-block-start:var(--section-m);padding-block-end:var(--space-xxl);display:grid}.services__item:nth-child(3n+2){transform:translateY(var(--space-xxl))}.service-card{border-radius:var(--radius);block-size:100%;color:var(--text-light);flex-direction:column;text-decoration:none;display:flex}.service-card__photo{aspect-ratio:402/270;object-fit:cover;border-start-start-radius:var(--radius-m);border-start-end-radius:var(--radius-m);flex:none;inline-size:100%}.service-card__body{gap:var(--space-m);min-block-size:var(--service-card-body-min);padding:calc(var(--space-l) - var(--border-size) * 2);border:calc(var(--border-size) * 2) solid var(--base-dark);background-color:var(--base-dark);transition:background-color var(--transition), border-color var(--transition);border-end-end-radius:var(--radius);border-end-start-radius:var(--radius);flex-direction:column;flex:1;justify-content:center;display:flex;position:relative;overflow:hidden}.service-card__label{color:var(--neutral-medium);font-size:var(--text-s-size);line-height:var(--text-s-line-height);text-transform:uppercase;transition:color var(--transition)}.service-card__title{transition:color var(--transition)}.service-card__text{font-size:var(--text-s-size);line-height:var(--text-s-line-height);transition:color var(--transition)}.service-card__link{align-items:center;gap:var(--space-s);color:var(--primary);filter:drop-shadow(var(--shadow-link));font-size:var(--h4-size);font-weight:var(--font-weight-bold);line-height:var(--h4-line-height);display:flex}.service-card__link-arrow{opacity:0;transition:opacity var(--transition);flex:none}.service-card__arrow{inline-size:var(--service-arrow-size);block-size:var(--service-arrow-size);background-color:var(--primary);transition:transform var(--transition);border-radius:50%;place-items:center;display:grid;position:absolute;inset-block-start:var(--service-arrow-offset);inset-inline-end:var(--service-arrow-offset);transform:translate(150%)}.service-card:is(:hover,:focus-visible) .service-card__body{border-color:var(--primary);background-color:var(--white)}.service-card:is(:hover,:focus-visible) .service-card__label{color:var(--text-dark)}.service-card:is(:hover,:focus-visible) .service-card__title{color:var(--primary)}.service-card:is(:hover,:focus-visible) .service-card__text{color:var(--text-dark-muted)}.service-card:is(:hover,:focus-visible) .service-card__link-arrow{opacity:1}.service-card:is(:hover,:focus-visible) .service-card__arrow{transform:translate(0)}.why-us{padding-block:var(--section-m) var(--section-l);background-color:var(--bg-ultra-dark);box-shadow:0 calc(var(--border-size) * -1) 0 var(--bg-ultra-dark);color:var(--text-light)}.why-us__title{text-align:center}.why-us__grid{gap:var(--space-xl);grid-template-columns:repeat(4,minmax(0,1fr));margin-block-start:var(--section-m);display:grid}.why-us__card{padding-block:var(--btn-x-padding-l);padding-inline:var(--btn-x-padding-m);border-radius:var(--radius-l);background-color:var(--bg-dark)}.why-us__card-title{font-size:var(--h4-size);line-height:var(--h4-line-height);margin-block-start:var(--grid-gap)}.why-us__card-text{color:var(--text-light-muted);font-size:var(--text-16-size);line-height:var(--text-16-line-height);margin-block-start:var(--space-s)}.process{padding-block:var(--section-xl)}.process__title{color:var(--text-dark-muted);margin-block-start:var(--btn-y-padding-m)}.process__steps{gap:var(--space-xl);margin-block:var(--section-l-compact);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.process__step{border-block-start:calc(var(--border-size) * 2) solid var(--border-color-light);padding-block-start:var(--space-xl-compact)}.process__number{color:var(--primary);font-size:var(--h2-size);font-weight:var(--font-weight-bold);line-height:var(--h2-line-height);display:block}.process__step-title{color:var(--base);font-size:var(--step-title-size);line-height:var(--step-title-line-height);margin-block-start:var(--section-xs-compact)}.process__step-text{color:var(--text-dark);font-size:var(--text-16-size);line-height:var(--text-16-line-height);margin-block-start:var(--space-xs)}.process__cta{padding-inline:var(--space-xl);margin-block-start:var(--space-xl-compact)}.gallery{isolation:isolate;padding-block:var(--section-xl);background-color:var(--gallery-bg);color:var(--text-light);position:relative;overflow:clip}.gallery__intro{max-inline-size:var(--gallery-text-max);text-align:center;margin-inline:auto}.gallery__title{margin-block-start:var(--space-s)}.gallery__text{margin-block-start:var(--space-l)}.gallery__list{block-size:var(--gallery-height);margin-block-start:var(--section-m);display:flex;position:relative}.gallery__list:before{content:"";z-index:-1;inline-size:var(--gallery-pattern-width);block-size:var(--gallery-pattern-height);pointer-events:none;background:url(/assets/gallery-pattern.svg) 50%/100% 100% no-repeat;position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%)}.gallery__item{min-inline-size:0;padding-inline:calc(var(--space-xl) / 2);transition:flex-grow var(--transition);flex:1 1 0}.gallery__item:first-child{padding-inline-start:0}.gallery__item:last-child{padding-inline-end:0}.gallery__frame{border-radius:var(--radius);block-size:100%;position:relative;overflow:hidden}.gallery__frame:after{content:"";background-color:var(--gallery-overlay);transition:opacity var(--transition);position:absolute;inset:0}.gallery__photo{object-fit:cover;block-size:100%;inline-size:100%}.gallery__item:nth-child(3),.gallery__item:hover{flex-grow:var(--gallery-open-grow)}.gallery__item:nth-child(3) .gallery__frame:after,.gallery__item:hover .gallery__frame:after{opacity:0}.gallery__list:has(.gallery__item:hover) .gallery__item:nth-child(3):not(:hover){flex-grow:1}.gallery__list:has(.gallery__item:hover) .gallery__item:nth-child(3):not(:hover) .gallery__frame:after{opacity:1}.testimonials{padding-block:var(--section-xl) var(--space-m)}.testimonials__inner{text-align:center}.testimonials__title{color:var(--text-dark-muted);margin-block-start:var(--space-m)}.testimonials__viewport{margin-block-start:var(--space-xxl);margin-inline:calc(var(--section-gutter) * -1);padding-block:var(--space-s);scroll-snap-type:x mandatory;position:relative;overflow-x:auto}.testimonials__track{inline-size:max-content;padding-inline:var(--section-gutter);align-items:center;display:flex}.testimonial-card{align-items:flex-start;gap:var(--space-xs-compact);inline-size:min(var(--testimonial-width), 85vw);padding:var(--space-l);border:var(--border-size) solid var(--border-color-light);border-radius:var(--radius-xl);background-color:var(--base-ultra-light);color:var(--text-dark);scroll-snap-align:center;flex-direction:column;margin-inline-end:var(--space-xxl);display:flex}.testimonial-card__text{font-size:var(--text-m-size);line-height:var(--text-m-line-height);text-wrap:pretty;margin:0}.testimonial-card__name{font-size:var(--text-m-size);font-weight:var(--font-weight-semibold);line-height:var(--text-m-line-height);margin-block-start:calc(var(--space-m) - var(--space-xs-compact))}.testimonial-card__rating{align-items:center;gap:var(--space-xs-compact);margin-block-start:calc(var(--space-s-compact) - var(--space-xs-compact));display:flex}.testimonial-card__rating img{flex:none}.testimonial-card--copy{display:none}@media (prefers-reduced-motion:no-preference){.testimonials__viewport{-webkit-mask-image:linear-gradient(to right, transparent, black var(--testimonials-fade), black calc(100% - var(--testimonials-fade)), transparent);mask-image:linear-gradient(to right, transparent, black var(--testimonials-fade), black calc(100% - var(--testimonials-fade)), transparent);overflow:clip}.testimonials__track{animation:testimonials-scroll var(--testimonials-duration) linear infinite;padding-inline:0}.testimonials__viewport:hover .testimonials__track{animation-play-state:paused}.testimonial-card--copy{display:flex}}@keyframes testimonials-scroll{to{transform:translate(-50%)}}.about{padding-block:var(--section-xl)}.about__inner{grid-template-columns:minmax(0, var(--about-photo-max)) minmax(0, var(--section-intro-max));justify-content:center;align-items:center;gap:var(--space-xl) var(--section-xl);display:grid}.about__photo{inline-size:100%}.about__title{color:var(--text-dark-muted);margin-block-start:var(--space-s-compact)}.about__text{color:var(--text-dark-muted)}.about__title+.about__text{margin-block-start:var(--space-l)}.about__text+.about__text{margin-block-start:var(--text-m-line-height)}.faq{padding-block:var(--section-xl);border-block-start:var(--border-size) solid var(--border-color-light)}.faq__title{max-inline-size:var(--faq-title-max);color:var(--primary);text-align:center;margin-inline:auto}.faq__list{gap:var(--space-l);max-inline-size:var(--faq-list-max);margin-block-start:var(--section-m);margin-inline:auto;display:grid}.faq__item{border:var(--border-size) solid var(--border-color-light);border-radius:var(--radius);background-color:var(--base-ultra-light);interpolate-size:allow-keywords}.faq__item::details-content{block-size:0;transition:block-size var(--transition), content-visibility var(--transition) allow-discrete;overflow:hidden}.faq__item[open]::details-content{block-size:auto}.faq__summary{justify-content:space-between;align-items:flex-start;gap:var(--space-m);padding:calc(var(--space-l) - var(--border-size));border-radius:var(--radius);cursor:pointer;list-style:none;display:flex}.faq__summary::-webkit-details-marker{display:none}.faq__question{color:var(--text-dark-muted)}.faq__icon{inline-size:var(--faq-icon-size);block-size:var(--faq-icon-size);transition:transform var(--transition);flex:none}.faq__item[open] .faq__icon{transform:rotate(45deg)}.faq__answer{padding-inline:calc(var(--space-l) - var(--border-size));color:var(--text-dark);padding-block-end:calc(var(--space-l) - var(--border-size))}.service-area{padding-block:var(--section-l);background-color:var(--base-ultra-light)}.service-area__top{grid-template-columns:minmax(0, var(--section-intro-max)) minmax(0, var(--service-area-map-max));justify-content:space-between;align-items:center;gap:var(--space-xl);display:grid}.service-area__title{color:var(--text-dark-muted)}.service-area__text{color:var(--text-dark-muted);margin-block-start:var(--space-l)}.service-area__cta{padding-inline:var(--space-xl);margin-block-start:var(--space-xl)}.service-area__map{aspect-ratio:586/420;border-radius:var(--radius-xl);border:0;block-size:auto;inline-size:100%;display:block}.service-area__regions{gap:var(--space-l);padding:var(--space-l);border-radius:var(--radius-xl);background-color:var(--base-dark);grid-template-columns:repeat(4,minmax(0,1fr));margin-block-start:var(--section-m);display:grid}.service-area__region-title{color:var(--text-light);font-size:var(--h4-size);line-height:var(--h4-line-height)}.service-area__places{gap:var(--space-s-compact);flex-wrap:wrap;margin-block-start:var(--space-m);display:flex}.service-area__place{padding-block:calc(var(--space-xs-compact) - var(--border-size));padding-inline:calc(var(--space-m) - var(--border-size));border:var(--border-size) solid var(--primary);border-radius:var(--radius-pill);background-color:var(--base-semi-dark);color:var(--text-light-muted);font-size:var(--text-s-size);line-height:var(--text-s-line-height)}.contact-cta{padding-block:var(--space-xxl) var(--space-l);background-color:var(--bg-ultra-dark);color:var(--text-light)}.contact-cta__inner{grid-template-areas:"intro form""company form";grid-template-columns:minmax(0, 1fr) minmax(0, var(--form-card-max));column-gap:var(--space-xl);grid-template-rows:auto 1fr;display:grid}.contact-cta__intro{max-inline-size:var(--section-intro-max);grid-area:intro;padding-block-start:var(--space-l)}.contact-cta__title{margin-block-start:var(--space-s-compact)}.contact-cta__text{margin-block-start:var(--space-l)}.contact-cta__list{gap:var(--space-m);margin-block-start:calc(var(--space-l) * 2);display:grid}.contact-cta__item{align-items:center;gap:var(--space-l);color:var(--text-light-muted);font-size:var(--h4-size);font-weight:var(--font-weight-bold);line-height:var(--h4-line-height);display:flex}.contact-cta__item img{flex:none}.contact-cta__call{align-items:center;gap:var(--space-m);flex-wrap:wrap;margin-block-start:calc(var(--space-s-compact) + var(--space-l));display:flex}.contact-cta__call-text{font-size:var(--text-m-size);line-height:var(--text-m-line-height)}.contact-cta__form{grid-area:form}.contact-cta__company{align-self:end;gap:var(--contact-logo-gap);flex-direction:column;grid-area:company;padding-block-end:var(--contact-details-end);display:flex}.contact-cta__logo{inline-size:min(100%, var(--contact-logo-width))}.contact-cta__details{gap:var(--space-m);flex-wrap:wrap;display:flex}.contact-cta__detail:first-child{inline-size:var(--contact-location-width)}.contact-cta__detail-title{padding-block:var(--space-xs-compact) var(--space-xs);color:var(--text-light-muted);font-size:var(--h4-size);line-height:var(--h4-line-height)}.contact-cta__detail-text{color:var(--text-light-muted);font-size:var(--text-s-size);font-style:normal;line-height:var(--text-s-line-height)}.footer{padding-block:var(--space-s-compact) var(--space-xl);background-color:var(--bg-ultra-dark);color:var(--text-light-muted)}.footer__inner{border-block-start:var(--border-size) solid var(--neutral-semi-dark);padding-block-start:var(--space-xl-compact)}.footer__text{justify-content:center;gap:var(--space-xs-compact);font-size:var(--text-xs-size);line-height:var(--text-xs-line-height);text-align:center;flex-wrap:wrap;display:flex}.estimate-card{padding-block:var(--space-xl-compact) var(--space-xxl-compact);padding-inline:var(--space-xl-compact);border-radius:var(--radius-l);background-color:var(--white);box-shadow:var(--shadow-card);color:var(--base)}.estimate-card__title{font-size:var(--h3-size);line-height:var(--h3-line-height)}.estimate-card__text{color:var(--text-dark);font-size:var(--text-xs-size);line-height:var(--text-xs-line-height);margin-block-start:var(--space-xs)}.estimate-form{gap:var(--btn-y-padding-s);grid-template-columns:minmax(0,1fr);margin-block-start:var(--btn-x-padding-s);display:grid;container:estimate-form/inline-size}.estimate-form__row{gap:var(--btn-y-padding-s) var(--space-s);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@container estimate-form (width<=20rem){.estimate-form__row{grid-template-columns:minmax(0,1fr)}}.estimate-form__label{font-size:var(--h5-size);font-weight:var(--font-weight-bold);line-height:var(--h5-line-height);margin-block-end:var(--label-bottom-margin);display:block}.estimate-form__control{inline-size:100%;min-block-size:var(--input-min-height);padding-block:var(--space-xs);padding-inline:var(--space-s);border:var(--btn-border-width) solid var(--border-color-light);border-radius:var(--btn-border-radius);background-color:var(--base-ultra-light);color:var(--text-color);font-size:var(--form-input-size);line-height:var(--form-input-line-height);display:block}.estimate-form__control::placeholder{color:var(--text-dark);opacity:1}.estimate-form__control--select{background-image:url(/assets/icons/chevron-down.svg);background-position:right var(--space-s) center;appearance:none;cursor:pointer;background-repeat:no-repeat;padding-inline-end:var(--space-xl)}textarea.estimate-form__control{resize:vertical}.estimate-form__submit{inline-size:100%;margin-block-start:var(--space-xs)}.estimate-form__note{color:var(--text-dark);font-size:var(--h6-size);line-height:var(--h6-line-height);text-align:center}.estimate-form__error{padding-block:var(--space-xs);padding-inline:var(--space-s);border-inline-start:var(--btn-border-width) solid var(--primary);border-radius:var(--radius);background-color:var(--base-ultra-light);color:var(--text-color);font-size:var(--text-s-size);line-height:var(--text-s-line-height);text-wrap:pretty}.estimate-card__thanks{padding:var(--space-m);border-inline-start:var(--btn-border-width) solid var(--primary);border-radius:var(--radius);background-color:var(--base-ultra-light);margin-block-start:var(--btn-x-padding-s)}.estimate-card__thanks:focus{outline:none}.estimate-card__thanks-title{font-size:var(--h4-size);font-weight:var(--font-weight-bold);line-height:var(--h4-line-height);text-wrap:balance}.estimate-card__thanks-text{color:var(--text-dark);font-size:var(--text-s-size);line-height:var(--text-s-line-height);text-wrap:pretty;margin-block-start:var(--space-xs)}.estimate-card__thanks-text a{color:var(--text-color);font-weight:var(--font-weight-bold)}@media (width<=1279px){.hero__inner{grid-template-columns:minmax(0, 1fr) minmax(0, var(--form-card-max))}}@media (width<=991px){.top-bar__item{flex:1 1 0}.top-bar__item+.top-bar__item{margin-inline-start:var(--space-m);padding-inline-start:var(--space-m)}.header__question{display:none}.header__actions{border-inline-start:none;padding-inline-start:0}.hero__photo{object-position:62% center;block-size:100%;inline-size:100%;inset:0}.hero__inner{grid-template-columns:repeat(2,minmax(0,1fr))}.hero__proof{margin-block-start:var(--space-xl)}.hero__actions{grid-auto-flow:row;align-self:stretch;display:grid}.gallery__list{gap:var(--space-m);grid-template-columns:repeat(3,minmax(0,1fr));block-size:auto;display:grid}.gallery__item,.gallery__item:first-child,.gallery__item:last-child{aspect-ratio:4/5;padding-inline:0}.gallery__frame:after,.gallery__list:has(.gallery__item:hover) .gallery__item:nth-child(3):not(:hover) .gallery__frame:after{opacity:0}.service-area__regions{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-cta__inner{row-gap:var(--space-xl);grid-template-rows:none;grid-template-columns:minmax(0,1fr);grid-template-areas:"intro""form""company"}.contact-cta__intro{max-inline-size:none}.services__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.services__item:nth-child(3n+2){transform:none}.services__item:nth-child(2n){transform:translateY(var(--space-xxl))}.why-us__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=767px){.top-bar,.header__cta{display:none}.header__phone{gap:var(--space-xs);padding-block:var(--space-xs)}.hero__photo{block-size:min(100%, var(--hero-photo-mobile-height));inset:auto 0 0;mask-image:linear-gradient(#0000,#000 25%)}.hero__inner{row-gap:var(--space-xl);grid-template-rows:none;grid-template-columns:minmax(0,1fr)}.hero__intro,.hero__form,.hero__proof{grid-area:auto/1}.hero__form{max-inline-size:none}.hero__proof{margin-block-start:0}.hero__estimate-link{display:none}.trust-bar__list{gap:var(--space-m);flex-direction:column}.metal-roofing__inner{grid-template-columns:minmax(0,1fr)}.metal-roofing__item{gap:var(--space-m)}.metal-roofing__list{margin-block-start:var(--space-xl)}.process__steps{grid-template-columns:minmax(0,1fr)}.services__grid{row-gap:var(--space-xl);grid-template-columns:minmax(0,1fr);padding-block-end:0}.services__item:nth-child(2n){transform:none}.service-card__body{min-block-size:0}.testimonials__track{align-items:flex-start}.about__inner{grid-template-columns:minmax(0,1fr)}.about__content{order:-1}.service-area__top{grid-template-columns:minmax(0,1fr)}}@media (width<=478px){.metal-roofing__break,.why-us__break,.faq__break,.about__break,.service-area__break{display:none}.service-area__regions{grid-template-columns:minmax(0,1fr)}.footer__text{flex-direction:column}.footer__divider{display:none}.gallery__list{grid-template-columns:repeat(2,minmax(0,1fr))}.why-us__grid{grid-template-columns:minmax(0,1fr)}}