:root{--color-canvas:#f8faf9;--color-surface:#fff;--color-ink:#17201f;--color-ink-soft:#42504e;--color-ink-muted:#6f7d79;--color-sea-deep:#174c52;--color-sea-glass:#dcedea;--color-sea-line:#b8d5d0;--color-sun-glint:#f4c95d;--color-sun-soft:#fff2bf;--color-coral-human:#e88673;--color-mist:#eef3f1;--font-sans:ui-sans-serif, -apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", "Pretendard", "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;--font-serif:"New York", "Georgia", "Noto Serif KR", serif;--font-mono:"SF Mono", "JetBrains Mono", "Menlo", monospace;--text-display:clamp(2.1rem, 4.3vw, 3.5rem);--text-title:clamp(2.1rem, 4.5vw, 3.5rem);--text-title-compact:clamp(1.8rem, 3vw, 2.6rem);--text-body:1rem;--text-body-large:clamp(1.1rem, 1.8vw, 1.35rem);--text-statement:clamp(1.55rem, 3vw, 2.6rem);--text-label:.78rem;--leading-display:1;--leading-title:1.1;--leading-body:1.65;--leading-relaxed:1.72;--leading-statement:1.35;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--space-32:128px;--radius-sm:8px;--radius-pill:999px;--max-page:1200px;--max-reading:760px;--max-narrow:680px;--gutter:40px;--z-background:0;--z-veil:1;--z-content:2;--z-nav:5;--ease-yoonseul:cubic-bezier(.22, 1, .36, 1);--duration-fast:.16s;--duration-normal:.28s}@media (max-width:860px){:root{--gutter:28px}}@media (max-width:520px){:root{--gutter:20px;--text-display:2rem}}
*{box-sizing:border-box}html{background:var(--color-canvas);color:var(--color-ink);scroll-behavior:smooth}body{font-family:var(--font-sans);line-height:var(--leading-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0}a{color:inherit;-webkit-text-decoration-color:var(--color-sea-line);text-decoration-color:var(--color-sea-line);text-underline-offset:3px;transition:background-color var(--duration-fast) var(--ease-yoonseul), border-color var(--duration-fast) var(--ease-yoonseul), color var(--duration-fast) var(--ease-yoonseul), text-decoration-color var(--duration-fast) var(--ease-yoonseul);text-decoration-thickness:1px}a:hover{-webkit-text-decoration-color:var(--color-sun-glint);text-decoration-color:var(--color-sun-glint)}a:focus-visible,button:focus-visible{outline:2px solid var(--color-sun-glint);outline-offset:3px}h1,h2,h3,p{margin:0}h1{max-width:980px;font-size:var(--text-display);letter-spacing:0;font-weight:580;line-height:var(--leading-display)}h2{max-width:820px;font-size:var(--text-title);letter-spacing:0;font-weight:560;line-height:var(--leading-title)}h3{font-size:1.35rem;font-weight:560;line-height:1.2}p{color:var(--color-ink-soft);font-size:var(--text-body)}::selection{background:var(--color-sun-soft);color:var(--color-ink)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important}}
.site-nav{z-index:var(--z-nav);width:min(100%, var(--max-page));padding:var(--space-7) var(--gutter);justify-content:space-between;align-items:center;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%)}.site-nav--static{width:min(100%, var(--max-page));margin:0 auto;position:static;transform:none}.site-nav__mark,.site-nav__link{font-size:.88rem;font-weight:520;text-decoration:none}.site-nav__mark{color:var(--color-ink)}.site-nav__link{min-height:44px;padding:0 var(--space-4);border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:var(--color-ink-soft);background:#ffffff70;border:1px solid #b8d5d0b8;align-items:center;display:inline-flex}.site-nav__link:hover{color:var(--color-ink);background:#dcedeac2}.button-link{border-radius:var(--radius-pill);justify-content:center;align-items:center;width:fit-content;min-height:46px;padding:12px 18px;font-size:.95rem;font-weight:540;text-decoration:none;display:inline-flex}.button-link--primary{background:var(--color-ink);color:var(--color-surface)}.button-link--primary:hover{background:var(--color-sea-deep)}.text-link{margin-top:var(--space-7);color:var(--color-sea-deep);font-weight:560;display:inline-flex}.eyebrow{color:var(--color-sea-deep);font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:0;text-transform:none;font-weight:560}.yoonseul-background{z-index:var(--z-background);background:var(--color-canvas);position:fixed;inset:0}.project-row{gap:var(--space-12);padding:var(--space-8);border:1px solid var(--color-sea-line);border-radius:var(--radius-sm);background:#ffffffc7;grid-template-columns:minmax(240px,.5fr) minmax(0,1fr);display:grid}.project-row__eyebrow{color:var(--color-ink-muted);font-family:var(--font-mono);font-size:var(--text-label)}.project-row h2{margin-top:var(--space-2);font-size:var(--text-title-compact)}.project-row__body{gap:22px;display:grid}.project-row dl{gap:var(--space-3);margin:0;display:grid}.project-row dl div{gap:var(--space-4);grid-template-columns:88px minmax(0,1fr);display:grid}.project-row dt{color:var(--color-ink-muted);font-family:var(--font-mono);font-size:var(--text-label)}.project-row dd{color:var(--color-ink-soft);margin:0}@media (max-width:860px){.project-row{gap:var(--space-8);grid-template-columns:1fr}}@media (max-width:520px){.site-nav{padding-top:var(--space-5)}.project-row{padding:22px}}
.landing{background:var(--color-canvas);position:relative;overflow:clip}.landing:before{z-index:var(--z-veil);content:"";pointer-events:none;background:radial-gradient(at 24% 42%,#f8faf994,#f8faf95c 20%,#f8faf914 44%,#f8faf900 66%),radial-gradient(circle at 74% 32%,#f4c95d0f,#f4c95d00 34%),linear-gradient(#f8faf900,#f8faf91f);position:fixed;inset:0}.landing-hero{z-index:var(--z-content);min-height:100svh;position:relative}.landing-hero__content{z-index:var(--z-content);min-height:100svh;width:min(100%, var(--max-page));padding:var(--space-24) var(--gutter) var(--space-20);flex-direction:column;justify-content:center;gap:22px;margin:0 auto;display:flex;position:relative}.landing-hero__lede{max-width:620px;color:var(--color-ink-soft);font-size:clamp(1.02rem,1.45vw,1.22rem);line-height:1.55}.landing-hero__whisper{right:var(--gutter);bottom:var(--space-7);z-index:var(--z-content);color:#174c52b8;max-width:420px;font-family:var(--font-mono);font-size:.75rem;position:absolute}.landing-story{z-index:var(--z-content);min-height:100svh;padding:var(--space-12) var(--gutter) var(--space-32);position:relative}.story-panel{z-index:var(--z-content);width:min(100%, var(--max-page));margin:0 auto;padding:18vh 0;position:relative}.story-panel--left{max-width:var(--max-reading);margin-left:max(0px, calc((100vw - var(--max-page)) / 2))}.story-panel--right{max-width:var(--max-narrow);margin-right:max(0px, calc((100vw - var(--max-page)) / 2))}.story-panel--wide{max-width:var(--max-page)}.story-panel--closing{max-width:var(--max-reading);align-content:center;min-height:78svh;padding-bottom:4vh;display:grid}.story-panel h2{margin-top:14px}.story-copy{max-width:var(--max-narrow);margin-top:var(--space-7);color:var(--color-ink-soft);font-size:var(--text-body-large);line-height:var(--leading-relaxed)}.story-two-column{gap:var(--space-20);grid-template-columns:minmax(0,.9fr) minmax(320px,.68fr);align-items:start;margin-top:42px;display:grid}.statement{color:var(--color-ink);font-family:var(--font-serif);font-size:var(--text-statement);line-height:var(--leading-statement)}.line-list{gap:22px;margin-top:34px;display:grid}.line-list p{max-width:700px;color:var(--color-ink);font-size:clamp(1.24rem,2.3vw,1.8rem);line-height:1.45}.projects-page{background:linear-gradient(180deg, #dcedea6b, transparent 320px), var(--color-canvas);min-height:100svh}.projects-hero{width:min(100%, var(--max-page));padding:112px var(--gutter) 72px;margin:0 auto}.projects-hero h1{max-width:880px;margin-top:var(--space-4)}.projects-hero p:not(.eyebrow){max-width:640px;margin-top:var(--space-6);font-size:1.05rem}.project-list{width:min(100%, var(--max-page));gap:var(--space-4);padding:0 var(--gutter) 120px;margin:0 auto;display:grid}@media (max-width:860px){.landing-hero,.landing-hero__content{min-height:88svh}.story-two-column{gap:var(--space-8);grid-template-columns:1fr}.landing-story{padding-top:var(--space-6);padding-bottom:var(--space-24)}.story-panel{padding:13vh 0}.story-panel--left,.story-panel--right,.story-panel--wide,.story-panel--closing{max-width:100%;margin-left:auto;margin-right:auto}}@media (max-width:520px){.landing-hero__content{justify-content:flex-end;padding-bottom:88px}.landing-hero__whisper{display:none}.story-panel{padding:11vh 0}.story-copy{font-size:1.05rem}.line-list p{font-size:1.14rem}}