/* A single measured stage keeps heading, selectors and image pinned together. */
.project-story .north-clark-track{position:relative}
.project-story .north-clark-stage{min-width:0}
.project-story .project-process[data-north-clark].is-story-scroll .north-clark-track{min-height:var(--story-track-height)}
.project-story .project-process[data-north-clark].is-story-scroll .north-clark-stage{position:sticky;top:var(--story-pin-top)}
.project-story .project-process[data-north-clark].is-story-scroll .project-photo-layout{min-height:0;position:static}
.project-story .project-process[data-north-clark].is-story-scroll .project-photo-gallery{position:static;top:auto}
.project-story .project-process[data-north-clark].is-story-measuring .north-clark-stage{position:relative;top:auto}
.project-story .project-process[data-north-clark] .process-heading{gap:36px;margin-bottom:24px}
.project-story .project-process[data-north-clark] .process-heading h2{font-size:clamp(36px,4.2vw,64px);margin-top:12px}
.project-story .project-process[data-north-clark] .process-heading>p{font-size:15px;line-height:1.6;max-width:360px;margin-bottom:0}
.project-story .project-process[data-north-clark].is-enhanced .project-photo-gallery img{height:clamp(220px,48svh,540px);max-height:none;width:100%;object-fit:cover}
.project-story .project-process[data-north-clark] .project-photo-controls button{min-height:0;padding:13px 0;gap:12px}
.project-story .project-process[data-north-clark] .project-photo-controls strong{font-size:24px}
.project-story .project-process[data-north-clark] .project-photo-controls small{margin-top:5px;line-height:1.4;font-size:12px}
@media(max-width:700px){
 .project-story .project-process[data-north-clark] .process-heading h2{font-size:36px}
 .project-story .project-process[data-north-clark] .process-heading>p{font-size:14px;margin-top:16px}
 .project-story .project-process[data-north-clark] .project-photo-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 12px}
 .project-story .project-process[data-north-clark] .project-photo-controls button{display:flex;flex-direction:column;align-items:flex-start;padding:10px 0;gap:6px;min-height:58px}
 .project-story .project-process[data-north-clark] .project-photo-controls strong{font-size:13px;line-height:1.2}
 .project-story .project-process[data-north-clark].is-enhanced .project-photo-gallery img{height:clamp(230px,38svh,340px);max-height:none;object-fit:cover}
}
@media(prefers-reduced-motion:reduce){
 .project-story .project-process[data-north-clark] .north-clark-track{min-height:0!important}
 .project-story .project-process[data-north-clark] .north-clark-stage{position:static!important}
}
@media print{
 .project-story .project-process[data-north-clark] .north-clark-track{min-height:0!important}
 .project-story .project-process[data-north-clark] .north-clark-stage{position:static!important}
}

/* Each detail fills the frame; focal points preserve the defining surface. */
.project-story .project-process[data-north-clark] [data-story-photo="forms"] img{object-position:50% 48%}
.project-story .project-process[data-north-clark] [data-story-photo="layers"] img{object-position:50% 42%}
.project-story .project-process[data-north-clark] [data-story-photo="reflection"] img{object-position:50% 38%}
.project-story .project-process[data-north-clark] [data-story-photo="profile"] img{object-position:58% 42%}
.project-story .project-process[data-north-clark] [data-story-photo="rhythm"] img{object-position:50% 48%}