/* WAHOME public : mises en page des pages */

/* ---------- Sections génériques ---------- */
.section{padding-block:var(--space-12) 0}
.section--tight{padding-block:var(--space-8) 0}
.section-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6)}
.section-title{font-size:clamp(1.9rem,3.8vw,3rem);margin-top:var(--space-2)}
.page-head{padding-block:var(--space-8) var(--space-6);border-bottom:1px solid var(--line)}
.page-title{margin-top:var(--space-3);font-size:clamp(2.6rem,7.5vw,5.5rem);line-height:.95}
.results-count{margin-bottom:var(--space-4);font:700 .8rem/1 var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}

/* ---------- Hero accueil ---------- */
.hero{border-bottom:1px solid var(--border)}
.hero-grid{display:grid;padding-inline:0;max-width:var(--max-width)}
.hero-stage{position:relative}
.hero-slide{display:grid}
.hero-slide[hidden]{display:none}
.hero-text{padding:var(--space-6) var(--gutter) var(--space-8)}
.hero-art{position:relative;order:-1;overflow:hidden;min-height:min(78vw,340px);background:var(--ink)}
.hero-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%}
.hero-title{margin-top:var(--space-3);font-size:clamp(2.4rem,5vw,4.4rem);line-height:.95}
.hero-genres{display:flex;flex-wrap:wrap;gap:var(--space-1) 0;margin-top:var(--space-4);font:700 .75rem/1.4 var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--red-deep)}
.hero-genres span+span::before{content:"·";margin:0 .9em}
.hero-excerpt{max-width:40ch;margin-top:var(--space-4);font-size:.95rem;color:#2a2622;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4) var(--space-6);margin-top:var(--space-6)}
.hero-count{position:absolute;z-index:2;top:calc(min(78vw,340px) - 52px);right:0;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);background:var(--ink);color:#fff}
.hero-count[hidden]{display:none}
.hero-pos{display:flex;gap:6px;font-size:.8rem;letter-spacing:.08em}
.hero-count button{display:grid;place-items:center;width:44px;height:44px;background:none;border:0;color:#fff}
.hero-count button:hover{color:var(--yellow)}
.hero-count :focus-visible{outline-color:var(--yellow)}
.hero-slide:not([hidden]) .hero-text>*{animation:rise .55s cubic-bezier(.2,.7,.2,1) both}
.hero-slide:not([hidden]) .hero-text>:nth-child(2){animation-delay:.06s}
.hero-slide:not([hidden]) .hero-text>:nth-child(3){animation-delay:.12s}
.hero-slide:not([hidden]) .hero-text>:nth-child(n+4){animation-delay:.18s}
@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

.hero-rail{padding:var(--space-6) var(--gutter);border-top:1px solid var(--border)}
.rail-head{display:flex;align-items:center;gap:var(--space-4)}
.rail-burst{display:grid;place-items:center;width:56px;height:56px;flex:none;background:var(--ink);color:var(--yellow);border-radius:50%}
.rail-burst .icon{width:32px;height:32px;fill:currentColor;stroke:none}
.rail-label{font:400 1.15rem/1.05 var(--font-display);text-transform:uppercase}
.rail-title{margin-top:var(--space-4);font:700 1.1rem/1.25 var(--font-body);text-transform:none;letter-spacing:0}
.rail-desc{max-width:32ch;margin:var(--space-2) 0 var(--space-4);font-size:.88rem;color:var(--muted)}
.rail-track{display:grid;grid-template-columns:84px 1fr;gap:var(--space-4);align-items:center;margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--line)}
.rail-track-art{aspect-ratio:1;overflow:hidden;background:var(--ink)}
.rail-track-art img{width:100%;height:100%;object-fit:cover}
.rail-track-title{font:700 .8rem/1.25 var(--font-body);letter-spacing:.04em;text-transform:uppercase}
.rail-track-title a{text-decoration:none}
.rail-track-artist{font-size:.85rem;color:var(--muted)}
.rail-track .icon-btn{margin-left:-12px}

@media (min-width:900px){
  .hero-grid{grid-template-columns:minmax(0,1fr) clamp(260px,22vw,320px)}
  .hero-slide{grid-template-columns:minmax(0,5fr) minmax(0,7fr);min-height:clamp(400px,33vw,480px)}
  .hero-text{align-self:center;padding:var(--space-8) var(--space-6) var(--space-8) var(--gutter)}
  .hero-art{order:0;min-height:0;clip-path:polygon(7% 0,100% 0,100% 100%,0 100%)}
  .hero-count{top:0;bottom:0;right:0;flex-direction:column;justify-content:center;gap:var(--space-4);width:48px;padding:0}
  .hero-pos{flex-direction:column;align-items:center;gap:2px}
  .hero-rail{padding:var(--space-8) var(--gutter) var(--space-8) var(--space-6);border-top:0;border-left:1px solid var(--border)}
}

/* ---------- Bandeau genres + newsletter ---------- */
.band{display:grid;gap:var(--space-4);margin-top:var(--space-12)}
.band-pl{padding:var(--space-8) clamp(16px,3vw,32px);background:var(--ink);color:var(--cream)}
.band-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--space-4);margin:var(--space-2) 0 var(--space-6)}
.band-head .section-title{margin:0;color:#fff;font-size:clamp(1.7rem,3.2vw,2.6rem)}
.pl-tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}
.pl-tile{display:block;text-decoration:none}
.pl-art{display:block;aspect-ratio:16/10;overflow:hidden;border:1px solid #4a4a4a;background:#000}
.pl-art img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.pl-tile:hover .pl-art img{transform:scale(1.04)}
.pl-name{display:block;margin-top:var(--space-3);font:700 .75rem/1.2 var(--font-body);letter-spacing:.08em;text-transform:uppercase}
.pl-meta{display:block;margin-top:2px;font-size:.75rem;color:#c9c2b4}
.band-empty{color:#c9c2b4}
.band-nl{position:relative;display:flex;overflow:hidden;border:1px solid var(--line);background:var(--cream)}
.band-nl-text{position:relative;z-index:1;flex:1;padding:var(--space-8) clamp(16px,3vw,32px)}
.nl-title{font-size:clamp(1.5rem,2.4vw,1.9rem)}
.band-nl-text>p{margin:var(--space-3) 0 var(--space-4);max-width:34ch;font-size:.9rem;color:#2a2622}
.band-nl .socials{margin-top:var(--space-6);margin-left:-10px}
.band-nl-art{position:absolute;right:0;top:0;bottom:0;width:36%;height:100%;object-fit:cover;opacity:.18}
@media (min-width:700px){.pl-tiles{grid-template-columns:repeat(4,1fr)}}
@media (min-width:1000px){
  .band{grid-template-columns:minmax(0,1.75fr) minmax(0,1fr)}
  .band-nl-art{opacity:1;width:34%;clip-path:polygon(24% 0,100% 0,100% 100%,0 100%)}
  .band-nl-text{padding-right:34%}
}

/* ---------- Découvertes : recherche et filtres ---------- */
.filters{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-4);margin-top:var(--space-6)}
.filters>*{min-width:0}
.search-field{display:flex;align-items:center;max-width:640px;background:var(--paper);border:2px solid var(--ink)}
.search-field .icon{margin-left:var(--space-4);flex:none}
.search-field input{flex:1;min-width:0;min-height:52px;padding:0 var(--space-3);background:none;border:0;font-size:1rem}
.search-field input:focus-visible{outline:0}
.search-field:focus-within{outline:3px solid var(--blue);outline-offset:3px}
.search-field .btn{align-self:stretch;border-width:0 0 0 2px}
.filter-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3) var(--space-4)}
.filter-label{min-width:76px;font:700 .72rem/1 var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}
.chip{min-height:40px;padding:8px 16px;background:transparent;border:2px solid var(--ink);border-radius:var(--radius);font:700 .75rem/1 var(--font-body);letter-spacing:.08em;text-transform:uppercase}
.chip:hover{background:var(--cream-2)}
.chip[aria-pressed="true"]{background:var(--ink);color:var(--cream)}
.filter-row select{max-width:100%;min-height:44px;padding:0 var(--space-4);background:var(--paper);border:2px solid var(--ink);border-radius:var(--radius)}

/* ---------- Fiche morceau ---------- */
.track-page .wrap{padding-bottom:0}
.crumbs{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding-block:var(--space-3);font-size:.8rem}
.back{display:inline-flex;align-items:center;gap:8px;min-height:44px;text-decoration:none}
.back:hover{text-decoration:underline}
.pager{display:flex;align-items:center;gap:var(--space-1)}
.track-top{display:grid;gap:var(--space-6);padding-bottom:var(--space-6)}
.track-art{position:relative;aspect-ratio:1/1;overflow:hidden;background:var(--ink)}
.track-art img{width:100%;height:100%;object-fit:cover}
.genres{display:flex;flex-wrap:wrap;font:700 .72rem/1.4 var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--blue)}
.genres span+span{color:var(--red-deep)}
.genres span+span::before{content:"•";margin:0 .8em;color:var(--red-deep)}
.track-title{margin-top:var(--space-2);font-size:clamp(3.4rem,13vw,6.4rem);line-height:.86;letter-spacing:-.005em}
.track-title .accent{color:var(--red-deep);display:block}
.track-artist{margin-top:var(--space-4);font:700 1.5rem/1.2 var(--font-body)}
.track-meta{display:flex;flex-wrap:wrap;gap:4px 0;margin-top:var(--space-2);font-size:.8rem;color:var(--muted)}
.track-meta>*+*::before{content:"•";margin:0 .7em}
.track-text{display:grid;gap:var(--space-3);max-width:52ch;margin:var(--space-6) 0;font-size:.98rem;line-height:1.6}
.track-side{display:grid;gap:var(--space-4);align-content:start}
.feeling{position:relative;overflow:hidden;padding:var(--space-6);background:var(--yellow);border:2px solid var(--ink)}
.feeling::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:34px;background:var(--blue);clip-path:polygon(0 100%,0 40%,100% 100%)}
.feeling-title{font-size:1.5rem}
.feeling-body{display:grid;grid-template-columns:auto 1fr;gap:var(--space-3);margin-top:var(--space-4)}
.feeling-quote{width:38px;height:38px}
.feeling blockquote{font-size:.95rem;line-height:1.5}
.signature{margin:var(--space-3) var(--space-3) var(--space-6) auto;width:max-content;font:400 clamp(2.6rem,7vw,3.4rem)/1.1 var(--font-signature);font-style:normal;text-transform:none;transform:rotate(-5deg);transform-origin:right center}
.meta-list,.share{padding:var(--space-4);border:1px solid var(--line);background:var(--cream)}
.meta-list>div{display:grid;grid-template-columns:minmax(104px,auto) 1fr;gap:var(--space-3);align-items:center;padding:10px 0;font-size:.82rem}
.meta-list>div+div{border-top:1px solid var(--line)}
.meta-list dt{display:flex;align-items:center;gap:10px;color:var(--muted)}
.meta-list dd{font-weight:500}
.share-title{margin-bottom:var(--space-2);font:700 .72rem/1 var(--font-body);letter-spacing:.12em;text-transform:uppercase}
.share ul{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-left:-10px}
.share [hidden]{display:none}
.share-status{min-height:1.2em;font-size:.8rem;color:var(--muted)}

