:root{--bg:#0c0f1d;--panel:#141830;--line:#2a3050;--text:#e6e1d4;--mute:#9a9cae;--amber:#e8a33d;--amber2:#ffd27a;--blood:#a8322d}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font:18px/1.7 "Crimson Pro",Georgia,"Times New Roman",serif;min-height:100vh}
a{color:var(--amber2);text-decoration-color:var(--line);text-underline-offset:4px}
a:hover,a:focus-visible{color:#fff;text-decoration-color:var(--amber)}
a:focus-visible{outline:2px solid var(--amber);outline-offset:3px}
h1,h2,h3,nav a{font-family:"Cinzel",Georgia,serif;font-weight:700}
header{position:relative;overflow:hidden;text-align:center;padding:1rem 1rem 1.5rem;border-bottom:1px solid var(--line)}
.tag{position:relative;z-index:1;margin:.2rem 0 1.6rem;color:#fff;font-style:italic;font-size:1.1rem;text-shadow:0 0 6px #0c0f1d,0 0 14px #0c0f1d,0 1px 3px #000}
nav{position:relative;z-index:1;display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap}
nav a{padding:.45rem 1.2rem;border:1px solid var(--line);background:rgba(20,24,48,.85);color:var(--text);text-decoration:none;font-size:.85rem;letter-spacing:.14em}
nav a:hover,nav a[aria-current]{border-color:var(--amber);color:var(--amber2)}
main{max-width:46rem;margin:0 auto;padding:2.5rem 1.25rem 4rem}
h2{font-size:1.7rem;margin:0 0 1.2rem;color:var(--amber2);border-bottom:1px solid var(--line);padding-bottom:.5rem}
h3{font-size:1.2rem;margin:2rem 0 .5rem;color:#fff;letter-spacing:.05em}
.hero{text-align:center}
.hero img{max-width:min(100%,360px);height:auto;border:1px solid var(--line);box-shadow:0 20px 60px rgba(0,0,0,.6)}
.hero p{font-size:1.35rem;margin:1.5rem 0 0;color:var(--amber2);font-style:italic}
.album{background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--amber);padding:1.2rem 1.5rem;margin:0 0 1.5rem}
.album h3{margin-top:0}
.album ol{margin:.5rem 0 0;padding-left:1.4rem;color:var(--mute)}
.album li::marker{color:var(--amber)}
.members{list-style:none;padding:0;margin:2rem 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:.7rem}
.members li{border:1px solid var(--line);padding:.7rem 1rem;background:var(--panel)}
.song{margin:0 0 3rem;scroll-margin-top:1rem}
.song h3{border-left:4px solid var(--blood);padding-left:.8rem}
.lyric{white-space:pre-line;color:var(--text);padding-left:1rem}
.note{color:var(--mute);font-style:italic}
footer{text-align:center;padding:2rem 1rem;color:var(--mute);border-top:1px solid var(--line);font-size:.9rem}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.tracks{list-style:none;counter-reset:t;padding:0;margin:0 0 2.5rem}
.tracks li{counter-increment:t;display:flex;flex-wrap:wrap;gap:.3rem 1rem;align-items:center;padding:.7rem 0;border-bottom:1px solid var(--line)}
.tracks li::before{content:counter(t);color:var(--amber);font-family:"Cinzel",Georgia,serif;width:1.5rem}
.tracks a{flex:1 1 12rem;font-size:1.15rem}
.tracks audio{flex:1 1 15rem;max-width:100%;height:36px}
dl.lineup,.profile dl{display:grid;grid-template-columns:max-content 1fr;gap:.45rem 1.6rem;margin:0 0 2rem}
dl.lineup dt,.profile dt{color:var(--amber2);font-family:"Cinzel",Georgia,serif;font-size:.95rem;letter-spacing:.05em}
dl.lineup dd,.profile dd{margin:0}
.profile ul{list-style:none;margin:0 0 2rem;padding:0;color:var(--text)}
.profile ul li{padding:.25rem 0 .25rem 1rem;border-left:2px solid var(--line)}
.links{display:flex;gap:1.5rem;flex-wrap:wrap;margin-top:2rem}
.gallery{display:grid;gap:2rem;justify-items:center;text-align:center}
.gallery img{max-width:100%;height:auto;border:1px solid var(--line);box-shadow:0 20px 60px rgba(0,0,0,.6)}
.lyric+.lyric{margin-top:1.1rem}
@media (max-width:34rem){dl.lineup,.profile dl{grid-template-columns:1fr;gap:0}.profile dd{margin-bottom:.7rem}}
.cdpair{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:1.5rem;margin:0 0 2.5rem}
.cdpair figure{margin:0;text-align:center}
.cdpair img{display:block;height:290px;width:auto;border:1px solid var(--line);box-shadow:0 20px 60px rgba(0,0,0,.6)}
.cdpair figcaption{color:var(--mute);font-style:italic;margin-top:.5rem}
@media (max-width:40rem){.cdpair figure{width:100%}.cdpair img{width:100%;height:auto}}
.logo-link{display:block;margin:0 auto;width:100%;max-width:1024px}
.logo-img{display:block;width:100%;height:auto;-webkit-mask-image:linear-gradient(to bottom,#000 80%,transparent 100%),linear-gradient(to right,transparent,#000 8%,#000 92%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(to bottom,#000 80%,transparent 100%),linear-gradient(to right,transparent,#000 8%,#000 92%,transparent);mask-composite:intersect}