/*! world-night — /records/ (楽曲制作). Loaded after records.css.
    Warm black with amber and violet stage light; Fraunces italic and Noto Serif JP. */
body[data-world="night"]{
  --ground:#120D0D;--raise:#1A1212;
  --ink:#F6EDE0;--ink-mid:#C9BBAE;--ink-dim:#9C8A7A;--ink-faint:#7A6A5C;
  --line:rgba(246,237,224,.12);--line-firm:rgba(246,237,224,.26);
  --acc:#E8A24A;--acc-line:rgba(232,162,74,.55);--acc-glow:rgba(232,162,74,.18);--tint:#E8A24A;
  background-color:#120D0D;
  background-image:radial-gradient(900px 900px at -60px -120px,rgba(232,162,74,.22),transparent 60%),radial-gradient(900px 900px at 100% 640px,rgba(122,92,255,.18),transparent 60%);
  background-repeat:no-repeat;
}
body[data-world="night"] main{--grad:linear-gradient(96deg,#E8A24A 0%,#F6C98A 100%)}
body[data-world="night"] :is(.btn,.submit){color:#1A1008}
body[data-world="night"] .sec h2{font-family:'Noto Serif JP',serif;font-weight:700;letter-spacing:0}
body[data-world="night"] .sec-num{-webkit-text-fill-color:var(--acc);color:var(--acc);background:none}
/* ── Hero ── */
.w-hero--night .w-house,.w-hero--night .w-unit{font-style:italic}
.w-hero--night .w-house{font-size:clamp(34px,4vw,56px)}
.w-hero--night .w-unit{color:var(--acc);letter-spacing:-.02em}
.w-catch--serif{font-family:'Noto Serif JP',serif;font-weight:500;font-size:clamp(20px,2.2vw,30px);letter-spacing:0;line-height:1.5}
.w-tracks{display:flex;flex-wrap:wrap;gap:10px 22px;margin:0 0 22px;padding:10px 0;list-style:none;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.06em;color:var(--ink-mid)}
.w-tracks li{display:inline-flex;align-items:baseline;gap:8px}
.w-tracks b{font-weight:400;color:var(--acc)}
.w-jackets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px;max-width:508px;margin:0 0 0 auto;padding:6px}
.w-jacket{margin:0;display:flex;flex-direction:column;gap:10px;transform:rotate(var(--rot,0deg))}
.w-jacket img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border:1px solid rgba(255,255,255,.08);box-shadow:0 24px 60px rgba(0,0,0,.6)}
.w-jacket figcaption{font-family:'IBM Plex Mono',monospace;font-size:10.5px;line-height:1.5;letter-spacing:.04em;color:var(--ink-dim)}
.w-jacket.r1{--rot:-3deg}.w-jacket.r2{--rot:2deg}.w-jacket.r3{--rot:1.5deg}.w-jacket.r4{--rot:-2deg}
.w-wave{display:block;width:100%;max-width:var(--shell);height:64px;margin:clamp(24px,4vh,40px) auto 0;color:var(--acc);opacity:.34}
@media (max-width:960px){.w-jackets{margin:0 auto}}
@media (max-width:620px){.w-jackets{gap:20px;padding:0}.w-jacket{--rot:0deg}.w-wave{height:40px}}