:root{--color-stone-300:#dcd7d4;--color-stone-350:#d3cecb;--color-blue-500:#1f3dff;--color-ink-100:#251919;--color-ink-a12:#2519191f;--color-ink-a40:#25191966;--color-ink-a30:#2519194d;--color-ink-a50:#25191980;--font-family-nanum-pen:"Nanum Pen Script", "Bradley Hand", "Segoe Print", cursive;--font-family-inter:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-weight-400:400;--font-weight-500:500;--font-weight-600:600;--font-weight-700:700;--font-opsz-auto:normal;--font-opsz-display:"opsz" 32;--font-size-16:1rem;--font-size-19:1.1875rem;--font-size-20:1.25rem;--font-size-24:1.5rem;--line-height-1:1;--line-height-1-5:1.5;--angle-neg-6:-6deg;--angle-6:6deg;--length-0:0px;--length-1:1px;--length-1-5:1.5px;--length-2:2px;--length-2-5:2.5px;--length-3:3px;--length-4:4px;--length-5:5px;--length-8:8px;--length-12:12px;--length-24:24px;--length-16:16px;--length-20:20px;--length-28:28px;--length-32:32px;--length-40:40px;--length-44:44px;--length-600:600px;--length-48:48px;--length-64:64px;--length-80:80px;--length-96:96px;--length-120:120px;--length-160:160px;--length-180:180px;--length-320:320px;--duration-50:50ms;--duration-60:60ms;--duration-100:.1s;--duration-300:.3s;--duration-600:.6s;--duration-1000:1s;--duration-1200:1.2s;--duration-500:.5s;--duration-800:.8s;--duration-1100:1.1s;--duration-1700:1.7s;--duration-12000:12s;--ease-linear:linear;--ease-out-quart:cubic-bezier(.25, 1, .5, 1);--ease-out-back:cubic-bezier(.34, 1.56, .64, 1);--ease-in-out-cubic:cubic-bezier(.65, 0, .35, 1);--ratio-0-2:.2;--ratio-0-94:.94;--ratio-0-4:.4;--ratio-0-45:.45;--ratio-0-5:.5;--ratio-1:1;--spring-stiffness-soft:38;--spring-damping-soft:8.5;--drag-air:2.5;--percent-17:17%;--percent-60:60%;--percent-22:22%;--percent-30:30%;--aspect-4-5:4 / 5;--aspect-1-1:1 / 1;--aspect-6-5:6 / 5;--count-4:4;--count-19:19;--count-25:25;--count-33:33;--count-2:2;--count-3:3;--layer-behind:-1;--layer-1:1;--layer-2:2;--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-body:var(--font-family-inter);--font-display:var(--font-family-inter);--font-variation-body:var(--font-opsz-auto);--font-variation-display:var(--font-opsz-display);--font-weight-body:var(--font-weight-500);--font-weight-body-strong:var(--font-weight-600);--font-weight-display:var(--font-weight-500);--font-weight-prose:var(--font-weight-400);--font-size-prose:var(--font-size-16);--line-height-prose:var(--line-height-1-5);--size-prose-max:var(--length-600);--space-prose-gutter:var(--length-24);--space-paragraph:var(--length-16);--font-note:var(--font-family-nanum-pen);--font-size-note:var(--font-size-20);--font-size-logo:var(--font-size-16);--font-size-nav:var(--font-size-16);--nav-columns-compact:var(--count-2);--space-nav-stack:var(--length-28);--size-hit-target:var(--length-44);--space-hit-inline:var(--length-12);--radius-focus:var(--length-8);--focus-ring-width:var(--length-2);--line-height-logo:var(--line-height-1);--line-height-nav:var(--line-height-1);--text-primary:var(--color-ink-100);--text-note:var(--color-blue-500);--text-disabled:var(--color-ink-a40);--text-secondary:var(--color-ink-a50);--border-width:var(--length-1);--border-strong:var(--color-ink-100);--border-subtle:var(--color-ink-a30);--icon-size:var(--length-20);--icon-size-small:var(--length-16);--note-angle:var(--angle-neg-6);--note-offset-x:var(--percent-60);--note-offset-y:var(--length-4);--note-line-height:var(--line-height-1);--font-size-ai-note:var(--font-size-19);--ai-note-gap:var(--length-16);--page-space-top:var(--length-80);--page-space-header:var(--length-24);--font-size-section:var(--font-size-16);--font-size-page-title:var(--font-size-24);--space-cell:var(--length-16);--space-icon-gap:var(--length-8);--work-feature-gap:var(--length-180);--feature-dot-size:var(--length-5);--feature-dot-color:var(--text-primary);--feature-cell-steps-x:var(--count-25);--feature-cell-steps-y:var(--count-33);--feature-image-inset:var(--length-4);--feature-dissolve-hold:var(--thumb-day-hold);--feature-dissolve-time:var(--duration-1200);--feature-dissolve-ease:var(--thumb-day-ease);--feature-tile:var(--color-stone-350);--feature-tile-padding:var(--length-20);--feature-placeholder:var(--color-stone-350);--feature-image-inset-roomy:var(--length-24);--feature-image-radius:var(--length-12);--feature-min-rows:var(--count-4);--feature-density:var(--ratio-0-5);--work-head-height:var(--length-64);--work-head-gap:var(--length-40);--work-row-height:var(--length-48);--work-col-year:var(--length-96);--work-col-company:var(--percent-17);--work-col-company-wide:var(--percent-30);--work-col-category:var(--length-160);--work-col-year-compact:var(--percent-22);--gallery-columns-wide:var(--count-4);--gallery-columns-medium:var(--count-3);--gallery-columns-compact:var(--count-2);--gallery-columns:var(--gallery-columns-wide);--gallery-gap:var(--length-12);--gallery-card-radius:var(--length-8);--gallery-card-ratio-tall:var(--aspect-4-5);--gallery-card-ratio-square:var(--aspect-1-1);--gallery-card-ratio-short:var(--aspect-6-5);--gallery-card-surface:var(--color-stone-350);--gallery-card-padding:var(--length-16);--space-page-gutter:var(--length-24);--space-page-bottom:var(--length-96);--surface-page:var(--color-stone-300);--layer-field:var(--layer-behind);--layer-content:var(--layer-1);--layer-dust:var(--layer-2);--field-dot-size:var(--length-2);--field-dot-spacing:var(--length-8);--field-pixel-ratio-max:var(--count-3);--dust-dot-size:var(--length-2);--dust-color:var(--text-primary);--dust-brush-radius:var(--length-12);--dust-float-speed:var(--length-40);--dust-drag-carry:var(--ratio-0-2);--dust-carry-max:var(--length-80);--dust-float-drag:var(--drag-air);--dust-wobble:var(--length-3);--dust-wobble-period:var(--duration-1100);--dust-float-duration:var(--duration-800);--dust-return-duration:var(--duration-800);--dust-return-ease:var(--ease-in-out-cubic);--thumb-image-max-width:var(--length-320);--thumb-image-max-height:var(--length-320);--thumb-offset-x:var(--length-32);--thumb-edge-margin:var(--length-12);--thumb-follow-lag:var(--duration-60);--thumb-flip-lag:var(--duration-100);--thumb-duration:var(--duration-300);--thumb-ease:var(--ease-out-quart);--thumb-change-angle:var(--angle-6);--thumb-change-scale:var(--ratio-0-94);--thumb-change-duration:var(--duration-300);--thumb-change-ease:var(--ease-out-back);--thumb-day-hold:var(--duration-1000);--thumb-day-dissolve:var(--duration-600);--thumb-day-ease:var(--ease-in-out-cubic)}@media (width<=900px){:root{--gallery-columns:var(--gallery-columns-medium)}}@media (width<=600px){:root{--gallery-columns:var(--gallery-columns-compact);--feature-cell-steps-x:var(--count-19);--feature-cell-steps-y:var(--count-25)}}@font-face{font-family:Nanum Pen Script;src:url(/fonts/NanumPenScript-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/InterVariable.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}*,:before,:after{box-sizing:border-box}html,body{min-height:100%;margin:0}body{padding:var(--space-page-gutter);padding-bottom:var(--space-page-bottom);background:var(--surface-page);color:var(--text-primary);font-family:var(--font-body);font-weight:var(--font-weight-body);font-variation-settings:var(--font-variation-body);font-optical-sizing:auto;-webkit-font-smoothing:antialiased}.type-display{font-family:var(--font-display);font-weight:var(--font-weight-display);font-variation-settings:var(--font-variation-display)}.grid-probe{width:100%;height:calc(100lvh + var(--field-dot-spacing));visibility:hidden;pointer-events:none;z-index:var(--layer-field);position:fixed;inset:0}.content,.site-header{z-index:var(--layer-content);position:relative}.site-nav{justify-content:space-between;margin:0;padding:0;list-style:none;display:flex}.site-nav li{line-height:var(--line-height-nav)}.site-nav a{--hit-pad-block:calc((var(--size-hit-target) - 1em) / 2);min-width:var(--size-hit-target);padding:var(--hit-pad-block) var(--space-hit-inline);margin:calc(var(--hit-pad-block) * -1) calc(var(--space-hit-inline) * -1);box-sizing:border-box;text-align:center;color:var(--text-primary);border-radius:var(--radius-focus);text-decoration:none;display:inline-block}.site-nav a[aria-disabled=true]{color:var(--text-disabled);cursor:not-allowed}.site-nav a:focus-visible{outline:var(--focus-ring-width) solid var(--text-primary)}@media (width<=600px){.site-nav{grid-template-columns:repeat(var(--nav-columns-compact), minmax(0, 1fr));row-gap:var(--space-nav-stack);display:grid}.site-nav li:first-child{text-align:left;grid-column:1}.site-nav li:not(:first-child){text-align:right;grid-column:2}}.site-nav li:first-child{position:relative}.logo-note{left:var(--note-offset-x);top:calc(100% + var(--note-offset-y));font-family:var(--font-note);font-weight:var(--font-weight-400);font-variation-settings:normal;font-size:var(--font-size-note);line-height:var(--note-line-height);color:var(--text-note);white-space:nowrap;transform:rotate(var(--note-angle));transform-origin:0;pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute}.nav-link,.logo{font-family:var(--font-display);font-weight:var(--font-weight-display);font-variation-settings:var(--font-variation-display)}.nav-link{font-size:var(--font-size-nav);line-height:var(--line-height-nav)}.logo{font-size:var(--font-size-logo);line-height:var(--line-height-logo)}.about{padding-inline:var(--space-prose-gutter);pointer-events:none;place-items:center;display:grid;position:fixed;inset:0}.prose{width:100%;max-width:var(--size-prose-max);font-family:var(--font-body);font-weight:var(--font-weight-prose);font-size:var(--font-size-prose);line-height:var(--line-height-prose);pointer-events:auto}.prose p{margin:0}.prose p+p{margin-top:var(--space-paragraph)}.dust{pointer-events:none;width:100%;height:100%;z-index:var(--layer-dust);display:block;position:fixed;inset:0}.prose.dust-ready{-webkit-user-select:none;user-select:none;touch-action:none}.dust-char.is-dust{color:#0000}[hidden]{display:none!important}.visually-hidden{width:var(--length-1);height:var(--length-1);margin:calc(var(--length-1) * -1);clip-path:inset(50%);white-space:nowrap;border:0;padding:0;position:absolute;overflow:hidden}.icon{width:var(--icon-size);height:var(--icon-size);flex-shrink:0;display:block}.icon-small{width:var(--icon-size-small);height:var(--icon-size-small)}.page-section{margin-top:var(--page-space-top);font-family:var(--font-display);font-weight:var(--font-weight-display);font-variation-settings:var(--font-variation-display);font-size:var(--font-size-section);line-height:var(--line-height-1)}.page-header{min-height:var(--size-hit-target);margin-bottom:var(--page-space-header);justify-content:space-between;align-items:center;display:flex}.page-title{font:inherit;font-variation-settings:inherit;font-size:var(--font-size-page-title);line-height:var(--line-height-1);text-align:left;color:var(--text-primary);margin:0}.page-controls{margin-right:calc((var(--icon-size) - var(--size-hit-target)) / 2);align-items:center;display:flex}.toolbar{display:flex}.column-toggle{font:inherit;font-variation-settings:inherit;line-height:var(--line-height-1)}.toggle-button{width:var(--size-hit-target);height:var(--size-hit-target);border-radius:var(--radius-focus);color:var(--text-secondary);cursor:pointer;background:0 0;border:0;place-items:center;margin:0;padding:0;display:grid}.toggle-button[aria-pressed=true],:root[data-hover-effects=on] .toggle-button:hover{color:var(--text-primary)}.toggle-button:focus-visible,.sort-button:focus-visible{outline:var(--focus-ring-width) solid var(--text-primary)}.work-feature{margin-bottom:var(--work-feature-gap)}.work-feature:empty{display:none}.feature-grid{width:100%;position:relative}.feature-dot{width:var(--feature-dot-size);height:var(--feature-dot-size);background:var(--feature-dot-color);border-radius:50%;position:absolute}.feature-image,.feature-placeholder,.feature-pair{display:block;position:absolute}.feature-pair .feature-image{width:100%;height:100%;inset:0}.feature-image.is-rounded{border-radius:var(--feature-image-radius)}.feature-image.is-cropped{object-fit:cover;object-position:center}.feature-image.is-top{opacity:0;transition:opacity var(--feature-dissolve-time) var(--feature-dissolve-ease)}.feature-image.is-top.is-on{opacity:1}@media (prefers-reduced-motion:reduce){.feature-image.is-top{transition:none}}.feature-placeholder{background:var(--feature-placeholder)}.feature-tile{background:var(--feature-tile);display:block;position:absolute}.feature-tile:not(.feature-pair){justify-content:center;align-items:center;display:flex}.feature-tile:not(.feature-pair)>.feature-image{width:auto;max-width:100%;height:auto;max-height:100%;position:static}.feature-tile.is-roomy{padding:var(--feature-tile-padding)}.feature-pair.feature-tile>.feature-image{object-fit:contain;width:100%;height:100%;inset:0}.work-table{border-collapse:collapse;table-layout:fixed;width:100%;color:var(--text-secondary)}.work-table th,.work-table td{padding:0 var(--space-cell) 0 0;white-space:nowrap;text-overflow:ellipsis;text-align:left;vertical-align:middle;overflow:hidden}.work-table .cell-category{text-align:right;padding-right:0}.work-table th{height:var(--work-head-height);border-top:var(--border-width) solid var(--border-strong);font-weight:inherit;color:var(--text-primary);overflow:visible}.work-table .cell-year{width:var(--work-col-year)}.work-table .cell-company{width:var(--work-col-company)}.work-table .cell-category{width:var(--work-col-category)}.work-table[data-fit=no-category] .cell-category,.work-table[data-fit=no-company] .cell-category,.work-table[data-fit=no-company] .cell-company{display:none}.work-table[data-fit=no-category] .cell-company{width:var(--work-col-company-wide);text-align:right;padding-right:0}.work-table[data-fit=no-company] .cell-year{width:var(--work-col-year-compact)}.work-table tbody:before{content:"";height:var(--work-head-gap);display:table-row}.work-table td{height:var(--work-row-height);border-bottom:var(--border-width) solid var(--border-subtle)}:root[data-hover-effects=on] .work-table tbody tr:hover{color:var(--text-primary)}.work-table tbody tr{position:relative}.row-link{color:inherit;text-decoration:none}.row-link:after{content:"";cursor:pointer;position:absolute;inset:0}.row-link:focus-visible{outline:none}.row-link:focus-visible:after{outline:var(--focus-ring-width) solid var(--text-primary);outline-offset:calc(var(--focus-ring-width) * -1);border-radius:var(--radius-focus)}.ai-note{margin-left:var(--ai-note-gap);font-family:var(--font-note);font-weight:var(--font-weight-400);font-variation-settings:normal;font-size:var(--font-size-ai-note);color:var(--text-note);opacity:0;transition:opacity var(--duration-300) var(--ease-out-quart)}@media (hover:hover){:root[data-hover-effects=on] .work-table tbody tr:hover .ai-note{opacity:1}}@media (hover:none){.ai-note{display:none}}.sort-button{--hit-pad-block:calc((var(--size-hit-target) - 1em) / 2);align-items:center;gap:var(--space-icon-gap);margin:calc(var(--hit-pad-block) * -1) calc(var(--space-hit-inline) * -1);padding:var(--hit-pad-block) var(--space-hit-inline);border-radius:var(--radius-focus);font:inherit;font-variation-settings:inherit;color:inherit;cursor:pointer;background:0 0;border:0;display:inline-flex}.sort-caret{transition:transform var(--duration-300) var(--ease-out-quart)}th[aria-sort=ascending] .sort-caret{transform:rotate(180deg)}.gallery{grid-template-columns:repeat(var(--gallery-columns-active,var(--gallery-columns)), minmax(0, 1fr));gap:var(--gallery-gap);align-items:start;display:grid}.gallery-column{gap:var(--gallery-gap);flex-direction:column;min-width:0;display:flex}.gallery-card{place-content:center;justify-items:center;gap:var(--space-icon-gap);padding:var(--gallery-card-padding);border-radius:var(--gallery-card-radius);background:var(--gallery-card-surface);text-align:center;display:grid}.gallery-card[data-shape=tall]{aspect-ratio:var(--gallery-card-ratio-tall)}.gallery-card[data-shape=square]{aspect-ratio:var(--gallery-card-ratio-square)}.gallery-card[data-shape=short]{aspect-ratio:var(--gallery-card-ratio-short)}.gallery-card-title{color:var(--text-primary)}.gallery-card-meta{color:var(--text-secondary)}.thumb{opacity:0;transition:opacity var(--thumb-duration) var(--thumb-ease);pointer-events:none;z-index:var(--layer-dust);position:fixed;top:0;left:0}.thumb.is-visible{opacity:1}.thumb-image{width:100%;height:100%;position:relative;overflow:hidden}.thumb-photo{object-fit:contain;width:100%;height:100%;display:block;position:absolute;inset:0}.thumb-photo.is-top{opacity:0;transition:opacity var(--thumb-day-dissolve) var(--thumb-day-ease)}.thumb-photo.is-top.is-on{opacity:1}.thumb-image.is-changing{animation:thumb-change var(--thumb-change-duration) var(--thumb-change-ease)}@keyframes thumb-change{0%{transform:rotate(calc(var(--thumb-change-angle) * var(--thumb-tilt-dir,1))) scale(var(--thumb-change-scale))}to{transform:rotate(0)scale(1)}}@media (prefers-reduced-motion:reduce){.thumb{transition:none}.thumb-image.is-changing{animation:none}.thumb-photo.is-top{transition:none}}
