/* v12: real screens, clear provenance, and native horizontal browsing. */
.works{padding-top:60px;border-top:1px solid var(--line)}
.works-heading{display:flex;align-items:end;justify-content:space-between;gap:30px}
.works-heading h2{font-size:clamp(36px,4vw,52px);line-height:1.4;margin-top:10px}
.works-heading>p{font-size:14px;line-height:1.9;max-width:390px}
.works-review-note{font-size:12px;line-height:1.9;margin-top:22px;border-left:3px solid var(--orange);padding-left:12px}
.works-navigation{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:25px 0 13px}
.works-navigation p{font-size:12px;font-weight:700;line-height:1.8}
.works-navigation small{font-size:10px;display:block;color:var(--muted);font-weight:400}
.works-controls{display:flex;align-items:center;gap:9px}.works-controls[hidden]{display:none}
.works-position{font-size:12px;font-variant-numeric:tabular-nums;min-width:57px;margin-right:8px}
.works-controls button{font:700 19px/1 Arial,sans-serif;width:44px;height:44px;background:var(--green);color:#fff;border:1px solid var(--green);border-radius:50%;cursor:pointer}
.works-controls button:hover:not(:disabled){background:var(--gold);color:var(--green)}
.works-controls button:disabled{background:var(--tint);color:var(--muted);border-color:var(--line);cursor:default}
.works-controls button:focus-visible,.works-track:focus-visible{outline:3px solid var(--green);outline-offset:4px}
.works-track{--work-columns:3;list-style:none;display:flex;gap:22px;padding:5px 3px 16px;margin:0;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:3px;overscroll-behavior-x:contain;scrollbar-color:var(--green) var(--tint);scrollbar-width:thin;border-radius:5px;}
.work-card{flex:0 0 calc((100% - 44px)/3);min-width:0;scroll-snap-align:start;border:1px solid var(--green);border-radius:20px 6px 24px 6px;overflow:hidden;background:#fff;box-shadow:0 4px 0 var(--gold)}
.work-card>a{display:flex;flex-direction:column;height:100%;text-decoration:none;color:var(--green)}
.work-card>a:focus-visible{outline:3px solid var(--green);outline-offset:-5px}
.work-screen{position:relative;overflow:hidden;aspect-ratio:1.44;border-bottom:1px solid var(--line);background:var(--tint)}
.work-screen img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .35s var(--ease-out)}
.work-card>a:hover .work-screen img{transform:scale(1.025)}
.work-number{position:absolute;right:10px;bottom:10px;background:#fff;color:var(--green);border:1px solid var(--green);padding:4px 8px;border-radius:4px;font:700 12px/1.5 Arial,sans-serif}
.work-copy{padding:23px 22px 22px;display:flex;flex-direction:column;flex:1}
.work-status{font-size:10px;line-height:1.8;padding:4px 9px;border-radius:5px;align-self:flex-start;font-weight:700;background:var(--tint);border:1px solid var(--line)}
.work-status.is-client{background:var(--gold);border-color:var(--green)}
.work-type{font-size:11px;line-height:1.8;color:var(--muted);margin-top:16px}
.work-copy h3{font-size:22px;line-height:1.5;margin-top:5px;letter-spacing:-.025em}
.work-feature{font-size:12px;line-height:1.9;margin:14px 0 20px}
.work-open{font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:16px;margin-top:auto}
.work-open>span{font-size:20px}
.works-footer{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:23px}
.works-footer>p{font-size:11px;line-height:1.9;color:var(--muted)}
.works-footer .button{font-size:13px;flex-shrink:0;white-space:nowrap;padding:16px 20px}
@media(min-width:981px){.primary-navigation{gap:13px}.primary-navigation>a{font-size:11px}}
@media(max-width:1100px){.work-copy{padding:20px 17px}.work-copy h3{font-size:20px}.work-feature{font-size:11px}.works-footer{gap:20px}.works-footer .button{font-size:12px}}
@media(max-width:980px){.work-card{flex-basis:calc((100% - 22px)/2)}}
@media(max-width:760px){.works{padding-top:42px}.works-heading{display:block}.works-heading h2{font-size:36px}.works-heading>p{font-size:13px;margin-top:17px}.works-review-note{font-size:11px;margin-top:19px}.works-navigation{margin-top:20px;gap:8px}.works-navigation p{font-size:11px}.works-navigation small{font-size:9px}.works-controls{gap:6px}.works-position{font-size:10px;min-width:42px;margin-right:2px}.works-controls button{width:44px;height:44px}.works-track{gap:16px}.work-card{flex-basis:89%}.work-copy{padding:21px}.work-copy h3{font-size:22px}.work-feature{font-size:12px}.works-footer{display:block;margin-top:20px}.works-footer>p{font-size:11px}.works-footer .button{margin-top:19px;font-size:13px}.works-footer .desktop-break{display:none}}
@media(prefers-reduced-motion:reduce){.work-screen img{transition:none}.work-card>a:hover .work-screen img{transform:none}}