.depth-carousel{position:relative;width:100%;height:calc(min(var(--dc-card-h), (100vw - 2.5rem) * var(--dc-card-h-num) / var(--dc-fit)) + var(--dc-chrome, 130px));min-height:320px;display:flex;align-items:center;justify-content:center;perspective:var(--dc-perspective,1400px);perspective-origin:50% 45%;touch-action:pan-y;outline:none;user-select:none;-webkit-user-select:none;cursor:grab}.depth-carousel:active{cursor:grabbing}.depth-carousel:focus-visible{box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--brand);border-radius:1rem}.depth-carousel__stage{position:absolute;inset:0 0 calc(var(--dc-chrome, 130px) - 60px) 0;transform-style:preserve-3d}.depth-carousel__card{position:absolute;top:50%;left:50%;transform-origin:center center;overflow:hidden;background:var(--surface);box-shadow:0 30px 60px -20px rgba(0,0,0,.55),0 8px 20px -10px rgba(0,0,0,.4);will-change:transform,opacity,filter;cursor:pointer;transform:translate(-50%,-50%)}html.js .depth-carousel:not(.is-ready) .depth-carousel__card{opacity:0}.depth-carousel__link{position:absolute;inset:0;display:block;border-radius:inherit;-webkit-user-drag:none}.depth-carousel__link:focus-visible{outline:none;box-shadow:inset 0 0 0 3px var(--brand)}.depth-carousel__img{object-fit:cover;pointer-events:none;-webkit-user-drag:none}.depth-carousel__tint{position:absolute;inset:0;opacity:0;pointer-events:none;mix-blend-mode:multiply}.depth-carousel__badge{position:absolute;left:50%;bottom:.875rem;transform:translateX(-50%);display:inline-flex;align-items:center;gap:.375rem;padding:.5rem .875rem;border-radius:999px;background:var(--brand);color:var(--text-on-brand);font-size:.8125rem;font-weight:600;white-space:nowrap;box-shadow:0 8px 20px -8px rgba(0,0,0,.5);transition:opacity .3s ease}.depth-carousel__card[aria-hidden=true] .depth-carousel__badge{opacity:0}.depth-carousel__arrow{position:absolute;top:calc(50% - (var(--dc-chrome, 130px) - 60px) / 2);transform:translateY(-50%);z-index:3000;width:2.75rem;height:2.75rem;display:grid;place-items:center;border:1px solid var(--border-strong,var(--border));border-radius:999px;background:color-mix(in srgb,var(--surface) 78%,transparent);backdrop-filter:blur(8px);color:var(--text);cursor:pointer;box-shadow:var(--shadow-md);transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .2s ease}.depth-carousel__arrow:hover{border-color:var(--brand);color:var(--brand-contrast)}.depth-carousel__arrow:active{transform:translateY(-50%) scale(.94)}.depth-carousel__arrow:focus-visible,.depth-carousel__dot:focus-visible{outline:none;box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--brand)}.depth-carousel__arrow--prev{left:.25rem}.depth-carousel__arrow--next{right:.25rem}.depth-carousel__dots{position:absolute;bottom:.5rem;left:50%;transform:translateX(-50%);z-index:3000;display:flex;padding:0 .5rem;border-radius:999px;background:color-mix(in srgb,var(--surface) 70%,transparent);border:1px solid var(--border);backdrop-filter:blur(6px)}.depth-carousel__dot{position:relative;width:2.75rem;height:2.75rem;padding:0;border:none;border-radius:999px;background:transparent;cursor:pointer}.depth-carousel__dot:before{content:"";position:absolute;top:50%;left:50%;width:7px;height:7px;border-radius:999px;background:var(--text-faint);transform:translate(-50%,-50%);transition:width .25s ease,background-color .25s ease}.depth-carousel__dot:hover:before{background:var(--text-muted)}.depth-carousel__dot.is-active:before{width:20px;background:var(--brand)}@media (min-width:640px){.depth-carousel__arrow--prev{left:1rem}.depth-carousel__arrow--next{right:1rem}}@media (prefers-reduced-motion:reduce){.depth-carousel__card{will-change:auto}.depth-carousel__arrow,.depth-carousel__badge,.depth-carousel__dot:before{transition:none}}