.works-page{isolation:isolate;color:#efeee9;background:#080908;min-height:100svh;position:relative;overflow:hidden}.works-page:before{content:"";z-index:0;pointer-events:none;background:linear-gradient(#08090805,#08090847 58%,#080908b8 100%);position:fixed;inset:0}.works-fluid-background{z-index:-1;pointer-events:none;background:radial-gradient(circle at 50% 0,#151a11,#080908 58%);position:fixed;inset:0;overflow:hidden}.works-fluid-background:after{content:"";background:radial-gradient(#0000 0%,#08090814 62%,#08090866 100%);position:absolute;inset:0}.works-fluid-canvas{filter:saturate(1.05)contrast(1.08);transform:scale(1.04)}.works-page>.header,.works-directory-page{width:min(1024px,100% - 48px)}.works-page>.header{z-index:10;border-bottom:0;position:relative}.works-page>.header.header--minimal:before,.works-page>.header.header--minimal[data-floating=true]:before{box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border-color:#0000}.works-directory-page{z-index:1;padding-block:0;position:relative}.works-directory{min-height:calc(100svh - 78px);padding:54px 0 120px}.works-heading{text-align:center;justify-content:center;align-items:center;padding:52px 0 92px;display:flex}.works-heading h1{letter-spacing:-.065em;font-size:clamp(58px,7vw,94px);font-weight:650;line-height:.9}.works-heading h1 span{color:#6f716b}.works-masonry{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:64px 42px;padding-top:0;display:grid}.works-masonry-card{width:100%;min-width:0}.works-masonry-card a{display:block}.works-masonry-image{background:#141414;border:1px solid #282828;border-radius:8px;width:100%;position:relative;overflow:hidden;box-shadow:0 24px 70px #00000038}.works-masonry-image:before{content:"";z-index:1;border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff0a}.works-masonry-image:after{content:"";pointer-events:none;background:linear-gradient(140deg,#ffffff0a,#0000 38%,#00000014);transition:opacity .45s;position:absolute;inset:0}.works-masonry-image img{width:100%;height:auto;transition:opacity .42s,transform .75s cubic-bezier(.22,1,.36,1),filter .45s;display:block}.works-masonry-image .image-loader{width:100%;min-height:clamp(180px,26vw,280px)}.works-masonry-image .image-loader--loaded{min-height:0}.works-masonry-copy{grid-template-columns:minmax(0,1fr) auto;gap:0 24px;padding:23px 3px 0;display:grid}.works-masonry-meta{color:#797b75;letter-spacing:.08em;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:-.04em;margin:17px 0 10px;font-size:clamp(24px,2.1vw,34px);font-weight:480;line-height:1.3}.works-masonry-copy>p{color:#969891;max-width:510px;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:#999;background:#181818;border:1px solid #282828;border-radius:999px;padding:6px 9px;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),color .35s}@media (hover:hover){.works-masonry-card a:hover img{filter:brightness(1.06);transform:scale(1.025)}.works-masonry-card a:hover .works-masonry-image:after{opacity:.35}.works-masonry-card a:hover svg{color:#bfff00;transform:translate(4px,-4px)}}@media (max-width:900px){.works-page>.header,.works-directory-page{width:min(1024px,100% - 48px)}.works-masonry{column-gap:26px}}@media (max-width:700px){.works-page>.header,.works-directory-page{width:calc(100% - 32px)}.works-directory{min-height:calc(100svh - 68px);padding:48px 0 72px}.works-heading{padding:34px 0 70px}.works-heading h1{white-space:nowrap;font-size:clamp(58px,18vw,76px)}.works-masonry{grid-template-columns:1fr;row-gap:54px}.works-masonry-image{border-radius:11px}.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}}