.story-grid{grid-template-columns:minmax(0,1fr);gap:clamp(28px,3.2vw,48px) 12px;display:grid}.story-grid>li{min-width:0}@media (min-width:640px){.story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.story-grid>.story-featured{grid-column:1/-1}}@media (min-width:1024px){.story-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.story{flex-direction:column;height:100%;display:flex}.story-copy{flex-direction:column;align-items:flex-start;padding:16px 4px 0;display:flex}.story-client{color:var(--nv-faint);font-size:.8125rem}.story-title{letter-spacing:-.015em;color:var(--nv-ink-strong);text-wrap:balance;margin-top:6px;font-size:1.125rem;font-weight:500;line-height:1.3}.story-summary{color:var(--nv-muted);text-wrap:pretty;margin-top:6px;font-size:.9375rem;line-height:1.6}.story-cta{color:var(--nv-ink);transition:color var(--nv-fast) ease;align-items:center;gap:6px;margin-top:14px;font-size:.9375rem;font-weight:500;display:inline-flex}.story-cta svg{opacity:.7;transition:transform var(--nv-med) var(--nv-ease), opacity var(--nv-fast) ease}.story:hover .story-cta{color:var(--nv-ink-strong)}.story:hover .story-cta svg{opacity:1;transform:translate(3px)}@media (min-width:768px){.story-featured .story{flex-direction:row;align-items:center;gap:clamp(28px,5vw,64px)}.story-featured .client-plate{flex:0 0 53%;width:auto}.story-featured .story-copy{padding:0}.story-featured .story-title{letter-spacing:-.022em;margin-top:10px;font-size:clamp(1.5rem,1.2rem + 1.2vw,2rem);line-height:1.15}.story-featured .story-summary{max-width:52ch;margin-top:12px;font-size:1rem;line-height:1.65}.story-featured .story-cta{margin-top:20px}}@media (prefers-reduced-motion:reduce){.story-cta svg{transition:none}}
.work-filters{flex-wrap:wrap;gap:6px;display:flex}.work-filters button{border-radius:var(--nv-radius-pill);background:var(--nv-raised);min-height:40px;color:var(--nv-muted);transition:background-color var(--nv-fast) ease, color var(--nv-fast) ease;padding:0 16px;font-size:.9375rem}.work-filters button:hover{color:var(--nv-ink-strong)}.work-filters button[aria-pressed=true]{background:var(--nv-ink-strong);color:var(--nv-canvas)}.work-grid{grid-template-columns:minmax(0,1fr);gap:12px;display:grid}@media (min-width:768px){.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.work-grid[data-cols="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}}.work-card{border:1px solid var(--nv-line);border-radius:var(--nv-radius-xl);height:100%;transition:border-color var(--nv-med) ease, box-shadow var(--nv-med) ease;background:#0e0e0e;flex-direction:column;display:flex;position:relative;overflow:hidden}.work-card:hover{border-color:var(--nv-edge-strong);box-shadow:0 24px 70px #00000073}.work-shot{aspect-ratio:16/10;cursor:zoom-in;background:radial-gradient(70% 60% at 50% 100%, rgb(var(--nv-fg) / .07), transparent 70%), #0c0c0c;border-bottom:1px solid var(--nv-line);width:100%;display:block;position:relative;overflow:hidden}.work-shot>img{object-fit:cover;object-position:top;width:100%;height:100%;transition:transform .9s var(--nv-ease);position:absolute;inset:0}.work-card:hover .work-shot>img{transform:scale(1.02)}.work-shot[data-phone=true]{justify-content:center;align-items:flex-end;gap:4%;padding:7% 9% 0;display:flex}.work-shot[data-phone=true]>span{border:1px solid var(--nv-edge);background:var(--nv-raised);width:26%;transition:translate .7s var(--nv-ease);border-bottom:0;border-radius:1.2rem 1.2rem 0 0;padding:3px 3px 0;display:block;overflow:hidden}.work-shot[data-phone=true]>span:nth-child(2){translate:0 -7%}.work-card:hover .work-shot[data-phone=true]>span{translate:0 -3%}.work-card:hover .work-shot[data-phone=true]>span:nth-child(2){translate:0 -10%}.work-shot[data-phone=true] img{border-radius:1rem 1rem 0 0;width:100%;height:auto;display:block}.work-shot[data-empty=true]{cursor:default;place-items:center;display:grid}.work-shot em{color:var(--nv-faint);font-size:.75rem}.work-more{z-index:1;border-radius:var(--nv-radius-pill);background:rgb(var(--nv-bg) / .72);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);height:26px;color:var(--nv-ink-strong);pointer-events:none;align-items:center;padding:0 10px;font-size:.75rem;display:inline-flex;position:absolute;bottom:12px;right:12px}.work-foot{flex-direction:column;flex:1;padding:18px 20px 20px;display:flex}.work-title{letter-spacing:-.015em;color:var(--nv-ink-strong);margin-top:6px;font-size:1.125rem;font-weight:500;line-height:1.3}.work-desc{color:var(--nv-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:8px;font-size:.9375rem;line-height:1.55;display:-webkit-box;overflow:hidden}.work-actions{flex-wrap:wrap;align-items:center;gap:4px 20px;margin-top:auto;padding-top:16px;display:flex}.work-actions button{min-height:40px;color:var(--nv-muted);transition:color var(--nv-fast) ease;font-size:.9375rem}.work-actions button:hover{color:var(--nv-ink-strong)}@media (prefers-reduced-motion:reduce){.work-shot>img,.work-shot[data-phone=true]>span{transition:none}}:root[data-theme=light] .work-card{background:var(--nv-surface)}:root[data-theme=light] .work-card:hover{box-shadow:0 24px 70px #0000001f}