/* =========================================
   DIRECTIONS
   ========================================= */
#directions{background:var(--bg)}
.dir-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:1px;
  margin-top:60px;
  border:1px solid var(--border);
}
.dir-card{
  background:var(--bg);
  padding:40px;
  transition:background 0.25s;
  position:relative;
  cursor:pointer;
  overflow:hidden;
}
.dir-card::after{
  content:'';
  position:absolute;
  bottom:0;left:0;right:0;
  height:1px;
  background:var(--accent);
  transform:scaleX(0);
  transform-origin:left;
  transition:transform 0.35s ease;
}
.dir-card:hover{background:var(--bg3)}
.dir-card:hover::after{transform:scaleX(1)}
.dir-card-header{
  display:flex;justify-content:space-between;
  align-items:flex-start;
  margin-bottom:20px;
}
.dir-num{
  font-family:'JetBrains Mono',monospace;
  font-size:11px;color:var(--text4);letter-spacing:2px;
}
.dir-arrow{
  width:20px;height:20px;
  color:var(--text4);
  transition:all 0.2s;
  flex-shrink:0;
}
.dir-card:hover .dir-arrow{color:var(--accent);transform:translate(3px,-3px)}
.dir-title{font-size:19px;font-weight:700;color:var(--text);margin-bottom:12px;line-height:1.3}
.dir-desc{font-size:14px;color:var(--text2);line-height:1.7;margin-bottom:20px}
.dir-tags-list{display:flex;flex-wrap:wrap;gap:6px}
.dir-tag{
  font-family:'JetBrains Mono',monospace;
  font-size:9px;letter-spacing:1.5px;text-transform:uppercase;
  color:var(--text4);
  background:transparent;
  border:1px solid var(--border);
  padding:4px 9px;
}