body #roof-repairs{display:grid;grid-template-columns:1.05fr 1fr;background:#f2f3ed;min-height:440px;color:#151713;margin-top:24px}
body #roof-repairs::after{display:none}
body #roof-repairs>img{position:relative;inset:auto;grid-column:2;grid-row:1;z-index:0;height:100%;min-height:440px;object-position:center}
body #roof-repairs>div{grid-column:1;grid-row:1;padding:44px clamp(24px,4vw,60px);max-width:none;color:#151713}
body #roof-repairs h2{font-weight:800;font-size:clamp(32px,3.4vw,48px);color:#151713}
body #roof-repairs .eyebrow{color:#536b2e}
body #roof-repairs p:not(.eyebrow){color:#50564a!important;max-width:520px;font-size:14px}
body #roof-repairs .repair-signs{grid-template-columns:1fr 1fr;border-top:1px solid #cad0c0;padding-top:18px}
body #roof-repairs .repair-signs li{color:#343d2c}
body #roof-repairs .repair-signs li::before{color:#536b2e}
body #roof-repairs .project-cta-actions{flex-wrap:wrap}
body #roof-repairs .btn-outline{color:#20271a;border-color:#9aa48c;background:transparent}
body #workmanship{padding-top:24px}
body #workmanship .craft-feature{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);min-height:270px;background:#1c2019;border:1px solid #ffffff14;margin-bottom:24px}
body #workmanship .craft-feature::after{display:none}
body #workmanship .craft-feature>img{position:relative;inset:auto;z-index:0;width:100%;height:100%;min-height:270px;object-fit:cover}
body #workmanship .craft-feature>div{max-width:none;align-self:center;padding:32px 7%}
body #workmanship .craft-feature h3{font-size:clamp(30px,3vw,43px);margin:12px 0}
body #workmanship .craft-feature>div>p:not(.eyebrow){max-width:600px;font-size:14px;color:#c6cdbd}
body #workmanship .craft-feature a{margin-top:18px;border:0;border-bottom:1px solid #b5e550;border-radius:0;background:none;padding:8px 0;min-height:44px;color:#b5e550}
body #about{display:grid;grid-template-columns:1fr 1fr;min-height:0;background:#191c17;margin-bottom:24px;overflow:hidden}
body #about::after{display:none}
body #about .about-img{position:relative;inset:auto;z-index:0;min-height:480px;max-height:none;width:100%;height:100%}
body #about .about-img img{width:100%;height:100%;object-fit:cover;object-position:60% center}
body #about .about-text{padding:44px clamp(24px,4vw,60px);min-height:0;max-width:none;align-self:center}
body #about .about-h{font-size:clamp(34px,3.8vw,52px)}
body #about .about-body,body #about .about-body[style]{font-size:14px;line-height:1.85;color:#c6cdbd!important}
body #about .owner{margin-top:20px}
@media(max-width:800px){
body #roof-repairs{grid-template-columns:1fr}
body #roof-repairs>img{grid-column:1;grid-row:1;min-height:0;height:240px}
body #roof-repairs>div{grid-column:1;grid-row:2;padding:28px 24px}
body #roof-repairs .repair-signs{grid-template-columns:1fr;gap:9px}
body #roof-repairs h2{font-size:34px}
body #roof-repairs .project-cta-actions .btn{width:100%}
body #workmanship .craft-feature{grid-template-columns:1fr;min-height:0}
body #workmanship .craft-feature>img{height:170px;min-height:0}
body #workmanship .craft-feature>div{padding:26px 24px}
body #about{display:grid;grid-template-columns:1fr;min-height:0}
body #about .about-img{height:280px;min-height:0;max-height:280px}
body #about .about-text{min-height:0;padding:30px 24px}
}
html:root{--ink:#171717;--white:#f5f5f5;--muted:#b8b8b8}
body{background:#101010;color:#f5f5f5}
body #roof-repairs{background:#ededed;color:#171717}
body #roof-repairs>div,body #roof-repairs h2{color:#171717}
body #roof-repairs p:not(.eyebrow){color:#505050!important}
body #roof-repairs .eyebrow{color:#555}
body #roof-repairs .repair-signs{border-color:#ccc}
body #roof-repairs .repair-signs li{color:#383838}
body #roof-repairs .repair-signs li::before{color:#666}
body #roof-repairs .btn-outline{color:#222;border-color:#999;background:transparent}
body #workmanship .craft-feature,body #about{background:#1c1c1c}
body #workmanship .craft-feature>div>p:not(.eyebrow),body #about .about-body,body #about .about-body[style]{color:#c9c9c9!important}
body #quote{background:#fff}
body #quote .quote-right{background:#f3f3f3}
body #quote .quote-left h2,body #quote .field input,body #quote .field select,body #quote .field textarea{color:#222}
body #quote .quote-left>p:not(.quote-eyebrow),body #quote .field label,body #quote .trust-list-item,body #quote .quote-eyebrow{color:#555}
body #quote .field input,body #quote .field select,body #quote .field textarea{border-color:#d0d0d0;background:#fff}
body #quote .field input::placeholder,body #quote .field textarea::placeholder{color:#777}
body #quote .trust-list-item{border-color:#ddd}
body .mob-sticky a:last-child{background:#262626;border-color:#4b4b4b}
body .mobile-menu{background:#111}
body .mobile-menu::after{background:linear-gradient(90deg,#090909f5,#090909e8 48%,#090909a8),linear-gradient(0deg,#090909e8,transparent)}
body .menu-kicker,body .menu-contact p,body .menu-heading small{color:#b8b8b8}
body .rc-badge{background:#eee;color:#666}
body .rc-text,body .rc-author{color:#444}
@media(max-width:640px){body .mobile-menu::after{background:linear-gradient(90deg,#090909e8,#090909b8),linear-gradient(0deg,#090909f5,transparent)}}
body #roof-repairs{background:#242424;border:1px solid #ffffff14;margin:28px clamp(18px,4vw,58px) 0;grid-template-columns:1.1fr 1fr}
body #roof-repairs>div,body #roof-repairs h2{color:#f5f5f5}
body #roof-repairs p:not(.eyebrow){color:#c6c6c6!important}
body #roof-repairs .eyebrow{color:#aaa}
body #roof-repairs .repair-signs{border-color:#ffffff24}
body #roof-repairs .repair-signs li{color:#ddd}
body #roof-repairs .repair-signs li::before{color:#b5e550}
body #roof-repairs .btn-outline{color:#f5f5f5;border-color:#ffffff60;background:#ffffff05}
body #workmanship{padding:34px clamp(18px,4vw,58px)}
body #workmanship .craft-feature{margin:0;background:#111;border:0;grid-template-columns:minmax(0,.55fr) minmax(0,1.45fr)}
body #workmanship .craft-feature>img{border-radius:6px;min-height:240px;height:100%;max-height:300px}
body #workmanship .craft-feature>div{padding:26px 6%}
body #quote{background:#1c1c1c;border:1px solid #444;margin-top:0;overflow:hidden}
body #quote .quote-left{background:#1c1c1c}
body #quote .quote-right{background:#282828}
body #quote .quote-left h2{color:#f5f5f5}
body #quote .quote-left>p:not(.quote-eyebrow),body #quote .trust-list-item{color:#c4c4c4}
body #quote .quote-eyebrow{color:#b5e550}
body #quote .field label{color:#d0d0d0}
body #quote .field input,body #quote .field select,body #quote .field textarea{background:#171717;border-color:#555;color:#f5f5f5;color-scheme:dark}
body #quote .field input::placeholder,body #quote .field textarea::placeholder{color:#aaa}
body #quote .trust-list-item{border-color:#ffffff20}
body #quote .form-error{color:#ffb7ad}
body #about{background:#202020;margin:30px clamp(18px,4vw,58px);grid-template-columns:1.1fr 1fr}
body #reviews{background:#101010}
body #reviews .rc,body #reviews .rc-featured{background:#242424!important;border:1px solid #ffffff22;box-shadow:none}
body #reviews .rc-text,body #reviews .rc-author{color:#ddd!important}
body #reviews .rc-badge{background:#333!important;color:#c6c6c6!important}
body #reviews .rc-stars{color:#f1bc4d}
body .area-map iframe{filter:grayscale(1) invert(.9) contrast(.9)}
body .modal,body .modal-header,body .modal-body{background:#222;color:#f5f5f5}
body .modal-header h3{color:#f5f5f5}
body .modal-header p,body .modal-phone,body .modal .field label{color:#ccc}
body .modal .field input,body .modal .field select,body .modal .field textarea{background:#151515;color:#f5f5f5;border-color:#555;color-scheme:dark}
@media(max-width:800px){body #roof-repairs{grid-template-columns:1fr;margin:18px 14px 0}body #roof-repairs>img{height:220px}body #workmanship{padding:24px 14px}body #workmanship .craft-feature{grid-template-columns:1fr}body #workmanship .craft-feature>img{height:160px;min-height:0}body #workmanship .craft-feature>div{padding:24px 10px}body #about{grid-template-columns:1fr;margin:24px 14px}body #about .about-img{height:260px;max-height:260px}}
body #quote,body #quote .quote-left{background:#fff;border-color:#ddd}
body #quote .quote-right{background:#f3f3f3}
body #quote .quote-left h2{color:#171717}
body #quote .quote-left>p:not(.quote-eyebrow),body #quote .trust-list-item,body #quote .field label,body #quote .quote-eyebrow{color:#555}
body #quote .field input,body #quote .field select,body #quote .field textarea{background:#fff;color:#222;border-color:#ccc;color-scheme:light}
body #quote .field input::placeholder,body #quote .field textarea::placeholder{color:#777}
body #quote .trust-list-item{border-color:#ddd}
body #quote .form-error{color:#a32920}
body .modal,body .modal-header,body .modal-body{background:#fff;color:#222}
body .modal-header h3{color:#171717}
body .modal-header p,body .modal-phone,body .modal .field label{color:#555}
body .modal .field input,body .modal .field select,body .modal .field textarea{background:#f5f5f5;color:#222;border-color:#ccc;color-scheme:light}
body .modal .form-error{color:#a32920}
