.gallery-heading{display:flex;justify-content:space-between;gap:15px;font-size:12px;font-weight:700;letter-spacing:1px;margin-bottom:16px}.gallery-scroll{height:640px;max-height:75vh;overflow-y:auto;overflow-x:hidden;padding:10px;background:#e4e6db;border:1px solid #d2d6c7;border-radius:8px;scrollbar-color:#6f755f #e4e6db;scrollbar-width:auto;-webkit-overflow-scrolling:touch}.gallery-scroll:focus-visible{outline:3px solid #2370d3;outline-offset:5px}.gallery-scroll .gallery{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.gallery-scroll .student{aspect-ratio:1/1.1;background-image:var(--photo);background-size:600% calc(var(--rows)*100%);background-position:var(--x) var(--y);border-radius:5px;background-repeat:no-repeat}.gallery-hint{margin:13px 0 0;font-size:13px;color:#65695f;text-align:center}@media(max-width:950px){.gallery-scroll .gallery{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:650px){.gallery-scroll{height:570px;padding:6px;max-height:70vh}.gallery-scroll .gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.gallery-heading{font-size:10px;letter-spacing:.5px}.gallery-scroll .student{aspect-ratio:1/1.15}}