/* The new Home header action is the sole desktop change. */
.home-practice-button{max-width:210px;text-align:center;line-height:1.4}
/* Phone layout: preserve desktop rules and keep text over photographs. */
@media(max-width:600px){
body:has(.photo-hero) header nav.wrap{padding:12px 0;gap:10px}
body:has(.photo-hero) header .brand img{width:190px}
body:has(.photo-hero) header .links{gap:10px 14px}
body:has(.photo-hero) header .links a{font-size:13px}
body:has(.photo-hero) header .links .button{padding:7px 10px}
.hero.photo-hero{min-height:0;aspect-ratio:auto;height:auto;padding:0}
.hero.photo-hero .hero-background{height:100%;width:100%;object-fit:cover;object-position:28% center;transform:none;z-index:0}
.photo-hero:after{z-index:1;background:linear-gradient(90deg,transparent 29%,rgba(248,245,236,.68) 48%,rgba(248,245,236,.9) 67%)}
.photo-hero .hero-inner{position:relative;inset:auto;z-index:2;min-height:470px;height:auto;align-items:center;width:calc(100% - 28px);padding:62px 0 24px;background:transparent}
.photo-hero .hero-copy{width:62%;margin:0 0 0 auto}
.photo-hero .hero-copy h1{font-size:25px;line-height:1.22;margin:0 0 14px}
.photo-hero .hero-copy p{font-size:15px;line-height:1.5;margin:0 0 14px}
.photo-hero .hero-copy .actions{gap:9px;margin-top:16px}
.photo-hero .hero-copy .button{font-size:13px;padding:10px 12px}
.photo-hero .hero-copy .quote{font-size:14px!important;line-height:1.5;margin:18px 0 0}
.photo-hero .hero-copy .quote cite{font-size:12px}
.photo-hero .hero-name{z-index:2;top:18px;left:14px;width:calc(100% - 28px);font-size:16px;line-height:1.4;transform:none}
.home-offering .offering-background{z-index:0}
.home-offering:after,.home-offering.offering-right:after{z-index:1;background:linear-gradient(90deg,transparent 15%,rgba(248,245,236,.55) 35%,rgba(248,245,236,.82) 72%)}
.home-offering .offering-inner{position:relative;z-index:2;min-height:380px;padding:28px 0;align-items:center;justify-content:flex-end}
.home-offering .offering-copy{width:72%;color:#1f344d}
.home-offering .offering-copy h2{color:#1f344d;font-size:27px;letter-spacing:-.7px}
.home-offering .offering-copy p{color:#1f344d;font-size:15px;line-height:1.6;font-weight:500}
.home-offering .offering-copy a{color:#1f344d}
.home-offering .offering-copy .eyebrow{color:#5e4820;font-size:12px;letter-spacing:1.5px;font-weight:700}
.home-offering .testimonial{background:transparent;padding-left:12px;margin:16px 0}
.home-offering .testimonial cite{color:#5e4820!important;font-size:14px}
.home-offering.offering-book blockquote{color:#1f344d;font-size:20px;line-height:1.55;font-weight:500}
.home-offering .offering-copy .button{font-size:14px;padding:10px 14px}
.home-offering.offering-gatherings:after,.home-offering.offering-sessions:after,.home-offering.offering-book:after{background:linear-gradient(90deg,transparent 15%,rgba(248,245,236,.67) 35%,rgba(248,245,236,.9) 72%)}
.home-offering.offering-sessions .offering-copy>.button+p{margin-top:14px}
body:has(.photo-hero) header .home-practice-button{max-width:174px;line-height:1.35;text-align:center}

}

/* Match the two Home header actions while retaining their widths and colors. */
body:has(.photo-hero) header .links>.button{height:68px;display:inline-flex;align-items:center;justify-content:center;text-align:center}
@media(max-width:600px){body:has(.photo-hero) header .links>.button{height:52px}}

body:has(.photo-hero) header .home-practice-button{border-color:#1F344D}

/* Consistent stronger type across the four mobile Home offerings. */
@media(max-width:600px){
.home-offering .offering-copy h2{font-weight:700}
.home-offering .offering-copy p,.home-offering .offering-copy a,.home-offering.offering-book blockquote{font-weight:600}
.home-offering .offering-copy .eyebrow,.home-offering .testimonial cite{font-weight:700}
}