.depth-carousel{position:relative;width:100%;height:100%;min-height:320px;display:flex;align-items:center;justify-content:center;overflow:hidden;perspective:var(--dc-perspective,1400px);perspective-origin:50% 50%;touch-action:pan-y;outline:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;cursor:grab}.depth-carousel:active{cursor:grabbing}.depth-carousel:focus-visible{outline:2px solid hsla(0,0%,100%,.5);outline-offset:4px;border-radius:12px}.depth-carousel__stage{position:absolute;inset:0;transform-style:preserve-3d}.depth-carousel__card{position:absolute;top:50%;left:50%;transform-origin:center center;overflow:hidden;background:#0b0d12;box-shadow:0 30px 60px -20px rgba(0,0,0,.65),0 8px 20px -10px rgba(0,0,0,.5);will-change:transform,opacity,filter;cursor:pointer;transform:translate(-50%,-50%)}.depth-carousel__img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;pointer-events:none;-webkit-user-drag:none}.depth-carousel__tint{opacity:0;mix-blend-mode:multiply}.depth-carousel__scrim,.depth-carousel__tint{position:absolute;inset:0;pointer-events:none}.depth-carousel__scrim{background:linear-gradient(0deg,rgba(0,0,0,.65) 0,rgba(0,0,0,.05) 55%,transparent 75%)}.depth-carousel__content{position:absolute;left:20px;bottom:20px;right:20px;z-index:10}.depth-carousel__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3000;width:42px;height:42px;display:grid;place-items:center;border:1px solid hsla(0,0%,100%,.18);border-radius:999px;background:rgba(18,20,26,.55);backdrop-filter:blur(8px);color:#fff;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .2s ease}.depth-carousel__arrow:hover{background:rgba(28,31,40,.85);border-color:hsla(0,0%,100%,.4)}.depth-carousel__arrow:active{transform:translateY(-50%) scale(.94)}.depth-carousel__arrow--prev{left:16px}.depth-carousel__arrow--next{right:16px}.depth-carousel__dots{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);z-index:3000;display:flex;gap:8px;padding:8px 12px;border-radius:999px;background:rgba(14,16,22,.4);backdrop-filter:blur(6px)}.depth-carousel__dot{width:7px;height:7px;padding:0;border:none;border-radius:999px;background:hsla(0,0%,100%,.32);cursor:pointer;transition:width .25s ease,background .25s ease}.depth-carousel__dot.is-active{width:20px;background:#fff}@media (prefers-reduced-motion:reduce){.depth-carousel__card{will-change:auto}.depth-carousel__arrow,.depth-carousel__dot{transition:none}}.icon-btns{display:grid;grid-gap:5em;grid-template-columns:repeat(2,1fr);margin:auto;padding:3em 0;overflow:visible}.icon-btn{background-color:transparent;outline:none;position:relative;width:4.5em;height:4.5em;perspective:24em;transform-style:preserve-3d;-webkit-tap-highlight-color:transparent;border:none;cursor:pointer}.icon-btn__back,.icon-btn__front,.icon-btn__label{transition:opacity .3s cubic-bezier(.83,0,.17,1),transform .3s cubic-bezier(.83,0,.17,1)}.icon-btn__back,.icon-btn__front{border-radius:1.25em;position:absolute;top:0;left:0;width:100%;height:100%}.icon-btn__back{box-shadow:.5em -.5em .75em rgba(23,24,28,.15);display:block;transform:rotate(15deg);transform-origin:100% 100%;will-change:transform}.icon-btn__front{background-color:hsla(0,0%,100%,.15);box-shadow:inset 0 0 0 .1em hsla(0,0%,100%,.3);backdrop-filter:blur(.75em);-webkit-backdrop-filter:blur(.75em);-moz-backdrop-filter:blur(.75em);display:flex;transform-origin:80% 50%;will-change:transform}.icon-btn__icon{margin:auto;width:1.5em;height:1.5em;display:flex;align-items:center;justify-content:center}.icon-btn__label{font-size:1em;white-space:nowrap;text-align:center;line-height:2;opacity:0;position:absolute;top:100%;right:0;left:0;transform:translateY(0)}.icon-btn:focus-visible .icon-btn__back,.icon-btn:hover .icon-btn__back{transform:rotate(25deg) translate3d(-.5em,-.5em,.5em)}.icon-btn:focus-visible .icon-btn__front,.icon-btn:hover .icon-btn__front{transform:translateZ(2em)}.icon-btn:focus-visible .icon-btn__label,.icon-btn:hover .icon-btn__label{opacity:1;transform:translateY(20%)}@media (min-width:768px){.icon-btns{grid-template-columns:repeat(3,1fr)}}.border-glow-card{--edge-proximity:0;--cursor-angle:45deg;--edge-sensitivity:30;--color-sensitivity:calc(var(--edge-sensitivity) + 20);--border-radius:28px;--glow-padding:40px;--cone-spread:25;position:relative;border-radius:var(--border-radius);isolation:isolate;transform:translateZ(.01px);display:grid;border:1px solid hsla(0,0%,100%,.15);background:var(--card-bg,#120f17);overflow:visible;box-shadow:0 1px 2px rgba(0,0,0,.1),0 2px 4px rgba(0,0,0,.1),0 4px 8px rgba(0,0,0,.1),0 8px 16px rgba(0,0,0,.1),0 16px 32px rgba(0,0,0,.1),0 32px 64px rgba(0,0,0,.1)}.border-glow-card:after,.border-glow-card:before,.border-glow-card>.edge-light{content:"";position:absolute;inset:0;border-radius:inherit;transition:opacity .25s ease-out;z-index:-1}.border-glow-card:not(:hover):not(.sweep-active):after,.border-glow-card:not(:hover):not(.sweep-active):before,.border-glow-card:not(:hover):not(.sweep-active)>.edge-light{opacity:0;transition:opacity .75s ease-in-out}.border-glow-card:before{border:1px solid transparent;background:linear-gradient(var(--card-bg,#120f17) 0 100%) padding-box,linear-gradient(hsla(0,0%,100%,0) 0 100%) border-box,var(--gradient-one,radial-gradient(at 80% 55%,#be85ff 0,transparent 50%)) border-box,var(--gradient-two,radial-gradient(at 69% 34%,#ff7a93 0,transparent 50%)) border-box,var(--gradient-three,radial-gradient(at 8% 6%,#8fffad 0,transparent 50%)) border-box,var(--gradient-four,radial-gradient(at 41% 38%,#47daff 0,transparent 50%)) border-box,var(--gradient-five,radial-gradient(at 86% 85%,#7af2ff 0,transparent 50%)) border-box,var(--gradient-six,radial-gradient(at 82% 18%,#ffe74d 0,transparent 50%)) border-box,var(--gradient-seven,radial-gradient(at 51% 4%,#ff8d70 0,transparent 50%)) border-box,var(--gradient-base,linear-gradient(#c299ff 0 100%)) border-box;opacity:calc((var(--edge-proximity) - var(--color-sensitivity)) / (100 - var(--color-sensitivity)));-webkit-mask-image:conic-gradient(from var(--cursor-angle) at center,#000 calc(var(--cone-spread) * 1%),transparent calc((var(--cone-spread) + 15) * 1%),transparent calc((100 - var(--cone-spread) - 15) * 1%),#000 calc((100 - var(--cone-spread)) * 1%));mask-image:conic-gradient(from var(--cursor-angle) at center,#000 calc(var(--cone-spread) * 1%),transparent calc((var(--cone-spread) + 15) * 1%),transparent calc((100 - var(--cone-spread) - 15) * 1%),#000 calc((100 - var(--cone-spread)) * 1%))}.border-glow-card:after{border:1px solid transparent;background:var(--gradient-one,radial-gradient(at 80% 55%,#be85ff 0,transparent 50%)) padding-box,var(--gradient-two,radial-gradient(at 69% 34%,#ff7a93 0,transparent 50%)) padding-box,var(--gradient-three,radial-gradient(at 8% 6%,#8fffad 0,transparent 50%)) padding-box,var(--gradient-four,radial-gradient(at 41% 38%,#47daff 0,transparent 50%)) padding-box,var(--gradient-five,radial-gradient(at 86% 85%,#7af2ff 0,transparent 50%)) padding-box,var(--gradient-six,radial-gradient(at 82% 18%,#ffe74d 0,transparent 50%)) padding-box,var(--gradient-seven,radial-gradient(at 51% 4%,#ff8d70 0,transparent 50%)) padding-box,var(--gradient-base,linear-gradient(#c299ff 0 100%)) padding-box;-webkit-mask-image:linear-gradient(to bottom,#000,#000),radial-gradient(ellipse at 50% 50%,#000 40%,transparent 65%),radial-gradient(ellipse at 66% 66%,#000 5%,transparent 40%),radial-gradient(ellipse at 33% 33%,#000 5%,transparent 40%),radial-gradient(ellipse at 66% 33%,#000 5%,transparent 40%),radial-gradient(ellipse at 33% 66%,#000 5%,transparent 40%),conic-gradient(from var(--cursor-angle) at center,transparent 5%,#000 15%,#000 85%,transparent 95%);mask-image:linear-gradient(to bottom,#000,#000),radial-gradient(ellipse at 50% 50%,#000 40%,transparent 65%),radial-gradient(ellipse at 66% 66%,#000 5%,transparent 40%),radial-gradient(ellipse at 33% 33%,#000 5%,transparent 40%),radial-gradient(ellipse at 66% 33%,#000 5%,transparent 40%),radial-gradient(ellipse at 33% 66%,#000 5%,transparent 40%),conic-gradient(from var(--cursor-angle) at center,transparent 5%,#000 15%,#000 85%,transparent 95%);-webkit-mask-composite:source-out,source-over,source-over,source-over,source-over,source-over;mask-composite:subtract,add,add,add,add,add;opacity:calc(var(--fill-opacity, .5) * (var(--edge-proximity) - var(--color-sensitivity)) / (100 - var(--color-sensitivity)));mix-blend-mode:soft-light}.border-glow-card>.edge-light{inset:calc(var(--glow-padding) * -1);pointer-events:none;z-index:1;-webkit-mask-image:conic-gradient(from var(--cursor-angle) at center,#000 2.5%,transparent 10%,transparent 90%,#000 97.5%);mask-image:conic-gradient(from var(--cursor-angle) at center,#000 2.5%,transparent 10%,transparent 90%,#000 97.5%);opacity:calc((var(--edge-proximity) - var(--edge-sensitivity)) / (100 - var(--edge-sensitivity)));mix-blend-mode:plus-lighter}.border-glow-card>.edge-light:before{content:"";position:absolute;inset:var(--glow-padding);border-radius:inherit;box-shadow:inset 0 0 0 1px var(--glow-color,#f5daa3),inset 0 0 1px 0 var(--glow-color-60,hsla(40,80%,80%,.6)),inset 0 0 3px 0 var(--glow-color-50,hsla(40,80%,80%,.5)),inset 0 0 6px 0 var(--glow-color-40,hsla(40,80%,80%,.4)),inset 0 0 15px 0 var(--glow-color-30,hsla(40,80%,80%,.3)),inset 0 0 25px 2px var(--glow-color-20,hsla(40,80%,80%,.2)),inset 0 0 50px 2px var(--glow-color-10,hsla(40,80%,80%,.1)),0 0 1px 0 var(--glow-color-60,hsla(40,80%,80%,.6)),0 0 3px 0 var(--glow-color-50,hsla(40,80%,80%,.5)),0 0 6px 0 var(--glow-color-40,hsla(40,80%,80%,.4)),0 0 15px 0 var(--glow-color-30,hsla(40,80%,80%,.3)),0 0 25px 2px var(--glow-color-20,hsla(40,80%,80%,.2)),0 0 50px 2px var(--glow-color-10,hsla(40,80%,80%,.1))}.border-glow-inner{display:flex;flex-direction:column;position:relative;overflow:auto;z-index:1}