/* Show the complete project photograph inside the details popup. */
#project-detail-dialog{max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow:hidden}
#project-detail-dialog .project-dialog-layout{height:min(760px,88vh);height:min(760px,calc(100dvh - 48px));max-height:none;min-height:0}
#project-detail-dialog .project-dialog-layout>figure{display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;height:100%;margin:0;aspect-ratio:auto;background:#f0f2f5;overflow:hidden}
#project-detail-dialog .project-dialog-layout>figure img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center;transform:none}
#project-detail-dialog .project-dialog-content{min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
@media(max-width:980px){
 #project-detail-dialog{overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
 #project-detail-dialog .project-dialog-layout{height:auto;max-height:none;overflow:visible;grid-template-columns:minmax(0,1fr)}
 #project-detail-dialog .project-dialog-layout>figure{height:clamp(220px,60vw,460px);height:clamp(220px,52dvh,460px);flex-shrink:0}
 #project-detail-dialog .project-dialog-content{overflow:visible}
}
@media(max-width:640px){#project-detail-dialog{width:calc(100% - 20px);max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px)}#project-detail-dialog .project-dialog-layout>figure{height:clamp(200px,50vh,400px);height:clamp(200px,50dvh,400px)}}