/* Image-first detail layout and shared immersive viewer. */

.project-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) var(--detail-rail);gap:var(--space-7);padding-block:var(--space-7) var(--space-8);align-items:start}.project-visual-column{min-width:0}.visual-heading{display:flex;justify-content:space-between;gap:1rem;margin-bottom:var(--space-5)}.visual-heading .eyebrow{font-size:var(--text-xs)}.project-visual-column figure+figure{margin-top:var(--space-6)}.project-visual-column figcaption{color:var(--muted);font-size:var(--text-xs);margin-top:var(--space-2)}.detail-image-button{padding:0;width:100%;display:block;position:relative}.detail-image-button img{width:100%;height:auto}.detail-image-plus{position:absolute;right:1rem;top:1rem;font-size:var(--text-xl);opacity:0;transform:translateY(5px);transition:opacity var(--transition),transform var(--transition)}.detail-image-button:hover .detail-image-plus,.detail-image-button:focus-visible .detail-image-plus{opacity:1;transform:none}.project-info-column{position:sticky;top:calc(var(--nav-height) + var(--space-5));padding-top:0;max-height:calc(100svh - var(--nav-height) - 3rem);overflow:auto;scrollbar-width:thin;padding-right:var(--space-2)}.project-info-column h1{font:var(--text-xl)/1.7 var(--font-serif);margin-top:var(--space-5)}.project-en{font:var(--text-sm)/1.7 var(--font-serif);color:var(--muted);margin-top:var(--space-3)}.project-one-liner{font-size:var(--text-sm);margin-top:var(--space-6);color:var(--muted)}.detail-facts{margin-block:var(--space-6);border-top:var(--border);padding-top:var(--space-4)}.detail-facts>div{display:grid;grid-template-columns:minmax(7rem,38%) minmax(0,1fr);gap:.5rem;padding-block:.5rem}.detail-facts dt{font-size:var(--text-xs);color:var(--muted)}.detail-facts dd{margin:0;font-size:var(--text-xs)}.info-section{padding-block:var(--space-5);border-top:var(--border)}.info-section h2{font-size:var(--text-sm);margin-bottom:var(--space-4)}.info-section p{font-size:var(--text-sm);color:var(--muted)}.info-section p+p{margin-top:var(--space-3)}.info-section .boundary-note{margin-top:var(--space-4);font-size:var(--text-xs);padding-left:var(--space-3)}.project-info-column>.text-link{margin-top:var(--space-5)}.gallery-viewer{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;border:0;background:var(--viewer-bg);color:var(--viewer-text);padding:0;--paper:var(--viewer-bg);--ink:var(--viewer-text);--line:var(--viewer-line);--muted:var(--viewer-muted);--surface:var(--viewer-surface);--faint:var(--viewer-faint)}.gallery-viewer::backdrop{background:var(--viewer-bg)}.gallery-viewer[open]{display:flex;flex-direction:column}.viewer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);padding:var(--space-5) var(--space-7);border-bottom:var(--border)}.viewer-toolbar>div{display:flex;gap:var(--space-6)}.viewer-toolbar button{font-size:var(--text-sm);padding:.3rem}.viewer-layout{display:grid;grid-template-columns:minmax(0,1fr) var(--viewer-rail);flex:1;min-height:0;transition:grid-template-columns var(--transition)}.viewer-stage{position:relative;min-width:0;min-height:0;display:grid;grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;gap:var(--space-4);padding:var(--space-6) var(--space-5) var(--space-7)}.viewer-image{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:0;padding:0;overflow:hidden}.viewer-image img{object-fit:contain;width:100%;height:100%}.viewer-image .media-placeholder{height:100%;width:auto;max-width:100%;max-height:100%;aspect-ratio:var(--ratio);border:0}.viewer-image .placeholder-center{font:italic 4rem var(--font-serif);color:var(--viewer-placeholder)}.viewer-count{position:absolute;bottom:var(--space-4);left:50%;transform:translateX(-50%);font:var(--text-xs) var(--font-mono);color:var(--muted)}.viewer-previous,.viewer-next{font-size:var(--text-xl);padding:.7rem}.viewer-info{border-left:var(--border);padding:var(--space-7) var(--space-6);overflow:auto;min-width:0;transition:opacity var(--transition)}.viewer-info h2{font:var(--text-xl)/1.7 var(--font-serif);margin-top:var(--space-6)}.viewer-subtitle{font:var(--text-sm)/1.7 var(--font-serif);color:var(--muted);margin-top:var(--space-3)}.viewer-info dl{margin-block:var(--space-7);border-top:var(--border)}.viewer-info dl>div{padding-top:var(--space-5)}.viewer-info dt{color:var(--muted);font-size:var(--text-xs)}.viewer-info dd{font-size:var(--text-sm);margin:var(--space-2) 0 0}.viewer-caption{font-size:var(--text-sm);color:var(--muted)}.viewer-help{font-size:var(--text-xs);padding:var(--space-3) var(--space-7);border-top:var(--border);color:var(--muted);text-align:center}.gallery-viewer.info-hidden .viewer-layout{grid-template-columns:minmax(0,1fr) 0}.gallery-viewer.info-hidden .viewer-info{opacity:0;padding-inline:0;overflow:hidden;border:0}.gallery-viewer.info-hidden .viewer-info>*{visibility:hidden}
/* Quiet image overlays echo the reference while keeping names visible. */
.project-card>a{display:block;position:relative}.project-card .entry-head{padding-bottom:var(--space-3);border-bottom:var(--border);transition:padding var(--transition)}.project-card:hover .entry-head{padding-left:var(--space-2)}.project-card .media-placeholder::after{transition:opacity var(--transition)}.project-card:hover .media-placeholder::after{opacity:.8}.project-card:hover .placeholder-center{opacity:.7;transition:opacity var(--transition)}
@media(max-width:1100px){:root{--detail-rail:280px;--viewer-rail:280px}.project-detail-layout{gap:var(--space-6)}.viewer-stage{gap:.3rem;padding-inline:1rem}.viewer-toolbar{padding:1.2rem 2rem}}@media(max-width:760px){.project-detail-layout{display:flex;flex-direction:column-reverse;gap:var(--space-6)}.project-info-column{position:static;max-height:none;width:100%;overflow:visible}.project-visual-column{width:100%}.project-info-column h1{font-size:1.6rem}.visual-heading{flex-wrap:wrap}.viewer-toolbar{padding:1rem;gap:1rem}.viewer-toolbar .eyebrow{font-size:.75rem;letter-spacing:.02em}.viewer-toolbar>div{gap:.6rem}.viewer-toolbar button{font-size:.75rem}.viewer-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) 170px}.viewer-info{padding:1rem 1.5rem;border-left:0;border-top:var(--border)}.viewer-info h2{font-size:1rem;margin-top:.5rem}.viewer-info dl{display:flex;gap:1rem;flex-wrap:wrap;margin-block:1rem}.viewer-info dl>div{padding-top:0}.viewer-subtitle,.viewer-info>.eyebrow,.viewer-caption{display:none}.gallery-viewer.info-hidden .viewer-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) 0}.viewer-stage{grid-template-columns:24px minmax(0,1fr) 24px;padding:1.2rem .5rem 2.5rem}.viewer-previous,.viewer-next{padding:.25rem}.viewer-image .media-placeholder{width:100%;height:auto;max-height:100%}.viewer-help{font-size:.75rem;padding:.6rem}.viewer-info dl dt,.viewer-info dl dd{font-size:.75rem}.viewer-image .placeholder-label{font-size:.75rem;left:1rem;bottom:1rem}.viewer-image .placeholder-center{font-size:2.5rem}}
.project-detail-layout.gallery-only-detail{grid-template-columns:minmax(0,1fr)}