[data-app-id="phototem"] .kv__media {
  width: min(100%, 1400px);
  margin-top: 36px;
}

.phototem-fan {
  position: relative;
  width: 100%;
  aspect-ratio: 1400 / 680;
  container-type: inline-size;
  isolation: isolate;
}

.phototem-fan__photo {
  position: absolute;
  left: 50%;
  top: 8.57cqw;
  width: 16.79%;
  aspect-ratio: 235 / 330;
  border: max(3px, .43cqw) solid #fff;
  border-radius: 1.65cqw;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 1cqw 2cqw #17272720;
  transform: translate(calc(-50% + var(--x) * 1cqw), calc(var(--y) * 1cqw)) rotate(var(--angle));
  z-index: var(--depth);
}

.phototem-fan__photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.phototem-fan__screen {
  position: relative;
  width: 19.72%;
  margin-inline: auto;
  border: max(3px, .36cqw) solid #fff;
  border-radius: 2.3cqw;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 1.86cqw 3.93cqw #1e32302b, 0 .29cqw .86cqw #1e323010;
  z-index: 4;
}

.phototem-fan__screen img {
  display: block;
  width: 100%;
  height: auto;
}

.phototem-fan__ground {
  position: absolute;
  left: 14%;
  top: 35.7cqw;
  width: 72%;
  height: 6.4cqw;
  background: radial-gradient(ellipse, #3d56551a, transparent 70%);
  filter: blur(12px);
}

@media (max-width: 720px) {
  [data-app-id="phototem"] .kv__media { margin-top: 30px; }
  .phototem-fan { aspect-ratio: auto; height: 465px; }
  .phototem-fan__photo {
    top: 110px;
    width: 132px;
    border-radius: 14px;
    box-shadow: 0 8px 18px #17272720;
  }
  .phototem-fan__screen {
    width: 190px;
    border-radius: 24px;
    box-shadow: 0 18px 36px #1e32302b, 0 4px 10px #1e323010;
  }
  .phototem-fan__ground { top: 375px; height: 65px; }
}