@font-face{font-family:pretendard;src:url(../media/PretendardVariable-s.p.77d5d991.woff2)format("woff2");font-display:swap;font-weight:100 900}@font-face{font-family:pretendard Fallback;src:local(Arial);ascent-override:93.76%;descent-override:23.75%;line-gap-override:0.0%;size-adjust:101.55%}.pretendard_5f7ac86d-module__7uFvpa__className{font-family:pretendard,pretendard Fallback}.pretendard_5f7ac86d-module__7uFvpa__variable{--font-pretendard:"pretendard","pretendard Fallback"}
@layer theme{:root,:host{--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-pretendard),-apple-system,BlinkMacSystemFont,sans-serif;--default-mono-font-family:"SFMono-Regular",Consolas,monospace}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.fixed{position:fixed}.grid{display:grid}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--background:#fff;--foreground:#17191d;--accent:#3457d5;--surface:#f5f6f8;--border-color:#e7e8ec;--muted:#656a75;--header-background:#ffffffed;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.dark{--background:#111215;--foreground:#f1f2f4;--accent:#91a8ff;--surface:#1b1d22;--border-color:#2a2d35;--muted:#a1a6b3;--header-background:#111215ed;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:108px}body{background:var(--background);color:var(--foreground);font-family:var(--font-pretendard),-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;letter-spacing:-.02em;-webkit-font-smoothing:antialiased;margin:0;font-size:16px}p,h1,h2,h3,h4,h5,figure{margin:0}a{color:inherit;text-decoration:none;transition:color .16s}a:hover{color:var(--accent)}button,select{font:inherit;color:inherit}button{background:0 0;border:0}button,select,summary{cursor:pointer}a,button,select,summary{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--accent);outline-offset:5px}::selection{background:var(--accent);color:var(--background)}.page-width{width:min(1080px,100% - 96px);margin-inline:auto}.site-header{z-index:50;background:var(--header-background);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:sticky;top:0}.header-inner{align-items:center;gap:32px;height:84px;display:flex}.wordmark{letter-spacing:-.075em;align-items:baseline;gap:3px;font-size:28px;font-weight:760;line-height:1;display:inline-flex}.wordmark-dot{background:var(--accent);border-radius:50%;width:5px;height:5px}.desktop-nav{color:var(--muted);gap:26px;margin-left:auto;font-size:14px;font-weight:500;display:flex}.desktop-nav a{padding-block:12px}.header-controls{border-left:1px solid var(--border-color);align-items:center;gap:8px;padding-left:20px;display:flex}.header-controls select{background:0 0;border:0;max-width:84px;min-height:44px;font-size:13px}.header-controls option{background:var(--background);color:var(--foreground)}.theme-toggle,.menu-toggle{width:40px;height:44px;color:var(--muted);place-items:center;display:grid}.menu-toggle,.mobile-nav{display:none}.hero{grid-template-columns:minmax(0,1fr) 360px;align-items:center;gap:64px;padding-block:92px 112px;display:grid}.hero-copy{min-width:0}.hero-portrait{justify-self:end;width:100%;max-width:480px}.hero-portrait img{filter:grayscale();border-radius:10px;width:100%;height:auto;display:block}.eyebrow{color:var(--accent);margin-bottom:24px;font-size:14px;font-weight:550}.hero h1{letter-spacing:-.065em;flex-wrap:wrap;align-items:baseline;gap:8px 20px;font-size:clamp(48px,6vw,76px);font-weight:700;line-height:1.15;display:flex}.hero-name{word-break:keep-all;overflow-wrap:anywhere;min-width:0;max-width:100%}.hero-nickname{color:var(--muted);letter-spacing:-.04em;font-size:28px;font-weight:450}.hero-description{word-break:keep-all;overflow-wrap:break-word;max-width:580px;margin-top:32px}.hero-lead{letter-spacing:-.035em;text-wrap:pretty;font-size:24px;font-weight:500;line-height:1.6}.hero-current{color:var(--muted);margin-top:16px;font-size:16px;line-height:1.8}.hero-links{flex-wrap:wrap;align-items:center;gap:16px 22px;margin-top:32px;font-size:14px;font-weight:500;display:flex}.hero-links>a{align-items:center;gap:6px;padding-block:10px;display:inline-flex}.hero-links>a:not(:first-child){color:var(--muted)}.hero-links>a:first-child{background:var(--foreground);color:var(--background);border:0;border-radius:7px;margin-right:2px;padding:12px 18px}.hero-links>a:first-child:hover{background:var(--accent);color:var(--background)}.text-link{align-items:center;gap:10px;padding-block:6px;display:inline-flex}.text-link span,.contact-links span{color:var(--muted)}.portfolio-section{border-top:1px solid var(--border-color);grid-template-columns:184px minmax(0,1fr);gap:72px;padding-block:68px 80px;display:grid}.section-heading h2{letter-spacing:-.045em;font-size:25px;font-weight:650;line-height:1.2}h3{letter-spacing:-.025em;word-break:keep-all;overflow-wrap:break-word;font-size:18px;font-weight:620;line-height:1.55}.about-values{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 40px;display:grid}.about-values p{color:var(--muted);word-break:keep-all;overflow-wrap:break-word;margin-top:12px;font-size:16px;line-height:1.85}.experience-heading>.section-heading{position:static}.experience-total{color:var(--muted);flex-wrap:wrap;align-items:baseline;gap:5px 10px;margin-top:14px;font-size:13px;line-height:1.6;display:flex}.experience-total strong{color:var(--foreground);font-variant-numeric:tabular-nums;font-size:15px;font-weight:550}.experience-list{min-width:0}.experience-title-row{flex-wrap:nowrap;align-items:baseline;gap:10px;display:flex}.experience-duration{color:var(--muted);white-space:nowrap;letter-spacing:-.01em;flex:none;font-size:13px;font-weight:400;line-height:1.6}.experience-duration>span{margin-right:4px}.experience-period{text-align:right}.experience-item{border-bottom:1px solid var(--border-color)}.experience-item h3{font-size:inherit}.experience-trigger{text-align:left;border-radius:4px;grid-template-columns:minmax(0,1fr) auto 28px;align-items:center;gap:20px;width:100%;padding:24px 0;display:grid}.experience-item:first-child .experience-trigger{padding-top:0}.experience-overview{min-width:0;display:block}.experience-title{letter-spacing:-.025em;word-break:keep-all;overflow-wrap:break-word;flex:0 auto;min-width:0;font-size:18px;font-weight:600;line-height:1.55;display:block}.experience-meta{color:var(--muted);letter-spacing:-.01em;flex-wrap:wrap;align-items:center;gap:6px 12px;margin-top:6px;font-size:13px;font-weight:400;line-height:1.6;display:flex}.experience-meta>span+span{align-items:center;gap:8px;display:inline-flex}.experience-meta>span+span:before{content:"";background:var(--muted);border-radius:50%;width:3px;height:3px}.experience-meta .current-position{color:var(--accent)}.experience-meta .current-position:before{background:var(--accent)}.experience-period{color:var(--muted);letter-spacing:-.01em;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:13px;font-weight:400;line-height:1.6}.experience-chevron{width:28px;height:28px;color:var(--muted);border-radius:50%;place-items:center;transition:background-color .18s,color .18s;display:grid}.experience-chevron svg{transition:transform .24s cubic-bezier(.22,1,.36,1)}.experience-trigger:hover .experience-chevron{background:var(--surface);color:var(--foreground)}.experience-item[data-expanded=true] .experience-chevron svg{transform:rotate(180deg)}.experience-panel{overflow:hidden}.experience-case-study{max-width:720px;padding:4px 0 28px}.experience-scope-title{margin-bottom:12px;font-size:15px;font-weight:600}.experience-scope-description{color:var(--muted);word-break:keep-all;overflow-wrap:break-word;font-size:16px;line-height:1.85}.experience-technical{border-top:1px solid var(--border-color);margin-top:28px;padding-top:24px}.experience-technical-list{margin-top:20px}.experience-case-section+.experience-case-section{border-top:1px solid var(--border-color);margin-top:28px;padding-top:28px}.experience-case-section h5{word-break:keep-all;overflow-wrap:break-word;font-size:18px;font-weight:600;line-height:1.65}.experience-project-points{margin-top:12px;padding-left:18px;list-style:outside}.experience-project-points li{color:var(--muted);word-break:keep-all;overflow-wrap:break-word;padding-left:6px;font-size:16px;line-height:1.85}.experience-project-points li+li{margin-top:12px}.experience-project-points li::marker{font-size:8px}.experience-item .experience-details{color:var(--muted);margin:0;padding:0 48px 24px 18px;font-size:16px;line-height:1.85;list-style:outside}.experience-details li{word-break:keep-all;overflow-wrap:break-word;padding-left:4px}.experience-details li+li{margin-top:8px}.experience-details li::marker{font-size:8px}.skill-row{border-bottom:1px solid var(--border-color);grid-template-columns:210px minmax(0,1fr);gap:36px;padding-block:25px;display:grid}.skill-row:first-child{padding-top:0}.skill-row h3,.certificates h3{font-size:16px}.skill-list{flex-wrap:wrap;align-content:start;gap:10px 20px;margin:0;padding:0;font-size:16px;font-weight:500;line-height:1.6;list-style:none;display:flex}.certificates{grid-template-columns:210px minmax(0,1fr);gap:36px;padding-top:26px;display:grid}.certificates ul{color:var(--muted);flex-wrap:wrap;gap:12px 24px;margin:0;padding:0;font-size:14px;line-height:1.7;list-style:none;display:flex}.certificates li span{margin-left:7px;font-size:12px}.project-list{min-width:0;max-width:760px}.project+.project{border-top:1px solid var(--border-color);margin-top:44px;padding-top:40px}.project-title-row{flex-wrap:wrap;align-items:center;gap:10px 18px;display:flex}.project-heading h3{letter-spacing:-.04em;font-size:30px;font-weight:670;line-height:1.3}.project-status{color:var(--accent);white-space:nowrap;align-items:center;gap:7px;font-size:13px;font-weight:550;display:inline-flex}.project-status:before{content:"";background:currentColor;border-radius:50%;width:5px;height:5px}.project-subtitle{color:var(--muted);word-break:keep-all;overflow-wrap:break-word;margin-top:10px;font-size:18px;line-height:1.75}.project-meta{gap:6px;margin:16px 0 0;font-size:14px;line-height:1.75;display:grid}.project-meta>div{grid-template-columns:76px minmax(0,1fr);gap:18px;display:grid}.project-meta dt{color:var(--muted)}.project-meta dd{word-break:keep-all;overflow-wrap:break-word;margin:0}.project-links{flex-wrap:wrap;align-items:center;gap:8px 20px;margin-top:16px;font-size:14px;font-weight:550;display:flex}.project h4{letter-spacing:-.02em;font-size:16px;font-weight:650;line-height:1.5}.project-results{margin-top:20px}.project-results ul{color:var(--foreground);margin-top:14px;padding-left:19px;font-size:16px;line-height:1.85;list-style:outside}.project-results li{word-break:keep-all;overflow-wrap:break-word;padding-left:4px}.project-results li+li{margin-top:10px}.project-results li::marker{color:var(--accent);font-size:9px}.project-technologies{margin-top:18px}.project-technologies h4{color:var(--muted);font-size:14px;font-weight:500}.project-stacks{color:var(--muted);flex-wrap:wrap;gap:6px 16px;margin:10px 0 0;padding:0;font-size:14px;line-height:1.7;list-style:none;display:flex}.project-details{border-block:1px solid var(--border-color);margin-top:18px}.project-details summary{justify-content:space-between;align-items:center;gap:20px;padding-block:20px;font-size:15px;font-weight:550;list-style:none;display:flex}.project-details summary::-webkit-details-marker{display:none}.details-icon{width:12px;height:12px;color:var(--muted);flex-shrink:0;position:relative}.details-icon:before,.details-icon:after{content:"";background:currentColor;position:absolute}.details-icon:before{width:12px;height:1px;top:5px;left:0}.details-icon:after{width:1px;height:12px;top:0;left:5px}.project-details[open] .details-icon:after{display:none}.project-detail-body{padding-block:12px 32px}.project-detail-body>div+div{margin-top:36px}.project-detail-body p{color:var(--muted);word-break:keep-all;overflow-wrap:break-word;margin-top:12px;font-size:16px;line-height:1.9}.project-detail-body ol{margin:24px 0 0;padding-left:23px;list-style:decimal}.project-detail-body ol>li{padding-left:10px}.project-detail-body ol>li+li{border-top:1px solid var(--border-color);margin-top:30px;padding-top:26px}.project-detail-body ol>li::marker{color:var(--accent);font-size:14px;font-weight:600}.project-detail-body h5{word-break:keep-all;overflow-wrap:break-word;font-size:18px;font-weight:600;line-height:1.65}.project-notice{color:var(--muted);margin-top:16px;font-size:13px;line-height:1.75}.contact-section{padding-bottom:100px}.contact-description{color:var(--muted);word-break:keep-all;line-height:1.8}.contact-email{border-bottom:1px solid var(--border-color);letter-spacing:-.045em;overflow-wrap:anywhere;justify-content:space-between;align-items:baseline;gap:16px;padding-block:24px;font-size:clamp(20px,2.7vw,34px);font-weight:550;display:flex}.contact-email span{color:var(--muted);flex-shrink:0}.contact-links{gap:28px;margin-top:22px;font-size:14px;font-weight:500;display:flex}.contact-links a{gap:10px;padding-block:8px;display:inline-flex}.site-footer{border-top:1px solid var(--border-color);color:var(--muted);justify-content:space-between;align-items:center;gap:20px;padding-block:26px 36px;font-size:13px;display:flex}.site-footer a{letter-spacing:-.05em;font-size:18px;font-weight:650}.site-footer a span{margin-left:12px;font-size:14px;font-weight:400}@media (min-width:901px){.section-heading{align-self:start;position:sticky;top:112px}}@media (max-width:1100px){.hero{grid-template-columns:minmax(0,1fr) 300px;gap:48px}.page-width{width:calc(100% - 64px)}.portfolio-section{grid-template-columns:152px minmax(0,1fr);gap:40px}.about-values{gap:32px 28px}.skill-row,.certificates{grid-template-columns:180px minmax(0,1fr);gap:24px}.desktop-nav{gap:18px}.header-inner{gap:20px}}@media (max-width:900px){.hero{grid-template-columns:minmax(0,1fr);gap:36px;padding-block:64px 80px}.hero-portrait{justify-self:start}.hero h1{font-size:56px}.hero-lead{font-size:21px}.hero-nickname{font-size:24px}.portfolio-section{grid-template-columns:minmax(0,1fr);gap:32px;padding-block:48px 60px}}@media (max-width:760px){.desktop-nav{display:none}.header-controls{border:0;margin-left:auto;padding-left:0}.menu-toggle{display:grid}.header-inner{height:72px}.mobile-nav{border-bottom:1px solid var(--border-color);flex-wrap:wrap;gap:4px 22px;padding-block:8px 18px;font-size:14px;display:flex}.mobile-nav a{padding-block:10px}.hero h1{font-size:48px}.hero-links{gap:12px 16px}.about-values{grid-template-columns:minmax(0,1fr);gap:28px}.project+.project{margin-top:48px;padding-top:48px}}@media (max-width:600px){.experience-trigger{grid-template-columns:minmax(0,1fr) 28px;gap:8px 16px;padding-block:20px}.experience-period{white-space:normal;text-align:left;flex-wrap:wrap;grid-area:2/1;gap:4px 12px;display:flex}.experience-chevron{grid-area:1/2/3}.experience-title{font-size:17px}.experience-item .experience-details{padding-bottom:20px;padding-right:0}html{scroll-padding-top:92px}.page-width{width:calc(100% - 40px)}.hero{grid-template-columns:minmax(0,1fr);gap:32px;padding-block:44px 56px}.hero h1{font-size:clamp(42px,11vw,60px)}.hero-nickname{font-size:24px}.eyebrow{margin-bottom:20px}.hero-description{margin-top:24px}.hero-lead{font-size:22px}.hero-current{margin-top:14px;font-size:15px}.hero-links{gap:12px 18px;margin-top:24px}.section-heading h2{font-size:23px}.skill-row,.certificates{grid-template-columns:minmax(0,1fr);gap:14px}.skill-list{gap:8px 18px;font-size:15px}.project-heading h3{font-size:26px}.project-subtitle{font-size:17px}.project-meta>div{grid-template-columns:64px minmax(0,1fr);gap:12px}.project-detail-body ol>li{padding-left:5px}.project-detail-body h5{font-size:17px}.contact-email{font-size:clamp(17px,5.3vw,28px)}.contact-section{padding-bottom:64px}.site-footer{font-size:12px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}.project-more-results ul{color:var(--muted);margin-top:12px;padding-left:19px;font-size:16px;line-height:1.85;list-style:outside}.project-more-results li+li{margin-top:8px}.project-platform{white-space:nowrap;flex-direction:row;justify-content:flex-start;align-items:center;gap:6px;height:32px;padding:0;line-height:20px;display:inline-flex}.project-platform svg{flex:0 0 16px;width:16px;height:16px;display:block}.project-platform>span{line-height:20px;display:block}.project-platform-pending{color:var(--muted);cursor:default}