.text-muted {
  color: var(--color-text-variant);
}

.text-center {
  text-align: center;
}

.text-large {
  font-size: var(--text-lg);
}

.text-small {
  font-size: var(--text-sm);
}

.img-rotate {
  transform: rotate(var(--rotate-md));
}

.text-base-clamp {
  font-size: clamp(
    var(--text-base), 3.5vw, var(--text-lg)
  ); 
}

.text-heading-clamp {
  font-size: clamp(
    var(--text-xl), 2vw, var(--text-3xl)
  );
}

.text-hero-front {
  font-size: clamp(
    var(--text-3xl), 9vw, var(--text-5xl)
  );
  color: var(--color-surface-low); 
}

.text-hero-clamp {
  font-size: clamp(
    var(--text-2xl), 9vw, var(--text-5xl)
  );
}

.alignfull,
.align-full {
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  width: 100vw !important;
  max-width: 100vw !important;
  overflow-x: hidden;
}

@media (max-width: 1300px) {
  .hide-when-wrap {
    display: none;
  }
}