.mm-bh-content { position: relative; overflow: hidden; background: #000; height: 80vh; }
.mm-bh-slides { position: absolute; inset: 0; }
.mm-bh-slide { position: absolute; inset: 0; opacity: 0; transform: scale(1.04); filter: blur(10px); transition: opacity 0.8s ease, transform 1.2s ease, filter 1.2s ease; will-change: opacity, transform, filter; }
.mm-bh-slide.active { opacity: 1; transform: scale(1); filter: blur(0); z-index: 1; }
.mm-bh-slide.prev { opacity: 0; transform: scale(1.02); filter: blur(6px); }
.mm-bh-slide video, .mm-bh-slide img { width: 100%; height: 100%; object-fit: cover; }
.mm-bh-overlay { position: absolute; inset: 0; z-index: 1; background: linear-gradient(to bottom, rgba(32,32,32,0) 40%, rgba(32,32,32,1) 100%); }
.mm-bh-title-container { position: relative; z-index: 2; display: flex; flex-direction: column; justify-content: flex-end; gap: 16px; height: 100%; padding: 60px 16px; max-width: 1342px; margin: 0 auto; }
.mm-bh-pagination { display: none; gap: 12px; color: rgba(255,255,255,0.5); align-items: center; }
.mm-bh-pagination span { font-family: var(--font-title); letter-spacing: -0.02em; text-transform: uppercase; font-size: clamp(28px, 3.2vw, 32px); line-height: clamp(28px, 3.2vw, 32px); cursor: pointer; }
.mm-bh-pagination span.active { color: #fff; }
.mm-bh-progress { display: none; max-width: 480px; height: 4px; margin-top: 8px; background: rgba(255,255,255,0.2); }
.mm-bh-progress-bar { height: 100%; width: 0%; background: #fff; transition: width 0.1s linear; }
.mm-bh-title { font-size: clamp(36px, 9.538vw, 68px); font-weight: 700; line-height: clamp(36px, 9.071vw, 64.67px); text-align: left; text-transform: uppercase; color: #fff; }
.mm-bh-desc { color: #fff; max-width: 600px; white-space: pre-wrap; word-wrap: break-word; min-height: 40px; }
.mm-bh-playpause { margin-left: 16px; background: rgba(0,0,0,0.5); color: #fff; border: none; padding: 10px 14px; cursor: pointer; font-size: 18px; transition: opacity 0.2s ease; }
.mm-bh-playpause:hover { opacity: 0.8; }