html,body{overflow-x:hidden!important}
.roanoke-hero{position:relative;display:flex;align-items:center;min-height:650px;overflow:hidden;background:#202a30;color:#fff}
.roanoke-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.82)}
.roanoke-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(22,31,37,.9) 0%,rgba(22,31,37,.68) 50%,rgba(22,31,37,.22) 100%)}
.roanoke-hero__content{position:relative;z-index:1;width:min(1180px,calc(100% - 64px));margin:auto;padding:96px 0}
.roanoke-kicker{display:block;margin-bottom:16px;color:#e3ad42;font-size:13px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}
.roanoke-hero h1{max-width:890px;margin:0;color:#fff;font-size:clamp(42px,5.8vw,78px);font-weight:500;line-height:1.03;text-transform:none}
.roanoke-hero p{max-width:720px;margin:24px 0 0;color:#fff;font-size:20px;line-height:1.58}
.roanoke-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.roanoke-button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:14px 22px;border:1px solid #dca333;background:#dca333;color:#172229!important;font-size:13px;font-weight:700;letter-spacing:.07em;text-decoration:none;text-transform:uppercase}
.roanoke-button--ghost{border-color:rgba(255,255,255,.75);background:rgba(23,34,41,.28);color:#fff!important}
.roanoke-intro{padding:76px 0;background:#fff}
.roanoke-intro .row{align-items:start}
.roanoke-intro h2{margin:0;color:#92764a;font-size:clamp(34px,4vw,58px);font-weight:400;line-height:1.08;text-transform:none}
.roanoke-intro p{margin:0;color:#333;font-size:18px;line-height:1.75}
.roanoke-quick{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:#7798aa;color:#fff}
.roanoke-quick a{display:block;min-width:0;padding:34px 32px;border-right:1px solid rgba(255,255,255,.28);color:#fff!important;text-decoration:none}
.roanoke-quick a:last-child{border-right:0}
.roanoke-quick strong{display:block;margin-bottom:8px;color:#fff;font-size:21px;font-weight:500}
.roanoke-quick span{display:block;color:#fff;font-size:15px;line-height:1.55}
.roanoke-services{padding:76px 0;background:#edf2f4}
.roanoke-wrap{width:min(1180px,calc(100% - 64px));margin:auto}
.roanoke-section-head{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:34px}
.roanoke-section-head h2{max-width:700px;margin:0;color:#26343c;font-size:clamp(34px,4vw,54px);font-weight:400;line-height:1.08;text-transform:none}
.roanoke-section-head p{max-width:470px;margin:0;color:#45545c;font-size:16px;line-height:1.65}
.roanoke-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;background:#fff}
.roanoke-service-card{display:grid;grid-template-columns:180px 1fr;min-width:0;min-height:230px;background:#fff;color:#26343c!important;text-decoration:none}
.roanoke-service-card img{width:100%;height:100%;min-height:230px;object-fit:cover}
.roanoke-service-card div{padding:28px}
.roanoke-service-card h3{margin:0 0 12px;color:#26343c;font-size:24px;font-weight:500;line-height:1.2;text-transform:none}
.roanoke-service-card p{margin:0;color:#56656d;font-size:15px;line-height:1.6}
.roanoke-decision{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);background:#202a30;color:#fff}
.roanoke-decision__image{min-height:610px}
.roanoke-decision__image img{display:block;width:100%;height:100%;object-fit:cover}
.roanoke-decision__copy{display:flex;flex-direction:column;justify-content:center;padding:72px clamp(38px,6vw,90px)}
.roanoke-decision h2{margin:0;color:#fff;font-size:clamp(36px,4.3vw,62px);font-weight:400;line-height:1.08;text-transform:none}
.roanoke-decision>div>p{margin:22px 0;color:#e3e9ec;font-size:18px;line-height:1.7}
.roanoke-choices{display:grid;gap:18px;margin:12px 0 4px}
.roanoke-choice{padding:0 0 18px;border-bottom:1px solid rgba(255,255,255,.2)}
.roanoke-choice:last-child{border-bottom:0}
.roanoke-choice strong{display:block;color:#e3ad42;font-size:18px}
.roanoke-choice span{display:block;margin-top:5px;color:#dbe2e5;font-size:15px;line-height:1.55}
.roanoke-plan{padding:76px 0;background:#fff}
.roanoke-plan__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:72px;align-items:center}
.roanoke-plan h2{margin:0;color:#92764a;font-size:clamp(35px,4vw,56px);font-weight:400;line-height:1.1;text-transform:none}
.roanoke-plan p{color:#3a464c;font-size:17px;line-height:1.72}
.roanoke-plan ul{display:grid;gap:11px;margin:25px 0 0;padding:0;list-style:none}
.roanoke-plan li{position:relative;padding-left:24px;color:#26343c;font-size:16px;line-height:1.5}
.roanoke-plan li:before{content:"";position:absolute;left:0;top:.58em;width:9px;height:9px;background:#dca333}
.roanoke-plan__panel{padding:42px;background:#edf2f4;border-left:5px solid #7898aa}
.roanoke-plan__panel h3{margin:0 0 14px;color:#26343c;font-size:28px;font-weight:500;text-transform:none}
.roanoke-plan__panel p{margin:0 0 22px}
.roanoke-final{padding:72px 32px;background:#7898aa;color:#fff;text-align:center}
.roanoke-final h2{max-width:850px;margin:0 auto;color:#fff;font-size:clamp(34px,4vw,56px);font-weight:400;line-height:1.1;text-transform:none}
.roanoke-final p{max-width:720px;margin:18px auto 0;color:#fff;font-size:18px;line-height:1.65}
.roanoke-final .roanoke-actions{justify-content:center}
header .rr-header-assessment{display:flex!important;align-items:center!important;align-self:center!important;min-height:44px!important;margin-left:12px!important;padding:11px 15px!important;background:#dca333!important;color:#172229!important;font-size:11px!important;font-weight:700!important;letter-spacing:.05em!important;text-decoration:none!important;text-transform:uppercase!important;white-space:nowrap!important}
footer.footer .footer-address{font-size:0!important}
footer.footer .footer-address:after{content:"Roanoke Valley commercial roofing | info@commercialroofingroanoke.com";font-size:13px!important}
.mobile-menu a[href^="tel:"]{display:none!important}
.roanoke-mobile-help{display:none}
@media(max-width:1000px){header .rr-header-assessment{display:none!important}.roanoke-service-card{grid-template-columns:145px 1fr}.roanoke-decision{grid-template-columns:1fr}.roanoke-decision__image{min-height:430px}.roanoke-plan__grid{gap:38px}}
@media(max-width:760px){.roanoke-hero{min-height:630px}.roanoke-hero__content,.roanoke-wrap{width:calc(100% - 36px)}.roanoke-hero__content{padding:76px 0}.roanoke-hero h1{font-size:42px}.roanoke-hero p{font-size:17px}.roanoke-actions{display:grid}.roanoke-button{width:100%;box-sizing:border-box}.roanoke-intro{padding:56px 0}.roanoke-intro .columns{width:100%!important}.roanoke-intro h2{margin-bottom:22px}.roanoke-quick{grid-template-columns:1fr}.roanoke-quick a{border-right:0;border-bottom:1px solid rgba(255,255,255,.28)}.roanoke-services,.roanoke-plan{padding:58px 0}.roanoke-section-head{display:block}.roanoke-section-head p{margin-top:18px}.roanoke-service-grid{grid-template-columns:1fr}.roanoke-service-card{grid-template-columns:115px 1fr;min-height:210px}.roanoke-service-card img{min-height:210px}.roanoke-service-card div{padding:22px 18px}.roanoke-service-card h3{font-size:21px}.roanoke-decision__image{min-height:300px}.roanoke-decision__copy{padding:54px 22px}.roanoke-plan__grid{grid-template-columns:1fr}.roanoke-plan__panel{padding:28px 24px}.roanoke-final{padding:58px 18px}.roanoke-mobile-help{position:fixed;right:18px;bottom:18px;z-index:1100;display:grid;width:62px;height:62px;place-items:center;border:2px solid #fff;border-radius:50%;box-shadow:0 8px 28px rgba(0,0,0,.28);background:#dca333;color:#172229!important;font-size:11px;font-weight:800;line-height:1.05;text-align:center;text-decoration:none;text-transform:uppercase}}
@media(max-width:430px){.roanoke-service-card{display:block}.roanoke-service-card img{height:210px;min-height:0}}