/* Final Series 1 collection: nine equally weighted instruments. */
.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px 28px}
.product-grid>.product-card{grid-column:auto!important;min-width:0}
.product-grid .product-art{height:300px;aspect-ratio:auto;padding:48px 16px 52px}
.product-grid .product-art img{width:100%;height:100%;object-fit:contain;max-height:none}
.product-grid .product-info{padding:20px 0 0}
.product-grid .product-title{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline}
.product-grid .product-title h3{font-size:clamp(1.5rem,2.3vw,2.1rem);line-height:1.2;margin:0;letter-spacing:-.04em}
.product-grid .product-title .price{font-size:1.3rem;white-space:nowrap}
.product-grid .product-info>p{min-height:5.2em;line-height:1.7}
.product-grid .art-caption{font-size:.75rem;padding:0 6px;line-height:1.4}
.bundle-card{margin-top:56px;grid-template-columns:1.15fr 1fr;padding:0;gap:34px;overflow:hidden}
.bundle-artwork{display:block;align-self:center;min-width:0;aspect-ratio:1.5}
.bundle-artwork img{display:block;width:100%;height:100%;object-fit:contain}
.bundle-description{padding:26px 30px 26px 0;min-width:0}
.canada-credit{flex-basis:100%;font-size:.8125rem;letter-spacing:.13em;text-transform:uppercase;border-top:1px solid #b8a080;padding-top:22px;margin:0}
body[data-theme=sonic-collider],.product-art.sonic-collider{--portal-ink:#282038;--portal-glow:#d6e68d;--portal-soft:#e0d5f0;--portal-hue:260deg}
@media(max-width:1000px){.product-grid{gap:34px 20px}.product-grid .product-art{height:250px}.product-grid .product-info>p{min-height:0}.product-grid .product-title h3{font-size:1.6rem}}
@media(max-width:760px){.product-grid{grid-template-columns:1fr;gap:38px}.product-grid .product-art{height:auto;aspect-ratio:1.25}.product-grid .product-title h3{font-size:2rem}.bundle-card{grid-template-columns:1fr;gap:0}.bundle-artwork{min-height:0;aspect-ratio:1.5}.bundle-description{padding:26px}.product-grid .product-title .price{font-size:1.4rem}}

/* Card artwork shares its product page's palette and liquid-light layers. */
.product-grid .product-card .product-art{min-height:0;height:300px;background:var(--portal-ink);isolation:isolate}
.product-grid .product-art:before{content:'';position:absolute;inset:-15%;z-index:0;pointer-events:none;background:linear-gradient(100deg,var(--portal-ink) 0%,transparent 92%),url('/assets/liquid-light.webp') center/cover;filter:hue-rotate(var(--portal-hue));opacity:.65;animation:collection-current 38s ease-in-out infinite alternate}
.product-grid .product-art .rack-label,.product-grid .product-art .art-caption{z-index:3;color:#f7e3bd;text-shadow:0 1px 4px #000}
.product-grid .product-art .rack-label{background:#17121899;padding:3px 6px;top:7px;left:8px}
.product-grid .product-art .art-caption{background:#171218c9;padding:7px 10px;bottom:0;left:0;right:0}
.product-grid .product-card:nth-child(3n+2) .product-art:before{animation-delay:-12s}
.product-grid .product-card:nth-child(3n) .product-art:before{animation-delay:-25s}
@keyframes collection-current{from{transform:scale(1.12) rotate(-5deg)}to{transform:scale(1.02) rotate(5deg)}}
.motion-paused .product-grid .product-art:before,.motion-off .product-grid .product-art:before,.copy-editing .product-grid .product-art:before{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.product-grid .product-art:before{animation:none!important;transform:none}}
@media(max-width:1000px){.product-grid .product-card .product-art{height:250px}}
@media(max-width:760px){.product-grid .product-card .product-art{height:auto;aspect-ratio:1.25}}

.product-grid .product-card .product-art.passalong:before{background:radial-gradient(ellipse at 15% 30%,#ff9a43 0%,#ea673f70 27%,transparent 52%),radial-gradient(ellipse at 85% 75%,#36c4bb 0%,#176e7166 34%,transparent 62%),url('/assets/liquid-light.webp') center/cover;background-blend-mode:screen,color,normal;filter:none;animation:passalong-current 34s ease-in-out infinite alternate}

.product-grid .product-card .product-art.nautilus:before{background:radial-gradient(ellipse at 15% 85%,#007f8999 0%,transparent 65%),radial-gradient(ellipse at 80% 20%,#d0a150aa 0%,transparent 45%),linear-gradient(135deg,#052a35,#176562 52%,#102d3e),url('/assets/liquid-light.webp') center/cover;background-blend-mode:screen,screen,color,normal;filter:none;animation:nautilus-tide 44s ease-in-out infinite alternate}