body.photography{background:#f1efe9;color:#282922}
.photo-story{background:#f1efe9;color:#282922}
.photo-story__hero{padding:clamp(8rem,11vw,11rem) max(var(--g),calc((100vw - 82rem)/2)) clamp(5rem,8vw,8rem);display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(2rem,5vw,6rem);background:#deddd3}
.photo-story__hero h1{font-size:clamp(3.6rem,4.2vw,5.25rem);max-width:16ch;line-height:1.02;letter-spacing:-.065em;text-wrap:balance;margin:1.5rem 0 2rem}
.photo-story__hero>div>p:last-child{font-size:clamp(1.15rem,1.65vw,1.5rem);line-height:1.5;max-width:29rem}
.photo-story__frame{margin:0;min-width:0;align-self:center}
.photo-story__frame picture,.photo-story__frame img{display:block;width:100%;max-width:700px}
.photo-story__frame img{height:auto}
.photo-story__frame figcaption{display:flex;justify-content:space-between;gap:1rem;padding:.55rem 0;font:11px/1.5 'IBM Plex Mono',monospace;letter-spacing:.04em}
.photo-story__frame figcaption a{color:inherit;text-decoration:underline;text-underline-offset:.2em}
.photo-story__chapter{padding:clamp(5rem,10vw,10rem) max(var(--g),calc((100vw - 82rem)/2));border-top:1px solid #28292225}
.photo-story__chapter-intro{display:grid;grid-template-columns:minmax(10rem,.36fr) 1fr;gap:1rem 3rem;align-items:start;margin-bottom:clamp(3rem,7vw,7rem)}
.photo-story__chapter-intro .mono{margin:.5rem 0 0}
.photo-story__chapter-intro h2{font-size:clamp(3.3rem,6.5vw,7rem);line-height:.93;letter-spacing:-.07em;max-width:13ch;margin:0}
.photo-story__chapter-intro>p:last-child{grid-column:2;max-width:37rem;font-size:clamp(1.05rem,1.5vw,1.3rem);line-height:1.5}
.photo-story__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(2rem,5vw,6rem) clamp(1.2rem,4vw,5rem);align-items:start}
.photo-story__grid .photo-story__frame:nth-child(3n+2){padding-top:clamp(1rem,8vw,8rem)}
.photo-story__grid .photo-story__frame:nth-child(5n){grid-column:1/-1;justify-self:center;width:min(100%,700px);padding-top:0}
.photo-story__source{padding:3rem max(var(--g),calc((100vw - 82rem)/2)) 6rem;display:flex;align-items:baseline;gap:2rem;justify-content:space-between;border-top:1px solid #28292225}
.photo-story__source p{max-width:52rem;line-height:1.55}
.photo-story__source a{flex:none;color:inherit}
.photo-story .case-conversion{background:#dadad1;color:#282922}
.photo-story .next{background:#c2c4af;color:#282922}
@media(max-width:900px){.photo-story__hero{grid-template-columns:1fr}.photo-story__hero .photo-story__frame{width:min(100%,700px);justify-self:center}.photo-story__chapter-intro{grid-template-columns:1fr}.photo-story__chapter-intro>p:last-child{grid-column:1}.photo-story__source{display:block}}
@media(max-width:640px){.photo-story__hero{padding:8rem var(--g) 4rem}.photo-story__hero h1{font-size:clamp(3rem,11vw,4.5rem)}.photo-story__chapter{padding:5rem var(--g)}.photo-story__grid{grid-template-columns:1fr;gap:3rem}.photo-story__grid .photo-story__frame:nth-child(n){grid-column:auto;width:100%;padding-top:0}.photo-story__frame picture,.photo-story__frame img{max-width:none}.photo-story .next a{font-size:clamp(3rem,16vw,5rem);overflow-wrap:anywhere}}