.project-cases{--project-gap:24px}
.project-cases--home{padding:0 0 var(--space-section)}
.project-cases-top{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px}
.project-cases-top h2{margin:0}
.project-cases-top p{max-width:720px;color:var(--muted);margin:10px 0 0}
.project-controls{display:flex;align-items:center;gap:14px;flex:none}
.project-counter{min-width:64px;text-align:right;font-size:var(--text-ui);color:var(--muted);font-variant-numeric:tabular-nums}
.project-cases .arrow{border-color:var(--line);color:var(--ink);background:#fff;cursor:pointer}
.project-cases .arrow:not(:disabled):hover{background:var(--soft);border-color:var(--blue)}
.project-cases .arrow:disabled{opacity:.35;cursor:default}
.project-cases.is-static .project-controls{display:none}
.project-viewport{overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;padding:2px;margin:-2px}
.project-viewport::-webkit-scrollbar{display:none}
.project-viewport:focus-visible{outline:2px solid var(--blue);outline-offset:4px;border-radius:var(--radius-card)}
.project-track{display:flex;gap:var(--project-gap);list-style:none;margin:0;padding:0}
.project-card{flex:0 0 calc((100% - var(--project-gap))/2);min-width:0;scroll-snap-align:start;display:flex;flex-direction:column;gap:16px;padding:28px;border:1px solid var(--line);border-radius:var(--radius-card);background:#fff}
.project-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:0;font-size:var(--text-ui);line-height:var(--leading-small)}
.project-meta b{color:var(--blue);font-weight:var(--weight-semibold)}
.project-meta span{color:var(--muted)}
.project-meta span:before{content:'';display:inline-block;width:4px;height:4px;border-radius:50%;background:currentColor;vertical-align:middle;margin-right:10px}
.project-card h3{margin:0;font-size:var(--text-card);line-height:var(--leading-section)}
.project-points{display:grid;gap:10px;list-style:none;margin:0;padding:0;color:var(--muted)}
.project-points li{position:relative;padding-left:18px}
.project-points li:before{content:'';position:absolute;left:0;top:.68em;width:6px;height:6px;border-radius:50%;background:var(--blue)}
.project-tags{display:flex;flex-wrap:wrap;gap:8px;margin:auto 0 0;padding-top:8px}
.project-tags span{padding:6px 12px;border-radius:var(--radius-pill);background:var(--soft);font-size:var(--text-ui);line-height:var(--leading-small);color:var(--ink)}
@media(max-width:760px){.project-cases-top{flex-direction:column;align-items:stretch;gap:16px;margin-bottom:20px}.project-controls{justify-content:space-between}.project-counter{text-align:left}.project-card{flex-basis:88%;padding:22px}.project-cases{--project-gap:16px}}