/* ========================================================================== Mirage Furniture — FAQ (#faq) Reuses the .acc accordion look from the services section (services.css owns the shared .acc__* styles). Mirrors the FAQPage structured data in . ========================================================================== */ .faq { position: relative; z-index: 1; /* scrolls over the pinned hero */ width: 100%; background: var(--color-bg); padding: clamp(4rem, 10vh, 7rem) var(--nav-pad-x); /* The shared .acc styles animate with these (set by JS in the services section; here plain CSS is enough). */ --acc-dur: 520ms; --acc-icon-dur: 340ms; } .faq__head { max-width: 44rem; margin: 0 auto; text-align: center; } .faq__eyebrow { font-family: var(--font-display); text-transform: uppercase; letter-spacing: var(--tracking-wide); font-size: var(--text-sm); color: var(--color-text-body); } .faq__title { margin-top: var(--space-3); font-family: var(--font-body); font-weight: 400; font-size: clamp(1.8rem, 3.4vw, 2.75rem); line-height: var(--leading-snug); color: var(--color-text-primary); } .faq__acc { max-width: 44rem; margin: var(--space-5) auto 0; }