.brand-story {
  padding: 16px 0;
  background: var(--off-white);
}

.brand-story__content {
  text-align: left;
}

.brand-story__content .gold-divider {
  margin-right: auto;
  margin-left: 0;
}

.brand-story__content .btn-dark {
  display: inline-flex;
  align-items: center;
  margin-top: 24px;
  padding: 15px 40px;
  color: var(--white);
  font-family: var(--font-body);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  background: var(--black);
  border-radius: var(--radius-btn);
  transition: color var(--transition), background var(--transition);
}

.brand-story__content .btn-dark:is(:hover, :focus-visible) {
  color: var(--black);
  background: var(--gold);
}

[dir="rtl"] .brand-story__content {
  text-align: center;
}

[dir="rtl"] .brand-story__content .gold-divider {
  margin-right: auto;
  margin-left: auto;
}

@media (max-width: 899px) {
  .brand-story__grid {
    gap: 36px;
  }

  .brand-story__content {
    text-align: center;
  }

  .brand-story__content .gold-divider {
    margin-right: auto;
    margin-left: auto;
  }
}

@media (prefers-reduced-motion: reduce) {
  [data-reveal] {
    opacity: 1;
    transform: none;
    transition: none;
  }
}