@font-face{font-family:'Atelier Condensed';src:url('../fonts/DejaVuSansCondensed-Bold.ttf') format('truetype');font-weight:700 900;font-style:normal;font-display:swap}:root{--ink:#24292f;--paper:#f4f5f7;--line:#d6dbe1;--blue:#4757d6}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.65 Arial,sans-serif}a{color:inherit;text-underline-offset:5px}button,input,select{font:inherit}button,select,input{accent-color:var(--blue)}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #f09c39;outline-offset:4px}button{border:1px solid #aeb8c5;background:transparent;color:var(--ink);padding:10px 14px;font-size:11px}button:hover{background:#e4e8ee}button:disabled{cursor:not-allowed;opacity:.6}header{display:flex;justify-content:space-between;gap:25px;padding:25px 5%;border-bottom:1px solid var(--line);font-size:12px}.logo{font-weight:800;letter-spacing:1px;text-decoration:none}.logo span{font-weight:400;font-size:10px}nav{display:flex;gap:25px}nav a{text-decoration:none}nav a[aria-current]{border-bottom:1px solid}.lab-head{padding:65px 5% 45px}.eyebrow{font:10px/1.4 'Courier New',monospace;letter-spacing:2px}h1{font:500 clamp(40px,5.5vw,80px)/1.07 Arial,sans-serif;letter-spacing:-3px;margin:25px 0}h1 em{font-family:Georgia,serif;font-weight:400}h2{font:500 25px/1.2 Arial,sans-serif;letter-spacing:-.6px}.lede{display:flex;align-items:center;justify-content:space-between;gap:45px}.lede>p,.intro-copy{max-width:640px;color:#5b6572}.settings{min-width:300px;padding:18px;border:1px solid var(--line);background:white}.settings label{font-size:12px;display:inline-flex;align-items:center;gap:8px;margin-right:10px}.settings p{font-size:11px;color:#697586;max-width:350px;margin:12px 0 0}.experiments{padding:0 5% 65px;display:grid;grid-template-columns:1fr 1fr;gap:26px}.experiment{border:1px solid var(--line);background:white;min-width:0}.experiment-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 20px;font:9px/1.5 'Courier New',monospace;border-bottom:1px solid var(--line)}.experiment-head button{padding:8px 10px;font-size:10px}.hint{font-size:8px;color:#788392}.stage{min-height:290px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.entrance-stage{background:#dfe4fa;padding:35px}.entrance-object{width:260px;background:#4659d4;color:white;padding:30px;position:relative;box-shadow:10px 10px 0 #b8c3ee;transform:rotate(-3deg)}.tiny{font:8px 'Courier New',monospace;letter-spacing:1px}.entrance-object strong{display:block;font:40px/.95 Georgia,serif;margin-top:28px;position:relative;z-index:1}.entrance-object i{position:absolute;right:20px;top:35px;width:65px;height:65px;border-radius:50%;background:#f8ba72}.stagger-stage{background:#1d3034;padding:30px;gap:10px;align-items:stretch}.sequence-item{background:#e9f6ee;padding:23px 15px;width:33%;align-self:center;min-height:190px}.sequence-item:nth-child(2){background:#c1dfce}.sequence-item:nth-child(3){background:#99c8b1}.sequence-item span{font:11px 'Courier New',monospace}.sequence-item strong{display:block;font-size:17px;margin-top:40px}.sequence-item p{font-size:11px;line-height:1.45;margin-bottom:0}.feedback-stage{background:#ffe6c8;flex-direction:column;gap:30px;padding:25px}.feedback-button{padding:20px 25px;background:#272c31;color:white;font-size:15px;border:2px solid #272c31;box-shadow:0 0 0 transparent;transition:transform .22s,box-shadow .22s,background .22s}.feedback-button span{display:inline-block;margin-left:20px;transition:transform .22s}.feedback-button:hover,.feedback-button:focus-visible{transform:translateY(-5px);box-shadow:7px 7px 0 #d49658;background:#45425a}.feedback-button:hover span,.feedback-button:focus-visible span{transform:translateX(5px)}.feedback-stage>p{font-size:11px;max-width:290px;text-align:center}.journey-stage{background:#f0def4;flex-direction:column;padding:35px}.track{width:280px;max-width:100%;height:150px;position:relative;border:2px dashed #aa80b3;border-radius:70px}.traveler{position:absolute;width:24px;height:24px;background:#6f357e;border:4px solid white;border-radius:50%;left:0;top:50%;margin-top:-12px;box-shadow:0 0 0 1px #6f357e}.point{position:absolute;font:9px 'Courier New',monospace;background:#f0def4;padding:5px}.start{left:-10px;bottom:-30px}.mid{left:40%;top:-15px}.end{right:-10px;bottom:-30px}.journey-stage>p{font-size:10px;margin:45px 0 0}.explanation{padding:22px 25px}.explanation h2{margin:0 0 12px}.explanation p{font-size:13px;color:#5c6876;margin:0 0 20px}.recipe{font:8px 'Courier New',monospace;letter-spacing:1px;color:#778191}.wide{grid-column:1/-1}.disclosure-stage{display:grid;grid-template-columns:.7fr 1.3fr;gap:50px;padding:40px}.disclosure-stage>div>h2{font:35px/1.1 Georgia,serif}.disclosure-stage>div>p{font-size:13px;color:#5c6876}.disclosures details{border-bottom:1px solid var(--line)}summary{padding:18px 20px 18px 0;cursor:pointer;font-size:14px;font-weight:bold}.answer p{font-size:13px;color:#5c6876}.next{padding:50px 5%;background:#e0e4ee;display:flex;gap:30px;justify-content:space-between;align-items:center}.next h2{font:36px/1.1 Georgia,serif;margin:15px 0}.next p{max-width:580px;color:#566372}.primary{padding:17px 23px;background:#273047;color:white;text-decoration:none;font-size:12px;white-space:nowrap}footer{padding:25px 5%;display:flex;flex-wrap:wrap;justify-content:space-between;gap:15px;font-size:10px}.skip{position:fixed;top:-80px;left:20px;background:white;padding:15px;z-index:10}.skip:focus{top:10px}.playing .entrance-object{animation:enter .65s ease-out both}.playing .sequence-item{animation:rise .5s ease-out both}.playing .sequence-item:nth-child(2){animation-delay:.12s}.playing .sequence-item:nth-child(3){animation-delay:.24s}.playing .traveler{animation:journey 3s ease-in-out both}.paused .stage *{animation-play-state:paused!important}details[open] .answer{animation:rise .25s ease-out}.reduced *{animation:none!important;transition:none!important}.reduced .feedback-button:hover,.reduced .feedback-button:focus-visible,.reduced .feedback-button span{transform:none!important}@keyframes enter{from{opacity:0;transform:translateY(24px) rotate(-3deg)}to{opacity:1;transform:translateY(0) rotate(-3deg)}}@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes journey{0%{left:0;top:50%}35%{left:44%;top:0}65%{left:84%;top:20%}100%{left:calc(100% - 24px);top:50%}}.workbench{display:grid;grid-template-columns:290px 1fr;gap:25px;margin:0 5% 65px;align-items:start}.control-panel{padding:22px;background:white;border:1px solid var(--line)}.control-title{display:flex;justify-content:space-between;align-items:center}.control-title h2{font-size:20px;margin:0}.control-title button{font-size:9px;padding:7px}.control-panel>label,.control-panel legend{display:block;font:10px 'Courier New',monospace;margin:23px 0 9px}.control-panel select{display:block;width:100%;padding:11px;border:1px solid #aeb8c5;border-radius:0;background:#fbfcfd;color:#293443;font-size:12px}.control-panel fieldset{border:0;padding:0;margin:0}.check{display:flex;gap:10px;align-items:center;font-size:12px;margin:10px 0}.check input{width:17px;height:17px}.control-note{font-size:10px;color:#707c8b;margin-top:25px}.preview-wrap{min-width:0}.preview-label{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font:8px/1.5 'Courier New',monospace;padding:13px 0}.preview-label #config-status{color:#6b7684}.mini-site{--bg:#f1f0df;--fg:#213d31;--accent:#ce733e;--wash:#dce1c6;--font:Georgia,serif;--space:36px;--radius:0;background:var(--bg);color:var(--fg);border:1px solid #aeb8c5;font:14px/1.5 Arial,sans-serif}.mini-site[data-palette=electric]{--bg:#edf2ff;--fg:#193bd5;--accent:#ffb93e;--wash:#cbd6ff}.mini-site[data-palette=sunset]{--bg:#fff1c9;--fg:#813d36;--accent:#ee7656;--wash:#f5d59e}.mini-site[data-palette=night]{--bg:#242337;--fg:#e3ddff;--accent:#b5a0f0;--wash:#48405b}.mini-site[data-font=clean]{--font:Arial,sans-serif}.mini-site[data-font=bold]{--font:'Atelier Condensed',Impact,'Arial Narrow',sans-serif}.mini-site[data-font=technical]{--font:'Courier New',monospace}.mini-site[data-density=compact]{--space:20px}.mini-site[data-shape=soft]{--radius:10px}.mini-site[data-shape=pill]{--radius:40px}.mini-nav{display:flex;justify-content:space-between;gap:20px;padding:20px var(--space);border-bottom:1px solid var(--wash)}.mini-nav strong{font-size:10px;letter-spacing:1px}.mini-nav>span{font-size:8px;line-height:1.5;text-align:right}.mini-hero{display:grid;grid-template-columns:1fr .8fr;gap:28px;padding:var(--space);align-items:center}.mini-kicker{font-size:8px;letter-spacing:1px}.mini-copy h2{font:normal clamp(30px,3.5vw,55px)/1.04 var(--font);letter-spacing:-1.5px;margin:22px 0}.mini-copy p{font-size:12px;max-width:430px}.mini-cta{display:inline-block;background:var(--fg);color:var(--bg);padding:13px 17px;border-radius:var(--radius);font-size:10px;text-decoration:none;margin-top:12px;border:1px solid var(--fg)}.mini-copy small{display:block;font-size:8px;line-height:1.5;max-width:280px;margin-top:12px}.mini-art{height:280px;background:var(--wash);position:relative;overflow:hidden;isolation:isolate}.art-orbit{position:absolute;border:1px solid var(--fg);width:210px;height:210px;border-radius:50%;left:-60px;top:30px}.art-pillar{position:absolute;width:100px;height:220px;background:var(--accent);right:25px;bottom:-20px;transform:rotate(25deg)}.art-disc{position:absolute;width:100px;height:100px;border-radius:50%;background:var(--fg);top:30px;right:30px}.mini-art>span{position:absolute;font:11px/1.5 'Courier New',monospace;left:20px;bottom:20px}.mini-services{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding:var(--space);border-top:1px solid var(--wash)}.mini-services span{font-size:9px}.mini-services h3{font:22px/1.2 var(--font);margin:15px 0}.mini-services p{font-size:11px;margin:0}.mini-process{background:var(--fg);color:var(--bg);padding:20px var(--space);display:flex;justify-content:space-between;font:9px 'Courier New',monospace;gap:10px}.mini-site [hidden]{display:none!important}.mini-site[data-layout=centered] .mini-hero{grid-template-columns:1fr;text-align:center}.mini-site[data-layout=centered] .mini-copy p,.mini-site[data-layout=centered] .mini-copy small{margin-left:auto;margin-right:auto}.mini-site[data-layout=centered] .mini-art{height:170px}.mini-site[data-layout=poster] .mini-hero{display:flex;flex-direction:column-reverse;align-items:stretch}.mini-site[data-layout=poster] .mini-art{height:140px}.mini-site[data-layout=poster] .mini-copy h2{font-size:clamp(42px,5vw,70px)}.mini-site[data-layout=poster] .mini-services{grid-template-columns:1fr}.preview-footnote{font-size:10px;color:#6b7684;padding:0 4px}.capability-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;padding:10px 5% 60px}.capability-grid article{border-top:1px solid var(--line);padding-top:25px}.capability-grid h2{font:28px/1.15 Georgia,serif}.capability-grid p:not(.eyebrow){font-size:13px;color:#5b6878}@media(max-width:1050px){.workbench{grid-template-columns:250px 1fr}.mini-hero{grid-template-columns:1fr}.mini-art{height:200px}.lede{align-items:flex-start}.settings{min-width:260px}.stagger-stage{padding:20px 15px;gap:6px}.sequence-item{padding:18px 10px}.sequence-item strong{font-size:14px}}@media(max-width:760px){header{flex-direction:column;gap:15px}.logo span{font-size:8px}nav{font-size:11px;gap:20px}.lab-head{padding-top:40px}h1{letter-spacing:-1.5px}.lede{flex-direction:column;gap:15px}.settings{width:100%;min-width:0}.experiments{grid-template-columns:1fr}.experiment-head{padding:14px;font-size:8px}.stage{min-height:270px}.disclosure-stage{grid-template-columns:1fr;padding:25px;gap:15px}.next{flex-direction:column;align-items:flex-start}.primary{white-space:normal}.workbench{grid-template-columns:1fr;margin-bottom:40px}.control-panel{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.control-title,.control-panel fieldset,.control-note{grid-column:1/-1}.control-panel>label{grid-column:1/-1;margin-top:18px}.control-panel select{grid-column:1/-1}.mini-hero{grid-template-columns:1fr}.mini-copy h2{font-size:46px}.mini-art{height:200px}.mini-site{--space:25px}.mini-services{gap:18px}.mini-services h3{font-size:20px}.capability-grid{grid-template-columns:1fr;gap:20px}.mini-site[data-layout=poster] .mini-copy h2{font-size:51px}.preview-label{font-size:7px}.recipe{font-size:7px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}.feedback-button:hover,.feedback-button:focus-visible,.feedback-button span{transform:none!important}}
/* Touch-first controls: visible targets and feedback beside the moving example. */
.experiment-head button,.stage-controls button,.settings button{min-height:44px;touch-action:manipulation}.stage-controls{padding:12px 20px;border-bottom:1px solid var(--line)}.stage-note{font-size:12px;margin:0 0 8px;color:#47556a}.stage-controls button{margin:4px 8px 4px 0}.stage-controls button[hidden]{display:none}.feedback-button{touch-action:manipulation;min-height:48px}.experiment{scroll-margin-top:16px}@media(max-width:760px){.experiment-head{flex-wrap:wrap}.experiment-head button{font-size:12px}.stage-controls{padding:12px 14px}.settings label{min-height:44px}}

/* Keep the planner action in the controls column, not as extra workbench grid cells. */
.workbench>.control-panel>.button,.workbench>.control-panel>.review-note{grid-column:1/-1}
.workbench>.control-panel>.button{display:block;white-space:normal;text-align:center;line-height:1.5;min-height:48px;padding:13px 12px;margin-top:22px}
.workbench>.control-panel>.review-note{margin:12px 0 0;font-size:12px;line-height:1.65}