.box-intro{display:none}html.intro-playing .box-intro{z-index:100;cursor:pointer;background:#efe3cf;animation:.4s ease-in 2.6s forwards pb-fade,0s 3.05s forwards pb-done;display:block;position:fixed;inset:0;overflow:hidden}.pb-stage{perspective:1500px;perspective-origin:50% 16%;filter:contrast(1.1)saturate(1.15)sepia(.06);place-items:center;display:grid;position:absolute;inset:0}.pb-scene{--s:min(72vw, 52vh);--h:calc(var(--s) * .1);--w:calc(var(--s) * .012);--t:calc(var(--s) * .0042);--g:calc(var(--s) * .15);--zoom:1.85;width:var(--s);height:var(--s);transform-style:preserve-3d;animation:3s both pb-camera;position:relative}.pb-table{background: radial-gradient(ellipse 14% 13% at 49% 50%, #ffeecd80, transparent 70%),  linear-gradient(100deg, transparent 43%, #46140a1a 46%, transparent 49%, transparent 51%, #ffffff21 53%, transparent 56%), linear-gradient(8deg, transparent 47%, #46140a14 49%, transparent 52%),  repeating-linear-gradient(0deg, #3c140a12 0 1px, transparent 1px 3px), repeating-linear-gradient(90deg, #3c140a12 0 1px, transparent 1px 3px),  linear-gradient(90deg, #7b1d24bd 50%, transparent 50%) 0 0 / var(--g) var(--g), linear-gradient(#7b1d24bd 50%, transparent 50%) 0 0 / var(--g) var(--g), #f6eddc;width:1100%;height:1100%;position:absolute;top:-500%;left:-500%;transform:translateZ(-2px)}.pb-napkin{background:linear-gradient(135deg,#fffdf8 0 49.4%,#e9e1d1 49.6%,#f6f1e6 58%,#fbf8f1);width:30%;height:30%;position:absolute;top:60%;left:-44%;transform:translateZ(.5px)rotate(22deg);box-shadow:2px 4px 10px #28140538,inset 0 0 0 1px #1b15120f}.pb-spill{width:22%;height:16%;position:absolute;transform:translateZ(.5px)}.pb-spill-chili{background:radial-gradient(circle at 20% 40%,#b8321a 1.4px,#0000 2px),radial-gradient(circle at 36% 62%,#d8532a 1.2px,#0000 1.8px),radial-gradient(circle at 52% 30%,#a52412 1.5px,#0000 2px),radial-gradient(circle at 64% 70%,#f0c060 1px,#0000 1.5px),radial-gradient(circle at 78% 46%,#c23a1c 1.3px,#0000 1.9px),radial-gradient(circle at 44% 80%,#9d2210 1.2px,#0000 1.7px);top:36%;left:124%}.pb-spill-parm{background:radial-gradient(circle at 20%,#f6efd6 1.4px,#0000 2px),radial-gradient(circle at 35% 30%,#efe3bb 1.2px,#0000 1.8px),radial-gradient(circle at 55% 62%,#fbf4dc 1.5px,#0000 2px),radial-gradient(circle at 70% 40%,#eadcae 1.1px,#0000 1.6px),radial-gradient(circle at 42% 78%,#f7f0d8 1.3px,#0000 1.8px);top:-6%;left:96%}.pb-shaker{--r:calc(var(--s) * .13);--step:calc(var(--s) * .0066);width:var(--r);height:var(--r);transform-style:preserve-3d;position:absolute}.pb-parm{top:-16%;left:104%}.pb-chili{top:8%;left:120%}.pb-shaker>span{transform:translateZ(calc(var(--k) * var(--step)));border-radius:50%;position:absolute;inset:0}.pb-shaker>.pb-sh-shadow{filter:blur(6px);background:radial-gradient(closest-side,#28140573,#0000);inset:-10% -70% -25% -10%;transform:translate(25%,18%)}.pb-sh-ridge{scale:1.035}.pb-parm .pb-sh-fill{background:radial-gradient(circle,#a0783273 .8px,#0000 1.2px) 0 0/5px 5px,linear-gradient(90deg,#fffaea 4%,#f1dfa6 34%,#cfb772 78%,#f3e9c8)}.pb-chili .pb-sh-fill{background:radial-gradient(circle,#fad778cc .9px,#0000 1.3px) 0 0/6px 6px,linear-gradient(90deg,#f3a37d 4%,#c8411d 34%,#8e2410 78%,#e48a64)}.pb-sh-glass{background:linear-gradient(90deg,#fff 4%,#dfe8e6 30%,#b7c5c2 78%,#f1f6f5)}.pb-sh-cap{scale:calc(1.04 - var(--c) * var(--c) * .006);background:linear-gradient(90deg,#fbfbfb 4%,#bdbdbd 28%,#efefef 52%,#7a7a7a 84%,#d2d2d2)}.pb-sh-cap:last-child{background:radial-gradient(circle,#2b2b2b 1.1px,#0000 1.5px) 0 0/6px 6px,radial-gradient(circle at 34% 30%,#fff,#c4c4c4 55%,#8a8a8a)}.pb-shadow{filter:blur(8px);background:radial-gradient(closest-side,#2812058c,#0000),radial-gradient(closest-side,#28120559 70%,#0000);position:absolute;inset:-5%;transform:translateZ(-1px)}.pb-lidshadow{filter:blur(12px);opacity:0;background:linear-gradient(#0000,#28120580);height:75%;animation:1.1s ease-out 1.2s forwards pb-appear;position:absolute;bottom:99%;left:2%;right:2%;transform:translateZ(-1px)}.pb-base{box-shadow:inset 0 0 calc(var(--s) * .09) #46280a80;background:radial-gradient(16% 11% at 20% 80%,#965c1c4d,#0000 70%),radial-gradient(9% 6% at 82% 18%,#965c1c38,#0000 70%),repeating-linear-gradient(27deg,#78501e0d 0 2px,#0000 2px 5px),linear-gradient(135deg,#ecd5a8,#d4b27d);position:absolute;inset:0}.pb-pie-shadow{filter:blur(5px);background:radial-gradient(closest-side,#28140599,#0000);border-radius:50%;position:absolute;inset:7%;translate:1.5% 4%}.pb-wall{position:absolute}.pb-front{width:100%;height:var(--h);transform-origin:bottom;background:linear-gradient(#f7f2e8,#ddd1bd);border-top:1px solid #1b151240;place-items:center;display:grid;bottom:0;left:0;transform:rotateX(-90deg)}.pb-front-print{font-family:var(--font-display);font-variation-settings:"SOFT" 100, "WONK" 1;font-weight:900;font-size:calc(var(--h) * .42);letter-spacing:.12em;white-space:nowrap;color:#7b1d24;border-block:2px solid #7b1d24;padding:0 .6em;line-height:1.25}.pb-back{width:100%;height:var(--h);transform-origin:top;background:linear-gradient(#a8844f,#d8b985 75%);top:0;left:0;transform:rotateX(90deg)}.pb-left,.pb-right{width:var(--h);height:100%;top:0}.pb-left{transform-origin:0;background:linear-gradient(90deg,#92703f,#c19c66 75%);left:0;transform:rotateY(-90deg)}.pb-right{transform-origin:100%;background:linear-gradient(270deg,#b08a55,#e0c392 75%);right:0;transform:rotateY(90deg)}.pb-rim{transform:translateZ(calc(var(--h) - .5px));background:linear-gradient(#fbf8f1,#e7dcc7);position:absolute;box-shadow:0 0 0 .5px #1b15124d}.pb-rim-front,.pb-rim-back{width:100%;height:var(--w);left:0}.pb-rim-front{bottom:0}.pb-rim-back{top:0}.pb-rim-left,.pb-rim-right{width:var(--w);height:100%;top:0}.pb-rim-left{left:0}.pb-rim-right{right:0}.pb-pie{transform-style:preserve-3d;position:absolute;inset:7%;transform:translateZ(1px)}.pb-crust,.pb-pie-top{transform:translateZ(calc(var(--z) * var(--t)));border-radius:50%;position:absolute;inset:0}.pb-crust{background:hsl(32 60% calc(30% + var(--z) * 2.8%));scale:calc(.975 + .03 * sin(calc(var(--z) * 15deg)))}.pb-pie-top{overflow:hidden}.pb-pie-top:after{content:"";background:radial-gradient(circle at 34% 28%,#fffaeb59,#0000 32%),radial-gradient(circle,#0000 60%,#46230566 100%);border-radius:50%;position:absolute;inset:0}.pb-lid{transform-style:preserve-3d;transform-origin:50% 0;transform:translateZ(calc(var(--h) + .5px)) rotateX(0deg);animation:1.1s 1.1s both pb-lid;position:absolute;inset:-.6%}.pb-lid-top,.pb-lid-under,.pb-lid-top *,.pb-lid-under *{backface-visibility:hidden}.pb-lid-top,.pb-lid-under{position:absolute;inset:0}.pb-lid-top{box-shadow:inset 0 0 0 calc(var(--s) * .025 + 1.5px) #1b151224, inset 0 0 0 calc(var(--s) * .025) #f5efe3, 0 0 0 1px #1b151259;background:repeating-linear-gradient(-35deg,#785a3206 0 2px,#0000 2px 6px),linear-gradient(150deg,#fbf8f1,#efe7d8 60%,#e6dbc7);place-items:center;display:grid}.pb-lid-top:before{content:"";z-index:2;opacity:0;background:linear-gradient(#2814050d,#2814058c);animation:1.1s 1.1s both pb-top-shade;position:absolute;inset:0}.pb-lid-top:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(112deg,#0000 38%,#fff9 47%,#ffffff26 53%,#0000 62%) 115% 0/300% 100% no-repeat;animation:1s cubic-bezier(.5,0,.3,1) .1s forwards pb-glint;position:absolute;inset:0}.pb-lid-under{box-shadow:inset 0 0 calc(var(--s) * .08) #46280a66;background:repeating-linear-gradient(27deg,#78501e0d 0 2px,#0000 2px 5px),linear-gradient(#dcc190,#cfae78);transform:rotateX(180deg)}.pb-lid-under:before{content:"";background:linear-gradient(#1e0f051a,#1e0f0580);animation:1.1s 1.1s both pb-under-shade;position:absolute;inset:0}.pb-print{aspect-ratio:1;text-align:center;width:80%;box-shadow:0 0 0 calc(var(--s) * .018) transparent, 0 0 0 calc(var(--s) * .018 + 3px) #7b1d24;border:3px solid #7b1d24;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex}.pb-small{font-family:var(--font-ticket);font-size:calc(var(--s) * .03);letter-spacing:.28em;font-weight:700}.pb-name{font-size:calc(var(--s) * .15);line-height:1.05}.pb-slip{z-index:3;width:31%;padding:calc(var(--s) * .022) calc(var(--s) * .018) calc(var(--s) * .026);color:#1b1512;font-family:var(--font-ticket);font-size:calc(var(--s) * .0175);letter-spacing:.04em;background:#fffdf6;line-height:1.55;position:absolute;bottom:6%;right:5%;rotate:-7deg;box-shadow:0 2px 6px #28140540;-webkit-mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50%/10px 100%;mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50%/10px 100%}.pb-slip p+p{border-top:1px dashed #1b151259}.pb-slip-row{color:#7b1d24;justify-content:space-between;gap:.6em;font-weight:700;display:flex}.pb-slip:before{content:"";width:44%;height:calc(var(--s) * .016);background:#e1d0a8f2;position:absolute;top:0;left:28%}.pb-flap{width:100%;height:calc(var(--h) + 1px);transform-origin:top;background:linear-gradient(#f5efe3,#ddd0ba);position:absolute;top:100%;left:0;transform:rotateX(-90deg);box-shadow:0 0 0 1px #1b15124d}.pb-flap:after{content:"";width:calc(var(--h) * .84);height:calc(var(--h) * .42);background:linear-gradient(#d9ccb5,#efe7d8);border-radius:999px 999px 0 0;position:absolute;bottom:0;left:50%;translate:-50%;box-shadow:inset 0 3px 5px #28140559,0 -1px #1b151240}.pb-glow{pointer-events:none;mix-blend-mode:screen;opacity:0;background:radial-gradient(30% 26% at 50% 52%,#ffaa5a52,#0000 70%);animation:.8s ease-out 1.4s forwards pb-appear;position:absolute;inset:0}.pb-puff{filter:blur(14px);opacity:0;background:radial-gradient(closest-side,#ffffff80,#fff0);border-radius:50%;width:56vmin;height:38vmin;animation:1.2s ease-out 1.45s forwards pb-puff;position:absolute;top:50%;left:50%;translate:-50% -50%}.pb-steam{position:absolute;top:56%;left:50%}.pb-steam span{filter:blur(8px);opacity:0;width:68px;height:250px;translate:calc((var(--i) - 3) * 34px) 0;animation:pb-steam 1.9s calc(1.55s + var(--i) * 90ms) ease-out forwards;background:radial-gradient(closest-side,#fffffff2,#fffaf059 60%,#fff0);border-radius:50%;position:absolute;bottom:0;left:-34px}.pb-beam{pointer-events:none;mix-blend-mode:soft-light;filter:blur(12px);background:linear-gradient(118deg,#0000 30%,#ffecc847 40%,#ffecc81f 48%,#0000 56%);animation:3s linear both pb-beam;position:absolute;inset:-20%}.pb-light{pointer-events:none;mix-blend-mode:soft-light;background:radial-gradient(60% 55% at 42% 40%,#ffdca066,#0000 70%);position:absolute;inset:0}.pb-dof{pointer-events:none;opacity:0;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:.6s ease-out .8s forwards pb-appear;position:absolute;inset:0;-webkit-mask:linear-gradient(#000,#0009 16%,#0000 36% 84%,#0009);mask:linear-gradient(#000,#0009 16%,#0000 36% 84%,#0009)}.pb-grain{pointer-events:none;opacity:.14;mix-blend-mode:overlay;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}html.intro-playing .box-intro:after{content:"";pointer-events:none;background:radial-gradient(at 50% 56%,#0000 40%,#2312058c);position:absolute;inset:0}@media (max-width:640px){.pb-dof,.pb-grain,.pb-beam{display:none}.pb-stage{filter:none}.pb-scene{--zoom:1.2}}@keyframes pb-camera{0%{transform:rotateX(6deg)rotate(-16deg);scale:var(--zoom);animation-timing-function:cubic-bezier(.4,0,.6,1);translate:0}12%{transform:rotateX(9deg)rotate(-14deg);scale:calc(var(--zoom) * .94);animation-timing-function:cubic-bezier(.6,0,.2,1);translate:0 1%}42%{animation-timing-function:cubic-bezier(.3,0,.7,1);transform:rotateX(54deg)rotate(-5deg)scale(1)translateY(12%)}70%{animation-timing-function:cubic-bezier(.65,0,.9,.45);transform:rotateX(51deg)rotate(1deg)scale(1.05)translateY(12%)}to{transform:rotateX(46deg)rotate(4deg)scale(3.4)translateY(22%)}}@keyframes pb-lid{0%{transform:translateZ(calc(var(--h) + .5px)) rotateX(0deg);animation-timing-function:cubic-bezier(.3,0,.4,1)}10%{transform:translateZ(calc(var(--h) + var(--s) * .012)) rotateX(5deg);animation-timing-function:cubic-bezier(.5,0,.7,.4)}18%{transform:translateZ(calc(var(--h) + .5px)) rotateX(3deg);animation-timing-function:cubic-bezier(.3,0,.3,1)}60%{transform:translateZ(calc(var(--h) + .5px)) rotateX(96deg);animation-timing-function:cubic-bezier(.2,.6,.35,1)}78%{transform:translateZ(calc(var(--h) + .5px)) rotateX(121deg);animation-timing-function:ease-in-out}90%{transform:translateZ(calc(var(--h) + .5px)) rotateX(109deg);animation-timing-function:ease-in-out}to{transform:translateZ(calc(var(--h) + .5px)) rotateX(113deg)}}@keyframes pb-top-shade{32%,to{opacity:1}}@keyframes pb-under-shade{0%,32%{opacity:1}to{opacity:.3}}@keyframes pb-beam{0%{translate:-8%}to{translate:6%}}@keyframes pb-glint{to{background-position:-15% 0}}@keyframes pb-appear{to{opacity:1}}@keyframes pb-puff{0%{opacity:0;scale:.3}25%{opacity:.6}to{opacity:0;translate:-50% -85%;scale:1.8}}@keyframes pb-steam{0%{opacity:0;transform:translateY(30px)scaleX(.6)rotate(0)}30%{opacity:.9}60%{transform:translateY(-130px)scaleX(1)rotate(7deg)}to{opacity:0;transform:translateY(-280px)scaleX(1.4)rotate(-9deg)}}@keyframes pb-fade{to{opacity:0}}@keyframes pb-done{to{visibility:hidden}}