.work-page{padding:var(--space-2xl) 0}.work-hero{padding:var(--space-3xl) 0 var(--space-2xl);text-align:center}.work-hero h1{margin-bottom:var(--space-lg);font-size:clamp(2.5rem,5vw,4rem)}.experience-section{padding:var(--space-2xl) 0}.experience-section h2{margin-bottom:var(--space-2xl);font-size:2rem}.timeline{padding-left:var(--space-xl);position:relative}.timeline:before{content:"";background:linear-gradient(180deg, var(--color-primary) 0%, var(--color-border) 50%, transparent 100%);width:2px;position:absolute;top:0;bottom:0;left:0}.timeline-item{margin-bottom:var(--space-xl);position:relative}.timeline-item:last-child{margin-bottom:0}.timeline-marker{left:calc(-1 * var(--space-xl) - 6px);top:var(--space-lg);background:var(--color-bg-elevated);border:2px solid var(--color-border);width:14px;height:14px;transition:all var(--transition-base);border-radius:50%;position:absolute}.timeline-item.current .timeline-marker{background:var(--color-primary);border-color:var(--color-primary);box-shadow:0 0 20px var(--color-primary-glow);animation:2s ease-in-out infinite pulse-glow}.timeline-item:hover .timeline-marker{border-color:var(--color-primary);transform:scale(1.2)}.experience-card{padding:var(--space-xl);cursor:pointer;user-select:none}.experience-card:hover{transform:translateY(-4px)}.timeline-item.current .experience-card{border-color:var(--color-primary)}.card-header{justify-content:space-between;align-items:flex-start;gap:var(--space-md);margin-bottom:var(--space-md);flex-wrap:wrap;display:flex}.job-title{margin:0;font-size:1.25rem;font-weight:700}.current-badge{font-size:.75rem;font-family:var(--font-mono);padding:var(--space-xs) var(--space-md);background:var(--color-primary);color:var(--color-bg-deep);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.company-name{margin-bottom:var(--space-sm);font-size:1.125rem;font-weight:600}.job-period{font-size:.9375rem;font-family:var(--font-mono);margin-bottom:var(--space-sm)}.click-hint{opacity:0;transition:opacity var(--transition-base);font-size:.875rem}.experience-card:hover .click-hint{opacity:1}.work-cta{padding:var(--space-3xl) 0;text-align:center}.modal{z-index:1000;width:100%;height:100%;padding:var(--space-lg);justify-content:center;align-items:center;display:none;position:fixed;top:0;left:0}.modal.active{display:flex}.modal-overlay{-webkit-backdrop-filter:blur(8px);cursor:pointer;background:#000000d9;width:100%;height:100%;position:absolute;top:0;left:0}.modal-content{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;max-width:700px;max-height:85vh;padding:var(--space-2xl);z-index:1001;animation:.3s modal-fade-in;position:relative;overflow-y:auto;box-shadow:0 20px 60px #00000080}@keyframes modal-fade-in{0%{opacity:0;transform:scale(.95)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-close{top:var(--space-lg);right:var(--space-lg);color:var(--color-text-secondary);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:2rem;line-height:1;display:flex;position:absolute}.modal-close:hover{color:var(--color-primary)}.modal-content h2{margin-bottom:var(--space-sm);padding-right:var(--space-3xl);font-size:1.75rem}.modal-content h3{margin-bottom:var(--space-xs);font-size:1.25rem}.modal-content p{margin-bottom:var(--space-md);font-size:.9375rem}.modal-divider{background:var(--color-border);height:1px;margin:var(--space-xl) 0}.modal-body{white-space:pre-wrap;color:var(--color-text-secondary);font-size:1rem;line-height:1.8}@media (width<=768px){.work-page{padding:var(--space-lg) 0}.work-hero{padding:var(--space-2xl) 0 var(--space-lg)}.work-hero h1{font-size:2.5rem}.timeline{padding-left:var(--space-lg)}.timeline-marker{left:calc(-1 * var(--space-lg) - 6px)}.card-header{flex-direction:column;align-items:flex-start}.modal-content{max-height:90vh;padding:var(--space-xl)}.modal-close{top:var(--space-md);right:var(--space-md)}.modal-content h2{padding-right:var(--space-2xl);font-size:1.5rem}}