/* Local review only: equal-weight portfolio. All media files stay unchanged. */
.portfolio-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:44px 0 22px}
.portfolio-toolbar>p{font-size:16px;color:#b6bdc9;margin:0}
.portfolio-controls{display:flex;align-items:center;gap:10px}
.portfolio-controls[hidden],.work-cover[hidden]{display:none}
.portfolio-hint{font-size:13px;color:#b6bdc9;margin-right:12px}
.portfolio-controls button{width:44px;height:44px;border:1px solid #737e90;border-radius:50%;color:#fff;background:transparent;font:24px/1 "Helvetica Neue",Helvetica,Arial,sans-serif;cursor:pointer;transition:background .15s}
.portfolio-controls button:hover:not(:disabled){background:#293043}
.portfolio-controls button:disabled{opacity:.32;cursor:default}
.portfolio-controls button:focus-visible,.work-cover:focus-visible,.work-rail:focus-visible{outline:2px solid #a8b1ff;outline-offset:4px}
.work-rail{display:flex;gap:24px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#707a90 #252b36;padding:6px 0 24px;scroll-padding-inline:0}
.work-card{flex:0 0 calc((100% - 64px) / 3.15);min-width:0;scroll-snap-align:start;scroll-margin:0}
.work-card .work-media{position:relative;aspect-ratio:16/10;isolation:isolate;background:#080a0f;border-radius:2px}
.work-card .work-media video{width:100%;height:100%;aspect-ratio:auto;object-fit:contain}
.work-cover{position:absolute;inset:0;width:100%;height:100%;border:0;padding:0;background:#080a0f;cursor:pointer;border-radius:2px}
.work-cover img{display:block;width:100%;height:100%;object-fit:cover;border-radius:2px}
.work-media--portrait .work-cover img{object-position:center top}
.work-play{position:absolute;right:16px;bottom:16px;display:grid;place-items:center;width:42px;height:42px;padding-left:2px;border:1px solid #ffffffaa;border-radius:50%;background:#0b0f1999;color:#fff;font-size:15px;transition:background .15s}
.work-cover:hover .work-play{background:#2335e8}
.work-card figcaption{padding:20px 0 8px;display:block}
.work-card h3{font-size:24px;letter-spacing:-.025em;margin-bottom:8px}
.work-card figcaption .work-title{font-size:14px;color:#f0f2f7;line-height:1.5;margin-bottom:6px}
.work-card figcaption p{font-size:13px;line-height:1.55}
.work-card figcaption .film-note{font-size:12px;margin-top:11px;color:#adb6c6}
.portfolio-context{font-size:14px;line-height:1.6;color:#b6bdc9;max-width:810px;border-top:1px solid #353b48;margin:26px 0 0;padding-top:24px}
.work-media video:fullscreen{object-fit:contain;background:#000;width:100%;height:100%}
@media(max-width:1000px){.work-card{flex-basis:calc((100% - 40px) / 2.2)}}
@media(max-width:620px){.portfolio-toolbar{margin-top:30px;align-items:flex-start}.portfolio-toolbar>p{font-size:14px;max-width:170px}.portfolio-hint{display:none}.work-rail{gap:18px;padding-bottom:22px}.work-card{flex-basis:86%}.work-card h3{font-size:23px}.work-card figcaption{padding-top:16px}.portfolio-context{margin-top:18px;font-size:13px}}
@media(prefers-reduced-motion:reduce){.work-play,.portfolio-controls button{transition:none}}
