.project-filters{flex-wrap:wrap;gap:6px}
.filter sup{font-size:8px;margin-left:4px;color:inherit;opacity:.7}
.filter.active sup{color:var(--yellow);opacity:1}
[data-theme="dark"] .filter.active sup{color:#494119}
.project-grid{align-items:start}
.project-visual{display:flex;align-items:center;justify-content:center;padding:43px 20px 22px;aspect-ratio:1.5}
.project-visual img{position:static;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;mix-blend-mode:normal;flex-shrink:1;min-width:0}
.project-card[data-category="film"] .project-visual{background:#171e19}
.project-card[data-category="film"] .project-number{color:#b6c1ac}
.project-meta strong{font-size:18px;line-height:1.4}
.project-meta small{line-height:1.6}
.project-meta{min-height:83px}
.project-stage{position:absolute;bottom:17px;left:17px;max-width:calc(100% - 75px);padding:5px 9px;background:#f5d341;color:#202321;border-radius:4px;font-size:9px;line-height:1.4}
.project-type{white-space:nowrap}
.work-intro{max-width:445px}
.project-count{padding-top:16px;border-top:1px solid var(--line)}
.dialog-image{min-height:360px;max-height:700px}
.dialog-image img{width:auto;max-width:100%;max-height:calc(84dvh - 48px);object-fit:contain;mix-blend-mode:normal;margin-inline:auto}
.dialog-copy #project-dialog-stage{display:table;margin:0 0 14px;padding:5px 9px;border-radius:4px;background:#f5d341;color:#202321;font-size:10px;line-height:1.4}
#project-dialog-details{padding-left:16px;font-size:12px;line-height:1.8;color:#626c58;margin:20px 0}
[data-theme="dark"] #project-dialog-details{color:#b4beaa}
.project-gallery{display:flex;gap:7px;flex-wrap:wrap;margin-top:20px}
.project-gallery button{padding:0;width:46px;height:43px;border:1px solid #b7bfac;border-radius:4px;background:#e5e9de;overflow:hidden;display:grid;place-items:center}
.project-gallery button[aria-pressed="true"]{border:2px solid #ad8d13}
.project-gallery img{max-width:100%;max-height:39px;object-fit:contain}
.dialog-copy .video-link{display:flex;background:var(--yellow);color:#202321;margin-bottom:13px;justify-content:space-between}
.dialog-copy .button-dark{display:flex;justify-content:space-between}
.project-dialog.has-video{width:min(1120px,calc(100% - 48px))}
.project-dialog.has-video[open]{grid-template-columns:1.55fr 1fr}
.has-video .dialog-image{background:#101310;padding:44px 20px;min-width:0}
.project-video-player{width:100%;aspect-ratio:16/9;background:#000;border-radius:6px;overflow:hidden}
.project-video-player iframe{display:block;width:100%;height:100%;border:0}
.dialog-copy .video-link{width:100%;cursor:pointer}
.video-external{display:inline-flex;gap:12px;font-size:11px;margin:0 0 24px;text-underline-offset:4px}
.video-external:hover{text-decoration:underline}
@media(max-width:700px){.project-dialog.has-video{width:calc(100% - 28px)}.project-dialog.has-video[open]{display:block}.has-video .dialog-image{padding:54px 12px 18px}.has-video .dialog-copy{padding-top:25px}}
@media(min-width:1180px){.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:35px 24px}.project-meta strong{font-size:17px}.project-meta small{font-size:10px}.project-type{font-size:8px;padding:4px 9px}.project-visual{padding:39px 17px 18px}.project-number{font-size:7px;top:17px;left:18px}.project-open{width:33px;height:33px;bottom:15px;right:15px}.project-meta{gap:9px}}
@media(max-width:900px){.project-meta strong{font-size:16px}.project-visual{padding:38px 16px 18px}}
@media(max-width:700px){.project-meta strong{font-size:18px}.project-meta{min-height:0}.project-visual{padding:38px 17px 18px}.project-grid{gap:31px}.project-type{font-size:8px}.project-stage{font-size:8px}.dialog-image{min-height:0}.dialog-image img{max-height:330px}.work-intro{max-width:none}.filter{padding:8px 12px}.dialog-copy .video-link{font-size:10px}}
@media(max-width:360px){.project-meta strong{font-size:16px}.project-type{display:none}.project-visual{padding:35px 13px 18px}.filter{font-size:10px;padding:8px 10px}}