@media (min-width:700px) and (max-width:999px){
  .track-top{grid-template-columns:1fr 1fr;align-items:start}
  .track-art{grid-column:1/-1;aspect-ratio:16/10}
  .track-art img{object-position:50% 30%}
}
@media (min-width:1000px){
  .track-top{grid-template-columns:5fr 4fr 3fr;gap:var(--space-8);align-items:start}
  .track-art{aspect-ratio:1/1.04}
}

/* Lecteur Spotify */
.player{position:relative;overflow:hidden;margin-top:var(--space-4);background:var(--ink);color:#fff}
.player-main{position:relative;z-index:1;display:grid;grid-template-columns:72px 1fr;gap:var(--space-4);align-items:center;padding:var(--space-4)}
.player-cover{aspect-ratio:1;overflow:hidden}
.player-cover img{width:100%;height:100%;object-fit:cover}
.player-title{font:700 1.05rem/1.2 var(--font-body);text-transform:none;letter-spacing:0}
.player-info p{font-size:.85rem;color:#d8d0c0}
.player-note{margin-top:4px;font:700 .65rem/1 var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--yellow)!important}
.player-actions{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:var(--space-2)}
.player-embed{position:relative;z-index:1}
.player-embed iframe{display:block;width:100%;height:152px;border:0}
.player-deco{display:none}
.player .btn--ghost{color:#fff}
@media (min-width:800px){
  .player-main{grid-template-columns:88px minmax(180px,300px) auto;padding:var(--space-4) var(--space-6)}
  .player-actions{grid-column:auto}
  .player-deco{display:block;position:absolute;right:0;top:0;bottom:0;width:48%;opacity:.9;clip-path:polygon(14% 0,100% 0,100% 100%,0 100%)}
  .player-deco img{width:100%;height:100%;object-fit:cover;object-position:50% 70%}
  .player-embed{max-width:520px;margin-left:var(--space-6)}
  .player-embed:not(:empty){padding-bottom:var(--space-4)}
}

/* Blocs, visuels sociaux, suggestions */
.box{margin-top:var(--space-4);padding:var(--space-4);border:1px solid var(--line);background:var(--cream)}
.box-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}
.block-title{font:400 1rem/1.1 var(--font-display);letter-spacing:.04em}
.note{font-size:.8rem;color:var(--muted)}
.visuals{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);align-items:start}
.visual-frame{position:relative;overflow:hidden;background:var(--ink)}
.visual-frame img{width:100%;height:100%;object-fit:cover}
.v-square{aspect-ratio:1}
.v-vertical{aspect-ratio:9/16}
.v-portrait{aspect-ratio:4/5}
.visual-frame a{display:block;width:100%;height:100%}
.v-wide{aspect-ratio:16/9}
.v-wide-li{grid-column:1/-1}
.visual-frame--fx::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 45%,rgba(0,0,0,.82))}
.visual-text{position:absolute;z-index:1;left:7%;right:7%;bottom:6%;font:400 clamp(1.2rem,3.6vw,2rem)/.92 var(--font-display);text-transform:uppercase;color:#fff}
.visual-text small{display:block;margin-bottom:4px;font:700 .55rem/1 var(--font-body);letter-spacing:.2em;color:var(--yellow)}
.visual-label{margin-top:var(--space-2);font-size:.78rem}
.visual-size{font-size:.7rem;color:var(--muted)}
@media (min-width:800px){
  .visuals{display:flex;gap:var(--space-4)}
  .visual{min-width:0}
  .v-square-li{flex:1 1 0}
  .v-vertical-li{flex:.5625 1 0}
  .v-portrait-li{flex:.8 1 0}
  .v-wide-li{flex:1.778 1 0}
  .v-wide-li{grid-column:auto}
  .visual-text{font-size:clamp(1rem,1.8vw,1.7rem)}
}
.track-bottom{display:grid;gap:0}
.rail{display:flex;gap:var(--space-3);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:var(--space-2);scrollbar-width:thin}
.rail-item{flex:0 0 132px;scroll-snap-align:start}
.rail-item a{display:block;text-decoration:none}
.rail-item img{width:100%;aspect-ratio:1;object-fit:cover;background:var(--ink)}
.rail-item-title{display:block;margin-top:var(--space-2);font:700 .85rem/1.25 var(--font-body)}
.rail-item-artist{display:block;font-size:.78rem;color:var(--muted)}
.rail-item a:hover .rail-item-title{text-decoration:underline}
.rail-arrows{display:flex}
.rail-arrows[hidden]{display:none}
.pl-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}
.pl-mini a{display:block;text-decoration:none}
.pl-mini img{width:100%;aspect-ratio:4/3;object-fit:cover;background:var(--ink)}
.pl-mini-name{display:block;margin-top:var(--space-2);font:700 .75rem/1.2 var(--font-body);letter-spacing:.04em;text-transform:uppercase}
.pl-mini-meta{display:block;font-size:.72rem;color:var(--muted)}
@media (min-width:1000px){
  .track-bottom{grid-template-columns:minmax(0,2fr) minmax(0,1.2fr);gap:var(--space-4)}
  .box--rail{margin-right:0}
}

