.work-controls{align-items:flex-start;gap:22px}
.filters{display:flex;flex-wrap:wrap;gap:7px}
.filter{white-space:nowrap}
.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px}
.project-card{cursor:pointer}
.project-image{position:relative;aspect-ratio:1.28;border:1px solid var(--line);border-radius:12px;background:linear-gradient(145deg,#f5f4f1,#eceae7);overflow:hidden;padding:16px;box-shadow:0 4px 14px #211d1a08;transition:transform .25s ease,box-shadow .25s ease}
.project-card:hover .project-image,.project-card:focus-visible .project-image{transform:translateY(-4px);box-shadow:0 13px 28px #211d1a12}
.project-image:after{content:none}
.project-image img{width:100%;height:100%;object-fit:contain;display:block;border-radius:5px;padding:0;background:#fff;box-shadow:0 2px 9px #211d1a0a}
.project-image-count{position:absolute;inset-inline-start:26px;top:26px;padding:4px 10px;border:1px solid #ffffffbb;border-radius:999px;background:#fffdf0eb;color:#514b47;font-size:10px;line-height:1.6;box-shadow:0 2px 8px #00000010}
.project-meta{padding:15px 2px 0}
.project-meta h3{margin:0 0 4px;font-size:17px}
.project-meta p{margin:0 0 9px;color:var(--muted);font-size:12px}
.project-type{display:inline-flex;border:1px solid #e8e2dd;border-radius:999px;padding:3px 9px;color:#7a6865;font-size:10px}
.project-dialog{border:1px solid #ffffffa8;border-radius:18px;background:var(--paper);box-shadow:0 24px 100px #0005}
.project-dialog::backdrop{background:#191717ad;backdrop-filter:blur(4px)}
.dialog-content{grid-template-columns:minmax(0,1.5fr) minmax(260px,.7fr);gap:0}
.dialog-content>img{width:100%;height:100%;object-fit:contain;background:#efeeeb;padding:22px}
.dialog-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.dialog-copy h3{margin:10px 0 8px}
.dialog-copy p{margin:0 0 16px;color:#666169}
.dialog-slide-label{margin-bottom:18px;color:#8a858a;font-size:11px}
.dialog-copy .button{margin-top:4px}
@media(max-width:900px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.work-controls{display:block}.filters{margin-bottom:14px}}
@media(max-width:650px){.project-grid{grid-template-columns:1fr;gap:23px}.project-image{aspect-ratio:1.18;padding:12px}.project-image-count{inset-inline-start:21px;top:21px}.project-meta{padding-top:12px}.project-meta h3{font-size:15px}.project-meta p{font-size:11px}.filter{font-size:9px;padding:6px 9px}.dialog-content{display:flex;flex-direction:column;height:auto;max-height:92vh;overflow:auto}.dialog-content>img{height:48vh;max-height:480px;min-height:260px;padding:9px}.dialog-copy{padding:19px 20px 26px}}