/* Right‑Side Floating Media Boxes */
#right-media-cluster {
  position: fixed;
  top: 120px;
  right: 20px;
  width: 200px;   /* narrowed from 240px */
  display: flex;
  flex-direction: column;
  gap: 14px;
  z-index: 9998;
}

/* Each box */
.media-box {
  width: 100%;
  height: 120px;
  background: rgba(20,18,14,0.75);
  border-radius: 10px;
  overflow: hidden;
  backdrop-filter: blur(10px);
  box-shadow: 0 0 12px rgba(0,0,0,0.6);
  cursor: pointer;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

/* Hover glow */
.media-box:hover {
  transform: translateY(-2px);
  box-shadow: 0 0 18px rgba(215,201,103,0.45);
}

/* Image styling */
.media-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Video styling */
.media-box video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}