/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Dec 12 2025 | 10:41:03 */
  #eb-bio {
    /* Colors from tokens.css, component-specific below */
    --ink2: var(--ink-2, #c9d1d9);
    --steel1: #f1f4f7;
    --steel3: #7b8890;
    --edge: #2a3144;

    --r: var(--radius-xl);
    --max: 1320px;
    --aside: 290px;
    --header: calc(var(--fixed-header, 88px) + 10px);

    color: var(--ink);
    background: transparent;
    font-family: var(--font-sans);
    margin: 0;
    padding: 0;
  }

  #eb-bio .wrap {
    width: min(var(--max), 92vw);
    margin-inline: auto;
    padding: clamp(18px, 3vw, 28px) 0 clamp(36px, 5vw, 56px)
  }

  #eb-bio .head {
    display: grid;
    gap: 8px;
    justify-items: center;
    text-align: center;
    margin-bottom: 10px
  }

  #eb-bio .grid {
    display: grid;
    grid-template-columns: var(--aside) 1fr;
    gap: clamp(18px, 3vw, 28px);
    align-items: start
  }

  #eb-bio aside {
    position: sticky;
    top: var(--header);
    z-index: var(--z-content);
    align-self: start
  }

  #eb-bio .toc {
    border: none;
    background: transparent;
    padding: 0
  }

  #eb-bio .toc h3 {
    margin: 0 0 10px;
    font: 900 14px/1.1 var(--font-serif);
    letter-spacing: .06em;
    color: var(--gold);
    text-transform: uppercase;
  }

  #eb-bio .toc ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 6px;
    max-height: calc(100vh - (var(--fixed-header, 88px) + 12px) - 56px);
    overflow: auto;
    padding-right: 6px
  }

  #eb-bio .toc a {
    display: block;
    padding: 12px 14px;
    border-radius: var(--radius-md);
    font: 800 12px/1.1 var(--font-sans);
    color: var(--ink-2);
    letter-spacing: .06em;
    text-transform: uppercase;
    outline: 0;
    background: var(--gold-08);
    border: 1px solid var(--gold-35);
    backdrop-filter: var(--backdrop-glass);
    -webkit-backdrop-filter: var(--backdrop-glass);
    box-shadow: var(--shadow-glass);
    transition: background var(--transition-base), color var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base);
  }

  #eb-bio .toc a:hover {
    background: var(--white-10);
    border-color: var(--gold-60);
    color: var(--ink);
  }

  #eb-bio .toc a[aria-current="true"] {
    background: var(--lava-20);
    border-color: var(--lava-60);
    color: var(--gold);
    box-shadow: var(--shadow-glow), var(--shadow-inset-border);
  }

  #eb-bio .toc a:focus-visible {
    outline: 2px solid var(--gold);
    outline-offset: 2px
  }

  #eb-bio article {
    display: grid;
    gap: clamp(18px, 3vw, 28px)
  }

  #eb-bio .blk {
    border: 1px solid var(--line);
    border-radius: var(--radius-xl);
    padding: 18px 18px 16px;
    background: transparent;
  }

  #eb-bio .meta {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin: 0 0 8px
  }

  #eb-bio .cat {
    display: inline-grid;
    place-items: center;
    padding: .4rem .66rem;
    border-radius: var(--radius-pill);
    border: 1px solid var(--gold-50);
    background: var(--bg-panel-2);
    color: var(--gold);
    font: 900 11px/1 var(--font-sans);
    letter-spacing: .09em;
    text-transform: uppercase;
  }

  #eb-bio .years {
    display: inline-grid;
    place-items: center;
    padding: .34rem .56rem;
    border-radius: var(--radius-sm);
    background: var(--gradient-lava);
    color: var(--bg);
    font: 900 11px/1 var(--font-sans);
    letter-spacing: .08em;
    text-transform: uppercase;
  }

  #eb-bio h2,
  #eb-bio h3 {
    margin: 2px 0 8px;
    font: 900 clamp(20px, 2.2vw, 28px)/1.15 var(--font-serif);
    background: var(--gradient-metal);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
  }

  #eb-bio p {
    margin: .4rem 0 1rem;
    color: var(--ink);
    line-height: 1.72
  }

  #eb-bio .sep {
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--lava), transparent);
    border-radius: var(--radius-xs);
    opacity: .45;
  }

  #eb-bio figure {
    width: min(780px, 100%);
    margin: 14px auto;
    border-radius: var(--radius-lg);
    overflow: hidden;
    border: 1px solid var(--line);
    background: var(--bg-panel-2);
  }

  #eb-bio figure img {
    display: block;
    width: 100%;
    height: auto
  }

  #eb-bio figcaption {
    padding: 8px 12px;
    color: var(--ink-2);
    font: 700 12px/1.2 var(--font-sans);
    background: var(--black-25);
  }

  #eb-bio .img-16x9,
  #eb-bio .img-4x3,
  #eb-bio .img-3x4 {
    aspect-ratio: auto
  }

  #eb-bio .img-16x9 img,
  #eb-bio .img-4x3 img,
  #eb-bio .img-3x4 img {
    width: 100%;
    height: auto
  }

  #eb-bio .float-left {
    float: left;
    width: min(420px, 46%);
    margin: 8px 18px 12px 0
  }

  #eb-bio .float-right {
    float: right;
    width: min(420px, 46%);
    margin: 8px 0 12px 18px
  }

  #eb-bio .clear {
    clear: both
  }

  #eb-bio .lineup {
    display: grid;
    grid-template-columns: 1fr minmax(380px, 560px);
    gap: 22px;
    align-items: start
  }

  #eb-bio .lineup .txt p {
    margin: 0;
    line-height: 2.4;
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--ink);
  }

  #eb-bio .lineup .pic {
    margin: 0;
    justify-self: center;
    align-self: start;
    width: 100%;
    max-width: 560px;
    aspect-ratio: 4/3;
    border-radius: var(--radius-lg);
    overflow: hidden;
  }

  #eb-bio .lineup .pic img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 42%
  }

  @media (max-width: 960px) {
    #eb-bio .grid {
      grid-template-columns: 1fr
    }

    #eb-bio aside {
      position: relative;
      top: 0;
      z-index: 1;
      margin-bottom: 28px;
    }

    #eb-bio .toc ul {
      max-height: none;
      overflow: visible
    }

    #eb-bio .float-left,
    #eb-bio .float-right {
      float: none;
      width: 100%;
      margin: 10px 0
    }

    #eb-bio .lineup {
      grid-template-columns: 1fr
    }

    #eb-bio .lineup .pic {
      max-width: 100%;
      aspect-ratio: 4/3
    }
  }

  @media (prefers-reduced-motion:reduce) {

    #eb-bio .toc a,
    #eb-bio .blk {
      transition: none !important
    }
  }