:root{color-scheme:light;--paper:#f7f4ed;--ink:#292e29;--muted:#62665e;--green:#374c3e;--line:#d8d9ce}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.6 system-ui,-apple-system,'Segoe UI',sans-serif}header,main,footer{max-width:1160px;margin:auto;padding:0 32px}header{padding-top:70px}.eyebrow{font-size:13px;letter-spacing:.2em;color:var(--green);font-weight:650}h1{font:normal clamp(36px,5vw,62px)/1.18 Georgia,serif;margin:20px 0}h1 span{white-space:nowrap}.intro{color:var(--muted);font-size:21px}.rule{height:1px;background:var(--line);margin:40px 0 34px}.heading{display:flex;align-items:center;justify-content:space-between;gap:16px}h2{font:normal 30px Georgia,serif;margin:0}#count{color:var(--muted);font-size:16px}.help{color:var(--muted);margin:16px 0 28px}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px}.photo{display:block;width:100%;padding:0;border:0;text-align:left;background:transparent;color:inherit;cursor:pointer;font:inherit}.photo .mat{display:flex;align-items:center;justify-content:center;aspect-ratio:4/3;background:#eae7de;padding:12px;overflow:hidden;border:1px solid #dedbd1}.photo img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;transition:transform .2s}.photo:hover img{transform:scale(1.025)}.photo .label{display:block;font-size:16px;letter-spacing:.05em;padding-top:12px}.photo .text{display:block;font-size:17px;padding-top:4px}button:focus-visible{outline:3px solid #8c572d;outline-offset:5px}footer{margin-top:52px;padding-top:24px;padding-bottom:36px;border-top:1px solid var(--line);color:var(--muted);font-size:15px}footer p{margin:5px 0}dialog{width:min(1100px,calc(100% - 32px));max-height:95dvh;padding:20px 24px;border:1px solid var(--line);border-radius:6px;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#19231de6}.viewer-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.viewer-top span{font-size:16px}dialog button{font:600 17px/1.4 system-ui;min-height:48px;padding:10px 20px;border:1px solid #aeb8ac;border-radius:5px;background:#fff;color:var(--green);cursor:pointer}dialog button:disabled{opacity:.4;cursor:default}.image-stage{height: min(58dvh,650px);display:flex;align-items:center;justify-content:center;margin:14px 0;touch-action:pan-y}.image-stage img{max-width:100%;max-height:100%;object-fit:contain}.caption{text-align:center}.caption p{margin:4px 0 12px}.caption p:empty{display:none}nav{display:flex;justify-content:space-between;gap:16px}.swipe-hint{text-align:center;color:var(--muted);font-size:14px;margin:12px 0 0}body.modal-open{overflow:hidden}@media(max-width:760px){.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}header,main,footer{padding-left:22px;padding-right:22px}header{padding-top:36px}h1 span{display:block;white-space:normal}.rule{margin:28px 0}.help{font-size:17px}}@media(max-width:480px){.gallery{grid-template-columns:1fr;gap:26px}.photo .mat{aspect-ratio:4/3}.photo .label{font-size:18px}dialog{width:calc(100% - 16px);padding:14px}.image-stage{height:52dvh}dialog button{padding:10px 13px;font-size:16px}.heading h2{font-size:27px}}@media(prefers-reduced-motion:reduce){.photo img{transition:none}}
