.graduation{padding:clamp(4rem,7vw,7rem) clamp(1.5rem,5vw,5rem);border-top:1px solid #30291e;background:#080808}.graduation-inner{max-width:1280px;margin:auto}.graduation h2{margin-bottom:1.25rem}.graduation-intro{color:#c9c5bd;font:400 1rem/1.8 Arial,sans-serif;margin-bottom:2.5rem}.graduation-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;align-items:start;margin-bottom:2.25rem}.graduation-photo{display:block;width:100%;aspect-ratio:2/3;overflow:hidden;padding:0;border:0;background:#15120f;cursor:zoom-in}.graduation-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.graduation-photo:focus-visible,.graduation-close:focus-visible{outline:2px solid #d3b37a;outline-offset:5px}.graduation-lightbox{padding:3.5rem 1rem 1rem;border:1px solid #69583f;background:#080808;color:#fff;max-width:96vw;max-height:96dvh}.graduation-lightbox::backdrop{background:rgba(0,0,0,.9)}.graduation-lightbox>img{display:block;max-width:90vw;max-height:calc(90dvh - 4rem);width:auto;height:auto;object-fit:contain}.graduation-close{position:absolute;right:1rem;top:.7rem;padding:.5rem .8rem;background:#080808;border:1px solid #a88653;color:#f3ddb5;font:400 1rem Arial,sans-serif;cursor:pointer}@media(max-width:800px){.graduation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.graduation-grid{grid-template-columns:1fr;gap:1.5rem}}