body {
            background-color: #FFFFFF;
            color: #605B51;
            font-family: 'Inter', sans-serif;
        }
        .editorial-nav-link {
            position: relative;
            font-family: 'Roboto Condensed', sans-serif;
            text-transform: uppercase;
            font-weight: 600;
            letter-spacing: 0.08em;
        }
        .editorial-nav-link::after {
            content: '';
            position: absolute;
            width: 100%;
            height: 2px;
            bottom: -4px;
            left: 0;
            background-color: currentColor;
            transform: scaleX(0);
            transform-origin: right;
            transition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1);
        }
        .editorial-nav-link:hover::after {
            transform: scaleX(1);
            transform-origin: left;
        }
        .no-scrollbar::-webkit-scrollbar {
            display: none;
        }
        .no-scrollbar {
            -ms-overflow-style: none;
            scrollbar-width: none;
        }
        .route-view {
            display: none;
        }
        .route-view.active-route {
            display: block;
        }

        /* DIAGONAL CUT */
.clip-diagonal {
  clip-path: polygon(15% 0, 100% 0, 100% 100%, 0% 100%);
}

/* MARQUEE */
@keyframes marquee {
  0% { transform: translateX(100%); }
  100% { transform: translateX(-100%); }
}

.animate-marquee {
  display: inline-block;
  animation: marquee 18s linear infinite;
}

/* SLIDES */
.slide {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: opacity 0.8s ease;
}

.slide.active {
  opacity: 1;
}

/* DOTS */
.dot {
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: rgba(255,255,255,0.4);
  border: 1px solid rgba(255,255,255,0.5);
  transition: 0.3s;
}

.dot.active {
  background: #ff4fd8;
  transform: scale(1.2);
}

.slide {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;

  object-fit: cover;
  object-position: center;

  opacity: 0;
  transition: opacity 0.8s ease;
}

.slide.active {
  opacity: 1;
}