.story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px 4%;align-items:start}
.story-card{min-width:0;margin:0}
.story-card .photo-frame{aspect-ratio:4/5;overflow:hidden;height:auto}
.story-card .photo-frame img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:var(--photo-x,50%) var(--photo-y,50%);transition:transform .4s}
.story-card:hover .photo-frame img{transform:scale(1.02)}
.featured-layout-staggered .story-card:nth-child(2){margin-top:75px}
.featured-layout-staggered .story-card:nth-child(3){margin-top:145px}
.collection-list .story-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:45px 5%}
.story-grid.count-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.story-grid.count-1{grid-template-columns:minmax(0,1fr);max-width:820px}
.work-diptych{display:grid;width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:4%;align-items:start}
.work-diptych figure{padding:0;margin:0;width:100%;align-self:start;min-width:0}
.work-diptych .photo-button{width:100%;display:block}
.work-diptych img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:var(--photo-x,50%) var(--photo-y,50%)}
.work-diptych.layout-staggered figure:nth-child(2){margin-top:20%}
.work-diptych.single{grid-template-columns:minmax(0,1fr);max-width:700px}
.photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;width:88%;max-width:1160px;margin-inline:auto;padding-bottom:70px;align-items:start}
.photo-grid figure{margin:0;padding:0;width:100%;min-width:0;align-self:start}
.photo-grid .photo-button{display:block;width:100%;height:auto;overflow:hidden}
.photo-grid .photo-button img{display:block;width:100%;height:auto;max-height:none;aspect-ratio:4/5;object-fit:cover;object-position:var(--photo-x,50%) var(--photo-y,50%)}
.photo-grid.gallery-landscape .photo-button img{aspect-ratio:3/2}
.photo-grid.gallery-full{grid-template-columns:minmax(0,1fr);max-width:980px;gap:40px}
.photo-grid.gallery-full figure{max-width:min(100%,calc(90svh * var(--photo-natural-ratio,1)));justify-self:center}
.photo-grid.gallery-full .photo-button img{aspect-ratio:auto;max-height:90svh;object-fit:contain}
.photo-grid .photo-button:hover img{transform:none}
.about-page{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8%;padding-block:70px;align-items:start}
.about-page.image-right .about-photograph{grid-column:2;grid-row:1}
.about-page.image-right .about-copy{grid-column:1;grid-row:1}
.about-page.no-photo{grid-template-columns:1fr;max-width:820px}
.about-page.no-photo .about-copy{grid-column:1;grid-row:auto}
#lightbox .lightbox-stage{min-height:0;position:relative}
#lightbox-image{width:100%;height:100%;max-height:76svh;object-fit:contain;aspect-ratio:auto;transition:opacity .15s}
#lightbox-image[aria-busy=true]{opacity:.45}
#lightbox .lightbox-stage button{z-index:2}
@media(max-width:1000px){.story-grid{gap:30px 3%}
.photo-grid{gap:22px}
}
@media(max-width:700px){.story-grid,.story-grid.count-2,.collection-list .story-grid,.work-diptych,.photo-grid{grid-template-columns:minmax(0,1fr);gap:28px}
.story-card,.featured-layout-staggered .story-card:nth-child(n){margin:0;width:100%;justify-self:stretch}
.story-card .photo-frame img,.work-diptych img{object-position:var(--photo-mobile-x,50%) var(--photo-mobile-y,50%)}
.work-diptych.layout-staggered figure:nth-child(2){margin:0}
.photo-grid{width:92%;padding-bottom:48px;gap:24px}
.photo-grid.gallery-full{gap:28px}
.photo-grid .photo-button img{object-position:var(--photo-mobile-x,50%) var(--photo-mobile-y,50%)}
.about-page{display:flex;flex-direction:column;gap:32px;padding-block:40px 54px}
.about-page .about-copy{order:0}
.about-page .about-photograph{order:1;width:100%}
.about-page.mobile-photo .about-photograph{order:-1}
.about-page .about-photograph{padding-top:0}
.about-page .about-photograph:before{display:none}
.page-intro{padding-top:46px;padding-bottom:30px}
.page-intro>p{margin-bottom:0}
}
@media(prefers-reduced-motion:reduce){#lightbox-image,.story-card .photo-frame img{transition:none}
}
.photo-grid figcaption{display:flex;align-items:baseline;gap:16px;margin-top:14px;font:italic 14px/1.6 var(--serif)}
.photo-grid figcaption>span:first-child{flex:none;font:11px/1.6 var(--sans)}
.photo-grid .photo-caption-text{font:inherit;min-width:0}
.story-grid.presentation-natural,.photo-grid.presentation-natural{display:flex;flex-wrap:wrap;align-items:flex-start;gap:36px 24px;max-width:1160px}
.presentation-natural>figure,.presentation-natural>.story-card{flex:var(--natural-ratio) 1 calc(var(--natural-ratio) * 340px);min-width:0;max-width:100%;margin:0;align-self:flex-start}
.presentation-natural> :last-child{flex-grow:0}
.presentation-natural .photo-frame{aspect-ratio:auto;height:auto;overflow:visible}
.presentation-natural .photo-frame img,.photo-grid.presentation-natural .photo-button img{display:block;width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain;transform:none!important}
.photo-grid.presentation-natural figure{justify-self:auto;max-width:100%}
.presentation-natural .photo-frame img{transition:none}
.presentation-natural .story-card:nth-child(n){margin-top:0}
@media(min-width:701px) and (max-width:1000px){.presentation-natural>figure,.presentation-natural>.story-card{flex-basis:calc(var(--natural-ratio) * 280px)}
}
@media(max-width:700px){.story-grid.presentation-natural,.photo-grid.presentation-natural{display:flex;flex-direction:column;gap:30px;width:92%;margin-inline:auto}
.presentation-natural>figure,.presentation-natural>.story-card{flex:none;width:100%;max-width:none}
.selected .story-grid.presentation-natural,.collection-list .story-grid.presentation-natural{width:100%}
}
.page-surface :is(.story-card,.photo-grid figure,.work-diptych figure,.photo-chapter figure).reveal-copy.entered{animation:none;opacity:1}
