/* Call-center artwork and the family panel patterns absent from the shared sheet. */
.product-hero-visual img { width: calc(100% + var(--gutter)); max-width: none; }
.product-definition { padding: 0; }
.product-definition h2 { margin-top: 30px; }
.product-prose { min-width: 0; padding: 30px; border: 0; }
.product-capability-panels { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; padding: 0; list-style: none; }
.product-capability { min-width: 0; padding: 24px; }
.product-capability img { width: auto; height: 208px; max-width: 100%; margin: 0 auto 18px; object-fit: contain; }
.product-capability p { max-width: 34ch; color: var(--ink); font-size: 20px; line-height: 1.4; }
.product-page main .product-capability-list { margin-top: 16px; }
.product-operation { margin-top: var(--product-section-gap); }
.product-operation article, .product-operation article + article { display: flex; flex-direction: column; padding: 0; background: transparent; box-shadow: none; }
.product-operation h2 { min-height: calc(1.14em + 12px); margin-bottom: 20px; }
.product-operation-content { flex: 1; padding: 28px 32px; }
.product-operation-content:has(> .product-operation-drawing) { display: grid; grid-template: "copy drawing" / minmax(0, 1fr) 180px; gap: 24px; align-content: start; align-items: start; }
.product-operation-content:has(> .product-operation-drawing) p { grid-area: copy; min-width: 0; }
.product-operation-drawing { grid-area: drawing; width: 180px; height: auto; }
@media (min-width: 1181px) {
  .ccc-title-ending { white-space: nowrap; }
}
@media (max-width: 1180px) {
  .product-capability { padding: 20px; }
  .product-capability img { height: 158px; }
  .product-capability p { font-size: 18px; }
  .product-operation-content:has(> .product-operation-drawing) { grid-template: "drawing" "copy" / minmax(0, 1fr); gap: 16px; }
  .product-operation-drawing { width: 130px; }
}
@media (max-width: 700px) {
  .product-hero-visual { margin: 24px calc(-1 * var(--gutter)) 0 !important; }
  .product-hero-visual img { width: 100%; }
  .product-definition { padding: 0; }
  .product-definition h2 { margin-top: 18px; }
  .product-prose { padding: 24px; }
  .product-capability-panels { grid-template-columns: minmax(0, 1fr); }
  .product-capability { padding: 24px; }
  .product-capability img { height: 180px; }
  .product-capability p { font-size: 18px; }
  .product-step-list li:last-child { padding-right: 28px; padding-bottom: 82px; }
  .product-step-drawing { width: 105px; }
  .product-operation h2 { min-height: 0; margin-bottom: 18px; }
  .product-operation-content { padding: 24px; }
  .product-operation-content:has(> .product-operation-drawing) { gap: 12px; }
  .product-operation-drawing { width: 115px; }
}