/* MU55 and AN55: original artwork, one horizontal gallery per collection. */
:is(.an55-collection, .mu55-collection) .collection-heading > a:first-of-type { width: 104px; }
:is(.an55-brand-mark, .mu55-brand-mark) { display: block; width: 100%; height: auto; aspect-ratio: 485 / 695; mix-blend-mode: multiply; }
.mu55-brand-mark { aspect-ratio: 505 / 635; }
body[data-theme="night"] :is(.an55-brand-mark, .mu55-brand-mark) { filter: invert(1); mix-blend-mode: screen; }
[data-product-gallery] { width: 100%; max-width: 900px; margin-inline: auto; }
:is(.an55-products, .mu55-products) { display: flex; gap: 24px; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scrollbar-width: thin; scrollbar-color: var(--muted) transparent; padding: 0 0 12px; }
:is(.an55-product, .mu55-product) { --product-paper: #f2f1ec; flex: 0 0 92%; scroll-snap-align: start; scroll-snap-stop: always; }
.mu55-product { --product-paper: #f1f0ec; }
:is(.an55-product, .mu55-product):last-child { margin-right: 8%; }
:is(.an55-product, .mu55-product)[data-tone="wood"] { --product-paper: #3c3029; }
:is(.an55-product, .mu55-product)[data-tone="stone"] { --product-paper: #a29883; }
:is(.an55-product, .mu55-product)[data-tone="dark"] { --product-paper: #080807; }
:is(.an55-product, .mu55-product) .product-image { display: grid; place-items: center; width: 100%; aspect-ratio: 4 / 5; overflow: hidden; background: var(--product-paper); }
:is(.an55-product, .mu55-product) .product-image img { width: 100%; height: 100%; aspect-ratio: auto; object-fit: contain; object-position: center; }
:is(.an55-product-caption, .mu55-product-caption) { display: flex; align-items: start; justify-content: space-between; gap: 12px; width: 100%; min-height: 60px; padding-top: 12px; font-size: 16px; line-height: 1.5; }
:is(.an55-product-caption, .mu55-product-caption) > span { padding-top: 9px; min-width: 0; }
:is(.an55-product-caption, .mu55-product-caption) a { display: grid; place-items: center; flex: 0 0 44px; width: 44px; height: 44px; color: var(--muted); text-decoration: none; }
:is(.an55-product-caption, .mu55-product-caption) a:hover { color: var(--ink); }
:is(.an55-product-caption, .mu55-product-caption) .ui-icon { width: 20px; height: 20px; }
:is(.an55-gallery-controls, .mu55-gallery-controls) { display: flex; justify-content: space-between; align-items: center; margin-top: 8px; gap: 20px; }
:is(.an55-gallery-controls, .mu55-gallery-controls) button { display: grid; place-items: center; width: 48px; height: 48px; padding: 12px; border: 1px solid var(--line); border-radius: 50%; color: var(--ink); background: none; cursor: pointer; }
:is(.an55-gallery-controls, .mu55-gallery-controls) button:disabled { opacity: .25; cursor: default; }
:is(.an55-gallery-controls, .mu55-gallery-controls) .ui-icon { width: 20px; height: 20px; }
:is(.an55-gallery-controls, .mu55-gallery-controls) output { font-size: 14px; font-variant-numeric: tabular-nums; color: var(--muted); }
:is(.an55-archive-link, .mu55-archive-link) > a { display: flex; align-items: center; justify-content: space-between; gap: 24px; min-height: 180px; color: inherit; font-size: 16px; text-decoration: none; }
:is(.an55-archive-link, .mu55-archive-link) :is(.an55-brand-mark, .mu55-brand-mark) { width: 72px; flex: 0 0 72px; }
@media (max-width: 900px) {
  :is(.an55-collection, .mu55-collection) .collection-heading > a:first-of-type { width: 86px; }
  :is(.an55-products, .mu55-products) { gap: 16px; }
  :is(.an55-product-caption, .mu55-product-caption) { min-height: 64px; }
}