/* The Royce — Sounds of The Royce (2026-10 refresh). Loaded after the page's inline styles. */

/* Stage: dark band with the same roaming gold glow as Our Story / Find Us */
body.sounds-page .sn-stage{min-height:0;padding:calc(var(--nav-h,80px) + clamp(48px,6vw,80px)) clamp(20px,4vw,48px) clamp(64px,8vw,104px);background:radial-gradient(ellipse 60% 55% at 50% 110%,rgba(201,169,97,0.22) 0%,rgba(201,169,97,0.06) 45%,transparent 75%),#0c0a09;border-bottom:1px solid rgba(201,169,97,0.35);isolation:isolate}
body.sounds-page .sn-stage::before,body.sounds-page .sn-stage::after{content:"";position:absolute;z-index:0;border-radius:50%;pointer-events:none;filter:blur(32px)}
body.sounds-page .sn-stage::before{width:44vw;height:44vw;max-width:640px;max-height:640px;left:6%;top:-18%;background:radial-gradient(closest-side,rgba(212,175,104,0.2),rgba(212,175,104,0.06) 55%,transparent);animation:sn-roam-a 24s ease-in-out infinite alternate}
body.sounds-page .sn-stage::after{width:36vw;height:36vw;max-width:520px;max-height:520px;right:4%;bottom:-24%;background:radial-gradient(closest-side,rgba(232,200,121,0.16),rgba(232,200,121,0.05) 55%,transparent);animation:sn-roam-b 29s ease-in-out infinite alternate}
@keyframes sn-roam-a{0%{transform:translate(0,0) scale(1)}50%{transform:translate(30vw,20%) scale(1.1)}100%{transform:translate(48vw,-6%) scale(0.94)}}
@keyframes sn-roam-b{0%{transform:translate(0,0) scale(1)}50%{transform:translate(-32vw,-18%) scale(1.08)}100%{transform:translate(-50vw,4%) scale(0.95)}}

body.sounds-page .sn-inner{max-width:980px;z-index:1}
body.sounds-page .sn-eyebrow{font-size:10.5px;letter-spacing:0.42em;padding-left:0.42em;color:#e3c886}
body.sounds-page .sn-title{font-style:normal;font-weight:300;font-size:clamp(44px,5.6vw,72px);color:#f7eedb}
body.sounds-page .sn-title em{font-style:italic;color:#e3c886}
body.sounds-page .sn-sub{margin-bottom:clamp(40px,5vw,56px);color:rgba(239,230,214,0.7)}

/* Player: record on the left, gold-framed card on the right */
.sn-player{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(32px,5vw,64px);text-align:left}
.sn-disc{position:relative;width:clamp(220px,24vw,300px);aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle at 50% 50%,#151210 0 2px,#0b0908 2px 4px);box-shadow:0 0 0 1px rgba(201,169,97,0.35),0 30px 60px -20px rgba(0,0,0,0.8),0 0 60px rgba(212,184,118,0.12);animation:sn-spin 9s linear infinite}
.sn-disc::before{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 30deg,transparent 0 12%,rgba(255,245,220,0.07) 18%,transparent 26% 62%,rgba(255,245,220,0.05) 68%,transparent 76%);pointer-events:none}
.sn-disc::after{content:"";position:absolute;left:50%;top:50%;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:#0c0a09;box-shadow:0 0 0 1px rgba(201,169,97,0.6);z-index:2}
body.sounds-page .sn-disc .sn-artwork-wrap{position:absolute;left:50%;top:50%;width:38%;aspect-ratio:1;margin:0;transform:translate(-50%,-50%);border-radius:50%;overflow:hidden;box-shadow:0 0 0 3px #0c0a09,0 0 0 4px rgba(201,169,97,0.55);background:radial-gradient(circle,#c9a961,#8a6f3f)}
body.sounds-page .sn-disc .sn-artwork{width:100%;height:100%;border:0;box-shadow:none;animation:none}
body.is-paused .sn-disc{animation-play-state:paused}
@keyframes sn-spin{to{transform:rotate(360deg)}}

body.sounds-page .sn-now-block{max-width:none;margin:0;padding:clamp(24px,3vw,36px);border:1px solid rgba(201,169,97,0.5);box-shadow:inset 0 0 0 6px #0c0a09,inset 0 0 0 7px rgba(201,169,97,0.2);background:rgba(12,10,9,0.55)}
body.sounds-page .sn-label{margin:0 0 10px;padding-left:0;letter-spacing:0.42em;color:#c9a961}
body.sounds-page .sn-track-title{margin:0 0 22px;font-family:"Cormorant","Times New Roman",serif;font-style:italic;font-weight:400;font-size:clamp(24px,2.4vw,32px);line-height:1.2;letter-spacing:0;color:#f7eedb;min-height:1.2em}
body.sounds-page .sn-eq{justify-content:flex-start;max-width:none;height:26px;margin:0 0 18px}
body.sounds-page .sn-controls{justify-content:flex-start;margin-top:18px}
.sn-listen{display:inline-flex;align-items:center;gap:8px;margin-top:22px;font-family:"Inter Tight",sans-serif;font-size:10.5px;font-weight:500;letter-spacing:0.24em;text-transform:uppercase;color:#c9a961;text-decoration:none;border-bottom:1px solid rgba(201,169,97,0.4);padding-bottom:4px;transition:color 0.25s ease,border-color 0.25s ease}
.sn-listen:hover,.sn-listen:focus-visible{color:#e3c886;border-color:#e3c886}
.sn-listen svg{width:13px;height:13px}

/* About the soundtrack: clean, no floating notes */
body.sounds-page .sn-notes{display:none}
body.sounds-page .sn-about::before,body.sounds-page .sn-about::after{display:none}
body.sounds-page .sn-about{padding:clamp(64px,8vw,104px) clamp(20px,4vw,48px)}
body.sounds-page .sn-about-inner{max-width:720px}
body.sounds-page .sn-about-title{font-style:normal;font-weight:300;color:var(--ink-on-paper,#1a1612)}
body.sounds-page .sn-about-title em{font-style:italic;color:#a8854a}
.sn-quote{margin:clamp(28px,3.5vw,40px) auto 0 !important;padding-top:clamp(24px,3vw,32px);border-top:1px solid rgba(168,133,74,0.25);font-family:"Cormorant","Times New Roman",serif !important;font-style:italic;font-weight:400 !important;font-size:clamp(22px,2.2vw,28px) !important;line-height:1.35 !important;color:#a8854a !important}

@media (max-width:760px){
  .sn-player{grid-template-columns:1fr;justify-items:center;text-align:center}
  .sn-disc{width:min(68vw,260px)}
  body.sounds-page .sn-now-block{width:100%}
  body.sounds-page .sn-eq,body.sounds-page .sn-controls{justify-content:center}
}
@media (prefers-reduced-motion:reduce){.sn-disc,body.sounds-page .sn-stage::before,body.sounds-page .sn-stage::after{animation:none}}