.project-archive{margin-top:64px;padding-top:28px;border-top:1px solid var(--line)}
.project-archive__top{display:flex;align-items:center;justify-content:space-between;gap:24px}.project-archive__top .eyebrow{margin:0}.project-archive__controls{display:flex;gap:8px}.project-archive__controls button{display:grid;width:39px;height:39px;place-items:center;border:1px solid var(--line);border-radius:50%;cursor:pointer;color:var(--ink);background:var(--surface);font-size:19px;transition:border-color .2s,color .2s,transform .2s}.project-archive__controls button:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}
.project-archive__track{display:flex;gap:13px;overflow-x:auto;margin-top:19px;padding-bottom:9px;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.project-archive__track:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.archive-project{position:relative;flex:0 0 clamp(220px,24vw,315px);height:202px;overflow:hidden;border:1px solid var(--line);border-radius:12px;scroll-snap-align:start;background:var(--project-bg)}.archive-project::after{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.88),rgba(0,0,0,.03) 69%);content:""}.archive-project img{width:100%;height:100%;object-fit:cover;filter:saturate(.8);transition:transform .45s ease}.archive-project:hover img{transform:scale(1.06)}.archive-project>div{position:absolute;right:0;bottom:0;left:0;z-index:1;padding:17px;color:#fff}.archive-project small{color:var(--accent);font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.archive-project h3{margin:5px 0 0;color:#fff;font-size:clamp(23px,2.3vw,32px);line-height:.94}
@media(max-width:800px){.project-archive{margin-top:42px;padding-top:22px}.project-archive__track{margin-right:-20px}.archive-project{flex-basis:235px;height:180px}.project-archive__controls button{width:36px;height:36px}}