:root{color-scheme:dark;--ink:#101311;--paper:#eee8da;--muted:#acb2a2;--bronze:#c2a17b;--petrol:#8bc7bc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:'Segoe UI',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid var(--petrol);outline-offset:5px}.skip{position:absolute;left:20px;top:-80px;padding:14px;background:var(--paper);color:var(--ink);z-index:10}.skip:focus{top:10px}.diary-top,main,footer{width:min(1180px,calc(100% - 80px));margin:auto}.diary-top{min-height:90px;display:flex;justify-content:space-between;align-items:center;gap:24px;border-bottom:1px solid #394039}.brand{font-size:12px;letter-spacing:.14em;font-weight:600}.brand>span{color:var(--muted);font-size:10px}.brand>span:first-child{margin:0 12px;color:var(--bronze)}nav{display:flex;align-items:center;gap:32px}nav>a,.languages button{font:10px/1.6 'Courier New',monospace;letter-spacing:.08em}.languages{display:flex;gap:8px}.languages button{border:0;background:none;color:var(--muted);padding:8px}.languages button[aria-pressed=true]{color:var(--paper);border-bottom:1px solid var(--bronze)}.diary-intro{display:grid;grid-template-columns:1fr .34fr;gap:80px;padding:66px 0 72px}.eyebrow{font:10px/1.6 'Courier New',monospace;letter-spacing:.16em;color:var(--bronze);margin:0 0 24px}h1{font:400 clamp(58px,8.4vw,112px)/1 Georgia,serif;letter-spacing:-.06em;margin:0 0 28px}.intro-lead{font:italic 30px/1.2 Georgia,serif;color:var(--bronze);margin:0 0 15px}.intro-text{font-size:16px;line-height:1.8;color:#bec3b8;max-width:420px;margin:0 0 30px}.under-link{font-size:10px;letter-spacing:.1em;border-bottom:1px solid #7b826f;padding-bottom:6px}.margin-note{align-self:center;transform:rotate(5deg);color:#a9bda7;max-width:190px}.margin-note>span{font:70px Georgia,serif;color:var(--petrol)}.margin-note p{font:italic 22px/1.3 Georgia,serif;margin:0 0 20px}.scribble{height:16px;width:120px;border-top:2px solid var(--bronze);border-bottom:1px solid var(--bronze);transform:skew(-30deg) rotate(-8deg);border-radius:50%}.desk-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #394039;padding:22px 0 36px}.filters{display:flex;gap:10px;flex-wrap:wrap}.filters button{background:none;border:1px solid #394039;border-radius:0;padding:10px 16px;font-size:12px;color:#bac1b1}.filters button[aria-pressed=true]{background:var(--paper);color:var(--ink);border-color:var(--paper)}#pageCount{font:11px 'Courier New',monospace;white-space:nowrap;color:var(--muted)}.desk{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:64px;row-gap:62px;align-items:start;padding:12px 14px 70px}.note{grid-column:span 4;margin:0;min-width:0}.note:nth-child(6n+1){grid-column:span 7}.note:nth-child(6n+2){grid-column:span 5;margin-top:85px}.note:nth-child(6n+4){margin-top:66px}.note:nth-child(6n){grid-column:span 5}.note:nth-child(6n+5){grid-column:span 8}.note:nth-child(6n+4){grid-column:span 4}.note:nth-child(6n+3){grid-column:span 7}.note:nth-child(6n+6){grid-column:span 4}.drawing{display:block;position:relative;width:100%;background:none;border:0;padding:0;text-align:left}.sheet{display:block;background:#e9e2d2;padding:12px;box-shadow:4px 9px 0 #0003;transform:rotate(-1.7deg);transition:transform .2s}.note:nth-child(even) .sheet{transform:rotate(1.6deg)}.note:nth-child(3n) .sheet{transform:rotate(-.5deg);padding:9px}.drawing:hover .sheet,.drawing:focus-visible .sheet{transform:rotate(0deg)}.sheet img{display:block;width:100%;height:clamp(240px,36vw,500px);object-fit:contain;background:#d8d3c6}.note:nth-child(6n+2) img,.note:nth-child(6n+4) img,.note:nth-child(6n+6) img{height:clamp(220px,28vw,390px)}.zoom-mark{position:absolute;bottom:20px;right:18px;display:grid;place-items:center;background:var(--ink);width:30px;height:30px;color:var(--paper);font-size:18px}figcaption{display:flex;gap:15px;margin-top:25px}.note-number{font:11px/1.8 'Courier New',monospace;color:var(--bronze)}figcaption h2{font:400 23px/1.2 Georgia,serif;margin:0 0 7px}figcaption p{font:10px/1.5 'Courier New',monospace;color:var(--muted);margin:0}.end-note{font:italic 22px/1.6 Georgia,serif;text-align:center;color:#a9b7a5;padding:30px 0 75px;border-bottom:1px solid #394039}footer{padding:28px 0 40px;display:flex;justify-content:space-between;gap:20px;font:9px/1.6 'Courier New',monospace;letter-spacing:.08em;color:var(--muted)}footer>a:first-child{color:var(--paper)}[hidden]{display:none!important}body.viewing{overflow:hidden}dialog{max-width:none;max-height:none;width:100%;height:100dvh;margin:0;padding:20px 32px;background:#101311;border:0;color:var(--paper)}dialog::backdrop{background:#101311f5}dialog[open]{display:flex;flex-direction:column}.viewer-bar{display:flex;justify-content:space-between;align-items:center;height:48px;flex-shrink:0}.viewer-bar p{font:12px 'Courier New',monospace;color:var(--muted)}dialog button{background:none;border:1px solid #535e50;min-width:44px;min-height:44px;font-size:22px}.viewer-stage{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:24px;min-height:0;flex:1}.viewer-stage img{width:100%;height:100%;min-height:0;object-fit:contain;display:block}#viewerCaption{font:22px Georgia,serif;text-align:center;margin:16px 0;flex-shrink:0}#closeViewer{font-size:30px}.desk.filtered .note{grid-column:span 6;margin-top:0}.desk.filtered .note img{height:390px}@media(max-width:760px){.diary-top,main,footer{width:calc(100% - 40px)}.diary-top{align-items:flex-start;padding:22px 0;gap:16px}.brand{font-size:10px;line-height:1.8}.brand>span{font-size:9px}.brand>span:first-child{margin:0 3px}nav{gap:12px;align-items:flex-end;flex-direction:column}nav>a{font-size:9px}.languages button{padding:3px 7px}.diary-intro{grid-template-columns:1fr;gap:22px;padding:44px 0 40px}h1{font-size:clamp(54px,12vw,84px)}.intro-lead{font-size:27px}.margin-note{display:none}.desk-toolbar{align-items:flex-start;gap:12px;padding-bottom:30px}.filters{gap:7px}.filters button{padding:9px 12px;font-size:11px}#pageCount{font-size:10px}.desk{display:block;padding:8px 5px 10px}.note,.note:nth-child(n),.desk.filtered .note{margin:0 auto 52px;max-width:530px}.note:nth-child(3n+2){width:86%;margin-left:auto;margin-right:0}.note:nth-child(3n){width:91%;margin-left:0}.sheet img,.note:nth-child(n) img,.desk.filtered .note img{height:auto;max-height:520px;object-fit:contain}figcaption{margin-top:20px}figcaption h2{font-size:22px}.end-note{font-size:19px;padding:10px 0 44px}footer{flex-wrap:wrap;gap:16px}footer span{display:none}dialog{padding:12px}.viewer-stage{grid-template-columns:36px minmax(0,1fr) 36px;gap:8px}dialog button{min-width:36px}.viewer-bar{margin-bottom:14px}#viewerCaption{font-size:19px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.sheet{transition:none}}