.works{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(28.125rem,100%),1fr))}.item-work{border:.0625rem solid hsla(35,41%,75%,.15);border-radius:.125rem;overflow:hidden;position:relative}.item-work__picture{aspect-ratio:684/513;display:block;position:relative}.item-work__picture:after{background:url(../assets/img/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 .8s;width:100%}.item-work__body{align-items:center;backdrop-filter:blur(.9375rem);background: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-size:1.5rem;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 (width <= 20em){.page--work{padding-top:7.5rem}.header--work,.page--work{margin-bottom:1.875rem}.works{gap:.9375rem}.item-work__body{bottom:.625rem;left:.625rem;right:.625rem}.item-work__name{font-size:1.125rem}}@media (width > 20em) and (width <= 89.375em){.page--work{margin-bottom:clamp(1.875rem,-.46734234234375rem + 11.7117117117vw,10rem);padding-top:clamp(7.5rem,5.626126126125rem + 9.3693693694vw,14rem)}.header--work{margin-bottom:clamp(1.875rem,.6858108108125rem + 5.9459459459vw,6rem)}.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 (width > 89.375em){.page--work{margin-bottom:10rem;padding-top:14rem}.header--work{margin-bottom:6rem}.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}.item-work:hover .item-work__image{scale:1.05}}