.mindset-skew__grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
}

@media (min-width: 768px) {
    .mindset-skew__grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 3rem;
    }
}

.mindset-skew__card {
    transition: transform 300ms ease;
}

.mindset-skew__card:nth-child(even) {
    transform: skewY(-1.5deg);
}

.mindset-skew__card:nth-child(odd) {
    transform: skewY(1.5deg);
}

.mindset-skew__card:hover {
    transform: translateY(-0.5rem);
}

.mindset-skew__corner {
    width: 2rem;
    height: 2rem;
}

.mindset-skew__icon-box {
    width: 4rem;
    height: 4rem;
}

/* process natgeo — accent line, large icon cells (no colors) */
.process-natgeo__accent-line {
    width: 2.5rem;
    flex-shrink: 0;
}
.process-natgeo__icon-cell {
    aspect-ratio: 1 / 1;
    width: 8rem;
    height: 8rem;
    margin-inline: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.process-natgeo__icons {
    min-width: 0;
}
.process-natgeo__icons > * {
    min-width: 0;
}
.process-natgeo__icon {
    font-size: 3rem !important;
    line-height: 0 !important;
    width: auto;
    height: auto;
    display: inline-block;
}
@media (min-width: 768px) {
    .process-natgeo__icon {
        font-size: 3.75rem !important;
    }
}

/* v25 bento — featured tile layout and image (object-fit: no BS util) */
.perks-bento__grid {
    grid-template-columns: 1fr;
}

@media (min-width: 1024px) {
    .perks-bento__grid {
        grid-template-columns: 7fr 5fr;
        grid-template-rows: auto;
    }

    .perks-bento__featured {
        grid-column: 1;
        grid-row: 1;
    }

    .perks-bento__small-grid {
        grid-column: 2;
        grid-row: 1;
    }
}

.perks-bento__featured {
    min-height: 22rem;
}

.perks-bento__featured-img {
    object-fit: cover;
}

/* icon container sizes (w-N h-N has no BS util) */
.perks-bento__featured-icon {
    width: 3rem;
    height: 3rem;
    flex-shrink: 0;
}

.perks-bento__tile-icon {
    width: 2.25rem;
    height: 2.25rem;
    flex-shrink: 0;
}

/*
 * Градієнт тільки для BS: наближення до TW from-primary-900/90 → to-primary-800/90
 * (у TW ці класи задані в @sem; спільний клас з color-mix давав інший відтінок, ніж шкала primary-*).
 */
.quote-overlay-gradient {
  opacity: 0.9;
  background: linear-gradient(
    to right,
    color-mix(in srgb, var(--bs-primary) 30%, black),
    color-mix(in srgb, var(--bs-primary) 42%, black)
  );
}

[data-bs-theme="dark"] .quote-overlay-gradient,
.dark .quote-overlay-gradient {
  background: linear-gradient(
    to right,
    color-mix(in srgb, var(--bs-primary) 18%, black),
    color-mix(in srgb, var(--bs-primary) 30%, black)
  );
}

.quote-glass {
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}

.quote-decor-blur {
  filter: blur(64px);
}