.about-hero-grid{display:grid;grid-template-columns:1fr;gap:3rem;align-items:stretch}@media(min-width:1024px){.about-hero-grid{grid-template-columns:1fr 1.1fr;gap:4rem}}.about-hero-text{display:flex;flex-direction:column;justify-content:center}.about-hero-photo{border-radius:1rem;overflow:hidden;min-height:340px}@media(min-width:1024px){.about-hero-photo{max-width:28rem;margin-left:auto;align-self:stretch;min-height:unset}}.tl-card-role{font-family:var(--font-display);font-size:1.125rem;color:var(--color-ink);font-weight:600;line-height:1.3;margin:0}.tl-card-org{font-size:.875rem;color:var(--color-pine);margin:.2rem 0 0}.tl-card-desc{font-size:.875rem;line-height:1.7;color:var(--color-fade);margin:0}.tl-card-header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:.5rem;margin-bottom:.875rem}.tl-card-badge{font-size:.7rem;font-weight:700;padding:.2rem .65rem;border-radius:999px;white-space:nowrap;flex-shrink:0}.tl-card-badge[data-color=pine]{background:color-mix(in srgb,var(--color-pine) 12%,transparent);color:var(--color-pine);border:1px solid color-mix(in srgb,var(--color-pine) 22%,transparent)}.tl-card-badge[data-color=clay]{background:color-mix(in srgb,var(--color-clay) 12%,transparent);color:var(--color-clay);border:1px solid color-mix(in srgb,var(--color-clay) 22%,transparent)}.timeline-desktop{display:none}@media(min-width:768px){.timeline-desktop{display:block}}.tl-track-wrap{position:relative;display:flex;justify-content:space-between;align-items:flex-start;padding:0 0 2rem}.tl-track{position:absolute;top:.6rem;left:0;right:0;height:2px;background:var(--color-rule);z-index:0}.tl-node{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:.5rem;background:none;border:none;cursor:pointer;padding:0;flex:1}.tl-dot{width:1.1rem;height:1.1rem;border-radius:50%;border:2px solid var(--color-rule);background:var(--color-panel);transition:background .2s,border-color .2s,transform .2s;display:block}.tl-dot[data-color=pine]{border-color:color-mix(in srgb,var(--color-pine) 40%,transparent)}.tl-dot[data-color=clay]{border-color:color-mix(in srgb,var(--color-clay) 40%,transparent)}.tl-node[aria-pressed=true] .tl-dot[data-color=pine]{background:var(--color-pine);border-color:var(--color-pine);transform:scale(1.25)}.tl-node[aria-pressed=true] .tl-dot[data-color=clay]{background:var(--color-clay);border-color:var(--color-clay);transform:scale(1.25)}.tl-node:hover .tl-dot{transform:scale(1.15)}.tl-node-label{font-size:.7rem;font-weight:700;letter-spacing:.05em;color:var(--color-fade);transition:color .2s;text-align:center}.tl-node[aria-pressed=true] .tl-node-label{color:var(--color-ink)}.tl-cards{position:relative;min-height:10rem}.tl-card{background:var(--color-panel);border:1px solid var(--color-rule);border-radius:1rem;padding:1.5rem;position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease;transform:translateY(6px)}.tl-card[aria-hidden=false]{opacity:1;pointer-events:auto;transform:translateY(0);position:relative}.timeline-mobile{display:flex;flex-direction:column;gap:0}@media(min-width:768px){.timeline-mobile{display:none}}.tl-v-item{display:flex;gap:1.25rem;align-items:flex-start}.tl-v-left{display:flex;flex-direction:column;align-items:center;flex-shrink:0;width:1.1rem;padding-top:.2rem}.tl-v-dot{width:1.1rem;height:1.1rem;border-radius:50%;flex-shrink:0}.tl-v-dot[data-color=pine]{background:var(--color-pine);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-pine) 18%,transparent)}.tl-v-dot[data-color=clay]{background:var(--color-clay);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-clay) 18%,transparent)}.tl-v-line{width:2px;flex:1;min-height:2rem;background:var(--color-rule);margin:.4rem 0}.tl-v-card{background:var(--color-panel);border:1px solid var(--color-rule);border-radius:1rem;padding:1.25rem;flex:1;margin-bottom:1.5rem}.writing-list{border:1px solid var(--color-rule);border-radius:12px;overflow:hidden}.writing-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem 1rem;padding:.75rem 1.1rem;border-bottom:1px solid var(--color-rule);text-decoration:none;background:var(--color-panel);transition:background .15s ease;cursor:pointer}.writing-row:last-child{border-bottom:none}.writing-row:hover{background:color-mix(in srgb,var(--color-pine) 5%,var(--color-panel))}.writing-label{font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-pine);white-space:nowrap;flex-shrink:0}.writing-title{font-size:.875rem;color:var(--color-ink);line-height:1.4;font-weight:500;min-width:0}.writing-meta{font-size:.75rem;color:var(--color-fade);white-space:nowrap;display:flex;align-items:center;gap:.3rem;flex-shrink:0}@media(max-width:639px){.writing-row{grid-template-columns:1fr;gap:.25rem}.writing-meta{display:none}}.skills-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.skills-grid-span{grid-column:span 2}@media(max-width:639px){.skills-grid{grid-template-columns:1fr}.skills-grid-span{grid-column:span 1}}