/* Photography drawn from the original library; optimized assets live in assets/photos. */
.library-photo{margin:0;overflow:hidden;background:#dce6ed;border-radius:3px 3px 36px 3px}
.library-photo img{display:block;width:100%;height:100%;object-fit:cover}
.home-growth img{object-position:68% center}
.home-growth:before{content:"";position:absolute;inset:0 0 65%;background:linear-gradient(#071c3c99,transparent);z-index:1;pointer-events:none}
.planning-feature{position:relative;height:460px;border-radius:3px 3px 64px 3px}
.planning-feature img{object-position:47% center}
.planning-feature figcaption{position:absolute;bottom:0;left:0;right:0;padding:60px 28px 28px;background:linear-gradient(transparent,#071c3ced);color:white;font-size:11px;letter-spacing:.16em;font-weight:600}
.home-steps li{border-top:0;padding-top:0}
.step-photo{height:190px;margin-bottom:26px;border-radius:3px 3px 25px 3px}
.service-card-photo{height:230px;margin:-32px -32px 28px;border-radius:0;flex-shrink:0}
.service-card:last-child .service-card-photo{height:330px}
.service-card-photo img{object-position:center 45%}
.about-hero-image{object-position:75% center}
.about-hero:after{background:linear-gradient(90deg,rgba(4,12,19,.95),rgba(4,12,19,.82) 40%,rgba(4,12,19,.12) 80%)}
.about-intro-photo{height:270px;margin-top:32px}
.benefits-photo img{object-position:55% center}
.fpa-perspective img.look-ahead-photo{object-position:79% center}
.conversation-photo{height:370px;margin:35px 0 45px}
.conversation-photo img{object-position:center 52%}
.planning-aside-photo{height:185px;margin:0 0 26px;border-radius:2px 2px 28px 2px}
.offsite-photo{height:260px;margin:28px 0}
.schedule-photo{height:235px;margin-top:28px}
@media(max-width:800px){
.planning-feature{height:350px}
.conversation-photo{height:300px}
.about-intro-photo{height:230px}
}
@media(max-width:650px){
.planning-feature{height:290px;border-bottom-right-radius:40px}
.step-photo{height:210px}
.service-card-photo{margin:-25px -25px 24px;height:210px}
.service-card:last-child .service-card-photo{height:230px}
.conversation-photo{height:240px;margin:28px 0}
.conversation-photo img{object-position:62% center}
.about-hero:after{background:linear-gradient(90deg,rgba(4,12,19,.92),rgba(4,12,19,.62))}
.about-intro-photo{height:240px}
.schedule-photo{height:190px}
.offsite-photo{height:225px}
}