/* ===== WORKS PAGE ===== */
.works-page{
  max-width:960px;margin:0 auto;padding:80px 24px 48px;
}
.works-page h1{
  font-size:22px;letter-spacing:3px;text-transform:uppercase;
  border-bottom:3px solid #000;padding-bottom:12px;margin-bottom:2px;
  line-height:1;
}
#works-list{
  display:flex;flex-direction:column;gap:0;
}
.works-item{
  display:flex;justify-content:space-between;align-items:center;
  gap:16px;
  color:#000;text-decoration:none;
  border-bottom:2px solid #000;
  padding:0 4px;
  height:48px;
}
.works-item:hover{background:#000;color:#fff}
.works-item:hover .works-brief{color:#fff}
.works-title{
  font-size:16px;letter-spacing:2px;text-transform:uppercase;
  white-space:nowrap;line-height:1;
}
.works-title.lowercase{text-transform:none}
.works-brief{
  font-size:12px;color:#888;
  text-align:right;
  letter-spacing:0.5px;
  max-width:50%;
  line-height:1.3;
}

@media(max-width:768px){
  .works-page{max-width:100%;padding:80px 5vw 48px}
  .works-page h1{font-size:18px;letter-spacing:2px}
  .works-item{
    flex-direction:column;gap:4px;
    padding:12px 4px;
    height:auto;
    align-items:flex-start;
  }
  .works-brief{text-align:left;max-width:none}
  .works-title{font-size:14px;letter-spacing:1px}
}