/* ISSLA RISK - /faq/ only: dark marble hero, shared FAQ accordion (service.css), closing band. Loaded after archive.css + service.css. */
.hero--faq { padding-block: clamp(3.5rem, 2.5rem + 4vw, 6rem); background: linear-gradient(90deg, var(--petrol-900) 38%, rgba(3, 40, 60, 0) 88%), url("/assets/img/marble-dark.webp") center / cover no-repeat, var(--petrol-900); }
.hero--faq::before { background: none; }
.hero--faq .hero__inner { max-width: 56rem; }
.hero--faq .faq-h1 { margin: 0 0 var(--sp-4); font: 500 clamp(2rem, 1.3rem + 2.6vw, 3.5rem) / 1.12 var(--font-serif); color: var(--on-dark); white-space: normal; }
.hero--faq .lede { margin: 0; }
.faq-ground { background: var(--paper-alt); }
.faq-end { background: linear-gradient(90deg, rgba(3, 40, 60, 0) 10%, var(--petrol-900) 62%), url("/assets/img/marble-dark.webp") 30% 50% / cover no-repeat, var(--petrol-900); color: var(--on-dark); padding-block: var(--sp-9); --focus: #e3c27a; }
.faq-end__in { max-width: 46rem; display: grid; gap: var(--sp-4); justify-items: start; }
.faq-end__t { margin: 0; font: 500 var(--fs-800) / 1.1 var(--font-serif); color: var(--on-dark); }
.faq-end__p { margin: 0 0 var(--sp-3); font-size: var(--fs-500); color: var(--on-dark-soft); }
.faq-end .btn--primary { background: var(--brass); color: var(--petrol-900); border-color: var(--brass); }
.faq-end .btn--primary:hover { background: #d6b87c; color: var(--petrol-900); }