@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-opsz-normal-CfYZpDVp.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-opsz-normal-BFQXbQ-f.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-opsz-normal-BmPQvyvo.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-opsz-normal-BM0NlUE_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-opsz-normal-Ci9T9ieq.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-opsz-normal-DpK-iCPk.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-opsz-normal-BwkfbSeq.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#fff;--fg:#000;--watermark:#f4f4f4;--scale:1;--edge:calc(clamp(18px, 2.3vw, 44px) * var(--scale));--fs-ui:calc(clamp(15px, 1.349vw, 25.9px) * var(--scale));--fs-body:calc(clamp(17px, 1.5844vw, 30.42px) * var(--scale));--fs-display:calc(clamp(38px, 5.12vw, 98.3px) * var(--scale));--fs-mid:calc(clamp(23px, 1.9115vw, 36.7px) * var(--scale));--fs-note:calc(clamp(15px, 1.1458vw, 22px) * var(--scale));--fs-link:calc(clamp(16px, 1.2083vw, 23.2px) * var(--scale));--fs-post-title:calc(clamp(28px, 2.92vw, 56px) * var(--scale));--fs-read:calc(clamp(17px, 1.15vw, 22px) * var(--scale));--rail:calc(var(--edge) + var(--fs-ui) * 9.2);--watermark-size:calc(min(33.8vh, 30vw) * var(--scale));--font-sans:"Inter Variable", Inter, "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--fg);font-family:var(--font-sans);font-optical-sizing:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;margin:0;font-weight:600;overflow-x:hidden}h1,h2,p,ul,li,figure{margin:0;padding:0}ul{list-style:none}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}:focus-visible{outline-offset:6px;outline:2px solid}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.shell{min-height:100dvh;position:relative}.watermark{z-index:0;color:var(--watermark);pointer-events:none;place-items:center;display:grid;position:fixed;inset:0}.watermark svg{width:auto;height:var(--watermark-size)}.brand{z-index:2;top:50%;left:var(--edge);font-size:var(--fs-ui);white-space:nowrap;align-items:center;gap:.408em;line-height:1;display:flex;position:fixed;transform:translateY(-50%)}.brand__mark{flex:none;width:auto;height:1.5em}.nav{z-index:2;top:50%;right:var(--edge);font-size:var(--fs-ui);text-align:right;flex-direction:column;align-items:flex-end;line-height:1.634;display:flex;position:fixed;transform:translateY(-50%)}.nav__item{white-space:nowrap;transition:opacity .18s;position:relative}.nav__item.is-active:after{content:"";background:currentColor;width:.269em;height:.769em;position:absolute;top:50%;left:calc(100% + .315em);transform:translateY(-50%)}.stage{z-index:1;min-height:100dvh;padding:6vh var(--rail);place-items:safe center center;animation:.22s both stage-in;display:grid;position:relative}@keyframes stage-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.stage{animation:none}}.link{text-underline-offset:.16em;text-decoration:underline;text-decoration-thickness:.06em;transition:opacity .18s}@media (hover:hover){.nav__item:hover,.link:hover,.works__item:hover,.elsewhere__item:hover,.blog__item:hover,.preview__toggle:hover,.hearts__button:hover,.brand:hover{opacity:.38}}.home{max-width:100%;font-size:var(--fs-mid);text-align:center;white-space:pre-line;text-wrap:balance;line-height:1.2098}.prose{font-size:var(--fs-body);text-align:center;white-space:pre-line;text-wrap:balance;line-height:1.2196}.prose p+p{margin-top:1.2196em}.works{text-align:center}.works__list{font-size:var(--fs-display);line-height:1.2096}.works__item{transition:opacity .18s;display:block}.work{flex-direction:column;align-items:center;gap:clamp(28px,4.9vh,53px);width:100%;display:flex;position:relative}.work__row{justify-content:center;align-items:center;gap:clamp(24px,3.1vw,60px);max-width:100%;display:flex}@property --fit-base{syntax:"";inherits:false;initial-value:0}.work__title{--fit-base:var(--fs-display);min-width:0;max-width:26vw;font-size:calc(var(--fit-base) * var(--title-fit,1));text-wrap:balance;font-weight:600;line-height:1.2096}.work__col{min-width:0;max-width:25vw}.work__desc{font-size:var(--fs-note);white-space:pre-line;word-break:keep-all;font-weight:500;line-height:1.209}.preview{font-size:var(--fs-note);align-items:center;gap:.7em;margin-top:1.7em;font-weight:600;display:flex}.preview__toggle{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;flex:none;align-items:center;gap:.5em;margin:0;padding:0;transition:opacity .18s;display:inline-flex}.preview__icon{background:currentColor;border-radius:50%;flex:none;place-items:center;width:1.9em;height:1.9em;display:grid}.preview__icon svg{width:.62em;height:.72em;fill:var(--bg)}.preview__track{background:var(--watermark);flex:auto;min-width:2.5em;height:2px;position:relative}.preview__fill{transform-origin:0;background:currentColor;position:absolute;inset:0}.preview__time{font-variant-numeric:tabular-nums;flex:none;font-size:.85em}.preview__source{flex:none;font-size:.85em}.spotify{border:0;border-radius:12px;width:100%;margin-top:1.2em;display:block}.work__media{flex:none;margin-left:1.4vw}.work__media img{object-fit:contain;width:auto;max-width:15vw;height:auto;max-height:45vh}.work__links{font-size:var(--fs-link);text-align:center;line-height:1.4}.work__link{display:block}@media (width>=1101px) and (height>=640px){.work__links{position:absolute;top:calc(100% + 4.9vh);left:0;right:0}}.notfound__title{font-size:var(--fs-mid);margin-bottom:.6em;font-weight:600}.elsewhere{font-size:var(--fs-mid);text-align:center;line-height:1.2098}.elsewhere__heading{font-size:inherit;font-weight:600}.elsewhere__list{margin-top:1.2098em}.elsewhere__item{transition:opacity .18s;display:block}.blog{width:100%;font-size:var(--fs-mid);text-align:center}.blog__list{flex-direction:column;align-items:center;gap:clamp(30px,4.2vh,58px);display:flex}.blog__item{max-width:16em;transition:opacity .18s;display:block}.blog__date{font-size:var(--fs-note);font-variant-numeric:tabular-nums;font-weight:500;display:block}.blog__title{text-wrap:balance;word-break:keep-all;margin-top:.16em;font-size:1em;line-height:1.2098;display:block}.blog__summary{font-size:var(--fs-note);text-wrap:balance;word-break:keep-all;margin-top:.55em;font-weight:500;line-height:1.5;display:block}.blog__empty{font-size:var(--fs-mid)}.post{width:100%;max-width:62ch;font-size:var(--fs-read)}.post__head{text-align:center;margin-bottom:clamp(34px,5.4vh,72px)}.post__date{font-size:var(--fs-note);font-variant-numeric:tabular-nums;font-weight:500}.post__title{font-size:var(--fs-post-title);text-wrap:balance;word-break:keep-all;margin-top:.18em;font-weight:600;line-height:1.18}.post__body{text-align:left;word-break:keep-all;font-weight:500;line-height:1.75}.post__body>*+*{margin-top:1.15em}.post__body p,.post__body blockquote,.post__body li{white-space:pre-line}.post__body h2,.post__body h3{white-space:normal;font-weight:600;line-height:1.3}.post__body h2{margin-top:2.1em;font-size:1.45em}.post__body h3{margin-top:1.7em;font-size:1.16em}.post__body ul{padding-left:1.15em;list-style:outside}.post__body li+li{margin-top:.35em}.post__body blockquote{border-left:2px solid var(--fg);padding-left:1em}.post__body hr{border:0;border-top:1px solid var(--watermark);margin:2.3em 0}.post__body code{background:var(--watermark);white-space:pre-wrap;border-radius:3px;padding:.1em .34em;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:.87em}.post__body pre{background:var(--watermark);border-radius:6px;margin-block:1.4em;padding:1em 1.15em;overflow-x:auto}.post__body pre code{white-space:pre;background:0 0;border-radius:0;padding:0}.post__figure{margin-top:1.8em}.post__figure img{width:100%;height:auto}.hearts{text-align:center;margin-top:clamp(38px,5.6vh,74px)}.hearts__button{color:inherit;font:inherit;font-size:var(--fs-note);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;align-items:center;gap:.45em;margin:0;padding:.35em .1em;font-weight:600;transition:opacity .18s;display:inline-flex}.hearts__icon{fill:currentColor;width:1.2em;height:1.1em}.hearts__count{font-variant-numeric:tabular-nums}.hearts__icon.is-beating{animation:.26s heart-beat}@keyframes heart-beat{0%{transform:scale(1)}35%{transform:scale(1.34)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.hearts__icon.is-beating{animation:none}}.post__back{font-size:var(--fs-note);text-align:center;margin-top:clamp(22px,3vh,40px)}@media (width<=1100px){.work__row{text-align:center;flex-direction:column}.work__title{max-width:100%}.work__col{max-width:46ch}.work__media{margin-left:0}.work__media img{max-width:min(72vw,380px);max-height:40vh}}@media (width<=768px){:root{--edge:calc(20px * var(--scale));--rail:0px;--fs-ui:calc(13px * var(--scale));--fs-body:calc(clamp(16px, 4.4vw, 20px) * var(--scale));--fs-display:calc(clamp(28px, 8.2vw, 44px) * var(--scale));--fs-mid:calc(clamp(21px, 5.6vw, 26px) * var(--scale));--fs-note:calc(clamp(14px, 3.9vw, 17px) * var(--scale));--fs-link:calc(clamp(14px, 3.9vw, 17px) * var(--scale));--watermark-size:calc(min(58vw, 30vh) * var(--scale))}.brand{top:calc(var(--edge) + env(safe-area-inset-top));left:calc(var(--edge) + env(safe-area-inset-left));transform:none}.nav{top:auto;right:calc(var(--edge) + env(safe-area-inset-right));bottom:calc(var(--edge) + env(safe-area-inset-bottom));left:calc(var(--edge) + env(safe-area-inset-left));flex-direction:row;justify-content:space-between;align-items:center;gap:12px;line-height:1;transform:none}.nav__item.is-active:after{vertical-align:baseline;margin-left:.34em;display:inline-block;position:static;transform:translateY(.06em)}.stage{padding:calc(var(--edge) * 3 + 2.6em) var(--edge)}.prose{white-space:normal}.work{gap:28px}.work__col{max-width:34ch}.work__desc{text-align:center}.preview{justify-content:center}}@media (height<=520px) and (width>=769px){:root{--watermark-size:calc(min(40vh, 22vw) * var(--scale))}.stage{padding-block:3vh}}