.about-page-main{min-height:100vh;padding-top:calc(var(--header-height) + 18px);background:var(--background)}.about-page-header{border-bottom:1px solid var(--border);margin-bottom:clamp(32px,4vw,48px);padding-bottom:clamp(16px,2vw,24px)}.about-page-title{letter-spacing:-.04em;text-transform:uppercase;color:var(--foreground);-webkit-user-select:none;user-select:none;align-items:flex-start;font-size:clamp(48px,12vw,160px);font-weight:800;line-height:.85;display:inline-flex}.about-page-title .variable-letter{color:var(--foreground);font-variation-settings:"wdth" 78, "wght" 800;will-change:font-variation-settings, transform;transform-origin:bottom;cursor:default;transition:color .25s;display:inline-block}.about-page-title .variable-letter:hover{color:var(--accent)}.about-profile-grid{grid-template-columns:minmax(280px,340px) 1.5fr;align-items:flex-start;gap:clamp(40px,6vw,90px);margin-bottom:clamp(80px,12vw,160px);display:grid}.about-profile-card-wrap{justify-content:flex-start;width:100%;display:flex;position:relative}.about-bio-wrap{flex-direction:column;gap:clamp(20px,2.5vw,32px);display:flex}.about-bio-lead{letter-spacing:-.02em;color:var(--foreground);font-size:clamp(22px,2.5vw,36px);font-weight:700;line-height:1.2}.about-bio-lead span{color:var(--accent)}.about-bio-paragraph{color:#c9cbc5;font-size:clamp(15px,1.15vw,18px);line-height:1.68}.about-toolkit-table{border-top:1px solid var(--border);flex-direction:column;display:flex}.about-toolkit-row{border-bottom:1px solid var(--border);grid-template-columns:minmax(260px,340px) 1fr;align-items:baseline;gap:clamp(24px,4vw,60px);padding-block:clamp(16px,1.8vw,22px);transition:background-color .2s;display:grid}.about-toolkit-row:hover{background:#ffffff05}.about-toolkit-cat{align-items:center;gap:12px;display:flex}.about-toolkit-icon{color:var(--accent);flex-shrink:0;transition:transform .2s,color .2s}.about-toolkit-row:hover .about-toolkit-icon{color:#fff;transform:translate(3px)}.about-toolkit-name{color:var(--foreground);letter-spacing:-.01em;font-size:clamp(15px,1.1vw,17px);font-weight:600}.about-toolkit-tech{color:#b0b4ac;letter-spacing:-.005em;font-size:clamp(14px,1.05vw,16px);font-weight:400;line-height:1.65;transition:color .2s}.about-toolkit-row:hover .about-toolkit-tech{color:var(--foreground)}@media (max-width:768px){.about-toolkit-row{grid-template-columns:1fr;gap:8px;padding-block:14px}}@media (max-width:860px){.about-profile-grid{grid-template-columns:1fr;gap:36px}.about-profile-card-wrap{justify-content:center}}.about-extra-section{border-top:1px solid var(--border);margin-bottom:clamp(48px,6vw,90px);padding-block:clamp(48px,6vw,90px)}.about-section-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:clamp(28px,4vw,48px);display:flex}.about-section-title{text-transform:uppercase;letter-spacing:-.02em;font-size:clamp(28px,3.5vw,48px);font-weight:800}.exp-timeline{flex-direction:column;gap:32px;max-width:960px;margin-inline:auto;display:flex;position:relative}.exp-timeline-item{grid-template-columns:36px 1fr;column-gap:24px;display:grid;position:relative}.exp-track{flex-direction:column;align-items:center;display:flex;position:relative}.exp-node{z-index:2;background:#141615;border:1px solid #ffffff1f;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:border-color .2s;display:flex}.exp-timeline-item:hover .exp-node{border-color:#ffffff40}.exp-code-glyph{font-family:var(--font-mono), monospace;color:#a1a1aa;letter-spacing:-.05em;-webkit-user-select:none;user-select:none;font-size:13px;font-weight:600}.exp-line{z-index:1;background:#ffffff1f;width:1.5px;position:absolute;top:36px;bottom:-32px;left:50%;transform:translate(-50%)}.exp-timeline-item.is-last .exp-line{bottom:14px}.exp-content{flex-direction:column;min-width:0;display:flex}.exp-card{background:#111312;border:1px solid #ffffff14;border-radius:12px;padding:22px 26px;transition:border-color .2s,background-color .2s}.exp-card:hover{border-color:#ffffff29}.exp-card-header{cursor:pointer;text-align:left;width:100%;color:inherit;background:0 0;border:none;justify-content:space-between;align-items:flex-start;gap:16px;padding:0;font-family:inherit;display:flex}.exp-card-title-group{flex-direction:column;gap:6px;display:flex}.exp-card-title{flex-wrap:wrap;align-items:baseline;gap:6px;font-size:18px;line-height:1.35;display:flex}.exp-role{color:#fff;font-weight:700}.exp-separator{color:#52525b;font-weight:400}.exp-company{color:#a1a1aa;font-weight:500}.exp-meta{color:#71717a;letter-spacing:.01em;align-items:center;gap:8px;font-size:13.5px;display:flex}.exp-meta-dot{color:#52525b}.exp-chevron-wrap{color:#71717a;flex-shrink:0;justify-content:center;align-items:center;padding-top:2px;transition:color .15s,transform .2s;display:flex}.exp-card-header:hover .exp-chevron-wrap{color:#fff}.exp-bullet-list{flex-direction:column;gap:12px;margin-top:20px;padding-left:20px;list-style-type:disc;animation:.2s ease-out expFadeIn;display:flex}.exp-bullet-list::marker{color:#71717a}.exp-bullet-item{color:#d4d4d8;font-size:14.5px;line-height:1.6}.exp-bullet-item::marker{color:#71717a}@keyframes expFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.exp-tags-row{align-items:center;margin-top:14px;display:flex;position:relative}.exp-branch-curve{pointer-events:none;border-bottom:1.5px solid #ffffff1f;border-left:1.5px solid #ffffff1f;border-bottom-left-radius:8px;width:28px;height:38px;position:absolute;top:-24px;left:-42px}.exp-tags{flex-wrap:wrap;gap:8px;padding-left:4px;display:flex}.exp-tag{font-family:var(--font-mono), monospace;color:#a1a1aa;letter-spacing:.01em;-webkit-user-select:none;user-select:none;background:#ffffff05;border:1px solid #ffffff1a;border-radius:6px;align-items:center;padding:4px 10px;font-size:12px;transition:color .15s,border-color .15s,background .15s;display:inline-flex}.exp-tag:hover{color:#fff;background:#ffffff0d;border-color:#ffffff40}@media (max-width:640px){.exp-timeline-item{grid-template-columns:28px 1fr;column-gap:16px}.exp-node{border-radius:6px;width:28px;height:28px}.exp-code-glyph{font-size:11px}.exp-line{top:28px}.exp-card{padding:16px 18px}.exp-card-title{font-size:16px}.exp-meta{font-size:12.5px}.exp-bullet-item{font-size:13.5px}.exp-branch-curve{width:18px;left:-30px}}