/* Sysss contact sheet (WIP 2026-10-25, JF) */
.ssc{position:fixed;inset:0;z-index:2147481000;background:#f4f4f2;overflow:auto;-webkit-overflow-scrolling:touch;opacity:0;transition:opacity .25s}
.ssc.on{opacity:1}
.ssc-bar{position:sticky;top:0;z-index:3;display:flex;align-items:center;gap:12px;padding:12px 16px;background:#111;color:#fff;font:700 14px/1 "Space Mono",ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase}
.ssc-bar b{flex:1;font-weight:700}
.ssc-bar button,.ssc-bar a{font:inherit;color:#111;background:#fff;border:0;padding:10px 14px;cursor:pointer;text-decoration:none;min-height:40px}
.ssc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:6px;padding:10px;transform-origin:0 0}
@media (max-width:600px){.ssc-grid{grid-template-columns:repeat(4,1fr);gap:3px;padding:4px}.ssc-bar{font-size:12px;padding:8px 10px}}
.ssc-t{position:relative;display:block;aspect-ratio:1;background:#ddd;border:0;padding:0;cursor:zoom-in;overflow:hidden}
.ssc-t img{width:100%;height:100%;object-fit:cover;display:block}
.ssc-t i{position:absolute;left:0;top:0;background:#111;color:#fff;font:700 11px/1 "Space Mono",monospace;font-style:normal;padding:3px 4px}
.ssc-z{position:fixed;inset:0;z-index:2147481500;background:rgba(10,10,10,.94);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:zoom-out}
.ssc-z img{max-width:96vw;max-height:84vh;object-fit:contain;transition:transform .3s}
.ssc-z p{color:#fff;font:700 13px/1.4 "Space Mono",monospace;margin:10px;text-align:center;word-break:break-all}
html[data-theme="dark"] .ssc img{filter:none!important}
/* 2026-10-25 12:20 AM JF: number + date under each shot, Space Mono, small, subtle (Saville) */
@font-face{font-family:"Space Mono";src:url(/assets/fonts/SpaceMono-Regular.ttf) format("truetype");font-weight:400;font-display:swap}
.ssc{background:#f7f7f5}
.ssc-grid{gap:30px 18px;padding:28px 28px 60px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
@media (max-width:600px){.ssc-grid{grid-template-columns:repeat(3,1fr);gap:18px 10px;padding:16px 14px 40px}}
.ssc-f{margin:0;min-width:0}
.ssc-t{background:#e6e6e3}
.ssc-t i{display:none}
.ssc-c{display:flex;gap:1.6em;margin-top:7px;font:400 10px/1 "Space Mono",ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase;color:#8a8a86;white-space:nowrap;font-variant-numeric:tabular-nums}
.ssc-c .ssc-n{color:#5e5e5a}
@media (max-width:600px){.ssc-c{font-size:9px;gap:1.1em;letter-spacing:.1em}}
.ssc-z p.ssc-c{justify-content:center;margin:16px 0 0;font-size:11px;color:#9a9a96;word-break:normal}
.ssc-z p.ssc-c .ssc-n{color:#cfcfcb}
.ssc-bar{background:#f7f7f5;color:#5e5e5a;font-weight:400;font-size:11px;letter-spacing:.18em;border-bottom:1px solid #e2e2df}
.ssc-bar b{font-weight:400}
.ssc-bar button{background:transparent;color:#5e5e5a;border:1px solid #c9c9c5;font-weight:400}