/* small custom CSS for card flip, glass look and overrides */
    .glass {
      background: rgba(255,255,255,0.6);
      backdrop-filter: blur(6px);
    }
    .card-3d {
      perspective: 1200px;
    }
    .card-inner {
      transform-style: preserve-3d;
      transition: transform .7s cubic-bezier(.2,.9,.2,1);
    }
    .card-inner.is-flipped {
      transform: rotateY(180deg);
    }
    .card-face {
      backface-visibility: hidden;
      -webkit-backface-visibility: hidden;
    }
    .card-back {
      transform: rotateY(180deg);
      position: absolute;
      inset: 0;
    }
    /* rating stars */
    .star { color:#f6ad55; }
    /* responsive tweaks for hero decorative svg */
    @media(min-width: 1280px){
      .hero-deco { transform: translateX(5%); }
    }