/* deepmac — site styles. Colours and type follow the approved Claude Design file. */

@font-face{font-family:'Manrope';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/manrope-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Manrope';font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/manrope-latin-500-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Manrope';font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/manrope-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Manrope';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/manrope-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Manrope';font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/manrope-latin-ext-500-normal.woff2) format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Manrope';font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/manrope-latin-ext-600-normal.woff2) format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:300;font-display:swap;src:url(/assets/fonts/montserrat-latin-300-normal.woff2) format('woff2')}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/montserrat-latin-600-normal.woff2) format('woff2')}

:root{
  --bg:#101010; --surface:#222120; --line:#383735; --ivory:#F2E7D8; --muted:#A39B90; --amber:#C28A55;
  --gutter:clamp(20px,8.33vw,120px);
}
html{scroll-behavior:smooth;scroll-padding-top:88px}
body{margin:0;overflow-x:clip;background:var(--bg);color:var(--ivory);font-family:'Manrope',system-ui,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:var(--ivory)}
a:hover{color:var(--amber)}
:focus-visible{outline:2px solid var(--amber);outline-offset:3px}
::selection{background:var(--amber);color:var(--bg)}
button{font-family:inherit}
[hidden]{display:none!important}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*{transition:none!important}}

.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.skip{position:absolute;left:-9999px;top:12px;z-index:100;background:var(--ivory);color:var(--bg);padding:12px 16px;font:600 15px 'Manrope',sans-serif;text-decoration:none}
.skip:focus{left:20px}
.wrap{max-width:1440px;margin:0 auto;box-sizing:border-box;padding-left:var(--gutter);padding-right:var(--gutter)}

/* icon toggles: .is-playing on a button shows pause */
.i-pause{display:none}
.is-playing>.i-play{display:none}
.is-playing>.i-pause{display:inline}

/* wordmark (concept — replace with final vector) */
.wm{display:inline-block;font-family:'Montserrat',sans-serif;font-weight:600;letter-spacing:0.02em;color:var(--ivory);line-height:1;white-space:nowrap}
.wm--nav{font-size:26px}
.wm--hero{font-size:clamp(72px,7vw,104px)}
.wm--hero-m{font-size:min(64px,18vw)}
.wm--foot{font-size:20px}

