.about-chapters__frame { aspect-ratio: 4 / 3; clip-path: inset(0 0 0 0 round 1.5rem); }
.about-chapters__img { object-fit: cover; transform: scale(1.12); transition: transform 1400ms cubic-bezier(.2, .8, .2, 1); }

.about-chapters__chip { bottom: -1.75rem !important; transform: translateY(1.5rem) scale(.92); opacity: 0; transition: transform 700ms cubic-bezier(.2, .8, .2, 1) 450ms, opacity 500ms ease 450ms; max-width: calc(100% - 2rem); }
.about-chapters__chip--right { right: -1rem !important; left: auto !important; }
.about-chapters__chip--left { left: -1rem !important; right: auto !important; }
@media (max-width: 1023.98px) {
    .about-chapters__chip--right, .about-chapters__chip--left { right: 1rem !important; left: auto !important; }
}
.about-chapters__viz { width: 4.5rem; height: 3.5rem; }
.about-chapters__viz svg { display: block; width: 100%; height: 100%; overflow: visible; }
.about-chapters__caption { font-size: .875rem; line-height: 1.25rem; max-width: 10rem; }

.about-chapters__copy { opacity: 0; transform: translateY(2rem); transition: opacity 800ms ease 150ms, transform 800ms cubic-bezier(.2, .8, .2, 1) 150ms; }
.about-chapters__num { width: 2rem; height: 2rem; }
.about-chapters__kicker { letter-spacing: .08em; }
.about-chapters__link i { transition: transform 250ms ease; }
.about-chapters__link:hover i { transform: translateX(.25rem); }

.about-chapters__row .about-chapters__frame { clip-path: inset(12% 12% 12% 12% round 1.5rem); transition: clip-path 1200ms cubic-bezier(.2, .8, .2, 1); }
.about-chapters__row.is-visible .about-chapters__frame { clip-path: inset(0 0 0 0 round 1.5rem); }
.about-chapters__row.is-visible .about-chapters__img { transform: scale(1); }
.about-chapters__row.is-visible .about-chapters__chip { transform: none; opacity: 1; }
.about-chapters__row.is-visible .about-chapters__copy { opacity: 1; transform: none; }

.about-chapters__ring { transition: stroke-dashoffset 1400ms cubic-bezier(.2, .8, .2, 1) 700ms; }
.about-chapters__spark { stroke-dasharray: 1; stroke-dashoffset: 1; transition: stroke-dashoffset 1400ms cubic-bezier(.2, .8, .2, 1) 700ms; }
.about-chapters__fade { opacity: 0; transition: opacity 600ms ease 1400ms; }
.about-chapters__col { transform-box: fill-box; transform-origin: 50% 100%; transform: scaleY(0); transition: transform 800ms cubic-bezier(.2, .8, .2, 1); }
.about-chapters__needle { transform-origin: 36px 44px; transform: rotate(-90deg); transition: transform 1400ms cubic-bezier(.3, 1.4, .4, 1) 700ms; }
.about-chapters__viz.is-drawn .about-chapters__spark { stroke-dashoffset: 0; }
.about-chapters__viz.is-drawn .about-chapters__fade { opacity: 1; }
.about-chapters__viz.is-drawn .about-chapters__col { transform: none; }

@media (prefers-reduced-motion: reduce) {
    .about-chapters__img, .about-chapters__chip, .about-chapters__copy, .about-chapters__row .about-chapters__frame,
    .about-chapters__ring, .about-chapters__spark, .about-chapters__fade, .about-chapters__col, .about-chapters__needle { transition: none; }
    .about-chapters__chip, .about-chapters__copy { opacity: 1; transform: none; }
    .about-chapters__row .about-chapters__frame { clip-path: inset(0 0 0 0 round 1.5rem); }
}

.float-jitter-grid__portrait {
    width: 7rem;
    height: 7rem;
}

@media (min-width: 768px) {
    .float-jitter-grid__portrait {
        width: 8rem;
        height: 8rem;
    }
}

.float-jitter-grid__beacon {
    width: 1.5rem;
    height: 1.5rem;
}

.float-jitter-grid__tile:nth-child(4n+2) {
    transform: translateY(1rem) translateX(0.5rem);
}

.float-jitter-grid__tile:nth-child(4n+3) {
    transform: translateY(2rem) translateX(-0.5rem);
}

.float-jitter-grid__tile:nth-child(4n+4) {
    transform: translateY(1rem) translateX(1rem);
}

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

@keyframes git-log-timeline__blink {
    0%, 100% { opacity: 1; }
    50% { opacity: 0; }
}

.git-log-timeline__cursor {
    animation: git-log-timeline__blink 1s step-end infinite;
}

.git-log-timeline__accent-line {
    width: 4px;
}

.git-log-timeline__dot {
    width: 0.75rem;
    height: 0.75rem;
}

.git-log-timeline__date-width {
    width: 5rem;
}

.git-log-timeline__min-shrink {
  min-width: 0;
}