.portfolio-page{padding-block:92px 100px}.portfolio-heading{max-width:820px}.portfolio-heading h1{letter-spacing:-1.7px;margin-top:22px;font-size:46px;line-height:1.17}.portfolio-heading p{color:var(--muted);margin-top:21px;font-size:16px;line-height:1.85}.portfolio-filters{flex-wrap:wrap;gap:10px;margin-block:38px 65px;display:flex}.portfolio-filters button{border:1px solid var(--line);color:#596779;cursor:pointer;background:#fff;border-radius:999px;padding:9px 17px;font-size:13px;transition:background .15s,color .15s}.portfolio-filters button:hover{background:var(--accent-light);color:var(--accent)}.portfolio-filters button[aria-pressed=true]{background:var(--foreground);border-color:var(--foreground);color:#fff}.portfolio-project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:60px 28px;display:grid}.portfolio-project-card{min-width:0}.portfolio-cover-link{border-radius:14px;display:block}.portfolio-visual{aspect-ratio:1.64;background:#eaf0f5;border-radius:14px;min-width:0;position:relative;overflow:hidden}.portfolio-visual>.project-art{border-radius:0;height:100%}.portfolio-upload img{object-fit:cover}.portfolio-dashboard{padding:36px 42px 0}.portfolio-browser{background:#fff;border-radius:12px 12px 0 0;min-height:100%;padding:16px 18px 0;box-shadow:0 10px 35px #233a5012}.portfolio-browser-dots{gap:5px;margin-bottom:17px;display:flex}.portfolio-browser-dots i{background:#cbd5e1;border-radius:50%;width:6px;height:6px}.portfolio-dashboard-body{grid-template-columns:65px 1fr;gap:18px;height:250px;display:grid}.portfolio-dashboard-sidebar{background:#f4f7f9;border-radius:5px;padding:15px 10px}.portfolio-dashboard-sidebar span{background:#dbe7e2;border-radius:2px;height:5px;margin-bottom:15px;display:block}.portfolio-dashboard-main{min-width:0}.portfolio-dashboard-main strong{white-space:nowrap;text-overflow:ellipsis;color:#3c4e59;font-size:12px;display:block;overflow:hidden}.portfolio-dashboard-stats{grid-template-columns:repeat(3,1fr);gap:9px;margin-top:15px;display:grid}.portfolio-dashboard-stats span{background:#e5f0eb;border-radius:4px;height:40px}.portfolio-dashboard-stats span:nth-child(2){background:#e8eef5}.portfolio-chart{border-bottom:1px solid #e5eaf0;align-items:end;gap:9px;height:75px;margin-top:22px;display:flex}.portfolio-chart span{background:#a9cdbd;border-radius:3px 3px 0 0;flex:1}.portfolio-chart span:nth-child(3n){background:#c8d7e6}.portfolio-dashboard-lines span{background:#eef2f5;border-radius:3px;height:5px;margin-top:12px;display:block}.portfolio-project-meta{color:#8190a3;text-transform:uppercase;letter-spacing:.7px;flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:22px;font:10px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;display:flex}.portfolio-project-meta .sample-label{text-transform:none;letter-spacing:0}.portfolio-project-card h2{letter-spacing:-.6px;margin-top:12px;font-size:23px;line-height:1.35}.portfolio-project-card h2 a:hover{color:var(--accent)}.portfolio-project-card>p{color:var(--muted);margin-top:12px;font-size:14px;line-height:1.8}.portfolio-case-link{align-items:center;gap:8px;margin-top:14px;font-size:13px;font-weight:600;display:inline-flex}.portfolio-case-link:hover{color:var(--accent)}.portfolio-count{text-align:center;color:var(--muted);margin-top:35px;font-size:12px;display:block}.portfolio-empty{color:var(--muted);padding-block:40px;font-size:16px}.portfolio-load-more{text-align:center;margin-top:20px}.portfolio-contact{padding-top:110px}.case-study{padding-block:52px 90px}.case-breadcrumb{color:var(--muted);flex-wrap:wrap;gap:9px;margin-bottom:40px;font-size:12px;display:flex}.case-breadcrumb a:hover{color:var(--accent)}.case-heading{max-width:900px}.case-heading h1{letter-spacing:-1.4px;margin-top:20px;font-size:44px;line-height:1.18}.case-heading>p{color:var(--muted);max-width:850px;margin-top:18px;font-size:16px;line-height:1.85}.case-concept{width:fit-content;margin-top:15px;display:block}.case-facts{border-block:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-block:32px 45px;padding-block:23px;display:grid}.case-facts dt{text-transform:uppercase;letter-spacing:1px;color:#8a98ab;font:10px/1.6 ui-monospace,monospace}.case-facts dd{overflow-wrap:anywhere;margin:7px 0 0;font-size:13px;line-height:1.7}.case-cover .portfolio-visual{aspect-ratio:2}.case-cover .portfolio-dashboard{padding:55px 100px 0}.case-cover .portfolio-browser{padding:25px 30px 0}.case-cover .portfolio-dashboard-body{grid-template-columns:150px 1fr;gap:32px;height:500px}.case-cover .portfolio-dashboard-main strong{font-size:22px}.case-cover .portfolio-dashboard-stats span{height:80px}.case-cover .portfolio-chart{gap:25px;height:180px;margin-top:40px}.case-cover .portfolio-dashboard-lines span{height:10px;margin-top:22px}.case-cover .project-art{min-height:100%}.case-cover .clinic-art{padding:40px 40px 0}.case-cover .clinic-window{height:100%;transform:none}.case-body{grid-template-columns:230px minmax(0,1fr);gap:70px;margin-top:85px;display:grid}.case-toc{align-self:start;min-width:0;position:sticky;top:110px}.case-story{min-width:0}.case-toc>span{color:#8a98ab;text-transform:uppercase;letter-spacing:1px;font:10px/1.6 ui-monospace,monospace}.case-toc nav{gap:13px;margin-top:17px;display:grid}.case-toc a{color:var(--muted);border-left:2px solid var(--line);padding-left:12px;font-size:13px}.case-toc a:hover{border-color:var(--accent);color:var(--accent)}.case-section{margin-bottom:55px;scroll-margin-top:110px}.case-section:last-child{margin-bottom:0}.case-section>h2:not(.eyebrow){letter-spacing:-.8px;margin-top:17px;font-size:30px;line-height:1.3}.case-section>p{color:var(--muted);white-space:pre-line;margin-top:18px;font-size:15px;line-height:1.85}.case-steps{margin:23px 0 0;padding:0;list-style:none}.case-steps li{border-top:1px solid var(--line);gap:22px;padding-block:20px;display:flex}.case-steps li>span{color:var(--accent);padding-top:2px;font:11px/1.7 ui-monospace,monospace}.case-steps h3{font-size:15px}.case-steps p{color:var(--muted);margin-top:6px;font-size:13px;line-height:1.8}.case-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:25px;display:grid}.case-gallery figure{min-width:0;margin:0}.case-gallery .portfolio-visual{aspect-ratio:1.35}.case-gallery .portfolio-dashboard{padding:20px 18px 0}.case-gallery .portfolio-dashboard-body{grid-template-columns:35px 1fr;gap:10px}.case-gallery .portfolio-dashboard-main strong{font-size:10px}.case-gallery figcaption{color:var(--muted);margin-top:10px;font-size:11px}.case-results{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:25px;display:grid}.case-results>div{border:1px solid var(--line);background:#fff;border-radius:10px;padding:25px 20px}.case-results strong{color:var(--accent);overflow-wrap:anywhere;font-size:28px}.case-results p{color:var(--muted);margin-top:10px;font-size:13px;line-height:1.8}.case-tech-tags{flex-wrap:wrap;gap:9px;margin-top:18px;display:flex}.case-tech-tags span{border:1px solid var(--line);color:#637286;background:#fff;border-radius:4px;padding:6px 10px;font:11px/1.6 ui-monospace,monospace}.case-more .section-heading{align-items:end}.case-more h2{letter-spacing:-.8px;margin-top:15px;font-size:30px}.case-contact{padding-block:35px 90px}@media (max-width:1000px){.case-body{grid-template-columns:180px minmax(0,1fr);gap:35px}.portfolio-dashboard{padding:28px 25px 0}.case-results{grid-template-columns:1fr}}@media (max-width:767px){.portfolio-page{padding-block:48px 55px}.portfolio-heading h1{letter-spacing:-1px;margin-top:18px;font-size:33px}.portfolio-heading p{margin-top:16px;font-size:14px}.portfolio-filters{flex-wrap:nowrap;margin-block:27px 35px;padding-bottom:5px;overflow:auto}.portfolio-filters button{white-space:nowrap;flex-shrink:0;padding:9px 14px;font-size:12px}.portfolio-project-grid{grid-template-columns:1fr;gap:40px}.portfolio-project-card h2{margin-top:11px;font-size:23px}.portfolio-project-card>p{font-size:14px}.portfolio-project-meta{gap:6px;margin-top:19px;font-size:9px}.portfolio-dashboard{padding:26px 28px 0}.portfolio-dashboard-body{grid-template-columns:45px 1fr;gap:13px}.portfolio-browser{padding:12px 13px 0}.portfolio-dashboard-main strong{font-size:10px}.portfolio-dashboard-stats span{height:30px}.portfolio-chart{gap:7px;height:55px;margin-top:16px}.portfolio-dashboard-sidebar{padding:13px 8px}.portfolio-contact{padding-top:60px}.portfolio-load-more .button{width:100%}.portfolio-count{margin-top:30px;font-size:11px}.case-study{padding-block:30px 50px}.case-breadcrumb{margin-bottom:30px;font-size:10px}.case-heading h1{letter-spacing:-1px;margin-top:18px;font-size:33px}.case-heading>p{margin-top:16px;font-size:14px}.case-heading .eyebrow{font-size:9px}.case-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-block:25px 30px}.case-facts dt{font-size:9px}.case-facts dd{font-size:12px}.case-cover .portfolio-visual{aspect-ratio:1.6}.case-cover .portfolio-dashboard{padding:25px 25px 0}.case-cover .portfolio-browser{padding:15px 15px 0}.case-cover .portfolio-dashboard-body{grid-template-columns:45px 1fr;gap:15px;height:240px}.case-cover .portfolio-dashboard-main strong{font-size:12px}.case-cover .portfolio-dashboard-stats span{height:35px}.case-cover .portfolio-chart{gap:9px;height:80px;margin-top:20px}.case-cover .clinic-window{transform:none}.case-cover .clinic-art{padding:20px 20px 0}.case-body{grid-template-columns:minmax(0,1fr);gap:38px;margin-top:35px}.case-toc{position:static}.case-toc>span{font-size:9px}.case-toc nav{gap:8px;margin-top:12px;padding-bottom:5px;display:flex;overflow:auto}.case-toc a{white-space:nowrap;border:1px solid var(--line);background:#fff;border-radius:5px;padding:7px 10px;font-size:11px}.case-section{margin-bottom:40px}.case-section>h2:not(.eyebrow){letter-spacing:-.6px;font-size:26px}.case-section>p{font-size:14px}.case-steps li{gap:16px}.case-steps h3{font-size:14px}.case-steps p{font-size:12px}.case-gallery{grid-template-columns:1fr;gap:25px}.case-gallery .portfolio-visual{aspect-ratio:1.65}.case-gallery .portfolio-dashboard{padding:25px 30px 0}.case-results{grid-template-columns:1fr}.case-more h2{font-size:26px}.case-more .section-heading{flex-wrap:wrap;align-items:flex-start;gap:20px}.case-contact{padding-block:15px 55px}}