:root{--paper:#f4f7fa;--paper-deep:#e9eff5;--ink:#1b3346;--ink-soft:#5b6b7a;--ink-faint:#8595a4;--line:#d6e0ea;--accent:var(--cj-accent);--accent-soft:color-mix(in srgb,var(--cj-accent) 14%,var(--paper));--cj-surface:var(--paper);--cj-line:var(--line);--cj-ink:var(--ink);--cj-shadow:0 10px 30px #1b334626;--sans:system-ui,-apple-system,"Segoe UI","Malgun Gothic","Apple SD Gothic Neo",sans-serif;--serif:var(--sans);--brand:Georgia,"Noto Serif KR",serif;--mono:var(--sans);color-scheme:light}[data-theme=dark]{--paper:#0f151b;--paper-deep:#1d2731;--ink:#e2ebf2;--ink-soft:#97a7b6;--ink-faint:#718292;--line:#2b3743;--cj-surface:#161e26;--cj-shadow:0 10px 30px #0008;color-scheme:dark}:root{--cj-accent:#0b5f8a;--cj-on-accent:#fff}:root[data-theme=dark]{--cj-accent:#7cc6ee;--cj-on-accent:#06202e}:root[data-accent=green]{--cj-accent:#245548}:root[data-theme=dark][data-accent=green]{--cj-accent:#7cc4a6;--cj-on-accent:#0e1a14}:root[data-accent=yellow]{--cj-accent:#7a5600}:root[data-theme=dark][data-accent=yellow]{--cj-accent:#f0c75e;--cj-on-accent:#261c00}:root[data-accent=purple]{--cj-accent:#5f3bab}:root[data-theme=dark][data-accent=purple]{--cj-accent:#b9a3f5;--cj-on-accent:#1c1233}:root[data-accent=orange]{--cj-accent:#a8431b}:root[data-theme=dark][data-accent=orange]{--cj-accent:#f4a27c;--cj-on-accent:#2c1206}:root[data-accent=rose]{--cj-accent:#a82d5c}:root[data-theme=dark][data-accent=rose]{--cj-accent:#f39bbd;--cj-on-accent:#2e0c1a}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:6rem}body{background:#f4f7fa;background:var(--paper);color:#1b3346;color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Malgun Gothic,Apple SD Gothic Neo,sans-serif;font-family:var(--sans);line-height:1.75;min-height:100vh;overflow-x:hidden;transition:background-color .25s ease,color .25s ease;word-break:keep-all}a{color:inherit}button{font:inherit}h1,h2,h3,h4{text-wrap:balance;color:#1b3346;color:var(--ink);font-weight:700;letter-spacing:-.035em}p{text-wrap:pretty;color:#5b6b7a;color:var(--ink-soft)}.mono{font-family:system-ui,-apple-system,Segoe UI,Malgun Gothic,Apple SD Gothic Neo,sans-serif;font-family:var(--mono)}.app-container{min-height:100vh}.skip-link{background:#1b3346;background:var(--ink);color:#f4f7fa;color:var(--paper);left:1rem;padding:.7rem 1rem;position:fixed;text-decoration:none;top:-5rem;z-index:100}.skip-link:focus{top:1rem}.section{padding:8rem 0 9rem}.section-container{margin:0 auto;width:min(1120px,calc(100% - 3rem))}.section-header{margin-bottom:4.5rem}.section-label{color:#0b5f8a;color:var(--accent);display:block;font-family:system-ui,-apple-system,Segoe UI,Malgun Gothic,Apple SD Gothic Neo,sans-serif;font-family:var(--mono);font-size:.74rem;font-weight:500;letter-spacing:.08em;margin-bottom:1.25rem;text-transform:uppercase}.section-title{font-family:system-ui,-apple-system,Segoe UI,Malgun Gothic,Apple SD Gothic Neo,sans-serif;font-family:var(--serif);font-size:clamp(2.25rem,5vw,4.5rem);font-weight:600;letter-spacing:-.055em;line-height:1.2;max-width:780px}.section-subtitle{font-size:1rem;margin-top:1.5rem;max-width:580px}.fade-in-left,.fade-in-right,.fade-in-scale,.fade-in-up{opacity:0;transform:translateY(20px);transition:opacity .65s ease,transform .65s ease}.fade-in-left.visible,.fade-in-right.visible,.fade-in-scale.visible,.fade-in-up.visible{opacity:1;transform:none}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}:focus-visible{outline:2px solid #0b5f8a;outline:2px solid var(--accent);outline-offset:4px}::selection{background:#0b5f8a;background:var(--accent);color:#f4f7fa;color:var(--paper)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f4f7fa;background:var(--paper)}::-webkit-scrollbar-thumb{background:#d6e0ea;background:var(--line);border:3px solid #f4f7fa;border:3px solid var(--paper)}@media (max-width:700px){.section{padding:5.5rem 0 6rem}.section-container{width:min(100% - 2rem,1120px)}.section-header{margin-bottom:3rem}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;scroll-behavior:auto!important;transition:none!important}.fade-in-left,.fade-in-right,.fade-in-scale,.fade-in-up{opacity:1!important;transform:none!important}}.cj-accent{display:inline-flex;position:relative;vertical-align:middle}.cj-accent>summary{background:#f4f7fa;background:var(--cj-surface);border:1px solid #d6e0ea;border:1px solid var(--cj-line);border-radius:999px;cursor:pointer;display:inline-grid;height:26px;height:var(--cj-ctl,26px);list-style:none;place-items:center;width:26px;width:var(--cj-ctl,26px)}.cj-accent>summary::-webkit-details-marker{display:none}.cj-dot{background:#0b5f8a;background:var(--cj-accent);border-radius:50%;height:12px;width:12px}.cj-swatches{grid-gap:10px;background:#f4f7fa;background:var(--cj-surface);border:1px solid #d6e0ea;border:1px solid var(--cj-line);border-radius:12px;box-shadow:0 10px 30px #1b334626;box-shadow:var(--cj-shadow);display:grid;gap:10px;grid-template-columns:repeat(3,34px);padding:12px;position:absolute;right:0;top:calc(100% + 8px);z-index:3000}.cj-swatches button{background:var(--l);border:3px solid #f4f7fa;border:3px solid var(--cj-surface);border-radius:50%;box-shadow:none;cursor:pointer;height:34px;margin:0;min-height:0;outline:1px solid #d6e0ea;outline:1px solid var(--cj-line);padding:0;width:34px}:root[data-theme=dark] .cj-swatches button{background:var(--d)}.cj-swatches button[aria-pressed=true]{outline:2px solid #1b3346;outline:2px solid var(--cj-ink)}.app-header{border-bottom:1px solid #0000;position:sticky;top:0;transition:background .2s ease,border-color .2s ease;z-index:20}.header-scrolled{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:color-mix(in srgb,var(--paper) 92%,#0000);border-color:var(--line)}.header-inner{align-items:center;display:flex;height:72px;justify-content:space-between;margin:0 auto;width:min(1120px,calc(100% - 3rem))}.logo-container{align-items:baseline;display:flex;gap:.65rem;text-decoration:none}.logo-text{font-family:var(--brand);font-size:1.05rem;font-weight:700;letter-spacing:-.03em}.logo-note{color:var(--ink-faint);font-family:var(--mono);font-size:.62rem;letter-spacing:.08em;text-transform:uppercase}.header-nav{align-items:center;display:flex;gap:1.8rem;margin-left:auto}.nav-link{color:var(--ink-soft);font-size:.82rem;position:relative;text-decoration:none;transition:color .2s ease}.nav-link:after{background:var(--accent);bottom:-.35rem;content:"";height:1px;left:0;position:absolute;right:100%;transition:right .2s ease}.nav-active,.nav-link:hover{color:var(--ink)}.nav-active:after,.nav-link:hover:after{right:0}.header-controls{--cj-ctl:34px;align-items:center;border-left:1px solid var(--line);display:flex;gap:.6rem;margin-left:1.8rem;padding-left:1.2rem}.theme-toggle-btn{background:#0000;border:1px solid var(--line);border-radius:999px;color:var(--ink);cursor:pointer;display:grid;height:34px;place-items:center;width:34px}.theme-toggle-btn:hover{color:var(--accent)}.hamburger{background:#0000;border:0;cursor:pointer;display:none;width:36px}.hamburger span{background:var(--ink);display:block;height:1px;margin:6px auto;transition:transform .2s ease,opacity .2s ease;width:24px}.hamburger-open span:first-child{transform:translateY(7px) rotate(45deg)}.hamburger-open span:nth-child(2){opacity:0}.hamburger-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media (max-width:700px){.header-inner{height:62px;width:calc(100% - 2rem)}.hamburger{display:block;position:relative;z-index:2}.header-nav{align-items:flex-start;background:var(--paper);flex-direction:column;gap:2rem;inset:0;opacity:0;padding:7rem 2rem;pointer-events:none;position:fixed;transition:opacity .2s ease,visibility .2s ease;visibility:hidden}.header-nav.nav-open{opacity:1;pointer-events:auto;visibility:visible}.nav-link{font-family:var(--serif);font-size:2rem}.header-controls{--cj-ctl:40px;border-left:0;margin-left:auto;margin-right:.5rem;padding-left:0;position:relative;z-index:2}.theme-toggle-btn{height:40px;width:40px}.hamburger{height:44px;width:44px}}.hero-section{align-items:center;display:flex;min-height:calc(100dvh - 72px);padding:5rem 0 6rem}.hero-content{margin:0 auto;width:min(1120px,calc(100% - 3rem))}.hero-kicker{color:var(--accent);font-family:var(--mono);font-size:.72rem;letter-spacing:.06em;margin-bottom:3.25rem}.hero-title{font-family:var(--serif);font-size:clamp(3rem,8vw,7.25rem);font-weight:600;letter-spacing:-.075em;line-height:1.08}.hero-title span{display:block}.hero-title span:last-child{color:var(--ink-soft);margin-left:9vw}.hero-intro{grid-gap:3rem;align-items:end;display:grid;gap:3rem;grid-template-columns:minmax(0,580px) auto;margin:4rem 0 5rem 18vw}.hero-description{font-size:clamp(1rem,1.4vw,1.15rem);line-height:1.9}.hero-actions{align-items:flex-start;display:flex;flex-direction:column;gap:.8rem}.hero-link{border-bottom:1px solid var(--ink);font-size:.86rem;padding-bottom:.2rem;text-decoration:none;transition:color .2s,border-color .2s;white-space:nowrap}.hero-blog-link,.hero-link:hover{border-color:var(--accent);color:var(--accent)}.hero-stats{border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr)}.stat-item{align-items:baseline;display:flex;gap:1rem;justify-content:space-between;padding:1.25rem 1.5rem 0 0}.stat-item+.stat-item{border-left:1px solid var(--line);padding-left:1.5rem}.stat-number{font-feature-settings:"tnum";font-family:var(--serif);font-size:1.5rem;font-variant-numeric:tabular-nums}.stat-label{color:var(--ink-faint);font-family:var(--mono);font-size:.62rem;letter-spacing:.06em;text-transform:uppercase}@media (max-width:700px){.hero-section{min-height:auto;padding:4.5rem 0 5rem}.hero-content{width:calc(100% - 2rem)}.hero-kicker{margin-bottom:2.25rem}.hero-title{font-size:clamp(2rem,9vw,3.2rem);letter-spacing:-.05em}.hero-title span:last-child{margin:.15em 0 0}.hero-intro{gap:1.5rem;grid-template-columns:1fr;margin:3rem 0 4rem}.hero-actions{justify-self:start}.hero-stats{grid-template-columns:1fr}.stat-item{padding:.8rem 0}.stat-item+.stat-item{border-left:0;border-top:1px solid var(--line);padding-left:0}}.about-section{background:var(--paper-deep);border-block:1px solid var(--line)}.about-grid{grid-gap:clamp(3rem,5vw,4.5rem);align-items:start;display:grid;gap:clamp(3rem,5vw,4.5rem);grid-template-columns:250px minmax(0,1fr)}.about-profile-card{position:sticky;top:7rem}.about-avatar-wrapper{aspect-ratio:4/5;background:var(--line);margin-bottom:1.6rem;overflow:hidden;width:100%}.about-avatar{filter:grayscale(100%) contrast(.94);height:100%;object-fit:cover;transition:filter .25s ease,transform .5s ease;width:100%}.about-avatar:hover{filter:grayscale(20%);transform:scale(1.015)}.about-name{font-family:var(--serif);font-size:1.5rem}.about-role-text{color:var(--accent);font-family:var(--mono);font-size:.72rem;margin:.25rem 0 1.25rem}.about-bio{font-size:.9rem;line-height:1.85}.about-social-row{display:flex;margin-top:1.5rem}.about-social-link{border:1px solid var(--line);color:var(--ink-soft);display:grid;height:38px;place-items:center;transition:color .2s,background .2s;width:38px}.about-social-link:hover{background:var(--ink);color:var(--paper)}.about-details{display:flex;flex-direction:column}.about-tech-card,.about-timeline-card{padding:0 0 3.75rem}.about-timeline-card{border-top:1px solid var(--line);padding-top:3.5rem}.about-card-title{font-family:var(--serif);font-size:1.5rem;font-weight:600;margin-bottom:2rem}.skill-groups{display:flex;flex-direction:column;gap:2rem}.skill-group{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:165px 1fr}.skill-group-title{color:var(--ink-faint);font-size:.64rem;font-weight:500;letter-spacing:.05em;padding-top:.6rem}.skill-grid{border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.skill-chip-wrapper{border-bottom:1px solid var(--line)}.skill-chip-wrapper:nth-child(odd){border-right:1px solid var(--line)}.skill-chip{color:var(--ink);cursor:pointer;font-size:.85rem;list-style-position:inside;padding:.75rem 1rem}.skill-chip::marker{color:var(--accent)}.sub-skill-list{display:flex;flex-wrap:wrap;gap:.35rem .7rem;padding:0 1rem 1rem}.sub-skill-tag{color:var(--ink-faint);font-family:var(--mono);font-size:.62rem}.timeline-item{grid-gap:.5rem;border-top:1px solid var(--line);display:grid;gap:.5rem;grid-template-columns:1fr;padding:1.5rem 0}.timeline-marker{display:none}.timeline-year{color:var(--accent);font-family:var(--mono);font-size:.68rem}.timeline-role{font-family:var(--serif);font-size:1.08rem;font-weight:600}.timeline-company{color:var(--ink-faint);font-size:.78rem;margin:.2rem 0 1rem}.timeline-desc{font-size:.88rem;line-height:1.8}.technical-strength{grid-gap:2rem;border-top:1px solid var(--line);display:grid;gap:2rem;grid-template-columns:minmax(140px,1fr) 2fr;padding:1.3rem 0}.technical-strength h4{font-family:var(--serif);font-size:.95rem;font-weight:600}.technical-strength p{font-size:.86rem;line-height:1.8}@media (max-width:800px){.about-grid{grid-template-columns:1fr}.about-profile-card{grid-column-gap:1.5rem;column-gap:1.5rem;display:grid;grid-template-columns:140px 1fr;position:static}.about-avatar-wrapper{aspect-ratio:1;grid-row:1/6}.about-social-row{margin-top:.75rem}}@media (max-width:560px){.about-profile-card{display:block}.about-avatar-wrapper{aspect-ratio:4/5;min-width:130px;width:45%}.skill-grid,.skill-group{grid-template-columns:1fr}.skill-chip-wrapper:nth-child(odd){border-right:0}.technical-strength,.timeline-item{gap:.5rem;grid-template-columns:1fr}}.project-section{background:var(--paper)}.project-filters{border-bottom:1px solid var(--line);display:flex;flex-wrap:wrap;gap:0;margin-bottom:1rem}.project-filters button{background:#0000;border:0;border-bottom:2px solid #0000;color:var(--ink-faint);cursor:pointer;font-family:var(--mono);font-size:.68rem;margin-right:1.5rem;padding:.7rem 0}.project-filters button:hover{color:var(--ink)}.project-filters button[aria-pressed=true]{border-color:var(--accent);color:var(--ink)}.project-count{color:var(--ink-faint);font-family:var(--mono);font-size:.68rem;margin-bottom:2rem}.project-list{border-top:1px solid var(--ink)}.project-card{border-bottom:1px solid var(--line);scroll-margin-top:6rem}.project-card-inner{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:70px minmax(0,1fr);padding:3rem 0 3.5rem}.project-index{color:var(--accent);font-family:var(--brand);font-size:1.35rem}.project-card-content{min-width:0}.project-card-meta{align-items:center;display:flex;flex-wrap:wrap;gap:.8rem;margin-bottom:1rem}.project-category{color:var(--accent);font-size:.65rem;letter-spacing:.08em;text-transform:uppercase}.case-period,.case-role,.case-scale{color:var(--ink-faint);font-family:var(--mono);font-size:.67rem}.case-period:before{content:"— "}.project-title{font-family:var(--serif);font-size:clamp(1.5rem,3vw,2.35rem);font-weight:600;letter-spacing:-.035em;line-height:1.35;margin-bottom:1rem;max-width:790px}.project-desc{font-size:.95rem;line-height:1.85;max-width:700px}.case-role{margin-top:1rem}.case-scale{color:var(--accent);margin-top:.2rem}.project-tech-row{display:flex;flex-wrap:wrap;gap:.4rem .9rem;margin-top:1.5rem}.project-tech-tag{color:var(--ink-faint);font-family:var(--mono);font-size:.64rem}.project-tech-tag:before{color:var(--accent);content:"#"}.case-outcomes{color:var(--ink);list-style:none;margin:2rem 0;max-width:760px;padding-left:0}.case-outcomes li{border-top:1px solid var(--line);font-family:var(--serif);font-size:.92rem;padding:.5rem 0 .5rem 1.2rem;position:relative}.case-outcomes li:before{color:var(--accent);content:"↳";left:0;position:absolute}.case-details{color:var(--ink-soft);font-size:.88rem;line-height:1.85;max-width:760px}.case-details summary{border-bottom:1px solid var(--ink);color:var(--ink);cursor:pointer;font-size:.8rem;padding-bottom:.15rem;width:fit-content}.case-details summary:hover{border-color:var(--accent);color:var(--accent)}.case-details h4{font-family:var(--serif);font-size:1rem;margin:1.75rem 0 .4rem}.case-details ul{padding-left:1.2rem}.portfolio-group-title{font-family:var(--serif);font-size:1.65rem;font-weight:600;margin:7rem 0 1.75rem}.portfolio-secondary-grid{border-top:1px solid var(--ink);display:grid;grid-template-columns:repeat(3,1fr)}.secondary-project{border-bottom:1px solid var(--line);min-width:0;padding:1.6rem 1.5rem 2rem 0}.secondary-project+.secondary-project{border-left:1px solid var(--line);padding-left:1.5rem}.secondary-project h4{font-family:var(--serif);font-size:1.08rem;font-weight:600;margin:.6rem 0 .8rem}.secondary-project p{font-size:.82rem;line-height:1.75}.demo-link{border-bottom:1px solid var(--ink);display:inline-block;font-size:.76rem;margin-top:1.5rem;padding-bottom:.15rem;text-decoration:none}.project-links{display:flex;flex-wrap:wrap;gap:1.25rem;margin-top:1.5rem}.project-links .demo-link{margin-top:0}.demo-link:hover{border-color:var(--accent);color:var(--accent)}@media (max-width:760px){.project-card-inner{gap:.5rem;grid-template-columns:40px minmax(0,1fr);padding:2.5rem 0}.portfolio-secondary-grid{grid-template-columns:1fr}.secondary-project,.secondary-project+.secondary-project{border-left:0;padding:1.5rem 0}.portfolio-group-title{margin-top:5rem}}@media (max-width:480px){.project-card-inner{grid-template-columns:1fr}.project-index{font-size:.85rem}.project-filters button{margin-right:1rem}}.site-footer{background:var(--ink);color:var(--paper);padding:2.5rem 0}.footer-container{margin:0 auto;width:min(1120px,calc(100% - 3rem))}.footer-bottom{align-items:center;display:flex;gap:1rem;justify-content:space-between}.footer-logo-text{font-family:var(--brand);font-size:.9rem}.footer-copyright{color:color-mix(in srgb,var(--paper) 45%,#0000);font-size:.62rem}.footer-links{align-items:center;display:flex;gap:.5rem}.footer-links .footer-mail{font-size:.8rem;text-decoration:none;width:auto}.footer-links a{color:var(--paper);display:grid;height:36px;place-items:center;width:36px}.footer-links a:hover{color:var(--accent)}@media (max-width:700px){.footer-container{width:calc(100% - 2rem)}.footer-bottom{align-items:flex-start;flex-direction:column}}
/*# sourceMappingURL=main.449c4a67.css.map*/