.text-stack {
  position: relative;
  /* width: 100%; */
  min-height: 500px;
  /* display: flex; */
  /* justify-content: center; */
  /* align-items: center; */
}


.headline {
  position: absolute;
  bottom: 20%;
  font-size: var(--fs-lg);
  font-family: var(--font-secondary);
  font-weight: var(--fw-900);
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: var(--ls-xxxl);
  color: var(--color-white);
  border-radius: var(--radius-lg);
  padding: var(--space-md);
  -webkit-text-stroke: inset;
  text-stroke: inset;
  /* max-width: 90%; */
}

.ts-1 {
  /* background-color: var(--color-dark-green); */
  z-index: 1;
}

.ts-2 {
  position: absolute;
  top: 5%;
  left: 10%;
  max-height: 120%;
  max-width: 400px;
  z-index: 2;
}

.ts-3 {
  color: #ffffff00;
  -webkit-text-stroke: var(--bs-sm) var(--color-white);
  text-stroke: var(--bs-sm) var(--color-white);
  text-shadow: none;
  /* border-color: #ffffff00; */
  background-color: transparent;
  z-index: 3;
}
.ts-4{
	position: absolute;
	bottom:10%;
	right:0px;
	 z-index: 4;
}

/* INDIVIDUAL */

#ts-example-1 .ts-2,
#ts-example-2 .ts-2 {
  position: absolute;
  top: 5%;
  left: -10%;
  
  max-width: 200px;
  z-index: 2;
}


#ts-example-4 .headline{
	color: var(--color-uvu-green);
}

#ts-example-4 .ts-3 {
	color: color-mix(in srgb, var(--color-uvu-green) 5%, transparent);
	-webkit-text-stroke: var(--bs-sm) var(--color-uvu-green);
	text-stroke: var(--bs-sm) var(--color-uvu-green);
}


#ts-example-6 .headline{
	color: var(--color-dark-green);
}

#ts-example-6 .ts-3 {
	color: color-mix(in srgb, var(--color-dark-green) 15%, transparent);
}