:root { --gap: 8px; --mincol: 220px; }
*{box-sizing:border-box}
html,body{height:100%;margin:0}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:#fff;color:#eee}

/* centered home menu */
.home-wrap{min-height:100dvh;display:grid;place-items:center;text-align:center}
.menu {color:#ccc;text-decoration:none;padding:8px 12px}
.menu a{color:#000;text-decoration:none;padding:8px 12px}
.menu a:hover{color:#ccc}

/* gallery grid */
main.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--mincol),1fr));gap:var(--gap);padding:var(--gap)}
.item img{width:100%;height:auto;display:block;
/* border-radius:6px; */
  -webkit-user-drag:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}

.item a{ display:block }