/* Phase 5B: narrative continuity and self-contained photographic scenes. */
.opening{height:90svh;min-height:0;max-height:900px}.opening-copy{bottom:28px}.opening h1{font-size:clamp(44px,4.7vw,68px);max-width:760px}.opening-statement{font-size:15px;line-height:1.7;max-width:550px;margin-top:18px;color:#e0e4d5}.portrait-credit{font-size:9px;color:#c7cdbb;margin-top:11px}.opening .quiet-arrow{margin-top:10px}.opening-copy .eyebrow{margin-bottom:13px}
.began,.became,.together{padding-top:52px;padding-bottom:53px}.began{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:8%}.chapter-heading h2{font-size:clamp(36px,3.4vw,50px);max-width:460px}.story-copy{font-size:16px;line-height:1.85;max-width:720px}.story-copy p+p{margin-top:18px}
.became{display:block}.became .chapter-heading{max-width:950px}.became .chapter-heading h2{font-size:clamp(39px,3.9vw,58px);max-width:850px}.became>.story-copy{margin:28px 0 0 23%;color:#d0d7c6}.became>.story-copy p:first-child{font-size:20px;line-height:1.65;margin-bottom:23px}
.together{display:block}.together>h2{font-size:clamp(32px,3vw,44px);max-width:750px;margin-bottom:25px}.together>.story-copy{max-width:850px;margin-left:15%;font-size:15px;line-height:1.9}
.why{padding-top:48px;padding-bottom:26px;max-width:970px}.why .chapter-heading h2{font-size:clamp(36px,3.5vw,50px);max-width:none;margin-bottom:27px}.why .story-copy{max-width:720px}.why .story-copy p:last-child{margin-top:23px}
.closing{height:60svh;min-height:0;max-height:680px;align-items:flex-start;padding:44px var(--gutter) 45px}.closing h2{font-size:clamp(38px,3.9vw,60px);line-height:1.2;max-width:930px}.closing-shade{background:linear-gradient(180deg,#121b17c9,#17211930 75%,#121b179e)}.invitation{padding-top:30px;padding-bottom:28px}
@media(min-width:1600px){.began,.became,.together{padding-left:max(var(--gutter),calc((100vw - 1440px)/2));padding-right:max(var(--gutter),calc((100vw - 1440px)/2))}}
@media(max-width:800px){.opening{height:auto;max-height:none;min-height:0}.portrait{height:44svh;min-height:300px;max-height:400px}.portrait img{object-position:52% 15%}.opening-copy{padding:8px var(--gutter) 25px;bottom:auto}.opening h1{font-size:40px;line-height:1.15;max-width:430px}.opening-statement{font-size:14px;line-height:1.7;max-width:410px;margin-top:14px}.portrait-credit{font-size:9px;margin-top:10px}.opening .quiet-arrow{margin-top:10px}.opening-copy .eyebrow{margin-bottom:13px}.began,.became,.together{display:block;padding-top:37px;padding-bottom:39px}.chapter-heading h2{font-size:35px;max-width:440px;margin-bottom:24px}.story-copy{font-size:15px;line-height:1.85}.story-copy p+p{margin-top:17px}.eyebrow{margin-bottom:17px}.became .chapter-heading h2{font-size:36px;max-width:430px;margin-bottom:24px}.became>.story-copy{margin:0}.became>.story-copy p:first-child{font-size:19px;margin-bottom:20px}.together>h2{font-size:32px;margin-bottom:23px}.together>.story-copy{margin:0;font-size:15px}.why{padding:39px var(--gutter) 23px}.why .chapter-heading h2{font-size:35px;margin-bottom:24px}.closing{height:58svh;min-height:440px;max-height:560px;padding:31px var(--gutter)}.closing h2{font-size:36px;line-height:1.22;max-width:460px}.invitation{padding-top:28px;padding-bottom:25px}}
@media(max-width:380px){.opening h1{font-size:39px}.closing h2{font-size:35px}}

@media(max-width:800px){.opening{display:flex;flex-direction:column}.masthead{position:relative;order:-1;top:auto;left:auto;right:auto;padding:12px var(--gutter);min-height:77px;background:var(--olive)}.portrait{flex:none}.opening-copy{flex:none}}

/* Final continuity refinements. Narrative typography and paragraph spacing retained. */
.began{padding-bottom:35px}.became{padding-top:35px}.together{padding-top:36px;padding-bottom:36px}.together>h2{margin-bottom:21px}.why{padding-bottom:18px}.closing{padding-top:18px}
@media(max-width:800px){.began{padding-bottom:27px}.became{padding-top:27px}.together{padding-top:29px;padding-bottom:29px}.together>h2{margin-bottom:20px}.why{padding-bottom:16px}.closing{padding-top:16px}}