.cradle{--card-w: 200px;--card-h: 270px;--cradle-h: 620px;--cradle-persp: 1000px;--cradle-radius: 14px;--cradle-refl: .28;--cradle-bg: #130a26;position:relative;width:100%;height:var(--cradle-h);overflow:hidden;background:var(--cradle-bg);border-radius:4px;isolation:isolate}@media(max-width:1024px){.cradle{--card-w: 172px;--card-h: 232px}}@media(max-width:680px){.cradle{--card-w: 150px;--card-h: 205px}}.cradle__stage{position:absolute;inset:0;display:grid;place-items:center;perspective:var(--cradle-persp);perspective-origin:top;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}.cradle__stage.is-grabbing{cursor:grabbing}.cradle__ring{position:relative;width:var(--card-w);height:var(--card-h);transform-style:preserve-3d;pointer-events:none;will-change:transform}.cradle__card{position:absolute;inset:0;cursor:pointer;border:none;padding:0;margin:0;background:none;-webkit-tap-highlight-color:transparent;will-change:transform,opacity}.cradle__pic{position:absolute;inset:0;display:block;border-radius:var(--cradle-radius);overflow:hidden;background:#1c1230;box-shadow:0 24px 55px -14px #000000d1;transition:box-shadow .25s ease}.cradle__pic:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px #ffffff14;transition:background .25s ease}.cradle__card:hover .cradle__pic,.cradle__card:focus-visible .cradle__pic{box-shadow:0 28px 70px -10px #8c5fe199}.cradle__card:hover .cradle__pic:after{background:#ffffff0d}.cradle__card img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;-webkit-user-drag:none}.cradle__reflection{position:absolute;top:calc(100% + 2px);left:0;right:0;height:100%;border-radius:var(--cradle-radius);overflow:hidden;pointer-events:none;transform:scaleY(-1);-webkit-mask-image:linear-gradient(to top,rgba(0,0,0,var(--cradle-refl)),rgba(0,0,0,0) 55%);mask-image:linear-gradient(to top,rgba(0,0,0,var(--cradle-refl)),#0000 55%)}.cradle__nav{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;z-index:3;display:grid;place-items:center;color:#fff;font-size:26px;line-height:1;cursor:pointer;background:none;border:none;opacity:.8;transition:opacity .2s ease;text-shadow:0 2px 10px rgba(0,0,0,.6)}.cradle__nav:hover{opacity:1}.cradle__nav--prev{left:12px}.cradle__nav--next{right:12px}.cradle.is-lightbox-open .cradle__nav{display:none}.cradle__lightbox{position:absolute;inset:0;z-index:5;display:grid;place-items:center;padding:5%;background:#09030f9e;opacity:0;visibility:hidden;transition:opacity .35s ease,visibility .35s ease}.cradle.is-lightbox-open .cradle__lightbox{opacity:1;visibility:visible}.cradle__lb-figure{margin:0;text-align:center;transform:scale(.85);opacity:0;transition:transform .4s cubic-bezier(.2,.8,.2,1),opacity .4s ease}.cradle.is-lightbox-open .cradle__lb-figure{transform:scale(1);opacity:1}.cradle__lb-img{max-width:min(78%,680px);max-height:74%;border-radius:16px;box-shadow:0 45px 100px -22px #000000e6,0 0 0 1px #ffffff1a;display:block;margin:0 auto;cursor:zoom-in}.cradle__lb-cap{margin-top:14px;font:600 12px/1.4 system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#c3b9e6}.cradle__lb-btn{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:#1c12348c;color:#fff;font-size:22px;line-height:1;cursor:pointer;display:grid;place-items:center;transition:background .2s ease,transform .2s ease}.cradle__lb-btn:hover{background:#50348cd9}.cradle__lb-prev{left:3%}.cradle__lb-next{right:3%}.cradle__lb-close{top:4%;right:4%;transform:none}@media(prefers-reduced-motion:reduce){.cradle__lightbox,.cradle__lb-figure{transition:none}}.cradle__card:focus-visible{outline:3px solid #f2a65a;outline-offset:3px;border-radius:8px}.cradle__nav:focus-visible,.cradle__lb-btn:focus-visible,.cradle__lb-img:focus-visible{outline:3px solid #f2a65a;outline-offset:2px}.cradle__card{outline:none}