.work-showcase{--work-panel: #232527;--work-dim: rgba(255, 250, 243, .58);--work-faint: rgba(255, 250, 243, .34);--work-line: rgba(255, 250, 243, .12);--work-device-chrome: #e7e2d8;--work-code-bg: url(/cursor-work-bg.webp);background:var(--c-bg-dark);color:var(--c-cream);padding-top:clamp(120px,14vh,168px);padding-bottom:clamp(48px,6vw,72px)}.work-showcase__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.work-showcase__intro{padding:0 var(--gutter) clamp(28px,4vw,48px)}.work-showcase__eyebrow{margin:0 0 14px;font-family:var(--font-mono);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--c-accent)}.work-showcase__heading{margin:0;max-width:24ch;font-size:clamp(22px,2.4vw,32px);line-height:1.2;letter-spacing:-.02em;font-weight:var(--fw-bold);color:var(--c-cream)}.work-showcase__more{display:flex;justify-content:center;padding:clamp(40px,5vw,72px) var(--gutter) 0}.work-showcase__more-link{display:inline-flex;align-items:center;gap:10px;color:var(--c-cream);font-weight:var(--fw-bold);font-size:15px;text-decoration:none;border-bottom:1.5px solid var(--c-accent);padding-bottom:4px;transition:color .2s var(--ease-out)}.work-showcase__more-link:hover{color:var(--c-amber-hover)}.work-showcase__more-link:hover .work-showcase__arrow{transform:translate(4px)}.work-showcase__switch{display:flex;flex-wrap:wrap;gap:10px;padding:0 var(--gutter);margin-bottom:clamp(20px,3vw,32px)}.work-showcase__sw{display:inline-flex;align-items:center;gap:11px;background:none;border:1px solid var(--work-line);border-radius:var(--radius-pill);cursor:pointer;font-family:var(--font-sans);padding:10px 18px;color:var(--work-faint);font-weight:var(--fw-bold);font-size:15px;white-space:nowrap;transition:color .2s var(--ease-out),background .2s var(--ease-out),border-color .2s var(--ease-out)}.work-showcase__sw-num{font-family:var(--font-mono);font-size:11px;color:var(--work-faint);transition:color .2s var(--ease-out)}.work-showcase__sw:hover{color:var(--work-dim)}.work-showcase__sw.is-active{color:var(--c-cream);background:#fffaf30f;border-color:#fffaf340}.work-showcase__sw.is-active .work-showcase__sw-num{color:var(--c-accent)}.work-showcase__sw:focus-visible{outline:2px solid var(--c-cream);outline-offset:2px}.work-showcase__display{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:clamp(24px,3vw,48px);align-items:end;padding:clamp(28px,4vw,56px) var(--gutter);background:#15171a;overflow:hidden}.work-showcase__display:before{content:"";position:absolute;inset:0;background-image:var(--work-code-bg, none);background-size:cover;background-repeat:no-repeat;background-position:top center;opacity:.4;pointer-events:none}.work-showcase__display>*{position:relative;z-index:1}.work-showcase__stage{position:relative;min-width:0}.work-showcase__phonewrap{display:flex;justify-content:center}.work-showcase__phone{position:relative;width:296px;border-radius:24px;background:var(--work-device-chrome);padding:2px;box-shadow:0 40px 80px -40px #000000e6;border:1px solid rgba(255,250,243,.22)}.work-showcase__phone-screen{position:relative;border-radius:22px;overflow:hidden;background:var(--work-device-chrome);height:598px}.work-showcase__pscaler{position:absolute;top:0;left:0;width:430px;height:880px;transform-origin:top left;transform:scale(.679)}.work-showcase__pscaler iframe,.work-showcase__pscaler img{width:430px;height:880px;border:0;background:#fff;display:block}.work-showcase__phone-cap{text-align:center;font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--work-faint);margin-top:13px}.work-showcase__topbar{display:flex;justify-content:flex-end;align-items:center;margin-bottom:18px;min-height:20px}.work-showcase__visit{display:inline-flex;align-items:center;gap:8px;color:var(--c-cream);font-weight:var(--fw-bold);font-size:13px;letter-spacing:.02em;border-bottom:1.5px solid var(--c-accent);padding-bottom:3px;text-decoration:none;transition:color .2s var(--ease-out)}.work-showcase__visit:hover{color:var(--c-amber-hover)}.work-showcase__browser{border:1px solid rgba(255,250,243,.22);border-radius:10px;overflow:hidden;background:var(--work-device-chrome);box-shadow:0 40px 80px -40px #000c;text-decoration:none;color:inherit;display:block}.work-showcase__browser-bar{display:flex;align-items:center;gap:8px;padding:11px 14px;background:var(--work-device-chrome);border-bottom:1px solid rgba(0,0,0,.1)}.work-showcase__tl{width:10px;height:10px;border-radius:50%}.work-showcase__tl--r{background:#e5685a}.work-showcase__tl--y{background:#e2b23e}.work-showcase__tl--g{background:var(--c-sage)}.work-showcase__browser-url{flex:1;margin-left:8px;background:#fff;border-radius:var(--radius-pill);padding:6px 13px;font-family:var(--font-mono);font-size:12px;color:var(--c-text-muted);display:flex;align-items:center;gap:7px;border:1px solid rgba(0,0,0,.1)}.work-showcase__lock{color:var(--c-sage)}.work-showcase__browser-viewport{position:relative;overflow:hidden;background:var(--work-panel)}.work-showcase__scaler{position:absolute;top:0;left:0;width:var(--desktop-w, 1280px);height:800px;transform-origin:top left}.work-showcase__scaler iframe,.work-showcase__scaler img{width:var(--desktop-w, 1280px);height:800px;border:0;background:#fff;display:block}.work-showcase__shim{position:absolute;inset:0;z-index:2;background:var(--work-panel);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--work-faint);text-align:center;padding:12px}.work-showcase__shim:after{content:"";width:120px;height:3px;margin-left:12px;background:linear-gradient(90deg,transparent,var(--c-accent),transparent);background-size:200% 100%;animation:work-showcase-sweep 1.2s linear infinite;border-radius:2px;flex-shrink:0}.work-showcase__shim.is-hidden{display:none}@keyframes work-showcase-sweep{0%{background-position:200% 0}to{background-position:-200% 0}}.work-showcase__mshot{position:relative;min-height:240px;background:var(--work-panel)}.work-showcase__mshot img{width:100%;display:block}.work-showcase__mvisit{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:16px;background:var(--c-cream);color:var(--c-bg-dark);font-weight:var(--fw-bold);font-size:15px;padding:15px;border-radius:var(--radius-sm);text-decoration:none;transition:background .2s var(--ease-out)}.work-showcase__mvisit:hover{background:#fff}.work-showcase__mvisit:hover .work-showcase__arrow{transform:translate(3px,-3px)}.work-showcase__arrow{transition:transform .2s var(--ease-out)}.work-showcase__no-shot{margin:0;padding:24px;font-family:var(--font-mono);font-size:12px;color:var(--work-faint);text-align:center}.work-showcase__empty{padding:var(--space-8) var(--gutter);color:var(--work-dim)}@media(max-width:920px){.work-showcase__switch{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px}.work-showcase__display{grid-template-columns:1fr;align-items:stretch}.work-showcase__topbar{display:none}}@media(max-width:600px){.work-showcase__switch{flex-direction:column;flex-wrap:nowrap;overflow-x:visible}.work-showcase__sw{width:100%;justify-content:flex-start}}@media(prefers-reduced-motion:reduce){.work-showcase__shim:after{animation:none}.work-showcase__sw,.work-showcase__visit,.work-showcase__mvisit,.work-showcase__arrow,.work-showcase__browser img{transition:none}}