.scroll-reveal{opacity:0;transition:opacity .5s,transform .5s;transform:translateY(18px)}.scroll-reveal.visible{opacity:1;transform:translateY(0)}@media (scripting:none){.scroll-reveal{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.scroll-reveal{opacity:1;transition:none;transform:none}}
.tech-stack{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-top:1.5rem;display:grid}.tech-category{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:1.5rem 1.75rem}.tech-category h3{color:var(--color-text-muted);letter-spacing:.04em;text-transform:uppercase;border-bottom:1px solid var(--color-border);margin-bottom:1rem;padding-bottom:.75rem;font-size:1rem;font-weight:500}.tech-list{flex-direction:column;gap:.85rem;margin:0;padding:0;list-style:none;display:flex}.tech-item{align-items:center;gap:.75rem;display:flex}.tech-logo{object-fit:contain;flex-shrink:0;width:28px;height:28px}.tech-monogram{border:1.5px solid var(--color-accent);width:28px;height:28px;color:var(--color-accent-text);font-family:var(--font-numeric);letter-spacing:.02em;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:.62rem;font-weight:700;display:inline-flex}.tech-name{color:var(--color-text);flex-direction:column;font-size:1rem;display:flex}.tech-note{color:var(--color-text-dim);font-size:.8rem}
.timeline{border-left:2px solid var(--color-border-strong);margin:1.5rem 0 0;padding:.5rem 0 .5rem 1.75rem;list-style:none;position:relative}.timeline-item{opacity:0;padding-bottom:2.25rem;transition:opacity .5s,transform .5s;position:relative;transform:translateY(18px)}.timeline-item:last-child{padding-bottom:.25rem}.timeline-item.visible{opacity:1;transform:translateY(0)}@media (scripting:none){.timeline-item{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.timeline-item{opacity:1;transition:none;transform:none}}.timeline-dot{background:var(--color-bg);border:3px solid var(--color-accent);border-radius:50%;width:12px;height:12px;position:absolute;top:.35rem;left:calc(-1.75rem - 7px)}.timeline-item:first-child .timeline-dot{background:var(--color-accent)}.timeline-period{color:var(--color-accent-text);font-family:var(--font-numeric);letter-spacing:.05em;margin-bottom:.35rem;font-size:.9rem}.timeline-title{color:var(--color-text);margin-bottom:.5rem;font-size:1.25rem;font-weight:500;line-height:1.35}.timeline-text{color:var(--color-text-muted);max-width:70ch;margin-bottom:.85rem;line-height:1.75}.timeline-tags{flex-wrap:wrap;gap:.45rem;margin:0;padding:0;list-style:none;display:flex}.timeline-tags li{border:1px solid var(--color-border);background:var(--color-surface-2);color:var(--color-text-muted);border-radius:999px;padding:.25rem .7rem;font-size:.82rem}