body { scroll-behavior: smooth; background-color: #FFFFFF; color: #1A1A1A; }
        .page-node { display: none; }
        .page-node.active { display: block; animation: pageFadeIn 0.9s cubic-bezier(0.16, 1, 0.3, 1); }
        
        @keyframes pageFadeIn {
            from { opacity: 0; transform: translateY(15px); }
            to { opacity: 1; transform: translateY(0); }
        }

        .hero-parallax {
            background-attachment: fixed;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
        }

        .editorial-zoom { transition: transform 1.2s cubic-bezier(0.16, 1, 0.3, 1); }
        .editorial-zoom:hover { transform: scale(1.04); }

        .nav-blur { background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(20px); }
        
        /* Custom Scrollbar */
        ::-webkit-scrollbar { width: 6px; }
        ::-webkit-scrollbar-track { background: #F7F5F2; }
        ::-webkit-scrollbar-thumb { background: #CBBBA0; border-radius: 10px; }

        .letter-spacing-widest { letter-spacing: 0.4em; }
        
        .mode-card:hover .mode-overlay { opacity: 1; transform: translateY(0); }
        .mode-overlay { opacity: 0; transform: translateY(10px); transition: all 0.5s ease; }
      .nav-link {
    @apply text-[10px] uppercase font-semibold tracking-widest hover:text-terracotta transition-colors;
  }
  .mobile-link {
    @apply block text-lg font-light tracking-wide hover:text-terracotta transition-colors;
  }
  @keyframes marquee {
  0% { transform: translateX(100%); }
  100% { transform: translateX(-100%); }
}
.animate-marquee {
  display: inline-block;
  animation: marquee 25s linear infinite;
}