*{box-sizing:border-box}html,body{width:100%;min-height:100%;margin:0}body{font-family:Arial,Helvetica,sans-serif;overflow:hidden}button,a{font:inherit}.site-header{z-index:10;color:#fff;mix-blend-mode:difference;pointer-events:none;letter-spacing:-.01em;justify-content:space-between;align-items:flex-start;gap:20px;padding:12px;font-size:13px;line-height:1;display:flex;position:fixed;top:0;left:0;right:0}.site-name,.site-email{pointer-events:auto}.site-name{font-weight:700}.site-email{color:inherit;text-decoration:none}.site-email:hover{text-decoration:underline}.viewport{cursor:grab;touch-action:none;width:100vw;height:100dvh;position:fixed;inset:0;overflow:hidden}.viewport.is-dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.image-grid{--columns:10;--tile-size:18vw;grid-template-columns:repeat(var(--columns), var(--tile-size));grid-auto-rows:var(--tile-size);width:calc(var(--columns) * var(--tile-size));transform-origin:0 0;will-change:transform;grid-auto-flow:row;gap:0;display:grid;position:absolute;top:0;left:0}.tile{appearance:none;cursor:pointer;background:0 0;border:0;border-radius:0;width:100%;min-width:0;height:100%;margin:0;padding:0;display:block;position:relative;overflow:hidden}.tile img{object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.empty-state{place-items:center;padding:20px;font-size:13px;display:grid;position:fixed;inset:0}.empty-state p{margin:0}@media (max-width:1100px){.image-grid{--tile-size:25vw}}@media (max-width:700px){.site-header{padding:10px;font-size:12px}.image-grid{--tile-size:33.3333vw}}