:root{--paper: #f7f8f4;--paper-warm: #eceee6;--ink: #262d27;--ink-soft: #626b60;--ink-faint: #727a70;--line: #dce0d5;--accent: #4d6542;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--s6: 32px;--s7: 48px;--s8: 72px;--s9: 112px;--serif: "Gowun Batang", serif;--sans: "IBM Plex Sans KR", -apple-system, system-ui, sans-serif;--mono: "IBM Plex Mono", ui-monospace, monospace;--measure: 42rem;--page: 76rem;--gutter: clamp(20px, 4vw, 48px)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:32px}body,h1,h2,h3,h4,p,figure,blockquote,ul,ol,dl,dd{margin:0}ul,ol{list-style:none;padding:0}img,picture,svg{display:block;max-width:100%}img{height:auto}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}a{color:inherit;text-decoration:none}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,[tabindex="0"]:focus-visible{outline:2px solid var(--accent);outline-offset:5px}::selection{background:#dbe4d0;color:var(--ink)}body{background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.75;-webkit-font-smoothing:antialiased;display:flex;flex-direction:column;min-height:100dvh}h1,h2,h3,p{word-break:keep-all;overflow-wrap:anywhere}.skip-link{position:absolute;top:-100px;left:16px;padding:12px 20px;background:var(--ink);color:var(--paper);z-index:10}.skip-link:focus{top:12px}.site-head,.site-main,.site-foot{width:100%;max-width:var(--page);margin-inline:auto}.site-head{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px var(--gutter)}.wordmark{font-family:var(--sans);font-size:27px;line-height:1.2;font-weight:600;letter-spacing:-.07em}.wordmark span{color:var(--accent)}.nav{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.nav a{display:flex;align-items:center;min-height:42px;padding:6px 15px;border-radius:100px;font-size:14px;color:var(--ink-soft);transition:background .18s,color .18s}.nav a:hover{background:var(--paper-warm);color:var(--ink)}.nav a[aria-current]{background:var(--ink);color:var(--paper)}.site-main{flex:1;padding:0 var(--gutter) 100px}.site-foot{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;padding:36px var(--gutter) 40px;border-top:1px solid var(--line)}.site-foot .wordmark{font-size:24px}.site-foot p{color:var(--ink-soft);font-size:13px;margin-top:12px}.site-foot a:hover,.meta a:hover{color:var(--accent)}.eyebrow{display:flex;align-items:center;gap:9px;color:var(--ink-soft);font-size:11px;font-weight:500;letter-spacing:.1em}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent)}.meta{font-family:var(--mono);font-size:11px;letter-spacing:.02em;color:var(--ink-faint)}.small-label{font-size:12px;color:var(--ink-soft)}.page-title{font-family:var(--sans);font-weight:500;font-size:clamp(34px,4.5vw,52px);line-height:1.35;letter-spacing:-.05em}.page-lede{margin-top:18px;max-width:var(--measure);color:var(--ink-soft)}.page-heading{padding:56px 0 38px;border-bottom:1px solid var(--line);margin-bottom:40px}.page-heading .eyebrow{margin-bottom:18px;font-family:var(--mono)}.page-heading-title{display:flex;align-items:center;gap:18px}.count{color:var(--accent);font-family:var(--mono);font-size:13px;background:var(--paper-warm);padding:3px 11px;border-radius:100px}.text-link{display:inline-flex;align-items:center;gap:22px;min-height:44px;font-size:13px;font-weight:500}.text-link:hover{color:var(--accent)}.section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:18px;margin-bottom:22px;border-bottom:1px solid var(--line)}.section-head h2{font-size:17px;font-weight:500;letter-spacing:-.03em}.section-head h2>span{margin-left:14px;font-family:var(--mono);font-size:9px;color:var(--ink-faint);font-weight:400;letter-spacing:.04em}.section-head a{font-size:12px;color:var(--ink-soft);padding-block:6px;white-space:nowrap}.section-head a:hover{color:var(--accent)}.home-intro{display:grid;grid-template-columns:1.6fr 1fr;align-items:center;gap:80px;padding:68px 0 72px}.home-intro h1{font-size:clamp(38px,4.5vw,58px);font-weight:500;letter-spacing:-.065em;line-height:1.3;margin-top:23px}.home-intro h1>span{color:var(--accent)}.intro-copy{margin:24px 0 15px;color:var(--ink-soft);font-size:14px;line-height:1.9}.collection-index{padding-top:12px}.collection-index>p{margin-bottom:15px}.collection-index>a{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:22px;padding:17px 0;border-bottom:1px solid var(--line);transition:color .18s}.collection-index>a:hover{color:var(--accent)}.collection-name{display:flex;align-items:baseline;gap:15px;font-size:14px;font-weight:500}.collection-name>span{font-size:11px;color:var(--ink-soft);font-weight:400}.home-feature-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:48px}.home-feature-grid>*,.home-intro>*{min-width:0}.project-card{display:block}.project-art{overflow:hidden;position:relative;border-radius:4px;background:#e6e5df}.project-art img{width:100%;height:auto;aspect-ratio:1.92;object-fit:cover;object-position:50% 59%;transition:transform .5s}.project-card:hover img{transform:scale(1.025)}.project-stamp{position:absolute;top:22px;left:24px;font-family:var(--serif);font-size:38px;letter-spacing:.14em;color:#353b32}.round-arrow{position:absolute;bottom:18px;right:18px;width:35px;height:35px;display:grid;place-items:center;background:var(--paper);border-radius:50%}.project-caption{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:18px}.project-caption h3{font-size:18px;font-weight:500}.project-caption p{font-size:12px;color:var(--ink-soft);margin-top:3px}.project-caption .small-label{white-space:nowrap}.photo-section{margin-top:72px}.home-photos{grid-template-columns:repeat(4,minmax(0,1fr))}.home-word{display:grid;grid-template-columns:1fr 1.35fr;gap:40px;background:var(--paper-warm);padding:44px 48px;margin-top:64px;border-radius:4px}.home-word-label h2{font-family:var(--serif);font-weight:400;font-size:30px;margin:15px 0}.home-word-body h3{font-size:13px;font-weight:500;margin-bottom:18px;color:var(--ink-soft)}.home-word-body .prose{font-family:var(--serif);font-size:18px;line-height:1.9}.home-word-body>.meta{display:inline-block;margin-top:24px;padding-block:5px}.entry-list>li{border-bottom:1px solid var(--line)}.entry-list a{display:grid;grid-template-columns:7.5rem 1fr 20px;gap:24px;align-items:baseline;padding:27px 0}.entry-copy{min-width:0}.entry-list .t{display:block;font-size:19px;font-weight:500;line-height:1.55;letter-spacing:-.025em;word-break:keep-all;overflow-wrap:anywhere}.entry-summary{display:block;font-size:13px;color:var(--ink-soft);margin-top:8px;line-height:1.8;word-break:keep-all}.entry-arrow{color:var(--ink-soft);transition:transform .2s}.entry-list a:hover .t{color:var(--accent)}.entry-list a:hover .entry-arrow{transform:translate(2px,-2px)}.recent-journal .section-head{margin-bottom:0}.recent-journal .entry-list a{grid-template-columns:1fr 20px;gap:8px 20px;padding:18px 0}.recent-journal .entry-list time{grid-column:1}.recent-journal .entry-copy{grid-column:1}.recent-journal .entry-arrow{grid-column:2;grid-row:2}.recent-journal .entry-list .t{font-size:16px}.recent-journal .entry-summary{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;margin-top:4px;font-size:12px}.thumb-grid{display:grid;gap:24px}.thumb-grid.wide{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 24px}.thumb-grid a{display:block}.thumb-image{overflow:hidden;border-radius:3px}.thumb-grid img,.thumb-blank{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:var(--paper-warm);transition:transform .35s,opacity .2s}.thumb-blank.tall{aspect-ratio:3/2}.thumb-grid a:hover img{transform:scale(1.025);opacity:.9}.thumb-grid a.seen{outline:1px solid var(--accent);outline-offset:8px;border-radius:2px}.photo-caption{display:flex;justify-content:space-between;gap:8px;margin-top:12px}.thumb-grid>li>a>.meta,.thumb-grid .t{display:block;margin-top:10px}.photo-view{padding-top:38px}.shot img{width:auto;height:auto;max-width:100%;max-height:76dvh;margin-inline:auto;object-fit:contain;border-radius:3px}.shot-date{margin-top:20px;text-align:center;font-family:var(--mono);font-size:12px;letter-spacing:.1em;color:var(--ink-faint)}.shot-nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;margin-top:36px;padding-top:16px;border-top:1px solid var(--line);font-size:14px;color:var(--ink-soft)}.shot-nav>:nth-child(3){text-align:right}.shot-nav a{padding-block:10px}.shot-nav a:hover{color:var(--accent)}.shot-index{font-family:var(--mono);font-size:12px}.reading-page{max-width:var(--measure);margin:44px auto 0}.reading-head{border-bottom:1px solid var(--line);padding-bottom:32px;margin-bottom:36px}.reading-head .page-title{font-size:clamp(30px,4vw,44px);margin-top:20px;line-height:1.4}.reading-head .meta{display:block;margin-top:24px}.back-link{display:inline-block;color:var(--ink-soft);font-size:13px;padding-block:8px}.back-link:hover{color:var(--accent)}.reading-foot{margin-top:64px;padding-top:24px;border-top:1px solid var(--line)}.prose{max-width:var(--measure);line-height:1.95;overflow-wrap:anywhere}.prose>*+*{margin-top:24px}.prose h2{font-family:var(--sans);font-weight:500;font-size:25px;letter-spacing:-.03em;margin-top:56px;line-height:1.5}.prose h3{font-size:20px;font-weight:500;margin-top:36px}.prose strong{font-weight:600}.prose a{color:var(--accent);text-decoration:underline;text-decoration-color:#b6c2ab;text-underline-offset:4px}.prose a:hover{text-decoration-color:var(--accent)}.prose blockquote{border-left:2px solid var(--accent);padding:8px 0 8px 24px;color:var(--ink-soft)}.prose ul,.prose ol{padding-left:1.3em}.prose ul{list-style:disc}.prose ol{list-style:decimal}.prose li+li{margin-top:8px}.prose li::marker{color:var(--ink-faint)}.prose img{margin-top:24px;border-radius:3px}.prose figure{margin-top:36px}.prose figure img{margin-top:0;max-height:70dvh;width:auto;margin-inline:auto}.prose figure.small img{max-width:min(15rem,100%)}.prose figcaption{margin-top:12px;text-align:center;font-size:12px;color:var(--ink-soft)}.prose table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;font-size:13px;line-height:1.7}.prose th,.prose td{padding:12px 14px;border-bottom:1px solid var(--line);min-width:90px;text-align:left}.prose th{background:var(--paper-warm);font-weight:500}.prose hr{border:0;border-top:1px solid var(--line);margin-top:40px}code{font-family:var(--mono);font-size:.85em;background:var(--paper-warm);padding:2px 5px;border-radius:3px;overflow-wrap:anywhere}.prose pre{max-width:100%;overflow-x:auto;padding:20px;border-radius:4px;font-size:13px}.prose pre code{background:transparent;padding:0;overflow-wrap:normal}.prose details{margin-top:36px;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.prose details[open]{padding-bottom:24px}.prose summary{cursor:pointer;font-size:14px;color:var(--ink-soft);list-style:none;display:flex;align-items:baseline;gap:8px}.prose summary::-webkit-details-marker{display:none}.prose summary:before{content:"▸";font-size:10px;color:var(--ink-faint)}.prose details[open]>summary:before{content:"▾"}.prose summary:hover{color:var(--ink)}.prose details>*:not(summary){margin-top:24px}.prose details>h3:first-of-type{margin-top:24px}.word-list{max-width:46rem;margin-inline:auto}.word{scroll-margin-top:36px}.word+.word{margin-top:64px;padding-top:48px;border-top:1px solid var(--line)}.word-img{width:100%;height:auto;border-radius:4px;margin:24px 0 32px;background:var(--paper-warm)}.word-title{font-family:var(--serif);font-weight:400;font-size:30px;line-height:1.45;margin-bottom:20px}.word .prose{font-family:var(--serif);font-size:19px;line-height:1.95}.word:target{outline:1px solid var(--line);outline-offset:18px}.word .meta{display:inline-block;margin-top:24px;padding-block:8px}.shelf{max-width:54rem}.shelf-item{border-bottom:1px solid var(--line)}.shelf-item a{display:block;padding:28px 0}.shelf-head{display:flex;align-items:baseline;justify-content:space-between;gap:24px}.shelf-head h2{font-size:22px;font-weight:500;letter-spacing:-.03em}.shelf-head .meta{white-space:nowrap}.shelf .why{margin-top:12px;font-size:14px;color:var(--ink-soft)}.shelf-item a:hover h2{color:var(--accent)}.about-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:80px;align-items:start}.about-note{background:var(--paper-warm);padding:30px;border-radius:4px}.about-note h2{font-size:17px;font-weight:500;margin:12px 0}.about-note p:not(.eyebrow){color:var(--ink-soft);font-size:14px}@media(max-width:1000px){.home-intro{gap:40px}.collection-name>span{display:none}.home-feature-grid{gap:30px}.section-head h2>span{display:none}.project-caption{align-items:flex-start}.project-caption .small-label{display:none}}@media(max-width:700px){.site-head{flex-wrap:wrap;padding-top:22px;gap:18px}.wordmark{font-size:25px}.nav{width:100%;justify-content:space-between;gap:0}.nav a{font-size:13px;padding:5px 13px}.site-main{padding-bottom:64px}.home-intro{grid-template-columns:1fr;gap:36px;padding:36px 0 48px}.home-intro h1{font-size:clamp(36px,7.5vw,50px)}.intro-copy{font-size:13px}.collection-index{display:grid;grid-template-columns:1fr 1fr;column-gap:24px;padding:0}.collection-index>p{grid-column:1 / -1;margin-bottom:0}.collection-index>a{gap:14px;padding-block:13px}.home-feature-grid{grid-template-columns:1fr;gap:40px}.project-art img{aspect-ratio:1.7}.project-caption .small-label{display:block}.section-head h2>span{display:inline}.photo-section{margin-top:48px}.home-photos,.thumb-grid.wide{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}.home-word{grid-template-columns:1fr;gap:24px;padding:28px;margin-top:48px}.home-word-label h2{font-size:26px;margin:10px 0}.home-word-body .prose{font-size:17px}.page-heading{padding-top:30px;margin-bottom:28px}.entry-list a{grid-template-columns:1fr 20px;gap:8px 16px;padding-block:24px}.entry-list time{grid-column:1}.entry-copy{grid-column:1}.entry-arrow{grid-column:2;grid-row:2}.entry-list .t{font-size:18px}.reading-page{margin-top:20px}.prose{font-size:15px}.shelf-head{flex-direction:column;gap:8px}.shelf-head h2{font-size:20px}.shot img{max-height:64dvh}.about-layout{grid-template-columns:1fr;gap:36px}.site-foot{flex-wrap:wrap;align-items:center}}@media(max-width:380px){.nav a{padding-inline:10px}.section-head h2>span{display:none}.project-caption .small-label{display:none}.photo-caption .meta{font-size:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
