.work-page.wrap{max-inline-size:min(78ch,100% - 2 * var(--gutter))}.work-display{max-inline-size:24ch;font-size:clamp(2.1rem,1.2rem + 3.6vw,3.6rem);font-weight:380;line-height:1.08;letter-spacing:-.025em;font-variation-settings:"opsz" 144}.work-display em{color:var(--accent)}.cases{-webkit-margin-before:var(--block);margin-block-start:var(--block);-webkit-border-before:1px solid var(--hair-strong);border-block-start:1px solid var(--hair-strong)}.cs{display:grid;grid-template-columns:minmax(0,1fr) clamp(230px,33vw,310px);grid-template-areas:"head fig" "copy fig";grid-column-gap:clamp(var(--s6),5vw,var(--s8));column-gap:clamp(var(--s6),5vw,var(--s8));align-items:start;padding-block:var(--s7);-webkit-border-after:1px solid var(--hair);border-block-end:1px solid var(--hair)}.cs-head{grid-area:head}.cs-copy{grid-area:copy}.cs-no{display:flex;align-items:center;gap:var(--s3);font-family:var(--mono);font-size:var(--fs-label);letter-spacing:.14em;color:var(--muted)}.cs-no:before{content:"";inline-size:18px;block-size:1px;background:var(--accent)}.cs-nm{-webkit-margin-before:var(--s3);margin-block-start:var(--s3);font-family:var(--serif);font-optical-sizing:auto;font-weight:420;font-size:clamp(1.5rem,1.15rem + 1.6vw,2.1rem);letter-spacing:-.015em;line-height:1.12}.cs-meta{-webkit-margin-before:var(--s2);margin-block-start:var(--s2);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.cs-meta,.cs-stat{font-family:var(--mono);font-size:var(--fs-label)}.cs-stat{display:inline-block;-webkit-margin-before:var(--s3);margin-block-start:var(--s3);letter-spacing:.04em;color:var(--accent)}a.cs-stat{text-decoration:none;-webkit-border-after:1px solid transparent;border-block-end:1px solid transparent;transition:border-color var(--d-micro) var(--ease-out)}a.cs-stat:hover{border-color:var(--accent)}.cs-d{-webkit-margin-before:var(--s4);margin-block-start:var(--s4);max-inline-size:54ch;font-size:.95rem;line-height:1.7;color:var(--soft)}.cs-d+.cs-d{-webkit-margin-before:var(--s3);margin-block-start:var(--s3)}.cs-fig{grid-area:fig;margin:0;align-self:center}.cs-fig svg{display:block;inline-size:100%;block-size:auto}.cs-cap{display:flex;align-items:center;gap:var(--s3);-webkit-margin-before:var(--s2);margin-block-start:var(--s2);-webkit-padding-start:10px;padding-inline-start:10px;font-family:var(--mono);font-size:var(--fs-label);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.cs-cap:before{content:"";inline-size:14px;block-size:1px;background:var(--accent);flex:none}.cs-fig .da,.cs-fig .dl,.cs-fig .dm{fill:none;vector-effect:non-scaling-stroke}.cs-fig .dl{stroke:var(--hair-strong);stroke-width:1}.cs-fig .dm{stroke:var(--soft);stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round}.cs-fig .da{stroke:var(--accent);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.cs-fig .df{fill:var(--accent);stroke:none}.cs-fig .dfs{fill:var(--soft);stroke:none}.cs-fig .dt{fill:var(--muted);stroke:none;font-family:var(--mono);font-size:9px;letter-spacing:.14em}.cs-fig .dd{stroke-dasharray:1}.js .cs:not([data-drawn]) .cs-fig .dd{stroke-dashoffset:1}.js .cs:not([data-drawn]) .cs-fig .dp{opacity:0}.cs[data-drawn] .cs-fig .dd{stroke-dashoffset:0;transition:stroke-dashoffset .8s var(--ease-out) calc(var(--i, 0) * .11s)}.cs[data-drawn] .cs-fig .dd.slow{transition-duration:1.3s}.cs[data-drawn] .cs-fig .dp{opacity:1;transition:opacity .5s var(--ease-out) calc(.18s + var(--i, 0) * .11s)}@media (prefers-reduced-motion:reduce){.js .cs:not([data-drawn]) .cs-fig .dd{stroke-dashoffset:0}.js .cs:not([data-drawn]) .cs-fig .dp{opacity:1}.cs[data-drawn] .cs-fig .dd,.cs[data-drawn] .cs-fig .dp{transition:none}}@media (max-width:720px){.cs{grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "fig" "copy";row-gap:var(--s5)}.cs-fig{max-inline-size:420px;align-self:start}}