:root{--paper:#ededeb;--ink:#080808;--line:#c3c3bd;--muted:#53534f;--gutter:24px;--header-height:76px;--sans:Arial,Helvetica,"Microsoft YaHei",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:12px/1.3 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button{touch-action:manipulation}::selection{background:#080808;color:#ededeb}a:focus-visible,button:focus-visible{outline:2px solid #080808;outline-offset:5px}.skip-link{position:fixed;top:-70px;left:20px;z-index:60;background:#080808;color:white;padding:12px}.skip-link:focus{top:10px}.reading-progress{position:fixed;top:0;left:0;height:3px;width:100%;background:black;transform-origin:left;transform:scaleX(0);z-index:60}.vertical-rail{position:fixed;left:4px;top:0;bottom:0;width:10px;overflow:hidden;pointer-events:none;z-index:25;display:flex;gap:1px}.vertical-rail i{width:2px;height:150%;background:repeating-linear-gradient(to bottom,#080808 0 115px,transparent 115px 200px);transform:translateY(var(--rail-y,0px))}.vertical-rail i:nth-child(2n){margin-top:-100px}.site-header{position:fixed;top:0;left:var(--gutter);right:var(--gutter);z-index:30;min-height:76px;display:grid;grid-template-columns:2fr 2fr 1fr auto auto;gap:24px;align-items:center;background:var(--paper);border-bottom:1px solid var(--ink)}.wordmark{font-size:12px;font-weight:700;letter-spacing:-.04em;line-height:1.2}.wordmark span{display:block;font-size:9px;letter-spacing:0;font-weight:400;margin-top:5px}.header-edition{font-size:9px;line-height:1.35}.site-header nav{display:flex;gap:20px}.nav-link,.utility{display:inline-flex;align-items:center;min-height:44px;border:0;background:none;font-size:10px;padding:8px 0;white-space:nowrap}.motion-toggle span{background:black;color:var(--paper);font-size:8px;padding:3px 4px;margin-left:5px}.photo-scrolling{scroll-snap-type:y proximity;scroll-padding:0}.archive-cover{height:100svh;min-height:700px;padding:calc(var(--header-height) + 16px) var(--gutter) 85px;display:flex;flex-direction:column;scroll-snap-align:start;position:relative;overflow:hidden}.cover-meta{display:flex;justify-content:space-between;font-size:9px}.cover-layout{display:grid;grid-template-columns:3fr 1fr;gap:26px;align-items:center;flex:1;padding:30px 0}.cover-title{font-size:18.9vw;line-height:.74;letter-spacing:-.095em;margin:0;font-weight:800;min-width:0}.cover-title>span{display:block;overflow:hidden;padding-bottom:.08em;padding-right:.06em;white-space:nowrap;transform:translateX(var(--title-x,0px))}.cover-title>span:last-child{transform:translateX(calc(var(--title-x,0px) * -1))}.letter{display:inline-block}.cover-index{align-self:center}.cover-index-heading{display:flex;justify-content:space-between;font-size:9px;margin-bottom:14px}.cover-index a{display:grid;grid-template-columns:24px 1fr 10px;gap:8px;min-height:26px;align-items:center;border-top:1px solid var(--line);font-size:10px}.cover-index a:hover{background:#080808;color:var(--paper)}.cover-index a span:first-child{font-size:8px}.cover-bottom{display:flex;justify-content:space-between;font-size:9px}.cover-enter{border-bottom:1px solid var(--ink);padding-bottom:5px}.cover-rule{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:22px}.cover-rule i{display:block;height:9px;background:black;transform:scaleX(var(--rule-scale,1));transform-origin:left}.cover-rule i:nth-child(2n){transform-origin:right}.photo-scroll{padding:0;margin:0}.photo-panel{height:100svh;min-height:480px;padding:calc(var(--header-height) + 24px) var(--gutter) 90px;scroll-snap-align:start;scroll-margin:0;display:grid;grid-template-rows:22px minmax(0,1fr);gap:14px;position:relative;overflow:hidden}.photo-panel:before{content:"";position:absolute;top:var(--header-height);bottom:64px;left:calc(25% + 12px);right:calc(25% + 12px);border-inline:1px solid rgba(0,0,0,.09);pointer-events:none}.panel-mark{display:flex;gap:12px;font-size:9px;align-items:center}.panel-mark i{height:9px;flex:1;background:#080808}.single-photo{position:relative;min-height:0;height:100%;width:84%;margin:0 0 0 auto;display:grid;place-items:center;overflow:hidden}.photo-panel:nth-child(2n+1) .single-photo{margin:0 auto 0 0}.single-photo img{display:block;width:100%;height:100%;object-fit:contain;min-height:0;filter:grayscale(1) contrast(1.07);transition:filter .6s;transform:translateY(var(--photo-y,0px))}.single-photo:hover img{filter:grayscale(0) contrast(1)}.photo-controls{display:flex;align-items:center;justify-content:space-between;font-size:9px}.photo-dock{position:fixed;left:var(--gutter);right:var(--gutter);bottom:0;height:64px;background:var(--paper);border-top:1px solid var(--ink);z-index:30}.photo-count{font-size:12px;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.photo-step{display:flex;gap:12px}.photo-step a{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--ink);font-size:23px;transition:background .2s,color .2s}.photo-step a:hover{background:black;color:var(--paper)}.photo-step a[aria-disabled=true]{opacity:.2;cursor:default}.photo-controls>a{padding:12px 0}.index-dialog{background:var(--paper);color:var(--ink);border:1px solid black;padding:26px;width:min(660px,calc(100% - 32px));max-height:calc(100svh - 40px);overflow:auto}.index-dialog::backdrop{background:#000b;backdrop-filter:blur(4px)}.index-top{display:flex;align-items:center;justify-content:space-between;border-bottom:9px solid black;padding-bottom:15px}.index-top h2{font:700 60px/.9 var(--sans);letter-spacing:-.08em;margin:0}.index-close{font-size:26px;min-width:44px;min-height:44px;background:none;border:0}.index-list{list-style:none;padding:0;margin:20px 0 0}.index-list a{display:grid;grid-template-columns:36px 1fr 14px;gap:10px;align-items:center;min-height:48px;border-bottom:1px solid var(--line);font-size:13px}.index-list a[aria-current],.index-list a:hover{background:black;color:var(--paper)}.index-list a span:first-child{font-size:9px}.notes-main{padding:calc(var(--header-height) + 20px) var(--gutter) 100px}.notes-eyebrow{display:flex;justify-content:space-between;font-size:9px}.notes-masthead{font:800 clamp(80px,19vw,360px)/.76 var(--sans);letter-spacing:-.095em;margin:75px 0;position:relative}.notes-masthead>span{position:absolute;right:0;bottom:0;font-size:.4em;letter-spacing:-.07em}.notes-title{font-size:clamp(35px,6vw,90px);line-height:.95;letter-spacing:-.055em;font-weight:400;max-width:1000px;margin:60px 0 40px}.notes-title em{font-style:normal}.artist-copy{display:grid;grid-template-columns:1fr 1fr;gap:60px;max-width:850px;margin-left:auto;font-size:16px;line-height:1.6;margin-bottom:90px}.artist-copy p{margin:0}.notes-divider{display:flex;justify-content:space-between;border-top:9px solid black;padding-top:12px;margin-bottom:30px;font-size:10px}.work-note{display:grid;grid-template-columns:1fr 2fr 2fr;gap:40px;border-top:1px solid black;padding:35px 0 70px;scroll-margin-top:100px}.note-number{font-size:12px}.work-note h2{font-size:clamp(24px,3vw,45px);line-height:1;letter-spacing:-.045em;font-weight:400;margin:0 0 16px}.note-place{font-size:9px;line-height:1.5}.note-description{font-size:14px;line-height:1.6;margin:0 0 25px}.note-open{border-bottom:1px solid black;font-size:10px;padding-bottom:5px}.notes-footer{padding:25px var(--gutter);border-top:1px solid black;display:flex;justify-content:space-between;gap:20px;font-size:9px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:1000px){.site-header{grid-template-columns:1fr 1fr auto auto;gap:16px}.header-edition{display:none}.cover-title{font-size:18vw}.cover-layout{grid-template-columns:2.6fr 1fr;gap:20px}.cover-index a{font-size:9px;min-height:25px}.single-photo{width:95%}.work-note{grid-template-columns:50px 1.1fr 1fr;gap:25px}}
@media(max-width:650px){:root{--gutter:18px;--header-height:100px}.vertical-rail{left:3px;width:6px;gap:1px}.vertical-rail i{width:1px}.site-header{grid-template-columns:1fr auto auto;min-height:100px;gap:0 20px;padding-top:8px}.site-header nav{grid-column:1/-1;grid-row:2;justify-content:space-between;width:100%;border-top:1px solid var(--line)}.wordmark{font-size:11px}.wordmark span{font-size:8px}.nav-link,.utility{font-size:9px;min-height:38px}.archive-cover{min-height:650px;padding-bottom:88px}.cover-meta{font-size:7px;gap:12px}.cover-meta span:nth-child(2){display:none}.cover-layout{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:30px;padding:30px 0}.cover-title{font-size:24vw;line-height:.77}.cover-index{width:100%;align-self:stretch}.cover-index-heading{margin-bottom:8px;font-size:8px}.cover-index a{min-height:22px;font-size:9px}.cover-index a:nth-of-type(n+7){display:none}.cover-bottom{font-size:7px;gap:15px}.cover-rule{margin-top:16px;gap:7px}.cover-rule i{height:6px}.photo-panel{padding:calc(var(--header-height) + 16px) var(--gutter) 83px;gap:10px;grid-template-rows:18px minmax(0,1fr);min-height:430px}.panel-mark{font-size:8px}.panel-mark i{height:6px}.single-photo{width:100%;margin:0!important}.photo-dock{height:62px}.photo-controls{font-size:8px}.photo-step{gap:8px}.photo-step a{width:40px;height:40px;font-size:22px}.photo-count{font-size:10px}.photo-panel:before{left:25%;right:25%}.notes-main{padding-bottom:60px}.notes-masthead{font-size:24vw;margin:55px 0}.notes-title{font-size:37px;margin:50px 0 28px}.artist-copy{grid-template-columns:1fr;gap:22px;font-size:14px;margin-bottom:60px}.notes-divider{border-top-width:6px;font-size:8px}.work-note{grid-template-columns:26px 1fr;gap:16px;padding-bottom:40px}.work-note>div:last-child{grid-column:2}.work-note h2{font-size:29px}.note-description{font-size:13px}.notes-footer{font-size:7px}.index-dialog{padding:20px}.index-top h2{font-size:48px}.index-list a{font-size:12px}}
@media(max-width:650px){.cover-title{font-size:22.6vw}}
@media(min-width:651px){.cover-title{font-size:17vw}}
@media(min-width:651px){.cover-title{font-size:16.4vw}}@media(max-width:650px){.cover-title{font-size:20.5vw}}
/* Editorial sequencing: one image per screen, six different placements and scales. */
.single-photo{--hover-scale:1;--pointer-x:0px;--pointer-y:0px;width:var(--frame-width,100%);height:var(--frame-height,100%);align-self:var(--frame-align,center);justify-self:var(--frame-justify,center);margin:0!important;transform:translate3d(var(--pointer-x),var(--pointer-y),0);transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.single-photo img,.single-photo:hover img{filter:grayscale(1) contrast(1.05);transform:translateY(var(--photo-y,0px)) scale(var(--hover-scale));transition:transform 1.1s cubic-bezier(.2,.7,.2,1)}
@media(hover:hover) and (pointer:fine){body:not(.motion-paused) .single-photo:hover{--hover-scale:1.014}}
.layout-wide{--frame-width:96%;--frame-height:94%;--frame-justify:center}
.layout-right{--frame-width:52%;--frame-height:96%;--frame-justify:end}
.layout-left-small{--frame-width:48%;--frame-height:66%;--frame-justify:start;--frame-align:center}
.layout-center-tall{--frame-width:72%;--frame-height:100%;--frame-justify:center}
.layout-offset{--frame-width:62%;--frame-height:78%;--frame-justify:end;--frame-align:start}
.layout-low{--frame-width:70%;--frame-height:73%;--frame-justify:start;--frame-align:end}
.layout-left-small .single-photo:after,.layout-offset .single-photo:after{content:"";position:absolute;inset:0;border:1px solid rgba(0,0,0,.2);pointer-events:none}
.photo-panel.layout-left-small:before{left:64%;right:12%;border-inline:0;border-top:1px solid rgba(0,0,0,.15);top:48%;bottom:auto}
.photo-panel.layout-right:before{left:20%;right:64%;border-inline:0;border-top:1px solid rgba(0,0,0,.15);top:65%;bottom:auto}
.archive-end{background:#080808;color:#ededeb}
.archive-end .cover-title>span{transform:translateX(var(--end-x,0px))}
.archive-end .cover-title>span:last-child{color:transparent;-webkit-text-stroke:1px #ededeb;transform:translateX(calc(var(--end-x,0px) * -1))}
.archive-end .cover-rule i{background:#ededeb;transform:scaleX(1)}
.end-aside{display:flex;flex-direction:column;gap:24px;align-self:center}
.end-volume{font-weight:700;font-size:12vw;line-height:.85;letter-spacing:-.1em}
.end-rules{display:grid;gap:7px}.end-rules i{height:4px;background:#ededeb}.end-rules i:nth-child(2){width:75%}.end-rules i:nth-child(3){width:50%}.end-rules i:nth-child(4){width:25%}
.end-aside a{font-size:10px;min-height:36px;display:flex;align-items:center;border-bottom:1px solid #ededeb}
body[data-chapter=closing] .site-header,body[data-chapter=closing] .photo-dock{background:#080808;color:#ededeb;border-color:#ededeb}
body[data-chapter=closing] .photo-step a{border-color:#ededeb}
body[data-chapter=closing] .motion-toggle span{background:#ededeb;color:#080808}
body[data-chapter=closing] .vertical-rail i{background:repeating-linear-gradient(to bottom,#ededeb 0 115px,transparent 115px 200px)}
body[data-chapter=closing] .reading-progress{background:#ededeb}
.site-header,.photo-dock{transition:background .45s,color .45s,border-color .45s}
.motion-paused .single-photo{transform:none;--hover-scale:1!important}
.motion-paused .single-photo img{transform:none;transition:none}
@media(max-width:1000px) and (min-width:651px){.layout-right{--frame-width:62%}.layout-left-small{--frame-width:56%}.layout-offset{--frame-width:66%}}
@media(max-width:650px){.layout-wide{--frame-width:100%;--frame-height:90%}.layout-right{--frame-width:88%;--frame-height:96%}.layout-left-small{--frame-width:74%;--frame-height:70%}.layout-center-tall{--frame-width:100%;--frame-height:100%}.layout-offset{--frame-width:84%;--frame-height:82%}.layout-low{--frame-width:90%;--frame-height:77%}.end-aside{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:15px;align-items:center}.end-volume{font-size:22vw}.end-rules{gap:5px}.end-aside a{font-size:9px}.archive-end .cover-layout{gap:45px}}
.photo-composition{height:100%;min-height:0;display:grid;position:relative;grid-template-columns:minmax(0,1fr)}
.single-photo{grid-area:1/1;max-width:100%}
.layout-diptych .photo-composition{grid-template-columns:minmax(0,1.35fr) minmax(0,.75fr);gap:5vw}
.layout-diptych .principal-photo{width:100%;height:94%;align-self:start}
.layout-diptych .companion-photo{grid-area:1/2;width:100%;height:58%;align-self:end}
.layout-counterpoint .photo-composition{grid-template-columns:minmax(0,.8fr) minmax(0,1.25fr);gap:8vw}
.layout-counterpoint .principal-photo{grid-area:1/2;width:100%;height:90%;align-self:end}
.layout-counterpoint .companion-photo{grid-area:1/1;width:100%;height:51%;align-self:start}
.layout-triptych .photo-composition{grid-template-columns:minmax(0,.7fr) minmax(0,1.2fr) minmax(0,.7fr);gap:3vw}
.layout-triptych .principal-photo{grid-area:1/2;width:100%;height:100%;align-self:center}
.layout-triptych .companion-1{grid-area:1/1;width:100%;height:58%;align-self:start}
.layout-triptych .companion-2{grid-area:1/3;width:100%;height:52%;align-self:end}
.layout-diptych:before,.layout-counterpoint:before,.layout-triptych:before{border-color:rgba(0,0,0,.045)}
@media(max-width:650px){.layout-diptych .photo-composition{grid-template-columns:minmax(0,1.1fr) minmax(0,.85fr);gap:14px}.layout-diptych .principal-photo{height:82%}.layout-diptych .companion-photo{height:60%}.layout-counterpoint .photo-composition{grid-template-columns:minmax(0,.8fr) minmax(0,1.1fr);gap:18px}.layout-counterpoint .principal-photo{height:82%}.layout-counterpoint .companion-photo{height:54%}.layout-triptych .photo-composition{grid-template-columns:1fr 1fr;grid-template-rows:1.15fr .85fr;gap:16px}.layout-triptych .principal-photo{grid-area:1/1/2/3;width:100%;height:100%}.layout-triptych .companion-1{grid-area:2/1;width:100%;height:95%}.layout-triptych .companion-2{grid-area:2/2;width:100%;height:95%}}
/* Hover reveals the original colour; moving away restores the monochrome print. */
.single-photo img{transition:filter .75s ease,transform 1.1s cubic-bezier(.2,.7,.2,1)}
.single-photo:hover img,.single-photo:focus-visible img,.single-photo.is-color img{filter:grayscale(0) contrast(1)}
.single-photo:focus-visible{outline:1px solid currentColor;outline-offset:5px}
.interactive-study{height:100svh;min-height:700px;padding:calc(var(--header-height) + 24px) var(--gutter) 90px;display:flex;flex-direction:column;gap:30px;scroll-snap-align:start;overflow:hidden}
.study-kicker,.study-bottom{display:flex;justify-content:space-between;font-size:9px}.study-kicker{border-top:9px solid black;padding-top:12px}.study-bottom{margin-top:auto;border-top:1px solid var(--line);padding-top:12px}
.study-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:7vw;align-items:center;flex:1;min-height:0}.study-headline{font-size:clamp(65px,9vw,150px);line-height:.84;font-weight:800;letter-spacing:-.08em;margin:0}.study-headline span{color:transparent;-webkit-text-stroke:1px var(--ink)}.study-instruction{font-size:10px;line-height:1.6;margin:28px 0 0;max-width:290px}
.grid-canvas{width:min(100%,480px);aspect-ratio:1;justify-self:end;position:relative;padding:0;border:0;background:none;overflow:visible}.grid-cells{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);height:100%;gap:7px}.grid-cells i{display:block;background:var(--paper);border:1px solid black;transition:transform .35s,background .35s;transform:scale(var(--cell-scale,1))}.grid-cells i.is-ink{background:black}.grid-cells i.is-near{--cell-scale:.82;background:#aaa}.study-counter{position:absolute;right:0;bottom:-26px;font-size:9px}
.contour-study{background:#e3e3df}.contour-heading{display:flex;justify-content:space-between;gap:35px;align-items:flex-end}.contour-heading .study-headline{font-size:clamp(65px,7.5vw,115px)}.contour-heading .study-instruction{max-width:240px;margin:0}.contour-canvas{position:relative;display:block;min-height:0;flex:1;width:100%;border:0;background:none;padding:0;overflow:hidden;cursor:crosshair}.contour-canvas svg{width:100%;height:100%;display:block}.contour-lines{fill:none;stroke:#080808;stroke-width:1;transform-origin:50% 50%;transform:translate(var(--map-x,0px),var(--map-y,0px)) scaleY(var(--terrain-spread,1));transition:transform .65s cubic-bezier(.2,.7,.2,1)}.contour-lines path:nth-child(4n){stroke-width:2}.map-crosshair{fill:none;stroke:black;stroke-width:1;stroke-dasharray:3 4}#mapMarker{fill:var(--paper);stroke:black;stroke-width:2}.map-coordinate{position:absolute;left:0;bottom:0;font-size:9px;letter-spacing:.05em}.motion-paused .grid-cells i,.motion-paused .contour-lines{transition:none}
@media(max-width:700px){.interactive-study{min-height:730px;padding-top:calc(var(--header-height) + 18px);gap:24px;padding-bottom:84px}.study-kicker,.study-bottom{font-size:8px}.study-kicker{border-top-width:6px}.study-layout{display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:32px}.study-headline{font-size:14vw;line-height:.87}.study-instruction{font-size:9px;margin-top:18px}.grid-canvas{width:min(72vw,290px);align-self:flex-end}.grid-cells{gap:5px}.contour-heading{display:block}.contour-heading .study-headline{font-size:14vw}.contour-heading .study-instruction{margin-top:18px;max-width:260px}.contour-canvas{min-height:230px}.map-coordinate{font-size:8px}}
/* Live studies: local wave, perspective response, deforming contours and click ripples. */
.grid-canvas{perspective:900px}
.grid-cells{transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transform-style:preserve-3d;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.grid-cells i{transform:translateY(var(--cell-lift,0px)) scale(var(--cell-scale,1));backface-visibility:visible;transition:transform .35s cubic-bezier(.2,.7,.2,1),background .35s}
.contour-lines{transform:none;transition:none}
.map-ripple{fill:none;stroke:#080808;stroke-width:1;pointer-events:none}
.motion-paused .grid-cells{transform:none;transition:none}