@font-face{font-family:Fraktion;src:url('assets/fonts/PPFraktionMono-Regular.otf')}@font-face{font-family:Plex;src:url('assets/fonts/IBMPlexMono-Regular.ttf')}
.robot-standalone{margin:0;background:#fff;color:#080808}.robot-standalone a{color:inherit;text-decoration:none}#robot-story button{font:inherit;color:inherit}#robot-story button:focus-visible,.robot-header a:focus-visible{outline:2px solid #777;outline-offset:5px}
.robot-header{position:fixed;z-index:10;top:16px;left:16px;right:16px;display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.robot-header .brand{display:flex;gap:80px;font:40px/44px Fraktion,monospace;white-space:nowrap}.robot-header .brand span:first-child{letter-spacing:8px}.robot-header nav{display:flex;gap:16px;align-items:center;padding:8px 12px;background:#080808;color:#fff;border-radius:2px;font:12px/16px Plex,monospace}.robot-header .shop{padding-left:16px;border-left:1px solid #ffffff40}
#robot-story{height:600svh;position:relative;background:#fff;color:#080808;color-scheme:light}.robot-stage{height:100svh;position:sticky;top:0;overflow:clip;background:#fff}.robot-visual{position:absolute;inset:0}.robot-visual canvas{display:block;width:100%;height:100%;opacity:0;transition:opacity .6s}#robot-story .robot-stage.ready .robot-visual canvas{opacity:1}#robot-story .poster{position:absolute;width:100%;height:100%;object-fit:contain;transition:opacity .5s}#robot-story .robot-stage.ready .poster{opacity:0;pointer-events:none}
#robot-story .copy-stage{position:absolute;inset:0;pointer-events:none;opacity:0}#robot-story .copy-stage[data-stage="0"]{opacity:1}#robot-story .copy-stage h1,#robot-story .copy-stage h2{position:absolute;left:16px;top:47%;margin:0;font:32px/36px Fraktion,monospace;letter-spacing:-.96px;font-weight:400}#robot-story .copy-stage p{position:absolute;right:24px;bottom:24px;width:353px;margin:0;font:14px/18px Plex,monospace;letter-spacing:1.4px;text-transform:uppercase;color:#929292}#robot-story .copy-stage p strong{color:#555;font-weight:400}#robot-story .final-caption{position:absolute;bottom:32px;left:50%;transform:translateX(-50%);white-space:nowrap;font:11px/16px Plex,monospace;letter-spacing:3px;color:#777}
#robot-story .loading{position:absolute;left:50%;top:76%;transform:translateX(-50%);font:10px/18px Plex,monospace;letter-spacing:2px;color:#666}#robot-story .loading span{margin-left:12px;color:#999}#robot-story .robot-stage.ready .loading{display:none}#robot-story .next-scene{position:absolute;bottom:0;left:0;width:48px;height:48px;border:0;background:#0000000a;font:22px/1 Fraktion,monospace;cursor:pointer}#robot-story .progress-track{position:absolute;bottom:0;left:48px;right:0;height:1px;background:#f1f1f1}#robot-story .progress-track span{display:block;height:100%;background:#aaa;transform-origin:left;transform:scaleX(0)}.no-js{position:fixed;bottom:70px;left:20px;font:12px monospace}#robot-story .robot-stage.failed .loading{top:auto;bottom:68px;text-align:center;letter-spacing:0;max-width:90%;line-height:1.5}
@media(max-width:1200px){.robot-header .brand{font-size:30px;gap:36px}.robot-header nav{font-size:10px;gap:10px}#robot-story .copy-stage h1,#robot-story .copy-stage h2{font-size:26px;line-height:30px}#robot-story .copy-stage p{font-size:11px;line-height:16px;width:290px}}
@media(max-width:760px){.robot-header{top:14px;left:14px;right:14px;gap:12px;flex-direction:column}.robot-header .brand{font-size:24px;line-height:28px;gap:22px}.robot-header .brand span:first-child{letter-spacing:4px}.robot-header nav{background:transparent;color:#080808;padding:0;gap:13px;font-size:8px;line-height:14px}.robot-header .shop{display:none}#robot-story .copy-stage h1,#robot-story .copy-stage h2{top:17%;left:16px;font-size:22px;line-height:24px;letter-spacing:-.6px}#robot-story .copy-stage p{left:16px;right:16px;bottom:84px;width:auto;max-width:340px;font-size:10px;line-height:15px;letter-spacing:1px}#robot-story .final-caption{bottom:36px;font-size:9px;letter-spacing:2px}#robot-story .loading{top:auto;bottom:210px;font-size:8px;white-space:nowrap}.robot-visual{top:4%;bottom:3%}}
@media(prefers-reduced-motion:reduce){#robot-story .poster,.robot-visual canvas{transition:none}}

#robot-canvas{touch-action:pan-y}#robot-story .poster{pointer-events:none}#robot-story .copy-stage p{font-family:Plex,monospace}#robot-story .robot-stage button{font-family:Fraktion,monospace}

/* Reuse the Figma chevron, aligned with the site's section navigation. */
#robot-story .next-scene{display:grid;place-items:center;background:#fff;font-size:0}
#robot-story .next-scene::before{content:"";width:24px;height:24px;background:url('assets/archive-arrow-right.svg') center/contain no-repeat;transform:rotate(90deg)}
#robot-story .progress-track,#robot-story .final-caption{display:none}
@media(max-width:760px){#robot-story .next-scene{width:40px;height:40px}#robot-story .next-scene::before{width:20px;height:20px}}