.card-carousel{--cc-max-width:500px;--cc-height:220px;--cc-card-height:204px;--cc-reveal:50px;--cc-next-x:26px;--cc-after-x:50px;--cc-next-opacity:.72;--cc-after-opacity:.42;--cc-next-brightness:.88;--cc-after-brightness:.72;--cc-next-scale:.96;--cc-after-scale:.92;width:min(100%, var(--cc-max-width))}.card-carousel[data-stack=spread]{--cc-max-width:560px;--cc-reveal:150px;--cc-next-x:75px;--cc-after-x:150px;--cc-next-opacity:.85;--cc-after-opacity:.6;--cc-next-brightness:.94;--cc-after-brightness:.84;--cc-next-scale:.97;--cc-after-scale:.94}.card-carousel__viewport{height:var(--cc-height);perspective:900px;position:relative}.card-carousel__slide{width:calc(100% - var(--cc-reveal));min-height:var(--cc-card-height);transform-origin:0;transition:transform .45s,opacity .35s,filter .35s;position:absolute;inset:0 auto auto 0}.card-carousel__slide[data-position=active]{z-index:3;opacity:1;transform:translate(0,0)scale(1)}.card-carousel__slide[data-position=next]{z-index:2;opacity:var(--cc-next-opacity);filter:brightness(var(--cc-next-brightness));transform:translate3d(var(--cc-next-x), 7px, -18px) scale(var(--cc-next-scale));cursor:pointer}.card-carousel__slide[data-position=after]{z-index:1;opacity:var(--cc-after-opacity);filter:brightness(var(--cc-after-brightness));transform:translate3d(var(--cc-after-x), 14px, -36px) scale(var(--cc-after-scale));cursor:pointer}.card-carousel__slide[data-position=hidden]{z-index:0;opacity:0;pointer-events:none;transform:translate3d(var(--cc-after-x), 14px, -48px) scale(.88)}.card-carousel__dots{width:calc(100% - var(--cc-reveal));justify-content:center;gap:8px;margin-top:8px;display:flex}.card-carousel__dot{background:var(--cc-dot-bg,#f5f1ea57);cursor:pointer;border:0;border-radius:50%;width:9px;height:9px;padding:0;transition:background-color .2s,transform .2s}.card-carousel__dot[aria-current=true]{background:var(--cc-dot-active-bg,var(--color-primary));transform:scale(1.18)}.card-carousel__dot:focus-visible{outline:2px solid var(--color-secondary);outline-offset:3px}@media (width<=480px){.card-carousel{--cc-reveal:28px;--cc-next-x:14px;--cc-after-x:28px}.card-carousel[data-stack=spread]{--cc-reveal:44px;--cc-next-x:22px;--cc-after-x:44px}}@media (prefers-reduced-motion:reduce){.card-carousel__slide,.card-carousel__dot{transition:none}}