/* ===== FAQ page ===== */
.faq-hero{padding:160px 0 clamp(40px,6vh,70px)}
.faq-hero h1{font-size:clamp(36px,5.4vw,66px);letter-spacing:-.03em}
.faq-hero .lede{margin-top:20px;max-width:54ch}
.faq-list{max-width:860px;margin:0 auto;padding-bottom:clamp(80px,12vh,140px)}
.faq-group{font-family:'Zalando Sans Expanded',sans-serif;font-weight:700;font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--sand);margin:54px 0 10px}
.faq-item{border-bottom:1px solid var(--line)}
.faq-q{width:100%;background:none;border:0;color:#fff;cursor:pointer;text-align:left;
  display:flex;align-items:center;justify-content:space-between;gap:24px;
  padding:24px 0;font-family:'Zalando Sans Expanded',sans-serif;font-weight:700;
  font-size:clamp(16px,2vw,19px);letter-spacing:-.01em;transition:color .25s}
.faq-q:hover{color:var(--blue-light)}
.faq-q .fi{flex:none;width:30px;height:30px;border:1px solid var(--line-2);border-radius:50%;position:relative;transition:transform .4s var(--ease),border-color .3s,background .3s}
.faq-q .fi::before,.faq-q .fi::after{content:"";position:absolute;left:50%;top:50%;background:#fff;transition:.3s}
.faq-q .fi::before{width:12px;height:1.5px;transform:translate(-50%,-50%)}
.faq-q .fi::after{width:1.5px;height:12px;transform:translate(-50%,-50%)}
.faq-item.open .faq-q .fi{transform:rotate(135deg);background:var(--blue);border-color:var(--blue)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .5s var(--ease)}
.faq-a-inner{padding:0 0 26px;color:var(--text-2);font-size:16px;line-height:1.65;max-width:62ch;text-wrap:pretty}
.faq-a-inner a{color:var(--blue-light)}
.faq-a-inner a:hover{color:#fff}
@media(prefers-reduced-motion:reduce){.faq-a{transition:none}}