.artist-showcase{color:#16161d;margin-top:-96px}.artist-showcase__inner{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr auto;grid-template-areas:"content media" "nav media"}.artist-showcase__content{grid-area:content;display:flex;align-items:center;padding:0 0 0 20px}.artist-showcase__nav{grid-area:nav;align-self:end;padding:0 0 40px 20px}.artist-showcase__intro-block{max-width:420px}.artist-showcase__heading{margin:0 0 12px;color:#171724;font-family:SeasonMix-Regular;font-size:32px;font-weight:400;line-height:38px;letter-spacing:-3%}.artist-showcase__intro{color:#3a3835;font-size:16px;line-height:24px;letter-spacing:2%}.artist-showcase__intro>*{margin:0}.artist-showcase__list{display:grid;gap:2px;max-width:330px;width:fit-content;margin:0;padding:0;list-style:none}.artist-showcase__artist{margin:0;padding:8px 8px 8px 0}.artist-showcase__trigger{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;width:fit-content;color:#7a7773;font-size:14px;line-height:22px;letter-spacing:2%;font-weight:500;text-decoration:none;text-align:left;cursor:pointer;transition:color .36s ease,transform .36s ease}.artist-showcase__trigger:hover,.artist-showcase__trigger:focus-visible,.artist-showcase__trigger.is-active,.artist-showcase__trigger[aria-selected=true]{color:#1c1b19}.artist-showcase__trigger.is-active .artist-showcase__name{font-weight:500}.artist-showcase__name{display:block;min-width:0;overflow-wrap:anywhere}.artist-showcase__label-wrap{position:relative;display:block;min-width:0}.artist-showcase__hover-label{position:absolute;inset:0 auto auto 0;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;opacity:0}.artist-showcase__hover-label svg{width:14px;height:10px}.artist-showcase__hover-label path,.artist-showcase__hover-label line,.artist-showcase__hover-label polyline{stroke:currentColor}.artist-showcase__badge{display:inline-flex;align-items:center;padding:2px 4px;background:#1c1b19;color:#fff;font-size:8px;font-weight:500;line-height:10px;text-transform:uppercase}@media(hover:hover)and (pointer:fine){.artist-showcase__trigger:hover .artist-showcase__name,.artist-showcase__trigger:focus-visible .artist-showcase__name{opacity:0}.artist-showcase__trigger:hover .artist-showcase__hover-label,.artist-showcase__trigger:focus-visible .artist-showcase__hover-label{opacity:1}.artist-showcase__trigger:hover .artist-showcase__badge,.artist-showcase__trigger:focus-visible .artist-showcase__badge{opacity:0;visibility:hidden}}.artist-showcase__media{grid-area:media;position:relative;min-height:100vh;overflow:visible}.artist-showcase__image-panel{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;opacity:0;visibility:hidden;transition:opacity .32s ease,visibility .32s ease}.artist-showcase__image-panel.is-active{opacity:1;visibility:visible}.artist-showcase__image-panel img,.artist-showcase__placeholder{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.025);transition:transform .56s ease}.artist-showcase__image-panel.is-active img{transform:scale(1)}.artist-showcase__card{position:absolute;left:0;bottom:0;z-index:2;width:min(470px,58%);min-height:145px;padding:20px 20px 20px 0;background:#fff;color:#16161d;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .24s ease,transform .24s ease,visibility .24s ease}.artist-showcase__card.is-active{opacity:1;visibility:visible;transform:translateY(0)}.artist-showcase__card-title{margin:0 0 4px;color:#1c1b19;font-size:16px;font-weight:500;line-height:24px;letter-spacing:2%;font-family:Inter Tight}.artist-showcase__description{color:#7a7773;font-size:14px;line-height:22px;font-weight:400;letter-spacing:2%}.artist-showcase__description>*{margin:0}.artist-showcase__link{display:inline-flex;align-items:center;margin-top:16px;color:#1c1b19;font-size:12px;font-weight:500;line-height:14px;letter-spacing:-1%;text-decoration:none;text-transform:uppercase;font-family:Inter Tight}@media screen and (max-width:989px){.artist-showcase__inner{grid-template-columns:1fr;grid-template-rows:auto auto auto;grid-template-areas:"content" "nav" "media";min-height:0}.artist-showcase__content{min-height:auto;padding:56px 24px 0}.artist-showcase__intro-block{align-self:start}.artist-showcase__nav{padding:52px 24px 40px}.artist-showcase__media{min-height:620px}}@media screen and (max-width:749px){.artist-showcase__content{padding:140px 20px 0}.artist-showcase__intro-block{max-width:100%}.artist-showcase__nav{overflow:hidden;padding:72px 20px 16px}.artist-showcase__list{display:flex;gap:28px;width:calc(100% + 40px);max-width:none;margin-inline:-20px;padding:0 20px;overflow-x:auto;scroll-padding-inline:20px;scrollbar-width:none}.artist-showcase__list::-webkit-scrollbar{display:none}.artist-showcase__artist{flex:0 0 auto;padding:0}.artist-showcase__trigger{display:inline-flex;gap:6px;width:auto;white-space:nowrap}.artist-showcase__name{overflow-wrap:normal}.artist-showcase__hover-label{display:none}.artist-showcase__media{aspect-ratio:402 / 707;min-height:0;overflow:hidden}.artist-showcase__card{width:calc(100% - 40px);min-height:0;padding:22px 20px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-artist-showcase.css.map */