body[data-view="photography"]{--paper:#000000;--ink:#f5f5f3;--muted:#c8c8c4;--line:#444440;color-scheme:dark}
.photography-view{background:var(--paper)}
body[data-view="photography"] .photo-book img{filter:invert(1)}
.photo-gallery{--photo-columns:3;--photo-gap:14px;display:grid;grid-template-columns:repeat(var(--photo-columns),minmax(0,1fr));gap:var(--photo-gap);align-items:start;padding:0 0 36px;position:relative}
.photo-gallery[data-layout="ready"]{display:block}
.photo-gallery[data-layout="ready"] .photo-tile{position:absolute;top:0;left:0}
.photo-tile{display:block;width:100%;padding:0;margin:0;border:0;background:none;align-self:start}
.photo-tile img{display:block;width:100%;height:auto;transition:opacity .18s}
.photo-tile:hover img{opacity:.88}
.photo-instagram{padding:28px 0 36px;font-size:14px;color:var(--muted)}
.photo-instagram a{display:inline-block;min-height:44px;padding:12px 0;text-decoration:underline;text-underline-offset:4px}
.photo-instagram a:hover{color:var(--ink)}
.photo-book{padding:0;border:0;background:none;display:block;min-height:44px}
.photo-book img{display:block;width:170px;height:auto}
#photo-viewer{position:fixed;inset:0;width:100vw;height:100svh;max-width:none;max-height:none;margin:0;padding:16px 24px;background:#000;color:#f5f5f3;overflow:hidden}
#photo-viewer::backdrop{background:#000;backdrop-filter:none}
.photo-viewer-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;height:48px}
.photo-viewer-bar button,.photo-viewer-nav button{border:0;background:none;color:inherit;min-width:48px;min-height:48px;font-size:28px}
.photo-stage{height:calc(100% - 112px);display:flex;align-items:center;justify-content:center}
.photo-stage img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}
.photo-viewer-nav{height:48px;display:flex;align-items:center;justify-content:center;gap:32px}
.photo-count{font-size:14px;font-variant-numeric:tabular-nums}
#photo-viewer.is-book{background:#000;color:#f5f5f3}
@media(max-width:700px){.photo-gallery{--photo-columns:2;--photo-gap:10px}.photo-book img{width:140px}#photo-viewer{padding:12px 10px}.photo-count{font-size:14px}}
@media(prefers-reduced-motion:reduce){.photo-tile img{transition:none}}