@font-face {
font-family: "Serena";
src: url("../fonts/serena-webfont.woff2") format("woff2"),
	url("../fonts/serena-webfont.woff") format("woff");
	font-style: normal;
	font-weight: 400;
}

html { scrollbar-color: #780D0D #F0ECE5 !important; }   /* Firefox/standards */
::-webkit-scrollbar-thumb { background: #780D0D !important; }  /* Chrome/Safari/Edge */
::-webkit-scrollbar-track { background: #F0ECE5 !important; }


/* ---- 8. ROTATING CIRCULAR STAMP -----------------------------
   Gently spins the circular "Cosgrove Townhomes · Rosemount MN" seal.
   Two ways to target it — either works, pick one:
	 A (recommended) add the CSS class "cosgrove-spin" to the Image
	   element in YOOtheme (Element → Advanced → CSS Class).
	 B (no builder edit) the src selector below finds the stamp by
	   filename wherever it appears.
   Wrapped in prefers-reduced-motion so it stays still for visitors
   who opt out of motion (accessibility). 40s = slow; raise to 60s
   for slower, lower for faster. */
@media (prefers-reduced-motion: no-preference) {
  .cosgrove-spin img,
  img[src*="CosgroveCircleStamp"] {
	animation: cosgrove-rotate 40s linear infinite;
	transform-origin: 50% 50%;
	will-change: transform;
  }
  /* optional: pause the spin on hover */
  .cosgrove-spin:hover img,
  img[src*="CosgroveCircleStamp"]:hover { animation-play-state: paused; }
}
@keyframes cosgrove-rotate { from { transform: rotate(0); } to { transform: rotate(360deg); } }