.ico{justify-content:center;align-items:center;display:inline-flex}.ico svg{width:1em;height:1em}.hero{background:var(--slate);min-height:clamp(600px,82vh,900px);position:relative;overflow:hidden}.hero__bg{background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.hero__overlay{background:linear-gradient(90deg,#0000006b 0%,#0000001f 50%,#0000 75%);position:absolute;inset:0}.hero__inner{padding-block:clamp(72px,10vw,120px);position:relative}.hero__content{max-width:640px}.hero__h1{color:#fff;letter-spacing:-.03em;border-left:none;margin:0 0 20px;padding-left:0;font:900 clamp(38px,4.8vw,64px)/1.05 Archivo,sans-serif}.hero__sub{color:#ffffffb8;max-width:520px;margin:0 0 30px;font-size:18px;line-height:1.6}.hero__btns{flex-wrap:wrap;gap:12px;margin-bottom:20px;display:flex}.hero__btns .ico{font-size:18px}.hero__proof{flex-wrap:wrap;gap:12px 22px;display:flex}.hero__proof-item{color:#ffffffb8;align-items:center;gap:8px;font:600 14px Hanken Grotesk,sans-serif;display:flex}.hero__proof-item .ico{color:var(--brand);font-size:17px}.hero__proof-item--rating .ico{color:#f59e0b}.breadcrumb{color:#ffffff73;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:4px;font-size:13.5px;display:flex}.breadcrumb a{color:#ffffffb8;font-weight:600}.breadcrumb span{color:#ffffff59}.cta-h2{color:#fff;margin:0 0 14px;font:800 clamp(26px,3vw,36px)/1.1 Archivo,sans-serif;border-left:none!important;padding-left:0!important}.btn--brand:hover{background:var(--brand-dark)}.svc-strip{background:var(--surface);border-bottom:1px solid var(--border)}.svc-strip__inner{flex-wrap:wrap;align-items:center;gap:8px 18px;padding-block:13px;display:flex}.svc-strip__label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);font:700 12px Hanken Grotesk,sans-serif}.svc-strip a{color:var(--text-muted);font:600 14px Hanken Grotesk,sans-serif;transition:color .15s}.svc-strip a:hover{color:var(--brand)}.section--white{background:var(--white)}.section--slate{background:var(--slate)}.county-lead{max-width:760px;margin-bottom:32px}.county-lead__h2{color:var(--slate);margin:0 0 12px;font:800 clamp(20px,2.2vw,28px)/1.2 Archivo,sans-serif}.county-lead__p{color:var(--text-muted);margin:0 0 10px;font-size:16px;line-height:1.7}.county-lead__p a{color:var(--brand);font-weight:600}.filter-bar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:28px;display:flex}.filter-bar__input{border:1px solid var(--border);border-radius:var(--radius-sm);min-width:220px;color:var(--text);background:var(--surface);outline:none;flex:1;padding:11px 16px;font:500 15px Hanken Grotesk,sans-serif;transition:border-color .2s}.filter-bar__input:focus{border-color:var(--brand)}.filter-bar__tabs{flex-wrap:wrap;gap:6px;display:flex}.filter-tab{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--white);color:var(--text-muted);cursor:pointer;padding:9px 16px;font:600 13px Hanken Grotesk,sans-serif;transition:background .15s,border-color .15s,color .15s}.filter-tab.is-active{background:var(--brand);border-color:var(--brand);color:#fff}.roofer-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;display:grid}.roofer-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;justify-content:space-between;padding:20px 22px;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex}.roofer-card:hover{border-color:var(--brand);transform:translateY(-3px);box-shadow:0 10px 28px #2c30401a}.roofer-card__body{margin-bottom:14px}.roofer-card__name{color:var(--slate);margin-bottom:6px;font:700 16px Archivo,sans-serif}.roofer-card__rating{align-items:center;gap:6px;margin-bottom:6px;display:flex}.roofer-card__stars{color:#f59e0b;letter-spacing:1px;font-size:13px}.roofer-card__score{color:var(--slate);font:700 14px Hanken Grotesk,sans-serif}.roofer-card__reviews{color:var(--text-muted);font:400 13px Hanken Grotesk,sans-serif}.roofer-card__address{color:var(--text-muted);margin-bottom:8px;font:400 13px/1.4 Hanken Grotesk,sans-serif}.roofer-card__tags{flex-wrap:wrap;gap:5px;display:flex}.roofer-card__tag{color:var(--brand);background:var(--brand-light);border-radius:999px;padding:2px 8px;font:600 11px Hanken Grotesk,sans-serif}.roofer-card__foot{border-top:1px solid var(--border-light);justify-content:space-between;align-items:center;gap:10px;padding-top:12px;display:flex}.roofer-card__phone{color:var(--brand);font:600 14px Hanken Grotesk,sans-serif}.roofer-card__link{color:var(--brand);margin-left:auto;font:700 13px Hanken Grotesk,sans-serif}.areas{flex-wrap:wrap;align-items:center;gap:10px 14px;margin-bottom:30px;display:flex}.areas__label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-faint);font:700 12px Hanken Grotesk,sans-serif}.areas__chips{flex-wrap:wrap;gap:8px;display:flex}.area-chip{color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:5px 13px;font:600 13px Hanken Grotesk,sans-serif}.county-content{grid-template-columns:1.6fr 1fr;align-items:start;gap:44px;display:grid}.county-content__main h2{color:var(--slate);margin:28px 0 12px;font:800 clamp(20px,2.2vw,27px)/1.2 Archivo,sans-serif}.county-content__main h2:first-child{margin-top:0}.county-content__main p{color:var(--text-muted);margin:0;font-size:16px;line-height:1.75}.county-content__main p a{color:var(--brand);font-weight:600}.county-aside{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:24px 24px 22px;position:sticky;top:90px}.county-aside h3{color:var(--slate);margin:0 0 16px;font:800 16px Archivo,sans-serif}.county-aside ul{flex-direction:column;gap:13px;margin:0 0 20px;padding:0;list-style:none;display:flex}.county-aside li{color:var(--text-muted);align-items:center;gap:11px;font-size:14.5px;display:flex}.county-aside li strong{color:var(--slate)}.county-aside li .ico{color:var(--brand);flex-shrink:0;font-size:17px}.county-aside .btn{justify-content:center;width:100%}.county-aside .btn .ico{font-size:17px}.faq-title{color:var(--slate);margin:0 0 22px;font:800 clamp(22px,2.4vw,30px)/1.2 Archivo,sans-serif}.faq--grid{grid-template-columns:1fr 1fr;gap:8px 24px;display:grid}.faq__item{border-bottom:1px solid var(--border)}.faq__item summary{cursor:pointer;color:var(--slate);justify-content:space-between;align-items:center;gap:12px;padding:16px 0;font:700 16px Hanken Grotesk,sans-serif;list-style:none;display:flex}.faq__item summary::-webkit-details-marker{display:none}.faq__plus{flex-shrink:0;width:16px;height:16px;position:relative}.faq__plus:before,.faq__plus:after{content:"";background:var(--brand);transition:transform .2s;position:absolute}.faq__plus:before{width:16px;height:2px;top:7px;left:0}.faq__plus:after{width:2px;height:16px;top:0;left:7px}.faq__item[open] .faq__plus:after{transform:scaleY(0)}.faq__item p{color:var(--text-muted);margin:0 0 18px;font-size:15px;line-height:1.7}.svc-links{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.svc-link{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;transition:background .15s,border-color .15s,transform .15s;display:flex}.svc-link:hover{background:var(--brand);border-color:var(--brand);transform:translateY(-2px)}.svc-link__name{color:var(--slate);font:700 15px Hanken Grotesk,sans-serif}.svc-link__arr{color:var(--brand);font-weight:700}.svc-link:hover .svc-link__name,.svc-link:hover .svc-link__arr{color:#fff}.center-cta{text-align:center;max-width:860px;margin:0 auto}.center-cta h2{color:var(--slate);border-left:none;margin:0 0 12px;padding-left:0;font:800 clamp(24px,2.7vw,34px)/1.1 Archivo,sans-serif}.center-cta>p{color:var(--text-muted);margin:0 0 24px;font-size:16px;line-height:1.6}.nearby-chips{flex-wrap:wrap;justify-content:center;gap:9px;margin-bottom:28px;display:flex}.nearby-chip{color:var(--slate);background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:8px 16px;font:600 14px Hanken Grotesk,sans-serif;transition:background .15s,border-color .15s,color .15s}.nearby-chip:hover{background:var(--brand);border-color:var(--brand);color:#fff}@media (width<=900px){.county-content{grid-template-columns:1fr;gap:28px}.county-aside{position:static}.faq--grid,.svc-links{grid-template-columns:1fr}}