html[lang] .project-detail-page .project-heading{display:block;position:relative}
html[lang] .project-detail-page .project-heading>.back-link{position:absolute;top:40px;left:0}
html[lang] .project-detail-page .project-heading>div{text-align:center}
html[lang] .project-detail-page .project-heading .eyebrow{padding-inline:130px}
html[lang] .project-detail-page .project-heading :is(h1,.subtitle){margin-inline:auto}
@media(max-width:600px){
 html[lang] .project-detail-page .project-heading>.back-link{position:static}
 html[lang] .project-detail-page .project-heading>div{margin-top:28px}
 html[lang] .project-detail-page .project-heading .eyebrow{padding-inline:0}
}

/* Full-width opening image, then one curated and complete image composition. */
html[lang] .project-detail-page :is(.project-hero,.project-hero button,.project-hero img){background:transparent}
html[lang] .project-detail-page .project-hero img{width:100%;height:auto;max-height:none;object-fit:contain}
html[lang] .project-detail-page .gallery-grid{display:grid;grid-template-columns:var(--gallery-columns,repeat(2,minmax(0,1fr)));gap:28px 24px;align-items:stretch}
html[lang] .project-detail-page .gallery-grid>figure{grid-column:auto;grid-row:auto;min-width:0;margin:0;display:grid;grid-template-rows:auto auto;align-content:start}
html[lang] .project-detail-page .gallery-grid .project-media{position:relative;width:100%;height:auto;max-height:none;min-height:0;aspect-ratio:var(--frame-ratio,var(--gallery-aspect));background:transparent;overflow:hidden}
html[lang] .project-detail-page .gallery-grid .project-media img{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:var(--media-fit,cover);object-position:var(--media-position,50% 50%);background:transparent}
html[lang] .project-detail-page .gallery-grid .media-drawing{background:#fff}
html[lang] .project-detail-page .gallery-grid .media-drawing img{inset:14px;width:calc(100% - 28px);height:calc(100% - 28px);object-fit:contain}
html[lang] .project-detail-page .gallery-grid figcaption{min-height:1.4em;margin-top:12px;font-size:16px;line-height:1.4}
html[lang] .project-detail-page .gallery-grid:not(.gallery-captioned) figcaption{display:none}
html[lang] .project-detail-page .gallery-grid>:is(.gallery-portrait-feature,.gallery-portrait-left-feature){grid-column:2;grid-row:1/span 2;grid-template-rows:minmax(0,1fr) auto;align-content:stretch}
html[lang] .project-detail-page .gallery-grid>:is(.gallery-portrait-feature,.gallery-portrait-left-feature) .project-media{height:100%;aspect-ratio:auto}
html[lang] .project-detail-page .gallery-grid>.gallery-portrait-left-feature{grid-column:1}
html[lang] .project-detail-page .gallery-grid>.gallery-wide-feature{grid-column:1/-1}
html[lang] .project-detail-page .gallery-grid>.gallery-wide-feature .project-media{aspect-ratio:var(--frame-ratio,2/1)}
html[lang] .project-detail-page .gallery-stack>figure:nth-child(n){grid-column:1/-1}
html[lang] .project-detail-page .gallery-stack .media-drawing img{inset:0;width:100%;height:100%}
html[lang] .project-detail-page .gallery-grid>.gallery-landscape-feature{grid-column:1/-1}
html[lang] .project-detail-page .gallery-grid>.gallery-shared-group{grid-column:1/-1}
html[lang] .project-detail-page .gallery-shared-images{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
html[lang] .project-detail-page .gallery-shared-group>figcaption{text-align:center}
html[lang] .project-detail-page .gallery-single>figure:nth-child(n){grid-column:1/-1}
html[lang] .project-detail-page .gallery-more{text-align:center;padding-top:20px}
html[lang] .project-detail-page .gallery-more button{font:400 18px/1.5 var(--font-text);text-decoration:underline;text-underline-offset:5px}
@media(max-width:600px){
 html[lang] .project-detail-page .gallery-grid{grid-template-columns:minmax(0,1fr);gap:24px}
 html[lang] .project-detail-page .gallery-shared-images{grid-template-columns:minmax(0,1fr)}
 html[lang] .project-detail-page .gallery-grid>figure:nth-child(n){grid-column:1;grid-row:auto;grid-template-rows:auto auto;align-content:start}
 html[lang] .project-detail-page .gallery-grid>:is(.gallery-portrait-feature,.gallery-portrait-left-feature) .project-media{height:auto;aspect-ratio:4/5}
 html[lang] .project-detail-page .gallery-grid>.gallery-wide-feature .project-media{aspect-ratio:3/2}
}

html[lang] .project-detail-page .gallery-tight .media-drawing{background:transparent}
html[lang] .project-detail-page .gallery-tight .media-drawing img{inset:0;width:100%;height:100%}