[x-cloak] { display: none !important; }

html { scroll-behavior: smooth; }

body { background-image:
  radial-gradient(circle at 90% 10%, rgba(225,115,79,.08), transparent 40%),
  radial-gradient(circle at 0% 80%,  rgba(58,90,63,.08), transparent 40%);
  background-attachment: fixed;
}

::selection { background: #3a5a3f; color: #f6efe1; }

.serif-italic { font-family: 'Fraunces', serif; font-style: italic; font-variation-settings: 'opsz' 144; }

.product-card { transition: transform .35s ease, box-shadow .35s ease; }
.product-card:hover { transform: translateY(-3px); box-shadow: 0 30px 50px -25px rgba(58,90,63,.18); }

.editorial-grid > a:nth-child(odd) { grid-column: span 7; }
.editorial-grid > a:nth-child(even){ grid-column: span 5; }
@media (max-width: 768px){
  .editorial-grid > a:nth-child(odd),
  .editorial-grid > a:nth-child(even){ grid-column: span 12; }
}

.tag-pill {
  display: inline-flex; align-items: center;
  font: 500 12px/1 'Inter';
  padding: 6px 12px;
  border: 1px solid rgba(26,31,28,.15);
  border-radius: 999px;
  transition: all .2s;
}
.tag-pill:hover { border-color: #3a5a3f; color: #3a5a3f; }
.tag-pill.active { background: #3a5a3f; color: #f6efe1; border-color: #3a5a3f; }

.deco-line {
  background-image: linear-gradient(to right, currentColor 50%, transparent 50%);
  background-size: 8px 1px; background-repeat: repeat-x; background-position: 0 50%;
}