:root{--paper:#ede6d6;--chart-paper:#d8c8af;--page:#e2d1b7;--ink:#4a3c2e;--ink-soft:#5e4e3d;--rust:#9c4a2e;--rust-deep:#86391f;--rule:#4a3c2e73;--display:"IM Fell English", Georgia, "Times New Roman", serif;--mono:"IBM Plex Mono", ui-monospace, Menlo, Consolas, monospace;--gl:max(20px, env(safe-area-inset-left,0px));--gr:max(20px, env(safe-area-inset-right,0px));--bar-h:66px;color-scheme:light}*{box-sizing:border-box}html{background:#d1c1a9}body{background:var(--page) url(/media/grain.png);background-blend-mode:multiply;min-height:100svh;color:var(--ink);font-family:var(--display);padding-bottom:calc(var(--bar-h) + env(safe-area-inset-bottom,0px));background-size:110px 110px;font-size:18px;line-height:1.45}a{color:var(--ink);text-decoration:none}a:hover{color:var(--rust-deep)}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--rust-deep);outline-offset:3px}.mono{font-family:var(--mono);letter-spacing:.05em;color:var(--ink-soft);font-size:11.5px;line-height:1.6}.wrap{width:100%;max-width:1160px;padding-left:var(--gl);padding-right:var(--gr);margin:0 auto}.paper{background:0 0}.go{border:0;border-bottom:1px solid var(--rust);cursor:pointer;background:0 0;align-items:center;gap:8px;min-height:46px;padding:0 2px;font-size:19px;display:inline-flex}.btn{border:1px solid var(--ink);cursor:pointer;background:0 0;justify-content:center;align-items:center;min-height:48px;padding:0 22px;font-size:18px;display:inline-flex}.btn.solid{background:var(--ink);color:var(--paper)}.head{justify-content:space-between;align-items:center;gap:12px;padding-top:14px;padding-bottom:10px;display:flex}.wordmark{flex-direction:column;gap:3px;font-size:19px;line-height:1.15;display:inline-flex}.compass{cursor:pointer;background:0 0;border:0;flex:none;width:48px;height:48px;padding:0}.hero{min-height:max(560px, calc(100svh - var(--bar-h)));background:var(--chart-paper) url(/media/chart_tall.jpg) center 60% / cover no-repeat;flex-direction:column;justify-content:space-between;display:flex;position:relative}.hero .grain,.sheet-grain{mix-blend-mode:multiply;opacity:.45;pointer-events:none;background:url(/media/grain.png) 0 0/110px 110px;position:absolute;inset:0}.hero>*{position:relative}.hero-foot{flex-direction:column;gap:12px;padding-bottom:18px;display:flex}.hero h1{letter-spacing:-.01em;margin:0;font-size:clamp(38px,10.6vw,76px);font-weight:400;line-height:.98}.hero .tag{margin:0;font-size:clamp(18px,2.2vw,22px);font-style:italic}.latest{border-top:1px solid var(--rule);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding-top:8px;display:flex}.latest .name{flex-direction:column;gap:2px;display:flex}.latest .name b{color:var(--rust-deep);font-size:15px;font-weight:400}.latest .name span{font-size:clamp(26px,3.4vw,40px);line-height:1}@media (width>=760px) and (orientation:landscape){.hero{min-height:min(820px, calc(100svh - var(--bar-h)));background-image:url(/media/chart_wide.jpg);background-position:50%}.hero-foot{flex-direction:row;justify-content:space-between;align-items:flex-end;gap:32px;padding-bottom:28px}.latest{text-align:right;border-top:0;flex-direction:column;align-items:flex-end;width:300px;padding-top:0}.hero .wrap{max-width:none;padding-left:max(56px, env(safe-area-inset-left,0px));padding-right:max(56px, env(safe-area-inset-right,0px))}.latest .name{align-items:flex-end}}.ledger{padding-top:52px;padding-bottom:40px}.ledger-head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:14px;display:flex}.ledger-head h2{color:var(--rust-deep);margin:0;font-size:20px;font-weight:400}.row{border-top:1px solid var(--rule);grid-template-columns:44px 84px minmax(0,1fr);align-items:center;gap:16px;padding:16px 0;display:grid}.row:last-of-type{border-bottom:1px solid var(--rule)}.row .num{color:var(--rust);font-size:26px}.row img,.row .blank{object-fit:cover;width:84px;height:84px;display:block}.row .blank{border:1px dashed #4a3c2e99}.row .ttl{flex-direction:column;gap:4px;min-width:0;display:flex}.row .ttl .t{font-size:clamp(27px,3.6vw,38px);line-height:1.02}.row .ttl .d{font-size:17px;font-style:italic;line-height:1.25}.row .meta,.row .open{display:none}@media (width>=760px){.row{grid-template-columns:64px 100px minmax(0,1fr) 190px 120px;gap:28px}.row img,.row .blank{width:100px;height:100px}.row .meta{display:block}.row .open{text-align:right;font-size:18px;display:block}}.pair{grid-template-columns:1fr;gap:36px;margin-top:44px;display:grid}@media (width>=760px){.pair{grid-template-columns:1fr 1fr;gap:56px}}.shelf-item{align-items:center;gap:18px;display:flex}.shelf-item img{object-fit:cover;border:1px solid var(--rule);flex:none;width:132px;height:112px;display:block}.shelf-item .n{font-size:24px;line-height:1.1}.shelf-item .n b{color:var(--rust-deep);font-weight:400}.foot{flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:48px;display:flex}.plate{padding-top:8px;padding-bottom:48px}.plate-grid{grid-template-columns:1fr;gap:28px;display:grid}.plate-side{flex-direction:column;gap:16px;display:flex}.plate-side .cover{border:1px solid var(--rule);background:var(--paper);padding:10px}.plate-side .cover img{aspect-ratio:1;object-fit:cover;width:100%;display:block}.plate h1{letter-spacing:-.015em;margin:0;font-size:clamp(46px,13vw,84px);font-weight:400;line-height:.96}.plate .pn{color:var(--rust);font-size:24px}.plate .sub{margin:0;font-size:21px;font-style:italic}.plate-main{flex-direction:column;gap:34px;min-width:0;display:flex}.story p{max-width:34em;margin:0 0 14px;font-size:19px;line-height:1.5}.story p:last-child{margin-bottom:0}.sec-h{color:var(--rust-deep);justify-content:space-between;align-items:baseline;gap:12px;margin:0 0 6px;font-size:20px;font-weight:400;display:flex}.tracks{margin:0;padding:0;list-style:none}.tracks li{border-top:1px solid var(--rule)}.tracks li:last-child{border-bottom:1px solid var(--rule)}.trk{cursor:pointer;text-align:left;background:0 0;border:0;grid-template-columns:30px minmax(0,1fr) auto 28px;align-items:center;gap:10px;width:100%;min-height:58px;padding:6px 0;display:grid}.trk .no{color:var(--rust-deep);font-size:19px}.trk .tt{flex-direction:column;gap:1px;min-width:0;display:flex}.trk .tt .t{font-size:20px;line-height:1.15}.trk .tt .p{color:var(--ink-soft);text-wrap:balance;font-size:15.5px;font-style:italic;line-height:1.2}.trk .tt .t{text-wrap:balance}.trk .ic{border:1px solid var(--ink);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.trk[aria-pressed=true] .ic{background:var(--ink);color:var(--paper)}.trk[aria-pressed=true] .t{color:var(--rust-deep)}.links{flex-wrap:wrap;gap:10px 26px;display:flex}.credits p{max-width:36em;margin:0 0 8px;font-size:17px}@media (width>=900px){.plate-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:64px}.plate-side{position:sticky;top:16px;container-type:inline-size}.plate h1{font-size:min(84px,18.1818cqw + 4px)}}.stub{flex-direction:column;gap:14px;min-height:60svh;padding-top:40px;padding-bottom:80px;display:flex}.stub h1{margin:0;font-size:clamp(44px,12vw,80px);font-weight:400;line-height:.98}.menu{z-index:30;background:var(--page) url(/media/grain.png);background-blend-mode:multiply;padding:calc(14px + env(safe-area-inset-top,0px)) var(--gr) calc(24px + env(safe-area-inset-bottom,0px)) var(--gl);background-size:110px 110px;flex-direction:column;display:flex;position:fixed;inset:0;overflow:auto}.menu .top{justify-content:space-between;align-items:center;display:flex}.menu nav{flex-direction:column;margin:auto 0;display:flex}.menu nav a{border-top:1px solid var(--rule);justify-content:space-between;align-items:baseline;gap:16px;padding:12px 0;font-size:clamp(38px,9vw,64px);line-height:1.05;display:flex}.menu nav a:last-child{border-bottom:1px solid var(--rule)}.menu .x{cursor:pointer;border:0;border-bottom:1px solid var(--rust);background:0 0;min-width:48px;min-height:48px;padding:0 2px;font-size:19px}body{margin:0}img{max-width:100%}[hidden]{display:none!important}.foot a{color:inherit}.foot a:hover{color:var(--rust-deep)}.sitenav{display:none}@media (width>=900px){.sitenav{gap:44px;margin-left:auto;margin-right:32px;display:flex}.sitenav a{flex-direction:column;align-items:flex-start;display:flex}.sitenav .n{border-bottom:1px solid #0000;font-size:22px;line-height:1.15}.sitenav .l{font-family:var(--mono);letter-spacing:.05em;color:var(--ink-soft);font-size:11px;line-height:1.6}.sitenav a[aria-current] .n{border-bottom-color:var(--rust)}}
