@charset "UTF-8";
:root{--paper:#ccc4b7;--ink:#292923;--muted:#67665e;--rule:#c6c2b7;--serif:'Cormorant Garamond',Baskerville,'Iowan Old Style','Palatino Linotype',Palatino,Georgia,serif;--sans:Arial,Helvetica,sans-serif;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--serif);-webkit-font-smoothing:antialiased}::selection{background:#d9d2c2}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}a:focus-visible{outline:2px solid var(--ink);outline-offset:6px}p{margin:0 0 1.5em}button,a{-webkit-tap-highlight-color:transparent}img{display:block}.wrap{width:min(1280px,calc(100% - 96px));margin-inline:auto}.skip{position:fixed;top:-80px;left:20px;background:var(--paper);padding:16px;z-index:10}.skip:focus{top:10px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:27px;border-bottom:1px solid var(--rule);font:12px/1.5 var(--sans);letter-spacing:.16em;text-transform:uppercase}.brand{font-family:var(--serif);font-size:15px;letter-spacing:.09em}.topbar nav{display:flex;gap:34px}.topbar nav a{padding-block:10px}.topbar [aria-current=page]{text-decoration:underline;text-underline-offset:7px}.cover{min-height:740px;min-height:calc(100svh - 92px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:65px 0 72px}.temple{position:relative;overflow:hidden;width:clamp(220px,24vw,310px);aspect-ratio:550/460;margin-bottom:24px}.temple img{filter:grayscale(1) brightness(1.08) url(#charcoal-alpha);position:absolute;max-width:none;width:372.364%;height:auto;left:-236.364%;top:-30.435%}.cover h1{font-size:clamp(44px,7.15vw,106px);font-weight:500;line-height:1.04;letter-spacing:-.035em;margin:0;max-width:1150px;text-wrap:balance}.cover .motto{font-size:clamp(18px,2.1vw,27px);letter-spacing:.025em;margin:25px 0 0;font-style:italic}.kicker,.meta,.section-label,.folio{font:12px/1.6 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.section-label{display:flex;justify-content:space-between;border-top:1px solid var(--ink);padding-top:18px;margin-bottom:18px}.essay-row{display:grid;grid-template-columns:180px 1fr;gap:50px;padding:58px 0 67px;border-bottom:1px solid var(--rule)}.essay-row .meta{padding-top:12px}.meta span{display:block}.essay-row h2{font-weight:500;font-size:clamp(36px,4.8vw,68px);letter-spacing:-.035em;line-height:1.07;margin:0 0 20px;max-width:900px;text-wrap:balance}.dek{font-size:clamp(19px,2vw,24px);line-height:1.5;max-width:650px;color:#55564c;margin:0}.essay-row .byline{font:12px/1.5 var(--sans);letter-spacing:.06em;margin-top:25px;color:var(--muted)}footer{display:flex;justify-content:space-between;gap:20px;padding:38px 0 44px;margin-top:95px;border-top:1px solid var(--rule);font:12px/1.5 var(--sans);letter-spacing:.05em;color:var(--muted)}.page-heading{padding:96px 0 66px}.page-heading h1,.article-heading h1{font-size:clamp(55px,8vw,112px);font-weight:500;letter-spacing:-.045em;line-height:1.02;margin:20px 0 30px;text-wrap:balance}.page-heading .dek{max-width:580px}.article-heading{max-width:1000px;padding:85px 0 64px;margin:auto;text-align:center}.article-heading h1{font-size:clamp(44px,6.8vw,92px);margin:24px 0}.article-heading .dek{margin:0 auto 32px;max-width:680px}.article-heading .meta{font-size:12px}.reading{max-width:680px;margin:auto;font-size:22px;line-height:1.7}.reading>p:first-child:first-letter{font-size:3.5em;float:left;line-height:.85;margin:10px 12px 0 0}.reading h2{font-size:34px;line-height:1.2;font-weight:500;letter-spacing:-.02em;margin:65px 0 24px}.reading blockquote{font-size:31px;line-height:1.4;margin:50px 0;padding:0;font-style:italic}.next-essay{max-width:680px;margin:85px auto 0;padding-top:26px;border-top:1px solid var(--rule);font-size:29px;line-height:1.3}.about-layout{display:grid;grid-template-columns:1fr 1.7fr;gap:80px}.about-aside{padding-top:6px}.about-aside .temple{width:240px;margin:0 auto 24px}.about-aside p{text-align:center;font-size:18px;font-style:italic}.about-layout .reading{max-width:680px}.draft-note{font:12px/1.5 var(--sans);letter-spacing:.03em;color:var(--muted);border-bottom:1px solid var(--rule);padding-bottom:20px;margin-bottom:45px}.not-found{min-height:55vh;padding-block:90px}.not-found h1{font-size:60px;font-weight:500}.not-found p{font-size:22px}
@media(prefers-reduced-motion:no-preference){.opening .temple{animation:ink 1.7s ease-out both}.opening .cover h1{animation:resolve 1.25s .4s both}.opening .cover .motto{animation:resolve 1.25s .7s both}.reveal{transition:opacity .8s ease,transform .8s ease}.reveal.waiting{opacity:0;transform:translateY(16px)}@keyframes ink{from{opacity:0;clip-path:inset(0 0 100% 0)}50%{opacity:.75}to{opacity:1;clip-path:inset(0)}}@keyframes resolve{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}
@media(min-width:1500px){.cover{min-height:800px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.topbar{padding-block:16px;gap:12px;font-size:12px;letter-spacing:.07em}.brand{font-size:12px;letter-spacing:.04em}.topbar nav{gap:20px}.cover{min-height:calc(92svh - 75px);padding:42px 0 63px}.temple{width:235px;margin-bottom:32px}.cover h1{font-size:clamp(43px,11.5vw,80px);max-width:520px;line-height:1.04;letter-spacing:-.025em}.cover .motto{font-size:20px;margin-top:24px}.section-label{font-size:12px;letter-spacing:.08em}.essay-row{display:block;padding:34px 0 43px}.essay-row .meta{padding-top:0;margin-bottom:18px;display:flex;gap:12px;font-size:12px;letter-spacing:.065em}.essay-row h2{font-size:41px;line-height:1.08;margin-bottom:18px}.dek{font-size:20px}.essay-row .byline{margin-top:21px}.page-heading{padding:60px 0 36px}.page-heading h1{font-size:70px}.article-heading{padding:58px 0 40px;text-align:left}.article-heading h1{font-size:49px}.article-heading .dek{margin-left:0}.reading{font-size:20px;line-height:1.7}.reading h2{font-size:30px;margin-top:46px}.reading blockquote{font-size:27px;margin:35px 0}.next-essay{margin-top:60px;font-size:26px}.about-layout{display:flex;flex-direction:column;gap:25px}.about-aside{order:2;margin-top:20px}.about-aside .temple{width:210px}footer{margin-top:65px;font-size:12px;align-items:flex-start}.draft-note{margin-bottom:32px}}
@media(max-width:360px){.wrap{width:calc(100% - 32px)}.topbar nav{gap:14px}.brand{max-width:95px}.essay-row h2{font-size:36px}}
@media print{body{background:white;color:black}.topbar,.next-essay,footer{display:none}.article-heading{padding:0 0 20px}.reading{font-size:12pt;max-width:none}.wrap{width:100%}.reveal.waiting{opacity:1;transform:none}}

/* Letterforms and spacing echo the original printed inscription. */
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/cormorant-400.ttf') format('truetype')}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:500;font-display:swap;src:url('/assets/cormorant-500.ttf') format('truetype')}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:600;font-display:swap;src:url('/assets/cormorant-600.ttf') format('truetype')}
body{font-weight:500}.brand{font-weight:600;letter-spacing:.14em}.cover h1{font-size:clamp(38px,5.6vw,82px);font-weight:500;letter-spacing:.115em;line-height:1.2}.cover .motto{font-style:normal;font-weight:600;text-transform:uppercase;font-size:clamp(14px,1.3vw,19px);letter-spacing:.23em;line-height:1.8}.reading{font-weight:500}.about-aside p{font-style:normal;font-weight:600;letter-spacing:.12em;font-size:14px;text-transform:uppercase}.article-heading h1,.essay-row h2{letter-spacing:-.015em}
@media(max-width:760px){.brand{letter-spacing:.07em}.cover h1{font-size:clamp(35px,9.4vw,65px);letter-spacing:.085em;line-height:1.2;max-width:540px}.cover .motto{max-width:310px;font-size:14px;letter-spacing:.19em;margin-top:25px}.reading{font-size:22px;line-height:1.6}.dek{font-size:22px}.article-heading h1{font-size:50px}.essay-row h2{font-size:43px}}

.cover .motto span{display:inline-block}@media(max-width:760px){.cover .motto span{display:block}}

/* Full Paper 331 texture; the temple paper is removed by a luminance-to-alpha filter. */
body{isolation:isolate;background-image:none}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:url('/assets/paper-331.jpg') center center/cover no-repeat}
@media print{body::before{display:none}}

.original-text{margin-top:80px;padding-top:20px;border-top:1px solid var(--rule);font-family:Georgia,"Noto Serif KR","AppleMyungjo","Batang",serif;font-size:19px;line-height:1.9;word-break:keep-all;overflow-wrap:break-word}.original-text h2{font-family:inherit;font-size:26px;margin:16px 0 35px}.original-byline{font-family:var(--sans);font-size:14px;margin-top:36px}

.source-credit{font:13px/1.8 var(--sans);color:var(--muted);margin:14px auto 0;max-width:620px;text-wrap:balance}.source-credit a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}

/* The original emblem is the cover identity; retain a semantic page heading. */
.cover h1{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.cover .temple{width:clamp(300px,32vw,400px);max-width:100%;margin-bottom:0}
.cover .motto{font-size:clamp(17px,1.5vw,21px);font-weight:400;font-style:normal;text-transform:none;letter-spacing:.025em;line-height:1.6;margin:20px 0 0;max-width:none}
.cover .motto span{display:inline}
@media(max-width:760px){.cover .temple{width:310px;max-width:100%}.cover .motto{font-size:17px;letter-spacing:.015em;margin-top:17px}}

/* Align the schoolhouse, original lettering and motto on one optical axis. */
.temple img:not(.emblem-caption){left:-232.727%;clip-path:inset(0 0 27.0834% 0)}
.temple img.emblem-caption{left:-236.818%;clip-path:inset(73% 0 0 0)}
.cover .motto{font-family:var(--serif);font-size:14px;font-weight:400;letter-spacing:.12em;text-transform:uppercase;line-height:1.85;margin-top:18px}
.cover .motto span{display:block}
@media(max-width:760px){.cover .motto{font-size:13px;letter-spacing:.11em;margin-top:16px}}

/* A slightly larger emblem with a single quiet line beneath. */
.cover .temple{width:clamp(379.5px,41.4vw,506px);max-width:100%}
.cover .motto{font-size:17px;font-weight:400;text-transform:none;letter-spacing:.01em;line-height:1.6;margin-top:12px;white-space:nowrap}
.cover .motto span{display:inline}
@media(max-width:760px){.cover .temple{width:396.75px}.cover .motto{font-size:16px;letter-spacing:.005em;margin-top:11px}}

/* Quiet capitals echo the original emblem lettering. */
.cover .motto{font-size:14px;font-weight:400;text-transform:uppercase;letter-spacing:.065em}
@media(max-width:760px){.cover .motto{font-size:14px;letter-spacing:.045em}}

/* One quiet annotation at the close of a published essay. */
.essay-reaction{max-width:680px;margin:42px auto 0}.interesting{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:7px 0;border:0;background:none;color:var(--muted);font:16px/1.6 var(--serif);cursor:pointer}.interesting .spark{font-size:14px;opacity:.55}.interesting[aria-pressed=true]{color:var(--ink)}.interesting[aria-pressed=true] .spark{opacity:1}.interesting[aria-disabled=true]{cursor:default}.interesting:hover{color:var(--ink)}.interesting:focus-visible,.password-gate button:focus-visible,.lock-form button:focus-visible{outline:1px solid var(--ink);outline-offset:5px}.interesting:disabled{cursor:wait}.reaction-status{display:block;min-height:0;font:14px/1.5 var(--serif);color:var(--muted)}.reaction-status:not(:empty){margin-top:8px}.password-gate{max-width:420px}.password-gate label{display:block;font:18px/1.5 var(--serif);margin-bottom:10px}.password-controls{display:flex;gap:18px;align-items:center}.password-controls input{min-width:0;width:100%;min-height:44px;padding:8px 10px;border:1px solid var(--muted);border-radius:0;background:transparent;color:var(--ink);font:18px/1.5 var(--serif)}.password-controls input:focus-visible{outline:1px solid var(--ink);outline-offset:2px}.password-gate button,.lock-form button{min-height:44px;padding:8px 0;border:0;border-bottom:1px solid var(--muted);background:none;color:var(--ink);font:18px/1.5 var(--serif);cursor:pointer}.password-gate #gate-message{margin-top:16px;font-size:18px;line-height:1.5}.private-empty{font-size:22px;color:var(--muted)}.lock-form{margin-top:50px}.lock-form button{font-size:16px;color:var(--muted)}.private-draft{max-width:680px;margin:0 auto 60px}.private-draft>h2{font-size:40px;font-weight:500}@media print{.essay-reaction,.password-gate,.lock-form{display:none}}
/* Keep the three publication sections legible on narrow pages. */
.topbar nav a{white-space:nowrap}@media(max-width:600px){.topbar{flex-wrap:wrap}.topbar nav{width:100%}.brand{max-width:none}}

/* The whole essay listing opens its title's native article link. */
.essay-row{position:relative}.essay-row h2 a::after{content:"";position:absolute;inset:0}.essay-row h2 a:focus-visible{outline:none}.essay-row h2 a:focus-visible::after{outline:1px solid var(--ink);outline-offset:4px}

/* Quiet chapter links inside private articles. */
.chapter-links{max-width:680px;margin:0 auto 56px;padding:24px 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}.chapter-links .kicker{margin-bottom:12px}.chapter-links ol{list-style:none;margin:0;padding:0}.chapter-links a{display:inline-block;padding:8px 0;font-size:20px;line-height:1.4}.reading h2[id]{scroll-margin-top:30px}.reading h2[id]:focus{outline:none}

/* Original school emblem beside the publication section headings. */
.section-heading{display:flex;align-items:center;gap:36px}.section-heading>.temple{flex:0 0 130px;width:130px;margin:0}.section-heading>div:not(.temple){min-width:0}.section-heading h1{margin-bottom:20px}@media(max-width:760px){.section-heading{gap:20px}.section-heading>.temple{flex-basis:64px;width:64px}.section-heading h1{font-size:clamp(44px,14vw,70px)}}

@media(max-width:760px){.private-heading h1{font-size:clamp(40px,12.8vw,50px)}}