.faq-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:8vw;align-items:end;padding:110px 8vw;background:var(--dark);color:#fff}.faq-hero h1{margin-bottom:0}.faq-hero>p{max-width:520px;margin:0 0 10px;color:#bfc2c3;font-size:18px;line-height:1.7}.faq-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;padding:110px 8vw}.faq-heading{position:sticky;top:120px;align-self:start}.faq-heading h2{font-size:clamp(40px,4.2vw,62px)}.faq-list{border-top:1px solid #d7d3cb}.faq-list details{border-bottom:1px solid #d7d3cb}.faq-list summary{position:relative;padding:27px 50px 27px 0;cursor:pointer;list-style:none;font:500 19px Manrope}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary::after{content:"+";position:absolute;right:4px;top:21px;color:var(--gold);font:300 28px Manrope}.faq-list details[open] summary::after{content:"−"}.faq-list details p{max-width:720px;margin:0;padding:0 50px 27px 0;color:var(--muted);font-size:16px;line-height:1.75}.faq-dark,.faq-practical{background:var(--ink);color:#fff}.faq-dark h2,.faq-practical h2{color:#fff}.faq-dark .faq-list,.faq-practical .faq-list,.faq-dark .faq-list details,.faq-practical .faq-list details{border-color:#747a84}.faq-dark .faq-list details p,.faq-practical .faq-list details p{color:#d4d6da}@media(max-width:900px){.faq-hero,.faq-section{grid-template-columns:1fr}.faq-heading{position:static}.faq-hero{align-items:start}.faq-hero>p{margin-top:15px}}@media(max-width:600px){.faq-hero,.faq-section{padding:75px 6vw}.faq-list summary{font-size:17px;padding-right:38px}.faq-list details p{padding-right:15px}}
