.nav{gap:30px}.nav a{white-space:nowrap}.discovery{margin-top:42px;margin-bottom:42px}.discovery-intro{color:var(--muted);font-size:15px;max-width:660px;margin-top:-5px;margin-bottom:22px}.route-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.route-card{display:flex;align-items:center;gap:16px;padding:15px 0;border-top:1px solid var(--line);min-width:0}.route-card img{width:64px;height:64px;object-fit:cover;flex-shrink:0;border:1px solid #37313e;border-radius:3px}.route-card>div{min-width:0}.route-card h3{font-size:16px;line-height:1.45}.route-card p{font-size:12px;color:var(--muted);margin-top:5px}.route-card>.icon{margin-left:auto;color:var(--accent);width:20px;height:20px}.route-card:hover h3{color:var(--accent)}.social-heading{font-size:14px;margin-top:25px;color:var(--ink);font-weight:550}.social-links{display:flex;gap:18px;flex-wrap:wrap;margin-top:12px;scroll-margin-top:20px}.social-links a{display:inline-flex;align-items:center;gap:9px;min-height:42px;font-size:13px;border-bottom:1px solid #665361}.social-links a:hover{color:var(--accent)}.social-links .icon{width:21px;height:21px}.social-links .icon:last-child{height:13px;width:13px;color:var(--muted)}.rss-link{font-size:12px;color:var(--muted);display:inline-flex;align-items:center;gap:9px;min-height:40px;margin-top:13px}.rss-link .icon{width:16px;height:16px}.rss-link:hover{color:var(--accent)}.story-jump{font-size:12px;color:var(--muted);border:0}.track-actions{column-gap:20px;row-gap:14px}.track-story{border-top:1px solid var(--line);margin-top:48px;padding:40px 0 10px;display:grid;grid-template-columns:minmax(230px,.8fr) minmax(0,1.2fr);gap:65px}.story-heading>p,.editorial-label{font-size:12px;color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin-bottom:17px}.story-heading h2{font-family:Oswald,'Arial Narrow',sans-serif;font-weight:450;font-size:42px;letter-spacing:-.7px;line-height:1.22;max-width:430px}.story-body>p{font-size:17px;line-height:1.95;color:#c4bdcc;max-width:72ch}.story-body>p+p{margin-top:22px}.listening-notes{margin:29px 0 0;border-top:1px solid var(--line);padding-top:21px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:22px}.listening-notes dt{font-size:11px;color:var(--accent);margin-bottom:8px}.listening-notes dd{font-size:12px;line-height:1.7;margin:0;color:#b6aebf}.story-routes{display:flex;flex-wrap:wrap;gap:10px 23px;border-top:1px solid var(--line);margin-top:24px;padding-top:16px}.story-routes a{display:flex;align-items:center;gap:9px;font-size:12px;min-height:34px}.story-routes a:hover{color:var(--accent)}.story-routes .icon{width:16px;height:16px;color:var(--accent)}.story-sharing{display:flex;gap:14px 23px;flex-wrap:wrap;align-items:center;margin-top:20px}.story-sharing a{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:11px;min-height:38px}.story-sharing .text-button{font-size:12px}.story-sharing .icon{width:17px;height:17px}.story-sharing a:hover{color:var(--accent)}.collection-page,.artist-page{padding-top:28px}.editorial-intro{max-width:1000px;margin:33px 0 44px}.editorial-intro h1{font-family:Oswald,'Arial Narrow',sans-serif;font-size:clamp(54px,6.4vw,88px);font-weight:450;line-height:1.12;letter-spacing:-1.7px;max-width:1000px}.editorial-lede{font-size:23px;line-height:1.6;max-width:820px;margin-top:26px;color:var(--ink)}.editorial-paragraphs{max-width:780px;margin-top:28px}.editorial-paragraphs p{font-size:17px;line-height:1.95;color:#bdb5c8}.editorial-paragraphs p+p{margin-top:21px}.artist-page .primary-button{margin-top:32px}.route-tracks{margin-top:50px}.route-record-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:35px 28px}.route-record-grid .record-copy h3{font-size:16px}.collection-page .discovery{border-top:1px solid var(--line);padding-top:35px;margin-top:55px}.artist-page+.discovery{border-top:1px solid var(--line);padding-top:35px}.track-story:target{scroll-margin-top:28px}.artist-page+.discovery+.about{margin-top:45px}
@media(max-width:1100px){.route-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.track-story{gap:38px;grid-template-columns:minmax(190px,.7fr) minmax(0,1.3fr)}.story-heading h2{font-size:36px}.listening-notes{gap:15px}.nav{gap:23px}.nav a{font-size:13px}.site-header{column-gap:20px}}
@media(max-width:700px){.discovery{margin-top:34px;margin-bottom:37px}.discovery-intro{font-size:13px;line-height:1.7;margin-bottom:14px}.route-grid{grid-template-columns:1fr;gap:0}.route-card{padding:13px 0;gap:15px}.route-card img{height:52px;width:52px}.route-card h3{font-size:15px}.route-card p{font-size:11px}.social-links{gap:12px 19px}.social-links a{font-size:12px}.social-links .icon{width:20px;height:20px}.track-story{grid-template-columns:1fr;gap:24px;margin-top:35px;padding-top:28px}.story-heading>p{font-size:10px;margin-bottom:14px}.story-heading h2{font-size:35px;max-width:100%}.story-body>p{font-size:15px;line-height:1.9}.story-body>p+p{margin-top:19px}.listening-notes{grid-template-columns:1fr;gap:17px;margin-top:24px;padding-top:20px}.listening-notes>div{display:grid;grid-template-columns:85px 1fr;gap:10px}.listening-notes dt{margin:0;font-size:11px;line-height:1.7}.listening-notes dd{font-size:12px}.story-routes{gap:5px 20px;margin-top:21px}.story-sharing{gap:9px 20px;margin-top:16px}.story-sharing a{font-size:11px}.story-sharing .text-button{font-size:12px}.story-jump{font-size:12px}.track-actions{gap:14px 19px}.editorial-intro{margin:25px 0 35px}.editorial-intro h1{font-size:54px;letter-spacing:-1.1px}.editorial-label{font-size:10px;margin-bottom:16px}.editorial-lede{font-size:19px;line-height:1.65;margin-top:20px}.editorial-paragraphs{margin-top:24px}.editorial-paragraphs p{font-size:15px;line-height:1.9}.editorial-paragraphs p+p{margin-top:18px}.route-record-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 17px}.route-record-grid .record-copy h3{font-size:13px}.route-tracks{margin-top:35px}.route-tracks h2{font-size:25px}.collection-page .discovery{padding-top:28px;margin-top:39px}.collection-page,.artist-page{padding-top:18px}}

