@layer sections {
  .faq__inner { display: grid; grid-template-columns: 0.8fr 1.2fr; gap: clamp(2.5rem, 6vw, 8rem); align-items: start; }
  .faq__head { position: sticky; top: calc(var(--header-h) + 2rem); justify-items: start; }
  .faq__title { max-width: 10ch; }
  .faq__list { display: grid; }
  @media (max-width: 989px) {
    .faq__inner { grid-template-columns: 1fr; }
    .faq__head { position: static; }
  }
}