/* ============================================================
   TAKEAWAY — Description
   ============================================================ */

#description {
  min-height: 100vh;
  background: var(--c-bg);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10vh 0;
}

.description-sticky {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.description-inner {
  width: 100%;
  max-width: 59vw;
  text-align: center;
}

.description-text {
  font-family: var(--font);
  font-size: var(--text-h4);
  line-height: var(--lh-h4);
  font-weight: var(--fw-regular);
  letter-spacing: var(--ls-tight);
  color: var(--c-text);
  width: 100%;
}

.desc-word {
  display: inline-block;
  opacity: 0;
  will-change: opacity, filter;
}

/* ── Mobile ── */
@media (max-width: 768px) {
  #description {
    min-height: unset;
    padding: 112px 0;
  }
  .description-inner {
    max-width: 88vw;
  }
  .description-text {
    font-size: var(--text-h4);
    line-height: var(--lh-h4);
  }
}

@media (max-width: 390px) {
  .description-inner { max-width: 92vw; }
}