/* Base sizing + alignment (mirrors codrops demo proportions, but theme-safe) */
.sa-oblr{
  line-height: var(--oblr-lh, 1.2);
  font-size:  var(--oblr-size, clamp(1.5rem, 5vw, 3rem));
  margin:0;
  max-width:640px;
}
.sa-oblr.blur-text{
  width:min(70vw, 1000px);
  min-width:300px;
}

/* Mobile font-size override */
@media (max-width:640px){
  .sa-oblr{
    font-size: var(--oblr-size-m, var(--oblr-size, 1.15rem));
    max-width:100%;
  }
}

/* Optional background grain (add your own image at assets/img/noise.png) */
.sa-oblr--grain{
  background-image:url('../img/noise.png');
  background-size:200px;
}

/* Text-align helpers (reuse animated-typography convention for consistency) */
.content__title--left  { text-align:left; }
.content__title--right { text-align:right; }
.content__title--center{ text-align:center; }

/* Splitter helpers (our TextSplitter creates .word/.char wrappers) */
.word { white-space:nowrap; display:inline-block; }
.char { display:inline-block; }

/* Effect-specific minor tweaks (support both codrops-style and our shortcode classnames) */
.blur-text--1, .oblr--1 { letter-spacing:-0.02em; }
.blur-text--3, .oblr--3 { letter-spacing:-0.02em; }