/* Position hero text in bottom-right corner with smaller font sizes */

.hero-content {
  position: absolute !important;
  right: 4vw !important;
  bottom: 6vh !important;
  top: auto !important;
  left: auto !important;
  text-align: right !important;
  max-width: 450px !important;
  z-index: 10 !important;
  transform: none !important;
  opacity: 1 !important;
  color: #fff !important;
}

.hero-content.loaded {
  transform: none !important;
}

/* Smaller font sizes for title */
.hero-content h1,
.hero-title {
  font-size: clamp(1.5rem, 3vw, 2.25rem) !important;
  line-height: 1.2 !important;
  margin-bottom: 0.6rem !important;
  font-weight: 600 !important;
}

/* Smaller font sizes for subtitle */
.hero-content p,
.hero-subtitle {
  font-size: clamp(0.875rem, 1.5vw, 1.125rem) !important;
  line-height: 1.4 !important;
  opacity: 0.9 !important;
  margin: 0 !important;
}

/* Mobile adjustments */
@media (max-width: 768px) {
  .hero-content {
    right: 3vw !important;
    bottom: 5vh !important;
    max-width: 85% !important;
  }
  
  .hero-content h1,
  .hero-title {
    font-size: clamp(1.25rem, 5vw, 1.75rem) !important;
  }
  
  .hero-content p,
  .hero-subtitle {
    font-size: clamp(0.8rem, 3.5vw, 1rem) !important;
  }
  
  /* Fix mobile video display - cover with center positioning for vertical video */
  .hero-video {
    object-fit: cover !important;
    object-position: center !important;
    width: 100% !important;
    height: 100% !important;
  }
  
  .hero-section {
    min-height: 100vh !important;
    min-height: 100dvh !important;
  }
  
  .hero-video-container {
    overflow: hidden !important;
  }
}