.intro-bouncing-mosaic__area {
    max-width: 48rem;
}

.intro-bouncing-mosaic__decor--p1 {
    top: 0;
    left: 0;
    width: 2rem;
    height: 3rem;
    animation-duration: 2s;
}

.intro-bouncing-mosaic__decor--p2 {
    top: 0;
    left: 25%;
    width: 1.5rem;
    height: 2.5rem;
    animation-duration: 2.5s;
}

.intro-bouncing-mosaic__decor--p3 {
    top: 0;
    left: 50%;
    width: 2.5rem;
    height: 2rem;
    animation-duration: 1.8s;
}

.intro-bouncing-mosaic__decor--p4 {
    top: 0;
    left: 75%;
    width: 1.75rem;
    height: 2.75rem;
    animation-duration: 2.2s;
}

.intro-bouncing-mosaic__decor--p5 {
    top: 0;
    right: 0;
    width: 2.25rem;
    height: 2.25rem;
    animation-duration: 2.8s;
}

.intro-bouncing-mosaic__decor--p6 {
    top: 25%;
    left: 0;
    width: 1.5rem;
    height: 2rem;
    animation-duration: 3s;
}

.intro-bouncing-mosaic__decor--p7 {
    top: 25%;
    left: 25%;
    width: 2rem;
    height: 1.5rem;
    animation-duration: 1.5s;
}

.intro-bouncing-mosaic__decor--p8 {
    top: 25%;
    left: 50%;
    width: 1.25rem;
    height: 2.25rem;
    animation-duration: 2.3s;
}

.intro-bouncing-mosaic__decor--p9 {
    top: 25%;
    left: 75%;
    width: 1.75rem;
    height: 1.75rem;
    animation-duration: 2.7s;
}

.intro-bouncing-mosaic__decor--p10 {
    top: 25%;
    right: 0;
    width: 1.5rem;
    height: 2.5rem;
    animation-duration: 1.9s;
}

.intro-bouncing-mosaic__decor--p11 {
    top: 50%;
    left: 0;
    width: 2.25rem;
    height: 1.5rem;
    animation-duration: 2.1s;
}

.intro-bouncing-mosaic__decor--p12 {
    top: 50%;
    left: 25%;
    width: 1.75rem;
    height: 2rem;
    animation-duration: 2.6s;
}

.intro-bouncing-mosaic__decor--p13 {
    top: 50%;
    left: 50%;
    width: 1.5rem;
    height: 1.75rem;
    animation-duration: 1.7s;
}

.intro-bouncing-mosaic__decor--p14 {
    top: 50%;
    left: 75%;
    width: 2rem;
    height: 1.25rem;
    animation-duration: 2.4s;
}

.intro-bouncing-mosaic__decor--p15 {
    top: 50%;
    right: 0;
    width: 1.25rem;
    height: 2rem;
    animation-duration: 2.9s;
}

.intro-bouncing-mosaic__decor--p16 {
    top: 75%;
    left: 0;
    width: 2rem;
    height: 1.75rem;
    animation-duration: 2.2s;
}

.intro-bouncing-mosaic__decor--p17 {
    top: 75%;
    left: 25%;
    width: 1.5rem;
    height: 2.25rem;
    animation-duration: 1.8s;
}

.intro-bouncing-mosaic__decor--p18 {
    top: 75%;
    left: 50%;
    width: 1.75rem;
    height: 1.5rem;
    animation-duration: 2.5s;
}

.intro-bouncing-mosaic__decor--p19 {
    top: 75%;
    left: 75%;
    width: 1.25rem;
    height: 2rem;
    animation-duration: 2.1s;
}

.intro-bouncing-mosaic__decor--p20 {
    top: 75%;
    right: 0;
    width: 2.25rem;
    height: 1.5rem;
    animation-duration: 2.7s;
}

.intro-bouncing-mosaic__decor--p21 {
    bottom: 0;
    left: 0;
    width: 1.5rem;
    height: 2rem;
    animation-duration: 2.3s;
}

.intro-bouncing-mosaic__decor--p22 {
    bottom: 0;
    left: 25%;
    width: 2rem;
    height: 1.25rem;
    animation-duration: 1.6s;
}

.intro-bouncing-mosaic__decor--p23 {
    bottom: 0;
    left: 50%;
    width: 1.75rem;
    height: 1.75rem;
    animation-duration: 2.8s;
}

.intro-bouncing-mosaic__decor--p24 {
    bottom: 0;
    left: 75%;
    width: 1.25rem;
    height: 2.25rem;
    animation-duration: 2s;
}

.intro-bouncing-mosaic__decor--p25 {
    bottom: 0;
    right: 0;
    width: 2rem;
    height: 1.5rem;
    animation-duration: 2.4s;
}

[class*="intro-bouncing-mosaic__decor--p"] {
    animation-name: intro-bouncing-mosaic__bounce;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}

@keyframes intro-bouncing-mosaic__bounce {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-25%); }
}

.content-col-grow {
    flex: 1 1 0%;
    min-width: 0;
}

.content-img-fill {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 16rem;
    min-width: 0;
    object-fit: cover;
    flex-shrink: 0;
}

.manuscript-bodycopy__text-panel-inset {
    padding: 4rem;
}

.glossary-chevron {
    transition: transform 0.3s ease;
}

.glossary-item[open] .glossary-chevron {
    transform: rotate(180deg);
}


.split-view-events__media { height: 20rem; }

.filter-chip-grid__tile {
  min-width: 260px;
  max-width: 360px;
}

.filter-chip-grid__media {
  height: 11rem;
}

.filter-chip-grid__media-bg {
  z-index: 0;
}

.filter-chip-grid__media::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
}

.filter-chip-grid__media--0::before {
  background-image:
    radial-gradient(circle at 50% 45%, rgba(var(--bs-primary-rgb), 0.22) 0, transparent 52%),
    radial-gradient(circle at 15% 85%, rgba(var(--bs-primary-rgb), 0.1) 0, transparent 35%);
}

.filter-chip-grid__media--1::before {
  background-image: repeating-linear-gradient(
    -35deg,
    transparent,
    transparent 10px,
    rgba(var(--bs-primary-rgb), 0.07) 10px,
    rgba(var(--bs-primary-rgb), 0.07) 11px
  );
}

.filter-chip-grid__media--2::before {
  background-image: radial-gradient(
    rgba(var(--bs-primary-rgb), 0.14) 1.5px,
    transparent 1.5px
  );
  background-size: 14px 14px;
  mask-image: radial-gradient(circle at center, black 35%, transparent 78%);
  -webkit-mask-image: radial-gradient(circle at center, black 35%, transparent 78%);
}

.filter-chip-grid__icon-tile {
  width: 5rem;
  height: 5rem;
  transition: transform 300ms ease;
}

.filter-chip-grid__entry:hover .filter-chip-grid__icon-tile {
  transform: scale(1.08);
}

@media (prefers-reduced-motion: reduce) {
  .filter-chip-grid__icon-tile {
    transition: none;
  }

  .filter-chip-grid__entry:hover .filter-chip-grid__icon-tile {
    transform: none;
  }
}

