/* Shph v1.9.3 — minimalist adaptive biography/about page */
.page-bio .about-page{
  --about-radius:clamp(18px,2vw,28px);
  --about-gap:clamp(18px,2.4vw,30px);
  padding:clamp(22px,3vw,42px) 0 clamp(64px,8vw,108px);
}
.page-bio .about-page *{box-sizing:border-box}
.page-bio .about-cover{
  position:relative;
  min-height:220px;
  aspect-ratio:16/5;
  overflow:hidden;
  border:1px solid var(--public-border);
  border-radius:var(--about-radius);
  background:linear-gradient(135deg,color-mix(in srgb,var(--shph-primary) 22%,var(--public-surface-soft)),color-mix(in srgb,var(--shph-secondary) 18%,var(--public-surface)));
  box-shadow:var(--public-shadow-sm);
}
.page-bio .about-cover::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 38%,rgba(5,8,13,.28));
  pointer-events:none;
}
.page-bio .about-cover[data-empty="true"]::before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 22% 28%,color-mix(in srgb,var(--shph-primary) 30%,transparent),transparent 32%),radial-gradient(circle at 82% 70%,color-mix(in srgb,var(--shph-secondary) 26%,transparent),transparent 36%);
}
.page-bio .about-cover img{width:100%;height:100%;object-fit:cover;display:block}
.page-bio .about-profile{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:var(--about-gap);
  align-items:center;
  width:calc(100% - clamp(20px,4vw,64px));
  margin:-72px auto 0;
  padding:clamp(20px,2.8vw,34px);
  border:1px solid var(--public-border);
  border-radius:var(--about-radius);
  background:color-mix(in srgb,var(--public-surface) 94%,transparent);
  color:var(--public-text);
  box-shadow:var(--public-shadow-md);
  -webkit-backdrop-filter:blur(20px);
  backdrop-filter:blur(20px);
}
.page-bio .about-identity{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(16px,2.2vw,26px);align-items:center;min-width:0}
.page-bio .about-avatar{
  width:clamp(92px,10vw,132px);
  height:clamp(92px,10vw,132px);
  border:4px solid var(--public-surface);
  border-radius:clamp(22px,2.4vw,32px);
  object-fit:cover;
  background:var(--public-surface-soft);
  box-shadow:0 14px 34px rgba(8,12,20,.16);
}
.page-bio .about-avatar-fallback{display:grid;place-items:center;background:linear-gradient(135deg,var(--shph-primary),var(--shph-secondary));color:#fff;font-size:2.5rem;font-weight:900}
.page-bio .about-heading{min-width:0}
.page-bio .about-role,.page-bio .about-section-label{
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:var(--shph-primary);
  font-size:.72rem;
  font-weight:850;
  letter-spacing:.095em;
  line-height:1.2;
  text-transform:uppercase;
}
.page-bio .about-heading h1{margin:.48rem 0 .35rem;font-size:clamp(2rem,4.2vw,4.4rem);line-height:.98;letter-spacing:-.055em}
.page-bio .about-heading p{max-width:62ch;margin:0;color:var(--public-muted);font-size:clamp(.95rem,1.2vw,1.08rem);line-height:1.55}
.page-bio .about-handle{display:inline-block;margin-top:9px;color:var(--public-subtle);font-size:.84rem;font-weight:700}
.page-bio .about-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:9px;max-width:430px}
.page-bio .about-actions .btn{white-space:nowrap}
.page-bio .about-stats{
  grid-column:1/-1;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:0;
  padding-top:20px;
  border-top:1px solid var(--public-border);
}
.page-bio .about-stats>div{display:flex;align-items:baseline;gap:7px;padding:8px 11px;border:1px solid var(--public-border);border-radius:999px;background:var(--public-surface-soft)}
.page-bio .about-stats dt{color:var(--public-heading);font-size:.9rem;font-weight:900}
.page-bio .about-stats dd{margin:0;color:var(--public-muted);font-size:.78rem;font-weight:700}
.page-bio .about-layout{
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr);
  gap:var(--about-gap);
  margin-top:var(--about-gap);
}
.page-bio .about-story,.page-bio .about-catalog,.page-bio .about-featured,.page-bio .about-releases{
  border:1px solid var(--public-border);
  border-radius:var(--about-radius);
  background:var(--public-surface);
  color:var(--public-text);
  box-shadow:var(--public-shadow-sm);
}
.page-bio .about-story{padding:clamp(24px,3vw,42px)}
.page-bio .about-story h2,.page-bio .about-section-heading h2{margin:.48rem 0 0;color:var(--public-heading);font-size:clamp(1.45rem,2.3vw,2.2rem);line-height:1.08;letter-spacing:-.035em}
.page-bio .about-copy{max-width:72ch;margin-top:clamp(18px,2.2vw,28px);color:var(--public-muted);font-size:clamp(.96rem,1.1vw,1.04rem);line-height:1.85}
.page-bio .about-catalog{display:flex;flex-direction:column;padding:18px}
.page-bio .about-catalog>.about-section-label{padding:5px 7px 13px}
.page-bio .about-catalog>a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  min-height:52px;
  padding:11px 12px;
  border-radius:14px;
  color:var(--public-text);
  text-decoration:none;
  font-size:.9rem;
  font-weight:800;
}
.page-bio .about-catalog>a+a{border-top:1px solid var(--public-border);border-top-left-radius:0;border-top-right-radius:0}
.page-bio .about-catalog>a span{display:inline-flex;align-items:center;gap:11px}
.page-bio .about-catalog>a span>.fa{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:color-mix(in srgb,var(--shph-primary) 10%,var(--public-surface-soft));color:var(--shph-primary)}
.page-bio .about-catalog>a>.fa{color:var(--public-subtle);font-size:.78rem}
.page-bio .about-catalog>a:hover,.page-bio .about-catalog>a:focus-visible{background:var(--public-surface-soft);color:var(--public-heading)}
.page-bio .about-featured,.page-bio .about-releases{margin-top:var(--about-gap);padding:clamp(20px,2.6vw,34px)}
.page-bio .about-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:20px}
.page-bio .about-text-link{display:inline-flex;align-items:center;gap:7px;color:var(--shph-primary);font-size:.82rem;font-weight:850;text-decoration:none;white-space:nowrap}
.page-bio .about-featured .youtube-player-shell{overflow:hidden;border-radius:calc(var(--about-radius) - 6px);background:#090d14;box-shadow:none}
.page-bio .about-release-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.7vw,20px)}
.page-bio .about-release-card{
  display:block;
  min-width:0;
  overflow:hidden;
  border:1px solid var(--public-border);
  border-radius:calc(var(--about-radius) - 7px);
  background:var(--public-surface-soft);
  color:var(--public-text);
  text-decoration:none;
}
.page-bio .about-release-art{display:grid;place-items:center;aspect-ratio:16/9;overflow:hidden;background:#0c1119;color:#fff;font-size:1.35rem}
.page-bio .about-release-art img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .28s ease}
.page-bio .about-release-copy{display:grid;gap:3px;padding:15px}
.page-bio .about-release-copy small{color:var(--shph-primary);font-size:.66rem;font-weight:850;letter-spacing:.09em;text-transform:uppercase}
.page-bio .about-release-copy strong{display:-webkit-box;overflow:hidden;color:var(--public-heading);font-size:.94rem;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.page-bio .about-release-copy em{overflow:hidden;color:var(--public-muted);font-size:.78rem;font-style:normal;text-overflow:ellipsis;white-space:nowrap}
.page-bio .about-release-card:hover,.page-bio .about-release-card:focus-visible{border-color:color-mix(in srgb,var(--shph-primary) 42%,var(--public-border))}
.page-bio .about-release-card:hover .about-release-art img{transform:scale(1.025)}

@media(max-width:991.98px){
  .page-bio .about-cover{aspect-ratio:16/6}
  .page-bio .about-profile{grid-template-columns:1fr;align-items:start}
  .page-bio .about-actions{justify-content:flex-start;max-width:none}
  .page-bio .about-layout{grid-template-columns:1fr}
  .page-bio .about-release-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:767.98px){
  .page-bio .about-page{padding-top:14px}
  .page-bio .about-cover{min-height:190px;aspect-ratio:16/7}
  .page-bio .about-profile{width:calc(100% - 16px);margin-top:-50px;padding:20px}
  .page-bio .about-identity{grid-template-columns:82px minmax(0,1fr);gap:15px;align-items:start}
  .page-bio .about-avatar{width:82px;height:82px;border-radius:21px}
  .page-bio .about-heading h1{font-size:clamp(1.85rem,8.5vw,2.7rem)}
  .page-bio .about-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
  .page-bio .about-actions .btn{width:100%}
  .page-bio .about-stats{padding-top:16px}
  .page-bio .about-section-heading{align-items:flex-start}
}
@media(max-width:575.98px){
  .page-bio .about-cover{min-height:168px;border-radius:20px}
  .page-bio .about-profile{border-radius:20px}
  .page-bio .about-identity{grid-template-columns:1fr}
  .page-bio .about-avatar{width:88px;height:88px}
  .page-bio .about-actions{grid-template-columns:1fr}
  .page-bio .about-release-grid{grid-template-columns:1fr}
  .page-bio .about-section-heading{margin-bottom:16px}
}
@media(prefers-reduced-motion:reduce){
  .page-bio .about-release-art img{transition:none}
}