#motionvideo{padding:0 0 60px;scroll-margin-top:24px}
.mv-intro{display:grid;grid-template-columns:1.15fr 1fr;gap:32px;align-items:end;padding:30px 34px;background:#1c1e1a;color:#f4f4ee;border-radius:12px;position:relative;overflow:hidden}
.mv-kicker{display:flex;align-items:center;gap:9px;font:11px/1.5 monospace;letter-spacing:1.6px;color:#c4f24c;margin:0 0 12px}
.mv-kicker:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.mv-heading{font-size:clamp(26px,3vw,39px);font-weight:600;letter-spacing:-1.1px;line-height:1.25;margin:0}
.mv-heading span{color:#c4f24c;font:14px/1 monospace;vertical-align:super;margin-left:14px;letter-spacing:0}
.mv-intro-copy{font-size:13px;line-height:1.85;color:#c9cdbf;margin:0;max-width:450px}
.mv-intro-copy a{text-decoration:underline;text-underline-offset:4px;color:#f4f4ee}
.mv-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:22px 0 20px}
.mv-filters{display:flex;flex-wrap:wrap;gap:6px}
.mv-filter{font-size:12px;border:1px solid #d9dbd1;background:transparent;border-radius:5px;padding:9px 13px;min-height:36px}
.mv-filter[aria-pressed="true"]{background:#1c1e1a;border-color:#1c1e1a;color:#f4f4ee}
.mv-filter:hover{border-color:#7c846d}
.mv-count{font:11px/1.6 monospace;color:#68705d;white-space:nowrap;margin:0}
.mv-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 24px}
.mv-card{min-width:0}
.mv-card[hidden]{display:none}
.mv-open{display:block;text-align:left;width:100%;border:0;padding:0;background:transparent;color:#1c1e1a;border-radius:9px}
.mv-preview{display:block;position:relative;aspect-ratio:16/10;background:#232820;border-radius:9px;overflow:hidden;isolation:isolate}
.mv-preview img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s cubic-bezier(.22,1,.36,1)}
.mv-preview:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#0009);z-index:0;pointer-events:none}
.mv-open:hover .mv-preview img{transform:scale(1.035)}
.mv-play{position:absolute;bottom:14px;left:14px;display:grid;place-items:center;width:38px;height:38px;border:1px solid #ffffff75;background:#ffffffed;color:#1c1e1a;border-radius:50%;z-index:1;font-size:12px;padding-left:2px;box-shadow:0 2px 12px #0002;transition:background .2s}
.mv-open:hover .mv-play{background:#c4f24c}
.mv-duration{position:absolute;bottom:19px;right:15px;color:white;font:11px/1.5 monospace;z-index:1}
.mv-image-fallback{display:none;position:absolute;inset:0;place-content:center;padding:30px;text-align:center;font-size:13px;line-height:1.8;color:#e1e9d5}
.mv-preview.mv-image-error .mv-image-fallback{display:grid}
.mv-preview.mv-image-error img{display:none}
.mv-card-meta{display:flex;align-items:center;gap:10px;margin:15px 0 8px}
.mv-number{font:11px/1 monospace;color:#77816d}
.mv-category{font-size:10px;padding:4px 7px;background:#e7ebdf;color:#526044;border-radius:3px;line-height:1.3}
.mv-card h3{font-size:18px;line-height:1.45;font-weight:600;letter-spacing:-.35px;margin:0 0 7px}
.mv-summary{font-size:12px;line-height:1.8;color:#68715e;margin:0}
.mv-author{font:10px/1.5 monospace;color:#747b6c;margin:11px 0 0;overflow-wrap:anywhere}
.mv-note{font-size:11px;color:#6b745f;line-height:1.85;margin:24px 0 0}
.mv-note a{text-decoration:underline;text-underline-offset:3px}
.mv-dialog{border:0;padding:0;background:#f4f4ee;color:#1c1e1a;width:min(1180px,calc(100vw - 48px));max-width:none;max-height:calc(100dvh - 48px);border-radius:14px;box-shadow:0 30px 120px #0007;overflow:auto}
.mv-dialog::backdrop{background:#0a0d0bbe;backdrop-filter:blur(10px)}
.mv-dialog-top{position:sticky;top:0;z-index:2;background:#f4f4ee;border-bottom:1px solid #d9dbd1;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 23px}
.mv-dialog-crumb{margin:0;font:11px/1.5 monospace;color:#657159;letter-spacing:1px}
.mv-close{border:1px solid #cdd3c3;border-radius:50%;background:transparent;width:36px;height:36px;flex-shrink:0;font-size:21px;display:grid;place-items:center;padding:0}
.mv-close:hover{background:#e3e8da}
.mv-dialog-body{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
.mv-view{padding:28px;background:#e8eae2;min-width:0}
.mv-video-label{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;color:#657159;margin:0 0 13px;line-height:1.6}
.mv-video{display:block;width:100%;aspect-ratio:16/10;max-height:54dvh;border-radius:8px;background:#141715;object-fit:contain}
.mv-credit{font-size:12px;color:#55634a;line-height:1.8;margin:16px 0 8px;overflow-wrap:anywhere}
.mv-links{display:flex;gap:9px 18px;flex-wrap:wrap;font-size:12px;line-height:1.8}
.mv-links a{text-decoration:underline;text-underline-offset:4px}
.mv-media-status{font-size:12px;line-height:1.8;color:#746126;padding:12px 14px;background:#faf5e3;border:1px solid #e5d9b6;border-radius:6px;margin:14px 0 0}
.mv-media-status[hidden]{display:none}
.mv-view-note{font-size:11px;line-height:1.8;color:#6b745f;margin:20px 0 0}
.mv-detail{padding:28px;min-width:0}
.mv-english{font:10px/1.8 monospace;color:#727e65;margin:0 0 8px;overflow-wrap:anywhere}
.mv-detail h2{font-size:28px;font-weight:600;line-height:1.35;letter-spacing:-.8px;margin:0 0 18px}
.mv-detail h3{font-size:12px;font-weight:600;margin:0 0 6px}
.mv-detail p.mv-detail-text{font-size:12px;line-height:1.85;color:#5d6952;margin:0 0 19px}
.mv-prompt-label{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;font-weight:600;margin:23px 0 9px}
.mv-prompt-label span{font-weight:400;font-size:10px;color:#738066}
.mv-prompt{display:block;width:100%;min-height:240px;max-height:440px;padding:15px;border:1px solid #d5dccb;border-radius:7px;background:#fff;color:#35422c;font-family:inherit;font-size:12px;line-height:1.9;resize:vertical;overflow:auto;white-space:pre-wrap}
.mv-copy{display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;min-height:46px;border:0;border-radius:5px;background:#1c1e1a;color:#f4f4ee;padding:13px 16px;font-size:12px;margin-top:12px}
.mv-copy:hover{background:#354323}
.mv-copy-status{min-height:20px;font-size:11px;line-height:1.8;color:#536b3b;margin:8px 0 0}
.mv-empty{padding:30px 0;color:#68715e;font-size:13px;line-height:1.8}
@media(max-width:1100px){.mv-intro{padding:26px;gap:24px}.mv-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 20px}.mv-dialog-body{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.mv-view,.mv-detail{padding:22px}}
@media(max-width:760px){#motionvideo{padding-bottom:40px}.mv-intro{grid-template-columns:1fr;gap:15px;padding:24px 21px}.mv-toolbar{align-items:flex-start;gap:12px;flex-direction:column;padding:18px 0}.mv-heading{font-size:29px}.mv-heading span{font-size:12px;margin-left:8px}.mv-grid{gap:25px 15px}.mv-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}.mv-dialog-top{padding:11px 17px}.mv-dialog-body{grid-template-columns:1fr}.mv-view,.mv-detail{padding:20px}.mv-video{max-height:42dvh}.mv-detail h2{font-size:25px}.mv-prompt{min-height:260px}.mv-view-note{margin-top:14px}.mv-filter{min-height:40px}}
@media(max-width:520px){.mv-grid{grid-template-columns:1fr}.mv-preview{aspect-ratio:16/9}.mv-summary{font-size:13px}.mv-card h3{font-size:19px}.mv-note{margin-top:20px}.mv-intro-copy{font-size:12px}}
@media(prefers-reduced-motion:reduce){.mv-preview img,.mv-play{transition:none}.mv-open:hover .mv-preview img{transform:none}}