/* ---------- NAV ---------- */
.nav{position:fixed;top:0;left:0;right:0;z-index:50;background:transparent;border-bottom:1px solid transparent;transition:background .4s ease,border-color .4s ease}
.nav.is-scrolled{background:var(--bg);border-bottom-color:var(--line)}
.nav__inner{height:72px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.nav__home{display:flex;align-items:center;text-decoration:none}
.nav__links{display:flex;align-items:center;gap:clamp(14px,2.4vw,32px);flex-shrink:0}
.nav__link{font:500 15px 'Manrope',sans-serif;color:var(--muted);text-decoration:none;padding:12px 0}
.nav__link:hover{color:var(--ivory)}
.nav__play{display:flex;align-items:center;gap:10px;height:40px;padding:0 16px;background:transparent;border:1px solid var(--line);color:var(--ivory);font:600 14px 'Manrope',sans-serif;cursor:pointer;transition:border-color .3s,background .3s}
.nav__play:hover{border-color:var(--muted);background:var(--surface)}

/* ---------- HERO ---------- */
.hero{overflow-x:clip}
.hero__desk{position:relative;height:100vh;min-height:640px;background:#101010 url('/assets/img/hero-desktop.jpg') no-repeat right center/cover}
.glow{position:absolute;inset:0;background:radial-gradient(28% 34% at 75% 55%,rgba(194,138,85,0.08),rgba(194,138,85,0));opacity:0;transition:opacity 4s ease;pointer-events:none}
.glow--mob{background:radial-gradient(40% 30% at 75% 55%,rgba(194,138,85,0.08),rgba(194,138,85,0))}
body.is-playing .glow{opacity:1}
@media (prefers-reduced-motion: reduce){body.is-playing .glow{opacity:0}}
.hero__grid{position:relative;z-index:2;height:100%;padding-top:168px;padding-bottom:48px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:center}
.hero__text{grid-column:1 / 7;min-width:0;display:flex;flex-direction:column;align-items:flex-start}
.hero__kicker{margin:28px 0 0;font:400 14px/1.5 'Manrope',sans-serif;color:var(--muted);text-wrap:pretty}
.hero__h1{margin:14px 0 0;font:600 clamp(40px,4.4vw,64px)/1.05 'Manrope',sans-serif;letter-spacing:-0.02em;color:var(--ivory)}
.hero__sub{margin:16px 0 0;max-width:32ch;font:300 clamp(18px,1.5vw,22px)/1.3 'Montserrat',sans-serif;letter-spacing:0.01em;color:var(--muted);text-wrap:pretty}
.hero__cta{margin-top:40px;display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.hero__caption{margin:0;font:400 14px/1.45 'Manrope',sans-serif;color:var(--muted);text-wrap:pretty}
.btn-hero{display:flex;align-items:center;gap:12px;height:52px;padding:0 26px;white-space:nowrap;flex-shrink:0;background:var(--ivory);color:var(--bg);border:0;font:600 16px 'Manrope',sans-serif;cursor:pointer;transition:background .3s}
.btn-hero:hover{background:#FFF6EA}
@media (max-width:1099px){
  .hero__desk{background-position:70% center}
  .hero__text{grid-column:1 / 8}
}
.hero__mob{display:none}
@media (max-width:899px){
  .hero__desk{display:none}
  .hero__mob{display:flex;flex-direction:column;padding-bottom:48px}
  .hero__mobimg{position:relative;width:100%;height:62vh;overflow:hidden;background:#101010}
  .hero__mobimg img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}
  .hero__mobtext{position:relative;z-index:2;margin-top:-110px;padding:0 20px;display:flex;flex-direction:column;align-items:flex-start}
  .hero__kicker-m{margin:12px 0 0;font:400 14px/1.45 'Manrope',sans-serif;color:var(--muted);text-wrap:balance}
  .hero__h1-m{margin:12px 0 0;font:600 40px/1.08 'Manrope',sans-serif;letter-spacing:-0.02em;color:var(--ivory)}
  .hero__sub--m{font-size:18px}
  .hero__cta-m{margin-top:40px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}
  .btn-hero--m{padding:0 22px}
  .hero__caption--m{margin-top:12px}
}
@media (max-width:899px) and (max-height:759px){.hero__mobimg{height:56vh}}

/* ---------- SECTIONS / TYPE ---------- */
.sec{border-top:1px solid var(--line)}
.h2{margin:0;font:600 clamp(30px,2.8vw,40px)/1.1 'Manrope',sans-serif;letter-spacing:-0.015em}
.h3{margin:0;font:600 clamp(22px,1.8vw,26px)/1.25 'Manrope',sans-serif}
.lead,.body{margin:0;font:400 clamp(17px,1.25vw,18px)/1.6 'Manrope',sans-serif;color:var(--muted)}
.eyebrow{margin:0;font:500 13px/1.4 'Manrope',sans-serif;letter-spacing:0.14em;text-transform:uppercase;color:var(--muted)}
.eyebrow--mb{margin:0 0 16px;line-height:1}
.meta{margin:0;font:400 14px/1.4 'Manrope',sans-serif;color:var(--muted);font-variant-numeric:tabular-nums}
.lnk{font:500 14px 'Manrope',sans-serif;color:var(--muted);text-decoration:none;padding:12px 0}
.lnk:hover{color:var(--ivory)}
.btn-outline{height:52px;padding:0 24px;background:transparent;border:1px solid var(--ivory);color:var(--ivory);font:600 16px 'Manrope',sans-serif;cursor:pointer;transition:background .3s,color .3s}
.btn-outline:hover{background:var(--ivory);color:var(--bg)}

/* ---------- LISTEN: TRACKS ---------- */
.listen{padding-top:clamp(80px,10vw,144px);padding-bottom:clamp(80px,10vw,144px)}
.sec__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:12px 40px;margin-bottom:clamp(40px,5vw,64px)}
.tracks{margin:0;padding:0;border-top:1px solid var(--line)}
.trk{list-style:none;position:relative;border-bottom:1px solid var(--line)}
.trk__a{display:grid;grid-template-columns:48px auto minmax(0,1fr) 64px 104px;align-items:center;column-gap:clamp(12px,2vw,24px);min-height:72px;padding:10px 16px;text-decoration:none;color:var(--ivory);background:transparent;transition:background .3s ease}
.trk--feat .trk__a{min-height:96px;padding:16px}
.trk__a:hover,.trk__a:focus-visible{background:var(--surface);color:var(--ivory)}
.trk__n{font:500 14px 'Manrope',sans-serif;font-variant-numeric:tabular-nums;color:var(--muted)}
.trk.is-current .trk__n{color:var(--amber)}
.trk__thumb{width:64px;height:64px}
.trk--feat .trk__thumb{width:88px;height:88px}
.trk__a:hover .trk__thumb{filter:brightness(1.08)}
.trk.is-current.is-playing .trk__thumb{border-left:2px solid var(--amber)}
.trk__body{min-width:0;display:flex;flex-direction:column;gap:4px}
.trk__line{display:flex;align-items:center;flex-wrap:wrap;gap:6px 14px}
.trk__title{font:500 clamp(18px,1.5vw,22px)/1.3 'Manrope',sans-serif;letter-spacing:-0.01em;color:#DCD1C2;transition:color .3s}
.trk--feat .trk__title{font:600 clamp(22px,2.1vw,30px)/1.2 'Manrope',sans-serif;color:var(--ivory)}
.trk__a:hover .trk__title,.trk__a:focus-visible .trk__title,.trk.is-current .trk__title{color:var(--ivory)}
.trk__artist{font:400 14px/1.4 'Manrope',sans-serif;color:var(--muted)}
.trk__year{font:400 14px 'Manrope',sans-serif;font-variant-numeric:tabular-nums;color:var(--muted)}
.trk__act{display:flex;align-items:center;justify-content:flex-end;min-height:44px;color:var(--ivory)}
.trk__act .i-pause rect{fill:var(--amber)}
.trk__ext{font:500 14px 'Manrope',sans-serif;color:var(--muted);white-space:nowrap}
.trk__ext-m{display:none;font:500 18px 'Manrope',sans-serif;color:var(--muted)}
.trk__mob{display:none}
.trk__desk{display:flex;flex-direction:column;gap:4px}
.trk__line2{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px}
.trk__sub{font:400 14px/1.4 'Manrope',sans-serif;color:var(--muted);font-variant-numeric:tabular-nums}
.trk__bar{position:absolute;left:0;bottom:-1px;height:1px;width:0;background:var(--amber);transition:width .6s ease-out;pointer-events:none}
.trk__a:hover+.trk__bar,.trk__a:focus-visible+.trk__bar{width:100%}
.badge{font:600 12px/1 'Manrope',sans-serif;letter-spacing:0.14em;text-transform:uppercase;padding:5px 7px 4px;color:var(--muted);border:1px solid var(--line)}
.badge--new{color:var(--amber);border-color:var(--amber)}

/* cover square with "d" fallback */
.cov{position:relative;display:block;flex:0 0 auto;box-sizing:border-box;border:1px solid var(--line);background:var(--surface);overflow:hidden;transition:opacity .3s,filter .3s}
.cov__d{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font:600 14px 'Montserrat',sans-serif;color:var(--muted)}
.cov img{position:relative;display:block;width:100%;height:100%;object-fit:cover}
.cov img.is-broken,.cov img:not([src]){display:none}
.cov--44{width:44px;height:44px}
.cov--64{width:64px;height:64px;background:var(--bg)}
.cov--64 .cov__d{font-size:18px}

@media (max-width:759px){
  .trk__a{grid-template-columns:auto minmax(0,1fr) 44px}
  .trk__n,.trk__year,.trk__desk{display:none}
  .trk__mob{display:contents}
  .trk__thumb{width:52px;height:52px}
  .trk--feat .trk__thumb{width:64px;height:64px}
  .trk__title{overflow-wrap:anywhere}
  .trk__ext{display:none}
  .trk__ext-m{display:inline}
}

/* ---------- LISTEN: MIX ARCHIVE ---------- */
.archive{margin-top:clamp(72px,8vw,112px)}
.archive__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:12px 32px;margin-bottom:24px}
.archive__left{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 20px}
.archive__links{display:flex;gap:24px;flex-wrap:wrap}
.sort{display:flex;gap:4px}
.sort__btn{height:36px;padding:0 12px;background:transparent;border:1px solid transparent;color:var(--muted);font:500 14px 'Manrope',sans-serif;cursor:pointer}
.sort__btn:hover{color:var(--ivory)}
.sort__btn[aria-pressed="true"]{border-color:var(--line);color:var(--ivory)}
.mixes{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:32px 24px}
.mixes:not(.is-all)>li:nth-child(n+13){display:none}
.mix{list-style:none;min-width:0;position:relative}
.mix__btn{display:flex;flex-direction:column;gap:10px;width:100%;padding:0;background:transparent;border:0;text-align:left;cursor:pointer;color:var(--ivory)}
.mix__cov{position:relative;display:block;width:100%;aspect-ratio:1 / 1;box-sizing:border-box;border:1px solid var(--line);background:var(--surface);outline:0 solid transparent;overflow:hidden}
.mix.is-current .mix__cov{outline:2px solid var(--amber)}
.mix__cov .cov__d{font-size:22px}
.mix__cov img{position:relative;display:block;width:100%;height:100%;object-fit:cover;transition:filter .3s ease}
.mix__cov img.is-broken{display:none}
.mix__pb{position:absolute;left:50%;top:50%;margin:-22px 0 0 -22px;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--ivory);color:var(--bg);opacity:0;transition:opacity .3s ease}
.mix__btn:hover .mix__pb,.mix__btn:focus-visible .mix__pb,.mix.is-current.is-playing .mix__pb{opacity:1}
@media (hover:none){
  .mix__pb{left:auto;top:auto;right:8px;bottom:8px;margin:0;background:rgba(16,16,16,0.85);color:var(--ivory);opacity:1}
}
.mix__title{font:500 16px/1.35 'Manrope',sans-serif;color:var(--ivory)}
.mix__sub{display:flex;align-items:center;gap:6px;margin-top:2px;min-height:28px}
.mix__tl{height:28px;padding:0;background:transparent;border:0;color:var(--muted);font:500 14px 'Manrope',sans-serif;cursor:pointer;text-align:left}
.mix__tl:hover{color:var(--ivory)}
.mixes__more{margin-top:32px;display:flex}
@media (max-width:1199px){.mixes{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:759px){
  .mixes{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}
  .mixes:not(.is-all)>li:nth-child(n+7){display:none}
  .mix__title{font-size:15px}
}

/* ---------- STUDIO BAND ---------- */
.band{position:relative;height:clamp(420px,60vh,600px);background:#101010 url('/assets/img/studio-band-desktop-v2.jpg') no-repeat right center/cover;border-top:1px solid var(--line)}
.band__text{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%)}
.band__p{margin:0;text-align:left;font:500 clamp(28px,3.2vw,46px)/1.2 'Manrope',sans-serif;color:var(--ivory)}
@media (max-width:759px){
  .band{height:60svh;background-image:linear-gradient(to top,rgba(16,16,16,.85),rgba(16,16,16,0) 55%),url('/assets/img/studio-band-mobile-v2.jpg');background-position:center}
  .band__text{top:auto;bottom:40px;transform:none}
}

/* ---------- STORY ---------- */
.story{padding-top:clamp(88px,11vw,160px);padding-bottom:clamp(88px,11vw,160px);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:0 24px;align-items:start}
.story__head{grid-column:1 / 6;position:sticky;top:120px;align-self:start}
.story__h2{max-width:16ch;line-height:1.15;text-wrap:balance}
.story__text{grid-column:7 / 13;max-width:640px}
.timeline{margin:0;padding:0 0 0 28px;border-left:1px solid var(--line);display:flex;flex-direction:column;gap:36px}
.timeline li{list-style:none;position:relative}
.dot{position:absolute;left:-32px;top:6px;width:7px;height:7px;background:var(--line)}
.dot--now{background:var(--ivory)}
.tl__when{margin:0;font:600 14px/1 'Manrope',sans-serif;font-variant-numeric:tabular-nums;color:var(--amber)}
.tl__what{margin:12px 0 0;font:400 clamp(17px,1.25vw,18px)/1.6 'Manrope',sans-serif;color:var(--ivory);max-width:46ch;text-wrap:pretty}
.influences{margin:clamp(48px,5vw,64px) 0 0;padding-top:24px;border-top:1px solid var(--line);font:400 15px/1.6 'Manrope',sans-serif;color:var(--muted);max-width:52ch;text-wrap:pretty}
@media (max-width:899px){
  .story{grid-template-columns:minmax(0,1fr);gap:clamp(40px,4vw,56px) 24px}
  .story__head{grid-column:1 / -1;position:static}
  .story__text{grid-column:1 / -1}
}

/* ---------- CONTACT ---------- */
.contact{padding-top:clamp(88px,10vw,144px);padding-bottom:clamp(88px,10vw,144px)}
.contact__h2{margin-bottom:clamp(40px,5vw,64px)}
.contact__grid{border-top:1px solid var(--line)}
.contact__a{padding:40px 48px 8px 0}
.contact__p{margin-top:16px;max-width:46ch;text-wrap:pretty}
.contact__mail{display:inline-block;margin-top:28px;font:500 clamp(18px,1.5vw,21px)/1.4 'Manrope',sans-serif;color:var(--amber);text-decoration:none;border-bottom:1px solid var(--amber);padding:6px 0;overflow-wrap:anywhere}
.contact__mail:hover{color:var(--ivory);border-bottom-color:var(--ivory)}
@media (max-width:759px){.contact__a{padding:32px 0 40px}}

/* ---------- FOOTER ---------- */
.footer{border-top:1px solid var(--line)}
.footer__inner{padding-top:48px;padding-bottom:48px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px 40px}
.footer__links{display:flex;flex-wrap:wrap;align-items:center;gap:8px 28px}
body.has-player .footer__inner{padding-bottom:calc(48px + 64px + env(safe-area-inset-bottom))}
@media (max-width:759px){body.has-player .footer__inner{padding-bottom:calc(48px + 112px + env(safe-area-inset-bottom))}}

/* ---------- TRACKLIST PANEL ---------- */
.tl{position:fixed;inset:0;z-index:80}
.tl__scrim{position:absolute;inset:0;background:rgba(16,16,16,0.6);opacity:0;transition:opacity .25s ease-out}
.tl__panel{position:absolute;top:0;right:0;bottom:0;width:min(440px,100vw);border-left:1px solid var(--line);box-sizing:border-box;background:var(--surface);display:flex;flex-direction:column;transform:translateX(100%);transition:transform .25s ease-out;padding-bottom:env(safe-area-inset-bottom)}
.tl.is-in .tl__scrim{opacity:1}
.tl.is-in .tl__panel{transform:none}
.tl__grip{display:none;justify-content:center;padding:10px 0 2px}
.tl__grip span{display:block;width:40px;height:4px;background:var(--line)}
.tl__head{display:flex;align-items:flex-start;gap:16px;padding:20px 20px 20px 24px;border-bottom:1px solid var(--line)}
.tl__info{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:4px;padding-top:2px}
.tl__title{margin:0;font:600 20px/1.25 'Manrope',sans-serif;color:var(--ivory);text-wrap:balance}
.btn-tlplay{margin-top:10px;align-self:flex-start;display:flex;align-items:center;gap:10px;height:44px;padding:0 18px;background:var(--ivory);color:var(--bg);border:0;font:600 15px 'Manrope',sans-serif;cursor:pointer}
.tl__close{flex:0 0 auto;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:transparent;border:0;color:var(--muted);font:400 26px/1 'Manrope',sans-serif;cursor:pointer}
.tl__close:hover{color:var(--ivory)}
.tl__body{flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;padding:8px 24px}
.tl__body ol{margin:0;padding:0}
.tl__body li{list-style:none;display:grid;grid-template-columns:32px minmax(0,1fr);gap:8px;padding:12px 0;border-bottom:1px solid var(--line)}
.tl__n{font:500 14px/1.5 'Manrope',sans-serif;font-variant-numeric:tabular-nums;color:var(--muted)}
.tl__row{font:400 15px/1.5 'Manrope',sans-serif;color:var(--muted);overflow-wrap:anywhere}
.tl__row b{font-weight:500;color:var(--ivory)}
.tl__row b.is-id{color:var(--muted)}
.tl__foot{flex:0 0 auto;padding:16px 24px;border-top:1px solid var(--line)}
.tl__foot .lnk{padding:10px 0;display:inline-block}
@media (max-width:759px){
  .tl__panel{top:auto;left:0;width:auto;max-height:85vh;border-left:0;border-top:1px solid var(--line);transform:translateY(100%)}
  .tl__grip{display:flex}
}
@media (prefers-reduced-motion: reduce){.tl__panel,.tl__scrim{transition:none}}

/* ---------- PLAYER ---------- */
.player{position:fixed;left:0;right:0;bottom:0;z-index:60;background:var(--surface);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}
.wrap-player{max-width:1440px;margin:0 auto;box-sizing:border-box;height:64px;padding:0 clamp(12px,4vw,120px);display:flex;align-items:center;gap:clamp(8px,1.4vw,20px)}
.player__ctrls{display:flex;align-items:center;gap:2px;flex:0 0 auto}
.pbtn{width:44px;height:44px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;background:transparent;border:0;color:var(--muted);cursor:pointer;font:600 13px 'Manrope',sans-serif;font-variant-numeric:tabular-nums}
.pbtn:hover{color:var(--ivory)}
.pbtn--main,.pbtn--main:hover{background:var(--ivory);color:var(--bg)}
.player__title{flex:0 1 240px;min-width:0;display:flex;flex-direction:column;gap:2px}
.player__title--m{flex:1 1 auto}
.p-title{font:600 15px/1.3 'Manrope',sans-serif;color:var(--ivory);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.p-meta{font:400 14px/1.3 'Manrope',sans-serif;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.p-err{display:none;font:500 14px/1.3 'Manrope',sans-serif;color:var(--amber);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.p-err:hover{color:var(--ivory)}
.player.is-error .p-meta{display:none}
.player.is-error .p-err{display:block}
.seek{position:relative;flex:1 1 auto;min-width:80px;height:24px;cursor:pointer;touch-action:none;outline-offset:2px;--pct:0%;--fill:#383735}
.seek--m{height:44px}
.seek__track,.seek__fill{position:absolute;left:0;top:50%;height:4px;transform:translateY(-50%);transition:height .15s ease}
.seek__track{right:0;background:var(--line)}
.seek__fill{width:var(--pct);background:var(--fill)}
.seek__handle{position:absolute;top:50%;left:var(--pct);width:14px;height:14px;border-radius:50%;background:var(--ivory);transform:translate(-50%,-50%);opacity:0;transition:opacity .15s ease;pointer-events:none}
.seek__tip{position:absolute;bottom:calc(100% + 6px);left:var(--tip,0%);transform:translateX(-50%);padding:4px 8px;background:var(--surface);border:1px solid var(--line);color:var(--ivory);font:500 13px/1.2 'Manrope',sans-serif;font-variant-numeric:tabular-nums;white-space:nowrap;opacity:0;transition:opacity .15s ease;pointer-events:none}
.seek.is-active .seek__track,.seek.is-active .seek__fill{height:6px}
.seek.is-active .seek__handle{opacity:1}
.seek.is-tip .seek__tip{opacity:1}
.p-time{flex:0 0 auto;font:500 14px 'Manrope',sans-serif;font-variant-numeric:tabular-nums;color:var(--muted);white-space:nowrap}
.p-small{flex:0 0 auto;font:500 13px 'Manrope',sans-serif;font-variant-numeric:tabular-nums;color:var(--muted);white-space:nowrap}
.p-tlbtn{flex:0 0 auto;height:44px;padding:0 4px;background:transparent;border:0;color:var(--muted);font:500 14px 'Manrope',sans-serif;cursor:pointer;white-space:nowrap}
.p-tlbtn--m{height:32px;padding:0 2px;font-size:13px}
.p-tlbtn:hover{color:var(--ivory)}
.player:not(.has-tl) .p-tlbtn{display:none}
.player:not(.is-mix) .mix-only{display:none}
.p-open{flex:0 0 auto;font:500 14px 'Manrope',sans-serif;color:var(--muted);text-decoration:none;white-space:nowrap;padding:12px 4px}
.p-open:hover{color:var(--ivory)}
.player__mob{display:none;box-sizing:border-box;padding:8px 12px 4px;flex-direction:column;gap:2px}
.pm__row1{height:52px;display:flex;align-items:center;gap:10px}
.pm__row2{height:44px;display:flex;align-items:center;gap:10px}

/* ---------- DESKTOP / MOBILE SWITCHES (760px) ---------- */
@media (max-width:759px){
  .wm--nav{font-size:22px}
  .desk-only{display:none!important}
  .player__desk{display:none}
  .player__mob{display:flex}
}