.jcw{--jcw-ink:#252824;--jcw-soft:#575b52;--jcw-line:#25282429;padding:104px var(--jp-pad,6vw);background:var(--jp-paper,#f1eee7);color:var(--jcw-ink)}.jcw .jcw-heading{border-bottom:1px solid var(--jcw-line);justify-content:space-between;align-items:end;gap:8vw;margin-bottom:56px;padding-bottom:28px;display:flex}.jcw .jcw-heading h2{letter-spacing:-.035em;margin:0;font-size:clamp(28px,2.8vw,40px);font-weight:500;line-height:1.12}.jcw .jcw-heading>p{max-width:360px;color:var(--jcw-soft);margin:0;font-size:15px;line-height:1.6}.jcw .jcw-label{letter-spacing:.14em;text-transform:uppercase;color:var(--jcw-soft);margin:0 0 16px;font-size:12px}.jcw-project{grid-template-columns:minmax(0,1.5fr) minmax(280px,.8fr);align-items:start;gap:clamp(40px,6vw,96px);display:grid}.jcw-project+.jcw-project{margin-top:96px}.jcw-stage{color:inherit;background:#e3dfd4;padding:clamp(20px,3.2vw,48px) clamp(20px,3.2vw,48px) clamp(34px,5vw,72px);text-decoration:none;display:block;position:relative}.jcw-browser{background:#f6f3ec;border:1px solid #25282447;transition:transform .45s cubic-bezier(.2,.7,.2,1);display:block;box-shadow:0 24px 50px -28px #2528248c}.jcw-browser-bar{background:#ece8df;border-bottom:1px solid #25282433;align-items:center;gap:6px;height:30px;padding:0 12px;display:flex}.jcw-browser-bar .jcw-dot{background:#25282447;border-radius:50%;width:8px;height:8px}.jcw-browser-bar .jcw-url{letter-spacing:.02em;color:var(--jcw-soft);background:#f6f3ec;border-radius:99px;margin-inline:auto;padding:2px 14px;font-size:12px;font-weight:400}.jcw-stage img{width:100%;height:auto;display:block}.jcw-phone{background:#1c1e1b;border-radius:clamp(14px,1.8vw,26px);width:21%;min-width:92px;padding:5px;transition:transform .45s cubic-bezier(.2,.7,.2,1);position:absolute;bottom:clamp(8px,1.4vw,20px);right:clamp(8px,1.6vw,24px);box-shadow:0 22px 40px -18px #141613b3}.jcw-phone img{border-radius:clamp(10px,1.4vw,21px)}.jcw-stage:hover .jcw-browser{transform:translateY(-4px)}.jcw-stage:hover .jcw-phone{transform:translateY(-8px)}.jcw-stage:focus-visible{outline-offset:4px;outline:2px solid #4e5f93}.jcw-details{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px;display:grid}.jcw-details figure{margin:0}.jcw-details img{border:1px solid var(--jcw-line);background:#e7e3da;width:100%;height:auto;display:block}.jcw .jcw-details figcaption{letter-spacing:.06em;color:var(--jcw-soft);margin-top:10px;font-size:12px}.jcw-caption{position:sticky;top:96px}.jcw .jcw-caption h3{letter-spacing:-.035em;margin:0 0 16px;font-size:clamp(28px,2.6vw,38px);font-weight:500;line-height:1.1}.jcw .jcw-caption p{color:#3d413a;margin:0 0 16px;font-size:15px;line-height:1.65}.jcw .jcw-caption .jcw-statement{color:var(--jcw-ink);font-size:19px;line-height:1.4}.jcw-facts{border-top:1px solid var(--jcw-line);margin:28px 0}.jcw-facts>div{border-bottom:1px solid var(--jcw-line);grid-template-columns:minmax(96px,.55fr) minmax(0,1fr);gap:16px;padding:13px 0;display:grid}.jcw-facts dt{letter-spacing:.1em;text-transform:uppercase;color:var(--jcw-soft);padding-top:2px;font-size:12px}.jcw-facts dd{color:var(--jcw-ink);gap:4px;margin:0;font-size:14px;line-height:1.5;display:grid}.jcw a.jcw-link{background:var(--jcw-ink);border:1px solid var(--jcw-ink);color:#f1eee7;align-items:center;gap:10px;min-height:48px;padding:0 22px;font-size:14px;text-decoration:none;transition:background-color .2s,color .2s;display:inline-flex}.jcw-link svg{transition:transform .2s}.jcw a.jcw-link:hover{color:var(--jcw-ink);background:0 0}.jcw-link:hover svg{transform:translate(2px,-2px)}.jcw-link:focus-visible{outline-offset:3px;outline:2px solid #4e5f93}.jcw .jcw-caption .jcw-credit{color:var(--jcw-soft);margin:20px 0 0;font-size:13px}.jcw-case-link{min-height:44px;color:var(--jcw-ink);text-underline-offset:5px;align-items:center;margin-top:8px;font-size:14px;display:inline-flex}.jcw-project[id]{scroll-margin-top:96px}@media (max-width:900px){.jcw{padding-block:72px}.jcw .jcw-heading{flex-direction:column;align-items:start;gap:14px;margin-bottom:32px;padding-bottom:22px}.jcw-project{grid-template-columns:minmax(0,1fr);gap:36px}.jcw-caption{position:static}.jcw-phone{width:27%}}@media (prefers-reduced-motion:reduce){.jcw-browser,.jcw-phone,.jcw-link,.jcw-link svg{transition:none}.jcw-stage:hover .jcw-browser,.jcw-stage:hover .jcw-phone,.jcw-link:hover svg{transform:none}}