@font-face{font-family:Archivo;src:url(/fonts/archivo-latin.woff2) format("woff2");font-weight:100 900;font-display:swap}
:root{--seam:#d4d4d0;--ink:#111;--mute:#61615c;--pad:16px;--cols:5;color-scheme:light}
*{box-sizing:border-box}[hidden]{display:none!important}
html{background:var(--seam);scrollbar-color:#999994 #f0f0ed;scroll-behavior:smooth}
body{margin:0;color:var(--ink);font:14px/1.5 Archivo,"Helvetica Neue",Arial,"Microsoft YaHei",sans-serif;font-variant-numeric:tabular-nums}
button,input{font:inherit;color:inherit}button{cursor:pointer;border:0;border-radius:0;background:transparent;touch-action:manipulation}a{color:inherit;text-decoration:none;text-underline-offset:4px}
button:focus-visible,a:focus-visible{outline:2px solid #355e39;outline-offset:-3px}
::selection{background:#dfe8d7;color:#111}h1,h2,h3,p{margin:0}
.skip{position:fixed;left:12px;top:-100px;padding:12px;background:white;z-index:5}.skip:focus{top:12px}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.page-header{display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));gap:1px;margin-top:1px}
.page-title{min-height:104px;padding:20px var(--pad);display:flex;align-items:center;background:white}
h1{font-size:clamp(36px,4.375vw,64px);line-height:1.1;letter-spacing:-.03em;font-weight:600}
.page-header nav{grid-column:2/-1;background:#fff}.main-link{display:flex;align-items:center;gap:8px;min-height:48px;height:100%;padding:20px var(--pad);font-size:13px}.main-link svg{width:14px;height:14px;visibility:hidden}.main-link:focus-visible svg,.main-link:active svg{visibility:visible}
.toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px var(--pad);background:white;margin-top:1px;min-height:64px}.toolbar label{width:min(100%,400px);min-width:0;display:flex;align-items:center;gap:12px}.toolbar label svg{width:16px;height:16px;color:var(--mute);flex-shrink:0}.toolbar input{width:100%;min-width:0;padding:8px 0;border:0;border-bottom:1px solid transparent;border-radius:0;appearance:none;background:transparent;outline:none;box-shadow:none}.toolbar input::placeholder{color:var(--mute)}.toolbar input:focus{border-bottom-color:var(--ink)}.toolbar p{font-size:12px;color:var(--mute);white-space:nowrap}
#view{margin-top:1px}.shelf{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,6fr);gap:1px;margin-top:1px;scroll-margin-top:16px}.shelf-heading{background:#fff;min-width:0}.shelf-heading-content{position:sticky;top:24px;display:flex;flex-direction:column;align-items:start;gap:8px;padding:24px 16px}.shelf-heading h2{font-size:clamp(20px,2vw,30px);line-height:1.2;font-weight:500;letter-spacing:-.025em;overflow-wrap:anywhere}.featured-shelf h2{font-size:30px}.more{margin-top:16px;padding:12px 0;font-size:12px;text-decoration:underline;text-underline-offset:4px;text-align:left;min-height:44px}.more svg{width:12px;height:12px;margin-left:6px;vertical-align:-1px}
.shelf-covers{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1px;background:white}.release-card{display:block;background:white;padding:0;text-align:left;min-width:0;box-shadow:1px 0 0 var(--seam),0 1px 0 var(--seam)}.release-card img{display:block;aspect-ratio:1;width:100%;height:auto;object-fit:contain}.release-card h3{font-size:12px;font-weight:500;line-height:1.4;margin:12px 16px 0;display:flex;align-items:flex-start;gap:4px;min-height:34px}.release-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.external-arrow{width:14px;height:14px;flex-shrink:0;visibility:hidden;margin-top:1px}.release-card p{font-size:11px;line-height:1.4;color:var(--mute);margin:4px 16px 16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:31px}.release-card:focus-within .external-arrow{visibility:visible}
.empty-cover{display:none;min-width:0;background:#ececea;box-shadow:1px 0 0 var(--seam),0 1px 0 var(--seam)}.empty-cover.for-six{display:block}
.empty{background:white;padding:40px 16px}footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px;background:#fff;margin-top:1px;font-size:11px;color:var(--mute)}footer .main-link{padding:12px 0;height:auto}
@media(hover:hover) and (pointer:fine){.main-link:hover span,footer>a:hover{text-decoration:underline}.release-card:hover .external-arrow,.main-link:hover svg{visibility:visible}.toolbar label:hover input:not(:focus){border-bottom-color:var(--seam)}}
@media(max-width:1000px){:root{--cols:3}.shelf{grid-template-columns:minmax(0,1fr) minmax(0,3fr)}.shelf-covers{grid-template-columns:repeat(3,minmax(0,1fr))}.empty-cover.for-six{display:none}.empty-cover.for-three{display:block}}
@media(max-width:640px){:root{--cols:2}.page-title{grid-column:1/-1;min-height:80px}.page-header nav{grid-column:1/-1}.main-link{padding:12px var(--pad);font-size:12px}.toolbar{flex-wrap:wrap;gap:8px}.toolbar label{width:100%}.toolbar p{font-size:11px}.shelf{grid-template-columns:minmax(0,1fr);scroll-margin-top:0}.shelf-heading{position:sticky;top:0;z-index:2;align-self:start;border-bottom:1px solid var(--seam)}.shelf-heading-content{position:static;display:flex;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:12px 16px}.shelf-heading h2{font-size:22px}.shelf-heading .more{margin:0;min-height:44px;padding:10px 0;font-size:11px}.shelf-covers{grid-template-columns:repeat(2,minmax(0,1fr))}.empty-cover.for-three,.empty-cover.for-six{display:none}.empty-cover.for-two{display:block}footer{flex-wrap:wrap}}
@media(max-width:360px){:root{--pad:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.cover-link{display:block}.release-outbound{display:grid;place-items:center;width:24px;height:24px;flex-shrink:0;margin-top:-4px}.release-outbound .external-arrow{margin:0}
@media(hover:none){.release-outbound .external-arrow{visibility:visible}}
