@font-face{font-family:'Spoqa Han Sans Neo';font-style:normal;font-weight:700;font-display:swap;src:url('assets/type-study/SpoqaHanSansNeo-Bold.woff2') format('woff2')}
:root{--white:#fff;--snow:#f4f5f6;--ice:#e9ecef;--ink:#25292e;--muted:#606770;--line:#d4d8dd;--display:'Spoqa Han Sans Neo','Pretendard Variable','Apple SD Gothic Neo','Malgun Gothic',sans-serif;--body:'Pretendard Variable','Apple SD Gothic Neo','Malgun Gothic',sans-serif;--gutter:6.2vw;--header:80px;--p:0;color:var(--ink);background:var(--white);font-family:var(--body);font-synthesis:none;-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums;scrollbar-color:#b1b7bd #fff}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none;text-underline-offset:5px}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{transition:background-color .18s,color .18s,scale .18s}button:active{scale:.96}button[hidden],[hidden]{display:none!important}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #355c7d;outline-offset:6px}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:var(--display);font-weight:700;letter-spacing:-.04em;text-wrap:balance}p{word-break:keep-all;overflow-wrap:break-word;line-height:1.8;text-wrap:pretty}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}::selection{background:#d5e2ec;color:#162b3c}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;top:-80px;left:20px;z-index:100;background:var(--ink);color:white;padding:16px}.skip-link:focus{top:8px}.masthead{position:sticky;top:0;z-index:30;height:var(--header);padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;background:#fffffffa;border-bottom:1px solid #edf0f2}.wordmark{display:flex;align-items:baseline;gap:16px;min-height:44px;align-content:center;font-family:var(--display);font-size:22px;letter-spacing:-.04em;padding:10px 0}.wordmark span{font-family:var(--body);font-size:12px;letter-spacing:0;font-weight:450;color:var(--muted)}.masthead nav{display:flex;align-items:center;gap:32px;font-size:13px;font-weight:500}.masthead nav>a{min-height:44px;display:flex;gap:8px;align-items:center}.masthead a:hover{color:#000}.masthead a[aria-current]{text-decoration:underline}.nav-count{font-size:10px;color:var(--muted);position:relative;top:-4px}.motion-toggle{border:0;background:transparent;display:flex;align-items:center;gap:6px;min-height:44px;padding:0;color:var(--muted);font-size:11px}.motion-toggle svg{width:16px;height:16px}.motion-toggle:hover{color:#000}.quiet-link{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;font-size:14px;font-weight:550;min-height:48px;border-bottom:1px solid currentColor;width:max-content;max-width:100%}.quiet-link svg{width:20px}.quiet-link:hover{color:#5b6d7f}.opening{position:relative}.opening-stage{position:relative;overflow:clip;padding:90px var(--gutter) 0}.author-intro{position:relative;z-index:3}.author-intro h1{font-size:clamp(58px,7.4vw,104px);line-height:1.11;letter-spacing:-.04em;max-width:760px}.author-intro h1>span{display:block}.title-second{color:#8b929a}.author-intro p{margin-top:30px;font-size:17px;color:var(--muted)}.hero-link{margin-top:24px}.continuous-art{position:relative;margin-top:-180px;margin-left:30%;width:78%;z-index:1;isolation:isolate}.continuous-art img{display:block;width:100%;height:auto;mix-blend-mode:multiply}.continuous-art figcaption{font-size:10px;color:var(--muted);text-align:right;position:absolute;bottom:3%;right:18%;white-space:nowrap}.continuous-art figcaption span{margin-left:8px}.opening-meta{position:relative;display:flex;justify-content:space-between;align-items:center;z-index:4;padding:28px 0;font-size:10px;letter-spacing:.06em}.opening-meta a{display:flex;align-items:center;gap:14px;min-height:44px;font-size:12px;letter-spacing:0}.opening-meta svg{transform:rotate(90deg);width:18px}.close-reading{position:relative;padding:90px 0 100px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:28px}.close-reading h2{font-size:clamp(38px,4.4vw,64px);line-height:1.25}.selected-title{padding-top:12px}.selected-title>span,.selected-title p{font-size:13px;color:var(--muted)}.selected-title h3{font-size:32px;line-height:1.4;margin:14px 0}.close-reading>.quiet-link{grid-column:2}.rule-mark{display:none}.opening-line{position:absolute;left:var(--gutter);right:var(--gutter);bottom:0;height:1px;background:var(--line)}
/* One continuous image, tied directly to scroll position. No wheel/touch interception. */
.motion-on .opening{height:205svh;min-height:1100px}.motion-on .opening-stage{height:calc(100svh - var(--header));min-height:610px;position:sticky;top:var(--header);padding:0;overflow:clip}.motion-on .author-intro{position:absolute;left:var(--gutter);top:13%;opacity:var(--intro-opacity,1);transform:translateY(var(--intro-y,0px))}.motion-on .continuous-art{position:absolute;width:78%;height:87%;margin:0;left:33%;top:16%;transform:translate(var(--art-x,0%),var(--art-y,0%)) scale(var(--art-scale,1));transform-origin:50% 55%}.motion-on .continuous-art img{width:100%;height:100%;object-fit:contain}.motion-on .continuous-art figcaption{right:17%;bottom:23%}.motion-on .opening-meta{position:absolute;left:var(--gutter);right:var(--gutter);bottom:28px;padding:0;opacity:var(--intro-opacity,1)}.motion-on .close-reading{display:block;position:absolute;left:65%;right:var(--gutter);top:20%;border:0;padding:0;opacity:var(--detail-opacity,0);transform:translateY(var(--detail-y,35px));z-index:5}.motion-on .close-reading h2{font-size:clamp(38px,4.2vw,60px);line-height:1.26}.motion-on .selected-title{margin-top:35px}.motion-on .selected-title h3{font-size:27px;margin:12px 0 5px}.motion-on .close-reading>.quiet-link{margin-top:18px}.motion-on .rule-mark{display:block;position:absolute;width:70px;height:1px;background:#878e97;right:calc(100% + 28px);top:28px}.motion-on .opening-line{transform:scaleX(var(--line-scale,.3));transform-origin:left}
.reading-paths{position:relative;display:grid;grid-template-columns:1.05fr 1fr;gap:9%;padding:135px var(--gutter) 125px;background:#fff}.section-intro h2{font-size:clamp(34px,3.5vw,50px);line-height:1.36}.section-intro h2>span{color:#818993}.section-intro>p{margin-top:28px;color:var(--muted);font-size:15px}.path-ledger{padding-top:2px}.path-row{display:grid;grid-template-columns:90px 1fr 24px;gap:18px;padding:30px 0;border-top:1px solid var(--line);align-items:center}.path-row:nth-child(2){border-bottom:1px solid var(--line)}.path-tag{font-size:11px;color:var(--muted)}.path-row h3{font-size:24px;line-height:1.3;letter-spacing:-.035em}.path-row p{font-size:12px;color:var(--muted);margin-top:8px}.path-row:hover h3{text-decoration:underline;text-underline-offset:5px}.path-footnote{font-size:11px;color:var(--muted);margin-top:16px}.home-archive{padding:100px var(--gutter) 110px;background:var(--snow);scroll-margin-top:var(--header)}.archive-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:68px;gap:25px}.archive-heading h2{font-size:clamp(38px,5vw,70px)}.count{display:inline-block;font-family:var(--body);font-size:14px;font-weight:450;vertical-align:top;letter-spacing:0;margin:8px 0 0 18px;color:var(--muted)}.record-head,.record-row{display:grid;grid-template-columns:1fr 4fr 1.3fr 1.6fr 24px;gap:18px;align-items:center}.record-head{font-size:10px;color:var(--muted);padding-bottom:16px}.record-row{border-top:1px solid #b9bfc7;border-bottom:1px solid #b9bfc7;padding:35px 0}.record-year,.record-kind,.record-publication{font-size:13px;color:var(--muted)}.record-row h3{font-size:32px;letter-spacing:-.03em}.record-row:hover h3{color:#587083}.record-arrow{display:flex}.archive-note{font-size:12px;color:var(--muted);margin-top:22px}.home-author{display:grid;grid-template-columns:1fr 1fr;gap:12%;padding:115px 12vw 135px;background:#e8ebee;scroll-margin-top:var(--header)}.author-signature{font-family:var(--display);font-weight:700;font-size:clamp(80px,11vw,160px);line-height:1.12;letter-spacing:-.035em;color:#bcc2c9;position:relative}.author-signature>span{display:block;position:absolute;bottom:15px;right:0;color:#59616b;font-family:var(--body);font-weight:500;font-size:11px;line-height:1.5;letter-spacing:.08em}.author-copy{padding-top:10px}.author-copy h2{font-size:39px;margin-bottom:30px}.bio-line{font-size:20px;line-height:1.9;max-width:25em}.small-copy{font-size:13px;color:var(--muted);line-height:1.85}.author-copy .small-copy{margin-top:18px}.author-copy>.quiet-link{margin-top:27px}.contact-line{margin-top:60px;padding-top:18px;border-top:1px solid #bcc2c9;display:flex;align-items:center;gap:25px;font-size:12px}.contact-line>span{color:var(--muted)}.contact-line a{display:flex;align-items:center;justify-content:space-between;flex:1;min-height:44px;font-size:16px}.contact-line svg{width:17px}.colophon{padding:50px var(--gutter) 24px;display:grid;grid-template-columns:1fr 1fr auto;gap:32px;align-items:start;font-size:12px}.footer-name{font-family:var(--display);font-weight:700;font-size:26px}.colophon>div{display:flex;flex-direction:column;gap:14px;color:var(--muted)}.colophon>div a{display:flex;align-items:center;gap:8px}.colophon svg{width:14px;height:14px}.back-top{display:flex;align-items:center;gap:18px;min-height:44px}.credit{grid-column:1/-1;font-size:10px;color:var(--muted);padding-top:30px;margin-top:12px;border-top:1px solid #e7eaed}.credit>a{margin-left:12px;text-decoration:underline}
.page-head{padding:68px var(--gutter) 65px}.breadcrumb{display:inline-flex;align-items:center;gap:15px;min-height:44px;font-size:12px;color:var(--muted);margin-bottom:28px}.breadcrumb svg{width:16px;transform:rotate(180deg)}.page-head h1{font-size:clamp(44px,6.3vw,88px);line-height:1.16}.page-head p{font-size:16px;line-height:1.9;color:var(--muted);margin-top:28px}.archive-page-list{margin:0 var(--gutter) 130px;min-height:280px}.work-imprint{position:relative;min-height:340px;margin:0 var(--gutter);padding:35px 5%;background:#eef0f2;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.work-imprint:before{content:'';position:absolute;left:62%;top:-10%;width:1px;height:150%;background:#b9c1ca;transform:rotate(26deg)}.work-imprint:after{content:'';position:absolute;left:74%;top:-10%;width:1px;height:150%;background:#d0d5dc;transform:rotate(26deg)}.imprint-title{font-family:var(--display);font-weight:700;font-size:clamp(40px,6vw,88px);letter-spacing:-.035em;line-height:1.2;position:relative;z-index:1;color:#414852}.imprint-date{font-size:11px;color:var(--muted)}.imprint-bottom{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);gap:20px}.detail-section{display:grid;grid-template-columns:1fr 2fr;gap:70px;margin:85px var(--gutter) 0;padding-top:35px;border-top:1px solid var(--line);scroll-margin-top:calc(var(--header) + 30px)}.detail-section h2{font-size:27px;line-height:1.4}.detail-body{max-width:660px}.detail-body>p{font-size:17px;line-height:1.9;margin:24px 0}.detail-body>.small-copy{font-size:13px}.facts{margin:0 0 36px}.facts>div{display:grid;grid-template-columns:85px 1fr;gap:15px;padding:14px 0;border-bottom:1px solid #e4e8ec;font-size:14px}.facts dt{color:var(--muted)}.facts dd{margin:0}.solid-link{min-height:52px;display:inline-flex;align-items:center;gap:40px;justify-content:space-between;background:var(--ink);color:white;padding:14px 20px;font-size:13px}.solid-link:hover{background:#45515e}.solid-link svg{width:19px}.large-copy{font-size:28px!important;line-height:1.65!important;font-weight:550;letter-spacing:-.025em}.detail-body>.large-copy{margin-top:0}.link-pair{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-top:30px}.wide-back{margin:80px var(--gutter) 60px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:24px 0;font-size:14px}.about-layout{display:grid;grid-template-columns:1fr 1.3fr;gap:14%;padding:0 var(--gutter) 100px}.name-composition{display:flex;flex-direction:column;font-family:var(--display);font-weight:700;color:#c6ccd2;font-size:150px;line-height:1.1;letter-spacing:-.04em;padding:50px 50px;background:#f0f2f4}.name-composition span:nth-child(2){align-self:center}.name-composition span:nth-child(3){align-self:flex-end}.about-block{padding:32px 0;border-top:1px solid var(--line);margin-bottom:30px}.about-block h2{font-size:20px;margin-bottom:28px}.about-block p{font-size:16px;margin:16px 0}.about-block>.quiet-link{margin-top:20px}.contact-email{font-size:clamp(22px,2.8vw,38px);letter-spacing:-.025em;display:flex;align-items:center;gap:25px;min-height:60px}.contact-email:hover{text-decoration:underline}.about-block .small-copy{font-size:12px}.credits-copy{max-width:800px;margin:0 auto 90px;padding:0 28px}.credits-copy section{border-top:1px solid var(--line);padding-top:32px;margin-bottom:50px}.credits-copy h2{font-size:27px;margin-bottom:25px}.credits-copy p,.credits-copy li{font-size:16px;line-height:1.9}.credits-copy a{text-decoration:underline}.credits-copy img{width:100%;height:auto;margin-top:24px}.credits-copy li{margin:12px 0}
@media(min-width:1800px){:root{--gutter:max(7vw,calc((100vw - 1560px)/2))}.motion-on .continuous-art{width:72%;left:36%}.author-intro h1{font-size:112px}}
@media(max-width:1000px){:root{--gutter:5vw}.masthead nav{gap:22px}.motion-on .close-reading{left:63%;right:5%}.motion-on .close-reading h2{font-size:38px}.motion-on .selected-title h3{font-size:25px}.reading-paths{gap:6%;padding-top:100px;padding-bottom:100px}.path-row{grid-template-columns:70px 1fr 20px;gap:12px}.path-row h3{font-size:20px}.home-author{padding-left:8vw;padding-right:8vw;gap:10%}.about-layout{gap:9%}.name-composition{font-size:120px;padding:35px}}
@media(max-width:700px){:root{--gutter:6vw;--header:68px}.masthead{padding:0 var(--gutter)}.wordmark{font-size:20px}.wordmark span{display:none}.masthead nav{gap:20px;font-size:12px}.motion-toggle{position:fixed;right:var(--gutter);bottom:18px;z-index:40;min-height:44px;padding:0 13px;background:#fff;border:1px solid #bcc3ca;box-shadow:0 4px 15px #1b263518;border-radius:3px;font-size:10px}.motion-toggle svg{width:13px}.opening-stage{padding:62px var(--gutter) 0}.author-intro h1{font-size:clamp(45px,11.5vw,70px);line-height:1.15;letter-spacing:-.04em}.author-intro p{font-size:14px;line-height:1.75;margin-top:25px}.hero-link{font-size:12px;margin-top:16px;min-height:45px}.continuous-art{margin-top:12px;margin-left:-15%;width:125%}.continuous-art figcaption{right:13%;bottom:3%;font-size:9px}.opening-meta{font-size:9px;margin-top:12px;padding:20px 0;justify-content:flex-start}.opening-meta>span{display:none}.opening-meta a{font-size:11px}.close-reading{display:block;padding:60px 0 75px}.close-reading h2{font-size:38px;line-height:1.3}.selected-title{margin-top:30px}.selected-title h3{font-size:28px}.close-reading>.quiet-link{margin-top:25px}.motion-on .opening{height:180svh;min-height:1150px}.motion-on .opening-stage{height:calc(100svh - var(--header));min-height:570px}.motion-on .author-intro{top:8%;left:var(--gutter)}.motion-on .continuous-art{width:135%;height:58%;left:0%;top:39%;transform:translate(var(--art-x,0%),var(--art-y,0%)) scale(var(--art-scale,1));transform-origin:55% 50%}.motion-on .continuous-art figcaption{right:30%;bottom:18%}.motion-on .opening-meta{bottom:15px;margin:0;justify-content:flex-start}.motion-on .opening-meta>span{display:none}.motion-on .close-reading{left:var(--gutter);right:var(--gutter);top:57%;display:grid;grid-template-columns:1fr 1fr;gap:12px 20px}.motion-on .close-reading h2{font-size:30px;line-height:1.32}.motion-on .selected-title{margin:0;padding:2px 0 0}.motion-on .selected-title h3{font-size:23px;margin:10px 0 7px}.motion-on .selected-title>span,.motion-on .selected-title p{font-size:10px}.motion-on .close-reading>.quiet-link{grid-column:2;margin:0;font-size:12px;gap:20px;min-height:44px}.motion-on .rule-mark{display:none}.reading-paths{display:block;padding:75px var(--gutter) 70px}.section-intro h2{font-size:30px;line-height:1.45}.section-intro>p{font-size:13px;margin-top:22px}.path-ledger{margin-top:45px}.path-row{grid-template-columns:76px 1fr 20px;padding:27px 0;gap:14px}.path-row h3{font-size:22px}.path-row p{font-size:11px}.path-tag{font-size:10px}.path-footnote{font-size:10px;margin-top:18px}.home-archive{padding:66px var(--gutter) 75px}.archive-heading{align-items:center;gap:18px;margin-bottom:42px}.archive-heading h2{font-size:34px;white-space:nowrap}.count{font-size:11px;margin-left:9px;margin-top:4px}.archive-heading>.quiet-link{font-size:11px;gap:8px;border:0}.archive-heading>.quiet-link svg{width:15px}.record-head,.record-row{grid-template-columns:44px 1fr 20px;gap:15px}.record-head>span:nth-child(3),.record-head>span:nth-child(4){display:none}.record-head{font-size:9px}.record-row{padding:26px 0;position:relative}.record-row h3{font-size:24px}.record-kind,.record-publication{display:none}.record-year{font-size:11px}.record-arrow svg{width:20px}.archive-note{font-size:11px;line-height:1.9}.home-author{padding:75px var(--gutter) 75px;grid-template-columns:90px 1fr;gap:30px}.author-signature{font-size:55px;letter-spacing:-.045em;line-height:1.2}.author-signature>span{position:static;margin-top:24px;font-size:8px;letter-spacing:.04em}.author-copy{padding-top:0}.author-copy h2{font-size:27px;margin-bottom:25px}.bio-line{font-size:16px;line-height:1.85}.author-copy .small-copy{font-size:12px}.author-copy>.quiet-link{font-size:12px;margin-top:20px}.contact-line{display:block;margin-top:35px;padding-top:14px}.contact-line>span{font-size:10px}.contact-line>a{font-size:15px;gap:15px}.colophon{padding:40px var(--gutter) 80px;grid-template-columns:1fr auto;gap:25px;font-size:11px}.footer-name{font-size:24px}.colophon>div{grid-row:2;grid-column:1/-1;gap:10px}.back-top{font-size:10px}.credit{font-size:9px;line-height:1.9;margin-top:5px;padding-top:25px}.credit>a{margin-left:0;display:block;margin-top:5px}.page-head{padding:45px var(--gutter) 45px}.breadcrumb{margin-bottom:22px}.page-head h1{font-size:clamp(35px,10vw,60px)}.page-head p{font-size:14px;margin-top:22px}.archive-page-list{margin-bottom:60px;min-height:200px}.work-imprint{min-height:255px;padding:25px 7%}.imprint-title{font-size:clamp(32px,9vw,50px)}.imprint-date{font-size:10px}.imprint-bottom{display:block;font-size:10px;line-height:1.8}.imprint-bottom>span{display:block}.detail-section{grid-template-columns:1fr;gap:28px;margin-top:55px;padding-top:28px}.detail-section h2{font-size:24px}.detail-body>p{font-size:16px;line-height:1.9}.detail-body>.small-copy{font-size:12px}.large-copy{font-size:24px!important}.facts>div{font-size:13px;grid-template-columns:65px 1fr}.facts{margin-bottom:27px}.link-pair{gap:14px}.solid-link{font-size:12px;gap:28px}.wide-back{margin-top:60px;font-size:13px;padding:23px 0}.about-layout{display:flex;flex-direction:column;gap:40px;padding-bottom:30px}.name-composition{flex-direction:row;justify-content:space-between;font-size:72px;padding:26px 35px;line-height:1.2}.name-composition span:nth-child(2),.name-composition span:nth-child(3){align-self:auto}.about-block{padding-top:25px;margin-bottom:24px}.about-block h2{font-size:18px;margin-bottom:22px}.contact-email{font-size:30px;gap:20px}.credits-copy{padding:0 var(--gutter)}.credits-copy h2{font-size:24px}.credits-copy p,.credits-copy li{font-size:14px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}button:active{scale:1}}
.no-motion *, .no-motion *::before,.no-motion *::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}.no-motion button:active{scale:1}
@media print{.masthead,.motion-toggle,.opening-meta{position:static}.continuous-art{max-width:500px}.colophon .back-top{display:none}}