.pc{position:fixed;inset:0;z-index:2147483000;pointer-events:none;visibility:hidden;overflow:hidden}
.pc>div{position:absolute;inset:0;display:none}
.pc-go .pc,.pc-cover .pc,.pc-out .pc{visibility:visible}
.pc b{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.9);font:400 clamp(2.2rem,7vw,5rem)/1 'Instrument Serif',Georgia,serif;letter-spacing:.02em;color:#fff;opacity:0;white-space:nowrap;text-shadow:0 4px 40px rgba(0,0,0,.35);z-index:3}
.pc b em{font-style:italic;color:#ffcfb0}
.pc-go .pc b{animation:pcWord .5s cubic-bezier(.16,.84,.24,1) .3s both}
.pc-cover .pc b{opacity:1;transform:translate(-50%,-50%)}
.pc-out .pc b{opacity:1;animation:pcWordOut .45s ease both}
@keyframes pcWord{from{opacity:0;transform:translate(-50%,-35%) scale(.92)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
@keyframes pcWordOut{from{opacity:1}to{opacity:0;transform:translate(-50%,-65%)}}

.pcv-bars .pc-b{display:grid;grid-template-columns:repeat(6,1fr)}
.pc-b i{display:block;transform:scaleY(0);transform-origin:50% 100%}
.pc-b i:nth-child(1){background:#150d2b}.pc-b i:nth-child(2){background:#24124d}.pc-b i:nth-child(3){background:#3d1f8f}.pc-b i:nth-child(4){background:#6d3df2}.pc-b i:nth-child(5){background:#b86ad0}.pc-b i:nth-child(6){background:#ea7a3d}
.pcv-bars.pc-go .pc-b i{animation:pcIn .55s cubic-bezier(.76,0,.24,1) both}
.pcv-bars.pc-go .pc-b i:nth-child(2){animation-delay:.05s}.pcv-bars.pc-go .pc-b i:nth-child(3){animation-delay:.1s}.pcv-bars.pc-go .pc-b i:nth-child(4){animation-delay:.15s}.pcv-bars.pc-go .pc-b i:nth-child(5){animation-delay:.2s}.pcv-bars.pc-go .pc-b i:nth-child(6){animation-delay:.25s}
.pcv-bars.pc-cover .pc-b i{transform:scaleY(1)}
.pcv-bars.pc-out .pc-b i{transform-origin:50% 0;animation:pcOut .7s cubic-bezier(.76,0,.24,1) both}
.pcv-bars.pc-out .pc-b i:nth-child(1){animation-delay:.25s}.pcv-bars.pc-out .pc-b i:nth-child(2){animation-delay:.2s}.pcv-bars.pc-out .pc-b i:nth-child(3){animation-delay:.15s}.pcv-bars.pc-out .pc-b i:nth-child(4){animation-delay:.1s}.pcv-bars.pc-out .pc-b i:nth-child(5){animation-delay:.05s}
@keyframes pcIn{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes pcOut{from{transform:scaleY(1)}to{transform:scaleY(0)}}

.pcv-tiles .pc-t{display:grid;grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(6,1fr);background:#0d0b16}
.pc-t s{display:block;opacity:0;transform:scale(.3);border-radius:6px;margin:1px}
.pc-t s:nth-child(3n){background:#1f7a52}.pc-t s:nth-child(3n+1){background:#8a3a3a}.pc-t s:nth-child(3n+2){background:#5a3bd0}
.pc-t s:nth-child(5n){background:#2e2a45}
.pcv-tiles.pc-go .pc-t s{animation:pcTIn .38s cubic-bezier(.2,.8,.2,1) var(--d,0s) both}
.pcv-tiles.pc-cover .pc-t s{opacity:1;transform:none}
.pcv-tiles.pc-out .pc-t{background:transparent}
.pcv-tiles.pc-out .pc-t s{opacity:1;animation:pcTOut .5s cubic-bezier(.6,0,.8,.4) var(--d,0s) both}
@keyframes pcTIn{from{opacity:0;transform:scale(.3)}to{opacity:1;transform:none}}
@keyframes pcTOut{from{opacity:1;transform:none}to{opacity:0;transform:scale(1.35)}}

.pcv-stripes .pc-s{display:flex;flex-direction:column}
.pc-s u{display:block;flex:1;transform:scaleX(0);transform-origin:0 50%}
.pc-s u:nth-child(even){transform-origin:100% 50%}
.pc-s u:nth-child(4n+1){background:#150d2b}.pc-s u:nth-child(4n+2){background:#3d1f8f}.pc-s u:nth-child(4n+3){background:#6d3df2}.pc-s u:nth-child(4n){background:#ea7a3d}
.pcv-stripes.pc-go .pc-s u{animation:pcSIn .6s cubic-bezier(.76,0,.24,1) calc(var(--n)*.05s) both}
.pcv-stripes.pc-cover .pc-s u{transform:scaleX(1)}
.pcv-stripes.pc-out .pc-s u{transform:scaleX(1);transform-origin:100% 50%;animation:pcSOut .65s cubic-bezier(.76,0,.24,1) calc(var(--n)*.05s) both}
.pcv-stripes.pc-out .pc-s u:nth-child(even){transform-origin:0 50%}
@keyframes pcSIn{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes pcSOut{from{transform:scaleX(1)}to{transform:scaleX(0)}}

.pcv-circle .pc-c{display:block;background:linear-gradient(135deg,#2a1466 0%,#6d3df2 45%,#b86ad0 75%,#ea7a3d 100%);clip-path:circle(0 at var(--cx,50%) var(--cy,50%))}
.pcv-circle.pc-go .pc-c{animation:pcCIn .75s cubic-bezier(.7,0,.2,1) both}
.pcv-circle.pc-cover .pc-c{clip-path:circle(150% at var(--cx,50%) var(--cy,50%))}
.pcv-circle.pc-out .pc-c{clip-path:circle(150% at var(--cx,50%) var(--cy,50%));animation:pcCOut .8s cubic-bezier(.7,0,.2,1) .1s both}
@keyframes pcCIn{from{clip-path:circle(0 at var(--cx,50%) var(--cy,50%))}to{clip-path:circle(150% at var(--cx,50%) var(--cy,50%))}}
@keyframes pcCOut{from{clip-path:circle(150% at 50% 50%)}to{clip-path:circle(0 at 50% 50%)}}

.pcv-wipe .pc-w{display:block}
.pc-w i{position:absolute;top:0;bottom:0;left:-15%;width:130%;transform:translateX(-115%) skewX(-14deg)}
.pc-w i:nth-child(1){background:#150d2b}.pc-w i:nth-child(2){background:linear-gradient(100deg,#6d3df2,#b86ad0 60%,#ea7a3d)}
.pcv-wipe.pc-go .pc-w i{animation:pcWIn .7s cubic-bezier(.76,0,.24,1) both}
.pcv-wipe.pc-go .pc-w i:nth-child(2){animation-delay:.12s}
.pcv-wipe.pc-cover .pc-w i{transform:translateX(0) skewX(-14deg)}
.pcv-wipe.pc-out .pc-w i{animation:pcWOut .75s cubic-bezier(.76,0,.24,1) both}
.pcv-wipe.pc-out .pc-w i:nth-child(1){animation-delay:.12s}
@keyframes pcWIn{from{transform:translateX(-115%) skewX(-14deg)}to{transform:translateX(0) skewX(-14deg)}}
@keyframes pcWOut{from{transform:translateX(0) skewX(-14deg)}to{transform:translateX(115%) skewX(-14deg)}}
@media (prefers-reduced-motion:reduce){.pc{display:none}}

.pcv-paper .pc b{display:none}
.pcv-paper .pc-p{display:block;background:#f3ead4;background-image:radial-gradient(120% 90% at 50% 40%,transparent 55%,rgba(120,90,40,.18)),repeating-linear-gradient(0deg,rgba(90,70,30,.03) 0 1px,transparent 1px 4px),radial-gradient(60% 50% at 20% 20%,rgba(255,255,255,.5),transparent 70%);transform:translateY(100%);box-shadow:0 -30px 80px rgba(0,0,0,.35)}
.pc-p svg{position:absolute;inset:0;width:100%;height:100%}
.pc-p .pk{fill:none;stroke:#2a2f55;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;opacity:.85}
.pc-p .pk.mg{stroke:#c9504a;stroke-width:1.6}
.pc-p .pk.ln{stroke:#8fa0c8;stroke-width:1.2}
.pc-p .pk.fr.f2{stroke-width:1.2;opacity:.55}
.pc-p .pk.bar{fill:rgba(42,47,85,.12)}
.pc-p .pk.ci.c2{stroke:#c9504a}
.pc-p .pk.ch{stroke:#e8743b;stroke-width:3}
.pc-ink{font:400 150px 'Instrument Serif',Georgia,serif;font-style:italic;fill:#1b1f45;stroke:#1b1f45;stroke-width:1.6;stroke-dasharray:900;stroke-dashoffset:900;paint-order:stroke;clip-path:url(#pcw)}
.pc-wr{width:0}
.pc-q{transform:translate(var(--tx,400px),360px);opacity:0}
.pc-q2{transform:translateY(0)}
.pc-q .qf{fill:#fffdf4;stroke:#2a2f55;stroke-width:2}.pc-q .qb{fill:none;stroke:#2a2f55;stroke-width:1.2;opacity:.6}.pc-q .qn{fill:#1b1f45}
.pcv-paper.pc-go .pc-p{animation:pcPaperIn .6s cubic-bezier(.16,.84,.24,1) both}
.pcv-paper.pc-go .pk{animation:pcDraw .9s ease both}
.pcv-paper.pc-go .pk.fr{animation-delay:.35s}.pcv-paper.pc-go .pk.fr.f2{animation-delay:.5s}.pcv-paper.pc-go .pk.mg{animation-delay:.6s}
.pcv-paper.pc-go .pk.ln{animation-delay:calc(.65s + var(--k)*.1s)}.pcv-paper.pc-go .pk.ax{animation-delay:.8s}.pcv-paper.pc-go .pk.ch{animation-delay:.95s}.pcv-paper.pc-go .pk.bar,.pcv-paper.pc-go .pk.ci{animation-delay:1s}
.pcv-paper.pc-go .pc-ink{animation:pcInk 1s ease .5s both}
.pcv-paper.pc-go .pc-wr{animation:pcWrite 1s cubic-bezier(.4,.1,.6,.9) .5s both}
.pcv-paper.pc-go .pc-q{animation:pcPen 1s cubic-bezier(.4,.1,.6,.9) .5s both}
.pcv-paper.pc-go .pc-q2{animation:pcWob .22s ease-in-out .5s 5 alternate both}
.pcv-paper.pc-cover .pc-p{transform:none}
.pcv-paper.pc-cover .pk,.pcv-paper.pc-out .pk{stroke-dashoffset:0}
.pcv-paper.pc-cover .pc-ink,.pcv-paper.pc-out .pc-ink{stroke-dashoffset:0;clip-path:none}
.pcv-paper.pc-out .pc-p{transform:none;animation:pcPaperOut .85s cubic-bezier(.76,0,.24,1) .15s both}
@keyframes pcPaperIn{from{transform:translateY(100%)}to{transform:none}}
@keyframes pcPaperOut{from{transform:none}to{transform:translateY(-104%) rotate(-1.2deg)}}
@keyframes pcDraw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes pcInk{0%{stroke-dashoffset:900;fill-opacity:0}70%{stroke-dashoffset:0;fill-opacity:.2}100%{stroke-dashoffset:0;fill-opacity:1}}
@keyframes pcWrite{from{width:0}to{width:calc(var(--tw,500px) + 40px)}}
@keyframes pcPen{0%{opacity:0;transform:translate(var(--tx,400px),380px)}8%{opacity:1;transform:translate(calc(var(--tx,400px) + 20px),360px)}100%{opacity:1;transform:translate(calc(var(--tx,400px) + var(--tw,500px) + 20px),360px)}}
@keyframes pcWob{from{transform:translateY(-8px) rotate(-3deg)}to{transform:translateY(6px) rotate(2deg)}}