.faq-page {overflow:hidden;}

.faq-hero{position:relative;min-height:70vh;display:flex;align-items:center;justify-content:center;text-align:center}
.faq-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.faq-hero-overlay{position:absolute;inset:0;background:linear-gradient(to bottom, rgba(21,23,27,.7), rgba(15,106,109,.4))}
.faq-hero-content{position:relative;max-width:640px;margin:auto;display:flex;flex-direction:column;gap:var(--space-4)}

.faq-categories-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-3);margin-top:var(--space-4)}
.faq-cat{padding:var(--space-4);text-align:center;border-radius:var(--radius-sm);transition:.3s}
.faq-cat:hover{border-color:var(--color-accent-turquoise);color:var(--color-accent-turquoise)}

.faq-narrow{max-width:720px;margin-inline:auto}

.faq-accordion{display:flex;flex-direction:column;gap:var(--space-3)}
.faq-item{border-bottom:1px solid var(--color-border-gunmetal);padding-bottom:var(--space-2)}
.faq-question{width:100%;text-align:left;padding:var(--space-3) 0;font-family:var(--font-heading);letter-spacing:.05em}
.faq-answer{max-height:0;overflow:hidden;opacity:0;transition:max-height .4s ease,opacity .3s ease}
.faq-item.active .faq-answer{max-height:500px;opacity:1}

.faq-split{display:grid;grid-template-columns:60% 40%;gap:var(--space-5);align-items:center}
.faq-text{min-width:0}
.faq-image img{border-radius:var(--radius-lg)}

.faq-inline-image{margin:var(--space-4) 0;border-radius:var(--radius-lg)}

.faq-columns{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5)}

.faq-cta-box{max-width:600px;margin:auto;text-align:center;padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3)}

@media (max-width:1000px){
.faq-categories-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.faq-split{grid-template-columns:1fr}
}

@media (max-width:700px){
.faq-categories-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.faq-columns{grid-template-columns:1fr}
}

@media (max-width:480px){
.faq-categories-grid{grid-template-columns:1fr}
}