.intro-bg-overlay__media {
    min-height: 100%;
}

.intro-bg-overlay__img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.intro-bg-overlay__scrim {
    pointer-events: none;
}

.intro-bg-overlay__content-box {
    max-width: 48rem;
}

.intro-bg-overlay__decor-top {
    width: 6rem;
    height: 6rem;
    top: 5rem;
    left: 2.5rem;
}

.intro-bg-overlay__decor-bottom {
    width: 8rem;
    height: 8rem;
    bottom: 5rem;
    right: 2.5rem;
}

.intro-bg-overlay__decor-mid {
    width: 4rem;
    height: 4rem;
    top: 33%;
    right: 25%;
}

.intro-bg-overlay__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.intro-bg-overlay__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.modern-vertical-timeline__line {
    width: 4px;
    left: 50%;
    transform: translateX(-50%);
}

.modern-vertical-timeline__events > * + * {
    margin-top: 2rem;
}

.modern-vertical-timeline__dot {
    width: 2rem;
    height: 2rem;
    left: 50%;
    transform: translateX(-50%);
}

.modern-vertical-timeline__dot-mobile {
    width: 2rem;
    height: 2rem;
}

.modern-vertical-timeline__summary-icon {
    width: 2rem;
    height: 2rem;
}

@media (min-width: 1024px) {
    .modern-vertical-timeline__col--reverse {
        margin-right: 0;
        margin-left: auto;
        padding-right: 0;
        padding-left: 1.25rem;
    }
}

@media (min-width: 992px) {
    .modern-vertical-timeline__col--reverse {
        margin-inline-start: auto;
        margin-inline-end: 0;
        padding-inline-end: 0;
        padding-inline-start: 1.5rem;
    }
}

/* v27 - folded paper corner (clip-path fold has no TW/BS utility) */
[data-fold-card] {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 1.25rem 100%, 0 calc(100% - 1.25rem));
    transition: clip-path 200ms ease;
}

[data-fold-card]:hover {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0.5rem 100%, 0 calc(100% - 0.5rem));
}

/* Three-column grid — real CSS grid, framework-agnostic (never row/col-* + gap together) */
.parchment-trio__grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
}

@media (min-width: 768px) {
    .parchment-trio__grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* Fixed icon badge size — no Bootstrap utility beyond w-25/50/75/100 */
.parchment-trio__badge {
    width: 3.5rem;
    height: 3.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ethos-chat__dots {
    background-image: radial-gradient(currentColor 1.5px, transparent 1.5px);
    background-size: 22px 22px;
}

.ethos-chat__blob {
    width: 18rem;
    height: 18rem;
    filter: blur(48px);
}

.ethos-chat__group {
    max-width: 42rem;
}

.ethos-chat__avatar {
    width: 3rem;
    height: 3rem;
}

.ethos-chat__row:nth-child(even) {
    flex-direction: row-reverse;
}

.ethos-chat__row:nth-child(even) .ethos-chat__bubble {
    text-align: right;
}

/* Декор картки + великі лапки — позиціонування; розміри медіа в @sem */
.quote-decor-a {
  position: absolute;
  top: 0;
  right: 0;
  width: 8rem;
  height: 8rem;
  transform: translate(4rem, -4rem);
  opacity: 0.3;
}

.quote-decor-b {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 6rem;
  height: 6rem;
  transform: translate(-3rem, 3rem);
  opacity: 0.3;
}

.quote-mark {
  position: absolute;
  top: 1rem;
  right: 1rem;
  font-size: 6rem;
  font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  opacity: 0.2;
}

/* cta particles card — animated dot field */
.cta-particles-card__root {
  position: relative;
  overflow: hidden;
}

.cta-particles-card__particles {
  position: absolute;
  inset: 0;
  opacity: 0.12;
  background-image: radial-gradient(circle, var(--tw-primary-500, var(--bs-primary)) 1px, transparent 1px);
  background-size: 50px 50px;
  animation: cta-particles-card__drift 20s linear infinite;
}

@keyframes cta-particles-card__drift {
  from { transform: translateY(0); }
  to { transform: translateY(100px); }
}