:root{--black-1: #111;--black-3: #333}main{border:0}h3{border-left:5px solid #5b5b5b;padding-left:10px}.workspace-container{max-width:1200px;margin-top:10vh}.tag-grid{display:flex;flex-direction:row;height:480px;width:100%;gap:12px;list-style:none;padding:0}.card-item{flex:1;min-width:60px;transition:flex .6s cubic-bezier(.25,1,.5,1);border-radius:16px;overflow:hidden}.card-item:hover{flex:6}.card{width:100%;height:100%;background-color:#fff;background-image:var(--bg-img);background-size:cover;background-position:center;border:none;display:flex;flex-direction:row;position:relative;color:#fff;text-decoration:none;box-shadow:none;align-items:flex-end}.card:before{content:"";position:absolute;inset:0;background:linear-gradient(to top,#000c,#0003 60%,#0000);pointer-events:none;z-index:1}.card-panel{z-index:2;display:flex;background:transparent}.tag-panel{display:flex;width:60px;height:95%;flex-direction:column;justify-content:flex-start;align-items:center;padding-top:30px}.tag-panel .para{writing-mode:vertical-rl;transform:rotate(180deg);font-size:1.2rem;font-weight:700;margin:0;white-space:nowrap;text-transform:uppercase;letter-spacing:1.5px;color:#fff}.tag-panel .tag-post-count{display:none}.content-panel{flex:1;height:100%;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:30px 20px;opacity:0;transform:translate(20px);transition:all .5s cubic-bezier(.25,1,.5,1);pointer-events:none}.card-item:hover .content-panel{opacity:1;transform:translate(0);pointer-events:auto;transition-delay:.15s}.content-panel-overlay{display:none}.content-panel-inner{width:100%;display:flex;flex-direction:column;gap:12px}.preview-list{list-style:none;padding:0;margin:0;width:100%;display:flex;flex-direction:column;gap:8px}.preview-item{font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:6px}.preview-item a{text-decoration:none;color:#ffffffe6;transition:color .2s}.preview-item a:hover{color:#fff;font-weight:700}.view-all-btn{font-size:.9rem;color:#fff;text-decoration:none;font-weight:600;padding:6px 16px;border:1px solid rgba(255,255,255,.6);border-radius:4px;transition:all .2s;align-self:flex-start}.view-all-btn:hover{background:#fff;color:#000;text-decoration:none}@media(max-width:767px){.tag-grid{height:400px;gap:8px;flex-direction:column}.tag-panel{width:45px}.tag-panel .para{font-size:1rem}.content-panel{padding:20px 10px}.preview-item{font-size:.8rem}.view-all-btn{font-size:.75rem;padding:4px 10px}}@media(max-width:480px){.tag-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:2rem 1rem}.card{width:auto;height:180px}.tag-panel .para{font-size:1.1rem}.preview-item{font-size:.75rem}.view-all-btn{font-size:.75rem;padding:2px 8px}}.tag-article-list{display:flex;flex-direction:column;gap:2.5rem;align-items:center;list-style:none;padding:0}.tag-article-item{width:100%;max-width:48rem}.tag-article{display:flex;width:100%;flex-direction:column;align-items:flex-start;justify-content:space-between;border:4px solid var(--black);background:linear-gradient(to bottom,var(--white-bal1),var(--white-bal2),var(--white-bal3));padding:2rem;box-shadow:8px 8px 0 0 var(--black);transition:transform .5s ease-in-out,box-shadow .5s ease-in-out,background-color .5s ease-in-out}.tag-article:hover{transform:scale(1.02);background:linear-gradient(to bottom,var(--white-bal3),var(--white-bal2),var(--white-bal1));box-shadow:12px 12px 0 0 var(--black)}.tag-article-header{margin-bottom:1rem;display:flex;align-items:center;gap:.75rem;font-size:.875rem}.tag-article-date{border:2px solid var(--black);background-color:var(--accent-color);padding:.25rem .75rem;font-weight:700;color:var(--white);transition:transform .5s ease-in-out}.tag-article-date:hover{transform:scale(1.1)}.tag-article-badge{position:relative;z-index:10;border:2px solid var(--black);background-color:var(--accent-color);padding:.25rem .75rem;font-weight:700;color:var(--white);transition:all .5s ease-in-out;text-decoration:none}.tag-article-badge:hover{background-color:var(--black);color:var(--white)}.tag-article-content{position:relative;width:100%;padding-bottom:1rem}.tag-article-title{margin-top:.75rem;font-size:1.5rem;font-weight:900;text-transform:uppercase;line-height:2rem;color:var(--black);transition:all .5s ease-in-out}.tag-article-title:hover{transform:translate(.25rem);color:var(--accent-color)}.tag-article-title a{text-decoration:none;color:inherit}.inset-link{position:absolute;inset:0;z-index:5}.tag-article-desc{font-size:1rem;margin-top:1.25rem;border-left:4px solid var(--accent-color);padding-left:1rem;line-height:1.5rem;color:#1f2937;transition:all .5s ease-in-out}.tag-article-desc:hover{color:#4b5563}