.academics {width:min(100% - 2rem, 68rem);margin:1rem auto 5rem;padding-top:3.25rem;border-top:1px solid #ffffff26}
.academics h2 {margin:0 0 2rem;text-align:center;font:400 clamp(1.9rem,8vw,4.25rem)/1.1 var(--serif);letter-spacing:.055em}
.academics-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:4px;column-gap:.65rem;align-items:start}
.academics-tile {display:block;width:100%;margin:0 0 .65rem;padding:3px;border-radius:1rem;min-width:0;cursor:zoom-in}
.academics-tile img {display:block;width:100%;height:auto;border-radius:.78rem;background:#222}
.academics-view {padding:0;margin:auto;border:0;background:transparent;overflow:visible;color:#f6f2ea;max-width:calc(100% - 2rem);max-height:100%}
.academics-view::backdrop {background:#080808c9;backdrop-filter:blur(9px)}
.academics-view:modal {display:grid;justify-items:center;gap:.8rem}
.academics-frame {position:relative;border-radius:1.15rem;padding:.35rem;touch-action:pinch-zoom;transform:translateY(var(--academics-drag,0px))}
.academics-photo {display:block;max-width:min(82vw,68rem);max-height:70dvh;width:auto;height:auto;object-fit:contain;border-radius:.85rem}
.academics-cutout {position:absolute;inset:.35rem;width:calc(100% - .7rem);height:calc(100% - .7rem);object-fit:contain;pointer-events:none;filter:drop-shadow(0 .55rem .8rem #0007);animation:academic-depth 440ms cubic-bezier(.2,.7,.3,1) both}
@keyframes academic-depth {from {transform:scale(1)} to {transform:translateY(-2%) scale(1.105)}}
.academics-controls {display:flex;align-items:center;justify-content:center;gap:.8rem}
.academics-controls button,.academics-close {color:inherit;min-width:44px;min-height:44px;border-radius:50%;cursor:pointer}
.academics-close {justify-self:end}
.academics-count {font-size:.82rem;color:#ece5db}
@media(min-width:640px){.academics-grid{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:.85rem}.academics-tile{margin-bottom:.85rem}}
@media(min-width:920px){.academics-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.academics-cutout{animation:none}}
html.academics-open {overflow:hidden}