.hero{isolation:isolate;background:radial-gradient(58% 52% at 68% 42%, #f6f6f7 0%, var(--background) 70%);position:relative;overflow:hidden}.carousel-wrap{flex-direction:column;align-items:center;gap:1.5rem;display:flex}.carousel{aspect-ratio:600/825;perspective:1150px;width:min(62vw,264px);position:relative;overflow:visible}@media (min-width:1024px){.carousel{width:min(24vw,300px)}}.carousel__viewport{transform-style:preserve-3d;position:absolute;inset:0}.carousel__card{transform-style:preserve-3d;--card-opacity:.16;--pointer-x:50%;--pointer-y:50%;--background-x:50%;--background-y:50%;position:absolute;inset:0}.carousel__tilt{transform-style:preserve-3d;border-radius:5%/3.6%;transition:filter .3s;position:absolute;inset:0}.carousel__card:not([data-front=true]) .carousel__tilt{filter:brightness(.82)saturate(.9)}.holo-face{box-shadow:0 10px 24px -14px #00000052}.carousel__card[data-front=true] .holo-face--front{box-shadow:0 2px 6px #0000001f,0 20px 42px -14px #0000005c,0 48px 84px -30px #00000070}.carousel__floor{filter:blur(7px);pointer-events:none;z-index:-1;background:radial-gradient(50% 50%,#00000052,#00000024 46%,#0000 72%);border-radius:50%;width:56%;height:7%;margin-left:-28%;position:absolute;bottom:3%;left:50%}.holo-face{border-radius:inherit;backface-visibility:hidden;position:absolute;inset:0;overflow:hidden}.holo-face--front{isolation:isolate;--holo-mask:url(/images/card-demo/mask.svg);background:#f0f0f1}.holo-art{object-fit:cover}.holo-shine,.holo-glare{border-radius:inherit;pointer-events:none;position:absolute;inset:0}.holo-shine{background-image:repeating-linear-gradient(110deg, #ff666680 0%, #ffe66680 4%, #66ff6680 8%, #66e6ff80 12%, #cc66ff80 16%, #ff669980 20%, #ff666680 24%), radial-gradient(60% 60% at var(--background-x,50%) var(--background-y,50%), #ffffff73, transparent 60%);background-size:220% 220%,180% 180%;background-position:var(--background-x,50%) var(--background-y,50%);background-blend-mode:color-dodge;mix-blend-mode:color-dodge;filter:brightness(.9)contrast(1.6)saturate(1.45);opacity:var(--card-opacity,0);will-change:opacity, background-position;-webkit-mask-image:var(--holo-mask);-webkit-mask-image:var(--holo-mask);mask-image:var(--holo-mask);-webkit-mask-size:100% 100%;mask-size:100% 100%}.holo-glare{background:radial-gradient(circle at var(--pointer-x,50%) var(--pointer-y,50%), #fffc, #ffffff1f 25%, transparent 52%);mix-blend-mode:overlay;opacity:var(--card-opacity,0);will-change:opacity, background-position}.holo-face--back{background:linear-gradient(160deg,#202023,#0b0b0c);border:1px solid #ffffff14;place-items:center;display:grid;transform:rotateY(180deg)}.holo-back-mark{font-family:var(--font-mono), monospace;letter-spacing:.42em;text-indent:.42em;color:#ffffffd1;font-size:clamp(.7rem,1.6vw,1rem)}.holo-face--back:after{content:"";aspect-ratio:1;border:1px solid #ffffff24;border-radius:50%;width:46%;position:absolute;box-shadow:inset 0 0 44px #ffffff0d}