/* Shared alignment rules for project and collection pages. */
.detail-page .project-title{overflow-wrap:break-word;text-wrap:balance}
.detail-page .project-top{padding-bottom:56px}
.detail-page .case-heading{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:last baseline;gap:32px}
.detail-page .case-heading>p{justify-self:end;text-align:right;width:100%;max-width:56ch}
.detail-page .case-heading>div,.detail-page .case-heading>h2{min-width:0}
.detail-page .gallery{min-width:0}
.detail-page .gallery figure{min-width:0}
.detail-page .gallery figcaption{overflow-wrap:anywhere}
.detail-page.collection-page .brand-gallery,
.detail-page.collection-page .hero-gallery{max-width:none;width:100%}
.detail-page .collection-info{text-align:right;line-height:1.85;margin-bottom:32px}
.detail-page .project-navigation a:last-child{text-align:right}
.detail-page .lightbox{max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);padding:48px 60px 24px}
.detail-page .lightbox img{max-width:calc(100vw - 154px);max-height:calc(100dvh - 166px)}
.detail-page .lightbox figcaption{align-items:baseline;gap:12px 24px;line-height:1.6}
.detail-page [data-lightbox-caption]{min-width:0;overflow-wrap:anywhere}
.detail-page [data-original-link]{white-space:nowrap;flex-shrink:0}
@media(max-width:1100px){
 .detail-page .case-heading{gap:28px}
 .detail-page .case-heading h2{font-size:36px}
 .detail-page .project-title{font-size:clamp(48px,6.4vw,76px)}
}
html:has(body.detail-page){scrollbar-gutter:stable}
body.detail-page{min-width:0}