.animated-mission-section-roofing{flex-direction:column;justify-content:center;gap:4rem;max-width:1200px;margin:0 auto;padding:4rem 1rem;display:flex}.mission-item{align-items:center;gap:2rem;display:flex}.mission-reverse{flex-direction:row-reverse}.mission-image{object-fit:cover;border-radius:16px;flex-shrink:0;width:250px;height:250px;box-shadow:0 10px 30px #00000026}.mission-text h2{font-size:1.25rem;font-weight:500;line-height:1.6}.animate-right{opacity:0;animation:.8s ease-out forwards slideInRight;transform:translate(60px)}.animate-left{opacity:0;animation:.8s ease-out forwards slideInLeft;transform:translate(-60px)}@keyframes slideInRight{to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{to{opacity:1;transform:translate(0)}}@media (max-width:768px){.mission-item{text-align:center;flex-direction:column}.mission-item,.mission-reverse{flex-direction:column}}
.roof-inspections{color:#e5ebe5;background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:flex-start;align-items:center;padding:clamp(4rem,6vw,7rem) clamp(1.5rem,5vw,6rem);display:flex;position:relative;overflow:hidden}.filter-overlay{background:rgba(0,0,0,.14em);z-index:1;position:absolute;inset:0}.bg-video{object-fit:cover;z-index:0;filter:brightness(.6)saturate(1.2);width:100%;height:100%;position:absolute;inset:0}.overlay{z-index:1;pointer-events:none;position:absolute;inset:0}.roof-inspections .content{z-index:2;max-width:720px;position:relative}.roof-inspections h1{color:#fff;text-shadow:1px 1px 4px #020617;margin-bottom:1rem;font-size:clamp(2rem,3.2vw,3rem);font-weight:700}.roof-inspections p{color:#fff;text-shadow:2px 1px 4px #000;margin-bottom:2rem;font-size:1.05rem;line-height:1.75}@media (max-width:768px){.roof-inspections{text-align:left;justify-content:center}.roof-inspections p{margin-left:auto;margin-right:auto}}
.roofing-page-hero{width:100vw;height:100vh;position:relative;overflow:hidden}.roofing-page-hero img{object-fit:cover;filter:brightness(.65)saturate(1.15);width:100%;height:100%;animation:10s ease-in-out forwards zoomOut;display:block;transform:scale(1.1)}.roofing-page-hero:after{content:"";z-index:1;background:#00000059;position:absolute;inset:0}.roofing-page-text-overlay{z-index:2;color:var(--white);text-align:center;width:90%;max-width:1200px;padding:40px 5vw;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.roofing-page-text-overlay p{color:#fff;margin-top:15px;padding-bottom:40px;font-size:1.3rem;font-weight:100;line-height:1.5}.roofing-page-text-overlay h1{font-size:var(--fs-5xl);color:var(--clr-white);font-weight:400;line-height:1.1}@media (max-width:1024px){.roofing-page-text-overlay{top:30%;transform:translate(-50%)}.roofing-page-text-overlay p{padding-bottom:10px}}@media (max-width:768px){.roofing-page-text-overlay{top:10%}.roofing-page-hero{width:100%;position:relative}.roofing-page-text-overlay p{text-align:left;padding-bottom:10px}.roofing-page-text-overlay h1{text-align:left}}@keyframes zoomOut{0%{transform:scale(1.1)}to{transform:scale(1)}}.roofing-hero-partners{z-index:10;justify-content:center;width:100%;display:flex;position:absolute;bottom:40px}.partners-list{justify-content:center;align-items:center;gap:100px;animation:8s linear infinite slidePartners;display:flex}.partners-list img{filter:none;opacity:1;max-height:200px;margin-top:50px}@media (max-width:768px){.partners-list{gap:20px;padding-bottom:80px}.partners-list img{max-height:150px}.roofing-hero-partners{bottom:10px}}
.roofing-page-services{color:var(--white);text-align:center;padding:40px 20px}.roofing-page-services h1{margin-bottom:30px;font-size:clamp(2rem,4vw,3rem)}.services-grid{flex-wrap:wrap;justify-content:center;gap:20px;margin-top:20px;display:flex}.services-grid .rich-service-card{flex:300px;max-width:400px}.rich-service-card{isolation:isolate;cursor:pointer;background-position:bottom;background-repeat:no-repeat;background-size:cover;border-radius:18px;flex-direction:column;width:100%;min-height:520px;transition:transform .35s,box-shadow .35s;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 40px #00000059}.rich-service-card:hover{transform:translateY(-5px);box-shadow:0 28px 60px #00000073}.rich-service-card-overlay{z-index:1;background:linear-gradient(#0a0a0a00,#0a0a0a33,#0a0a0ad9);position:absolute;inset:0}.rich-service-card-content{z-index:2;color:#fff;flex-direction:column;gap:10px;padding:20px 24px;display:flex;position:relative}.rich-service-card-content.top{text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);flex:none;justify-content:flex-start;align-items:center}.rich-service-card-content.bottom{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);flex-direction:column;flex:auto;justify-content:flex-end;gap:12px;display:flex}.rich-service-card-title{font-size:1.6rem;font-weight:700;line-height:1.2}.rich-service-card-subtitle{text-transform:uppercase;color:#76f476d9;margin-bottom:8px;font-size:.95rem;font-weight:700}.rich-service-card-options.horizontal{flex-flow:wrap;justify-content:center;gap:16px;margin-top:12px;display:flex}.rich-service-card-options .option-group{flex-direction:column;align-items:center;gap:4px;display:flex}.rich-service-card-options .option-group h3{text-transform:uppercase;color:#9dff9d;text-align:center;margin:0;font-size:.8rem;font-weight:700}.rich-service-card-options .option-group ul{flex-wrap:wrap;justify-content:center;gap:4px;margin:0;padding:0;list-style:none;display:flex}.rich-service-card-options .option-group ul li{color:#fff;text-align:center;background:#ffffff14;border-radius:999px;padding:3px 8px;font-size:.7rem;font-weight:600;transition:background .25s,transform .2s}.rich-service-card-options .option-group ul li:hover{background:#ffffff2e;transform:translateY(-1px)}.rich-service-card-description{color:#ffffffe6;text-align:center;font-size:.95rem;font-weight:500;line-height:1.5}.service-card-button{cursor:pointer;background:#76f476d9;border:none;border-radius:10px;align-self:center;margin-top:auto;padding:10px 16px;font-weight:700;transition:background .25s,transform .2s}.service-card-button:hover{background:#76f476;transform:translateY(-2px)}@media (max-width:1024px){.services-grid .rich-service-card{flex:45%}}@media (max-width:768px){.services-grid .rich-service-card{flex:90%}}@media (max-width:480px){.services-grid .rich-service-card{flex:100%}}
html,body{width:100%;overflow-x:hidden}.roofing-services{color:var(--white);flex-direction:column;margin:0;display:flex}.roofing-services>div{box-sizing:border-box;padding:clamp(2.5rem,5vw,4rem) clamp(1.25rem,4vw,2rem)}.roofing-services h2,.roofing-services h3,.roofing-services h4,.roofing-services h5,.roofing-services p,.roofing-services ul{max-width:800px;margin-bottom:1rem}.shingle-roofing,.standing-seam-metal{border-bottom:1px solid #fff3;width:100%}.uniform-text-size h2{font-size:clamp(2rem,3vw,2.75rem);font-weight:700;line-height:1.25}.uniform-text-size h3{font-size:clamp(1.4rem,2vw,1.6rem);font-weight:600;line-height:1.35}.uniform-text-size h4{font-size:clamp(1.05rem,1.2vw,1.2rem);font-weight:700;line-height:1.65}.uniform-text-size h5{opacity:.8;font-size:.9rem;font-weight:800;line-height:1.6}.uniform-text-size p{max-width:800px;margin-bottom:1rem;font-size:clamp(1rem,1.2vw,1.1rem);font-weight:500;line-height:1.6}.uniform-text-size ul{margin-bottom:1rem;padding-left:1.25rem;font-size:clamp(1rem,1.2vw,1.1rem);font-weight:500;line-height:1.6}.uniform-text-size li{margin-bottom:.5rem}.roofing-services ul{padding-left:1.25rem}.roofing-services li{margin-bottom:.4rem}.eyebrow{text-transform:uppercase;letter-spacing:1px;color:var(--accent);margin-bottom:.5rem;padding-bottom:6px;font-size:.85rem;display:inline-block;position:relative}.eyebrow:after{content:"";background:var(--clr-primary);border-radius:2px;width:100%;height:2px;position:absolute;bottom:0;left:0}.image-darken{background-position:50%;background-repeat:no-repeat;background-size:cover;position:relative}.image-darken:after{content:"";z-index:1;background:#00000073;position:absolute;inset:0}.image-darken>*{z-index:2;position:relative}