.work-detail .wd-head{max-width:var(--max-width);margin:0 auto;padding:9rem 3rem 2.5rem}.work-detail .wd-crumb{font-family:var(--font-en);letter-spacing:.1em;color:var(--text-muted);margin-bottom:1.4rem;font-size:.8rem}.work-detail .wd-crumb a{color:var(--text-secondary)}.work-detail .wd-crumb span{color:var(--border);margin:0 .6em}.work-detail .wd-title{font-family:var(--font-serif);letter-spacing:.04em;font-size:clamp(2rem,4vw,3rem);font-weight:500;line-height:1.3}.work-detail .wd-award{color:var(--accent);letter-spacing:.08em;margin-top:1rem;font-size:.9rem}.work-detail .wd-award a{color:inherit;text-underline-offset:3px;text-decoration:underline;transition:opacity .25s}.work-detail .wd-award a:hover{opacity:.65}.work-detail .wd-blog{text-align:center;padding:1rem 0 0}.work-detail .wd-blog-btn{border:1px solid var(--accent);color:var(--accent);letter-spacing:.1em;border-radius:0;align-items:center;gap:.6em;padding:.8em 2em;font-size:.85rem;transition:background .3s,color .3s;display:inline-flex}.work-detail .wd-blog-btn .arrow{transition:transform .3s}.work-detail .wd-blog-btn:hover{background:var(--accent);color:#fff}.work-detail .wd-blog-btn:hover .arrow{transform:translate(4px)}.work-detail .pj-gallery{max-width:var(--max-width);margin:0 auto;padding:0 3rem}.work-detail .pj-main{aspect-ratio:3/2;background:0 0;width:91%;max-height:calc(100vh - 230px);margin:0 auto;position:relative;overflow:hidden}.work-detail .pj-slide{opacity:0;pointer-events:none;margin:0;transition:opacity 1.5s;position:absolute;inset:0}.work-detail .pj-slide.is-active{opacity:1;pointer-events:auto}.work-detail .pj-slide img{object-fit:contain;width:100%;height:100%;display:block}.work-detail .pj-caption{letter-spacing:.04em;color:#fff;text-align:center;pointer-events:none;background:linear-gradient(#1a181400,#1a18148c);margin:0;padding:1.4rem 1.2rem .9rem;font-size:.82rem;line-height:1.6;position:absolute;bottom:0;left:0;right:0}.work-detail .pj-nav{color:#fff;cursor:pointer;opacity:0;z-index:3;background:#1a181447;border:none;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.1rem;line-height:1;transition:opacity .3s,background .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.work-detail .pj-main:hover .pj-nav{opacity:1}.work-detail .pj-nav:hover{background:#1a181499}.work-detail .pj-prev{left:.6rem}.work-detail .pj-next{right:.6rem}.work-detail .pj-toggle{z-index:3;color:#fff;cursor:pointer;opacity:0;-webkit-tap-highlight-color:transparent;background:#1a181447;border:none;outline:none;justify-content:center;align-items:center;width:34px;height:34px;font-size:.8rem;transition:opacity .3s,background .3s;display:flex;position:absolute;bottom:.7rem;right:.7rem}.work-detail .pj-toggle:focus{outline:none}.work-detail .pj-toggle:focus-visible{outline-offset:2px;outline:2px solid #ffffffb3}.work-detail .pj-main:hover .pj-toggle{opacity:.85}.work-detail .pj-toggle:hover{opacity:1;background:#1a181499}.work-detail .pj-gallery.controls-hidden .pj-toggle,.work-detail .pj-gallery.controls-hidden .pj-nav{pointer-events:none;opacity:0!important}.work-detail .pj-thumbs{margin:0;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:.2rem;width:91%;margin-inline:auto;padding:.35rem 0 .8rem;list-style:none;display:flex;overflow-x:auto}.work-detail .pj-thumbs::-webkit-scrollbar{height:6px}.work-detail .pj-thumbs::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.work-detail .pj-thumb{background:var(--bg-secondary);cursor:pointer;scroll-snap-align:start;border:1px solid #0000;flex:0 0 75px;width:75px;height:75px;padding:0;overflow:hidden}.work-detail .pj-thumb img{object-fit:cover;opacity:.55;width:100%;height:100%;transition:opacity .3s;display:block}.work-detail .pj-thumb[aria-current=true]{border-color:var(--accent)}.work-detail .pj-thumb[aria-current=true] img,.work-detail .pj-thumb:hover img{opacity:1}.work-detail .wd-lead-sec{padding:5rem 0 0}.work-detail .wd-narrow{text-align:center;max-width:760px;margin:0 auto;padding:0 1.5rem}.work-detail .wd-lead{font-family:var(--font-serif);letter-spacing:.04em;margin-bottom:1.5rem;font-size:1.4rem;line-height:1.95}.work-detail .wd-text{color:var(--text-secondary);line-height:2.1}.work-detail .pj-info-sec{padding:5rem 0}.work-detail .pj-info-grid{max-width:var(--max-width);grid-template-columns:repeat(3,1fr);gap:3rem;margin:0 auto;padding:0 3rem;display:grid}.work-detail .pj-info-title{font-family:var(--font-serif);letter-spacing:.08em;border-bottom:1px solid var(--border);align-items:baseline;gap:.8em;margin-bottom:1rem;padding-bottom:.8rem;font-size:1.1rem;display:flex}.work-detail .pj-info-title .jp{font-family:var(--font-en);color:var(--text-muted);letter-spacing:.15em;font-size:.78rem}.work-detail .pj-list{margin:0}.work-detail .pj-list>div{border-bottom:1px solid var(--border);grid-template-columns:7em 1fr;gap:.4em 1em;padding:.7em 0;font-size:.88rem;display:grid}.work-detail .pj-list dt{color:var(--text-muted)}.work-detail .pj-list dd{color:var(--text-primary);margin:0;line-height:1.7}.work-detail .wd-body{max-width:760px;color:var(--text-secondary);margin:0 auto;padding:0 1.5rem 1rem;line-height:2.1}.work-detail .wd-body img{max-width:100%;height:auto;margin:1.5rem 0}.work-detail .wd-back{text-align:center;padding:3rem 0 6rem}.work-detail .wd-back-btn{border:1px solid var(--accent);color:var(--accent);letter-spacing:.15em;border-radius:0;align-items:center;gap:.6em;padding:1em 2.8em;font-size:.9rem;transition:background .3s,color .3s;display:inline-flex}.work-detail .wd-back-btn .arrow{transition:transform .3s}.work-detail .wd-back-btn:hover{background:var(--accent);color:#fff}.work-detail .wd-back-btn:hover .arrow{transform:translate(-4px)}@media (width<=900px){.work-detail .pj-info-grid{grid-template-columns:1fr;gap:2.5rem}}@media (width<=768px){.work-detail .wd-head{padding:7rem 1.5rem 2rem}.work-detail .pj-info-grid{padding-left:1.5rem;padding-right:1.5rem}.work-detail .pj-gallery{padding-left:.4rem;padding-right:.4rem}.work-detail .pj-main,.work-detail .pj-thumbs{width:100%}.work-detail .pj-thumb{flex:0 0 72px;width:72px;height:72px}.work-detail .pj-nav{display:none}}@media (width<=1024px),(hover:none) and (pointer:coarse){.work-detail .pj-thumbs{scroll-snap-type:none;padding-left:calc(50% - 37px);padding-right:calc(50% - 37px)}}