.works-page{color:#efeee9;background:#0b0b0b;min-height:100svh}.works-directory-page{padding-block:0}.works-directory{min-height:calc(100svh - 94px);padding:52px 0 120px}.works-heading{border-bottom:1px solid #2b2b2a;grid-template-columns:.65fr 1.35fr .8fr;align-items:end;gap:48px;padding-bottom:70px;display:grid}.works-heading>div>span{color:#777772;letter-spacing:.12em;font:10px/1.5 SFMono-Regular,Consolas,monospace}.works-heading>div>p{color:#a4a49e;margin-top:12px;font-size:13px}.works-heading h1{letter-spacing:-.075em;font-size:clamp(64px,8vw,132px);font-weight:500;line-height:.92}.works-heading h1 span{color:#6f6f6a}.works-heading>p{color:#8f8f89;font-size:14px;line-height:1.9}.works-masonry{grid-template-columns:repeat(2,minmax(0,1fr));gap:96px 38px;padding-top:0;display:grid}.works-masonry-card{min-width:0}.works-masonry-card:nth-child(2n){transform:translateY(110px)}.works-masonry-card a{display:block}.works-masonry-image{aspect-ratio:4/3;background:#151515;border-radius:7px;position:relative;overflow:hidden}.works-masonry-image:after{content:"";pointer-events:none;background:#0000000d;transition:background .4s;position:absolute;inset:0}.works-masonry-image img{object-fit:cover;width:100%;height:100%;transition:transform .7s cubic-bezier(.22,1,.36,1),filter .4s;display:block}.works-masonry-copy{grid-template-columns:minmax(0,1fr) auto;gap:0 24px;padding:22px 2px 0;display:grid}.works-masonry-meta{color:#777773;letter-spacing:.05em;grid-column:1/-1;justify-content:space-between;align-items:center;font:10px/1.5 SFMono-Regular,Consolas,monospace;display:flex}.works-masonry-copy h2{letter-spacing:-.035em;margin:16px 0 10px;font-size:clamp(23px,2.1vw,34px);font-weight:480;line-height:1.35}.works-masonry-copy>p{color:#92928d;max-width:540px;font-size:14px;line-height:1.85}.works-masonry-tags{flex-wrap:wrap;grid-area:2/2/5;place-content:start flex-end;gap:7px;max-width:190px;margin-top:18px;display:flex}.works-masonry-tags span{color:#797975;border:1px solid #ffffff12;border-radius:4px;padding:5px 8px;font-size:10px;line-height:1}.works-example{color:#777;margin-top:12px;font-size:11px}.works-masonry-meta svg{transition:transform .35s cubic-bezier(.22,1,.36,1)}@media (hover:hover){.works-masonry-card a:hover img{filter:brightness(1.04);transform:scale(1.025)}.works-masonry-card a:hover .works-masonry-image:after{background:0 0}.works-masonry-card a:hover svg{transform:translate(4px,-4px)}}@media (max-width:900px){.works-heading{grid-template-columns:1fr 1.5fr}.works-heading>p{grid-column:2}.works-masonry{gap:72px 24px}.works-masonry-card:nth-child(2n){transform:translateY(70px)}}@media (max-width:700px){.works-directory-page.wrap{width:calc(100% - 40px)}.works-directory{min-height:calc(100svh - 82px);padding:48px 0 72px}.works-heading{padding-bottom:42px;display:block}.works-heading h1{white-space:nowrap;margin-top:42px;font-size:clamp(56px,17.5vw,72px)}.works-heading>p{margin-top:28px;font-size:13px}.works-masonry{grid-template-columns:1fr;gap:54px;padding-top:52px}.works-masonry-card:nth-child(2n){transform:none}.works-masonry-image{aspect-ratio:4/3}.works-masonry-copy{padding-top:18px;display:block}.works-masonry-tags{justify-content:flex-start;max-width:none;margin-top:14px}}@media (prefers-reduced-motion:reduce){.works-masonry-image img,.works-masonry-meta svg{transition:none}}