/* intro v30 — sticky sidebar + single wide photo with overlay */

.intro-lane__fluid {
    font-size: clamp(2.25rem, 5vw, 3.75rem);
}

.intro-lane__main { min-width: 0; }

.intro-lane__banner {
    min-height: 16rem;
}

.intro-lane__banner-img {
    object-fit: cover;
}

@media (min-width: 992px) {
    .intro-lane__banner { min-height: 22rem; }
}

.tips-interactive__badge {
    z-index: 20;
}

.tips-interactive__inner {
    z-index: 10;
}

.tips-interactive__panel {
    z-index: 50;
}

.tips-interactive__thumb {
    width: 4rem;
    height: 4rem;
}

.tips-interactive__thumb--sm {
    width: 3rem;
    height: 3rem;
}

.tips-interactive__panel--collapsed {
    opacity: 0;
    pointer-events: none;
    transform: translateY(-1rem);
}

.tips-interactive__panel--open {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
}

/* glossary ladder — figure offset */
.glossary-ladder__fig {
    transition: transform 0.2s ease;
}

.glossary-ladder__fig:hover {
    transform: translateX(4px);
}

.quad-cluster-hero__lead {
  min-height: 420px;
  flex: 2 1 0;
}

.quad-cluster-hero__cover {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.quad-cluster-hero__lead img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.quad-cluster-hero__icon-band {
  height: 6rem;
}

.quad-cluster-hero__icon-tile {
  width: 3.5rem;
  height: 3.5rem;
}

.quad-cluster-hero__excerpt {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}