/* FAQ block: plain questions and answers, readable by people and by search and AI engines. Native <details>, no JS. */
.faq{padding-top:clamp(80px,10vw,140px);padding-bottom:clamp(40px,5vw,70px)}
.faqGrid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,5vw,80px);align-items:start}
.faqHead .label{display:inline-flex;align-items:center;gap:8px;font:500 11px var(--mono,"JetBrains Mono",monospace);letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.faqHead .label i{width:6px;height:6px;border-radius:50%;background:var(--accent)}
.faqHead h2{margin:16px 0 14px;font-size:clamp(40px,5vw,72px);line-height:.98;letter-spacing:-.035em;font-weight:600}
.faqHead h2 .serif{color:var(--accent)}
.faqHead{position:sticky;top:110px}
@media(max-width:1000px){.faqHead{position:static}}
.faqHead p{color:var(--text2);font-size:16px;line-height:1.6;margin:0;max-width:380px}
.faqList{border-top:1px solid var(--line2)}
.faqItem{border-bottom:1px solid var(--line2)}
.faqItem summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 2px;
  font-size:clamp(17px,1.5vw,19px);font-weight:500;letter-spacing:-.01em;color:var(--text);transition:color .25s}
.faqItem summary::-webkit-details-marker{display:none}
.faqItem summary:hover{color:var(--accent)}
.faqItem summary:after{content:"";flex:none;width:12px;height:12px;
  background:linear-gradient(currentColor,currentColor) center/12px 1.5px no-repeat,linear-gradient(currentColor,currentColor) center/1.5px 12px no-repeat;
  color:var(--muted);transition:transform .3s cubic-bezier(.2,.7,.2,1)}
.faqItem[open] summary:after{transform:rotate(45deg);color:var(--accent)}
.faqItem .a{padding:0 2px 24px;color:var(--text2);font-size:16px;line-height:1.65;max-width:640px}
.faqItem .a p{margin:0}
.faqItem .a p + p{margin-top:10px}
.faqItem .a a{color:var(--text);text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:3px}
@media(max-width:1000px){.faqGrid{grid-template-columns:1fr}}
@media(max-width:560px){.faqItem summary{padding:18px 0;font-size:16.5px}.faqItem .a{font-size:15px}}
@media(prefers-reduced-motion:reduce){.faqItem summary:after{transition:none}}
