.timeline{position:relative;padding-left:28px}
.timeline::before{content:"";position:absolute;left:7px;top:8px;bottom:0;width:1px;background:var(--line)}
.timeline-item{display:grid;grid-template-columns:180px 1fr;gap:var(--space-4);position:relative;padding:0 0 var(--space-5)}
.timeline-item::before{content:"";position:absolute;left:-27px;top:7px;width:12px;height:12px;border-radius:50%;background:var(--accent);border:3px solid var(--bg);box-shadow:0 0 0 1px var(--accent)}
.timeline-item__period{font-weight:700;color:var(--accent);font-size:.9rem}
.timeline-item__content h2{font-size:1.25rem;margin:0 0 8px}.timeline-item__company{font-weight:600;color:var(--text);margin-bottom:10px}.timeline-item__content p:last-child{margin-bottom:0}
.skill-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}
.skill-group{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:var(--space-4)}
.skill-group h2{font-size:1.15rem;margin-bottom:var(--space-3)}.skill-group ul{list-style:none;padding:0;margin:0;display:grid;gap:var(--space-3)}
.skill-item{display:grid;gap:8px;font-size:.9rem;font-weight:600}.skill-item__meter{height:7px;border-radius:999px;background:var(--surface-2);overflow:hidden}.skill-item__meter span{display:block;width:var(--skill-level);height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent-2));transform-origin:left;animation:meter .8s ease both}
@keyframes meter{from{transform:scaleX(.1)}to{transform:scaleX(1)}}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5);align-items:center}
.about-art{min-height:360px;border-radius:var(--radius);background:radial-gradient(circle at 25% 30%,rgba(79,70,229,.24),transparent 28%),radial-gradient(circle at 75% 70%,rgba(124,58,237,.2),transparent 32%),linear-gradient(145deg,#f0efff,#e9e9e4);display:grid;place-items:center;overflow:hidden;position:relative}
.about-art::before,.about-art::after{content:"";position:absolute;border:1px solid rgba(79,70,229,.18);border-radius:50%;width:260px;height:260px}.about-art::after{width:360px;height:360px}.about-art__letter{font:700 9rem var(--font-display);color:var(--accent);z-index:1;text-shadow:0 15px 40px rgba(79,70,229,.15)}
.article-list{display:grid;gap:0;border-top:1px solid var(--line)}
.article-card{display:grid;grid-template-columns:100px 1fr;gap:var(--space-4);padding:var(--space-4) 0;border-bottom:1px solid var(--line)}
.article-card__number{font:600 1.5rem var(--font-display);color:#9ca3af;text-decoration:none;display:flex;justify-content:space-between;align-items:flex-start}
.article-card__number span{font-size:1rem;color:var(--accent);transition:transform .2s}.article-card:hover .article-card__number span{transform:translate(3px,-3px)}
.article-card h2{font-size:clamp(1.25rem,3vw,1.75rem);margin:0 0 10px}.article-card h2 a{text-decoration:none}.article-card h2 a:hover{color:var(--accent)}.article-card__content>p:not(.eyebrow){max-width:640px}
.article-prose{max-width:720px;margin:var(--space-4) 0;line-height:1.85}.article-prose p{font-size:1.08rem;color:var(--text)}
.quote-strip{padding:var(--space-5);background:var(--accent-soft);border-radius:var(--radius);border-left:4px solid var(--accent)}.quote-strip p{font:500 clamp(1.3rem,3vw,1.8rem) var(--font-display);color:var(--text);margin:0}
@media(max-width:900px){.skill-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.about-grid{grid-template-columns:1fr}.about-art{min-height:260px}.timeline-item{grid-template-columns:1fr;gap:8px}.skill-grid{grid-template-columns:1fr}.article-card{grid-template-columns:64px 1fr;gap:var(--space-2)}}