.work-preview,.work-progress{background:var(--gray-light)}
.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.work-card{background:white;border-radius:16px;overflow:hidden;box-shadow:var(--shadow);border:1px solid #e4eaf1}
.work-photo{display:block;position:relative;width:100%;padding:0;border:0;background:#e8edf3;cursor:zoom-in;overflow:hidden}
.work-photo img,.work-card video{width:100%;height:300px;object-fit:cover;display:block;background:#0d1b4b}
.work-photo img{transition:transform .3s ease}.work-photo:hover img{transform:scale(1.035)}

.work-caption{padding:24px}.work-caption h3{margin:8px 0 10px}.work-caption p{color:var(--text-light);font-size:.95rem}
.work-actions,.work-controls{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:32px}.work-secondary{border-color:var(--blue);color:var(--blue)}
.work-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}.work-toolbar h2{margin-top:8px}
.work-filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.work-filters button,.work-controls button{border:1px solid #c9d5e4;border-radius:30px;padding:10px 18px;background:white;color:var(--navy);cursor:pointer;font:inherit;font-weight:600}
.work-filters button[aria-pressed=true]{background:var(--navy);color:white;border-color:var(--navy)}.work-status{color:var(--text-light);margin-bottom:26px;font-size:.9rem}
.work-card[hidden]{display:none}.project-comparison{background:white;border-radius:16px;padding:28px;margin-top:28px;box-shadow:var(--shadow)}.project-comparison>p{color:var(--text-light);margin:12px 0 22px;max-width:800px}
.project-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px}.project-pair img{width:100%;height:440px;object-fit:contain;background:#edf1f5;border-radius:10px}.project-pair figcaption{padding:12px 0;font-weight:700;color:var(--navy)}
.work-cta{text-align:center}.work-cta p{margin:18px 0 24px;color:var(--text-light)}
.work-dialog{width:min(1000px,94vw);max-height:94dvh;margin:auto;padding:20px;border:0;border-radius:18px;background:#fff;color:var(--text);overflow:auto}.work-dialog::backdrop{background:rgba(5,13,36,.88)}
.work-dialog-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.work-dialog-top button{border:0;background:var(--gray-light);border-radius:50%;width:42px;height:42px;font-size:22px;cursor:pointer}
#workDialogImage{width:100%;height: min(56dvh,580px);object-fit:contain;background:#eef2f6;border-radius:8px}.work-dialog-caption{margin-top:18px}.work-dialog-caption h2{font-size:1.3rem}.work-dialog-caption p{margin-top:8px;color:var(--text-light)}.work-controls{margin-top:20px}.work-keyboard-hint{text-align:center;color:var(--text-light);font-size:.8rem;margin-top:14px}
.work-preview button:focus-visible,.work-gallery button:focus-visible,.work-dialog button:focus-visible{outline:3px solid var(--sky);outline-offset:4px}
body.work-modal-open{overflow:hidden}
@media(max-width:1000px){.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.work-grid{grid-template-columns:1fr}.work-toolbar{align-items:flex-start;flex-direction:column}.project-pair{gap:12px}.project-pair img{height:280px}.project-comparison{padding:18px}.work-preview,.work-gallery,.work-progress,.work-cta{padding:60px 0}.work-controls{gap:8px}.work-controls button{padding:9px 12px;font-size:.85rem}.work-dialog{padding:14px}.work-keyboard-hint{display:none}}
@media(prefers-reduced-motion:reduce){.work-photo img{transition:none}}

.work-action .work-photo img{object-position:50% 72%}

.work-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.work-gallery .work-photo img{height:360px}
@media(max-width:640px){.work-gallery .work-photo img{height:380px}}

/* Overlapping photo cards */
.work-stack{overflow:hidden;padding:12px 0 0}
.work-stack-stage{position:relative;height:500px;perspective:1200px;touch-action:pan-y;isolation:isolate}
.work-stack-stage .work-card{position:absolute;left:50%;top:20px;width:340px;max-width:72vw;border-radius:24px;transform:translateX(-50%);transition:transform .45s ease,opacity .45s ease,filter .45s ease;box-shadow:0 20px 45px rgba(13,27,75,.2);border:5px solid white;will-change:transform}
.work-stack-stage .work-photo img{height:440px;object-fit:cover}
.work-stack-stage .work-photo{cursor:pointer}
.work-stack-stage .work-photo:hover img{transform:none}
.work-stack-stage .work-card[data-stack-active=true]{box-shadow:0 24px 55px rgba(13,27,75,.28)}
.work-stack-controls{display:flex;justify-content:center;align-items:center;gap:26px;margin:12px 0}
.work-stack-controls button{width:48px;height:48px;border:1px solid #c9d5e4;background:white;border-radius:50%;font-size:24px;color:var(--navy);cursor:pointer}
.work-stack-controls span{color:var(--text-light);font-size:.9rem;min-width:75px;text-align:center}
.work-stack-hint{text-align:center;color:var(--text-light);font-size:.85rem;margin:16px 0 24px}
.work-video-grid{margin-top:40px}
.work-stack[hidden]{display:none}
@media(max-width:640px){.work-stack-stage{height:425px}.work-stack-stage .work-card{width:280px;max-width:70vw;top:16px}.work-stack-stage .work-photo img{height:370px}.work-stack-hint{font-size:.75rem}}
@media(prefers-reduced-motion:reduce){.work-stack-stage .work-card{transition:none}}