.ahm-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:12px}
.ahm-grid li{margin:0;padding:0}
.ahm-item{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;border-radius:8px;background:#222;color:#fff;text-decoration:none}
.ahm-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s}
.ahm-item:hover img,.ahm-item:focus-visible img{transform:scale(1.04)}
.ahm-item:focus-visible{outline:3px solid #2e7d32;outline-offset:2px}
.ahm-play{position:absolute;inset:0;margin:auto;width:56px;height:56px;border-radius:50%;background:rgba(0,0,0,.6)}
.ahm-play::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-40%,-50%);border:10px solid transparent;border-left:16px solid #fff;border-right:0}
.ahm-cap{position:absolute;inset:auto 0 0 0;padding:6px 10px;background:linear-gradient(transparent,rgba(0,0,0,.75));font-size:.9rem;line-height:1.3}
.ahm-cap:empty{display:none}
.ahm-modal{border:0;padding:0;background:#000;max-width:min(92vw,960px);width:100%;border-radius:8px;overflow:visible}
.ahm-modal::backdrop{background:rgba(0,0,0,.8)}
.ahm-modal img{display:block;max-width:100%;max-height:85vh;margin:0 auto}
.ahm-modal iframe{display:block;width:100%;aspect-ratio:16/9;border:0}
.ahm-modal__x{position:absolute;top:-14px;inset-inline-end:-14px;width:36px;height:36px;border-radius:50%;border:0;background:#fff;color:#000;font-size:22px;line-height:1;cursor:pointer}
@media (max-width:480px){.ahm-grid{grid-template-columns:repeat(2,1fr);gap:8px}}