/* Product detail page: paired copy and complete source artwork in image order. */
.p1-cxj-page .wym-hero { background: #f3ede3; }
.p1-cxj-page .wym-hero-image { display: flex; align-items: center; justify-content: center; background: #eee2d3; }
.p1-cxj-page .wym-hero-image img { width: 100%; height: auto; max-height: none; }
.p1-cxj-page .wym-hero-image figcaption { bottom: 12px; }
.p1-cxj-page .wym-hero-note { margin-top: 42px; }
.p1-cxj-page .cxj-story { padding: 36px 8px; border-bottom: 1px solid var(--p1-line); }
.p1-cxj-page .cxj-story .zsf-split { min-height: 540px; background: #f5f0e9; }
.p1-cxj-page .cxj-story:nth-of-type(even) .zsf-split { background: #edf1ed; }
.p1-cxj-page .cxj-story.cxj-image-first .zsf-split-image { grid-column: 1; grid-row: 1; }
.p1-cxj-page .cxj-story.cxj-image-first .zsf-split-copy { grid-column: 2; grid-row: 1; }
.p1-cxj-page .cxj-story .zsf-split-copy { align-self: center; }
.p1-cxj-page .cxj-story .zsf-split-copy h2 { font-size: clamp(28px,3.2vw,42px); }
.p1-cxj-page .cxj-story .zsf-split-copy p:not(.wym-index) { max-width: 480px; }
.p1-cxj-page .cxj-story .zsf-split-image { align-self: stretch; display: flex; flex-direction: column; justify-content: center; background: #e8dbcc; }
.p1-cxj-page .cxj-story .zsf-split-image img { width: 100%; height: auto; max-height: none; }
.p1-cxj-page .cxj-story .zsf-split-image figcaption { text-align: right; }
.p1-cxj-page .cxj-spec-list { margin: 25px 0 0; border-top: 1px solid #c8d2cf; }
.p1-cxj-page .cxj-spec-list div { display: grid; grid-template-columns: 84px 1fr; gap: 14px; padding: 10px 0; border-bottom: 1px solid #c8d2cf; font-size: 14px; line-height: 1.6; }
.p1-cxj-page .cxj-spec-list dt { color: var(--p1-ink); font-weight: 700; }
.p1-cxj-page .cxj-spec-list dd { margin: 0; color: #4d616d; }
.p1-cxj-page .cxj-spec-note { margin-top: 15px !important; font-size: 13px !important; }
@media (max-width: 700px) {
  .p1-cxj-page .wym-hero-image { height: auto; }
  .p1-cxj-page .wym-hero-image img { max-height: none; }
  .p1-cxj-page .cxj-story { padding: 18px 2px; }
  .p1-cxj-page .cxj-story .zsf-split { min-height: 0; }
  .p1-cxj-page .cxj-story.cxj-image-first .zsf-split-copy,
  .p1-cxj-page .cxj-story.cxj-image-first .zsf-split-image { grid-column: 1; grid-row: auto; }
  .p1-cxj-page .cxj-story .zsf-split-image img { max-height: none; }
}