body[data-page="farms"] .page {
  width: min(1080px, calc(100% - 40px));
  padding-top: 76px;
}

body[data-page="farms"] .page > h1 {
  font-size: 52px;
  letter-spacing: -.045em;
}

body[data-page="farms"] .page-lede {
  margin-top: 14px;
  margin-bottom: 40px;
}

body[data-page="farms"] .tabs {
  margin-bottom: 58px;
  padding: 3px;
  border-color: #333236;
  border-radius: 2px;
}

body[data-page="farms"] .tabs button {
  min-width: 142px;
  padding: 11px 19px;
  font: 750 12px/1.2 ui-monospace, "Cascadia Mono", monospace;
}

body[data-page="farms"] .library {
  gap: 16px;
}

body[data-page="farms"] .category {
  min-height: 220px;
  padding: 21px;
  border-color: #343338;
  background: linear-gradient(155deg, #252329 0%, #141416 62%, #0d0d0e 100%);
  box-shadow: 0 0 0 2px #080809, 0 8px 22px #0004;
  transition: transform .2s ease, border-color .2s ease, filter .2s ease;
}

body[data-page="farms"] .category:hover {
  transform: translateY(-4px);
  border-color: #5a5650;
  filter: brightness(1.08);
}

body[data-page="farms"] .category small {
  position: relative;
  z-index: 2;
  font-size: 9px;
  letter-spacing: .11em;
}

body[data-page="farms"] .category > .item-art {
  position: absolute;
  left: 50%;
  top: 46%;
  width: 118px;
  height: 118px;
  object-fit: contain;
  image-rendering: pixelated;
  transform: translate(-50%, -50%);
  filter: drop-shadow(10px 13px 0 #0004) drop-shadow(0 13px 18px #0008);
  transition: transform .2s ease;
}

body[data-page="farms"] .category:hover > .item-art {
  transform: translate(-50%, -53%) scale(1.06);
}

body[data-page="farms"] .category h3 {
  position: absolute;
  z-index: 2;
  left: 21px;
  bottom: 36px;
  margin: 0;
  font-size: 21px;
  letter-spacing: -.025em;
}

body[data-page="farms"] .category > span {
  position: absolute;
  z-index: 2;
  left: 21px;
  bottom: 18px;
  color: #d2cec5;
  font-size: 10px;
}

body[data-page="farms"] .berry { background: linear-gradient(155deg, #512a24, #221414 62%, #100d0e); }
body[data-page="farms"] .sand { background: linear-gradient(155deg, #4c4942, #282622 62%, #111112); }
body[data-page="farms"] .coal { background: linear-gradient(155deg, #4a2e20, #251912 62%, #100d0c); }
body[data-page="farms"] .flower { background: linear-gradient(155deg, #553047, #2a1825 62%, #100d10); }
body[data-page="farms"] .kelp { background: linear-gradient(155deg, #31552b, #192e18 62%, #0d110d); }
body[data-page="farms"] .loader { background: linear-gradient(155deg, #443151, #24192b 62%, #0f0d11); }
body[data-page="farms"] .slabs { background: linear-gradient(155deg, #4b3828, #281d14 62%, #100e0c); }

@media (max-width: 850px) {
  body[data-page="farms"] .page { width: min(720px, calc(100% - 32px)); }
}

@media (max-width: 600px) {
  body[data-page="farms"] .page { padding-top: 50px; }
  body[data-page="farms"] .tabs { display: flex; margin-bottom: 38px; }
  body[data-page="farms"] .tabs button { min-width: 0; flex: 1; }
  body[data-page="farms"] .category { min-height: 210px; }
}