/* --- Playfair Display for titles + marquee --- */
h1, h2, h3, .marquee-text, .soc-marquee__text {
  font-family: "Playfair Display", serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 500; /* you can use 400 for lighter or 600 for bolder */
  letter-spacing: 0.03em;
}

/* Optional: refine marquee sizing */
.soc-marquee__text {
  font-size: clamp(28px, 6vw, 32px);
  text-transform: uppercase;
  color: #343434;
  white-space: nowrap;
}

/* Marquee */
.soc-marquee { position: relative; width:100%; overflow:hidden; background:transparent; padding:16px 0; }
.soc-marquee__track { display:flex; gap:2rem; width:max-content; will-change:transform; animation:soc-marquee-scroll 22s linear infinite; }
.soc-marquee__text { white-space:nowrap; font-style:italic; text-transform:uppercase; font-size:clamp(28px,6vw,32px); line-height:1.1; color:#343434; letter-spacing:.05em; }
.soc-marquee__track > span { display:inline-block; padding-right:2rem; }

@keyframes soc-marquee-scroll {
  0% { transform:translateX(0); }
  100% { transform:translateX(-50%); }
}

/* reduce motion */
@media (prefers-reduced-motion: reduce) {
  .soc-marquee__track { animation:none; transform:none; }
}