.bp-hero{min-height:620px;position:relative;display:flex;align-items:center;background:url('images/block-paving.jpg') center/cover}.bp-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#050505f2,#050505a8 58%,#0002)}.bp-hero-copy{position:relative;z-index:1}.bp-hero h1{font-size:clamp(52px,6.5vw,82px);line-height:.96;letter-spacing:-3px;text-transform:uppercase;margin:20px 0}.bp-hero-copy>p{font-size:20px;max-width:670px;color:#ddd}.bp-intro,.bp-design{padding:105px 0;background:#121212}.bp-two-col{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.bp-two-col h2,.bp-heading h2{font-size:clamp(36px,4.3vw,52px);line-height:1.08;margin:15px 0 25px}.bp-two-col p{font-size:17px;color:#c5c5c5}.bp-mini-benefits{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:28px}.bp-mini-benefits span{background:#ffffff08;border-left:3px solid var(--asg-yellow);padding:13px}.bp-intro-image{position:relative}.bp-intro-image img{width:100%;height:560px;object-fit:cover}.bp-intro-image>div{position:absolute;left:25px;right:25px;bottom:25px;background:#050505e8;border-left:5px solid var(--asg-yellow);padding:20px}.bp-intro-image strong,.bp-intro-image span{display:block}.bp-intro-image strong{color:var(--asg-yellow);font-size:21px}.bp-benefits{padding:100px 0;background:#1c1c1c}.bp-heading{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:end;margin-bottom:45px}.bp-heading>p,.bp-heading div>p{color:#aaa;font-size:18px}.bp-benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.bp-benefit-grid article{padding:34px 26px;background:#0d0d0d;border-top:3px solid var(--asg-yellow);min-height:280px}.bp-benefit-grid b{font-size:32px;color:#666}.bp-benefit-grid h3{font-size:23px}.bp-benefit-grid p{color:#aaa}.bp-design{background:#080808}.bp-design-images{display:grid;grid-template-columns:1fr 1fr;gap:12px}.bp-design-images img{height:540px;width:100%;object-fit:cover}.bp-design-images img+img{height:390px;margin-top:75px}.bp-checks{list-style:none;padding:0;margin:25px 0}.bp-checks li{padding:7px 0 7px 28px;position:relative}.bp-checks li:before{content:"✓";position:absolute;left:0;color:var(--asg-yellow);font-weight:900}.bp-install{padding:100px 0;background:#191919}.bp-heading.centered{display:block;text-align:center}.bp-heading.centered>div{max-width:850px;margin:auto}.bp-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:#ffffff20}.bp-steps article{background:#191919;padding:30px 22px;min-height:260px}.bp-steps b{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:var(--asg-yellow);color:#111;font-size:21px}.bp-steps h3{font-size:21px}.bp-steps p{color:#aaa}.bp-drainage{padding:90px 0;background:#0b0b0b}.bp-drainage aside{padding:38px;background:var(--asg-yellow);color:#111}.bp-drainage aside strong{font-size:23px}.bp-drainage aside ul{columns:2;padding-left:20px}.bp-drainage aside li{margin:12px 0}.bp-text-link{color:var(--asg-yellow);font-weight:850;border-bottom:2px solid var(--asg-yellow)}.bp-faq{padding:100px 0;background:#171717}.bp-faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.bp-faq details{background:#0b0b0b;border:1px solid #ffffff20;padding:22px}.bp-faq details[open]{border-color:#f4c40080}.bp-faq summary{font-size:18px;font-weight:800;cursor:pointer}.bp-faq p{color:#bbb}.bp-final{padding:75px 0;background:linear-gradient(105deg,var(--asg-yellow),#d6aa00);color:#111}.bp-final .container{display:grid;grid-template-columns:1.3fr .7fr;gap:50px;align-items:center}.bp-final .about-label{color:#111}.bp-final .about-label:before{background:#111}.bp-final h2{font-size:44px;line-height:1.05;margin:12px 0}.bp-final .container>div:last-child{display:grid;gap:15px;text-align:center}.bp-final .premium-btn{background:#111;color:#fff;border-color:#111}.bp-phone strong{font-size:22px}
@media(max-width:950px){.bp-two-col,.bp-heading,.bp-final .container{grid-template-columns:1fr;gap:45px}.bp-benefit-grid,.bp-steps{grid-template-columns:1fr 1fr}.bp-intro-image img{height:450px}}
@media(max-width:620px){.bp-hero{min-height:570px}.bp-hero h1{font-size:44px;letter-spacing:-1.5px}.bp-intro,.bp-benefits,.bp-design,.bp-install,.bp-drainage,.bp-faq{padding:65px 0}.bp-mini-benefits,.bp-benefit-grid,.bp-steps,.bp-faq-grid{grid-template-columns:1fr}.bp-benefit-grid article,.bp-steps article{min-height:auto}.bp-design-images img,.bp-design-images img+img{height:260px;margin:0}.bp-drainage aside ul{columns:1}.bp-final h2{font-size:35px}}