.works {
  position: relative;
  height: 151px;
  margin: 13px 25px 0 35px;
  border-top: 1px solid rgba(110, 100, 82, .045);
  border-bottom: 1px solid rgba(110, 100, 82, .16);
  background: linear-gradient(105deg, #f7f6f3, #fbfaf8 55%, #f8f7f4);
  box-shadow: 0 2px 2px rgba(90, 78, 59, .06);
  clip-path: inset(0 -30px -4px 0);
}
.works-title {
  position: absolute;
  top: 11px;
  left: 19px;
  margin: 0;
  font: 400 12px/18px Georgia, serif;
  letter-spacing: 1.4px;
}
.works-all {
  position: absolute;
  top: 43px;
  left: 20px;
  padding: 0;
  border: 0;
  background: none;
  font: inherit;
  font-size: 9px;
  line-height: 16px;
  letter-spacing: .4px;
}
.works-all span { margin-left: 10px; }
.works-cards {
  position: absolute;
  top: 1px;
  left: 10.62378%;
  right: 8.8694%;
  display: grid;
  grid-template-columns: 197fr 13fr 180fr 16fr 209fr 14fr 197fr;
}
.works-item { min-width: 0; }
.works-item:nth-child(1) { grid-column: 1; }
.works-item:nth-child(2) { grid-column: 3; }
.works-item:nth-child(3) { grid-column: 5; }
.works-item:nth-child(4) { grid-column: 7; }
.works-photo { display: block; width: 100%; height: 89px; object-fit: cover; }
.works-item:first-child .works-photo { filter: contrast(.8) brightness(1.08) saturate(.65); }
.works-item h3 { margin: 3px 8px 1px; font-size: 11px; line-height: 17px; font-weight: 400; letter-spacing: 1px; }
.works-item p { margin: 0 8px; font-size: 8px; line-height: 13px; letter-spacing: .4px; }
.works-plant {
  position: absolute;
  right: -21px;
  top: -13px;
  width: 105px;
  height: 160px;
  background: url('../assets/works-sprig.svg') center / contain no-repeat;
  opacity: .9;
  filter: drop-shadow(1px 2px 1px #62533b20);
  pointer-events: none;
}
@media (max-width: 900px) {
  .works { height: auto; margin: 13px 20px 0; padding: 42px 12px 16px; }
  .works-title { left: 12px; }
  .works-all { top: 13px; left: auto; right: 12px; }
  .works-cards { position: relative; inset: auto; grid-template-columns: 1fr 1fr; gap: 16px; }
  .works-item:nth-child(n) { grid-column: auto; }
  .works-photo { height: auto; aspect-ratio: 2.2; }
  .works-plant { right: -10px; top: auto; bottom: 5px; width: 60px; height: 100px; opacity: .3; }
}