:root{--ink: #16130f;--muted: #716a5e;--paper: #f5efe2;--paper-deep: #ece2d1;--surface: rgba(255, 252, 244, .86);--surface-solid: #fffaf0;--line: rgba(22, 19, 15, .18);--line-strong: rgba(22, 19, 15, .32);--red: #9d3527;--blue: #2f5f86;--green: #3e6d59;--shadow-soft: 0 16px 42px rgba(22, 19, 15, .14);--control-h: 38px;--control-radius: 6px;--visual-viewport-w: 100vw;--visual-viewport-h: 100vh;--zoom: 1;--cover-w: 220px;--cover-h: 311px;--grid-cols: 24;--grid-gap-x: 42px;--grid-gap-y: 84px;--grid-top: 260px;--canvas-gutter: 90px;--grid-w: 6246px;--canvas-w: calc(var(--grid-w) + (2 * var(--canvas-gutter)));--canvas-h: 16380px}*{box-sizing:border-box}html,body,#app{min-width:100%;min-height:100%;margin:0}body{overflow:scroll;background:radial-gradient(circle at 18% 8%,rgba(157,53,39,.07),transparent 24rem),var(--paper);color:var(--ink);font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif}a{color:inherit}button,input{font:inherit}.app-controls{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));left:50vw;z-index:100;display:flex;width:min(calc(100dvw - 32px),560px);min-height:calc(var(--control-h) + 10px);align-items:center;justify-content:space-between;gap:6px;padding:5px;color:var(--ink);font-family:Avenir Next,Gill Sans,Trebuchet MS,sans-serif;background:var(--surface);border:1px solid var(--line);border-radius:var(--control-radius);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(18px) saturate(1.08);backdrop-filter:blur(18px) saturate(1.08);transform:translate(-50%)}.app-controls.is-minimized{right:auto;width:auto;min-height:0;padding:4px}.dock-panel{display:flex;min-width:0;flex:1 1 auto;align-items:center;gap:8px}.control-cluster,.view-controls{display:flex;align-items:center;gap:3px}.control-cluster{margin-left:auto}.dock-end-controls{display:flex;align-items:center;gap:2px;margin-left:6px}.dock-toggle{height:32px;padding:0 10px;color:var(--ink);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:transparent;border:1px solid transparent;border-radius:var(--control-radius);cursor:pointer}.dock-toggle:hover,.dock-toggle:focus-visible{background:#16130f14;border-color:var(--line)}.dock-toggle:focus-visible{outline:2px solid rgba(47,95,134,.82);outline-offset:2px}.control-button{display:grid;width:var(--control-h);height:var(--control-h);place-items:center;padding:0;color:var(--ink);font-size:20px;line-height:1;background:transparent;border:1px solid transparent;border-radius:var(--control-radius);cursor:pointer;transition:background .14s ease,border-color .14s ease,color .14s ease,transform .14s ease}.control-button.is-compact{width:34px;font-size:18px}.control-button:hover,.control-button:focus-visible,.control-button.is-pressed{background:#16130f14;border-color:var(--line)}.control-button:hover{transform:translateY(-1px)}.control-button:focus-visible,.search-control:focus-within{outline:2px solid rgba(47,95,134,.82);outline-offset:2px}.control-button:disabled{color:#16130f47;cursor:default;transform:none}.zoom-readout{min-width:56px;height:var(--control-h);padding:0 8px;color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.04em;text-align:center;font-variant-numeric:tabular-nums;background:transparent;border:1px solid transparent;border-radius:var(--control-radius);cursor:pointer}.zoom-readout:hover,.zoom-readout:focus-visible{color:var(--ink);background:#16130f14;border-color:var(--line)}.zoom-readout:focus-visible{outline:2px solid rgba(47,95,134,.82);outline-offset:2px}.search-control{display:grid;min-width:180px;max-width:260px;height:var(--control-h);flex:1 1 240px;grid-template-columns:28px minmax(0,1fr) auto auto;align-items:center;gap:6px;padding:0 8px 0 12px;background:#ffffff70;border:1px solid var(--line);border-radius:var(--control-radius);transition:background .14s ease,border-color .14s ease}.search-control:focus-within{background:var(--surface-solid);border-color:var(--line-strong)}.control-icon{color:var(--muted);font-size:22px;line-height:1}.search-control input{width:100%;min-width:0;color:var(--ink);font-size:13px;background:transparent;border:0;outline:0}.search-control input::placeholder{color:#716a5ebd}.inline-clear{display:grid;width:28px;height:28px;place-items:center;padding:0;color:var(--muted);font-size:18px;line-height:1;background:transparent;border:0;border-radius:4px;cursor:pointer}.inline-clear:hover,.inline-clear:focus-visible{color:var(--ink);background:#16130f14;outline:0}.search-result{min-width:48px;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.06em;text-align:right;text-transform:uppercase;font-variant-numeric:tabular-nums}.zoom-shell{position:relative;width:var(--canvas-w);height:var(--canvas-h)}.canvas{position:relative;width:var(--canvas-w);height:var(--canvas-h);isolation:isolate;transform:scale(var(--zoom));transform-origin:0 0}.canvas:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,250,239,.45) 50%,transparent),linear-gradient(180deg,rgba(22,19,15,.04),transparent 520px);mix-blend-mode:multiply}.cover-grid{position:absolute;top:var(--grid-top);left:var(--canvas-gutter);display:grid;width:var(--grid-w);grid-template-columns:repeat(var(--grid-cols),var(--cover-w));grid-auto-rows:calc(var(--cover-h) + 54px);gap:var(--grid-gap-y) var(--grid-gap-x);align-items:start;justify-content:start}.title-block{display:flex;min-height:calc(var(--cover-h) + 54px);grid-column:11 / span 4;grid-row:6;flex-direction:column;justify-content:center;align-self:stretch;padding:0 26px 54px;pointer-events:none;text-align:center}.kicker,.subtitle,.meta,.credit{margin:0;color:var(--muted);font-family:Avenir Next,Gill Sans,Trebuchet MS,sans-serif;letter-spacing:.08em}.kicker{margin-bottom:14px;color:var(--red);font-size:16px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}h1{max-width:720px;margin:0 auto;font-size:52px;font-weight:700;line-height:1.02;letter-spacing:0}.subtitle{max-width:560px;margin:20px auto 0;font-size:12px;line-height:1.55;text-transform:uppercase}.meta{margin-top:22px;font-size:13px;letter-spacing:.04em}.credit{margin-top:10px;font-size:12px;letter-spacing:.04em}.credit a{color:var(--ink);pointer-events:auto;text-decoration-color:#16130f52;text-underline-offset:3px}.specimen{display:flex;width:var(--cover-w);min-height:calc(var(--cover-h) + 54px);flex-direction:column;align-items:center;color:var(--ink);text-decoration:none;transition:opacity .16s ease,filter .16s ease}.specimen:focus-visible{outline:2px solid var(--blue);outline-offset:10px}.specimen.is-search-miss{opacity:.16;filter:saturate(.6);pointer-events:none}.specimen figure{width:100%;margin:0}.specimen img{display:block;width:100%;height:var(--cover-h);object-fit:contain;background:#fffdf8;border:1px solid rgba(22,19,15,.2);box-shadow:0 18px 36px #16130f2e;filter:saturate(.95) contrast(1.02);transition:filter .16s ease,transform .16s ease,box-shadow .16s ease}.specimen:hover img,.specimen:focus-visible img{box-shadow:0 22px 42px #16130f38;filter:saturate(1.04) contrast(1.04);transform:translateY(-3px)}.specimen figcaption{width:100%;margin:8px auto 0;color:var(--muted);font-family:Avenir Next,Gill Sans,Trebuchet MS,sans-serif;font-size:11px;line-height:1.32;overflow-wrap:anywhere;text-align:center;text-shadow:0 1px 0 var(--paper)}.specimen b,.specimen span{display:block}.specimen b{color:var(--ink);font-size:12px;font-weight:700}.site-note{position:absolute;bottom:64px;left:var(--canvas-gutter);width:var(--grid-w);max-width:var(--grid-w);color:var(--muted);font-family:Avenir Next,Gill Sans,Trebuchet MS,sans-serif;font-size:12px;line-height:1.55;text-align:center}.site-note p{max-width:960px;margin:0 auto}.site-note p+p{margin-top:8px}.site-note a{color:var(--ink);text-decoration-color:#16130f52;text-underline-offset:3px}@media(max-width:1180px){:root{--cover-w: 210px;--cover-h: 297px;--grid-cols: 8;--grid-gap-x: 42px;--grid-gap-y: 72px;--grid-top: 230px;--canvas-gutter: 60px;--grid-w: 1974px;--canvas-h: 44640px}.title-block{grid-column:3 / span 4;grid-row:6}h1{font-size:42px}}@media(max-width:720px){:root{--cover-w: 220px;--cover-h: 311px;--grid-cols: 24;--grid-gap-x: 42px;--grid-gap-y: 84px;--grid-top: 260px;--canvas-gutter: 90px;--grid-w: 6246px;--canvas-h: 16380px}body{background:var(--paper)}.title-block{grid-column:11 / span 4;grid-row:6;padding-inline:26px}.kicker{font-size:13px}h1{font-size:44px}.subtitle{margin-top:18px;font-size:11px}.meta{margin-top:18px;font-size:12px}.specimen figcaption{font-size:11px}.specimen b{font-size:12px}.app-controls{right:auto;bottom:auto;top:calc(var(--visual-viewport-h) - 12px - env(safe-area-inset-bottom,0px));left:calc(var(--visual-viewport-w) / 2);width:min(calc(var(--visual-viewport-w) - 16px),560px);min-height:44px;align-items:center;gap:4px;padding:4px;transform:translate(-50%,-100%)}.app-controls.is-minimized{width:auto}.dock-panel{gap:4px}.search-control{min-width:0;height:34px;flex:1 1 108px;grid-template-columns:20px minmax(0,1fr) auto;gap:3px;padding:0 6px 0 8px}.search-control input{font-size:12px}.search-control input::placeholder{color:transparent}.search-result{display:none}.control-icon{font-size:18px}.inline-clear{width:24px;height:24px}.control-cluster,.view-controls{gap:1px}.control-cluster{flex:0 0 auto;margin-left:0}.control-button,.control-button.is-compact{width:32px;height:34px;font-size:17px}.zoom-readout{min-width:44px;height:34px;padding:0 4px;font-size:11px}.dock-end-controls{gap:1px;margin-left:2px}.dock-toggle{height:34px;padding:0 8px;font-size:10px;letter-spacing:.04em}}@media(max-width:620px){.app-controls{flex-direction:row}.dock-panel{width:100%;flex-direction:row}.search-control{width:100%;max-width:none}.control-cluster{width:auto;justify-content:flex-end}.view-controls,.zoom-readout{flex:0 0 auto}}