.dm-letter {
  display: inline-block;
  overflow: hidden;
}
.dm-letter span {
  display: inline-block;
  transform: translateX(-100%);
}
.dm-word {
  display: inline-block;
  white-space: nowrap;
}

.dm-heading1,
.dm-paragraph1 {
  visibility: hidden;
}

.dm-heading1 .line,
.dm-paragraph1 .line {
  overflow: hidden;
  position: relative;
  clip-path: inset(0 100% 0 0);
  transition: none !important;
}
.dm-heading1 .line,
.dm-paragraph1 .line {
  width: fit-content !important;
}

/* The moving text inside each line */
.dm-heading1 .line .dm-line-inner,
.dm-paragraph1 .line .dm-line-inner {
  display: inline-block;
  transform: translateX(-100%); /* use e.g. -60px for a subtler slide */
  will-change: transform;
}

/* Mask opens left → right */
.dm-heading1 .line.animate,
.dm-paragraph1 .line.animate {
  animation: dm-clip-text-hp 1s forwards;
}

/* Text slides in, synced with the mask */
.dm-heading1 .line.animate .dm-line-inner,
.dm-paragraph1 .line.animate .dm-line-inner {
  animation: dm-slide-text-hp 1s forwards;
}

/* Color block sweeping across on top */
/*.dmRevealAnim1hp::after {*/
/*  content: '';*/
/*  position: absolute;*/
/*  left: 0;*/
/*  top: 0;*/
/*  height: 100%;*/
/*  width: 100%;*/
/*  z-index: 5;*/
  /*background-color: white; */
/*  pointer-events: none;*/
/*  transition: none !important;*/
/*  animation: dm-bg-reveal-hp 1s forwards;*/
/*}*/
.dm-heading1 .line.dmRevealAnim1hp::after,
.dm-paragraph1 .line.dmRevealAnim1hp::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 5;
  background-color: white;
  pointer-events: none;
  transition: none !important;
  animation: dm-bg-reveal-hp 1s forwards;
}
@keyframes dm-bg-reveal-hp {
  0%   { clip-path: inset(0 100% 0 0); }
  50%  { clip-path: inset(0 0% 0 0); }
  100% { clip-path: inset(0 0% 0 100%); }
}
@keyframes dm-clip-text-hp {
  from { clip-path: inset(0 100% 0 0); }
  to   { clip-path: inset(0 0 0 0); }
}
@keyframes dm-slide-text-hp {
  from { transform: translateX(-100%); } /* keep in sync with the value above */
  to   { transform: translateX(0); }
}

.dm-heading3 .word {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}


/*coolsplit*/
.cool-split h6 {
  transition: color 0.3s;
}