:root{--banner-aspect:4 / 3;--banner-title-rise:14px;--event-tile:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80'%3E%3Cpath d='M0,0 80,0 80,80 0,80 0,0 Z' fill='%23ffff21'/%3E%3Cpath d='M 0,0 0,-80' stroke='%23ffffff' stroke-width='1' fill='none' transform='translate(40,80)'/%3E%3Cpath d='M 0,0 -80,0' stroke='%23ffffff' stroke-width='1' fill='none' transform='translate(80,40)'/%3E%3Cpath d='m 0,0 c -8.283,-2.951 -11.529,-6.197 -14.48,-14.48 -0.452,-1.269 -2.25,-1.269 -2.703,0 -2.951,8.283 -6.197,11.529 -14.48,14.48 -1.269,0.452 -1.269,2.25 0,2.702 8.283,2.952 11.529,6.198 14.48,14.481 0.453,1.268 2.251,1.268 2.703,0 C -11.529,8.9 -8.283,5.654 0,2.702 1.269,2.25 1.269,0.452 0,0' fill='%23ffffff' transform='translate(55.8314,38.6488)'/%3E%3C/svg%3E");--event-tag-point:.625rem;--event-poster-aspect:240 / 347;--retro-runner-cycle:.6s;--retro-strip-width:654px;--retro-strip-height:334px;--retro-stage-height:498px;--retro-fold-ms:.42s;--retro-leave-fade-ms:.26s;--retro-copy-shift:32px;--retro-poster-tilt:-4.3deg;--retro-poster-shift:46px;--retro-poster-turn:7deg;--retro-sheet-tilt:-7deg;--retro-sheet-shift:26px;--retro-sheet-turn:-6deg;--retro-sheet-ms:.32s;--retro-character-left-tilt:-5.94deg;--retro-character-right-tilt:2.69deg;--retro-character-shift:46px;--retro-character-turn:7deg;--retro-stamp-dir:45deg;--retro-stamp-r:30;--retro-stamp-arc:2.8798;--retro-stamp-start:.2;--retro-stamp-sw:4;--retro-stamp-out-ms:.42s;--retro-stamp-in-ms:.4s;--retro-stamp-fade-ms:.32s;--retro-stamp-drop:34px;--retro-stamp-turn:8deg;--retro-stamp-gum:#f2ece0;--retro-stamp-shade:#0b1226}@media (min-width:64rem){:root{--banner-aspect:1280 / 490;--banner-title-rise:34px}}@keyframes banner-title-rise{0%{opacity:0;transform:translateY(var(--banner-title-rise))}55%{opacity:1;transform:translateY(calc(var(--banner-title-rise) * -.18))}75%{transform:translateY(calc(var(--banner-title-rise) * .07))}90%{transform:translateY(calc(var(--banner-title-rise) * -.025))}to{opacity:1;transform:translateY(0)}}.animate-banner-title{animation:.9s cubic-bezier(.33,0,.2,1) .12s both banner-title-rise}.event-surface{background-color:var(--color-brand-yellow);background-image:var(--event-tile);background-size:40px 40px}.event-time-tag{padding-right:calc(.75rem + var(--event-tag-point));clip-path:polygon(0 0, calc(100% - var(--event-tag-point)) 0, 100% 50%, calc(100% - var(--event-tag-point)) 100%, 0 100%)}@keyframes nomu-frame{0%,16.666%{visibility:visible}16.667%,to{visibility:hidden}}.animate-nomu-frame{animation:nomu-frame var(--retro-runner-cycle) linear infinite}@property --retro-fold{syntax:"<angle>";inherits:true;initial-value:0deg}.retro-fold{width:100%;height:100%;transform-style:preserve-3d;transition:--retro-fold var(--retro-fold-ms) cubic-bezier(.66, .02, .28, 1);position:relative}.retro-fold-panel{width:calc(var(--retro-strip-width) / 2 + 1px);transform-origin:0;transform:translateX(calc((var(--retro-strip-width) - var(--retro-strip-width) * cos(var(--retro-fold))) / 2 + var(--i) * (var(--retro-strip-width) / 2) * cos(var(--retro-fold)))) translateZ(calc(var(--zk) * (var(--retro-strip-width) / 2) * sin(var(--retro-fold)))) rotateY(calc(var(--rot) * var(--retro-fold)));position:absolute;top:0;bottom:0;left:0;overflow:hidden}.retro-fold-panel:first-child{--i:0;--rot:1;--zk:0;--retro-fold-shade:black;--retro-fold-shade-max:.42}.retro-fold-panel:nth-child(2){--i:1;--rot:-1;--zk:-1;--retro-fold-shade:white;--retro-fold-shade-max:.16}.retro-fold-face{top:0;left:calc(var(--i) * (var(--retro-strip-width) / -2));width:var(--retro-strip-width);height:var(--retro-strip-height);background:var(--color-brand-orange);-webkit-mask-image:var(--shape);mask-image:var(--shape);position:absolute;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-source-type:alpha;mask-mode:alpha}.retro-fold-face:after{content:"";background:var(--retro-fold-shade);opacity:calc(sin(var(--retro-fold)) * var(--retro-fold-shade-max));position:absolute;inset:0}@property --retro-stamp-p{syntax:"<number>";inherits:true;initial-value:1}.retro-stamp{z-index:10;translate:-50% -50%;rotate:var(--retro-stamp-tilt);position:absolute}.retro-stamp-flat{background-image:var(--stamp-src);background-repeat:no-repeat;background-size:100% 100%;position:absolute;inset:0}@keyframes retro-stamp-out{0%{translate:-50% -50%;rotate:var(--retro-stamp-tilt)}to{translate:-50% calc(-50% + var(--retro-stamp-drop));rotate:calc(var(--retro-stamp-tilt) + var(--retro-stamp-turn))}}@keyframes retro-stamp-stick{0%{--retro-stamp-p:var(--retro-stamp-start)}to{--retro-stamp-p:1}}@keyframes retro-stamp-fade{0%{opacity:0}to{opacity:1}}.retro-stamp-peel{perspective:820px;perspective-origin:50% 45%;position:absolute;inset:0}.retro-stamp-frame{transform-origin:0 0;width:0;height:0;rotate:var(--retro-stamp-dir);position:absolute;top:0;left:0}.retro-stamp-strip{--cos:cos(var(--retro-stamp-dir));--sin:sin(var(--retro-stamp-dir));--len:calc(var(--stamp-w) * var(--cos) + var(--retro-stamp-h) * var(--sin));--band:calc(var(--retro-stamp-h) * var(--cos) + var(--stamp-w) * var(--sin));--ymin:calc(var(--stamp-w) * var(--sin) * -1);--x:calc(var(--i) * var(--retro-stamp-sw));--xc:calc(var(--x) + var(--retro-stamp-sw) / 2);--contact:calc(var(--retro-stamp-p) * var(--len));--ahead:max(0, calc(var(--xc) - var(--contact)));--thn:min(calc(var(--ahead) / var(--retro-stamp-r)), var(--retro-stamp-arc));--rest:max(0, calc(var(--ahead) - var(--retro-stamp-arc) * var(--retro-stamp-r)));--th:calc(var(--thn) * 57.2958deg);--dx:calc(var(--retro-stamp-r) * sin(var(--th)) + var(--rest) * cos(var(--th)) - var(--ahead));--dz:calc(var(--retro-stamp-r) * (1 - cos(var(--th))) + var(--rest) * sin(var(--th)));left:calc(var(--x) * 1px);top:calc(var(--ymin) * 1px);width:calc((var(--retro-stamp-sw) + .7) * 1px);height:calc(var(--band) * 1px);transform-origin:50%;transform:translate3d(calc(var(--dx) * 1px), 0, calc(var(--dz) * 1px)) rotateY(calc(var(--th) * -1));position:absolute;overflow:hidden}.retro-stamp-art{--gx:calc(var(--x) * var(--cos) - var(--ymin) * var(--sin));--gy:calc(var(--x) * var(--sin) + var(--ymin) * var(--cos));width:calc(var(--stamp-w) * 1px);height:calc(var(--retro-stamp-h) * 1px);transform-origin:0 0;transform:rotate(calc(var(--retro-stamp-dir) * -1)) translate(calc(var(--gx) * -1px), calc(var(--gy) * -1px));-webkit-mask-image:var(--stamp-src);mask-image:var(--stamp-src);background-repeat:no-repeat;background-size:100% 100%;position:absolute;top:0;left:0;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.retro-stamp-front{background-image:var(--stamp-src);opacity:clamp(0, calc(cos(var(--th)) * 1000), 1)}.retro-stamp-back{background-color:var(--retro-stamp-gum);opacity:clamp(0, calc(cos(var(--th)) * -1000), 1);background-image:repeating-linear-gradient(45deg,#1c25400f 0 1px,#0000 1px 7px)}.retro-stamp-shade{background:var(--retro-stamp-shade);position:absolute;inset:0}.retro-stamp-front>.retro-stamp-shade{opacity:calc((1 - cos(var(--th))) / 2 * .5)}.retro-stamp-back>.retro-stamp-shade{opacity:calc(.3 - (1 - cos(var(--th))) / 2 * .16)}.retro-stamp-sheen{opacity:calc(max(0, sin(var(--th))) * .15);background:#fff;position:absolute;inset:0}@keyframes retro-poster-out{0%{translate:-50% -50%;rotate:var(--retro-poster-tilt)}to{translate:calc(-50% - var(--retro-poster-shift)) -50%;rotate:calc(var(--retro-poster-tilt) - var(--retro-poster-turn))}}@keyframes retro-poster-in{0%{opacity:0;translate:calc(-50% + var(--retro-poster-shift)) -50%;rotate:calc(var(--retro-poster-tilt) + var(--retro-poster-turn))}to{opacity:1;translate:-50% -50%;rotate:var(--retro-poster-tilt)}}@keyframes retro-sheet-out{0%{translate:-50% -50%;rotate:var(--retro-sheet-tilt)}to{translate:calc(-50% - var(--retro-sheet-shift)) -50%;rotate:calc(var(--retro-sheet-tilt) - var(--retro-sheet-turn))}}@keyframes retro-sheet-in{0%{opacity:0;translate:calc(-50% + var(--retro-sheet-shift)) -50%;rotate:calc(var(--retro-sheet-tilt) + var(--retro-sheet-turn))}to{opacity:1;translate:-50% -50%;rotate:var(--retro-sheet-tilt)}}.retro-character{z-index:20;width:auto;max-width:none;translate:-50% -50%;rotate:var(--retro-character-tilt);animation:retro-character-float 4.5s ease-in-out calc(var(--retro-character-dir) * 1.1s) infinite alternate;position:absolute}@keyframes retro-character-float{0%{transform:translateY(0)}to{transform:translateY(-.75rem)}}@keyframes retro-character-out{0%{translate:-50% -50%;rotate:var(--retro-character-tilt)}to{translate:calc(-50% + var(--retro-character-dir) * var(--retro-character-shift)) -50%;rotate:calc(var(--retro-character-tilt) + var(--retro-character-dir) * var(--retro-character-turn))}}@keyframes retro-character-in{0%{opacity:0;translate:calc(-50% - var(--retro-character-dir) * var(--retro-character-shift)) -50%;rotate:calc(var(--retro-character-tilt) - var(--retro-character-dir) * var(--retro-character-turn))}to{opacity:1;translate:-50% -50%;rotate:var(--retro-character-tilt)}}.retro-poster,.retro-sheet{z-index:10;position:absolute;translate:-50% -50%}.retro-poster{rotate:var(--retro-poster-tilt)}.retro-sheet{rotate:var(--retro-sheet-tilt);background:var(--color-brand-butter)}@keyframes retro-leave-fade{0%{opacity:1}to{opacity:0}}@keyframes retro-copy-out{0%{translate:0}to{translate:var(--retro-copy-shift)}}@keyframes retro-copy-in{0%{opacity:0;translate:calc(var(--retro-copy-shift) * -1)}to{opacity:1;translate:0}}.animate-retro-stamp-out{animation:retro-stamp-out var(--retro-stamp-out-ms) cubic-bezier(.4, 0, 1, 1) both, retro-leave-fade var(--retro-leave-fade-ms) linear both}.animate-retro-stamp-in{animation:retro-stamp-stick var(--retro-stamp-in-ms) cubic-bezier(.33, 1, .68, 1) both, retro-stamp-fade var(--retro-stamp-fade-ms) cubic-bezier(0, 0, .2, 1) both}.animate-retro-character-out{animation:retro-character-out var(--retro-fold-ms) cubic-bezier(.4, 0, 1, 1) both, retro-leave-fade var(--retro-leave-fade-ms) linear both}.animate-retro-character-in{animation:retro-character-in var(--retro-fold-ms) cubic-bezier(0, 0, .2, 1) both, retro-character-float 4.5s ease-in-out calc(var(--retro-character-dir) * 1.1s) infinite alternate}.animate-retro-poster-out{animation:retro-poster-out var(--retro-fold-ms) cubic-bezier(.4, 0, 1, 1) both, retro-leave-fade var(--retro-leave-fade-ms) linear both}.animate-retro-poster-in{animation:retro-poster-in var(--retro-fold-ms) cubic-bezier(0, 0, .2, 1) both}.animate-retro-sheet-out{animation:retro-sheet-out var(--retro-sheet-ms) cubic-bezier(.4, 0, 1, 1) both, retro-leave-fade var(--retro-leave-fade-ms) linear both}.animate-retro-sheet-in{animation:retro-sheet-in var(--retro-sheet-ms) cubic-bezier(0, 0, .2, 1) both}.animate-retro-copy-out{animation:retro-copy-out var(--retro-fold-ms) cubic-bezier(.4, 0, 1, 1) both, retro-leave-fade var(--retro-leave-fade-ms) linear both}.animate-retro-copy-in{animation:retro-copy-in var(--retro-fold-ms) cubic-bezier(0, 0, .2, 1) both}.retro-particles{pointer-events:none;position:absolute;inset:0;overflow:hidden}.retro-particle{left:var(--x);top:var(--y);width:var(--s);height:calc(var(--s) * 1.1);animation:retro-twinkle var(--dur) ease-in-out calc(var(--delay) * -1) infinite both;--turn:14deg;position:absolute}.retro-particle:nth-child(2n){--turn:-11deg}.retro-particle-ink{background:var(--color-brand-paper);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);width:100%;height:100%;display:block}@keyframes retro-twinkle{0%,to{opacity:.25;transform:scale(.7)rotate(0)}50%{transform:scale(1.15) rotate(var(--turn));opacity:1}}.retro-vfold-panel{height:calc(var(--retro-vstrip-height) / 2 + 1px);transform-origin:top;transform:translateY(calc((var(--retro-vstrip-height) - var(--retro-vstrip-height) * cos(var(--retro-fold))) / 2 + var(--i) * (var(--retro-vstrip-height) / 2) * cos(var(--retro-fold)))) translateZ(calc(var(--zk) * (var(--retro-vstrip-height) / 2) * sin(var(--retro-fold)))) rotateX(calc(var(--rot) * var(--retro-fold) * -1));position:absolute;top:0;left:0;right:0;overflow:hidden}.retro-vfold-panel:first-child{--i:0;--rot:1;--zk:0;--retro-fold-shade:black;--retro-fold-shade-max:.42}.retro-vfold-panel:nth-child(2){--i:1;--rot:-1;--zk:-1;--retro-fold-shade:white;--retro-fold-shade-max:.16}.retro-vfold-face{top:calc(var(--i) * (var(--retro-vstrip-height) / -2));width:var(--retro-vstrip-width);height:var(--retro-vstrip-height);position:absolute;left:0}.retro-vfold-ink{top:calc((var(--retro-vstrip-height) - var(--retro-vstrip-width)) / 2);left:calc((var(--retro-vstrip-width) - var(--retro-vstrip-height)) / 2);width:var(--retro-vstrip-height);height:var(--retro-vstrip-width);background:var(--color-brand-orange);-webkit-mask-image:var(--shape);mask-image:var(--shape);position:absolute;rotate:90deg;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-source-type:alpha;mask-mode:alpha}.retro-vfold-face:after{content:"";background:var(--retro-fold-shade);opacity:calc(sin(var(--retro-fold)) * var(--retro-fold-shade-max));position:absolute;inset:0}@keyframes retro-pop-in{0%{opacity:0;scale:.25;translate:var(--pop-x0) calc(var(--pop-y0) + var(--pop-dy))}40%{opacity:1}to{opacity:1;scale:1;translate:var(--pop-x0) var(--pop-y0)}}@keyframes retro-pop-out{0%{opacity:1;scale:1;translate:var(--pop-x0) var(--pop-y0)}to{opacity:0;scale:.25;translate:var(--pop-x0) calc(var(--pop-y0) + var(--pop-dy))}}.animate-retro-pop-in{animation:retro-pop-in calc(var(--retro-fold-ms) * 1.4) cubic-bezier(.34, 1.45, .64, 1) both}.animate-retro-pop-in-float{animation:retro-pop-in calc(var(--retro-fold-ms) * 1.4) cubic-bezier(.34, 1.45, .64, 1) both, retro-character-float 4.5s ease-in-out calc(var(--retro-character-dir) * 1.1s) infinite alternate}.animate-retro-pop-out{animation:retro-pop-out var(--retro-fold-ms) cubic-bezier(.5, 0, .9, .5) both}@media (prefers-reduced-motion:reduce){.retro-character{animation:none}.retro-particle{opacity:.75;animation:none;transform:none}}