/* ---------- Playlists ---------- */
.pl-list{display:grid;gap:var(--space-12)}
.pl-block{display:grid;gap:var(--space-6);scroll-margin-top:90px}
.pl-block-art{aspect-ratio:1;overflow:hidden;background:var(--ink)}
.pl-block-art img{width:100%;height:100%;object-fit:cover}
.pl-block-body{display:grid;gap:var(--space-3);align-content:start}
.pl-block-title{font-size:clamp(2rem,4vw,3.2rem)}
.pl-block-meta{font-size:.8rem;color:var(--muted)}
.pl-tracks{border-top:1px solid var(--line);counter-reset:n}
.pl-tracks li{counter-increment:n;border-bottom:1px solid var(--line)}
.pl-tracks a{display:flex;gap:var(--space-3);align-items:baseline;padding:12px 0;text-decoration:none}
.pl-tracks a::before{content:counter(n,decimal-leading-zero);font:.75rem var(--font-mono);color:var(--muted)}
.pl-tracks span{color:var(--muted);font-size:.9rem}
.pl-tracks a:hover strong{text-decoration:underline}
@media (min-width:800px){.pl-block{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start}.pl-block:nth-child(even) .pl-block-art{order:2}}

/* ---------- Projet et pages de texte ---------- */
.manifest{display:grid;gap:var(--space-6);align-items:end}
.manifest-lead{max-width:44ch;font-size:1.1rem;line-height:1.5}
.principles{display:grid;gap:var(--space-4)}
.principle{position:relative;padding:var(--space-8) var(--space-6);border:2px solid var(--ink);display:grid;gap:var(--space-3);align-content:start}
.principle h3{font-size:1.8rem}
.principle-n{font-size:.8rem;font-weight:700}
.principle--red{background:var(--red-deep);color:#fff}
.principle--yellow{background:var(--yellow)}
.principle--blue{background:var(--blue);color:#fff}
.prose-wrap{max-width:820px}
.prose{display:grid;gap:var(--space-4);line-height:1.65}
.manifesto-big{font-family:var(--font-heavy);font-size:clamp(1.3rem,2.6vw,1.8rem);line-height:1.3}
.manifesto-end{margin:0;padding:var(--space-4) var(--space-6);background:var(--yellow);border:2px solid var(--ink);font-family:var(--font-heavy);font-size:clamp(1.05rem,2vw,1.3rem);line-height:1.35}
.prose h2{margin-top:var(--space-4);font-size:1.6rem}
.prose a{color:var(--blue)}
.quote-band{display:grid;gap:var(--space-4);justify-items:start;padding:var(--space-8) clamp(20px,4vw,48px);background:var(--ink);color:var(--cream);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}
.quote-title{font-size:clamp(1.8rem,4vw,3rem);color:#fff}
.contact-band{padding-bottom:0}
@media (min-width:800px){
  .manifest{grid-template-columns:1.3fr 1fr}
  .principles{grid-template-columns:repeat(3,1fr)}
}

/* ---------- Guide des genres ---------- */
a.chip{display:inline-flex;align-items:center;text-decoration:none}
.genre-nav{position:sticky;top:64px;z-index:20;padding-block:var(--space-3);background:var(--cream);border-bottom:1px solid var(--line)}
.genre-nav .chips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}
.genre-nav .chip{white-space:nowrap}
.genre-list{display:grid;gap:var(--space-16)}
.genre-block{display:grid;gap:var(--space-6);scroll-margin-top:140px}
.genre-art{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--ink)}
.genre-art img{width:100%;height:100%;object-fit:cover}
.genre-n{position:absolute;top:0;left:0;display:grid;place-items:center;min-width:52px;height:44px;padding:0 var(--space-3);background:var(--ink);color:var(--yellow);font-size:.9rem;font-weight:700}
.genre-body{display:grid;gap:var(--space-4);align-content:start;max-width:62ch}
.genre-title{font-size:clamp(2.4rem,6vw,4.4rem);line-height:.92}
.genre-tagline{font:400 clamp(1.3rem,2.4vw,1.8rem)/1.1 var(--font-display);text-transform:uppercase;color:var(--red-deep)}
.genre-listen{padding:var(--space-4) var(--space-4) var(--space-4) var(--space-6);background:var(--cream-2);border-left:6px solid var(--yellow)}
.genre-label{margin-bottom:var(--space-2);font:700 .7rem/1.2 var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.genre-sub{display:flex;flex-wrap:wrap;gap:var(--space-2)}
.genre-sub li{padding:6px 12px;border:1px solid var(--ink);font:700 .75rem/1.2 var(--font-body)}
.genre-moods-lead{max-width:52ch;margin:var(--space-3) 0 var(--space-6);color:var(--muted)}
.genres a{text-decoration:none}
.genres a:hover{text-decoration:underline}
@media (min-width:800px){
  .genre-block{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--space-12);align-items:start}
  .genre-block:nth-child(even) .genre-art{order:2}
  .genre-art{position:sticky;top:150px;aspect-ratio:1}
}

.artist-bio{max-width:52ch;margin:0 0 var(--space-6);padding-left:var(--space-4);border-left:4px solid var(--blue);font-size:.92rem;color:#2a2622}
.artist-bio .genre-label{margin-bottom:var(--space-1)}
.track-feat{font-weight:500;font-size:.9rem;color:var(--muted)}
.player-cover--official{display:block}
.player-cover--official img{object-fit:contain;background:#000}

/* ---------- Écouter : toutes les plateformes ---------- */
.listen-body{position:relative;z-index:1;padding:0 var(--space-4) var(--space-4)}
.listen-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}
.listen-chip{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:10px 18px;background:var(--yellow);color:var(--ink);border:2px solid var(--yellow);font:800 .8rem/1 var(--font-body);letter-spacing:.07em;text-transform:uppercase;text-decoration:none;transition:background .15s,color .15s}
.listen-chip:hover{background:var(--cream);border-color:var(--cream)}
.listen-chip--search{background:transparent;color:#fff;border-color:#555;font-weight:700}
.listen-chip--search:hover{background:#fff;color:var(--ink);border-color:#fff}
.listen-sub{margin:var(--space-4) 0 var(--space-2);font-size:.8rem;color:#c9c2b4}
.listen-body .btn--ghost{margin-top:var(--space-3);color:#fff}
@media (min-width:800px){.listen-body{padding:0 var(--space-6) var(--space-6);max-width:calc(52% - 24px)}}
.track-bottom{display:block}