.contact-header,.contact-main,.contact-footer{width:min(100% - 3rem,92rem);margin:auto}.contact-header{padding:3rem 0 2rem;border-bottom:3px double var(--ink)}.contact-header h1{font-size:clamp(3.2rem,8vw,7rem);margin:.45rem 0 1rem}.contact-intro{max-width:48rem;color:var(--muted);font-size:1.25rem}.contact-summary{display:flex;align-items:baseline;gap:1rem;margin-top:2rem}.contact-summary strong{color:var(--red);font-size:3rem;font-weight:400;font-variant-numeric:oldstyle-nums}.contact-summary span{color:var(--muted);font-style:italic}.contact-main{display:block;padding:2.2rem 0 5rem;border:0}.contact-toolbar{display:flex;justify-content:space-between;align-items:center;gap:2rem;margin-bottom:2rem}.contact-toolbar p{margin:0;color:var(--muted)}.contact-toolbar button{flex:none;padding:.65rem .85rem;border:1px solid var(--ink);background:transparent;color:var(--ink);font:inherit;cursor:pointer}.contact-toolbar button:hover,.contact-toolbar button:focus-visible,.contact-toolbar button[aria-pressed="true"]{background:var(--ink);color:var(--paper)}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));gap:1px;margin:0;padding:1px;background:var(--rule);list-style:none}.photo-card{position:relative;min-width:0;background:var(--paper)}.photo-card button{display:block;width:100%;height:100%;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:zoom-in}.photo-card img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;filter:saturate(.82)}.photo-card button:hover img,.photo-card button:focus-visible img{filter:saturate(1);outline:3px solid var(--red);outline-offset:-3px}.photo-card .quality-stars{top:.5rem;right:.5rem}.photo-meta{display:grid;grid-template-columns:auto 1fr;gap:.7rem;padding:.75rem}.photo-number{color:var(--red);font-size:.8rem;font-variant-numeric:tabular-nums}.photo-caption{line-height:1.25;font-size:.92rem}.photo-status{display:block;margin-top:.3rem;color:var(--green);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.photo-grid.compact{grid-template-columns:repeat(auto-fill,minmax(7rem,1fr))}.photo-grid.compact .photo-meta{display:none}dialog{position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:#171717;color:#fff}dialog::backdrop{background:rgba(20,17,14,.9)}.contact-viewer-stage{position:relative;display:grid;place-items:center;height:calc(100% - 5rem);overflow:hidden;cursor:grab;touch-action:none}.contact-viewer-stage:active{cursor:grabbing}.contact-viewer-stage img{display:block;max-width:100%;max-height:100%;object-fit:contain;user-select:none;will-change:transform}.contact-viewer-stage .quality-stars{top:1rem;right:1rem}.contact-viewer-toolbar{min-height:5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.5rem 1.25rem}.contact-viewer-toolbar figcaption{font-size:.9rem;font-style:italic}.contact-viewer-actions{display:flex;gap:.4rem}.contact-viewer-actions button{width:2.75rem;height:2.75rem;border:1px solid #ddd;background:#303030;color:#fff;font:inherit;font-size:1.15rem;cursor:pointer}.contact-viewer-actions button:focus-visible{outline:2px solid #fff;outline-offset:2px}.contact-footer{padding:2rem 0 4rem;border-top:1px solid var(--rule)}.contact-footer a{color:inherit;text-decoration:none;border-bottom:1px solid var(--rule)}@media(max-width:640px){.contact-header,.contact-main,.contact-footer{width:min(100% - 2rem,92rem)}.contact-toolbar{display:block}.contact-toolbar button{margin-top:1rem}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-viewer-toolbar{padding:.4rem .65rem}.contact-viewer-toolbar figcaption{font-size:.72rem}.contact-viewer-actions{gap:.2rem}.contact-viewer-actions button{width:2.4rem;height:2.4rem}}
.photo-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.photo-grid.compact{grid-template-columns:repeat(10,minmax(0,1fr))}@media(max-width:1100px){.photo-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.photo-grid.compact{grid-template-columns:repeat(8,minmax(0,1fr))}}@media(max-width:840px){.photo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.photo-grid.compact{grid-template-columns:repeat(6,minmax(0,1fr))}}@media(max-width:640px){.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.photo-grid.compact{grid-template-columns:repeat(4,minmax(0,1fr))}}
.photo-notice{display:block;margin:.1rem .75rem .85rem;color:var(--red);font-size:.82rem;text-decoration:none;border-bottom:1px solid var(--rule)}.photo-notice:hover,.photo-notice:focus-visible{border-color:currentColor}.photo-grid.compact .photo-notice{display:none}
.series-index{margin-top:1.25rem;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}.series-index summary{padding:.9rem 0;color:var(--ink);font-size:1rem;font-weight:600;cursor:pointer}.series-index[open]{padding-bottom:.8rem}.series-index .contact-intro{margin:.55rem 0;font-size:1rem}.series-index summary:focus-visible{outline:2px solid var(--red);outline-offset:4px}@media(max-width:640px){.contact-header{padding-top:1.4rem}.contact-header h1{font-size:clamp(2.5rem,14vw,4.2rem)}.contact-summary{margin-top:1.25rem}.contact-summary strong{font-size:2.4rem}.contact-main{padding-top:1.25rem}.contact-toolbar{margin-bottom:1rem}.contact-toolbar button{width:100%;min-height:3rem}.photo-card img{min-height:7rem;background:#ddd}}
.photo-card button,dialog figure{position:relative}.quality-stars{position:absolute;z-index:2;top:.65rem;right:.65rem;display:inline-flex;align-items:center;gap:.38rem;padding:.28rem .44rem;border-radius:999px;background:rgba(20,17,14,.72);color:#f3df9a;font:400 .72rem/1 Georgia,serif;letter-spacing:.035em;text-shadow:0 1px 2px #000;box-shadow:0 0 0 1px rgba(255,255,255,.16);pointer-events:none;white-space:nowrap}.quality-score{color:#fff;font:600 .66rem/1 system-ui,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:0}.photo-grid.compact .quality-stars{top:.35rem;right:.35rem;gap:.22rem;padding:.18rem .28rem;font-size:.58rem}.photo-grid.compact .quality-score{font-size:.55rem}#viewer-quality{top:3.1rem;right:3.1rem;font-size:.78rem;background:rgba(20,17,14,.8)}
.contact-viewer-navigation{display:flex;align-items:center;gap:.45rem;flex:none}.contact-viewer-navigation button{width:2.75rem;height:2.75rem;border:1px solid #ddd;background:#303030;color:#fff;font:inherit;font-size:1.15rem;cursor:pointer}.contact-viewer-navigation button:focus-visible{outline:2px solid #fff;outline-offset:2px}.contact-viewer-navigation span{min-width:4.5rem;text-align:center;font-variant-numeric:tabular-nums;font-size:.85rem}
@media(max-width:640px){.contact-viewer-stage{height:calc(100% - 6.5rem)}.contact-viewer-toolbar{min-height:6.5rem;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"caption navigation" "actions actions";gap:.35rem .5rem;padding:.45rem .65rem}.contact-viewer-toolbar figcaption{grid-area:caption;min-width:0;max-height:2.5em;overflow:hidden}.contact-viewer-navigation{grid-area:navigation;gap:.25rem}.contact-viewer-navigation button,.contact-viewer-actions button{width:2.75rem;height:2.75rem}.contact-viewer-actions{grid-area:actions;justify-self:end;gap:.25rem}}