.albums{padding-bottom:6rem}.albums-head{padding:4.5rem 0 3rem}.albums-head .crumb{display:inline-block;font-size:.9rem;color:var(--ink3);padding:.85rem 0;transition:color .25s}.albums-head .crumb:hover{color:var(--ink)}.albums-head h1{font-weight:400;font-size:2.3rem;line-height:1.25;letter-spacing:.004em;margin-top:2rem}.albums-head p{color:var(--ink2);margin-top:1rem;max-width:44ch}.album-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:clamp(1.8rem,4vw,2.8rem);gap:clamp(1.8rem,4vw,2.8rem);margin-top:1rem}.album,.album-frame{display:block}.album-frame{position:relative;overflow:hidden;aspect-ratio:4/5;background:linear-gradient(155deg,var(--fA),var(--fB));border:1px solid var(--hair);border-radius:2px}.album-frame img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .9s cubic-bezier(.16,1,.3,1)}.album:focus-visible .album-frame img,.album:hover .album-frame img{transform:scale(1.04)}.album-cap{display:block;padding:1rem .1rem 0}.album-cap .at{display:block;font-size:1.35rem;line-height:1.2;color:var(--ink);transition:color .3s}.album:focus-visible .album-cap .at,.album:hover .album-cap .at{color:var(--moss)}.album-cap .as{display:block;font-size:.95rem;color:var(--ink2);margin-top:.25rem}.album-cap .ay{display:block;font-family:var(--font-mono),"IBM Plex Mono",monospace;font-size:.68rem;letter-spacing:.1em;color:var(--ink3);margin-top:.5rem}.album-empty{color:var(--ink3);padding:2rem 0}@media (max-width:560px){.album-grid{grid-template-columns:1fr;gap:2.2rem}.albums-head{padding:3.5rem 0 2.4rem}}