.AVm_des_img_section {
  position: relative;
  width: 100%;
  background-color: #f6f4e8;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.AVm_des_img_stage {
  position: relative;
  width: 100%;
  max-width: 1440px;
  aspect-ratio: 1024 / 595;
  container-type: inline-size;
  background-color: #f6f4e8;
  overflow: hidden;
  user-select: none;
}

.AVm_des_img_header_left {
  position: absolute;
  left: 3.12%;
  top: 13.8%;
  width: 46%;
  z-index: 5;
}

.AVm_des_img_title {
  font-family: "Playfair Display", Georgia, serif;
  font-size: 4.45cqw;
  font-weight: 700;
  color: #112d15;
  line-height: 1.08;
  letter-spacing: -0.01em;
}

.AVm_des_img_title_italic {
  font-style: italic;
  font-weight: 400;
  color: #de9627;
  margin-left: 0.25cqw;
}

.AVm_des_img_subtitle {
  font-family: "Playfair Display", Georgia, serif;
  font-size: 2.16cqw;
  font-weight: 400;
  color: #112d15;
  line-height: 1.3;
  margin-top: 1.35cqw;
  letter-spacing: -0.005em;
}

.AVm_des_img_header_right {
  position: absolute;
  left: 53.9%;
  top: 15.6%;
  width: 41.5%;
  z-index: 5;
}

.AVm_des_img_desc {
  font-family: "Inter", sans-serif;
  font-size: 1.31cqw;
  font-weight: 400;
  color: #1c361d;
  line-height: 1.62;
  letter-spacing: -0.005em;
}

.AVm_des_img_crosshair {
  position: absolute;
  left: 1.37%;
  top: 43.8%;
  width: 13.2cqw;
  height: 12.8cqw;
  pointer-events: none;
  z-index: 6;
}

.AVm_des_img_crosshair_h {
  position: absolute;
  left: 0;
  top: 1.42cqw;
  width: 100%;
  height: 1px;
  background-color: #253b23;
}

.AVm_des_img_crosshair_h::before {
  content: "";
  position: absolute;
  left: -1px;
  top: 50%;
  width: 4px;
  height: 4px;
  background-color: #112d15;
  transform: translateY(-50%) rotate(45deg);
}

.AVm_des_img_crosshair_v {
  position: absolute;
  left: 0.98cqw;
  top: 0;
  width: 1px;
  height: 100%;
  background-color: #253b23;
}

.AVm_des_img_crosshair_v::before {
  content: "";
  position: absolute;
  top: -1px;
  left: 50%;
  width: 4px;
  height: 4px;
  background-color: #112d15;
  transform: translateX(-50%) rotate(45deg);
}

.AVm_des_img_slider_area {
  position: absolute;
  left: 3.12%;
  top: 47.4%;
  width: 96.88%;
  height: 24.22cqw;
  z-index: 4;
  overflow: hidden;
}

.AVm_des_img_swiper {
  width: 100%;
  height: 100%;
  overflow: visible;
}

.AVm_des_img_swiper .swiper-wrapper {
  align-items: flex-start;
  transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1) !important;
}

.AVm_des_img_slide {
  position: relative;
  width: 14.36cqw !important;
  height: 8.01cqw !important;
  margin-right: 2.24cqw !important;
  flex-shrink: 0;
  overflow: hidden;
  background-color: #d8d5c8;
  filter: grayscale(100%) contrast(1.05);
  cursor: pointer;
  transition:
    width 1.15s cubic-bezier(0.22, 1, 0.36, 1),
    height 1.15s cubic-bezier(0.22, 1, 0.36, 1),
    filter 1.15s cubic-bezier(0.22, 1, 0.36, 1);
  will-change: width, height, filter, transform;
  transform-origin: left top;
}

.AVm_des_img_slide.AVm_des_img_is_active {
  width: 43.55cqw !important;
  height: 24.22cqw !important;
  filter: grayscale(0%) contrast(1);
  cursor: default;
  z-index: 5;
}

.AVm_des_img_media_wrap {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.AVm_des_img_media {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transform: scale(1.06);
  transition: transform 1.25s cubic-bezier(0.22, 1, 0.36, 1);
}

.AVm_des_img_slide.AVm_des_img_is_active .AVm_des_img_media {
  transform: scale(1);
}

.AVm_des_img_mute_btn {
  position: absolute;
  right: 1.15cqw;
  bottom: 1.15cqw;
  width: 2.9cqw;
  height: 2.9cqw;
  min-width: 34px;
  min-height: 34px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.78);
  background: rgba(17, 45, 21, 0.78);
  backdrop-filter: blur(4px);
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 30;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: scale(0.8);
  transition:
    opacity 0.35s ease,
    visibility 0.35s ease,
    transform 0.35s cubic-bezier(0.22, 1, 0.36, 1),
    background-color 0.25s ease;
}

.AVm_des_img_slide.AVm_des_img_is_active .AVm_des_img_mute_btn {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: scale(1);
}

.AVm_des_img_mute_btn:hover {
  background: rgba(17, 45, 21, 0.95);
  transform: scale(1.06) !important;
}

.AVm_des_img_mute_btn:active {
  transform: scale(0.95) !important;
}

.AVm_des_img_mute_btn svg {
  width: 52%;
  height: 52%;
  stroke: #ffffff;
  stroke-width: 1.9;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  pointer-events: none;
}

.AVm_des_img_icon_unmuted {
  display: none;
}

.AVm_des_img_mute_btn.AVm_des_img_unmuted .AVm_des_img_icon_muted {
  display: none;
}

.AVm_des_img_mute_btn.AVm_des_img_unmuted .AVm_des_img_icon_unmuted {
  display: block;
}

