.approved-main .robot-motion{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);grid-template-areas:"film copy";align-items:center;gap:48px;border-top:1px solid var(--line);scroll-margin-top:24px}
.approved-main .motion-copy{grid-area:copy;max-width:520px}
.approved-main .motion-copy :is(h2,:where(.visual-h2)){font-size:clamp(32px,3.4vw,52px);line-height:1.3}
.approved-main .motion-description{margin-top:28px;color:var(--body);font-size:16px;line-height:1.8;word-break:keep-all}
.approved-main .motion-play{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:52px;margin-top:32px;padding:12px 24px;border:1px solid #77736d;border-radius:0;background:transparent;color:var(--strong);cursor:pointer;font-size:14px}
.approved-main .motion-play:hover,.approved-main .motion-sound:hover{color:var(--gold);border-color:var(--gold)}
.approved-main .motion-play:focus-visible,.approved-main .motion-sound:focus-visible{outline:2px solid var(--gold);outline-offset:6px}
.approved-main .motion-duration{margin-top:24px;color:var(--body);font-size:12px;letter-spacing:.04em}
.approved-main .motion-duration>span:first-child{margin-inline:12px;color:#77736d}
.approved-main .motion-film{grid-area:film;display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px 16px;min-width:0;width:100%;max-width:440px;justify-self:center}
.approved-main .motion-film video{grid-column:1/-1;display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:contain;background:#111}
.approved-main .motion-film figcaption{margin:0;font-size:12px}
.approved-main .motion-film figcaption span{margin-left:10px;color:var(--body)}
.approved-main .motion-sound{min-height:44px;padding:8px 0 8px 12px;border:0;background:transparent;color:var(--strong);font-size:12px;cursor:pointer}
.approved-main .motion-status{grid-column:1/-1;color:var(--body);font-size:13px;line-height:1.6}
.approved-main .motion-status:empty{display:none}
@media(max-width:900px){.approved-main .robot-motion{grid-template-columns:minmax(0,1fr);grid-template-areas:"copy" "film";gap:32px}.approved-main .motion-copy{max-width:none}.approved-main .motion-film{max-width:440px}.approved-main .motion-copy :is(h2,:where(.visual-h2)){font-size:var(--h2)}.approved-main .motion-description{margin-top:20px}.approved-main .motion-play{margin-top:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.approved-main .robot-motion *{animation:none!important;transition:none!important}}