.tech-ticker[data-astro-cid-lryarzmr] {
    width: 100%;
    overflow: hidden;
    padding: var(--space-4) 0;
    position: relative
}

.tech-ticker[data-astro-cid-lryarzmr]:before,
.tech-ticker[data-astro-cid-lryarzmr]:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 60px;
    z-index: 2;
    pointer-events: none
}

.tech-ticker[data-astro-cid-lryarzmr]:before {
    left: 0;
    background: linear-gradient(90deg, var(--color-bg-primary) 0%, transparent 100%)
}

.tech-ticker[data-astro-cid-lryarzmr]:after {
    right: 0;
    background: linear-gradient(90deg, transparent 0%, var(--color-bg-primary) 100%)
}

.tech-ticker__track[data-astro-cid-lryarzmr] {
    display: flex;
    width: max-content;
    animation: ticker-scroll var(--ticker-duration) linear infinite;
    animation-play-state: paused
}

.tech-ticker[data-astro-cid-lryarzmr].is-animating .tech-ticker__track[data-astro-cid-lryarzmr] {
    animation-play-state: running
}

.tech-ticker[data-astro-cid-lryarzmr][data-direction=right] .tech-ticker__track[data-astro-cid-lryarzmr] {
    animation-direction: reverse
}

.tech-ticker__content[data-astro-cid-lryarzmr] {
    display: flex;
    gap: var(--space-6);
    padding-right: var(--space-6)
}

.tech-ticker__item[data-astro-cid-lryarzmr] {
    font-family: var(--font-mono);
    font-size: var(--text-sm);
    color: var(--color-text-secondary);
    white-space: nowrap;
    padding: var(--space-2) var(--space-4);
    border: 1px solid var(--color-border);
    background: var(--color-surface-ghost);
    transition: color var(--motion-fast) var(--ease-standard), border-color var(--motion-fast) var(--ease-standard)
}

.tech-ticker__item[data-astro-cid-lryarzmr]:hover {
    color: var(--color-text-primary);
    border-color: var(--color-blue-500);
    background: var(--color-blue-ghost)
}

@keyframes ticker-scroll {
    0% {
        transform: translate(0)
    }
    to {
        transform: translate(-50%)
    }
}

.tech-ticker[data-astro-cid-lryarzmr]:hover .tech-ticker__track[data-astro-cid-lryarzmr],
.tech-ticker[data-astro-cid-lryarzmr]:focus .tech-ticker__track[data-astro-cid-lryarzmr],
.tech-ticker[data-astro-cid-lryarzmr]:focus-within .tech-ticker__track[data-astro-cid-lryarzmr] {
    animation-play-state: paused
}

@media(prefers-reduced-motion:reduce) {
    .tech-ticker__track[data-astro-cid-lryarzmr] {
        animation: none
    }
    .tech-ticker__content[data-astro-cid-lryarzmr]:last-child {
        display: none
    }
    .tech-ticker__content[data-astro-cid-lryarzmr] {
        flex-wrap: wrap;
        justify-content: center
    }
}

.game-of-life[data-astro-cid-iqxopdj7] {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--color-black-900) 6%, transparent)
}

.game-of-life__canvas[data-astro-cid-iqxopdj7] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%
}

@media(max-width:768px) {
    .game-of-life[data-astro-cid-iqxopdj7] {
        border: none
    }
}

.page-header__container--about[data-astro-cid-kh7btl4r] {
    display: grid;
    grid-template-columns: 1fr 280px;
    gap: var(--space-6);
    align-items: start
}

.about-hero__portrait[data-astro-cid-kh7btl4r] {
    width: 280px
}

.about-hero__portrait[data-astro-cid-kh7btl4r] .ascii-reveal {
    width: 100%
}

@media(max-width:768px) {
    .page-header__container--about[data-astro-cid-kh7btl4r] {
        grid-template-columns: 1fr
    }
    .about-hero__portrait[data-astro-cid-kh7btl4r] {
        width: 220px
    }
}

.contact-availability[data-astro-cid-kh7btl4r] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    color: var(--color-green-700);
    padding: var(--space-2) var(--space-3);
    background: var(--color-green-ghost);
    border: 1px solid var(--color-green-tint);
    margin-top: var(--space-3)
}

.availability-dot[data-astro-cid-kh7btl4r] {
    width: 6px;
    height: 6px;
    background: var(--color-green-500);
    border-radius: 50%;
    animation: pulse-dot 2s ease-in-out infinite;
    animation-play-state: paused
}

.is-animating[data-astro-cid-kh7btl4r] .availability-dot[data-astro-cid-kh7btl4r] {
    animation-play-state: running
}

@keyframes pulse-dot {
    0%,
    to {
        opacity: 1;
        box-shadow: 0 0 0 0 var(--color-green-wash)
    }
    50% {
        opacity: .7;
        box-shadow: 0 0 0 4px color-mix(in srgb, var(--color-green-500) 0%, transparent)
    }
}

@media(prefers-reduced-motion:reduce) {
    .availability-dot[data-astro-cid-kh7btl4r] {
        animation: none
    }
}

.stats-section[data-astro-cid-kh7btl4r] {
    padding: var(--space-8) var(--container-pad);
    border-bottom: 1px solid var(--color-surface-subtle)
}

.stats-grid[data-astro-cid-kh7btl4r] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--space-6);
    max-width: var(--container-max);
    margin: 0 auto
}

