/* A continuous story, with source drawers beside the chapter they belong to. */
:root{--s20-paper:#f3eee2;--s20-ink:#20271f;--s20-rust:#963b27;--s20-rule:#b6b6a7;--s20-ui:'FN7 Grotesk','Apple SD Gothic Neo','Malgun Gothic',sans-serif;--s20-serif:var(--v6-display),serif;--s20-gutter:clamp(21px,5.3vw,92px)}
#cover.v20-cover{color:var(--s20-ink);background:var(--s20-paper);height:auto!important;min-height:0!important;max-height:none;overflow:clip;padding:var(--nav-h,70px) var(--s20-gutter) 0;isolation:isolate;display:block}
.v20-imprint,.v20-cover-grid,.v20-contents{max-width:1570px;margin-inline:auto}
.v20-imprint{margin-top:clamp(14px,1.25vw,24px);padding-top:9px;border-top:1px solid #495141;display:flex;justify-content:space-between;align-items:center;font:650 11px/1.5 var(--s20-ui);letter-spacing:.05em}
.v20-imprint span:first-child{font:650 13px/1.5 Georgia,serif;letter-spacing:.12em}.v20-imprint b{padding-left:5px;color:var(--s20-rust)}
.v20-cover-grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(30px,6.2vw,106px);align-items:center;padding-block:clamp(32px,4vw,72px) clamp(28px,3.8vw,65px)}
.v20-author-en{margin:0 0 .2em;color:#843c2a;font:italic 500 clamp(31px,3.8vw,65px)/1.1 'FN Italic',Georgia,serif;letter-spacing:-.04em}
#cover.v20-cover h1{font:400 clamp(78px,9.2vw,156px)/1.1 'FN7 Poster',var(--s20-ui);margin:0 0 .24em -.035em;letter-spacing:-.085em;white-space:nowrap;color:var(--s20-ink)}
#cover.v20-cover h2{font:610 clamp(26px,2.6vw,46px)/1.43 var(--v6-display),serif;margin:0 0 .56em;letter-spacing:-.06em;color:#30382c;text-wrap:balance;word-break:keep-all}
.v20-deck{max-width:31em;margin:0;color:#40463a;font:420 clamp(15px,1.15vw,19px)/1.85 var(--s20-ui);text-wrap:pretty}
.v20-cover-text nav{display:flex;gap:clamp(13px,1.4vw,23px);align-items:center;flex-wrap:wrap;margin-top:1.35rem}.v20-cover-text nav a{font:640 13px/1.3 var(--s20-ui);text-decoration:none;color:var(--s20-ink);padding:10px 0;border-bottom:1px solid #8b9081}.v20-cover-text nav .v20-read{background:#27322b;color:#fff8e8;border:0;padding:15px 18px}.v20-read i{font-style:normal;margin-left:8px}
.v20-artdesk{min-width:0;padding:0;border-bottom:1px solid #9a9c8d}.v20-art-tabs{display:flex;border-top:1px solid #a0a494;align-items:stretch;gap:0}.v20-art-tabs button{flex:auto;min-height:40px;background:none;border:0;border-right:1px solid #c6c5b6;color:#546052;font:italic 15px/1 Georgia,serif;text-align:left;padding:9px 13px;cursor:pointer}.v20-art-tabs b{font:600 13px/1.4 var(--s20-ui);margin-left:.35em}.v20-art-tabs button[aria-pressed=true]{background:#29392f;color:#fff9eb}.v20-art-tabs button:last-child{border:0}.v20-art-tabs button:focus-visible,.v20-supp summary:focus-visible,.v20-contents a:focus-visible{outline:3px solid #bd5b30;outline-offset:-3px}
.v20-frame{margin:0;min-width:0;background:transparent}.v20-frame[hidden]{display:none!important}.v20-mat{position:relative;background:#272d27;aspect-ratio:1.64;overflow:hidden;isolation:isolate}.v20-mat>img{display:block;width:100%;height:100%;object-fit:cover}.v20-helsinki>img{object-position:50% 46%}.v20-webmat>img{object-fit:contain}.v20-plate-index{position:absolute;left:12px;bottom:11px;color:#fff9eb;background:#171d1ce3;font:600 10px/1.1 monospace;letter-spacing:.07em;padding:7px 9px}
.v20-frame figcaption{padding:13px 0 14px;min-height:97px;color:#1e2920}.v20-frame figcaption small{display:block;color:var(--s20-rust);font:650 11px/1.4 var(--s20-ui);letter-spacing:.04em;margin-bottom:4px}.v20-frame figcaption strong{display:block;font:620 clamp(16px,1.48vw,24px)/1.5 var(--v6-display),serif;letter-spacing:-.034em}.v20-frame figcaption p{margin:6px 0 0;font:450 11px/1.55 var(--s20-ui);color:#52584e}.v20-frame figcaption a{text-underline-offset:2px}
.v20-contents{display:flex;align-items:stretch;justify-content:space-between;gap:10px;border-top:1px solid #777e71;padding:0 0 3px;flex-wrap:wrap}.v20-contents a{font:650 clamp(12px,.98vw,16px)/1.45 var(--s20-ui);text-decoration:none;padding:17px 0;color:#3a4339}.v20-contents i{font:italic 17px/1 Georgia,serif;color:var(--s20-rust);margin-right:7px}.v20-contents a:where(:hover,[aria-current]){color:var(--s20-rust)}.v20-cover-text a:hover,.v20-frame figcaption a:hover{color:#9c452d}
.v20-part{padding:clamp(36px,5.8vw,95px) var(--s20-gutter);background:#e6ebdf;color:#23382a}.v20-blue{background:#243e49;color:#f4f1df}.v20-rule,.v20-part-main{max-width:1420px;margin-inline:auto}.v20-rule{border-top:1px solid currentColor;padding:10px 0;display:flex;justify-content:space-between;font:650 12px/1.5 var(--s20-ui);letter-spacing:.05em}.v20-rule b{font:italic 16px Georgia,serif}.v20-rule i{padding:0 .5em;color:#a66743}
.v20-part-main{display:grid;grid-template-columns:1.25fr .75fr;gap:6vw;align-items:end;padding-block:clamp(30px,4vw,75px) 7px}.v20-part-main h2{font:590 clamp(40px,5.2vw,86px)/1.18 var(--v6-display),serif;letter-spacing:-.063em}.v20-part-main p{font:450 clamp(16px,1.37vw,22px)/1.83 var(--v6-prose),serif;max-width:33em}
.v20-supp{background:#eeecdf;color:#28332b;border-top:1px solid var(--s20-rule);border-bottom:1px solid var(--s20-rule);margin:0}.v20-supp+.v20-supp{border-top:0}.v20-supp>summary{cursor:pointer;list-style:none;display:grid;grid-template-columns:minmax(90px,.31fr) minmax(0,1.35fr) 30px;gap:clamp(12px,2.2vw,42px);align-items:center;margin:auto;padding:clamp(19px,2.15vw,34px) var(--s20-gutter);max-width:1670px;text-align:left}.v20-supp>summary::-webkit-details-marker{display:none}.v20-supp>summary:hover{background:#e2e6d7}.v20-summary-lbl{font:650 12px/1.55 var(--s20-ui);letter-spacing:.04em;color:#75604b}.v20-supp>summary strong{display:block;font:640 clamp(19px,1.7vw,29px)/1.4 var(--s20-ui);letter-spacing:-.045em}.v20-supp>summary small{display:block;font:450 clamp(13px,.95vw,16px)/1.6 var(--s20-ui);margin-top:3px;color:#535b4e}.v20-plus{display:block;width:25px;height:25px;position:relative;border:1px solid #9da68e;border-radius:50%}.v20-plus::before,.v20-plus::after{content:'';position:absolute;background:#334c39;width:10px;height:1px;left:6px;top:11px}.v20-plus::after{transform:rotate(90deg)}.v20-supp[open]>summary .v20-plus::after{display:none}.v20-supp[open]>summary{border-bottom:1px solid #b7beaa}.v20-supp-content{min-width:0}
.v20-note{border-block:1px solid #b0b3a2;margin:1em auto;color:inherit}.v20-note>summary{cursor:pointer;list-style-position:inside;font:650 clamp(14px,1.1vw,18px)/1.65 var(--s20-ui);padding:14px 0}.v20-note>summary:focus-visible{outline:2px solid currentColor}
.v20-ledger{max-width:1400px}.v20-note .l18-workbook{margin-top:0}
.v20-reference .v20-ref-intro{background:#25332c;color:#f5eddb;padding:clamp(38px,5vw,84px) var(--s20-gutter)}.v20-ref-intro span{font:600 12px/1.4 var(--s20-ui);letter-spacing:.07em;color:#d6c6a6}.v20-ref-intro h2{font:600 clamp(34px,4vw,68px)/1.3 var(--v6-display),serif;letter-spacing:-.05em;margin:10px 0}.v20-ref-intro p{font:450 16px/1.65 var(--s20-ui)}.v20-reference .e11-shelf{position:static}
.v20-afterword{background:#f3eee2;color:#293228;padding:clamp(42px,5vw,74px) var(--s20-gutter)}.v20-after-inner{max-width:1380px;margin:auto;display:grid;grid-template-columns:1.2fr .8fr;gap:7vw;align-items:center}.v20-after-inner .fn15-letter{display:block;padding:0;--f15-serif:var(--v6-display);--f15-sans:var(--s20-ui);--f15-red:var(--s20-rust);border:0}.v20-after-inner .fn15-letter-index{margin:0 0 16px}.v20-after-inner .a12-wrap{padding:0}.v20-after-inner .a12-after{margin:0;padding:26px 0;border:0}.v20-after-inner .fn15-letter-body blockquote{font-size:clamp(21px,2.1vw,37px)}.v20-oldfilm{max-width:850px;padding:26px;margin:auto;--f15-sans:var(--s20-ui);--f15-serif:var(--v6-display)}.v20-oldfilm .fn15-lightbox{margin:0}
.v20-cover [hidden],.v20-art-tabs[hidden]{display:none!important}
@media(max-width:800px){.v20-cover-grid{grid-template-columns:.86fr 1.14fr;gap:22px}.v20-mat{aspect-ratio:1.22}.v20-part-main{gap:22px;grid-template-columns:1.05fr .95fr}.v20-after-inner{gap:25px}}
@media(max-width:650px){#cover.v20-cover{padding-inline:19px}.v20-imprint{margin-top:13px}.v20-cover-grid{display:flex;flex-direction:column;align-items:stretch;gap:24px;padding-block:22px 12px}.v20-author-en{font-size:28px}#cover.v20-cover h1{font-size:clamp(66px,16vw,96px);margin-bottom:9px}#cover.v20-cover h2{font-size:clamp(24px,6vw,35px);line-height:1.36;margin-bottom:9px}.v20-deck{font-size:14px;line-height:1.75}.v20-cover-text nav{margin-top:12px;gap:15px}.v20-cover-text nav .v20-read{padding:11px 14px}.v20-art-tabs button{min-height:34px;font-size:12px;padding:7px}.v20-art-tabs b{font-size:12px}.v20-mat{aspect-ratio:1.94}.v20-frame figcaption{min-height:0;padding-block:9px}.v20-frame figcaption strong{font-size:16px}.v20-contents{gap:1px 10px;justify-content:flex-start}.v20-contents a{font-size:11px;padding:8px 0}.v20-contents i{font-size:13px;margin-right:3px}.v20-part-main{display:block;padding-top:22px}.v20-part-main p{margin-top:14px}.v20-part-main h2{font-size:clamp(33px,8.7vw,52px)}.v20-supp>summary{grid-template-columns:minmax(0,1fr) 23px;gap:5px 12px;padding:16px var(--s20-gutter)}.v20-summary-lbl{grid-column:1/3;font-size:11px}.v20-plus{align-self:start}.v20-supp>summary small{font-size:13px}.v20-after-inner{display:block}.v20-after-inner .a12-album{margin-top:32px}}
@media(prefers-reduced-motion:reduce){.v20-frame,.v20-mat img{animation:none!important}.v20-cover *{scroll-behavior:auto}}
/* The prototype is a phone screen; the published card is square. Both remain legible on tap. */
#case-paik .pc20-pair{display:grid;grid-template-columns:minmax(0,.76fr) minmax(0,1fr);gap:clamp(9px,1.2vw,20px);align-items:start}
#case-paik .pc20-pair .c13-zoom{min-height:0;aspect-ratio:3/4;overflow:hidden;background:#e1e3d8}
#case-paik .pc20-pair .c13-figure+figure .c13-zoom{background:#dfe5e7}
#case-paik .pc20-pair .c13-figure img{width:100%;height:100%;max-height:100%;object-fit:contain}
#case-paik .pc20-pair .c13-figure figcaption{font-size:clamp(11px,.92vw,14px)}
#case-paik .pc20-pair .c13-figure figcaption b{display:block;letter-spacing:.04em}
.origin-margin .pc20-study{font:inherit;line-height:1.65;word-break:keep-all;max-width:40em}
#paik-studies .pc20-intro{font:400 clamp(15px,1.3vw,20px)/1.75 var(--v6-prose,serif);margin:0 0 1.4em;max-width:40em;word-break:keep-all}
#paik-studies .pc20-evidence{width:min(90%,1310px);margin:0 auto;color:#f2ebdc;border-top:1px solid #817d6f}
#paik-studies .pc20-evidence:last-child{border-bottom:1px solid #817d6f}
#paik-studies .pc20-evidence>summary{cursor:pointer;font:600 clamp(15px,1.6vw,22px)/1.55 var(--v6-ui,sans-serif);padding:clamp(14px,1.7vw,22px) .25em;word-break:keep-all}
#paik-studies .pc20-evidence>summary:focus-visible{outline:2px solid #ffdbb7;outline-offset:2px}
#paik-studies .pc20-supplement>.pf-shell{width:100%}
#paik-studies .pc20-supplement>.pf-paper{margin:0 auto 2rem}
#paik-studies .pc20-source-links{font-size:14px;color:#272d29}
#paik-studies .pc20-wallet{display:grid;grid-template-columns:minmax(150px,.7fr) minmax(0,1fr);gap:clamp(20px,3.5vw,56px);align-items:center;max-width:1020px;padding:1rem 0 2rem;margin:auto;scroll-margin-top:6rem}
#paik-studies .pc20-wallet figure{margin:0}
#paik-studies .pc20-wallet img{background:#eee5d6;display:block;width:100%;height:auto;max-height:320px;object-fit:contain}
#paik-studies .pc20-wallet figcaption{color:#d1c8b7;font:12px/1.6 var(--v6-ui,sans-serif);margin:.55em 0 0}
#paik-studies .pc20-wallet h3{font:600 clamp(21px,2vw,33px)/1.4 var(--v6-display,serif);color:#f5f0e3;margin:0 0 .55em}
#paik-studies .pc20-wallet p{color:#eee6d7;font:400 clamp(15px,1.18vw,18px)/1.85 var(--v6-prose,serif);word-break:keep-all;margin:0 0 .8em}
@media(max-width:760px){#paik-studies .pc20-evidence{width:calc(100% - 34px)}#paik-studies .pc20-wallet{grid-template-columns:1fr}#paik-studies .pc20-wallet img{max-height:248px}#case-paik .pc20-pair .c13-zoom{aspect-ratio:3/4}}
.v20-contact{display:inline-flex;gap:10px;margin-top:.6em;border-bottom:1px solid currentColor;color:#304432;text-decoration:none;font:620 clamp(17px,1.6vw,26px)/1.65 var(--s20-ui)}.v20-study{margin:1.5em 0 0}.v20-study[open] .origin-margin{margin-top:1em}

/* Archive / sources */
.v20-oldfilm .fn15-chip-shop{background-image:url("work/oneroompenguin.webp")}.v22-previous{margin:1em 0;padding:.5em 0;border-block:1px solid #6d7465}.v22-previous summary{cursor:pointer}