.track-aliases{font-size:12px;color:var(--muted);margin-top:12px}

.about-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}

/* The remix collection has its own entry and preserves the wide approved art. */
.remix-intro{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;margin:42px 0 52px}
.remix-intro h1{font-family:Oswald,'Arial Narrow',sans-serif;font-weight:450;font-size:clamp(48px,5.4vw,76px);line-height:1.07;letter-spacing:-1.5px}
.remix-intro-text{font-size:17px;line-height:1.85;color:#bbb3c3;max-width:52ch;margin-top:24px}
.remix-total{font-size:12px;color:var(--muted);margin-top:24px}
.remix-intro-copy>.text-link{display:inline-flex;align-items:center;gap:13px;font-size:12px;min-height:44px;margin-top:8px;color:var(--accent)}
.remix-collage{display:grid;grid-template-columns:1fr 1fr;gap:13px;align-items:center;padding:14px 5px 14px 14px;min-width:0}
.remix-collage img{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;border:1px solid #4c3942;box-shadow:0 15px 35px #0005}
.remix-collage img:first-child{grid-column:1/-1;width:86%;justify-self:center;transform:rotate(-3deg)}
.remix-collage img:nth-child(2){transform:rotate(-2deg)}
.remix-collage img:nth-child(3){transform:rotate(3deg)}
.remix-catalogue{margin-top:0;padding-top:30px;border-top:1px solid var(--line)}
.remix-record-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px 25px;margin-top:22px}
.record--remix .record-art{aspect-ratio:16/9;border-color:#3b333d}
.record--remix .record-art img{object-fit:contain}
.record--remix .record-play{opacity:1;transform:none}
.record--remix .record-copy{padding-top:13px}
.record--remix .record-copy .remix-artist{font-size:11px;letter-spacing:.045em;color:#caa78e;line-height:1.6;margin:0 0 4px}
.record--remix .record-copy h3{font-size:20px;line-height:1.35}
.record--remix .record-copy>p:last-child{font-size:12px;margin-top:6px}
.remix-teaser{margin-top:58px;padding:35px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1.2fr;gap:45px;align-items:center}
.remix-teaser h2{font-size:30px;line-height:1.25;max-width:430px}
.remix-teaser-copy>p:not(.editorial-label){font-size:14px;color:var(--muted);margin-top:17px;max-width:430px}
.remix-teaser-copy>.text-link{display:inline-flex;align-items:center;gap:15px;min-height:44px;font-size:13px;color:var(--accent);margin-top:14px}
.remix-teaser-art{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.remix-teaser-art img{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;border:1px solid #41333c}
.originals-bridge{margin-top:60px;padding-top:36px;border-top:1px solid var(--line)}
.originals-bridge>h2{font-size:32px;line-height:1.35;max-width:740px}
.originals-bridge>p:not(.editorial-label){font-size:15px;color:var(--muted);margin-top:16px}
.originals-bridge>.record-grid{margin-top:28px}
.originals-bridge>.text-link{display:inline-flex;align-items:center;gap:13px;min-height:44px;color:var(--accent);font-size:13px;margin-top:21px}
.track-page--remix .track-art{aspect-ratio:16/9;align-self:start}
.track-page--remix .track-art img{width:100%;height:100%;object-fit:contain}
.remix-credit{font-size:11px;margin-bottom:13px;letter-spacing:.08em}
.track-page--remix .track-copy h1{font-size:clamp(44px,5vw,70px);overflow-wrap:anywhere;line-height:1.13}
.track-page--remix .related .section-heading h2{max-width:740px;line-height:1.35}
@media(max-width:1100px){.remix-intro{gap:32px}.remix-intro-text{font-size:15px}.remix-record-grid{gap:29px 20px}.record--remix .record-copy h3{font-size:18px}.remix-teaser{gap:25px}}
@media(max-width:700px){
  .site-header{height:126px;grid-template-rows:57px 38px;row-gap:7px;padding-top:8px;padding-bottom:9px}
  .site-header .signature-link{grid-column:1;grid-row:1}
  .site-header .signature-link img{object-fit:contain;object-position:left center}
  .site-header .header-end{grid-column:2;grid-row:1}
  .site-header .nav{display:flex;grid-column:1/-1;grid-row:2;gap:23px;overflow-x:auto;scrollbar-width:none;min-width:0;align-self:end}
  .site-header .nav::-webkit-scrollbar{display:none}
  .site-header .nav a{font-size:11px;min-height:35px;flex-shrink:0}
  .hero-media{top:110px}
  .remix-intro{grid-template-columns:1fr;gap:20px;margin:27px 0 31px}
  .remix-intro h1{font-size:48px;letter-spacing:-1px}
  .remix-intro-text{font-size:14px;line-height:1.85;margin-top:20px}
  .remix-total{font-size:11px;margin-top:17px}
  .remix-intro-copy>.text-link{margin-top:4px;font-size:11px}
  .remix-collage{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:0}
  .remix-collage img:first-child{grid-column:auto;width:100%;transform:none}
  .remix-collage img:nth-child(n){transform:none;box-shadow:none}
  .remix-catalogue{padding-top:25px}
  .remix-catalogue .catalog-heading h2{font-size:27px}
  .remix-record-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 15px;margin-top:19px}
  .record--remix .record-copy{padding-top:9px}
  .record--remix .record-copy .remix-artist{font-size:9px;letter-spacing:0;margin-bottom:4px}
  .record--remix .record-copy h3{font-size:14px;line-height:1.4}
  .record--remix .record-copy>p:last-child{font-size:10px;line-height:1.6;margin-top:5px}
  .remix-teaser{grid-template-columns:1fr;gap:23px;margin-top:39px;padding:28px 0}
  .remix-teaser h2{font-size:27px}
  .remix-teaser-copy>p:not(.editorial-label){font-size:13px;margin-top:14px}
  .remix-teaser-copy>.text-link{margin-top:10px;font-size:12px}
  .originals-bridge{margin-top:40px;padding-top:28px}
  .originals-bridge>h2{font-size:27px;max-width:100%}
  .originals-bridge>p:not(.editorial-label){font-size:13px;line-height:1.8}
  .originals-bridge>.record-grid{margin-top:23px}
  .track-page--remix .track-art{max-width:100%}
  .track-page--remix .track-copy h1{font-size:44px;line-height:1.14}
  .track-page--remix .related .section-heading h2{font-size:25px}
  .remix-credit{font-size:10px;margin-bottom:12px}
}
@media(max-width:380px){.site-header .nav{gap:18px}.site-header .nav a{font-size:10px}.remix-intro h1{font-size:43px}.remix-record-grid{gap:24px 13px}.record--remix .record-copy h3{font-size:13px}.record--remix .record-play{width:30px;height:30px;right:6px;bottom:6px}.record--remix .record-play .icon{width:17px;height:17px}}

/* Publication metadata and the combined search / genre / year controls. */
.catalog-heading{align-items:center;flex-wrap:wrap;gap:20px 28px}
.catalog-filters{display:grid;grid-template-columns:minmax(150px,1fr) minmax(145px,auto) minmax(118px,auto);gap:12px;width:680px;max-width:100%;min-width:min(100%,540px);flex:1}
.catalog-filters .search-field{width:100%;min-width:0}
#genre-filter,#year-filter{width:100%;max-width:none;min-width:0;height:45px;background:var(--canvas);color:var(--ink);border:1px solid #48434f;border-radius:7px;padding:11px 31px 11px 12px;font:inherit;font-size:12px}
#genre-filter:focus-visible,#year-filter:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.catalog-summary{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:0 20px}
.publication-basis{font-size:11px;color:var(--muted);line-height:1.7}
.publication-date{font-variant-numeric:tabular-nums;white-space:nowrap}
.publication-separator{color:#766e80;padding:0 3px}
.track-publication{display:flex;flex-wrap:wrap;align-items:baseline;gap:5px 14px;margin-top:13px;color:var(--muted);font-size:12px}
.track-publication .publication-date{color:var(--ink);font-size:13px}
.version-date{display:block;font-size:10px;color:var(--muted);margin-top:5px;line-height:1.7}
@media(max-width:700px){
 .catalog-filters{grid-template-columns:minmax(0,1fr) minmax(105px,.75fr);min-width:0;width:100%;gap:10px;margin-top:17px}
 .catalog-filters .search-field{grid-column:1/-1;height:44px}
 #genre-filter,#year-filter{height:44px;font-size:11px;padding:10px 26px 10px 10px}
 .catalog-summary{margin:13px 0 15px;gap:4px}
 .catalog-summary .results-count{margin:0}
 .publication-basis{flex-basis:100%;font-size:10px}
 .track-publication{margin-top:10px;gap:4px 12px;font-size:11px}
 .track-publication .publication-date{font-size:12px}
 .version-date{font-size:10px}
}
