.workpage-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}@media (max-width:900px){.workpage-grid{grid-template-columns:1fr 1fr}}@media (max-width:600px){.workpage-grid{grid-template-columns:1fr}}.workpage-card{display:flex;flex-direction:column;gap:14px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:18px;transition:transform .2s,box-shadow .2s,border-color .2s}.workpage-card:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--line-strong)}.workpage-card-link{display:flex;flex-direction:column;gap:14px;text-decoration:none;color:inherit}.workpage-card-media{border-radius:14px;overflow:hidden;background:var(--bg);border:1px solid var(--line);aspect-ratio:335/705;max-width:160px}.workpage-card-media img{width:100%;height:100%;object-fit:cover;display:block}.workpage-card-media.landscape{aspect-ratio:auto;max-width:none;width:100%;height:160px}.workpage-card-body{display:grid;grid-gap:8px;gap:8px}.workpage-card .n{font-family:var(--mono);font-size:12px;color:var(--faint)}.workpage-card h3{font-size:1.25rem;letter-spacing:-.02em;line-height:1.2}.workpage-card p{color:var(--muted);font-size:.95rem}.workpage-card .workpage-res{display:flex;align-items:baseline;gap:8px;margin-top:2px}.workpage-card .workpage-res b{font-size:1.3rem;font-weight:600;letter-spacing:-.03em;color:var(--accent)}.workpage-card .workpage-res span{font-size:13px;color:var(--muted)}.workpage-testimonial{font-family:var(--serif);font-style:italic;font-size:.92rem;line-height:1.4;color:var(--ink-2);margin-top:2px}.workpage-testimonial b{font-style:normal;font-weight:600;color:var(--ink)}.workpage-card-links{margin-top:auto;display:flex;flex-wrap:wrap;gap:10px 16px}.workpage-more{display:inline-flex;align-items:center;gap:10px;font-weight:500;font-size:14px;text-decoration:none;color:var(--ink)}.workpage-site{color:var(--muted)}.workpage-card:hover .arrow{transform:translateX(3px)}.workpage-hero{padding-block:64px 8px}@media (max-width:760px){.workpage-hero{padding-block:44px 4px}}.workpage-hero .head{max-width:820px}.workpage-crumb{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;color:var(--muted);margin-bottom:20px}.workpage-crumb a{color:var(--muted);text-decoration:none}.workpage-crumb a:hover{color:var(--ink)}.workpage-crumb span[aria-hidden]{color:var(--faint)}.workpage-crumb .current{color:var(--ink);font-weight:500}.workpage-outcome{display:inline-grid;gap:2px;padding:18px 24px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface);margin-top:8px}.workpage-outcome b{font-size:clamp(2rem,4vw,2.6rem);font-weight:600;letter-spacing:-.04em;color:var(--accent);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.workpage-outcome span{font-size:14px;color:var(--muted)}.workpage-did{display:grid;list-style:none;margin:0;padding:0;grid-gap:2px;gap:2px;border-top:1px solid var(--line)}.workpage-did li{display:flex;gap:14px;align-items:flex-start;padding:18px 0;border-bottom:1px solid var(--line);font-size:1.02rem;color:var(--ink-2)}.workpage-did li svg{width:20px;height:20px;flex:none;margin-top:2px;color:var(--accent)}.workpage-gallery{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px;gap:20px}@media (max-width:900px){.workpage-gallery{grid-template-columns:repeat(3,1fr)}}@media (max-width:640px){.workpage-gallery{grid-template-columns:repeat(2,1fr);gap:14px}}.workpage-screen{display:grid;grid-gap:10px;gap:10px}.workpage-screen-media{border-radius:18px;overflow:hidden;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}.workpage-screen-media img{width:100%;height:auto;display:block;aspect-ratio:335/705;object-fit:cover}.workpage-screen-caption{font-size:13px;font-weight:500;color:var(--ink-2);text-align:center}.workpage-hero-media{display:block;border-radius:var(--r);overflow:hidden;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}.workpage-hero-media img{width:100%;height:auto;display:block;aspect-ratio:16/9;object-fit:cover}.workpage-situation{display:grid;grid-gap:16px;gap:16px;max-width:760px}.workpage-situation p{color:var(--muted);font-size:1.05rem;line-height:1.65}.workpage-stats{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px;margin-bottom:24px}@media (max-width:640px){.workpage-stats{grid-template-columns:1fr}}.workpage-stat{display:grid;grid-gap:4px;gap:4px;padding:20px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface);text-align:center}.workpage-stat b{font-size:clamp(1.6rem,3vw,2rem);font-weight:600;letter-spacing:-.03em;color:var(--accent);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.workpage-stat span{font-size:13px;color:var(--muted)}.workpage-result-text{color:var(--muted);font-size:1.05rem;line-height:1.65;max-width:760px}.workpage-tech{display:flex;flex-wrap:wrap;gap:10px}.workpage-tech span{padding:8px 16px;border-radius:999px;border:1px solid var(--line);background:var(--surface);font-size:13px;font-weight:500;color:var(--ink-2)}.workpage-usedfor{display:flex;gap:12px;align-items:center;padding:18px 22px;border-radius:var(--r-sm);background:var(--accent-soft);color:var(--ink);font-size:1rem;font-weight:500}.workpage-related{display:flex;flex-direction:column;gap:12px;text-decoration:none;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:26px;max-width:520px;transition:transform .2s,box-shadow .2s,border-color .2s}.workpage-related:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--line-strong)}.workpage-related .tag{justify-self:start}.workpage-related h3{font-size:1.3rem;letter-spacing:-.02em}.workpage-related p{color:var(--muted);font-size:.95rem}.workpage-related .workpage-more{margin-top:4px}.workpage-related:hover .arrow{transform:translateX(3px)}