:root {
  --studio-motion: 0.45s cubic-bezier(0.19, 1, 0.22, 1);
}

.studio-scroll-track.dragging {
  cursor: grabbing;
}

.studio-scroll-card {
  transition: transform var(--studio-motion), box-shadow var(--studio-motion);
}

.studio-scroll-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 28px 60px rgba(18, 17, 39, 0.18);
}

.studio-visual-card {
  transition: transform var(--studio-motion), box-shadow var(--studio-motion);
}

.studio-visual-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 26px 58px rgba(64, 32, 255, 0.2);
}

.studio-voice-switch__button {
  transition: transform var(--studio-motion), box-shadow var(--studio-motion);
}

.studio-voice-switch__button:hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 42px rgba(243, 73, 118, 0.18);
}

.studio-proof__card {
  transition: transform var(--studio-motion), border-color var(--studio-motion);
}

.studio-proof__card:hover {
  transform: translateY(-4px);
  border-color: rgba(243, 73, 118, 0.32);
}

.studio-button--secondary {
  transition: transform var(--studio-motion), box-shadow var(--studio-motion), background var(--studio-motion);
}

.studio-button--secondary:hover {
  background: rgba(64, 32, 255, 0.18);
  box-shadow: 0 20px 48px rgba(64, 32, 255, 0.18);
}

.studio-cookie-banner {
  transition: opacity var(--studio-motion), transform var(--studio-motion);
}

.studio-cookie-banner[data-visible='false'] {
  opacity: 0;
  pointer-events: none;
  transform: translateY(20px);
}

.studio-cookie-banner[data-visible='true'] {
  opacity: 1;
  transform: translateY(0);
}