/* ADMS Records V1.4 — Silver Motion Edition */
/* SILVER FREQUENCY: a decorative sound-inspired animation. It is not an audio analyzer. */
.silver-motion {
  position:relative; isolation:isolate; display:grid; grid-template-columns:minmax(270px, 1.22fr) minmax(260px,1.2fr) minmax(166px,.68fr);
  gap:25px; align-items:center; min-height:112px; padding:15px 27px; margin-top:14px;
  overflow:hidden; border:1px solid rgba(215,220,227,.30); border-radius:14px;
  background:linear-gradient(112deg,#181a1d 0%,#0a0b0d 45%,#171a1e 100%);
  box-shadow:inset 0 1px rgba(255,255,255,.055),0 16px 45px rgba(0,0,0,.36);
}
.silver-motion::before {content:"";position:absolute;pointer-events:none;left:-9%;top:0;bottom:0;width:36%;background:linear-gradient(98deg,transparent,rgba(238,243,250,.07),transparent);transform:translateX(-140%) skewX(-21deg);animation:adms-scan 14s ease-in-out infinite;z-index:-1}
.silver-motion::after {content:"";position:absolute;pointer-events:none;top:0;left:16px;right:16px;height:1px;background:linear-gradient(90deg,transparent,rgba(247,249,252,.68) 34%,rgba(124,131,140,.2) 60%,transparent)}
.silver-motion__identity {display:flex;align-items:center;gap:13px;min-width:0}
.silver-motion__identity img{flex:0 0 auto;width:65px;height:65px;object-fit:cover;clip-path:circle(49% at 50% 50%);border-radius:50%;filter:drop-shadow(0 0 14px rgba(222,225,230,.15));}
.silver-motion__identity-copy {min-width:0;display:flex;flex-direction:column;gap:3px}
.silver-motion__kicker {font-size:9px;letter-spacing:.17em;font-weight:800;color:#8f959e;white-space:nowrap}
.silver-motion__kicker span{color:#e6e9ed;padding:0 4px}
.silver-motion__identity strong{font:800 clamp(20px,2.45vw,29px)/1 'Barlow Condensed',Inter,sans-serif;letter-spacing:.057em;color:#f3f5f8;white-space:nowrap}
.silver-motion__identity em{font-style:normal;background:linear-gradient(135deg,#f7f8fa,#a5acb4 56%,#ebeff5);-webkit-background-clip:text;background-clip:text;color:transparent}
.silver-motion__spectrum{display:flex;justify-content:space-between;align-items:center;gap:3px;height:72px;min-width:0;max-width:100%;padding:6px 8px 6px 0;position:relative}
.silver-motion__spectrum::before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:linear-gradient(90deg,transparent,#c6cbd045,transparent)}
.silver-motion__spectrum i{display:block;flex:1 1 4px;max-width:5px;height:var(--peak);min-height:4px;transform:scaleY(.55);border-radius:4px;background:linear-gradient(180deg,#fbfdff 0%,#afb7c0 26%,#555c66 52%,#d7dbe0 100%);opacity:.88;box-shadow:0 0 8px rgba(225,230,236,.19);animation:adms-bars var(--dur) ease-in-out var(--delay) infinite alternate;will-change:transform}
.silver-motion__state{display:flex;flex-direction:column;align-items:flex-start;gap:4px;position:relative;justify-self:end;padding-left:22px;border-left:1px solid rgba(224,226,230,.15);min-width:156px}
.silver-motion__led{position:absolute;top:5px;left:2px;width:8px;height:8px;border:1px solid #c8cbd1;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fafbfd,#6a727c);box-shadow:0 0 6px rgba(228,234,239,.2)}
.silver-motion__status {color:#f5f5f5;font-size:10px;letter-spacing:.115em;font-weight:800;white-space:nowrap}
.silver-motion__state small{font-size:9px;letter-spacing:.11em;color:#949ba5;white-space:nowrap}
.audio-is-playing .silver-motion__led{box-shadow:0 0 15px rgba(241,246,255,.86);background:#fff}
.audio-is-playing .silver-motion__spectrum i{animation-duration:calc(var(--dur) * .65);opacity:1;box-shadow:0 0 10px rgba(225,230,238,.36)}
/* Chrome highlight on the hero: soft, infrequent, never obscuring content. */
.hero::after{content:"";pointer-events:none;position:absolute;z-index:1;top:-25%;bottom:-25%;left:-60%;width:28%;transform:skewX(-18deg) translateX(0);background:linear-gradient(90deg,transparent,rgba(239,242,247,.045),rgba(253,254,255,.075),transparent);animation:adms-hero-shine 14s cubic-bezier(.55,.08,.3,1) infinite}
.hero-content, .hero-side,.hero-number{z-index:2}
.hero h1 em{filter:drop-shadow(0 0 17px rgba(243,245,247,.12))}
.site-header .brand-image{animation:adms-logo-shimmer 9s ease-in-out infinite}
/* Do not replace hover/focus styles or forms: polish existing surfaces. */
.btn-primary,.nav-cta{background:linear-gradient(116deg,#fbfdff 0%,#a9b0b8 34%,#f0f2f5 62%,#858c96 100%);border-color:rgba(237,240,245,.36);color:#111214;box-shadow:0 8px 23px rgba(208,215,223,.15),inset 0 1px rgba(255,255,255,.6)}
.btn-primary:hover,.nav-cta:hover{box-shadow:0 8px 30px rgba(230,235,243,.30),inset 0 1px rgba(255,255,255,.75)}
.artist-card,.release-card,.featured-player{transition:border-color .28s ease,box-shadow .28s ease,transform .28s ease}
.artist-card:hover,.release-card:hover{box-shadow:0 12px 35px rgba(0,0,0,.5),0 0 23px rgba(205,214,223,.12)}
.featured-player{position:relative;overflow:hidden}
.featured-player::before{content:"";position:absolute;inset:0 12px auto;height:1px;background:linear-gradient(90deg,transparent,#e5e9eeaa 50%,transparent);pointer-events:none}
/* Replace the previous static waveform with a restrained signal meter. Motion intensifies only on playback. */
.silver-player-eq.waveform{height:29px;display:flex;align-items:center;justify-content:space-between;gap:2px;background:none;clip-path:none;opacity:1;padding:3px 0;overflow:hidden}
.silver-player-eq.waveform i{min-width:1px;flex:1;max-width:4px;height:var(--peak);border-radius:3px;background:linear-gradient(180deg,#f7f9fa,#8a929c 55%,#e7eaf1);transform:scaleY(.34);opacity:.62;transform-origin:center;transition:opacity .3s}
.audio-is-playing .silver-player-eq.waveform i{animation:adms-player-bar var(--dur) ease-in-out var(--delay) infinite alternate;opacity:1}
@keyframes adms-bars{0%{transform:scaleY(.23)}55%{transform:scaleY(.85)}100%{transform:scaleY(.40)}}
@keyframes adms-player-bar{0%{transform:scaleY(.24)}55%{transform:scaleY(.95)}100%{transform:scaleY(.48)}}
@keyframes adms-scan{0%,9%{transform:translateX(-145%) skewX(-21deg)}31%,100%{transform:translateX(390%) skewX(-21deg)}}
@keyframes adms-hero-shine{0%,20%{transform:translateX(0) skewX(-18deg)}48%,100%{transform:translateX(630%) skewX(-18deg)}}
@keyframes adms-logo-shimmer{0%,100%{filter:drop-shadow(0 0 9px rgba(237,239,241,.12))}45%{filter:drop-shadow(0 0 18px rgba(232,236,241,.28))}}
@media(max-width:1050px){.silver-motion{grid-template-columns:minmax(238px,1fr) minmax(180px,1fr) minmax(145px,.6fr);gap:14px;padding-inline:18px}.silver-motion__identity strong{font-size:24px}.silver-motion__spectrum{gap:2px}}
@media(max-width:760px){.silver-motion{grid-template-columns:1fr 1fr;gap:8px 18px;padding:15px 18px}.silver-motion__identity img{height:54px;width:54px}.silver-motion__identity strong{font-size:23px}.silver-motion__spectrum{height:56px}.silver-motion__state{grid-column:1/-1;justify-self:stretch;flex-direction:row;gap:10px;align-items:center;padding:7px 0 0 19px;border-left:0;border-top:1px solid rgba(222,227,233,.12)}.silver-motion__led{top:12px}.silver-motion__state small{margin-left:auto}}
@media(max-width:550px){.silver-motion{grid-template-columns:1fr;gap:2px;padding:12px 17px 14px;margin-top:12px}.silver-motion__identity img{width:49px;height:49px}.silver-motion__identity strong{font-size:25px}.silver-motion__kicker{font-size:8px}.silver-motion__spectrum{width:100%;height:44px;margin-top:5px;gap:3px}.silver-motion__state{padding-top:8px;margin-top:5px}.silver-motion__led{top:13px}.silver-motion__status{font-size:9px}.silver-motion__state small{font-size:8px}.hero::after{opacity:.5}.silver-player-eq.waveform{height:22px}}
/* Ensure long configurable hero headlines never clip the calls to action. */
.hero{height:auto;min-height:615px}
.hero-content{padding:75px 0 54px 66px;max-width:690px}
.hero h1{font-size:clamp(50px,5vw,70px);line-height:.92;margin:17px 0 17px}
.hero-content>p{font-size:13px;line-height:1.65;max-width:475px}
.hero-buttons{margin-top:19px}
.hero-facts{margin-top:34px}
@media(max-width:830px){.hero{height:auto;min-height:620px}.hero-content{padding:83px 34px 52px;max-width:620px}.hero h1{font-size:clamp(48px,7.8vw,67px)}.hero-facts{margin-top:31px}}
@media(max-width:550px){.hero{height:auto;min-height:610px}.hero-content{padding:192px 20px 29px;max-width:100%}.hero h1{font-size:clamp(38px,11vw,48px);margin:12px 0 13px;line-height:.95}.hero-content>p{font-size:12px;line-height:1.58}.hero-buttons{margin-top:18px}.hero-facts{margin-top:22px}.hero-number{z-index:3}.hero-art{background-position:65% 0}}
@media(prefers-reduced-motion:reduce){.silver-motion::before,.silver-motion__spectrum i,.hero::after,.site-header .brand-image,.silver-player-eq.waveform i{animation:none!important}.silver-motion__spectrum i{transform:scaleY(.48)}.audio-is-playing .silver-player-eq.waveform i{transform:scaleY(.72)}}
