.work-page .case-next,.work-page .work-samples{margin-bottom:clamp(3rem,2rem + 4vw,6rem)}.case-head .back-link+.eyebrow{margin-top:28px}.work-page .browser-chrome{height:28px;font-size:10px}.work-page .browser-dots i{width:6px;height:6px}.work-frame{background:#fff;border:1px solid #0000001a;border-radius:8px;overflow:hidden;box-shadow:0 30px 60px -30px #1c1c1966}.work-frame img{width:100%;height:auto;display:block}.case-head{padding-top:clamp(2rem,1.5rem + 2vw,3.5rem)}.case-meta{font-family:var(--font-mono), monospace;color:var(--muted-strong);flex-wrap:wrap;align-items:center;gap:10px 28px;margin-top:26px;font-size:.8125rem;display:flex}.case-meta a{color:var(--ink);font-family:var(--font-sans), sans-serif;border-bottom:1px solid;padding-bottom:2px;font-size:.9375rem;font-weight:500}.case-lede{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:clamp(1.5rem,4vw,5rem);margin-top:clamp(2rem,4vw,3.5rem);display:grid}.case-lede h2{letter-spacing:-.045em;text-wrap:balance;font-size:clamp(1.75rem,1.2rem + 2vw,2.75rem);font-weight:500;line-height:1.08}.case-lede p{color:var(--muted-strong);font-size:1.0625rem;line-height:1.75}.case-stage{border-radius:10px;margin-top:clamp(2.5rem,5vw,4.5rem);padding:clamp(1.5rem,5vw,5rem) clamp(1rem,7vw,7rem) 0;position:relative;overflow:hidden}.case-stage .work-frame{border-bottom-right-radius:0;border-bottom-left-radius:0;width:88%}.case-stage-phone{background:#fff;border:6px solid #1f1f1d;border-radius:clamp(18px,2.4vw,32px);width:clamp(110px,21%,250px);position:absolute;bottom:clamp(1rem,3vw,3rem);right:clamp(1rem,5vw,4.5rem);overflow:hidden;box-shadow:0 30px 50px -24px #1c1c1999}.case-stage-phone img{width:100%;height:auto;display:block}.case-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(2rem,5vw,5rem);margin-top:clamp(3rem,6vw,5.5rem);display:grid}.case-columns h2,.case-inner h2,.case-stack h2{letter-spacing:-.035em;margin-bottom:18px;font-size:1.5rem;font-weight:500}.case-list{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.case-list li{border-bottom:1px solid var(--line);padding:15px 0 15px 30px;line-height:1.6;position:relative}.case-list li:before{content:"";background:var(--teal);width:14px;height:1px;position:absolute;top:25px;left:2px}.case-inner{margin-top:clamp(3rem,6vw,5.5rem)}.case-inner figcaption{font-family:var(--font-mono), monospace;color:var(--muted-strong);margin-top:14px;font-size:.75rem}.case-stack{grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:clamp(1.5rem,4vw,4rem);margin-top:clamp(3rem,6vw,5.5rem);display:grid}.case-stack p{color:var(--muted-strong);margin-top:8px;line-height:1.7}.case-stack dl{border-top:1px solid var(--line);display:grid}.case-stack dl>div{border-bottom:1px solid var(--line);grid-template-columns:180px minmax(0,1fr);gap:16px;padding:15px 0;display:grid}.case-stack dt{font-family:var(--font-mono), monospace;text-transform:uppercase;letter-spacing:.05em;color:var(--muted-strong);padding-top:3px;font-size:.75rem}.case-next{border-top:1px solid var(--ink);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;margin-top:clamp(3rem,6vw,5.5rem);padding:28px 0;display:flex}.case-next span{font-family:var(--font-mono), monospace;color:var(--muted-strong);font-size:.75rem}.case-next a{letter-spacing:-.04em;color:var(--ink);font-size:clamp(1.375rem,1rem + 1.5vw,2rem)}.case-next a:hover{text-underline-offset:6px;text-decoration:underline}.work-list{gap:clamp(3.5rem,7vw,6.5rem);margin:clamp(2rem,4vw,3.5rem) 0 0;padding:0;list-style:none;display:grid}.work-row{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);align-items:center;gap:clamp(1.5rem,4vw,4.5rem);display:grid}.work-list li:nth-child(2n) .work-row-media{order:2}.work-row-media{border-radius:10px;padding:clamp(1.25rem,3.5vw,3rem) clamp(1.25rem,3.5vw,3rem) 0;display:block;overflow:hidden}.work-row-media .work-frame{border-bottom-right-radius:0;border-bottom-left-radius:0;transition:transform .4s}.work-row-media:hover .work-frame{transform:translateY(-6px)}.work-row-body .eyebrow{margin-bottom:14px}.work-row-body h2{letter-spacing:-.05em;font-size:clamp(1.875rem,1.3rem + 2vw,2.875rem);font-weight:500;line-height:1.02}.work-row-body>p{color:var(--muted-strong);margin-top:16px;line-height:1.7}.work-row-links{flex-wrap:wrap;gap:12px 26px;margin-top:26px;display:flex}.work-row-links a{color:var(--ink);border-bottom:1px solid;padding-bottom:2px;font-weight:500}.work-samples{border-top:1px solid var(--line);margin-top:clamp(4rem,8vw,7rem);padding-top:clamp(2rem,4vw,3rem)}.work-samples-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:26px;display:grid}.work-samples-grid a{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:6px;padding:20px;transition:border-color .2s,transform .2s;display:block}.work-samples-grid a:hover{border-color:var(--ink);transform:translateY(-2px)}.work-samples-grid strong{letter-spacing:-.02em;font-size:1.0625rem;font-weight:500;display:block}.work-samples-grid span{color:var(--muted-strong);margin-top:6px;font-size:.8125rem;line-height:1.5;display:block}@media (max-width:900px){.case-lede,.case-columns,.case-stack,.work-row{grid-template-columns:1fr}.work-list li:nth-child(2n) .work-row-media{order:0}.work-samples-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.case-stage .work-frame{width:100%}.case-stage{padding-bottom:0}.case-stage-phone{border-width:4px;width:46%;margin:-38% 0 0 auto;position:relative;bottom:auto;right:auto}.case-stack dl>div{grid-template-columns:1fr;gap:4px}.case-next{flex-direction:column;align-items:flex-start}.work-samples-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.work-row-media .work-frame,.work-samples-grid a{transition:none}}.work-samples .section-subtitle{letter-spacing:-.045em;font-size:clamp(1.625rem,1.2rem + 1.5vw,2.25rem);font-weight:500;line-height:1.1}