/* Team Card */
.team_card {
  position: relative;
  overflow: hidden;
  /* cursor: pointer; */
  transform: translate(0px, 0rem);
  transition: transform 0.3s ease-in-out;

  .g_visual {
    transform: scale(1.05);
    transition: transform 0.3s ease-in-out;
  }
}

.team_card_content {
  height: calc(
    var(--_typography---font-size--h6) *
      var(--_typography---line-height--medium) + 3rem
  );
  transition: transform 0.3s ease-in-out, height 0.3s ease-in-out;
}

.team_card_bottom {
  width: 100%;
  transform: translateY(1);
  opacity: 0;
  transition: transform 0.3s ease-in-out, opacity 0.6s ease-in-out;
}

.team_card:hover {
  transform: translate(0px, -0.5rem);

  .team_card_bottom {
    transform: translateY(0);
    opacity: 1;
  }

  .g_visual {
    transform: scale(1);
  }
}

.team_card:hover {
  .team_card_content {
    height: calc(
      (
          var(--_typography---font-size--h6) *
            var(--_typography---line-height--medium) + 3rem
        ) +
        (
          (0.75rem * 2) +
            (
              var(--_text-style---font-size) * var(--_text-style---line-height) *
                2
            ) + 3rem
        )
    );
  }
}

@media screen and (max-width: 991px) {
}

/* Our Working */
.our-work_layout {
  .our-work_content_item {
    .g_visual {
      transform: scale(1);
      transition: transform 0.8s ease;
    }
  }

  .our-work_content_item:hover {
    .g_visual {
      transform: scale(1.15);
    }
  }
}

/* Book */
/* .book_image_svg {
  path {
    fill: #4a2c20;
    transition: all 0.3s ease;
  }
}
path[data-book] {
  fill: #dbb89d;
}

path[data-book]:hover {
  fill: #b0794f;
}

path[data-book="text"] {
  pointer-events: none;
  fill: white;
} */

.artist_item_wrap {
  cursor: url(https://cdn.prod.website-files.com/689c3f027e6af0f5b338331a/68ad57943590e21dd78a8d7e_Button.svg)
      16 16,
    pointer;
}

/* Reveal Animation */
[data-reveal-animation] {
  overflow: hidden;
}

.swiper-pagination-bullet {
  opacity: 1 !important;
}

/* swiper */
.swiper-pagination.is-design .swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.2);
  width: 8px;
  height: 8px;
  border-radius: 50%;
  transition: all 0.3s ease;
  display: inline-block;
}

.swiper-pagination.is-design .swiper-pagination-bullet-active {
  background: #fff;
  width: 2rem;
  height: 8px;
  border-radius: 8px;
}

.services_pagination .swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.2);
  width: 8px;
  height: 8px;
  border-radius: 50%;
  transition: all 0.3s ease;
  display: inline-block;
}

.services_pagination .swiper-pagination-bullet-active {
  background: #fff;
  width: 2rem;
  height: 8px;
  border-radius: 8px;
}

.swiper-pagination.is-app {
  position: relative;
}

.swiper-pagination.is-app .swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.2);
  width: 8px;
  height: 8px;
  border-radius: 50%;
  transition: all 0.3s ease;
  display: inline-block;
}

.swiper-pagination.is-app .swiper-pagination-bullet-active {
  background: #fff;
  width: 2rem;
  height: 8px;
  border-radius: 8px;
}

/* Navbar Crossing Light Section*/
.nav_desktop_contain,
.nav_mobile_contain,
.nav_mobile_menu_wrap {
  transition: background-color 0.3s ease;
}
[data-element="navbar"].is-dark {
  .nav_desktop_contain,
  .nav_mobile_contain {
    background-color: rgba(0, 0, 0, 0.3);
  }

  @media screen and (min-width: 992px) {
    /* .nav_dropdown_main_content {
      border-radius: 16px;
      border: 1px solid rgba(255, 255, 255, 0.1);
      background: rgba(255, 255, 255, 0.08);
      box-shadow: 6px -6px 16px 0 rgba(0, 0, 0, 0.8) inset,
        -6px 6px 30px 0 rgba(0, 0, 0, 0.85) inset,
        2px 2px 3px 0 rgba(255, 255, 255, 0.39) inset,
        -2px -2px 6px 0 rgba(255, 255, 255, 0.39) inset,
        0 0 32px 0 rgba(255, 255, 255, 0.16) inset;
      backdrop-filter: blur(30px);
    } */
    /* .nav_dropdown_main_content {
      border-radius: 16px;
      border: 1px solid rgba(255, 255, 255, 0.1);
      background: rgba(255, 255, 255, 0.08);
      box-shadow: 6px -6px 16px 0 rgba(255, 255, 255, 0.8) inset,
        -6px 6px 60px 0 rgba(255, 255, 255, 0.85) inset,
        2px 2px 3px 0 rgba(255, 255, 255, 0.39) inset,
        -2px -2px 6px 0 rgba(255, 255, 255, 0.39) inset,
        0 0 52px 0 rgba(255, 255, 255, 0.16) inset;
      backdrop-filter: blur(30px);
    } */

    .nav_dropdown_main_content {
      border-radius: 16px;
      border: 1px solid #b0794f;
      background: rgba(176, 121, 79, 0.08);
      box-shadow: 6px -6px 16px 0 rgba(176, 121, 79, 0.8) inset,
        -6px 6px 60px 0 rgba(176, 121, 79, 0.85) inset,
        2px 2px 3px 0 rgba(255, 255, 255, 0.39) inset,
        -2px -2px 6px 0 rgba(255, 255, 255, 0.39) inset,
        0 0 52px 0 rgba(255, 255, 255, 0.16) inset;
      backdrop-filter: blur(50px);
    }

    .nav_dropdown_link {
      filter: invert(1);
    }
  }
}

