/* Product Design course imagery. Shared section styles remain unchanged. */
.product-design-page .detail-hero {
  grid-template-columns: minmax(0, 456fr) minmax(0, 640fr);
}

.product-design-page .detail-hero picture {
  aspect-ratio: auto;
  height: auto;
}

.product-design-page .detail-main-image {
  aspect-ratio: 923 / 953;
  height: auto;
  object-fit: contain;
}

.product-design-page .intro-manifesto {
  background-image: url("./product-design-intro-bg.webp");
}

.product-design-page .intro-manifesto em {
  color: #ff3444;
}

@media (max-width: 900px) {
  .product-design-page .detail-hero {
    grid-template-columns: minmax(0, 1fr);
  }

  .product-design-page .detail-main-image {
    aspect-ratio: 1377 / 775;
  }
}