.timeline{max-width:900px;margin:0 auto;padding:40px 0;position:relative}.timeline:before{content:"";background:linear-gradient(#0000 0%,#0000000f 10% 90%,#0000 100%);width:2px;height:100%;position:absolute;top:0;left:20px}.timeline-item{margin-bottom:50px;padding-left:60px;position:relative}.timeline-item:last-child{margin-bottom:0}.timeline-dot{z-index:2;background:#fff;border:1px solid #0000000f;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:absolute;top:0;left:-2px;overflow:hidden;box-shadow:0 4px 12px #0000000a}.timeline-dot img{object-fit:contain;width:75%;height:75%}.timeline-dot.empty{color:#1d1d1f;background:#f5f5f7;border-color:#0000000a;font-size:1rem}.timeline-content{-webkit-backdrop-filter:blur(12px);background:#ffffffb3;border:1px solid #0000000a;border-radius:20px;padding:28px;box-shadow:0 10px 40px #00000008}.timeline-content h3{letter-spacing:-.02em;color:#1d1d1f;margin:0 0 6px;font-size:1.4rem;font-weight:700}.timeline-content p{color:#86868b;margin:0;font-size:1.05rem;line-height:1.5}.timeline-date{text-transform:uppercase;letter-spacing:.08em;color:#86868b;margin-bottom:8px;font-size:.75rem;font-weight:700;display:inline-block}@media (width>=768px){.timeline:before{margin-left:-1px;left:50%}.timeline-item{text-align:right;width:50%;margin-top:-60px;margin-bottom:0;padding-left:0;padding-right:50px}.timeline-item:first-child{margin-top:0}.timeline-item:nth-child(2n){text-align:left;margin-left:50%;padding-left:50px;padding-right:0}.timeline-item:nth-child(odd) .timeline-dot{margin-left:-24px;left:100%}.timeline-item:nth-child(2n) .timeline-dot{margin-left:-24px;left:0}}.tech-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin:0;padding:0;list-style:none;display:grid}.tech-grid li{-webkit-backdrop-filter:blur(20px);background:#fff9;border:1px solid #00000008;border-radius:20px;align-items:center;gap:20px;padding:24px;transition:transform .3s,box-shadow .3s;display:flex}.tech-grid li:hover{transform:scale(1.02);box-shadow:0 15px 30px #0000000a}.tech-logo{filter:drop-shadow(0 2px 8px #0000000a);flex-shrink:0;width:44px;height:44px}.tech-grid h3{letter-spacing:-.01em;color:#1d1d1f;margin:0 0 4px;font-size:1.15rem;font-weight:600}.tech-grid p{color:#86868b;margin:0;font-size:.95rem;line-height:1.4}.page-about .intro-text h1{letter-spacing:-.03em;margin-bottom:1.5rem;font-size:3rem}.page-about .intro-image{text-align:center}.page-about .intro-image .portrait{max-width:320px;display:inline-block}.page-about .section-title{text-align:center;margin-bottom:40px}.page-about .timeline-role-group{margin-top:1rem}.page-about .timeline-role-title{color:#1a1a1e;font-weight:600}.page-about .timeline-footer{text-align:center;opacity:.8;margin-top:40px}.page-about .tech-stack{margin-top:40px}.page-about .tech-stack-cta{text-align:center;margin-top:3rem}