/* Standalone product showcase. Does not change hero, tiles, or other product cards. */
.yoko-product-marquee{background:#fbf5ed;padding:64px 0 70px;overflow:hidden;width:100%}
.yoko-marquee-viewport{width:100%;overflow:hidden}
.yoko-marquee-track{display:flex;gap:20px;width:max-content;animation:yokoMarqueeMove var(--marquee-duration,40s) linear infinite;will-change:transform}
.yoko-marquee-card{display:flex;flex:0 0 clamp(215px,25vw,380px);width:clamp(215px,25vw,380px);min-width:0;flex-direction:column;text-align:center;text-decoration:none;color:#292928;outline-offset:4px}
.yoko-marquee-photo{display:block;aspect-ratio:1 / 1;overflow:hidden;background:#ebe7e1}
.yoko-marquee-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}
.yoko-marquee-card:hover img{transform:scale(1.035)}
.yoko-marquee-name{display:block;margin:16px 8px 0;font-size:15px;letter-spacing:.14em;font-weight:400;line-height:1.5}
.yoko-marquee-model{display:block;margin:4px 8px 0;font-size:12px;letter-spacing:.1em;color:#77716b;line-height:1.5}
.yoko-marquee-track:hover,.yoko-marquee-track:focus-within{animation-play-state:paused}
@keyframes yokoMarqueeMove{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 10px))}}
@media(max-width:700px){.yoko-product-marquee{padding:34px 0 42px}.yoko-marquee-track{gap:12px}.yoko-marquee-card{flex-basis:66vw;width:66vw}.yoko-marquee-name{font-size:13px;margin-top:12px}.yoko-marquee-model{font-size:11px}@keyframes yokoMarqueeMove{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 6px))}}}
@media(prefers-reduced-motion:reduce){.yoko-marquee-track{animation:none;will-change:auto}.yoko-marquee-viewport{overflow-x:auto;scroll-snap-type:x mandatory}.yoko-marquee-card{scroll-snap-align:start}}