/* Titoli, angoli e ombre condivisi con Dannato Tempo.
   Copertine 16:9, testo più ampio e card laterali appena visibili. */
.music-vlog-section { background: var(--paper); color: var(--text); padding: 0 clamp(24px, 6vw, 96px) 92px; overflow: clip; scroll-margin-top: 92px; }
.music-vlog-inner { max-width: 1320px; margin: 0 auto; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(42px, 5vw, 76px); align-items: center; }
.music-vlog-head { min-width: 0; }
.music-vlog-intro strong { font-weight: 700; color: var(--text); }
.savona-carousel.music-track-carousel { --card-peek: clamp(38px, 5vw, 72px); min-width: 0; height: auto !important; aspect-ratio: 1.5; margin: 0 !important; overflow: visible !important; }
.savona-carousel.music-track-carousel .music-story-card { width: min(520px, 82%) !important; aspect-ratio: 16/9; padding: 0; display: block; background: #191919; transform: translate3d(calc(-50% + var(--offset) * var(--card-peek)), -50%, calc(var(--depth) * -55px)) rotateY(calc(var(--offset) * -6deg)) !important; }
.savona-carousel .music-story-card:focus-visible { outline: 3px solid var(--burgundy); outline-offset: 5px; }
.savona-video { position: relative; width: 100%; height: 100%; aspect-ratio: 16/9; overflow: hidden; border-radius: inherit; background: #191919; }
.savona-video::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,.08), rgba(0,0,0,.48)); pointer-events: none; }
.savona-video .work-cover { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; border-radius: inherit; }
.savona-carousel .music-story-card .music-story-controls { bottom: 24px; transform: translateX(-50%); }
.savona-carousel .music-story-control:focus-visible { outline: 2px solid #fff; outline-offset: 4px; }
@media (max-width: 1180px) { .music-vlog-section { padding-inline: clamp(22px, 4vw, 48px); } }
@media (max-width: 980px) {
  .music-vlog-inner { grid-template-columns: minmax(0, 1fr); gap: 18px; }
  .savona-carousel.music-track-carousel { margin-inline: auto !important; }
}
@media (max-width: 768px) {
  .music-vlog-section { padding: 0 20px 58px; }
  .savona-carousel .music-story-card .music-story-controls { bottom: 18px; }
}
@media (max-width: 420px) { .music-vlog-section { padding-inline: 16px; } }
@media (prefers-reduced-motion: reduce) { .savona-carousel .music-story-card, .savona-carousel .music-story-control { transition: none; } }