/* One photographic chapter: the promise and practical planning share a surface. */
#bridge{position:relative;isolation:isolate;background:var(--green-950);color:var(--paper)}
#bridge .family-feature{display:flex;align-items:center;background:none;color:inherit}
#bridge .family-photo{position:absolute;inset:0;min-height:0;aspect-ratio:auto;z-index:-1}
#bridge .family-photo img{object-position:60% 30%}
#bridge .family-photo::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(18,31,22,.96) 0%,rgba(18,31,22,.88) 27%,rgba(18,31,22,.38) 52%,rgba(18,31,22,.08) 76%),linear-gradient(0deg,#121f16 0%,rgba(18,31,22,.98) 23%,rgba(18,31,22,0) 62%)}
#bridge .family-message{width:min(var(--wrap),calc(100% - var(--page-gutter)*2));margin:0 auto;padding:72px 0 56px;align-self:auto}
#bridge .family-message h2{max-width:19ch;font-size:clamp(36px,3.2vw,48px);line-height:1.16;text-wrap:balance}
#bridge .family-message p{max-width:38ch;font-size:18px;line-height:1.55;color:#e0eae3}
#bridge .family-message .section-label{font-size:15px;margin:0 0 20px;color:#d0dfd5}
#bridge .planning-work{border-top:1px solid #577366;padding:32px 0 56px;gap:var(--editorial-gap)}
#bridge .planning-work h3{font-size:26px;color:var(--paper)}
#bridge .pretext,#bridge .planning-topics li{color:#e0eae3;font-size:16px}
#bridge .planning-topics li::before{background:#b6cebf}
@media(max-width:1000px){
 #bridge .family-message{padding-top:64px}
 #bridge .family-message h2{max-width:18ch;font-size:36px}
 #bridge .family-message p{max-width:30ch}
 #bridge .family-photo img{object-position:65% top}
 #bridge .family-photo::after{background:linear-gradient(90deg,rgba(18,31,22,.96),rgba(18,31,22,.82) 30%,rgba(18,31,22,.08) 85%),linear-gradient(0deg,#121f16 0%,rgba(18,31,22,.98) 30%,rgba(18,31,22,0) 75%)}
}
@media(max-width:1100px){
 #bridge{--bridge-photo-height:clamp(300px,80vw,420px)}
 #bridge .family-photo{bottom:auto;height:var(--bridge-photo-height)}
 #bridge .family-photo img{object-position:65% 35%}
 #bridge .family-photo::after{background:linear-gradient(0deg,#121f16 0%,rgba(18,31,22,.4) 25%,rgba(18,31,22,0) 60%)}
 #bridge .family-message{padding:calc(var(--bridge-photo-height) - 12px) 0 36px}
 #bridge .family-message h2{max-width:none;font-size:clamp(34px,3.5vw,40px)}
 #bridge .family-message p{max-width:none}
 #bridge .planning-work{padding:32px 0 48px;gap:24px}
}