/* ============================================================
   THE GYM PAGE — pull quote (spec sheet table uses base .prices)
   ============================================================ */
.quote{border-left:3px solid var(--violet);padding-left:1.4em;margin-block:1.6em}
.quote p{font-size:1.25rem;line-height:1.5;color:#fff;font-weight:500}
.quote cite{font-family:var(--ff-mono);font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ash);font-style:normal;display:block;margin-top:.8em}

/* ============================================================
   THE GYM PAGE — zoned by muscle group (flip cards)
   ============================================================ */
.flip-grid{perspective:1200px}
.flip-card{background:transparent;height:220px}
.flip-card__inner{
  position:relative;
  width:100%;
  height:100%;
  text-align:left;
  transition:transform .6s cubic-bezier(.4,.2,.2,1);
  transform-style:preserve-3d;
}
.flip-card:hover .flip-card__inner,
.flip-card:focus-within .flip-card__inner{
  transform:rotateY(180deg);
}
.flip-card__front,
.flip-card__back{
  position:absolute;
  inset:0;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  border-radius:inherit;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:1.75rem;
}
.flip-card__front{
  align-items:flex-start;
  justify-content:flex-end;
}
.flip-card__front h3{margin:0}
.flip-card__back{
  transform:rotateY(180deg);
  justify-content:center;
}
.flip-card__back h3{margin:0 0 .5rem}
.flip-card__back p{margin:0}