.homepage .production-example .product-window {
  --product-panel-height: clamp(28rem, 72svh, 40rem);
}

.homepage .product-demo-panels {
  min-height: var(--product-panel-height);
}

.homepage .production-example .product-demo-panel {
  height: var(--product-panel-height);
  min-height: var(--product-panel-height);
  overflow-y: auto;
}

@media (min-width: 40rem) {
  .homepage .production-example .product-window {
    --product-panel-height: clamp(28rem, 64vh, 44rem);
  }

  .homepage .production-example .product-demo-panel {
    max-height: var(--product-panel-height);
  }
}