.artist-portrait img{width:100%;filter:grayscale(1);display:block;opacity:0;transition:opacity .2s linear}.artist-portrait.loaded img{opacity:1}.artist-portrait{position:relative;cursor:pointer}.artist-portrait .overlay{position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;pointer-events:none;transition:opacity .15s linear;background-color:var(--primary-color);z-index:20}.artist-portrait:hover .overlay{opacity:.7}.artist-portrait .artist{position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box;padding:10%;color:#fff;text-transform:uppercase;font-size:12px;font-weight:400;z-index:30;opacity:0;transition:opacity .3s linear}.artist-portrait:hover .artist{opacity:1}@media screen and (max-width:768px){.artist-portrait .artist{font-size:10px;padding:5%}}.artist-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));grid-gap:1rem}.artist-grid-module .home-title{margin-top:100px;text-align:center;margin-bottom:100px}.artist-grid-module .home-title .headline{font-family:Recoleta;font-weight:700;font-size:35px;line-height:35px;margin-bottom:35px;color:var(--primary-color)}.artist-grid-module .home-title .headline a:hover{color:#000;text-decoration:none}@media screen and (max-width:1024px){.artist-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.artist-grid-module .home-title{margin-top:100px;margin-bottom:50px}}@media screen and (max-width:640px){.artist-grid-module .home-title .headline{font-size:25px;line-height:33px;margin-bottom:20px}}@media screen and (max-width:400px){.artist-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}}