.work-intro{padding-bottom:85px}.work-intro .page-intro-bottom .work-disclosure{text-align:right;color:#858d90;max-width:270px;font-size:13px;line-height:1.8}.work-jumps{gap:40px;margin-top:54px;display:flex}.work-jumps a{border-bottom:1px solid var(--line);color:#c2c8c8;align-items:center;gap:18px;padding:14px 0;font-size:12px;display:flex}.work-jumps a>span{font-family:var(--font-mono), monospace;color:var(--muted);font-size:9px}.work-jumps .arrow{width:15px;transition:transform .4s var(--ease);margin-left:30px}.work-jumps a:hover .arrow{transform:translate(3px,-3px)}.work-showcase{padding-top:58px;padding-bottom:110px;scroll-margin-top:30px}.work-showcase-heading{border-top:1px solid var(--line);grid-template-columns:1.2fr 1fr;align-items:end;gap:60px;margin-bottom:44px;padding-top:40px;display:grid}.work-showcase-heading h2{letter-spacing:-.055em;margin-top:23px;font-size:clamp(36px,4.4vw,66px);font-weight:350;line-height:1.07}.work-showcase-heading>div:last-child{justify-self:end;max-width:415px}.work-showcase-heading p{color:var(--muted);font-size:16px;line-height:1.85}.work-showcase-heading .text-link{color:#c4caca;margin-top:13px;font-size:14px}.work-showcase-heading .arrow{width:15px}.work-demo{background:#181e21;border:1px solid #b3c1c312;margin:0}.work-micro{font-family:var(--font-mono), monospace;letter-spacing:.13em;color:#9eabad;font-size:8px;line-height:1.7}.work-demo-toolbar{border-bottom:1px solid #b3c1c312;justify-content:space-between;align-items:center;gap:20px;padding:22px 30px;display:flex}.work-layout-control{border:1px solid #9daeb529;border-radius:3px;gap:3px;padding:3px;display:flex}.work-layout-control button,.work-reset{color:#9eabad;background:0 0;border:0;min-height:38px;padding:8px 14px;font-size:10px;transition:color .3s,background .3s}.work-layout-control button[aria-pressed=true]{color:#edf0e9;background:#c5d0d01a}.work-layout-control button:hover,.work-reset:hover{color:#edf0e9}.work-web-canvas{background:radial-gradient(at 50% 30%,#3944487a,#0000 70%);justify-content:center;align-items:center;min-height:660px;padding:68px 65px 90px;display:flex;position:relative}.work-web-browser{width:100%;max-width:1020px;transition:width .9s var(--ease), border-color .5s;background:#14191b;border:1px solid #a4b4b64a;border-radius:5px;box-shadow:0 28px 60px #0003}.work-web-browser:hover{border-color:#a4b4b675}.work-web-browser[data-layout=mobile]{width:320px}.work-browser-chrome{height:35px;font-family:var(--font-mono), monospace;letter-spacing:.08em;color:#87989d;border-bottom:1px solid #9bafb51f;justify-content:space-between;align-items:center;gap:12px;padding:0 17px;font-size:7px;display:flex}.work-browser-dots{flex-shrink:0;gap:5px;display:flex}.work-browser-dots i{background:#87989d;border-radius:50%;width:4px;height:4px}.work-browser-plus{font-size:12px}.work-web-surface{padding:30px 38px 25px;overflow:hidden;container:web-preview/inline-size}.work-web-topline,.work-web-bottomline{font-family:var(--font-mono), monospace;letter-spacing:.1em;color:#849599;justify-content:space-between;align-items:center;gap:15px;font-size:7px;line-height:1.5;display:flex}.work-web-composition{isolation:isolate;grid-template-columns:1.2fr 1fr;gap:20px;min-height:340px;padding-top:48px;padding-bottom:30px;display:grid;position:relative}.work-web-copy{z-index:1;align-self:center}.work-web-copy .work-micro{font-size:7px}.work-web-display{letter-spacing:-.065em;color:#e5e9e2;min-height:2em;margin-top:24px;font-size:clamp(46px,4.8vw,76px);font-weight:350;line-height:.98}.work-web-display>span{color:#9daaa9}.work-web-copy>p{color:#92a0a2;max-width:280px;min-height:3.6em;margin-top:23px;font-size:11px;line-height:1.8}.work-preview-action{color:#cbd4cf;text-align:left;background:0 0;border:0;border-bottom:1px solid #c3cecb55;justify-content:space-between;align-items:center;gap:32px;min-height:44px;margin-top:25px;padding:10px 0;font-size:10px;display:inline-flex}.work-preview-action .arrow{width:14px;transition:transform .4s var(--ease)}.work-preview-action:hover .arrow{transform:translate(3px,-3px)}.work-web-art{align-self:center;position:relative}.work-web-art svg{width:100%;max-height:360px;transition:transform 1s var(--ease)}.work-web-art>span{text-align:center;font-family:var(--font-mono), monospace;letter-spacing:.14em;color:#849599;margin-top:18px;font-size:6px;display:block}.work-web-canvas[data-perspective=alternate] .work-web-art svg{transform:rotate(-14deg)scale(.94)}.work-web-bottomline{border-top:1px solid #9bafb526;padding-top:19px}.work-canvas-index{font-family:var(--font-mono), monospace;letter-spacing:.15em;color:#788c92;font-size:8px;position:absolute;bottom:25px;left:30px}.work-demo-caption{background:var(--bg);color:var(--muted);border-top:1px solid #b3c1c312;justify-content:space-between;gap:25px;margin:0 -1px -1px;padding:21px 0 0;font-size:12px;line-height:1.8;display:flex}.work-demo-caption>span:last-child{text-align:right;color:#b4bebe}.work-capability-line{color:#aeb8b9;flex-wrap:wrap;gap:16px 36px;margin:32px 0 0;padding:0;font-size:13px;list-style:none;display:flex}.work-capability-line li+li:before{content:"/";color:#566569;margin-right:36px}.work-app-canvas{background:radial-gradient(at 45% 40%,#39474e70,#0000 70%);align-items:center;min-height:650px;padding:85px 17% 100px 5%;display:flex;position:relative}.work-app-window{background:#151c20;border:1px solid #9bafb54d;border-radius:5px;width:100%;box-shadow:0 28px 60px #0003}.work-app-heading{padding:27px 30px 24px}.work-app-heading h3{letter-spacing:-.055em;margin:12px 0 8px;font-size:clamp(30px,3vw,42px);font-weight:350}.work-app-heading>p{color:#82979e;font-size:10px}.work-app-workspace{border-top:1px solid #9bafb51f;grid-template-columns:1.1fr 1fr;display:grid}.work-app-list{min-width:0;padding:20px 25px}.work-app-filters{border-bottom:1px solid #9bafb51f;gap:20px;display:flex}.work-app-filters button{color:#82979e;background:0 0;border:0;border-bottom:1px solid #0000;min-height:42px;padding:4px 0 14px;font-size:10px}.work-app-filters button[aria-pressed=true]{color:#d5e0dc;border-color:#d5e0dc88}.work-app-filters button>span{color:#82979e;margin-left:5px}.work-app-items{min-height:177px;padding-top:9px}.work-app-item{color:#a8b8bc;text-align:left;background:0 0;border:1px solid #0000;align-items:center;gap:12px;width:100%;padding:12px 10px;transition:background .3s,border-color .3s,color .3s;display:flex}.work-app-item[aria-pressed=true]{color:#dce5e0;background:#a4babd0c;border-color:#a4babd26}.work-app-item:hover{color:#edf0e9;background:#a4babd12}.work-item-index{font-family:var(--font-mono), monospace;color:#7a8f97;font-size:8px}.work-app-item strong{font-size:11px;font-weight:400;display:block}.work-item-status{color:#7f969f;margin-top:4px;font-size:8px;display:block}.work-item-arrow{color:#879da5;margin-left:auto;font-size:13px}.work-app-footnote{font-family:var(--font-mono), monospace;letter-spacing:.12em;color:#82979e;margin-top:17px;font-size:6px;display:block}.work-app-detail{border-left:1px solid #9bafb51f;min-width:0;padding:28px 30px}.work-status{color:#9daeb3;border:1px solid #9bafb533;padding:5px 8px;font-size:8px;display:inline-block}.work-status[data-status="1"]{color:#dbe3de;background:#9bafb512}.work-status[data-status="2"]{color:#dbe3de;border-color:#b6c7be66}.work-app-detail h4{letter-spacing:-.035em;margin:23px 0 13px;font-size:21px;font-weight:400;line-height:1.2}.work-app-detail p{color:#8fa3aa;max-width:205px;min-height:5.4em;font-size:11px;line-height:1.8}.work-app-detail .work-preview-action{gap:18px;margin-top:20px;font-size:9px}.work-phone{color:#263434;background:#d8ddd7;border:1px solid #edf0e980;border-radius:19px;width:185px;min-height:350px;padding:25px 19px 20px;position:absolute;top:50%;right:5%;transform:translateY(-36%);box-shadow:0 22px 48px #0004}.work-phone-speaker{background:#77888577;border-radius:3px;width:44px;height:4px;position:absolute;top:9px;left:calc(50% - 22px)}.work-phone-heading{justify-content:space-between;align-items:center;margin:10px 0 17px;display:flex}.work-phone .work-micro{color:#4c605d;font-size:6px}.work-phone-line{background:#768c842f;height:1px;display:block}.work-phone-content{padding-top:23px}.work-phone-index{font-family:var(--font-mono), monospace;letter-spacing:.08em;color:#4c605d;font-size:6px}.work-phone-content h4{letter-spacing:-.055em;min-height:2.15em;margin:15px 0;font-size:28px;font-weight:400;line-height:1.05}.work-phone-status{border:1px solid #768c8455;padding:5px 7px;font-size:7px;display:inline-block}.work-phone-content p{color:#4c605d;margin-top:20px;font-size:8px;line-height:1.8}.work-phone-bottom{font-family:var(--font-mono), monospace;letter-spacing:.06em;color:#4c605d;border-top:1px solid #768c842f;align-items:center;gap:12px;margin-top:23px;padding-top:14px;font-size:5px;display:flex}.work-phone-bottom>span:first-child{font-size:15px}.work-case-studies{padding-bottom:120px}.work-case-studies>h2{letter-spacing:-.055em;margin:22px 0 45px;font-size:clamp(36px,4.4vw,66px)}.case-study-card .project-visual img{object-fit:cover;transition:transform .8s var(--ease)}.case-study-card:hover img{transform:scale(1.025)}.case-study-content>img{width:100%;height:auto;display:block}.case-study-section{border-bottom:1px solid var(--line);grid-template-columns:1fr 2fr;gap:50px;padding:70px 0;display:grid}.case-study-section h2{letter-spacing:-.035em;font-size:24px}.case-study-section p{max-width:700px;color:var(--muted);font-size:17px;line-height:1.9}@container web-preview (max-width:500px){.work-web-composition{grid-template-columns:1fr;min-height:355px;padding-top:40px}.work-web-display{font-size:clamp(28px,17cqi,52px)}.work-web-copy>p{max-width:215px}.work-web-art{z-index:-1;opacity:.3;width:260px;position:absolute;top:35px;right:-100px}.work-web-art>span,.work-web-bottomline>span:last-child,.work-web-topline>span:last-child{display:none}.work-web-topline,.work-web-bottomline{font-size:6px}}@media (max-width:1000px){.work-showcase-heading{gap:35px}.work-web-canvas{min-height:620px;padding:55px 30px 75px}.work-web-surface{padding:25px}.work-app-canvas{gap:28px;padding:45px 30px 75px;display:grid}.work-phone{border-radius:5px;grid-template-columns:1fr 1.3fr;column-gap:35px;width:100%;min-height:0;padding:24px;display:grid;position:relative;top:auto;right:auto;transform:none}.work-phone-speaker,.work-phone-line,.work-phone-content p{display:none}.work-phone-heading{align-self:start;margin:0}.work-phone-content{grid-area:1/2/span 2;padding-top:0}.work-phone-content h4{min-height:0;margin:12px 0;font-size:25px}.work-phone-bottom{border:0;align-self:end;margin-top:25px;padding:0}}@media (max-width:640px){.work-intro{padding-bottom:50px}.work-intro .page-intro-bottom .work-disclosure{text-align:left;font-size:13px}.work-jumps{flex-direction:column;align-items:stretch;gap:8px;margin-top:30px}.work-jumps .arrow{margin-left:auto}.work-showcase{padding-top:28px;padding-bottom:65px}.work-showcase-heading{grid-template-columns:1fr;gap:23px;margin-bottom:28px;padding-top:30px}.work-showcase-heading h2{margin-top:16px;font-size:44px}.work-showcase-heading>div:last-child{justify-self:start}.work-showcase-heading p{font-size:16px}.work-demo-toolbar{gap:12px;padding:16px}.work-demo-toolbar>.work-micro{max-width:155px;font-size:6px}.work-layout-control button{padding:7px 9px;font-size:10px}.work-web-canvas{min-height:600px;padding:35px 16px 60px}.work-web-browser[data-layout=mobile]{width:min(260px,85%)}.work-web-surface{padding:23px 20px}.work-browser-chrome{gap:8px;padding:0 12px;font-size:5px}.work-browser-chrome>span:nth-child(2){text-align:center;max-width:155px;line-height:1.5}.work-web-copy>p{font-size:10px}.work-web-copy .work-micro{font-size:6px}.work-preview-action{font-size:9px}.work-canvas-index{font-size:7px;bottom:20px;left:16px}.work-demo-caption{flex-direction:column;gap:6px;padding-top:16px;font-size:12px}.work-demo-caption>span:last-child{text-align:left}.work-capability-line{gap:12px 22px;margin-top:25px;font-size:13px;line-height:1.6}.work-capability-line li+li:before{margin-right:22px}.work-app-canvas{gap:24px;padding:32px 16px 60px}.work-reset{white-space:nowrap;padding:5px 0;font-size:9px}.work-app-heading{padding:22px 20px}.work-app-heading h3{font-size:30px}.work-app-workspace{grid-template-columns:1fr}.work-app-list{padding:18px}.work-app-detail{border-top:1px solid #9bafb51f;border-left:0;padding:24px}.work-app-detail h4{margin-top:18px;font-size:22px}.work-app-detail p{max-width:240px;min-height:0}.work-app-detail .work-preview-action{margin-top:18px}.work-phone{grid-template-columns:1fr 1.1fr;column-gap:22px;padding:20px}.work-phone-content h4{font-size:22px}.work-phone-bottom{gap:6px;font-size:5px;line-height:1.7}.case-study-section{grid-template-columns:1fr;gap:22px;padding:40px 0}.case-study-section p{font-size:15px}}.work-jumps{grid-template-columns:1fr 1fr;gap:32px;display:grid}.work-jumps a{min-width:0;padding:0 0 22px;display:block}.work-jumps img{aspect-ratio:1.85;object-fit:cover;border:1px solid var(--line);background:#181e21;width:100%;height:auto;display:block}.work-jumps .work-jump-label{color:#ececeb;font:inherit;justify-content:space-between;align-items:center;margin-top:20px;font-size:20px;display:flex}.work-jumps small{color:var(--muted);margin-top:10px;font-size:14px;display:block}@media (max-width:700px){.work-jumps{grid-template-columns:1fr;gap:28px}}
