.project-card{display:block;text-decoration:none;min-width:0}
.project-card:focus-visible{outline:3px solid var(--color-accent);outline-offset:4px}
.project-card__info{pointer-events:none}
.wd-project-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:40px;align-items:start}
.wd-project-main{position:relative;display:block;width:100%;padding:0;border:1px solid var(--color-line);border-radius:var(--r-lg);overflow:hidden;background:var(--color-bg-2);cursor:zoom-in}
.wd-project-main>img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}
.wd-project-main>span{position:absolute;right:12px;bottom:12px;padding:6px 10px;border-radius:20px;background:rgba(255,255,255,.9);font-size:12px;color:var(--color-ink-2)}
.wd-project-caption{margin:12px 0;font-size:13px}
.wd-project-thumbnails{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:10px}
.wd-project-thumbnails button{padding:3px;border:2px solid transparent;border-radius:var(--r-md);background:var(--color-bg-2);cursor:pointer}
.wd-project-thumbnails button[aria-pressed=true]{border-color:var(--color-accent)}
.wd-project-thumbnails img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:calc(var(--r-md) - 4px)}
.wd-project-description>p{margin:0 0 20px;line-height:1.75}
.wd-project-note{font-size:12px;line-height:1.5;margin-top:16px}
.wd-project-cta{padding:24px;border:1px solid var(--color-line);border-radius:var(--r-lg);margin-top:28px;background:var(--color-bg-2)}
.wd-project-cta h2{font-size:22px;margin-bottom:12px}.wd-project-cta p{margin-bottom:20px}
.wd-project-back{display:block;margin-top:16px;font-size:14px}
.wd-project-lightbox{width:min(1200px,96vw);max-width:96vw;max-height:94vh;margin:auto;padding:48px 16px 16px;border:1px solid var(--color-line);border-radius:var(--r-lg);background:var(--color-bg)}
.wd-project-lightbox::backdrop{background:rgba(20,16,13,.8)}
.wd-project-lightbox>img{display:block;width:100%;height:min(68vh,800px);object-fit:contain}
.wd-project-lightbox-controls{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:12px}
@media(max-width:800px){.wd-project-layout{grid-template-columns:minmax(0,1fr);gap:28px}.wd-project-cta{padding:20px}.wd-project-cta .btn{width:100%}}
@media(prefers-reduced-motion:reduce){.project-card img{transition:none}.project-card:hover img{transform:none}}