/* 10 · Glass — blurred photo backdrop behind a frosted panel */
.sx-t-glass .sx-c { position: relative; overflow: hidden; }
.sx-t-glass .sx-bgph {
  position: absolute; inset: -40px; z-index: 0;
  filter: blur(22px) saturate(1.2); opacity: .9;
  background: linear-gradient(160deg, var(--c-accent), var(--c-bg) 70%);
}
.sx-t-glass .sx-bgph img { width: 100%; height: 100%; object-fit: cover; }
.sx-t-glass .sx-in { position: relative; z-index: 1; padding: 24px 18px 6px; }
.sx-t-glass .sx-ph-top {
  height: 340px; border-radius: 24px;
  border: 1px solid color-mix(in srgb, var(--c-text) 35%, transparent);
  background: linear-gradient(160deg, var(--c-accent), color-mix(in srgb, var(--c-accent) 30%, var(--c-bg)));
}
.sx-t-glass .sx-ph-top .sx-initials { margin-top: -60px; font-size: 90px; font-weight: 800; color: color-mix(in srgb, var(--c-text) 75%, transparent); }
.sx-t-glass .sx-glass {
  position: relative;
  margin-top: -68px; padding: 20px;
  display: flex; flex-direction: column; gap: 15px;
  background: var(--c-surface);
  backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);
  border: 1px solid color-mix(in srgb, var(--c-text) 35%, transparent);
  border-radius: 24px;
}
.sx-t-glass .sx-glass-2 { margin-top: 14px; }
.sx-t-glass .sx-name { font-size: 32px; font-weight: 800; line-height: 1; }
.sx-t-glass .sx-role { margin-top: -9px; font-size: 14px; color: var(--c-muted); }
.sx-t-glass .sx-badge { margin-top: -8px; color: var(--c-muted); }
.sx-t-glass .sx-act {
  background: color-mix(in srgb, var(--c-text) 18%, transparent);
  border: 1px solid color-mix(in srgb, var(--c-text) 30%, transparent);
}
.sx-t-glass .sx-bio { color: var(--c-muted); }
.sx-t-glass .sx-stats, .sx-t-glass .sx-hours, .sx-t-glass .sx-link, .sx-t-glass .sx-copy {
  background: color-mix(in srgb, var(--c-text) 12%, transparent);
  border: 1px solid color-mix(in srgb, var(--c-text) 22%, transparent);
}
.sx-t-glass .sx-stats b { color: var(--c-text); }
.sx-t-glass .sx-stats span, .sx-t-glass .sx-link small { color: var(--c-muted); }
.sx-t-glass .sx-hours-row, .sx-t-glass .sx-li + .sx-li { border-top: 1px solid color-mix(in srgb, var(--c-text) 15%, transparent); }
.sx-t-glass .sx-save { background: var(--c-primary); color: var(--c-button-text); }
.sx-t-glass .sx-soc a, .sx-t-glass .sx-soc button { background: color-mix(in srgb, var(--c-text) 18%, transparent); }
.sx-t-glass .sx-foot { z-index: 1; }