/* All presentation changes are bounded to the existing phone breakpoint. */
@media (max-width:767px) {
 /* Keep mobile WebKit overflow inside sections, while the document scrolls normally. */
 body #page,body .arc-footer{overflow:hidden}
 details.arc-mobile-fold:not([open]){overflow:hidden}
 body .arc-service-tile{text-align:center}
 body.home .arc-service-tile .arc-icon,body .arc-service-tile .arc-icon{margin:0 auto 10px}
 body.home .gb-element-a73298ec .wp-block-column{text-align:center;padding-left:0!important}
 body.home .gb-element-a73298ec .wp-block-column:before{position:relative;display:block;left:auto;top:auto;margin:0 auto 10px}

 /* Explicitly remove closed panels from layout, including mobile WebKit. */
 details.arc-mobile-fold:not([open])>.arc-mobile-panel{display:none!important}
 body>.site-footer:empty{display:none!important;margin:0!important;padding:0!important;min-height:0!important}
 body .site-header #mobile-menu-control-wrapper{background:transparent!important;border:0;box-shadow:none}
 body .site-header .menu-toggle .icon-menu-bars{font-size:26px;color:#000}
 body .site-header .menu-toggle .icon-menu-bars svg{width:26px;height:26px}
 body .site-header .menu-toggle .icon-menu-bars svg path{fill:currentColor;stroke:currentColor;stroke-width:24px;stroke-linejoin:round}
 body .site-header .inside-header{min-height:90px;padding:8px 20px;gap:12px}
 body .site-header .site-logo img{width:190px;max-width:100%;height:auto}
 body .site-header .menu-toggle,body .site-header .menu-toggle:hover,body .site-header .menu-toggle:focus,body .site-header .menu-toggle:active{padding:10px;min-height:44px;min-width:44px;line-height:24px;background:transparent!important;color:#111!important;border:0;box-shadow:none}
 body:not(.home) .arc-site .arc-section{padding:30px 0}
 body:not(.home) .arc-site .arc-page-hero{padding:22px 0 28px}
 body:not(.home) .arc-site h1{font-size:32px}
 body:not(.home) .arc-site h2{font-size:26px}
 body:not(.home) .arc-site .arc-mobile-service-grid h3{font-size:21px}
 body:not(.home) .arc-site .arc-mobile-fold h3{font-size:23px}
 .arc-site .arc-section{padding:30px 0}
 .arc-site .arc-page-hero{padding:22px 0 28px}
 .arc-site .arc-breadcrumb{margin-bottom:18px}
 .arc-site .arc-eyebrow{margin-bottom:12px}
 .arc-site h1{font-size:32px;margin-bottom:16px}
 .arc-site h2{font-size:26px;margin-bottom:16px}
 .arc-site .arc-lead{font-size:17px;line-height:1.55}
 .arc-site .arc-card{padding:16px 0 10px}
 .arc-site .arc-grid{gap:16px}
 .arc-site .arc-final{padding:30px 0}
 .arc-site .arc-actions{margin-top:18px;gap:16px}
 .home .entry-content>.gb-element-a73298ec{min-height:0;padding:30px 20px 24px}
 .home .gb-element-a73298ec h1{font-size:34px!important}
 .home .gb-element-a73298ec .wp-block-button__link{min-height:44px;padding:12px 14px!important}
 .home .gb-element-a73298ec .wp-block-buttons{gap:8px}
 .home .entry-content .gb-element-a73298ec .wp-block-columns.alignfull{margin-top:20px;gap:8px}
 .home .arc-strip-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:8px 0;gap:0}
 .home .arc-service-tile,.home .arc-service-tile:first-child,.home .arc-service-tile:last-child,.home .arc-service-tile:nth-child(3){display:block;padding:14px 10px;border:0;border-bottom:1px solid #d2cec3}
 .home .arc-service-tile:nth-child(odd){border-right:1px solid #d2cec3}
 .home .arc-service-tile .arc-icon{width:32px;height:32px;margin-bottom:8px}
 .home .arc-service-tile h2{font-size:19px}
 .home .arc-service-tile p{font-size:14px}
 .home .arc-service-tile p>span{position:static;font-size:0}
 .home .arc-service-tile p>span:after{font-size:22px;margin-left:8px}
 .home .arc-story-body{padding:24px 20px;margin:0;clip-path:none}
 .home .arc-verse{padding:22px 20px}
 .home .arc-verse blockquote{font-size:23px;line-height:1.35}
 .home .arc-section{padding:30px 0}
 .roofing-manufacturers-compact .manufacturer-card{min-height:0;background:#eeeae2;color:#18251d}
 .roofing-manufacturers-compact .manufacturer-card:after{display:none}
 .roofing-manufacturers-compact .card-photo{width:100px;height:120px;inset:14px auto auto 14px;object-fit:cover}
 .roofing-manufacturers-compact .card-content{padding:14px;display:grid;grid-template-columns:100px minmax(0,1fr);gap:8px 14px;align-items:start}
 .roofing-manufacturers-compact .brand-logo{grid-column:1;grid-row:1;width:100%;height:auto;min-height:44px;z-index:1;padding:6px;margin:0;background:white}
 .roofing-manufacturers-compact h3{grid-column:2;grid-row:1;font-size:23px;margin:0}
 .roofing-manufacturers-compact .card-content p{grid-column:2;font-size:14px;color:inherit;min-height:0;margin:0}
 .roofing-manufacturers-compact .credential{grid-column:2;color:inherit;margin:0}
 .roofing-manufacturers-compact .arc-btn,.roofing-manufacturers-compact .warranty-link{grid-column:1/-1;width:100%;min-height:44px;margin:0}
 .roofing-manufacturers-compact .warranty-link{color:#18251d;display:flex;align-items:center}
 .arc-mobile-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
 .arc-mobile-service-grid .arc-card{padding:12px;background:#eeeae2;border-top:0}
 .arc-mobile-service-grid h3{font-size:21px;line-height:1.15;margin-bottom:8px}
 .arc-mobile-service-grid p{font-size:14px;line-height:1.5;margin-bottom:12px}
 .arc-mobile-service-grid .arc-link{font-size:16px;min-height:44px}
 .arc-site details.arc-mobile-fold{padding:0;margin:0;border-bottom:1px solid #c8cec3;background:#eeeae2}
 .arc-site .arc-mobile-fold>summary{display:flex;align-items:center;gap:12px;min-height:54px;padding:12px 14px;font-family:'ARC Condensed',sans-serif;font-size:21px;line-height:1.2;list-style:none}
 .arc-mobile-fold>summary::-webkit-details-marker{display:none}
 .arc-mobile-fold>summary:after{content:'⌄';margin-left:auto}
 .arc-mobile-fold[open]>summary:after{content:'⌃'}
 .arc-mobile-fold .arc-mobile-number{color:#70896a;flex-shrink:0;font-weight:bold}
 .arc-mobile-fold .arc-mobile-panel{padding:0 14px 16px;font-size:16px;line-height:1.6}
 .arc-mobile-fold .arc-mobile-panel p{font-size:16px;line-height:1.6;margin:12px 0}
 .arc-process .arc-mobile-panel>.arc-card{padding:0;border:0}
 .arc-process .arc-mobile-panel>.arc-card:before,.arc-process .arc-mobile-panel>.arc-card>h3,.arc-founder-story .arc-mobile-panel>h2:first-child{display:none}
 .arc-mobile-fold .arc-mobile-panel h2,.arc-mobile-fold .arc-mobile-panel h3{font-size:23px;margin:16px 0}
 .arc-mobile-panel .arc-family-row{margin:16px 0;padding:16px 0}
 #roof-details #chimney-photo-examples{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:20px 0}
 #chimney-photo-examples img{height:150px!important;object-fit:cover}
 #chimney-photo-examples h3{font-size:20px}
 #roof-details .arc-mobile-panel .arc-cricket-row{padding:0;margin:0;display:block}
 #roof-details .arc-mobile-panel figure img{max-height:240px;object-fit:cover}
 .arc-contact-mobile .arc-form{gap:16px}
 .arc-contact-mobile .arc-form>label,.arc-contact-mobile .arc-form>.arc-span{min-width:0}
 .arc-contact-mobile .arc-form input,.arc-contact-mobile .arc-form select{min-height:48px}
 .arc-contact-mobile .arc-note{padding:18px;margin-top:20px}
 .arc-mobile-row-group{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:8px!important}
 .arc-mobile-panel>.arc-mobile-card-source{margin:0!important;padding:0!important;border:0!important;background:transparent!important;color:inherit!important}
 .arc-mobile-panel>.arc-mobile-card-source>h3,.arc-mobile-panel>.arc-mobile-card-source>h2,.arc-mobile-panel>.arc-mobile-card-source>.number,.arc-mobile-panel>.arc-mobile-card-source:before{display:none!important}
 .arc-mobile-panel>.arc-section{padding:16px 0!important;background:transparent}
 .arc-mobile-panel>.arc-section>.arc-wrap{width:100%}
 .arc-mobile-panel>.arc-section>.arc-wrap>h2:first-of-type{display:none}
 .arc-site .arc-mobile-fold{margin-bottom:8px}
 .arc-footer .arc-mobile-fold{border-bottom:1px solid #45604c;margin:0}
 .arc-footer .arc-mobile-fold>summary{font-family:'ARC Condensed',sans-serif;font-size:20px;min-height:54px;padding:12px 0;display:flex;align-items:center;list-style:none}
 .arc-footer .arc-mobile-panel{padding:0 0 14px}
 .arc-footer .arc-mobile-panel h3{display:none}
 .arc-footer .arc-mobile-panel a{display:inline-flex;align-items:center;min-height:44px}
 .arc-footer .arc-mobile-panel li{margin:0}
 .arc-footer-grid{gap:10px!important}
 .arc-mobile-fold:not(.arc-site .arc-mobile-fold):not(.arc-footer .arc-mobile-fold){background:#eeeae2;color:#18251d;padding:0;border-bottom:1px solid #c8cec3;margin-bottom:8px}
 .arc-mobile-fold:not(.arc-site .arc-mobile-fold):not(.arc-footer .arc-mobile-fold)>summary{font-family:'ARC Condensed',sans-serif;font-size:22px;line-height:1.2;min-height:54px;padding:14px;display:flex;align-items:center;list-style:none}
 .arc-mobile-fold:not(.arc-site .arc-mobile-fold):not(.arc-footer .arc-mobile-fold) .arc-mobile-panel{padding:0 14px 16px}
 .home .arc-site .arc-mobile-fold summary{font-size:22px}
 .home .arc-site .arc-mobile-fold .arc-mobile-panel h3{display:none}
 .home .arc-site img[alt*="Map"],#county-map img{width:100%;max-height:240px;object-fit:contain}
 .arc-roof-care .hero,.arc-roof-care .intro,.arc-roof-care .packages,.arc-roof-care .process,.arc-roof-care .questions,.arc-roof-care .request{padding-top:30px!important;padding-bottom:30px!important}
 .arc-roof-care .hero-grid{gap:20px!important}
 .arc-roof-care .report{padding:18px!important}
 .arc-roof-care .scope{padding:18px!important;margin-top:18px!important}
 .arc-family-photo{width:100%;max-width:none}
 .arc-family-photo img{width:100%;height:auto;max-height:none;aspect-ratio:1;object-fit:cover;object-position:center bottom}
 .arc-mobile-panel>h3:first-child{display:none}
 .arc-large-assessments .section,.arc-large-assessments section{padding-top:30px!important;padding-bottom:30px!important}
 .concept .concept-intro,.concept .concept-manufacturer-story,.concept .concept-colors,.concept .concept-next{padding-top:30px!important;padding-bottom:30px!important}
}

