/* Match the scale and restraint of the brand sequence. */
.project-motion{display:block;width:220px;height:220px;max-width:100%;overflow:visible;color:#d8dacc}
.project-motion[data-project="fishi"]{width:185px;height:185px}
.work-outline,.work-detail{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.work-outline{stroke-width:.85}
.work-detail{stroke-width:.5}
.work-pen{fill:#eeece1;stroke:none}
.work-fabric{color:#c3cbb8}
.world-animation{width:100%;max-width:620px;aspect-ratio:1;border:0;padding:0;background:none;position:relative;display:block;color:#cdd2c4;cursor:pointer}
.project-stage-motion{display:block;width:100%;height:100%;overflow:visible}
.world-animation::after{content:'点击重播';position:absolute;bottom:10%;left:0;right:0;font-size:9px;letter-spacing:.08em;color:var(--muted);opacity:.45;transition:opacity .3s}
.world-animation:hover::after,.world-animation:focus-visible::after{opacity:1}
.light .project-motion,.light .world-animation{color:#616e57}
.light .work-pen{fill:#3a4832}
.light .work-fabric{color:#708567}
@media(max-width:800px){.project-motion{width:190px;height:190px}.project-motion[data-project="fishi"]{width:160px;height:160px}}
@media(max-width:520px){.project-motion,.project-motion[data-project="fishi"]{width:100%;height:140px}.world-animation{max-width:400px}.world-animation::after{bottom:4%}}