:root{--navy: #0f1440;--red: #e63b2e;--teal: #00a7ae;--ink: #1d1d1b;--muted: #6b6f76;--paper: #ffffff;font-family:Montserrat,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:var(--paper);-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}.page{max-width:1200px;margin:0 auto;padding:clamp(24px,5vw,64px) 16px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(24px,4vw,56px);align-items:center;min-height:100vh}.page.center{display:flex;justify-content:center;align-items:center}.panel{display:flex;flex-direction:column;gap:14px}.heading{font-size:clamp(30px,3.6vw,46px);font-weight:600;letter-spacing:.14em;margin:0;line-height:1.05}.subheading{margin:0;font-size:12px;letter-spacing:.18em;color:var(--muted);font-weight:500}.feature{display:grid;grid-template-columns:150px minmax(0,1fr);gap:22px;align-items:start;margin-top:22px}.portrait{position:relative;width:150px;aspect-ratio:1;border-radius:4px;overflow:hidden;background:#f3f4f6;box-shadow:0 1px 2px #0000000f}.portrait img{width:100%;height:100%;object-fit:cover}.portrait .mystery{width:100%;height:100%;display:grid;place-items:center;background:repeating-linear-gradient(135deg,#f1f2f4 0,#f1f2f4 12px,#e7e9ec 12px,#e7e9ec 24px);color:var(--navy);font-size:64px;font-weight:800}.portrait .blank{width:100%;height:100%;background:#fff}.text p{margin:0 0 12px;font-size:17px;line-height:1.45}.text .status{color:var(--teal);font-weight:600;letter-spacing:.04em}.name{margin:0 0 4px;font-size:24px;font-weight:700;color:var(--navy)}.title{color:var(--muted);font-size:14px;letter-spacing:.06em;text-transform:uppercase;font-weight:600}.blurb{font-size:16px}.more{display:inline-block;margin:2px 0 14px;color:var(--red);font-weight:600;font-size:14px}.button{display:inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;cursor:pointer;background:var(--red);color:#fff;font:inherit;font-size:15px;font-weight:600;letter-spacing:.16em;padding:12px 24px;border-radius:2px;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease,opacity .15s;box-shadow:0 6px 16px #e63b2e40}.button:hover{transform:translateY(-1px);box-shadow:0 10px 22px #e63b2e4d}.button:disabled{opacity:.5;cursor:default;transform:none}.button.navy{background:var(--navy);box-shadow:0 6px 16px #0f144040}.button.navy:hover{box-shadow:0 10px 22px #0f14404d}.sticker-cta{margin-top:64px;padding-left:30px}.sticker-wrap{position:relative;display:inline-flex;flex-direction:column;align-items:center;gap:12px}.sticker-wrap .button{padding:14px 32px}.sticker-anchor{position:absolute;top:-36px;left:-34px;width:78px;height:78px;cursor:pointer;z-index:2;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.sticker-pop{width:100%;height:100%;transform-origin:50% 50%}@property --p{syntax: "<number>"; inherits: true; initial-value: .06;}.peel{position:relative;width:100%;height:100%;transform:rotate(-8deg);--p: .06;--d: calc(14.6% + var(--p) * 23%)}.peel-rot{position:absolute;left:50%;top:50%;width:141.4%;height:141.4%;transform:translate(-50%,-50%) rotate(45deg)}.peel-front{position:absolute;top:0;right:0;bottom:0;left:0;clip-path:inset(0 0 0 var(--d))}.peel-front img{position:absolute;left:50%;top:50%;width:70.7%;height:70.7%;transform:translate(-50%,-50%) rotate(-45deg);filter:drop-shadow(0 1px 2px rgba(0,0,0,.25))}.peel-back{position:absolute;top:0;right:0;bottom:0;left:0;clip-path:inset(-18px calc(100% - var(--d)) -18px -18px);transform:translate(calc(2 * var(--d) - 100%)) scaleX(-1)}.peel-back:before{content:"";position:absolute;left:50%;top:50%;width:70.7%;height:70.7%;transform:translate(-50%,-50%);background:linear-gradient(to right,#a9a9a9,#d8d8d8 40%,#f4f4f4 72%,#fff 88%,#e4e4e4);-webkit-mask:var(--sticker) center / contain no-repeat;mask:var(--sticker) center / contain no-repeat;filter:drop-shadow(-5px 7px 7px rgba(0,0,0,.38))}.sticker-anchor:hover .peel{animation:peel 1.9s ease-in-out infinite}@keyframes peel{0%,to{--p: .06}42%,58%{--p: 1}}.register{display:block;font-size:12px;letter-spacing:.14em;color:var(--navy);font-weight:600}.machine .sticker-spot{position:absolute;width:11%;aspect-ratio:1;pointer-events:none;z-index:3}.machine .sticker-spot img{width:100%;height:100%;display:block;filter:drop-shadow(0 2px 3px rgba(0,0,0,.3))}.stage{display:flex;justify-content:center}.machine{position:relative;width:100%;max-width:560px;aspect-ratio:1330 / 1540;-webkit-user-select:none;user-select:none}.machine .glass{position:absolute;overflow:hidden;background:#fff}.machine .glass canvas{display:block;width:100%!important;height:100%!important}.machine .cabinet{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;filter:drop-shadow(0 18px 30px rgba(0,0,0,.18))}.machine .cabinet .control{pointer-events:all;cursor:pointer}.machine .cabinet .lever-arm,.machine .cabinet .lever-ball{transform-box:view-box}.machine .cabinet .lever-arm{transform-origin:2140px 1266px;transform:scaleY(1)}.machine .cabinet .lever-ball{transform-origin:2140px 888px;transform:translateY(0) scale(1)}.machine .cabinet .lever-pulled .lever-arm{transform:scaleY(.58);transition:transform .28s cubic-bezier(.4,0,.8,.6)}.machine .cabinet .lever-pulled .lever-ball{transform:translateY(145px) scale(1.4);transition:transform .28s cubic-bezier(.4,0,.8,.6)}.machine .cabinet .lever-released .lever-arm{animation:lever-arm-back .9s cubic-bezier(.2,.6,.3,1) both}.machine .cabinet .lever-released .lever-ball{animation:lever-ball-back .9s cubic-bezier(.2,.6,.3,1) both}@keyframes lever-arm-back{0%{transform:scaleY(.58)}45%{transform:scaleY(1.07)}70%{transform:scaleY(.97)}88%{transform:scaleY(1.01)}to{transform:scaleY(1)}}@keyframes lever-ball-back{0%{transform:translateY(145px) scale(1.4)}45%{transform:translateY(-24px) scale(.94)}70%{transform:translateY(10px) scale(1.02)}88%{transform:translateY(-4px) scale(.99)}to{transform:translateY(0) scale(1)}}.machine .cabinet .lever:hover:not(.lever-pulled):not(.lever-released) .lever-arm{transform:scaleY(.94);transition:transform .2s}.machine .cabinet .lever:hover:not(.lever-pulled):not(.lever-released) .lever-ball{transform:translateY(20px) scale(1.06);transition:transform .2s}.machine .cabinet .red-button{transform-box:view-box;transform:translateY(0);transition:transform .1s ease-out}.machine .cabinet .red-button.pressed{transform:translateY(10px)}.machine .loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:13px;letter-spacing:.14em;color:var(--muted);pointer-events:none}.flyer{position:fixed;z-index:50;border-radius:4px;overflow:hidden;background:#fff;padding:4px;box-shadow:0 24px 50px #00000047;pointer-events:none}.flyer img{width:100%;height:100%;object-fit:cover;border-radius:2px}.flyer.flyer-sticker{padding:0;background:transparent;box-shadow:none;border-radius:0;overflow:visible}.flyer.flyer-sticker img{object-fit:contain;border-radius:0;filter:drop-shadow(0 22px 26px rgba(0,0,0,.35))}@media (max-width: 900px){.page{grid-template-columns:1fr;align-items:start}.stage{order:-1}.machine{max-width:460px}.heading{font-size:30px}}@media (max-width: 480px){.feature{grid-template-columns:110px 1fr;gap:14px}.portrait{width:110px}.text p{font-size:15px}}