/*! label.css — /records/（レーベル Veriquest Records）専用。全部をこのファイルが持つ。
    2026-09-29：rhyn.jp の「大聖堂の夜」に合わせて作り直した。主宰のサイトと同じ色・書体・部品
    （節の境のステンドグラスの帯・金の黒体字の見出し・金縁の札・薔薇窓）で、同じ系統だと一目で分かるようにする。
    2026-10-15：世界観は保ちつつ、コンパクトでシンプルに。見せ場は最初の画面の薔薇窓とロゴの1つだけにし、
    重なった飾り（節の見出しの王冠と線・下への合図・フッターの信条）と、同じ内容の重なり（カタログ一覧の表・注・終わりの1文）を外した。
    余白を詰め、PC は横を使う（中身の幅は 1440px の画面で左右 80px 前後・最大 1400px。最初の画面は薔薇窓と文の横並び、
    カタログは2列、レーベルの節は表と紹介の2列）。信条の文と数字の帯も外した（2026-10-15）。
    色は world-label.css。欧文2書体は fonts-gothic.css。日本語はウェブ書体を読まず端末の明朝。
    vq.css は読まない：このページで使っていた部品（地の初期化・.shell・.sr-only・焦点の見え方）はここに持つ。

    独立したレーベルのサイトとして立てている（2026-09-10）。共通のヘッダーとフッターは使わず、
    出入口はこのページ自身が持つ：ヘッダーに Veriquest と受注窓口、フッターにリンク。

    動きの決まり（rhyn.jp と同じ）：
      - 何も動かなくても完成して見える。薔薇窓は止まった絵として出る
      - 動き（薔薇窓の回転・光輪の明滅・ロゴの金の光沢・hover の変化）は、すべて
        @media (prefers-reduced-motion: no-preference) の中で、transform と opacity だけを動かす
      - 出現の動きで中身を隠さない（読み込んだ瞬間から全部読める）
    CSP は img-src 'self'：data: の背景画像は使わない（配信のときに黙って落ちる）。 */

