.hardscape-hero{isolation:isolate;min-height:610px;color:var(--white);background:var(--olive);align-items:center;display:flex;position:relative}.hardscape-hero>img,.hardscape-shade{z-index:-1;width:100%;height:100%;position:absolute;inset:0}.hardscape-hero>img{object-fit:cover;object-position:center 65%}.hardscape-shade{background:linear-gradient(90deg,color-mix(in srgb,var(--ink) 92%,transparent),color-mix(in srgb,var(--ink) 55%,transparent) 52%,transparent)}.hardscape-hero-copy{padding-block:35px 65px}.hardscape-breadcrumb{flex-wrap:wrap;gap:12px;margin-bottom:45px;font-size:13px;display:flex}.hardscape-breadcrumb a{text-underline-offset:4px;text-decoration:underline}.hardscape-hero h1{font-size:clamp(55px,6.4vw,92px);line-height:1}.hardscape-hero h1 span{color:var(--amber)}.hardscape-hero p{max-width:430px;margin:25px 0 28px;font-size:18px}.hardscape-possibilities{grid-template-columns:1.1fr 1fr;gap:100px;padding-block:95px;display:grid}.hardscape-possibilities h2,.hardscape-detail-grid h2,.hardscape-materials h2{font-size:clamp(48px,4.7vw,70px)}.hardscape-possibilities>div>p{max-width:470px;color:var(--muted);margin-top:25px}.hardscape-ideas article{border-bottom:1px solid var(--line);padding:25px 0}.hardscape-ideas article:first-child{padding-top:0}.hardscape-ideas h3{font:700 33px/1.1 var(--font-display)}.hardscape-ideas p{color:var(--muted);margin-top:13px}.hardscape-details{background:var(--cream);padding-block:80px}.hardscape-detail-grid{grid-template-columns:1.15fr 1fr;align-items:center;gap:70px;display:grid}.hardscape-detail-grid figure{background:var(--paper);border-radius:16px;overflow:hidden}.hardscape-detail-grid img{object-fit:cover;width:100%;height:430px}.hardscape-detail-grid figcaption{padding:18px 22px;font-size:13px}.hardscape-detail-grid p{color:var(--muted);margin-top:22px}.hardscape-link{min-height:44px;text-decoration:underline;text-decoration-color:var(--orange);text-underline-offset:6px;align-items:center;gap:10px;font-size:14px;font-weight:800;text-decoration-thickness:2px;display:inline-flex}.hardscape-link:hover{text-decoration-thickness:3px}.hardscape-detail-grid .hardscape-link{margin-top:20px}.hardscape-materials{grid-template-columns:1fr 360px;align-items:center;gap:100px;max-width:1050px;padding-block:90px;display:grid}.hardscape-material-copy p{color:var(--muted);max-width:490px;margin-top:24px}.hardscape-material-copy .button{margin-top:30px}.hardscape-materials .video-card{border-radius:16px;width:100%;overflow:hidden}.hardscape-faq{grid-template-columns:.85fr 1.2fr;gap:100px;padding-block:90px;display:grid}.hardscape-faq h2{margin-bottom:22px;font-size:62px}.hardscape-faq details{border-bottom:1px solid var(--line);padding-block:22px}.hardscape-faq details:first-child{padding-top:0}.hardscape-faq summary{cursor:pointer;padding-right:12px;font-weight:800}.hardscape-faq details p{color:var(--muted);margin-top:18px;font-size:16px}.hardscape-related{background:var(--cream);padding-block:50px}.hardscape-related h2{font-size:44px}.hardscape-related .wrap>div{flex-wrap:wrap;gap:12px 42px;margin-top:20px;display:flex}@media (width<=1000px){.hardscape-possibilities,.hardscape-detail-grid,.hardscape-faq{gap:40px}.hardscape-materials{grid-template-columns:1fr 300px;gap:50px}.hardscape-detail-grid img{height:390px}}@media (width<=760px){.hardscape-hero{min-height:550px}.hardscape-hero-copy{padding-block:25px 45px}.hardscape-breadcrumb{margin-bottom:35px;font-size:12px}.hardscape-hero h1{font-size:clamp(42px,10vw,67px)}.hardscape-hero p{max-width:330px;font-size:16px}.hardscape-shade{background:linear-gradient(90deg,color-mix(in srgb,var(--ink) 90%,transparent),color-mix(in srgb,var(--ink) 48%,transparent))}.hardscape-possibilities,.hardscape-detail-grid,.hardscape-materials,.hardscape-faq{grid-template-columns:1fr;gap:35px}.hardscape-possibilities,.hardscape-materials,.hardscape-faq{padding-block:60px}.hardscape-possibilities h2,.hardscape-detail-grid h2,.hardscape-materials h2,.hardscape-faq h2{font-size:48px}.hardscape-details{padding-block:55px}.hardscape-detail-grid img{aspect-ratio:4/3;height:auto}.hardscape-detail-grid figcaption{font-size:12px}.hardscape-materials .video-card{justify-self:center;max-width:320px}.hardscape-related h2{font-size:38px}.hardscape-related .wrap>div{flex-direction:column;gap:8px}}@media (width<=1100px){.hardscape-faq summary{min-height:44px;padding-block:9px}}