.gallery-hero h1 { text-wrap: balance; }
.category-index .product-art.render-edge-5 { --right-edge: var(--left-edge); }
.category-index .category-card .render-edge-5 img {
  -webkit-mask-image: linear-gradient(to right, transparent, #000 5%, #000 89%, transparent 98%);
  mask-image: linear-gradient(to right, transparent, #000 5%, #000 89%, transparent 98%);
}
.product-grid .product { display: flex; flex-direction: column; }
.product-grid .product-art { flex: none; }
.product-grid .product-body { display: flex; flex: 1; flex-direction: column; align-items: flex-start; }
.product-grid .model-summary { margin: 0 0 12px; color: #5c6442; font-weight: 700; }
.model-order { width: 100%; margin-top: auto; padding-top: 14px; border-top: 1px solid var(--line); }
.model-price { color: #5c6442; margin-bottom: 12px; }
.model-quote { display: inline-block; padding: 10px 14px; border-radius: 999px; background: #5c6442; color: white; font-weight: 700; font-size: 14px; text-decoration: none; }
.model-quote:hover { background: #454d32; color: white; }
.project-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); gap: 16px; max-width: 1060px; margin: 24px auto 0; }
.project-tile { display: block; overflow: hidden; border: 1px solid var(--line); border-radius: 8px; text-align: left; color: inherit; text-decoration: none; background: #faf6ee; }
.project-tile:hover { border-color: #5c6442; }
.project-tile img { display: block; width: 100%; aspect-ratio: 2 / 1; object-fit: cover; }
.project-tile span { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 6px 12px; padding: 13px; }
.project-tile small { color: #5c6442; }
.project-viewer { width: min(1100px, calc(100% - 24px)); max-height: 94vh; padding: 14px; border: 0; border-radius: 8px; background: #faf6ee; color: #2b211b; }
.project-viewer::backdrop { background: rgb(0 0 0 / 82%); }
.project-viewer-heading, .project-viewer-controls { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 0; }
.project-viewer .project-full-image { display: block; width: 100%; height: min(64vh, 730px); object-fit: contain; margin: 10px 0; background: #2b211b; }
.project-viewer button { min-height: 44px; padding: 6px 10px; cursor: pointer; font: inherit; }
.product-grid .product-art:has(.product-render:not([hidden])) {
  background: linear-gradient(#eee2d6, #f3e9dd 58%, #ede0d2);
}
.product-grid .product-render img {
  -webkit-mask-image: linear-gradient(to right, transparent, #000 4%, #000 96%, transparent);
  mask-image: linear-gradient(to right, transparent, #000 4%, #000 96%, transparent);
}
.product-grid .product-art,
.product-grid .product-art:has(.product-render:not([hidden])) {
  background: #f7f3e9 !important;
  height: auto !important;
  aspect-ratio: 4 / 3;
}
.product-grid .product-art img,
.product-grid .product-render img {
  background: #f7f3e9 !important;
  object-fit: contain !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
}
.product-grid .product-render {
  background: #f7f3e9 !important;
}
.product-grid .product-render.gallery-frame,
.product-grid .product-art > img.gallery-frame {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.project-viewer-controls { margin: 6px 0; }
.project-thumbnails { display: flex; gap: 6px; overflow-x: auto; padding: 3px; }
.project-thumbnails[hidden] { display: none; }
.project-thumbnails button { flex: 0 0 64px; height: 48px; padding: 2px; background: white; border: 2px solid transparent; border-radius: 5px; }
.project-thumbnails button[aria-pressed="true"] { border-color: #5c6442; }
.project-thumbnails img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 2px; }
.press-s-product .product-render { width: 100%; aspect-ratio: auto; }
.press-b-product .product-render { width: 100%; aspect-ratio: auto; }

/* Blend the L render's studio backdrop into the product tile. */
.product-grid .press-l-product .product-art,
.product-grid .press-l-product .product-art:has(.product-render:not([hidden])),
.product-grid .press-l-product .product-render {
  background: #e8ded6 !important;
}

.catalog-page .silver-brochure-price strong { font-size: 15px; line-height: 1.5; }

.brochure-page .product-art,.brochure-page .product-render{background:#FBF8F0!important}