/* セレン・ミメシス専用の見た目（selen/ の下のページのみ読み込み）
   色の由来 = チャンネルのバナーの暗い地（#15161b）と MV の字の赤。
   ヘッダー/フッターのDマーク(スタジオの顔)は下記で house cyan に固定する。 */
:root{
  --paper:#15161b;
  --paper-2:#1e2026;
  --surface:#1e2026;
  --ink:#f2f2f4;
  --ink-soft:#c9ccd2;
  --mist:#a3a7af;
  --cyan:#ef5a5f;
  --cyan-bright:#c9262c;
  --aqua:#2a1c1f;
  --line:rgba(255,255,255,.12);
  --line-2:rgba(255,255,255,.22);
}
::selection{background:#c9262c;color:#fff}
.site-head{background:rgba(21,22,27,.85)}
.site-head .dmark,.foot .dmark{color:#1f9fc4}
a:focus-visible,button:focus-visible{outline:2px solid #fff;outline-offset:3px;border-radius:4px}

.artist-hero{padding-bottom:clamp(2rem,5vw,3rem)}
.artist-hero img{display:block;width:100%;height:auto;aspect-ratio:3/1;object-fit:cover}
@media(max-width:600px){.artist-hero img{aspect-ratio:2/1}}
.artist-hero h1{font-family:var(--serif);font-weight:700;font-size:clamp(1.7rem,4vw,2.5rem);letter-spacing:.04em;margin-top:1.4rem}
.artist-hero .about{color:var(--ink-soft);max-width:44em;margin-top:.5rem;word-break:auto-phrase}
.artist-hero .note{color:var(--mist);font-size:.85rem;margin-top:.5rem}
.artist-hero .btn-fill{margin-top:1.2rem}
.release-card{background:var(--surface);border-radius:12px;border:1px solid var(--line)}
.release-card .ttl{font-family:var(--serif);font-weight:600;font-size:1.05rem}

.song{max-width:760px;padding:clamp(1.5rem,4vw,2.5rem) 0 clamp(3rem,7vw,5rem)}
.crumb{font-size:.88rem;margin-bottom:1rem}
.crumb a{color:var(--ink-soft)}
.crumb a:hover{color:var(--cyan)}
.mv-player{position:relative;display:block;width:100%;padding:0;border:0;background:#000;border-radius:12px;overflow:hidden;cursor:pointer}
.mv-player img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.mv-player .play{position:absolute;inset:0;margin:auto;width:72px;height:50px;border-radius:12px;background:#c9262c;color:#fff;font-size:1.3rem;display:grid;place-items:center;box-shadow:0 2px 10px rgba(0,0,0,.6);transition:background .2s}
.mv-player:hover .play{background:#e5383e}
.mv-frame{display:block;width:100%;aspect-ratio:16/9;border:0;border-radius:12px}
.mv-link{font-size:.88rem;margin-top:.6rem;text-align:right}
.mv-link a{color:var(--ink-soft);border-bottom:1px solid var(--line-2)}
.mv-link a:hover{color:var(--cyan)}
.song h1{font-family:var(--serif);font-weight:700;font-size:clamp(1.8rem,5vw,2.6rem);line-height:1.35;margin-top:1.2rem}
.song-meta{color:var(--mist);font-size:.85rem;margin-top:.2rem}
.song-lead{color:var(--ink);margin-top:1.1rem;word-break:auto-phrase}
.song-lead p+p{margin-top:.2rem}
.song-sec{margin-top:clamp(2rem,5vw,2.8rem)}
.song-sec h2{font-family:var(--serif);font-weight:600;font-size:1.25rem;color:var(--cyan);margin-bottom:.5rem}
.song-sec p{color:var(--ink-soft);word-break:auto-phrase}
.song-sec p+p{margin-top:.7rem}
.song-sec blockquote{border-left:2px solid var(--cyan-bright);padding-left:.9rem;margin:.7rem 0;color:var(--ink);font-family:var(--serif)}
.song-sec a{color:var(--cyan);border-bottom:1px solid var(--line-2)}
.lyrics{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:1.2rem 1.3rem}
.lyrics p{color:var(--ink-soft);font-size:.95rem;line-height:1.95}
.lyrics p+p{margin-top:1rem}
.credits p{font-size:.88rem;color:var(--mist)}