/* The original project photograph is always the first visible detail content. */
.reference-detail-page .reference-detail-lead{margin:0;background:#1c2220}
.reference-detail-page .reference-detail-lead>a{display:block;position:relative}
.reference-detail-page .reference-detail-lead-image{display:block;width:100%;height:auto;max-height:72svh;object-fit:contain}
.reference-detail-page .reference-detail-zoom{position:absolute;right:28px;bottom:24px;display:flex;align-items:center;gap:12px;background:rgba(20,26,23,.84);color:#fff;padding:10px 16px;border-radius:3px;font-size:13px;line-height:1.3;pointer-events:none}
.reference-detail-page .reference-detail-zoom>span{font-size:23px;line-height:1}
.reference-detail-page .reference-detail-caption{padding:34px 0 10px;background:var(--ref-panel)}
.reference-detail-page .reference-detail-caption .eyebrow{margin-bottom:10px}
.reference-detail-page .reference-detail-caption h1{font-size:clamp(30px,3.8vw,49px);font-weight:600;line-height:1.18;margin:0;max-width:1100px;text-wrap:balance}
.reference-detail-page .reference-detail-caption .breadcrumbs{padding:20px 0 12px;margin:0;font-size:12px}
.reference-detail-page .reference-project-detail{padding:55px 0 30px}
.reference-detail-page .project-copy{max-width:940px;margin:0 auto}
.reference-detail-page .project-copy>:last-child{margin-bottom:0}
.reference-detail-page .gallery-section{padding-top:38px}
[data-theme="dark"] .reference-detail-page .reference-detail-caption h1{color:#f3f3f3}
@media(max-width:680px){
  .reference-detail-page .reference-detail-lead-image{max-height:65svh}
  .reference-detail-page .reference-detail-zoom{right:12px;bottom:12px;padding:7px 10px;font-size:11px;gap:8px}
  .reference-detail-page .reference-detail-zoom>span{font-size:20px}
  .reference-detail-page .reference-detail-caption{padding:24px 0 4px}
  .reference-detail-page .reference-detail-caption h1{font-size:29px;line-height:1.2}
  .reference-detail-page .reference-detail-caption .breadcrumbs{padding:16px 0 12px;line-height:1.7}
  .reference-detail-page .reference-project-detail{padding:32px 0 20px}
  .reference-detail-page .gallery-section{padding-top:28px}
}