.heroMetal{position:relative;overflow:hidden;color:#fff;background:linear-gradient(180deg,rgba(0,0,0,0.78),rgba(0,0,0,0.42)),url(//www.allstarroofpros.com/wp-content/themes/alstrv1/assets/css/../img/metal-roof-image.jpg) center/cover;.heroMetalShell{width:var(--container);margin:0 auto;padding:56px 0 64px}.heroMetalContent{display:flex;flex-direction:column;gap:24px;max-width:100%}.heroMetalTitle{margin:0;font-size:clamp(2.55rem,10vw,4.2rem);line-height:1;font-weight:800;letter-spacing:-.05em;text-wrap:balance}.heroMetalTitleAccent{display:inline;font-weight:500}.heroMetalBody{max-width:40rem;margin:0;color:#e5e7eb;font-size:1rem;line-height:1.7}.heroMetalActions{display:flex;flex-direction:column;gap:16px;width:100%}.heroMetalPrimary,.heroMetalSecondary{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;text-align:center;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease}.heroMetalPrimary:hover,.heroMetalSecondary:hover{transform:translateY(-1px)}.heroMetalPrimary{background:var(--orange);color:#fff;box-shadow:0 10px 15px rgba(0,0,0,.1),0 4px 6px rgba(0,0,0,.1)}.heroMetalSecondary{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)}.heroMetalMeta{margin:0;color:#d1d5dc;font-size:.875rem;line-height:1.45;opacity:.8}}@media (min-width:768px){.heroMetal{background:linear-gradient(90deg,rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.5) 48%,rgba(0,0,0,0.08) 100%),url(//www.allstarroofpros.com/wp-content/themes/alstrv1/assets/css/../img/metal-roof-image.jpg) center/cover;.heroMetalShell{padding:88px 0 96px}.heroMetalContent{gap:28px;max-width:44rem}.heroMetalTitle{font-size:clamp(3.5rem,7vw,4.8rem)}.heroMetalBody{font-size:1.125rem;line-height:1.625}.heroMetalActions{flex-direction:row;align-items:center;width:auto}.heroMetalPrimary,.heroMetalSecondary{width:auto;min-height:62px;padding:15px 28px}}}@media (min-width:1024px){.heroMetal{min-height:800px;background:linear-gradient(90deg,rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.5) 48%,rgba(0,0,0,0) 100%),url(//www.allstarroofpros.com/wp-content/themes/alstrv1/assets/css/../img/metal-roof-image.jpg) center/cover;.heroMetalShell{display:flex;align-items:flex-start;min-height:800px;padding:110px 0 34px}.heroMetalContent{gap:29px;max-width:48rem}.heroMetalTitle{font-size:4.375rem;line-height:1}.heroMetalBody{max-width:44rem;font-size:1.25rem;line-height:1.625}.heroMetalSecondary{padding-right:31px;padding-left:31px}.heroMetalMeta{max-width:32rem}}}.metalDurableOption{padding:56px 0 64px;background:#fff;border-bottom:1px solid #f3f4f6;.metalDurableOptionShell{width:var(--container);margin:0 auto}.metalDurableOptionHeader{max-width:840px;margin:0 auto 36px;text-align:center}.metalDurableOptionTitle{margin:0;color:#101828;font-size:clamp(2rem,6vw,2.5rem);line-height:1.1;letter-spacing:-.03em}.metalDurableOptionBody{margin:18px auto 0;max-width:44rem;color:#4a5565;font-size:1rem;line-height:1.75}.metalDurableOptionLayout{display:grid;gap:28px}.metalDurableOptionMedia{position:relative;overflow:hidden;border:4px solid #fff;border-radius:24px;box-shadow:0 25px 50px -12px rgba(15,23,42,.24);background:#d7dde5}.metalDurableOptionMediaImage{display:block;width:100%;aspect-ratio:1/1;object-fit:cover}.metalDurableOptionNote{position:absolute;left:16px;right:16px;bottom:16px;padding:18px 18px 16px;border:1px solid rgba(255,255,255,.7);border-radius:18px;background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(255,255,255,.82));backdrop-filter:blur(10px);box-shadow:0 10px 30px rgba(15,23,42,.12)}.metalDurableOptionNoteTitle{margin:0;color:#111827;font-size:1.125rem;line-height:1.35;font-weight:800}.metalDurableOptionNoteBody{margin:6px 0 0;color:#475467;font-size:.95rem;line-height:1.5;font-weight:500}.metalDurableOptionList{display:grid;gap:24px;margin:0;padding:0;list-style:none}.metalDurableOptionItem{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start}.metalDurableOptionIcon{display:inline-flex;align-items:center;justify-content:center;color:#101828;flex:0 0 auto}.metalDurableOptionItemImage{display:block;width:auto;max-width:50px;height:auto}.metalDurableOptionItemContent{min-width:0}.metalDurableOptionItemTitle{margin:0;color:#101828;font-size:1.125rem;line-height:1.35;font-weight:800}.metalDurableOptionItemBody{margin:6px 0 0;color:#4a5565;font-size:1rem;line-height:1.6}}@media (min-width:768px){.metalDurableOption{padding:64px 0 72px;.metalDurableOptionHeader{margin-bottom:42px}.metalDurableOptionTitle{font-size:2.5rem}.metalDurableOptionBody{font-size:1.0625rem}.metalDurableOptionMediaImage{aspect-ratio:1.15/1}.metalDurableOptionNote{left:18px;right:18px;bottom:18px;padding:20px 20px 18px}.metalDurableOptionList{gap:28px}}}@media (min-width:1024px){.metalDurableOption{padding:64px 0 72px;.metalDurableOptionHeader{margin-bottom:48px}.metalDurableOptionLayout{grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);gap:40px;align-items:center}.metalDurableOptionMedia{max-width:592px}.metalDurableOptionMediaImage{aspect-ratio:1.245/1}.metalDurableOptionList{gap:32px;align-content:start}}}.metalVsAsphalt{padding:56px 0 64px;background:#f9fafb;border-bottom:1px solid #f3f4f6;.metalVsAsphaltShell{width:var(--container);margin:0 auto}.metalVsAsphaltHeader{max-width:56rem;margin:0 auto 36px;text-align:center}.metalVsAsphaltTitle{margin:0;color:#101828;font-size:clamp(2rem,6vw,2.5rem);line-height:1.1;letter-spacing:-.03em}.metalVsAsphaltBody{margin:16px auto 0;max-width:56rem;color:#4a5565;font-size:1rem;line-height:1.75}.metalVsAsphaltGrid{display:grid;gap:20px}.metalVsAsphaltCard{position:relative;overflow:hidden;display:grid;grid-template-rows:auto auto 1fr auto;gap:20px;padding:28px 24px 24px;border-radius:16px}.metalVsAsphaltCardLight{border:1px solid #e5e7eb;background:#fff;box-shadow:0 1px 3px rgba(16,24,40,.1),0 1px 2px rgba(16,24,40,.06)}.metalVsAsphaltCardDark{border:1px solid #1e2939;background:#101828;box-shadow:0 4px 6px -1px rgba(16,24,40,0.1),0 2px 4px -2px rgba(16,24,40,0.1);.metalVsAsphaltCardTitle{color:#fff}.metalVsAsphaltCardBody{color:#d1d5dc}.metalVsAsphaltItemText{color:#fff}}.metalVsAsphaltGlow{position:absolute;top:-20px;right:-16px;width:96px;height:96px;border-radius:999px;background:#ff6900;opacity:.2;filter:blur(40px);pointer-events:none}.metalVsAsphaltCardTitle{position:relative;margin:0;color:#101828;font-size:1.75rem;line-height:1.2;font-weight:800;text-align:center}.metalVsAsphaltCardBody{position:relative;margin:0 auto;max-width:22rem;color:#4a5565;font-size:1rem;line-height:1.5;text-align:center}.metalVsAsphaltList{position:relative;display:grid;gap:14px;margin:0;padding:0;list-style:none}.metalVsAsphaltItem{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center}.metalVsAsphaltIcon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;font-size:1rem;line-height:1;font-weight:800}.metalVsAsphaltIconLight{color:#22c55e}.metalVsAsphaltIconDark{color:#ff8a00}.metalVsAsphaltItemText{color:#1e2939;font-size:1rem;line-height:1.5;font-weight:500}.metalVsAsphaltAction{position:relative;display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:48px;padding:12px 24px;border-radius:999px;font-size:1rem;line-height:1.5;font-weight:800;text-decoration:none;text-align:center;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease,border-color .18s ease}.metalVsAsphaltAction:hover{transform:translateY(-1px)}.metalVsAsphaltActionLight{border:2px solid #e5e7eb;background:#fff;color:#101828;box-shadow:0 4px 6px rgba(16,24,40,.1),0 2px 4px rgba(16,24,40,.1)}.metalVsAsphaltActionDark{background:#ff8a00;color:#fff;box-shadow:0 4px 6px rgba(16,24,40,.1),0 2px 4px rgba(16,24,40,.1)}}@media (min-width:768px){.metalVsAsphalt{padding:64px 0 72px;.metalVsAsphaltHeader{margin-bottom:42px}.metalVsAsphaltTitle{font-size:2.5rem}.metalVsAsphaltBody{font-size:1.125rem}.metalVsAsphaltGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.metalVsAsphaltCard{padding:32px}}}@media (min-width:1024px){.metalVsAsphalt{padding:80px 0;.metalVsAsphaltHeader{margin-bottom:48px}.metalVsAsphaltGrid{max-width:896px;margin:0 auto;gap:32px}.metalVsAsphaltCard{min-height:394px;padding:32px;align-content:start}.metalVsAsphaltCardTitle{font-size:2rem}}}