.AVm_des_img_controls_row {
  position: absolute;
  left: 48.83%;
  top: 77.65%;
  width: 47.95%;
  height: 6.45cqw;
  display: flex;
  align-items: center;
  z-index: 7;
}

.AVm_des_img_nav_group {
  display: flex;
  align-items: center;
  gap: 2.34cqw;
  flex-shrink: 0;
}

.AVm_des_img_nav_btn {
  width: 6.45cqw;
  height: 6.45cqw;
  border-radius: 50%;
  border: 1px solid #354c32;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition:
    background-color 0.3s ease,
    transform 0.25s ease;
}

.AVm_des_img_nav_btn:hover {
  background-color: rgba(17, 45, 21, 0.06);
  transform: scale(1.03);
}

.AVm_des_img_nav_btn:active {
  transform: scale(0.97);
}

.AVm_des_img_nav_btn svg {
  width: 56%;
  height: 56%;
  stroke: #354c32;
  stroke-width: 1;
  fill: none;
}

.AVm_des_img_bottom_line {
  position: relative;
  flex-grow: 1;
  height: 1px;
  background-color: #253b23;
  margin-left: 2.44cqw;
}

.AVm_des_img_bottom_line::after {
  content: "";
  position: absolute;
  right: -1px;
  top: 50%;
  width: 4px;
  height: 4px;
  background-color: #112d15;
  transform: translateY(-50%) rotate(45deg);
}

.AVm_des_img_mobile_thumbs_wrap {
  display: none;
}

@media (max-width: 768px) {
  .AVm_des_img_stage {
    max-width: 480px;
    aspect-ratio: auto;
    padding: 48px 4.8% 52px;
    display: flex;
    flex-direction: column;
  }

  .AVm_des_img_header_left {
    position: relative;
    left: auto;
    top: auto;
    width: 100%;
  }

  .AVm_des_img_title {
    font-size: clamp(26px, 7.3vw, 34px);
  }

  .AVm_des_img_subtitle {
    font-size: clamp(20px, 5.9vw, 26px);
    line-height: 1.34;
    margin-top: 18px;
    max-width: 90%;
  }

  .AVm_des_img_header_right {
    position: relative;
    left: auto;
    top: auto;
    width: 100%;
    margin-top: 22px;
  }

  .AVm_des_img_desc {
    font-size: clamp(13.5px, 3.75vw, 16px);
    line-height: 1.62;
  }

  .AVm_des_img_crosshair {
    display: none;
  }

  .AVm_des_img_slider_area {
    position: relative;
    left: auto;
    top: auto;
    width: 100%;
    height: auto;
    aspect-ratio: 338 / 192;
    margin-top: 26px;
    overflow: hidden;
  }

  .AVm_des_img_swiper {
    overflow: hidden;
  }

  .AVm_des_img_slide,
  .AVm_des_img_slide.AVm_des_img_is_active {
    width: 100% !important;
    height: 100% !important;
    margin-right: 0 !important;
    filter: grayscale(0%) !important;
  }

  .AVm_des_img_slide .AVm_des_img_media {
    transform: scale(1.1);
    transition: transform 0.95s cubic-bezier(0.22, 1, 0.36, 1);
  }

  .AVm_des_img_slide.AVm_des_img_is_active .AVm_des_img_media {
    transform: scale(1);
  }

  .AVm_des_img_mute_btn {
    right: 12px;
    bottom: 12px;
    width: 38px;
    height: 38px;
  }

  .AVm_des_img_controls_row {
    position: relative;
    left: auto;
    top: auto;
    width: 100%;
    height: auto;
    margin-top: 24px;
    justify-content: space-between;
    flex-direction: row-reverse;
  }

  .AVm_des_img_nav_group {
    gap: 18px;
  }

  .AVm_des_img_nav_btn {
    width: 58px;
    height: 58px;
  }

  .AVm_des_img_bottom_line {
    margin-left: 0;
    margin-right: 22px;
  }

  .AVm_des_img_mobile_thumbs_wrap {
    display: block;
    width: 100%;
    margin-top: 26px;
    overflow: hidden;
  }

  .AVm_des_img_thumbs_swiper {
    width: 100%;
    overflow: hidden;
  }

  .AVm_des_img_thumb_slide {
    position: relative;
    aspect-ratio: 101 / 77;
    overflow: hidden;
    background-color: #d8d5c8;
    filter: grayscale(100%) contrast(1.06);
    opacity: 0.68;
    cursor: pointer;
    border: 2px solid transparent;
    transition:
      filter 0.45s ease,
      opacity 0.45s ease,
      border-color 0.45s ease,
      transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
  }

  .AVm_des_img_thumb_slide.AVm_des_img_thumb_active {
    filter: grayscale(0%) contrast(1);
    opacity: 1;
    border-color: #112d15;
  }

  .AVm_des_img_thumb_slide::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 3px;
    background-color: #de9627;
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 3;
  }

  .AVm_des_img_thumb_slide.AVm_des_img_thumb_active::after {
    transform: scaleX(1);
  }

  .AVm_des_img_thumb_slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    pointer-events: none;
    transition: transform 0.55s cubic-bezier(0.22, 1, 0.36, 1);
  }

  .AVm_des_img_thumb_slide.AVm_des_img_thumb_active img {
    transform: scale(1.05);
  }

  .AVm_des_img_thumb_badge {
    position: absolute;
    top: 6px;
    right: 6px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: rgba(17, 45, 21, 0.78);
    border: 1px solid rgba(255, 255, 255, 0.75);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 4;
    pointer-events: none;
  }

  .AVm_des_img_thumb_badge svg {
    width: 9px;
    height: 9px;
    fill: #ffffff;
    margin-left: 1px;
  }
}