.body-blog__container{max-width:100rem}.body-blog__items{display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(min(23.125rem,100%),1fr))}.item-blog{display:grid;gap:2rem;justify-items:start}.item-blog__link-image{aspect-ratio:416/270;border:.0625rem solid hsla(35,41%,75%,.15);border-radius:.125rem;object-fit:cover;overflow:hidden;position:relative;width:100%}.item-blog__link-image:before{align-items:center;aspect-ratio:1;background-color:hsla(35,41%,75%,.05);border:.0625rem solid hsla(35,41%,75%,.15);border-radius:50%;color:#dac5a7;content:"\f112";display:flex;font-family:iconfont;justify-content:center;left:50%;position:absolute;rotate:45deg;scale:0;top:50%;transition:scale .3s;translate:-50% -50%;width:2.875rem}.item-blog__link-image:after{background:url(../assets/img/works/Noise.webp) 50%/cover no-repeat;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.item-blog__body{display:grid;gap:.5rem;justify-items:start}.item-blog__image{height:100%;width:100%}.item-blog__date{font-size:.75rem;line-height:1.2;text-transform:uppercase}.item-blog__text{line-height:1.8}.item-blog__category{font-size:.75rem;line-height:1.2;padding:.5rem;text-transform:uppercase;transition:all .3s}@media (max-width:20em){.page--blog{padding-bottom:1.875rem;padding-top:14.375rem}.blog__hero{margin-bottom:1.875rem}.item-blog{padding:1.25rem}.item-blog__title{font-size:1.25rem}}@media (min-width:20em) and (max-width:89.375em){.page--blog{padding-bottom:clamp(1.875rem,-.46734234234375rem + 11.7117117117vw,10rem);padding-top:clamp(14rem,14.48310810810625rem + -.5405405405vw,14.375rem)}.blog__hero{margin-bottom:clamp(1.875rem,1.298423423425rem + 2.8828828829vw,3.875rem)}.item-blog{padding:clamp(1.25rem,.74549549549375rem + 2.5225225225vw,3rem)}.item-blog__title{font-size:clamp(1.25rem,1.177927927925rem + .3603603604vw,1.5rem)}}@media (min-width:89.375em){.page--blog{padding-bottom:10rem;padding-top:14rem}.blog__hero{margin-bottom:3.875rem}.item-blog{padding:3rem}.item-blog__title{font-size:1.5rem}}@media (any-hover:hover){.item-blog__link-image:hover:before{scale:1}.item-blog__link-title:hover{text-decoration:underline;text-decoration-thickness:.0625rem}.item-blog__category:hover{background-color:#dac5a7;color:#0e0e0e}}