*{box-sizing:border-box}html{color-scheme:light}body{margin:24px;color:#111;background:#fff;font:18px/1.4 Georgia,'Times New Roman',serif}a{color:inherit;text-decoration:underline;text-underline-offset:3px}a:hover,summary:hover{background:#eee87a}button,input,select{font:inherit;color:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #111;outline-offset:5px}h1{font-size:28px;font-weight:normal;margin:0 0 24px}h2{font-size:20px;font-weight:normal}header{display:flex;align-items:baseline;gap:36px;flex-wrap:wrap;margin-bottom:30px}header a{text-decoration:none}header h1{margin:0}summary{cursor:pointer;width:fit-content;text-decoration:underline;list-style:none}summary::-webkit-details-marker{display:none}summary::after{content:' +'}details[open]>summary::after{content:' −'}.information{margin-bottom:22px}.information[open]{width:100%}.info-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;border-top:1px solid #111;border-bottom:1px solid #111;margin-top:18px;padding:12px 0 20px;max-width:1200px;font-size:15px}.info-grid h2{font-size:15px}.info-grid ul{padding-left:18px}.home-nav{margin:0;padding-left:24px}.home-nav li{margin:3px 0}.home-nav a{text-decoration:none}.home-nav a:hover{text-decoration:underline}.tools{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin:24px 0}.tools input{border:0;border-bottom:1px solid #aaa;padding:5px 0;width:260px;max-width:100%;background:white}.tools select{border:0;border-bottom:1px solid #aaa;background:white;padding:5px}.tools button{background:none;border:0;text-decoration:underline;padding:5px}.bookshelves{max-width:1200px;display:flex;flex-wrap:wrap;align-items:flex-end;column-gap:3px;row-gap:30px;padding:10px 0 30px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 239px,#b6a38a 240px,#d2c1aa 247px,transparent 250px);}.spine{height:220px;width:40px;border:1px solid #0002;border-radius:2px 4px 0 0;padding:12px 6px;writing-mode:vertical-rl;text-align:left;font-size:14px;line-height:1.1;display:flex;align-items:center;gap:15px;box-shadow:inset 3px 0 4px #ffffff25,inset -3px 0 4px #0002;transition:transform .18s;overflow:hidden;flex-shrink:0}.spine:hover,.spine:focus-visible{transform:translateY(-12px)}.spine span{max-height:180px;overflow:hidden}.spine small{font-size:10px;opacity:.8}.book-row{display:flex;gap:24px;justify-content:space-between;border-bottom:1px solid #eee;padding:10px 0;max-width:900px;text-align:left;background:none;width:100%;border-top:0;border-left:0;border-right:0}.book-row small{color:#555}.catalogue{max-width:950px}.film{display:grid;grid-template-columns:1fr 90px 130px;gap:20px;border-bottom:1px solid #ddd;padding:12px 0}.film a{text-decoration:none}.film small{color:#555}.records{display:flex;overflow-x:auto;align-items:center;min-height:410px;padding:45px 30px 60px 0;scroll-snap-type:x mandatory;max-width:1200px}.record{flex:0 0 260px;margin-right:-140px;position:relative;scroll-snap-align:start;transition:transform .2s,margin .2s;background:none;border:0;padding:0;text-align:left}.record:hover,.record:focus-visible,.record.selected{transform:translateY(-24px);margin-right:20px;z-index:2}.record img{width:260px;height:260px;object-fit:cover;box-shadow:1px 3px 8px #0004;border:1px solid #ccc;background:#eee}.record:last-child{margin-right:0}.record-caption{max-width:600px;min-height:65px}.record-caption a{display:block}.map{max-width:1100px;width:100%;height:auto}.map path{fill:#eeeae3;stroke:#b8b4aa;stroke-width:.3}.map circle{fill:#111}.map text{font:11px Georgia;fill:#111}.map a:hover circle{fill:#aa6517}.places{display:flex;gap:30px;flex-wrap:wrap}.writing{max-width:720px}.writing li{margin:14px 0}.writing h2{margin-top:40px}dialog{border:1px solid #aaa;padding:32px;max-width:650px;width:calc(100% - 40px);max-height:85vh;overflow:auto}dialog::backdrop{background:#fff9}dialog img{width:150px;max-height:240px;object-fit:contain;float:left;margin:0 28px 20px 0}dialog h2{margin-top:0}dialog button{float:right;background:none;border:0;text-decoration:underline}dialog p{white-space:pre-line}.muted{color:#666}body>main{min-height:80vh}@media(max-width:650px){body{margin:20px;font-size:17px}.info-grid{grid-template-columns:1fr 1fr;gap:20px}header{gap:20px}h1{font-size:25px}.film{grid-template-columns:1fr 50px 70px;gap:10px}.film small{font-size:12px}.record{flex-basis:220px;margin-right:-150px}.record img{width:220px;height:220px}.records{min-height:340px}.spine{width:35px}.book-row{gap:12px}.map text{font-size:13px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

html,body{background:#fff}.site-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:50px;align-items:start}.site-menu{position:sticky;top:24px}.site-menu h1{white-space:nowrap}.home-nav a[aria-current="page"]{text-decoration:underline}#collection-panel{display:block;border:0;width:100%;height:calc(100dvh - 48px);min-height:500px;background:#fff}.embedded{margin:0}.embedded header>a{display:none}.embedded header{margin-bottom:30px}.embedded main{min-height:0}@media(max-width:750px){.site-layout{grid-template-columns:170px minmax(0,1fr);gap:24px}.site-menu h1{font-size:21px}}@media(max-width:520px){.site-layout{grid-template-columns:120px minmax(0,1fr);gap:16px}.site-menu h1{font-size:19px;white-space:normal;max-width:110px}body{margin:16px}.home-nav{padding-left:18px}.home-nav li{margin:8px 0}#collection-panel{height:calc(100dvh - 32px)}.embedded{margin:0}}

.home-nav a:hover,.home-nav a:focus-visible{background:#ffff00;text-decoration:none}.home-nav a[aria-current="page"]{text-decoration:none}

.home-nav{list-style:none;padding-left:0}

.map text{text-decoration:none;cursor:default}.map circle{cursor:default}

.spine.photographed{padding:0;border:0;border-radius:0;background:none;box-shadow:none;writing-mode:horizontal-tb;display:block}.spine.photographed img{display:block;width:100%;height:100%;object-fit:contain}

.spine.fallback{background:#eeeae1;color:#24221d;box-shadow:inset 2px 0 3px #fff8,inset -2px 0 3px #0001;border-color:#cfcac0}.poster-mosaic{display:grid;grid-template-columns:repeat(auto-fill,minmax(105px,1fr));gap:8px;max-width:1300px}.poster{aspect-ratio:2/3;display:block;overflow:hidden;text-decoration:none;background:#f3f3f3;line-height:0}.poster:hover{background:#f3f3f3}.poster img{display:block;width:100%;height:100%;object-fit:cover}.poster-fallback{display:flex;align-items:center;justify-content:center;height:100%;padding:12px;font-size:14px;line-height:1.3;text-align:center}.record-caption{max-width:800px}.track-list{margin:24px 0 0;padding-left:28px;font-size:16px}.track-list li{padding:8px 8px 8px 4px;border-bottom:1px solid #eee;position:relative;min-height:58px}.track-list li>div{padding-right:65px}.track-list a{text-decoration:none}.track-list small{display:block;color:#555;font-size:13px}.track-duration{position:absolute;right:0;top:8px}.record-caption h2{font-size:20px}@media(max-width:520px){.poster-mosaic{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:6px}.track-list{font-size:15px;padding-left:22px}.track-list li>div{padding-right:42px}}

/* Keep the overlapping sleeves, with non-overlapping button hit areas. */
.record{flex:0 0 120px;width:120px;margin-right:0}.record img{pointer-events:none}.record:hover,.record:focus-visible{margin-right:0}.record.selected{flex-basis:260px;margin-right:20px}.record:last-child{flex-basis:260px}