@media(max-width:900px) {
    .stats-grid[data-astro-cid-kh7btl4r] {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media(max-width:480px) {
    .stats-grid[data-astro-cid-kh7btl4r] {
        grid-template-columns: 1fr 1fr;
        gap: var(--space-4)
    }
}

.story-layout[data-astro-cid-kh7btl4r] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-6);
    align-items: center
}

.story-content[data-astro-cid-kh7btl4r] p[data-astro-cid-kh7btl4r] {
    font-size: var(--text-md);
    line-height: 1.8;
    color: var(--color-text-secondary);
    margin: 0 0 var(--space-4)
}

.story-content[data-astro-cid-kh7btl4r] .story-lead[data-astro-cid-kh7btl4r] {
    font-size: var(--text-lg);
    color: var(--color-text-primary)
}

.story-content[data-astro-cid-kh7btl4r] strong[data-astro-cid-kh7btl4r] {
    color: var(--color-text-primary)
}

.story-sidebar[data-astro-cid-kh7btl4r] {
    width: 100%;
    height: min(700px, 80vh)
}

@media(max-width:900px) {
    .story-layout[data-astro-cid-kh7btl4r] {
        grid-template-columns: 1fr
    }
    .story-sidebar[data-astro-cid-kh7btl4r] {
        order: -1;
        height: 280px
    }
}

.ticker-section[data-astro-cid-kh7btl4r] {
    position: relative;
    padding: var(--space-6) 0;
    border-top: 1px solid var(--color-surface-subtle);
    border-bottom: 1px solid var(--color-surface-subtle)
}

.ticker-section[data-astro-cid-kh7btl4r] .ticker-label {
    position: absolute;
    top: var(--space-3);
    left: var(--container-pad);
    z-index: 3
}

.achievements-grid[data-astro-cid-kh7btl4r] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
    gap: var(--space-4)
}

.achievement-card[data-astro-cid-kh7btl4r] {
    display: flex;
    gap: var(--space-4);
    padding: var(--space-5);
    background: var(--color-surface-ghost);
    border: 1px solid var(--color-border-subtle);
    transition: border-color var(--motion-fast) var(--ease-standard), background var(--motion-fast) var(--ease-standard)
}

.achievement-card[data-astro-cid-kh7btl4r]:hover {
    border-color: color-mix(in srgb, var(--color-orange-500) 30%, transparent);
    background: color-mix(in srgb, var(--color-orange-500) 3%, transparent)
}

.achievement-card__content[data-astro-cid-kh7btl4r] {
    flex: 1
}

.achievement-card__title[data-astro-cid-kh7btl4r] {
    font-family: var(--font-display);
    font-size: var(--text-md);
    margin: 0 0 var(--space-1)
}

.achievement-card__source[data-astro-cid-kh7btl4r] {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    color: var(--color-orange-700);
    display: block;
    margin-bottom: var(--space-2)
}

.achievement-card__description[data-astro-cid-kh7btl4r] {
    font-size: var(--text-sm);
    color: var(--color-text-secondary);
    margin: 0;
    line-height: 1.5
}

.values-grid[data-astro-cid-kh7btl4r] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr));
    gap: var(--space-4)
}

.value-card[data-astro-cid-kh7btl4r] {
    padding: var(--space-5);
    background: var(--color-surface-ghost);
    border: 1px solid var(--color-border);
    transition: border-color var(--motion-fast) var(--ease-standard)
}

.value-card[data-astro-cid-kh7btl4r]:hover {
    border-color: var(--color-shadow)
}

.value-card[data-astro-cid-kh7btl4r]:first-child:hover {
    border-color: color-mix(in srgb, var(--color-blue-500) 40%, transparent);
    background: color-mix(in srgb, var(--color-blue-500) 3%, transparent)
}

.value-card__title[data-astro-cid-kh7btl4r] {
    font-family: var(--font-display);
    font-size: var(--text-md);
    margin: var(--space-3) 0 var(--space-2)
}

.value-card__description[data-astro-cid-kh7btl4r] {
    font-size: var(--text-sm);
    color: var(--color-text-secondary);
    margin: 0;
    line-height: 1.5
}

.not-do-list[data-astro-cid-kh7btl4r] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    max-width: 500px
}

.not-do-item[data-astro-cid-kh7btl4r] {
    display: flex;
    align-items: flex-start;
    gap: var(--space-3);
    font-size: var(--text-md);
    color: var(--color-text-secondary);
    line-height: 1.5;
    padding: var(--space-2) var(--space-3);
    margin-left: calc(-1 * var(--space-3));
    border-left: 2px solid transparent;
    transition: border-left-color var(--motion-fast) var(--ease-standard), background var(--motion-fast) var(--ease-standard)
}

.not-do-item[data-astro-cid-kh7btl4r]:hover {
    border-left-color: var(--color-orange-500);
    background: color-mix(in srgb, var(--color-orange-500) 3%, transparent);
    color: var(--color-text-primary)
}

.not-do-marker[data-astro-cid-kh7btl4r] {
    color: var(--color-orange-700);
    font-weight: 600;
    font-family: var(--font-mono)
}

.career-overlay[data-astro-cid-kh7btl4r] {
    position: absolute;
    inset: 0;
    background: color-mix(in srgb, var(--color-cream-100) 55%, transparent);
    z-index: 0;
    pointer-events: none
}

.timeline-container[data-astro-cid-kh7btl4r] {
    max-width: 750px
}

@media(max-width:600px) {
    .achievements-grid[data-astro-cid-kh7btl4r] {
        grid-template-columns: 1fr
    }
    .achievement-card[data-astro-cid-kh7btl4r] {
        flex-direction: column;
        gap: var(--space-3)
    }
}