/* Mobile-specific fixes */

/* Hide video unlock text on mobile devices */
@media (max-width: 768px) {
  .video-unlock-text {
    display: none !important;
  }
}

/* Adjust video experience in landscape mode - don't hide completely */
@media (orientation: landscape) and (max-height: 768px) {
  .hero-visuals {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
  
  .center-sphere {
    width: 120px;
    height: 120px;
  }
  
  /* Adjust spacing when video is smaller */
  .hero-container {
    padding: 1rem;
    min-height: auto;
    gap: 0.75rem;
  }
  
  .hero-panels {
    margin-top: 0;
    gap: 0.75rem;
  }
}