*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#f7f7f5}body{padding:clamp(10px,2vw,28px)}button{font:inherit}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(8px,1.5vw,20px);width:100%;max-width:1500px;margin:0 auto}.case{display:block;width:100%;padding:0;overflow:hidden;border:0;background:#fff;cursor:pointer}.case img{display:block;width:100%;height:auto}.viewer{position:fixed;inset:0;z-index:10;width:100%;height:100%;padding:0;border:0;background:#000000eb;cursor:pointer}.viewer:not([hidden]){display:grid;place-items:center}.viewer img{display:block;width:100vw;height:100vh;object-fit:contain}