.images-page-body,.image-detail-body{background-color:var(--color-canvas)}.images-page,.image-detail{width:min(100% - 40px,1120px);margin-inline:auto;padding:128px 0 112px}@media (width>=768px){.images-page,.image-detail{width:min(100% - 64px,1180px);padding:168px 0 136px}}.images-page-header,.image-detail-header{max-width:38rem}.images-kicker,.image-detail-back,.image-entry-meta,.image-detail-meta,.image-nav-link span,.image-open-hint,.image-viewer-toolbar,.images-empty{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--color-ink-muted);font-size:11px}.images-kicker{margin-bottom:18px}.images-page-title,.image-detail-title{font-family:var(--font-serif);letter-spacing:-.03em;color:var(--color-ink);font-weight:500}.images-page-title{font-size:clamp(2.4rem,5vw,4.2rem);line-height:1.05}.images-page-lead,.image-detail-caption,.image-entry-caption{font-family:var(--font-serif);color:var(--color-ink-soft)}.images-page-lead{max-width:28rem;margin-top:18px;font-size:1.02rem;line-height:1.7}.images-empty{margin-top:64px}.image-flow{flex-direction:column;gap:72px;margin-top:72px;display:flex}@media (width>=900px){.image-flow{gap:96px;margin-top:96px}}.image-entry{width:min(100%,760px)}.image-entry.is-landscape{width:min(100%,920px)}.image-entry.is-portrait{width:min(100%,430px);margin-left:auto}.image-entry.is-square{width:min(100%,540px);margin-left:8%}.image-entry:nth-child(3n){margin-left:0}.image-entry:nth-child(3n+2).is-landscape{margin-left:auto}.image-entry-link,.image-open-viewer{text-align:left;cursor:zoom-in;background:0 0;border:0;width:100%;padding:0;display:block}.image-entry-link:focus-visible,.image-open-viewer:focus-visible,.image-detail-back:focus-visible,.image-nav-link:focus-visible,.image-viewer-close:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}.image-entry-link img,.image-open-viewer img,.image-viewer-stage img{border-radius:var(--radius-media);width:100%;height:auto;display:block}.image-frame-placeholder{border:1px solid var(--color-border);border-radius:var(--radius-media);color:#1c1b1a6b;width:100%;font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;background:linear-gradient(#1c1b1a09,#1c1b1a12),repeating-linear-gradient(135deg,#0000,#0000 11px,#1c1b1a08 11px 12px);flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:.72rem;display:flex}.image-frame-placeholder.is-landscape{aspect-ratio:4/3}.image-frame-placeholder.is-portrait{aspect-ratio:3/4}.image-frame-placeholder.is-square{aspect-ratio:1}.image-frame-ratio{opacity:.72}.image-entry-copy{flex-direction:column;gap:8px;max-width:28rem;margin-top:14px;display:flex}.image-entry-caption{text-wrap:pretty;font-size:.98rem;line-height:1.65}.image-entry-meta{flex-wrap:wrap;gap:12px;display:flex}.image-detail-back{margin-bottom:48px;transition:color .16s;display:inline-flex}.image-detail-back:hover{color:var(--color-accent)}.image-detail-stage{justify-content:flex-start;display:flex}.image-detail.is-landscape .image-detail-stage,.image-detail.is-landscape .image-open-viewer{width:min(100%,960px)}.image-detail.is-portrait .image-detail-stage{justify-content:center}.image-detail.is-portrait .image-open-viewer{width:min(100%,420px)}.image-detail.is-square .image-detail-stage{justify-content:center}.image-detail.is-square .image-open-viewer{width:min(100%,560px)}.image-open-viewer{position:relative}.image-open-hint{color:var(--color-ink-muted);opacity:0;pointer-events:none;background:#f6f4eedb;padding:5px 8px;position:absolute;bottom:14px;right:14px}.image-open-viewer:hover .image-open-hint,.image-open-viewer:focus-visible .image-open-hint{opacity:1}.image-detail-record{width:min(100%,34rem);margin-top:36px}.image-detail-title{font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.2}.image-detail-caption{margin-top:14px;font-size:1.05rem;line-height:1.75}.image-detail-meta{border-top:1px solid var(--color-border);gap:16px;margin-top:28px;padding-top:20px;display:grid}.image-detail-meta div{grid-template-columns:7.5rem minmax(0,1fr);align-items:baseline;gap:16px;display:grid}.image-detail-meta dt{color:#7a766fd1}.image-detail-meta dd{font-family:var(--font-serif);letter-spacing:0;text-transform:none;color:var(--color-ink-soft);font-size:.98rem}.image-detail-nav{border-top:1px solid var(--color-border);grid-template-columns:1fr 1fr;gap:24px;margin-top:72px;padding-top:24px;display:grid}.image-nav-link{min-height:44px;color:var(--color-ink);flex-direction:column;gap:8px;display:flex}.image-nav-link.is-next{text-align:right}.image-nav-link strong{font-family:var(--font-serif);font-size:1.05rem;font-weight:500}.image-nav-link:hover strong{color:var(--color-accent)}.image-nav-link.is-disabled{visibility:hidden}.image-viewer{width:min(100vw - 24px,1280px);max-height:calc(100vh - 24px);color:var(--color-ink-inverse);background:#11110f;border:0;margin:auto;padding:0;overflow:hidden}.image-viewer::backdrop{background:#11110fe0}.image-viewer-toolbar{justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.image-viewer-toolbar p{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.image-viewer-close{min-height:44px;color:var(--color-ink-inverse);padding:0 8px}.image-viewer-stage{justify-content:center;align-items:center;min-height:min(78vh,820px);padding:0 16px 24px;display:flex}.image-viewer-stage img,.image-viewer-stage .image-frame-placeholder{object-fit:contain;width:auto;max-width:min(100%,1120px);max-height:min(78vh,820px)}.image-viewer-stage .image-frame-placeholder{width:min(100%,720px)}.image-viewer .image-frame-placeholder{color:#f8f6f09e;background:linear-gradient(#f8f6f014,#f8f6f024),repeating-linear-gradient(135deg,#0000,#0000 11px,#f8f6f00d 11px 12px);border-color:#f8f6f029}@media (width<=767px){.images-page,.image-detail{width:min(100% - 32px,1120px);padding:112px 0 88px}.image-flow{gap:48px;margin-top:48px}.image-entry,.image-entry.is-landscape,.image-entry.is-portrait,.image-entry.is-square,.image-detail.is-landscape .image-open-viewer,.image-detail.is-portrait .image-open-viewer,.image-detail.is-square .image-open-viewer{width:100%;margin-left:0}.image-detail-meta div{grid-template-columns:1fr;gap:4px}.image-detail-nav{grid-template-columns:1fr;gap:18px}.image-nav-link.is-next{text-align:left}.image-open-hint{opacity:1}.image-viewer{width:100vw;height:100vh;max-height:100vh;margin:0}.image-viewer-toolbar{padding:calc(12px + env(safe-area-inset-top)) 16px 12px}.image-viewer-stage{min-height:calc(100vh - 72px);padding:0 12px calc(20px + env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){.image-detail-back,.image-open-hint,.image-nav-link strong{transition:none}}