.depth-carousel{width:100%;height:100%;min-height:320px;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:4px;border-radius:12px;outline:2px solid #ffffff80}.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 30px 60px -20px #000000a6,0 8px 20px -10px #00000080}.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(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;background:#12141a8c;border:1px solid #ffffff2e;border-radius:999px;place-items:center;width:42px;height:42px;transition:background .2s,border-color .2s,transform .2s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.depth-carousel__arrow:hover{background:#1c1f28d9;border-color:#fff6}.depth-carousel__arrow:active{transform:translateY(-50%)scale(.94)}.depth-carousel__arrow--prev{left:16px}.depth-carousel__arrow--next{right:16px}.depth-carousel__dots{z-index:3000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0e101666;border-radius:999px;gap:8px;padding:8px 12px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.depth-carousel__dot{cursor:pointer;background:#ffffff52;border:none;border-radius:999px;width:7px;height:7px;padding:0;transition:width .25s,background .25s}.depth-carousel__dot.is-active{background:#fff;width:20px}@media (prefers-reduced-motion:reduce){.depth-carousel__card{will-change:auto}.depth-carousel__arrow,.depth-carousel__dot{transition:none}}.depth-carousel.dc--dots-top .depth-carousel__dots{top:14px;bottom:auto}.drift-wall{width:100%;height:100%;perspective:var(--dw-perspective,1200px);perspective-origin:50%;--dw-tile-w:200px;--dw-tile-h:132px;--dw-gap:18px;--dw-radius:14px;--dw-lift:64px;--dw-dim:.55;--dw-edge:40%;-webkit-mask-image:radial-gradient(ellipse 80% 84% at 50% 46%, #000 var(--dw-edge), transparent 100%), linear-gradient(to top, #000 var(--dw-edge), transparent 100%);-webkit-mask-composite:source-in;-webkit-mask-image:radial-gradient(ellipse 80% 84% at 50% 46%, #000 var(--dw-edge), transparent 100%), linear-gradient(to top, #000 var(--dw-edge), transparent 100%);-webkit-mask-image:radial-gradient(ellipse 80% 84% at 50% 46%, #000 var(--dw-edge), transparent 100%), linear-gradient(to top, #000 var(--dw-edge), transparent 100%);mask-image:radial-gradient(ellipse 80% 84% at 50% 46%, #000 var(--dw-edge), transparent 100%), linear-gradient(to top, #000 var(--dw-edge), transparent 100%);-webkit-mask-composite:source-in;position:relative;overflow:hidden;-webkit-mask-composite:source-in;mask-composite:intersect}.drift-wall__plane{transform-style:preserve-3d;transform-origin:50%;will-change:transform;flex-direction:row;display:flex;position:absolute;top:50%;left:50%}.drift-wall__col{width:calc(var(--dw-tile-w) + var(--dw-gap));transform-style:preserve-3d;position:relative}.drift-wall__track{will-change:transform;transform-style:preserve-3d;flex-direction:column;display:flex}.drift-wall__tile{width:100%;height:calc(var(--dw-tile-h) + var(--dw-gap));transform-style:preserve-3d;text-align:left;background:0 0;border:0;outline:none;flex:none;padding:0;display:block;position:relative}.drift-wall__inner{inset:calc(var(--dw-gap) / 2);border-radius:var(--dw-radius);opacity:var(--dw-dim);pointer-events:none;transition:transform .42s cubic-bezier(.22,1,.36,1),opacity .42s cubic-bezier(.22,1,.36,1),box-shadow .42s cubic-bezier(.22,1,.36,1);display:block;position:absolute;overflow:hidden;transform:translateZ(0)}.drift-wall__tile.is-active .drift-wall__inner,.drift-wall__tile:focus-visible .drift-wall__inner{opacity:1;transform:translateZ(var(--dw-lift));box-shadow:0 24px 60px -18px #000000bf, 0 0 0 1px color-mix(in oklab, var(--primary) 55%, transparent), 0 0 44px -6px color-mix(in oklab, var(--primary) 45%, transparent)}.drift-wall__tile:focus-visible .drift-wall__inner{box-shadow:0 24px 60px -18px #000000b3, 0 0 0 2px color-mix(in oklab, var(--primary) 80%, transparent)}@media (prefers-reduced-motion:reduce){.drift-wall__plane,.drift-wall__track{will-change:auto}}.dw-tile-surface{border-radius:inherit;border:1px solid color-mix(in oklab, var(--foreground) 14%, transparent);background:linear-gradient(148deg, color-mix(in oklab, var(--foreground) 12%, var(--card)) 0%, color-mix(in oklab, var(--foreground) 5%, var(--card)) 52%, color-mix(in oklab, var(--background) 88%, transparent) 100%);width:100%;height:100%;box-shadow:0 18px 40px -22px #000000e6, inset 0 1px 0 color-mix(in oklab, var(--foreground) 22%, transparent);-webkit-backdrop-filter:blur(14px)saturate(130%);backdrop-filter:blur(14px)saturate(130%);position:relative;overflow:hidden}.dw-tile-surface:before{content:"";pointer-events:none;background:radial-gradient(ellipse at 50% 0%, color-mix(in oklab, var(--primary) 32%, transparent) 0%, transparent 68%);opacity:.5;width:150%;height:130%;animation:7.5s ease-in-out infinite dw-breathe;position:absolute;top:-55%;left:50%;transform:translate(-50%)}.dw-tile-surface:after{content:"";pointer-events:none;background:linear-gradient(to right, transparent, color-mix(in oklab, var(--primary) 70%, transparent), transparent);opacity:.75;inset-inline:12%;height:1px;position:absolute;top:0}.dw-tile-surface--tint{border-color:color-mix(in oklab, var(--primary) 30%, transparent);background:linear-gradient(148deg, color-mix(in oklab, var(--primary) 16%, var(--card)) 0%, color-mix(in oklab, var(--primary) 6%, var(--card)) 55%, color-mix(in oklab, var(--background) 90%, transparent) 100%)}.dw-tile-surface--tint:before{opacity:.72;animation-delay:-2.4s}.dw-tile-surface--accent{border-color:color-mix(in oklab, var(--foreground) 24%, transparent);background:linear-gradient(148deg, color-mix(in oklab, var(--foreground) 20%, var(--card)) 0%, color-mix(in oklab, var(--foreground) 9%, var(--card)) 50%, color-mix(in oklab, var(--background) 84%, transparent) 100%)}.dw-tile-surface--accent:before{opacity:.38;animation-delay:-4.8s}@keyframes dw-breathe{0%,to{opacity:.34}50%{opacity:.78}}.drift-wall__tile.is-active .dw-tile-surface,.drift-wall__tile:focus-visible .dw-tile-surface{border-color:color-mix(in oklab, var(--primary) 60%, transparent);background:linear-gradient(148deg, color-mix(in oklab, var(--primary) 24%, var(--card)) 0%, color-mix(in oklab, var(--foreground) 10%, var(--card)) 55%, color-mix(in oklab, var(--background) 82%, transparent) 100%)}.drift-wall__tile.is-active .dw-tile-surface:before,.drift-wall__tile:focus-visible .dw-tile-surface:before{opacity:.95;animation-play-state:paused}@media (prefers-reduced-motion:reduce){.dw-tile-surface:before{opacity:.55;animation:none}}