[data-element="navbar"].is-dark:has(.w-nav-button.w--open) {
  .nav_desktop_contain,
  .nav_mobile_contain {
    background-color: transparent;
  }

  .nav_mobile_menu_wrap {
    background-color: rgba(0, 0, 0, 0.3);
  }
}
/* NAVBAR STYLING */
.nav_mobile_wrap:has(.w-nav-button.w--open) {
  .nav-bg-liquid-glass {
    display: none;
  }

  .nav_mobile_layout::before {
    display: none;
  }
}

.nav_desktop_layout::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(176, 121, 79, 0.08);
  backdrop-filter: blur(50px);
  border-radius: 100vw;
}

.nav_mobile_layout::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(176, 121, 79, 0.08);
  backdrop-filter: blur(18px);
  border-radius: 0.5rem;
}
@media screen and (min-width: 992px) {
  /* .nav_dropdown_main_content {
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.08);
    box-shadow: 6px -6px 16px 0 rgba(0, 0, 0, 0.8) inset,
      -6px 6px 60px 0 rgba(0, 0, 0, 0.85) inset,
      2px 2px 3px 0 rgba(255, 255, 255, 0.39) inset,
      -2px -2px 6px 0 rgba(255, 255, 255, 0.39) inset,
      0 0 52px 0 rgba(255, 255, 255, 0.16) inset;
    backdrop-filter: blur(50px);
  } */
  .nav_dropdown_main_content {
    border-radius: 16px;
    border: 1px solid #b0794f;
    background: rgba(176, 121, 79, 0.08);
    box-shadow: 6px -6px 16px 0 rgba(176, 121, 79, 0.8) inset,
      -6px 6px 60px 0 rgba(176, 121, 79, 0.85) inset,
      2px 2px 3px 0 rgba(255, 255, 255, 0.39) inset,
      -2px -2px 6px 0 rgba(255, 255, 255, 0.39) inset,
      0 0 52px 0 rgba(255, 255, 255, 0.16) inset;
    backdrop-filter: blur(50px);
  }
}

.nav_mobile_menu_wrap {
  border-radius: 16px;
  border: 1px solid rgba(176, 121, 79, 0.1);

  background: rgba(176, 121, 79, 0.08);

  box-shadow: 0 0 20px 0 rgba(176, 121, 79, 0.06) inset;
  backdrop-filter: blur(18px);
}

/* END OF NAVBAR STYLING */

/* Service Home */
@media screen and (min-width: 992px) {
  .service_slider_item_wrap {
    transition: transform 0.5s ease;

    .service_card_visual_img {
      transition: transform 0.5s ease;
    }

    .service_card_list_wrapper {
      opacity: 0;
      transition: opacity 0.7s ease;
    }
  }

  .service_slider_item_wrap:hover {
    transform: translateY(-10px);

    .service_card_visual_img {
      transform: scale(1.1);
    }

    .service_card_list_wrapper {
      opacity: 1;
    }
  }
}

/* PORTFOLIO HOVER ANIMATION */

.portfolio_content_item {
  .portfolio_content_image img {
    transition: transform 0.8s ease;
  }
}

.portfolio_content_item:hover {
  .portfolio_content_image img {
    transform: scale(1.15);
  }
}

/* GHOSTWRITING SERVICE SLIDER */

.swiper.is-ghostwriting {
  .ghostwriting_item_image,
  .ghostwriting_item_subtitle {
    /* opacity: 0; */
    transition: opacity 0.2s ease;
  }

  .ghostwriting_item_image {
    /* aspect-ratio: 1/3; */
    transform: scale(0.6);
    margin-left: auto;
    margin-right: auto;
  }

  .ghostwriting_item_title,
  .ghostwriting_item_subtitle,
  .ghostwriting_item_image {
    opacity: 0.5;
    transition: opacity 0.2s ease, transform 0.3s ease;
  }

  .swiper-slide.swiper-slide-active {
    .ghostwriting_item_image,
    .ghostwriting_item_subtitle,
    .ghostwriting_item_title {
      opacity: 1;
    }
  }

  .swiper-slide.swiper-slide-active {
    .ghostwriting_item_image {
      transform: scale(1);
    }
  }
}

.impact_content_item {
  display: block; /* pastikan Safari gak salah hitung */
  will-change: transform; /* optional: biar smooth saat animasi */
}

/* @media screen and (min-width: 768px) { */
[data-book-open="wrapper"],
[data-book-open] {
  opacity: 0;
  pointer-events: none;

  transition: all 0.3s ease;
}

[data-book-open="wrapper"].active,
[data-book-open].active {
  opacity: 1;
  pointer-events: auto;
}
/* } */

.artist_list {
  user-select: none; /* Prevent text selection */
  -webkit-user-select: none; /* For Safari */
  -ms-user-select: none; /* For old IE/Edge */
}

.artist_list_item_visual {
  pointer-events: none;
}

/* Design and Development */
@media screen and (max-width: 991px) {
  .design-hero_marquee_list {
    animation-duration: 40s;
    animation-iteration-count: infinite;
    animation-name: hero-design;
    animation-timing-function: linear;
  }
}

@keyframes hero-design {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(calc(-100% - 8px));
  }
}