/* Common photo indicators: home product, home BRAND and House of Artisans. */
.image-pagination,.house-pagination{position:absolute;z-index:3;left:50%;bottom:14%;transform:translateX(-50%);display:flex;gap:2px}
.image-pagination button,.house-pagination button{width:16px;height:24px;display:grid;place-items:center;padding:0;border:0;background:transparent}
.image-pagination span,.house-pagination span{width:7px;height:7px;border-radius:50%;border:1px solid rgba(255,255,255,.55);background:rgba(70,70,70,.28)}
.image-pagination button[aria-current=true] span,.house-pagination button[aria-current=true] span{background:#fff;border-color:#fff}
.image-pagination button:is(:hover,:focus-visible) span,.house-pagination button:is(:hover,:focus-visible) span{border-color:#fff}
.image-pagination button:focus-visible,.house-pagination button:focus-visible{outline:1px solid #fff;outline-offset:2px}
.image-pagination[hidden],.house-pagination[hidden]{display:none}
@media(max-width:800px){
 .image-pagination,.house-pagination{left:50%;bottom:4px;transform:translateX(-50%);gap:0}
 .image-pagination button,.house-pagination button{width:20px;height:44px}
}
/* Shared home BRAND / House of Artisans image presentation. */
.artisan-carousel{isolation:isolate;touch-action:pan-y pinch-zoom}
.artisan-carousel>img{object-position:50% 50%}
.artisan-carousel>.carousel-outgoing{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:cover;pointer-events:none}
.artisan-carousel .image-pagination,.artisan-carousel .house-pagination{bottom:12px;z-index:3}
.artisan-carousel::after{content:"";position:absolute;inset:auto 0 0;height:64px;background:linear-gradient(transparent,rgba(0,0,0,.22));z-index:2;pointer-events:none}
.carousel-count{position:absolute;right:16px;bottom:16px;z-index:3;color:rgba(255,255,255,.7);font-size:12px;font-weight:400;line-height:1.5;font-variant-numeric:tabular-nums;text-shadow:none;pointer-events:none}
.artisan-carousel:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}
@media(max-width:800px){
 .brand-visual.artisan-carousel,.house-visual.artisan-carousel{height:auto;aspect-ratio:4/3}
 .artisan-carousel>img{object-position:var(--carousel-mobile-position,50% 50%)}
 .artisan-carousel .image-pagination,.artisan-carousel .house-pagination{bottom:4px}
 .carousel-count{right:12px;bottom:16px}
}