/* gatarn.io — additions on top of framer.css (the CSS Framer server-rendered).
   Everything interactive that Framer used to do in JavaScript lives here or in js/site.js. */

html body { background: rgb(255, 255, 255); }

/* Buttons: Framer "whileHover" scale 1.1 / "whileTap" scale 0.9, spring (bounce .25, .45s). */
a[data-framer-name="Button"] {
	transform: scale(1);
	transition: transform .45s cubic-bezier(.3, 1.45, .5, 1);
}
a[data-framer-name="Button"]:hover { transform: scale(1.1); }
a[data-framer-name="Button"]:active { transform: scale(.9); transition-duration: .2s; }

/* Game cards: the preview video plays on hover (js/site.js); hint that it is interactive. */
[data-game-card] video { cursor: pointer; }

/* Footer social icons (the old Clearbit logo API is gone, icons are local SVGs). */
.framer-a633k7 img { display: block; }

@media (prefers-reduced-motion: reduce) {
	a[data-framer-name="Button"] { transition: none; }
}