/* Static studio lighting and fine sleeve-paper texture; no animation or image downloads. */
:root{--bg:#211f1c;--panel:#292923;--line:#44453a;--muted:#b0b1a5}
body{
 background-color:var(--bg);
 background-image:
  radial-gradient(ellipse 75% 720px at -15% 160px,#b39a6730,transparent 75%),
  radial-gradient(ellipse 65% 900px at 105% 650px,#53666b24,transparent 75%),
  radial-gradient(ellipse 90% 1300px at 35% 1900px,#8c784315,transparent 80%),
  repeating-linear-gradient(0deg,#fff3db02 0 1px,transparent 1px 4px),
  repeating-linear-gradient(92deg,#00000004 0 1px,transparent 1px 5px),
  linear-gradient(115deg,#282620 0%,#201f1c 42%,#1c201e 100%);
}
.hero{position:relative;isolation:isolate}
.hero:after{
 content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;
 mask-image:linear-gradient(to bottom,transparent,#000 70px,#000 calc(100% - 70px),transparent);
 background:
  radial-gradient(ellipse 36% 48% at 77% 44%,#d2a26924,transparent 80%),
  radial-gradient(ellipse 29% 40% at 96% 24%,#7d999d20,transparent 80%),
  radial-gradient(ellipse 33% 28% at 68% 72%,#b1714020,transparent 85%);
}
.hero-art .hero-cover{box-shadow:0 24px 55px #07090644,0 2px 5px #07090633}
.header,.marquee,.about,footer{border-color:#8887753d}
.art-caption,.release-info{color:#b0b1a5}
@media(max-width:760px){
 body{background-image:radial-gradient(ellipse 140% 650px at -30% 180px,#b39a6728,transparent 75%),repeating-linear-gradient(0deg,#fff3db02 0 1px,transparent 1px 4px),repeating-linear-gradient(92deg,#00000004 0 1px,transparent 1px 5px),linear-gradient(115deg,#282620,#201f1c 55%,#1c201e)}
 .hero:after{background:radial-gradient(ellipse 85% 35% at 75% 18%,#d2a26929,transparent 80%),radial-gradient(ellipse 70% 28% at 95% 7%,#7d999d22,transparent 80%)}
}