.roofing-why-grid{gap:var(--space-3xl);align-items:start;display:grid}@media (min-width:768px){.roofing-why-grid{grid-template-columns:1.5fr 1fr}}.roofing-why-content h2{font-size:var(--text-3xl)}.roofing-benefits{gap:var(--space-lg);flex-direction:column;list-style:none;display:flex}.roofing-benefits li{gap:var(--space-md);display:flex}.roofing-benefits li svg{color:var(--color-gold);flex-shrink:0;margin-top:2px}.roofing-benefits li>div{flex-direction:column;display:flex}.roofing-benefits li strong{color:var(--color-white);font-size:var(--text-base);margin-bottom:2px}.roofing-benefits li span{color:var(--color-gray);font-size:var(--text-sm)}.roofing-cta-card{background:var(--color-black);border:1px solid var(--glass-gold-border);border-radius:var(--radius-2xl);padding:var(--space-2xl);text-align:center}.roofing-cta-card h3{color:var(--color-white);font-size:var(--text-xl);margin-bottom:var(--space-md)}.roofing-cta-card>p{color:var(--color-gray-light);margin-bottom:var(--space-xl)}.roofing-cta-card .btn-primary{background:var(--gold-foil);color:var(--color-black);width:100%;box-shadow:none}.roofing-cta-card .btn-primary:hover{background-position:100% 0}.roofing-cta-phone{margin-top:var(--space-md);color:var(--color-gray-light);font-size:var(--text-sm);display:block}.roofing-cta-phone a{color:var(--color-gold-light);font-weight:600}.service-page-content{gap:var(--space-3xl);align-items:start;display:grid}@media (min-width:900px){.service-page-content{grid-template-columns:2fr 1fr}}.service-page-main h2{font-size:var(--text-2xl);margin-top:var(--space-2xl);margin-bottom:var(--space-md)}.service-page-main h2:first-child{margin-top:0}.service-page-main p{line-height:1.8}.service-page-sidebar{top:calc(var(--header-height) + var(--space-xl));position:sticky}@media (max-width:899px){.roofing-why-grid,.service-page-content{gap:var(--space-2xl);max-width:42rem;margin:0 auto}.roofing-cta-card,.related-services{padding:var(--space-xl)}.service-page-sidebar{width:100%;position:static;top:auto}.materials-grid{gap:var(--space-md);grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:480px){.roofing-benefits li{gap:var(--space-sm)}.roofing-cta-card,.related-services,.material-card{border-radius:var(--radius-lg)}}.related-services{background:var(--color-charcoal);border:1px solid var(--color-medium-gray);border-radius:var(--radius-xl);padding:var(--space-xl)}.related-services h4{font-size:var(--text-base);color:var(--color-gold);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-lg)}.related-services ul{gap:var(--space-sm);flex-direction:column;list-style:none;display:flex}.related-services a{padding:var(--space-sm) var(--space-md);color:var(--color-gray-light);border-radius:var(--radius-md);transition:background-color var(--transition-fast), color var(--transition-fast);display:block}.related-services a:hover{background:var(--color-gold-glow);color:var(--color-gold)}.materials-grid{gap:var(--space-lg);margin-top:var(--space-xl);grid-template-columns:repeat(3,1fr);display:grid}@media (max-width:768px){.materials-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.materials-grid{grid-template-columns:1fr}}.material-card{background:var(--color-dark-gray);border:1px solid var(--color-medium-gray);border-radius:var(--radius-lg);padding:var(--space-lg);text-align:center;transition:border-color var(--transition-fast)}.material-card:hover{border-color:var(--color-gold)}.material-card__icon{background:var(--color-gold-glow);border-radius:var(--radius-md);width:48px;height:48px;color:var(--color-gold);margin-bottom:var(--space-md);justify-content:center;align-items:center;display:inline-flex}.material-card h5{font-size:var(--text-base);margin-bottom:var(--space-xs)}.material-card p{font-size:var(--text-sm);color:var(--color-gray);margin:0}