/* October refinement: immersive bodies, three distinct service compositions. */
.review-ribbon{height:60px;padding:0 6%;gap:12px;background:none;border:0}
.review-badge{width:100px;height:60px;flex-basis:100px;opacity:.96;filter:drop-shadow(0 1px 3px #08283b55)}
body.home header,.inner header{top:60px}
.design-body{position:relative;isolation:isolate;overflow:hidden;background:var(--body-tint);color:var(--body-ink)}
.design-body:before{content:"";position:absolute;inset:0;z-index:-2;background-image:linear-gradient(var(--photo-tint),var(--photo-tint)),var(--body-photo);background-size:cover;background-position:center;pointer-events:none}
.design-body:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:var(--body-glow)}
.patios{--body-tint:#e4f4f5;--body-ink:#123e4c;--photo-tint:#e2f5f4dc;--body-glow:radial-gradient(ellipse at 100% 15%,#4ad1df55,transparent 45%),linear-gradient(125deg,transparent 45%,#fcf8edb8 80%)}
.skyline{--body-tint:#071d34;--body-ink:#f0f7ff;--photo-tint:#061a32e8;--body-glow:linear-gradient(147deg,transparent 25%,#237cc830 25.1%,transparent 52%,#56bff014 52.1%,transparent 72%)}
.painting{--body-tint:#f2f6fc;--body-ink:#203349;--photo-tint:#f4f6fbdc;--body-glow:radial-gradient(ellipse at 0 16%,#2bb8ef44,transparent 40%),radial-gradient(ellipse at 100% 48%,#f5d74744,transparent 37%),radial-gradient(ellipse at 0 85%,#73cfaa33,transparent 42%)}
.design-body.design-body .section,.design-body.design-body .gallery-section,.design-body.design-body .services-section{background:transparent;color:inherit}
.design-body.design-body p,.design-body.design-body .service-copy p,.design-body.design-body figcaption p{color:inherit;opacity:.88}
.design-body.design-body .eyebrow{color:inherit;opacity:.72}
.design-body.design-body .section-intro{padding:30px 0 50px;align-items:end}
.design-body.design-body .section-intro h2{font-size:clamp(2.8rem,5vw,5.3rem);line-height:1.04;letter-spacing:-.045em}
.design-body.design-body .service-copy h3{line-height:1.12}
.design-body.design-body .service-image img{object-fit:cover;width:100%;height:100%}
.design-body.design-body .service-index{font-family:inherit;font-size:clamp(3rem,7vw,6.5rem);font-weight:300;opacity:.22;line-height:1}
.design-body.design-body .service-item{background:none;border:0;box-shadow:none}
.design-body.design-body .service-copy .text-link{display:inline-block;margin-top:15px;font-size:.8rem;letter-spacing:.08em}
.service-directory-link{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:55px 0 15px;padding:28px 0;border-top:1px solid currentColor;font-size:1.15rem}
/* Patios: broad, flowing landscape photographs, alternating open text. */
.patios .design-body.design-body .service-flow{display:flex;flex-direction:column;gap:70px}
.patios .design-body.design-body .service-item{display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:4%;margin:0;min-height:440px}
.patios .design-body.design-body .service-image{display:block;width:110%;height:480px;min-height:0;margin-left:-7%;clip-path:ellipse(62% 49% at 44% 50%);mask-image:linear-gradient(90deg,#000 80%,transparent)}
.patios .design-body.design-body .service-image img{mask-image:none;clip-path:none;border-radius:0}
.patios .design-body.design-body .service-copy{display:block;position:relative;margin:0;padding:35px 0;max-width:450px;color:var(--body-ink)}
.patios .design-body.design-body .service-copy h3{font-size:clamp(2.2rem,3.5vw,3.8rem);font-family:inherit;letter-spacing:-.04em;text-transform:none}
.patios .design-body.design-body .service-copy p{font-size:1.05rem}
.patios .design-body.design-body .service-item:nth-child(even){grid-template-columns:1fr 1.4fr}
.patios .design-body.design-body .service-item:nth-child(even) .service-image{grid-column:2;grid-row:1;margin-left:0;clip-path:ellipse(62% 49% at 56% 50%);mask-image:linear-gradient(270deg,#000 80%,transparent)}
.patios .design-body.design-body .service-item:nth-child(even) .service-copy{grid-column:1;grid-row:1;padding-left:6%}
.patios .design-body.design-body .service-copy .eyebrow{display:none}
.patios .design-body.design-body .s1-feature{background:transparent;margin-top:0}
.patios .design-body.design-body .masonry-duet img{border-radius:0;clip-path:ellipse(65% 49% at 50% 50%)}
/* Skyline: dark, precise diagonal photographic ribbons. */
.skyline .design-body.design-body .detail-ribbons{display:flex;flex-direction:column;gap:65px}
.skyline .design-body.design-body .detail-ribbons .service-item{display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:5%;min-height:460px;max-height:none;margin:0}
.skyline .design-body.design-body .detail-ribbons .service-image{width:112%;height:480px;min-height:0;margin-left:-10%;clip-path:polygon(0 10%,100% 0,89% 90%,0 100%);mask-image:none}
.skyline .design-body.design-body .detail-ribbons .service-image img{mask-image:none;clip-path:none}
.skyline .design-body.design-body .detail-ribbons .service-copy{padding:35px 0;max-width:450px;color:#f0f7ff}
.skyline .design-body.design-body .detail-ribbons .service-item:nth-child(even){grid-template-columns:1fr 1.4fr}
.skyline .design-body.design-body .detail-ribbons .service-item:nth-child(even) .service-image{grid-column:2;grid-row:1;margin:0;clip-path:polygon(11% 0,100% 10%,100% 100%,0 90%)}
.skyline .design-body.design-body .detail-ribbons .service-item:nth-child(even) .service-copy{grid-column:1;grid-row:1;padding:35px 0}
.skyline .design-body.design-body .detail-ribbons h3{font-size:clamp(2rem,3.2vw,3.4rem);color:#fff}
.skyline .design-body.design-body a:not(.button){color:#a9ddff}
/* Painting: asymmetrical editorial pairs with flowing color strokes. */
.painting .design-body.design-body .chromatic-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:90px 6%;align-items:start}
.painting .design-body.design-body .chromatic-grid .service-item,.painting.home .design-body.design-body .chromatic-grid .service-item:last-child{display:block;grid-column:auto;margin:0;position:relative}
.painting .design-body.design-body .chromatic-grid .service-item:nth-child(even){margin-top:140px}
.painting .design-body.design-body .chromatic-grid .service-image{height:490px;min-height:0;width:100%;position:relative;clip-path:none;mask-image:none}
.painting .design-body.design-body .chromatic-grid .service-image img{mask-image:linear-gradient(#000 78%,transparent);clip-path:ellipse(72% 55% at 48% 44%);border-radius:0}
.painting .design-body.design-body .chromatic-grid .service-image:after{height:90px;bottom:-5px;opacity:.8;transform:rotate(-4deg)}
.painting .design-body.design-body .chromatic-grid .service-copy{padding:5px 4%;margin:0;max-width:none;color:#203349}
.painting .design-body.design-body .chromatic-grid h3,.painting.home .design-body.design-body .chromatic-grid .service-item:last-child h3{font-family:inherit;font-size:clamp(2rem,3.4vw,3.5rem);letter-spacing:-.04em;text-transform:none}
.painting .design-body.design-body .service-index{display:none}
.painting .design-body.design-body .chromatic-grid .service-copy p{font-size:1.05rem}
/* Interior pages retain the brand's composition, with deeper service scopes. */
.design-body.design-body .service-overview{padding-top:100px;padding-bottom:70px;gap:8%}
.design-body.design-body .service-overview h2{font-size:clamp(2.2rem,3.8vw,4rem);line-height:1.1;letter-spacing:-.04em}
.scope-details{padding:30px 0 90px}
.scope-details>h2{font-size:clamp(2rem,3vw,3.2rem);margin-bottom:45px}
.scope-list{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.scope-list article{padding:25px 0;border-top:1px solid #729eaa70}
.scope-list h3{font-size:1.5rem;line-height:1.2;margin:12px 0 20px}
.scope-list p{font-size:1rem;line-height:1.75}
.scope-number{font-size:.8rem;letter-spacing:.2em;opacity:.6}
.skyline .scope-list{grid-template-columns:1fr 1fr}
.skyline .scope-list article{padding-left:22px;border-top:0;border-left:2px solid #55a9e8}
.painting .scope-list article:nth-child(3n+1){border-color:#009ddd;border-width:3px}
.painting .scope-list article:nth-child(3n+2){border-color:#78be81;border-width:3px}
.painting .scope-list article:nth-child(3n){border-color:#e6b330;border-width:3px}
.design-body.design-body .gallery{gap:55px 4%;align-items:start}
.design-body.design-body .gallery-photo{border:0;background:none;border-radius:0}
.patios .design-body.design-body .gallery figure:nth-child(3n+2){padding-top:75px}
.patios .design-body.design-body .gallery-photo img{clip-path:ellipse(65% 49% at 50% 50%);mask-image:none}
.skyline .design-body.design-body .gallery-photo img{clip-path:polygon(0 7%,100% 0,100% 93%,0 100%);mask-image:none}
.painting .design-body.design-body .gallery figure:nth-child(even){padding-top:65px}
.painting .design-body.design-body .gallery-photo img{mask-image:linear-gradient(#000 78%,transparent)}
.design-body.design-body .related{padding-top:55px;padding-bottom:100px}
.design-body.design-body .related>div{background:transparent}
.design-body.design-body .form-shell{background:#f7fbff;color:#16334b}
@media(max-width:760px){
.review-ribbon{height:46px;padding:0 4%;gap:5px}.review-badge{width:68px;height:42px;flex-basis:68px}body.home header,.inner header{top:46px}
.design-body.design-body .section-intro h2{font-size:2.6rem}.design-body.design-body .section-intro{padding-bottom:25px}
.patios .design-body.design-body .service-flow,.skyline .design-body.design-body .detail-ribbons{gap:35px}
.patios .design-body.design-body .service-item,.patios .design-body.design-body .service-item:nth-child(even),.skyline .design-body.design-body .detail-ribbons .service-item,.skyline .design-body.design-body .detail-ribbons .service-item:nth-child(even){display:flex;flex-direction:column;gap:0;min-height:0}
.patios .design-body.design-body .service-image,.patios .design-body.design-body .service-item:nth-child(even) .service-image,.skyline .design-body.design-body .detail-ribbons .service-image,.skyline .design-body.design-body .detail-ribbons .service-item:nth-child(even) .service-image{width:110%;height:310px;margin:0;min-height:0}
.patios .design-body.design-body .service-copy,.patios .design-body.design-body .service-item:nth-child(even) .service-copy,.skyline .design-body.design-body .detail-ribbons .service-copy,.skyline .design-body.design-body .detail-ribbons .service-item:nth-child(even) .service-copy{width:100%;max-width:none;padding:15px 4% 25px}
.painting .design-body.design-body .chromatic-grid{grid-template-columns:1fr;gap:40px}.painting .design-body.design-body .chromatic-grid .service-item:nth-child(even){margin-top:0}.painting .design-body.design-body .chromatic-grid .service-image{height:350px}
.scope-list,.skyline .scope-list{grid-template-columns:1fr;gap:18px}.scope-details{padding-bottom:45px}.design-body.design-body .service-overview{padding-top:60px}
.design-body.design-body .gallery figure:nth-child(n){padding-top:0}.design-body.design-body .gallery{gap:30px}.service-directory-link{align-items:start;font-size:1rem}
}
@media(prefers-reduced-motion:reduce){.design-body.design-body *{scroll-behavior:auto;transition:none;animation:none}}

.painting.home .design-body .chromatic-grid .service-item:last-child .service-image{height:490px}.painting.home .design-body .chromatic-grid .service-item:last-child .service-copy{max-width:none}@media(max-width:760px){.painting.home .design-body .chromatic-grid .service-item:last-child .service-image{height:350px}}