:root.canvas-theme{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;--paper: #f3f0ea;--surface: #faf8f3;--ink: #201d1b;--muted: #777067;--accent: #601f32;--rule: #d6cfc5;--inset: #e7e1d7;--olive: #777965}*{box-sizing:border-box}body.canvas-page{margin:0;overflow:hidden;color:var(--ink);background:var(--paper);font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}button,a,input{touch-action:manipulation}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}.canvas-page a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,main:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.canvas-page button:hover,.canvas-page a:hover{color:var(--accent)}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;z-index:100;top:-70px;left:20px;background:var(--surface);padding:15px}.skip-link:focus{top:20px}.site-bar{position:fixed;top:0;left:0;right:0;padding:25px 35px;display:flex;justify-content:space-between;align-items:center;z-index:5;pointer-events:none}.site-bar>*{pointer-events:auto}.wordmark{font-size:20px;letter-spacing:-1.5px;font-weight:600;display:flex;gap:7px;align-items:center}.status-dot{width:5px;height:5px;border-radius:50%;background:var(--accent);margin-top:10px}.site-bar nav{letter-spacing:.3px;display:flex;align-items:center;gap:27px;font-size:12px}.site-bar nav button{padding:8px 0}#canvas{position:fixed;inset:0;overflow:hidden;touch-action:none;cursor:grab;background-color:var(--paper);background-image:linear-gradient(#61524406 1px,transparent 1px),linear-gradient(90deg,#61524406 1px,transparent 1px),linear-gradient(#6152440c 1px,transparent 1px),linear-gradient(90deg,#6152440c 1px,transparent 1px);background-size:24px 24px,24px 24px,120px 120px,120px 120px;outline:none}#canvas.dragging,#canvas.dragging button{cursor:grabbing!important}#world{position:absolute;left:0;top:0;width:1900px;height:3110px;transform-origin:0 0;will-change:transform;user-select:none}#canvas.dragging #world{pointer-events:none}.hero{position:absolute;left:240px;top:145px;width:1310px}.eyebrow{text-transform:uppercase;letter-spacing:1.6px;font:11px/1.5 Arial,sans-serif;margin:0;color:var(--muted)}.hero h1{font-weight:400;font-size:200px;line-height:.87;letter-spacing:-13px;margin:30px 0 0}.hero-top{display:block;margin-bottom:12px}.hero-accent{display:block;width:1310px;color:var(--accent);padding:2px 0 12px;letter-spacing:-11px}.hero-caption{width:1210px;margin-top:40px}.hero-about.prose{columns:2;column-gap:70px;font-size:20px;line-height:1.6;color:var(--muted)}.hero-about p,.hero-about ul{break-inside:avoid}.hero-about strong{color:var(--ink);font-weight:500}.hero-caption>button{margin-top:30px}.hero-caption button{display:flex;gap:25px;font-size:14px}.zone-label{position:absolute;left:220px;right:170px;display:flex;justify-content:space-between;border-top:1px solid var(--rule);padding-top:20px;font-size:12px;letter-spacing:1px}.zone-label span+span{letter-spacing:0;color:var(--muted)}.zone-one{top:1395px}.zone-two{top:2175px}.collection{position:absolute;left:var(--gx);top:var(--gy);width:580px;transition:opacity .35s}.stack{position:relative;display:block;width:370px;height:440px;padding:0;margin-left:35px;outline-offset:25px!important}.stack-card{display:block;position:absolute;top:0;left:20px;width:300px;height:412px;padding:12px 12px 13px;border:1px solid #b8ada1;border-radius:2px;background:var(--paper);text-align:left;transform:translate(var(--shift),calc(var(--i) * 3px)) rotate(var(--angle));box-shadow:3px 4px #32261c0b;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .3s;overflow:hidden;color:var(--ink)}.stack-card img{width:274px;height:324px;object-fit:cover;pointer-events:none;border-radius:1px}.card-title{display:block;font-size:15px;margin-top:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-meta{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-top:5px}.stack:hover .stack-card{transform:translate(calc(var(--shift) * 1.5),calc(var(--i) * 3px - 8px)) rotate(calc(var(--angle) * 1.3));box-shadow:6px 12px 18px #0000000b}.stack-open{position:absolute;left:100px;bottom:30px;padding:9px 14px;background:var(--paper);border-radius:2px;font-size:11px;opacity:0;transform:translateY(5px);transition:.2s;box-shadow:0 2px 12px #0001}.stack:hover .stack-open,.stack:focus-visible .stack-open{opacity:1;transform:none}.collection-label{margin-top:22px;padding-left:15px;max-width:410px}.collection-label h2{font-size:17px;letter-spacing:1px;line-height:1.4;font-weight:400;margin:0 0 8px}.collection-label p{font-size:13px;margin:0;color:var(--muted);display:flex;justify-content:space-between}body.has-open .hero,body.has-open .zone-label,body.has-open .collection:not(.is-open),body.has-open .canvas-footer{opacity:.18}.collection.is-open{z-index:2;width:1210px}.collection.is-open>.stack,.collection.is-open>.collection-label{display:none}.spread{background:var(--paper);border:1px solid var(--rule);padding:30px;width:1210px;box-shadow:0 0 80px 60px #f3f0eacc}.spread-bar{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:30px}.spread-bar>div{min-width:0}.spread-bar h2{font-size:30px;line-height:1.2;letter-spacing:-.5px;font-weight:400;margin:8px 0 0}.fold-button{display:flex;flex-shrink:0;align-items:center;gap:25px;font-size:13px}.fold-button span{font-size:25px}.spread-content{display:grid;grid-template-columns:440px 1fr;gap:48px}.selected-work{margin:0}.selected-work>img{width:440px;height:557px;object-fit:contain;background:var(--inset);display:block}.selected-work figcaption{display:flex;justify-content:space-between;font-size:13px;margin-top:15px}.selected-number{color:var(--muted);font-family:monospace}.thumbnail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:26px 16px}.thumbnail{padding:9px;border:1px solid transparent;border-radius:2px;text-align:left;animation:unfold .45s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--order) * 45ms);color:var(--ink)}.thumbnail[aria-pressed=true]{border-color:var(--accent);background:var(--surface)}.thumbnail img{display:block;width:100%;height:190px;object-fit:cover}.thumbnail span{font-size:12px;display:block;margin-top:9px}.thumbnail small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.collection[data-kind=photos] .stack-card img,.collection[data-kind=photos] .thumbnail img{object-fit:contain;background:var(--paper)}.collection[data-kind=photos] .thumbnail-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:20px 10px}.collection[data-kind=photos] .thumbnail img{height:150px}.collection[data-kind=photos] .thumbnail small{display:none}@keyframes unfold{0%{opacity:0;transform:translate(-30px,20px) rotate(-5deg)}to{opacity:1;transform:none}}.canvas-footer{position:absolute;top:2530px;left:240px;width:1280px;display:flex;justify-content:space-between;font-size:16px;border-top:1px solid var(--rule);padding-top:24px}.canvas-help{position:fixed;bottom:27px;left:115px;font-size:11px;color:var(--muted);z-index:4;pointer-events:none}.mobile-hint{display:none}.navigator{position:fixed;right:24px;bottom:20px;display:flex;align-items:center;border:1px solid var(--rule);border-radius:3px;background:var(--surface);box-shadow:0 3px 16px #00000007;padding:5px;z-index:6;height:44px}.navigator button{height:32px;min-width:32px}.map-icon{font-size:23px}.zoom-controls{display:flex;align-items:center;padding:0 5px;border-left:1px solid var(--rule);border-right:1px solid var(--rule)}.zoom-controls button{font-size:18px}.zoom-controls output{font:11px/1 monospace;min-width:42px;text-align:center}.reset-view{font-size:21px}#map-panel{position:absolute;right:0;bottom:53px;width:205px;background:var(--surface);border:1px solid var(--rule);border-radius:3px;padding:13px;box-shadow:0 4px 20px #00000007}.mini-map{position:relative;height:190px;background:var(--paper);margin:10px 0;overflow:hidden}.mini-map button{position:absolute;background:var(--olive);border-radius:1px;min-width:0;padding:0;z-index:2}.mini-map button:hover{background:var(--accent)}.mini-map .map-hero{left:13%;top:5%;width:63%;height:26%}.mini-map .map-dot{width:22%;height:17%}#map-viewport{position:absolute;border:1px solid var(--accent);background:#601f320b;pointer-events:none;z-index:3}.overview-button{display:flex;align-items:center;justify-content:space-between;width:100%;font-size:11px}.collection-menu{position:fixed;bottom:20px;left:24px;z-index:6}#index-toggle{height:44px;font-size:12px;display:flex;align-items:center;gap:17px}#index-panel{position:absolute;bottom:53px;left:0;width:265px;padding:20px;background:var(--surface);border:1px solid var(--rule);border-radius:3px;box-shadow:0 5px 20px #00000009}#index-panel>.eyebrow{display:block;margin-bottom:15px}#index-panel button{display:flex;align-items:center;width:100%;gap:14px;padding:12px 0;border-top:1px solid var(--rule);font-size:13px;text-align:left}#index-panel button span:first-child{font:10px monospace;color:var(--muted)}#index-panel button span:last-child{margin-left:auto}dialog{border:1px solid var(--rule);border-radius:3px;background:var(--paper);color:var(--ink);width:min(660px,calc(100% - 32px));max-height:calc(100dvh - 60px);padding:32px;box-shadow:0 15px 80px #0002}dialog::backdrop{background:#e7e1d7b3;backdrop-filter:blur(9px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.dialog-heading h2{font-size:30px;letter-spacing:-1px;font-weight:400;margin:0}.dialog-heading button{font-size:28px;width:44px;height:44px}.prose{font-size:14px;line-height:1.7;user-select:text}.prose a{text-decoration:underline;text-underline-offset:3px}.prose p{margin:0 0 1.1em}.prose ul{padding-left:20px}.writing-list{list-style:none;padding:0!important}.writing-list li{padding:16px 0;border-top:1px solid var(--rule)}.writing-list a{display:flex;justify-content:space-between;text-decoration:none;font-size:18px}.writing-list p{color:var(--muted);font-size:12px;margin-top:8px}.notes-form{display:flex;flex-wrap:wrap;gap:8px}.notes-form input{background:var(--surface);color:var(--ink);font:inherit;padding:8px;border:1px solid var(--rule);border-radius:1px;min-width:0;max-width:100%}.notes-form button{border:1px solid var(--rule);border-radius:1px;padding:8px 12px}.notes-error{color:var(--accent)}.no-script{position:fixed;inset:35% 10% auto;z-index:20;padding:30px;background:var(--surface)}@media (max-width: 700px){.site-bar{padding:18px 20px}.site-bar nav{letter-spacing:.3px;gap:18px}.site-bar nav a{font-size:11px}.canvas-help{left:20px;bottom:78px;font-size:10px}.desktop-hint{display:none}.mobile-hint{display:inline}.navigator{right:15px;bottom:16px}.navigator button{min-width:36px;height:36px}.navigator{height:46px}.collection-menu{left:18px;bottom:16px}#index-toggle{height:46px;min-width:70px}#world .collection.is-open{width:560px}.spread{width:560px;padding:22px}.spread-bar{margin-bottom:20px}.spread-bar h2{font-size:30px}.spread-content{grid-template-columns:1fr;gap:25px}.selected-work>img{width:100%;height:420px}.thumbnail-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.thumbnail img{height:145px}.thumbnail span{font-size:13px}.thumbnail small{display:none}.collection[data-kind=photos] .thumbnail-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.collection[data-kind=photos] .thumbnail img{height:145px}.fold-button{font-size:14px;gap:12px}.eyebrow{font-size:12px}dialog{padding:22px}.prose{font-size:15px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}