.paving-page .desktop-nav a{font-size:17px;font-weight:500;color:#fff;text-decoration:none;white-space:nowrap;padding:12px 0;border-bottom:1px solid transparent}
.paving-page .desktop-nav a:hover{border-color:#dcb56e}
.paving-page .mobile-menu a.page-nav-link{display:flex;justify-content:space-between;width:100%;border-bottom:1px solid #ffffff1f;padding:18px 0;margin:0;color:#f9efdc;font-size:19px;text-decoration:none}
.paving-page .mobile-menu a.page-nav-link span{font-size:14px;color:#bc9c67}
.paving-hero{min-height:820px}
.paving-page .hero-copy{bottom:34px;max-width:1150px}
.paving-page .headline{font-size:clamp(38px,3.7vw,63px);line-height:1.04}
.paving-page .home-deserves{font-size:clamp(18px,1.65vw,26px);letter-spacing:2px;margin-top:12px}
.paving-page .signature{margin-top:7px;margin-bottom:8px}
.paving-page .signature-word{font-size:clamp(88px,8vw,128px)}
.paving-page .hero-copy h2{font-size:clamp(21px,2vw,31px);margin:8px 0 12px;line-height:1.25}
.paving-page .hero-copy p{font-size:17px;line-height:1.7;max-width:850px;margin:auto;color:#e6e1d7}
.paving-page .hero-picture img{object-position:50% 42%}
.paving-overview,.paving-materials,.paving-project{max-width:1128px;margin:0 auto;padding:45px 24px 55px}
.paving-section-top{display:flex;flex-wrap:wrap;align-items:center;gap:12px;font-size:14px;line-height:1.6;color:#b4bcb0}
.paving-section-top a{color:#dfbd85;text-decoration:none}.paving-section-top a:hover{text-decoration:underline;text-underline-offset:4px}.paving-section-top>span:first-of-type{color:#c6a76d}
.paving-visual-note{font-size:14px;line-height:1.7;color:#a6afa1;margin:12px 0 39px;max-width:700px}
.paving-intro{text-align:center;max-width:790px;margin:auto}
.paving-intro h2,.materials-heading h2,.paving-project-copy h2{font:500 clamp(40px,4vw,58px)/1.08 'Cormorant Garamond',Georgia,serif;letter-spacing:-1.1px;color:#fff5e4;margin:0}
.paving-intro h2 em,.materials-heading h2 em,.paving-project-copy h2 em{font-weight:500;color:#dfb775}
.paving-intro>p:last-child,.materials-heading>p:last-child,.paving-project-copy>p:not(.section-kicker){font-size:16px;line-height:1.8;color:#bfc5b9;margin:20px auto 0;max-width:720px}
.surface-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:23px;margin-top:42px}
.surface-card{border-top:1px solid #c49d5a66;padding:23px 0 0;scroll-margin-top:24px;min-width:0}
.surface-index{font-size:14px;line-height:1.6;letter-spacing:.4px;color:#d8b77c}
.surface-card h3,.materials-list h3{font:500 31px/1.2 'Cormorant Garamond',Georgia,serif;color:#f8eedb;margin:13px 0 12px}
.surface-card p,.materials-list p{font-size:16px;line-height:1.8;color:#b9c0b3;margin:0}
.paving-materials{border-top:1px solid #bc995b35;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:65px;padding-top:54px}
.materials-list{list-style:none;padding:0;margin:0}
.materials-list li{display:grid;grid-template-columns:30px minmax(0,1fr);gap:19px;padding:21px 0;border-bottom:1px solid #bc995b35}
.materials-list li:first-child{padding-top:0}
.materials-list li>span{font:italic 400 25px/1.2 'Cormorant Garamond',Georgia,serif;color:#d0ac70;margin-top:2px}
.materials-list h3{margin:0 0 10px}
.paving-project{border-top:1px solid #bc995b35;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:46px}
.paving-project-copy .why-about{gap:22px}
.paving-real-project{margin:0;min-width:0}
.paving-real-project img{display:block;width:100%;height:auto;border-radius:9px;border:1px solid #b38c4c66}
.paving-real-project figcaption{font-size:14px;line-height:1.7;color:#a9b2a3;margin-top:13px}
.paving-page .contact-section h2 em{font-size:1em}
@media(min-width:701px) and (max-width:1100px){.paving-page .desktop-nav a{font-size:14px}.paving-page .hero-copy{bottom:30px}.surface-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.paving-materials{gap:36px}.paving-project{gap:32px}}
@media(max-width:700px){
 .paving-hero{min-height:880px}
 .paving-page .hero-copy{left:14px;right:14px;bottom:30px}
 .paving-page .headline{font-size:clamp(23px,6.7vw,43px);letter-spacing:0;line-height:1.06}
 .paving-page .home-deserves{font-size:14px;letter-spacing:1.2px;margin-top:11px}
 .paving-page .signature{margin:6px auto 10px}
 .paving-page .signature-word{font-size:clamp(72px,20vw,110px)}
 .paving-page .hero-copy h2{font-size:20px;line-height:1.4;max-width:430px;margin:5px auto 13px}
 .paving-page .hero-copy p{font-size:15px;line-height:1.7;max-width:390px;padding:0 4px}
 .paving-page .hero-picture{height:68%}
 .paving-page .hero-picture img{object-position:50% 45%}
 .paving-overview,.paving-materials,.paving-project{padding:29px 17px 38px;max-width:460px}
 .paving-visual-note{margin:12px 0 30px;font-size:14px}
 .paving-intro h2,.materials-heading h2,.paving-project-copy h2{font-size:40px;letter-spacing:-.8px}
 .paving-intro>p:last-child,.materials-heading>p:last-child,.paving-project-copy>p:not(.section-kicker),.surface-card p,.materials-list p{font-size:15px;line-height:1.8}
 .surface-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px;margin-top:29px}
 .surface-card h3,.materials-list h3{font-size:29px}
 .paving-materials,.paving-project{grid-template-columns:1fr;gap:29px;padding-top:37px}
 .materials-list li{grid-template-columns:26px minmax(0,1fr);gap:14px}
 .paving-real-project figcaption{font-size:14px}
}
@media(max-width:440px){.surface-grid{grid-template-columns:1fr;gap:25px}.paving-page .contact-section h2{font-size:37px}.paving-page .contact-section h2 em{font-size:1em}}

/* Compact the selected service heroes on mobile. */
@media(max-width:700px){
 :is(.patios-page,.pergola-page,.kitchen-page,.fireplace-page) .paving-hero{height:auto;min-height:0}
 :is(.patios-page,.pergola-page,.kitchen-page,.fireplace-page) .paving-hero .site-header{padding-top:14px}
 :is(.patios-page,.pergola-page,.kitchen-page,.fireplace-page) .paving-hero .hero-picture{top:30px;height:78%}
 :is(.patios-page,.pergola-page,.kitchen-page,.fireplace-page) .paving-hero .hero-picture img{object-position:50% 52%}
 :is(.patios-page,.pergola-page,.kitchen-page,.fireplace-page) .paving-hero .shade{background:linear-gradient(180deg,#080e12 0%,rgba(8,14,18,.82) 5%,rgba(8,14,18,.16) 16%,transparent 30%,rgba(8,11,12,.12) 39%,rgba(8,11,12,.55) 50%,#080b0c 74%)}
 :is(.patios-page,.pergola-page,.kitchen-page,.fireplace-page) .paving-hero .hero-copy{position:relative;left:auto;right:auto;bottom:auto;width:100%;margin:clamp(190px,56vw,280px) auto 0;padding:0 14px 22px;text-shadow:0 2px 12px #0008}
 :is(.patios-page,.pergola-page,.kitchen-page,.fireplace-page) .paving-hero .home-deserves{margin-top:7px}
 :is(.patios-page,.pergola-page,.kitchen-page,.fireplace-page) .paving-hero .signature{margin:3px auto 6px}
 :is(.patios-page,.pergola-page,.kitchen-page,.fireplace-page) .paving-hero .hero-copy h2{margin:6px auto 8px}
 :is(.patios-page,.pergola-page,.kitchen-page,.fireplace-page) .paving-hero .hero-copy p{line-height:1.55}
}

/* Let the selected service frames fill the initial mobile viewport. */
@media(max-width:700px){
 :is(.patios-page,.pergola-page,.kitchen-page,.fireplace-page) .paving-hero{display:flex;flex-direction:column;min-height:calc(100svh - 10px)}
 :is(.patios-page,.pergola-page,.kitchen-page,.fireplace-page) .paving-hero .site-header{width:100%;margin:0 auto;flex-shrink:0}
 :is(.patios-page,.pergola-page,.kitchen-page,.fireplace-page) .paving-hero .hero-copy{margin:auto auto 0;padding-top:clamp(190px,56vw,280px);flex-shrink:0}
}