.about-me{gap:var(--space-16);padding-top:var(--space-16);flex-direction:column;display:flex}.about-me__intro{gap:var(--space-3);flex-direction:column;display:flex}.about-me__lead{gap:var(--space-3);max-width:68ch;margin-top:var(--space-3);color:var(--color-text-muted);flex-direction:column;font-size:1.125rem;display:flex}.about-me__section{gap:var(--space-4);flex-direction:column;display:flex}.about-me__subheading{letter-spacing:-.02em;color:var(--color-text);font-size:clamp(1.375rem,1.1rem + 1vw,1.75rem);font-weight:700}.about-me__text{max-width:68ch;color:var(--color-text-muted)}.about-me__stack-heading{margin-top:var(--space-6);color:var(--color-accent);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:.875rem;font-weight:500}.about-me__stack-grid{gap:var(--space-5);grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.about-me__stack-card{gap:var(--space-5);min-width:0;padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:border-color var(--dur) ease, box-shadow var(--dur) ease, transform var(--dur) var(--ease-out);background:#1e2030d9;flex-direction:column;display:flex}.about-me__stack-card--wide{grid-column:span 3}.about-me__stack-card--narrow{grid-column:span 2}.about-me__stack-card:hover,.about-me__stack-card:focus-within{box-shadow:var(--shadow-card-hover);border-color:#b7bdf859;transform:translateY(-3px)}.about-me__stack-card-header{align-items:center;gap:var(--space-3);display:flex}.about-me__stack-card-header h4{color:var(--color-text);flex:1;margin:0;font-size:1rem;font-weight:600}.about-me__stack-card-icon{border-radius:var(--radius-sm);width:2rem;height:2rem;color:var(--color-accent);background:#b7bdf81f;place-items:center;display:inline-grid}.about-me__stack-card-icon svg{width:1.125rem;height:1.125rem}.about-me__stack-card-count{border:1px solid var(--color-border-strong);border-radius:var(--radius-full);color:var(--color-text-subtle);font-family:var(--font-mono);padding:2px 10px;font-size:.75rem}.about-me__tags{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(min(100%,11rem),1fr));list-style:none;display:grid}.about-me__technology{align-items:center;gap:var(--space-3);min-width:0;min-height:3.25rem;padding:var(--space-2) var(--space-3) var(--space-2) var(--space-2);border-radius:var(--radius-md);color:var(--color-text-secondary);transition:background-color var(--dur-fast) ease, border-color var(--dur-fast) ease, color var(--dur-fast) ease;background:#363a4f8c;border:1px solid #0000;font-size:.875rem;line-height:1.35;display:flex}.about-me__technology:hover{background:var(--ctp-surface0);border-color:color-mix(in srgb, var(--technology-color) 50%, transparent);color:var(--color-text)}.about-me__technology-icon{background:color-mix(in srgb, var(--technology-color) 14%, var(--ctp-crust));border:1px solid color-mix(in srgb, var(--technology-color) 35%, transparent);border-radius:var(--radius-sm);width:2.25rem;height:2.25rem;color:var(--technology-color);flex:0 0 2.25rem;place-items:center;display:inline-grid}.about-me__technology-icon svg{width:1.25rem;height:1.25rem}.about-me__technology-name{overflow-wrap:anywhere;min-width:0}.about-me__work-list{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));list-style:none;display:grid}.about-me__work-item{align-items:flex-start;gap:var(--space-4);padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-secondary);background:#1e2030d9;display:flex}.about-me__work-icon{border-radius:var(--radius-md);width:2.5rem;height:2.5rem;color:var(--color-accent);background:linear-gradient(135deg,#b7bdf82e,#c6a0f62e);flex:none;place-items:center;display:inline-grid}.about-me__work-icon svg{width:1.25rem;height:1.25rem}@media (width<=960px){.about-me__stack-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about-me__stack-card--wide{grid-column:span 2}.about-me__stack-card--narrow{grid-column:span 1}.about-me__stack-card--narrow:last-child{grid-column:span 2}}@media (width<=767px){.about-me{gap:var(--space-12);padding-top:var(--space-10)}.about-me__lead{font-size:1rem}.about-me__stack-grid,.about-me__work-list{grid-template-columns:1fr}.about-me__stack-card--wide,.about-me__stack-card--narrow,.about-me__stack-card--narrow:last-child{grid-column:auto}.about-me__stack-card{padding:var(--space-5)}}.about-me__work-text{overflow-wrap:anywhere;min-width:0}