.collection-directory{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px;padding-top:58px;padding-bottom:90px}.collection-directory-card{position:relative;min-height:290px;overflow:hidden;border:1px solid var(--line);background:linear-gradient(135deg,#10171c,#080b0d);display:flex;align-items:flex-end;isolation:isolate;transition:transform .25s,border-color .25s}.collection-directory-card:hover{transform:translateY(-5px);border-color:#298deb}.collection-directory-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(.4) contrast(1.08);z-index:-2}.collection-directory-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,8,11,.94),rgba(4,8,11,.18) 80%);z-index:-1}.collection-directory-card>div{padding:28px}.collection-directory-card h2{font-size:34px;line-height:.98;text-transform:uppercase;font-style:italic;margin:0 0 12px}.collection-directory-card p{margin:0;color:#d7dfe5;font-size:18px;line-height:1.4}.collection-directory-card span{display:block;color:#bfe0ff;font-weight:900;font-size:16px;text-transform:uppercase;margin-top:22px}.collection-directory-card span b{color:var(--blue);font-size:24px;vertical-align:-2px;margin-left:6px}.collection-directory-card:focus-visible{outline:3px solid #86c7ff;outline-offset:4px}@media (max-width:820px){.collection-directory{grid-template-columns:1fr;padding-top:40px;padding-bottom:60px}.collection-directory-card{min-height:240px}.collection-directory-card>div{padding:22px}.collection-directory-card h2{font-size:31px}}@media (max-width:460px){.collection-directory-card{min-height:220px}.collection-directory-card h2{font-size:29px}}