/* Meet Bre finishing pass: existing local-review photos, with their subjects kept in view. */
@media (min-width:981px){
 .page-about .threshold-scene{width:min(1280px,100%);margin-inline:auto;height:min(58svh,560px)}
 .page-about .threshold-row{grid-template-columns:minmax(0,4fr) minmax(0,7fr);margin-top:-110px}
 .page-about .threshold h1{font-size:clamp(2.4rem,1.5rem + 2.7vw,4.5rem)}
 .page-about .threshold-aside{max-width:52ch}
}
.studio-moments{margin-top:clamp(48px,6vw,80px)}
.studio-moments h2{max-width:22ch;font-size:clamp(2rem,1.35rem + 1.7vw,3rem);letter-spacing:-.02em}
.studio-moments-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:24px}
.studio-moments figure{margin:0}
.studio-moments img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;background:var(--mat)}
.studio-moments figcaption{margin:10px 0 0;font-size:15px;color:var(--muted)}
/* Collapsed strips retain the piecing idea; the active view preserves the whole photograph. */
.page-about .process.is-enhanced .strip{display:flex;flex-direction:column}
.page-about .process.is-enhanced .strip-photo{flex:1;min-height:0;overflow:hidden}
.page-about .process.is-enhanced .strip[data-state="active"] img{object-fit:contain;object-position:50% 50%}
.page-about .process.is-enhanced .strip[data-state="active"] figcaption{position:static;flex:none;max-width:none;padding:12px 16px;margin:0;font-weight:400}
/* Reserve each source's own shape before lazy decode as well as after it. */
.page-about .process:not(.is-enhanced) .strip img{height:auto;aspect-ratio:auto 1600 / 1067;object-fit:contain}
.page-about .process:not(.is-enhanced) .strip[data-step="2"] img{aspect-ratio:auto 1600 / 898}
.page-about .process:not(.is-enhanced) .strip[data-step="3"] img{aspect-ratio:auto 16 / 9}
.page-about .process:not(.is-enhanced) .strip[data-step="4"] img{aspect-ratio:auto 4 / 3}
.page-about .process:not(.is-enhanced) .strip[data-step="5"] img{aspect-ratio:auto 1376 / 1600}
.page-about .bob{display:block;max-width:520px;margin-top:26px}
.page-about .bob img{display:block;width:100%;height:auto;aspect-ratio:1600/1067;object-fit:contain}
.page-about .bob figcaption{margin-top:10px;font-size:16px}
@media (max-width:620px){
 .studio-moments-grid{grid-template-columns:minmax(0,1fr);gap:28px}
 .page-about .bob{max-width:none}
}