@font-face{font-family:Fraunces Fallback;src:local("Georgia");size-adjust:97%;ascent-override:92%;descent-override:24%;line-gap-override:0%}:root{--paper: #E9EFF6;--paper-deep: #DDE6F1;--ink: #19232F;--ink-soft: #3D4B5C;--ink-faint: #566377;--accent: #2F6CA3;--accent-deep: #24527E;--rule: rgba(25, 35, 47, .2);--rule-strong: rgba(25, 35, 47, .32);--hair: 1px;--display: "Fraunces", "Fraunces Fallback", Georgia, "Times New Roman", serif;--mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--gutter: clamp(1.25rem, 5vw, 5.5rem);--measure: 1180px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;background-color:var(--paper);background-image:radial-gradient(120% 90% at 50% -10%,#f7fafe99,#f7fafe00 55%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E");color:var(--ink);font-family:var(--display);font-weight:400;line-height:1.65;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-optical-sizing:auto}::selection{background:#2f6ca333;color:var(--ink)}a{color:inherit}.skip{position:absolute;left:-9999px;top:0;z-index:100;background:var(--ink);color:var(--paper);font-family:var(--mono);font-size:.7rem;letter-spacing:.1em;text-decoration:none;padding:.7em 1.1em;border-radius:0 0 6px}.skip:focus{left:0}.page{max-width:var(--measure);margin:0 auto;padding:clamp(2.75rem,8vw,6rem) var(--gutter) clamp(3rem,8vw,6rem)}#shelf:focus{outline:none}.reveal{opacity:0;transform:translateY(14px);animation:rise 1.15s cubic-bezier(.22,.61,.18,1) forwards;animation-delay:var(--d, 0ms)}@keyframes rise{to{opacity:1;transform:translateY(0)}}.rule-draw{transform-origin:left center;transform:scaleX(0);animation:draw 1.4s cubic-bezier(.16,1,.3,1) forwards;animation-delay:var(--d, 0ms)}@keyframes draw{to{transform:scaleX(1)}}.masthead{margin-bottom:clamp(3.5rem,9vw,7rem)}h1.title{font-family:var(--display);font-optical-sizing:auto;font-weight:400;font-size:clamp(2.6rem,8.2vw,6.4rem);line-height:.99;letter-spacing:-.022em;margin:0;color:var(--ink);font-variation-settings:"opsz" 144,"SOFT" 0,"WONK" 1}h1.title .dot{color:var(--accent);margin-left:.06em}.title-rule{height:var(--hair);background:var(--rule-strong);margin:clamp(1.5rem,4vw,2.4rem) 0 0;width:100%}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(.85rem,2.4vw,1.9rem)}.album{display:block;min-width:0;text-decoration:none;color:inherit;outline:none;border-radius:12px}.cover{position:relative;aspect-ratio:1 / 1;border-radius:10px;overflow:hidden;background:linear-gradient(150deg,var(--c1, #b9b0a4) 0%,var(--c2, #6f665c) 100%);box-shadow:inset 0 0 0 1px #19232f1f,0 1px #19232f0a;filter:saturate(.94) brightness(.995);transition:transform .7s cubic-bezier(.16,1,.3,1),box-shadow .7s cubic-bezier(.16,1,.3,1),filter .7s cubic-bezier(.16,1,.3,1);isolation:isolate}.cover--placeholder:before{content:"";position:absolute;inset:0;z-index:1;background:radial-gradient(120% 130% at 22% 18%,#fff3,#fff0 46%),radial-gradient(140% 150% at 84% 92%,#0000004d,#0000 52%);mix-blend-mode:soft-light;transition:opacity .7s ease}.cover--placeholder:after{content:"";position:absolute;inset:0;z-index:3;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)' opacity='0.12'/%3E%3C/svg%3E");opacity:.5;mix-blend-mode:overlay;pointer-events:none}.cover-mark{position:absolute;inset:0;z-index:2;width:100%;height:100%;color:var(--plate, #f3ede2);opacity:.4;mix-blend-mode:soft-light;pointer-events:none}.cover img{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover}.cover-plate{position:absolute;inset:0;z-index:4;padding:clamp(.85rem,2vw,1.3rem);display:flex;flex-direction:column;justify-content:space-between;color:var(--plate, #f3ede2);background:linear-gradient(to top,#00000057,#0000 48%)}.cover-index{font-family:var(--mono);font-size:.6rem;letter-spacing:.22em;opacity:.8;text-shadow:0 1px 2px rgba(0,0,0,.3)}.cover-title{font-family:"DM Serif Display",var(--display),serif;font-style:normal;font-weight:400;font-size:clamp(.98rem,2.2vw,1.25rem);line-height:1.1;letter-spacing:0;text-wrap:balance;overflow-wrap:anywhere;text-shadow:0 1px 6px rgba(0,0,0,.3);max-width:92%}.album:hover .cover,.album:focus-visible .cover{transform:translateY(-5px);box-shadow:inset 0 0 0 1px #19232f2e,0 14px 30px -16px #19232f73;filter:saturate(1.06) brightness(1.03)}.album:hover .cover:before,.album:focus-visible .cover:before{opacity:.7}.album:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.caption{margin-top:.85rem}.cap-title{display:block;font-family:"DM Serif Display",var(--display),serif;font-style:normal;font-weight:400;font-size:.98rem;line-height:1.2;letter-spacing:0;color:var(--ink);overflow-wrap:anywhere}.cap-artist{display:block;margin-top:.5rem;font-family:"Newsreader",var(--display),serif;font-size:.84rem;font-weight:400;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-faint)}footer{margin-top:clamp(3.5rem,9vw,6.5rem)}.footer-rule{height:var(--hair);background:var(--rule);width:100%}@media(max-width:760px){.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem .9rem}}@media(max-width:420px){.grid{gap:.95rem}}@media(prefers-reduced-motion:reduce){.reveal,.rule-draw{animation:none!important;opacity:1!important;transform:none!important}.cover,.cover:before,.album:hover .cover{transition:none!important}html{scroll-behavior:auto}}