/* Selected B direction: dark photographic gallery. */
:root{--paper:oklch(23% .005 150);--ink:oklch(95% .01 90);--muted:oklch(73% .01 110);--rule:oklch(40% .008 110);--focus:oklch(81% .07 90);--surface:oklch(32% .012 140);--backdrop:oklch(10% .005 150/.94)}.albums{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:48px}.album{display:block;text-decoration:none}.album:nth-child(even){margin-top:72px}.album>img{width:100%;height:420px;object-fit:cover;display:block;background:var(--surface)}.album>div{display:flex;align-items:center;justify-content:space-between;gap:16px}.album h2{font:400 30px/1.4 var(--font-display);margin:16px 0 8px}.album p{font-size:14px;color:var(--muted);max-width:55ch}.album:hover h2{text-decoration:underline;text-underline-offset:6px}.photo-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:40px}.photo-grid figure{margin:0;min-width:0}.photo-grid figure:nth-child(even){margin-top:64px}.photo{display:block;width:100%;padding:0;border:0;background:var(--surface);overflow:clip}.photo img{display:block;width:100%;height:420px;object-fit:cover;transition:transform 180ms var(--ease-out)}.photo:hover img{transform:scale(1.015)}figcaption{font-size:13px;color:var(--muted);margin-top:16px;line-height:1.8}dialog{border:0;width:min(1320px,96vw);max-height:96dvh;padding:20px 24px;background:var(--paper);color:var(--ink)}dialog::backdrop{background:var(--backdrop)}.viewer-head,.viewer-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:14px}.viewer-head span{max-width:70%;line-height:1.7}.viewer-head button,.viewer-controls button{background:none;border:0;padding:12px;min-height:44px;white-space:nowrap}.viewer-image{height:70dvh;display:grid;place-items:center;padding-block:16px}.viewer-image img{height:100%;width:100%;object-fit:contain}.viewer-image p{font-size:15px}.viewer-controls{margin-top:12px}body.viewer-open{overflow-y:hidden}@media(max-width:750px){.albums,.photo-grid{grid-template-columns:minmax(0,1fr);gap:32px}.album:nth-child(even),.photo-grid figure:nth-child(even){margin-top:0}.album>img,.photo img{height:auto;max-height:520px;object-fit:contain}.album>img{aspect-ratio:4/3;object-fit:cover}dialog{padding:12px}.viewer-head span{font-size:12px}.viewer-image{height:64dvh}.viewer-controls{font-size:13px}}