/* FAQs page (uses collection.css for .chero, .playband, .btn-ghost) */
.fhero{padding:190px 0 100px}
.fhero .wrap{grid-template-columns:1fr}
.fhero .ccopy{max-width:900px}
.fsearch{display:block;margin-top:8px;max-width:620px}
.fsearch .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.fsearch input{width:100%;font:inherit;font-size:18px;padding:18px 22px 18px 56px;border:1px solid var(--gold-bd);background:rgba(247,244,233,.06) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='none' stroke='%23e9c28c' stroke-width='2'%3E%3Ccircle cx='9.5' cy='9.5' r='7'/%3E%3Cpath d='M15 15l5 5'/%3E%3C/svg%3E") 20px center no-repeat;color:var(--cream);outline:none}
.fsearch input::placeholder{color:rgba(247,244,233,.55)}
.fsearch input:focus{border-color:var(--gold-hi);background-color:rgba(247,244,233,.1)}
.faqs{background:var(--cream);padding:70px 0 100px}
.faqs .wrap{max-width:1180px}
.ftabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:50px;position:sticky;top:0;z-index:5;background:var(--cream);padding:14px 0;border-bottom:1px solid rgba(175,156,115,.4)}
.ftabs button{font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--navy);border:1px solid var(--gold-line);padding:11px 18px;background:transparent;transition:background .2s,color .2s}
.ftabs button:hover{border-color:var(--navy)}
.ftabs button.on{background:var(--navy);border-color:var(--navy);color:var(--cream)}
.fgroup{margin-bottom:56px;opacity:0;transform:translateY(20px);transition:opacity .7s,transform .7s}
.fgroup.in{opacity:1;transform:none}
.fghead{display:flex;align-items:center;gap:18px;margin-bottom:18px}
.fghead img{height:56px;width:56px;object-fit:contain}
.fghead h2{font-family:var(--display);font-weight:600;font-size:44px;line-height:1.05;color:var(--navy)}
.fqs{border-top:1px solid rgba(175,156,115,.55)}
.fqi{border-bottom:1px solid rgba(175,156,115,.55)}
.fqi summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 4px;font-size:20px;font-weight:600;color:var(--navy)}
.fqi summary::-webkit-details-marker{display:none}
.fqi summary i{flex:none;width:30px;height:30px;border:1px solid var(--gold-line);border-radius:50%;position:relative;transition:transform .3s,background .3s}
.fqi summary i::before,.fqi summary i::after{content:'';position:absolute;left:50%;top:50%;width:12px;height:1.5px;background:var(--red);transform:translate(-50%,-50%)}
.fqi summary i::after{transform:translate(-50%,-50%) rotate(90deg);transition:transform .3s}
.fqi[open] summary i{background:var(--navy);border-color:var(--navy)}
.fqi[open] summary i::before{background:var(--cream)}
.fqi[open] summary i::after{transform:translate(-50%,-50%) rotate(0);background:var(--cream)}
.fqi summary:hover{color:var(--red)}
.fa{padding:0 70px 26px 4px}
.fa p{font-size:17px;line-height:1.7;color:var(--muted-2);max-width:880px}
.fa a{color:var(--red);border-bottom:1px solid rgba(166,25,46,.4)}
.fa .ask{display:flex;flex-direction:column;gap:8px;color:var(--muted);font-style:italic}
.fa .ask span{font-style:normal;align-self:flex-start;font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#7a5a12;background:#f5e3b5;border:1px solid #e3c472;padding:5px 10px}
.fqi.pending summary{color:rgba(13,36,58,.75)}
.fempty{font-size:18px;color:var(--muted);text-align:center;padding:40px 0}
@media (max-width:899px){
  body:not(.stage) .fhero{padding:120px 0 60px}
  body:not(.stage) .fsearch input{font-size:16px}
  body:not(.stage) .ftabs{gap:8px;overflow-x:auto;flex-wrap:nowrap;margin-left:calc(-1*var(--gutter));margin-right:calc(-1*var(--gutter));padding-left:var(--gutter);padding-right:var(--gutter)}
  body:not(.stage) .ftabs button{flex:none;padding:9px 14px;font-size:12px}
  body:not(.stage) .fghead h2{font-size:32px}
  body:not(.stage) .fghead img{height:44px;width:44px}
  body:not(.stage) .fqi summary{font-size:17px;padding:20px 0}
  body:not(.stage) .fa{padding:0 0 22px}
  body:not(.stage) .fa p{font-size:16px}
}
.fhero .wrap{grid-template-columns:1fr 560px}
.fart{position:relative;height:420px}
.fart img{position:absolute;width:250px;border-radius:16px;box-shadow:0 30px 50px -20px rgba(0,0,0,.6);border:6px solid #fff}
.fart .c1{left:40px;top:40px;transform:rotate(-14deg)}
.fart .c2{left:170px;top:10px;transform:rotate(-2deg)}
.fart .c3{left:300px;top:40px;transform:rotate(11deg);background:#fff}
@media (max-width:899px){body:not(.stage) .fhero .wrap{grid-template-columns:1fr}body:not(.stage) .fart{display:none}}