/* CAMON 60 detail artwork on a continuous, edge-safe green environment. */
.kv-sequence-v68__page--camon60 {
  --camon-detail-seam: #f8fcf5;
  background-color: var(--camon-detail-seam) !important;
  color: #142519;
}

.kv-sequence-v68__page--detail-landscape {
  background:
    radial-gradient(
      ellipse 48% 32% at 50% 64%,
      rgba(188, 218, 180, .58) 0%,
      rgba(220, 235, 216, .40) 52%,
      rgba(248, 252, 245, 0) 100%
    ),
    var(--camon-detail-seam) !important;
}

.kv-sequence-v68__page--detail-portrait {
  background:
    radial-gradient(
      ellipse 48% 34% at 50% 55%,
      rgba(188, 218, 180, .58) 0%,
      rgba(220, 235, 216, .40) 52%,
      rgba(248, 252, 245, 0) 100%
    ),
    var(--camon-detail-seam) !important;
}

.kv-sequence-v68__camon60-title {
  position: absolute;
  z-index: 4;
  top: clamp(28px, 5.2vh, 62px);
  left: 0;
  right: 0;
  margin: 0;
  text-align: center;
  color: #a8adaa;
  font-size: clamp(24px, 3.22vw, 52px);
  line-height: .92;
  font-weight: 300;
  letter-spacing: -.025em;
}

.kv-sequence-v68__camon60-product {
  position: absolute;
  z-index: 2;
  inset: 0;
  margin: 0;
  overflow: hidden;
  background: transparent;
  pointer-events: none;
}

.kv-sequence-v68__camon60-product > img {
  position: absolute;
  left: 50%;
  display: block;
  max-width: none;
  max-height: none;
  height: auto;
  object-fit: contain;
  transform-origin: 50% 50%;
  transition: transform 1200ms cubic-bezier(.22, 1, .36, 1), opacity 700ms ease;
  opacity: .94;
}

.kv-sequence-v68__camon60-product--portrait > img {
  top: 10svh;
  bottom: auto;
  width: auto;
  height: 87svh;
  transform: translate3d(-50%, 28px, 0) scale(1.018);
}

.kv-sequence-v68__camon60-product--landscape > img {
  bottom: 0;
  width: min(100vw, 1900px);
  transform: translate3d(-50%, 26px, 0) scale(1.012);
}

.kv-sequence-v68__page--camon60.is-visible .kv-sequence-v68__camon60-product > img {
  opacity: 1;
  transform: translate3d(-50%, 0, 0) scale(1);
}

@media (max-width: 680px) {
  .kv-sequence-v68__camon60-title {
    top: 42px;
    font-size: clamp(27px, 7.7vw, 38px);
  }

  .kv-sequence-v68__camon60-product--portrait > img {
    top: 54%;
    bottom: auto;
    width: min(94vw, 76svh);
    height: auto;
    transform: translate3d(-50%, calc(-50% + 22px), 0) scale(1.012);
  }

  .kv-sequence-v68__page--camon60.is-visible
  .kv-sequence-v68__camon60-product--portrait > img {
    transform: translate3d(-50%, -50%, 0) scale(1);
  }

  .kv-sequence-v68__camon60-product--landscape > img {
    bottom: 5svh;
    width: 100vw;
  }
}

@media (prefers-reduced-motion: reduce) {
  .kv-sequence-v68__camon60-product > img {
    opacity: 1;
    transform: translate3d(-50%, 0, 0) scale(1);
    transition: none;
  }
}