.card-swap-container{transform-origin:100% 100%;perspective:900px;position:absolute;bottom:10px;right:-35px;overflow:visible;transform:translate(0)}.card{transform-style:preserve-3d;will-change:transform;backface-visibility:hidden;cursor:pointer;background:#09090c;border:1px solid #ffffff38;border-radius:12px;margin:0;transition:border-color .25s;position:absolute;top:50%;left:50%;overflow:hidden;box-shadow:0 25px 60px -10px #000000f2;padding:0!important}.card:hover{border-color:#f7f34a99}.card-window-header{-webkit-user-select:none;user-select:none;background:#141418;border-bottom:1px solid #ffffff1a;align-items:center;gap:10px;height:38px;padding:0 14px;display:flex}.card-window-icon{justify-content:center;align-items:center;display:flex}.card-window-title{color:#f4f4f5;letter-spacing:-.01em;font-size:13px;font-weight:600}.card-window-content{background:#000;width:100%;height:calc(100% - 38px);margin:0;position:relative;overflow:hidden;padding:0!important}.card-window-image{object-fit:cover;object-position:top center;border-radius:0 0 11px 11px;width:100%;height:100%;display:block}@media (max-width:1440px){.card-swap-container{right:-40px;transform:scale(.92)}}@media (max-width:1280px){.card-swap-container{right:-35px;transform:scale(.85)}}@media (max-width:1180px){.card-swap-container{transform-origin:50%;margin:0 auto;position:relative;bottom:auto;right:auto;transform:scale(.8)translate(0%)}}@media (max-width:768px){.card-swap-container{transform-origin:50%;margin:0 auto;position:relative;bottom:auto;right:auto;transform:scale(.64)translate(0%)}}@media (max-width:480px){.card-swap-container{transform-origin:50%;margin:0 auto;position:relative;bottom:auto;right:auto;transform:scale(.5)translate(0%)}}@media (max-width:1180px){.card-swap-container{margin:0;left:50%;translate:-50%}}@media (max-width:400px){.card-swap-container{transform:scale(.42)translate(0%)}}
.stagger-stage{outline:none;width:100%;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 14% 86%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 14% 86%,#0000 100%)}.stagger-card.is-entering{animation:stagger-enter .6s var(--ease-out) both}@keyframes stagger-enter{0%{opacity:0;translate:var(--enter-x,0) 0}to{opacity:1;translate:0}}.stagger-card{cursor:pointer;background:var(--surface-card);color:var(--body);border:2px solid var(--hairline-strong);clip-path:polygon(50px 0%,calc(100% - 50px) 0%,100% 50px,100% 100%,calc(100% - 50px) 100%,50px 100%,0 100%,0 0);transition:transform .55s var(--ease-out), background-color .4s ease, border-color .3s ease, opacity .4s ease, box-shadow .4s ease;-webkit-user-select:none;user-select:none;flex-direction:column;display:flex;position:absolute;top:50%;left:50%}.stagger-card:not(.is-center)>*{opacity:.45;transition:opacity .3s}.stagger-card:not(.is-center):hover>*{opacity:.8}.stagger-card:hover{border-color:#f7f34a80}.stagger-card.is-center{cursor:default;background:var(--neon-yellow);color:#0b0b0b;border-color:var(--neon-yellow);box-shadow:0 10px 0 4px var(--hairline-strong)}.stagger-card-corner{z-index:3;background:var(--hairline-strong);transform-origin:100% 0;height:2px;display:block;position:absolute;top:48px;right:-2px;transform:rotate(45deg)}.stagger-card.is-center .stagger-card-corner{background:#00000059}.stagger-card-media{background:var(--surface-soft);border-bottom:2px solid var(--hairline-strong);flex-shrink:0;height:46%;position:relative;overflow:hidden}.stagger-card.is-center .stagger-card-media{border-bottom-color:#0b0b0b}.stagger-card-img{object-fit:cover;color:#0000;filter:grayscale(.6)brightness(.7);width:100%;height:100%;transition:filter .5s ease, transform .8s var(--ease-out)}.stagger-card.is-center .stagger-card-img{filter:none}.stagger-card.is-center:hover .stagger-card-img{transform:scale(1.04)}.stagger-card-body{flex-direction:column;flex:1;min-height:0;padding:22px 24px 24px;display:flex}.stagger-card-body h3{letter-spacing:-.4px;color:var(--on-dark);margin-bottom:10px;font-size:22px;line-height:1.15}.stagger-card-body p{color:var(--muted);-webkit-line-clamp:4;-webkit-box-orient:vertical;flex-shrink:0;font-size:14px;line-height:1.55;display:-webkit-box;overflow:hidden}.stagger-card.is-center .stagger-card-body h3{color:#0b0b0b}.stagger-card.is-center .stagger-card-body p{color:#000000b8}.stagger-card-foot{justify-content:space-between;align-items:flex-end;gap:12px;margin-top:auto;padding-top:14px;display:flex}.stagger-card-foot strong{color:var(--on-dark);letter-spacing:-.3px;font-size:17px;display:block}.stagger-card-foot span{color:var(--muted-soft);margin-top:2px;font-size:12px;display:block}.stagger-card.is-center .stagger-card-foot strong{color:#0b0b0b}.stagger-card.is-center .stagger-card-foot span{color:#0009;font-weight:600}.stagger-card-cta{color:var(--neon-yellow);transition:gap .3s var(--ease-out), transform .2s ease;background:#0b0b0b;flex-shrink:0;align-items:center;gap:6px;padding:10px 16px;font-size:14px;font-weight:700;display:inline-flex}.stagger-card-cta:hover{gap:10px;transform:translateY(-2px)}.stagger-card-cta:focus-visible{outline-offset:3px;outline:2px solid #0b0b0b}.stagger-controls{z-index:20;gap:10px;display:flex;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.stagger-controls button{width:54px;height:54px;color:var(--on-dark);background:var(--canvas);border:2px solid var(--hairline-strong);place-items:center;transition:background .2s,color .2s,border-color .2s;display:grid}.stagger-controls button:hover{background:var(--neon-yellow);color:#0b0b0b;border-color:var(--neon-yellow)}.stagger-controls button:focus-visible{outline:2px solid var(--neon-yellow);outline-offset:3px}@media (max-width:640px){.stagger-stage{-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 8% 92%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 8% 92%,#0000 100%)}.stagger-card-body{padding:18px 20px 20px}.stagger-card-body h3{font-size:20px}.stagger-card-body p{-webkit-line-clamp:3}.stagger-card-foot{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){.stagger-card{transition:background-color .2s}.stagger-card.is-entering{animation:none}}
