:root{--container:1200px;--gutter:24px;--section-y:clamp(96px,12vw,180px);--bg:#09090b;--surface:#121214;--surface-2:#18181b;--border:#27272a;--border-strong:#3f3f46;--text:#fafafa;--text-2:#a1a1aa;--text-3:#8b8b95;--accent:#4a90e2;--chip:#1976d2;--chip-text:#fafafa;--btn:#3a3a3f;--gold:#eab308;--green:#22c55e;--font-mono:"Noto Sans Mono","Pretendard Variable",Pretendard,-apple-system,"Apple SD Gothic Neo","Malgun Gothic",monospace;--fs-hero:clamp(3.4rem,10vw,6rem);--fs-h1:clamp(2rem,4.6vw,3.5rem);--fs-body:1rem;--fs-sm:0.9rem;--fs-xs:0.8rem;--ease:cubic-bezier(0.22,0.61,0.36,1)}*,:after,:before{box-sizing:border-box}*{margin:0;padding:0}html{color-scheme:dark;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#09090b;background:var(--bg);color:#fafafa;color:var(--text);font-family:Noto Sans Mono,Pretendard Variable,Pretendard,-apple-system,Apple SD Gothic Neo,Malgun Gothic,monospace;font-family:var(--font-mono);font-size:1rem;font-size:var(--fs-body);line-height:1.7}#root{min-height:100vh}img{max-width:100%}a,button{color:inherit}button{font:inherit}:focus-visible{border-radius:4px;outline:2px solid #4a90e2;outline:2px solid var(--accent);outline-offset:3px}::selection{background:#4a90e24d}.section{padding:calc(clamp(96px, 12vw, 180px)/2) 0;padding:calc(var(--section-y)/2) 0}.container{margin:0 auto;max-width:1200px;max-width:var(--container);padding:0 24px;padding:0 var(--gutter);width:100%}.section-title{color:#fafafa;color:var(--text);font-size:clamp(2rem,4.6vw,3.5rem);font-size:var(--fs-h1);font-weight:400;letter-spacing:-.01em;margin-bottom:clamp(36px,5vw,64px)}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s cubic-bezier(.22,.61,.36,1),transform .7s cubic-bezier(.22,.61,.36,1);transition:opacity .7s var(--ease),transform .7s var(--ease);transition-delay:0ms;transition-delay:var(--delay,0ms)}.reveal.is-in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}.App{overflow-x:clip}.App,.hero{min-height:100vh;position:relative}.hero{align-items:center;display:flex;min-height:100svh}.hero-name{color:var(--text);font-size:var(--fs-hero);font-weight:800;letter-spacing:-.01em;line-height:1.04}.hero-role{color:var(--accent);font-size:clamp(1.1rem,2.2vw,1.5rem);font-weight:600;margin-top:34px}.hero-tagline{color:var(--text-2);font-size:var(--fs-sm);margin-top:12px;word-break:keep-all}.hero-scroll{animation:heroBob 2.4s var(--ease) infinite;border:1px solid var(--border-strong);border-radius:50%;bottom:44px;color:var(--text-2);display:grid;height:42px;left:50%;place-items:center;position:absolute;text-decoration:none;transform:translateX(-50%);transition:color .18s var(--ease),border-color .18s var(--ease);width:42px}.hero-scroll:hover{border-color:var(--accent);color:var(--accent)}@keyframes heroBob{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,7px)}}.profile-grid{grid-gap:clamp(32px,5vw,72px);align-items:start;display:grid;gap:clamp(32px,5vw,72px);grid-template-columns:280px minmax(0,1fr)}.profile-photo{border:1px solid var(--border);border-radius:12px;margin:0;overflow:hidden}.profile-photo img{aspect-ratio:4/5;display:block;object-fit:cover;width:100%}.profile-rows{display:grid}.profile-row{grid-gap:18px;border-bottom:1px solid var(--border);display:grid;gap:18px;grid-template-columns:130px minmax(0,1fr);padding:17px 4px}.profile-row:first-child{border-top:1px solid var(--border)}.profile-row dt{color:var(--text-3);font-size:var(--fs-sm)}.profile-row dd{color:var(--text);font-size:var(--fs-sm);margin:0;overflow-wrap:anywhere;word-break:keep-all}.profile-row dd a{text-decoration:none;transition:color .16s var(--ease)}.profile-row dd a:hover{color:var(--accent);text-decoration:underline}@media(max-width:900px){.profile-grid{grid-template-columns:1fr;max-width:520px}.profile-photo{max-width:280px}}.cert-rows{grid-column-gap:clamp(28px,4vw,64px);column-gap:clamp(28px,4vw,64px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));list-style:none}.cert-row{align-items:baseline;border-bottom:1px solid var(--border);display:flex;gap:20px;justify-content:space-between;padding:16px 4px}.cert-row:nth-child(-n+2){border-top:1px solid var(--border)}.cert-name{color:var(--text);font-size:var(--fs-sm);word-break:keep-all}.cert-name small{color:var(--text-3);display:block;font-size:var(--fs-xs);margin-top:3px}.cert-kind{color:var(--gold);display:inline-block;font-style:normal;font-weight:600;letter-spacing:.08em;margin-right:10px;text-transform:uppercase}.cert-date,.cert-kind{font-size:var(--fs-xs)}.cert-date{color:var(--text-3);flex-shrink:0}@media(max-width:720px){.cert-rows{grid-template-columns:1fr}.cert-row:nth-child(-n+2){border-top:none}.cert-row:first-child{border-top:1px solid var(--border)}}.projects-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin:-28px 0 44px}.projects-count{color:var(--text-3);font-size:var(--fs-sm)}.featured-toggle{align-items:center;background:#0000;border:1px solid var(--border-strong);border-radius:8px;color:var(--text-2);cursor:pointer;display:inline-flex;font-size:var(--fs-sm);gap:8px;padding:9px 16px;transition:color .16s var(--ease),border-color .16s var(--ease),background-color .16s var(--ease)}.featured-toggle svg{color:var(--text-3);transition:color .16s var(--ease)}.featured-toggle:hover{border-color:var(--text-3);color:var(--text)}.featured-toggle.on{border-color:var(--gold);color:var(--gold)}.featured-toggle.on svg{color:var(--gold)}.projects-list{grid-gap:clamp(28px,4vw,48px);display:grid;gap:clamp(28px,4vw,48px)}.project{--pad:clamp(26px,4vw,44px);background:var(--surface);border:1px solid var(--border);border-radius:14px;overflow:hidden;padding:var(--pad);transition:border-color .2s var(--ease)}.project:hover{border-color:var(--border-strong)}.project-head{align-items:center;display:flex;flex-wrap:wrap;gap:14px;margin-bottom:22px}.project-head h3{color:var(--text);font-size:clamp(1.5rem,3vw,2rem);font-weight:700;letter-spacing:-.01em}.badge{border-radius:999px;font-size:var(--fs-xs);font-weight:600;padding:4px 12px}.badge-accent{background:#4a90e224;border:1px solid #4a90e273;color:var(--accent)}.badge-green{background:#22c55e1f;border:1px solid #22c55e6b;color:var(--green)}.badge-gold{background:#eab3081f;border:1px solid #eab30866;color:var(--gold)}.project-periods{grid-gap:6px;display:grid;gap:6px;margin-bottom:22px}.project-periods>div{align-items:baseline;display:flex;gap:14px}.project-periods dt{color:var(--accent);flex-shrink:0;font-size:var(--fs-xs);font-weight:600;min-width:84px}.project-periods dd{color:var(--text-2);font-size:var(--fs-sm);margin:0}.project-desc{margin-bottom:22px;max-width:74ch}.project-desc p{color:var(--text-2);font-size:var(--fs-sm);line-height:1.85;word-break:keep-all}.project-desc p+p{margin-top:10px}.project-metrics{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:22px}.project-metrics>div{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;display:flex;flex-direction:column-reverse;min-width:0;padding:14px 16px}.project-metrics dd{color:var(--accent);font-size:.98rem;font-weight:700;letter-spacing:-.01em;line-height:1.35;margin:0;overflow-wrap:anywhere;word-break:keep-all}.project-metrics dt{color:var(--text-3);font-size:var(--fs-xs);margin-top:4px;word-break:keep-all}.project-tags{display:flex;flex-wrap:wrap;gap:8px}.chip{background:var(--chip);border-radius:999px;color:var(--chip-text);font-size:.82rem;padding:5px 11px;white-space:nowrap}.project-detail{margin-top:28px}.project-roles{grid-gap:9px;display:grid;gap:9px;list-style:none;margin-bottom:30px}.project-roles li{color:var(--text-2);font-size:var(--fs-sm);line-height:1.75;padding-left:20px;position:relative;word-break:keep-all}.project-roles li:before{background:var(--accent);border-radius:50%;content:"";height:6px;left:2px;position:absolute;top:.7em;width:6px}.carousel{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-bottom:24px;overflow:hidden;position:relative}.carousel-track{display:flex;transition:transform .38s var(--ease)}.carousel-slide{aspect-ratio:16/9;flex:0 0 100%}.carousel-slide img{display:block;height:100%;object-fit:cover;width:100%}.carousel.fit-contain .carousel-slide img{background:var(--surface-2);object-fit:contain}.carousel-btn{background:#09090bb8;border:1px solid var(--border-strong);border-radius:50%;color:var(--text);cursor:pointer;display:grid;font-size:1.15rem;height:40px;place-items:center;position:absolute;top:50%;transform:translateY(-50%);transition:background-color .16s var(--ease),border-color .16s var(--ease);width:40px}.carousel-btn:hover{background:#09090beb;border-color:var(--accent)}.carousel-btn.prev{left:14px}.carousel-btn.next{right:14px}.carousel-counter{background:#09090bb8;border:1px solid var(--border-strong);border-radius:999px;bottom:12px;color:var(--text-2);font-size:var(--fs-xs);padding:3px 10px;position:absolute;right:14px}.embed-shell{border-radius:12px}.embed-shell.compact{max-width:620px}.embed-shell{background:var(--surface);border:1px solid var(--border);margin-bottom:24px;overflow:hidden}.embed-bar{align-items:center;background:var(--surface-2);border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:12px 16px}.embed-bar span{color:var(--text);font-size:var(--fs-sm);font-weight:600}.embed-bar a{align-items:center;color:var(--accent);display:inline-flex;font-size:var(--fs-xs);gap:6px;text-decoration:none}.embed-bar a:hover{text-decoration:underline}.embed-frame{aspect-ratio:16/9;background:var(--surface-2);overflow:hidden;position:relative}.embed-frame iframe{border:0;display:block;left:0;position:absolute;top:0;transform-origin:top left}.video-frame{aspect-ratio:16/9;background:var(--surface-2);position:relative}.video-frame iframe{border:0;display:block;height:100%;inset:0;position:absolute;width:100%}.project-toggle{align-items:center;background:var(--surface-2);border:none;border-top:1px solid var(--border);color:var(--text-2);cursor:pointer;display:flex;font-size:var(--fs-sm);font-weight:600;gap:7px;justify-content:center;letter-spacing:.02em;margin:var(--pad) calc(var(--pad)*-1) calc(var(--pad)*-1);padding:16px;transition:color .16s var(--ease),background-color .16s var(--ease);width:calc(100% + var(--pad)*2)}.project-toggle svg{font-size:1.1rem}.project-toggle:hover{background:#1d1d21;color:var(--accent)}.project-links{display:flex;flex-wrap:wrap;gap:10px}.link-btn.primary{background:var(--chip)}.link-btn{align-items:center;background:var(--btn);border-radius:5px;color:var(--text);display:inline-flex;font-size:var(--fs-sm);font-weight:600;gap:9px;padding:10px 18px;text-decoration:none;transition:background-color .16s var(--ease),transform .16s var(--ease)}.link-btn:hover{background:var(--border-strong);transform:translateY(-2px)}@media(max-width:640px){.project-metrics{gap:8px;grid-template-columns:1fr}.carousel-btn{height:34px;width:34px}.carousel-btn.prev{left:8px}.carousel-btn.next{right:8px}}.skill-group+.skill-group{margin-top:44px}.skill-level{color:var(--text-2);font-size:1.05rem;font-weight:600;margin-bottom:18px}.skill-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(6,minmax(0,1fr))}.skill-cell{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:10px;display:flex;flex-direction:column;gap:10px;justify-content:center;padding:22px 10px;transition:opacity .6s var(--ease),transform .6s var(--ease),border-color .18s var(--ease);transition-delay:0ms;transition-delay:var(--delay,0ms)}.skill-cell:hover{border-color:var(--border-strong)}.skill-cell svg{color:var(--accent);color:var(--icon,var(--accent));font-size:34px}.skill-cell span{color:var(--text-2);font-size:var(--fs-xs);text-align:center}@media(max-width:1000px){.skill-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:560px){.skill-grid{gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.skill-cell{padding:16px 8px}.skill-cell svg{font-size:26px}}.career-list{list-style:none;max-width:920px}.career-item{grid-gap:24px;border-left:1px solid var(--border-strong);display:grid;gap:24px;grid-template-columns:210px minmax(0,1fr);padding:26px 0 26px 30px;position:relative}.career-item:before{background:var(--accent);border-radius:50%;content:"";height:9px;left:-5px;position:absolute;top:36px;width:9px}.career-period{color:var(--text-3);font-size:var(--fs-xs);padding-top:3px;white-space:nowrap}.career-body h3{color:var(--text);font-size:1.05rem;font-weight:700;margin-bottom:8px;word-break:keep-all}.career-body p{color:var(--text-2);font-size:var(--fs-sm);line-height:1.75;word-break:keep-all}@media(max-width:640px){.career-item{gap:6px;grid-template-columns:1fr;padding-left:24px}}.footer{border-top:1px solid var(--border);padding:48px 0 40px}.footer p{color:var(--text-3);font-size:var(--fs-xs);text-align:center}.side-nav{position:fixed;right:22px;top:50%;transform:translateY(-50%);z-index:100}.side-nav ul{grid-gap:2px;display:grid;gap:2px;list-style:none}.side-nav .side-nav-label em{color:var(--border-strong);font-style:normal;margin-right:6px;transition:color .16s var(--ease)}.side-nav a.active .side-nav-label em,.side-nav a:hover .side-nav-label em{color:inherit}.side-nav a{align-items:center;color:var(--text-3);display:flex;font-size:.72rem;gap:9px;justify-content:flex-end;padding:5px 8px;text-decoration:none;transition:color .16s var(--ease)}.side-nav a i{background:var(--border-strong);border-radius:50%;height:6px;order:2;transition:background-color .16s var(--ease),box-shadow .16s var(--ease);width:6px}.side-nav a:hover{color:var(--text)}.side-nav a.active{color:var(--accent)}.side-nav a.active i{background:var(--accent);box-shadow:0 0 0 3px #4a90e238}@media(max-width:1380px){.side-nav{display:none}}
/*# sourceMappingURL=main.6132b016.css.map*/