/* About / social profiles — bone icons, crimson edges, quiet black panels. */
.about-socials { display: flex; flex-wrap: wrap; align-items: center; gap: .65rem; margin: 2.4rem 0 1rem; }
.about-socials-label { margin-right: .6rem; color: var(--smoke); font: 500 .62rem/1.4 'IBM Plex Mono', monospace; letter-spacing: .17em; text-transform: uppercase; }
.about-social-link { width: 44px; height: 44px; display: inline-flex; align-items: center; justify-content: center; color: var(--bone); background: rgba(8, 7, 10, .75); border: 1px solid rgba(217, 82, 74, .32); border-radius: 4px; transition: color .18s, border-color .18s, background .18s, transform .18s; }
.about-social-link svg { width: 19px; height: 19px; fill: currentColor; }
.about-social-link:hover { color: #fff; border-color: var(--blood); background: rgba(165, 42, 40, .18); transform: translateY(-2px); }
.about-social-link:focus-visible { outline: 2px solid var(--bone); outline-offset: 4px; }
.x-feature { position: relative; overflow: hidden; padding: 1.35rem 1.5rem; border: 1px solid rgba(217, 82, 74, .28); border-radius: 5px; background: linear-gradient(125deg, rgba(23, 12, 16, .92), rgba(7, 7, 9, .98) 70%); }
.x-feature::before { content: ''; position: absolute; inset: 0 auto 0 0; width: 2px; background: var(--crimson); }
.x-feature-header { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.x-feature-account { min-width: 0; display: flex; align-items: center; gap: .8rem; color: var(--bone); }
.x-feature-account:hover { color: #fff; }
.x-feature-avatar { display: block; width: 42px; height: 42px; border-radius: 50%; object-fit: cover; border: 1px solid var(--gold-dim); background: #0a090b; }
.x-feature-identity { display: grid; gap: .15rem; }
.x-feature-name { font-size: .94rem; line-height: 1.2; font-weight: 500; }
.x-feature-handle { font: 400 .65rem/1.4 'IBM Plex Mono', monospace; color: var(--smoke); }
.x-feature-follow { display: inline-flex; align-items: center; gap: .6rem; white-space: nowrap; color: var(--gold); font: 500 .64rem/1.4 'IBM Plex Mono', monospace; letter-spacing: .06em; text-transform: uppercase; }
.x-feature-follow svg { width: 17px; height: 17px; fill: currentColor; }
.x-feature-body { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, .95fr); gap: 1.6rem; align-items: start; margin-top: 1.2rem; padding-top: 1.2rem; border-top: 1px solid var(--line); }
.x-feature-body.without-media { grid-template-columns: 1fr; }
.x-feature-label { display: flex; align-items: center; gap: .45rem; margin-bottom: .7rem; color: var(--gold); font: 500 .6rem/1.4 'IBM Plex Mono', monospace; letter-spacing: .12em; text-transform: uppercase; }
.x-feature-label svg { width: 12px; height: 12px; fill: currentColor; }
.x-feature-text { color: #d1cbc8; font-size: .93rem; line-height: 1.65; white-space: pre-wrap; overflow-wrap: anywhere; }
.x-feature-text.is-collapsed { display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; }
.x-feature-text a { color: var(--gold); text-decoration: underline; text-decoration-color: rgba(217, 82, 74, .3); text-underline-offset: 3px; }
.x-feature-expand { border: 0; background: none; padding: .45rem 0; color: var(--gold); cursor: pointer; font: 500 .7rem/1.5 'Archivo', sans-serif; }
.x-feature-footer { display: flex; flex-wrap: wrap; align-items: center; gap: .6rem 1.2rem; margin-top: .9rem; font: 400 .6rem/1.4 'IBM Plex Mono', monospace; }
.x-feature-status { color: var(--smoke); }
.x-feature-open { color: var(--gold); }
.x-feature-media { min-width: 0; display: grid; grid-template-columns: 1fr; gap: .4rem; border-radius: 3px; overflow: hidden; }
.x-feature-media.is-gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.x-feature-media figure { margin: 0; min-width: 0; }
.x-feature-media a { display: block; position: relative; }
.x-feature-media img, .x-feature-media video { display: block; width: 100%; max-height: 300px; aspect-ratio: 16 / 9; object-fit: contain; background: #060606; border: 1px solid rgba(255,255,255,.08); border-radius: 3px; }
.x-feature-media.is-gallery img { aspect-ratio: 1; object-fit: cover; }
.x-feature-media figcaption { margin-top: .35rem; font: 400 .62rem/1.4 'IBM Plex Mono', monospace; color: var(--smoke); }
.x-feature-placeholder { margin-top: 1rem; color: var(--smoke); font-size: .85rem; }
.x-feature [hidden] { display: none !important; }
@media (max-width: 650px) {
  .about-socials { gap: .55rem; margin-top: 2rem; }
  .about-socials-label { flex-basis: 100%; margin-bottom: .25rem; }
  .x-feature { padding: 1.1rem; }
  .x-feature-body { grid-template-columns: 1fr; gap: 1rem; }
  .x-feature-follow { font-size: .58rem; gap: .4rem; }
  .x-feature-name { font-size: .88rem; }
  .x-feature-media img, .x-feature-media video { max-height: 280px; }
}
@media (prefers-reduced-motion: reduce) { .about-social-link { transition: none; } }