@keyframes reveal-up{0%{opacity:0;translate:0 var(--reveal-distance)}to{opacity:1;translate:0 0}}.works{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(28.125rem,100%),1fr))}html:not([data-fls-touch]) .works:has(.item-work:hover) .item-work:not(:hover):after{opacity:.9}.item-work{overflow:hidden;position:relative}.item-work:after{background-color:#0e0e0e;content:"";height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .5s;width:100%}.item-work__picture{aspect-ratio:684/513;display:block;position:relative}.item-work__picture:after{background:url(/assets/img/works/noise.webp) 50%/cover no-repeat;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.item-work__image{height:100%;object-fit:cover;transition:scale .5s;width:100%}.item-work__body{align-items:center;backdrop-filter:blur(.9375rem);background-color:hsla(35,41%,75%,.05);border:.0625rem solid hsla(35,41%,75%,.15);border-radius:.125rem;color:#dac5a7;display:flex;flex-wrap:wrap;font-family:Satoshi,sans-serif;gap:.3125rem;justify-content:space-between;padding:.75rem 1rem;position:absolute}.item-work__name{font-weight:300;letter-spacing:.0625rem;line-height:1.3}.item-work__link-name{transition:color .3s}.item-work__category{font-size:.8125rem;font-weight:400;letter-spacing:.09375rem;line-height:1.6;text-transform:uppercase;transition:color .3s}@media (max-width:20em){.works{gap:.9375rem}.item-work__body{bottom:.625rem;left:.625rem;right:.625rem}.item-work__name{font-size:1.125rem}}@media (min-width:20em) and (max-width:89.375em){.works{gap:clamp(.9375rem,.63119369369375rem + 1.5315315315vw,2rem)}.item-work__body{bottom:clamp(.625rem,.22860360360625rem + 1.981981982vw,2rem);left:clamp(.625rem,.22860360360625rem + 1.981981982vw,2rem);right:clamp(.625rem,.22860360360625rem + 1.981981982vw,2rem)}.item-work__name{font-size:clamp(1.125rem,1.01689189189375rem + .5405405405vw,1.5rem)}}@media (min-width:89.375em){.works{gap:2rem}.item-work__body{bottom:2rem;left:2rem;right:2rem}.item-work__name{font-size:1.5rem}}@media (any-hover:hover){.item-work__category:hover,.item-work__link-name:hover{color:#f9efe1}}@media (any-hover:hover),(pointer:fine){html:not([data-fls-touch]) .item-work:hover .item-work__image{scale:1.02}}