body[data-page=about] nav{z-index:100;pointer-events:none;width:100%;position:fixed;top:0;left:0}body[data-page=about] .logo-chip{pointer-events:auto}body[data-page=about] main.content-top{padding-top:0}.about-page .mono-label{margin-bottom:1.5rem}.about-page{padding:var(--page-top-offset)0 var(--page-bottom-offset);z-index:10;text-align:left;position:relative}.about-page .hero-block{margin-bottom:var(--page-hero-gap);text-align:left;width:100%}.about-page .main-content-wrapper{grid-template-columns:1fr 320px;align-items:start;gap:80px;width:100%;margin-bottom:160px;display:grid}.about-page .main-content-wrapper .section-block{margin-bottom:0}.about-page .text-wrapper{width:100%;max-width:var(--content-max-width);text-align:left}.about-page .sidebar-wrapper{width:100%;max-width:320px;position:sticky;top:180px}.about-page .sidebar-wrapper .text-wrapper{max-width:100%}.about-page .hero-title{margin-bottom:16px}.about-page .role-title{color:var(--text-secondary);font-size:1.2rem;font-family:var(--font-space-grotesk),"Space Grotesk",sans-serif;margin-bottom:0;display:block}.about-page .contact-list{flex-direction:column;gap:8px;display:flex}.about-page .contact-item{color:var(--text-color);align-items:center;gap:8px;font-size:.9rem;text-decoration:none;display:flex}.about-page .contact-item:hover{text-decoration:underline}.about-page .contact-icon{color:var(--text-secondary);font-size:18px}.about-page .sidebar-section{margin-top:2rem}.about-page .tag-cloud{flex-wrap:wrap;gap:8px;display:flex}.about-page .tag{border:1px solid var(--border-subtle);color:var(--text-secondary);background:var(--surface-subtle);border-radius:4px;padding:6px 12px;font-size:.75rem}.about-page .experience-list{flex-direction:column;display:flex}.about-page .job-item{border-left:1px solid var(--border-subtle);padding-bottom:60px;padding-left:40px;position:relative}.about-page .job-item:last-child,.about-page .job-item.job-item-last{border-left:1px solid #0000}.about-page .job-item:before{content:"";background:var(--bg-color);border:1px solid var(--text-color);z-index:2;width:9px;height:9px;transition:background-color .2s;position:absolute;top:7px;left:-6px;transform:rotate(45deg)}.about-page .job-item:after{content:"";background:var(--border-subtle);width:30px;height:1px;transition:background-color .2s;position:absolute;top:11.5px;left:0}.about-page .job-item:hover:before,.about-page .job-item:hover:after{background-color:var(--text-color)}.about-page .job-header{justify-content:space-between;align-items:baseline;margin-bottom:8px;display:flex}.about-page .job-title{font-size:1.2rem;font-weight:600;line-height:1.2;transform:translateY(-1px)}.about-page .job-date{color:var(--text-secondary);white-space:nowrap;font-size:.9rem}.about-page .job-company{color:var(--text-color);margin-bottom:15px;font-size:1rem;font-weight:500;display:block}.about-page .job-desc ul{color:var(--text-secondary);margin:0;padding-left:20px}.about-page .job-desc li{margin-bottom:8px;font-size:.95rem;line-height:1.6}.about-page .education-note{color:var(--text-secondary);margin:8px 0 0;font-size:.9rem}@media (max-width:800px){body[data-page=about] nav{background:0 0;position:relative}}@media (max-width:1200px){.about-page .main-content-wrapper{grid-template-columns:1fr;gap:60px}.about-page .sidebar-wrapper{max-width:680px;position:relative;top:0}}@media (max-width:900px){.about-page .job-header{flex-direction:column;gap:5px}}
