.events{background:rgba(11,17,26,.58);border-block:1px solid rgba(232,185,107,.2)}
.events-intro{color:#95aab9;margin:-16px 0 28px;font-size:14px}
.event-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.event-card{background:rgba(17,31,47,.72);border:1px solid rgba(155,191,216,.18);transition:.25s;overflow:hidden}
.event-card:hover{border-color:rgba(232,185,107,.65);transform:translateY(-3px)}
.event-poster{display:block;width:100%;padding:0;border:0;background:#080b10;cursor:pointer;position:relative}
.event-poster img{display:block;width:100%;height:360px;object-fit:contain;background:#080b10}
.event-poster span{position:absolute;right:10px;bottom:10px;padding:4px 8px;background:rgba(0,0,0,.72);color:#f0c77d;font-size:11px;opacity:0;transition:.2s}
.event-card:hover .event-poster span,.event-poster:focus-visible span{opacity:1}
.event-card-body{padding:16px 18px 19px}.event-card-body time{color:#e8b96b;font:600 13px Rajdhani}.event-card-body h3{margin:6px 0 0;font-size:18px;line-height:1.45}
.event-empty{grid-column:1/-1;min-height:180px;display:grid;place-content:center;text-align:center;border:1px dashed rgba(201,155,84,.4);color:#b8aa9a}.event-empty span{color:#c99b54;font-size:28px}.event-empty strong{margin-top:8px;color:#e3d6c6}.event-empty p{margin:5px 0 0;font-size:13px}
@media(max-width:900px){.event-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.event-poster img{height:320px}}
@media(max-width:600px){.event-gallery{grid-template-columns:1fr}.event-poster img{height:auto;max-height:520px}}