/* Scenery is clipped to its section; it never adds layout height. */
.city-backdrop{position:relative;isolation:isolate;background:#edf0e9}
.city-backdrop-scene{position:absolute;inset:0;overflow:clip;pointer-events:none;z-index:0}
.city-backdrop-image{position:sticky;top:-70px;height:calc(100svh + 140px);display:block;transform:translate3d(0,var(--city-shift,0px),0);will-change:transform}
.city-backdrop-image img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:34% center}
.city-backdrop-scene::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#f4f5eead 0px,#f4f5ee9e 100px,#f4f5eead calc(100% - 100px),#f4f5ee 100%)}
.city-backdrop-content{position:relative;z-index:1;padding:48px 0}
.renewal-home .city-backdrop .service-intro{padding:0;border:0;background:transparent;overflow:visible;isolation:auto}
.city-backdrop .service-intro::before,.city-backdrop .service-intro::after{display:none}
.city-backdrop .service-intro>.container,.city-backdrop .image-approach>.container{width:min(1240px,calc(100% - 96px));padding:36px;background:#fffffff5;border:1px solid #ffffffd9;border-radius:8px;box-shadow:0 6px 26px #263b300a}
.city-backdrop .service-intro-guide{background:#f1f5f2}
.renewal-home .city-backdrop .image-approach{padding:40px 0 0;background:transparent}
.city-backdrop .service-intro-heading{gap:24px}
.city-backdrop .image-approach-grid{gap:44px}
.city-backdrop .image-approach-grid>figure{align-self:center}
.city-backdrop .image-approach-grid>figure img{height:530px;min-height:0;border-radius:5px}
@media(min-width:701px) and (max-width:1100px){
 .city-backdrop-content{padding:36px 0}
 .city-backdrop .service-intro>.container,.city-backdrop .image-approach>.container{width:calc(100% - 48px);padding:28px 24px}
 .city-backdrop .image-approach-grid{gap:28px;grid-template-columns:.9fr 1fr}
 .city-backdrop .image-approach-copy h2{font-size:27px}
 .renewal-home .city-backdrop .image-approach{padding-top:32px}
}
@media(max-width:700px){
 .city-backdrop-image{top:-40px;height:calc(100svh + 80px)}
 .city-backdrop-content{padding:28px 0 32px}
 .city-backdrop .service-intro>.container,.city-backdrop .image-approach>.container{width:calc(100% - 28px);padding:24px 18px;border-radius:6px}
 .renewal-home .city-backdrop .image-approach{padding-top:28px}
 .city-backdrop .service-intro-guide{padding-inline:14px}
 .city-backdrop .image-approach-grid{gap:24px}
 .city-backdrop .image-approach-grid>figure img{height:auto;aspect-ratio:1.25;object-position:center}
 .city-backdrop .image-approach-copy h2{font-size:25px}
}
@media(max-width:374px){
 .city-backdrop .service-intro>.container,.city-backdrop .image-approach>.container{padding-inline:15px}
 .city-backdrop .image-approach-copy h2{font-size:23px}
}
@media(prefers-reduced-motion:reduce){.city-backdrop-image{transform:none;will-change:auto}}
@media print{
 .city-backdrop-scene{display:none}
 .city-backdrop-content{padding:0}
 .city-backdrop .service-intro>.container,.city-backdrop .image-approach>.container{width:100%;box-shadow:none}
 .renewal-home .city-backdrop .image-approach{padding-top:30px}
}
/* Continue the scenery through the consultation process, with a readable paper surface. */
.renewal-home .city-backdrop-content{padding-bottom:0}
.renewal-home .city-backdrop-content>.section:not(.image-approach){position:relative;isolation:isolate;background:transparent;border-top:0}
.city-backdrop-content>.section:not(.image-approach)::before{content:"";position:absolute;z-index:-1;inset:0 auto 0 50%;transform:translateX(-50%);width:min(1320px,calc(100% - 48px));background:#fffffff2;pointer-events:none}
.city-backdrop-content>.section:is(.finish-story,.visual-services,.visual-flow)::before{background:#f4f5eef5}
.renewal-home .city-backdrop-content>.finish-story{margin-top:48px}
.city-backdrop-content>.finish-story::before{border-radius:8px 8px 0 0}
.city-backdrop-content>.visual-flow::before{border-radius:0 0 8px 8px}
@media(min-width:701px) and (max-width:1100px){
 .city-backdrop-content>.section:not(.image-approach)::before{width:calc(100% - 24px)}
 .renewal-home .city-backdrop-content>.finish-story{margin-top:36px}
}
@media(max-width:700px){
 .city-backdrop-content>.section:not(.image-approach)::before{width:calc(100% - 16px)}
 .renewal-home .city-backdrop-content>.finish-story{margin-top:32px}
}
@media print{.city-backdrop-content>.section::before{display:none}}