/* İş portfolyo sayfaları — /tr/ses/<is>/ ve /en/sound/<is>/ */

.geri{
  display:inline-flex;align-items:center;gap:9px;
  font-family:var(--tech);font-size:11px;font-weight:500;
  letter-spacing:.13em;text-transform:uppercase;
  color:var(--tx-faint);text-decoration:none;
}
.geri:hover{color:var(--acc)}

.portfolyo{
  list-style:none;padding:0;margin:0;
  display:grid;gap:1px;background:var(--line-soft);
  border-block:1px solid var(--line-soft);
}
@media(min-width:820px){.portfolyo{grid-template-columns:1fr 1fr}}

.pf{
  background:var(--g0);
  display:grid;grid-template-columns:96px minmax(0,1fr);gap:0 20px;
  padding:22px 20px;align-items:start;
}
.pf-kapak{
  border:1px solid var(--line-soft);background:var(--g1);
  aspect-ratio:5/7;overflow:hidden;
}
.pf-kapak img{width:100%;height:100%;object-fit:cover;display:block}

.pf-govde{display:flex;flex-direction:column;gap:7px;min-width:0}
.pf-ust{display:flex;gap:12px;align-items:baseline;flex-wrap:wrap}
.pf-tur{
  font-family:var(--tech);font-size:9.5px;font-weight:600;
  letter-spacing:.12em;text-transform:uppercase;color:var(--hue,var(--c-orange));
}
.pf-yil{
  font-family:var(--tech);font-size:10.5px;color:var(--tx-faint);
  font-variant-numeric:tabular-nums;
}
.pf h3{
  font-family:var(--disp);font-stretch:110%;font-weight:400;
  font-size:clamp(17px,1.9vw,20px);letter-spacing:-.026em;line-height:1.18;margin:0;
}
.pf-yon{font-family:var(--tech);font-size:10.5px;letter-spacing:.06em;color:var(--tx-dim)}
.pf-aciklama{font-size:13.5px;line-height:1.55;color:var(--tx-soft)}
.pf-katki{
  font-family:var(--tech);font-size:9.5px;font-weight:500;
  letter-spacing:.11em;text-transform:uppercase;color:var(--tx-faint);
  margin-top:2px;
}

.pf-not{
  font-size:12.5px;color:var(--tx-faint);line-height:1.6;
  margin-top:22px;max-width:62ch;
}

@media(max-width:520px){
  .pf{grid-template-columns:72px minmax(0,1fr);gap:0 16px;padding:18px 16px}
}

/* --- Parça listesi (Spotify künyeleri) --- */
.pf-kapak-kare{aspect-ratio:1/1}
.pf-sarki .pf-govde{gap:5px}
.pf-sarki .pf-yon{
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
  overflow:hidden;line-height:1.45;
}
.pf-baglanti{
  display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:6px;
  font-family:var(--tech);font-size:10.5px;letter-spacing:.06em;color:var(--tx-faint);
}
.dinle{
  display:inline-flex;align-items:center;justify-content:center;
  width:28px;height:28px;border:1px solid var(--line-soft);border-radius:50%;
  color:var(--tx-dim);flex:none;transition:color .16s,border-color .16s;
}
.dinle:hover{color:var(--hue,var(--acc));border-color:var(--hue,var(--acc))}
.dinle:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
.pf-albom{
  min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:22ch;
}
.pf-sure{font-variant-numeric:tabular-nums;margin-left:auto}