/* Responsive styles */

/* Tablet and small desktop */
@media (max-width: 1024px) {
  .hero-headline {
    font-size: var(--font-size-4xl);
  }
  
  .hero-subheadline {
    font-size: var(--font-size-base);
  }
  
  .section-title {
    font-size: var(--font-size-2xl);
  }
  
  .nav-list {
    gap: var(--spacing-4);
  }
  
  .nav-list a {
    padding: var(--spacing-1) var(--spacing-2);
    font-size: var(--font-size-sm);
  }
}

/* Mobile styles */
@media (max-width: 768px) {
  .hero {
    min-height: 80vh;
  }
  
  .hero-headline {
    font-size: var(--font-size-3xl);
  }
  
  .hero-subheadline {
    font-size: var(--font-size-sm);
  }
  
  .hero-eyebrow {
    font-size: var(--font-size-xs);
  }
  
  .hero-ctas {
    flex-direction: column;
    align-items: stretch;
  }
  
  .cta-primary,
  .cta-secondary {
    width: 100%;
    text-align: center;
    padding: var(--spacing-4);
  }
  
  .section-padding {
    padding: var(--spacing-12) 0;
  }
  
  .grid-2,
  .grid-3,
  .grid-4 {
    grid-template-columns: 1fr;
  }
  
  .trust-strip-content {
    grid-template-columns: 1fr;
  }
  
  .residences-grid {
    grid-template-columns: 1fr;
  }
  
  .owner-service-features {
    grid-template-columns: 1fr;
  }
  
  .investor-platform-content {
    grid-template-columns: 1fr;
  }
  
  .destinations-teaser {
    grid-template-columns: 1fr;
  }
  
  .footer-content {
    grid-template-columns: 1fr;
    text-align: center;
  }
  
  .footer-secondary {
    gap: var(--spacing-2);
  }
  
  .brand-logo {
    font-size: var(--font-size-lg);
  }
  
  .main-nav .nav-list {
    gap: var(--spacing-2);
  }
  
  .main-nav .nav-list a {
    padding: var(--spacing-1);
    font-size: var(--font-size-xs);
  }
  
  .main-nav .nav-list .primary-cta {
    padding: var(--spacing-1) var(--spacing-2);
  }
}

/* Hero mobile video swap - will be enhanced by JS */
@media (max-width: 768px) {
  .hero-video[poster] {
    object-position: center;
  }
}

/* Prelude loader adjustments */
@media (max-width: 768px) {
  .brand-mark {
    font-size: var(--font-size-3xl);
  }
}