/*
 * BS Reboot задає img { max-width: 100%; height: auto } — у порожній рамці висота стає 0.
 * Рамка з aspect-ratio + absolute img гарантують видиму площу.
 */
.intro-performance-split__thumb {
    position: relative;
    overflow: hidden;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    min-height: 14rem;
    aspect-ratio: 4 / 3;
}

.intro-performance-split__thumb > img.intro-performance-split__img {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    margin: 0;
    object-fit: cover;
    z-index: 0;
}

.intro-performance-split__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.intro-performance-split__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.primer-icon-hover {
    transition: transform 0.3s ease;
}

.primer-group:hover .primer-icon-hover {
    transform: scale(1.05);
}

.primer-sq-16 { width: 4rem;    height: 4rem;    flex-shrink: 0; }


.passage-chapter__visual--glow:hover { transform: scale(1.05); transition: transform .2s ease; }

.passage-chapter__prompt--glow:hover { transform: scale(1.05); transition: transform .2s ease; }

.content-heading-gap {
    margin-bottom: 2rem;
}

.content-img-compact {
    display: block;
    width: 100%;
    height: 12rem;
    min-height: 12rem;
    flex-shrink: 0;
    object-fit: cover;
}
@media (min-width: 768px) {
    .content-img-compact {
        height: 14rem;
        min-height: 14rem;
    }
}


.copy-document__decor-1 {
    position: absolute;
    top: 1rem;
    left: 2rem;
    width: 1.5rem;
    height: 1.5rem;
    transform: rotate(45deg);
    z-index: 0;
    pointer-events: none;
}

.copy-document__decor-2 {
    position: absolute;
    top: 2rem;
    right: 1rem;
    width: 1rem;
    height: 1rem;
    transform: rotate(12deg);
    z-index: 0;
    pointer-events: none;
}

.copy-document__decor-3 {
    position: absolute;
    bottom: 1.5rem;
    left: 1rem;
    width: 2rem;
    height: 2rem;
    transform: rotate(45deg);
    z-index: 0;
    pointer-events: none;
}

.copy-document__decor-4 {
    position: absolute;
    bottom: 1rem;
    right: 2rem;
    width: 1.25rem;
    height: 1.25rem;
    transform: rotate(-12deg);
    z-index: 0;
    pointer-events: none;
}

.copy-document__heading-row-trail { margin-bottom: 2rem; }

.copy-document__frame-section-pad {
    padding-top: 6rem;
    padding-bottom: 6rem;
}

.content-heading-gap {
    margin-bottom: 2rem;
}

.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;
  }
}

.perks-media-bullets__thumb {
    width: 3.5rem;
    height: 3.5rem;
}

.perks-media-bullets__card {
    transition: transform 0.2s ease;
}

@media (min-width: 640px) {
    .perks-media-bullets__card:hover {
        transform: scale(1.05);
    }
}

/* subscribe v29 — newspaper masthead: geometry shared by both CSS frameworks, no colors */
.mailing-masthead__section--py-4xl {
    padding-top: 6rem;
    padding-bottom: 6rem;
}

.mxw-5xl {
    max-width: 64rem !important;
}

.mailing-masthead__head {
    margin-bottom: 2.5rem;
}

.mailing-masthead__rule {
    height: 1px;
}

.mailing-masthead__title {
    font-size: 1.875rem;
    font-weight: 900;
    letter-spacing: 0.025em;
}

.mailing-masthead__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 2rem;
    align-items: start;
}

/* newspaper body copy set in two columns */
.mailing-masthead__columns {
    column-count: 2;
    column-gap: 2rem;
}

.mailing-masthead__label {
    font-size: 0.75rem;
    letter-spacing: 0.025em;
}

.mailing-masthead__stack {
    gap: 0.75rem;
}

.mailing-masthead__input,
.mailing-masthead__cta {
    padding: 0.75rem 1rem;
}

.mailing-masthead__cta {
    padding-inline: 1.5rem;
}

.mailing-masthead__thanks-title {
    font-size: 1.125rem;
}

@media (min-width: 768px) {
    .mailing-masthead__grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .mailing-masthead__columns {
        grid-column: span 2 / span 2;
    }

    .mailing-masthead__title {
        font-size: 3rem;
    }
}

.google-map-with-schedule-table-on-the-side__iframe { width: 100%; min-height: 400px; }
@media (min-width: 768px) { .google-map-with-schedule-table-on-the-side__iframe { min-height: 600px; } }

/* iframe-normalized */
.google-map-with-schedule-table-on-the-side__iframe {
    width: 100%;
    max-width: 100%;
    height: 400px;
    min-height: 400px;
    display: block;
    border: 0;
    box-sizing: border-box;
    vertical-align: bottom;
}

@media (min-width: 768px) {
    .google-map-with-schedule-table-on-the-side__iframe {
        height: 600px;
        min-height: 600px;
    }
}