/* Original provider artwork, equal targets and optically balanced icon frames. */
.platform-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px;max-width:480px}
.platform-links .service-link{display:flex;align-items:center;gap:11px;min-width:0;min-height:64px;padding:11px 14px;border:1px solid #ffffff26;border-radius:8px;background:#101316e8;text-decoration:none;color:#f3f0e9;font-size:12px;line-height:1.3;transition:border-color .2s,background .2s}
.service-link:hover{background:#1e2428;border-color:#b8c4c49c}
.service-link:focus-visible{outline:2px solid #f3f0e9;outline-offset:4px}
.service-icon{width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center}
.service-icon img{width:32px;height:32px;object-fit:contain;filter:none;transform:none;animation:none}
.service-youtube .service-icon img{width:36px;height:36px}
.service-youtube-music .service-icon img,.service-amazon .service-icon img{width:36px;height:30px}
.platform-links .service-link>.icon{width:15px;height:15px;flex:0 0 15px;margin-left:auto;color:#b6bab9;transition:transform .2s}
.service-link:hover>.icon{transform:translateX(3px)}
.hero-services{max-width:490px;margin-top:22px}
.hero-services .platform-links{margin-top:0;gap:8px}
.hero-services .service-link{min-height:54px;padding:8px 12px;font-size:11px;background:#080c11db}
.hero-services .service-icon{width:30px;height:30px;flex-basis:30px}
.hero-services .service-icon img{width:28px;height:28px}
.hero-services .service-youtube .service-icon img{width:32px;height:32px}
.footer .footer-services{flex:1;max-width:470px}
.footer .footer-services .platform-links{margin:0}
.footer .footer-nav{display:flex;align-items:flex-start;flex-direction:column;gap:8px}
.footer .footer-nav>a,.footer .footer-nav>button{min-height:44px}
.opening-replay{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #ffffff35;background:#101316c9;border-radius:30px;color:var(--text);min-height:44px;padding:10px 15px;font-size:11px;margin-left:auto;white-space:nowrap;cursor:pointer}
.opening-replay .icon{width:14px;height:14px}
.header nav{margin-left:0}
@media(min-width:1100px){.mj-intro{top:21%}.hero-services .platform-links{grid-template-columns:repeat(4,minmax(0,1fr));max-width:610px;width:560px}.hero-services{max-width:none}.hero-services .service-link{display:grid;grid-template-columns:30px 1fr;gap:7px;padding:10px;min-height:58px}.hero-services .service-link>.icon{display:none}.footer{gap:35px}.footer>div:first-child{max-width:270px}}
@media(max-width:850px){.header .opening-replay{margin-left:auto}.header nav{margin-left:0}.footer .footer-services{width:100%;max-width:470px}}
@media(max-width:600px){.home-page .header .identity-text{display:none}.header .opening-replay{padding:9px 12px;font-size:10px;gap:6px}.header .menu-button{margin-left:0}.hero-services{margin-top:17px;max-width:360px}.hero-services .platform-links{gap:7px}.hero-services .service-link{font-size:10px;padding:7px 9px;gap:8px;min-height:49px}.hero-services .service-link>.icon{width:12px;flex-basis:12px}.mj-intro{top:21%}.mj-stage{min-height:790px}.mj-record-wrap{top:67%}.mj-intro .actions{margin-bottom:0}.platform-links .service-link{padding:10px;gap:9px}.footer .footer-services{max-width:none}.footer .footer-nav{flex-direction:row;flex-wrap:wrap;gap:10px 24px}}
@media(prefers-reduced-motion:reduce){.service-link,.service-link>.icon{transition:none}.service-link:hover>.icon{transform:none}}

.hero-services .service-spotify .service-icon img{width:34px;height:34px}

/* The label signature and the listening services share a single footer on every release. */
.footer.listening-footer{
  display:block;position:relative;isolation:isolate;margin:0 auto;
  padding:clamp(46px,6vw,88px) var(--pad) 14px;border-top:1px solid #a89a7a54;
  background:radial-gradient(ellipse at 71% 0%,#2c302c65,transparent 65%),linear-gradient(150deg,#111518,#0a0c0f 68%);
}
.footer.listening-footer .footer-main{
  display:grid;grid-template-columns:minmax(150px,.62fr) minmax(0,2.9fr);
  align-items:end;gap:clamp(24px,5vw,82px);max-width:none;
}
.footer-identity{min-width:0;padding-bottom:3px}
.footer .footer-mark{display:inline-flex;flex-direction:column;align-items:center;gap:0;color:#e9e9e3;line-height:1.25}
.footer-mark img{width:clamp(92px,8vw,128px);height:auto;display:block;margin-bottom:6px}
.footer-mark span{font-size:12px}
.footer .footer-mark small{font-size:10px;letter-spacing:.035em;color:#a8adaa;margin-top:3px}
.footer .footer-identity p{color:#abb1b0;max-width:27ch;margin:19px 0 0;line-height:1.5;font-size:12px}
.footer-listening{min-width:0}
.footer-listening h2{margin:0 0 21px;color:#f0eee8;font:400 clamp(28px,3.2vw,52px)/1.06 Manrope,Arial,sans-serif;letter-spacing:-.045em}
.listening-footer .footer-services{width:100%;max-width:none}
.footer-services .platform-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(8px,1.1vw,18px);max-width:none}
.footer-services .service-link{
  --brand-light:rgba(210,196,161,.12);--brand-edge:#afa38c;
  position:relative;display:grid;grid-template-columns:1fr auto;grid-template-rows:1fr auto;align-items:center;
  row-gap:15px;min-height:123px;padding:17px clamp(12px,1.5vw,24px) 15px;overflow:hidden;
  border:1px solid #888d882f;border-top-color:#a2a89b4f;border-radius:14px;
  background:radial-gradient(ellipse at 0% 0%,var(--brand-light),transparent 78%),linear-gradient(160deg,#202425,#121619 80%);
  box-shadow:inset 0 1px 0 #ffffff06,0 4px 16px #04060733;
  color:#f2f0e9;font-size:clamp(13px,1.14vw,18px);font-weight:550;letter-spacing:-.025em;
}
.footer-services .service-yandex{--brand-light:#b68c1720;--brand-edge:#bcaa68}
.footer-services .service-youtube{--brand-light:#9f2d381f;--brand-edge:#af747b}
.footer-services .service-apple{--brand-light:#8e979e28;--brand-edge:#a5acb0}
.footer-services .service-spotify{--brand-light:#37774929;--brand-edge:#73a384}
.footer-services .service-icon{grid-area:1/1;width:58px;height:55px;place-items:center start}
.footer-services .service-icon img{display:block;width:46px;height:46px;max-width:none}
.footer-services .service-youtube .service-icon img{width:55px;height:55px}
.footer-services .service-spotify .service-icon img{width:50px;height:50px}
.footer-services .service-link.service-spotify{background:linear-gradient(155deg,#000 0%,#000 59%,#102019 100%)}
.footer-services .service-link>span:nth-child(2){grid-area:2/1/3/3;white-space:nowrap}
.footer-services .service-link>.icon{grid-area:1/2;align-self:start;width:15px;height:15px;color:#d7dcd3a1;transform:rotate(-45deg)}
.footer-services .service-link:focus-visible{outline:2px solid var(--brand-edge);outline-offset:3px}
@media(hover:hover){
 .footer-services .service-link:hover{border-color:var(--brand-edge);background:radial-gradient(ellipse at 6% 0%,var(--brand-light),transparent 87%),#202529}
 .footer-services .service-link:hover>.icon{transform:translate(2px,-2px) rotate(-45deg);color:#fff}
}
.footer.listening-footer .footer-line{max-width:none;display:flex;flex-flow:row wrap;align-items:center;justify-content:space-between;gap:5px 24px;margin-top:clamp(24px,4vw,52px);border-top:1px solid #ffffff20;padding-top:10px}
.footer-line>span{font-size:11px;letter-spacing:.055em;color:#a0a6a5}
.listening-footer .footer-nav{display:flex;flex-flow:row wrap;align-items:center;gap:0 clamp(16px,2.7vw,40px)}
.listening-footer .footer-nav a,.listening-footer .footer-nav button{gap:7px;color:#b9c0bb;font-size:11px;padding:0;line-height:1.3;text-align:start;justify-content:flex-start}
.listening-footer .footer-nav a:hover,.listening-footer .footer-nav button:hover{color:white}
.listening-footer .footer-nav .icon{width:13px;height:13px}
@media(max-width:850px){
 .footer.listening-footer .footer-main{grid-template-columns:minmax(122px,.55fr) minmax(0,2.4fr);gap:24px}
 .footer-services .service-link{padding:13px 10px;min-height:110px;row-gap:9px}
}
@media(max-width:720px){
 .footer.listening-footer .footer-main{grid-template-columns:1fr;gap:26px}
 .footer-identity{display:flex;align-items:center;gap:24px;padding:0}
 .footer .footer-identity p{margin:0;max-width:23ch}
 .footer-services .platform-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .footer-services .service-link{padding:15px 18px;min-height:112px;font-size:15px}
 .footer-listening h2{margin-bottom:17px}
 .footer.listening-footer .footer-line{align-items:flex-start;flex-direction:column;padding-top:16px;gap:3px}
 .listening-footer .footer-nav{gap:0 18px}
}
@media(max-width:360px){
 .footer-services .service-link{padding:12px;min-height:106px}
 .footer-identity{gap:15px}
}
@media(prefers-reduced-motion:reduce){
 .footer-services .service-link,.footer-services .service-link>.icon{transition:none}
 .footer-services .service-link:hover>.icon{transform:rotate(-45deg)}
}