.pleated-page #system-panel>.system-photo:has(.cord-motion){width:min(1100px,100%)}
.cord-motion{display:none}.cord-motion-ready .cord-motion{display:block}.pleated-page #system-panel>.cord-motion-ready>img{display:none}
.cord-motion-stage{position:relative;width:min(calc(100% - 150px),760px);margin:0 auto}
.cord-motion canvas{display:block;width:100%;aspect-ratio:1368/1238;filter:drop-shadow(2px 6px 5px #24282e20)}
.cord-motion-pull{position:absolute;left:86.84%;transform:translate(-50%,-50%);width:52px;height:64px;border:0;border-radius:20px;background:transparent;touch-action:none;cursor:grab}.cord-motion-pull:active{cursor:grabbing}.cord-motion-pull:focus-visible{outline:2px solid #dc6674}
.cord-motion-hint{position:absolute;left:calc(86.84% + 24px);display:flex;align-items:center;gap:10px;transform:translateY(-50%);white-space:nowrap;font-size:20px;pointer-events:none;color:#555}.cord-motion-hint:before{content:"";width:35px;height:1px;background:#d88590}
.cord-motion-dot{width:10px;height:10px;border:2px solid #dd6173;border-radius:50%;box-shadow:0 0 0 5px #dd61731c;animation:cord-motion-pulse 2s infinite}
@keyframes cord-motion-pulse{50%{box-shadow:0 0 0 10px #dd617300}}
.cord-motion-arrow{position:absolute;left:86.84%;transform:translateX(-50%);color:#d86875;font-size:25px;pointer-events:none}
@media(max-width:600px){.cord-motion-stage{width:calc(100% - 110px);margin-left:0}.cord-motion-hint{font-size:16px;gap:6px;left:calc(86.84% + 18px)}.cord-motion-hint:before{width:10px}}
@media(prefers-reduced-motion:reduce){.cord-motion-dot{animation:none}}

.pleated-page[data-pleated-model="Valdoma virvele"] #system-panel>.pleated-intro:first-child{margin-bottom:0}
.pleated-page[data-pleated-model="Valdoma virvele"] #system-title{margin-bottom:24px}
.pleated-page #system-panel>.system-photo:has(.cord-motion){margin-top:0}
@media(max-width:600px){.pleated-page #system-panel>.system-photo:has(.cord-motion){margin-top:0}}

.pleated-page #system-panel>.system-photo:has(.cord-motion){margin-bottom:8px}