/* Owned composition for grandfather-letters. Shared viewers and media retain their APIs. */
*{box-sizing:border-box}html{scroll-behavior:auto;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body-font);-webkit-font-smoothing:antialiased}::selection{background:#d6ddd5;color:#172321}a{color:inherit;text-underline-offset:5px}button,input{font:inherit}button{color:inherit;cursor:pointer;border:0;background:none}button,a,input{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--red);outline-offset:5px}button{min-height:44px}img{display:block;width:100%;height:auto}figure,p,h1,h2,h3,ol{margin:0}h1,h2,h3{font-family:var(--display-font);font-weight:400}button:disabled{opacity:.4}[hidden]{display:none!important}.page{width:min(100%,1440px);padding-inline:var(--gutter);margin-inline:auto}.kicker{font:12px/1.7 var(--roman),var(--display-font);letter-spacing:.09em;color:var(--ink-pale)}.skip-link{position:fixed;left:20px;top:-100px;z-index:200;background:var(--paper);padding:16px}.skip-link:focus{top:10px}
.issue-header{height:65px;position:sticky;top:0;z-index:50;padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;background:var(--paper);border-bottom:1px solid var(--rule)}.issue-name{display:flex;align-items:baseline;gap:20px;text-decoration:none;font-family:var(--display-font);font-size:20px;letter-spacing:.08em}.issue-name span{font:10px var(--roman),var(--display-font);letter-spacing:.15em;color:var(--ink-pale)}.issue-header nav{display:flex;align-items:center;gap:24px;font-size:13px}.issue-header nav a{text-decoration:none}.issue-header nav button{padding-inline:6px}#current-section{color:var(--ink-pale);font:12px var(--roman),var(--display-font)}#reading-progress{position:absolute;left:0;bottom:-1px;background:var(--red);height:2px;width:0;pointer-events:none}
.cover{min-height:calc(100svh - 65px);display:flex;flex-direction:column;padding-top:30px;padding-bottom:24px}.cover-meta,.cover-bottom{display:flex;justify-content:space-between;gap:20px;font:11px/1.5 var(--roman),var(--display-font);letter-spacing:.13em;color:var(--ink-pale)}.cover-meta{padding-bottom:35px}.cover-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:5%;align-items:center;flex:1;min-height:650px}.cover-copy{padding:20px 0 25px}.cover-copy .kicker{color:var(--red);font-size:11px}.cover h1{font-size:clamp(64px,6.5vw,96px);color:var(--pen-blue);line-height:1.35;letter-spacing:-.06em;margin:28px 0 30px;white-space:nowrap}.byline{font-size:17px;letter-spacing:.15em}.cover-art{width:92%;justify-self:end;transform:rotate(1.5deg)}.cover-art .artifact{border:0}.cover-art img{max-height:59svh;width:auto;max-width:100%;object-fit:contain;box-shadow:4px 12px 27px #332b1614}.cover-art figcaption{max-width:300px;margin-top:20px}.cover-art .image-open{background:none}.begin{display:flex;align-items:center;gap:25px;text-decoration:none;font-size:15px;margin-top:65px;width:fit-content}.begin span{font:27px var(--roman)}.cover-bottom{border-top:1px solid var(--rule);padding-top:19px;margin-top:25px}html[lang=en] .cover h1{font-family:var(--display-font);font-size:clamp(50px,5.9vw,82px);line-height:1.06;letter-spacing:-.04em;white-space:normal}html[lang=en] h1 em{font-weight:400}
.chapter{width:100%;padding-top:110px}.section-heading{display:flex;gap:22px;align-items:flex-start;max-width:750px;margin:0 auto 60px;padding:0 0 22px;border-bottom:1px solid var(--letter-rule);position:relative}.heading-copy{flex:1;min-width:0}.section-no{font:13px/1.8 var(--note-font);color:var(--letter-red);padding-top:2px}.section-heading h2{font-size:52px;line-height:1.3;letter-spacing:.015em;margin-top:7px;color:var(--pen-blue)}.section-heading .kicker{font:14px/1.6 var(--note-font);letter-spacing:.015em;color:var(--ink-pale)}.prose{font-size:calc(var(--body-size)*var(--reading-scale));line-height:var(--body-leading);letter-spacing:.02em;overflow-wrap:break-word}.prose p{margin-bottom:1.55em;text-align:justify;text-justify:inter-ideograph}.prose p:last-child{margin-bottom:0}html[lang=en] .prose p{text-align:left;letter-spacing:0}.prose em{font-family:var(--roman);font-style:italic}.quiet-reading{max-width:730px;margin:65px auto}.quiet-reading:first-child{margin-top:0}.artifact{margin:0}.image-open{display:block;width:100%;padding:0;text-align:inherit;line-height:0}.image-open img{object-fit:contain;max-height:74svh;width:auto;max-width:100%;margin:auto}.artifact figcaption,.scene-credit{font:12px/1.75 var(--body-font);color:var(--ink-pale);letter-spacing:.02em;margin-top:13px}.artifact figcaption span{opacity:.55}.restoration-open{font-size:11px;color:var(--ink-pale);text-decoration:underline;text-underline-offset:4px;padding:0;min-height:32px}.artifact+.artifact{margin-top:30px}.oriented-frame{display:block;position:relative;max-height:75svh;width:min(100%,450px);margin:auto}.oriented-frame img{position:absolute;width:var(--oriented-width);height:auto;max-width:none;max-height:none;left:50%;top:50%;transform:translate(-50%,-50%) rotate(var(--image-rotation))}
.accompanied{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8%;align-items:start;max-width:1200px;margin:75px auto}.accompanied-copy{max-width:610px}.accompanied-art{position:sticky;top:110px;padding:10px 0}.accompanied-art .artifact+.artifact{margin-top:35px}.accompanied-art .image-open img{max-height:58svh}.accompanied-art .artifact:only-child .image-open img{max-height:72svh}.accompanied-art .artifact:has(+.artifact) img{max-height:43svh}.accompanied .prose{font-size:calc(21px*var(--reading-scale))}.phone-scene .accompanied-art img{aspect-ratio:1.45;object-fit:cover}.work-object{max-width:250px;margin:65px auto}.work-object .artifact{transform:rotate(-3deg)}.work-object figcaption{font-size:11px}.research-entry{max-width:730px;margin:35px auto 75px;text-align:right}.research-entry button{border-bottom:1px solid var(--rule);font-size:13px;color:var(--ink-pale);padding:10px 0}.research-entry span{margin-left:12px}.emotional-return{padding-top:70px;padding-bottom:25px}.emotional-return .prose p:first-child::first-letter{color:var(--red)}
.family-scenes{max-width:1000px;margin:55px auto 25px}.family-scenes .image-open img{max-height:70svh}.scene-tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:25px;margin-top:15px}.scene-tabs button{font-size:14px;padding:8px 0;border-bottom:1px solid transparent}.scene-tabs button[aria-pressed=true]{color:var(--red);border-color:currentColor}.voice-moment{max-width:730px;margin:35px auto 75px;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:23px 0;font-size:13px;line-height:1.8}.voice-moment audio{width:min(100%,450px);height:40px;margin-block:18px}.voice-moment summary{font-size:12px}.voice-moment [data-voice-caption]{min-height:28px}.voice-moment [data-voice-transcript] p{padding:8px 0}.family-film{max-width:1050px;margin:55px auto 75px}.family-film video{width:100%;display:block;background:#111;max-height:80svh}.family-film figcaption{margin-top:14px;font-size:12px;color:var(--ink-pale)}
/* Modal materials stay outside the reading flow, and closing restores its position. */
dialog{color:var(--ink);background:var(--paper);border:0;padding:40px;max-height:88svh;width:min(680px,calc(100% - 40px));box-shadow:0 15px 80px #0003}dialog::backdrop{background:#151a1acc;backdrop-filter:blur(4px)}dialog h2{font-size:40px;margin:15px 0 30px;line-height:1.3}.dialog-close{position:absolute;right:20px;top:15px;font:30px var(--roman)}#contents ol{list-style:none;padding:0}#contents li{border-top:1px solid var(--rule)}#contents li a{display:flex;align-items:center;gap:22px;text-decoration:none;padding:12px 0;font-size:17px;min-height:46px}#contents li a span{font:12px var(--roman);color:var(--red)}.reading-options{display:flex;gap:20px;align-items:center;flex-wrap:wrap;font-size:12px;margin-top:25px}.reading-options button{padding:10px 4px;border-bottom:1px solid var(--rule)}#dossier{width:min(1250px,calc(100% - 60px));padding:0 40px 50px;overscroll-behavior:contain}.dossier-top{display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;background:var(--paper);z-index:5;border-bottom:1px solid var(--rule);padding:15px 0;margin-bottom:35px;font-size:13px}.dossier-top button{font-size:12px;padding-left:20px}.dossier-letter-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px}.transcription{font-size:17px;line-height:2}.transcription h3{font-size:26px;margin-bottom:15px}.transcription small{display:block;font-size:12px;line-height:1.8;color:var(--ink-pale);margin-bottom:25px}.transcription p{margin-bottom:18px;white-space:pre-line}.dossier-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;align-items:start;margin:40px 0}.dossier-gallery .artifact+.artifact{margin:0}.dossier-gallery .image-open img{max-height:65svh}.place-record{border-top:1px solid var(--rule);padding:25px 0;font-size:17px;line-height:1.9;scroll-margin-top:95px}.place-record h3{font-size:27px;margin:10px 0}.place-record small{font-size:12px;color:var(--ink-pale)}[data-dossier-content]>p:not(.kicker){font-size:17px;line-height:1.9;margin-top:20px}.source-link{display:inline-block;margin:20px 25px 0 0;font-size:12px}.experience-image-viewer{width:min(1300px,calc(100% - 40px));padding:25px}.experience-image-viewer>button{position:sticky;top:0;margin-right:20px;background:var(--paper);z-index:6;font-size:12px;min-height:44px;padding:10px 15px;border:1px solid var(--rule)}.experience-image-viewer h2{font-family:var(--body-font);font-size:15px;line-height:1.8;margin:25px 0}.experience-image-viewer [data-image-content]>img{width:auto;max-width:100%;max-height:70svh;margin:15px auto}.experience-image-viewer.is-zoomed [data-image-content]>img{max-height:none;max-width:none;width:160%}.experience-image-viewer p{font-size:12px;color:var(--ink-pale)}
/* Continuous authored spaces. The reading column stays in normal document flow. */
.cinema{display:grid;grid-template-columns:1fr;position:relative;isolation:isolate;margin:65px calc(-1*var(--gutter));--paper-progress:0;--shade:1;--book-open:0;--book-focus:0;--book-scale:1;--room-scale:1}.cinema-stage{grid-area:1/1;position:sticky;top:65px;align-self:start;height:calc(100svh - 65px);min-height:650px;overflow:clip;background:#d7d2c7;perspective:1800px}.cinema-world,.cine-plate,.cinema-shade,.cinema-paper,.cinema-foreground{position:absolute;inset:0}.cinema-world{overflow:hidden}.cine-plate{pointer-events:none;will-change:opacity,transform}.cine-plate>.artifact,.cine-plate .image-open{height:100%;width:100%;min-height:0}.cine-plate .artifact img{width:100%;height:100%;max-width:none;max-height:none;object-fit:cover}.cinema-shade{z-index:5;pointer-events:none;background:linear-gradient(90deg,#f8f6f0f5 0%,#f8f6f0ef min(23vw,355px),#f8f6f0cc min(36vw,556px),#f8f6f066 min(47vw,726px),transparent min(60vw,927px));opacity:var(--shade,1)}.cinema-paper{background:#f8f6f0;opacity:var(--paper-progress,0);pointer-events:none;z-index:9}.cinema-foreground{z-index:12;pointer-events:none}.cinema-foreground button,.cinema-foreground details{pointer-events:auto}.cinema-reading{grid-area:1/1;position:relative;z-index:15;width:min(44%,680px);padding-left:var(--gutter);padding-right:25px;pointer-events:none}.cinema-reading .prose{pointer-events:auto;font-size:calc(21px*var(--reading-scale));line-height:2.1}.cinema-passage{min-height:82svh;padding:130px 0 150px;display:flex;align-items:center}.cinema-release{height:42svh;pointer-events:none}.cinema-credit{position:absolute;right:24px;bottom:16px;z-index:13;max-width:44%;padding:5px 9px;background:#f8f6f0d9;font-size:10px;line-height:1.65;color:#62695d;pointer-events:none;opacity:calc(1 - var(--paper-progress,0))}.apartment-master{opacity:var(--room,0);transform:translateY(calc(var(--room-y,0)*1%)) scale(var(--room-scale,1));transform-origin:76% 76%;filter:blur(calc(var(--book,0)*1.5px))}.apartment-reader{opacity:var(--reader,0);transform:scale(1.035)}.nanhu-world{position:absolute;inset:0;opacity:var(--park,0);transform:scale(calc(1.02 + var(--memory,0)*.055));transform-origin:72% 52%;will-change:transform}.nanhu-today,.nanhu-childhood{position:absolute;inset:0;background-image:url('media/nanhu-pair.png');background-size:200% 100%;background-repeat:no-repeat}.nanhu-today{background-position:right center}.nanhu-childhood{background-position:left center;clip-path:inset(0 calc((1 - var(--memory,0))*100%) 0 0)}.nanhu-divider{position:absolute;inset-block:0;left:calc(var(--memory,0)*100%);width:1px;background:#fff8;opacity:0}.cinema[data-comparison=true] .nanhu-divider{opacity:1}.cinema-compare{position:absolute;right:25px;bottom:45px;width:min(330px,42vw);font-size:12px;line-height:1.7;text-align:right;visibility:hidden}.cinema[data-camera-state=park] .cinema-compare,.cinema[data-camera-state=childhood] .cinema-compare,.cinema[data-camera-state=today] .cinema-compare,.cinema[data-comparison=true] .cinema-compare{visibility:visible}.cinema-compare summary{display:inline-block;cursor:pointer;background:#f8f6f0e8;padding:9px 13px;min-height:40px}.cinema-compare label{display:flex;align-items:center;gap:12px;padding:10px 13px;background:#f8f6f0f2}.cinema-compare input{width:100%;accent-color:var(--red)}.nanhu-contemplation{opacity:var(--park-quiet,0);transform:scale(1.025);transform-origin:70% 60%}.cinema[data-comparison=true] .nanhu-contemplation{opacity:0}.nanhu-family{opacity:var(--family,0);transform:scale(1.045);transform-origin:75% 60%}
/* The album is a physical reading object; its photographs and handwriting stay original. */
.album-object{position:absolute;left:48%;top:17%;width:47%;height:65%;z-index:7;opacity:var(--book,0);transform:translateY(calc((1 - var(--book,0))*18vh)) scale(var(--book-scale,1));transform-origin:70% 70%;perspective:1700px;pointer-events:none}.album-perspective:focus-visible{outline:2px solid var(--red);outline-offset:6px}.album-perspective{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(calc(var(--book-tilt,0)*1deg)) rotateZ(-2deg);outline:none}.album-board{position:absolute;top:0;bottom:0;width:50%;background:#d9d0b9;padding:14px;border:2px solid #8e795c;border-bottom-width:10px;box-shadow:inset 0 0 20px #66523555,0 4px 0 #baac8c,0 7px 0 #e4ddca;backface-visibility:hidden;overflow:hidden}.album-board .artifact,.album-board .image-open{height:100%;width:100%;min-height:0}.album-board .image-open{pointer-events:auto}.album-board .artifact img{width:100%;height:100%;max-height:none;max-width:none;object-fit:contain}.album-left{left:0;transform:rotateY(calc((1 - var(--book-open,0))*25deg));transform-origin:right center;opacity:var(--book-open,0)}.album-right{right:0;transform-origin:left center}.album-page-window{position:absolute;inset:14px;overflow:hidden;transform:translateZ(1px)}.album-original{position:absolute;inset:0;visibility:visible;opacity:1;transform:translate(calc(var(--book-focus,0)*var(--focus-shift,-19%)),calc(var(--book-focus,0)*var(--focus-up,0%))) scale(calc(1 + var(--book-focus,0)*.85));transform-origin:var(--focus-x,86%) var(--focus-y,43%);will-change:transform}.album-original.is-current{opacity:1;visibility:visible}.album-cover{position:absolute;right:0;top:0;bottom:-2px;width:50%;z-index:7;transform-origin:left center;transform:translateZ(5px) rotateY(calc(var(--book-open,0)*-166deg));background:linear-gradient(120deg,#3b3c32,#565548 46%,#292d28);border:5px solid #4b3f32;box-shadow:inset 0 0 35px #151c16aa,4px 3px 5px #0003;backface-visibility:hidden}.album-cover::after{content:'';position:absolute;inset:8px;border:1px solid #a6976a44}.album-cover>span{position:absolute;width:35%;height:7%;background:#c4b994aa;top:38%;left:35%;transform:rotate(-2deg);box-shadow:1px 1px 3px #0003}.album-spine{position:absolute;left:49%;width:2%;top:0;bottom:-3px;background:linear-gradient(90deg,#766046,#28291f99,#b9a88b);z-index:6;pointer-events:none;opacity:var(--book-open,0)}.album-film{position:absolute;inset:9px;background:linear-gradient(130deg,transparent 10%,#fff2 38%,#fff8 42%,transparent 49%,#fff1 80%);transform-origin:bottom center;transform:translateZ(8px) rotateX(calc(var(--film-lift,0)*-68deg));opacity:calc(.3 + var(--film-lift,0)*.25);border-top:1px solid #fff8;pointer-events:none;z-index:8}.album-turn-leaf{position:absolute;left:50%;top:0;width:50%;height:100%;z-index:10;transform-origin:left center;transform-style:preserve-3d;pointer-events:none;display:none}.album-turn-leaf[data-direction=backward]{left:0;transform-origin:right center}.album-leaf-face{position:absolute;inset:0;background:#ded5bd;border:2px solid #8e795c;border-bottom-width:10px;backface-visibility:hidden;overflow:hidden;box-shadow:inset 0 0 20px #66523555}.album-leaf-face>.album-original{inset:14px}.album-leaf-back{transform:rotateY(180deg)}.album-leaf-face .artifact,.album-leaf-face .image-open{width:100%;height:100%;min-height:0}.album-leaf-face img{width:100%;height:100%;max-width:none;max-height:none;object-fit:contain}.album-leaf-front:after,.album-leaf-back:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#36281820,transparent 14%,transparent 85%,#fff2)}.album-object .album-controls{position:absolute;left:8%;right:0;top:calc(100% + 25px);font-size:11px;pointer-events:auto;opacity:var(--book-open,0);visibility:hidden;transform:scale(calc(1 / var(--book-scale,1)));transform-origin:70% 0}.cinema[data-book-visible=true] .album-object .album-controls{visibility:visible}.album-thumbnails{display:flex;gap:6px;justify-content:flex-start;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;padding:3px 2px 5px;position:relative;max-width:100%}.album-thumbnails button{display:flex;align-items:center;flex:0 0 55px;width:55px;min-height:40px;border:1px solid #aa9b82;background:#f8f6f0dd;padding:3px;position:relative}.album-thumbnails button[aria-pressed=true]{border-color:var(--red);box-shadow:0 0 0 1px var(--red)}.album-thumbnails img{width:50%;height:43px;object-fit:contain}.album-thumbnails span{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}.album-actions{display:flex;gap:14px;align-items:center;justify-content:flex-end;background:#f8f6f0e8;width:fit-content;margin:8px 0 0 auto;padding:0 10px}.album-actions button{font-size:11px;padding:0 3px;min-height:34px}.album-actions button[aria-pressed=true]{color:var(--red)}.album-object .album-controls>p[data-book-label]{font-size:11px;color:#4e5549}.album-object .album-controls>p{text-align:right;font-size:9px;color:#687060;margin-top:6px}.cinema[data-camera-state=return] .album-object .album-controls{visibility:hidden}.cinema[data-camera-state=paper] .album-object .album-controls{visibility:hidden}
.cinema-night .cinema-stage{background:#09131e}.cinema-night .cinema-shade{background:linear-gradient(90deg,#09121df7 0%,#09121def min(27vw,417px),#09121dc4 min(40vw,618px),#09121d40 min(65vw,1004px),transparent min(100vw,1545px))}.cinema-night .cinema-reading{color:color-mix(in srgb,#f4f0e8,#303632 var(--paper-percent,0%))}.cinema-night .cinema-credit{background:#09121dbb;color:#e4e1d7}.cinema-night .cine-plate{transform:translateY(calc(var(--camera-y,0)*1%)) scale(var(--camera-scale,1));transform-origin:72% 58%}.night-clouds{opacity:var(--clouds,0)}.night-near{opacity:var(--near,0)}.night-ahead{opacity:var(--ahead,0)}.night-behind{opacity:var(--behind,0)}.night-sky{opacity:var(--sky,0);clip-path:ellipse(calc(22% + var(--sky-open,0)*100%) calc(5% + var(--sky-open,0)*120%) at 72% 20%)}.night-torches{opacity:var(--torches,0)}.night-goggles{position:absolute;inset:-1px;z-index:4;background:radial-gradient(ellipse at 72% 56%,transparent 8%,#03060b88 30%,#03060bf7 72%);opacity:var(--goggles,0);pointer-events:none}.night-breath{position:absolute;inset:0;background:radial-gradient(ellipse at 80% 70%,#e4e9ed55,transparent 60%);backdrop-filter:blur(4px);mask-image:radial-gradient(ellipse at 70% 50%,transparent 30%,black 80%);opacity:var(--breath,0);z-index:4;pointer-events:none}.cinema-night .cinema-passage{padding-block:145px 170px}.cinema-night .cinema-release{height:70svh}
.cinema-phone .cinema-stage{min-height:580px}.phone-desk{transform:translateX(calc(var(--desk-x,0)*1%)) scale(var(--desk-scale,1));transform-origin:66% 56%}.phone-memory{position:absolute;right:3%;top:20%;width:28%;z-index:4;opacity:var(--memory,0);transform:translateX(calc((1 - var(--memory,0))*15%));background:#e3ddcf;padding:10px;box-shadow:0 6px 28px #0004}.phone-memory .artifact img{max-height:40svh;object-fit:contain}.phone-memory p{font-size:10px;margin-top:10px;color:#62675c}.phone-line{position:absolute;left:60%;width:6%;top:49%;height:1px;background:#e2d7be;opacity:var(--line,0)}
/* The geographic scene retains source coordinates and town-level uncertainty. */
/* Chapter IV: project work, motherhood, leaving, and devices in use. */
.work-years{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1fr);gap:7%;max-width:1700px;margin:75px auto;align-items:start}.work-years-copy{max-width:680px}.work-years-images{display:grid;gap:30px}.work-years-images .artifact+.artifact{margin-top:0}.work-years-images .image-open img{width:100%;max-height:41svh;object-fit:contain}.work-years-images figcaption{font-size:11px}.work-institution{max-width:980px;margin:80px auto;display:grid;grid-template-columns:minmax(0,730px) 145px;gap:65px;align-items:start}.work-badge{padding-top:10px}.work-badge .image-open img{max-height:225px}.work-badge figcaption{font-size:10px}.work-turn{max-width:1700px}.work-turn .scene-stage{height:min(760px,calc(100svh - 145px));min-height:320px}.work-turn .scene-layer>.artifact{width:100%}.work-turn .scene-layer .image-open img{width:100%;max-height:72svh;object-fit:contain}.work-turn .scene-step{padding:50px 0 110px}.work-turn .scene-reading .prose{line-height:2.1}
.product-build{opacity:var(--work-build,1);transform:scale(var(--work-scale,1));transform-origin:75% 65%}.product-family{opacity:var(--work-family,0);transform:scale(var(--work-scale,1));transform-origin:55% 66%}
.story-sequence{max-width:calc(1440px - 2*var(--gutter));display:grid;grid-template-columns:1fr 1.1fr;gap:7%;position:relative;margin:65px auto}.scene-stage{grid-column:2;grid-row:1;position:sticky;top:105px;align-self:start;height:min(690px,calc(100svh - 145px));min-height:380px}.scene-reading{grid-column:1;grid-row:1;min-width:0}.scene-step{padding:35px 0 85px}.scene-step+.scene-step{padding-top:45px}.scene-layer{position:absolute;inset:0;display:flex;align-items:center;opacity:0;visibility:hidden;pointer-events:none;transition:opacity 700ms,visibility 700ms}.scene-layer.is-active{opacity:1;visibility:visible;pointer-events:auto}.scene-reading .prose{font-size:calc(21px*var(--reading-scale))}.map-plate{width:100%}.map-land{position:relative;overflow:clip;background:#e5e8df;aspect-ratio:1.49}.map-land .artifact,.map-land .image-open{height:100%}.map-land .image-open{pointer-events:none}.map-land .image-open img{height:100%;width:100%;max-height:none;object-fit:fill;opacity:.85;mix-blend-mode:multiply}.map-marker{position:absolute;left:var(--x);top:var(--y);padding:0;min-height:26px;display:flex;align-items:center;gap:6px;transform:translate(-6px,-10px);text-align:left;z-index:3;white-space:nowrap}.map-marker i{width:9px;height:9px;background:#934b3d;border:1px solid #934b3d;border-radius:50%;display:block;box-shadow:0 0 0 3px #f8f6f088}.map-marker.uncertain i{background:transparent}.map-marker span{font:13px/1.4 var(--display-font);background:#f8f6f0dd;padding:3px 5px;color:#283e3d}.map-marker small{display:block;font:9px/1.4 var(--roman);color:#6e7368}.map-marker[data-place=shanghai] span,.map-marker[data-place=shaoyang] span{position:absolute;right:14px;text-align:right}.map-marker[data-place=baiguo] span{position:absolute;left:0;top:23px}.map-marker[data-place=lantian] span{position:absolute;right:14px;bottom:13px;text-align:right}.map-marker.is-current i{box-shadow:0 0 0 5px #ac352c33;background:var(--red)}.map-marker.is-current span{color:var(--red)}.map-source{font:9px/1.5 var(--roman),var(--body-font);color:var(--ink-pale);margin-top:6px}.map-resume-mini{display:flex;align-items:center;gap:10px;min-height:36px;padding:7px 0;font-size:11px;color:var(--ink-pale);margin-left:auto}.map-resume-mini img{width:23px;max-height:30px;object-fit:contain}.scene-credit{font-size:11px;line-height:1.7;color:var(--ink-pale);margin-top:14px}summary{cursor:pointer}.letter-revisit{display:flex;align-items:center;gap:15px;text-align:left;margin-top:25px;width:100%;font-size:12px;border-top:1px solid var(--rule);padding:20px 0}.letter-revisit img{width:65px;transform:rotate(3deg)}


.cinema[data-book-visible=true] .cinema-credit{right:auto;left:var(--gutter);max-width:37%}.geography-surface{pointer-events:none}.geography-surface button{pointer-events:auto}.geography-surface .image-open{pointer-events:none}.cinema-opening .cinema-passage[data-cinema-step=return]{width:min(730px,calc(100vw - 2*var(--gutter)));margin-left:calc((100vw - min(730px,100vw - 2*var(--gutter)))/2 - var(--gutter))}.cinema-opening .cinema-passage[data-cinema-step=return] .prose{background:#f8f6f0ec;padding:30px 35px;box-shadow:0 0 45px #f8f6f088}
@media(max-width:760px){.cinema[data-book-visible=true] .cinema-credit{left:12px;max-width:38%;font-size:9px;bottom:9px}.cinema-opening .cinema-passage[data-cinema-step=return]{width:auto;margin-left:0}.cinema-opening .cinema-passage[data-cinema-step=return] .prose{background:none;padding:0;box-shadow:none}}
/* Chapter 6: a measured relief landscape and two aligned historical clocks. */
/* Chapter VI: one geographic stage carries photographs, film and documents. */
.cinema-atlas .cinema-stage{background:var(--paper);min-height:0}
.cinema-atlas .cinema-shade,.cinema-atlas .cinema-credit{display:none}
.cinema-atlas .cinema-world{overflow:hidden}
.cinema-atlas .cinema-paper{z-index:18}
.cinema-atlas .cinema-reading{background:linear-gradient(90deg,var(--paper) 82%,#f8f6f0e8);width:42%;padding-right:35px}
.cinema-atlas .cinema-passage{display:block;min-height:0;padding:0}
.cinema-atlas .cinema-passage>.prose{margin:0}
/* Continuous typesetting is retained inside each sustained reading panel. */
.cinema-atlas .cinema-passage{height:calc(var(--map-distance,700px) + 100svh - 105px);position:relative}
.cinema-atlas .cinema-passage>.prose{position:sticky;top:105px;height:calc(100svh - 133px);overflow:clip;display:flex;flex-direction:column;font-size:calc(20px*var(--reading-scale));line-height:1.95;color:#74796f;mask-image:linear-gradient(transparent,#000 12px,#000 calc(100% - 20px),transparent)}
.cinema-atlas .cinema-passage p{transform:translateY(var(--map-text-offset,0px));transition:transform .22s ease;flex:0 0 auto;margin-block:auto;padding:6px 0 28px}
.cinema-atlas [data-reading-phrase],.cinema-atlas .map-reading-text{display:inline;position:static;min-height:0;padding:0}
.cinema-atlas [data-reading-phrase]{color:inherit;transition:color .35s ease}
.cinema-atlas [data-reading-phrase].is-reading{color:var(--pen-blue)}
.cinema-atlas .cinema-release{height:10svh}
.cinema-atlas[data-map-overview=true] .ra-current,.cinema-atlas[data-map-overview=true] .ra-key{display:none}
.cinema-atlas[data-map-overview=true] .ra-date strong{font-size:24px;white-space:nowrap}
.cinema-atlas[data-map-overview=true] .ra-map{top:84px;bottom:132px}
.cinema-atlas[data-map-overview=true] .ra-tools{top:4px}
.cinema-atlas[data-map-overview=true] .ra-place small{display:none}
.lifetime-atlas{position:absolute;inset:0;pointer-events:auto}
.lifetime-atlas.relief-atlas{height:100%;min-height:0;display:block}
.atlas-loading,.atlas-error{padding:40px;font-size:18px}
.ra-map{position:absolute;inset:0 0 0 42%;overflow:hidden;background:#e4e4d0;touch-action:pan-y;cursor:grab}
.ra-surface,.ra-labels{position:absolute;inset:0}
.ra-surface canvas{width:100%;height:100%;display:block}
.ra-labels{pointer-events:none;z-index:2}
.ra-place{position:absolute;width:1px;height:1px;min-height:0;padding:0;pointer-events:auto;overflow:visible}
.ra-place>i{display:block;position:absolute;width:9px;height:9px;left:-4px;top:-4px;border-radius:50%;background:#744634;border:1px solid #fff5da}
.ra-place.is-current>i{width:14px;height:14px;left:-7px;top:-7px;background:#a64030;box-shadow:0 0 0 5px #fff6}
.ra-place>span{position:absolute;white-space:nowrap;background:#f7f0dbeb;padding:4px 7px;text-align:left;font:15px/1.4 var(--body-font);color:#3b402c}
.ra-place small{display:block;font:12px/1.5 var(--roman)}
.ra-place.is-approximate>i{background:var(--paper);border:2px solid #744634}
.ra-landform{position:absolute;transform:translate(-50%,-50%);font:italic 13px var(--roman),var(--body-font);color:#43533d;text-shadow:0 1px #f3efc9;white-space:nowrap}
.ra-war{position:absolute;pointer-events:auto;width:28px;height:28px;padding:0;min-height:0;color:#9b4c24;transform:translate(-50%,-50%)}
.ra-war>i{font:26px var(--roman)}.ra-war>span{position:absolute;bottom:calc(28px + var(--war-lane,0)*20px);left:10px;font:14px/1.5 var(--body-font);width:max-content;max-width:220px;background:#fff2d6eb;padding:3px 7px;text-align:left}
.ra-head{position:absolute;top:22px;left:46%;right:4%;z-index:5;display:flex;justify-content:space-between;gap:20px;align-items:start;pointer-events:none}
.ra-head>div:first-child{flex:1;min-width:0}.ra-head .kicker,.ra-date>span{display:none}.ra-head h3{width:fit-content;font:25px/1.4 var(--note-font);color:var(--pen-blue);max-width:100%;padding:4px 8px;background:#f8f6f0d9}
.ra-date strong{font:42px/1 var(--roman);color:#404b34;background:#f8f6f0d9;padding:5px 9px}
.ra-tools{position:absolute;right:4%;top:85px;display:flex;gap:4px;z-index:8}
.ra-tools button{background:#f8f6f0e8;font-size:14px;min-height:40px;padding:7px 12px;border:1px solid #a6a58c66}
.ra-compass,.ra-height,.ra-loading{display:none}.ra-evidence{display:none!important}
.ra-key{position:absolute;bottom:193px;right:4%;font-size:14px;z-index:7;display:flex;gap:18px;align-items:center}.ra-key button{min-height:35px;font-size:14px}.ra-map-scale,.ra-life-key{display:none}
.ra-timelines{position:absolute;left:46%;right:4%;bottom:14px;z-index:8;padding:14px 18px;background:#f8f6f0f0}
.ra-axis{position:relative;height:17px;margin-left:65px;margin-right:8px;font:12px var(--roman);color:#5e6654}
.ra-axis>span{position:absolute;transform:translateX(-50%)}.ra-axis>span:last-child{transform:translateX(-100%)}
.ra-track{display:flex;align-items:center;gap:12px;margin:4px 0}.ra-track>span{font-size:13px;width:56px;flex:none}
.ra-track-inner{position:relative;flex:1;height:24px;border-bottom:1px solid #ccc8b8}
.ra-dot{position:absolute;width:8px;height:8px;min-height:0;padding:0;top:calc(6px + var(--lane)*9px);transform:translate(-50%,-50%);background:#91634c;border-radius:50%}
.ra-dot.is-current{width:13px;height:13px;background:#a64030;box-shadow:0 0 0 3px #a6403022}
.ra-era{position:absolute;height:5px;min-height:0;padding:0;top:calc(2px + var(--lane)*7px);background:#8c937180}
.ra-era-air-raid,.ra-era-invasion,.ra-era-battle{background:#ba824d9c}.ra-era-civil-war{background:#8d5d7190}.ra-era.is-current{box-shadow:0 0 0 1px #746a51}
.ra-cursor{position:absolute;top:-8px;bottom:0;width:1px;background:#9d4537;pointer-events:none}
.ra-current{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:9px 0 4px;min-height:42px}
.ra-current>div>span{display:none}.ra-current p{font:15px/1.5 var(--body-font);margin:0;color:#434a36}
.ra-scrub-label{display:flex;align-items:center;gap:14px;font-size:13px}.ra-scrub{flex:1;min-width:0;height:20px;accent-color:#956048}
.ra-foot{display:none}.ra-dialog{max-height:85svh;overflow:auto}
.map-memory-stage{position:absolute;left:45%;right:4%;top:13%;bottom:26%;z-index:6;pointer-events:none}
.map-memory{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.975);pointer-events:none}
.map-memory.is-current{opacity:var(--map-asset-opacity,0);transform:scale(calc(.975 + var(--map-asset-opacity,0)*.025))}
.map-memory .image-open{padding:0;width:100%;height:100%;min-height:0;pointer-events:auto;background:none;border:0}
.map-memory[inert] .image-open{pointer-events:none}
.map-memory img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 18px #151b1830)}
.map-memory video{width:100%;height:100%;object-fit:contain;background:none}
.map-resume-quote{font:clamp(22px,2.1vw,34px)/2.1 var(--body-font);color:var(--pen-blue);white-space:pre-line;margin:0;padding:24px 30px;border-top:1px solid var(--letter-red);background:#f8f6f0ed;width:100%}
.map-memory-label{opacity:var(--map-asset-opacity,0);position:absolute;left:46%;right:4%;bottom:207px;display:flex;flex-wrap:wrap;gap:0 24px;align-items:center;pointer-events:auto;color:var(--pen-blue);padding:6px 12px;background:#f8f6f0e8}
.map-memory-label>p{font:19px/1.5 var(--body-font);width:100%}
.map-memory-label button{font-size:15px;min-height:36px;padding:5px 0}
.cinema-atlas:not([data-map-film]):not([data-map-visual]) .map-memory-label{visibility:hidden}
.cinema-atlas [data-map-motion]{margin-left:auto}
.map-memory svg{width:100%;height:100%;filter:drop-shadow(0 8px 15px #151b1833)}

@media(max-width:1050px) and (min-width:761px){.cinema-atlas .cinema-reading{width:44%;padding-right:24px}.map-memory-stage{left:47%;right:3%}.ra-head,.ra-timelines,.map-memory-label{left:47%;right:3%}.ra-head h3{font-size:21px}.ra-current p{font-size:13px}.map-memory-label>p{font-size:17px}}
@media(max-width:760px){
 .cinema-atlas .cinema-stage{height:65svh;max-height:none;min-height:470px;top:58px}
 .cinema-atlas .cinema-reading{width:100%;background:var(--paper);padding:0 var(--gutter);z-index:6}
 .cinema-atlas .cinema-stage{height:46svh;min-height:310px;top:48px}
 .cinema-atlas[data-map-overview=true] .ra-map{top:47px;bottom:108px}
 .cinema-atlas[data-map-overview=true] .ra-date strong{font-size:18px}
 .cinema-atlas[data-map-overview=true] .ra-tools{left:4px;right:auto}
 .cinema-atlas .cinema-passage{height:calc(var(--map-distance,700px) + 54svh - 60px)}
 .cinema-atlas .cinema-passage>.prose{top:calc(48px + max(310px,46svh) + 12px);height:calc(100svh - 88px - max(310px,46svh));font-size:calc(18px*var(--reading-scale));line-height:1.85}
 .cinema-atlas [data-reading-phrase],.cinema-atlas .map-reading-text{display:inline;padding:0;min-height:0;position:static}
 .ra-head{top:10px;left:4%;right:4%;align-items:center}.ra-head h3{font-size:19px;max-width:77%;padding:2px 4px}.ra-date strong{font-size:29px;padding:2px 6px}
 .ra-tools{top:54px;right:3%;gap:2px}.ra-tools button{min-height:32px;font-size:12px;padding:3px 7px}
 .map-memory-stage{left:3%;right:3%;top:17%;bottom:36%}
 .map-memory-label{left:3%;right:3%;bottom:145px;padding:4px 8px;gap:0 20px}.map-memory-label>p{font-size:15px}.map-memory-label button{font-size:13px;min-height:30px;padding:2px 0}
 .ra-timelines{left:3%;right:3%;bottom:6px;padding:8px 10px}.ra-axis{font-size:10px;height:15px;margin-left:50px}.ra-track>span{font-size:11px;width:44px}.ra-track{gap:6px;margin:2px 0}.ra-track-inner{height:21px}.ra-current{gap:12px;min-height:34px;margin:5px 0}.ra-current p{font-size:12px;line-height:1.35}.ra-scrub-label{font-size:11px;gap:9px}.ra-scrub{height:16px}.ra-key{display:none}
 .ra-place>span{font-size:12px}.ra-place small{font-size:10px}.ra-landform{font-size:11px}.ra-war>span{font-size:12px;max-width:150px}
 .map-memory[data-map-memory=class] img{object-fit:cover;object-position:calc(25% + var(--photo-progress,0)*50%) 40%}.map-resume-quote{font-size:21px;padding:18px}

}
@media(prefers-reduced-motion:reduce){.map-memory{transition:none;transform:none}}
html[data-reduced=true] .map-memory{transition:none;transform:none}

@media(max-width:1050px){.cover-grid{grid-template-columns:1.2fr 1fr;min-height:570px}.cover h1{font-size:7.4vw}.cover-art{width:100%}.accompanied{gap:6%}.cinema-reading{width:49%;padding-right:18px}.cinema-reading .prose,.scene-reading .prose,.accompanied .prose{font-size:calc(20px*var(--reading-scale))}.cinema-shade{background:linear-gradient(90deg,#f8f6f0f7 0%,#f8f6f0ed 32%,#f8f6f0aa 45%,transparent 67%)}.album-object{left:48%;width:49%;height:57%;top:20%}.album-object .album-controls{left:-10%}.album-actions{gap:8px}.album-thumbnails button{width:45px;flex-basis:45px}.album-thumbnails img{height:35px}.map-marker span{font-size:11px}}
@media(max-width:760px){.work-years{display:flex;flex-direction:column;gap:30px;margin:45px auto}.work-years-images{gap:25px;width:100%}.work-years-images .image-open img{max-height:none;width:100%}.work-institution{display:block;margin:45px auto}.work-badge{max-width:120px;margin:30px auto}.work-turn .scene-stage{height:56.25vw;min-height:0;max-height:none;background:#ebe9e0}.work-turn .scene-layer{padding:0}.work-turn .scene-layer>.artifact{height:100%}.work-turn .scene-layer .image-open{height:100%}.work-turn .scene-layer .image-open img{height:100%;max-height:none;object-fit:contain}.work-turn .scene-layer figcaption{display:none}.work-turn .scene-step{padding:35px 0 50px}.work-turn .scene-reading .prose{line-height:2.05}.cinema-product .cinema-stage{height:56.25vw;min-height:0;max-height:none}.cinema-product .cine-plate .artifact img{object-position:center;object-fit:contain}.cinema-product .cinema-credit{font-size:7px;max-width:95%;bottom:3px}.cinema-product .cinema-passage{padding:40px 0 65px}
.issue-header{height:58px}.issue-name{font-size:17px;gap:0}.issue-name span{display:none}.issue-header nav{gap:18px;font-size:12px}#current-section{font-size:10px}.cover{min-height:calc(100svh - 58px);padding-top:23px;padding-bottom:18px}.cover-meta{font-size:9px;padding-bottom:35px}.cover-grid{display:flex;flex-direction:column;gap:30px;align-items:stretch;min-height:0}.cover-copy{padding-top:0}.cover-copy .kicker{font-size:9px;letter-spacing:.06em}.cover h1{font-size:clamp(42px,9.6vw,70px);margin:23px 0;line-height:1.35;letter-spacing:-.06em}.byline{font-size:14px}.begin{margin-top:30px;font-size:13px}.cover-art{width:62%;align-self:flex-end;margin-top:-35px;transform:rotate(2deg)}.cover-art .image-open img{max-height:35svh;width:auto}.cover-art figcaption{font-size:10px;line-height:1.6;margin-top:10px}.cover-bottom{font-size:9px;margin-top:30px}.chapter{padding-top:80px}.section-heading{gap:20px;margin-bottom:35px;padding-top:18px}.section-heading h2{font-size:40px;margin-top:6px}.section-heading .kicker{font-size:12px}.section-no{font-size:15px}.prose{font-size:calc(19px*var(--reading-scale));line-height:2;letter-spacing:.01em}.prose p{margin-bottom:1.5em}.quiet-reading{margin:40px auto}.accompanied{display:flex;flex-direction:column;gap:30px;margin:45px auto}.accompanied-art{position:static;width:100%;padding:0}.accompanied-copy{max-width:none}.accompanied .prose{font-size:calc(19px*var(--reading-scale))}.accompanied-art .image-open img{max-height:70svh}.accompanied-art:has(.artifact+.artifact){display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center}.accompanied-art .artifact+.artifact{margin-top:0}.accompanied-art .artifact:has(+.artifact) img{max-height:40svh}.accompanied-art .artifact figcaption{font-size:10px}.artifact figcaption{font-size:11px;line-height:1.7}.work-object{max-width:200px;margin:40px auto}.research-entry{margin:25px auto 40px}.research-entry button{font-size:12px}.emotional-return{padding-top:30px;padding-bottom:0}.cinema{display:flex;flex-direction:column;margin-block:40px}.cinema-stage{position:sticky;top:58px;height:44svh;min-height:280px;max-height:460px;width:100%;z-index:8}.cinema-opening .cinema-stage{height:49svh;min-height:350px}.cinema-reading{width:100%;padding:0 var(--gutter);z-index:6;pointer-events:auto;background:color-mix(in srgb,#f8f6f0,#f8f6f0 100%)}.cinema-passage{min-height:0;padding:45px 0 70px;display:block}.cinema-reading .prose{font-size:calc(19px*var(--reading-scale));line-height:2.05}.cinema-release{height:35svh}.cinema-shade{background:linear-gradient(0deg,#f8f6f0 0%,#f8f6f000 13%)}.cinema-credit{right:12px;bottom:8px;max-width:82%;font-size:8px;padding:3px 6px}.cinema-opening .apartment-master{transform-origin:76% 74%}.cine-plate .artifact img{object-position:70% center}.nanhu-today,.nanhu-childhood{background-size:200% 100%}.nanhu-family img{object-position:75% center!important}.cinema-compare{bottom:32px;right:12px;width:70%;max-width:290px;font-size:10px}.cinema-compare summary{padding:5px 9px;min-height:30px}.cinema-compare label{padding:8px 9px}.album-object{left:5%;top:5%;width:90%;height:61%;transform-origin:70% 65%}.album-board{padding:5px;border-width:1px;border-bottom-width:6px}.album-page-window{inset:6px}.album-film{inset:5px}.album-leaf-face{border-width:1px;border-bottom-width:6px}.album-leaf-face>.album-original{inset:6px}.album-cover{border-width:3px}.album-object .album-controls{left:0;top:calc(100% + 10px)}.album-thumbnails{gap:5px}.album-thumbnails button{width:42px;flex-basis:42px;min-height:30px;padding:2px}.album-thumbnails img{height:26px}.album-actions{gap:10px;margin-top:5px;padding:0 7px}.album-actions button{font-size:9px;min-height:28px}.album-object .album-controls>p{font-size:8px;margin-top:3px}.cinema-night .cinema-reading{background:color-mix(in srgb,#09131e,#f8f6f0 var(--paper-percent,0%))}.cinema-night .cinema-shade{background:linear-gradient(0deg,#09131e,transparent 16%)}.cinema-night .cinema-passage{padding:45px 0 85px}.cinema-night .cinema-release{height:40svh}.cinema-night .cinema-stage{height:43svh}.phone-memory{width:40%;right:4%;top:14%;padding:6px}.phone-memory p{font-size:8px;margin-top:5px}.cinema-phone .cinema-stage{min-height:280px}.phone-line{left:45%;width:11%}.story-sequence{display:flex;flex-direction:column;gap:0;margin:40px auto}.scene-stage{order:0;top:58px;z-index:4;width:calc(100% + 2*var(--gutter));margin-inline:calc(-1*var(--gutter));height:43svh;min-height:285px;max-height:420px;background:#f8f6f0;border-bottom:1px solid var(--rule)}.scene-reading{order:1}.scene-step{padding:30px 0 40px}.scene-step+.scene-step{padding-top:25px}.scene-reading .prose{font-size:calc(19px*var(--reading-scale))}.scene-layer{padding:10px var(--gutter) 12px}.map-plate{height:100%;display:flex;flex-direction:column;justify-content:center}.map-land{flex:1;width:100%;max-height:33svh;min-height:170px;aspect-ratio:auto}.map-marker span{font-size:10px}.map-marker small{font-size:8px}.map-marker[data-place=baiguo] span{top:16px}.map-marker[data-place=lantian] span{bottom:10px}.map-source{font-size:8px}.scene-credit{font-size:9px;margin-top:7px}.rice-details,.letter-revisit{grid-column:1/-1}.family-scenes{margin:30px auto 20px}.family-scenes .image-open img{max-height:55svh}.scene-tabs{gap:23px}.scene-tabs button{font-size:12px}.voice-moment{margin:25px auto 45px;padding:20px 0}.voice-moment .kicker{font-size:9px}.family-film{margin:35px calc(-1*var(--gutter)) 45px}.family-film figcaption{font-size:10px;padding-inline:var(--gutter)}.ending{margin-top:40px}.colophon{display:block;font-size:11px;padding-top:30px;padding-bottom:45px}.colophon details{margin:25px 0}.colophon>a{display:inline-block}.credits p+p{margin-top:15px}dialog{padding:28px 24px;width:calc(100% - 28px);max-height:88svh}dialog h2{font-size:32px}.dialog-close{right:12px;top:8px}#contents li a{font-size:16px;padding-block:10px;gap:18px}#contents .kicker{font-size:10px}.reading-options{gap:18px}#dossier{width:calc(100% - 18px);padding:0 20px 35px;max-height:92svh}.dossier-top{font-size:10px;padding:7px 0;margin-bottom:25px;gap:15px}.dossier-top button{font-size:11px;padding:0}.dossier-letter-grid{display:block}.transcription{font-size:16px;margin-top:40px}.dossier-gallery{grid-template-columns:1fr;gap:30px}.dossier-gallery .image-open img{max-height:65svh}.place-record{font-size:16px}.place-record h3{font-size:25px}.experience-image-viewer{width:calc(100% - 16px);padding:18px}.experience-image-viewer>button{padding:8px 11px;margin-right:10px}.experience-image-viewer h2{font-size:13px}.experience-image-viewer [data-image-content]>img{max-height:65svh}html[lang=en] .cover h1{font-size:clamp(48px,12vw,75px);line-height:1.06}html[lang=en] .cover-art{margin-top:0;width:65%}html[lang=en] .section-heading h2{font-size:32px}}
@media(max-width:360px){.issue-header nav{gap:11px}.issue-name{font-size:16px}.cover-meta{letter-spacing:.07em}.cover h1{font-size:9.5vw}.prose,.cinema-reading .prose,.scene-reading .prose,.accompanied .prose{font-size:calc(18px*var(--reading-scale))}.album-actions{gap:6px}.album-thumbnails button{width:30px}.scene-tabs{gap:18px}}
@media(prefers-reduced-motion:reduce){.scene-layer{transition:none!important}.album-turn-leaf{display:none!important}html{scroll-behavior:auto!important}}
html[data-reduced=true] .scene-layer{transition:none!important}html[data-reduced=true] .album-turn-leaf{display:none!important}
/* Chapter VII: source paper, remembered room and school occupy separate planes. */
.letter-cupboard{opacity:var(--cupboard,0);transform:scale(1.04)}
.letter-table{opacity:var(--table,0);transform:scale(1.04);transform-origin:75% 70%}
.letter-workspace{position:absolute;left:44%;right:0;top:45px;bottom:115px;z-index:7}
.letter-memory-window{position:absolute;left:33%;right:3%;top:8%;bottom:7%;overflow:hidden;opacity:var(--letter-side,0);box-shadow:0 10px 35px #201c1930;background:#a4947a}
.letter-writer{opacity:var(--writer,0);transform:scale(1.04)}
.letter-memory-window .cine-plate .artifact img{object-position:73% center}
.letter-history-portal{position:absolute;inset:0;z-index:2;opacity:var(--history,0);clip-path:inset(calc((1 - var(--portal,0))*15%) calc((1 - var(--portal,0))*14%) round 2px);will-change:clip-path}
.letter-classroom{transform:scale(var(--history-scale,1));transform-origin:77% 50%}
.letter-memory-caption{position:absolute;bottom:0;left:0;right:0;z-index:3;padding:10px 12px;background:#f8f6f0e8;font-size:11px;line-height:1.5;color:#545b4d}
.letter-object{position:absolute;z-index:8;left:calc(17% - var(--letter-side,0)*15%);top:calc(5% + var(--letter-side,0)*12%);width:calc(66% - var(--letter-side,0)*38%);height:calc(90% - var(--letter-side,0)*26%);perspective:1500px;opacity:var(--letter,0);filter:drop-shadow(3px 10px 15px #0003);transform:rotate(calc(-2deg + var(--letter-side,0)*2deg));transform-origin:center;will-change:transform}
.letter-object-front,.letter-object-back{position:absolute;inset:0;backface-visibility:hidden;transform-origin:center center}
.letter-object-front{transform:rotateY(calc(var(--letter-turn,0)*-180deg))}
.letter-object-back{transform:rotateY(calc(180deg - var(--letter-turn,0)*180deg))}
.letter-object .artifact,.letter-object .image-open{width:100%;height:100%;min-height:0}
.letter-object img{width:100%;height:100%;max-height:none;max-width:none;object-fit:contain}
.letter-time{position:absolute;top:17px;left:46%;right:4%;display:flex;gap:20px;justify-content:space-between;list-style:none;padding:0;font:14px/1.2 var(--roman);color:#4c5045;background:#f8f6f0f0;box-shadow:0 0 25px #f8f6f099}
.letter-time li{padding:7px 0;opacity:.5;flex:1;border-top:1px solid #8e8f7c}
.letter-time li[aria-current=step]{color:var(--red);opacity:1;border-top:2px solid var(--red)}
.letter-time span{display:block;font:11px/1.4 var(--body-font);margin-top:4px}
.letter-page-controls{position:absolute;bottom:69px;right:4%;display:flex;gap:2px;background:#f8f6f0ed;padding:3px;border:1px solid #c3bdad;opacity:var(--letter,0)}
.letter-page-controls button{padding:7px 13px;min-height:38px;font-size:12px}
.letter-page-controls button[aria-pressed=true]{background:#736c51;color:#fffdf4}
.letter-page-note{position:absolute;bottom:122px;left:46%;right:4%;text-align:center;font-size:11px;color:#686c5b;background:#f8f6f0ed;line-height:1.6;padding:5px 10px;opacity:var(--letter,0)}
.cinema-letter[data-letter-visible=false] .letter-page-controls{visibility:hidden}
.cinema-letter[data-letter-inspect]{--letter-side:0!important;--letter:1!important}
.cinema-letter[data-letter-inspect] .letter-workspace{background:#ded9c8f5}
.cinema-source{position:absolute;right:4%;bottom:26px;font-size:12px;min-height:36px;background:#f8f6f0ed;padding:6px 12px;z-index:15}
.cinema-letter .cinema-shade{background:linear-gradient(90deg,#f8f6f0fa 0%,#f8f6f0f0 min(30vw,464px),#f8f6f08a min(43vw,665px),transparent min(47vw,726px))}
.cinema-letter .cinema-credit{right:auto;left:var(--gutter);max-width:37%;bottom:16px}
.letter-crossing{pointer-events:auto;margin:0 0 100px;padding:24px 22px;background:#f2efe4f5;border-top:1px solid #bdb9a2;border-bottom:1px solid #bdb9a2;box-shadow:0 12px 45px #302c2420}
.letter-crossing>.kicker{font-size:10px;margin-bottom:22px;line-height:1.7}
.letter-crossing>div{display:grid;grid-template-columns:.72fr 1fr;gap:20px;align-items:center}
.letter-crossing .image-open img{max-height:300px;width:100%;object-fit:contain}
.letter-crossing figcaption{font-size:11px;line-height:1.65}
.letter-crossing>button{margin-top:22px;min-height:40px;font-size:12px;border-bottom:1px solid var(--rule)}
.vcr-originals{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:center;height:100%}
.vcr-originals .image-open img{max-height:66svh}
.vcr-sequence .scene-layer[data-layer=works]{display:flex;align-items:center}
.vcr-sequence .scene-layer[data-layer=works] img{width:100%;max-height:70svh;object-fit:contain}

/* Chapter VI: unfold the witness account at its reading position. */
.rice-details{pointer-events:auto;position:relative;z-index:20;margin:0 0 100px;font-size:14px;line-height:1.8;color:var(--ink);max-width:none;background:var(--paper);border-top:1px solid #a9ad91;border-bottom:1px solid #a9ad91}
.rice-details>summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:21px 0;min-height:60px;cursor:pointer;font:21px/1.5 var(--display-font)}
.rice-details>summary small{font:11px/1.5 var(--body-font);color:#767d60;flex:none;white-space:nowrap}
.rice-details[open]{width:calc(100vw - 2*var(--gutter));box-shadow:0 0 0 24px var(--paper),0 20px 70px #393b2922}
.rice-details[open]>summary{border-bottom:1px solid var(--rule)}
.rice-details[open]>summary small{font-size:0}
.rice-details[open]>summary small:after{content:'−';font-size:20px}
.rice-foldout-body{padding:30px 0 24px}
.rice-foldout-head{max-width:1900px;margin-inline:auto}
.rice-foldout-head .kicker{font-size:10px;color:#747d5c}
.rice-foldout-head h3{font:36px/1.4 var(--display-font);margin:10px 0}
.rice-foldout-head>p:last-child{font-size:14px;color:#747b62}
.rice-study{display:grid;grid-template-columns:1.05fr 1fr;gap:6%;margin:28px auto 0;max-width:1900px;align-items:start}
.rice-mechanics{min-width:0}
.rice-field{display:block;width:100%;height:auto;background:#f0f0e2;border:1px solid #d4d8c1}
.rice-field text{font:14px var(--body-font);fill:#60694f}
.rice-field .rice-view-label{font:10px var(--body-font);letter-spacing:.1em}
.rice-grooves{stroke:#9b8b62;stroke-width:2.3;fill:none;stroke-dasharray:3 4}
.rice-seedlings{fill:none;stroke:#4f7348;stroke-width:2;stroke-linecap:round}
.rice-pull-line{stroke:#8e8060;fill:none;stroke-width:2;stroke-dasharray:3 3}
.rice-puller{fill:#76563b;stroke:#76563b;stroke-width:4;stroke-linecap:round}
.rice-wood{fill:#b0976c;stroke:#806642;stroke-width:2}
.rice-bundles{fill:none;stroke:#52753e;stroke-width:2.5;stroke-linecap:round}
.rice-planters{fill:#707966;stroke:#4d5d49;stroke-width:3.5;stroke-linecap:round}
.rice-direction{stroke:#7a6748;stroke-width:2;fill:none}
.rice-stages{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin:18px 0}
.rice-stages button{text-align:left;font:12px/1.7 var(--body-font);min-height:65px;padding:8px 9px;background:#edeedf;border-top:2px solid transparent;color:#5d674c}
.rice-stages button>span{display:block;font:11px var(--roman);margin-bottom:6px;color:#848b71}
.rice-stages button[aria-pressed=true]{border-color:#7b6948;background:#e5e5cf;color:#544b38}
.rice-scrub{display:block;font-size:12px;color:#737a60}
.rice-scrub input{display:block;width:100%;height:38px;accent-color:#7b6948;margin:0}
.rice-play-row{display:flex;align-items:center;gap:18px;margin:7px 0 18px}
.rice-play-row button{min-height:44px;padding:7px 12px;border:1px solid #a6aa8d;font-size:13px;flex:none}
.rice-play-row output{font-size:11px;line-height:1.6;color:#747c61}
.rice-limits{font:11px/1.8 var(--body-font);color:#83896f}
.rice-lived-scene .image-open img{width:100%;max-height:70svh}
.rice-lived-scene figcaption{font-size:10px}
.rice-lived-scene blockquote,.rice-translation{font:18px/2 var(--body-font);margin:28px 0 12px;padding-left:20px;border-left:2px solid #adb190;color:#5c654b}
.rice-witness-credit{font-size:11px;color:#82896f;line-height:1.7;margin:12px 0}
.rice-witness-original{font-size:12px;color:#727b60;margin:20px 0}
.rice-witness-original summary{cursor:pointer;padding:10px 0}
.rice-refold{min-height:44px;padding:10px 0;margin-top:22px;border-bottom:1px solid #a9ad91;font-size:12px;color:#697253}

@media(max-width:1050px) and (min-width:761px){
 .letter-workspace{left:49%;bottom:150px}.letter-time{left:50%;right:3%;gap:10px}.letter-time span{font-size:10px}.letter-page-note{left:50%;right:3%;bottom:115px;font-size:10px}
 .letter-page-controls{right:3%;bottom:68px}.letter-page-controls button{font-size:11px;padding:6px 10px}.letter-memory-caption{font-size:9px}
 .letter-crossing{padding:20px 15px}.letter-crossing>div{gap:12px}.letter-crossing figcaption{font-size:10px}
}
@media(max-width:760px){
 .cinema-stage,.scene-stage{top:calc(48px + env(safe-area-inset-top,0px))}
 body.reading-focus .cinema-stage,body.reading-focus .scene-stage{top:0}
 .cinema-letter .cinema-stage{height:51svh;min-height:355px;max-height:460px}
 .letter-workspace{left:0;right:0;top:59px;bottom:105px}
 .letter-object{left:calc(27% - var(--letter-side,0)*25%);top:calc(0% + var(--letter-side,0)*10%);width:calc(46% - var(--letter-side,0)*18%);height:calc(100% - var(--letter-side,0)*16%);transform:rotate(calc(-2deg + var(--letter-side,0)*2deg))}
 .letter-memory-window{left:33%;right:3%;top:0;bottom:0}
 .letter-memory-caption{font-size:8px;padding:6px 8px;line-height:1.5}
 .letter-time{left:13px;right:13px;top:8px;gap:12px;font-size:13px;box-shadow:none}
 body.reading-focus .cinema-letter .letter-time{right:120px;gap:8px}
 .letter-time li{padding:4px 0}.letter-time span{font-size:8px;margin-top:3px}
 .letter-page-controls{left:auto;right:12px;bottom:35px;gap:0;padding:2px}
 .letter-page-controls button{font-size:10px;min-height:36px;padding:5px 11px}
 .letter-page-note{left:12px;right:12px;bottom:78px;font-size:9px;line-height:1.5;padding:4px 7px}
 .cinema-letter .cinema-shade{background:linear-gradient(0deg,#f8f6f0,transparent 20%)}
 .cinema-source{right:12px;bottom:2px;min-height:29px;font-size:9px;padding:3px 7px;max-width:52%}
 .cinema-letter .cinema-credit{left:10px;bottom:3px;max-width:39%;font-size:6px;padding:2px 0;background:transparent}
 .letter-crossing{margin:0 0 35px;padding:20px 14px;box-shadow:none}
 .letter-crossing>.kicker{font-size:8px;margin-bottom:18px}.letter-crossing>div{gap:12px}.letter-crossing .image-open img{max-height:230px}.letter-crossing figcaption{font-size:9px}.letter-crossing>button{font-size:11px;margin-top:12px}
 .vcr-sequence .scene-stage{height:40svh;min-height:260px;max-height:360px}.vcr-sequence .scene-layer{padding:10px var(--gutter)}
 .vcr-originals{gap:14px}.vcr-originals .image-open img{max-height:29svh}.vcr-originals figcaption{font-size:8px}.vcr-sequence .scene-layer[data-layer=works] img{max-height:29svh}.vcr-sequence .scene-layer[data-layer=works] figcaption{font-size:9px}
 .rice-details{margin-bottom:50px}.rice-details>summary{font-size:17px;gap:14px;padding:17px 0}.rice-details>summary small{font-size:8px;max-width:65px;white-space:normal}
 .rice-details[open]{width:100%;box-shadow:0 0 0 12px var(--paper)}
 .cinema-atlas .cinema-reading:has(.rice-details[open]){z-index:20}
 .rice-foldout-body{padding-top:22px}.rice-foldout-head h3{font-size:29px}.rice-foldout-head .kicker{font-size:8px}.rice-foldout-head>p:last-child{font-size:12px}
 .rice-study{grid-template-columns:1fr;gap:25px;margin-top:20px}
 .rice-stages{gap:6px;margin:13px 0}.rice-stages button{font-size:11px;padding:7px 6px;min-height:75px}.rice-stages button>span{font-size:10px}
 .rice-play-row{gap:12px}.rice-play-row output{font-size:10px}.rice-play-row button{font-size:12px}.rice-limits{font-size:10px}
 .rice-lived-scene blockquote,.rice-translation{font-size:17px;line-height:1.95;margin-top:20px;padding-left:15px}
}

/* Chapter VIII: hearing the work, receiving it, and adding to a remembered room. */
.family-media{max-width:1250px;margin:55px auto 80px;padding-top:22px;border-top:1px solid var(--rule)}
.family-media-head{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:22px}
.family-media-modes{display:flex;gap:6px;flex:none}
.family-media-modes button{font-size:12px;min-height:42px;padding:8px 14px;border:1px solid #b7baa6}
.family-media-modes button[aria-pressed=true]{background:#747961;color:#fffdf4;border-color:#747961}
.family-media .family-film{margin:0}.family-media .family-film video{width:100%;max-height:74svh;background:#141a15}
.family-song{background:#eeeee2;padding:35px 45px;color:#525d48}
.family-song>p:first-child{font:23px/1.8 var(--display-font);max-width:700px;margin-bottom:20px}
.family-song audio{width:100%;margin:10px 0 16px}
.family-song [data-show-song-words]{min-height:44px;font-size:13px;border-bottom:1px solid #a8b092;padding:8px 0}
.family-song-words{margin:26px 0 15px;display:grid;gap:20px}
.family-song-words p{border-left:2px solid #d2d6c1;padding:8px 20px;color:#7c846c}
.family-song-words p.is-current{color:#434f35;border-color:#7e7251;background:#e6e8d3}
.family-song-words span{display:block;font-size:22px;line-height:1.8}
.family-song-words span[lang=en]{font:17px/1.7 var(--roman)}
.family-song-source{font:11px/1.8 var(--body-font);color:#838a75;margin-top:24px}
.film-return{margin-top:20px;font-size:12px;min-height:44px;border-bottom:1px solid var(--rule)}
.family-reception-spread{display:grid;grid-template-columns:1fr 1.2fr;gap:7%;max-width:1500px;margin:75px auto;align-items:center}
.reception-picture{position:relative;aspect-ratio:1672/941}
.reception-art,.reception-screen{position:absolute;inset:0;width:100%;height:100%}
.reception-art .artifact,.reception-art .image-open{width:100%;height:100%}
.reception-art img{width:100%;height:100%;max-height:none;object-fit:contain}
.reception-screen{pointer-events:none}
.family-reception>p{font:10px/1.8 var(--body-font);color:#8a8f7c;margin-top:10px}
.family-reception>button{font-size:13px;min-height:44px;margin-top:13px;border-bottom:1px solid var(--rule)}
.family-making{max-width:1900px;margin:65px auto 85px;padding:30px 0;border-top:1px solid #aab399;border-bottom:1px solid #aab399}
.family-making>header .kicker{font-size:10px;color:#7e886c}
.family-making h3{font:38px/1.4 var(--display-font);margin:12px 0}
.family-making>header>p:last-child{font-size:15px;line-height:1.8;color:#7a856b}
.drawing-study{display:grid;grid-template-columns:1.55fr 1fr;gap:6%;margin-top:30px;align-items:center}
.drawing-plane{height:550px;display:flex;flex-direction:column;justify-content:center}
.drawing-surface{position:relative;width:min(100%,calc(500px * 2392 / 1279));aspect-ratio:2392/1279;margin:auto}
.drawing-plane[data-making-plane=plan] .drawing-surface{width:min(100%,calc(500px * 1279 / 1706));aspect-ratio:1279/1706}
.drawing-surface .artifact,.drawing-surface .image-open{width:100%;height:100%}
.drawing-surface img{width:100%;height:100%;max-height:none;object-fit:contain}
.drawing-caption{font:11px/1.8 var(--body-font);color:#818a70;text-align:center;margin-top:15px}
.drawing-point{position:absolute;left:var(--point-x);top:var(--point-y);transform:translate(-50%,-50%);border-radius:50%;background:#f8f4e2ed;border:1px solid #805c3b;color:#805c3b;width:32px;min-height:32px;padding:0;font:15px var(--roman);box-shadow:0 0 0 6px #f8f4e246}
.drawing-point[aria-pressed=true]{background:#855f3e;color:#fffced}
.drawing-topics{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.drawing-topics button{min-height:48px;text-align:left;padding:9px 10px;border-bottom:1px solid #ccd2ba;font-size:13px;line-height:1.5;color:#5a674a}
.drawing-topics button>span{font:10px var(--roman);color:#8b947a;margin-right:10px}
.drawing-topics button[aria-pressed=true]{background:#e8ead9;border-color:#7e8a66}
.drawing-voices{display:grid;min-height:260px;margin-top:28px;padding:22px;background:#f0f0e4;color:#566347}
.drawing-voices>[data-making-voice]{grid-area:1/1;align-self:start}
.drawing-voices>[aria-hidden=true]{visibility:hidden;pointer-events:none}
.drawing-voices .kicker{font-size:10px}
.drawing-voices blockquote{font:21px/1.9 var(--body-font);margin:15px 0 0}
.drawing-voices .drawing-original{font:12px/1.85 var(--body-font);color:#8a927b;margin-top:18px}
.drawing-source{min-height:44px;font-size:12px;border-bottom:1px solid #b1baa0;margin-top:17px}

/* Chapter IX: a few words from the letter return over another desk. */
.cinema-learning .cinema-stage{min-height:0}
.cinema-learning .cinema-shade{background:linear-gradient(90deg,var(--paper) 40%,transparent 47%)}
.learning-hands{left:43%;right:3%;top:calc((100% - min(30.375vw,66svh))/2);bottom:auto;height:min(30.375vw,66svh)}
.learning-family{opacity:var(--learning-family,1);transform:scale(var(--learning-near,1));transform-origin:73% 60%}
.learning-family .artifact img{object-position:67% center}
.learning-hands::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 45%,#f8f6f070);opacity:var(--learning-quote,0)}
.learning-desk{opacity:var(--learning-desk,0);transform:scale(var(--learning-near,1));transform-origin:78% 72%}
.learning-desk:after{content:'';position:absolute;inset:0;background:#f8f3e8;opacity:calc(var(--learning-quote,0)*.78)}
.learning-quote{position:absolute;z-index:8;left:53%;right:7%;top:48%;margin:0;transform:translateY(-50%);opacity:var(--learning-quote,0);color:#43503b}
.learning-quote blockquote{margin:0;font:clamp(26px,2.25vw,52px)/1.8 var(--body-font);text-shadow:0 1px 12px #fffaf0a0}
.learning-quote blockquote span{display:block}
.learning-quote figcaption{margin-top:24px}
.learning-quote button{font:12px/1.6 var(--body-font);min-height:44px;text-align:left;color:#657057;border-bottom:1px solid #a6ad92}
.cinema-learning .cinema-credit{left:var(--gutter);right:auto;max-width:37%}
@media(max-width:1050px) and (min-width:761px){
 .learning-quote{left:54%;right:4%}.learning-quote blockquote{font-size:24px}.learning-quote button{font-size:11px}
 .drawing-study{grid-template-columns:1.15fr 1fr;gap:4%}.drawing-voices blockquote{font-size:19px}
}
@media(max-width:760px){
 .family-media{margin:35px auto 50px;padding-top:18px}.family-media-head{display:block;margin-bottom:20px}.family-media-head .kicker{font-size:9px;margin-bottom:14px}.family-media-modes{gap:5px}.family-media-modes button{font-size:11px;min-height:44px;padding:8px 12px;flex:1}
 .family-song{padding:22px 17px}.family-song>p:first-child{font-size:19px}.family-song-words span{font-size:20px}.family-song-words span[lang=en]{font-size:15px}.family-song-words p{padding:6px 13px}.family-song-source{font-size:10px}
 .family-reception-spread{display:block;margin:45px auto}.family-reception{margin-top:28px}.family-reception>p{font-size:9px}.family-reception>button{font-size:12px}
 .family-making{margin:45px auto;padding:24px 0}.family-making>header .kicker{font-size:8px}.family-making h3{font-size:30px}.family-making>header>p:last-child{font-size:13px}
 .drawing-study{grid-template-columns:1fr;gap:20px;margin-top:22px}.drawing-plane{height:340px}.drawing-surface{width:100%}.drawing-plane[data-making-plane=plan] .drawing-surface{width:calc(300px * 1279 / 1706)}
 .drawing-point{width:28px;min-height:28px;font-size:12px;box-shadow:0 0 0 4px #f8f4e246}.drawing-caption{font-size:9px;margin-top:10px}
 .drawing-topics{gap:5px}.drawing-topics button{font-size:11px;min-height:44px;padding:7px}.drawing-topics button>span{margin-right:5px;font-size:9px}.drawing-voices{min-height:230px;margin-top:18px;padding:18px}.drawing-voices blockquote{font-size:18px;line-height:1.9}.drawing-voices .drawing-original{font-size:11px}.drawing-source{font-size:11px}
 .cinema-learning .cinema-stage{height:56.25vw;min-height:0;max-height:none;background:var(--paper)}
 .cinema-learning .cinema-shade{background:linear-gradient(0deg,var(--paper),transparent 12%)}
 .learning-hands{inset:0;height:100%}
 .learning-quote{left:9%;right:9%;top:51%}.learning-quote blockquote{font-size:clamp(20px,5.5vw,25px);line-height:1.75}.learning-quote figcaption{margin-top:18px}.learning-quote button{font-size:10px}
 .cinema-learning .cinema-credit{left:10px;max-width:90%;font-size:7px;bottom:3px;padding:0}
}

@media print{.issue-header,.cinema-stage,.scene-stage,.research-entry,dialog,.begin,.reading-options{display:none!important}.cinema,.story-sequence,.accompanied{display:block;margin:0}.cinema-reading,.scene-reading,.accompanied-copy,.quiet-reading{max-width:none;width:100%;padding:0;background:white!important;color:black!important}.cinema-passage,.scene-step{min-height:0;padding:0 0 20px}.cinema-release{display:none}.chapter{break-before:page}.cover{min-height:0}.family-film video{max-height:500px}}

/* Shared focus reading: retain the full desktop masthead. */
@media(max-width:760px), (max-width:1100px) and (max-height:500px) and (orientation:landscape){
 .issue-header{height:calc(48px + env(safe-area-inset-top,0px));min-height:48px;padding-top:env(safe-area-inset-top,0px);padding-inline:max(16px,env(safe-area-inset-left,0px));position:relative}
 .issue-header nav{gap:18px}.issue-header #current-section,.issue-name span{display:none}
 .issue-header button,.issue-header a{min-height:44px;display:inline-flex;align-items:center}
 .issue-header nav{font-size:13px}.issue-name{font-size:18px}
}

/* Chapter III: the two teachers, a working text, and the later return to it. */
.scholarship-teachers{align-items:start;margin-block:100px 55px}.teacher-portraits{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-self:start;position:sticky;top:120px;padding-top:5px}.teacher-portrait{margin:0;min-width:0}.teacher-portrait .image-open{width:100%}.teacher-portrait img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;filter:saturate(.6)}.teacher-portrait>figcaption{font-size:16px;line-height:1.6;margin-top:15px}.teacher-portrait>figcaption a{display:block;font-size:10px;margin-top:5px;color:var(--ink-pale);text-underline-offset:4px}.scholarship-continuation{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);justify-content:space-between;gap:8%;max-width:1200px;margin:45px auto 100px;align-items:start}.scholarship-artifacts{position:sticky;top:110px;border-top:1px solid var(--rule);padding-top:30px}.scholarship-book{display:grid;grid-template-columns:125px 1fr;gap:25px;align-items:center}.scholarship-book .image-open img{max-height:210px;width:100%;object-fit:contain}.scholarship-book p{font-size:22px;line-height:1.55}.scholarship-book .kicker{font-size:10px}.scholarship-book small{display:block;font-size:14px;margin-top:8px}.scholarship-book a{font-size:11px}.spence-address{margin:35px 0 0;padding:28px 0 0;border-top:1px solid var(--rule)}.spence-address figcaption>a{display:block;font-size:22px;margin-top:13px;line-height:1.4;text-decoration:none}.spence-address small{display:block;font-size:14px;margin-block:6px 20px}.spence-address blockquote{margin:0;font-size:17px;line-height:1.9;color:#555d50}.spence-address mark{color:var(--ink);background:#dcd7b980;box-shadow:0 1px 0 #887d49}.spence-address>p{font-size:10px;margin-top:13px;color:var(--ink-pale)}
@media(min-width:1900px){.scholarship-continuation{grid-template-columns:minmax(0,730px) minmax(0,680px);gap:12%;max-width:1800px;margin-inline:auto}.scholarship-book{grid-template-columns:150px 1fr}.spence-address blockquote{font-size:19px}}
@media(max-width:1050px){.teacher-portraits{gap:15px}.teacher-portrait>figcaption{font-size:13px}.scholarship-continuation{gap:6%;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.scholarship-book{grid-template-columns:90px 1fr;gap:17px}.scholarship-book p,.spence-address figcaption>a{font-size:19px}.spence-address blockquote{font-size:15px}}
@media(max-width:760px){.scholarship-teachers{margin-block:50px 35px}.teacher-portraits{position:static;gap:20px;width:100%;max-width:430px;margin:auto}.teacher-portrait img{max-height:none}.teacher-portrait>figcaption{font-size:14px}.teacher-portrait>figcaption a{font-size:9px}.scholarship-continuation{display:flex;flex-direction:column;gap:32px;margin-block:35px 65px}.scholarship-artifacts{position:static;width:100%;padding-top:26px}.scholarship-book{grid-template-columns:105px 1fr;gap:22px}.scholarship-book p{font-size:21px}.scholarship-book small{font-size:13px}.spence-address{margin-top:26px;padding-top:24px}.spence-address blockquote{font-size:16px;line-height:1.9}.album-object .album-controls>p[data-book-label]{font-size:9px;margin-top:4px}.album-object .album-controls>p{line-height:1.4}.album-object .album-controls{top:calc(100% + 8px)}}

@media(max-width:760px){.cinema-opening[data-book-visible=true] .cinema-credit{top:0;bottom:auto;left:12px;right:auto;max-width:85%;padding:2px 4px;font-size:7px;line-height:1.4}}

/* Objects are marginal drawings, with their own scale rather than image-card chrome. */
.heading-drawing{display:block;flex:0 0 132px;align-self:center;margin:-10px 0 -5px 12px;pointer-events:none}.heading-drawing>img{width:100%;max-height:115px;object-fit:contain}.ink-reprise{max-width:730px;margin:32px auto 65px;pointer-events:none;display:flex;justify-content:flex-end}.ink-reprise>img{width:190px;height:150px;object-fit:contain}.issue-name{color:var(--pen-blue);font-size:24px;letter-spacing:.02em}.issue-name span{font-family:var(--note-font);color:var(--letter-red);letter-spacing:.07em}.cover-copy>.kicker{font-family:var(--note-font);letter-spacing:.035em;font-size:12px}.byline{font-family:var(--display-font);font-size:24px;color:var(--pen-blue)}html[lang=en] .section-heading h2{font-size:40px;line-height:1.45;letter-spacing:0}html[lang=en] .section-heading .kicker{font-size:13px}.cover h1 em{font-family:inherit;font-style:normal}.section-heading:has(.heading-drawing) .heading-copy{max-width:calc(100% - 170px)}
@media(max-width:760px){.section-heading{gap:15px;padding-top:0;padding-bottom:18px;margin-bottom:35px}.section-no{font-size:11px}.heading-drawing{flex-basis:82px;margin:0 -2px 0 0}.heading-drawing>img{max-height:80px}.section-heading:has(.heading-drawing) .heading-copy{max-width:calc(100% - 113px)}html[lang=en] .section-heading h2{font-size:31px;line-height:1.5}html[lang=en] .section-heading .kicker{font-size:11px}.issue-name{font-size:23px}.cover h1{font-size:clamp(48px,10vw,64px);letter-spacing:0;line-height:1.45}.byline{font-size:22px}.ink-reprise{margin:25px auto 45px}.ink-reprise>img{width:145px;height:115px}}
@media(max-width:360px){.section-heading h2{font-size:36px}html[lang=en] .section-heading h2{font-size:28px}.heading-drawing{flex-basis:65px}.section-heading:has(.heading-drawing) .heading-copy{max-width:calc(100% - 95px)}}

/* A notebook and pen carry the learning passage without illustrating another posed room. */
.cinema-learning .cinema-stage{background:var(--paper);height:68svh;min-height:520px;max-height:720px}.ink-study{inset:auto;left:57%;top:50%;width:min(29vw,360px);height:min(29vw,360px);transform:translateY(-50%)}.ink-study.learning-desk{inset:auto;left:62%;top:50%;width:min(21vw,270px);height:min(21vw,270px);transform:translateY(-50%) scale(var(--learning-near,1))}.ink-study .artifact img{object-fit:contain;object-position:center}.work-years-print .work-years-images .image-open img{max-height:67svh;object-fit:contain}.work-years-print .work-years-images .artifact{margin:0}.voices-return>img{width:135px;height:185px}.leave-a-page{margin-top:60px;margin-bottom:45px}.leave-a-page>img{width:220px;height:170px}
@media(max-width:760px){.cinema-learning .cinema-stage{height:56.25vw;min-height:0;max-height:none;background:var(--paper)}
 .cinema-learning .cinema-shade{background:linear-gradient(0deg,var(--paper),transparent 12%)}
 .learning-hands{inset:0;height:100%}.ink-study{inset:auto;left:50%;top:50%;width:215px;height:215px;transform:translate(-50%,-50%)}.ink-study.learning-desk{inset:auto;left:50%;top:50%;width:170px;height:170px;transform:translate(-50%,-50%) scale(var(--learning-near,1))}.work-years-print .work-years-images{display:block}.work-years-print .work-years-images .image-open img{max-height:58svh}.voices-return>img{width:110px;height:140px}.leave-a-page{margin-top:35px}.leave-a-page>img{width:170px;height:135px}}
@media(max-width:360px){.section-heading{gap:10px}.heading-drawing{flex-basis:55px}.section-heading:has(.heading-drawing) .heading-copy{max-width:calc(100% - 85px)}}

.vcr-sequence [data-layer=works]{background:var(--paper)}.vcr-ink-object{height:100%;display:flex;align-items:center;justify-content:center;padding:5% 8%}.vcr-ink-object .artifact{width:100%}.vcr-ink-object .image-open img{width:85%;max-height:50svh;object-fit:contain}.vcr-ink-object figcaption{font-size:10px;text-align:center}
@media(max-width:760px){.vcr-ink-object{padding:10px 12%}.vcr-ink-object .image-open img{max-height:32svh;width:100%}.vcr-ink-object figcaption{font-size:8px;line-height:1.4}}

/* X: the horizon opens, then gathers into a journal. */
.chapter-10 .cinema-night{margin-bottom:0}
.chapter-10 .cinema-night .cinema-release{height:24svh}
.cinema-finale{margin-top:0;margin-bottom:0;--active-ink:#183f60;--bind-width:min(1100px,78vw);--bind-height:min(680px,72svh);--window-height:min(30.375vw,66svh)}
.cinema-finale .cinema-stage{pointer-events:none;background:var(--paper);min-height:0;height:calc(100svh - 65px);overflow:clip}
.cinema-finale .cinema-world{position:absolute;inset:0;pointer-events:none}
.cinema-finale .cinema-shade{background:none;opacity:calc((1 - var(--fold,0))*(1 - var(--clear,0)));pointer-events:none}
.cinema-finale .cinema-shade::before,.cinema-finale .cinema-shade::after{content:'';position:absolute;inset:0}
.cinema-finale .cinema-shade::before{background:linear-gradient(90deg,#f8f6f0 0%,#f8f6f0f5 30%,#f8f6f0a0 43%,transparent 65%);opacity:calc(1 - var(--dark,0))}
.cinema-finale .cinema-shade::after{background:linear-gradient(90deg,#08131ef2,#08131eb0 32%,#08131e20 67%,#08131e08);opacity:var(--dark,0)}
.cinema-finale .cinema-reading{padding-top:55svh;pointer-events:none;width:min(44%,760px);background:none}
.finale-passage{padding:30px 0 105px}
.finale-passage:nth-child(3){padding-bottom:150px}
.finale-passage:nth-child(5){padding-top:70px;padding-bottom:120px}
.cinema-finale .prose{color:#60665f}
[data-reading-phrase]{display:block;margin-bottom:.65em;transition:color 260ms ease;color:#60665f}
[data-reading-phrase].is-reading{color:var(--active-ink);text-shadow:0 .15px currentColor}
[data-reading-phrase=school],[data-reading-phrase=venture],[data-reading-phrase=consequences],[data-reading-phrase=unreliable],[data-reading-phrase=sisyphus]{--active-ink:#94432e}
[data-reading-phrase=century],[data-reading-phrase=human-record],[data-reading-phrase=constants],[data-reading-phrase=try],[data-reading-phrase=sow],[data-reading-phrase=accumulate],[data-reading-phrase=inherit]{--active-ink:#28564c}
.cinema-finale[data-finale-dark=true] [data-reading-phrase]{color:#e1e6e3;text-shadow:0 1px 8px #0008}
.cinema-finale[data-finale-dark=true] [data-reading-phrase].is-reading{color:#fff1c6}
[data-reading-phrase=think-together]{font-size:1.32em;line-height:1.85;margin-top:1.4em}
.finale-folding-world{position:absolute;left:calc((100% - var(--bind-width))*var(--fold,0)/2);top:calc((100% - var(--bind-height))*var(--fold,0)/2);width:calc(100% - (100% - var(--bind-width))*var(--fold,0));height:calc(100% - (100% - var(--bind-height))*var(--fold,0));transform:translateX(calc(-25%*var(--close,0))) rotateZ(calc(-3deg*var(--fold,0)));transform-style:preserve-3d;perspective:1800px;filter:drop-shadow(0 calc(18px*var(--fold,0)) calc(22px*var(--fold,0)) #12283c40)}
.finale-screen{opacity:clamp(0,calc(var(--wheat,0) + var(--mist,0) + var(--ink,0) + var(--landscape,0) + var(--stars,0) + var(--rays,0) + var(--hike,0) + var(--ridge,0) + var(--ocean,0) + var(--fold,0)),1);position:absolute;left:calc(var(--fold,0)*50% + (1 - var(--fold,0))*(1 - var(--full,0))*43%);right:calc((1 - var(--fold,0))*(1 - var(--full,0))*3%);top:calc((1 - var(--fold,0))*(1 - var(--full,0))*(100% - var(--window-height))/2);height:calc((1 - var(--fold,0))*(1 - var(--full,0))*var(--window-height) + (var(--full,0)*(1 - var(--fold,0)) + var(--fold,0))*100%);overflow:hidden;background:transparent;transform:translateZ(1px)}
.finale-film{background-image:var(--poster-image);position:absolute;inset:0;opacity:var(--appear,0);background-size:cover;background-position:center;pointer-events:none}
.finale-film video{width:100%;height:100%;object-fit:cover;display:block}
.finale-still{position:absolute;inset:0;opacity:var(--appear,0);pointer-events:none;overflow:hidden}
.finale-still img{width:100%;height:100%;object-fit:cover;display:block}
.finale-still[data-finale-still=ridge] img{transform:scale(var(--ridge-scale,1));transform-origin:20% 80%}
.cinema-finale .cinema-foreground{z-index:7;pointer-events:none}
.finale-original{position:absolute;opacity:var(--appear,0);pointer-events:auto;width:28%;right:12%;top:11%;padding:0;background:none;border:0;box-shadow:none;transform:translateY(calc((1 - var(--appear,0))*15px));filter:drop-shadow(0 7px 9px #18283314)}
.finale-original .artifact,.finale-original .image-open{width:100%;height:auto;min-height:0;margin:0;padding:0;background:none;border:0}
.finale-original .image-open img{width:100%;height:auto;max-height:72svh;object-fit:contain}
.finale-original[data-finale-original=school]{right:3%;top:22%;width:50%;transform:rotate(1deg)}
.finale-original[data-finale-original=movement]{right:4%;top:7%;width:45%;transform:rotate(-1deg)}
.finale-original[data-finale-original=family]{right:2%;top:35%;width:43%;transform:rotate(2deg)}
.finale-original[data-finale-original=letter]{right:12%;top:5%;width:34%;transform:rotate(-3deg)}
.finale-original[data-finale-original=diary]{right:2%;top:25%;width:51%;transform:rotate(3deg)}
.paper-object-svg{display:block;width:100%;height:auto;overflow:visible}
.finale-original[inert]{pointer-events:none}
.finale-coda{pointer-events:none}
.finale-coda-horizon{height:70svh}.finale-coda-daybreak{height:65svh}.finale-coda-gather{height:95svh}.finale-coda-bind{height:95svh}.finale-rest{height:75svh}
.finale-accessible-title{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.journal-page-bed{clip-path:inset(0 0 0 calc(var(--close,0)*50%));position:absolute;inset:0;opacity:var(--fold,0);background:linear-gradient(90deg,#e8ddc4,#faf4e6 48%,#aa9d84 50%,#f7f0dd 53%,#e5d8be);border-radius:3px;box-shadow:0 3px 0 #9f9686,0 6px 0 #e8dfcd,0 9px 0 #263d50}
.finale-journal-leaf{position:absolute;inset:0 50% 0 0;opacity:var(--fold,0);transform-origin:right center;transform:rotateY(calc(var(--close,0)*180deg));transform-style:preserve-3d;z-index:6;pointer-events:none}
.journal-inside,.journal-cover{position:absolute;inset:0;backface-visibility:hidden;overflow:hidden}
.journal-inside{background:linear-gradient(90deg,#eee4ce,#faf6e9 75%,#d1c2a6);box-shadow:inset -6px 0 12px #7a694534}
.journal-page-writing{position:absolute;left:4%;top:5%;width:91%;transform:rotate(-2deg);opacity:.72}
.journal-scrap{position:absolute;width:48%;background:var(--paper);padding:3px;box-shadow:0 3px 7px #28303935}
.journal-scrap img{width:100%;height:auto}
.journal-scrap-0{left:8%;top:12%;width:80%;transform:rotate(-5deg)}
.journal-scrap-1{left:9%;bottom:11%;width:36%;transform:rotate(4deg)}
.journal-scrap-2{right:5%;bottom:10%;width:52%;transform:rotate(-3deg)}
.journal-page-date{position:absolute;bottom:4%;left:8%;font:13px var(--roman);color:#64716d}
.journal-cover{transform:rotateY(180deg);display:flex;flex-direction:column;justify-content:center;align-items:center;color:#ead8aa;padding:8%;background:repeating-linear-gradient(92deg,#ffffff03 0 1px,transparent 1px 4px),linear-gradient(110deg,#102d40,#25495f 48%,#17364c);border:1px solid #e4d4aa60;border-left:8px solid #102a3d;border-radius:3px 7px 7px 3px;box-shadow:inset 0 0 0 9px #264c6066,inset 0 0 0 10px #d4bd8230}
.journal-mark{width:53%;height:auto;stroke:#cfb980;fill:#e5c582;stroke-width:1;margin-bottom:18%}
.journal-title-zh{font:clamp(40px,4vw,64px)/1.4 "Zhi Mang Issue","Zhuque Issue",serif;white-space:nowrap;letter-spacing:.09em;text-shadow:0 1px 0 #0009}
.journal-title-en{font:clamp(19px,2vw,30px)/1.6 "Pen English Issue",serif;margin-top:12px;text-align:center}
.journal-byline{position:absolute;bottom:12%;font:clamp(15px,1.7vw,22px) "Pen English Issue",serif;color:#b8c3be}
.journal-spine{position:absolute;left:calc(50% - 4px);top:0;bottom:0;width:8px;opacity:var(--fold,0);background:linear-gradient(90deg,#968d7745,#fff5,#766c5d55)}
.finale-source-film{margin:35px 0 55px}.finale-source-film video{width:100%;max-height:60svh;background:#08131e}.finale-source-film figcaption{font:13px/1.8 var(--roman),var(--body-font);margin-top:12px}
.finale-research-links{margin:45px 0;font-size:15px;line-height:1.8}
.chapter-10 .leave-a-page{margin-top:0;margin-bottom:65px}
@media(min-width:1900px){.cinema-finale .cinema-reading{width:min(40%,760px);padding-left:max(var(--gutter),7vw)}.cinema-finale .prose{font-size:calc(23px*var(--reading-scale))}}
@media(max-width:760px){
 .chapter-10 .cinema-night .cinema-release{height:18svh}
 .cinema-finale{display:grid;grid-template-columns:1fr;--bind-width:164vw;--bind-height:62svh;--window-height:min(56.25vw,40svh)}
 .cinema-finale .cinema-stage{grid-area:1/1;position:sticky;top:58px;height:calc(100svh - 58px);min-height:0;max-height:none;z-index:8}
 .cinema-finale[data-finale-immersive=false] .cinema-stage{z-index:16;background:transparent}
 body.reading-focus .cinema-finale .cinema-stage{height:100svh}
 .cinema-finale[data-finale-immersive=false] .cinema-world::before{content:"";position:absolute;inset:0 0 auto;height:var(--window-height);background:var(--paper)}
 .cinema-finale[data-finale-immersive=false] .cinema-shade{display:none}
 .cinema-finale .cinema-reading{grid-area:1/1;z-index:15;padding-top:calc(var(--window-height) + 45px);width:100%;padding-inline:var(--gutter);pointer-events:none;background:none}
 .cinema-finale .cinema-shade::before{background:linear-gradient(0deg,#f8f6f0 0%,#f8f6f0 48%,transparent 80%)}
 .cinema-finale .cinema-shade::after{background:linear-gradient(0deg,#08131ef2 0%,#08131ee0 39%,#08131e60 82%,#08131e10)}
 .finale-screen{left:calc(var(--fold,0)*50%);right:0;top:0}
 .finale-passage{padding:28px 0 80px}.finale-passage:nth-child(3){padding-bottom:80px}.finale-passage:nth-child(5){padding-top:40px;padding-bottom:80px}
 .cinema-finale [data-reading-phrase]{margin-bottom:.85em}
 [data-reading-phrase=think-together]{font-size:1.18em;line-height:1.9}
 .finale-original{width:36%;right:32%;top:1%;height:auto;padding:0}.finale-original .image-open img{max-height:var(--window-height);width:100%}
 .finale-original[data-finale-original=school]{width:90%;right:5%;top:1%}
 .finale-original[data-finale-original=movement]{width:70%;right:15%;top:0}
 .finale-original[data-finale-original=family]{width:70%;right:15%;top:0}
 .finale-original[data-finale-original=letter]{width:42%;right:29%;top:1%}
 .finale-original[data-finale-original=diary]{width:65%;right:17.5%;top:1%}
 .finale-coda-horizon{height:70svh}.finale-coda-daybreak{height:65svh}.finale-coda-gather,.finale-coda-bind{height:85svh}.finale-rest{height:85svh}
 .journal-title-zh{font-size:40px}.journal-title-en{font-size:24px}.journal-byline{font-size:21px}
 .chapter-10 .leave-a-page{margin-bottom:30px}
}
html[data-reduced=true] .cinema-finale *,html[data-reduced=true] .cinema-finale [data-reading-phrase]{transition:none!important;will-change:auto}
html[data-reduced=true] .cinema-finale .finale-film video{visibility:hidden}
html[data-reduced=true] .cinema-finale .finale-film{background-image:var(--still-image)}
@media print{.cinema-finale{display:block}.cinema-finale .cinema-reading{width:100%;padding:0}.cinema-finale [data-reading-phrase]{color:#203d55}.cinema-finale .finale-passage{padding:0}.cinema-finale .finale-coda{display:none}.cinema-atlas .cinema-passage{height:auto}.cinema-atlas .cinema-passage>.prose{height:auto;position:static;overflow:visible;mask-image:none}.cinema-atlas .cinema-passage p{transform:none}}
/* In the night passage, the reading ink is warm against the dark mountain.
   This still permits continuous ordinary text selection and native scrolling. */
.cinema-night [data-reading-phrase]{display:inline;margin:0;color:color-mix(in srgb,#d0d4d2,#60665f var(--paper-percent,0%))}
.cinema-night [data-reading-phrase].is-reading{color:color-mix(in srgb,#f4dca5,#183f60 var(--paper-percent,0%));text-shadow:none}

/* Source folios keep a readable physical interval; map exploration is separate. */
.archive-entry{max-width:900px;margin:25px auto 70px;padding:27px 0;border-block:1px solid var(--letter-rule);font-size:18px;line-height:1.85}
.archive-entry h3{font:34px/1.5 var(--display-font);color:var(--pen-blue);margin:12px 0}
.archive-entry>button,.archive-folio>button{padding:10px 0;font-size:15px;color:var(--pen-blue);text-decoration:underline;text-underline-offset:6px}
.archive-folio{position:relative;pointer-events:auto;background:var(--paper);padding:35px 0 75px;margin-bottom:25px}
.archive-folio .kicker{margin-bottom:25px}
.archive-folio .artifact .image-open img{max-height:74svh;object-fit:contain}
.archive-folio .folio-line{font:27px/1.7 var(--display-font);color:var(--pen-blue);margin:25px 0 8px}
.archive-folio img{transition:opacity .8s ease,transform .8s ease;transform:scale(1);transform-origin:center}
html[data-reduced=false] .archive-folio:not(.is-seen) img{opacity:.45;transform:scale(.98)}
.ra-place.is-visit>i{background:var(--paper);border:2px solid #9d4537;border-radius:1px;transform:rotate(45deg)}
#dossier:has([data-archive-reader]){width:min(1500px,96vw);height:94svh;max-height:94svh;padding-inline:35px}
.archive-reader header>h2{font-size:38px;color:var(--pen-blue);margin:12px 0 25px}
.archive-tabs{display:flex;gap:25px;border-bottom:1px solid var(--letter-rule);margin-bottom:25px}
.archive-tabs button{padding:9px 4px;font-size:16px;color:var(--ink-pale);border-bottom:2px solid transparent}
.archive-tabs button[aria-pressed=true]{border-color:var(--letter-red);color:var(--pen-blue)}
.archive-reader-grid{display:grid;grid-template-columns:minmax(235px,29%) minmax(0,1fr);gap:5%;align-items:start}
.archive-index{position:sticky;top:62px;max-height:76svh;overflow:auto;overscroll-behavior:contain;padding-right:10px}
.archive-chooser>summary{display:none}
.archive-index label{display:block;font-size:12px;line-height:1.8;color:var(--ink-pale)}
.archive-index input{display:block;width:100%;font:16px var(--body-font);border:1px solid var(--rule);background:transparent;color:var(--ink);padding:10px 12px;margin-top:8px;border-radius:0}
.archive-result-count{font-size:12px;color:var(--ink-pale);margin:12px 0}
.archive-results>button{display:block;width:100%;text-align:left;border-bottom:1px solid var(--rule);padding:15px 8px;line-height:1.6}
.archive-results>button[aria-current=true]{background:#dbe2df66;border-left:2px solid var(--pen-blue)}
.archive-row-result time{display:block;font:13px var(--roman);color:var(--letter-red);margin-bottom:5px}
.archive-row-result span{display:block;font-size:17px}.archive-row-result small{color:var(--ink-pale);font-size:12px}
.archive-results>.archive-photo-result,.archive-results>.archive-film-result{display:grid;grid-template-columns:75px 1fr;gap:12px;align-items:center;font-size:15px}
.archive-photo-result img,.archive-film-result img{width:75px;height:90px;object-fit:contain;background:#e5e0d5}
.archive-photo-result small{display:block;font:11px var(--roman);color:var(--ink-pale);margin-bottom:4px}
.archive-detail{min-width:0;font-size:calc(19px*var(--reading-scale));line-height:1.9}
.archive-detail>h3,.archive-context>h3{font:34px/1.55 var(--display-font);color:var(--pen-blue);margin:12px 0 28px}
.archive-original{margin:0 0 25px;padding-top:12px}.archive-original img{max-height:73svh;max-width:100%;width:auto;object-fit:contain;margin:auto}
.archive-original figcaption,.archive-context-images figcaption{font-size:12px;line-height:1.8;color:var(--ink-pale);margin-top:12px}
.archive-caption{padding:22px 0;border-block:1px solid var(--letter-rule);margin-bottom:35px;font-size:17px}
.archive-caption p+p{margin-top:10px}.archive-caption small{display:block;color:var(--ink-pale);font-size:12px;margin-top:12px}
.archive-context>p{margin:0 0 1.3em}.archive-context>h4,.archive-external>h4{font-size:20px;margin:30px 0 18px;color:var(--pen-blue)}
.archive-resume-line{margin:8px 0 32px;padding:20px 24px;border-left:2px solid var(--letter-red);background:#ebe7dc77;font-size:22px;line-height:1.9}
.archive-related{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:18px 0 35px}
.archive-related button{padding:0;text-align:left;font-size:13px;line-height:1.65;align-self:start}
.archive-related img{height:125px;object-fit:contain;background:#e5e0d5;margin-bottom:10px}
.archive-full-reading{border-block-start:1px solid var(--rule);padding:16px 0;margin-top:12px}
.archive-full-reading>summary{cursor:pointer;font-size:17px;line-height:1.7;color:var(--pen-blue);padding:4px 0 9px}
.archive-full-reading>.kicker{margin:12px 0 25px}
.archive-source-prose{font:17px/1.95 var(--body-font);overflow-wrap:anywhere}
.archive-source-prose p{margin-bottom:1.2em}.archive-source-prose h4{font:24px/1.7 var(--display-font);color:var(--pen-blue);margin:35px 0 20px}
.archive-source-prose blockquote{margin:25px 0;padding:10px 20px;border-left:1px solid var(--letter-red)}
.archive-source-prose pre{white-space:pre-wrap;font:13px/1.7 var(--body-font);padding:15px;background:#ebe7dc88}
.source-table{overflow:auto;margin:25px 0}.source-table table{border-collapse:collapse;min-width:500px;font-size:14px;line-height:1.7}
.source-table td,.source-table th{border-bottom:1px solid var(--rule);padding:10px 12px;text-align:left;vertical-align:top}
.archive-external{margin:35px 0}.archive-external a{display:block;font-size:15px;margin:14px 0}
.archive-context-images{display:grid;gap:25px;margin:30px 0}.archive-context-images img{max-height:55svh;object-fit:contain}
.archive-film{margin:25px 0 35px}.archive-film video{width:100%;max-height:65svh;background:#111;object-fit:contain}.archive-film figcaption{font-size:14px;line-height:1.8;color:var(--ink-pale);margin-top:14px}.archive-film>a{font-size:13px}
@media(max-width:760px){
 .archive-entry{margin:20px auto 40px;font-size:16px}.archive-entry h3{font-size:29px}
 .archive-folio{z-index:20;padding:28px 0 45px}.archive-folio .folio-line{font-size:25px}
 #dossier:has([data-archive-reader]){padding-inline:18px;width:calc(100% - 12px);height:96svh;max-height:96svh}
 .archive-reader header>h2{font-size:29px}.archive-tabs{gap:15px}.archive-tabs button{font-size:13px;padding:10px 0}
 .archive-reader-grid{display:flex;flex-direction:column;gap:28px}.archive-index{position:relative;top:auto;max-height:220px;width:100%;padding:0 8px 12px 0;border-bottom:1px solid var(--letter-rule)}
 .archive-chooser>summary{display:flex;justify-content:space-between;align-items:center;min-height:44px;font-size:16px;color:var(--pen-blue);cursor:pointer}.archive-index:has(.archive-chooser:not([open])){max-height:none;padding-bottom:0;border:0}.archive-chooser[open] .archive-results{max-height:220px;overflow:auto}
 .archive-index input{font-size:16px}.archive-detail{font-size:17px;width:100%}.archive-detail>h3,.archive-context>h3{font-size:28px}
 .archive-related{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.archive-related img{height:120px}
 .archive-resume-line{font-size:19px;padding:15px}.archive-source-prose{font-size:16px}.archive-caption{font-size:16px}
 .archive-full-reading>summary{font-size:16px}.archive-original img{max-height:70svh}
}
html[data-reduced=true] .archive-folio img{opacity:1;transform:none;transition:none}

@media(min-width:761px) and (max-height:500px){
 .cinema-atlas[data-map-overview=true] .ra-head{top:6px}
 .cinema-atlas[data-map-overview=true] .ra-head h3{font-size:18px}
 .cinema-atlas[data-map-overview=true] .ra-date strong{font-size:17px}
 .cinema-atlas[data-map-overview=true] .ra-map{top:45px;bottom:70px}
 .cinema-atlas[data-map-overview=true] .ra-tools{left:4px;right:auto}
 .cinema-atlas[data-map-overview=true] .ra-tools button{font-size:10px;min-height:28px;padding:3px 6px}
 .cinema-atlas[data-map-overview=true] .ra-timelines{bottom:0;padding:4px 8px}
 .cinema-atlas[data-map-overview=true] .ra-axis{height:13px;font-size:9px}
 .cinema-atlas[data-map-overview=true] .ra-track{margin:1px 0}
 .cinema-atlas[data-map-overview=true] .ra-track>span{font-size:9px}
 .cinema-atlas[data-map-overview=true] .ra-scrub-label{display:none}
 .cinema-atlas[data-map-overview=true] .ra-place>span{font-size:10px;padding:2px 4px}
 .cinema-atlas[data-map-overview=true] .ra-landform{font-size:9px}
}

/* A voice and the things left in a moving box. Documentary originals keep their edges. */
.career-materials{max-width:1320px;margin:85px auto 100px;padding:30px 0 35px;border-top:1px solid var(--letter-rule);border-bottom:1px solid var(--letter-rule)}
.career-materials header{max-width:1000px;margin-bottom:38px}
.career-materials h3{font:36px/1.5 var(--note-font);color:var(--pen-blue);margin:13px 0 0}
.career-material-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7%;align-items:start}
.career-copy{font-size:calc(19px*var(--reading-scale));line-height:1.85;max-width:610px}
.career-copy>p{margin-bottom:25px}
.career-voice audio{width:100%;margin:12px 0 0}
.voice-track-title{font-size:21px;color:var(--pen-blue)}
.voice-track-title small{font:12px var(--roman);color:var(--ink-pale);margin-left:10px}
.career-voice [data-voice-caption]:empty{padding-top:0}
.career-voice [data-voice-caption]{min-height:0;font-size:19px;line-height:1.75;color:var(--pen-blue);padding-top:15px}
.career-voice summary,.career-more-voice>summary,.award-other-views>summary{font-size:14px;line-height:1.7;cursor:pointer;padding:12px 0;color:var(--ink-pale);width:fit-content}
.career-voice [data-voice-transcript]{font-size:16px;line-height:1.8;padding:15px 0}
.career-voice [data-voice-transcript] p{margin-bottom:15px}
.career-voice [data-voice-transcript] strong{font-weight:400;color:var(--ink-pale)}
.career-more-voice{margin-top:3px;border-top:1px solid var(--rule)}
.career-more-voice[open]{padding-bottom:15px}
.career-more-voice .voice-track-title{margin-top:15px}
.danni-source-note{margin-top:35px;padding-left:20px;border-left:1px solid var(--letter-rule)}
.danni-source-note .kicker{margin-bottom:9px}
.career-objects .image-open img{max-height:80svh;min-height:420px;object-fit:contain}
.award-other-views{margin-top:25px}
.award-view-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:25px}
.award-view-grid .artifact+.artifact{margin:0}
.award-view-grid .image-open img{max-height:72svh}
.degree-foldout{pointer-events:auto;margin:0 0 75px;border-block:1px solid var(--letter-rule);background:var(--paper);position:relative}
.degree-foldout>summary{font:20px/1.6 var(--note-font);color:var(--pen-blue);padding:22px 8px;cursor:pointer}
.degree-foldout>summary span:first-child{display:block;font:12px/1.8 var(--roman);color:var(--letter-red);margin-bottom:4px}
.degree-foldout>summary span:last-child{float:right}
.degree-material{padding:10px 8px 28px}
.degree-material .image-open img{max-height:70svh}
.degree-copy{padding:28px 0 0;font-size:17px;line-height:1.85}
.degree-copy h3{font:30px/1.5 var(--note-font);color:var(--pen-blue);margin:10px 0 22px}
.degree-dates{margin:0 0 25px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:22px}
.degree-dates dt{font-size:13px;color:var(--ink-pale);margin-bottom:5px}
.degree-dates dd{margin:0;font:24px/1.6 var(--roman);color:var(--pen-blue)}
.degree-dates small{display:block;font:13px/1.8 var(--body-font);color:var(--ink-pale)}
@media(min-width:1800px){.career-materials{max-width:1550px}.career-material-grid{grid-template-columns:1fr 1.2fr;gap:8%}.career-copy{font-size:calc(21px*var(--reading-scale))}.career-materials h3{font-size:44px}.career-objects .image-open img{max-height:82svh}}
@media(max-width:760px){
 .career-materials{margin:55px auto 65px;padding-top:22px}
 .career-materials header{margin-bottom:25px}.career-materials h3{font-size:29px}
 .career-material-grid{display:flex;flex-direction:column;gap:30px}
 .career-copy{font-size:calc(18px*var(--reading-scale));max-width:100%;width:100%}
 .career-voice [data-voice-caption]{font-size:18px;min-height:0}
 .career-objects{width:100%}.career-objects .image-open img{min-height:0;max-height:77svh}
 .award-view-grid{grid-template-columns:1fr;gap:35px}
 .award-view-grid .image-open img{max-height:72svh}
 .danni-source-note{padding-left:14px}
 .degree-foldout{margin-bottom:40px}
 .degree-foldout>summary{font-size:19px;padding:17px 4px}
 .degree-material{padding:10px 4px 22px}.degree-copy{font-size:16px}
 .degree-dates{gap:15px}.degree-dates dd{font-size:22px}
 /* The document sheet passes over the map at phone width; the map and its
    timelines return naturally after the sheet, without covering its text. */
 .cinema-atlas .cinema-reading{z-index:auto}
 .cinema-atlas .degree-foldout{z-index:20}
}

/* A film keeps its own duration; scrolling never flickers through its frames. */
.history-film-folio{position:relative;pointer-events:auto;padding:40px 0 65px;background:var(--paper);border-top:1px solid var(--letter-rule);margin:0 0 40px}
.history-film-folio h3{font:30px/1.55 var(--display-font);color:var(--pen-blue);margin:18px 0 25px}
.history-film-folio video{width:100%;aspect-ratio:4/3;background:#161d22;object-fit:contain}
.history-film-folio figcaption{font:12px/1.8 var(--body-font);color:var(--ink-pale);margin-top:15px}
.history-film-folio>p:not(.kicker){font-size:15px;line-height:1.8;margin:20px 0 5px}
.history-film-folio>button{display:block;font-size:14px;line-height:1.8;color:var(--pen-blue);padding:10px 0;text-align:left;text-decoration:underline;text-underline-offset:5px}
.wenxi-reading{font-size:16px;line-height:1.9;border-top:1px solid var(--letter-rule);padding-top:18px;margin-top:25px}
.wenxi-reading summary{cursor:pointer;color:var(--pen-blue)}.wenxi-reading .artifact{margin:25px 0}.wenxi-reading a{display:inline-block;font-size:13px;margin-top:18px}
.archive-tabs{position:sticky;top:51px;z-index:4;background:var(--paper);padding-top:5px}
.archive-index{top:115px;max-height:calc(94svh - 135px)}
.archive-film-thread{display:flex;align-items:center;gap:18px;width:100%;text-align:left;font-size:16px;color:var(--pen-blue);border-top:1px solid var(--letter-rule);padding:16px 0}
.archive-film-thread img{width:120px;aspect-ratio:4/3;object-fit:contain}
.album-actions{flex-wrap:wrap;gap:4px 14px;max-width:100%;justify-content:flex-end}
.album-actions [data-book-story]{flex-basis:100%;text-align:right;min-height:26px;color:var(--pen-blue)}
@media(max-width:760px){
 .history-film-folio{z-index:20;padding:30px 0 40px}.history-film-folio h3{font-size:27px}
 .archive-tabs{top:38px;gap:16px}.archive-index{position:relative;top:auto;max-height:220px}
 .archive-film-thread img{width:90px}.album-actions{gap:2px 10px}.album-actions [data-book-story]{font-size:10px;min-height:25px}
}
#dossier:has([data-archive-reader]) .dossier-top{height:58px;min-height:58px;box-sizing:border-box;padding:12px 0;margin-bottom:28px}
.archive-tabs{top:58px}.archive-index{top:122px;max-height:calc(94svh - 142px)}
@media(max-width:760px){
 #dossier:has([data-archive-reader]) .dossier-top{height:44px;min-height:44px;padding:8px 0}
 .archive-tabs{top:44px}.archive-index{position:relative;top:auto;max-height:220px}
}
/* This native masthead is already above the compact reader. Keep its space
   when controls hide so source positions and the scroll clock cannot jump. */
@media(max-width:760px), (max-width:1100px) and (max-height:500px) and (orientation:landscape){
 body[data-reading-layout=native].reading-focus .issue-header[data-reading-header]{display:flex!important;visibility:hidden;pointer-events:none}
}
@media(max-width:760px){
 .cinema-atlas .cinema-stage,body.reading-focus .cinema-atlas .cinema-stage{top:calc(48px + env(safe-area-inset-top,0px))}
}
@media(max-width:760px){
 .history-film-folio,.archive-folio{margin-inline:calc(-1*var(--gutter));padding-inline:var(--gutter);margin-bottom:0;isolation:isolate}
}
.album-stories{display:flex;gap:20px;flex-basis:100%;justify-content:flex-end}
.album-actions .album-stories [data-book-story]{flex-basis:auto;white-space:nowrap}
.archive-history-result time{display:block;font:12px var(--roman);color:var(--letter-red);margin-bottom:7px}
.archive-history-result span{font-size:16px;line-height:1.65;color:var(--pen-blue)}

/* The same shared album player, dressed in this essay's blue ink and paper. */
.cover-music{margin-top:32px;color:var(--pen-blue)}.cover-music>p{font:10px var(--roman),var(--body-font);letter-spacing:.12em;color:var(--ink-pale);margin-bottom:11px}
.cover-music>div{display:flex;gap:24px;flex-wrap:wrap}.cover-music button{font:15px var(--body-font);min-height:44px;padding:5px 0;border-bottom:1px solid var(--letter-rule);color:var(--pen-blue)}
.grandfather-issue .album-player{background:#f8f6f0f5;color:var(--pen-blue);border:1px solid var(--letter-rule);box-shadow:0 8px 30px #23344018;max-width:430px}
.grandfather-issue .album-player>button,.grandfather-issue .album-player .album-controls button{color:var(--pen-blue);border-color:#b3bebf;font-family:var(--body-font)}
.grandfather-issue .album-now strong{font:28px/1.35 var(--display-font);color:var(--pen-blue)}.grandfather-issue .album-now span,.grandfather-issue .album-player p{color:var(--ink-pale)}
.grandfather-issue .album-player .album-controls{position:static;opacity:1;visibility:visible;transform:none;pointer-events:auto;gap:10px;justify-content:flex-start;background:transparent;margin:0;padding:0;width:auto}
.grandfather-issue .album-player .album-controls button{background:transparent;min-height:40px}.grandfather-issue .album-player .album-controls [data-album-toggle]{background:var(--pen-blue);color:var(--paper)}
.grandfather-issue [data-album-repeat]{display:none}.grandfather-issue .album-seek input{accent-color:var(--pen-blue)}
.grandfather-issue .album-player.is-minimized{max-width:48px}.grandfather-issue .album-player.is-minimized>button{font-size:23px}
.grandfather-issue .collection-quiet:not([hidden]){bottom:var(--issue-quiet-bottom,16px);font:13px var(--body-font);min-height:44px}
.grandfather-issue .album-lyrics-dialog{background:var(--paper);color:var(--pen-blue);border:1px solid var(--letter-rule);border-radius:0;width:min(1000px,calc(100vw - 36px));height:90svh;max-height:90svh}
.grandfather-issue .album-lyrics-dialog h2{font:40px/1.4 var(--display-font);color:var(--pen-blue);margin-bottom:12px}
.grandfather-issue .album-lyrics-dialog>button{color:var(--pen-blue);font:14px var(--body-font);min-height:44px}
.grandfather-issue .lyrics-credit{color:var(--ink-pale);font:12px/1.6 var(--body-font)}
.grandfather-issue .album-lyric-scroll{height:calc(100% - 230px);scrollbar-color:#a2b2bb60 transparent;mask-image:linear-gradient(transparent,#000 5%,#000 95%,transparent)}
.grandfather-issue .album-lyric-text{padding:7svh 0 20svh}
.grandfather-issue .album-lyric-line{font:27px/1.7 var(--body-font);letter-spacing:0;color:#63747e;padding:15px 10px;transition:color .3s,background .3s;transform:none}
.grandfather-issue .album-lyric-line.current{color:var(--pen-blue);background:#e6ece966;box-shadow:inset 2px 0 var(--letter-red);transform:none}
.grandfather-issue .album-lyric-line.past{color:#6c7b82}.grandfather-issue .album-lyric-translation{font:17px/1.8 var(--roman),var(--body-font);opacity:1;color:#65727b}
.grandfather-issue .album-lyric-context{color:#63747e;border-left-color:#a2b2bb80;background:transparent}
.grandfather-issue .album-lyric-context.current{color:var(--pen-blue);border-left-color:var(--letter-red);background:#e6ece966}
.grandfather-issue .album-lyric-line:focus-visible{outline:2px solid var(--pen-blue)}
.grandfather-issue .album-lyric-transport{color:var(--pen-blue);border-color:var(--letter-rule);font:13px var(--body-font)}
.grandfather-issue .album-lyric-transport button{color:var(--pen-blue);border-color:#b3bebf;border-radius:0;font:13px var(--body-font);min-height:44px}.grandfather-issue .lyric-help{color:var(--ink-pale)}
@media(max-width:760px){
 .cover-music{margin-top:22px}.cover-music>div{gap:18px}.cover-music button{font-size:13px}
 .grandfather-issue .album-player{left:10px;right:auto;bottom:max(10px,env(safe-area-inset-bottom,0px));width:calc(100vw - 20px);padding:12px 16px;max-width:none}
 .grandfather-issue .album-player.is-minimized,.grandfather-issue .album-player.is-ducked{left:12px;right:auto;bottom:max(10px,env(safe-area-inset-bottom,0px));width:46px;height:46px;padding:0}
 .grandfather-issue .album-lyrics-dialog{width:calc(100vw - 16px);height:94svh;max-height:94svh;padding:18px 20px 0}
 .grandfather-issue .album-lyrics-dialog h2{font-size:31px;padding-top:10px}.grandfather-issue .lyrics-credit{font-size:11px}
 .grandfather-issue .album-lyric-line{font-size:22px;padding:13px 6px}.grandfather-issue .album-lyric-translation{font-size:15px;line-height:1.75}
 .grandfather-issue .album-lyric-transport{gap:10px;height:70px}.grandfather-issue .album-lyric-scroll{height:calc(100% - 210px)}
 html[lang=en] .grandfather-issue .album-lyric-line{font-size:24px}
}

/* The map camera frames the visible landscape, beside the continuous prose. */
@media(max-width:760px){.cinema-atlas .ra-map{left:0}}

@media(max-width:760px){
 .cinema-atlas .map-memory-stage{top:16%;bottom:18%}
 .cinema-atlas .map-memory-label{bottom:5px;z-index:10}
 .cinema-atlas[data-map-present=true] .ra-timelines,.cinema-atlas[data-map-present=true] .ra-key{visibility:hidden}
}
@media(prefers-reduced-motion:reduce){.cinema-atlas .cinema-passage p{transition:none}}
html[data-reduced=true] .cinema-atlas .cinema-passage p{transition:none}

/* The landscape fills the stage until it becomes the journal's page. */
.cinema-finale .finale-film{background-color:#183e50;transition:opacity 240ms ease}
.cinema-finale .finale-film video{object-position:center}
.cinema-finale .finale-still{transition:opacity 240ms ease}
.cinema-finale .journal-cover{background:#faf1e2;color:#183e50;border:1px solid #183e5030;border-left:9px solid #167c79;border-radius:2px 8px 8px 2px;padding:6%;justify-content:flex-end;box-shadow:inset 0 0 0 5px #fffaf1,inset 0 -3px 0 #f45129;gap:0}
.journal-brand-art{position:absolute;top:4%;left:4%;width:92%;height:53%;object-fit:contain}
.journal-cover .journal-mark{width:35%;margin:0 0 3%;stroke:#167c79;fill:#f45129}
.journal-cover .journal-title-zh{font-size:clamp(26px,3.1vw,48px);text-shadow:none;letter-spacing:.06em}
.journal-cover .journal-title-en{font:500 clamp(11px,1vw,17px)/1.6 Manrope,sans-serif;letter-spacing:.07em;margin-top:3px}
.journal-cover .journal-byline{position:static;font:500 clamp(10px,1vw,14px)/1.7 Manrope,sans-serif;color:#167c79;margin-top:4%}
.cinema-finale .finale-home{position:absolute;z-index:30;bottom:4%;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:24px;max-width:90%;width:max-content;padding:12px 22px;border-top:1px solid #167c7955;color:#183e50;background:#faf1e2e8;pointer-events:auto;opacity:clamp(0,calc((var(--close,0) - .85)*6.667),1);text-decoration:none;font:14px/1.7 Manrope,sans-serif;transition:opacity 300ms ease}
.finale-home[inert]{pointer-events:none}
.william-white-portrait{width:min(250px,100%);justify-self:center;align-self:center}
.william-white-portrait .artifact,.william-white-portrait .image-open{width:100%;margin:0}
.william-white-portrait .image-open{aspect-ratio:320/900;max-height:420px;overflow:hidden;display:block}
.william-white-portrait img{height:100%;width:100%;object-fit:cover;object-position:right center}
.william-white-portrait p{font:14px/1.7 var(--roman);margin-top:12px}
@media(max-width:760px){.cinema-finale .finale-home{flex-direction:column;gap:0;font-size:12px;text-align:center;bottom:3%}.journal-brand-art{height:50%}.journal-cover .journal-title-zh{font-size:30px}.journal-cover .journal-title-en{font-size:11px}.journal-cover .journal-byline{font-size:12px}.william-white-portrait{width:160px}.william-white-passage{gap:30px}}
/* Compact the cover around the complete identity artwork and its live title. */
.cinema-finale{--bind-height:min(500px,60svh)}
.journal-brand-art{top:5%;height:58%;object-position:center top}
.journal-cover .journal-mark{margin-bottom:2%;width:29%}
@media(max-width:760px){.cinema-finale{--bind-height:min(430px,104vw)}.journal-brand-art{height:57%}}
@media(max-height:550px){.cinema-finale .finale-folding-world{top:calc((100% - var(--bind-height))*var(--fold,0)/2 - var(--close,0)*26px)}.cinema-finale .finale-home{bottom:2%;padding:7px 14px}}
.work-years-images .image-open img{width:100%;height:auto;max-height:none;object-fit:contain}
.work-baby-another{font:14px/1.7 var(--roman);margin-top:0}
.work-baby-another summary{padding:0 0 12px;cursor:pointer}
.work-years-images{grid-template-columns:1fr 1fr;gap:18px}
.work-years-images>.artifact:first-child{grid-column:1/-1}
@media(max-width:760px){.work-years-images{grid-template-columns:1fr;gap:24px}.work-years-images>.artifact:first-child{grid-column:auto}}
.william-white-portrait{width:min(210px,100%)}
.william-white-portrait .image-open{aspect-ratio:312/600;max-height:none}
.william-white-portrait svg{width:100%;height:auto;display:block}
/* The cover and its binding rotate as one object, with no detached center strip. */
.journal-spine{display:none}
.journal-cover{box-sizing:border-box}
.journal-page-bed{opacity:calc(var(--fold,0)*(1 - var(--close,0)))}
/* The stationary bed belongs only to the right page; the turning leaf owns the left. */
.journal-page-bed{clip-path:inset(0 0 0 50%)}

/* Finished reading scenes keep their last image through the handoff to prose.
   No paper-only exit spacer or orphaned device controls. */
.cinema:not(.cinema-atlas):not(.cinema-night):not(.cinema-finale) .cinema-reading>.cinema-passage:last-child{min-height:0;padding-bottom:48px}
.cinema:not(.cinema-finale):not(.cinema-atlas) .cinema-foreground{opacity:calc(1 - var(--paper-progress,0))}
@media(max-width:760px){
 .cinema:not(.cinema-atlas):not(.cinema-night):not(.cinema-finale) .cinema-reading>.cinema-passage:last-child{padding-bottom:28px}
}

/* Work and motherhood are one continuous passage, illustrated by the photo group. */
.work-years-print .work-years-copy{max-width:none}
.work-years-print .work-years-images{align-content:start}
.work-years-print .work-badge{grid-column:1/-1;width:110px;justify-self:center;margin:8px auto 0;padding:0}
.work-years-print .work-badge .image-open img{max-height:145px;width:auto;margin:auto}
@media(max-width:760px){
 .work-years-print{display:grid;grid-template-columns:minmax(0,1fr);gap:24px}
 .work-years-print .work-years-copy,.work-years-print .work-years-copy>.prose,.work-years-print .work-years-images{display:contents}
 .work-years-print .work-years-copy p{margin:0}
 .work-years-print .work-years-copy p:nth-child(1){order:1}
 .work-years-print .work-years-copy p:nth-child(2){order:2}
 .work-years-print .work-years-images>.artifact:nth-child(1){order:3}
 .work-years-print .work-years-copy p:nth-child(3){order:4}
 .work-years-print .work-years-copy p:nth-child(4){order:5}
 .work-years-print .work-years-images>.artifact:nth-child(2){order:6}
 .work-years-print .work-years-images>.artifact:nth-child(3){order:7}
 .work-years-print .work-badge{order:8}
 /* Landscape footage needs breathing room in portrait: preserve recognizable
    fields, ridges and sky above the reading area rather than magnifying a sliver. */
 .cinema-finale .finale-film:is([data-finale-film=wheat],[data-finale-film=mist],[data-finale-film=rays],[data-finale-film=hike]){background-image:none;background-color:var(--paper)}
 .cinema-finale .finale-film:is([data-finale-film=wheat],[data-finale-film=mist],[data-finale-film=rays]) video{height:64%;object-position:var(--film-focus-x,50%) 50%}
 .cinema-finale .finale-film[data-finale-film=hike] video{height:72%;object-position:var(--film-focus-x,50%) 50%}
 .cinema-finale .cinema-shade::before{background:linear-gradient(0deg,#f8f6f0 0%,#f8f6f0f5 26%,#f8f6f0b0 44%,#f8f6f030 60%,transparent 74%)}
 .cinema-finale .cinema-shade::after{background:linear-gradient(0deg,#08131efc 0%,#08131ef0 25%,#08131e90 43%,#08131e20 62%,transparent 76%)}
}

@media(max-width:760px){
 .cinema-finale .finale-film:is([data-finale-film=wheat],[data-finale-film=mist],[data-finale-film=rays],[data-finale-film=hike]) video{mask-image:linear-gradient(#000 0%,#000 78%,transparent 100%)}
}

@media(max-width:760px){
 .cinema-finale .finale-film[data-finale-film=hike] video{transform:translateY(var(--film-focus-y,0px))}
 html[data-reduced=true] .cinema-finale .finale-film:is([data-finale-film=wheat],[data-finale-film=mist],[data-finale-film=rays]){background-size:auto 64%;background-position:50% top;background-repeat:no-repeat}
 html[data-reduced=true] .cinema-finale .finale-film[data-finale-film=hike]{background-size:auto 72%;background-position:25% top;background-repeat:no-repeat}
}

/* Inactive scene posters must not allocate a second full-film texture pool. */
.cinema-finale .finale-film:not([data-resident=true]){background-image:none!important;background-color:transparent}