.diy-orbit{aspect-ratio:10/7;width:100%;margin-top:48px;position:relative}.diy-lines{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.diy-node{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex;position:absolute;transform:translate(-50%,-50%)}.diy-node--figure{z-index:2;width:clamp(200px,26vw,320px);top:60%;left:50%}.diy-node--tl{width:clamp(96px,11vw,150px);top:14%;left:20%}.diy-node--tr{width:clamp(96px,11vw,150px);top:14%;left:80%}.diy-node--l{width:clamp(96px,11vw,150px);top:60%;left:8%}.diy-node--r{width:clamp(96px,11vw,150px);top:60%;left:92%}.diy-frame{aspect-ratio:1;box-sizing:border-box;background:#efe9e208;border:1px solid #efe9e224;border-radius:10px;justify-content:center;align-items:center;width:100%;padding:16%;transition:border-color .3s,background .3s,transform .3s;display:flex}.diy-node--figure .diy-frame{background:0 0;border:none;padding:0}.diy-frame img{object-fit:contain;filter:drop-shadow(0 18px 30px #0006);width:100%;height:100%}.diy-node:not(.diy-node--figure):hover .diy-frame{background:#d4753a12;border-color:#d4753a8c;transform:translateY(-3px)}.diy-manual{border:1px solid #efe9e21a;border-radius:4px;width:100%;max-width:380px;margin:0 auto;transition:transform .4s cubic-bezier(.16,1,.3,1);display:block;overflow:hidden;transform:rotate(-2deg);box-shadow:0 30px 60px #00000073}.diy-manual:hover{transform:rotate(0)scale(1.02)}.diy-manual img{width:100%;height:auto;display:block}@media (max-width:760px){.diy-orbit{aspect-ratio:auto;grid-template-columns:repeat(2,1fr);gap:40px 20px;margin-top:36px;display:grid;position:static}.diy-lines{display:none}.diy-node{position:static;transform:none;width:100%!important}.diy-node--figure{order:-1;grid-column:1/-1;margin:0 auto 12px;width:min(280px,72%)!important}.diy-guide{grid-template-columns:1fr!important;gap:40px!important}.diy-guide-copy{order:2}}