.records-entrance{margin:0 0 24px;min-width:0}.records-door{position:relative;display:block;border-radius:5px;overflow:hidden;background:#30251c;color:#fff7e8;text-decoration:none;isolation:isolate}.records-door>img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;transition:filter .3s ease}.records-door:focus-visible{outline:3px solid var(--accent,#b25e44);outline-offset:4px}.records-door:hover>img{filter:brightness(1.08)}.records-door-copy{position:relative;margin-top:-90px;padding:38px 14px 5px;background:linear-gradient(transparent,rgba(20,19,14,.88) 35%,rgba(20,19,14,.94));display:flex;flex-direction:column;gap:4px;pointer-events:none}.records-door-count{font:500 11px/1.5 var(--sans,sans-serif);color:#eadcc5}.records-door-line{font:600 14px/1.55 var(--sans,sans-serif);text-wrap:pretty;overflow-wrap:anywhere}.records-door-action{display:flex;gap:12px;justify-content:space-between;align-items:center;min-height:40px;font:500 12px/1.5 var(--sans,sans-serif);color:#fff7e8}.records-door-action>span{font-size:18px}.records-entrance[data-state=unavailable] .records-door-count{color:#eee2cf}@media(prefers-reduced-motion:reduce){.records-door>img{transition:none}}@media(max-width:760px){.records-entrance{margin-bottom:24px}.records-door-line{font-size:15px}}@media(max-width:360px){.records-door-copy{padding:28px 12px 3px}.records-door-line{font-size:14px}}