.work-detail-page{margin:0;background:#f7f7f7;color:#17243b;font-family:"Canary Numerals",Georgia,"Noto Sans JP","Yu Gothic",sans-serif;font-size:14px;line-height:1.8;letter-spacing:.025em}.work-detail-page *{box-sizing:border-box}.work-detail-page [hidden]{display:none!important}.detail-header{position:relative;max-width:1180px;margin:auto;padding:92px 24px 48px;text-align:center}.detail-brand{font:500 20px/1.4 "Canary Numerals",Georgia,"Noto Sans JP",sans-serif;letter-spacing:.16em;text-decoration:none;color:inherit}.detail-nav{display:flex;align-items:center;justify-content:center;gap:28px;margin-top:24px}.detail-nav a{color:#7b8491;text-decoration:none;font-size:11px;letter-spacing:.06em;border-bottom:1px solid transparent}.detail-nav a[aria-current]{color:#17243b;border-color:currentColor}.detail-socials{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:16px}.detail-socials a{display:grid;place-items:center;width:30px;min-height:34px;text-decoration:none;color:#697488}.detail-socials svg{width:16px;height:16px}.detail-socials span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.detail-languages{position:absolute;top:20px;right:24px;display:flex;gap:5px}.detail-languages button{position:relative;min-width:36px;min-height:42px;border:0;padding:9px 8px;background:transparent;color:#8b929d;font:11px "Canary Numerals",Georgia,serif;letter-spacing:.09em;cursor:pointer}.detail-languages button[aria-pressed=true]{color:#17243b}.detail-languages button[aria-pressed=true]::after{content:"";position:absolute;bottom:5px;left:8px;right:8px;height:1px;background:currentColor}.detail-main{width:min(860px,calc(100% - 48px));margin:0 auto;text-align:center;padding-bottom:72px;min-height:40vh}.project-player{position:relative;width:100%;aspect-ratio:16/9;background:#e8e9eb}.project-player iframe{display:block;width:100%;height:100%;border:0}.project-info{max-width:760px;margin:28px auto 0}.project-info h1{margin:0 0 12px;font-size:18px;font-weight:400;line-height:1.6;letter-spacing:.015em;overflow-wrap:anywhere}.project-role{margin:0;color:#8c929c;font-size:12px}.project-description{margin:24px auto;color:#697488;font-size:12px;line-height:2;white-space:pre-line;overflow-wrap:anywhere}.project-credits{margin:18px 0 0;font-size:12px;line-height:1.9}.project-credit{display:flex;flex-wrap:wrap;justify-content:center;gap:3px 10px;margin:3px 0}.project-credit dt{color:#9097a2}.project-credit dd{margin:0;color:#697488;overflow-wrap:anywhere}.detail-back{display:inline-flex;align-items:center;justify-content:center;gap:18px;margin-top:48px;padding:8px 0;border-bottom:1px solid #adb2b9;font-size:11px;letter-spacing:.06em;color:#17243b;text-decoration:none}.detail-footer{padding:24px clamp(24px,5vw,72px);text-align:right;font-size:10px;color:#9aa1ab}.work-missing{padding:64px 0}.work-missing h1{font-size:24px;font-weight:400}.work-missing p{color:#697488;font-size:13px}.work-detail-page a:hover{opacity:.65}.work-detail-page a:focus-visible,.work-detail-page button:focus-visible{outline:1px solid #17243b;outline-offset:5px}@media(max-width:600px){.detail-header{padding:88px 20px 36px}.detail-brand{font-size:18px}.detail-nav{margin-top:20px;gap:24px}.detail-languages{right:16px;top:14px}.detail-main{width:calc(100% - 32px);padding-bottom:48px}.project-info{margin-top:22px;padding:0 6px}.project-info h1{font-size:16px}.project-description,.project-credits{font-size:11px}.project-credit{gap:2px 8px;margin:5px 0}.detail-back{margin-top:36px}}@media(prefers-reduced-motion:reduce){.work-detail-page *{scroll-behavior:auto}}