@import url('/assets/universe.css');
:root{--bg:#121211;--surface:#191918;--surface-2:#222220;--ink:#f1eee6;--muted:#a6a49c;--line:#ffffff17;--blue:#dcc0ff;--accent:#f2c4a2}
body{background:var(--bg)}em{color:#c9c3b7}.site-header{height:104px}.site-header nav{color:#aba9a1;gap:31px}.site-header nav>a.active:after{background:#e4c391}.site-header nav .live-dot{background:#d7d2b9}.wordmark{gap:16px}.name-mark{font-family:Instrument,Georgia,serif;font-size:34px;font-style:italic;letter-spacing:-1.6px;line-height:1;position:relative}.name-mark>span{position:absolute;right:-10px;top:-5px;color:#c9f192;font-family:var(--sans);font-style:normal;font-size:13px;line-height:1}.name-handle{font-size:10px;color:#787870;letter-spacing:.15px;margin-left:7px}.language-switch{color:#797a72}.header-tools .icon-button{color:#aeada4}.site-header nav>a{font-size:11px}.personal-hero{height:960px;min-height:90svh;max-height:1160px;position:relative;isolation:isolate;overflow:hidden;background:#121211}.personal-backdrop{position:absolute;inset:0;background:radial-gradient(ellipse at 75% 40%,#46303950,transparent 44%),radial-gradient(ellipse at 60% 72%,#2d473930,transparent 50%);z-index:-1}.personal-copy{position:relative;z-index:3;padding-top:210px;pointer-events:none;transition:opacity .4s}.personal-copy a{pointer-events:auto}.hello-script{display:block;font-family:Instrument,Georgia,serif;font-style:italic;font-size:30px;color:#b9b3a9;transform:rotate(-5deg);transform-origin:left;margin-bottom:13px;width:max-content}.personal-copy h1{font-size:clamp(94px,10.7vw,164px);line-height:.95;letter-spacing:-.078em;font-weight:450;max-width:760px;pointer-events:none;color:#f5f0e5}.personal-copy h1>span{padding-left:2px}.name-period{color:#c6ef90}.personal-copy p{font-size:13px;line-height:1.9;color:#a6a398;max-width:380px;margin-top:33px}.personal-read-link{display:inline-flex;gap:29px;align-items:center;font-size:12px;color:#e6ddcb;border-bottom:1px solid #a0967c66;padding:8px 0 11px;margin-top:23px}.personal-read-link:hover{color:#d2f4aa;border-color:#d2f4aa}.personal-socials{display:flex;align-items:center;gap:19px;font-size:10px;margin-top:38px;color:#8d8c82}.personal-socials a:hover{color:#e6e3da}.personal-socials>span{font-family:Instrument,Georgia,serif;font-style:italic;font-size:16px;color:#77796b;letter-spacing:0;margin-left:17px}.three-stage{position:absolute;inset:0;z-index:1;overflow:hidden;outline-offset:-6px}.three-stage canvas{display:block;width:100%;height:100%;touch-action:pan-y;cursor:grab}.three-stage[data-dragging=true] canvas{cursor:grabbing;touch-action:none}.object-labels{position:absolute;inset:0;pointer-events:none}.object-label{position:absolute;left:0;top:0;display:flex;align-items:center;gap:10px;pointer-events:auto;border:1px solid #d1cfbe2b;border-radius:50px;padding:8px 12px;background:#171713a3;backdrop-filter:blur(9px);font-size:9px;color:#c4c0b5;white-space:nowrap;will-change:transform;transition:color .2s,border-color .2s;min-height:34px}.object-label:hover{color:#faf9e9;border-color:#dedbc577;background:#29291fea}.label-dot{height:4px;width:4px;border-radius:50%;background:#d8d1bb}.label-ideas .label-dot{background:#d8a5ff}.label-writing .label-dot{background:#edb580}.label-now .label-dot{background:#9ce7cb}.label-detour{border:0;background:none;padding:5px;color:#cce58c;min-height:25px;width:25px;justify-content:center;font-size:15px}.stage-fallback{position:absolute;right:16%;top:24%;width:250px;transform:rotate(7deg);padding:11px 11px 18px;background:#e6ddcc;border-radius:3px}.stage-fallback img{display:block;width:100%;height:290px;object-fit:cover;object-position:65% 50%}.stage-fallback span{display:block;font-family:Instrument,Georgia,serif;font-size:20px;font-style:italic;color:#514b3d;margin-top:11px}.three-ready .stage-fallback{display:none}.three-stage:not(.three-ready) canvas{visibility:hidden}.three-stage:not(.three-ready) .label-person{left:67%;top:65%}.three-stage:not(.three-ready) .label-writing{left:73%;top:78%}.three-stage:not(.three-ready) .label-ideas{left:52%;top:24%}.three-stage:not(.three-ready) .label-now{left:52%;top:72%}.three-stage:not(.three-ready) .label-detour{left:89%;top:25%}.personal-stage-footer{position:absolute;bottom:32px;left:0;right:0;display:flex;justify-content:space-between;align-items:center;gap:30px;z-index:5;pointer-events:none}.stage-hint{display:flex;align-items:center;gap:12px;font-size:9px;color:#74796e}.grab-symbol{font-size:22px;color:#b9bba4;line-height:1}.stage-buttons{display:flex;align-items:center;gap:12px;pointer-events:auto}.stage-buttons button{color:#b9bbac;font-size:9px;border:1px solid #cacdb427;border-radius:30px;min-height:35px;display:flex;align-items:center;gap:9px;padding:8px 12px}.stage-buttons button:hover{background:#ffffff08;border-color:#c2c8ad66;color:#e5e9d5}.stage-buttons button:disabled{opacity:.25;cursor:default}.stage-buttons [data-reset-stage],.stage-buttons [data-motion]{font-size:16px;width:34px;padding:7px;justify-content:center}.stage-buttons [data-replay-intro]{border:0;color:#777f6d;padding-right:0;font-size:8px}.stage-buttons [data-replay-intro]>span{font-size:12px}.personal-writing{padding-top:81px;padding-bottom:90px;border-top:1px solid var(--line)}.personal-section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:33px}.margin-label{font-size:8px;letter-spacing:1.6px;color:#7c8070;display:block;line-height:1.7}.personal-section-heading h2{font-size:42px;letter-spacing:-1.8px;margin-top:17px;color:#ece8dd}.personal-section-heading .text-link{font-size:11px;color:#a9ad98}.personal-entry{display:flex;align-items:flex-start;gap:35px;padding-block:34px;border-top:1px solid var(--line);transition:padding .3s}.personal-entry:last-child{border-bottom:1px solid var(--line)}.personal-entry:hover{padding-left:8px}.entry-number{font-size:10px;color:#61695a;padding-top:5px;font-variant-numeric:tabular-nums}.personal-entry>div:nth-child(2){flex:1;min-width:0}.personal-entry .post-meta{font-size:8px;letter-spacing:1px;color:#787e6d}.personal-entry .post-meta>span:first-child{color:#bdc1a8}.personal-entry h3{font-size:29px;letter-spacing:-1px;line-height:1.3;margin-top:15px;max-width:680px}.personal-entry p{font-size:12px;line-height:1.9;max-width:620px;margin-top:12px;color:#929687}.entry-date{display:flex;align-items:center;gap:35px;padding-top:6px;color:#6d7762}.entry-date>span{font-size:9px}.entry-date svg{color:#b1bc9d}.personal-note{display:grid;grid-template-columns:.6fr 1.4fr;gap:80px;padding-block:24px 110px}.personal-note>.margin-label>span{display:block;font-size:35px;line-height:1;margin-top:18px;color:#67745c}.personal-note h2{font-size:54px;line-height:1.1;letter-spacing:-2.6px;color:#dce0cd}.personal-note p{font-size:14px;line-height:1.95;color:#909a83;max-width:570px;margin-top:24px}.note-signature{display:flex;align-items:center;gap:13px;margin-top:32px}.note-signature img{width:44px;height:44px;border-radius:50%;object-fit:cover;object-position:65% 55%}.note-signature>span{font-size:12px;color:#c1c9b0}.note-signature small{display:block;font-size:8px;letter-spacing:3px;color:#67755b;margin-top:4px}.note-signature>a{margin-left:auto;font-size:10px;color:#93a37f}.personal-dialog{background:linear-gradient(130deg,#252720,#161913);border-color:#c4cdb032}.personal-dialog::backdrop{background:#090b05bd;backdrop-filter:blur(8px)}.personal-dialog .chapter-copy h2{color:#e6e8dc}.personal-dialog .chapter-copy p{color:#a1ab90}.personal-dialog .chapter-copy .margin-label{margin-bottom:22px;color:#879773}.personal-dialog .chapter-photo img{filter:none}.personal-dialog .button.outline{border-color:#b4c59c55;color:#d5e1c3}.personal-dialog .chapter-entries h3{color:#d5dec6}.personal-dialog .chapter-entries .margin-label{font-size:7px;margin-bottom:12px}.personal-dialog .chapter-entries svg{color:#9caf86}.personal-current{display:flex;gap:15px;margin-block:25px}.personal-current>a{display:flex;align-items:center;justify-content:space-between;gap:50px;font-size:21px;border:1px solid #c2cba127;padding:18px 20px;border-radius:6px;min-width:150px}.personal-current span{font-size:15px;color:#829568}.personal-current>a:hover{background:#ffffff04}.scene-focusing .personal-copy{opacity:.1}.scene-focusing .personal-stage-footer{opacity:.3}.skip-three-intro{position:absolute;right:56px;top:120px;z-index:10;display:flex;align-items:center;gap:15px;padding:9px 14px;border:1px solid #b9c2a333;border-radius:25px;background:#191e13a0;color:#cad4bb;font-size:10px}.personal-intro-caption{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);text-align:center;z-index:6;pointer-events:none;opacity:0;color:#f1f2e6}.personal-intro-caption>span{font-size:clamp(30px,4vw,56px);letter-spacing:-2px}.personal-intro-caption small{display:block;font-size:12px;color:#a7b28e;margin-top:10px}.personal-intro-playing .personal-copy{animation:personal-copy-reveal 2.8s both}.personal-intro-playing .personal-intro-caption{animation:personal-caption 2.8s both}.personal-intro-playing .personal-stage-footer{animation:personal-controls 2.8s both}.personal-hero:not(.personal-intro-playing) .skip-three-intro{display:none}.site-footer{border-color:#bdc2ac20}.footer-top .eyebrow{color:#6c775e}.footer-title{color:#d9dfca}.footer-follow p{color:#79866a}.rss-link{color:#a7b690}.footer-bottom{color:#68775a}.footer-note{color:#505e43}.page-heading p,.prose{color:#b1b5a5}.prose h2,.prose h3,.article-header h1{color:#e1e4d4}.prose a{color:#c5d7a2;text-decoration-color:#a3bb7655}.article-deck{color:#929f7e}.post-meta>span:first-child{color:#bfcaa9}.post-row h2 a:hover{color:#c2d5a1}.topic-pill{border-color:#b5c49233;color:#becaa7}.about-hero h1 em{color:#b2bd9e}.about-hero .large-intro{color:#c3ccb1}.about-portrait img{filter:none}.personal-hero canvas{outline:none}.personal-hero .object-label:focus-visible{outline:2px solid #dcf5ae;outline-offset:4px}
@keyframes personal-copy-reveal{0%,35%{opacity:0;transform:translateY(20px);filter:blur(6px)}75%,100%{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes personal-caption{0%{opacity:0;filter:blur(8px)}15%,37%{opacity:1;filter:blur(0)}62%,100%{opacity:0;filter:blur(5px)}}@keyframes personal-controls{0%,60%{opacity:0}100%{opacity:1}}
@media(min-width:1700px){.personal-copy{padding-top:23vh}.personal-hero{height:100svh}.personal-copy h1{font-size:180px}.personal-copy>p{font-size:14px}}
@media(max-width:1100px){.personal-copy h1{font-size:118px}.personal-copy{padding-top:220px}.personal-hero{height:900px}.personal-copy p{max-width:320px;font-size:12px}.personal-note{gap:60px}.personal-note h2{font-size:46px}.stage-hint{font-size:8px}.name-handle{font-size:8px}.personal-copy .hello-script{font-size:26px}.stage-fallback{right:10%;width:230px}}
@media(max-width:800px){.personal-copy h1{font-size:92px}.personal-copy p{font-size:11px;max-width:290px}.personal-copy{padding-top:190px}.personal-socials{gap:16px;font-size:9px}.personal-socials>span{display:none}.personal-hero{height:820px}.personal-section-heading h2{font-size:35px}.personal-entry h3{font-size:25px}.entry-date{gap:20px}.entry-date>span{font-size:8px}.personal-entry{gap:22px}.personal-note{grid-template-columns:.45fr 1.55fr;gap:40px}.personal-note h2{font-size:41px}.personal-note p{font-size:12px}.personal-stage-footer{gap:12px}.stage-buttons{gap:8px}.stage-buttons button{font-size:8px;padding:8px 10px}.stage-hint{max-width:180px;line-height:1.7;font-size:7px}.stage-fallback{width:190px;right:8%;top:22%}.stage-fallback img{height:235px}.object-label{font-size:8px;padding:7px 9px;gap:7px}}
@media(max-width:699px){.personal-hero{height:1120px;min-height:0;max-height:none}.personal-copy{padding-top:132px}.personal-copy h1{font-size:clamp(75px,17vw,112px);line-height:.97;letter-spacing:-.07em}.personal-copy h1 br{display:none}.personal-copy h1>span{display:block}.hello-script,.personal-copy .hello-script{font-size:25px;margin-bottom:14px}.personal-copy p{font-size:12px;line-height:1.85;margin-top:22px;max-width:340px}.personal-read-link{font-size:11px;gap:23px;margin-top:14px;padding-bottom:9px}.personal-socials{margin-top:22px;font-size:9px;gap:20px}.personal-socials>span{display:inline;font-size:14px;margin-left:auto}.three-stage{top:455px;height:590px;bottom:auto;left:0;right:0}.personal-copy{pointer-events:none}.personal-stage-footer{bottom:20px;gap:14px;align-items:center;flex-wrap:wrap}.stage-hint{max-width:none;font-size:8px;flex-basis:100%;justify-content:center}.stage-buttons{width:100%;justify-content:center;gap:10px}.stage-buttons button{min-height:31px;font-size:8px}.stage-buttons [data-replay-intro]{margin-left:8px}.object-label{font-size:7px;padding:6px 8px;gap:6px;min-height:29px;background:#1b1e16b8}.object-label>svg{width:10px;height:10px}.label-dot{width:3px;height:3px}.label-detour{font-size:14px;width:20px;min-height:20px}.stage-fallback{width:180px;right:calc(50% - 90px);top:60px;padding:8px 8px 13px}.stage-fallback img{height:235px}.stage-fallback span{font-size:17px}.three-stage:not(.three-ready) .label-person{left:46%;top:62%}.three-stage:not(.three-ready) .label-writing{left:59%;top:76%}.three-stage:not(.three-ready) .label-ideas{left:8%;top:17%}.three-stage:not(.three-ready) .label-now{left:8%;top:70%}.three-stage:not(.three-ready) .label-detour{left:86%;top:14%}.personal-writing{padding-block:48px 57px}.personal-section-heading{gap:18px;margin-bottom:26px}.personal-section-heading h2{font-size:28px;line-height:1.2;letter-spacing:-1px;max-width:280px;margin-top:14px}.personal-section-heading .text-link{font-size:9px;white-space:nowrap;gap:7px}.margin-label{font-size:7px;letter-spacing:1.2px}.personal-entry{gap:18px;padding-block:27px}.personal-entry:hover{padding-left:0}.entry-number{font-size:8px;padding-top:2px}.personal-entry .post-meta{font-size:7px;letter-spacing:.5px;gap:12px}.personal-entry h3{font-size:26px;letter-spacing:-1px;margin-top:14px;line-height:1.25}.personal-entry p{font-size:11px;line-height:1.9;margin-top:11px}.entry-date{display:none}.personal-note{grid-template-columns:1fr;gap:20px;padding-block:0 62px}.personal-note>.margin-label{display:flex;align-items:center;justify-content:space-between}.personal-note>.margin-label>span{font-size:21px;margin:0}.personal-note h2{font-size:37px;line-height:1.15;letter-spacing:-1.5px}.personal-note p{font-size:12px;line-height:1.95;margin-top:21px}.note-signature{gap:10px;margin-top:25px}.note-signature img{width:37px;height:37px}.note-signature>span{font-size:11px}.note-signature small{font-size:7px}.note-signature>a{font-size:8px}.personal-current{gap:12px}.personal-current>a{min-width:0;flex:1;font-size:21px;padding:17px;gap:20px}.skip-three-intro{right:20px;top:90px;font-size:9px;padding:8px 12px}.personal-intro-caption{top:34%;white-space:nowrap}.personal-intro-caption>span{font-size:32px;letter-spacing:-1px}.personal-intro-caption small{font-size:10px}.site-header{height:80px}.name-mark{font-size:31px}.name-handle{font-size:7px;margin-left:6px}.site-header nav{background:#1c2018f5;border-color:#c1d1a620}.site-header nav>a{font-size:11px}.personal-dialog .chapter-copy .margin-label{margin-bottom:17px}}
html[lang=ko] .personal-copy h1{font-size:clamp(85px,13vw,175px);line-height:1.1;letter-spacing:-.08em}html[lang=ko] .hello-script{font-family:var(--sans);font-size:16px;font-style:normal;transform:none;margin-bottom:18px}html[lang=ko] .personal-section-heading h2{font-size:36px;line-height:1.4}html[lang=ko] .personal-note h2{font-size:43px;line-height:1.35}html[lang=ko] .personal-entry h3{font-size:27px;line-height:1.45}
@media(max-width:699px){html[lang=ko] .personal-copy h1{font-size:87px;letter-spacing:-6px}html[lang=ko] .hello-script{font-size:12px}html[lang=ko] .personal-copy p{font-size:11px}html[lang=ko] .personal-copy{padding-top:145px}html[lang=ko] .three-stage{top:400px}html[lang=ko] .personal-hero{height:1065px}html[lang=ko] .personal-section-heading h2{font-size:25px}html[lang=ko] .personal-note h2{font-size:31px}html[lang=ko] .personal-entry h3{font-size:24px}html[lang=ko] .personal-socials>span{font-family:var(--sans);font-size:10px}}
@media(max-width:360px){.personal-copy h1{font-size:78px}.personal-copy p{font-size:11px}.personal-socials>span{font-size:12px}.personal-socials{gap:15px}.personal-read-link{font-size:10px}.name-handle{display:none}.personal-section-heading h2{font-size:25px}.personal-entry h3{font-size:23px}.personal-note h2{font-size:32px}.note-signature>a{font-size:7px}html[lang=ko] .personal-copy h1{font-size:77px}}
@media(prefers-reduced-motion:reduce){.personal-copy,.personal-stage-footer{opacity:1!important;transform:none!important;filter:none!important}.personal-intro-caption{display:none!important}}
.three-stage:after{content:'';position:absolute;left:0;right:0;bottom:0;height:65px;background:linear-gradient(transparent,#121211);pointer-events:none;z-index:1}.object-labels{z-index:2}@media(max-width:699px){.three-stage:before{content:'';position:absolute;left:0;right:0;top:0;height:55px;background:linear-gradient(#121211,transparent);pointer-events:none;z-index:1}}
.earlier-writing{padding-bottom:90px}.earlier-entries{display:grid;grid-template-columns:1fr 1fr;gap:0 50px}.earlier-entries>a{padding:28px 0 30px;border-top:1px solid var(--line);display:flex;flex-direction:column}.earlier-entries .post-meta{font-size:8px;color:#7e886f;justify-content:space-between}.earlier-entries .post-meta>span{font-size:6px;letter-spacing:1px}.earlier-entries h3{font-size:26px;line-height:1.25;letter-spacing:-.8px;margin-top:20px}.earlier-entries p{font-size:12px;line-height:1.9;color:#909e7e;margin-top:13px;max-width:460px}.source-read{display:flex;align-items:center;gap:15px;font-size:10px;color:#aaba93;margin-top:auto;padding-top:25px}.earlier-entries>a:hover h3{color:#d7ecc0}.source-language{display:block;font-size:9px;line-height:1.8;color:#7f916d;margin-top:20px;max-width:430px}@media(max-width:600px){.earlier-writing{padding-bottom:55px}.earlier-entries{grid-template-columns:1fr;gap:0}.earlier-entries>a{padding-block:24px}.earlier-entries h3{font-size:24px}.earlier-entries p{font-size:11px}.source-read{font-size:9px;padding-top:19px}.source-language{font-size:8px}.footer-bottom>div{gap:17px;flex-wrap:wrap}html[lang=ko] .earlier-entries h3{font-size:23px;line-height:1.4}}