.card-swap-container{perspective:1200px;position:relative;overflow:visible;transform:translate(-40px,40px)}.card{border:1px solid var(--bg-700);background:var(--bg-800);transform-style:preserve-3d;will-change:transform;backface-visibility:hidden;border-radius:20px;padding:1.5rem;transition:border-color .3s,box-shadow .3s;position:absolute;top:50%;left:50%;box-shadow:0 10px 30px -10px #0000004d,0 1px 3px #0000000d}.card:hover{border-color:var(--text-primary);box-shadow:0 20px 40px -15px #0006, 0 0 25px color-mix(in srgb, var(--text-primary) 15%, transparent)}@media (max-width:1024px){.card-swap-container{transform:scale(.9)translate(-20px,20px)}}
.depth-text{perspective:var(--depth-text-perspective,900px);perspective-origin:50% 48%;isolation:isolate;vertical-align:baseline;display:inline-block}.depth-text__stage{transform-style:preserve-3d;transform-origin:50%;will-change:transform;place-items:center;display:inline-grid;position:relative;transform:rotateX(-2.4deg)rotateY(3.15deg)}.depth-text__layer,.depth-text__face{font-size:var(--depth-text-font-size,inherit);font-weight:var(--depth-text-font-weight,900);line-height:var(--depth-text-line-height,.95);letter-spacing:-.04em;white-space:nowrap;-webkit-user-select:none;user-select:none;transform-style:preserve-3d;backface-visibility:hidden;font-kerning:normal;text-rendering:geometricprecision;font-family:var(--font-clash-display), "Outfit", system-ui, sans-serif;grid-area:1/1;display:inline-block}.depth-text__layer{z-index:0;filter:saturate(1.2)brightness(1.05);pointer-events:none;position:absolute;inset:0}.depth-text__face{z-index:1;color:var(--depth-text-face-color,#fff);text-shadow:var(--depth-text-shadow,0 12px 25px #00000080);position:relative;transform:translateZ(.6px)}@media (hover:hover) and (pointer:fine){.depth-text{cursor:pointer}}@media (prefers-reduced-motion:reduce){.depth-text__stage{will-change:auto}}