:root{--red:#e00025;--ink:#181b20;--muted:#696c70;--line:#e5e6e8;--card-w:144px;--card-h:203.4px}*{box-sizing:border-box}body{margin:0;background:#fff;color:var(--ink);font-family:Arial,Helvetica,sans-serif}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--red);outline-offset:6px}header{height:88px;margin:0 4.4%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-size:27px;font-weight:800;letter-spacing:-1.3px}.brand span{color:var(--red)}.back-link{font-size:13px}.comparison-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 4.4% 12px}.comparison-bar nav{display:flex;gap:8px}.comparison-bar nav button{background:#fff;color:#777;border:0;border-bottom:2px solid transparent;padding:13px 15px;font-size:12px;display:flex;align-items:center;gap:12px}.comparison-bar nav button span{color:var(--ink);font-size:14px}.comparison-bar nav button[aria-pressed=true]{border-color:var(--red);color:var(--red)}.comparison-bar nav button[aria-pressed=true] span{font-weight:700}.replay{background:none;border:0;padding:12px 0;font-size:12px;white-space:nowrap;display:flex;gap:16px;align-items:center}.replay span{font-size:24px;line-height:1}.hero{display:grid;grid-template-columns:36% 64%;min-height:570px;padding:30px 4.4% 25px;align-items:center;position:relative}.hero-copy{position:relative;z-index:5;padding-bottom:20px;pointer-events:none}.hero-copy a{pointer-events:auto}h1{font-size:clamp(48px,5.35vw,80px);font-weight:600;line-height:1.01;letter-spacing:-.055em;margin:0 0 27px}h1 span{color:var(--red)}.hero-copy>p{font-size:15px;color:var(--muted);line-height:1.8;margin:0 0 27px}.cta{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;padding:18px 22px;border-radius:5px;background:var(--red);color:#fff;font-size:14px;font-weight:700;min-height:52px}.cta:hover{background:#bc0020}.cta span{font-size:22px;line-height:1}.hero-copy .small-copy{font-size:11px;margin:16px 0 0;color:#777}.stage-area{min-width:0;position:relative}.stage{height:490px;position:relative;perspective:1250px;perspective-origin:50% 42%;isolation:isolate;touch-action:pan-y}.rig{width:820px;height:490px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(var(--rig-scale,1));transform-style:preserve-3d}.cards{position:absolute;inset:0;transform-style:preserve-3d}.playing-card{position:absolute;left:50%;top:50%;width:var(--card-w);height:var(--card-h);padding:0;border:0;background:transparent;transform-style:preserve-3d;transform-origin:50% 50%;border-radius:8px;color:var(--ink)}.playing-card:focus-visible{outline:3px solid var(--red);outline-offset:6px}.card-shell{position:absolute;inset:0;transform-style:preserve-3d}.card-face{position:absolute;inset:0;backface-visibility:hidden;border-radius:8px;overflow:hidden;background:#fff;box-shadow:0 1px 0 #c4c4c4,0 3px 0 #eee,0 4px 0 #bbb,3px 13px 22px #15192420}.card-face img{width:100%;height:100%;object-fit:fill;display:block}.card-front{transform:rotateY(180deg)}.card-front .personalized{position:absolute;inset:0;opacity:0}.ambient-shadow{position:absolute;left:16%;top:72%;width:70%;height:24px;background:#263140;opacity:.13;filter:blur(20px);border-radius:50%;pointer-events:none}.interaction-hint{text-align:center;font-size:11px;color:#818181;line-height:1.6;margin:12px 0 0}.scene-meta{display:grid;grid-template-columns:1fr 1fr auto;gap:30px;align-items:center;margin:0 4.4%;padding:25px 0;border-top:1px solid var(--line)}.scene-meta>div{display:flex;align-items:center;gap:18px}.scene-meta>div>span{color:var(--red);font-size:11px;white-space:nowrap}.scene-meta h2{font-size:17px;letter-spacing:-.35px;font-weight:600;margin:0}.scene-meta p{font-size:12px;color:var(--muted);line-height:1.6;margin:0;max-width:340px}#playback-status{font-size:11px;color:var(--muted);min-width:104px;text-align:right}.sample-note{margin:5px 4.4% 28px;font-size:10px;color:#929292;line-height:1.7}.sample-note a{text-decoration:underline}.tabletop{display:none;position:absolute;inset:20px -20px -5px;border-radius:50%;background:repeating-linear-gradient(9deg,#dad9d50a 0px,#dad9d50a 1px,#68645d08 1px,#68645d08 2px),radial-gradient(ellipse,#e9e7e1 15%,#f1efea 50%,#fff 72%);pointer-events:none}dialog{border:0;border-radius:14px;background:#fff;padding:46px;max-width:850px;width:calc(100% - 32px);max-height:calc(100dvh - 32px);color:var(--ink);box-shadow:0 20px 80px #0003}dialog[open]{display:grid;grid-template-columns:44% 1fr;gap:42px;align-items:center}dialog::backdrop{background:#111b28b0}.close{position:absolute;right:16px;top:12px;width:40px;height:40px;border:0;background:#f5f5f5;border-radius:50%;font-size:26px}.preview-art img{display:block;width:100%;max-height:520px;object-fit:contain;border-radius:9px}.preview-copy>p:first-child{color:var(--red);letter-spacing:1.6px;font-size:10px;font-weight:bold}.preview-copy h2{font-size:36px;letter-spacing:-1.2px;line-height:1.07}.preview-copy p{font-size:14px;color:var(--muted);line-height:1.7}.preview-copy small{display:block;font-size:10px;color:#888;line-height:1.6;margin-top:18px}
@media(max-width:1050px){.hero{grid-template-columns:38% 62%;min-height:490px}.stage{height:430px}h1{font-size:54px}.hero-copy>p{font-size:13px}.cta{font-size:12px;padding:15px 17px}.scene-meta{gap:16px}.comparison-bar nav button{padding:11px 9px}}
@media(max-width:700px){header{height:68px;margin:0 20px}.brand{font-size:24px}.back-link{font-size:11px}.comparison-bar{padding:17px 20px 0;align-items:start;flex-wrap:wrap;gap:10px}.comparison-bar nav{width:100%;gap:0;justify-content:space-between}.comparison-bar nav button{padding:10px 5px;gap:6px;flex-direction:column;font-size:10px;min-height:55px}.comparison-bar nav button span{font-size:11px;white-space:nowrap}.replay{margin-left:auto;font-size:11px;padding:4px 0}.replay span{font-size:21px}.hero{display:block;padding:22px 20px 12px;min-height:0}.hero-copy{padding:0}h1{font-size:46px;margin:0 0 15px}.hero-copy>p{font-size:12px;line-height:1.6;margin:0 0 17px}.hero-copy .small-copy{font-size:10px;margin-top:11px}.hero-copy .cta{min-height:46px;font-size:12px;padding:13px 17px}.stage{height:310px;perspective:900px;margin-top:8px}.interaction-hint{font-size:10px;margin:0 12px;line-height:1.5}.scene-meta{margin:0 20px;padding:19px 0;grid-template-columns:1fr auto;gap:12px}.scene-meta>div{gap:12px}.scene-meta h2{font-size:14px}.scene-meta p{grid-row:2;grid-column:1/-1;font-size:11px}.scene-meta>div>span{font-size:10px}#playback-status{min-width:0;font-size:10px}.sample-note{font-size:9px;margin:0 20px 24px}dialog{padding:50px 22px 24px}dialog[open]{display:block}.preview-art img{height:230px;width:auto;max-width:100%;margin:auto}.preview-copy h2{font-size:28px;margin:16px 0}.preview-copy p{font-size:12px}.preview-copy .cta{width:100%}.tabletop{inset:0 -12px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.replay{opacity:.65}}
.card-shell{pointer-events:none}
.stage::before{content:"";position:absolute;inset:0 -12px;background:radial-gradient(ellipse,#d0d2d7 0%,#eef0f2 46%,transparent 72%);opacity:var(--dim,0);pointer-events:none}.pack{position:absolute;left:50%;top:50%;width:148px;height:215px;transform-style:preserve-3d;display:none;pointer-events:none}.pack>div{position:absolute;backface-visibility:visible;background-size:100% 100%;background-color:#181d31}.pack-front{inset:0;transform:translateZ(22px);background-image:url('assets/animation/box-front.webp')}.pack-back{inset:0;transform:translateZ(-22px) rotateY(180deg);background-image:url('assets/animation/box-back.webp')}.pack-left{width:44px;height:215px;left:-22px;top:0;transform:rotateY(-90deg);background-image:url('assets/animation/box-left.webp')}.pack-right{width:44px;height:215px;right:-22px;top:0;transform:rotateY(90deg);background-image:url('assets/animation/box-right.webp')}.pack-bottom{width:148px;height:44px;bottom:-22px;transform:rotateX(90deg);background:#111}.pack-lid{width:148px;height:44px;left:0;top:0;transform-origin:50% 0;transform:rotateX(90deg);background-image:url('assets/animation/box-top.webp');border:1px solid #cccccc66}.hero[data-variant="burst"] .ambient-shadow{opacity:.2}
.card-face img{filter:blur(var(--art-blur,0px))}
.hero[data-variant="riffle"]{display:block;padding-top:24px}.hero[data-variant="riffle"] .hero-copy{text-align:center;padding-bottom:0}.hero[data-variant="riffle"] h1{font-size:58px;margin-bottom:16px}.hero[data-variant="riffle"] h1 br{display:none}.hero[data-variant="riffle"] h1 span{margin-left:.2em}.hero[data-variant="riffle"] .hero-copy>p{margin-bottom:17px}.hero[data-variant="riffle"] .small-copy{margin-top:12px}.hero[data-variant="riffle"] .stage-area{max-width:940px;margin:0 auto}.hero[data-variant="riffle"] .stage{height:390px;margin-top:0;perspective:1150px;perspective-origin:50% 36%}.hero[data-variant="riffle"] .tabletop{display:block}.hero[data-variant="riffle"] .ambient-shadow{top:72%;left:28%;width:44%;opacity:.18}.bending .card-face{display:none}.flex-sheet{position:absolute;inset:0;transform-style:preserve-3d;pointer-events:none}.sheet-segment{position:absolute;height:203.4px;left:0;top:0;transform-style:preserve-3d;transform-origin:50% 50%;pointer-events:none}.segment-back,.segment-front{position:absolute;inset:0;backface-visibility:hidden;background-size:144px 203.4px;background-repeat:no-repeat;background-color:#fff;box-shadow:0 1px 0 #c3c4c8}.segment-front{transform:rotateY(180deg)}.sheet-segment:first-child .segment-back,.sheet-segment:last-child .segment-front{border-radius:7px 0 0 7px}.sheet-segment:last-child .segment-back,.sheet-segment:first-child .segment-front{border-radius:0 7px 7px 0}.playing-card:focus-visible .flex-sheet{outline:2px solid var(--red)}
@media(max-width:700px){.hero[data-variant="riffle"] h1{font-size:43px}.hero[data-variant="riffle"] h1 br{display:block}.hero[data-variant="riffle"] h1 span{margin-left:0}.hero[data-variant="riffle"] .hero-copy{text-align:left}.hero[data-variant="riffle"] .stage{height:320px;perspective:900px}.hero[data-variant="riffle"] .tabletop{inset:15px -10px 10px}}
.bending .playing-card.flat .card-face{display:block}.bending .playing-card.flat .flex-sheet{display:none}