/* Music editorial and Karl's world: cyan, pink and violet from the artist palette. */
.editorial-heading,.world-intro{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(230px,1fr);gap:60px;align-items:end;margin-bottom:38px}
.editorial-heading h2,.world-intro h2{font-size:clamp(44px,5.5vw,76px);line-height:.98;letter-spacing:-.025em;margin:17px 0 0}
.editorial-heading h2 span{color:var(--accent)}
.editorial-heading>p{font-size:14px;line-height:1.85;color:#cbc4da;margin:0 0 4px}
.record-room{border-top:1px solid #302542;background:radial-gradient(ellipse at 90% 12%,#7135ff12,transparent 45%),var(--black)}
.audio-feature{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);border:1px solid #54366a;background:#130d25;overflow:hidden}
.audio-feature-art{display:block;position:relative;min-width:0;align-self:stretch;aspect-ratio:1;overflow:hidden;isolation:isolate}
.audio-feature-art img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s}
.audio-feature-art:hover img{transform:scale(1.025)}
.audio-tag{position:absolute;top:20px;left:20px;display:inline-flex;align-items:center;gap:9px;background:var(--paper);color:var(--black);font-size:9px;letter-spacing:.08em;font-weight:700;padding:10px 12px;--icon-ink:var(--paper)}
.audio-tag svg{width:21px;height:21px}
.audio-feature-play{position:absolute;right:22px;bottom:22px;display:grid;place-items:center;width:72px;height:72px;border-radius:50%;background:var(--pink);color:var(--black);box-shadow:0 5px 25px #08061966;transition:transform .2s}
.audio-feature-art:hover .audio-feature-play{transform:scale(1.07)}
.audio-feature-play svg{width:34px;height:34px}
.audio-feature-copy{padding:clamp(28px,3.5vw,50px);align-self:center}
.audio-feature-copy .eyebrow{font-size:9px;letter-spacing:.12em;line-height:1.6;margin:0 0 14px}
.audio-feature-copy h3{font-family:Display,sans-serif;font-size:clamp(44px,5vw,70px);line-height:.97;letter-spacing:-.015em;margin:0 0 20px}
.audio-feature-copy h3 span{color:var(--pink)}
.audio-feature-copy>p:not(.eyebrow):not(.audio-provider){font-size:13px;line-height:1.8;color:#d1c9db;max-width:390px}
.song-credits{margin:22px 0 25px;border-top:1px solid #493350;padding-top:15px;font-size:11px;line-height:1.7}
.song-credits>div{display:grid;grid-template-columns:140px 1fr;gap:16px;margin:4px 0}
.song-credits dt{color:#aaa0ba}.song-credits dd{margin:0;color:var(--paper)}
.audio-feature-copy .button{font-size:11px;min-height:46px;--icon-ink:var(--accent)}
.audio-provider{font-size:9px;color:#aba1ba;line-height:1.6;margin-top:13px}
.compilation-feature{display:grid;grid-template-columns:minmax(250px,.85fr) minmax(0,1.15fr);margin-top:26px;align-items:center;gap:35px;padding:38px;background:linear-gradient(115deg,#241044,#112234);border:1px solid #47316a;overflow:hidden}
.compilation-art{min-height:260px;position:relative;display:grid;place-items:center;isolation:isolate}
.compilation-orbit{position:absolute;width:235px;height:235px;border:1px solid #ff2e9388;border-radius:50%;box-shadow:0 0 0 23px #7135ff18,0 0 0 45px #7135ff12}
.compilation-cover{position:absolute;width:175px;height:175px;object-fit:cover;border:6px solid var(--paper);box-shadow:7px 10px 20px #08061955}
.compilation-cover.back{transform:translate(-52px,-15px) rotate(-13deg)}
.compilation-cover.front{transform:translate(43px,17px) rotate(9deg)}
.compilation-stamp{position:absolute;right:18px;top:8px;width:83px;height:83px;background:var(--accent);color:var(--black);border:4px solid #211538;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;font:42px/.95 Display,sans-serif;transform:rotate(12deg)}
.compilation-stamp small{font:700 11px/1.5 DM,Arial,sans-serif;letter-spacing:.13em}
.compilation-copy .eyebrow{font-size:9px;line-height:1.6;margin-bottom:14px}
.compilation-copy h3{font-family:Display,sans-serif;font-size:clamp(36px,4.2vw,58px);line-height:1;letter-spacing:-.015em;margin:0 0 18px}
.compilation-copy h3 span{color:var(--accent)}
.compilation-copy>p:not(.eyebrow){font-size:13px;color:#d8cee2;line-height:1.85;max-width:420px}
.compilation-copy strong{color:var(--paper);font-weight:700}
.compilation-copy .compilation-meta{font-size:10px!important;color:#b4a6c7!important}
.compilation-copy .text-link{font-size:9px;letter-spacing:.06em;margin-top:20px;line-height:1.65;display:inline-flex;max-width:100%}
.compilation-copy .text-link svg{flex-shrink:0}
.song-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:32px;border-top:1px solid var(--line)}
.song-notes article{display:flex;gap:22px;padding:31px 35px 0 0;min-width:0}
.song-notes article+article{border-left:1px solid var(--line);padding-left:35px;padding-right:0}
.song-note-number{font:25px/1 Display,sans-serif;color:var(--pink);padding-top:2px}
.song-notes .eyebrow{font-size:8px;letter-spacing:.12em;line-height:1.7;margin:0 0 12px}
.song-notes h3{font:38px/.98 Display,sans-serif;letter-spacing:-.01em;margin:0 0 14px}
.song-notes h3 span{color:var(--accent)}
.song-notes p:not(.eyebrow){font-size:12px;color:#beb4ca;line-height:1.8;max-width:310px}
.song-notes .text-link{font-size:9px;margin-top:14px;line-height:1.7;display:inline-flex;letter-spacing:.04em}
.karl-world{background:linear-gradient(145deg,#130b28,#0d1027);border-top:1px solid #49315f;border-bottom:1px solid #49315f;position:relative}
.world-intro h2 span{color:var(--pink)}
.world-intro-copy{padding-bottom:2px}
.satire-label{display:inline-block;padding:7px 10px;border:1px solid #8661b0;color:var(--accent);font-size:9px;font-weight:700;letter-spacing:.08em;margin-bottom:14px}
.world-intro-copy p{font-size:13px;line-height:1.9;color:#d0c5dd;margin:0;max-width:390px}
.karl-world .world-intro{margin-bottom:0;align-items:center}
.world-follow{font-size:11px;border:1px solid var(--accent);background:var(--accent);color:var(--black);min-height:48px;margin-top:24px;max-width:100%}
.world-follow:hover{background:var(--pink);color:var(--black);border-color:var(--pink)}
.world-handle{display:block;margin-top:12px;font-size:11px;letter-spacing:.025em;color:#bfb1d0}
@media(max-width:1050px){.editorial-heading,.world-intro{gap:30px}.audio-feature-copy{padding:28px}.song-credits>div{grid-template-columns:120px 1fr;gap:10px}.compilation-feature{padding:25px;gap:22px}.compilation-cover{width:150px;height:150px}.compilation-art{min-height:235px}}
@media(max-width:760px){
  .editorial-heading,.world-intro{display:block;margin-bottom:27px}
  .editorial-heading h2,.world-intro h2{font-size:clamp(35px,10.8vw,58px);line-height:1;overflow-wrap:normal;margin-top:16px}
  .editorial-heading>p{margin-top:20px;font-size:12px}
  .audio-feature{grid-template-columns:1fr}
  .audio-feature-art{aspect-ratio:1;max-width:none}
  .audio-tag{top:15px;left:15px;padding:8px 10px;font-size:8px}
  .audio-feature-play{right:17px;bottom:17px;width:58px;height:58px}
  .audio-feature-play svg{width:29px;height:29px}
  .audio-feature-copy{padding:25px 22px 28px}
  .audio-feature-copy h3{font-size:clamp(45px,14vw,62px)}
  .audio-feature-copy>p:not(.eyebrow):not(.audio-provider){font-size:12px}
  .audio-feature-copy .eyebrow{font-size:8px}
  .song-credits{font-size:10px;margin:20px 0 24px}
  .song-credits>div{grid-template-columns:minmax(105px,.95fr) minmax(0,1fr);gap:10px}
  .audio-feature-copy .button{font-size:10px;padding:11px 13px;gap:10px}
  .audio-feature-copy .button .small-arrow{display:none}
  .audio-provider{font-size:8px}
  .compilation-feature{grid-template-columns:1fr;padding:23px 22px 28px;gap:10px;margin-top:22px}
  .compilation-art{min-height:240px}
  .compilation-orbit{width:180px;height:180px}
  .compilation-cover{width:145px;height:145px;border-width:5px}
  .compilation-cover.back{transform:translate(-40px,-14px) rotate(-13deg)}
  .compilation-cover.front{transform:translate(36px,17px) rotate(9deg)}
  .compilation-stamp{right:0;top:2px;width:72px;height:72px;font-size:35px}
  .compilation-stamp small{font-size:9px}
  .compilation-copy h3{font-size:clamp(35px,10vw,48px)}
  .compilation-copy .eyebrow{font-size:8px}
  .compilation-copy>p:not(.eyebrow){font-size:12px}
  .compilation-copy .compilation-meta{font-size:9px!important}
  .compilation-copy .text-link{font-size:8px;gap:12px}
  .song-notes{grid-template-columns:1fr;margin-top:27px}
  .song-notes article{padding:25px 0;gap:18px}
  .song-notes article+article{border-left:0;border-top:1px solid var(--line);padding:25px 0 0}
  .song-notes h3{font-size:clamp(30px,8.6vw,40px)}
  .song-note-number{font-size:22px}
  .song-notes p:not(.eyebrow){font-size:12px}
  .world-intro-copy{margin-top:22px}
  .world-intro-copy p{font-size:12px}
  .satire-label{font-size:8px;padding:7px 9px;margin-bottom:12px}
  .world-follow{font-size:11px;padding:12px 16px;margin-top:22px}
  .world-handle{font-size:10px}

}
@media(prefers-reduced-motion:reduce){.audio-feature-art img,.audio-feature-play{transition:none}}

/* Both verified compilations share one editorial row. */
.compilation-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;margin-top:26px}
.compilation-group .compilation-feature{display:flex;flex-direction:column;align-items:stretch;margin-top:0;padding:30px;gap:17px}
.compilation-group .compilation-art{min-height:235px;width:100%}
.compilation-group .compilation-copy{display:flex;flex-direction:column;align-items:flex-start;flex:1}
.compilation-group .compilation-copy h3{font-size:clamp(36px,3.5vw,48px)}
.compilation-group .compilation-copy .text-link{margin-top:auto;padding-top:15px}
.ballermann-feature{background:linear-gradient(145deg,#102a36,#1e1036)}
.sampler-vinyl{position:absolute;left:50%;top:50%;width:208px;height:208px;margin-top:-104px;margin-left:-80px;border-radius:50%;background:repeating-radial-gradient(circle,#10091b 0 4px,#252035 5px 6px);box-shadow:7px 9px 15px #08061955;border:1px solid #593b74}
.sampler-vinyl:after{content:'';position:absolute;width:64px;height:64px;inset:0;margin:auto;border-radius:50%;background:var(--pink);border:25px solid var(--accent);box-sizing:border-box}
.compilation-cover.single{transform:translate(-44px,0) rotate(-9deg);width:185px;height:185px}
.ballermann-feature .compilation-stamp{font-size:24px;right:17px;top:1px;transform:rotate(10deg);background:var(--pink)}
.ballermann-feature .compilation-stamp small{font-size:9px}
@media(max-width:760px){.compilation-group{grid-template-columns:1fr;gap:22px;margin-top:22px}.compilation-group .compilation-feature{padding:23px 22px 28px;gap:10px}.compilation-group .compilation-art{min-height:240px}.compilation-group .compilation-copy h3{font-size:clamp(35px,10vw,48px)}.compilation-cover.single{width:155px;height:155px;transform:translate(-30px,0) rotate(-9deg)}.sampler-vinyl{width:175px;height:175px;margin-top:-87px;margin-left:-71px}.ballermann-feature .compilation-stamp{right:0;top:2px;font-size:21px}}

/* Original sampler artwork alongside Karl's associated singles. */
.compilation-group .sampler-gallery{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);align-items:center;gap:28px;max-width:400px;min-height:260px;margin:0 auto 5px}
.sampler-gallery figure{margin:0;min-width:0;text-align:center}
.sampler-gallery img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;border:3px solid var(--paper);box-shadow:5px 7px 20px #08061955}
.sampler-gallery figcaption{font-size:8px;font-weight:700;letter-spacing:.12em;line-height:1.5;color:#c5b9d3;margin-top:11px}
.single-cover-list{display:flex;flex-direction:column;gap:12px;align-items:center}
.single-cover-list img{max-width:100px}
.sampler-one-song .single-cover-list img{max-width:140px}
@media(max-width:1050px) and (min-width:761px){.compilation-group .sampler-gallery{gap:18px;min-height:230px}.single-cover-list img{max-width:85px}}
@media(max-width:760px){.compilation-group .sampler-gallery{gap:20px;min-height:0;margin:0 auto 16px;max-width:370px}.sampler-gallery img{border-width:2px}.single-cover-list{gap:10px}.single-cover-list img{max-width:85px}.sampler-gallery figcaption{font-size:7px;letter-spacing:.08em;margin-top:9px}}

/* One small preview links as a whole to Karl's TikTok profile. */
.world-profile-preview{display:inline-flex;flex-direction:column;align-items:stretch;max-width:100%;margin-top:20px;padding:12px;background:#19132c;border:1px solid #65416e;border-radius:10px;text-decoration:none;color:var(--paper);transition:border-color .2s,background .2s}
.world-profile-preview:hover{border-color:var(--accent);background:#211637}
.world-miniatures{display:grid;grid-template-columns:repeat(3,64px);gap:8px}
.world-miniatures img{display:block;width:64px;height:85px;object-fit:cover;border:1px solid #785281;border-radius:4px}
.world-mini-action{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:12px;font-size:11px;font-weight:700;color:var(--accent)}
.world-mini-action svg{width:16px;height:16px;flex:none}
.world-profile-preview .world-handle{margin-top:6px;font-size:9px}
@media(prefers-reduced-motion:reduce){.world-profile-preview{transition:none}}

/* First-party page-view counter; initial offset remains visible. */
.visit-counter{display:flex;flex-direction:column;align-items:center;gap:7px;padding:0 0 26px;text-align:center}
.visit-counter-label{font-size:8px;letter-spacing:.17em;font-weight:700;color:#c0b4d0}
.visit-counter strong{font:38px/1 Display,sans-serif;letter-spacing:.025em;color:var(--accent);font-variant-numeric:tabular-nums;min-height:38px}
.visit-counter-note{font-size:9px;line-height:1.6;color:#b4a8c3}
@media(max-width:760px){.visit-counter{padding-bottom:22px}.visit-counter strong{font-size:34px;min-height:34px}}

.visit-counter-note:empty{display:none}

/* Keep the revised short copy together on small screens. */
@media(max-width:760px){
  #music-title{font-size:clamp(44px,13vw,60px)}
  .portrait-caption{font-size:clamp(15px,4.6vw,22px)}
  .portrait-caption svg{width:19px;height:19px}
}

/* Artist project scope, directly beside the contact address. */
.contact-copy .project-note{padding:14px 16px;border-left:3px solid #66e4e9;background:#08061924;margin-bottom:22px;max-width:560px}
.contact-copy .project-note strong{font-size:14px}