/* New product photographs have a clean alpha cutout; keep the whole piece visible. */
.hero-device {
  width: min(80%, 380px);
  top: 49px;
  max-height: 365px;
  object-fit: contain;
  filter: drop-shadow(0 16px 12px #654c2538);
}
.product-image.studio-shot,
.dialog-image.studio-view,
.photo-stage[data-presentation="studio"] {
  background: radial-gradient(ellipse at 50% 43%, #fff 25%, #fcfaf5 67%, #f2ede3 100%);
}
.product-image.studio-shot img {
  width: 100%;
  max-width: 100%;
  height: calc(100% - 42px);
  object-fit: contain;
  filter: drop-shadow(0 11px 8px #4b3e2d20);
}
.product-image.studio-shot.device-shot img {
  width: 82%;
  height: calc(100% - 66px);
  top: 52%;
}
.dialog-image.studio-view img {
  width: 100%;
  height: 370px;
  max-height: 370px;
  object-fit: contain;
  filter: drop-shadow(0 12px 9px #4b3e2d20);
}
.photo-stage[data-presentation="studio"] img {
  width: 100%;
  max-width: 100%;
  height: 90%;
  object-fit: contain;
  filter: drop-shadow(0 14px 11px #4b3e2d22);
}
.photo-stage[data-kind="device"][data-presentation="studio"] img {
  width: min(82%, 600px);
  height: 86%;
}
.product-image.packaged-shot {background: #fff;}
.product-image.packaged-shot .product-badge {display: none;}
.product-image.packaged-shot.kit-shot {height: 420px;}
.product-image.packaged-shot img,
.product-image.packaged-shot.device-shot img {
  width: 100%;
  height: calc(100% - 28px);
  top: 50%;
  filter: none;
}
.dialog-image.packaged-view {background: #fff; padding: 20px;}
.dialog-image.packaged-view img {height: 410px; max-height: 410px; filter: none;}
.photo-stage[data-presentation="packaged"] {background: #fff;}
.photo-stage[data-presentation="packaged"] img {
  width: 100%;
  max-width: 100%;
  height: 97%;
  object-fit: contain;
}
@media (max-width: 820px) {
  .hero-device {width: min(84%, 340px); top: 51px;}
  .product-image.packaged-shot.kit-shot {height: 375px;}
}
@media (max-width: 600px) {
  .hero-device {width: min(85%, 295px); top: 42px; max-height: 278px;}
  .dialog-image.studio-view {padding: 22px; min-height: 260px; max-height: 300px;}
  .dialog-image.studio-view img {height: 245px; max-height: 245px;}
  .dialog-image.packaged-view {min-height: 310px; max-height: 340px;}
  .dialog-image.packaged-view img {height: 300px; max-height: 300px;}
  .product-image.packaged-shot.kit-shot {height: 400px;}
}