.holo-stage{--active:0;--mx:50%;--my:50%;--posx:50%;--posy:50%;--foilx:50%;--foily:50%;--tilt-gain:1;--card-w:min(calc(100vw - 48px), calc((100dvh - 170px) * 63 / 88), 620px);--card-r:var(--radius-hero-card);--face-r:calc(var(--card-r) - var(--card-frame));width:var(--card-w);aspect-ratio:var(--card-ratio);perspective:1200px;border-radius:var(--card-r);animation:var(--animate-card-rise);position:relative}.holo-stage:has(.holo-rotor:focus-visible){outline:2px solid var(--color-brand);outline-offset:6px}.holo-rotor{transform-style:preserve-3d;transform:rotateX(calc(var(--rx) * var(--tilt-gain))) rotateY(var(--ry));will-change:transform;touch-action:pan-y;user-select:none;-webkit-user-drag:none;cursor:grab;border-radius:var(--card-r);background:var(--color-brand-foreground);box-shadow:var(--shadow-hero-card);outline:none;transition:box-shadow .26s;position:absolute;inset:0}.holo-rotor[data-dragging]{cursor:grabbing}.holo-rim{pointer-events:none;border-radius:var(--card-r);background:radial-gradient(farthest-corner circle at var(--mx) var(--my), #ffffffd9 0%, #e9c46a59 26%, #00000073 80%);mix-blend-mode:overlay;opacity:calc(.2 + var(--active) * .5);position:absolute;inset:0}.holo-face{inset:var(--card-frame);border-radius:var(--face-r);clip-path:inset(0 round var(--face-r));-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute;overflow:hidden}.holo-face-front{color:var(--color-foreground);background:radial-gradient(120% 80% at 30% 0,#fff 0%,#fafaf9 45%,#f6f4f1 100%);box-shadow:inset 0 1px #ffffffe6,inset 0 0 0 1px #2825240d;container-type:inline-size}.holo-face-back{color:#fff;background:radial-gradient(circle at 50% 42%, var(--color-pitch-soft) 0%, var(--color-brand-foreground) 55%, var(--color-pitch-deep) 100%);transform:rotateY(180deg);container-type:inline-size}.holo-face-front,.holo-face-back{transition:opacity .16s}.holo-layer{pointer-events:none;border-radius:inherit;position:absolute;inset:0}.holo-foil-idle{background-image:var(--holo-gold);mix-blend-mode:overlay;opacity:calc((1 - var(--active)) * .55);animation:var(--animate-foil-idle);z-index:30;background-size:260% 260%}.holo-foil-live{background-image:var(--holo);background-size:260% 260%;background-position:var(--posx) var(--posy);mix-blend-mode:overlay;opacity:calc(var(--active) * .85);-webkit-mask-image:radial-gradient(circle at var(--mx) var(--my), #000 0%, #00000059 30%, transparent 58%);mask-image:radial-gradient(circle at var(--mx) var(--my), #000 0%, #00000059 30%, transparent 58%);z-index:30;transition:opacity .32s}.holo-lines{background-image:repeating-linear-gradient(100deg,#0000 0 3px,#ffffff80 3px 4px);background-size:200% 100%;background-position:var(--posx) 0;mix-blend-mode:overlay;opacity:calc(var(--active) * .28);z-index:30;transition:opacity .32s}.holo-glare{background:radial-gradient(circle at var(--mx) var(--my), #ffffffbf, transparent 42%);mix-blend-mode:soft-light;opacity:calc(var(--active) * .9);z-index:40;transition:opacity .32s}.holo-sparkle{background-image:radial-gradient(circle at 20% 35%,#fffffff2 0,#0000 .8px),radial-gradient(circle at 68% 12%,#bee6ffe6 0,#0000 .8px),radial-gradient(circle at 82% 74%,#ffebbee6 0,#0000 .8px);background-size:47px 61px,71px 53px,59px 79px;background-position:var(--posx) var(--posy), calc(100% - var(--posx)) var(--posy), var(--posx) calc(100% - var(--posy));mix-blend-mode:color-dodge;opacity:calc(.12 + var(--active) * .6);z-index:20;transition:opacity .32s}.holo-sweep{pointer-events:none;mix-blend-mode:overlay;opacity:0;animation:var(--animate-foil-sweep);z-index:35;background:linear-gradient(100deg,#0000 30%,#ffffffa6 48%,#ffffffe6,#ffffffa6 52%,#0000 70%);position:absolute;inset:-20% -40%;transform:translate(-120%)}.holo-face-back .holo-foil-live,.holo-face-back .holo-foil-idle{-webkit-mask-image:radial-gradient(120% 90% at 50% 45%,#000 0%,#0009 55%,#0000 100%);mask-image:radial-gradient(120% 90% at 50% 45%,#000 0%,#0009 55%,#0000 100%)}.holo-content{z-index:10;flex-direction:column;height:100%;display:flex;position:relative}@media (prefers-reduced-motion:reduce){.holo-stage{opacity:1;animation:none}.holo-sweep{display:none}.holo-foil-idle{background-position:40% 45%;animation:none}.holo-foil-live,.holo-lines,.holo-glare,.holo-sparkle{transition:none}.holo-face-front,.holo-face-back{transition:opacity .16s}}.hero-hint[data-astro-cid-vjc3kfer]{animation:hint-in .52s var(--ease-pop) .72s both}@keyframes hint-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.hero-hint[data-astro-cid-vjc3kfer]{animation:none}}