/* Three distinct layered treatments; approved Blow'n Smoke coverflow is untouched. */
.gallery-experience:not([data-experience=coverflow]) .carousel-track{perspective:1400px;border:0;outline:0;overflow:hidden}
.gallery-experience:not([data-experience=coverflow]) .carousel-track .carousel-slide{inset:9% 20%;width:60%;height:82%;border:1px solid #ffffff30;border-radius:12px;box-shadow:0 25px 45px #000a;transform:translateY(35px) scale(.76);transition:transform .95s cubic-bezier(.22,.7,.25,1),opacity .8s,visibility .8s}
.gallery-experience:not([data-experience=coverflow]) .carousel-track .is-before{visibility:visible;opacity:.65;z-index:1}
.gallery-experience:not([data-experience=coverflow]) .carousel-track .is-after{visibility:visible;opacity:.65;z-index:2}
.gallery-experience:not([data-experience=coverflow]) .carousel-track .is-active{visibility:visible;opacity:1;z-index:3;transform:translateX(0) translateY(0) rotate(0) scale(1)}
/* Eagle Rock: overlapping gig-poster wall, rough gold frame and red light. */
.gallery-experience[data-experience=cinema] .carousel-track{background:radial-gradient(ellipse at 50% 80%,#ce3a183b,transparent 65%),repeating-linear-gradient(135deg,#ffffff04 0 1px,transparent 1px 8px),#100b0c;box-shadow:inset 0 0 70px #0008}
.gallery-experience[data-experience=cinema] .carousel-track .carousel-slide{border:5px solid #be9c64;border-radius:2px}
.gallery-experience[data-experience=cinema] .carousel-track .is-before{transform:translateX(-53%) translateY(18px) rotate(-11deg) scale(.77)}
.gallery-experience[data-experience=cinema] .carousel-track .is-after{transform:translateX(53%) translateY(18px) rotate(11deg) scale(.77)}
.gallery-experience[data-experience=cinema] .carousel-track .is-active{box-shadow:0 25px 60px #000c,0 0 35px #db59352b}
/* Medical Joint: floating glass panels on an illuminated green platform. */
.gallery-experience[data-experience=spotlight] .carousel-track{background:radial-gradient(ellipse at 50% 92%,#9aff5c48,transparent 36%),linear-gradient(160deg,#10281c,#050c09 65%);box-shadow:inset 0 -2px #8cff6555}
.gallery-experience[data-experience=spotlight] .carousel-track .carousel-slide{border:1px solid #b4ff516b;border-radius:24px;background:#08120de8}
.gallery-experience[data-experience=spotlight] .carousel-track .is-before{transform:translateX(-61%) translateY(28px) rotateY(-18deg) scale(.73);opacity:.48}
.gallery-experience[data-experience=spotlight] .carousel-track .is-after{transform:translateX(61%) translateY(28px) rotateY(18deg) scale(.73);opacity:.48}
.gallery-experience[data-experience=spotlight] .carousel-track .is-active{box-shadow:0 28px 55px #000c,0 0 35px #8dff4825}
.gallery-experience[data-experience=spotlight] .carousel-track figcaption{border-top:1px solid #9aff5838;background:#07110df2}
/* TRA: a warm, layered photo album rather than a nightclub treatment. */
.gallery-experience[data-experience=story] .carousel-track{background:radial-gradient(ellipse at 50% 40%,#87678342,transparent 70%),#100e16;border-radius:20px;box-shadow:inset 0 0 70px #0006}
.gallery-experience[data-experience=story] .carousel-track .carousel-slide{inset:10% 23%;width:54%;height:80%;border:9px solid #eee5d8;border-radius:2px;background:#eee5d8}
.gallery-experience[data-experience=story] .carousel-track .is-before{transform:translateX(-47%) translateY(12px) rotate(-9deg) scale(.88);opacity:.8}
.gallery-experience[data-experience=story] .carousel-track .is-after{transform:translateX(47%) translateY(12px) rotate(9deg) scale(.88);opacity:.8}
.gallery-experience[data-experience=story] .carousel-track .carousel-slide img{padding:0 0 80px;object-fit:contain;background:#221d28}
.gallery-experience[data-experience=story] .carousel-track figcaption{background:#eee5d8;color:#342738;padding:19px 16px;font-size:clamp(.9rem,1.4vw,1.2rem)}
.gallery-experience[data-experience=story] .carousel-track .is-active{box-shadow:0 20px 45px #000b}
@media(max-width:650px){
  .gallery-experience:not([data-experience=coverflow]) .carousel-track{height:440px}
  .gallery-experience:not([data-experience=coverflow]) .carousel-track .carousel-slide{inset:10% 12%;width:76%;height:80%}
  .gallery-experience[data-experience=story] .carousel-track .carousel-slide{border-width:6px}
  .gallery-experience[data-experience=story] .carousel-track .is-before{transform:translateX(-25%) rotate(-9deg) scale(.86)}
  .gallery-experience[data-experience=story] .carousel-track .is-after{transform:translateX(25%) rotate(9deg) scale(.86)}
  .gallery-experience[data-experience=story] .carousel-track figcaption{font-size:.88rem}
}
@media(prefers-reduced-motion:reduce){.gallery-experience .carousel-track .carousel-slide{transition:none!important}}