.story-text-block {
	display: block;
	width: 100%;
}

.story-text-container {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	width: 100%;
	padding: 40px 20px;
}

.story-text p {
    font-family: var(--first-family);
    font-weight: 600;
    font-size: 60px;
    line-height: 110%;
    letter-spacing: -0.02em;
    color: #010101;
    margin: 0;
}

.story-text p:first-child {
  text-indent: 0;
  max-width: 100%;
}

.story-text p.text-reveal:first-child .line:first-child {
  text-indent: 32ch;
}

@media (max-width: 992px) {
	.story-text-container {
		padding: 32px 18px;
	}

	.story-text p {
		font-size: clamp(22px, 5.2vw, 42px);
	}

    .story-text p:first-child {
        text-indent: inherit;   
    }
}

@media (max-width: 768px) {
	.story-text-container {
		padding: 28px 16px;
	}

	.story-text p {
		font-size: clamp(20px, 6vw, 34px);
		line-height: 1.08;
	}
}

@media (max-width: 480px) {
	.story-text p {
		max-width: 100%;
		font-size: clamp(18px, 7vw, 28px);
	}
}

.story-text p.text-reveal {
  color: #aaa;
  position: relative;
}

.story-text p.text-reveal .line {
  display: inline;
  background: linear-gradient(to right, #010101 100%, transparent 0%);
  background-size: calc(var(--mask-width, 0%) + 1px) 100%;
  background-repeat: no-repeat;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: inherit;
  transition: background-size 0.8s ease;
}