@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500&display=swap";:root{--bg:#fff;--fg:#000;--fg-muted:#666;--fg-light:#999;--border:#eee;--font-main:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--font-size-xs:12px;--font-size-sm:14px;--font-size-base:16px;--font-size-lg:18px;--font-size-xl:24px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);color:var(--fg);font-family:var(--font-main);font-size:var(--font-size-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}h1,h2,h3,h4{letter-spacing:-.02em;font-weight:500}a{color:inherit;text-decoration:none;transition:opacity .2s}a:hover{opacity:.6}ul{list-style:none}section{padding:5rem 0}.container{max-width:1400px;margin:0 auto;padding:0 4rem}@media (width<=768px){.container{padding:0 1.5rem}section{padding:3rem 0}.hero{padding-top:4rem!important;padding-bottom:2rem!important}.timeline{border-left:none;margin-left:0;padding-left:0}.timeline-dot{display:none}}.timeline{border-left:1px solid var(--border);margin-left:.5rem;padding-left:2rem;position:relative}.timeline-item{margin-bottom:4rem;position:relative}@media (width<=768px){.timeline-item{flex-direction:column!important;gap:1rem!important;display:flex!important}}.timeline-dot{background:var(--bg);border:1px solid var(--fg);border-radius:50%;width:8px;height:8px;position:absolute;top:.25rem;left:-2.35rem}.grid-2{grid-template-columns:1fr 2fr;gap:2rem;display:grid}.grid-skill{grid-template-columns:repeat(4,1fr);gap:3rem;display:grid}.grid-2-project{grid-template-columns:1fr 1fr;align-items:start;gap:4rem;display:grid}.project-video{aspect-ratio:16/9;background:#f9f9f9;border-radius:4px;justify-content:center;align-items:center;display:flex;overflow:hidden}@media (width<=768px){.grid-2,.grid-skill,.grid-2-project{grid-template-columns:1fr!important;gap:2rem!important}.project-content{order:1}.project-video{order:2}}.light{color:var(--fg-light);font-size:var(--font-size-sm)}.small{font-size:var(--font-size-sm)}.xs{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em}hr{border:none;border-top:1px solid var(--border);margin:2rem 0}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#eee}::-webkit-scrollbar-thumb:hover{background:#ddd}