.page-faq{padding:90px clamp(20px,8vw,130px);display:grid;grid-template-columns:minmax(230px,.7fr) minmax(0,1.3fr);gap:clamp(45px,8vw,120px);background:#f5f2ea}
.page-faq>header{align-self:start;position:sticky;top:95px}
.page-faq>header>span{color:var(--clay);font-size:8px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}
.page-faq>header h2{margin:14px 0 20px;font:clamp(38px,5vw,64px)/1 Georgia}
.page-faq>header p{max-width:340px;margin:0;color:#66736f;font:14px/1.75 Georgia}
.page-faq-list{border-top:1px solid var(--line)}
.page-faq-list details{border-bottom:1px solid var(--line)}
.page-faq-list summary{min-height:88px;padding:20px 0;display:grid;grid-template-columns:44px 1fr 34px;align-items:center;gap:14px;cursor:pointer;list-style:none}
.page-faq-list summary::-webkit-details-marker{display:none}
.page-faq-list summary i{color:var(--clay);font-size:9px;font-style:normal;letter-spacing:.08em}
.page-faq-list summary strong{font:clamp(18px,2vw,25px)/1.3 Georgia}
.page-faq-list summary span{width:30px;height:30px;border:1px solid var(--line);display:grid;place-items:center;font-size:18px;transition:transform .2s,background .2s}
.page-faq-list details[open] summary span{color:#fff;background:var(--forest);border-color:var(--forest);transform:rotate(45deg)}
.page-faq-list details>div{padding:0 48px 28px 58px}
.page-faq-list details p{max-width:780px;margin:0;color:#536a63;font-size:13px;line-height:1.8}
@media(max-width:760px){.page-faq{padding:65px 20px;grid-template-columns:1fr;gap:32px}.page-faq>header{position:static}.page-faq-list summary{grid-template-columns:32px 1fr 30px;gap:10px}.page-faq-list details>div{padding:0 40px 24px 42px}}