.hero{background:var(--slate);min-height:clamp(600px,82vh,900px);position:relative;overflow:hidden}.hero__bg{background:url(/images/hero-roofer-quote.webp) 50%/cover no-repeat;position:absolute;inset:0}.hero__overlay{background:linear-gradient(90deg,#0000009e 0%,#00000047 55%,#0000 80%);position:absolute;inset:0}.hero__content{max-width:640px}.hero__inner{padding-block:clamp(72px,10vw,120px);position:relative}.hero__h1{color:#fff;letter-spacing:-.03em;border-left:none;margin:14px 0 12px;padding-left:0;font:900 clamp(38px,4.8vw,64px)/1.05 Archivo,sans-serif}.hero__sub{color:#ffffffb3;max-width:520px;margin:0 0 32px;font-size:18px;line-height:1.6}.hero__btns{flex-wrap:wrap;gap:12px;margin-top:4px;display:flex}.hero__btns>.btn:first-child{border-radius:var(--radius) 0 0 var(--radius)}.hero__btns>.btn:last-child{border-radius:0 var(--radius) var(--radius) 0}@media (width<=480px){.hero__btns{flex-direction:column;align-items:stretch}.hero__btns>.btn:first-child{border-radius:var(--radius) var(--radius) 0 0}.hero__btns>.btn:last-child{border-radius:0 0 var(--radius) var(--radius)}}.breadcrumb{color:#fff6;flex-wrap:wrap;align-items:center;gap:.5rem;font-size:14px;display:flex}.breadcrumb a{color:#ffffffb3;font-weight:600}.breadcrumb span{color:#ffffff4d}.section--white{background:#fff}.guide-layout{grid-template-columns:1fr 300px;align-items:start;gap:48px;padding-block:56px;display:grid}@media (width<=860px){.guide-layout{grid-template-columns:1fr}}.guide-article h2{color:var(--slate);margin:40px 0 14px;font:800 clamp(20px,2.2vw,28px)/1.2 Archivo,sans-serif}.guide-article h2:first-child{margin-top:0}.guide-article h3{color:var(--slate);margin:28px 0 10px;font:700 18px Archivo,sans-serif}.guide-article p{color:var(--text-muted);margin:0 0 16px;font-size:16px;line-height:1.75}.guide-article ul,.guide-article ol{color:var(--text-muted);margin:0 0 16px;padding-left:22px;font-size:16px;line-height:1.75}.guide-article li{margin-bottom:6px}.guide-article img{border-radius:var(--radius);width:100%;margin:24px 0}.guide-article strong{color:var(--slate)}.guide-aside{flex-direction:column;gap:16px;display:flex;position:sticky;top:24px}.aside-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.aside-card__h3{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin:0 0 12px;font:700 13px Hanken Grotesk,sans-serif}.aside-link{color:var(--brand);margin-bottom:8px;font:600 14px Hanken Grotesk,sans-serif;display:block}.aside-link:last-child{margin-bottom:0}.aside-card--cta{background:var(--brand);border-color:var(--brand)}.aside-card--cta .aside-card__h3{color:#ffffffb3}.aside-card--cta p{color:#ffffffd9;margin:0 0 14px;font-size:14px}.aside-card--cta a{color:var(--brand);text-align:center;border-radius:var(--radius-sm);background:#fff;padding:11px 16px;font:700 14px Hanken Grotesk,sans-serif;display:block}
