/* Page-specific adaptations of the approved homepage mobile concept. */
@media(max-width:760px){
body.home-page{--mobile-photo:url('assets/roofing-hero-gray.webp')}
body.windows-page{--mobile-photo:url('assets/service-windows-optimized.webp')}
body.siding-page{--mobile-photo:url('assets/service-siding-optimized.webp')}
body.roofing-page:not(.about-page) .hero:before{background:linear-gradient(180deg,#161b1161,#161b1133 45%,#161b117a),var(--mobile-photo) center/cover!important}
body.home-page .hero:after{display:none!important}
body.home-page.article-page .hero:before,body.home-page.about-page .hero:before{display:none!important}
body.home-page.article-page .hero .brand,body.home-page.about-page .hero .brand{color:#252821!important}
body.home-page.article-page .hero,body.home-page.about-page .hero{overflow:visible!important;background:#f4f5ed!important}
body.home-page .hero .home-brand-wordmark{color:inherit!important}
body.home-page .hero nav .brand{max-width:260px}
body.home-page .hero nav.open .nav-center{z-index:120}
body.home-page .hero nav.open .nav-center .nav-submenu[hidden]{display:none!important}
body.home-page .hero .hero-copy{max-width:none}
body.home-page .how .how-left>img{height:205px;min-height:0;max-height:205px;width:100%;object-fit:cover;border-radius:16px}
body.home-page .how .steps{gap:42px}
body.home-page .how .steps li{position:relative}
body.home-page .how .steps li:not(:last-child):after{content:'↓';position:absolute;bottom:-34px;left:calc(50% - 10px);font-size:25px;color:#78915d}
body.home-page .how .how-right>a.green{display:flex;width:fit-content;max-width:100%;margin-inline:auto}
body.home-page .how,body.home-page .roof-section,body.home-page .roof-services,body.home-page .section{padding-top:36px;padding-bottom:24px}
body.home-page main h2,body.home-page .roof-section h2,body.home-page .how h2{font-size:30px;line-height:1.12;letter-spacing:-1px}
body.home-page .roof-mid-cta{padding:38px 24px;min-height:0}
body.home-page .roof-mid-cta h2{font-size:30px;line-height:1.12}
body.home-page .roof-services article{min-height:0}
body.home-page .roof-services img{height:220px;object-fit:cover}
body.home-page .about-opening{padding:28px 0 32px}
body.home-page .about-opening h1{font-size:36px;line-height:1.08;letter-spacing:-1.2px}
body.home-page .about-opening p{font-size:16px;line-height:1.55}
body.home-page .story{gap:24px}
body.home-page .story img{height:220px;min-height:0;object-fit:cover}
body.home-page .manifesto{padding:36px 24px}
body.home-page .manifesto h2{font-size:30px}
body.home-page .values article,body.home-page .pathways article{padding:20px;min-height:0}
body.home-page .about-end{padding-top:36px;padding-bottom:36px}
body.home-page .experience-opening,body.home-page .areas-opening{padding-top:30px;padding-bottom:30px}
body.home-page .experience-opening h1,body.home-page .areas-opening h1,body.home-page .legal-opening h1,body.home-page .quote-content h1{font-size:36px;line-height:1.08;letter-spacing:-1.2px}
body.home-page .experience-rail{display:none}
body.home-page .experience-jumps,body.home-page .county-jumps{display:flex;flex-wrap:wrap;gap:10px}
body.home-page .consult-section,body.home-page .finance-section,body.home-page .county-directory{padding-top:32px;padding-bottom:32px}
body.home-page .consult-story img{height:220px;object-fit:cover}
body.home-page .finance-offers{gap:12px}
body.home-page .finance-offers article{padding:20px;min-height:0}
body.home-page .quote-layout{display:flex;flex-direction:column}
body.home-page .quote-panel{padding:28px 24px}
body.home-page .quote-content{width:100%;max-width:none}
body.home-page .quote-visual{min-height:220px;height:220px}
body.home-page .quote-next-steps{padding:32px 0}
body.home-page .legal-content{padding-top:28px;padding-bottom:36px}
body.home-page .legal-content section{margin-top:28px}
body.home-page .legal-content h2{font-size:25px}
body.home-page .legal-content p{font-size:16px;line-height:1.65}
body.home-page input:not([type=checkbox]):not([type=radio]):not([type=hidden]),body.home-page select,body.home-page textarea{font-size:16px;min-height:46px}
body.home-page .mobile-preview-dialog{position:fixed;inset:0;max-width:calc(100% - 40px);margin:auto;padding:24px;border:0;border-radius:18px;background:#f4f5ed;color:#252821}
body.home-page .mobile-preview-dialog::backdrop{background:#161b1180}
body.home-page .mobile-preview-dialog button{margin-top:16px;padding:12px 20px;background:#78915d;color:white;border:0;border-radius:24px}
}
@media(max-width:760px){
body.home-page .green{background:#78915d;color:#fff}
body.home-page .warranty-cards{gap:14px;margin-top:24px}
body.home-page .warranty-cards article{padding:20px;gap:14px}
body.home-page .warranty-cards h3{font-size:24px}
body.home-page .warranty-details{gap:20px}
body.home-page .about-opening-image img{height:240px;object-fit:cover}
}
@media(max-width:760px){
body.home-page .how .steps li:not(:last-child):after{display:none}
body.home-page .how .steps{gap:24px}
}

/* Mobile review: align financing rows, credentials, and invitation actions. */
@media(max-width:760px){
 body.home-page.experience-page .finance-content .finance-offers article,
 body.home-page.experience-page .finance-content .finance-offers article:first-child,
 body.home-page.experience-page .finance-content .finance-offers article:last-child{padding:20px 0;grid-template-columns:88px minmax(0,1fr)!important;column-gap:16px}
 body.home-page.experience-page .finance-content .finance-bottom>a{display:flex;width:fit-content;max-width:100%;margin-inline:auto;justify-content:center;background:#78915d;color:#fff;white-space:normal;text-align:center;gap:16px}
 body.home-page.experience-page .finance-content .finance-bottom>a:hover{background:#61794b}
 body.home-page.about-page .about-credentials{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;align-items:start;text-align:center;font-size:12px;line-height:1.5}
 body.home-page.about-page .about-credentials span{white-space:normal;padding:0 9px;overflow-wrap:normal}
 body.home-page.about-page .about-credentials span+span{border-left:1px solid #c7d0bd}
 body.home-page.about-page .about-end{isolation:isolate;text-align:center}
 body.home-page.about-page .about-end .green{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:fit-content;max-width:100%;margin:24px auto 0;padding:14px 18px;gap:12px;white-space:normal;line-height:1.4;text-align:center}
 body.home-page.about-page .about-end .green svg{flex:0 0 22px}
 body.home-page.about-page .invitation-mark{z-index:-1;opacity:.25}
}

@media(max-width:760px){
 body.home-page.about-page .about-end .invitation-mark{display:none}
}

@media(max-width:760px){
 body.home-page .areas-opening a.areas-cta{background:#c6f729;color:#1b220e}
 body.home-page .areas-opening a.areas-cta:hover{background:#aacc00;color:#1b220e}
}