.cier {
  background-color: var(--color-sand-light);
}

.cier__container {
  text-align: left;
}

.cier__title {
  font-size: var(--font-size-4xl);
  font-weight: var(--font-weight-bold);
  margin-bottom: var(--spacing-md);
  color: var(--color-moss);
  font-family: var(--font-family-primary);
}

.cier__subtitle {
  font-size: var(--font-size-lg);
  color: var(--color-moss-dark);
  margin-bottom: var(--spacing-xl);
  font-family: var(--font-family-secondary);
}

.cier__list {
  list-style: none;
  padding: 0;
  margin-bottom: var(--spacing-xl);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.cier__item {
  font-size: var(--font-size-base);
  color: var(--color-moss);
  font-family: var(--font-family-secondary);
}

.cier__item strong {
  color: var(--color-terracotta);
  font-weight: var(--font-weight-bold);
}

.cier__cta,
.about__cta,
.fragments__cta,
.contact__cta {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-xl);
  background-color: var(--color-terracotta);
  color: var(--color-sand-light);
  text-decoration: none;
  border-radius: var(--border-radius-md);
  font-weight: var(--font-weight-medium);
  transition: background-color var(--transition-fast);
  font-family: var(--font-family-secondary);
  border: none;
  cursor: pointer;
}

.cier__cta:hover,
.about__cta:hover,
.fragments__cta:hover,
.contact__cta:hover {
  background-color: var(--color-terracotta-dark);
}

.about {
  background-color: var(--color-sand-light);
}

.about__container {
  text-align: left;
}

.about__title {
  font-size: var(--font-size-4xl);
  font-weight: var(--font-weight-bold);
  margin-bottom: var(--spacing-md);
  color: var(--color-moss);
  font-family: var(--font-family-primary);
}

.about__text {
  font-size: var(--font-size-lg);
  color: var(--color-moss-dark);
  margin-bottom: var(--spacing-xl);
  font-family: var(--font-family-secondary);
  line-height: 1.6;
}

.fragments {
  background-color: var(--color-sand-light);
}

.fragments__container {
  text-align: left;
}

.fragments__title {
  font-size: var(--font-size-4xl);
  font-weight: var(--font-weight-bold);
  margin-bottom: var(--spacing-md);
  color: var(--color-moss);
  font-family: var(--font-family-primary);
}

.fragments__text {
  font-size: var(--font-size-lg);
  color: var(--color-moss-dark);
  margin-bottom: var(--spacing-xl);
  font-family: var(--font-family-secondary);
  line-height: 1.6;
}

.contact {
  background-color: var(--color-sand-light);
}

.contact__container {
  text-align: left;
}

.contact__title {
  font-size: var(--font-size-4xl);
  font-weight: var(--font-weight-bold);
  margin-bottom: var(--spacing-md);
  color: var(--color-moss);
  font-family: var(--font-family-primary);
}

.contact__text {
  font-size: var(--font-size-lg);
  color: var(--color-moss-dark);
  margin-bottom: var(--spacing-xl);
  font-family: var(--font-family-secondary);
  line-height: 1.6;
}

@media (max-width: 768px) {
  .cier__cta,
  .about__cta,
  .fragments__cta,
  .contact__cta {
    width: 100%;
    text-align: center;
  }
}