.faq-page-header {
  background-color: #faf9f6 !important;
}

.faq-hero {
  padding: clamp(2.75rem, 5vw, 4.75rem) 0 clamp(3.75rem, 6vw, 5.5rem);
}

.faq-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 0.58fr) minmax(320px, 0.42fr);
  gap: clamp(3rem, 8vw, 7rem);
  align-items: start;
}

.faq-hero__kicker {
  position: relative;
  padding-top: 1rem;
}

.faq-hero__kicker::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: clamp(9rem, 17vw, 13rem);
  height: 2px;
  background: rgba(94, 116, 102, 0.28);
}

.faq-hero__kicker::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 3.75rem;
  height: 2px;
  background: rgba(216, 121, 85, 0.72);
}

.faq-hero__aside {
  padding-top: 1.5rem;
  border-top: 1px solid rgba(94, 116, 102, 0.22);
}

.faq-category-nav {
  display: grid;
  gap: 0;
  margin-top: 2rem;
  border-bottom: 1px solid rgba(94, 116, 102, 0.18);
}

.faq-category-nav a {
  display: grid;
  grid-template-columns: 2.25rem minmax(0, 1fr) auto;
  gap: 0.75rem;
  align-items: center;
  padding: 0.9rem 0;
  border-top: 1px solid rgba(94, 116, 102, 0.18);
}

.faq-category-nav__icon,
.faq-section__icon {
  color: #a88f55;
}

.faq-category-nav__icon {
  font-size: 1.15rem;
}

.faq-section__icon {
  display: inline-grid;
  width: 2.5rem;
  height: 2.5rem;
  place-items: center;
  border: 1px solid rgba(94, 116, 102, 0.2);
  border-radius: 50%;
  background: rgba(94, 116, 102, 0.07);
  font-size: 1.2rem;
}

.faq-section {
  position: relative;
  overflow: clip;
  padding: clamp(3.75rem, 7vw, 6rem) 0;
  scroll-margin-top: 6rem;
}

.faq-section__grid {
  display: grid;
  grid-template-columns: minmax(220px, 0.32fr) minmax(0, 0.68fr);
  gap: clamp(3rem, 8vw, 7rem);
  align-items: start;
}

.faq-section__heading {
  position: sticky;
  top: 7rem;
  padding-top: 1.25rem;
  border-top: 3px solid rgba(94, 116, 102, 0.28);
}

.faq-section__heading::before {
  content: "";
  position: absolute;
  top: -3px;
  left: 0;
  width: 34%;
  height: 3px;
  background: rgba(168, 143, 85, 0.65);
}

.faq-list {
  border-top: 1px solid rgba(94, 116, 102, 0.24);
}

.faq-item {
  border-bottom: 1px solid rgba(94, 116, 102, 0.2);
}

.faq-item summary::-webkit-details-marker {
  display: none;
}

.faq-item__answer {
  max-width: 66ch;
}

.faq-item[open] summary {
  color: #7e6838;
}

.faq-item[open] .faq-item__icon {
  transform: rotate(45deg);
}

.faq-close {
  display: grid;
  grid-template-columns: minmax(0, 0.48fr) minmax(0, 0.52fr);
  gap: clamp(2.5rem, 7vw, 6rem);
  align-items: center;
}

@media (max-width: 800px) {
  .faq-hero {
    padding: 3.25rem 0;
  }

  .faq-hero__grid,
  .faq-section__grid,
  .faq-close {
    grid-template-columns: 1fr;
    gap: 2.5rem;
  }

  .faq-section {
    padding: 3rem 0;
  }

  .faq-section__heading {
    position: relative;
    top: auto;
  }
}