/**
 * Circle Template — Modulo Bio — CSS
 * Stili specifici per la pagina Bio / Press Kit.
 * Caricato condizionalmente solo sulla pagina Bio.
 */

.bio-hero { position:relative; min-height:85vh; display:flex; align-items:flex-end; overflow:hidden; padding-top:80px; }
    .bio-hero__bg { position:absolute; inset:0; background:var(--color-bg); }
    .bio-hero__bg-img { width:100%; height:100%; object-fit:cover; object-position:center 30%; /* opacity:.3; filter:grayscale(20%); */ }
    .bio-hero__overlay { position:absolute; inset:0; background:linear-gradient(to bottom, rgba(12,11,9,.2) 0%, rgba(12,11,9,.95) 85%); }
    .bio-hero__content { position:relative; z-index:2; padding-bottom:var(--space-12); }

    .bio-layout { display:grid; grid-template-columns:300px 1fr; gap:var(--space-16); align-items:start; }
    .bio-sidebar { position:sticky; top:calc(80px + var(--space-6)); }
    .bio-anchor-nav { display:flex; flex-direction:column; gap:0; }
    .bio-anchor-link { display:block; padding:var(--space-3) 0; font-size:var(--text-sm); color:var(--color-text-hint); border-bottom:1px solid var(--color-border); transition:color var(--transition-fast); text-decoration:none; }
    .bio-anchor-link:first-child { border-top:1px solid var(--color-border); }
    .bio-anchor-link:hover, .bio-anchor-link.is-active { color:var(--color-accent); }

    .bio-content-block { padding-block:var(--space-16); border-bottom:1px solid var(--color-border); }
    .bio-content-block:first-child {padding-block: 0; };
    .bio-content-block:last-child { border-bottom:none; }

    .video-row { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--space-4); }

    @media(max-width:900px){
      .bio-layout { grid-template-columns:1fr; }
      .bio-sidebar { position:static; }
      .bio-anchor-nav { flex-direction:row; flex-wrap:wrap; gap:var(--space-2); }
      .bio-anchor-link { border:1px solid var(--color-border); padding:var(--space-2) var(--space-4); border-radius:var(--radius-sm); }
      .bio-anchor-link:first-child { border-top:1px solid var(--color-border); }
      .video-row { grid-template-columns:1fr 1fr; }
    }
    @media(max-width:600px){ .video-row { grid-template-columns:1fr; } }
    .demo-img { width:100%;height:100%;background:var(--color-surface-2);display:flex;align-items:center;justify-content:center;font-size:.65rem;color:var(--color-text-hint);letter-spacing:.12em;text-transform:uppercase;font-family:var(--font-body); }

/* ----- Bio prose (output WYSIWYG bio lunga) ----- */
.bio-content-prose p {
  font-size: var(--text-base);
  color: var(--color-text-muted);
  line-height: var(--leading-normal);
  margin-bottom: var(--space-4);
}
.bio-content-prose p:last-child { margin-bottom: 0; }
.bio-content-prose h2,
.bio-content-prose h3 {
  margin-top: var(--space-6);
  margin-bottom: var(--space-3);
}
.bio-content-prose strong { color: var(--color-text); font-weight: 500; }
.bio-content-prose em { color: var(--color-text); }