[data-work-bar]{justify-content:space-between;align-items:center;height:64px;padding:0 32px;display:flex}[data-work-nav]{font-family:var(--font-display);align-items:center;gap:16px;font-size:.875rem;display:flex}[data-work-nav] a{align-items:center;min-height:44px;display:inline-flex}[data-work]{max-width:72rem;margin:0 auto;padding:24px 16px 96px;line-height:1.6}[data-work] h1{font-family:var(--font-display);text-wrap:balance;margin:12px 0 16px;font-size:2.5rem;font-weight:600;font-stretch:112%;line-height:1.1}[data-work] a:focus-visible,[data-work] input:focus-visible+*{outline:2px solid var(--brand);outline-offset:2px}[data-work-head]{max-width:44rem}[data-work-head] p,[data-work-empty]{color:var(--muted-foreground)}[data-work-filter]{flex-wrap:wrap;gap:8px;margin:32px 0 16px;display:flex}[data-work-filter] label{border:1px solid var(--border);cursor:pointer;align-items:center;min-height:44px;padding:0 16px;font-size:.875rem;display:inline-flex}[data-work-filter] label:has(:checked){border-color:var(--brand);color:var(--brand-text)}[data-work-filter] label:has(:focus-visible){outline:2px solid var(--brand);outline-offset:2px}:is([data-work-list]:has(input[value=concept]:checked) [data-work-card]:not([data-type=concept]),[data-work-list]:has(input[value=client]:checked) [data-work-card]:not([data-type=client]),[data-work-list]:has(input[value=personal]:checked) [data-work-card]:not([data-type=personal])){display:none}[data-work-grid]{grid-template-columns:repeat(auto-fill,minmax(min(100%,18rem),22rem));gap:16px;margin-top:16px;display:grid}[data-work-card] a{border:1px solid var(--border);background:color-mix(in oklch, var(--card) 80%, transparent);height:100%;transition:border-color .16s ease-out;display:grid}[data-work-card] a:hover{border-color:var(--brand)}[data-work-card] figure{aspect-ratio:4/3;border-bottom:1px solid var(--border);background:var(--muted);margin:0;overflow:hidden}[data-work-card] img{object-fit:cover;object-position:top;width:100%;height:100%;transition:transform .3s ease-out}[data-work-card] a:hover img{transform:scale(1.02)}[data-work-card] div{align-content:start;gap:8px;padding:16px;display:grid}[data-work-card] h2{font-family:var(--font-display);margin:0;font-size:1.25rem;font-weight:600}[data-work-card] p{color:var(--muted-foreground);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.9375rem;display:-webkit-box;overflow:hidden}[data-work-card] small{font-family:var(--font-geist-mono), ui-monospace, monospace;color:var(--muted-foreground);font-size:.75rem}[data-study]{grid-template-columns:minmax(0,1fr);gap:0;display:grid}[data-study-hero]{grid-template-columns:minmax(0,1fr);align-items:center;gap:24px;display:grid}[data-study-intro]{align-content:center;gap:12px;display:grid}[data-study-hero] h1{margin:0}[data-study-honesty]{border:1px solid var(--brand);font-family:var(--font-geist-mono), ui-monospace, monospace;color:var(--brand-text);justify-self:start;margin:4px 0 0;padding:4px 10px;font-size:.75rem}[data-study-lede]{max-width:44rem;margin:0;font-size:1.125rem}[data-study-meta]{font-family:var(--font-geist-mono), ui-monospace, monospace;color:var(--muted-foreground);margin:0;font-size:.8125rem}[data-study-hero] [data-study-picture] img{width:auto;max-width:100%;max-height:78vh;margin-inline:auto}[data-study-block],[data-study-cta],[data-study-foot]{border-top:1px solid var(--border);margin-top:48px;padding-top:24px}[data-study-block]>h2,[data-study-cta] h2{font-family:var(--font-display);margin:0 0 12px;font-size:1.25rem;font-weight:600}[data-study-body]>p,[data-study-body]>ul:not([data-study-grid]){max-width:44rem;margin:12px 0 0}[data-study-body]>:first-child{margin-top:0}[data-study-body]>ul:not([data-study-grid]){padding-left:20px;list-style:square}[data-study-body]>p:first-child{font-size:1.0625rem}@media (min-width:1024px){[data-study-hero]{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:48px;min-height:calc(100dvh - 160px)}[data-study-block]:not([data-wide]){grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:48px;display:grid}[data-study-block]:not([data-wide])>h2{margin:0}}[data-study-picture]{margin:0}[data-study-picture] img{border:1px solid var(--border);width:100%;height:auto}[data-study-picture] figcaption,[data-study-note]{color:var(--muted-foreground);margin-top:8px;font-size:.8125rem}[data-study-strip]{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;grid-auto-columns:min(72vw,18rem);grid-auto-flow:column;gap:16px;margin:16px 0 0;padding:0 0 16px;list-style:none;display:grid;overflow-x:auto}[data-study-strip] li{scroll-snap-align:start}[data-study-grid]{grid-template-columns:repeat(auto-fill,minmax(min(100%,22rem),1fr));gap:16px;margin:16px 0 0;padding:0;list-style:none;display:grid}[data-study-grid][data-tall]{grid-template-columns:repeat(auto-fill,minmax(min(100%,14rem),1fr));align-items:start}[data-compare]{margin:16px 0 0}[data-compare-frame]{--cut:50%;border:1px solid var(--border);position:relative}[data-compare-frame] img{width:100%;height:auto;display:block}[data-compare-frame] [data-compare-after]{object-fit:cover;height:100%;clip-path:inset(0 0 0 var(--cut));position:absolute;inset:0}[data-compare-frame]:after{content:"";inset:0 auto 0 var(--cut);background:var(--brand);pointer-events:none;width:2px;position:absolute}[data-compare-frame] input{opacity:0;cursor:ew-resize;width:100%;height:100%;margin:0;position:absolute;inset:0}[data-compare-frame]:has(input:focus-visible){outline:2px solid var(--brand);outline-offset:2px}[data-compare] figcaption{color:var(--muted-foreground);justify-content:space-between;gap:16px;margin-top:8px;font-size:.8125rem;display:flex}[data-study-metrics]{grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));gap:16px;margin:24px 0 0;display:grid}[data-study-metrics] div{border:1px solid var(--border);padding:16px}[data-study-metrics] dt{color:var(--muted-foreground);font-size:.875rem}[data-study-metrics] dd{font-family:var(--font-display);align-items:baseline;gap:8px;margin:4px 0 0;font-size:1.75rem;font-weight:600;display:flex}[data-study-cta] p{flex-wrap:wrap;align-items:center;gap:16px;max-width:44rem;margin:12px 0 0;display:flex}[data-study-button]{background:var(--brand);min-height:44px;color:var(--brand-foreground);font-family:var(--font-display);align-items:center;padding:0 20px;font-weight:600;display:inline-flex}[data-study] a:not([data-study-button]){color:var(--brand-text);text-underline-offset:3px;text-decoration:underline}@media (max-width:1023px){[data-work-bar]{height:56px;padding:0 16px}[data-work] h1{font-size:1.875rem}}@media (prefers-reduced-motion:reduce){[data-work-card] a,[data-work-card] img{transition:none}[data-work-card] a:hover img{transform:none}}