.c4m-root{--plate-w:430px;--plate-h:168px;--gap:150px;--yaw:-24deg;--pitch:58deg;--zoom:0.70;--pure:var(--moss-600);--cheap:#9a6a1f;--front:var(--prussian);--stop:var(--machine);--human:#5a4b86;--human-soft:rgba(90,75,134,.14);--loop:26s;background:var(--paper);color:var(--ink)}.c4m-top{padding:clamp(48px,7vw,96px) var(--edge) clamp(16px,2.4vw,28px);max-width:1180px;margin:0 auto}.c4m-kicker{font-size:var(--type-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--ink-45);margin:0 0 18px}.c4m-top h1{font-family:var(--serif);font-size:clamp(2.4rem,6vw,4.2rem);line-height:1.02;letter-spacing:-.02em;margin:0 0 18px;font-weight:400;text-wrap:balance}.c4m-top h1 em{font-style:italic;color:var(--moss-700)}.c4m-lede{font-size:clamp(1.02rem,1.7vw,1.22rem);line-height:var(--leading-prose);color:var(--ink-70);max-width:60ch;margin:0}.c4m-stage-wrap{position:relative;margin:clamp(10px,2vw,20px) auto clamp(24px,4vw,44px);max-width:1180px;padding-inline:var(--edge)}.c4m-stage{position:relative;height:clamp(500px,74vh,700px);perspective:1500px;perspective-origin:50% 48%;touch-action:pan-y;cursor:grab;overflow:hidden;border-radius:6px;background:radial-gradient(118% 76% at 50% 40%,#fcfbf6 0,var(--paper) 52%,var(--paper-2) 100%);border:1px solid var(--border)}.c4m-stage.is-dragging{cursor:grabbing}.c4m-stage:focus-visible{outline:2px solid var(--moss-600);outline-offset:-2px}.c4m-world{position:absolute;inset:0;transform-style:preserve-3d;transform:translateY(-20px) scale(var(--zoom)) rotateX(var(--pitch)) rotate(var(--yaw));transition:transform .52s var(--ease-out-expo)}.c4m-stage.is-dragging .c4m-world{transition:none}.c4m-plane{width:var(--plate-w);height:var(--plate-h);margin-left:calc(var(--plate-w) / -2);margin-top:calc(var(--plate-h) / -2);transform-style:preserve-3d;transform:translateZ(calc((var(--i) - 2.5) * var(--gap) * -1));border-radius:4px;border:1px solid var(--ink-16);background:hsla(53,44%,96%,.85);box-shadow:0 18px 34px -24px rgba(31,31,31,.55)}.c4m-plane,.c4m-plane:before{position:absolute;left:50%;top:50%}.c4m-plane:before{content:"";width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:50%;border:1px solid var(--ink-16);background:transparent}.c4m-num{position:absolute;right:9px;bottom:7px;font-size:.56rem;letter-spacing:.2em;color:var(--ink-25)}.c4m-plane[data-by=pure]{border-color:rgba(94,118,51,.5)}.c4m-plane[data-by=cheap]{border-color:rgba(154,106,31,.5)}.c4m-plane[data-by=front]{border-color:rgba(38,72,90,.5)}.c4m-plane[data-by=stop]{border-color:rgba(216,64,47,.5)}.c4m-sign{position:absolute;left:-6px;top:calc(100% - 26px);width:400px;height:46px;transform:rotate(calc(var(--yaw) * -1)) rotateX(-90deg);transform-origin:left bottom;display:flex;align-items:baseline;gap:9px;padding:0 2px;white-space:nowrap}.c4m-sign b{font-size:.62rem;letter-spacing:.22em;text-transform:uppercase;font-weight:600;flex:none}.c4m-sign span{font-family:var(--serif);font-size:1.16rem;line-height:1.1;color:var(--ink-70);overflow:hidden;text-overflow:ellipsis}.c4m-plane[data-by=pure] .c4m-sign b{color:var(--pure)}.c4m-plane[data-by=cheap] .c4m-sign b{color:var(--cheap)}.c4m-plane[data-by=front] .c4m-sign b{color:var(--front)}.c4m-plane[data-by=stop] .c4m-sign b{color:var(--stop)}.c4m-sign:before{content:"";position:absolute;left:0;bottom:-1px;width:150px;height:1px;background:currentColor;opacity:.22}.c4m-pillars{position:absolute;left:16px;bottom:18px;display:flex;gap:9px;transform-style:preserve-3d}.c4m-pillar{width:15px;height:52px;transform:rotate(calc(var(--yaw) * -1)) rotateX(-90deg);transform-origin:center bottom;background:var(--pure);opacity:.85;border-radius:1px;position:relative}.c4m-pillar[data-role=perform]{height:52px}.c4m-pillar[data-role=share]{height:34px;opacity:.55}.c4m-pillar[data-role=scaffold]{height:20px;background:var(--human);opacity:.7}.c4m-pillar[data-role=human]{height:52px;background:repeating-linear-gradient(-45deg,var(--human-soft),var(--human-soft) 3px,transparent 3px,transparent 6px);border:1px dashed var(--human);opacity:1}.c4m-choke{position:absolute;right:22px;bottom:20px;width:78px;height:78px;transform-style:preserve-3d}.c4m-choke i{position:absolute;inset:0;border-radius:50%;border:1px solid var(--stop);opacity:.3}.c4m-choke i:nth-child(2){transform:scale(.7);opacity:.48}.c4m-choke i:nth-child(3){transform:scale(.42);opacity:.68}.c4m-choke i:nth-child(4){transform:scale(.18);background:var(--stop);opacity:.9;border:0}.c4m-rider{position:absolute;inset:0;transform-style:preserve-3d;transform:translateZ(11px)}.c4m-token{width:19px;height:19px;margin:-9.5px 0 0 -9.5px;border-radius:50%;background:var(--moss-600);box-shadow:0 0 0 6px rgba(94,118,51,.2),0 0 26px 8px rgba(94,118,51,.4);animation:c4m-fall var(--loop) cubic-bezier(.5,0,.4,1) infinite}.c4m-token,.c4m-trail{position:absolute;left:50%;top:50%}.c4m-trail{width:1px;margin-left:-.5px;height:calc(var(--gap) * 5.4);margin-top:calc(var(--gap) * -2.7);background:linear-gradient(to bottom,transparent,var(--ink-16) 12%,var(--ink-16) 88%,transparent);transform:rotateX(-90deg)}@keyframes c4m-fall{0%{transform:translateZ(500px);opacity:0;background:var(--moss-600)}3%{transform:translateZ(500px);opacity:1}14%{transform:translateZ(375px)}24%{transform:translateZ(375px)}30%{transform:translateZ(225px)}40%{transform:translateZ(225px)}44%{transform:translateZ(75px)}53%{transform:translateZ(75px)}58%{transform:translateZ(-75px);background:var(--prussian)}66%{transform:translateZ(-75px);background:var(--prussian)}70%{transform:translateZ(-225px);background:var(--machine)}74%{transform:translateZ(-225px) scale(1.35);background:var(--machine)}78%{transform:translateZ(-75px) scale(1);background:var(--prussian)}82%{transform:translateZ(-75px);background:var(--prussian)}86%{transform:translateZ(-225px);background:var(--moss-600)}93%{transform:translateZ(-375px);background:var(--moss-600)}97%{transform:translateZ(-500px);opacity:1}to{transform:translateZ(-560px);opacity:0}}.c4m-plane{animation:c4m-lit var(--loop) linear infinite;animation-delay:calc(var(--loop) * (var(--at) - .02) * -1)}@keyframes c4m-lit{0%,7%{background:hsla(0,0%,100%,.95);box-shadow:0 0 0 1px rgba(94,118,51,.5),0 26px 50px -26px rgba(94,118,51,.55)}16%,to{background:hsla(53,44%,96%,.85);box-shadow:0 18px 34px -24px rgba(31,31,31,.55)}}.c4m-hud{display:grid;grid-template-columns:1fr auto;align-items:end;gap:16px;padding:16px var(--edge) 0;max-width:1180px;margin:0 auto;min-height:84px}.c4m-hud-step{font-size:.62rem;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-45);margin:0 0 5px}.c4m-hud-line{font-family:var(--serif);font-size:clamp(1.05rem,2.1vw,1.42rem);line-height:1.3;margin:0;color:var(--ink);max-width:56ch}.c4m-controls{display:flex;gap:8px;align-items:center;flex:none}.c4m-btn{font:inherit;font-size:.72rem;letter-spacing:.04em;padding:7px 13px;border-radius:var(--radius-pill);border:1px solid var(--ink-16);background:hsla(0,0%,100%,.82);color:var(--ink-70);cursor:pointer;backdrop-filter:blur(6px);transition:border-color .16s,color .16s}.c4m-btn:hover{border-color:var(--moss-600);color:var(--moss-700)}.c4m-btn:focus-visible{outline:2px solid var(--moss-600);outline-offset:2px}.c4m-legend{display:flex;flex-wrap:wrap;gap:6px 18px;padding:14px var(--edge) 0;max-width:1180px;margin:0 auto;font-size:.7rem;color:var(--ink-60)}.c4m-legend span{display:inline-flex;align-items:center;gap:7px}.c4m-legend i{width:9px;height:9px;border-radius:50%;flex:none}.c4m-stage-wrap[data-paused=true] .c4m-plane,.c4m-stage-wrap[data-paused=true] .c4m-token{animation-play-state:paused}.c4m-read{max-width:1180px;margin:0 auto;padding:clamp(36px,6vw,72px) var(--edge) clamp(56px,8vw,110px)}.c4m-read h2{font-family:var(--serif);font-weight:400;font-size:clamp(1.6rem,3.4vw,2.3rem);letter-spacing:-.015em;margin:0 0 10px;text-wrap:balance}.c4m-read p{font-size:1rem;line-height:var(--leading-prose);color:var(--ink-70);max-width:64ch;margin:0 0 14px}.c4m-read p strong{color:var(--ink);font-weight:600}.c4m-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin:26px 0 40px}.c4m-card{border:1px solid var(--border);border-radius:8px;padding:16px 17px;background:#fbfaf4}.c4m-card h4{margin:0 0 6px;font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-45)}.c4m-card p{font-size:.86rem;line-height:1.55;margin:0}.c4m-card[data-by=pure]{border-left:2px solid var(--pure)}.c4m-card[data-by=cheap]{border-left:2px solid var(--cheap)}.c4m-card[data-by=front]{border-left:2px solid var(--front)}.c4m-card[data-by=stop]{border-left:2px solid var(--stop)}.c4m-card[data-by=human]{border-left:2px solid var(--human)}.c4m-rule{border:0;border-top:1px solid var(--border);margin:0 0 34px}@media (max-width:760px){.c4m-root{--plate-w:210px;--plate-h:122px;--gap:112px;--zoom:0.78}.c4m-stage{height:clamp(380px,56vh,500px)}.c4m-sign{width:200px}.c4m-sign span{font-size:.95rem}.c4m-hud{grid-template-columns:1fr}.c4m-controls{justify-content:flex-start}}@media (prefers-reduced-motion:reduce){.c4m-root{--pitch:58deg;--yaw:-22deg}.c4m-plane,.c4m-token{animation:none!important}.c4m-token{transform:translateZ(-225px);background:var(--machine);box-shadow:0 0 0 5px rgba(216,64,47,.22),0 0 0 1px rgba(216,64,47,.5)}.c4m-plane{border-color:var(--ink-16);background:hsla(51,64%,98%,.92)}.c4m-world{transition:none}}@media print{.c4m-legend,.c4m-stage-wrap{display:none}.c4m-read{padding-top:0}}