/* An uninterrupted transition from the dark hero into the portrait. */
.hero-image{left:32%;-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.1) 7%,rgba(0,0,0,.4) 18%,rgba(0,0,0,.8) 34%,#000 51%);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.1) 7%,rgba(0,0,0,.4) 18%,rgba(0,0,0,.8) 34%,#000 51%)}
.hero-image img{object-position:56% 38%}
.hero-shade{background:linear-gradient(90deg,#111315 0%,rgba(17,19,21,.96) 21%,rgba(17,19,21,.75) 32%,rgba(17,19,21,.39) 43%,rgba(17,19,21,.1) 59%,transparent 76%),linear-gradient(0deg,rgba(17,19,21,.6),transparent 25%)}
.hero-description{max-width:370px}
.hero-connect{display:flex;align-items:center;gap:20px}
.hero-socials{display:flex;align-items:center;gap:5px}
.hero-connect .hero-socials a{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-height:44px;border:0;padding:0;opacity:.82;transition:opacity .2s,transform .2s}
.hero-socials svg{width:22px;height:22px}
.hero-connect .hero-socials a:hover,.hero-connect .hero-socials a:focus-visible{opacity:1;transform:translateY(-2px)}
.hero .play-icon{display:inline-flex;align-items:center;justify-content:center}
.hero .play-icon svg{display:block}
.hero .rhythm-icon{position:relative;width:19px;height:19px;flex:0 0 19px}
.rhythm-triangle,.rhythm-equalizer{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.rhythm-equalizer{opacity:0;transform:scale(.65)}
.rhythm-active .rhythm-triangle{animation:rss-rhythm-triangle 1.6s ease-in-out}
.rhythm-active .rhythm-equalizer{animation:rss-rhythm-bars 1.6s ease-in-out}
@keyframes rss-rhythm-triangle{0%,100%{opacity:1;transform:scale(1)}18%,82%{opacity:0;transform:scale(.6)}}
@keyframes rss-rhythm-bars{0%,100%{opacity:0;transform:scale(.6)}20%,80%{opacity:1;transform:scale(1)}35%,65%{opacity:1;transform:scaleY(.65)}50%{opacity:1;transform:scaleY(1.1)}}
@media(prefers-reduced-motion:reduce){.rhythm-active .rhythm-triangle,.rhythm-active .rhythm-equalizer{animation:none}}
/* Three real catalogue editions, staged together without a product caption. */
.music-scene-score .edition-collection{position:relative;width:100%;max-width:520px;height:420px;perspective:1200px;isolation:isolate}
.edition-collection:after{content:"";position:absolute;left:8%;right:8%;height:35px;bottom:20px;background:rgba(29,44,47,.28);filter:blur(22px);border-radius:50%;z-index:-1}
.collection-book{position:absolute;width:46%;transform-style:preserve-3d;box-shadow:8px 12px 16px rgba(18,34,38,.21);background:#fff;border-radius:1px}
.collection-book:after{content:"";position:absolute;inset:2px -5px -3px auto;width:5px;background:repeating-linear-gradient(#e5e3dd 0 1px,#faf9f3 1px 2px);transform:skewY(18deg);z-index:-1}
.collection-book img{width:100%;height:auto;display:block;border-radius:1px}
.book-left{left:2%;top:30px;transform:rotate(-9deg) rotateY(12deg);z-index:1}
.book-right{right:1%;top:22px;transform:rotate(9deg) rotateY(-12deg);z-index:2}
.book-front{left:27%;top:103px;transform:rotate(-2deg) rotateY(-5deg);z-index:3}
@media(max-width:1000px){.music-scene-score .edition-collection{height:350px;max-width:435px}.book-front{top:82px}.book-left{top:30px}.book-right{top:23px}}
@media(max-width:760px){
 .hero-image{inset:-120px 0 auto 0;height:660px;opacity:.95;-webkit-mask-image:linear-gradient(0deg,transparent,#000 35%);mask-image:linear-gradient(0deg,transparent,#000 35%)}
 .hero-image img{object-position:57% 32%}
 .hero-content{padding-top:270px}
 .hero-shade{background:linear-gradient(0deg,#111315 1%,rgba(17,19,21,.93) 22%,rgba(17,19,21,.64) 42%,rgba(17,19,21,.2) 67%,rgba(17,19,21,.08) 90%),linear-gradient(90deg,rgba(17,19,21,.42),transparent 90%)}
 .hero-connect{gap:16px}
 .music-scene-score .edition-collection{max-width:400px;height:335px}
 .book-front{top:80px}
}
@media(max-width:390px){.music-scene-score .edition-collection{height:290px}.book-front{top:67px}}
@media(prefers-reduced-motion:reduce){.hero-connect .hero-socials a{transition:none}.hero-connect .hero-socials a:hover{transform:none}}