color:#202938}.wrap{max-width:1280px}.hero{padding:42px 0 25px}.event-card{height:100%;border:0;border-radius:16px;overflow:hidden;box-shadow:0 5px 22px #17243b12;transition:transform .18s}.event-card:hover{transform:translateY(-3px)}.cover{width:100%;height:230px;object-fit:cover;background:#e9edf4}.event-link{color:inherit;text-decoration:none}.event-link:hover{color:#0757a6}.muted{color:#667085}
.wrap{max-width:1450px}.thumb{width:100%;aspect-ratio:4/3;object-fit:cover;background:#e9edf4;cursor:zoom-in;transition:filter .2s}.thumb:hover{filter:brightness(.93)}.photo-card{height:100%;border:0;border-radius:12px;overflow:hidden;box-shadow:0 4px 16px #17243b10}.caption{font-size:.94rem;font-weight:600;line-height:1.4;padding:12px}.modal-content{background:#024B75;color:#fff}.modal-img{max-height:78vh;max-width:100%;object-fit:contain}.modal-header{border:0}/* Keep the Bootstrap modal above all page layers */
.modal {
    z-index: 20000 !important;
}

.modal-backdrop {
    z-index: 19990 !important;
}

.modal-dialog {
    position: relative;
    z-index: 20001;
}

/* Ensure the modal content remains visible */
.modal-content {
    position: relative;
    z-index: 20002;
    background: #024B75;
    color: #fff;
}

/* Prevent page containers from clipping the modal */
.modal {
    overflow-x: hidden;
    overflow-y: auto;
}