/* Approved S2 / S3 / C1 composition, expanded with the requested services. */
@media(min-width:761px){
.home .hero{height: min(76vw,850px);min-height:650px;max-height:850px}
.home .nav{min-height:105px}.home .brand{width:255px}.home .brand img{height:75px}
.patios.home .hero{align-items:flex-end;text-align:center}
.patios.home .hero:before{background:linear-gradient(180deg,#ffffff55 0,transparent 35%,transparent 50%,#f2faf9d9 84%,#eefafa 100%)}
.patios.home .hero-photo{object-position:center 58%}
.patios.home .hero-content{padding:0 0 90px;width:94%}
.patios.home .hero h1{max-width:none;font-size:clamp(2.6rem,4.8vw,5.7rem);margin:0 auto 10px;line-height:1.2}
.patios.home .hero h1 br{display:none}
.patios.home .hero .eyebrow{position:absolute;left:6%;top:28%;max-width:140px;text-align:left;font-size:.65rem;color:#123751;text-shadow:0 1px 10px white}
.patios.home .hero-intro{max-width:720px;margin:15px auto;font-size:.85rem;letter-spacing:.04em}
.patios.home .hero-actions{justify-content:center;margin-top:14px}.patios.home .hero-actions .button{padding:10px 22px}
.patios.home .hero-bottom{display:none}.patios.home .hero-sweep{height:50px}
.patios.home .services-section{padding-top:35px;padding-bottom:35px}
.patios .services-section .section-intro{margin-bottom:30px}
.patios .services-section .section-intro h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(2.2rem,3.7vw,4rem)}
.patios .numbered-journey .service-item{min-height:360px;margin-block:0;grid-template-columns:1fr 1.15fr}
.patios .numbered-journey .service-image{height:410px;width:140%;max-width:none;aspect-ratio:auto;margin-left:-10%;clip-path:polygon(0 0,100% 13%,100% 100%,0 86%);mask-image:linear-gradient(90deg,transparent,#000 24%,#000 92%,transparent)}
.patios .numbered-journey .service-item:nth-child(even) .service-image{width:140%;margin-left:-25%;clip-path:polygon(0 13%,100% 0,100% 86%,0 100%);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 76%,transparent)}
.patios .numbered-journey .service-copy{gap:22px;padding-right:0;max-width:570px}
.patios .numbered-journey .service-item:nth-child(even) .service-copy{padding-left:4%;max-width:580px}
.patios .numbered-journey .service-copy h3{font-size:1.5rem;letter-spacing:.02em;text-transform:uppercase;margin-bottom:12px}
.patios .numbered-journey .service-copy .eyebrow{display:none}
.patios .numbered-journey .service-copy p{font-size:.88rem;max-width:330px}
.patios .service-index{font-family:Georgia,serif;font-size:7rem;color:#3e8da4;opacity:.65;letter-spacing:-.07em}
.patios .numbered-journey .service-item:after{display:none}
.skyline.home .hero{min-height:610px;height:54vw;max-height:760px}
.skyline.home .hero-content{padding-left:51%;padding-top:90px}
.skyline.home .hero .eyebrow{display:none}.skyline.home .hero-intro{font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;max-width:450px;text-align:center;line-height:1.9}
.skyline.home .hero-actions{justify-content:center}.skyline.home .hero-actions .button{padding:10px 19px}.skyline.home .hero-actions .text-link{display:none}
.skyline.home .hero-bottom{display:none}.skyline.home .hero-sweep{height:55px}
.skyline.home .services-section{padding-top:35px;padding-bottom:30px}
.skyline .services-section .section-intro{margin-bottom:20px}
.skyline .detail-ribbons .service-item{min-height:365px;margin-bottom:0;grid-template-columns:1.3fr 1fr}
.skyline .detail-ribbons .service-image{height:430px;width:142%;max-width:none;margin-left:-14%;clip-path:polygon(0 14%,100% 0,100% 80%,0 100%);mask-image:linear-gradient(90deg,#000 73%,transparent)}
.skyline .detail-ribbons .service-item:nth-child(even) .service-image{height:430px;width:142%;margin-left:-14%;clip-path:polygon(0 0,100% 14%,100% 100%,0 80%);mask-image:linear-gradient(90deg,transparent,#000 27%)}
.skyline .detail-ribbons .service-copy{padding-left:8%;max-width:430px}.skyline .detail-ribbons .service-copy h3{font-size:1.9rem;text-transform:uppercase;letter-spacing:.035em}
.skyline .detail-ribbons .service-copy .eyebrow{display:none}
.painting.home .hero{height:56vw;min-height:640px;max-height:800px}
.painting.home .hero-content{padding-top:145px}.painting.home .hero .eyebrow{display:none}
.painting.home .hero h1{font-size:clamp(3.1rem,5.5vw,6.4rem);max-width:900px;text-align:left;transform:rotate(-4deg);padding-left:3%}
.painting.home .hero h1 br+*{display:inline}.painting.home .hero .consultation{margin-left:30%;margin-top:20px}
.painting.home .hero-actions,.painting.home .hero-bottom{display:none}
.painting.home .hero:before{background:linear-gradient(#ffffffa8,#ffffff80 29%,transparent 63%)}
.painting.home .services-section{padding-top:0;padding-bottom:100px}
.painting .chromatic-grid{gap:50px 30px}.painting .chromatic-grid .service-item:nth-child(n){transform:none}
.painting .chromatic-grid .service-image{height:350px;mask-image:linear-gradient(165deg,transparent 0,#000 5%,#000 86%,transparent 98%);clip-path:polygon(0 10%,15% 7%,38% 10%,65% 0,82% 6%,100% 0,100% 90%,76% 96%,51% 90%,25% 100%,0 91%)}
.painting .chromatic-grid .service-copy{padding:10px 0 0}.painting .chromatic-grid h3,.painting .chromatic-grid .service-item:nth-child(n) h3{color:#0086d6;font-size:1.8rem}
.home .story{padding-block:65px}.home .footer-scene{min-height:520px}
}
.painting .hero-sweep{background:none;clip-path:none;height:125px;z-index:2;inset:auto 0 -15px;background-image:url('assets/chromatic-sweep.svg');background-size:100% 100%;background-repeat:no-repeat}
.painting .hero:after{height:60px}.painting .chromatic-grid .service-image{position:relative}
.painting .chromatic-grid .service-image:after{content:"";position:absolute;inset:auto -10px 0;height:44px;background:url('assets/chromatic-sweep.svg') center/100% 100%;pointer-events:none}
@media(max-width:760px){.review-ribbon{height:56px}.review-ribbon img{height:53px}body.home header{top:56px}.patios.home .hero{align-items:end;min-height:720px;height:90svh}.patios.home .hero-content{padding:0 0 100px;text-align:center}.patios.home .hero .eyebrow{display:none}.patios.home .hero:before{background:linear-gradient(180deg,#ffffff8c,transparent 35%,#eefafa11 45%,#eefafae8 78%,#eefafa 100%)}.patios.home .hero h1{font-size:2.9rem}.patios.home .hero-intro{font-size:.8rem;max-width:340px;margin:auto}.patios.home .hero-actions{justify-content:center}.patios.home .hero-actions .text-link{display:none}.patios.home .hero-bottom{display:none}.patios .service-copy h3{font-family:Georgia,serif}.painting .hero-sweep{height:75px}.painting .chromatic-grid .service-image:after{height:28px}.skyline .detail-ribbons .service-copy h3{letter-spacing:.015em}}

@media(min-width:761px){.patios.home .hero h1 span{margin-left:.2em}}

.painting .chromatic-grid .service-image{clip-path:none;mask-image:url('assets/brush-mask.svg');mask-size:100% 100%;mask-repeat:no-repeat}.painting .chromatic-grid .service-image:after{height:48px;bottom:-2px}.painting .hero-sweep{filter:drop-shadow(0 2px 0 white)}

.painting .chromatic-grid .service-image{mask-mode:luminance}
