/* Modal */
.modal{
  display:none;position:fixed;inset:0;background:rgba(8,10,12,0.85);z-index:2000;
  align-items:center;justify-content:center;padding:28px;
}
.modal[aria-hidden="false"]{display:flex}
.modal-content{
  max-width:1100px;width:100%;max-height:90vh;border-radius:12px;object-fit:contain;
  box-shadow:0 18px 60px rgba(0,0,0,0.6);
}
.modal-close{
  position:absolute;top:18px;right:18px;background:transparent;border:none;color:#fff;
  font-size:34px;cursor:pointer;border-radius:8px;padding:6px;line-height:1;transition:transform var(--transition);
}
.modal-close:hover{transform:scale(1.1)}