.tl-main{padding:48px 0 96px}@media (min-width:768px){.tl-main{padding:64px 0 120px}}.tl-title{max-width:16ch;font-size:clamp(34px,5.6vw,68px);line-height:.95}.tl-grid{grid-template-columns:minmax(0,1fr);gap:22px;margin:36px 0 0;padding:0;list-style:none;display:grid}@media (min-width:720px){.tl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1080px){.tl-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.tl-card{border:2px solid var(--bone);background:var(--ink-2);height:100%;box-shadow:5px 5px 0 var(--suit);color:var(--bone);flex-direction:column;text-decoration:none;transition:transform .15s,box-shadow .15s;display:flex}:is(.tl-card:hover,.tl-card:focus-visible){box-shadow:7px 7px 0 var(--gold);transform:translate(-2px,-2px)}.tl-card:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.tl-art{border-bottom:2px solid var(--bone);background:var(--ink);height:150px;position:relative;overflow:hidden}.tl-art--badges{justify-content:center;align-items:center;gap:12px;display:flex}.tl-art--badges img{width:60px;height:60px}.tl-art--roast img{width:118px;height:auto;position:absolute;top:10px;right:-9px}.tl-art--graph{background:#0d1117;place-items:center;display:grid}.tl-graph{grid-template-columns:repeat(13,13px);gap:3px;display:grid}.tl-graph i{border-radius:2px;width:13px;height:13px}.tl-text{flex-direction:column;flex:1;gap:10px;padding:20px 20px 22px;display:flex}.tl-name{font-family:var(--display);text-transform:uppercase;margin:0;font-size:22px;font-weight:900;line-height:1.05}.tl-text p{color:var(--mute);margin:0;font-size:14px;line-height:1.55}.tl-open{text-transform:uppercase;color:var(--gold);align-items:center;gap:6px;margin-top:auto;padding-top:6px;font-size:13px;font-weight:700;display:inline-flex}.tl-open svg{width:16px;height:16px}@media (prefers-reduced-motion:reduce){.tl-card{transition:none}}