/* Synclexia Artists — studio theme, 2026-10-16. Scoped to this page. */
body.page-id-9 #main-content { background:#141e24; }
.slx-directory--artists { --ink:#142029; --paper:#f4e6b7; --blue:#9cdcf1; color:#d1dce1; background:#141e24; font:16px/1.7 Arial,Helvetica,sans-serif; overflow:clip; }
.slx-directory--artists *, .slx-directory--artists *::before, .slx-directory--artists *::after { box-sizing:border-box; }
.slx-directory--artists h1, .slx-directory--artists h2, .slx-directory--artists h3, .slx-directory--artists p { margin:0; padding:0; font-family:Arial,Helvetica,sans-serif; }
.slx-directory--artists h1, .slx-directory--artists h2, .slx-directory--artists h3 { font-weight:700; letter-spacing:-.035em; }
.slx-directory--artists a { text-decoration:none; }
.slx-directory--artists a:focus-visible { outline:3px solid #9cdcf1; outline-offset:6px; }
.slx-directory--artists .sa-wrap { width:calc(100% - 96px); max-width:1120px; margin:0 auto; }
.slx-directory--artists .sa-eyebrow { display:flex; align-items:center; gap:12px; color:#b9cbd3; font-size:10px; line-height:1.5; font-weight:700; letter-spacing:.2em; text-transform:uppercase; }
.slx-directory--artists .sa-eyebrow::before { content:''; width:24px; height:2px; flex:0 0 24px; background:var(--blue); }
.slx-directory--artists .sa-hero { position:relative; isolation:isolate; background:#111c23; border-bottom:1px solid #71828a; }
.slx-directory--artists .sa-hero-art { position:absolute; z-index:-2; inset:0; overflow:hidden; }
.slx-directory--artists .sa-hero-art img { display:block; width:100%; height:100%; object-fit:cover; object-position:72% 24%; filter:grayscale(1); opacity:.75; }
.slx-directory--artists .sa-hero::before { content:''; position:absolute; z-index:-1; inset:0; background:linear-gradient(90deg,#111c23 0%,#111c23f2 28%,#111c23c7 49%,#111c2333 76%,#111c2355),linear-gradient(0deg,#111c23b3,transparent 60%); }
.slx-directory--artists .sa-hero-copy { padding:72px 0 66px; min-height:460px; }
.slx-directory--artists h1 { color:#f6f7f3; font-size:clamp(42px,4.4vw,62px); line-height:1.07; max-width:650px; margin:22px 0; }
.slx-directory--artists h1 span { color:#ecdca6; }
.slx-directory--artists .sa-intro { max-width:470px; color:#d1dce1; font-size:16px; line-height:1.8; margin-bottom:28px; }
.slx-directory--artists .sa-control { display:inline-flex; position:relative; align-items:center; justify-content:space-between; gap:30px; min-height:62px; min-width:206px; padding:12px 22px; border:1px solid #c6d4db; border-radius:3px; background:linear-gradient(115deg,#f1f5f6 0%,#bfcbd2 28%,#e6ebee 52%,#abbac4 78%,#d6e0e5 100%); box-shadow:inset 0 1px #fff,0 3px 0 #56636b,0 8px 18px #0005; color:#24343d; font-size:14px; font-weight:700; line-height:1.4; transition:filter .2s,transform .2s; }
.slx-directory--artists .sa-control::before { content:''; position:absolute; top:-2px; left:24px; width:25px; height:3px; background:#a7e9fb; box-shadow:0 0 9px #8bdcf5; }
.slx-directory--artists .sa-control small { display:block; margin-bottom:3px; font-size:8px; letter-spacing:.18em; }
.slx-directory--artists .sa-control:hover { filter:brightness(1.08); transform:translateY(-2px); }
.slx-directory--artists .sa-hero-strip { border-top:1px solid #c7dce426; background:#10191fb8; }
.slx-directory--artists .sa-strip-inner { display:flex; justify-content:space-between; gap:20px; padding:13px 0; font-size:9px; line-height:1.5; letter-spacing:.17em; text-transform:uppercase; color:#becbd2; }
.slx-directory--artists .sa-status { display:flex; align-items:center; gap:8px; }
.slx-directory--artists .sa-status::before { content:''; width:4px; height:4px; border-radius:50%; background:#a7e9fb; box-shadow:0 0 6px #8bdcf5; }
.slx-directory--artists .sa-roster { padding:66px 0 72px; background:radial-gradient(ellipse at 85% 0%,#34424a66,transparent 60%),linear-gradient(180deg,#172128,#141d23); scroll-margin-top:26px; }
.slx-directory--artists .sa-section-head { display:flex; align-items:end; justify-content:space-between; gap:40px; margin-bottom:30px; }
.slx-directory--artists h2 { color:#f0f4f4; font-size:clamp(30px,3.1vw,40px); line-height:1.15; margin-top:13px; }
.slx-directory--artists .sa-section-head > p { max-width:325px; color:#b9c8d0; font-size:14px; line-height:1.8; }
.slx-directory--artists .sa-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:26px; }
.slx-directory--artists .sa-card { display:flex; flex-direction:column; color:#293039; border:1px solid #839198; border-radius:5px; padding:7px; background:linear-gradient(135deg,#48555d,#1a252c 55%); box-shadow:0 12px 24px #0003,inset 0 1px #d7e5ed33; transition:transform .2s,border-color .2s; min-width:0; }
.slx-directory--artists .sa-card:hover { transform:translateY(-5px); border-color:#a8d9e9; }
.slx-directory--artists .sa-card-image { position:relative; aspect-ratio:1; background:#0d171d; overflow:hidden; }
.slx-directory--artists .sa-card-image img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .4s; }
.slx-directory--artists .sa-card:hover img { transform:scale(1.025); }
.slx-directory--artists .sa-card-data { display:flex; flex:1; flex-direction:column; padding:23px 22px 20px; background:linear-gradient(125deg,#f8edc7,#eddda4 60%,#ddc789); border-top:2px solid #fff3c9; }
.slx-directory--artists .sa-number { color:#68562f; font-size:9px; font-weight:700; letter-spacing:.18em; text-transform:uppercase; }
.slx-directory--artists h3 { color:#292418; font-size:25px; line-height:1.2; margin:8px 0 13px; }
.slx-directory--artists .sa-card p { font-size:14px; color:#49412c; line-height:1.65; padding-bottom:22px; }
.slx-directory--artists .sa-card-link { display:flex; align-items:center; justify-content:space-between; gap:12px; padding-top:14px; border-top:1px solid #8c774c66; margin-top:auto; color:#302a1d; font-size:12px; font-weight:700; }
.slx-directory--artists .sa-feature-section { padding:0 0 76px; background:#141d23; }
.slx-directory--artists .sa-feature { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(0,1fr); align-items:stretch; border:1px solid #b8a16a; border-top:2px solid #fff3c9; border-radius:6px; background:linear-gradient(125deg,#f8edc7,#eddda4 52%,#ddc789); padding:8px; box-shadow:inset 0 1px #fff9,0 0 0 4px #0e171c,0 22px 48px #0004; }
.slx-directory--artists .sa-feature-copy { padding:43px 45px; align-self:center; }
.slx-directory--artists .sa-feature .sa-eyebrow { color:#68562f; font-size:10px; }
.slx-directory--artists .sa-feature .sa-eyebrow::before { background:#88723d; }
.slx-directory--artists .sa-feature h2 { color:#292418; font-size:42px; margin-bottom:20px; }
.slx-directory--artists .sa-feature p { color:#403822; max-width:505px; font-size:15px; line-height:1.8; margin-bottom:18px; }
.slx-directory--artists .sa-feature .sa-albums { padding-top:17px; border-top:1px solid #8c774c66; color:#68562f; font-size:11px; line-height:1.8; }
.slx-directory--artists .sa-albums strong { display:block; color:#3c3320; font-size:13px; font-weight:400; }
.slx-directory--artists .sa-feature .sa-control { margin-top:9px; }
.slx-directory--artists .sa-feature-image { position:relative; min-height:420px; overflow:hidden; border-radius:2px; background:#0c151b; }
.slx-directory--artists .sa-feature-image img { display:block; width:100%; height:100%; position:absolute; inset:0; object-fit:cover; object-position:50% 27%; }
.slx-directory--artists .sa-feature-image figcaption { position:absolute; bottom:0; left:0; right:0; padding:24px 22px 16px; background:linear-gradient(transparent,#081015dc); color:#e7ecef; font-size:9px; letter-spacing:.17em; text-transform:uppercase; }
.slx-directory--artists figure { margin:0; }
.slx-directory--artists .sa-outro { background:linear-gradient(120deg,#26343c,#18242b); border-top:1px solid #61747e; border-bottom:3px solid #71828a; padding:48px 0; box-shadow:inset 0 1px #d8eaf01a; }
.slx-directory--artists .sa-outro-inner { display:flex; align-items:center; justify-content:space-between; gap:40px; }
.slx-directory--artists .sa-outro h2 { margin:0 0 12px; font-size:30px; }
.slx-directory--artists .sa-outro p { color:#bbccd4; font-size:14px; max-width:590px; }
.slx-directory--artists .sa-outro .sa-control { flex-shrink:0; }
@media(min-width:1800px) { .slx-directory--artists .sa-hero-art img { object-position:center 28%; } }
@media(max-width:980px) { .slx-directory--artists .sa-wrap { width:calc(100% - 64px); } .slx-directory--artists .sa-hero-copy { padding:60px 0; min-height:440px; } .slx-directory--artists .sa-grid { gap:18px; } .slx-directory--artists .sa-card-data { padding:20px 17px; } .slx-directory--artists h3 { font-size:22px; } .slx-directory--artists .sa-feature-copy { padding:32px 28px; } .slx-directory--artists .sa-feature h2 { font-size:36px; } }
@media(max-width:700px) { .slx-directory--artists .sa-wrap { width:calc(100% - 40px); } .slx-directory--artists .sa-hero-copy { min-height:460px; padding:53px 0 44px; } .slx-directory--artists h1 { font-size:clamp(38px,8.5vw,52px); max-width:520px; } .slx-directory--artists .sa-hero::before { background:linear-gradient(90deg,#111c23ed,#111c239e),linear-gradient(0deg,#111c23c9,transparent); } .slx-directory--artists .sa-hero-art img { object-position:72% center; opacity:.5; } .slx-directory--artists .sa-intro { font-size:15px; max-width:360px; } .slx-directory--artists .sa-eyebrow { font-size:9px; letter-spacing:.15em; gap:9px; } .slx-directory--artists .sa-strip-inner { font-size:8px; gap:10px; letter-spacing:.1em; } .slx-directory--artists .sa-roster { padding:46px 0; } .slx-directory--artists .sa-section-head { display:block; margin-bottom:26px; } .slx-directory--artists .sa-section-head > p { margin-top:17px; max-width:410px; } .slx-directory--artists .sa-grid { grid-template-columns:1fr; gap:26px; } .slx-directory--artists .sa-card-data { padding:23px; } .slx-directory--artists h3 { font-size:27px; } .slx-directory--artists .sa-card p { padding-bottom:18px; } .slx-directory--artists .sa-feature { grid-template-columns:1fr; } .slx-directory--artists .sa-feature-copy { padding:28px 21px 34px; } .slx-directory--artists .sa-feature-image { min-height:350px; } .slx-directory--artists .sa-feature-section { padding-bottom:48px; } .slx-directory--artists .sa-outro { padding:38px 0 44px; } .slx-directory--artists .sa-outro-inner { display:block; } .slx-directory--artists .sa-outro .sa-control { margin-top:25px; } .slx-directory--artists .sa-outro h2 { font-size:28px; } }
@media(prefers-reduced-motion:reduce) { .slx-directory--artists *,.slx-directory--artists *::before,.slx-directory--artists *::after { transition:none!important; } }

/* Spotlight control — polished royal gold, October 16, 2026. */
.slx-directory--artists .sa-feature .sa-control {
  color:#35220b;
  border-color:#9a7124;
  background:linear-gradient(115deg,#fff0aa 0%,#dbb450 24%,#f5d982 48%,#bf8a27 77%,#e2b94e 100%);
  box-shadow:inset 0 1px #fff8d6,inset 0 0 0 2px #fff1af66,0 3px 0 #805b1a,0 8px 18px #6a490c40;
  text-shadow:0 1px #fff3c055;
}
.slx-directory--artists .sa-feature .sa-control::before {
  background:#fff0b4;
  box-shadow:0 0 8px #f6cf70;
}
.slx-directory--artists .sa-feature .sa-control:focus-visible { outline-color:#765017; }


/* Synclexia Catalog — studio theme. Scoped to WordPress page 11. */
body.page-id-11 #main-content { background:#141e24; }
.slx-directory--catalog { --blue:#9cdcf1; color:#cfdae0; background:#141e24; font:16px/1.7 Arial,Helvetica,sans-serif; overflow:clip; }
.slx-directory--catalog *,.slx-directory--catalog *::before,.slx-directory--catalog *::after { box-sizing:border-box; }
.slx-directory--catalog h1,.slx-directory--catalog h2,.slx-directory--catalog h3,.slx-directory--catalog p { margin:0; padding:0; font-family:Arial,Helvetica,sans-serif; }
.slx-directory--catalog h1,.slx-directory--catalog h2,.slx-directory--catalog h3 { font-weight:700; letter-spacing:-.035em; }
.slx-directory--catalog a { text-decoration:none; }
.slx-directory--catalog a:focus-visible,.slx-directory--catalog audio:focus-visible { outline:3px solid var(--blue); outline-offset:6px; }
.slx-directory--catalog figure { margin:0; }
.slx-directory--catalog .sc-wrap { width:calc(100% - 96px); max-width:1120px; margin:0 auto; }
.slx-directory--catalog .sc-eyebrow { display:flex; align-items:center; gap:12px; color:#b9cbd3; font-size:10px; line-height:1.5; font-weight:700; letter-spacing:.2em; text-transform:uppercase; }
.slx-directory--catalog .sc-eyebrow::before { content:''; width:24px; height:2px; flex:0 0 24px; background:var(--blue); }
.slx-directory--catalog .sc-hero { position:relative; background:radial-gradient(ellipse at 80% 25%,#33465077,transparent 60%),linear-gradient(120deg,#111c23,#17232b); border-bottom:1px solid #71828a; }
.slx-directory--catalog .sc-hero-inner { display:grid; grid-template-columns:1.12fr 1fr; align-items:center; gap:40px; min-height:460px; padding-top:66px; padding-bottom:62px; }
.slx-directory--catalog h1 { color:#f6f7f3; font-size:clamp(42px,4.4vw,62px); line-height:1.07; margin:22px 0; }
.slx-directory--catalog h1 span { color:#ecdca6; }
.slx-directory--catalog .sc-intro { color:#cfdae0; max-width:455px; font-size:16px; line-height:1.8; margin-bottom:28px; }
.slx-directory--catalog .sc-actions { display:flex; align-items:center; gap:24px; flex-wrap:wrap; }
.slx-directory--catalog .sc-control { display:inline-flex; position:relative; align-items:center; justify-content:space-between; gap:30px; min-height:62px; min-width:206px; padding:12px 22px; border:1px solid #c6d4db; border-radius:3px; background:linear-gradient(115deg,#f1f5f6 0%,#bfcbd2 28%,#e6ebee 52%,#abbac4 78%,#d6e0e5 100%); box-shadow:inset 0 1px #fff,0 3px 0 #56636b,0 8px 18px #0005; color:#24343d; font-size:14px; font-weight:700; line-height:1.4; transition:filter .2s,transform .2s; }
.slx-directory--catalog .sc-control::before { content:''; position:absolute; top:-2px; left:24px; width:25px; height:3px; background:#a7e9fb; box-shadow:0 0 9px #8bdcf5; }
.slx-directory--catalog .sc-control small { display:block; margin-bottom:3px; font-size:8px; letter-spacing:.18em; }
.slx-directory--catalog .sc-control:hover { filter:brightness(1.08); transform:translateY(-2px); }
.slx-directory--catalog .sc-text-link { color:#d4e3e9; font-size:13px; font-weight:700; padding:10px 0; border-bottom:1px solid #80949f; }
.slx-directory--catalog .sc-text-link:hover { color:#a7e9fb; }
.slx-directory--catalog .sc-deck { position:relative; isolation:isolate; min-width:0; padding:24px 25px 19px; border:1px solid #75848d; border-top:2px solid #c0ccd0; border-radius:6px; background:linear-gradient(145deg,#46535b,#222e36 48%,#18242b); box-shadow:0 24px 40px #0005,inset 0 0 0 6px #15202766; transform:rotate(-3deg); }
.slx-directory--catalog .sc-deck::before,.slx-directory--catalog .sc-deck::after { content:''; position:absolute; width:5px; height:5px; border-radius:50%; background:#c1cdd1; box-shadow:inset 0 1px #fff9,0 1px 3px #000; top:10px; }
.slx-directory--catalog .sc-deck::before { left:10px; } .slx-directory--catalog .sc-deck::after { right:10px; }
.slx-directory--catalog .sc-deck-label { display:flex; align-items:center; justify-content:space-between; gap:10px; color:#c3d1d6; font-size:8px; font-weight:700; line-height:1.5; letter-spacing:.18em; text-transform:uppercase; }
.slx-directory--catalog .sc-led { display:inline-flex; align-items:center; gap:7px; }
.slx-directory--catalog .sc-led::before { content:''; width:4px; height:4px; flex:0 0 4px; border-radius:50%; background:#a7e9fb; box-shadow:0 0 6px #8bdcf5; }
.slx-directory--catalog .sc-deck-art { position:relative; height:277px; margin:21px 0 18px; }
.slx-directory--catalog .sc-vinyl { position:absolute; width:273px; height:273px; right:-2px; top:0; display:grid; place-items:center; border-radius:50%; border:4px solid #a4b0b5; background:repeating-radial-gradient(circle,#11171b 0 2px,#293237 3px,#10171b 4px,#182026 5px); box-shadow:0 0 0 3px #0b1317,0 10px 16px #0007; }
.slx-directory--catalog .sc-vinyl img { width:96px; height:96px; border-radius:50%; object-fit:cover; filter:saturate(.65); }
.slx-directory--catalog .sc-vinyl::after { content:''; position:absolute; width:9px; height:9px; border:2px solid #c4cfd3; border-radius:50%; background:#17222a; }
.slx-directory--catalog .sc-sleeve { position:absolute; width:245px; height:245px; left:0; top:14px; z-index:1; transform:rotate(2deg); padding:5px; background:#090f12; border:1px solid #637079; box-shadow:9px 12px 24px #0009; }
.slx-directory--catalog .sc-sleeve img { display:block; width:100%; height:100%; object-fit:cover; }
.slx-directory--catalog .sc-deck-caption { display:flex; justify-content:space-between; gap:12px; padding-top:12px; border-top:1px solid #8d9ba044; font-size:10px; color:#c6d3d9; }
.slx-directory--catalog .sc-deck-caption strong { color:#f0e2b6; font-weight:400; }
.slx-directory--catalog .sc-hero-strip { border-top:1px solid #c7dce426; background:#10191f99; }
.slx-directory--catalog .sc-strip-inner { display:flex; justify-content:space-between; gap:20px; padding:13px 0; font-size:9px; line-height:1.5; letter-spacing:.17em; text-transform:uppercase; color:#becbd2; }
.slx-directory--catalog .sc-releases { padding:66px 0 72px; background:radial-gradient(ellipse at 85% 0%,#34424a66,transparent 60%),linear-gradient(180deg,#172128,#141d23); scroll-margin-top:26px; }
.slx-directory--catalog .sc-section-head { display:flex; align-items:end; justify-content:space-between; gap:40px; margin-bottom:30px; }
.slx-directory--catalog h2 { color:#f0f4f4; font-size:clamp(30px,3.1vw,40px); line-height:1.15; margin-top:13px; }
.slx-directory--catalog .sc-section-head > p { max-width:325px; color:#b9c8d0; font-size:14px; line-height:1.8; }
.slx-directory--catalog .sc-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:26px; }
.slx-directory--catalog .sc-card { display:flex; flex-direction:column; min-width:0; padding:7px; border:1px solid #839198; border-radius:5px; background:linear-gradient(135deg,#48555d,#1a252c 55%); box-shadow:0 12px 24px #0003,inset 0 1px #d7e5ed33; transition:transform .2s,border-color .2s; }
.slx-directory--catalog .sc-card:hover { transform:translateY(-5px); border-color:#a8d9e9; }
.slx-directory--catalog .sc-card-art { aspect-ratio:1; overflow:hidden; background:#0d171d; }
.slx-directory--catalog .sc-card-art img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .4s; }
.slx-directory--catalog .sc-card:hover img { transform:scale(1.025); }
.slx-directory--catalog .sc-card-data { display:flex; flex:1; flex-direction:column; padding:23px 22px 20px; background:linear-gradient(125deg,#f8edc7,#eddda4 60%,#ddc789); border-top:2px solid #fff3c9; }
.slx-directory--catalog .sc-card-meta { display:flex; justify-content:space-between; gap:10px; font-size:9px; line-height:1.5; color:#68562f; font-weight:700; letter-spacing:.15em; text-transform:uppercase; }
.slx-directory--catalog h3 { color:#292418; font-size:27px; line-height:1.2; margin:12px 0 5px; }
.slx-directory--catalog .sc-artist { color:#3c3322; font-size:14px; font-weight:700; }
.slx-directory--catalog .sc-genre { color:#68562f; font-size:11px; padding:10px 0 14px; }
.slx-directory--catalog .sc-card-copy { font-size:14px; color:#49412c; line-height:1.65; padding-bottom:22px; }
.slx-directory--catalog .sc-card-link { display:flex; justify-content:space-between; align-items:center; gap:12px; padding-top:14px; border-top:1px solid #8c774c66; margin-top:auto; color:#302a1d; font-size:12px; font-weight:700; }
.slx-directory--catalog .sc-listening { padding:0 0 76px; background:#141d23; scroll-margin-top:28px; }
.slx-directory--catalog .sc-listening-panel { display:grid; grid-template-columns:minmax(0,.82fr) minmax(0,1.3fr); gap:42px; align-items:center; padding:40px; border:1px solid #b8a16a; border-top:2px solid #fff3c9; border-radius:6px; background:linear-gradient(125deg,#f8edc7,#eddda4 52%,#ddc789); box-shadow:inset 0 1px #fff9,0 0 0 4px #0e171c,0 22px 48px #0004; }
.slx-directory--catalog .sc-listening-art { position:relative; padding:23px; border:1px solid #798890; border-radius:4px; background:linear-gradient(135deg,#3b4b55,#142028); box-shadow:inset 0 0 0 6px #10202a66,0 12px 26px #523e2033; }
.slx-directory--catalog .sc-listening-art img { display:block; width:100%; height:auto; border:4px solid #0d161c; box-shadow:0 9px 17px #0005; }
.slx-directory--catalog .sc-listening-art figcaption { display:flex; justify-content:space-between; gap:10px; margin-top:18px; font-size:8px; letter-spacing:.15em; line-height:1.5; color:#d2dfe4; text-transform:uppercase; }
.slx-directory--catalog .sc-listening .sc-eyebrow { color:#68562f; }
.slx-directory--catalog .sc-listening .sc-eyebrow::before { background:#88723d; }
.slx-directory--catalog .sc-listening h2 { font-size:42px; color:#292418; margin:14px 0 9px; }
.slx-directory--catalog .sc-track-meta { color:#514329; font-size:13px; line-height:1.7; margin-bottom:17px; }
.slx-directory--catalog .sc-track-intro { color:#403822; font-size:15px; line-height:1.8; max-width:490px; }
.slx-directory--catalog .sc-player { padding:13px; margin:23px 0; background:#18272f; border:1px solid #73858f; border-radius:4px; box-shadow:inset 0 1px #c1d5e533; }
.slx-directory--catalog .sc-player-label { display:flex; justify-content:space-between; gap:10px; color:#c7d8e0; font-size:8px; letter-spacing:.14em; line-height:1.5; margin:0 3px 10px; text-transform:uppercase; }
.slx-directory--catalog audio { display:block; width:100%; min-width:0; height:42px; border-radius:24px; color-scheme:light; }
.slx-directory--catalog .sc-player a { color:#fff0b4; text-decoration:underline; }
.slx-directory--catalog .sc-gold-control { color:#35220b; border-color:#9a7124; background:linear-gradient(115deg,#fff0aa 0%,#dbb450 24%,#f5d982 48%,#bf8a27 77%,#e2b94e 100%); box-shadow:inset 0 1px #fff8d6,inset 0 0 0 2px #fff1af66,0 3px 0 #805b1a,0 8px 18px #6a490c40; text-shadow:0 1px #fff3c055; }
.slx-directory--catalog .sc-gold-control::before { background:#fff0b4; box-shadow:0 0 8px #f6cf70; }
.slx-directory--catalog .sc-gold-control:focus-visible { outline-color:#765017; }
.slx-directory--catalog .sc-outro { padding:48px 0; border-top:1px solid #61747e; border-bottom:3px solid #71828a; background:linear-gradient(120deg,#26343c,#18242b); box-shadow:inset 0 1px #d8eaf01a; }
.slx-directory--catalog .sc-outro-inner { display:flex; align-items:center; justify-content:space-between; gap:40px; }
.slx-directory--catalog .sc-outro h2 { margin:0 0 12px; font-size:30px; }
.slx-directory--catalog .sc-outro p { color:#bbccd4; font-size:14px; max-width:590px; }
.slx-directory--catalog .sc-outro .sc-control { flex-shrink:0; }
@media(max-width:1100px) { .slx-directory--catalog .sc-hero-inner { gap:32px; } .slx-directory--catalog .sc-deck { padding:23px 20px 18px; } .slx-directory--catalog .sc-deck-art { height:244px; } .slx-directory--catalog .sc-vinyl { width:236px; height:236px; } .slx-directory--catalog .sc-sleeve { width:217px; height:217px; } }
@media(max-width:980px) { .slx-directory--catalog .sc-wrap { width:calc(100% - 64px); } .slx-directory--catalog .sc-hero-inner { padding:60px 0; gap:30px; grid-template-columns:1.1fr 1fr; } .slx-directory--catalog .sc-deck-art { height:215px; } .slx-directory--catalog .sc-vinyl { width:207px; height:207px; } .slx-directory--catalog .sc-sleeve { width:180px; height:180px; top:17px; } .slx-directory--catalog .sc-deck-caption { display:block; } .slx-directory--catalog .sc-deck-caption strong { display:block; } .slx-directory--catalog .sc-grid { gap:18px; } .slx-directory--catalog .sc-card-data { padding:20px 17px; } .slx-directory--catalog h3 { font-size:23px; } .slx-directory--catalog .sc-listening-panel { padding:30px; gap:30px; } .slx-directory--catalog .sc-listening-art { padding:16px; } }
@media(max-width:700px) { .slx-directory--catalog .sc-wrap { width:calc(100% - 40px); } .slx-directory--catalog .sc-hero-inner { grid-template-columns:1fr; gap:42px; padding:48px 0 42px; } .slx-directory--catalog h1 { font-size:clamp(38px,8.5vw,52px); } .slx-directory--catalog .sc-intro { font-size:15px; max-width:420px; } .slx-directory--catalog .sc-eyebrow { font-size:9px; letter-spacing:.15em; gap:9px; } .slx-directory--catalog .sc-actions { gap:21px; } .slx-directory--catalog .sc-deck { width:100%; max-width:390px; margin:0 auto; transform:rotate(-2deg); } .slx-directory--catalog .sc-deck-art { height:245px; } .slx-directory--catalog .sc-vinyl { width:236px; height:236px; } .slx-directory--catalog .sc-sleeve { width:220px; height:220px; top:9px; } .slx-directory--catalog .sc-deck-caption { display:flex; } .slx-directory--catalog .sc-strip-inner { font-size:8px; gap:10px; letter-spacing:.1em; } .slx-directory--catalog .sc-releases { padding:46px 0; } .slx-directory--catalog .sc-section-head { display:block; margin-bottom:26px; } .slx-directory--catalog .sc-section-head > p { margin-top:17px; max-width:410px; } .slx-directory--catalog .sc-grid { grid-template-columns:1fr; gap:26px; } .slx-directory--catalog .sc-card-data { padding:23px; } .slx-directory--catalog h3 { font-size:28px; } .slx-directory--catalog .sc-listening { padding-bottom:48px; } .slx-directory--catalog .sc-listening-panel { grid-template-columns:1fr; gap:30px; padding:25px 21px 32px; } .slx-directory--catalog .sc-listening-art { max-width:350px; width:100%; margin:auto; } .slx-directory--catalog .sc-listening h2 { font-size:36px; } .slx-directory--catalog .sc-listening .sc-control { min-width:0; width:100%; gap:15px; } .slx-directory--catalog .sc-outro { padding:38px 0 44px; } .slx-directory--catalog .sc-outro-inner { display:block; } .slx-directory--catalog .sc-outro .sc-control { margin-top:25px; } .slx-directory--catalog .sc-outro h2 { font-size:28px; } }
@media(max-width:370px) { .slx-directory--catalog .sc-deck-art { height:213px; } .slx-directory--catalog .sc-vinyl { width:205px; height:205px; } .slx-directory--catalog .sc-sleeve { width:180px; height:180px; top:15px; } .slx-directory--catalog .sc-deck-label { letter-spacing:.1em; font-size:7px; } .slx-directory--catalog .sc-deck-caption { font-size:9px; } .slx-directory--catalog .sc-player { padding:10px 6px; } }
@media(prefers-reduced-motion:reduce) { .slx-directory--catalog *,.slx-directory--catalog *::before,.slx-directory--catalog *::after { transition:none!important; } }

/* Turntable console — progressive enhancement of the catalog audio player. */
.slx-directory--catalog .sc-player { container-type:inline-size; position:relative; padding:17px; border:1px solid #7d929d; border-top:2px solid #c0cdd2; border-radius:5px; background:repeating-linear-gradient(0deg,#ffffff02 0 1px,transparent 1px 3px),linear-gradient(125deg,#374851,#1a2932 55%,#23343e); box-shadow:inset 0 0 0 5px #0b182433,0 5px 0 #101b22,0 12px 21px #51422130; }
.slx-directory--catalog .sc-console[hidden],.slx-directory--catalog .sc-player-message[hidden] { display:none!important; }
.slx-directory--catalog .sc-player.is-enhanced > audio { display:none; }
.slx-directory--catalog .sc-player.is-enhanced > .sc-player-label { display:none; }
.slx-directory--catalog .sc-console-head { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:1px 2px 12px; border-bottom:1px solid #8297a244; color:#c6d5dc; font-size:8px; font-weight:700; line-height:1.5; letter-spacing:.13em; text-transform:uppercase; }
.slx-directory--catalog .sc-play-status { display:flex; align-items:center; gap:6px; color:#9eb5c1; }
.slx-directory--catalog .sc-play-status::before { content:''; width:4px; height:4px; border-radius:50%; background:#65777e; }
.slx-directory--catalog .is-playing .sc-play-status { color:#b5efff; }
.slx-directory--catalog .is-playing .sc-play-status::before { background:#b4efff; box-shadow:0 0 7px #72d8ff; }
.slx-directory--catalog .sc-console-face { display:grid; grid-template-columns:108px minmax(0,1fr); align-items:center; gap:17px; padding:16px 0 14px; }
.slx-directory--catalog .sc-platter { position:relative; height:112px; }
.slx-directory--catalog .sc-disc { position:absolute; left:0; top:5px; width:100px; height:100px; display:grid; place-items:center; border:3px solid #a9b9c1; border-radius:50%; background:repeating-radial-gradient(circle,#0c151b 0 2px,#334049 3px,#121d24 4px,#0e1920 5px); box-shadow:0 0 0 2px #09131a,0 5px 9px #0007,inset 0 0 0 2px #465760; animation:sc-record-spin 4.5s linear infinite; animation-play-state:paused; }
.slx-directory--catalog .sc-disc img { width:35px; height:35px; border-radius:50%; border:1px solid #080e12; object-fit:cover; }
.slx-directory--catalog .sc-disc::after { content:''; position:absolute; width:5px; height:5px; border-radius:50%; background:#e3edf1; border:1px solid #263f4a; box-shadow:0 1px 2px #000; }
.slx-directory--catalog .is-playing .sc-disc { animation-play-state:running; }
.slx-directory--catalog .sc-tonearm { position:absolute; top:6px; right:1px; width:5px; height:82px; z-index:1; transform-origin:50% 5px; transform:rotate(0deg); border:1px solid #8498a3; border-radius:4px; background:linear-gradient(90deg,#6c8391,#e6f0f4 42%,#6f8a98); box-shadow:2px 3px 4px #0007; transition:transform .5s ease; }
.slx-directory--catalog .sc-tonearm::before { content:''; position:absolute; top:-4px; left:-4px; width:11px; height:11px; border:2px solid #adbcc5; border-radius:50%; background:#536975; box-shadow:0 0 0 2px #11232e; }
.slx-directory--catalog .sc-tonearm::after { content:''; position:absolute; bottom:-5px; left:-3px; width:9px; height:18px; border-radius:1px; border:1px solid #aec5d2; background:linear-gradient(90deg,#90a4ae,#dae7ed,#637e8b); }
.slx-directory--catalog .is-playing .sc-tonearm { transform:rotate(24deg); }
.slx-directory--catalog .sc-screen { min-width:0; padding:13px 15px; border:1px solid #607e8e; border-radius:3px; background:linear-gradient(140deg,#0b171e,#102630); box-shadow:inset 0 2px 7px #0007,0 1px #b7d6e41a; }
.slx-directory--catalog .sc-screen small { display:block; color:#8cb8ca; font-size:7px; line-height:1.5; letter-spacing:.16em; text-transform:uppercase; }
.slx-directory--catalog .sc-screen strong { display:block; color:#f1e5ba; font-size:19px; font-weight:400; line-height:1.35; margin:5px 0 4px; letter-spacing:-.025em; }
.slx-directory--catalog .sc-screen > span { display:block; color:#c1d5de; font-size:10px; line-height:1.5; }
.slx-directory--catalog .sc-clock { display:flex; justify-content:space-between; gap:10px; margin-top:12px; padding-top:8px; border-top:1px solid #44677988; color:#b0e8fa; font:11px/1.5 Consolas,monospace; font-variant-numeric:tabular-nums; }
.slx-directory--catalog .sc-seek-row { padding:0 1px 15px; }
.slx-directory--catalog .sc-slider { --sc-fill:0%; display:block; appearance:none; -webkit-appearance:none; width:100%; min-width:0; height:24px; margin:0; padding:0; border:0; border-radius:0; background:transparent; cursor:pointer; box-shadow:none; }
.slx-directory--catalog .sc-slider::-webkit-slider-runnable-track { height:5px; border:1px solid #0b1720; border-radius:3px; background:linear-gradient(90deg,#a4e1f1 0 var(--sc-fill),#0b1a23 var(--sc-fill) 100%); box-shadow:0 1px #9ab8c233; }
.slx-directory--catalog .sc-slider::-webkit-slider-thumb { -webkit-appearance:none; width:12px; height:17px; margin-top:-7px; border:1px solid #879da9; border-radius:2px; background:linear-gradient(90deg,#c7d7df,#f3f7f8 45%,#a0b4c0); box-shadow:0 2px 3px #0007,inset 0 1px #fff; }
.slx-directory--catalog .sc-slider::-moz-range-track { height:4px; border:1px solid #0b1720; border-radius:3px; background:#0b1a23; }
.slx-directory--catalog .sc-slider::-moz-range-progress { height:4px; background:#a4e1f1; }
.slx-directory--catalog .sc-slider::-moz-range-thumb { width:11px; height:16px; border:1px solid #879da9; border-radius:2px; background:linear-gradient(90deg,#c7d7df,#f3f7f8,#a0b4c0); box-shadow:0 2px 3px #0007; }
.slx-directory--catalog .sc-slider:disabled { opacity:.4; cursor:default; }
.slx-directory--catalog .sc-console button:focus-visible,.slx-directory--catalog .sc-slider:focus-visible { outline:2px solid #a7e9fb; outline-offset:4px; }
.slx-directory--catalog .sc-transport { display:grid; grid-template-columns:96px 42px minmax(0,1fr); gap:11px; align-items:center; border-top:1px solid #8297a244; padding-top:14px; }
.slx-directory--catalog .sc-console-button { position:relative; display:flex; align-items:center; justify-content:center; gap:9px; min-width:0; min-height:43px; margin:0; padding:8px; border:1px solid #bbcbd4; border-radius:3px; color:#263b47; background:linear-gradient(115deg,#edf3f5,#b5c6d0 28%,#e1e9ed 53%,#9bafbd 79%,#cbd9e0); box-shadow:inset 0 1px #fff,0 3px 0 #586e7c,0 5px 8px #0003; font:700 9px/1.4 Arial,Helvetica,sans-serif; letter-spacing:.08em; cursor:pointer; }
.slx-directory--catalog .sc-console-button:hover { filter:brightness(1.1); }
.slx-directory--catalog .sc-console-button:active { transform:translateY(2px); box-shadow:inset 0 1px #fff,0 1px 0 #586e7c; }
.slx-directory--catalog .sc-play-button::before { content:''; position:absolute; left:13px; right:13px; top:-2px; height:2px; background:#a7e9fb; box-shadow:0 0 6px #8bdcf5; }
.slx-directory--catalog .sc-play-symbol { width:0; height:0; border-left:8px solid currentColor; border-top:5px solid transparent; border-bottom:5px solid transparent; }
.slx-directory--catalog .is-playing .sc-play-symbol { width:8px; height:10px; border:0; border-left:3px solid currentColor; border-right:3px solid currentColor; }
.slx-directory--catalog .sc-stop-symbol { width:8px; height:8px; background:currentColor; }
.slx-directory--catalog .sc-volume { display:grid; grid-template-columns:37px minmax(0,1fr); align-items:center; gap:10px; padding-left:7px; }
.slx-directory--catalog .sc-mute-button { width:37px; min-height:37px; border-radius:50%; padding:8px; }
.slx-directory--catalog .sc-mute-button svg { width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.slx-directory--catalog .sc-mute-button .sc-muted-mark { display:none; }
.slx-directory--catalog .is-muted .sc-mute-button .sc-sound-wave { display:none; }
.slx-directory--catalog .is-muted .sc-mute-button .sc-muted-mark { display:block; }
.slx-directory--catalog .sc-volume label { display:block; margin:0 0 3px; color:#bdced6; font-size:7px; letter-spacing:.15em; line-height:1.5; text-transform:uppercase; }
.slx-directory--catalog .sc-volume .sc-slider { height:17px; }
.slx-directory--catalog .sc-console-foot { display:flex; justify-content:space-between; gap:10px; padding-top:14px; color:#8ca4b0; font-size:7px; line-height:1.5; letter-spacing:.15em; text-transform:uppercase; }
.slx-directory--catalog .sc-player-message { color:#e3edf1; font-size:12px; line-height:1.6; margin-top:14px; }
.slx-directory--catalog .sc-player-message a { color:#fff0b4; text-decoration:underline; }
@keyframes sc-record-spin { to { transform:rotate(360deg); } }
@container (max-width:350px) { .slx-directory--catalog .sc-console-face { grid-template-columns:85px minmax(0,1fr); gap:12px; } .slx-directory--catalog .sc-platter { height:90px; } .slx-directory--catalog .sc-disc { width:78px; height:78px; } .slx-directory--catalog .sc-disc img { width:29px; height:29px; } .slx-directory--catalog .sc-tonearm { height:65px; right:0; } .slx-directory--catalog .sc-screen { padding:11px; } .slx-directory--catalog .sc-screen strong { font-size:16px; } .slx-directory--catalog .sc-clock { font-size:10px; } .slx-directory--catalog .sc-transport { grid-template-columns:96px 42px minmax(0,1fr); gap:9px; } .slx-directory--catalog .sc-volume { grid-column:1/-1; padding:7px 0 0; grid-template-columns:37px minmax(0,1fr); } }
@container (max-width:240px) { .slx-directory--catalog .sc-console-head { font-size:7px; gap:6px; letter-spacing:.08em; } .slx-directory--catalog .sc-console-face { grid-template-columns:70px minmax(0,1fr); gap:10px; } .slx-directory--catalog .sc-platter { height:76px; } .slx-directory--catalog .sc-disc { width:65px; height:65px; } .slx-directory--catalog .sc-disc img { width:24px; height:24px; } .slx-directory--catalog .sc-tonearm { height:53px; right:0; } .slx-directory--catalog .sc-screen { padding:9px 7px; } .slx-directory--catalog .sc-screen strong { font-size:14px; } .slx-directory--catalog .sc-screen > span { font-size:9px; } .slx-directory--catalog .sc-clock { font-size:9px; gap:5px; } }
@media(prefers-reduced-motion:reduce) { .slx-directory--catalog .sc-disc { animation:none; } .slx-directory--catalog .sc-tonearm { transition:none; } }

/* Flat record-store silhouettes on independent parallax planes. */
.slx-directory--catalog .sc-hero { isolation:isolate; overflow:hidden; background:#14242e; }
.slx-directory--catalog .sc-hero-art { position:absolute; z-index:0; inset:0; pointer-events:none; overflow:hidden; }
.slx-directory--catalog .sl-depth { position:absolute; inset:0; transform:translate3d(0,var(--sl-shift,0px),0); }
.slx-directory--catalog .sl-store { inset:-120px 0 -90px; opacity:.65; }
.slx-directory--catalog .sl-store svg { display:block; width:100%; height:100%; }
.slx-directory--catalog .sl-person { position:absolute; display:block; width:350px; height:525px; bottom:-52px; background:var(--sl-color); -webkit-mask-image:var(--sl-mask); mask-image:var(--sl-mask); -webkit-mask-size:contain; mask-size:contain; -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; -webkit-mask-position:center bottom; mask-position:center bottom; }
.slx-directory--catalog .sl-headphones { --sl-color:#355b70; --sl-mask:url('https://music.synclexia.com/wp-content/uploads/2026/10/silhouette-headphones.png'); left:calc(6.5% - 175px); }
.slx-directory--catalog .sl-afro { --sl-color:#7f6c41; --sl-mask:url('https://music.synclexia.com/wp-content/uploads/2026/10/silhouette-afro.png'); left:calc(48% - 175px); height:545px; width:363px; bottom:-45px; }
.slx-directory--catalog .sl-hoodie { --sl-color:#82564b; --sl-mask:url('https://music.synclexia.com/wp-content/uploads/2026/10/silhouette-hoodie.png'); left:calc(94% - 175px); height:555px; width:370px; bottom:-68px; }
.slx-directory--catalog .sc-hero::before { content:''; position:absolute; z-index:1; inset:0; pointer-events:none; background:linear-gradient(0deg,#101c2377,transparent 34%),linear-gradient(90deg,#101c2333,transparent 60%); }
.slx-directory--catalog .sc-hero-inner { position:relative; z-index:2; }
.slx-directory--catalog .sc-hero-copy h1,.slx-directory--catalog .sc-hero-copy .sc-intro { text-shadow:0 2px 12px #0a151d66; }
.slx-directory--catalog .sc-hero-copy .sc-intro { color:#f0f3f4; }
.slx-directory--catalog .sc-hero-strip { position:relative; z-index:2; background:#10191fe6; }
@media(max-width:1100px) {
  .slx-directory--catalog .sl-headphones { left:calc(2% - 175px); }
  .slx-directory--catalog .sl-afro { left:calc(47% - 175px); }
  .slx-directory--catalog .sl-hoodie { left:calc(100% - 175px); }
}
@media(max-width:700px) {
  .slx-directory--catalog .sl-depth { height:610px; bottom:auto; }
  .slx-directory--catalog .sl-store { top:-70px; height:700px; opacity:.5; }
  .slx-directory--catalog .sl-person { top:95px; bottom:auto; width:260px; height:390px; }
  .slx-directory--catalog .sl-headphones { left:calc(0% - 130px); }
  .slx-directory--catalog .sl-afro { left:calc(57% - 130px); top:70px; height:420px; width:280px; }
  .slx-directory--catalog .sl-hoodie { left:calc(96% - 130px); top:110px; height:420px; width:280px; }
  .slx-directory--catalog .sc-hero::before { background:linear-gradient(0deg,#14242e 36%,transparent 78%),linear-gradient(90deg,#101c2359,#101c2333); }
}
@media(prefers-reduced-motion:reduce) { .slx-directory--catalog .sl-depth { transform:none!important; } }


.slx-directory.slx-directory--artists,.slx-directory.slx-directory--catalog{overflow:visible;background:transparent}.slx-placeholder{display:block;width:100%;height:100%;aspect-ratio:1}.slx-directory-empty{padding:24px;border:1px solid #71828a}.slx-directory .sa-grid,.slx-directory .sc-grid{margin:0}