:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page:#f3f5f8;--surface:#fafbfc;--surface-raised:#fff;--surface-quiet:#e9edf2;--ink:#14171c;--muted:#616975;--line:#ccd2da;--line-strong:#9da6b2;--accent:#2458e8;--accent-ink:#fff;--accent-soft:#dce5ff;--header:#f3f5f8e0;--shadow:0 24px 60px #161c2d17;--font-sans:"Pretendard Variable", Pretendard, SUIT, "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--content:1180px;--gutter:clamp(20px, 4vw, 52px);--section-space:clamp(104px, 14vw, 180px)}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:#101318;--surface:#171b21;--surface-raised:#1d222a;--surface-quiet:#242a33;--ink:#f2f4f7;--muted:#a5adb8;--line:#343b46;--line-strong:#596474;--accent:#6d91ff;--accent-ink:#0b1020;--accent-soft:#202f5d;--header:#101318e0;--shadow:0 28px 70px #00000047}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--page);scroll-padding-top:96px}body{min-width:320px;color:var(--ink);background:linear-gradient(#8088940a 1px, transparent 1px), var(--page);font-family:var(--font-sans);text-rendering:optimizelegibility;background-size:100% 40px;margin:0;font-size:16px;line-height:1.68;transition:color .18s,background-color .18s}button,a,summary{-webkit-tap-highlight-color:transparent}button,input,textarea,select{font:inherit}a{color:inherit;text-underline-offset:.22em;text-decoration-thickness:1px}button,summary,a{outline-offset:4px}:focus-visible{outline:2px solid var(--accent)}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.045em;text-wrap:balance;line-height:1.12}h1{max-width:880px;margin-bottom:28px;font-size:clamp(3rem,7vw,6.7rem);font-weight:720}h2{margin-bottom:0;font-size:clamp(2.25rem,5vw,4.75rem);font-weight:690}h3{font-size:clamp(1.35rem,2vw,2rem)}ul,ol{margin-top:0}section,footer{width:min(100%, var(--content));padding-inline:var(--gutter);margin-inline:auto}.button{border:1px solid var(--line-strong);justify-content:center;align-items:center;min-height:48px;padding:10px 18px;font-size:.92rem;font-weight:680;text-decoration:none;transition:transform .16s,background-color .16s,color .16s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-primary{border-color:var(--accent);color:var(--accent-ink);background:var(--accent)}.button-secondary{background:var(--surface)}.icon-button{border:1px solid var(--line);width:42px;height:42px;color:var(--ink);cursor:pointer;background:0 0;border-radius:50%;place-items:center;transition:border-color .16s,background-color .16s;display:inline-grid}.icon-button:hover{border-color:var(--ink);background:var(--surface-raised)}.site-header{z-index:50;width:min(100%, var(--content));min-height:76px;padding-inline:var(--gutter);border-bottom:1px solid var(--line);background:var(--header);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);grid-template-columns:1fr auto 1fr;align-items:center;margin-inline:auto;display:grid;position:sticky;top:0}.site-name{letter-spacing:-.03em;width:fit-content;font-size:.95rem;font-weight:760;text-decoration:none}.site-navigation{gap:28px;display:flex}.site-navigation a{color:var(--muted);font-size:.82rem;font-weight:650;text-decoration:none;position:relative}.site-navigation a:after{background:var(--accent);content:"";transform-origin:0;height:2px;transition:transform .16s;position:absolute;bottom:-7px;left:0;right:0;transform:scaleX(0)}.site-navigation a:hover{color:var(--ink)}.site-navigation a:hover:after{transform:scaleX(1)}.header-actions{justify-self:end;gap:8px;display:flex}.menu-toggle{display:none}.section-heading{grid-template-columns:minmax(0,1.55fr) minmax(240px,.65fr);align-items:end;gap:48px;margin-bottom:clamp(54px,8vw,96px);display:grid}.section-heading>p{color:var(--muted);margin-bottom:5px;font-size:1.02rem}.reveal{opacity:0;transition:opacity .56s,transform .56s;transform:translateY(24px)}.reveal.is-visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal{opacity:1;transform:none}}@media (width<=767px){:root{--section-space:96px}body{background-size:100% 32px}h1{font-size:clamp(2.8rem,13vw,4.4rem)}h2{font-size:clamp(2.15rem,10vw,3.4rem)}.site-header{grid-template-columns:1fr auto;min-height:68px}.menu-toggle{display:inline-grid}.site-navigation{top:calc(100% + 1px);right:var(--gutter);left:var(--gutter);border:1px solid var(--line);background:var(--surface-raised);box-shadow:var(--shadow);flex-direction:column;gap:4px;padding:16px;display:none;position:absolute}.site-navigation[data-open=true]{display:flex}.site-navigation a{padding:10px 8px}.section-heading{grid-template-columns:1fr;gap:22px;margin-bottom:48px}}.hero-section{grid-template-columns:minmax(0,1fr) minmax(230px,.34fr);align-items:end;gap:clamp(48px,8vw,100px);min-height:calc(100dvh - 76px);padding-top:clamp(72px,10vw,132px);padding-bottom:64px;display:grid}.hero-section h1{text-wrap:pretty;font-size:clamp(3rem,5.1vw,4.7rem)}.hero-role{color:var(--accent);letter-spacing:.02em;align-items:center;gap:12px;margin-bottom:24px;font-size:.84rem;font-weight:760;display:flex}.hero-role:before{content:"";background:currentColor;width:38px;height:2px}.hero-introduction{max-width:620px;color:var(--muted);margin-bottom:34px;font-size:clamp(1.05rem,1.5vw,1.28rem)}.hero-actions{gap:10px;display:flex}.hero-identity{align-self:center}.portrait-frame{aspect-ratio:4/5;border:1px solid var(--line);background:var(--surface-quiet);box-shadow:var(--shadow);position:relative;overflow:hidden}.portrait-frame:after{content:"";pointer-events:none;border:1px solid #ffffff38;position:absolute;inset:0}.portrait-frame img{object-fit:cover;filter:saturate(.68)contrast(1.04);width:100%;height:100%;transition:filter .24s,transform .36s}.portrait-frame:hover img{filter:saturate(.9)contrast(1.02);transform:scale(1.025)}.portrait-frame>span{color:#fff;letter-spacing:.08em;font-size:.72rem;font-weight:800;position:absolute;bottom:10px;right:12px}.identity-caption{border-top:1px solid var(--ink);justify-content:space-between;margin-top:18px;padding-top:16px;font-size:.9rem;display:flex}.identity-caption span{color:var(--muted)}.experience-section,.projects-section,.timeline-section,.skills-section,.education-section{padding-top:var(--section-space);padding-bottom:var(--section-space)}.experience-section{border-top:1px solid var(--line)}.experience-record{border-top:2px solid var(--ink);border-bottom:1px solid var(--line);grid-template-columns:minmax(220px,.72fr) minmax(0,1.28fr);gap:clamp(48px,9vw,120px);padding:clamp(28px,5vw,58px) 0;display:grid}.experience-meta p,.experience-meta time{color:var(--muted);margin-bottom:4px;display:block}.experience-meta .company-name{color:var(--ink);letter-spacing:-.04em;margin-bottom:14px;font-size:1.65rem;font-weight:740}.experience-focus{counter-reset:focus;margin-bottom:0;padding:0;list-style:none}.experience-focus li{border-bottom:1px solid var(--line);counter-increment:focus;grid-template-columns:38px 1fr;gap:14px;padding:18px 0;font-size:clamp(1.05rem,1.5vw,1.24rem);display:grid}.experience-focus li:before{color:var(--accent);content:"0" counter(focus);letter-spacing:.06em;font-size:.75rem;font-weight:760}.projects-section{position:relative}.system-visual{border-top:2px solid var(--ink);border-bottom:1px solid var(--line);background:radial-gradient(circle at 14% 18%, var(--accent-soft), transparent 28%), var(--surface);grid-template-columns:minmax(210px,.72fr) minmax(0,1.28fr);gap:clamp(42px,7vw,92px);margin-bottom:clamp(72px,10vw,130px);padding:clamp(34px,5vw,64px);display:grid;position:relative}.system-core{border-right:1px solid var(--line);flex-direction:column;justify-content:center;padding-right:clamp(28px,4vw,54px);display:flex}.system-core span{color:var(--accent);letter-spacing:.04em;margin-bottom:14px;font-size:.74rem;font-weight:760}.system-core strong{letter-spacing:-.07em;margin-bottom:20px;font-size:clamp(3.2rem,6vw,5.8rem);font-weight:800;line-height:.9}.system-core p{max-width:310px;color:var(--muted);margin-bottom:0;font-size:.9rem}.system-tracks{margin:0;padding:0;list-style:none}.system-track{border-top:1px solid var(--line);grid-template-columns:42px minmax(110px,.55fr) minmax(0,1fr);align-items:center;gap:clamp(14px,2vw,30px);min-width:0;padding:24px 0;display:grid;position:relative}.system-track:first-child{border-top-color:var(--ink)}.system-track:before{background:var(--accent);content:"";border-radius:50%;width:7px;height:7px;position:absolute;top:-4px;left:-3px}.track-index{color:var(--accent);font-variant-numeric:tabular-nums;font-size:.72rem;font-weight:780}.system-track div{min-width:0;display:grid}.system-track small{color:var(--muted);font-size:.7rem}.system-track strong{overflow-wrap:anywhere;letter-spacing:-.035em;font-size:clamp(1rem,1.7vw,1.35rem)}.system-track p{min-width:0;color:var(--muted);margin-bottom:0;font-size:.86rem;line-height:1.55}.project-list{gap:clamp(80px,12vw,148px);display:grid}.project-case{grid-template-columns:minmax(0,1.02fr) minmax(280px,.72fr);align-items:start;gap:clamp(42px,7vw,94px);display:grid}.project-resident{grid-template-columns:minmax(280px,.72fr) minmax(0,1.02fr)}.project-resident .project-summary{grid-column:2}.project-resident .project-evidence{grid-area:1/1}.project-guard{width:82%;margin-left:auto}.project-summary{border-top:2px solid var(--ink);padding-top:20px;position:relative}.project-index{color:var(--accent);font-size:.78rem;font-weight:800;position:absolute;top:19px;right:0}.project-audience{color:var(--muted);margin-bottom:38px;font-size:.82rem;font-weight:650}.project-summary h3{max-width:520px;margin-bottom:20px;font-size:clamp(2rem,4vw,4rem)}.project-summary>p:not(.project-audience){max-width:590px;color:var(--muted);font-size:1.02rem}.project-featured{border-top:1px solid var(--line);border-left:3px solid var(--accent);max-width:520px;margin-top:34px;padding:18px 0 0 26px;font-size:clamp(1.05rem,1.7vw,1.35rem);line-height:1.45;display:block}.technology-list{flex-wrap:wrap;gap:7px;margin-bottom:28px;padding:0;list-style:none;display:flex}.technology-list li{border:1px solid var(--line);color:var(--muted);background:var(--surface);padding:6px 9px;font-size:.75rem;font-weight:660}details{border-top:1px solid var(--line-strong);border-bottom:1px solid var(--line)}summary{cursor:pointer;padding:18px 34px 18px 0;font-size:.9rem;font-weight:700;list-style:none;position:relative}summary::-webkit-details-marker{display:none}summary:after{color:var(--accent);content:"+";font-size:1.3rem;line-height:1;position:absolute;top:17px;right:2px}details[open] summary:after{content:"−"}.contribution-list{color:var(--muted);margin:0;padding:2px 0 22px 20px;font-size:.9rem}.contribution-list li+li{margin-top:10px}.timeline-section{border-top:1px solid var(--line);grid-template-columns:minmax(260px,.62fr) minmax(0,1.38fr);gap:clamp(48px,8vw,110px);display:grid}.timeline-section .section-heading{margin-bottom:0;display:block}.timeline-section .section-heading p{max-width:350px;margin-top:24px}.timeline-list{margin:0;padding:0;list-style:none}.timeline-list li{border-top:1px solid var(--line);grid-template-columns:128px 1fr;gap:24px;padding:24px 0 34px;display:grid}.timeline-list li:first-child{border-top-color:var(--ink)}.timeline-list time{color:var(--accent);font-size:.75rem;font-weight:760}.timeline-list h3{margin-bottom:8px;font-size:1.25rem}.timeline-list p{color:var(--muted);margin-bottom:0;font-size:.93rem}.skills-section{border-top:1px solid var(--line)}.skill-groups{grid-template-columns:repeat(12,1fr);gap:14px;display:grid}.skill-group{border:1px solid var(--line);background:var(--surface);min-height:280px;padding:clamp(24px,3vw,38px)}.skill-group:first-child{grid-column:span 7}.skill-group:nth-child(2),.skill-group:nth-child(3){grid-column:span 5}.skill-group:nth-child(4){grid-column:span 7}.skill-group h3{margin-bottom:20px}.skill-group p{max-width:440px;color:var(--muted);font-size:.9rem}.skill-group ul{flex-wrap:wrap;gap:8px 18px;margin:34px 0 0;padding:0;list-style:none;display:flex}.skill-group li{font-size:.82rem;font-weight:680}.education-section{border-top:1px solid var(--line);grid-template-columns:minmax(260px,.6fr) minmax(0,1.4fr);gap:clamp(48px,8vw,110px);display:grid}.education-grid{border-top:2px solid var(--ink);grid-template-columns:1fr 1fr;display:grid}.education-grid article{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:210px;padding:28px}.education-grid article:last-child{border-right:0}.education-grid article>p:first-child{color:var(--accent);font-size:.75rem;font-weight:760}.education-grid h3{margin-top:62px;margin-bottom:10px}.education-grid article>p:last-child,.education-grid time{color:var(--muted);font-size:.9rem}.contact-section{border-top:1px solid var(--line);grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr);align-items:start;gap:50px;min-height:520px;padding-top:clamp(80px,11vw,140px);padding-bottom:36px;display:grid}.contact-section h2{max-width:740px}.contact-section>div:first-child p{max-width:560px;color:var(--muted);margin-top:28px}.contact-links{border-top:1px solid var(--ink);align-self:center;display:grid}.contact-links a{border-bottom:1px solid var(--line);justify-content:space-between;padding:18px 0;font-size:.92rem;font-weight:680;text-decoration:none;display:flex}.contact-links a:after{color:var(--accent);content:"↗"}.copyright{color:var(--muted);grid-column:1/-1;margin:auto 0 0;font-size:.75rem}@media (width<=767px){.hero-section{grid-template-columns:1fr;gap:54px;min-height:auto;padding-top:64px;padding-bottom:94px}.hero-copy{display:contents}.hero-role,.hero-copy h1,.hero-introduction,.hero-actions{grid-column:1}.hero-role{margin-bottom:-34px}.hero-copy h1,.hero-introduction{margin-bottom:-22px}.hero-identity{grid-row:3;width:min(76vw,320px);margin-left:auto}.experience-record,.project-case,.project-resident,.timeline-section,.education-section,.contact-section{grid-template-columns:1fr}.experience-record{gap:26px}.system-visual{grid-template-columns:1fr;gap:36px;padding:30px 20px 18px}.system-core{border-right:0;border-bottom:1px solid var(--line);padding:0 0 32px}.system-track{grid-template-columns:34px minmax(0,1fr);gap:14px}.system-track>p{grid-column:2}.project-resident .project-summary,.project-resident .project-evidence{grid-area:auto}.project-guard{width:100%}.project-summary h3{font-size:clamp(2.25rem,11vw,3.3rem)}.timeline-section{gap:48px}.timeline-list li{grid-template-columns:1fr;gap:12px}.skill-groups{grid-template-columns:1fr}.skill-group:nth-child(n){grid-column:auto;min-height:auto}.education-section{gap:42px}.education-grid{grid-template-columns:1fr}.education-grid article,.education-grid article:last-child{border-right:0}.contact-section{grid-template-rows:auto auto 1fr;min-height:620px}.copyright{align-self:end}}@media print{:root,[data-theme=dark]{--page:#fff;--surface:#fff;--surface-raised:#fff;--surface-quiet:#f2f2f2;--ink:#111;--muted:#454545;--line:#c5c5c5;--line-strong:#777;--accent:#111;--accent-soft:#eee}@page{size:A4;margin:14mm}html,body{font-size:9pt;background:#fff!important}.site-header,.hero-actions,.system-visual,.theme-toggle,.menu-toggle,.copyright{display:none!important}section,footer{break-inside:avoid;width:100%;padding:8mm 0!important}.reveal{opacity:1!important;transform:none!important}.hero-section{grid-template-columns:1fr 36mm;min-height:auto}.portrait-frame{box-shadow:none}h1{margin-bottom:4mm;font-size:30pt}h2{font-size:20pt}h3,.project-summary h3{font-size:14pt}.section-heading{margin-bottom:6mm}.project-list{gap:8mm}.project-case,.project-resident,.timeline-section,.education-section,.contact-section{break-inside:avoid;grid-template-columns:1fr 1fr;gap:7mm;width:100%;margin:0}.project-resident .project-summary,.project-resident .project-evidence{grid-area:auto}details>*{display:block!important}summary{display:none!important}.contribution-list{padding-bottom:0}.skill-group{min-height:auto;padding:5mm}.contact-section{min-height:auto}a{color:#111;text-decoration:none}}