.card-stage-panel{background-color:var(--background);background-image:var(--panel-pattern-0,url(/assets/grid-pattern.svg)),radial-gradient(120% 60% at 100% 100%, var(--primary-100) 0%, transparent 70%),linear-gradient(180deg, var(--background) 0%, var(--primary-100) 100%);background-size:var(--panel-pattern-0-size,280px 280px),100% 100%,100% 100%;background-position:var(--panel-pattern-0-position,-1px -1px),0 0,0 0;container-type:inline-size}.card-stage-panel[data-surface="1"]{background-color:var(--background);background-image:var(--panel-pattern-1,radial-gradient(circle, color-mix(in srgb, var(--neutral-800) 16%, transparent) 1px, transparent 1.5px)),radial-gradient(120% 60% at 0% 0%, var(--primary-100) 0%, transparent 70%),linear-gradient(0deg, var(--background) 0%, var(--primary-100) 100%);background-size:var(--panel-pattern-1-size,20px 20px),100% 100%,100% 100%;background-position:var(--panel-pattern-1-position,10px 10px),0 0,0 0}.card-stage-panel[data-surface="2"]{background-color:var(--background);background-image:var(--panel-pattern-2,repeating-linear-gradient(135deg, color-mix(in srgb, var(--neutral-800) 6%, transparent) 0 1px, transparent 1px 16px)),radial-gradient(110% 60% at 0% 100%, var(--accent-yellow-light) 0%, transparent 70%),linear-gradient(180deg, var(--background) 0%, var(--primary-100) 100%);background-size:var(--panel-pattern-2-size,auto),100% 100%,100% 100%;background-position:var(--panel-pattern-2-position,0 0),0 0,0 0}.card-stage-surface{opacity:0;transition:opacity .5s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0}.card-stage-surface[data-surface="0"]{background-color:var(--background);background-image:var(--panel-pattern-0,url(/assets/grid-pattern.svg)),radial-gradient(120% 60% at 100% 100%, var(--primary-100) 0%, transparent 70%),linear-gradient(180deg, var(--background) 0%, var(--primary-100) 100%);background-size:var(--panel-pattern-0-size,280px 280px),100% 100%,100% 100%;background-position:var(--panel-pattern-0-position,-1px -1px),0 0,0 0}.card-stage-surface[data-surface="1"]{background-color:var(--background);background-image:var(--panel-pattern-1,radial-gradient(circle, color-mix(in srgb, var(--neutral-800) 16%, transparent) 1px, transparent 1.5px)),radial-gradient(120% 60% at 0% 0%, var(--primary-100) 0%, transparent 70%),linear-gradient(0deg, var(--background) 0%, var(--primary-100) 100%);background-size:var(--panel-pattern-1-size,20px 20px),100% 100%,100% 100%;background-position:var(--panel-pattern-1-position,10px 10px),0 0,0 0}.card-stage-surface[data-surface="2"]{background-color:var(--background);background-image:var(--panel-pattern-2,repeating-linear-gradient(135deg, color-mix(in srgb, var(--neutral-800) 6%, transparent) 0 1px, transparent 1px 16px)),radial-gradient(110% 60% at 0% 100%, var(--accent-yellow-light) 0%, transparent 70%),linear-gradient(180deg, var(--background) 0%, var(--primary-100) 100%);background-size:var(--panel-pattern-2-size,auto),100% 100%,100% 100%;background-position:var(--panel-pattern-2-position,0 0),0 0,0 0}.card-stage-surface[data-shown=true]{opacity:1}.card-stage{--u:calc(100cqw / var(--stack-width,760));pointer-events:none;position:absolute;inset:0}.card-stage-caption{top:calc(30*var(--u));left:calc(36*var(--u));align-items:center;gap:calc(10*var(--u));padding:calc(7*var(--u)) calc(12*var(--u));border:1px solid var(--border);border-radius:calc(6*var(--u));background:var(--white);font-family:var(--font-mono-value);font-size:calc(13*var(--u));line-height:calc(14*var(--u));letter-spacing:.04em;text-transform:uppercase;color:var(--foreground);transition:opacity .34s cubic-bezier(.2,.7,.2,1),transform .46s cubic-bezier(.16,.84,.24,1);display:flex;position:absolute}.card-stage[data-state=leaving] .card-stage-caption{opacity:0;transform:translateY(calc(-24 * var(--u)))}.card-stage-caption-dot{width:calc(8*var(--u));height:calc(8*var(--u));background:var(--primary);border-radius:999px}.card-stage-cards{align-items:flex-start;gap:calc(30*var(--u));padding:calc(72*var(--u)) calc(20*var(--u)) 0 calc(36*var(--u));flex-direction:column;display:flex;position:absolute;inset:0}.card-stage-cards[data-align=center]{padding-bottom:calc(72*var(--u))}.card-stage-cards[data-align=center]>:first-child{margin-top:auto}.card-stage-cards[data-align=center]>:last-child{margin-bottom:auto}.card-stage-card{--delay:calc(var(--j) * 60ms);width:calc(520*var(--u));margin-left:calc(var(--j)*80*var(--u));transition:opacity .34s cubic-bezier(.2, .7, .2, 1) var(--delay),transform .46s cubic-bezier(.16, .84, .24, 1) var(--delay);flex:none;position:relative}.card-stage-card[data-state=waiting]{opacity:0;transform:translate(calc(-28 * var(--u)), calc(-28 * var(--u))) scale(.98)}.card-stage-card[data-state=leaving]{--delay:0s;opacity:0;transform:translateY(calc(56 * var(--u)))}.card-stage-card-hook{top:calc(-32*var(--u));left:calc(-70*var(--u));width:calc(70*var(--u));height:calc(48*var(--u));fill:none;stroke:var(--primary-300);stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:5 6;position:absolute;overflow:visible}.card-stage-card-arrow{top:calc(9*var(--u));left:calc(-14*var(--u));width:calc(10*var(--u));height:calc(12*var(--u));fill:var(--primary-300);position:absolute}.card-stage-card-head{align-items:center;gap:calc(10*var(--u));margin-bottom:calc(12*var(--u));display:flex}.card-stage-card-number{width:calc(30*var(--u));height:calc(30*var(--u));background:var(--primary-400);color:var(--white);font-family:var(--font-mono-value);font-size:calc(13*var(--u));border-radius:999px;place-items:center;line-height:1;display:grid}.card-stage-card-icon{width:calc(16*var(--u));height:calc(16*var(--u))}.card-stage-card-label{padding:calc(7*var(--u)) calc(12*var(--u));border:1px solid var(--border);border-radius:calc(6*var(--u));background:var(--white);font-family:var(--font-mono-value);font-size:calc(13*var(--u));line-height:calc(14*var(--u));letter-spacing:.04em;text-transform:uppercase;color:var(--foreground)}.card-stage-card-frame{border-radius:calc(14*var(--u));display:block;position:relative}.card-stage-card-frame:after{content:"";border:1px solid var(--border);border-radius:inherit;pointer-events:none;position:absolute;inset:0}.card-stage-card-image{border-radius:inherit;width:100%;height:auto;display:block}.card-stage-art{bottom:0;left:calc(28*var(--u));width:calc(var(--art-width)*var(--u));height:calc(var(--art-height)*var(--u));transform-origin:0 100%;transform:scale(var(--art-scale));background-position:0 100%;background-repeat:no-repeat;background-size:contain;transition:opacity .42s .12s,transform .72s cubic-bezier(.16,.84,.24,1) .12s;position:absolute}.card-stage[data-state=leaving] .card-stage-art{opacity:0;transform:translateY(calc(56 * var(--u))) scale(var(--art-scale))}.card-stage[data-state=leaving] .card-stage-art[data-from=left]{transform:translateX(calc(-72 * var(--u))) scale(var(--art-scale))}.card-stage[data-state=leaving] .card-stage-art[data-from=right]{transform:translateX(calc(72 * var(--u))) scale(var(--art-scale))}.card-stage[data-layout=row]{--u:calc(100cqw / var(--row-width,1400))}.card-stage[data-layout=row] .card-stage-caption{top:calc(28*var(--u))}.card-stage[data-layout=row] .card-stage-cards{gap:calc(44*var(--u));padding:calc(76*var(--u)) calc(36*var(--u)) 0;flex-direction:row}.card-stage[data-layout=row] .card-stage-card{width:calc(413*var(--u));margin-left:0;margin-top:calc(var(--j)*77*var(--u))}.card-stage[data-layout=row] .card-stage-card[data-state=waiting]{transform:translateX(calc(-28 * var(--u))) scale(.98)}.card-stage[data-layout=row] .card-stage-card[data-state=leaving]{transform:translateY(calc(40 * var(--u)))}.card-stage[data-layout=row] .card-stage-card-hook{top:calc(-21*var(--u));left:calc(-44*var(--u));width:calc(44*var(--u));height:calc(36*var(--u))}.card-stage[data-layout=row] .card-stage-card-arrow{left:calc(-10*var(--u))}.card-stage[data-layout=row] .card-stage-card-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.card-stage[data-layout=row] .card-stage-art{left:auto;right:calc(24*var(--u));transform-origin:100% 100%;background-position:100% 100%}@media (prefers-reduced-motion:reduce){.card-stage,.card-stage *,.card-stage-surface{transition-duration:1ms!important;transition-delay:0s!important}}