/* Home: "questions, answered". Plain <details>, no JS. */
.faq{padding-block:clamp(40px,8vh,100px) 0;scroll-margin-top:72px}
.faq-in{max-width:820px}
.faq h2{font:400 clamp(40px,5.4vw,72px)/1 var(--f-hand);margin:0 0 .5em;rotate:-1.2deg;transform-origin:0 50%}
.faq-list{border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:18px 2px;font:400 clamp(22px,2.3vw,28px)/1.2 var(--f-hand);color:#fff}
.faq summary::-webkit-details-marker{display:none}
.faq summary:hover .faq-q{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1.5px}
.faq summary::after{content:"+";flex:none;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;
  background:#fff;color:var(--blue);font:400 26px/1 var(--f-ui);rotate:0deg;transition:rotate .2s}
.faq details[open] summary::after{content:"−";rotate:-8deg}
.faq .faq-a{margin:0;padding:0 2px 22px;max-width:680px;font:400 17px/1.6 var(--f-ui);color:var(--on-2);overflow-wrap:anywhere}
.faq .faq-a a{color:#fff;text-underline-offset:3px}
.faq .faq-more{margin:22px 0 0;font:400 17px/1.5 var(--f-ui);color:var(--on-2)}
.faq .faq-more a{color:#fff;text-underline-offset:3px}
@media (prefers-reduced-motion:reduce){.faq summary::after{transition:none}}