@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#152d43;--copper:#b6532d;--paper:#f8f9fa;--line:#dce2e6;--muted:#53616c;--radius:4px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--navy);background:#fff;font-family:Manrope,Arial,sans-serif;font-size:16px;line-height:1.65}a{color:inherit}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:5px}a:focus-visible,button:focus-visible{outline:3px solid var(--copper)}.wrap{width:min(1250px,90%);margin:auto}.skip{position:absolute;top:-100px;background:#fff;padding:12px;z-index:100}.skip:focus{top:0}.header{height:92px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.header .wrap{height:100%;display:flex;align-items:center;justify-content:space-between;gap:28px}.logo{display:block;width:218px;height:auto}.nav{display:flex;align-items:center;gap:27px}.nav a{text-decoration:none;font-size:13px;font-weight:700}.nav a:hover{color:var(--copper)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:15px 24px;color:white;background:var(--copper);border:1px solid var(--copper);border-radius:var(--radius);font-weight:700;text-decoration:none;font-size:13px;cursor:pointer;white-space:nowrap;transition:background .18s,transform .18s}.btn:hover{background:#963e20;transform:translateY(-2px)}.btn.outline{color:var(--navy);background:transparent;border-color:var(--navy)}.menu{display:none;background:white;border:1px solid var(--line);padding:9px 12px;color:var(--navy)}.hero{padding:48px 0 0}.hero-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:55px;align-items:center}.eyebrow{font-size:11px;letter-spacing:2.2px;color:var(--copper);font-weight:800;text-transform:uppercase;margin:0 0 20px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(44px,4.4vw,65px);line-height:1.1;letter-spacing:-2.8px;margin-bottom:24px;font-weight:800}h1 span{color:var(--copper)}.intro{font-size:17px;color:var(--muted);max-width:380px;margin-bottom:28px}.actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.text-link{font-size:13px;font-weight:700;text-underline-offset:5px}.hero-photo{position:relative;min-height:480px;background:#e5e9e8;border-radius:var(--radius);overflow:hidden}.hero-photo img{width:100%;height:480px;object-fit:cover;display:block}.photo-note{font-size:10px;color:var(--muted);margin:9px 0;text-align:right}.promise{margin-top:37px;padding:26px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.promise div{font-size:13px;font-weight:700;display:flex;gap:12px;align-items:center}.check{color:var(--copper);font-size:18px}section{padding:92px 0}h2{font-size:clamp(30px,3vw,44px);line-height:1.2;letter-spacing:-1.4px;margin-bottom:20px}h3{font-size:21px;line-height:1.35;letter-spacing:-.5px}p{color:var(--muted)}.section-intro{max-width:560px;margin-bottom:36px}.services{display:grid;grid-template-columns:repeat(2,1fr);gap:0 46px}.service{display:grid;grid-template-columns:40px 1fr;border-top:1px solid var(--line);padding:29px 0;gap:18px}.num{color:var(--copper);font-size:13px;font-weight:800;padding-top:4px}.service p{font-size:14px;max-width:420px;margin-bottom:14px}.service a{font-size:12px;font-weight:800;text-decoration:none}.tinted{background:var(--paper)}.materials{display:grid;grid-template-columns:1fr 1fr;gap:52px}.material-picker{display:flex;gap:10px;margin:24px 0;flex-wrap:wrap}.material-picker button{border:1px solid var(--line);background:white;color:var(--navy);font-size:12px;font-weight:700;padding:11px 18px;border-radius:var(--radius);cursor:pointer}.material-picker button[aria-pressed=true]{background:var(--navy);color:white;border-color:var(--navy)}.material-detail{min-height:168px}.material-detail p{max-width:510px;font-size:14px}.specs{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:22px}.specs div{border-top:1px solid var(--line);padding-top:12px}.specs dt{font-size:11px;font-weight:800;color:var(--copper)}.specs dd{margin:5px 0 0;font-size:13px}.roof-detail{background:#e4e8ea;min-height:360px;position:relative;border-radius:var(--radius);overflow:hidden}.roof-detail img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:55% 22%;transform:scale(1.5)}.process{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:45px}.step{border-top:2px solid var(--navy);padding-top:20px}.step b{color:var(--copper);font-size:13px;display:block;margin-bottom:20px}.step h3{font-size:18px}.step p{font-size:13px}.about{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:start}.about p{font-size:15px}.principles{margin:0}.principles div{padding:0 0 20px;margin-bottom:20px;border-bottom:1px solid var(--line)}.principles dt{font-size:17px;font-weight:800}.principles dd{margin:7px 0 0;color:var(--muted);font-size:13px}.faq-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:80px}.faq-layout p{max-width:300px;font-size:14px}details{border-bottom:1px solid var(--line);padding:19px 0}details:first-child{border-top:1px solid var(--line)}summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;font-size:15px;font-weight:700}summary::-webkit-details-marker{display:none}summary:after{content:'+';color:var(--copper);font-size:20px;line-height:1}details[open] summary:after{content:'−'}details p{font-size:13px;margin:15px 0 2px;max-width:100%!important}.contact{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px}.contact p{max-width:340px}.contact-note{font-size:12px;margin-top:28px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}label{font-size:12px;font-weight:700}input,select,textarea{width:100%;color:var(--navy);border:1px solid #b4c0c9;border-radius:var(--radius);padding:12px 14px;background:white;font-size:13px}input::placeholder,textarea::placeholder{color:#647380}textarea{resize:vertical;min-height:95px}.form-footer{margin-top:20px;display:flex;gap:20px;align-items:center}.form-footer p{font-size:11px;margin:0}.status{font-size:13px;margin-top:18px;border-left:3px solid var(--copper);padding:12px 15px;background:white}.status:empty{display:none}footer{border-top:1px solid var(--line);padding:38px 0}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:24px}.footer-top p{font-size:12px;margin:0}.footer-bottom{margin-top:25px;display:flex;justify-content:space-between;gap:24px;font-size:10px;color:var(--muted)}.footer-bottom a{text-underline-offset:3px}.policy{max-width:800px;margin:auto;padding:60px 6%;}.policy h1{font-size:36px}.policy h2{font-size:24px;margin-top:28px}.policy p{font-size:14px}[hidden]{display:none!important}@media(min-width:1100px){.header{height:80px}.hero{padding-top:44px}}@media(max-width:900px){.nav{gap:15px}.nav a{font-size:11px}.header .btn{display:none}.hero-grid{gap:25px}.hero-photo,.hero-photo img{min-height:390px;height:390px}h1{font-size:44px}.about,.contact,.faq-layout{gap:40px}.materials{gap:30px}.process{gap:18px}.logo{width:185px}}@media(max-width:650px){.wrap{width:89%}.header{height:75px}.menu{display:block}.nav{display:none;position:absolute;top:75px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);padding:25px 6%;flex-direction:column;align-items:flex-start;gap:20px}.nav.open{display:flex}.nav a{font-size:14px}.hero{padding-top:34px}.hero-grid,.materials,.about,.faq-layout,.contact{grid-template-columns:1fr;gap:30px}h1{font-size:43px;letter-spacing:-2px}.hero-photo,.hero-photo img{height:310px;min-height:310px}.hero-grid{gap:32px}.promise{grid-template-columns:1fr;gap:12px;margin-top:20px;padding:20px 0}.promise div{font-size:12px}section{padding:58px 0}.services{grid-template-columns:1fr}.service{padding:23px 0}.process{grid-template-columns:1fr 1fr;gap:28px}.roof-detail{min-height:290px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.form-footer{align-items:flex-start;flex-direction:column}.footer-top,.footer-bottom{flex-direction:column;align-items:flex-start}.footer-top p{max-width:260px}.eyebrow{margin-bottom:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.roof-detail img{transform:none;object-position:center}
.nationwide-line{color:var(--navy);font-size:16px;font-weight:800;line-height:1.4;margin:0 0 24px;white-space:nowrap}.nationwide-line strong{font-weight:800}@media(max-width:650px){.nationwide-line{font-size:clamp(11px,3.35vw,16px);margin-bottom:20px}}
.services-heading{display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:center;margin-bottom:36px}.services-heading .section-intro{margin-bottom:0}.roofer-match{border-left:4px solid var(--copper);padding:28px 32px;background:var(--paper);border-radius:0 var(--radius) var(--radius) 0}.roofer-match h3{font-size:clamp(22px,2.2vw,30px);line-height:1.25;font-weight:800;margin-bottom:16px;max-width:380px}.roofer-match p{font-size:15px;margin:0;max-width:450px}@media(max-width:650px){.services-heading{grid-template-columns:1fr;gap:26px;margin-bottom:28px}.roofer-match{padding:24px}.roofer-match h3{font-size:24px}}

.materials{align-items:start}.material-picker{gap:8px}.material-picker button{padding:9px 12px}.material-detail{min-height:195px}.roof-detail{min-height:440px}.roof-detail img{object-fit:cover}.material-picker button:focus-visible{outline:3px solid var(--copper);outline-offset:3px}@media(max-width:650px){.roof-detail{min-height:310px}}
@media(min-width:651px){#materials .roof-detail{min-height:600px}}

.material-guide{margin-top:28px}.material-guide summary{font-size:15px}.material-guide-list article{padding:22px 0;border-bottom:1px solid var(--line)}.material-guide-list h3{font-size:20px;line-height:1.3;margin-bottom:12px}.material-guide-list p{font-size:15px;max-width:none}.material-guide-list article:last-child{border-bottom:0}