/* Base pc-art, friend, chaos-line and float-tag styles are shared with the home card in style.css. */
.planetary-preview.project-visual{height:340px;margin-bottom:24px;display:block;container-type:inline-size}
.planetary-preview-stage{position:absolute;top:24px;left:50%;width:460px;height:220px;margin-left:-230px;transform-origin:50% 0;--scene-scale:.7;transform:scale(var(--scene-scale))}


.planetary-frame{position:absolute;left:292px;top:95px;width:136px;height:98px;background:#fff;border:5px solid #111;border-radius:8px;box-shadow:7px 7px 0 #555;color:#111;transform-origin:0 8px;transform:rotate(-8deg);animation:planetary-tether 2.6s ease-in-out infinite}
.planetary-frame-mark{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:58px;font-weight:800;line-height:1}
.planetary-frame:before,.planetary-frame:after{content:'';position:absolute;width:12px;height:12px;border:2px solid #111}
.planetary-frame:before{left:10px;top:10px;border-right:0;border-bottom:0}.planetary-frame:after{right:10px;bottom:10px;border-left:0;border-top:0}
.planetary-preview .visual-plus{top:17px;bottom:auto;left:22px;right:auto;font-size:32px}
.planetary-preview-copy{position:absolute;bottom:0;left:0;right:0;padding:18px 24px 20px;background:#151515;color:#fff;z-index:3}
.planetary-preview-title{display:block;font-size:24px;line-height:1.2;font-weight:800;letter-spacing:-.6px}
@keyframes planetary-tether{0%,25%,100%{transform:rotate(-8deg)}45%,55%{transform:translateX(-2px) rotate(-10deg)}72%{transform:rotate(-7deg)}}
.page-hidden .planetary-preview *,.planetary-preview-away *{animation-play-state:paused!important}
@media(max-width:650px){.planetary-preview-stage{top:calc(50% - 116px * var(--scene-scale))!important}.planetary-preview-copy{padding:18px}.planetary-preview-title{font-size:22px}}
@media(prefers-reduced-motion:reduce){.planetary-preview *{animation:none!important}}


/* Side-on, braced bodies; hands stay at rope height while torsos lean back. */
.planetary-tug-rig{position:absolute;inset:0;animation:planetary-haul 2.6s ease-in-out infinite}
.planetary-rope{position:absolute;inset:0;width:460px;height:220px;overflow:visible;z-index:3}
.planetary-puller{position:absolute;top:38px;width:96px;height:140px;z-index:2}
.planetary-puller.rear{left:70px}.planetary-puller.lead{left:176px}
.planetary-preview .planetary-puller .friend{position:absolute;left:0;top:0;--friend-scale:.8;box-shadow:none;transform:rotate(-18deg);transform-origin:50% 100%;z-index:2;animation:planetary-brace 2.6s ease-in-out infinite}
.planetary-preview .planetary-puller .friend:before,.planetary-preview .planetary-puller .friend:after{content:none}
.planetary-preview .planetary-puller .friend>span{text-align:right;padding-right:3px;line-height:1;white-space:pre;font-weight:700;transform:scaleY(.85);transform-origin:50% 50%;animation:planetary-effort 2.6s ease-in-out infinite}
.planetary-arm,.planetary-leg{position:absolute;display:block;background:#fff;border:2px solid #fff;box-shadow:none}
.planetary-arm{left:35px;height:17px;border-radius:8px;outline:2px solid #151515;transform-origin:8px 50%;z-index:4}
.planetary-arm.upper{top:52px;width:49px;transform:rotate(12deg)}
.planetary-arm.lower{top:69px;width:44px;transform:rotate(-12deg)}
.planetary-leg{box-shadow:none;top:87px;width:16px;height:31px;transform-origin:50% 5px;z-index:1}
.planetary-leg.back{left:8px;transform:rotate(28deg)}.planetary-leg.front{left:51px;transform:rotate(-38deg)}
.planetary-hook{position:absolute;left:283px;top:96px;width:16px;height:16px;border:4px solid #fff;border-right:0;border-radius:10px 0 0 10px;box-shadow:0 0 0 2px #111;z-index:5;animation:planetary-knot 2.6s ease-in-out infinite}
@keyframes planetary-haul{0%,25%,100%{translate:0 0}45%,55%{translate:-3px 0}72%{translate:1px 0}}
@keyframes planetary-brace{0%,25%,100%{transform:rotate(-18deg)}45%,55%{transform:rotate(-22deg)}72%{transform:rotate(-17deg)}}
@keyframes planetary-knot{0%,25%,100%{translate:0 0}45%,55%{translate:-2px 0}72%{translate:0 0}}

@keyframes planetary-effort{0%,25%,100%{transform:scaleY(.85)}45%,55%{transform:scaleY(.6)}72%{transform:scaleY(.9)}}



@container(min-width:360px){.planetary-preview-stage{top:20px;--scene-scale:.82}}
@container(min-width:420px){.planetary-preview-stage{top:12px;--scene-scale:.96}}
@container(min-width:500px){.planetary-preview-stage{top:6px;--scene-scale:1.1}}
@container(min-width:580px){.planetary-preview-stage{top:0;--scene-scale:1.25}}