.sw-curtain{--sw-c1:var(--chunky-accent,#a9e932);--sw-c2:color-mix(in oklab, var(--sw-c1) 78%, #16181d);--sw-ink:#16181d;--sw-paper:#fffdf6;--sw-grad:linear-gradient(135deg, color-mix(in oklab, var(--sw-c1) 72%, white) 0%, var(--sw-c1) 55%, color-mix(in oklab, var(--sw-c1) 88%, #16181d) 100%);--sw-grad2:linear-gradient(135deg, var(--sw-c1) 0%, var(--sw-c2) 100%);z-index:100;pointer-events:auto;position:fixed;inset:0;overflow:hidden}@supports (color:lab(0% 0 0)){.sw-curtain{--sw-c1:var(--chunky-accent,lab(85.765% -39.3763 74.161))}}.sw-curtain[data-stage=reveal]{pointer-events:none}.sw-curtain>*,.sw-fan>*,.sw-wall>*,.sw-mat{will-change:transform}.sw-mat{pointer-events:none;background-image:var(--sw-pattern);background-size:var(--sw-tile) var(--sw-tile);animation:6s linear forwards sw-mat;position:absolute;inset:0 -120px -120px 0}@keyframes sw-mat{0%{translate:0}to{translate:-120px -120px}}.sw-band>.sw-mat{background-position:0 calc(var(--i) * -100vh / 6)}:is(.sw-suit,.sw-ring,.sw-spark,.sw-logo){pointer-events:none}.sw-band{background:var(--sw-grad);border-bottom:5px solid var(--sw-ink);width:150%;position:absolute;left:-25%;overflow:hidden;transform:translate(100%)skew(-12deg)}.sw-band:nth-child(2n){background:var(--sw-grad2)}@keyframes sw-in{0%{transform:translate(100%)skew(-12deg)}to{transform:translate(0)skew(-12deg)}}@keyframes sw-out{0%{transform:translate(0)skew(-12deg)}to{transform:translate(-100%)skew(-12deg)}}[data-stage=cover] .sw-band{animation:sw-in var(--sw-in) cubic-bezier(.2, .9, .3, 1.06) calc(var(--i) * var(--sw-gap)) both}[data-stage=wait] .sw-band{transform:translate(0)skew(-12deg)}[data-stage=reveal] .sw-band{animation:sw-out var(--sw-out) cubic-bezier(.55, 0, .75, .35) calc(var(--sw-lead) + var(--i) * var(--sw-gap)) both}.sw-block{background:var(--sw-grad);border-left:14px solid var(--sw-ink);width:180%;height:120%;position:absolute;top:-10%;left:-40%;overflow:hidden;transform:translate(105%)skew(-14deg)}.sw-block:after{content:"";background:color-mix(in oklab, var(--sw-c1) 62%, white);width:6%;position:absolute;top:0;bottom:0;left:3%}@keyframes sw-block-in{0%{transform:translate(105%)skew(-14deg)}to{transform:translate(0)skew(-14deg)}}@keyframes sw-block-out{0%{transform:translate(0)skew(-14deg)}to{transform:translate(-108%)skew(-14deg)}}[data-stage=cover] .sw-block{animation:sw-block-in var(--sw-in) cubic-bezier(.22, .9, .3, 1.04) both}[data-stage=wait] .sw-block{transform:translate(0)skew(-14deg)}[data-stage=reveal] .sw-block{animation:sw-block-out var(--sw-out) cubic-bezier(.55, 0, .75, .3) var(--sw-lead) both}.sw-suit{left:100%;top:var(--y);width:var(--s);height:var(--s);z-index:4;position:absolute;transform:translate(0)}.sw-suit>svg{width:100%;height:100%;display:block;overflow:visible}@keyframes sw-suit-in{0%{transform:translate(0)rotate(0)}to{transform:translateX(calc(-100vw - 2.5 * var(--s))) rotate(var(--r))}}@keyframes sw-suit-out{0%{transform:translate(0)rotate(0)}to{transform:translateX(calc(-100vw - 2.5 * var(--s))) rotate(calc(var(--r) * -1))}}.sw-curtain:is([data-stage=cover],[data-stage=wait]) .sw-suit{animation:sw-suit-in var(--f) cubic-bezier(.25, .4, .35, 1) var(--d) both}[data-stage=reveal] .sw-suit{animation:sw-suit-out var(--f) cubic-bezier(.3, .3, .4, 1) var(--d) both}.sw-back{border:4px solid var(--sw-ink);background:linear-gradient(var(--sw-paper), var(--sw-paper)) padding-box, var(--sw-ink);box-shadow:0 5px 0 var(--sw-ink);border-radius:12%/8.5%;position:absolute}.sw-back:before{content:"";background:repeating-linear-gradient(45deg, var(--sw-c1) 0 7px, var(--sw-c2) 7px 14px);outline:3px solid var(--sw-ink);outline-offset:-3px;border-radius:8%/6%;position:absolute;inset:7%}.sw-flood{background:var(--sw-grad);border-top:14px solid var(--sw-ink);width:120%;height:140%;position:absolute;top:-20%;left:-10%;overflow:hidden;transform:translateY(100%)skewY(-8deg)}@keyframes sw-flood-in{0%{transform:translateY(100%)skewY(-8deg)}to{transform:translateY(0)skewY(-8deg)}}@keyframes sw-flood-out{0%{transform:translateY(0)skewY(-8deg)}to{transform:translateY(105%)skewY(-8deg)}}[data-stage=cover] .sw-flood{animation:sw-flood-in var(--sw-in) cubic-bezier(.22, .9, .3, 1.03) both}[data-stage=wait] .sw-flood{transform:translateY(0)skewY(-8deg)}[data-stage=reveal] .sw-flood{animation:sw-flood-out var(--sw-out) cubic-bezier(.55, 0, .75, .3) var(--sw-lead) both}.sw-fan{z-index:4;width:0;height:0;position:absolute;top:64%;left:50%}.sw-fan>.sw-back{--cw:min(30vw, 22vh);left:calc(var(--cw) / -2);bottom:calc(var(--cw) * -.18);width:var(--cw);height:calc(var(--cw) * 1.4);transform-origin:50% 88%;transform:translateY(60vh)rotate(0)}.sw-fan>.sw-face:before{display:none}.sw-fan>.sw-face>b{font:900 calc(var(--cw) * .32)/1 var(--font-heading,system-ui);color:var(--sw-ink);letter-spacing:-.04em;position:absolute;top:6%;left:10%}.sw-fan>.sw-face[data-red]>b{color:#e5484d}.sw-fan>.sw-face>svg{width:46%;position:absolute;top:56%;left:50%;transform:translate(-50%,-50%)}@keyframes sw-fan-in{0%{animation-timing-function:cubic-bezier(.2,.75,.35,1);transform:translateY(60vh)rotate(0)}48%{animation-timing-function:cubic-bezier(.3,.7,.4,1);transform:translateY(0)rotate(0)}84%{transform:translateY(0) rotate(calc(var(--a) * 1.07));animation-timing-function:cubic-bezier(.4,0,.6,1)}to{transform:translateY(0) rotate(var(--a))}}@keyframes sw-fan-out{0%{transform:translateY(0) rotate(var(--a));animation-timing-function:cubic-bezier(.4,0,.7,.6)}42%{animation-timing-function:cubic-bezier(.5,0,.8,.4);transform:translateY(0)rotate(0)}to{transform:translateY(75vh)rotate(0)}}@keyframes sw-fan-bob{0%{transform:translateY(0) rotate(var(--a))}to{transform:translateY(-10px) rotate(var(--a))}}.sw-curtain:is([data-stage=cover],[data-stage=wait]) .sw-fan>.sw-back{animation:sw-fan-in var(--sw-fan) linear var(--d) both}.sw-curtain[data-stage=wait][data-slow] .sw-fan>.sw-face{animation:.38s ease-in-out infinite alternate sw-fan-bob}[data-stage=reveal] .sw-fan>.sw-back{animation:sw-fan-out var(--sw-fan-out) linear var(--d2) both}.sw-backing{background:var(--sw-grad2);opacity:0;position:absolute;inset:0;overflow:hidden}@keyframes sw-backing-in{0%{opacity:0}to{opacity:1}}@keyframes sw-backing-out{0%{opacity:1}to{opacity:0}}[data-stage=cover] .sw-backing{animation:sw-backing-in .14s ease-out var(--sw-fill) both}[data-stage=wait] .sw-backing{opacity:1}[data-stage=reveal] .sw-backing{animation:.12s ease-in both sw-backing-out}.sw-wall>.sw-back{left:var(--x);top:var(--y);width:var(--w);height:var(--h);z-index:2;translate:var(--sx) 0;transform:translateY(var(--sy)) rotate(-50deg) scale(.7)}@keyframes sw-cx-in{0%{translate:var(--sx) 0}to{translate:0}}@keyframes sw-cy-in{0%{transform:translateY(var(--sy)) rotate(-50deg) scale(.7)}to{transform:translateY(0) rotate(var(--r)) scale(1)}}@keyframes sw-cx-out{0%{translate:0}to{translate:var(--ox) 0}}@keyframes sw-cy-out{0%{transform:translateY(0) rotate(var(--r)) scale(1)}to{transform:translateY(var(--oy)) rotate(40deg) scale(.8)}}.sw-curtain:is([data-stage=cover],[data-stage=wait]) .sw-wall>.sw-back{animation:sw-cx-in var(--sw-fly) cubic-bezier(.25, .6, .35, 1) var(--d) both, sw-cy-in var(--sw-fly) cubic-bezier(.3, 1.45, .5, 1) var(--d) both}[data-stage=reveal] .sw-wall>.sw-back{animation:sw-cx-out var(--sw-fly-out) cubic-bezier(.5, 0, .8, .5) var(--d2) both, sw-cy-out var(--sw-fly-out) cubic-bezier(.2, .6, .4, 1) var(--d2) both}.sw-logo{z-index:6;opacity:0;width:min(70vw,52vh,440px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sw-logo>img{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block}@keyframes sw-stamp{0%{opacity:0;animation-timing-function:cubic-bezier(.55,0,.85,.35);transform:translate(-50%,-50%)scale(2.2)rotate(-14deg)}55%{opacity:1;animation-timing-function:cubic-bezier(.3,.6,.4,1);transform:translate(-50%,-50%)scale(.93)rotate(2deg)}to{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(0)}}@keyframes sw-logo-bob{0%{opacity:1;transform:translate(-50%,-50%)translateY(0)}to{opacity:1;transform:translate(-50%,-50%)translateY(-6px)}}@keyframes sw-logo-out{0%{opacity:1;animation-timing-function:cubic-bezier(.3,.6,.5,1);transform:translate(-50%,-50%)scale(1)}35%{opacity:1;animation-timing-function:cubic-bezier(.55,0,.8,.4);transform:translate(-50%,-50%)scale(1.1)}to{opacity:0;transform:translate(-50%,-50%)scale(.2)}}.sw-curtain:is([data-stage=cover],[data-stage=wait]) .sw-logo{animation:sw-stamp .38s linear var(--sw-pop) both}.sw-curtain[data-stage=wait][data-slow] .sw-logo{animation:.52s ease-in-out infinite alternate sw-logo-bob}[data-stage=reveal] .sw-logo{animation:.2s linear both sw-logo-out}.sw-ring{aspect-ratio:1;border:10px solid var(--sw-paper);opacity:0;z-index:5;border-radius:50%;width:min(80vw,60vh,500px);margin-top:calc(min(80vw,60vh,500px)/-2);margin-left:calc(min(80vw,60vh,500px)/-2);position:absolute;top:50%;left:50%}@keyframes sw-ring{0%{opacity:.95;transform:scale(.35)}to{opacity:0;transform:scale(1.25)}}.sw-curtain:is([data-stage=cover],[data-stage=wait]) .sw-ring{animation:sw-ring .46s cubic-bezier(.2, .7, .3, 1) var(--sw-hit) both}.sw-spark{z-index:7;opacity:0;width:34px;height:34px;margin:-17px 0 0 -17px;position:absolute;top:50%;left:50%}.sw-spark>svg{width:100%;height:100%;display:block;overflow:visible}@keyframes sw-spark{0%{opacity:1;transform:translate(0)scale(.4)rotate(0)}to{opacity:0;transform:translate(var(--tx), var(--ty)) scale(1.1) rotate(var(--r))}}.sw-curtain:is([data-stage=cover],[data-stage=wait]) .sw-spark{animation:sw-spark .56s cubic-bezier(.15, .7, .35, 1) var(--sw-hit) both}.sw-curtain[data-v="6"] .sw-logo,.sw-curtain[data-v="6"] .sw-spark{top:40%}@keyframes sw-logo-rise{0%{opacity:0;animation-timing-function:cubic-bezier(.2,.7,.3,1);transform:translate(-50%,calc(26vh - 50%))scale(.2)rotate(-20deg)}62%{opacity:1;animation-timing-function:cubic-bezier(.4,0,.6,1);transform:translate(-50%,-50%)scale(1.08)rotate(3deg)}to{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(0)}}.sw-curtain[data-v="6"]:is([data-stage=cover],[data-stage=wait]) .sw-logo{animation:sw-logo-rise .46s linear var(--sw-pop) both}@keyframes sw-fan-bump{0%{transform:scale(1)}35%{transform:scale(1.07)}to{transform:scale(1)}}.sw-curtain[data-v="6"]:is([data-stage=cover],[data-stage=wait]) .sw-fan{animation:sw-fan-bump .32s cubic-bezier(.3, .6, .4, 1) var(--sw-kick)}.sw-glyph{fill:var(--sw-ink);stroke:var(--sw-paper);stroke-width:2.4px;paint-order:stroke;stroke-linejoin:round}.sw-glyph[data-red]{fill:#e5484d}html[data-juice=off] .sw-curtain{display:none}@media (prefers-reduced-motion:reduce){.sw-curtain{display:none}}
