/* Homepage feedback pass: canonical KV canvas and React Bits Threads-inspired depth. */
.uw-home-v4 .uw4-faq {
  isolation: isolate;
  overflow: hidden;
  color: #383026;
  background: #f2efe8;
}

.uw-home-v4 .uw4-faq__thread-field {
  position: absolute;
  z-index: 0;
  inset: -26% -18%;
  pointer-events: none;
  opacity: 0.36;
  transform: rotate(-3deg) scale(1.08);
  transform-origin: 24% 56%;
  -webkit-mask-image: linear-gradient(90deg, #000 0%, rgba(0, 0, 0, 0.72) 43%, transparent 77%);
  mask-image: linear-gradient(90deg, #000 0%, rgba(0, 0, 0, 0.72) 43%, transparent 77%);
}

.uw-home-v4 .uw4-faq__thread-field::before,
.uw-home-v4 .uw4-faq__thread-field::after {
  position: absolute;
  inset: -12%;
  content: "";
  background: repeating-radial-gradient(
    ellipse 78% 38% at 13% 57%,
    transparent 0 18px,
    rgba(56, 48, 38, 0.2) 18.75px 19.5px,
    transparent 20.25px 31px
  );
}

.uw-home-v4 .uw4-faq__thread-field::after {
  opacity: 0.5;
  background: repeating-radial-gradient(
    ellipse 68% 31% at 22% 48%,
    transparent 0 25px,
    rgba(188, 155, 120, 0.42) 25.75px 26.5px,
    transparent 27.25px 40px
  );
  transform: translate(5%, -6%) rotate(5deg);
}

.uw-home-v4 .uw4-faq__heading,
.uw-home-v4 .uw4-faq__list {
  position: relative;
  z-index: 1;
}

.uw-home-v4 .uw4-faq__heading h2 {
  color: #383026;
}

.uw-home-v4 .uw4-faq__list {
  border-color: rgba(56, 48, 38, 0.26);
}

.uw-home-v4 .uw4-faq details {
  border-color: rgba(56, 48, 38, 0.26);
}

.uw-home-v4 .uw4-faq summary {
  color: #383026;
  transition: color 240ms var(--uw4-ease);
}

.uw-home-v4 .uw4-faq summary > span {
  right: 0;
  width: 44px;
  height: 44px;
  border: 1px solid rgba(56, 48, 38, 0.34);
  border-radius: 50%;
  color: #383026;
  background: rgba(250, 250, 250, 0.52);
  transform: translateY(-50%);
  transition: color 240ms ease, border-color 240ms ease, background-color 240ms ease, transform 420ms var(--uw4-ease);
}

.uw-home-v4 .uw4-faq summary > span::before,
.uw-home-v4 .uw4-faq summary > span::after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 14px;
  height: 1px;
  content: "";
  background: currentColor;
  transform: translate(-50%, -50%);
}

.uw-home-v4 .uw4-faq summary > span::after {
  inset: auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(90deg);
}

.uw-home-v4 .uw4-faq details[open] summary > span::after {
  transform: translate(-50%, -50%) rotate(0deg);
}

.uw-home-v4 .uw4-faq details[open] summary,
.uw-home-v4 .uw4-faq summary:hover,
.uw-home-v4 .uw4-faq summary:focus-visible {
  color: #c93608;
}

.uw-home-v4 .uw4-faq details[open] summary > span,
.uw-home-v4 .uw4-faq summary:hover > span,
.uw-home-v4 .uw4-faq summary:focus-visible > span {
  border-color: #c93608;
  color: #c93608;
  background: #fafafa;
  transform: translateY(-50%) rotate(4deg);
}

.uw-home-v4 .uw4-faq details p {
  color: rgba(56, 48, 38, 0.76);
}

@media (max-width: 900px) {
  .uw-home-v4 .uw4-faq__thread-field {
    inset: -8% -80% 34% -35%;
    opacity: 0.28;
    -webkit-mask-image: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0.6) 56%, transparent 100%);
    mask-image: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0.6) 56%, transparent 100%);
  }
}

@media (prefers-reduced-motion: reduce) {
  .uw-home-v4 .uw4-faq__thread-field,
  .uw-home-v4 .uw4-faq summary,
  .uw-home-v4 .uw4-faq summary > span {
    transition: none;
  }
}