@charset "UTF-8";
@font-face{font-family:Manrope;src:url('/fonts/Manrope.woff2') format('woff2');font-weight:200 800;font-style:normal;font-display:swap}
:root{
  --paper:#f2f0ea;--paper-2:#e9e7e1;--ink:#111312;--muted:#626862;--faint:#70766f;
  --line:rgba(17,19,18,.17);--line-strong:rgba(17,19,18,.36);
  --shell:min(1440px,calc(100% - 80px));--reading:704px;
  --body:'Pretendard Variable','Apple SD Gothic Neo','Malgun Gothic','Noto Sans CJK KR',sans-serif;
  --display:Manrope,var(--body);--mono:ui-monospace,SFMono-Regular,Consolas,monospace;
  --ease:cubic-bezier(.22,1,.36,1);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px;background:var(--paper)}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:inherit;text-decoration:none}
::selection{background:var(--ink);color:var(--paper)}
:focus-visible{outline:2px solid currentColor;outline-offset:6px}
.shell{width:var(--shell);margin-inline:auto}
.shell--article{width:min(var(--reading),calc(100% - 48px));margin-inline:auto}
.skip-link{position:fixed;left:16px;top:-100px;background:var(--ink);color:var(--paper);padding:12px 16px;z-index:1000}
.skip-link:focus{top:16px}
.masthead{position:fixed;inset:0 0 auto;z-index:50;background:var(--paper);border-bottom:1px solid transparent}
.masthead.is-scrolled{border-color:var(--line)}
.masthead__inner{height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:inline-flex;align-items:center;min-height:44px}
.brand__name,.footer__name{font-family:var(--display);font-weight:800;font-size:14px;letter-spacing:.14em}
.nav{display:flex;gap:30px;font-family:var(--display);font-size:12px}
.nav a{position:relative;display:flex;align-items:center;min-height:44px;color:var(--muted)}
.nav a:hover,.nav a:focus-visible,.nav a[aria-current]{color:var(--ink)}
.nav a:after{content:'';position:absolute;left:0;right:100%;bottom:6px;border-bottom:1px solid;transition:right .25s var(--ease)}
.nav a:hover:after,.nav a:focus-visible:after,.nav a[aria-current]:after{right:0}
.hero{min-height:min(100svh,1040px);padding:118px 0 44px;display:flex}
.hero__inner{display:flex;flex-direction:column;justify-content:space-between}
.hero__meta{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.055em;color:var(--muted)}
.hero__meta span:last-child{font-family:var(--mono);letter-spacing:.03em}
.hero__wordmark{font-family:var(--display);font-size:clamp(150px,24vw,380px);font-weight:700;letter-spacing:-.08em;line-height:.84;margin:65px 0 72px -.055em;white-space:nowrap}
.hero__lower{display:grid;grid-template-columns:minmax(310px,430px) 1fr 190px;gap:38px;align-items:end}
.hero__statement{font-size:clamp(26px,2.35vw,36px);font-weight:450;line-height:1.4;letter-spacing:-.04em;word-break:keep-all;margin:0}
.hero__meaning{display:flex;gap:16px;align-items:center;margin:0;color:var(--muted);font-size:12px;line-height:1.6}
.hero__meaning b{font-weight:450;font-size:29px;color:var(--ink)}
.horizon{height:38px;position:relative}
.horizon:before{content:'';position:absolute;left:0;right:0;top:50%;height:1px;background:var(--line-strong)}
.horizon i{position:absolute;width:5px;height:5px;border-radius:50%;top:calc(50% - 2px);left:18%;background:currentColor;animation:drift 16s ease-in-out infinite alternate}
@keyframes drift{from{left:18%}to{left:72%}}
.section{padding:100px 0;border-top:1px solid var(--line)}
.section-label{display:grid;grid-template-columns:64px 180px minmax(0,1fr);margin-bottom:58px;align-items:baseline}
.section-label>span,.about-preview__label,.kicker{font-family:var(--mono);font-size:11px;letter-spacing:.035em;color:var(--faint)}
.section-label h2{font-family:var(--display);font-size:14px;font-weight:600;margin:0}
.section-label p{justify-self:end;max-width:410px;margin:0;color:var(--muted);font-size:14px;line-height:1.7;word-break:keep-all}
.focus-grid{margin-left:244px;border-top:1px solid var(--line)}
.focus{display:grid;grid-template-columns:78px minmax(180px,1fr) minmax(180px,1fr);align-items:baseline;gap:20px;padding:32px 0;border-bottom:1px solid var(--line)}
.focus>span{font-family:var(--mono);font-size:10px;color:var(--faint);letter-spacing:.06em}
.focus h3{margin:0;font-family:var(--display);font-size:clamp(22px,2vw,30px);font-weight:500;letter-spacing:-.045em;line-height:1.3}
.focus p{margin:0;max-width:300px;color:var(--muted);font-size:14px;line-height:1.75;word-break:keep-all}
.writing-list,.project-list{border-top:1px solid var(--line)}
.writing-row{display:grid;grid-template-columns:160px minmax(0,1fr) 32px;gap:24px;padding:32px 0;border-bottom:1px solid var(--line);align-items:start}
.writing-row time{font-family:var(--mono);font-size:11px;color:var(--muted);padding-top:5px}
.writing-row__kind{font-family:var(--mono);font-size:10px;letter-spacing:.08em;color:var(--faint)}
.writing-row h3{font-size:clamp(25px,2.3vw,36px);font-weight:550;letter-spacing:-.035em;line-height:1.4;word-break:keep-all;overflow-wrap:anywhere;margin:8px 0 10px}
.writing-row p{margin:0;color:var(--muted);font-size:14px;line-height:1.7;word-break:keep-all}
.writing-row__arrow{justify-self:end;font-size:21px;transition:transform .3s var(--ease)}
.writing-row:hover .writing-row__arrow{transform:translate(3px,-3px)}
.empty-state{display:grid;grid-template-columns:160px 1fr;gap:24px;padding:48px 0;border-bottom:1px solid var(--line);color:var(--muted);font-size:15px}
.empty-state span{font:11px var(--mono);color:var(--faint)}
.empty-state p{margin:0;word-break:keep-all}
.text-link{display:inline-flex;gap:22px;align-items:center;min-height:44px;margin-top:26px;font-size:13px;border-bottom:1px solid var(--line-strong)}
.text-link span{transition:transform .25s var(--ease)}
.text-link:hover span{transform:translate(3px,-3px)}
.section--projects{--ink:#f2f0ea;--paper:#111312;--muted:#acb0aa;--faint:#acb0aa;--line:rgba(242,240,234,.2);--line-strong:rgba(242,240,234,.4);background:var(--paper);color:var(--ink)}
.project-row{display:grid;grid-template-columns:160px minmax(0,1fr) 100px;gap:24px;padding:36px 0;border-bottom:1px solid var(--line);align-items:baseline}
.project-row__year,.project-row__status{font-family:var(--mono);font-size:11px;letter-spacing:.015em;color:var(--muted)}
.project-row__status{text-align:right}
.project-row__destination{display:inline-flex;align-items:center;gap:12px;margin-top:18px;font-size:13px;text-decoration:underline;text-underline-offset:5px}
.project-row h3{font-family:var(--display);font-size:clamp(27px,2.7vw,42px);font-weight:500;letter-spacing:-.05em;margin:0 0 14px;line-height:1.2}
.project-row p{margin:0;color:var(--muted);font-size:14px;line-height:1.7;word-break:keep-all}
.section--about-preview{padding:130px 0}
.about-preview{display:grid;grid-template-columns:160px minmax(0,1fr) 105px;gap:36px;align-items:start}
.about-preview__label{line-height:1.7}
.about-preview>p{margin:0;max-width:800px;font-size:clamp(32px,3.5vw,52px);line-height:1.4;letter-spacing:-.045em;font-weight:400;word-break:keep-all;overflow-wrap:break-word;text-wrap:pretty}
.about-preview strong{font-weight:650}
.round-link{width:100px;height:100px;border:1px solid var(--line-strong);border-radius:50%;display:flex;justify-content:center;align-items:center;gap:16px;font-size:13px;transition:background .25s ease,color .25s ease}
.round-link b{font-size:19px;font-weight:400}
.round-link:hover{background:var(--ink);color:var(--paper)}
.page-head{padding:175px 0 90px}
.kicker{margin:0 0 28px}
.page-head h1,.not-found h1{font-family:var(--display);font-size:clamp(70px,10vw,150px);line-height:1;letter-spacing:-.07em;margin:0 0 36px;font-weight:600;overflow-wrap:anywhere}
.page-head>div>p:last-child{max-width:590px;font-size:18px;line-height:1.8;color:var(--muted);word-break:keep-all}
.page-body{padding:0 0 130px;min-height:30vh}
.about-page{padding:60px 0 130px;border-top:1px solid var(--line)}
.about-page__grid{display:grid;grid-template-columns:1fr minmax(0,704px);gap:80px}
.about-page__mark{font-family:var(--display);font-size:14px;letter-spacing:.08em;color:var(--muted);line-height:1.9}
.about-page__mark span{display:block;font-family:var(--body);font-size:12px;letter-spacing:0}
.about-page__copy>h2:first-child{margin-top:0}
.article{padding:150px 0 120px}
.article-back{display:inline-flex;align-items:center;min-height:44px;color:var(--muted);font-size:13px;margin-bottom:56px}
.article-head h1{font-size:clamp(40px,6vw,76px);font-weight:600;letter-spacing:-.05em;line-height:1.25;word-break:keep-all;overflow-wrap:anywhere;margin:0}
.article-deck{font-size:18px;line-height:1.8;color:var(--muted);margin:26px 0 0;word-break:keep-all}
.article-rule{width:var(--shell);margin:65px auto 62px;border-top:1px solid var(--line);position:relative}
.article-rule span{position:absolute;width:5px;height:5px;background:var(--ink);border-radius:50%;top:-3px;left:18%}
.prose{font-size:18px;line-height:1.95;letter-spacing:-.012em;word-break:keep-all;overflow-wrap:anywhere}
.prose p{margin:0 0 28px}
.prose h2{font-size:29px;font-weight:600;line-height:1.5;letter-spacing:-.035em;margin:64px 0 22px}
.prose h3{font-size:23px;line-height:1.5;margin:40px 0 18px}
.prose strong{font-weight:650}
.prose a{text-decoration:underline;text-underline-offset:4px}
.prose code{font-family:var(--mono);font-size:.85em;padding:.15em .3em;background:var(--paper-2)}
.prose pre{max-width:100%;overflow-x:auto;background:var(--paper-2);padding:20px;line-height:1.7;white-space:pre}
.prose pre code{padding:0}
.prose img{display:block;max-width:100%;height:auto;margin:32px auto}
.prose blockquote{margin:32px 0;border-left:2px solid var(--line-strong);padding-left:24px;color:var(--muted)}
.prose ul,.prose ol{padding-left:1.5em}
.prose table{display:block;width:max-content;max-width:100%;overflow-x:auto;border-collapse:collapse;margin:32px 0;font-size:.9em}
.prose th,.prose td{text-align:left;padding:10px 14px;border:1px solid var(--line)}
.prose hr{border:0;border-top:1px solid var(--line);margin:48px 0}
.article-end{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--line);padding-top:20px;margin-top:80px;font-size:12px;color:var(--muted)}
.article-end a{display:inline-flex;align-items:center;min-height:44px}
.draft-note{font-size:12px;color:var(--muted);border-left:2px solid var(--line-strong);padding-left:12px;margin:0 0 28px}
.not-found{min-height:80svh;padding:175px 0 100px}
.not-found>div>p{color:var(--muted)}
.footer{border-top:1px solid var(--line);padding:42px 0 54px}
.footer__grid{display:flex;align-items:center;justify-content:space-between;gap:32px}
.footer p{margin:0;font-size:12px;color:var(--muted);line-height:1.6}
.footer__meta{font-family:var(--mono);font-size:10px!important}
/* Content remains visible without scripting. Only the horizon moves. */
@media(prefers-color-scheme:dark){
  :root{--paper:#101211;--paper-2:#1c1f1c;--ink:#eeeee9;--muted:#adb3ac;--faint:#a4aaa2;--line:rgba(238,238,233,.18);--line-strong:rgba(238,238,233,.38)}
  .section--projects{--paper:#181c18;--ink:#eeeee9;--muted:#adb3ac;--faint:#a4aaa2;--line:rgba(238,238,233,.18);--line-strong:rgba(238,238,233,.38)}
}
@media(max-width:1050px){
  .hero__lower{grid-template-columns:minmax(280px,1fr) 1fr;gap:28px}
  .hero__meaning{grid-column:2;grid-row:1;justify-self:end}
  .horizon{grid-column:1/-1;height:20px}
  .focus-grid{margin-left:64px}
  .focus{grid-template-columns:70px 1fr 1fr}
  .about-preview{grid-template-columns:120px minmax(0,1fr);gap:30px}
  .round-link{grid-column:2;margin-top:8px}
  .about-page__grid{grid-template-columns:170px minmax(0,1fr);gap:40px}
}
@media(max-width:700px){
  :root{--shell:calc(100% - 40px)}
  .masthead__inner{height:68px;gap:18px}
  .brand__name{font-size:13px}
  .nav{gap:20px;font-size:11px}
  .hero{padding:102px 0 32px;min-height:max(680px,100svh)}
  .hero__meta{font-size:10px}
  .hero__wordmark{font-size:35.6vw;margin:56px 0 65px -.055em;line-height:.9}
  .hero__lower{grid-template-columns:1fr;gap:20px}
  .hero__statement{font-size:clamp(24px,6.7vw,29px);line-height:1.42}
  .horizon{grid-row:2;height:16px}
  .hero__meaning{grid-column:1;grid-row:3;justify-self:start;font-size:11px;gap:14px}
  .hero__meaning b{font-size:25px}
  .hero__meaning br{display:none}
  .section{padding:64px 0}
  .section-label{grid-template-columns:36px minmax(0,1fr);margin-bottom:32px;row-gap:12px}
  .section-label>span{font-size:10px}
  .section-label h2{font-size:14px}
  .section-label p{grid-column:2;justify-self:start;font-size:13px;line-height:1.65;max-width:27ch}
  .focus-grid{margin-left:0}
  .focus{grid-template-columns:54px minmax(0,1fr);column-gap:16px;row-gap:12px;padding:27px 0}
  .focus>span{font-size:9px}
  .focus h3{font-size:23px}
  .focus p{grid-column:2;font-size:14px;line-height:1.7;max-width:29ch}
  .writing-row{grid-template-columns:minmax(0,1fr) 20px;gap:12px;padding:28px 0}
  .writing-row time{grid-column:1;font-size:11px;padding:0}
  .writing-row>div{grid-column:1}
  .writing-row__arrow{grid-column:2;grid-row:1/3}
  .writing-row h3{font-size:26px;margin:8px 0 10px}
  .writing-row p{font-size:14px}
  .empty-state{grid-template-columns:36px 1fr;gap:0;padding:36px 0;font-size:14px;line-height:1.6}
  .empty-state span{font-size:10px;line-height:2.2}
  .text-link{margin-top:20px}
  .project-row{grid-template-columns:36px minmax(0,1fr);gap:18px 14px;padding:28px 0}
  .project-row__year{font-size:10px}
  .project-row h3{font-size:30px;margin-bottom:12px}
  .project-row__status{grid-column:2;justify-self:start;text-align:left;font-size:10px}
  .project-row p{font-size:14px}
  .section--about-preview{padding:72px 0 76px}
  .about-preview{grid-template-columns:1fr;gap:26px}
  .about-preview>p{font-size:clamp(28px,7.55vw,33px);line-height:1.5;letter-spacing:-.035em}
  .round-link{grid-column:1;margin-top:8px;width:88px;height:88px}
  .page-head{padding:140px 0 58px}
  .page-head h1,.not-found h1{font-size:clamp(62px,18vw,100px);letter-spacing:-.06em;margin-bottom:26px}
  .page-head>div>p:last-child{font-size:17px;line-height:1.75}
  .kicker{font-size:10px;margin-bottom:23px}
  .page-body{padding-bottom:90px}
  .about-page{padding:32px 0 70px}
  .about-page__grid{grid-template-columns:1fr;gap:40px}
  .about-page__mark{display:flex;align-items:baseline;gap:14px;font-size:12px}
  .article{padding:120px 0 80px}
  .article-back{margin-bottom:38px}
  .article-head h1{font-size:42px;line-height:1.3}
  .article-deck{font-size:17px;margin-top:22px}
  .article-rule{margin:44px auto 40px}
  .prose{font-size:17px;line-height:1.95}
  .prose h2{font-size:26px;margin:46px 0 20px}
  .article-end{margin-top:60px}
  .not-found{padding:145px 0 80px}
  .footer{padding:32px 0 40px}
  .footer__grid{display:grid;grid-template-columns:1fr auto;gap:20px}
  .footer__grid>p:not(.footer__meta){grid-column:1/-1;grid-row:2}
  .footer__meta{font-size:10px!important}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.horizon i{animation:none}*,*:before,*:after{transition:none!important}}

.channel-links{display:flex;align-items:center;flex-wrap:wrap;gap:8px 28px;font-family:var(--display);font-size:12px;color:var(--muted)}
.channel-links a{display:inline-flex;align-items:center;gap:12px;min-height:44px}
.channel-links a:hover{color:var(--ink)}
.footer__links{margin-top:18px}
.about-channels{border-top:1px solid var(--line)}
.about-channel{display:grid;grid-template-columns:140px minmax(0,1fr);gap:20px;border-bottom:1px solid var(--line);padding:20px 0;font-size:14px!important;text-decoration:none!important;line-height:1.7}
.about-channel>span:first-child{font-family:var(--display);color:var(--ink)}
.about-channel>span:last-child{color:var(--muted)}
@media(max-width:700px){.about-channel{grid-template-columns:100px minmax(0,1fr);gap:14px}.channel-links{gap:6px 24px}}