.gallery-zigzag__w-40 { width: 10rem; }
.gallery-zigzag__h-40 { height: 10rem; }
.gallery-zigzag__top-20 { top: 5rem; }

.gallery-zigzag__ratio-3x4 {
    --bs-aspect-ratio: 133.333333%;
}

.gallery-zigzag__hover-scale {
    transition: transform 0.3s ease;
}
.gallery-zigzag__hover-scale:hover {
    transform: scale(1.05);
}

.gallery-zigzag__group-hover-opacity {
    opacity: 0;
    transition: opacity 0.3s ease;
}
.gallery-zigzag__item:hover .gallery-zigzag__group-hover-opacity {
    opacity: 1;
}

.gallery-zigzag__translate-y-full {
    transform: translateY(100%);
    transition: transform 0.5s ease;
}
.gallery-zigzag__item:hover .gallery-zigzag__group-hover-translate-y-0 {
    transform: translateY(0);
}

.gallery-zigzag__group-hover-scale-110 {
    transition: transform 0.5s ease;
}
.gallery-zigzag__item:hover .gallery-zigzag__group-hover-scale-110 {
    transform: scale(1.1);
}

.content-river__arc {
    width: 18rem;
    height: 18rem;
}

.content-river__node {
    width: 0.75rem;
    height: 0.75rem;
    transform: translate(-50%, -50%);
}

@media (min-width: 768px) {
    .content-river__copy--right {
        grid-column-start: 2;
    }

    .content-river__copy--left {
        grid-column-start: 1;
        grid-row-start: 1;
    }

    .content-river__spacer--left {
        order: 2;
    }
}

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

/* Grid + gap: @sem may obfuscate Tailwind grid/gap */
.compact-manifesto-grid {
    display: grid;
    width: 100%;
    gap: 1.5rem;
    grid-template-columns: minmax(0, 1fr);
}

@media (min-width: 768px) {
    .compact-manifesto-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 1024px) {
    .compact-manifesto-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

/* Badge: w-12 = 3rem — align with v4 (bs had top-0) */
.philosophy-v5-badge-decor {
    top: -2.25rem;
}

.philosophy-compact-badge {
    width: 3rem;
    height: 3rem;
}

.philosophy-bg__img {
    object-fit: cover;
}

/* 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);
}