body.vela-site.astra-site[data-design-system] .roofing-page .breadcrumb{flex-wrap:wrap;align-items:center;padding-bottom:20px}body.vela-site.astra-site[data-design-system] .roofing-page .breadcrumb a{align-items:center;min-width:44px;min-height:44px;display:inline-flex}body.vela-site.astra-site[data-design-system] .roofing-page h1{text-wrap:balance;max-width:14ch;margin:16px 0 24px;font-size:clamp(38px,4.15vw,60px);line-height:1.08}body.vela-site.astra-site[data-design-system] .roofing-page h2{text-wrap:balance;margin:12px 0 22px}body.vela-site.astra-site[data-design-system] .roofing-page h3{letter-spacing:-.015em;margin:0 0 12px;font:600 22px/1.35 Avenir,Avenir Next,system-ui,sans-serif}body.vela-site.astra-site[data-design-system] .roofing-page .roofing-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:64px;padding-block:14px 58px;display:grid}body.vela-site.astra-site[data-design-system] .roofing-page .lead{margin-bottom:18px;font-size:20px;line-height:1.6}body.vela-site.astra-site[data-design-system] .roofing-page .roofing-actions{flex-wrap:wrap;align-items:center;gap:12px 22px;margin-top:28px;display:flex}body.vela-site.astra-site[data-design-system] .roofing-page .text-link{align-items:center;gap:14px;min-height:44px;display:inline-flex}body.vela-site.astra-site[data-design-system] .roofing-page .roofing-photo{width:100%;min-width:0;margin:0}body.vela-site.astra-site[data-design-system] .roofing-page .roofing-photo-media{aspect-ratio:3/2;background:var(--soft);border-radius:26px;position:relative;overflow:hidden}body.vela-site.astra-site[data-design-system] .roofing-page .roofing-photo-media picture{width:100%;height:100%;display:block}body.vela-site.astra-site[data-design-system] .roofing-page .roofing-photo-media img{object-fit:cover;width:100%;height:100%;display:block}body.vela-site.astra-site[data-design-system] .roofing-page .roofing-hero .roofing-photo-media{aspect-ratio:3/2}body.vela-site.astra-site[data-design-system] .roofing-page figcaption{color:var(--muted);padding-top:12px;font-size:14px;line-height:1.55}body.vela-site.astra-site[data-design-system] .roofing-page .image-zoom{border:1px solid var(--line);background:var(--white);width:44px;height:44px;color:var(--green);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;bottom:12px;right:12px}body.vela-site.astra-site[data-design-system] .roofing-page :is(.roofing-materials,.roofing-work,.roofing-levels,.roofing-request){border-top:1px solid var(--line);padding-block:54px}body.vela-site.astra-site[data-design-system] .roofing-page :is(.roofing-materials,.roofing-request){grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:70px;display:grid}body.vela-site.astra-site[data-design-system] .roofing-page .roofing-materials p+p{margin-top:18px}body.vela-site.astra-site[data-design-system] .roofing-page .roofing-list{margin:10px 0 0}body.vela-site.astra-site[data-design-system] .roofing-page .roofing-list>div{border-top:1px solid var(--line);padding-block:18px}body.vela-site.astra-site[data-design-system] .roofing-page .roofing-list>div:first-child{border-top:0;padding-top:0}body.vela-site.astra-site[data-design-system] .roofing-page .roofing-list dt{margin-bottom:6px;font-size:19px;font-weight:600;line-height:1.4}body.vela-site.astra-site[data-design-system] .roofing-page .roofing-list dd{color:var(--muted);margin:0;font-size:16px;line-height:1.6}body.vela-site.astra-site[data-design-system] .roofing-page .roofing-links{flex-wrap:wrap;gap:8px 28px;margin-top:18px;display:flex}body.vela-site.astra-site[data-design-system] .roofing-page .roofing-section-intro{margin-bottom:32px}body.vela-site.astra-site[data-design-system] .roofing-page .roofing-examples{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;display:grid}body.vela-site.astra-site[data-design-system] .roofing-page .roofing-examples article{min-width:0}body.vela-site.astra-site[data-design-system] .roofing-page .roofing-examples figcaption{min-height:56px}body.vela-site.astra-site[data-design-system] .roofing-page .roofing-examples article>div{padding-top:18px}body.vela-site.astra-site[data-design-system] .roofing-page .roofing-examples p{font-size:16px;line-height:1.6}body.vela-site.astra-site[data-design-system] .roofing-page .roofing-more{margin-top:26px}body.vela-site.astra-site[data-design-system] .roofing-page .roofing-more details{margin-top:20px}body.vela-site.astra-site[data-design-system] .roofing-page .roofing-level-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}body.vela-site.astra-site[data-design-system] .roofing-page .roofing-level-grid article{background:var(--white);border:1px solid var(--line);border-radius:26px;padding:30px 32px}body.vela-site.astra-site[data-design-system] .roofing-page .roofing-level-grid p{font-size:16px;line-height:1.6}body.vela-site.astra-site[data-design-system] .roofing-page .roofing-note{margin-top:22px;font-size:15px}body.vela-site.astra-site[data-design-system] .roofing-page details{border:0;border-top:1px solid var(--line)}body.vela-site.astra-site[data-design-system] .roofing-page summary{cursor:pointer;min-height:48px;color:var(--green);padding-block:16px;font-size:17px;font-weight:600;line-height:1.5}body.vela-site.astra-site[data-design-system] .roofing-page details>div{max-width:90ch;padding-bottom:16px}body.vela-site.astra-site[data-design-system] .roofing-page details p{margin:0 0 14px;font-size:16px;line-height:1.6}body.vela-site.astra-site[data-design-system] .roofing-page .contact-section{padding-block:36px 76px}body.vela-site.astra-site[data-design-system] .roofing-page .roofing-contact{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:48px}body.vela-site.astra-site[data-design-system] .roofing-page .roofing-contact-action{justify-self:end}body.vela-site.astra-site[data-design-system] .roofing-page section[id]{scroll-margin-top:30px}@media (width<=1100px){body.vela-site.astra-site[data-design-system] .roofing-page :is(.roofing-hero,.roofing-materials,.roofing-request){gap:36px}body.vela-site.astra-site[data-design-system] .roofing-page .roofing-contact{gap:26px}body.vela-site.astra-site[data-design-system] .roofing-page .roofing-examples{gap:24px}body.vela-site.astra-site[data-design-system] .roofing-page .roofing-examples h3{font-size:20px}}@media (width<=900px){body.vela-site.astra-site[data-design-system] .roofing-page .roofing-contact{grid-template-columns:1fr}body.vela-site.astra-site[data-design-system] .roofing-page .roofing-contact-action{justify-self:start}body.vela-site.astra-site[data-design-system] .roofing-page .lead{font-size:18px}body.vela-site.astra-site[data-design-system] .roofing-page .roofing-examples{grid-template-columns:1fr;gap:32px}body.vela-site.astra-site[data-design-system] .roofing-page .roofing-examples article{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:28px;display:grid}body.vela-site.astra-site[data-design-system] .roofing-page .roofing-examples article>div{padding-top:0}body.vela-site.astra-site[data-design-system] .roofing-page .roofing-examples figcaption{min-height:0}}@media (width<=760px){body.vela-site.astra-site[data-design-system] .roofing-page :is(.roofing-hero,.roofing-materials,.roofing-request){grid-template-columns:1fr;gap:28px;padding-block:32px}body.vela-site.astra-site[data-design-system] .roofing-page .roofing-hero{padding-top:4px}body.vela-site.astra-site[data-design-system] .roofing-page h1{max-width:16ch}body.vela-site.astra-site[data-design-system] .roofing-page :is(.roofing-work,.roofing-levels){padding-block:32px}body.vela-site.astra-site[data-design-system] .roofing-page .roofing-level-grid{grid-template-columns:1fr}body.vela-site.astra-site[data-design-system] .roofing-page .roofing-actions{gap:12px}body.vela-site.astra-site[data-design-system] .roofing-page .roofing-actions .button{justify-content:space-between;width:100%}body.vela-site.astra-site[data-design-system] .roofing-page .contact-section{padding-block:24px 48px}}@media (width<=560px){body.vela-site.astra-site[data-design-system] .roofing-page .roofing-examples article{grid-template-columns:1fr;gap:18px}body.vela-site.astra-site[data-design-system] .roofing-page .roofing-examples h3{font-size:22px}body.vela-site.astra-site[data-design-system] .roofing-page .roofing-level-grid article{padding:26px}}@media (width<=420px){body.vela-site.astra-site[data-design-system] .roofing-page .roofing-contact{padding:30px 24px}body.vela-site.astra-site[data-design-system] .roofing-page .roofing-contact-action{justify-self:stretch}body.vela-site.astra-site[data-design-system] .roofing-page .roofing-contact-action .button{width:100%;padding-inline:16px}}