.work-showcase{padding:86px 0;overflow:hidden}.work-heading{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:44px}.work-heading h2{font-size:clamp(34px,5.3vw,64px);line-height:1.2;max-width:720px;letter-spacing:-1.8px}.work-heading p{max-width:540px}.work-heading .btn{flex-shrink:0}.work-eyebrow{display:flex;align-items:center;gap:12px;color:var(--brand);font-size:12px;font-weight:700;letter-spacing:.02em;margin-bottom:18px}.work-eyebrow:before{content:"";width:26px;height:1px;background:currentColor}.work-project{--work-tint:#82ab8b;--work-ink:#132d23;--work-scene:#d4c2a5;position:relative;border:1px solid var(--line);border-radius:30px;overflow:hidden;background:#0b1727;isolation:isolate;scroll-margin-top:150px}.work-project--app{--work-tint:#8bc8ff;--work-ink:#124ea0;--work-scene:#dce8f4}.work-project--web{--work-tint:#92d9eb;--work-ink:#18596f;--work-scene:#d9ebee}.work-project-top{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:22px 30px;border-bottom:1px solid var(--line);font-size:11px;letter-spacing:.03em;color:var(--muted2)}.work-project-top span:last-child{direction:ltr;color:var(--work-tint);font-variant-numeric:tabular-nums}.work-project-grid{display:grid;grid-template-columns:.8fr 1.2fr;min-height:540px;align-items:stretch}.work-copy{padding:46px 38px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0;position:relative;z-index:2}.work-copy h2,.work-copy h3{font-size:clamp(34px,4.2vw,54px);line-height:1.25;letter-spacing:-1.5px;margin:0 0 22px}.work-copy .work-subtitle{font-size:15px;line-height:1.9;color:var(--work-tint);margin-bottom:18px}.work-copy>p{font-size:15px;line-height:2;max-width:420px;margin-bottom:24px}.work-tags{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:30px}.work-tags span{font-size:11px;color:var(--muted);border:1px solid var(--line);border-radius:5px;padding:5px 9px}.work-action{display:inline-flex;gap:18px;align-items:center;font-size:14px;font-weight:800;color:var(--work-tint);padding:12px 0;border-bottom:1px solid currentColor;text-decoration:none;margin-top:auto}.work-action .work-arrow{font-size:24px;font-weight:400;transition:transform .25s}.work-action:hover .work-arrow{transform:translateX(-6px)}.work-stage{position:relative;min-width:0;min-height:530px;background:var(--work-scene);overflow:hidden;color:var(--work-ink);isolation:isolate;display:flex;align-items:center;justify-content:center;padding:48px 30px}.work-stage:before{content:"";position:absolute;width:60%;height:140%;top:-30%;left:-18%;border:1px solid rgba(18,45,35,.12);transform:rotate(-28deg);pointer-events:none}.work-stage:after{content:"";position:absolute;width:220px;height:220px;right:-100px;bottom:-100px;border:1px solid rgba(18,45,35,.16);border-radius:50%;pointer-events:none}.work-stage-label{position:absolute;top:20px;left:24px;font-size:10px;font-weight:800;letter-spacing:.13em;direction:ltr;opacity:.7}.work-browser-wrap{width:96%;position:relative;z-index:1;transform:rotate(-3deg);margin-inline-end:22px}.work-browser{background:white;border:1px solid rgba(21,40,31,.18);border-radius:10px;box-shadow:0 32px 55px rgba(25,46,35,.19);overflow:hidden;transform-origin:center;display:block}.work-browser-bar{height:30px;background:#fafaf7;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 12px;border-bottom:1px solid #e4e5df;direction:ltr}.work-browser-dots{display:flex;gap:4px}.work-browser-dots i{display:block;width:5px;height:5px;border-radius:50%;background:#c9ccc7}.work-browser-address{font:9px/1.1 Arial,sans-serif;color:#78817c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.work-browser-shot{aspect-ratio:1.45;overflow:hidden;background:#f3f4ef}.work-browser-shot img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}.work-mobile-wrap{position:absolute;width:25%;min-width:105px;max-width:168px;right:6%;bottom:7%;z-index:3;transform:rotate(7deg)}.work-mobile{display:block;aspect-ratio:390/790;background:#fff;overflow:hidden;border:5px solid #1d2922;outline:1px solid rgba(255,255,255,.3);border-radius:22px;box-shadow:0 24px 36px rgba(20,41,29,.24)}.work-mobile img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}.work-stage-caption{position:absolute;bottom:17px;left:24px;right:24px;font-size:10px;line-height:1.8;color:var(--work-ink);opacity:.8;text-align:left;z-index:4}.work-pair{display:grid;grid-template-columns:.85fr 1.15fr;gap:26px;margin-top:26px;align-items:start}.work-pair .work-project-grid{grid-template-columns:1fr;min-height:0}.work-pair .work-copy{padding:30px;min-height:260px}.work-pair .work-copy h3{font-size:36px;margin-bottom:14px}.work-pair .work-copy>p{font-size:14px;margin-bottom:20px}.work-pair .work-project--web{margin-top:86px}.work-pair .work-stage{min-height:350px;padding:32px 25px}.work-pair .work-project--app .work-stage{min-height:430px}.work-pair .work-browser-wrap{margin:0}.work-pair .work-tags{margin-bottom:18px}.work-app-stage{gap:24px;padding:34px 25px}.work-app-phone{position:relative;width:50%;max-width:225px;aspect-ratio:411/914;border:6px solid #18273c;border-radius:28px;overflow:hidden;background:#fff;box-shadow:0 24px 48px rgba(19,54,92,.25);transform:rotate(5deg);z-index:2;flex-shrink:0}.work-app-phone img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}.work-app-context{display:flex;flex-direction:column;gap:18px;position:relative;z-index:1;max-width:150px}.work-app-context img{width:56px;height:56px;object-fit:contain;border-radius:14px}.work-app-context strong{font-size:27px;line-height:1.3;letter-spacing:-.7px;color:var(--work-ink)}.work-app-context span{font-size:11px;border-top:1px solid rgba(18,78,160,.2);padding-top:10px;color:var(--work-ink);line-height:1.8}.work-portfolio-hero{padding:76px 0 44px}.work-portfolio-hero h1{font-size:clamp(42px,7vw,86px);max-width:1000px;line-height:1.16;letter-spacing:-2.4px}.work-portfolio-hero p{max-width:760px}.work-portfolio-hero .work-hero-note{font-size:13px;color:var(--muted2);margin-top:25px;border-inline-start:2px solid var(--brand);padding-inline-start:16px}.work-tabs{position:sticky;top:76px;z-index:12;padding:14px 0;background:rgba(7,17,31,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(15px)}.work-tabs-inner{display:flex;align-items:center;gap:10px}.work-tabs a{display:flex;align-items:center;gap:13px;min-height:46px;padding:9px 18px;border-radius:100px;color:var(--muted);border:1px solid transparent;font-size:13px;white-space:nowrap}.work-tabs a small{font-size:10px;opacity:.65}.work-tabs a[aria-current=true]{border-color:var(--brand);color:var(--brand);background:rgba(104,225,253,.05)}.work-full-list{display:grid;gap:36px;padding:44px 0 80px}.work-full-list .work-project:nth-child(2) .work-project-grid{grid-template-columns:1.2fr .8fr}.work-full-list .work-project:nth-child(2) .work-copy{grid-column:2;grid-row:1}.work-full-list .work-project:nth-child(2) .work-stage{grid-column:1;grid-row:1}.work-full-list .work-stage{min-height:570px}.work-full-list .work-app-phone{max-width:230px}.work-full-list .work-app-context{max-width:180px}.work-full-list .work-app-context strong{font-size:38px}.work-live-link{display:inline-block;font-size:11px;color:var(--muted2);margin-top:16px;text-decoration:underline;text-underline-offset:4px}.work-detail-hero{padding:70px 0 40px}.work-detail-hero h1{font-size:clamp(44px,7vw,84px);line-height:1.15;max-width:1000px}.work-detail-hero .lead{max-width:810px}.work-detail-tags{display:flex;gap:10px 24px;flex-wrap:wrap;margin-top:30px;font-size:12px;color:var(--muted)}.work-detail-tags strong{display:block;font-size:11px;font-weight:400;color:var(--muted2);margin-bottom:4px}.work-case-visual{border-radius:28px;overflow:hidden;margin-top:25px}.work-case-visual .work-stage{min-height:650px;padding:55px 9%}.work-case-visual .work-browser-wrap{max-width:900px;transform:rotate(-2deg);margin-inline-end:4%}.work-case-visual .work-browser-shot{aspect-ratio:1.75}.work-case-visual .work-mobile-wrap{width:17%;max-width:190px;right:9%;bottom:7%}.work-story{display:grid;grid-template-columns:250px 1fr;gap:70px;padding:80px 0;border-bottom:1px solid var(--line)}.work-story-label{font-size:14px;color:var(--brand);font-weight:700;display:flex;gap:18px;align-items:baseline}.work-story-label span{font:11px/1 Arial,sans-serif;opacity:.6}.work-story h2{font-size:clamp(28px,3.5vw,44px);max-width:800px;line-height:1.5}.work-story p{font-size:16px;line-height:2.1;max-width:800px}.work-deliverables{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 30px}.work-deliverables>div{padding:24px 0;border-top:1px solid var(--line)}.work-deliverables h3{font-size:19px;margin-bottom:12px}.work-deliverables p{font-size:14px;margin:0}.work-journey{counter-reset:journey;list-style:none;margin:28px 0 0;padding:0;display:grid;gap:0}.work-journey li{position:relative;counter-increment:journey;padding:20px 48px 20px 0;border-top:1px solid var(--line);color:var(--muted);font-size:14px}.work-journey li:before{content:counter(journey,decimal-leading-zero);position:absolute;right:0;top:24px;font:12px Arial,sans-serif;color:var(--brand)}.work-related{display:flex;justify-content:space-between;align-items:center;gap:28px;padding:38px;border:1px solid var(--line);border-radius:24px;margin:60px 0}.work-related h2{font-size:28px;margin-bottom:12px}.work-related .btn{flex-shrink:0}.work-detail-disclosure{font-size:11px!important;color:var(--muted2)!important}.work-case-visual a:focus-visible{outline-offset:-5px}.work-project [data-work-live]{text-decoration:underline}
@media(max-width:980px){.work-project-grid{grid-template-columns:1fr}.work-copy{padding:34px}.work-copy h2,.work-copy h3{font-size:42px}.work-project-top{padding:19px 28px}.work-stage{min-height:520px}.work-pair{grid-template-columns:1fr 1fr;gap:20px}.work-pair .work-project--web{margin-top:54px}.work-pair .work-copy{padding:25px}.work-pair .work-copy h3{font-size:31px}.work-pair .work-stage{min-height:300px;padding:24px 15px}.work-pair .work-project--app .work-stage{min-height:370px}.work-pair .work-app-context strong{font-size:21px}.work-pair .work-app-context{gap:13px}.work-pair .work-app-context img{width:42px;height:42px}.work-full-list .work-project:nth-child(2) .work-project-grid{grid-template-columns:1fr}.work-full-list .work-project:nth-child(2) .work-copy,.work-full-list .work-project:nth-child(2) .work-stage{grid-column:auto;grid-row:auto}.work-full-list .work-stage{min-height:520px}.work-story{grid-template-columns:1fr;gap:24px;padding:55px 0}.work-case-visual .work-stage{min-height:520px}.work-case-visual .work-mobile-wrap{width:20%}.work-heading{align-items:start;flex-direction:column;gap:16px}.work-tabs{top:76px}.work-portfolio-hero{padding-top:50px}}
@media(max-width:640px){.work-showcase{padding:52px 0}.work-heading{margin-bottom:28px}.work-heading h2{font-size:36px;letter-spacing:-1px}.work-project{border-radius:22px}.work-project-top{padding:17px 21px;font-size:10px}.work-project-grid{min-height:0}.work-copy{padding:28px 23px}.work-copy h2,.work-copy h3{font-size:38px}.work-copy>p{font-size:14px}.work-copy .work-subtitle{font-size:13px}.work-stage{min-height:345px;padding:35px 20px}.work-browser-wrap{width:100%;margin-inline-end:6px}.work-browser-bar{height:23px;padding:0 9px}.work-browser-address{font-size:8px}.work-browser-shot{aspect-ratio:1.4}.work-mobile-wrap{min-width:80px;width:27%;right:5%;bottom:9%}.work-mobile{border-width:3px;border-radius:15px}.work-stage-label{top:16px;left:18px;font-size:8px}.work-stage-caption{font-size:9px;left:18px;right:18px;bottom:12px}.work-pair{grid-template-columns:1fr;gap:20px;margin-top:20px}.work-pair .work-project--web{margin-top:0}.work-pair .work-copy{min-height:0;padding:28px 23px}.work-pair .work-copy h3{font-size:34px}.work-pair .work-project--app .work-stage{min-height:430px}.work-pair .work-stage{min-height:330px}.work-app-phone{max-width:180px;width:51%;border-width:5px;border-radius:23px}.work-app-context{max-width:130px;gap:18px}.work-pair .work-app-context strong{font-size:28px}.work-pair .work-app-context img{width:52px;height:52px}.work-app-context span{font-size:10px}.work-portfolio-hero h1{font-size:44px;letter-spacing:-1.3px}.work-tabs{top:68px;overflow-x:auto;padding:10px 0;scrollbar-width:none}.work-tabs-inner{width:max-content;min-width:calc(100% - 24px);gap:5px;padding-inline-end:12px}.work-tabs a{padding:8px 13px;font-size:12px;gap:7px;min-height:42px}.work-tabs a small{display:none}.work-full-list{gap:24px;padding:28px 0 52px}.work-full-list .work-stage{min-height:360px}.work-full-list .work-project--app .work-stage{min-height:470px}.work-full-list .work-app-phone{max-width:195px}.work-full-list .work-app-context strong{font-size:27px}.work-detail-hero{padding:45px 0 25px}.work-detail-hero h1{font-size:44px;letter-spacing:-1px}.work-case-visual{border-radius:20px}.work-case-visual .work-stage{min-height:370px;padding:35px 5%}.work-case-visual .work-browser-shot{aspect-ratio:1.4}.work-case-visual .work-mobile-wrap{width:27%;right:6%;min-width:80px;bottom:8%}.work-story{padding:42px 0;gap:21px}.work-story h2{font-size:28px}.work-story p{font-size:15px}.work-deliverables{grid-template-columns:1fr}.work-related{padding:26px;flex-direction:column;align-items:start;margin:42px 0}.work-related .btn{width:100%;white-space:normal}.work-tags{margin-bottom:22px}.work-detail-tags{gap:18px 22px}}
@media(prefers-reduced-motion:reduce){.work-action .work-arrow{transition:none}.work-action:hover .work-arrow{transform:none}}
.motion-reduced .work-action .work-arrow{transition:none}.motion-reduced .work-action:hover .work-arrow{transform:none}

.work-project--web .work-browser-shot{aspect-ratio:1897/859}.work-mobile{aspect-ratio:375/812}.work-case-visual{--work-tint:#82ab8b;--work-ink:#132d23;--work-scene:#d4c2a5}