/* Quiet exhibition wall: let each infographic be seen in full. */
.yh-visuals.yh-topic-block--infographics {
    --gallery-ink: var(--brand-secondary-dark);
    --gallery-muted: color-mix(in srgb, var(--gallery-ink) 59%, white);
    --gallery-rule: color-mix(in srgb, var(--brand-secondary) 15%, white);
    position: relative;
    isolation: isolate;
    padding: clamp(62px, 7vw, 100px) 0;
    color: var(--gallery-ink);
    background: color-mix(in srgb, var(--brand-surface) 46%, white);
}
.yh-visuals.yh-topic-block--infographics::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0;
    opacity: .42;
    background: repeating-linear-gradient(135deg, transparent 0 30px, var(--gallery-rule) 31px 32px, transparent 33px 62px);
    background-size: 420px 420px;
    -webkit-mask-image: linear-gradient(to left, #000, transparent 30%);
    mask-image: linear-gradient(to left, #000, transparent 30%);
    pointer-events: none;
}
.yh-visuals.yh-topic-block--infographics::after {
    content: "";
    position: absolute;
    z-index: -1;
    inset-block-start: -180px;
    inset-inline-end: -165px;
    width: 365px;
    height: 365px;
    border: 1px solid var(--gallery-rule);
    border-radius: 50% 50% 4px 4px;
    box-shadow: none;
    transform: rotate(45deg);
    opacity: .65;
    pointer-events: none;
}
.yh-visuals.yh-topic-block--infographics .yh-section-head { align-items: end; margin-bottom: 30px; padding-bottom: 25px; border-bottom: 1px solid var(--gallery-rule); }
.yh-visuals.yh-topic-block--infographics .yh-section-head::after { width: 75px; height: 2px; background: var(--brand-primary); }
.yh-visuals.yh-topic-block--infographics .yh-section-head__copy { padding-inline-start: 18px; border-inline-start: 3px solid var(--brand-primary); }
.yh-visuals.yh-topic-block--infographics .yh-section-head__copy::before { display: none; }
.yh-visuals.yh-topic-block--infographics .yh-section-head h2 { margin-top: 7px; color: var(--gallery-ink) !important; font-size: clamp(2.25rem, 3.7vw, 3.35rem); letter-spacing: 0; }
.yh-visuals.yh-topic-block--infographics .yh-section-head__eyebrow { color: var(--brand-primary-dark) !important; font-size: .77rem; }
.yh-visuals.yh-topic-block--infographics .yh-section-head p { color: var(--gallery-muted) !important; font-size: .94rem; }
.yh-visuals.yh-topic-block--infographics .yh-section-head__more { min-height: 44px; color: var(--gallery-ink) !important; font-size: .82rem; border-bottom: 2px solid var(--brand-primary); }
.yh-visuals.yh-topic-block--infographics .yh-section-head__more i { color: var(--brand-primary-dark); }
.yh-visuals.yh-topic-block--infographics .yh-infographics__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); align-items: stretch; gap: clamp(12px, 1.4vw, 20px); padding-bottom: 0; }
.yh-visuals.yh-topic-block--infographics .yh-infographic-card { display: flex; height: 100%; flex-direction: column; overflow: hidden; color: var(--gallery-ink) !important; border: 1px solid var(--gallery-rule); background: white; transition: border-color .2s ease, transform .2s ease; }
.yh-visuals.yh-topic-block--infographics .yh-infographic-card:nth-child(even) { margin-top: 0; }
.yh-visuals.yh-topic-block--infographics .yh-infographic-card::before { inset-block-start: 0; inset-inline: 0; width: 100%; height: 3px; background: var(--brand-primary); transition: none; }
.yh-visuals.yh-topic-block--infographics .yh-infographic-card:hover { border-color: color-mix(in srgb, var(--brand-primary) 44%, white); background: white; transform: translateY(-4px); }
.yh-visuals.yh-topic-block--infographics .yh-infographic-card:hover::before { width: 100%; }
.yh-visuals.yh-topic-block--infographics .yh-infographic-card:focus-visible { outline: 3px solid var(--brand-primary); outline-offset: 3px; }
.yh-visuals.yh-topic-block--infographics .yh-infographic-card figure { display: grid; aspect-ratio: 4 / 5; place-items: center; padding: 17px; border-bottom: 1px solid var(--gallery-rule); background: color-mix(in srgb, var(--brand-surface) 28%, white); }
.yh-visuals.yh-topic-block--infographics .yh-infographic-card figure::after { display: none; }
.yh-visuals.yh-topic-block--infographics .yh-infographic-card figure img { width: 100%; height: 100%; object-fit: contain; filter: none; }
.yh-visuals.yh-topic-block--infographics .yh-infographic-card:hover figure img { transform: scale(1.015); filter: none; }
.yh-visuals.yh-topic-block--infographics .yh-infographic-card__number { inset-block-start: 16px; inset-inline-start: 16px; width: 34px; height: 34px; color: var(--gallery-ink); border: 1px solid var(--gallery-rule); background: white; font-size: .7rem; backdrop-filter: none; }
.yh-visuals.yh-topic-block--infographics .yh-infographic-card__expand { inset-block-end: 16px; inset-block-start: auto; inset-inline-end: 16px; width: 36px; height: 36px; color: white; border: 0; border-radius: 50%; background: var(--brand-secondary); opacity: 1; transform: none; backdrop-filter: none; }
.yh-visuals.yh-topic-block--infographics .yh-infographic-card:hover .yh-infographic-card__expand { transform: scale(1.08); }
.yh-visuals.yh-topic-block--infographics .yh-infographic-card__copy { min-height: 145px; flex: 1 1 auto; padding: 18px 20px 16px; background: white; }
.yh-visuals.yh-topic-block--infographics .yh-infographic-card__copy small { color: var(--brand-primary-dark) !important; font-size: .72rem; }
.yh-visuals.yh-topic-block--infographics .yh-infographic-card__copy small i { width: 14px; background: var(--brand-primary); }
.yh-visuals.yh-topic-block--infographics .yh-infographic-card__copy h3 { display: -webkit-box; margin: 7px 0 14px; overflow: hidden; color: var(--gallery-ink) !important; font-size: 1rem; line-height: 1.6; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.yh-visuals.yh-topic-block--infographics .yh-infographic-card__copy footer { color: var(--gallery-muted); border-top: 1px solid var(--gallery-rule); font-size: .7rem; }
.yh-visuals.yh-topic-block--infographics .yh-infographic-card__copy footer > i { color: var(--brand-primary-dark); }
.yh-visuals.yh-topic-block--infographics .yh-infographic-card__placeholder { color: var(--brand-primary-dark); background: color-mix(in srgb, var(--brand-surface) 55%, white); }
@media (max-width: 991.98px) {
    .yh-visuals.yh-topic-block--infographics .yh-infographics__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .yh-visuals.yh-topic-block--infographics .yh-infographic-card:nth-child(even) { margin-top: 0; }
}
@media (max-width: 575.98px) {
    .yh-visuals.yh-topic-block--infographics { padding: 55px 0; }
    .yh-visuals.yh-topic-block--infographics .yh-section-head { align-items: start; margin-bottom: 24px; }
    .yh-visuals.yh-topic-block--infographics .yh-section-head h2 { font-size: 2.3rem; }
    .yh-visuals.yh-topic-block--infographics .yh-infographics__grid { grid-template-columns: 1fr; gap: 16px; }
    .yh-visuals.yh-topic-block--infographics .yh-infographic-card figure { aspect-ratio: 4 / 4.7; }
}
@media (prefers-reduced-motion: reduce) {
    .yh-visuals.yh-topic-block--infographics .yh-infographic-card,
    .yh-visuals.yh-topic-block--infographics .yh-infographic-card figure img { transition: none; }
}