/* Music Agency Custom CSS */

/* Body Background */
body {
   background: #ffffff;
}

.vibes-strip {
   --vibes-height: 280px;
   --vibes-offset: 0px;
   position: relative;
   height: var(--vibes-height);
   background: #ffffff;
   overflow: hidden;
}

.vibes-strip-viewport {
   position: absolute;
   inset-inline: 0;
   top: 50%;
   height: 100vh;
   transform: translateY(calc(-50% + var(--vibes-offset)));
}

.vibes-strip-viewport img {
   width: 100%;
   height: 100%;
   object-fit: contain;
   object-position: center center;
   display: block;
}

.vibes-strip-viewport-scaled img {
   transform: scale(1.55);
   transform-origin: center center;
}

.vibes-strip-top {
   --vibes-height: 280px;
   --vibes-offset: -10px;
}

.vibes-strip-bottom {
   --vibes-height: 280px;
   --vibes-offset: -10px;
}

.vibes-strip-middle {
   --vibes-height: 700px;
   --vibes-offset: -2px;
   position: absolute;
   inset-inline: 0;
   top: 50%;
   transform: translateY(-50%);
   z-index: 0;
}

/* Preloader Fade Out */
#preloader.is-loading {
   opacity: 1;
   transition: opacity 0.3s ease;
}

#preloader:not(.is-loading) {
   opacity: 0;
   pointer-events: none;
   transition: opacity 0.3s ease;
}

/* Header removed — navigation is in footer */

.hero-area {
   background: #0D0D0D;
}

.services-area-with-vibes {
   position: relative;
   overflow: hidden;
   background: #ffffff;
}

.services-area-with-vibes .container {
   position: relative;
   z-index: 1;
}

.services-vibes-grid {
   --bs-gutter-x: 8.25rem;
   --bs-gutter-y: 8.25rem;
}

.services-vibes-grid > [class*="col-"] {
   margin-bottom: 0 !important;
}

.service-vibes-card {
   height: 100%;
}

.header-area .container-fluid,
.header-area .row {
   position: relative;
}

.header-area .header-btn {
   position: absolute;
   top: -2px;
   right: 0;
   margin: 0;
}

.header-area .lang-toggle {
   padding: 6px 12px !important;
   font-size: 11px !important;
}

.main-menu ul {
   list-style: none;
   display: flex;
   gap: 40px;
}

.main-menu a {
   color: #fff;
   text-decoration: none;
   font-size: 14px;
   letter-spacing: 0.5px;
   transition: color 0.3s ease;
}

.main-menu a:hover {
   color: #aaa;
}

/* Hero Section */

.hero-content h1 {
   font-weight: 700;
   letter-spacing: -1px;
}

.btn-white {
   border: 1px solid #fff !important;
   color: #fff !important;
   padding: 12px 30px !important;
   font-size: 14px !important;
   border-radius: 2px;
   transition: all 0.3s ease;
}

.btn-white:hover {
   background: #fff;
   color: #0D0D0D !important;
}

/* Reduced Animation */
.track-card:hover {
   transform: translateY(-5px);
   transition: all 0.3s ease;
}

.track-card:hover img {
   opacity: 0.9;
}

/* Music Section */
.music-area {
   padding: 100px 0;
}

/* Smooth Scrolling */
html {
   scroll-behavior: smooth;
}

/* Responsive */
@media (max-width: 768px) {
   .vibes-strip-middle {
      --vibes-height: 460px;
      --vibes-offset: -28px;
   }

   .vibes-strip-viewport-scaled img {
      transform: scale(1.75);
   }

   .services-vibes-grid {
      --bs-gutter-x: 3.75rem;
      --bs-gutter-y: 3.75rem;
   }

   .vibes-strip-top {
      --vibes-height: 220px;
      --vibes-offset: -35px;
   }

   .vibes-strip-bottom {
      --vibes-height: 220px;
      --vibes-offset: -35px;
   }

   .main-menu ul {
      gap: 20px;
   }

   .hero-content h1 {
      font-size: 48px !important;
   }

   .col-xl-6,
   .col-lg-6 {
      margin-bottom: 40px;
   }
}