/* Desktop: hide bio initially */
@media (min-width: 1023px) {
  .bd-reveal .bde-content-reveal__container {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease;
  }

  /* When Breakdance toggles is-visible */
  .bd-reveal .bde-content-reveal__container.is-visible {
    max-height: calc(var(--bde-content-reveal-height) + 30px);
  }

  /* Show the toggle button on desktop */
  .bd-reveal .bde-content-reveal__button {
    display: inline-block;
  }
 .bd-reveal .bde-content-reveal__button {
    display: none !important;
  }
}

/* Mobile: always visible */
@media (max-width: 1022px) {
  .bd-reveal,
  .bd-reveal .bde-content-reveal__container {
    max-height: none !important;
    overflow: visible !important;
    transition: none !important;
  }
  .bde-content-reveal__button svg {margin-top: 5px;}
}

@media (min-width: 1023px) {
    .bd-reveal .bde-content-reveal__container.is-visible {
        max-height: var(--bde-content-reveal-height);
        transition: max-height 0.3s ease; /* adjust duration to match JS */
    }
}