/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@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{.start{inset-inline-start:var(--spacing)}.table{display:table}}@font-face{font-family:Pretendard;src:url(/fonts/Pretendard-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Pretendard;src:url(/fonts/Pretendard-SemiBold.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Pretendard;src:url(/fonts/Pretendard-Bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--accent:#1648ff;--accent-soft:#a9b8ff;--ink:#101114;--paper:#f2f0e9;--surface:#deddd7;--white:#fbfaf6;--muted:#5a5d65;--gutter:clamp(20px, 3.5vw, 64px);--section-y:clamp(92px, 9vw, 150px);--nav-height:58px;--max-width:1680px}*{box-sizing:border-box}html{scroll-behavior:smooth}section[id]{scroll-margin-top:var(--nav-height)}body{background:var(--paper);color:var(--ink);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0;font-family:Pretendard,Helvetica Neue,Arial,Noto Sans KR,Malgun Gothic,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline-offset:4px;outline:2px solid}main:focus{outline:none}.showcase-site{background:var(--paper);overflow:clip}.section-shell{width:min(calc(100% - (var(--gutter) * 2)), var(--max-width));margin:0 auto}.eyebrow{letter-spacing:.11em;text-transform:uppercase;margin:0;font-size:11px;font-weight:700;line-height:1.4}.accent-text{color:var(--accent-soft)}.skip-link{z-index:100;background:var(--ink);min-height:44px;color:var(--white);padding:14px 16px;font-size:12px;font-weight:700;position:fixed;top:10px;left:10px;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.document-links{flex-wrap:wrap;gap:8px;margin-top:30px;display:flex}.document-links a{letter-spacing:.035em;border:1px solid;align-items:center;min-height:44px;padding:10px 13px;font-size:11px;font-weight:700;line-height:1;transition:background .2s,color .2s;display:inline-flex}.document-links a span,.contact-links a span{flex:none}.document-links a:hover,.document-links a:focus-visible{background:var(--ink);color:var(--white)}.document-links.dark{color:var(--white)}.document-links.dark a:hover,.document-links.dark a:focus-visible{background:var(--white);color:var(--ink)}.showcase-nav{z-index:50;min-height:var(--nav-height);border-bottom:1px solid var(--ink);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f2f0e9f0;position:sticky;top:0}.nav-inner{width:min(calc(100% - (var(--gutter) * 2)), var(--max-width));min-height:var(--nav-height);grid-template-columns:1fr auto;align-items:center;gap:24px;margin:0 auto;display:grid}.nav-name,.nav-links{letter-spacing:.065em;font-size:11px;font-weight:700;line-height:1}.nav-name{letter-spacing:.035em;justify-self:start;align-items:center;min-height:44px;font-size:12px;display:inline-flex}.nav-links{justify-self:end;align-items:center;gap:clamp(18px,2.2vw,34px);display:flex}.nav-links a{border-bottom:1px solid #0000;align-items:center;min-height:44px;display:inline-flex}.nav-links a:hover,.nav-links a:focus-visible{border-bottom-color:currentColor}.showcase-hero{min-height:calc(100svh - var(--nav-height));border-bottom:1px solid var(--ink);background:var(--ink);color:var(--white);grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);display:grid}.hero-copy{min-width:0;padding:clamp(46px, 5.5vw, 92px) var(--gutter) clamp(36px, 4vw, 66px);flex-direction:column;display:flex}.hero-eyebrow{color:var(--accent-soft)}.hero-copy h1{letter-spacing:-.052em;margin:clamp(40px,7vh,76px) 0 0;font-size:clamp(58px,7.6vw,122px);font-weight:700;line-height:.88}.hero-statement{letter-spacing:-.04em;margin:clamp(34px,5vh,58px) 0 0;font-size:clamp(31px,3.8vw,61px);font-weight:700;line-height:.94}.hero-statement span{display:block}.hero-summary{letter-spacing:-.01em;word-break:keep-all;max-width:38ch;margin:30px 0 0;font-size:15px;font-weight:400;line-height:1.7}.hero-scroll{letter-spacing:.065em;border-bottom:1px solid;align-self:flex-start;align-items:center;gap:8px;min-height:44px;margin-top:auto;padding-top:28px;font-size:11px;font-weight:700;display:inline-flex}.hero-visual{background:var(--paper);min-width:0;color:var(--ink);border-left:1px solid #101114b3;flex-direction:column;justify-content:center;margin:0;display:flex}.hero-visual img{width:100%;height:auto}.hero-visual figcaption{padding:16px var(--gutter) 18px;letter-spacing:.04em;justify-content:space-between;gap:24px;font-size:11px;font-weight:700;line-height:1.45;display:flex}.hero-visual figcaption span:last-child{color:var(--accent);text-align:right}.work-section{padding:var(--section-y) 0 calc(var(--section-y) + 22px);background:var(--white)}.section-heading{grid-template-columns:3fr 9fr;align-items:start;gap:clamp(28px,4vw,64px);display:grid}.section-heading h2{letter-spacing:-.052em;margin:0;font-size:clamp(62px,7.8vw,126px);font-weight:700;line-height:.88}.section-heading>div>p{color:var(--muted);letter-spacing:.055em;margin:24px 0 0;font-size:12px;font-weight:700;line-height:1.65}.work-heading{margin-bottom:clamp(72px,7vw,112px)}.work-heading>div>p span+span:before{content:" · "}.project-grid{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;gap:clamp(76px,8vw,132px) clamp(14px,1.6vw,24px);display:grid}.project-card{min-width:0}.layout-feature{grid-column:2/12}.layout-portrait{grid-column:span 4}.layout-landscape-large{grid-column:span 8}.layout-dual{grid-column:1/-1}.layout-half{grid-column:span 6}.media-figure{min-width:0;margin:0}.project-visual{background:#090a0c;place-items:center;width:100%;display:grid;overflow:hidden}.project-visual img{object-fit:contain;width:100%;height:100%}.media-figure figcaption{color:var(--muted);letter-spacing:.07em;margin-top:10px;font-size:11px;font-weight:700;line-height:1.4}.project-media-pair{grid-template-columns:1fr 1fr;align-items:start;gap:clamp(12px,1.5vw,22px);display:grid}.technical-pair{grid-template-columns:1.08fr .92fr}.project-copy{border-top:1px solid var(--ink);flex-direction:column;gap:7px;margin-top:18px;padding-top:15px;display:flex}.project-copy p,.project-copy h3{margin:0}.project-type{color:var(--accent);letter-spacing:.045em;font-size:11px;font-weight:700;line-height:1.5;margin-bottom:4px!important}.project-copy h3{letter-spacing:-.035em;text-wrap:balance;font-size:clamp(25px,2.35vw,38px);font-weight:700;line-height:1.02}.project-role{letter-spacing:.035em;font-size:11px;font-weight:700;line-height:1.55}.project-description{max-width:60ch;color:var(--muted);letter-spacing:-.008em;word-break:keep-all;text-wrap:pretty;font-size:14px;font-weight:400;line-height:1.65}.approach-section{padding:var(--section-y) 0;background:var(--ink);color:var(--white)}.approach-heading{grid-template-columns:3fr 9fr;gap:clamp(28px,4vw,64px);display:grid}.approach-heading h2{letter-spacing:-.05em;margin:0;font-size:clamp(54px,6.8vw,108px);font-weight:700;line-height:.9}.approach-heading h2 span{display:block}.approach-heading>div>p{letter-spacing:-.01em;word-break:keep-all;max-width:64ch;margin:34px 0 0;font-size:15px;font-weight:400;line-height:1.8}.approach-body{grid-template-columns:4fr 8fr;align-items:end;gap:clamp(42px,6vw,96px);margin-top:clamp(68px,8vw,118px);display:grid}.process-figure{width:min(100%,360px);margin:0 auto}.process-figure img{width:100%;height:auto}.process-figure figcaption{letter-spacing:.035em;margin-top:12px;font-size:11px;font-weight:600;line-height:1.55}.capability-list{border-top:1px solid #ffffffb8}.capability-list article{border-bottom:1px solid #ffffff6b;grid-template-columns:.55fr 1.1fr 1.35fr;align-items:start;gap:clamp(20px,3vw,46px);padding:28px 0;display:grid}.capability-list h3,.capability-list p,.capability-list small{margin:0}.capability-list h3{color:var(--accent-soft);letter-spacing:-.035em;font-size:30px;font-weight:700;line-height:1}.capability-list p{word-break:keep-all;font-size:14px;line-height:1.72}.capability-list small{color:var(--accent-soft);letter-spacing:.045em;font-size:11px;font-weight:700;line-height:1.65}.credentials-section{padding:var(--section-y) 0;background:var(--paper)}.credentials-heading{margin-bottom:clamp(66px,7vw,108px)}.credentials-heading h2{max-width:11ch;font-size:clamp(52px,6.2vw,98px)}.credentials-grid{grid-template-columns:7fr 5fr;align-items:start;gap:clamp(54px,6vw,104px);display:grid}.experience-list{border-top:1px solid var(--ink)}.experience-list article{border-bottom:1px solid var(--ink);grid-template-columns:135px minmax(180px,.72fr) 1.28fr;align-items:start;gap:24px;padding:26px 0;display:grid}.experience-list p,.experience-list h3{margin:0}.period{color:var(--accent);letter-spacing:.035em;font-size:11px;font-weight:700;line-height:1.5}.experience-list h3{letter-spacing:-.025em;font-size:21px;font-weight:700;line-height:1.15}.experience-title{letter-spacing:.03em;font-size:11px;font-weight:700;line-height:1.5;margin-top:8px!important}.experience-list article>p:last-child{color:var(--muted);word-break:keep-all;font-size:13px;line-height:1.7}.credits-list{border-top:1px solid var(--ink);padding-top:18px}.credits-list>.eyebrow{color:var(--accent);margin-bottom:20px}.credits-list article{border-top:1px solid #1011143d;padding:18px 0}.credits-list article:last-of-type{border-bottom:1px solid #1011143d}.credits-list h3,.credits-list article p{margin:0}.credits-list h3{letter-spacing:-.015em;font-size:17px;font-weight:700;line-height:1.45}.credits-list article p{color:var(--accent);letter-spacing:.035em;margin-top:7px;font-size:11px;font-weight:700;line-height:1.55}.personal-section{border-top:1px solid var(--ink);background:var(--surface);grid-template-columns:5fr 7fr;min-height:720px;display:grid}.personal-copy{border-right:1px solid var(--ink);padding:var(--section-y) var(--gutter);flex-direction:column;justify-content:center;display:flex}.personal-copy h2{letter-spacing:-.052em;margin:38px 0 26px;font-size:clamp(54px,6.2vw,98px);font-weight:700;line-height:.9}.personal-copy>p:last-of-type{word-break:keep-all;max-width:30ch;margin:0;font-size:15px;line-height:1.72}.personal-copy small{color:var(--accent);letter-spacing:.055em;margin-top:30px;font-size:11px;font-weight:700;line-height:1.5}.personal-visual{min-width:0;padding:clamp(48px, 6vw, 92px) var(--gutter);background:#090a0c;place-items:center;margin:0;display:grid}.personal-visual img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:78vh}.contact-section{padding:var(--section-y) 0 0;background:var(--ink);color:var(--white)}.contact-shell>h2{letter-spacing:-.052em;margin:clamp(42px,6vw,84px) 0 clamp(82px,10vw,150px);font-size:clamp(64px,9.7vw,158px);font-weight:700;line-height:.88}.contact-shell>h2 span{display:block}.contact-shell>h2 span:last-child{color:var(--accent-soft)}.contact-grid{border-top:1px solid #ffffffb8;grid-template-columns:1fr 1fr;gap:54px;padding:24px 0 clamp(64px,8vw,112px);display:grid}.contact-grid>div:first-child>p{letter-spacing:.055em;margin:0;font-size:11px;font-weight:700;line-height:1.6}.contact-links{text-align:right;flex-direction:column;align-items:flex-end;gap:4px;display:flex}.contact-links a{letter-spacing:.035em;overflow-wrap:anywhere;align-items:center;max-width:100%;min-height:44px;font-size:12px;font-weight:700;line-height:1.35;display:inline-flex}.contact-links .contact-email{letter-spacing:-.025em;font-size:clamp(20px,2.1vw,34px);line-height:1.15}.contact-footer{letter-spacing:.04em;border-top:1px solid #ffffffb8;grid-template-columns:1fr auto;align-items:end;gap:32px;padding:34px 0 38px;font-size:11px;font-weight:600;line-height:1.6;display:grid}.contact-footer p{margin:0}.contact-footer>p{text-align:right}@media (width<=1100px){.hero-copy h1{font-size:clamp(52px,7vw,76px)}.hero-statement{font-size:clamp(30px,3.6vw,43px)}.capability-list article{grid-template-columns:.45fr 1fr}.capability-list small{grid-column:2}.credentials-grid{grid-template-columns:1fr}.experience-list article{grid-template-columns:135px .8fr 1.2fr}}@media (width<=900px){:root{--gutter:18px;--section-y:88px;--nav-height:56px}.nav-inner{grid-template-columns:1fr auto;gap:14px}.nav-links{gap:18px}.nav-about,.nav-experience{display:none!important}.showcase-hero{grid-template-columns:1fr;min-height:0}.hero-copy{min-height:calc(92svh - var(--nav-height));padding:48px var(--gutter) 34px}.hero-copy h1{margin-top:48px;font-size:clamp(45px,13vw,68px)}.hero-statement{margin-top:34px;font-size:clamp(30px,8.5vw,46px)}.hero-summary{margin-top:26px;font-size:14px}.hero-scroll{margin-top:auto}.hero-visual{border-top:1px solid var(--ink);border-left:0}.hero-visual figcaption{padding:14px var(--gutter) 16px;flex-direction:column;gap:4px}.hero-visual figcaption span:last-child{text-align:left}.section-heading,.approach-heading{grid-template-columns:1fr;gap:25px}.section-heading h2{font-size:clamp(52px,16vw,76px)}.work-heading{margin-bottom:68px}.work-heading>div>p span{display:block}.work-heading>div>p span+span:before{content:""}.project-grid{grid-template-columns:1fr;row-gap:76px}.layout-feature,.layout-portrait,.layout-landscape-large,.layout-dual,.layout-half{grid-column:1}.project-media-pair,.technical-pair{grid-template-columns:1fr;gap:28px}.project-copy h3{font-size:29px}.layout-feature .project-copy h3{font-size:26px}.project-description{font-size:13px}.approach-heading h2{font-size:clamp(45px,13.2vw,66px)}.approach-heading>div>p{font-size:14px}.approach-body{grid-template-columns:1fr;gap:64px;margin-top:68px}.process-figure{width:min(78vw,340px)}.capability-list article{grid-template-columns:1fr;gap:12px;padding:26px 0}.capability-list small{grid-column:1}.credentials-heading h2{max-width:none;font-size:clamp(45px,12.4vw,64px)}.credentials-grid{gap:72px}.experience-list article{grid-template-columns:1fr;gap:14px;padding:25px 0}.personal-section{grid-template-columns:1fr;min-height:0}.personal-copy{border-right:0;border-bottom:1px solid var(--ink)}.personal-copy h2{font-size:clamp(47px,13.4vw,66px)}.personal-visual{padding:42px var(--gutter)}.personal-visual img{max-height:72svh}.contact-shell>h2{margin:40px 0 80px;font-size:clamp(47px,13.4vw,68px);line-height:.92}.contact-grid{grid-template-columns:1fr;gap:46px}.contact-links{text-align:left;align-items:flex-start}.contact-footer{grid-template-columns:1fr;gap:20px}.contact-footer>p{text-align:left}}@media (width<=430px){.nav-name{font-size:11px}.nav-links{gap:13px}.nav-links a{font-size:10px}.hero-copy h1{font-size:clamp(42px,12.7vw,54px)}.hero-statement{font-size:clamp(27px,8.2vw,35px)}.document-links{gap:6px}.document-links a{padding-inline:10px;font-size:10px}.project-type,.project-role,.media-figure figcaption{font-size:10px}.contact-links .contact-email{font-size:20px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
