:root{--bg:#fbfaf8;--bg-elevated:#fff;--bg-subtle:#f2f1ed;--text:#17171a;--text-soft:#46464f;--text-muted:#7a7a86;--border:#e4e2dc;--border-strong:#d3d0c8;--accent:#4f46e5;--accent-soft:rgba(79,70,229,.1);--active:#047857;--active-soft:rgba(4,120,87,.1);--shadow:0 1px 2px rgba(23,23,26,.04),0 8px 24px rgba(23,23,26,.05);--shadow-hover:0 2px 4px rgba(23,23,26,.06),0 16px 40px rgba(23,23,26,.09);--font-sans:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo",system-ui,"Segoe UI",Roboto,"Malgun Gothic",sans-serif;--font-mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace;--radius:14px;--radius-sm:8px;--container:960px;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0f0f11;--bg-elevated:#17171a;--bg-subtle:#1e1e22;--text:#f2f2f0;--text-soft:#c3c3cc;--text-muted:#8b8b96;--border:#2a2a30;--border-strong:#3a3a43;--accent:#a5b4fc;--accent-soft:rgba(165,180,252,.14);--active:#34d399;--active-soft:rgba(52,211,153,.14);--shadow:0 1px 2px rgba(0,0,0,.4),0 8px 24px rgba(0,0,0,.3);--shadow-hover:0 2px 4px rgba(0,0,0,.5),0 16px 40px rgba(0,0,0,.45);color-scheme:dark}}:root[data-theme=dark]{--bg:#0f0f11;--bg-elevated:#17171a;--bg-subtle:#1e1e22;--text:#f2f2f0;--text-soft:#c3c3cc;--text-muted:#8b8b96;--border:#2a2a30;--border-strong:#3a3a43;--accent:#a5b4fc;--accent-soft:rgba(165,180,252,.14);--active:#34d399;--active-soft:rgba(52,211,153,.14);--shadow:0 1px 2px rgba(0,0,0,.4),0 8px 24px rgba(0,0,0,.3);--shadow-hover:0 2px 4px rgba(0,0,0,.5),0 16px 40px rgba(0,0,0,.45);color-scheme:dark}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px;-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:16px;line-height:1.7;word-break:keep-all;overflow-wrap:anywhere;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}ul{margin:0;padding:0;list-style:none}h1,h2,h3,h4{margin:0;font-weight:700;letter-spacing:-.02em;line-height:1.3}img{max-width:100%}::selection{background:var(--accent-soft)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.container{width:100%;max-width:var(--container);margin:0 auto;padding-left:24px;padding-right:24px}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:16px;top:16px;z-index:100;padding:10px 16px;background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-sm)}.nav{position:-webkit-sticky;position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid transparent;transition:border-color .2s ease}.nav[data-stuck=true]{border-bottom-color:var(--border)}.nav__inner{display:flex;align-items:center;gap:16px;height:60px}.nav__brand{font-weight:700;letter-spacing:-.02em;white-space:nowrap}.nav__brand span{color:var(--text-muted);font-weight:500;font-size:.85em}.nav__menu{display:flex;align-items:center;gap:4px;margin-left:auto;overflow-x:auto;scrollbar-width:none}.nav__menu::-webkit-scrollbar{display:none}.nav__link{padding:6px 12px;border-radius:999px;font-size:14px;font-weight:500;color:var(--text-muted);white-space:nowrap;transition:color .15s ease,background-color .15s ease}.nav__link:hover{color:var(--text);background:var(--bg-subtle)}.nav__link[aria-current=true]{color:var(--accent);background:var(--accent-soft)}.icon-button{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:1px solid var(--border);border-radius:999px;background:transparent;color:var(--text-soft);cursor:pointer;transition:color .15s ease,border-color .15s ease,background-color .15s ease}.icon-button:hover{color:var(--text);border-color:var(--border-strong);background:var(--bg-subtle)}.hero{position:relative;padding:72px 0 64px;overflow:hidden}.hero:before{content:"";position:absolute;top:-220px;left:50%;width:780px;height:480px;transform:translateX(-50%);background:radial-gradient(closest-side,var(--accent-soft),transparent);pointer-events:none}.hero__inner{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;grid-gap:48px;gap:48px}.hero__eyebrow{display:inline-block;margin-bottom:18px;padding:5px 12px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:13px;font-weight:600;letter-spacing:.01em}.hero__name{font-size:clamp(38px,7vw,60px);letter-spacing:-.04em}.hero__name small{display:block;margin-top:8px;font-size:clamp(15px,2.4vw,18px);font-weight:500;color:var(--text-muted);letter-spacing:0}.hero__tagline{margin:20px 0 0;max-width:30em;font-size:17px;color:var(--text-soft)}.hero__photo{width:168px;height:168px;border-radius:26px;object-fit:cover;object-position:center top;border:1px solid var(--border);box-shadow:var(--shadow)}.hero__stats{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.stat{flex:1 1 160px;padding:14px 18px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated)}.stat__label{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.stat__value{margin-top:2px;font-size:17px;font-weight:700;letter-spacing:-.02em}.contacts{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.contact{display:inline-flex;align-items:center;gap:7px;padding:7px 14px 7px 11px;border:1px solid var(--border);border-radius:999px;background:var(--bg-elevated);font-size:14px;color:var(--text-soft);transition:color .15s ease,border-color .15s ease,transform .15s ease}a.contact:hover{color:var(--text);border-color:var(--border-strong);transform:translateY(-1px)}.contact svg{flex:0 0 auto;color:var(--text-muted)}a.contact:hover svg{color:var(--accent)}.section{padding:56px 0;border-top:1px solid var(--border)}.section__head{margin-bottom:32px}.section__label{display:block;font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}.section__title{margin-top:8px;font-size:clamp(24px,4vw,30px);letter-spacing:-.03em}.prose p{margin:0 0 14px;max-width:44em;font-size:17px;color:var(--text-soft)}.prose p:last-child{margin-bottom:0}.skill-grid{display:grid;grid-gap:12px;gap:12px}.skill-row{display:grid;grid-template-columns:120px minmax(0,1fr);grid-gap:16px;gap:16px;align-items:start;padding:16px 18px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated)}.skill-row__category{font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);padding-top:4px}.chips{display:flex;flex-wrap:wrap;gap:7px}.chip{padding:4px 11px;border-radius:999px;background:var(--bg-subtle);font-size:13px;font-weight:500;color:var(--text-soft);white-space:nowrap}.chip--accent{background:var(--accent-soft);color:var(--accent)}.career{display:grid;grid-gap:8px;gap:8px}.company{position:relative;padding:24px 0 24px 30px}.company:before{content:"";position:absolute;left:5px;top:34px;bottom:-8px;width:1px;background:var(--border)}.company:last-child:before{display:none}.company:after{content:"";position:absolute;left:0;top:28px;width:11px;height:11px;border-radius:50%;background:var(--bg);border:2px solid var(--border-strong)}.company[data-current=true]:after{border-color:var(--active);background:var(--active);box-shadow:0 0 0 4px var(--active-soft)}.company__head{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 12px}.company__name{font-size:21px;letter-spacing:-.03em}.company__note{font-size:13px;font-weight:500;color:var(--text-muted)}.badge{padding:3px 10px;border-radius:999px;background:var(--active-soft);color:var(--active);font-size:12px;font-weight:700;letter-spacing:.01em}.company__meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px;font-size:14px;color:var(--text-muted)}.company__role{font-weight:600;color:var(--text-soft)}.company__meta .dot{width:3px;height:3px;border-radius:50%;background:var(--border-strong)}.company__period{font-family:var(--font-mono);font-size:13px}.company__summary{margin:14px 0 0;max-width:46em;color:var(--text-soft)}.projects{display:grid;grid-gap:12px;gap:12px;margin-top:20px}.project{padding:20px 22px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.project:hover{border-color:var(--border-strong);box-shadow:var(--shadow-hover);transform:translateY(-2px)}.project__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 16px}.project__title{font-size:17px;letter-spacing:-.02em}.project__period{font-family:var(--font-mono);font-size:12.5px;color:var(--text-muted);white-space:nowrap}.project__summary{margin:8px 0 0;color:var(--text-soft);font-size:15px}.bullets{margin:14px 0 0;display:grid;grid-gap:7px;gap:7px}.bullets li{position:relative;padding-left:18px;font-size:15px;color:var(--text-soft)}.bullets li:before{content:"";position:absolute;left:2px;top:11px;width:5px;height:5px;border-radius:50%;background:var(--border-strong)}.project__link{display:inline-flex;align-items:center;gap:5px;margin-top:14px;font-size:14px;font-weight:600;color:var(--accent)}.project__link:hover{text-decoration:underline;text-underline-offset:3px}.project .chips{margin-top:16px}.more-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:16px;gap:16px}.card{padding:22px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated)}.card__title{font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:16px}.entries{display:grid;grid-gap:16px;gap:16px}.entry__title{font-size:15px;font-weight:600}.entry__sub{margin-top:2px;font-size:14px;color:var(--text-soft)}.entry__period{margin-top:4px;font-family:var(--font-mono);font-size:12.5px;color:var(--text-muted)}a.entry__title:hover{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.footer{padding:40px 0 64px;border-top:1px solid var(--border)}.footer__inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;font-size:13.5px;color:var(--text-muted)}.footer a:hover{color:var(--accent)}.footer__sign{font-family:var(--font-mono);letter-spacing:.04em}html.reveal-enabled .reveal{opacity:0;transform:translateY(14px);transition:opacity .5s ease,transform .5s ease}html.reveal-enabled .reveal[data-visible=true]{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation-duration:.001ms!important;transition-duration:.001ms!important}html.reveal-enabled .reveal{opacity:1;transform:none}}@media (max-width:760px){.container{padding-left:18px;padding-right:18px}.hero{padding:44px 0 40px}.hero__inner{grid-template-columns:minmax(0,1fr);gap:28px}.hero__photo{width:108px;height:108px;border-radius:20px}.hero__figure{order:-1}.section{padding:44px 0}.skill-row{grid-template-columns:minmax(0,1fr);gap:10px}.skill-row__category{padding-top:0}.company{padding-left:22px}.project{padding:18px}.nav__brand span{display:none}}@media (max-width:480px){.nav__inner{gap:8px}.nav__menu{gap:0}.nav__link{padding:5px 9px;font-size:13px}.icon-button{width:32px;height:32px}}@media print{:root{--bg:#fff;--bg-elevated:#fff;--bg-subtle:#f4f4f4;--text:#000;--text-soft:#1f1f1f;--text-muted:#555;--border:#d8d8d8;--border-strong:#b8b8b8;--accent:#333;--accent-soft:#f0f0f0;--active:#333;--active-soft:#f0f0f0;--shadow:none;--shadow-hover:none}.hero:before,.icon-button,.nav{display:none!important}body{font-size:11pt;line-height:1.5}.container{max-width:none;padding:0}.hero{padding:0 0 16pt}.section{padding:16pt 0}.card,.company,.project,.stat{break-inside:avoid;page-break-inside:avoid;box-shadow:none!important;transform:none!important}html.reveal-enabled .reveal{opacity:1!important;transform:none!important}a[href^=http]:after{content:" (" attr(href) ")";font-size:8pt;color:#666;word-break:break-all}.contact[href]:after,.nav a:after{content:""}}