/* Illustrative product views, shared by the abstract and photographic studies. */
.product-preview { position: absolute; z-index: 3; left: 7%; top: 50%; transform: translateY(-50%); width: 86%; color: #28372e; background: #fafbf7; border-radius: 9px; font-family: 'Barlow', sans-serif; line-height: 1.35; overflow: hidden; box-shadow: 0 12px 32px #07191026; }
.preview-top { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 12px 14px; border-bottom: 1px solid #dde3d7; }
.preview-title { font-size: 16px; font-weight: 500; letter-spacing: -.01em; }
.preview-example { font-size: 11px; color: #53644f; white-space: nowrap; }
.preview-table { padding: 6px 14px 8px; }
.preview-row { display: grid; grid-template-columns: 1fr 14px 1fr; gap: 7px; align-items: center; min-height: 29px; border-bottom: 1px solid #e4e8de; font-size: 12px; }
.preview-row:last-child { border-bottom: 0; }
.preview-row code { font: 11px/1.5 'Geist Mono', monospace; overflow-wrap: anywhere; }
.preview-row > svg { width: 13px; height: 13px; color: #6b7f63; }
.preview-row.preview-columns { font-size: 11px; color: #586551; min-height: 22px; border-bottom: 0; }
.preview-footer { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 9px 14px; font-size: 11px; color: #53644f; background: #eef2e8; }
.preview-footer .preview-status { display: flex; align-items: center; gap: 6px; color: #355238; }
.preview-status svg { width: 13px; height: 13px; }
.preview-chart { padding: 12px 14px 7px; }
.preview-legend { display: flex; gap: 16px; font-size: 11px; color: #d7dfd2; }
.preview-legend span { display: flex; align-items: center; gap: 6px; }
.preview-legend i { width: 12px; height: 2px; background: #b9caa1; }.preview-legend span + span i { background: #e7bd9e; }
.preview-chart svg { width: 100%; height: 105px; margin-top: 6px; }
.preview-axis { display: flex; justify-content: space-between; font-size: 11px; color: #c7d2c1; }
.preview-dark { background: #19251f; color: #f2f5ed; }
.preview-dark .preview-top { border-color: #3f4c42; }.preview-dark .preview-example { color: #c7d2c1; }
.preview-dark .preview-footer { background: #27372c; color: #d9e2d1; }
.preview-dark .preview-status { color: #d9e2d1; }
.preview-jobs { padding: 4px 14px; }
.preview-job { display: grid; grid-template-columns: 16px 1fr auto; gap: 8px; align-items: center; min-height: 39px; border-bottom: 1px solid #e4e8de; font-size: 12px; }
.preview-job:last-child { border-bottom: 0; }.preview-job > svg { width: 14px; height: 14px; color: #547445; }
.preview-job small { color: #53644f; font-size: 11px; }
.preview-workspace { left: 28%; width: 44%; max-width: 580px; }
.preview-workspace .preview-job { min-height: 38px; }.preview-workspace .preview-title { font-size: 17px; }
.panel-art .media-id { top: 15px; left: 15px; }
.panel-art .product-preview { top: calc(50% + 16px); }
.feature-image .media-id, .feature-image .media-caption, .panel-art .media-id, .card-art .media-id { color: #fff; background: #20352de8; padding: 6px 9px; }
.feature-copy::after { opacity: .16; }
.card-art::after { transition: transform 350ms ease; }.editorial-card:hover .card-art::after { transform: scale(1.025); }
@media (max-width: 1000px) { .preview-row { gap: 4px; }.preview-title { font-size: 15px; }.panel-art { width: 100%; min-width: 0; min-height: 320px; } }
@media (max-width: 700px) {
  .preview-workspace { left: 8%; width: 84%; }.preview-workspace .preview-title { font-size: 16px; }
  .hero-art:has(.preview-workspace) { aspect-ratio: auto; min-height: 300px; }
  .preview-workspace .preview-job { min-height: 29px; }
  .preview-top { padding: 9px 11px; gap: 8px; }.preview-table { padding: 3px 11px; }
  .preview-row { min-height: 25px; }.preview-footer { padding: 7px 11px; }
  .preview-jobs { padding: 3px 11px; }.preview-job { min-height: 31px; gap: 6px; }
  .preview-chart { padding: 9px 11px 5px; }.preview-chart svg { height: 75px; }
  .panel-art .media-id { top: 10px; left: 10px; }
}
@media (prefers-reduced-motion: reduce) { .card-art::after { transition: none; }.editorial-card:hover .card-art::after { transform: none; } }