/* gallery v18 — hero + three frames.
   Geometry shared by both CSS frameworks (Bootstrap has no grid-template / aspect utilities). */
.gallery-cascade-grid__section {
    padding-top: 6rem;
    padding-bottom: 6rem;
}

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

.mxw-2xl {
    max-width: 42rem !important;
}

.gallery-cascade-grid__head {
    margin-bottom: 2.5rem;
}

.gallery-cascade-grid__title {
    font-size: 1.875rem;
    margin-bottom: 0.75rem;
}

.gallery-cascade-grid__lead {
    font-size: 1.125rem;
}

.gallery-cascade-grid__hero {
    aspect-ratio: 16 / 7;
}

.gallery-cascade-grid__thumb {
    aspect-ratio: 1 / 1;
}

.gallery-cascade-grid__img {
    object-fit: cover;
    transition: transform 300ms ease;
}

/* hover zoom — `:where()` keeps specificity at 0-1-0 so Tailwind's hover:scale-105 wins there */
:where(.gallery-cascade-grid__img):hover {
    transform: scale(1.05);
}

/* caption scrim: Bootstrap has no gradient utility, so the flat fill is toned down instead */
.gallery-cascade-grid__caption {
    --bs-bg-opacity: 0.55;
}

.gallery-cascade-grid__row {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1.5rem;
}

@media (min-width: 640px) {
    .gallery-cascade-grid__row {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (min-width: 768px) {
    .gallery-cascade-grid__title {
        font-size: 2.25rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    :where(.gallery-cascade-grid__img):hover {
        transform: none;
    }
}

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

/* Decor geometry (layout only; colors stay in Blade / @sem) */
.leaflet-document__decor-1 {
    position: absolute;
    width: 8rem;
    height: 8rem;
    top: 0;
    left: 0;
    transform: translate(-4rem, -4rem);
    z-index: 0;
    pointer-events: none;
}

.leaflet-document__decor-2 {
    position: absolute;
    width: 12rem;
    height: 12rem;
    bottom: 0;
    right: 0;
    transform: translate(6rem, 6rem);
    z-index: 0;
    pointer-events: none;
}

.leaflet-document__decor-3 {
    position: absolute;
    width: 6rem;
    height: 6rem;
    top: 50%;
    right: 0;
    transform: translate(3rem, -50%);
    z-index: 0;
    pointer-events: none;
}

.leaflet-document__decor-4 {
    position: absolute;
    width: 4rem;
    height: 4rem;
    left: 25%;
    bottom: 25%;
    transform: translate(-50%, 50%);
    z-index: 0;
    pointer-events: none;
}

.leaflet-document__divider-bar {
    height: 0.25rem;
}

.leaflet-document__title-trail { margin-bottom: 2rem; }

.leaflet-document__rule-trail { margin-bottom: 3rem; }

.leaflet-document__wrapper-section-pad {
    padding-top: 6rem;
    padding-bottom: 6rem;
}

.content-prose-measure {
    max-width: 48rem;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

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

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

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

.document-folio__photo--shift:hover { transform: scale(1.05); transition: transform .2s ease; }

.document-folio__appeal--shift:hover { transform: scale(1.05); transition: transform .2s ease; }

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

.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-ledger__label {
    letter-spacing: 0.05em;
}

/* Bootstrap: явный gap между карточками (row + row-cols часто без горизонтального gutter) */
.values-icon-grid__bs-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2rem;
}

.values-icon-grid__subtitle {
    max-width: 42rem;
}

.values-icon-grid__thumb {
    width: 4rem;
    height: 4rem;
}