/* Shared About me layout and animated pixel sprite. */
.about-intro{margin-bottom:34px}
.about-title-row{display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:clamp(1.625rem,3.7vw,3rem);margin:0 0 24px;max-width:700px}
.about-page .about-title-row h1{font-size:inherit;line-height:1.08;margin:0;letter-spacing:-.065em}
.tinkering-figure{height:2.16em;width:2.106em;position:relative;flex:none;margin:0}
/* Reuse the original sprite's alpha silhouette to mask the recolored sheet. */
.tinkering-sprite{height:100%;width:100%;display:block;background-image:url('assets/engineer-tinkering-orange.png');background-size:400% 130%;background-repeat:no-repeat;mask-image:url('assets/engineer-tinkering-sheet.png');mask-size:400% 130%;mask-repeat:no-repeat;mask-mode:alpha;image-rendering:pixelated;animation:tinker-loop 1.6s steps(1,end) infinite}
@keyframes tinker-loop{0%,100%{background-position:0 50%;mask-position:0 50%}25%{background-position:33.333333% 50%;mask-position:33.333333% 50%}50%{background-position:66.666667% 50%;mask-position:66.666667% 50%}75%{background-position:100% 50%;mask-position:100% 50%}}
.nav-symbol{width:18px;height:18px;display:inline-block;vertical-align:middle;flex:none}
.desktop-icon .nav-symbol{width:27px;height:27px}
.about-intro .lead{font-size:1.125rem;line-height:1.6;max-width:900px}.about-intro .about-copy{font-size:1rem;line-height:1.7;margin:16px 0 0;max-width:900px}
.outside-work{margin:24px 0 0;padding:20px 0 0;border-top:1px solid var(--edge)}
.outside-heading{margin-bottom:14px}
.about-path-heading{font:700 1.75rem/1.2 var(--mono);letter-spacing:-.04em;margin:0}
.outside-heading h2{font:700 1.25rem/1.3 var(--mono);letter-spacing:-.04em;margin:0}
.hobby-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.hobby-card{min-width:0;padding-top:10px;border:2px outset var(--edge);background:var(--surface)}
.hobby-art{display:block;width:88px;aspect-ratio:1;margin:0 auto;background-image:url('assets/hobbies-pixel-sheet.png');background-size:200% 200%;background-repeat:no-repeat;background-color:#252a33;image-rendering:pixelated}
.hobby-camping{background-position:0 0}.hobby-skiing{background-position:0 100%}
.hobby-tennis{background-image:url('assets/tennis-friends.png');background-size:cover;background-position:center}
.hobby-boardgames{background-image:url('assets/boardgame-friends.png');background-size:cover;background-position:center}
.hobby-card>div{padding:10px 12px 12px}.hobby-card h3{font:700 1rem/1.3 var(--mono);margin:0 0 6px}.hobby-card p{font-size:1rem;line-height:1.45;color:var(--muted);margin:0;overflow-wrap:anywhere}
.about-path-heading{margin-bottom:24px}
@media(max-width:1000px){.hobby-card>div{padding:10px}}
@media(max-width:600px){.hobby-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hobby-art{width:72px}.about-title-row{gap:12px}.about-intro{margin-bottom:30px}.outside-work{padding-top:16px}.about-path-heading{font-size:1.5rem}}
@media(prefers-reduced-motion:reduce){.tinkering-sprite{animation:none;background-position:0 50%;mask-position:0 50%}}
@media print{.about-page{display:none}}