.gallery-hover-grid__card {
    transition: all 0.3s ease;
}
.gallery-hover-grid__card:hover {
    transform: scale(1.05);
}
.gallery-hover-grid__img {
    height: 16rem;
    transition: transform 0.3s ease;
}
.gallery-hover-grid__card:hover .gallery-hover-grid__img {
    transform: scale(1.10);
}
/* overlay + caption visibility: Tailwind group-hover on card (component) — без цветов здесь */

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

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

.editorial-document__text-panel-inset {
    padding: 4rem;
}

.split-screen-halo {
    width: 600px;
    height: 600px;
}

.split-screen-halo-soft {
    width: 500px;
    height: 500px;
}

.split-screen-beam-main {
    width: 24rem;
    height: 1px;
}

.split-screen-beam-side {
    width: 20rem;
    height: 1px;
}

.split-screen-frame {
    width: 6rem;
    height: 6rem;
}

.split-screen-orb {
    width: 4rem;
    height: 4rem;
}

.split-screen-marker {
    width: 2rem;
    height: 2rem;
}

.split-screen-emblem {
    width: 5rem;
    min-width: 5rem;
    height: 5rem;
    min-height: 5rem;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

@media (min-width: 1024px) {
    .split-screen-principle--odd {
        margin-left: 2rem;
    }
}

/* content gutter — bracket ticks share width */
.content-gutter__tick {
    width: 1px;
}

/* solo column: span full grid / row when second stack hidden */
.content-gutter__lead--span {
    grid-column: 1 / -1;
}

.content-focus-checklist__button {
    appearance: none;
    -webkit-appearance: none;
    font: inherit;
    cursor: pointer;
    outline-offset: 0.2rem;
    transition: transform 180ms ease;
}

.content-focus-checklist__button:hover {
    transform: translateY(-0.125rem);
}

.content-focus-checklist__button.is-active {
    transform: translateX(0.25rem);
}

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

.narrative-chapter__column-inset {
    padding: 4rem;
}