.research-canvas{transition:border-color .4s ease,box-shadow .4s ease}
.research-insight{min-height:188px}
.research-connection.research-character-story{margin-top:4px;padding:0}
.research-character-stage{display:flex;justify-content:center;position:relative;padding:0 0 5px}
.research-character-art{display:block;width:88%;max-width:560px;height:auto;overflow:visible}
.research-character-art .research-scene{opacity:0;transform:translateY(9px);transform-box:fill-box;transform-origin:50% 85%;transition:opacity .3s ease,transform .48s cubic-bezier(.22,.75,.3,1);pointer-events:none}
.research-character-art .character-pose{opacity:0;transition:opacity .28s ease;pointer-events:none}
.research-canvas[data-research-theme="story"] .scene-story,
.research-canvas[data-research-theme="sales"] .scene-sales,
.research-canvas[data-research-theme="creativity"] .scene-creativity{opacity:1;transform:translateY(0);transition-delay:75ms}
.research-character-art .scene-hand{font-family:Caveat,'Segoe Print',cursive;font-weight:600;letter-spacing:0;fill:#425a4e;stroke:none}
.research-character-art .character-head{transform-box:fill-box;transform-origin:50% 90%;transition:transform .5s cubic-bezier(.22,.75,.3,1)}
.research-canvas[data-research-theme="sales"] .character-head{transform:rotate(3deg)}
.research-canvas[data-research-theme="creativity"] .character-head{transform:rotate(-5deg)}
.research-character-art .scene-idea{opacity:0;transform:translateY(65px) scale(.7);transform-box:fill-box;transform-origin:50% 100%;transition:opacity .25s ease,transform .55s cubic-bezier(.2,.8,.25,1)}
.research-canvas[data-research-theme="creativity"] .scene-idea{opacity:1;transform:translateY(0) scale(1);transition-delay:.12s}
.research-character-art .scene-check{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .35s ease}
.research-canvas[data-research-theme="sales"] .scene-check{stroke-dashoffset:0;transition-delay:.22s}
.research-character-story figcaption{margin-top:5px;font-size:26px}
@media(min-width:801px) and (max-width:1100px){.research-insight{min-height:218px}}
@media(min-width:601px) and (max-width:800px){.research-insight{min-height:175px}}
@media(max-width:600px){
  .research-insight{min-height:235px}
  .research-character-stage{margin:0 -9px 12px}
  .research-character-story figcaption{font-size:24px;max-width:250px}
}
@media(prefers-reduced-motion:reduce){
  .research-canvas,.research-character-art .research-scene,.research-character-art .character-pose,.research-character-art .character-head,.research-character-art .scene-idea,.research-character-art .scene-check{transition:none;transition-delay:0s}
}