/* Center-stage gallery: a short hold, then one eased step to the next artwork. */
.everyday-carousel,#art-viewer .viewer-frame{touch-action:pan-y pinch-zoom}
.everyday-carousel img,#viewer-image{user-select:none;-webkit-user-select:none;-webkit-user-drag:none}
#art-viewer{border:0;background:#000;padding:48px 12px 12px;max-width:96vw;max-height:96vh;max-height:96dvh}
#art-viewer .viewer-frame{position:relative;width:fit-content;max-width:100%;margin:auto;line-height:0}
#art-viewer .viewer-frame:after{content:'';position:absolute;inset:-1px;pointer-events:none;border:10px solid transparent;border-image:url('assets/grunge-frame-v2.png') 185 / 1 stretch;opacity:.75}
#image-download{margin:6px 10px 0;border-top:1px solid #491616;padding-top:10px;font-size:12px;line-height:1.6}
#image-download[hidden]{display:none}
#image-download summary{list-style:none;color:#fff;cursor:pointer;font-weight:600;width:fit-content;padding:8px 14px;background:#d51520;clip-path:var(--red-block-shape)}
#image-download summary::-webkit-details-marker{display:none}
#image-download p{margin:12px 0;color:#ccc;max-width:440px}
#confirm-download,#cancel-download{display:inline-block;font:500 11px 'Poppins',sans-serif;padding:8px 12px;margin:0 12px 8px 0;border:1px solid #d51520;background:#d51520;color:#fff;cursor:pointer}
#cancel-download{background:none;border-color:#666}
#art-viewer #viewer-image{display:block;width:auto;height:auto;max-width:88vw;max-height:calc(94vh - 110px);max-height:calc(94dvh - 110px);object-fit:contain}
#art-viewer #viewer-caption{padding:8px 10px;margin-top:4px;font-size:11px}
#art-viewer #close-art{top:8px;right:16px;font-size:12px;font-weight:600;letter-spacing:.06em;padding:8px 18px;min-height:36px;border:0;background:none;color:#fff;isolation:isolate}
#art-viewer #close-art:before{content:'';position:absolute;inset:0;z-index:-1;background:#d51520;clip-path:var(--red-block-shape)}
#art-viewer #close-art:hover:before{background:var(--acid)}
.everyday-carousel{--card-width:clamp(210px,27vw,350px);--card-height:clamp(280px,36vw,460px);position:relative;display:block;overflow:hidden;height:calc(var(--card-height) + 125px);padding:0;margin:25px -2% 20px;scrollbar-width:none}
.everyday-carousel::-webkit-scrollbar{display:none}
.everyday-carousel .carousel-image{position:absolute;left:50%;top:55px;width:var(--card-width);height:auto;margin-left:calc(var(--card-width) / -2);transform:translateX(calc(var(--slot) * (var(--card-width) + 24px))) scale(.86);opacity:0;filter:brightness(.6);transition:transform 1100ms cubic-bezier(.65,0,.25,1),opacity 900ms ease,filter 1100ms ease;z-index:1;pointer-events:none}
.everyday-carousel .carousel-image.is-near{opacity:1;pointer-events:auto}
.everyday-carousel .carousel-image.is-current{transform:translateX(0) translateY(-18px) scale(1.07);filter:brightness(1);z-index:3}
.everyday-carousel .carousel-image img{width:100%;height:var(--card-height);object-fit:contain}
.everyday-carousel .carousel-image span{padding:12px 0;font-size:12px}
.carousel-image:focus-visible{outline:1px solid #fff;outline-offset:8px}
@media(max-width:600px){.everyday-carousel{--card-width:62vw;--card-height:83vw;margin-inline:-5%}.everyday-carousel .carousel-image{transform:translateX(calc(var(--slot) * (var(--card-width) + 5px))) scale(.84)}.everyday-carousel .carousel-image.is-current{transform:translateX(0) translateY(-15px) scale(1.04)}}
@media(prefers-reduced-motion:reduce){.everyday-carousel .carousel-image{transition:none}}