/* ── 地 ───────────────────────────────────────────────────────── */
*,*::before,*::after{box-sizing:border-box}
html{background:#0C0A14;-webkit-text-size-adjust:100%;text-size-adjust:100%}
html,body{margin:0;padding:0}
body[data-world="label"]{
  --f-jp:'Hiragino Mincho ProN','Yu Mincho','YuMincho','Noto Serif JP',serif;
  --f-gothic:'Grenze Gotisch','Hiragino Mincho ProN','Yu Mincho','YuMincho','Noto Serif JP',serif;
  --f-latin:'Cormorant Garamond','Hiragino Mincho ProN','Yu Mincho','YuMincho','Noto Serif JP',serif;
  --pad:clamp(16px,5vw,64px);--shell:1400px;
  min-height:100vh;color:var(--ink);font-family:var(--f-jp);font-size:16px;line-height:1.9;
  font-variant-numeric:lining-nums;
  overflow-x:hidden;overflow-x:clip;-webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
p{text-wrap:pretty}
h1,h2,h3{text-wrap:balance}
::selection{background:rgba(217,173,85,.4);color:#FFF}
:focus{outline:none}
:focus-visible{outline:2px solid var(--gold-hi);outline-offset:3px}
.shell{max-width:var(--shell);margin:0 auto;width:100%}
/* 文書の h1 はページ名。見た目の見出しは信条なので、h1 は見えない形で置く（2026-09-19） */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.lb-sprite{position:absolute;width:0;height:0;overflow:hidden}

/* ── ボタン（指で押せる 48px） ─────────────────────────────────── */
.lb-btn,.lb-ghost{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;
  padding:11px 26px;font-family:var(--f-jp);font-weight:700;font-size:15px;line-height:1.45;letter-spacing:.08em;
  border:1px solid transparent;border-radius:2px}
.lb-btn{color:#0C0A14;background:linear-gradient(180deg,#FFD98A 0%,#D9AD55 58%,#B98A36 100%);
  border-color:rgba(255,230,163,.9);box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 0 22px rgba(255,217,138,.28)}
.lb-btn:hover{box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 0 34px rgba(255,217,138,.55)}
.lb-ghost{color:var(--gold-hi);background:rgba(12,10,20,.45);border-color:var(--line-firm)}
.lb-ghost:hover{background:rgba(217,173,85,.16);border-color:var(--gold-hi)}

/* ── レーベル自身のヘッダー（2026-09-25 から）──────────────────────────
   Veriquest 本体のヘッダーとは別の顔にする：上に細い帯（所在地と外への出口）、中央にロゴ、
   その下に中の行き先。追従させない。外への出口は2本：運営の Veriquest 本体と、
   受注窓口（Sound の琥珀。行き先の色で、どこへ行くかが分かる）。 */
.lb-top{position:relative;z-index:5;background:#08070D;border-bottom:3px double rgba(217,173,85,.42)}
/* 帯の左右は中身の幅にそろえる */
.lb-util{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;
  padding:0 max(var(--pad),calc((100% - var(--shell)) / 2));border-bottom:1px solid rgba(217,173,85,.14)}
.lb-util-l{margin:0;white-space:nowrap;font-family:var(--f-latin);font-weight:600;font-size:13px;
  letter-spacing:.26em;text-transform:uppercase;color:var(--ink-faint)}
.lb-util-r{display:flex;align-items:center;gap:clamp(12px,1.8vw,22px);margin-left:auto}
/* 見た目は小さく、押せる範囲は 44px（::after で広げる） */
.lb-navlang,.lb-navcta{position:relative}
.lb-navlang::after,.lb-navcta::after{content:"";position:absolute;left:-4px;right:-4px;top:50%;height:44px;transform:translateY(-50%)}
.lb-navlang{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:28px;padding:0 8px;
  font-family:var(--f-latin);font-weight:600;font-size:14px;letter-spacing:.14em;line-height:1;color:var(--gold-hi);
  border:1px solid var(--line-firm);border-radius:2px;white-space:nowrap}
.lb-navlang:hover{background:rgba(217,173,85,.16);border-color:var(--gold-hi)}
.lb-navback{display:inline-flex;align-items:center;gap:4px;min-height:44px;font-family:var(--f-jp);font-size:12.5px;
  letter-spacing:.1em;color:var(--ink-dim);white-space:nowrap}
.lb-navback:hover{color:var(--gold-hi)}
/* 受注窓口は Sound の琥珀（ユーザー 2026-09-27「ここは逆に SOUND のゴールドっぽい色に」） */
.lb-navcta{display:inline-flex;align-items:center;font-family:var(--f-jp);font-size:12.5px;font-weight:700;
  letter-spacing:.04em;color:#1A1008;background:linear-gradient(96deg,#E8A24A 0%,#F6C98A 100%);
  border-radius:3px;padding:7px 14px;white-space:nowrap;box-shadow:0 6px 18px rgba(232,162,74,.22)}
.lb-navcta:hover{filter:brightness(1.08)}
.lb-masthead{display:flex;flex-direction:column;align-items:center;gap:clamp(4px,1vh,10px);
  padding:clamp(14px,2.4vh,24px) var(--pad) clamp(4px,.8vh,8px)}
.lb-logo{display:block;line-height:0}
.lb-logo img{width:auto;height:clamp(52px,6.6vw,80px)}
.lb-navlinks{display:flex;align-items:center;gap:clamp(14px,2.6vw,34px)}
.lb-navlinks::before,.lb-navlinks::after{content:"";width:clamp(28px,8vw,110px);height:1px;
  background:linear-gradient(90deg,transparent,var(--gold))}
.lb-navlinks::after{transform:scaleX(-1)}
.lb-navlinks a{position:relative;display:inline-flex;align-items:center;min-height:44px;padding:0 4px;
  font-family:var(--f-latin);font-weight:600;font-size:15px;letter-spacing:.26em;text-transform:uppercase;color:var(--ink)}
.lb-navlinks a::after{content:"";position:absolute;left:4px;right:4px;bottom:9px;height:1px;background:var(--gold);transform:scaleX(0)}
.lb-navlinks a:hover{color:var(--gold-hi)}
.lb-navlinks a:hover::after{transform:scaleX(1)}

/* ── ヒーロー：薔薇窓の前にロゴ、その下（PC は右）に説明とボタン ─────────────────
   薔薇窓は rhyn.jp の部品（色ガラス・鉛の枠・トレーサリー・下の影）。中心はロゴの VR の組み文字に合わせる
   （ロゴの高さの 48%）。上の余白は、薔薇窓（外のトレーサリーは 7% はみ出す）が節の上端で切れない分だけ取る。
   文は薔薇窓の輪の下から始める（字の間から輪が透けないように。2026-09-29）：ロゴの下の余白を、
   輪の外周（中心から 0.57×--rose）までの残りに 12px 足した分だけ取る。
   2026-10-15：画面の高さいっぱいにしない。PC（1001px〜）は左に薔薇窓とロゴ、右に説明とボタンの横並び（目安 480px 前後）。
   スマホは縦のまま。薔薇窓は PC 280px・スマホ 210px。 */
.lb-hero{--rose:clamp(210px,56vw,280px);--logo-w:clamp(104px,28vw,138px);
  position:relative;isolation:isolate;overflow:hidden;text-align:center;
  padding:calc(var(--rose) * .57 - var(--logo-w) * .576 + 6px) var(--pad) clamp(20px,3vh,30px);
  background:
    radial-gradient(120% 70% at 50% 0%,rgba(29,23,51,.95) 0%,rgba(29,23,51,.35) 55%,transparent 80%),
    radial-gradient(140% 90% at 50% 45%,transparent 40%,rgba(12,10,20,.7) 100%),
    #0C0A14}
/* 薔薇窓から差し込む色の光 */
.lb-hero-rays{position:absolute;left:50%;top:14%;z-index:-3;width:200%;height:90%;transform:translateX(-50%);
  background:conic-gradient(from 152deg at 50% 0%,
    transparent 0deg,rgba(176,30,58,.26) 5deg,transparent 10deg,
    rgba(217,173,85,.2) 17deg,transparent 23deg,
    rgba(33,80,176,.28) 29deg,transparent 35deg,
    rgba(122,46,140,.24) 41deg,transparent 47deg,
    rgba(29,122,85,.22) 52deg,transparent 56deg);
  -webkit-mask:linear-gradient(180deg,#000 0%,rgba(0,0,0,.55) 45%,transparent 92%);
          mask:linear-gradient(180deg,#000 0%,rgba(0,0,0,.55) 45%,transparent 92%);
  mix-blend-mode:screen;pointer-events:none}
/* ろうそくの光の下からのにじみ */
.lb-hero-candle{position:absolute;left:0;right:0;bottom:0;z-index:-2;height:46%;pointer-events:none;background:
  radial-gradient(60% 80% at 50% 100%,rgba(255,190,110,.2),transparent 70%),
  radial-gradient(90% 60% at 50% 100%,rgba(176,30,58,.16),transparent 75%)}
.lb-hero > .shell{position:relative;max-width:860px}
.lb-emblem{position:relative;width:var(--logo-w);margin:0 auto calc(var(--rose) * .57 - var(--logo-w) * .624 + 6px)}
.lb-emblem .rose{position:absolute;left:50%;top:48%;z-index:-1;
  margin:calc(var(--rose) / -2) 0 0 calc(var(--rose) / -2);opacity:.92}
.lb-emblem .rose-glass{opacity:.5}
.lb-emblem-logo{position:relative;display:block}
.lb-emblem-logo img{width:100%;height:auto;filter:drop-shadow(0 4px 16px rgba(0,0,0,.75))}
.lb-eyebrow{display:flex;align-items:center;justify-content:center;gap:12px;margin:0 0 8px;
  font-family:var(--f-latin);font-weight:600;font-size:13px;line-height:1.4;letter-spacing:.34em;text-indent:.34em;
  text-transform:uppercase;color:var(--gold);text-shadow:0 1px 12px rgba(0,0,0,.8)}
.lb-eyebrow::before,.lb-eyebrow::after{content:"";flex:none;width:7px;height:7px;border:1px solid currentColor;
  transform:rotate(45deg);opacity:.8}
.lb-hero-copy{max-width:780px;margin:0 auto}
.lb-intro{margin:0 0 14px;font-size:14.5px;line-height:1.75;color:var(--ink-mid);word-break:auto-phrase}
.lb-cta{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}

/* ── 薔薇窓（1枚ずつ色の違うガラスと鉛の枠。rhyn.jp の部品をそのまま） ─────── */
.rose{position:relative;width:var(--rose);height:var(--rose);pointer-events:none}
.rose-halo{position:absolute;inset:-22%;border-radius:50%;
  background:radial-gradient(circle,rgba(255,217,138,.26) 0%,rgba(122,46,140,.18) 34%,rgba(33,80,176,.08) 50%,transparent 66%)}
.rose-glass{position:absolute;inset:0;border-radius:50%;
  background:
    radial-gradient(circle,#FFD98A 0 6%,#0C0A14 6.5% 8%,transparent 8.5%),
    repeating-radial-gradient(circle,transparent 0 17%,rgba(12,10,20,.92) 17% 18.4%),
    repeating-conic-gradient(rgba(12,10,20,.95) 0 1.8deg,transparent 1.8deg 30deg),
    repeating-conic-gradient(from 15deg,rgba(12,10,20,.55) 0 .9deg,transparent .9deg 30deg),
    repeating-conic-gradient(rgba(255,255,255,.07) 0 7.5deg,rgba(0,0,0,.1) 7.5deg 15deg),
    radial-gradient(circle,rgba(255,236,190,.35),transparent 55%),
    radial-gradient(circle,transparent 40%,rgba(8,6,14,.4) 72%),
    conic-gradient(#B01E3A 0 30deg,#2150B0 30deg 60deg,#1D7A55 60deg 90deg,#D9AD55 90deg 120deg,
                   #7A2E8C 120deg 150deg,#2150B0 150deg 180deg,#B01E3A 180deg 210deg,#1D7A55 210deg 240deg,
                   #D9AD55 240deg 270deg,#2150B0 270deg 300deg,#7A2E8C 300deg 330deg,#1D7A55 330deg 360deg);
  -webkit-mask:radial-gradient(circle,#000 69%,transparent 70%);
          mask:radial-gradient(circle,#000 69%,transparent 70%)}
.rose-lead{position:absolute;inset:0;width:100%;height:100%}
.rose-lead .lead{fill:rgba(255,244,214,.09);stroke:rgba(12,10,20,.92);stroke-width:1.5}
.rose-lead .glint{fill:none;stroke:rgba(255,217,138,.4);stroke-width:.35}
.rose-tracery{position:absolute;inset:-7%;width:114%;height:114%;color:var(--gold)}
/* 中央から下を沈めて、前に置いたロゴを読ませる */
.rose-shade{position:absolute;inset:0;border-radius:50%;
  background:radial-gradient(circle at 50% 62%,rgba(12,10,20,.72) 0 30%,transparent 58%)}

/* ── 節：境にステンドグラスの帯。見出しは英字の小見出しと、金の黒体字の題の2段 ─────── */
/* 節の外へ出る光（ジャケットの後ろのにじみ）は節の端で切る。スマホで横にはみ出さない */
.lb-sec{position:relative;padding:48px var(--pad);overflow-x:hidden;overflow-x:clip}
.lb-sec::before,.lb-foot::before{content:"";position:absolute;top:0;left:50%;width:min(620px,86%);height:1px;
  transform:translateX(-50%);background:var(--glass-band);opacity:.7}
.lb-sec--alt{background:radial-gradient(90% 50% at 50% 0%,rgba(122,46,140,.16),transparent 70%),#16122A}
.lb-head{margin:0 auto 24px;max-width:820px;text-align:center}
.lb-h{display:flex;flex-direction:column;align-items:center;gap:2px;margin:0;font-weight:400;line-height:1.4}
.lb-h-t{font-family:var(--f-latin);font-weight:600;font-size:14px;line-height:1.4;
  letter-spacing:.32em;text-indent:.32em;text-transform:uppercase;color:var(--gold)}
.lb-h i,.lb-foot-mark{font-family:var(--f-gothic);font-weight:700;letter-spacing:.03em;color:var(--gold-hi);
  background:var(--gilt);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.lb-h i{font-style:normal;font-size:clamp(26px,2.4vw,32px);line-height:1.3}
.lb-h em{font-style:normal;font-family:var(--f-jp);font-size:14px;line-height:1.7;
  letter-spacing:.06em;color:var(--ink-dim)}

/* ── 金縁の札（制作の姿勢・お問い合わせ）。角の印は控えめに ────────────────── */
.lb-points article,.lb-enq article{position:relative;
  background:linear-gradient(180deg,rgba(29,23,51,.78),rgba(12,10,20,.78));border:1px solid var(--line)}
.lb-points article::before,.lb-points article::after,.lb-enq article::before,.lb-enq article::after{
  content:"";position:absolute;width:10px;height:10px;border:1px solid var(--gold);opacity:.45;pointer-events:none}
.lb-points article::before,.lb-enq article::before{top:4px;left:4px;border-right:0;border-bottom:0}
.lb-points article::after,.lb-enq article::after{bottom:4px;right:4px;border-left:0;border-top:0}

/* 制作の姿勢：番号と題を1行に */
.lb-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.lb-points article{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:6px 12px;padding:18px 20px}
.lb-points span{font-family:var(--f-gothic);font-weight:700;font-size:26px;line-height:1;color:var(--gold)}
.lb-points h3{margin:0;font-family:var(--f-jp);font-weight:700;font-size:clamp(16.5px,1.6vw,18px);
  line-height:1.5;letter-spacing:.03em;color:var(--gold-pale)}
.lb-points p{grid-column:1/-1;margin:0;font-size:14px;line-height:1.8;color:var(--ink-mid)}

/* ── カタログ：PC は2列。札はジャケット（左）と文（右）、下に試聴と配信のリンク ──────
   試聴は押したら読み込む（records-embed.js）。押す前は 48px のボタンだけを置き、
   押すと札の幅いっぱいに再生機（175px）が開く。 */
.lb-cat{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.lb-rel{position:relative;overflow:hidden;display:grid;grid-template-columns:200px minmax(0,1fr);
  gap:14px 20px;align-items:start;padding:20px;
  background:linear-gradient(180deg,rgba(29,23,51,.72),rgba(12,10,20,.72));border:1px solid var(--line)}
.lb-sleeve{position:relative;grid-column:1;grid-row:1;margin:0}
.lb-sleeve::before{content:"";position:absolute;left:-10%;right:-10%;top:-10%;bottom:-12%;
  background:radial-gradient(closest-side,rgba(122,46,140,.34),transparent 74%)}
.lb-rel:nth-child(even) .lb-sleeve::before{background:radial-gradient(closest-side,rgba(33,80,176,.3),transparent 74%)}
.lb-sleeve img{position:relative;width:100%;height:auto;aspect-ratio:1;object-fit:cover;padding:4px;
  background:linear-gradient(135deg,#8F6A26,#FFE6A3 40%,#D9AD55 60%,#8F6A26);
  box-shadow:0 12px 28px rgba(0,0,0,.55),0 0 24px rgba(217,173,85,.12)}
.lb-body{position:relative;grid-column:2;grid-row:1;min-width:0}
.lb-meta{display:flex;flex-wrap:wrap;gap:0 12px;margin:0 0 2px;font-family:var(--f-latin);font-weight:600;
  font-size:13.5px;line-height:1.55;letter-spacing:.05em;color:var(--ink-faint)}
.lb-meta b{font-weight:600;letter-spacing:.14em;color:var(--gold)}
.lb-rel h3{margin:0;font-family:var(--f-gothic);font-weight:700;font-size:clamp(22px,1.9vw,26px);
  line-height:1.3;letter-spacing:.03em;color:var(--gold-pale)}
.lb-by{margin:0 0 6px;font-family:var(--f-latin);font-weight:600;font-size:15.5px;
  line-height:1.5;letter-spacing:.04em;color:var(--gold)}
.lb-copy{margin:0;font-size:14px;line-height:1.75;color:var(--ink-mid)}
.lb-tag{display:inline-block;margin:8px 0 0;padding:1px 10px;font-family:var(--f-latin);font-weight:600;
  font-size:13px;line-height:1.7;letter-spacing:.05em;color:var(--gold-hi);
  border:1px solid rgba(217,173,85,.45);background:rgba(12,10,20,.45)}
.lb-listen{position:relative;grid-column:1;grid-row:2;min-width:0;margin:0}
.lb-play{display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:6px 12px;
  font-family:var(--f-latin);font-weight:600;font-size:15.5px;line-height:1.3;letter-spacing:.1em;color:var(--gold-pale);
  border:1px solid var(--line-firm);border-radius:2px;
  background:
    radial-gradient(70% 120% at 50% 30%,rgba(122,46,140,.42),transparent 70%),
    linear-gradient(180deg,#1D1733,#06050A)}
.lb-play:focus-visible{outline:2px solid var(--gold-hi);outline-offset:2px}
.lb-play-i{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:50%;
  border:1px solid rgba(255,217,138,.85);background:radial-gradient(circle at 50% 35%,#C93352,#7D1328 75%);
  box-shadow:0 0 12px rgba(176,30,58,.55)}
.lb-play-i svg{width:13px;height:13px;margin-left:2px;fill:currentColor}
/* 再生機が開いたら、札の幅いっぱいに置き、配信のリンクはその下へ */
.lb-listen:has(.lb-player){grid-column:1/-1;box-shadow:0 0 0 1px var(--line-firm)}
.lb-rel:has(.lb-player) .lb-store{grid-row:3;grid-column:1/-1}
.lb-player{display:block;width:100%;height:175px;margin:0;border:0;background:#06050A}
.lb-store{grid-column:2;grid-row:2;justify-self:start}
.lb-store,.lb-enq-link{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:8px 18px;
  font-family:var(--f-latin);font-weight:600;font-size:15px;line-height:1.35;letter-spacing:.05em;color:var(--gold-hi);
  background:rgba(12,10,20,.45);border:1px solid var(--line-firm);border-radius:2px}
.lb-store:hover,.lb-enq-link:hover{background:rgba(217,173,85,.16);border-color:var(--gold-hi)}

/* ── レーベルと主宰：PC は左に表、右に主宰の紹介 ──────────────────────── */
.lb-label{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:20px 48px;align-items:start}
.lb-about{margin:0;border-top:1px solid var(--line-firm)}
.lb-about > div{display:grid;grid-template-columns:7.5em minmax(0,1fr);gap:12px;align-items:baseline;
  padding:8px 0;border-bottom:1px solid var(--line)}
.lb-about dt{font-family:var(--f-latin);font-weight:600;font-size:12.5px;line-height:1.6;letter-spacing:.16em;
  text-transform:uppercase;color:var(--ink-faint)}
.lb-about dd{margin:0;font-family:var(--f-jp);font-size:15px;line-height:1.7;color:var(--ink)}
/* 名前は Grenze Gotisch（本物の小文字を持つ。Rhyn を RHYN にしない。大文字化もしない） */
.lb-pr-name{margin:0;display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;
  font-family:var(--f-gothic);font-weight:700;font-size:clamp(28px,3vw,36px);line-height:1.25;letter-spacing:.02em;
  text-transform:none;color:var(--gold-hi);background:var(--gilt);-webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent}
.lb-pr-name span{font-family:var(--f-latin);font-weight:600;font-size:15px;letter-spacing:.16em;text-transform:none;
  color:var(--ink-faint);-webkit-text-fill-color:var(--ink-faint)}
.lb-pr-role{margin:2px 0 0;font-family:var(--f-latin);font-weight:600;font-size:15px;line-height:1.6;letter-spacing:.04em;color:var(--gold)}
.lb-pr-site{margin:0 0 6px;font-size:14px;line-height:1.7;color:var(--ink-faint)}
.lb-pr-site a{display:inline-flex;align-items:center;gap:4px;min-height:44px;font-family:var(--f-latin);font-weight:600;
  font-size:16px;letter-spacing:.04em;color:var(--gold-hi);text-decoration:underline;
  text-decoration-color:rgba(217,173,85,.5);text-underline-offset:4px}
.lb-pr-site a:hover{color:var(--gold-pale)}
.lb-pr-list{margin:0 0 10px;padding:0;list-style:none;display:grid;gap:2px}
.lb-pr-list li{position:relative;padding-left:20px;font-size:14px;line-height:1.75;color:var(--ink-mid)}
.lb-pr-list li::before{content:"";position:absolute;left:2px;top:.7em;width:6px;height:6px;background:var(--gold);
  transform:rotate(45deg);box-shadow:0 0 8px rgba(255,217,138,.5)}
.lb-pr-body{margin:0;max-width:44em;font-size:14px;line-height:1.8;color:var(--ink-mid)}

/* ── お問い合わせ：2つの行き先を金縁の札で ─────────────────────────── */
.lb-enq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.lb-enq article{display:flex;flex-direction:column;align-items:flex-start;padding:20px 24px}
.lb-enq h3{margin:0 0 4px;font-family:var(--f-jp);font-weight:700;font-size:clamp(17px,1.7vw,19px);line-height:1.5;color:var(--gold-pale)}
.lb-enq p{flex:1;margin:0 0 14px;font-size:14px;line-height:1.8;color:var(--ink-mid)}

/* ── レーベル自身のフッター ───────────────────────────────────────── */
.lb-foot{position:relative;background:#08070D;border-top:1px solid rgba(217,173,85,.2);
  padding:32px var(--pad) 20px}
.lb-foot-top{display:flex;flex-wrap:wrap;gap:12px 48px;justify-content:space-between;align-items:center;margin-bottom:16px}
.lb-foot-mark{margin:0;display:flex;align-items:baseline;gap:12px;font-size:clamp(26px,3vw,36px);line-height:1.2}
.lb-foot-mark b{font-weight:700}
.lb-foot-links{display:grid;grid-template-columns:repeat(4,auto);column-gap:clamp(20px,3vw,40px);justify-items:start}
.lb-foot-links a{display:inline-flex;align-items:center;min-height:44px;font-size:14px;color:var(--ink-dim)}
.lb-foot-links a:hover{color:var(--gold-hi)}
.lb-foot-base{display:flex;flex-wrap:wrap;gap:6px 24px;justify-content:space-between;
  padding-top:14px;border-top:1px solid rgba(217,173,85,.14);
  font-family:var(--f-latin);font-weight:600;font-size:13.5px;letter-spacing:.05em;color:var(--ink-faint)}

/* ── 広い画面（PC）：中身の幅を広げ、最初の画面を横並びに ───────────────────── */
@media (min-width:1001px){
  body[data-world="label"]{--pad:clamp(56px,5.6vw,80px)}
  .lb-hero{padding:52px var(--pad);text-align:left}
  .lb-hero > .shell{max-width:var(--shell);display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);
    gap:48px;align-items:center;min-height:calc(var(--rose) * 1.14)}
  /* 色の光は、左の薔薇窓の中心から差す（中身の左端＋左の列の半分） */
  .lb-hero-rays{top:46%;height:70%;
    left:calc(max(var(--pad),(100% - var(--shell)) / 2) + (min(100% - 2 * var(--pad),var(--shell)) - 48px) * 5 / 24)}
  .lb-emblem{margin:0 auto}
  .lb-hero-copy{max-width:640px;margin:0}
  .lb-eyebrow{justify-content:flex-start;margin-bottom:12px;text-indent:0}
  .lb-intro{margin-bottom:24px;font-size:18px;line-height:1.9;color:var(--ink)}
  .lb-cta{justify-content:flex-start}
}
@media (min-width:1280px){
  .lb-rel{grid-template-columns:232px minmax(0,1fr)}
}

/* ── 狭い画面 ─────────────────────────────────────────────────── */
@media (max-width:1000px){
  .lb-cat{grid-template-columns:1fr}
}
@media (max-width:900px){
  .lb-points{grid-template-columns:1fr;gap:12px}
  .lb-label{grid-template-columns:1fr}
  .lb-enq{grid-template-columns:1fr;gap:12px}
  .lb-foot-links{grid-template-columns:repeat(2,auto)}
}
@media (max-width:620px){
  .lb-sec{padding:36px var(--pad)}
  .lb-head{margin-bottom:18px}
  .lb-h i{font-size:26px}
  .lb-hero{padding-bottom:18px}
  .lb-cta{gap:8px}
  .lb-cta .lb-btn,.lb-cta .lb-ghost{gap:6px;padding:11px 14px;font-size:14px;letter-spacing:.02em}
  .lb-eyebrow{gap:9px;font-size:12.5px;letter-spacing:.2em;text-indent:.2em}
  .lb-intro{margin-bottom:12px;font-size:14px;line-height:1.7}
  .lb-points{gap:10px}
  .lb-points article{padding:12px 16px}
  .lb-points span{font-size:22px}
  /* カタログ：小さなジャケット（左）と文（右）。試聴と配信のリンクはジャケットと文の下に並べる */
  .lb-cat{gap:10px}
  .lb-rel{grid-template-columns:112px minmax(0,1fr);gap:10px 14px;padding:14px}
  .lb-sleeve img{padding:3px}
  .lb-meta{font-size:12.5px;gap:0 10px}
  .lb-rel h3{font-size:21px}
  .lb-by{font-size:14.5px;margin-bottom:4px}
  .lb-copy{font-size:13.5px;line-height:1.65}
  .lb-tag{margin-top:6px;font-size:12.5px}
  .lb-play{gap:6px;padding:6px 8px;font-size:14px;letter-spacing:.06em}
  .lb-play-i{width:24px;height:24px}
  .lb-play-i svg{width:11px;height:11px}
  .lb-store{justify-self:stretch;justify-content:center;gap:6px;padding:8px 10px;font-size:13px;letter-spacing:0;white-space:nowrap}
  .lb-enq{gap:10px}
  .lb-enq article{padding:14px 18px}
  .lb-enq p{margin-bottom:10px;line-height:1.7}
  .lb-label{gap:14px}
  .lb-pr-list li,.lb-pr-body{line-height:1.65}
  .lb-foot{padding-top:26px}
  .lb-foot-links{grid-template-columns:1fr 1fr;column-gap:20px}
}
/* 上段は折り返さない。所在地の一行は右の3つと並べて収まる幅でだけ出す（EN で約 760px まではみ出していた） */
@media (max-width:900px){
  .lb-util-l{display:none}
}
@media (max-width:520px){
  .lb-util-l,.lb-navback{display:none}
}
/* 320〜360px：配信のリンクは折り返してよい（矢印は外す） */
@media (max-width:360px){
  .lb-store{white-space:normal}
  .lb-store span{display:none}
}

/* ── 動き：動きを減らす設定でない端末だけ。transform と opacity だけを動かす ────── */
@media (prefers-reduced-motion:no-preference){
  html{scroll-behavior:smooth}
  .lb-btn,.lb-ghost,.lb-store,.lb-enq-link,.lb-navlang,.lb-navback,.lb-navlinks a,.lb-foot-links a,
  .lb-pr-site a{transition:color .25s ease,background-color .25s ease,border-color .25s ease,box-shadow .3s ease}
  .lb-navlinks a::after{transition:transform .3s ease}
  .lb-play-i{transition:transform .35s ease}
  .lb-play:hover .lb-play-i,.lb-play:focus-visible .lb-play-i{transform:scale(1.08)}
  .lb-sleeve img{transition:transform .35s ease}
  .lb-sleeve:hover img{transform:translateY(-4px)}

  .rose-glass{animation:lb-rose-turn 140s linear infinite;will-change:transform}
  .rose-tracery{animation:lb-rose-turn 220s linear infinite reverse;will-change:transform}
  .rose-halo{animation:lb-halo 7s ease-in-out infinite}
  /* ロゴの金の光沢：ロゴの形で切り抜いた明るい帯を2枚重ね、透明度だけで行き来させる */
  .lb-emblem-logo::before,.lb-emblem-logo::after{content:"";position:absolute;inset:0;opacity:0;pointer-events:none;
    -webkit-mask:url("/assets/img/records/vr-4c-dark.svg") 0 0 / 100% 100% no-repeat;
            mask:url("/assets/img/records/vr-4c-dark.svg") 0 0 / 100% 100% no-repeat}
  .lb-emblem-logo::before{background:linear-gradient(100deg,transparent 22%,rgba(255,252,238,.9) 34%,transparent 46%);
    animation:lb-gleam 7s ease-in-out infinite}
  .lb-emblem-logo::after{background:linear-gradient(100deg,transparent 54%,rgba(255,252,238,.9) 66%,transparent 78%);
    animation:lb-gleam 7s ease-in-out .9s infinite}
}
@keyframes lb-rose-turn{to{transform:rotate(360deg)}}
@keyframes lb-halo{0%,100%{opacity:.82}50%{opacity:1}}
@keyframes lb-gleam{0%,100%{opacity:0}12%{opacity:.9}26%{opacity:0}}