@media (max-width: 1280px) {
  .hero-content .section-title { font-size: 4.5rem; }
  .section-title { font-size: 3rem; }
  .split-story { gap: 4rem; }
}

@media (max-width: 1024px) {
  .nav-links, .nav-actions .btn { display: none; }
  .mobile-menu-btn { display: block; }
  
  .hero-content .section-title { font-size: 3.8rem; }
  .signature-grid { grid-template-columns: 1fr; }
  .sig-card.large { aspect-ratio: 4/3; }
  
  .gallery-grid { grid-template-columns: repeat(2, 1fr); }
  .footer-grid { grid-template-columns: 1fr 1fr; gap: 3rem; }
  .contact-grid { grid-template-columns: 1fr; }
}

@media (max-width: 768px) {
  :root { --nav-height: 70px; }
  
  .hero { min-height: 100svh; }
  .hero-content .section-title { font-size: 2.8rem; }
  .hero-desc { font-size: 1.1rem; margin-bottom: 2rem; }
  
  .cinematic-intro { padding: 100px 0; }
  .cinematic-text { font-size: 2.5rem; }
  
  .split-story { grid-template-columns: 1fr; }
  .split-img-float { display: none; } /* Simplify on mobile */
  
  .daily-bg { width: 100%; opacity: 0.92; mask-image: none; -webkit-mask-image: none; }
  .daily-content { text-align: center; margin: 0 auto; }
  
  .mood-content { grid-template-columns: 1fr; }
  .mood-tabs { overflow-x: auto; flex-wrap: nowrap; justify-content: flex-start; padding-bottom: 10px; }
  
  .gallery-grid { grid-auto-rows: 200px; }
  .g-item.wide, .g-item.tall { grid-column: span 1; grid-row: span 1; }
  
  .testi-grid { grid-template-columns: 1fr; }
  .big-cta { padding: 100px 0; }
  .section-title.large { font-size: 3rem; }
  
  .footer-grid { grid-template-columns: 1fr; gap: 2rem; text-align: center; }
  .footer-logo { margin: 0 auto 1.5rem; }
  
  /* Show bottom nav, hide floating wa/cart if needed, or adjust */
  .mobile-bottom-nav { display: block; }
  .floating-cart { bottom: 80px; left: 20px; }
  html[dir="ltr"] .floating-cart { left: auto; right: 20px; }
  .floating-wa { display: none; } /* Use bottom nav instead */
  
  /* Disable custom cursor */
  .custom-cursor { display: none !important; }
}

@media (max-width: 480px) {
  .hero-content .section-title { font-size: 2.2rem; }
  .section-pad { padding: 80px 0; }
  .cinematic-text { font-size: 2rem; }
  
  .cart-drawer { width: 100%; padding: 20px; }
  
  .story-timeline::before { display: none; }
  .timeline-step { flex-direction: column; }
  .step-num { margin: 0 0 1rem 0; }
  html[dir="ltr"] .step-num { margin: 0 0 1rem 0; }
}