.heroResidential{position:relative;overflow:hidden;color:#fff;background:linear-gradient(180deg,rgba(16,24,40,0.86),rgba(16,24,40,0.56)),url(//www.allstarroofpros.com/wp-content/themes/alstrv1/assets/css/../img/hero.webp) center/cover;.heroResidentialShell{width:var(--container);margin:0 auto;padding:56px 0 64px}.heroResidentialContent{display:flex;flex-direction:column;gap:24px;max-width:100%}.heroResidentialTitle{max-width:12ch;margin:0;font-size:clamp(2.55rem,10vw,4.25rem);line-height:.98;font-weight:800;letter-spacing:-.05em}.heroResidentialBody{max-width:38rem;margin:0;color:#e5e7eb;font-size:1rem;line-height:1.7;text-wrap:balance}.heroResidentialActions{display:flex;flex-direction:column;gap:16px;width:100%}.heroResidentialActionPrimary,.heroResidentialActionSecondary{display:inline-flex;align-items:center;justify-content:center;min-height:56px;width:100%;padding:14px 24px;border-radius:999px;font-size:1rem;font-weight:700;line-height:1.4;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease}.heroResidentialActionPrimary:hover,.heroResidentialActionSecondary:hover{transform:translateY(-1px)}.heroResidentialActionPrimary{background:var(--orange);color:#fff;box-shadow:0 10px 15px rgba(0,0,0,.1),0 4px 6px rgba(0,0,0,.1)}.heroResidentialActionSecondary{gap:6px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.1);color:#fff;box-shadow:0 10px 15px rgba(0,0,0,.08),0 4px 6px rgba(0,0,0,.08)}.heroResidentialActionNote{color:rgba(255,255,255,.8);font-size:.8125rem;font-weight:400;line-height:1.2}.heroResidentialMeta{margin:0;color:#d1d5dc;font-size:.875rem;line-height:1.45;opacity:.8}}@media (min-width:768px){.heroResidential{background:linear-gradient(90deg,rgba(16,24,40,0.8) 0%,rgba(16,24,40,0.5) 48%,rgba(16,24,40,0.08) 100%),url(//www.allstarroofpros.com/wp-content/themes/alstrv1/assets/css/../img/hero.webp) center/cover;.heroResidentialShell{padding:88px 0 96px}.heroResidentialContent{gap:28px;max-width:42rem}.heroResidentialTitle{max-width:14ch;font-size:clamp(3.7rem,7vw,4.8rem)}.heroResidentialBody{font-size:1.125rem;line-height:1.625}.heroResidentialActions{flex-direction:row;align-items:center;width:auto}.heroResidentialActionPrimary,.heroResidentialActionSecondary{width:auto;min-height:62px;padding:15px 28px}.heroResidentialMeta{font-size:.875rem;line-height:1.4}}}@media (min-width:1024px){.heroResidential{min-height:800px;background:linear-gradient(90deg,rgba(16,24,40,0.8) 0%,rgba(16,24,40,0.5) 48%,rgba(16,24,40,0) 100%),url(//www.allstarroofpros.com/wp-content/themes/alstrv1/assets/css/../img/hero.webp) center/cover;.heroResidentialShell{display:flex;align-items:flex-start;min-height:800px;padding:110px 0 34px}.heroResidentialContent{gap:29px;max-width:48rem}.heroResidentialTitle{font-size:4.375rem;line-height:1}.heroResidentialBody{max-width:44rem;font-size:1.25rem;line-height:1.625}.heroResidentialActionSecondary{padding-right:31px;padding-left:31px}.heroResidentialMeta{max-width:32rem}}}.residentialServices{position:relative;overflow:hidden;padding:56px 0 64px;background:#fff;&:before{content:"";position:absolute;left:-136px;top:120px;width:328px;height:328px;border-radius:999px;background:rgba(255,237,212,.5);filter:blur(54px);pointer-events:none}.residentialServicesShell{position:relative;z-index:1;width:var(--container);margin:0 auto;display:grid;gap:36px}.residentialServicesHeader{display:grid;gap:16px;max-width:760px;margin:0 auto;text-align:center}.residentialServicesTitle{margin:0;color:#101828;font-size:2rem;line-height:1.1;font-weight:800;letter-spacing:-.04em}.residentialServicesBody{margin:0;color:#4a5565;font-size:1rem;line-height:1.625}.residentialServicesGrid{display:grid;gap:20px;margin:0;padding:0;list-style:none}.residentialServicesCard{display:flex;flex-direction:column;align-items:flex-start;gap:28px;min-height:252px;padding:28px 24px;border:1px solid #fff7ed;border-radius:20px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.06);transition:transform .18s ease,box-shadow .18s ease}.residentialServicesCard:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(15,23,42,.08)}.residentialServicesIcon{width:50px;height:52px;object-fit:contain}.residentialServicesCardCopy{display:grid;gap:8px}.residentialServicesCardTitle{margin:0;color:#101828;font-size:1.25rem;line-height:1.25;font-weight:700}.residentialServicesCardBody{margin:0;color:#4a5565;font-size:1rem;line-height:1.625}.residentialServicesLink{display:none;align-items:center;gap:8px;margin-top:auto;padding-top:24px;color:#ff7f00;font-size:.875rem;line-height:1.4;font-weight:700}.residentialServicesLinkIcon{width:27px;height:27px;flex:0 0 27px}}@media (min-width:768px){.residentialServices{padding:72px 0 80px;.residentialServicesShell{gap:48px}.residentialServicesTitle{font-size:2.5rem;line-height:1.25}.residentialServicesBody{font-size:1.125rem;line-height:1.625}.residentialServicesGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.residentialServicesCard{min-height:260px;padding:32px}}}@media (min-width:1024px){.residentialServices{padding:76px 0 96px;.residentialServicesGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.residentialServicesCard{min-height:275px}}}.resProblemsWeSolve{padding:56px 0 64px;background:#f8fafc;.resProblemsWeSolveShell{width:var(--container);margin:0 auto;display:grid;gap:32px}.resProblemsWeSolveHeader{display:grid;gap:16px;max-width:768px}.resProblemsWeSolveTitle{margin:0;color:#101828;font-size:2rem;line-height:1.1;font-weight:800;letter-spacing:-.04em}.resProblemsWeSolveBody{margin:0;color:#4a5565;font-size:1rem;line-height:1.625}.resProblemsWeSolveGrid{display:grid;gap:16px;margin:0;padding:0;list-style:none}.resProblemsWeSolveItem{display:flex;align-items:center;gap:16px;min-height:64px;padding:17px 24px;border:1px solid #e5e7eb;border-radius:14px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.1)}.resProblemsWeSolveItemIcon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;flex:0 0 28px;border-radius:999px;background:rgba(5,223,114,.1);color:#12b76a;font-size:1rem;line-height:1;font-weight:700}.resProblemsWeSolveItemText{color:#364153;font-size:1rem;line-height:1.625;font-weight:500}.resProblemsWeSolveLinks{display:flex;flex-direction:column;align-items:flex-start;gap:14px}.resProblemsWeSolveLink{display:inline-flex;align-items:center;gap:8px;color:#ff7f00;font-size:1rem;line-height:1.5;font-weight:700}.resProblemsWeSolveLinkIcon{font-size:1rem;line-height:1}}@media (min-width:768px){.resProblemsWeSolve{padding:72px 0 80px;.resProblemsWeSolveShell{gap:40px}.resProblemsWeSolveTitle{font-size:2.5rem;line-height:1.25}.resProblemsWeSolveBody{font-size:1.125rem}.resProblemsWeSolveGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.resProblemsWeSolveLinks{flex-direction:row;flex-wrap:wrap;gap:24px}}}@media (min-width:1024px){.resProblemsWeSolve{padding:80px 0 96px;.resProblemsWeSolveShell{gap:56px}}}.resProjectSpotlight{padding:56px 0 64px;background:#f8fafc;.resProjectSpotlightShell{width:var(--container);margin:0 auto;display:grid;gap:32px}.resProjectSpotlightMedia{overflow:hidden;border-radius:16px;background:#e5e7eb;box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}.resProjectSpotlightImage{display:block;width:100%;aspect-ratio:600/458;object-fit:cover}.resProjectSpotlightContent{display:grid;gap:24px;align-content:start}.resProjectSpotlightBadge{display:inline-flex;width:fit-content;align-items:center;min-height:32px;margin:0;padding:8px 16px;border-radius:999px;background:#fff7ed;color:var(--orange);font-size:.75rem;line-height:1;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.resProjectSpotlightTitle{margin:0;color:#101828;font-size:2rem;line-height:1.15;font-weight:800;letter-spacing:-.04em}.resProjectSpotlightDetails{display:grid;gap:24px}.resProjectSpotlightBlock{display:grid;gap:8px}.resProjectSpotlightLabel{margin:0;color:#101828;font-size:.875rem;line-height:1.5;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.resProjectSpotlightBody{margin:0;color:#4a5565;font-size:1rem;line-height:1.65;font-weight:500}.resProjectSpotlightLink{display:inline-flex;width:fit-content;align-items:center;gap:8px;color:var(--orange);font-size:1rem;line-height:1.5;font-weight:700}.resProjectSpotlightLinkIcon{width:16px;height:16px;flex:0 0 16px}}@media (min-width:768px){.resProjectSpotlight{padding:72px 0 80px;.resProjectSpotlightShell{gap:40px}.resProjectSpotlightTitle{font-size:2.5rem}.resProjectSpotlightBody{font-size:1.125rem;line-height:1.56}}}@media (min-width:1024px){.resProjectSpotlight{padding:80px 0 96px;.resProjectSpotlightShell{grid-template-columns:minmax(0,600px) minmax(0,1fr);gap:48px;align-items:center}.resProjectSpotlightContent{gap:24px}.resProjectSpotlightTitle{font-size:2.25rem;line-height:1.25}}}