:root{--bg:#fefefe;--text:#1a1a1a;--muted:#737373;--faint:#b5b5b5;--accent:#1a1a1a;--measure:38rem;--sans:"Inter Tight", ui-sans-serif, system-ui, -apple-system, sans-serif;--serif:"Fraunces", Georgia, "Times New Roman", serif;--ease:cubic-bezier(.2, .7, .2, 1);font-family:var(--sans);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:16px;line-height:1.6}*{box-sizing:border-box}body{margin:0}::selection{background:var(--text);color:var(--bg)}a{color:inherit;text-decoration:none}h1,h2,h3{margin:0;font-weight:400}h1{font-family:var(--serif);letter-spacing:-.01em;font-size:2.5rem;line-height:1.05}h2{font-family:var(--serif);color:var(--muted);margin-bottom:.85rem;font-size:1.35rem}p{margin:0 0 1rem}ul{margin:0;padding:0;list-style:none}.muted{color:var(--muted)}.page{max-width:var(--measure);margin:0 auto;padding:4.5rem 1.5rem 3.5rem}.section{margin-bottom:2.5rem}.rise{opacity:0;animation:rise .7s var(--ease) forwards;animation-delay:calc(var(--i,0) * 80ms);transform:translateY(10px)}@keyframes rise{to{opacity:1;transform:none}}.intro{color:var(--muted);margin-top:.85rem}.motto{flex-direction:column;margin-top:1.1rem;line-height:1.5;display:flex}.motto strong{background:var(--text);color:var(--bg);border-radius:2px;align-self:flex-start;margin-left:-.2em;padding:0 .2em;font-weight:500}.motto span{color:var(--muted)}.link{color:var(--text);position:relative}.link:after{content:"";transform-origin:0;height:1px;transition:transform .3s var(--ease);background:currentColor;position:absolute;bottom:-2px;left:0;right:0;transform:scaleX(0)}.link:hover:after{transform:scaleX(1)}.timeline{flex-direction:column;gap:.9rem;display:flex}.timeline li{flex-direction:column;gap:.1rem;display:flex}.timeline .row{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.timeline .title{align-items:center;gap:.5rem;font-weight:500;display:inline-flex}.timeline .span{color:var(--faint);font-variant-numeric:tabular-nums;white-space:nowrap;transition:color .2s var(--ease);font-size:.8rem}.timeline li:hover .span,.timeline .text{color:var(--muted)}.timeline.nested{border-left:1px solid color-mix(in srgb, var(--text) 10%, transparent);gap:.75rem;margin-top:.85rem;padding-left:1rem}.timeline.nested .title,.timeline.nested .text{font-size:.95rem}.likes{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.likes .label{color:var(--faint);margin-bottom:.4rem;font-size:.8rem;font-weight:500;display:block}.likes li{align-items:baseline;gap:.5rem;line-height:1.7;display:flex}.likes .muted{color:var(--faint);font-size:.85rem}.skills{flex-wrap:wrap;gap:.4rem;display:flex}.skills li{background:color-mix(in srgb, var(--text) 5%, transparent);color:var(--muted);transition:background-color .2s var(--ease), color .2s var(--ease);border-radius:999px;padding:.25rem .65rem;font-size:.85rem}.skills li:hover{background:var(--text);color:var(--bg)}.footer{flex-wrap:wrap;justify-content:center;gap:.5rem 1.75rem;padding-top:1rem;display:flex}.hello{color:var(--muted);transition:color .2s var(--ease);align-items:center;gap:.5rem;font-size:.9rem;display:inline-flex}.hello svg{width:.95rem;height:.95rem;transition:transform .3s var(--ease)}.hello:hover{color:var(--text)}.hello:hover svg{transform:rotate(-8deg)scale(1.1)}@media (width<=480px){.page{padding-top:3.25rem}h1{font-size:2.25rem}.likes{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.rise{opacity:1;animation:none;transform:none}.link:after,.hello,.hello svg,.timeline .span,.skills li{transition:none}}
