/* baseline styles for smoother animation */
.gsap-expand {
  transform-origin: center center;
  will-change: transform, clip-path, height, border-radius, background-size;
}

/* optional: a good default look for a hero */
.gsap-expand--hero {
  min-height: 60vh;
  display: grid;
  place-items: center;
  text-align: center;
  overflow: hidden;
}

/* pin helper (if you enable data-pin="true") */
.gsap-expand-pin {}

/* optional: if you use a background image, this helps the zoom feel */
.gsap-expand-bg {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}