/* Shared shop navigation stays usable after adding the link back to the studio. */
.shop-site .brand small { font: 10px "Avenir Next", "Trebuchet MS", sans-serif; text-transform: uppercase; letter-spacing: .12em; color: #59664c; }
.shop-site .brand { white-space: nowrap; }
/* Override the HTML height attribute so responsive covers retain their square ratio. */
.shop-site .product img { display: block; height: auto; }
@media (max-width: 760px) {
  .shop-site header { flex-direction: column; align-items: flex-start; gap: 16px; }
  .shop-site nav { flex-wrap: wrap; gap: 14px 20px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .product img { transition: none; }
}