/* Homepage enhancements only. Loaded by index.html after css/style.css. */

/* Typography (unchanged) */
#about .about-copy {
  font-size: clamp(1.00rem, 1.2vw + 0.5rem, 2rem);
  line-height: 1.6;
  max-width: 72ch;
  margin-left: auto;
  margin-right: auto;
}

/* Base line block */
#about .reveal-line {
  display: block;
}

/* Clear, blur-free reveals; content stays visible if JavaScript is unavailable. */
#about .reveal-line { filter: none; }
.reveal-ready {
  opacity: 0;
  transform: translateY(36px);
  transition: opacity 1.8s cubic-bezier(.22,.61,.36,1), transform 1.8s cubic-bezier(.22,.61,.36,1);
  transition-delay: var(--reveal-delay, 0s);
}
#organizations img.reveal-ready { transform: translateY(32px) scale(.96); }
.reveal-ready.is-revealed, #organizations img.reveal-ready.is-revealed {
  opacity: 1; transform: translateY(0) scale(1);
}
@media (prefers-reduced-motion: reduce) {
  .reveal-ready, #organizations img.reveal-ready {
    transform: none; transition: opacity 1.2s ease; transition-delay: 0s;
  }
}

.hands-on-horizontal { height: auto; overflow: visible; }
    .hands-on-sticky {
      position: relative; top: auto; height: auto; display: block;
      overflow: visible; padding: 5rem 8vw;
    }
    .cards-container { width: 100%; overflow: visible; }
    .cards-track {
      display: block; width: 100%; padding: 0; transform: none !important;
      will-change: auto;
    }
    .hands-on-intro { width: 100%; max-width: 720px; margin-bottom: 2rem; }
    .skill-card {
      position: sticky; top: var(--card-stick-top, 80px);
      width: 100%; height: auto; min-height: 0; margin-bottom: 2rem;
      opacity: 1; filter: none; transform: none; transition: none;
      transform-origin: center top; will-change: auto;
    }
    .skill-card:nth-of-type(1) { z-index: 1; }
    .skill-card:nth-of-type(2) { z-index: 2; }
    .skill-card:nth-of-type(3) { z-index: 3; }
    .skill-card:nth-of-type(4) { z-index: 4; }
    .skill-card:nth-of-type(5) { z-index: 5; }
    .skill-card:last-child { margin-bottom: 0; }
    @media (min-width: 992px) {
      .cards-container {
        display: grid; grid-template-columns: minmax(0, 42fr) minmax(0, 50fr);
        column-gap: 8%; align-items: start;
        max-width: 1440px; margin-inline: auto;
      }
      .hands-on-intro {
        position: sticky; top: var(--intro-stick-top, 80px);
        align-self: start; margin-bottom: 0;
      }
      .cards-track { min-width: 0; padding-bottom: 15vh; }
      .skill-card {
        max-width: 440px; margin-inline: auto;
        margin-bottom: clamp(3rem, 12vh, 8rem);
      }
    }
    @media (max-width: 991.98px) {
      .hands-on-sticky { padding: 4rem 1.25rem 5rem; }
      .cards-track { max-width: 620px; margin-inline: auto; overflow: visible; }
      .skill-card { position: -webkit-sticky; position: sticky; }

    }