.body{column-gap:var(--sheet-gap);grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;row-gap:clamp(2rem,5vh,3.2rem);max-width:none;display:grid}.head{grid-area:1/1/auto/span 7;min-width:0;max-width:none;margin-top:clamp(1.2rem,5vh,3.2rem)}.head .lede{max-width:52ch;color:var(--ink-2);text-wrap:pretty;margin:.9rem 0 0;font-size:1.0625rem;line-height:1.55}.sect{grid-column:1/-1;min-width:0;margin:0;scroll-margin-top:5rem}.sect-head{border-bottom:1px solid var(--line-2);align-items:baseline;gap:1rem;margin-bottom:clamp(1.1rem,2.6vw,1.7rem);padding-bottom:.65rem;display:flex}.sect-title{font:600 .6875rem/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2);margin:0}.cases,.works,.projects{gap:clamp(1.6rem, 3vw, 2.4rem) var(--sheet-gap);grid-template-columns:repeat(12,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.case{border:1px solid var(--line);border-radius:var(--r-m);background:var(--paper);transition:border-color .35s var(--ease-hover), transform .4s var(--ease);grid-column:span 4;display:block;overflow:hidden}.case:hover{border-color:var(--line-2);transform:translateY(-3px)}.case-cover{aspect-ratio:1;background:var(--tint);border-bottom:1px solid var(--line);display:block;overflow:hidden}.case-cover img{object-fit:cover;width:100%;height:100%;transition:transform .7s var(--ease);display:block;transform:scale(1.01)}.case-body{padding:.9rem 1rem 1.1rem;display:block}.case-top{align-items:center;gap:.45rem;display:flex}.case-title{letter-spacing:-.015em;font-size:.9375rem;font-weight:600}.case-arrow{opacity:0;width:.8em;height:.8em;transition:opacity .3s var(--ease), transform .3s var(--ease);flex:none;transform:translate(-4px)}.case-client{font:400 .6875rem/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin:.25rem 0 0;display:block}.tags{flex-wrap:wrap;gap:.3rem;margin:.7rem 0 0;padding:0;list-style:none;display:flex}.tags li{letter-spacing:.01em;color:var(--ink-2);border:1px solid var(--line);border-radius:var(--r-pill);white-space:nowrap;padding:.1rem .5rem;font-size:.66rem;font-style:normal}.out{font:500 .72rem/1 var(--mono);letter-spacing:.04em;color:var(--ink-2);transition:color .3s var(--ease-hover);align-items:center;gap:.3rem;display:inline-flex}.out:hover{color:var(--ink)}.out svg{width:.85em;height:.85em;transition:transform .3s var(--ease)}.out:hover svg{transform:translate(1px,-1px)}.sect-cases .case{column-gap:var(--sheet-gap);grid-column:span 6;grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.sect-cases .case-cover{border-bottom:0;border-right:1px solid var(--line);grid-column:1/span 3}.sect-cases .case-body{flex-direction:column;grid-column:4/span 3;justify-content:space-between;gap:1.4rem;padding:clamp(1.1rem,2vw,1.6rem) clamp(1.1rem,2vw,1.6rem) clamp(1.1rem,2vw,1.5rem) 0;display:flex}.sect-cases .case-client{margin:0 0 .7rem}.sect-cases .case-title{letter-spacing:-.025em;text-wrap:balance;font-size:clamp(1.125rem,1.7vw,1.375rem);line-height:1.2;display:block}.case-lede{color:var(--ink-2);text-wrap:pretty;-webkit-line-clamp:4;-webkit-box-orient:vertical;margin:.75rem 0 0;font-size:.875rem;line-height:1.55;display:-webkit-box;overflow:hidden}.sect-cases .case-body .tags{margin-top:0}.case-read{font:500 .72rem/1 var(--mono);letter-spacing:.04em;color:var(--ink);align-items:center;gap:.4rem;margin-top:1rem;display:inline-flex}.case-read svg{width:.95em;height:.95em;transition:transform .35s var(--ease)}.case:hover .case-read svg{transform:translate(4px)}.work{grid-column:span 4;display:block}.work-thumb{aspect-ratio:1;border:1px solid var(--line);border-radius:var(--r-m);background:var(--tint);display:block;position:relative;overflow:hidden}.work-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .7s var(--ease);display:block;transform:scale(1.01)}.work-title{letter-spacing:-.012em;align-items:center;gap:.35rem;margin-top:.6rem;font-size:.875rem;font-weight:600;display:flex}.work-meta{font:400 .6875rem/1.4 var(--mono);letter-spacing:.05em;color:var(--ink-3);margin-top:.15rem;display:block}.work-static .work-thumb{border-style:dashed}.work-static .work-thumb img{opacity:.72}.work-note{border:1px dashed var(--line-2);border-radius:var(--r-xs);font:400 .5625rem/1.3 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-top:.4rem;padding:.12rem .4rem;display:inline-block}.work-arrow{opacity:0;width:.8em;height:.8em;transition:opacity .3s var(--ease), transform .3s var(--ease);transform:translate(-4px)}.project{flex-direction:column;grid-column:span 4;min-width:0;display:flex;position:relative}.project-cover{aspect-ratio:8/5;border:1px solid var(--line);border-radius:var(--r-m);background:var(--tint);transition:border-color .35s var(--ease-hover);display:block;overflow:hidden}.project-cover img{object-fit:cover;width:100%;height:100%;transition:transform .7s var(--ease);display:block;transform:scale(1.01)}.project-body{flex-direction:column;flex:1;display:flex}.project-body .tags{margin-top:.8rem}.project-title{letter-spacing:-.02em;align-items:center;gap:.45rem;margin:0;font-size:1.0625rem;font-weight:600;display:flex}.project-link:after{content:"";z-index:0;position:absolute;inset:0}.project-desc{color:var(--ink-2);text-wrap:pretty;margin:.55rem 0 0;font-size:.875rem;line-height:1.55}.project-acts{flex-wrap:wrap;gap:.9rem;margin:auto 0 0;padding-top:.75rem;display:flex}.project-acts .out{z-index:1;position:relative}.project:hover .project-cover{border-color:var(--line-2)}.project:focus-within .project-cover{border-color:var(--ink)}@media (hover:hover) and (pointer:fine){.case:hover .case-cover img,a.work:hover .work-thumb img,.project:hover .project-cover img{transform:scale(1.045)}.case:hover .case-arrow,a.work:hover .work-arrow,.project:hover .case-arrow{opacity:1;transform:none}}@media (width<=1000px){.head,.sect-cases .case{grid-column:1/-1}.case,.work,.project{grid-column:span 6}}@media (width<=720px){.sect-cases .case{display:block}.sect-cases .case-cover{border-right:0;border-bottom:1px solid var(--line)}.sect-cases .case-body{padding:.9rem 1rem 1.1rem}.project{grid-column:1/-1}.work-title{font-size:.8125rem}}