/* Dedicated music page. Everything is scoped to .yh-music-page. */
.yh-music-page{
  --music-gold:#e1b75e;
  --music-gold-2:#f3d58d;
  --music-ink:#070706;
  --music-panel:#11100e;
  --music-panel-2:#171510;
  --music-line:rgba(232,194,111,.36);
  color:#f5f0e6;
  background:#080807;
  overflow:hidden;
}
.yh-music-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

/* ORIGINAL uploaded design image – no recreation. Only the hero portion of that exact image is framed. */
.yh-music-hero{
  position:relative;
  height:auto;
  overflow:hidden;
  background:#060504;
  border-bottom:1px solid rgba(225,183,94,.5);
  box-shadow:0 18px 40px rgba(0,0,0,.28);
}
.yh-music-hero__image{
  position:relative;
  width:100%;
  max-width:none;
  height:auto;
  display:block;
  transform:none;
  transform-origin:top left;
  user-select:none;
  pointer-events:none;
}

/* Matte music area. */
.yh-music-library{
  position:relative;
  padding:clamp(30px,4vw,56px) clamp(18px,3.2vw,54px) clamp(44px,5vw,72px);
  background:
    radial-gradient(ellipse at 50% 0%,rgba(196,142,44,.08),transparent 34%),
    linear-gradient(180deg,#0b0a08 0%,#090908 52%,#070706 100%);
}
.yh-music-library::before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.35;
  background:linear-gradient(90deg,transparent 0 12%,rgba(230,190,102,.025) 12.1% 12.25%,transparent 12.35% 87.5%,rgba(230,190,102,.025) 87.65% 87.8%,transparent 88%);
}
.yh-music-library__head{position:relative;z-index:1;display:grid;grid-template-columns:minmax(30px,1fr) auto minmax(30px,1fr);align-items:center;gap:18px;max-width:920px;margin:0 auto 26px;text-align:center}
.yh-music-library__head h2{margin:0;color:#efcc7c;font-family:Georgia,'Times New Roman',serif;font-size:clamp(30px,3.2vw,48px);font-weight:500;letter-spacing:.1em;text-shadow:0 2px 16px rgba(222,170,67,.12)}
.yh-music-library__head p{margin:5px 0 0;color:#d8d0c2;font-size:12px;letter-spacing:.34em;text-transform:uppercase}
.yh-music-line{height:1px;background:linear-gradient(90deg,transparent,rgba(226,184,94,.72))}
.yh-music-line:last-child{background:linear-gradient(90deg,rgba(226,184,94,.72),transparent)}

/* Selection-only 3D carousel. */
.yh-music-carousel{position:relative;z-index:2;max-width:1380px;margin:0 auto 24px;padding:0 clamp(56px,5vw,80px)}
.yh-music-stage{
  --drag-x:0px;
  position:relative;
  height:clamp(300px,30vw,430px);
  perspective:1300px;
  transform-style:preserve-3d;
  touch-action:pan-y;
  user-select:none;
  cursor:grab;
}
.yh-music-stage.is-dragging{cursor:grabbing}
.yh-music-card{
  --slot-x:0px;
  --rot:0deg;
  --scale:.7;
  --opacity:.4;
  position:absolute;
  left:50%;top:47%;
  width:clamp(220px,25vw,360px);
  margin:0;
  transform:translate3d(calc(-50% + var(--slot-x) + var(--drag-x)), -50%, 0) rotateY(var(--rot)) scale(var(--scale));
  transform-origin:center;
  opacity:var(--opacity);
  filter:saturate(.72) brightness(.62);
  transition:transform .48s cubic-bezier(.2,.8,.2,1),opacity .42s ease,filter .42s ease;
  pointer-events:none;
  outline:none;
}
.yh-music-stage.is-dragging .yh-music-card{transition:none}
.yh-music-card[data-pos="0"]{--slot-x:0px;--rot:0deg;--scale:1;--opacity:1;filter:none;z-index:5;pointer-events:auto}
.yh-music-card[data-pos="-1"]{--slot-x:clamp(-360px,-27vw,-260px);--rot:18deg;--scale:.78;--opacity:.82;z-index:4;pointer-events:auto}
.yh-music-card[data-pos="1"]{--slot-x:clamp(260px,27vw,360px);--rot:-18deg;--scale:.78;--opacity:.82;z-index:4;pointer-events:auto}
.yh-music-card[data-pos="-2"]{--slot-x:clamp(-580px,-43vw,-410px);--rot:27deg;--scale:.62;--opacity:.43;z-index:3;pointer-events:auto}
.yh-music-card[data-pos="2"]{--slot-x:clamp(410px,43vw,580px);--rot:-27deg;--scale:.62;--opacity:.43;z-index:3;pointer-events:auto}
.yh-music-card[data-pos="x"]{opacity:0;pointer-events:none}
.yh-music-card__media{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:12px;background:#111;border:1px solid rgba(236,196,104,.22);box-shadow:0 18px 38px rgba(0,0,0,.5)}
.yh-music-card[data-pos="0"] .yh-music-card__media{border-color:rgba(244,205,110,.86);box-shadow:0 22px 48px rgba(0,0,0,.62),0 0 0 1px rgba(244,205,110,.18),0 0 25px rgba(216,157,46,.16)}
.yh-music-card__media img{width:100%;height:100%;display:block;object-fit:cover;pointer-events:none}
.yh-music-card__title{margin:12px auto 0;max-width:95%;min-height:2.6em;color:#f4eee2;text-align:center;font-size:clamp(14px,1.25vw,18px);font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 2px 8px #000}
.yh-music-card:not([data-pos="0"]) .yh-music-card__title{opacity:.72}

.yh-music-arrow{
  position:absolute;top:44%;z-index:12;
  width:clamp(52px,4.5vw,68px);height:clamp(52px,4.5vw,68px);
  border-radius:50%;border:1px solid rgba(240,195,94,.88);
  background:rgba(9,8,6,.92);color:#f5d789;
  display:grid;place-items:center;
  font:400 clamp(40px,4vw,56px)/1 Georgia,serif;
  box-shadow:0 0 0 4px rgba(0,0,0,.16),0 0 24px rgba(224,165,45,.24),inset 0 0 18px rgba(224,165,45,.08);
  cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;
}
.yh-music-arrow:hover,.yh-music-arrow:focus-visible{transform:scale(1.06);background:#161109;box-shadow:0 0 0 4px rgba(0,0,0,.18),0 0 32px rgba(230,174,58,.38)}
.yh-music-arrow--prev{left:0}.yh-music-arrow--next{right:0}

/* Exactly one YouTube player – in the lower player bar. */
.yh-music-playerbar{
  position:relative;z-index:4;
  width:min(1220px,100%);margin:0 auto;
  display:grid;grid-template-columns:minmax(250px,1.45fr) auto minmax(280px,2fr) minmax(160px,.75fr);
  align-items:center;gap:18px;
  padding:14px 18px;
  border:1px solid rgba(224,180,85,.6);border-radius:17px;
  background:linear-gradient(180deg,rgba(25,23,19,.97),rgba(11,10,9,.98));
  box-shadow:0 18px 38px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.025);
}
.yh-music-now{min-width:0;display:grid;grid-template-columns:124px minmax(0,1fr);gap:14px;align-items:center}
.yh-music-now__media{position:relative;width:124px;aspect-ratio:16/9;border-radius:8px;overflow:hidden;background:#12110e center/cover no-repeat;border:1px solid rgba(231,190,99,.22)}
.yh-music-youtube-engine{position:fixed!important;left:-10000px!important;top:0!important;width:320px!important;height:180px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important;z-index:-1!important}
.yh-music-youtube-engine>div,.yh-music-youtube-engine iframe{width:320px!important;height:180px!important;border:0!important;pointer-events:none!important}
.yh-music-now__copy{min-width:0}
.yh-music-now strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:#fff;font:600 15px/1.25 Georgia,'Times New Roman',serif}
.yh-music-now span{display:block;margin-top:7px;color:#b7ad9d;font-size:9px;letter-spacing:.28em}
.yh-music-controls{display:flex;align-items:center;justify-content:center;gap:6px}
.yh-music-control{width:38px;height:38px;border:0;border-radius:50%;background:transparent;color:#e8dfce;font:600 18px/1 Arial,sans-serif;display:grid;place-items:center;cursor:pointer;transition:color .18s ease,background .18s ease,transform .18s ease}
.yh-music-control:hover,.yh-music-control:focus-visible{color:#f5cf72;background:rgba(228,181,77,.08);transform:translateY(-1px)}
.yh-music-mainplay{width:54px;height:54px;border:1px solid #e7bd61;color:#f7d98d;font-size:23px;background:#17130d;box-shadow:0 0 18px rgba(230,173,60,.12)}
.yh-music-control[aria-pressed="true"]{color:#f3cb6e;background:rgba(228,181,77,.12)}
.yh-music-timeline{min-width:0;display:grid;grid-template-columns:42px minmax(90px,1fr) 42px;align-items:center;gap:9px;color:#cfc5b5;font-size:10px}
.yh-music-volume{display:flex;align-items:center;gap:7px;min-width:0}
.yh-music-volume .yh-music-control{width:32px;height:32px;font-size:15px}
.yh-music-page input[type="range"]{width:100%;height:4px;appearance:none;-webkit-appearance:none;border-radius:999px;background:linear-gradient(90deg,#f0c45f,#756038);outline:none;cursor:pointer}
.yh-music-page input[type="range"]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:15px;height:15px;border-radius:50%;border:2px solid #6e5421;background:#f7d98a;box-shadow:0 0 0 2px rgba(0,0,0,.5)}
.yh-music-page input[type="range"]::-moz-range-thumb{width:13px;height:13px;border-radius:50%;border:2px solid #6e5421;background:#f7d98a}

/* Platform presence – visual only, no links. */
.yh-music-platforms{position:relative;z-index:2;width:min(1120px,100%);margin:27px auto 0;text-align:center}
.yh-music-platforms>p{margin:0 0 13px;color:#b8ae9d;font-size:10px;letter-spacing:.34em}
.yh-music-platforms__row{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}
.yh-music-platform{min-width:0;height:104px;padding:10px;border:1px solid rgba(227,184,90,.24);border-radius:12px;background:linear-gradient(180deg,rgba(24,22,18,.86),rgba(9,9,8,.68));display:flex;align-items:center;justify-content:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.02),0 10px 22px rgba(0,0,0,.22);overflow:hidden}
.yh-music-platform img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center;border-radius:7px;filter:drop-shadow(0 3px 8px rgba(0,0,0,.42))}

@media (max-width:1100px){
  .yh-music-hero{height:auto}
  .yh-music-hero__image{width:100%;transform:none}
  .yh-music-playerbar{grid-template-columns:minmax(230px,1.2fr) auto minmax(220px,1.5fr);gap:13px}
  .yh-music-volume{grid-column:3;justify-self:end;width:170px}
  .yh-music-timeline{grid-column:1 / 3;grid-row:2;width:100%}
  .yh-music-platforms__row{grid-template-columns:repeat(4,minmax(0,1fr))}
}

@media (max-width:780px){
  .yh-music-library{padding-left:12px;padding-right:12px}
  .yh-music-library__head{gap:10px;margin-bottom:18px}
  .yh-music-library__head h2{font-size:clamp(27px,8vw,36px)}
  .yh-music-library__head p{font-size:10px;letter-spacing:.25em}
  .yh-music-carousel{padding:0 42px;margin-bottom:18px}
  .yh-music-stage{height:clamp(270px,73vw,340px)}
  .yh-music-card{width:min(72vw,310px);top:45%}
  .yh-music-card[data-pos="-1"]{--slot-x:-58vw;--rot:17deg;--scale:.68;--opacity:.62}
  .yh-music-card[data-pos="1"]{--slot-x:58vw;--rot:-17deg;--scale:.68;--opacity:.62}
  .yh-music-card[data-pos="-2"],.yh-music-card[data-pos="2"]{opacity:0;pointer-events:none}
  .yh-music-arrow{top:42%;width:52px;height:52px;font-size:40px}
  .yh-music-arrow--prev{left:-3px}.yh-music-arrow--next{right:-3px}
  .yh-music-playerbar{grid-template-columns:1fr auto;padding:13px 12px;gap:12px}
  .yh-music-now{grid-template-columns:112px minmax(0,1fr)}
  .yh-music-now__media{width:112px}
  .yh-music-controls{grid-column:1 / -1;grid-row:2;justify-content:center}
  .yh-music-timeline{grid-column:1 / -1;grid-row:3}
  .yh-music-volume{grid-column:1 / -1;grid-row:4;justify-self:stretch;width:auto}
  .yh-music-volume input{max-width:none}
  .yh-music-platforms__row{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .yh-music-platform{height:96px}
}

@media (max-width:600px){
  /* Music page only: keep the compact mobile navigation on one line. */
  .nav a[data-nav-key="kontakt"]{display:none}

  /* Mobile-only crop of the existing hero image: keeps the face/upper body in view,
     excludes the right-side handwritten text and avoids emphasis on knee/arm. */
  .yh-music-hero{height:25.4vw;min-height:91px;max-height:108px}
  .yh-music-hero__image{width:140%;transform:translate(-7%,0)}
  .yh-music-library{padding-top:25px}
  .yh-music-carousel{padding:0 36px}
  .yh-music-stage{height:clamp(245px,73vw,310px)}
  .yh-music-card{width:min(78vw,300px)}
  .yh-music-card__title{font-size:14px;margin-top:10px}
  .yh-music-card[data-pos="-1"]{--slot-x:-66vw;--scale:.6;--opacity:.48}
  .yh-music-card[data-pos="1"]{--slot-x:66vw;--scale:.6;--opacity:.48}
  .yh-music-arrow{width:48px;height:48px;font-size:38px}
  .yh-music-playerbar{border-radius:13px;padding:12px 10px}
  .yh-music-now{grid-column:1 / -1;grid-template-columns:106px minmax(0,1fr)}
  .yh-music-now__media{width:106px}
  .yh-music-now strong{font-size:14px}
  .yh-music-controls{gap:5px}
  .yh-music-control{width:40px;height:40px}
  .yh-music-mainplay{width:54px;height:54px}
  .yh-music-timeline{grid-template-columns:38px minmax(0,1fr) 38px;gap:6px}
  .yh-music-platforms{display:none}
}

@media (max-width:380px){
  .yh-music-carousel{padding:0 31px}
  .yh-music-arrow{width:44px;height:44px;font-size:34px}
  .yh-music-now{grid-template-columns:92px minmax(0,1fr)}
  .yh-music-now__media{width:92px}
  .yh-music-control{width:36px;height:36px;font-size:16px}
  .yh-music-mainplay{width:50px;height:50px;font-size:21px}
}

@media (prefers-reduced-motion:reduce){
  .yh-music-card,.yh-music-arrow,.yh-music-control{transition:none!important}
}