.work-portfolio-section{padding-top:0;border-top:1px solid var(--border)}.work-filter-bar{display:flex;flex-wrap:nowrap;gap:10px;margin-bottom:48px;overflow-x:auto;overflow-y:hidden;padding-bottom:6px;-webkit-overflow-scrolling:touch}.work-filter-bar::-webkit-scrollbar{height:4px}.work-filter-bar::-webkit-scrollbar-track{background:var(--bg)}.work-filter-bar::-webkit-scrollbar-thumb{background:var(--dim);border-radius:2px}.work-filter-tag{flex-shrink:0;padding:10px 18px;background:var(--bg-2);border:1px solid var(--border);font-size:14px;font-weight:400;color:var(--text);letter-spacing:.02em;transition:border-color .2s,background .2s;cursor:pointer;font-family:inherit}.work-filter-tag:hover{border-color:var(--border-md);background:var(--bg-3)}.work-filter-tag.active{border-color:var(--accent);background:var(--bg-3);color:var(--text)}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.work-grid .p-card{flex:none;min-width:0}@media (max-width:960px){.work-portfolio-section{padding-top:0}.work-filter-bar{margin-bottom:36px}.work-grid{grid-template-columns:repeat(2,1fr);gap:20px}}@media (max-width:600px){.work-grid{grid-template-columns:1fr}}.cs-hero-img-wrap{width:100%;margin-top:56px;border:1px solid var(--border);overflow:hidden;background:var(--bg-3)}.cs-hero-img-wrap img{width:100%;height:auto;display:block;object-fit:cover;object-position:top}.cs-detail-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.cs-detail-tag{flex-shrink:0;padding:10px 18px;background:var(--bg-2);border:1px solid var(--border);font-size:13px;font-weight:400;color:var(--muted);letter-spacing:.02em}.cs-section-copy{max-width:720px}.cs-section-copy .svc-why-body{margin-bottom:20px}.cs-section-copy .svc-why-body:last-child{margin-bottom:0}.cs-old-site-note{font-size:13px;color:var(--dim);font-style:italic;margin-top:20px}.cs-screenshots{display:flex;flex-direction:column;gap:48px;margin-top:48px}.cs-screenshot-wrap{width:100%;border:1px solid var(--border);overflow:hidden;background:var(--bg-3)}.cs-screenshot-wrap img{width:100%;height:auto;max-width:100%;display:block;object-fit:contain;object-position:top;image-rendering:auto}.cs-features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;margin-top:48px}.cs-feature-card{background:var(--bg-2);padding:40px 44px;border:1px solid var(--border);transition:border-color .25s,background .25s}.cs-feature-card:hover{border-color:var(--border-md);background:var(--bg-3)}.cs-feature-title{font-family:var(--serif);font-size:22px;font-weight:400;line-height:1.2;margin-bottom:12px;color:var(--text)}.cs-feature-body{font-size:14px;font-weight:300;color:var(--muted);line-height:1.75}.cs-results-row{display:flex;flex-wrap:wrap;gap:48px 64px;margin-top:48px;align-items:flex-end}.cs-result-item{display:flex;flex-direction:column;align-items:flex-start}.cs-prev-next{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:48px;border-top:1px solid var(--border);padding-top:48px}.cs-prev-next a{color:inherit;text-decoration:none;font-size:15px;font-weight:300;color:var(--muted);transition:color .2s;display:flex;flex-direction:column;gap:6px}.cs-prev-next a:hover{color:var(--text)}.cs-prev-next .cs-next-label,.cs-prev-next .cs-prev-label{font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}.cs-prev-next .cs-project-name{font-family:var(--serif);font-size:20px;font-weight:400;color:var(--text)}.cs-prev-next .cs-next-col{text-align:right;align-items:flex-end}@media (max-width:960px){.cs-features-grid{grid-template-columns:1fr}.cs-feature-card{padding:32px 24px}.cs-prev-next{grid-template-columns:1fr;gap:32px}.cs-prev-next .cs-next-col{text-align:left;align-items:flex-start}}