@layer components{.case-card{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--background);flex-direction:column;block-size:100%;display:flex;position:relative;overflow:clip;container-type:inline-size}.case-card:has(.case-card-link:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.case-card-cover{aspect-ratio:16/9;border-block-end:1px solid var(--line);background:var(--surface-2)}.case-card[data-size=feature] .case-card-cover{aspect-ratio:4/3}.case-card-cover>img{object-fit:cover;object-position:top center;block-size:100%;inline-size:100%;display:block}.case-card-proof{block-size:100%;position:relative}.case-card-proof>svg{aspect-ratio:auto;block-size:100%}.case-card-proof:after{content:"";background:linear-gradient(to top, var(--ink) 8%, transparent 62%);pointer-events:none;position:absolute;inset:0}.case-card-proof-text{z-index:1;inset-inline:var(--space-5);gap:var(--space-1);flex-direction:column;display:flex;position:absolute;inset-block-end:var(--space-4)}.case-card-proof-value{font-family:var(--font-display);font-weight:800;font-stretch:var(--stretch-metric);letter-spacing:var(--track-md);font-variant-numeric:tabular-nums;color:var(--hue-text);overflow-wrap:anywhere;font-size:clamp(1.75rem,12cqi,3.25rem);line-height:1}.case-card-proof-value[data-long]{color:var(--foreground);font-size:clamp(1.375rem,8cqi,2.25rem)}.case-card-proof-client{color:var(--fg-2);font-size:.9375rem;font-weight:600}.case-card-body{align-items:flex-start;gap:var(--space-2);padding:var(--space-5);flex-direction:column;flex:1;display:flex}.case-card-chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.case-card-title{font-family:var(--font-display);letter-spacing:var(--track-sm);text-wrap:balance;overflow-wrap:break-word;font-size:1.1875rem;font-weight:700;line-height:1.25}.case-card[data-size=feature] .case-card-title{font-size:clamp(1.25rem,1.1rem + .5vw,1.5rem)}.case-card-link{color:inherit;text-decoration:none}.case-card-link:after{content:"";border-radius:inherit;position:absolute;inset:0}.case-card-link:focus-visible{outline:none}.case-card-client,.case-card-note{color:var(--muted);font-size:.9375rem;line-height:1.45}.case-card-line,.case-card-metric{color:var(--fg-2);font-size:.9375rem;line-height:1.5}.case-card-metric strong{font-family:var(--font-display);color:var(--hue-text);font-size:1.125rem;font-weight:800}.case-card-more{align-items:center;gap:var(--space-2);color:var(--accent);margin-block-start:auto;padding-block-start:var(--space-2);font-size:.9375rem;font-weight:700;display:inline-flex}.case-card-more:after{content:"→";transition:transform var(--dur-hover) var(--ez-out)}.case-card:hover .case-card-more:after{transform:translate(3px)}[data-near]>.case-card{border-style:dashed}.project-rows{border-block:1px solid var(--line)}.project-row+.project-row{border-block-start:1px solid var(--line-soft)}.project-row summary{align-items:center;gap:var(--space-4);min-block-size:3.5rem;padding-block:var(--space-3);cursor:pointer;list-style:none;display:flex}.project-row summary::-webkit-details-marker{display:none}.project-row summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-sm)}.project-row summary:hover .project-row-title{color:var(--accent)}.project-row-dot{background:var(--hue);border-radius:50%;flex-shrink:0;block-size:.625rem;inline-size:.625rem}.project-row-head{flex-direction:column;flex:1;gap:.125rem;min-inline-size:0;display:flex}.project-row-title{font-family:var(--font-display);transition:color var(--dur-fast) ease;font-size:1.0625rem;font-weight:700;line-height:1.3}.project-row-meta{color:var(--muted);font-size:.9375rem;line-height:1.4}.project-row-body{gap:var(--space-3);max-inline-size:var(--measure-wide);padding:0 0 var(--space-6) calc(.625rem + var(--space-4));color:var(--fg-2);flex-direction:column;display:flex}.project-row-list{gap:var(--space-2);padding-inline-start:var(--space-5);list-style:outside;display:grid}.project-row-list>li::marker{color:var(--hue)}.project-row-stack{gap:var(--space-2);flex-wrap:wrap;display:flex}@media (min-width:768px){.project-row-head{justify-content:space-between;align-items:baseline;gap:var(--space-6);flex-direction:row}.project-row-meta{text-align:end;flex-shrink:0;max-inline-size:45%}}}