.articles--title{display:block;max-width:36.375rem;margin:4rem auto;padding:0 1rem}.articles--block{margin:4rem 0}.article--header a{color:var(--secondary)}.articles--wrapper{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:2rem}.articles--wrapper article{max-width:300px;position:relative;width:100%;margin:1rem}.articles--wrapper img{aspect-ratio:4/3;margin-bottom:1rem}.articles--wrapper article:hover:after{top:0;left:0;width:100%;aspect-ratio:4/3;position:absolute;content:"";background:rgba(158,106,56,.7);mix-blend-mode:hue}