.hp-alumni-g{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.hp-alc{border-radius:var(--r-md);border:1px solid var(--bdl);background:var(--navy-c2);transition:all .25s;overflow:hidden}.hp-alc:hover{border-color:var(--teal);background:var(--navy2);box-shadow:var(--sh-m);transform:translateY(-3px)}.hp-al-thumb{aspect-ratio:16/9;background:var(--navy3);cursor:pointer;position:relative;overflow:hidden}.hp-al-thumb img{opacity:.8;transition:transform .4s}.hp-alc:hover .hp-al-thumb img{transform:scale(1.05)}.hp-al-overlay{background:rgba(0,0,0,.2);place-items:center;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.hp-al-play{background:rgba(255,255,255,.92);border-radius:50%;place-items:center;width:46px;height:46px;transition:transform .2s;display:grid;box-shadow:0 4px 16px rgba(0,0,0,.25)}.hp-alc:hover .hp-al-play{transform:scale(1.1)}.hp-al-body{padding:14px}.hp-al-title{color:var(--dt);margin-bottom:6px;font-size:13px;font-weight:700;line-height:1.4}.hp-al-meta{justify-content:space-between;align-items:center;display:flex}.hp-al-name{color:var(--dt2);font-size:12px}.hp-al-co{color:var(--teal);font-size:11px;font-weight:700}@media (max-width:1024px){.hp-alumni-g{grid-template-columns:1fr 1fr}}@media (max-width:520px){.hp-alumni-g{grid-template-columns:1fr}}