.card-stack__accent--1 { width: 10rem; height: 10rem; filter: blur(2rem); }
.card-stack__accent--2 { width: 12rem; height: 12rem; filter: blur(2rem); }
.card-stack__accent--3 { width: 8rem; height: 8rem; filter: blur(1.5rem); }
.card-stack__accent--4 { width: 9rem; height: 9rem; filter: blur(2rem); }

.card-stack__title-line--1, .card-stack__title-line--2 {
    width: 5rem; height: 0.125rem; transform: translateY(-50%);
}
.card-stack__title-dot--1 { width: 0.5rem; height: 0.5rem; top: -0.5rem; right: -0.5rem; }
.card-stack__title-dot--2 { width: 0.5rem; height: 0.5rem; bottom: -0.5rem; left: -0.5rem; }

.card-stack__corner--tl { top: -0.5rem; left: -0.5rem; width: 1.5rem; height: 1.5rem; }
.card-stack__corner--tr { top: -0.5rem; right: -0.5rem; width: 1.5rem; height: 1.5rem; }
.card-stack__corner--bl { bottom: -0.5rem; left: -0.5rem; width: 1.5rem; height: 1.5rem; }
.card-stack__corner--br { bottom: -0.5rem; right: -0.5rem; width: 1.5rem; height: 1.5rem; }

.card-stack__corner--fade {
    opacity: 0;
    transition: opacity 0.3s ease;
}
.card-stack__item:hover .card-stack__corner--fade {
    opacity: 1;
}

.card-stack__media--hover {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.1);
}
.card-stack__item:hover .card-stack__media--hover {
    transform: scale(1.05);
    box-shadow: 0 1rem 3rem rgba(0,0,0,0.2);
}

.card-stack__decor--glow {
    background: radial-gradient(circle at center, rgba(var(--bs-primary-rgb), 0.2), transparent);
    opacity: 0;
    transition: opacity 0.5s ease;
}
.card-stack__item:hover .card-stack__decor--glow {
    opacity: 1;
}

.card-stack__img--zoom {
    transition: transform 0.5s ease;
}
.card-stack__item:hover .card-stack__img--zoom {
    transform: scale(1.1);
}

.card-stack__overlay--fade {
    opacity: 0;
    transition: opacity 0.3s ease;
}
.card-stack__item:hover .card-stack__overlay--fade {
    opacity: 1;
}

.card-stack__overlay--dark {
    opacity: 0;
    transition: opacity 0.3s ease;
}
.card-stack__item:hover .card-stack__overlay--dark {
    opacity: 1;
}

.card-stack__inner-corner--tl, .card-stack__inner-corner--br {
    width: 4rem; height: 4rem;
}

.card-stack__badge--shadow {
    transition: box-shadow 0.3s ease;
    box-shadow: 0 0.25rem 0.5rem rgba(0,0,0,0.1);
}
.card-stack__item:hover .card-stack__badge--shadow {
    box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15);
}

.card-stack__accent-corner--tr { right: 0; width: 2rem; height: 2rem; opacity: 0; transition: opacity 0.3s ease; }
.card-stack__accent-corner--bl { left: 0; width: 2rem; height: 2rem; opacity: 0; transition: opacity 0.3s ease; }
.card-stack__item:hover .card-stack__accent-corner--tr,
.card-stack__item:hover .card-stack__accent-corner--bl {
    opacity: 1;
}

.card-stack__panel--slide {
    transform: translateY(100%);
    transition: transform 0.3s ease;
}
.card-stack__item:hover .card-stack__panel--slide {
    transform: translateY(0);
}

.content-quote-panel__slash {
    transform: rotate(45deg);
}

.content-watermark__ghost {
    transform: translateX(-50%);
}

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


.copy-document__body-stack-gap {
    gap: 4rem;
}

.content-flow-gap {
    gap: 4rem;
}

.content-grid-gap {
    gap: 2rem;
}

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

.content-article-frame {
    max-width: 56rem;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

.content-cta__lift { transition: transform 150ms ease; }
.content-cta__lift:hover { transform: translateY(-2px); }

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

.content-img-medium {
    display: block;
    width: 100%;
    height: 22rem;
    min-height: 22rem;
    flex-shrink: 0;
    object-fit: cover;
}
@media (min-width: 768px) {
    .content-img-medium {
        height: 28rem;
        min-height: 28rem;
    }
}

.content-thumb-height {
    display: block;
    width: 100%;
    height: 13rem;
    min-height: 13rem;
    flex-shrink: 0;
    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-ledger__label {
    letter-spacing: 0.05em;
}

/* values-terminal — terminal window chrome, grid-line background, blinking cursor */
/* Layout/animation only — no colors here, theme colors are applied via tw: */

.values-terminal__grid-bg {
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(to right, currentColor 1px, transparent 1px),
        linear-gradient(to bottom, currentColor 1px, transparent 1px);
    background-size: 40px 40px;
    opacity: 0.05;
    pointer-events: none;
}

.values-terminal__chrome {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    border-bottom-width: 1px;
}

.values-terminal__dot {
    width: 0.65rem;
    height: 0.65rem;
    border-radius: 9999px;
    display: inline-block;
    opacity: 0.5;
}

.values-terminal__body {
    line-height: 1.6;
}

.values-terminal__line {
    animation: values-terminal-fade-in 0.4s ease both;
}

.values-terminal__cursor {
    display: inline-block;
    opacity: 0;
}

[data-values-terminal].is-ready .values-terminal__cursor {
    animation: values-terminal-blink 1s steps(1, end) infinite;
}

@keyframes values-terminal-blink {
    0%, 50% { opacity: 1; }
    50.01%, 100% { opacity: 0; }
}

@keyframes values-terminal-fade-in {
    from { opacity: 0; transform: translateY(0.25rem); }
    to { opacity: 1; transform: translateY(0); }
}

