/* One project overview: thumbnails on the left, its full description on the right. */
.project-viewer .dossier-body{display:block;position:relative;flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:0 0 32px}
.dossier-overview{display:grid;grid-template-columns:var(--overview-photos,640px) 256px;column-gap:64px;align-items:start;position:relative}
.dossier-views{min-width:0;position:relative}
.dossier-overview .project-gallery{position:static;display:grid;grid-template-columns:repeat(var(--overview-cols,4),var(--overview-tile,160px));grid-auto-rows:var(--overview-tile,160px);width:var(--overview-photos,640px);height:auto;max-width:none;margin:0;padding:0;gap:0;overflow:visible;align-items:start;justify-content:start;visibility:visible}
.dossier-overview .gallery-thumb{display:block;width:var(--overview-tile,160px);height:var(--overview-tile,160px);opacity:1;cursor:zoom-in;background:var(--bg);position:relative;overflow:hidden}
.dossier-overview .gallery-thumb img{display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;filter:none}
.dossier-overview .gallery-number{width:32px;height:32px}
.project-viewer .dossier-info{position:static;inset:auto;display:flex;flex-direction:column;grid-template-columns:none;grid-template-rows:none;align-items:stretch;justify-content:flex-start;width:256px;height:auto;max-height:none;margin:0;padding:0;gap:16px;overflow:visible;visibility:visible;text-align:center;background:var(--bg)}
.project-viewer .dossier-info>*{position:static;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:0;padding:0 16px;margin:0;gap:8px;overflow:visible;flex:none}
.project-viewer .dossier-info .dossier-identity{min-height:128px}
.project-viewer .dossier-info .dossier-facts{min-height:128px;gap:16px}
.project-viewer .dossier-info .project-summary{padding:16px;min-height:96px;max-width:none;text-align:center;line-height:1.8}
.project-viewer .dossier-info .project-summary:empty{display:none}
.project-viewer .dossier-info .dossier-stamp{min-height:128px;padding:16px;gap:8px;line-height:1.6}
.project-viewer .dossier-info .project-asset-note{padding:0}
.dossier-overview .dossier-empty{position:static;min-height:128px;display:grid;place-items:center;color:var(--muted)}
.gallery-hint{position:absolute;left:50%;transform:translateX(-50%);font-size:var(--type);color:var(--muted);text-align:center;white-space:nowrap;letter-spacing:0}
.lightbox-status{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted);font-size:var(--type)}
@media(max-width:767px){
 .dossier-overview{grid-template-columns:1fr;row-gap:32px}
 .project-viewer .dossier-info{justify-self:center}
 .project-viewer .dossier-info .dossier-identity{min-height:96px}
 .project-viewer .dossier-info .dossier-facts{min-height:112px}
 .gallery-hint{max-width:144px;font-size:10px}
}
.project-viewer .dossier-body{scrollbar-color:#333333 var(--bg)}
.dossier-views{width:var(--overview-photos,640px)}
@media(max-width:767px){.gallery-hint{width:96px;max-width:96px;white-space:normal;line-height:1.4}}
/* The enlarged view remains a window in the project, alongside its information. */
.dossier-views .image-viewer{position:relative;inset:auto;width:var(--overview-photos);height:var(--image-panel-height,512px);margin:0;padding:0;border:0;background:var(--bg);overflow:hidden;max-width:none;max-height:none}
.dossier-views .image-viewer:not([open]){display:none}
.dossier-overview.has-image .project-gallery,.dossier-overview.has-image .dossier-empty{display:none}
.dossier-views .lightbox-layout{position:relative;height:100%}
.dossier-views .lightbox-title{width:128px;flex:none;letter-spacing:0}
.dossier-views .lightbox-stage{background:var(--bg)}
.dossier-views .lightbox-note{font-size:10px;line-height:1.4;padding:0 8px}
.dossier-overview.has-image .dossier-info{scrollbar-color:#333333 var(--bg)}
@media(max-width:767px){
 .dossier-overview.has-image{row-gap:16px}
 .dossier-views .lightbox-top,.dossier-views .lightbox-bottom{height:32px}
 .dossier-views .lightbox-layout .cell{width:32px;height:32px}
 .dossier-views .lightbox-counter{width:64px}
 .dossier-views .lightbox-note{display:none}
 .dossier-overview.has-image .dossier-info{max-height:var(--info-visible-height);overflow:auto;gap:8px;overscroll-behavior:contain}
 .dossier-overview.has-image .dossier-info .dossier-identity{min-height:48px}
 .dossier-overview.has-image .dossier-info .dossier-facts{min-height:64px;gap:8px}
 .dossier-overview.has-image .dossier-info .project-summary{min-height:64px;padding:8px 16px;line-height:1.6}
 .dossier-overview.has-image .dossier-info .dossier-stamp{min-height:64px;padding:8px 16px}
}
/* The page frame and its controls share the same sixteen-pixel base. */
.grid-world{min-height:var(--surface-height,100svh)}
body.map-home .grid-world{height:var(--surface-height,100svh)}
.project-viewer,.index-dialog{height:var(--surface-height,100svh)}
@media(max-width:767px){
 body.map-home .footer{height:48px}
 body.map-home .footer .cell{width:48px;height:48px}
 .dossier-layout .viewer-top>.cell,.dossier-layout .viewer-bottom>.cell{width:64px;height:64px}
 .dossier-layout .viewer-counter{width:64px}
 .gallery-hint{display:none}
}