.depth-carousel{width:100%;height:100%;min-height:420px;perspective:var(--dc-perspective,1400px);perspective-origin:50%;touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:grab;outline:none;justify-content:center;align-items:center;display:flex;position:relative}.depth-carousel:active{cursor:grabbing}.depth-carousel:focus-visible{outline-offset:6px;outline:1px solid #ffffffb3}.depth-carousel__stage{transform-style:preserve-3d;position:absolute;inset:0}.depth-carousel__card{transform-origin:50%;will-change:transform,opacity,filter;cursor:pointer;background:#0b0d12;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 35px 80px -20px #000000b3,0 10px 25px -12px #0000008c}.depth-carousel__img{object-fit:cover;pointer-events:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.depth-carousel__tint{opacity:0;pointer-events:none;mix-blend-mode:multiply;position:absolute;inset:0}.depth-carousel__arrow{z-index:3000;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);color:#fff;cursor:pointer;background:#0c0c0c7a;border:1px solid #ffffff47;border-radius:50%;place-items:center;width:48px;height:48px;font:18px DM Mono,monospace;transition:background .2s,transform .2s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.depth-carousel__arrow:hover{background:#0c0c0cdb}.depth-carousel__arrow:active{transform:translateY(-50%)scale(.94)}.depth-carousel__arrow--prev{left:0}.depth-carousel__arrow--next{right:0}.depth-carousel__dots{z-index:3000;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#0e101675;border-radius:999px;flex-wrap:wrap;justify-content:center;gap:7px;max-width:min(92%,520px);padding:10px 14px;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.depth-carousel__dot{cursor:pointer;background:#ffffff59;border:0;border-radius:999px;width:6px;height:6px;padding:0;transition:width .25s,background .25s}.depth-carousel__dot.is-active{background:#fff;width:22px}@media (max-width:700px){.depth-carousel{min-height:390px}.depth-carousel__arrow{width:42px;height:42px}.depth-carousel__arrow--prev{left:-8px}.depth-carousel__arrow--next{right:-8px}.depth-carousel__dots{gap:6px;padding:8px 11px;bottom:4px}.depth-carousel__dot{width:5px;height:5px}}@media (prefers-reduced-motion:reduce){.depth-carousel__card{will-change:auto}.depth-carousel__arrow,.depth-carousel__dot{transition:none}}