.new-pod-layout { align-items: start; }
.new-pod-visual { margin: 0; }
.new-pod-frame {
  position: relative;
  display: block;
  aspect-ratio: 1;
  overflow: hidden;
  background: #f3f8ef;
  isolation: isolate;
}
.new-pod-frame img {
  position: absolute;
  width: var(--product-width);
  height: var(--product-height);
  top: calc((100% - var(--product-height)) / 2);
  left: calc((100% - var(--product-width)) / 2);
  object-fit: contain;
  mix-blend-mode: multiply;
}
.new-pod-frame span {
  position: absolute;
  left: calc(52% + var(--product-width) / 2);
  top: calc(50% + var(--product-height) / 2);
  transform: rotate(-90deg);
  transform-origin: left top;
  font: 10px Arial, sans-serif;
  color: #586b60;
}
.new-pod-visual figcaption { padding: .75rem 1rem; }
.new-pod-variants ul {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  padding: 0;
  list-style: none;
}
.new-pod-variants a[aria-current="page"] {
  outline: 2px solid currentColor;
  outline-offset: 2px;
  font-weight: 700;
}
.new-pod-variant-spec { scroll-margin-top: 6rem; }
.device-visual.new-pod-frame { aspect-ratio: 1; }
.device-visual.new-pod-frame span { font-size: 8px; }