/* Full Court Press shared FAQ section */

.faq,
.faq-section,
.art-faq{
  box-sizing:border-box!important;
}

.faq,
.faq-section{
  background:var(--bg,#111110)!important;
  border-top:1px solid var(--rule,rgba(255,255,255,.08))!important;
  border-bottom:1px solid var(--rule,rgba(255,255,255,.08))!important;
  padding:clamp(3rem,6vw,5rem) 0!important;
}

.faq > .container,
.faq-grid,
.faq-inner,
.art-faq{
  width:min(1120px,calc(100% - 48px))!important;
  max-width:none!important;
  margin:0 auto!important;
  padding:clamp(3rem,5vw,4.75rem) clamp(1.5rem,4vw,3.5rem)!important;
  display:grid!important;
  grid-template-columns:minmax(240px,310px) minmax(0,650px)!important;
  justify-content:center!important;
  align-items:start!important;
  gap:clamp(2rem,5vw,4rem)!important;
  background:linear-gradient(180deg,rgba(24,23,22,.98),rgba(18,18,17,.98))!important;
  border:1px solid rgba(255,255,255,.08)!important;
}

.faq-grid{
  grid-template-columns:minmax(240px,310px) minmax(0,650px)!important;
}

.faq-hdr,
.faq-intro,
.faq-header,
.art-faq > .art-faq-heading,
.art-faq > .art-faq-intro{
  grid-column:1!important;
}

.faq-hdr,
.faq-intro,
.faq-header{
  position:sticky!important;
  top:104px!important;
  margin:0!important;
}

.art-faq > .art-faq-heading,
.art-faq > .art-faq-intro{
  align-self:start!important;
}

.faq-hdr h2,
.faq-intro .section-title,
.faq-title,
.art-faq-heading{
  font-family:'Cormorant Garamond',serif!important;
  font-size:clamp(2rem,3vw,3rem)!important;
  font-weight:300!important;
  line-height:1.1!important;
  letter-spacing:0!important;
  color:var(--paper,#f5f4f2)!important;
  margin:0 0 1rem!important;
}

.faq-hdr p,
.faq-intro p,
.art-faq-intro,
.faq-side-note{
  max-width:28rem!important;
  font-family:'Plus Jakarta Sans',sans-serif!important;
  font-size:.95rem!important;
  line-height:1.75!important;
  color:var(--w55,rgba(245,244,242,.55))!important;
  margin:0 0 1rem!important;
}

.faq-intro{
  max-width:none!important;
}

.faq-header .faq-intro,
.art-faq-intro{
  max-width:28rem!important;
}

.faq-hdr .eyebrow,
.faq-intro .eyebrow,
.faq-label,
.faq-eyebrow,
.faq-header .diag-label,
.faq-header .art-tag{
  display:block!important;
  margin:0 0 .8rem!important;
  font-family:'DM Mono',monospace!important;
  font-size:.62rem!important;
  letter-spacing:.16em!important;
  line-height:1.4!important;
  text-transform:uppercase!important;
  color:var(--gold,#c9a84c)!important;
}

.faq-mini-cta{
  max-width:18rem!important;
  margin-top:1.5rem!important;
  padding-top:1rem!important;
  border-top:1px solid rgba(201,168,76,.18)!important;
}

.faq-mini-cta p{
  margin:0 0 .8rem!important;
  font-size:.82rem!important;
  line-height:1.6!important;
  color:var(--w50,rgba(245,244,242,.55))!important;
}

.faq-list,
.faq > .container > .faq-list,
.faq-grid > .faq-list,
.art-faq > .faq-item,
.art-faq > .faq-group{
  grid-column:2!important;
}

.faq-grid > .faq-list,
.faq-list{
  display:flex!important;
  flex-direction:column!important;
  gap:1.2rem!important;
}

.faq-group{
  background:transparent!important;
  border:0!important;
}

.faq-group-head{
  display:flex!important;
  align-items:center!important;
  gap:.75rem!important;
  padding:0!important;
  margin:0 0 .55rem!important;
  border:0!important;
}

.faq-group-title,
.faq-group-count{
  font-family:'DM Mono',monospace!important;
  letter-spacing:.16em!important;
  line-height:1.4!important;
  text-transform:uppercase!important;
}

.faq-group-title{
  display:flex!important;
  align-items:center!important;
  gap:.75rem!important;
  width:100%!important;
  font-size:.62rem!important;
  color:var(--gold,#c9a84c)!important;
}

.faq-group-title::after{
  content:''!important;
  height:1px!important;
  flex:1 1 auto!important;
  background:rgba(201,168,76,.18)!important;
}

.faq-group-count{
  flex:0 0 auto!important;
  font-size:.55rem!important;
  color:var(--w40,rgba(245,244,242,.4))!important;
}

.faq-item,
.faq-grid .faq-item,
.faq details.faq-item,
.art-faq > .faq-item{
  background:var(--bg,#111110)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-bottom-width:1px!important;
  margin:0 0 .55rem!important;
  transition:background .2s,border-color .2s!important;
}

.faq-item:hover,
.art-faq > .faq-item:hover{
  background:rgba(201,168,76,.025)!important;
  border-color:rgba(201,168,76,.22)!important;
}

.faq-grid .faq-item h3{
  margin:0!important;
  padding:1rem 1.1rem .35rem!important;
  font-family:'Plus Jakarta Sans',sans-serif!important;
  font-size:.95rem!important;
  font-weight:650!important;
  line-height:1.45!important;
  color:var(--w85,rgba(245,244,242,.9))!important;
}

.faq-grid .faq-item > p{
  margin:0!important;
  padding:0 1.1rem 1.05rem!important;
  font-family:'Plus Jakarta Sans',sans-serif!important;
  font-size:.91rem!important;
  line-height:1.72!important;
  color:var(--w60,rgba(245,244,242,.62))!important;
}

.faq-q,
.faq-group .faq-q,
.art-faq .faq-q{
  width:100%!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 18px!important;
  align-items:center!important;
  gap:1rem!important;
  padding:1rem 1.1rem!important;
  background:transparent!important;
  border:0!important;
  color:var(--w85,rgba(245,244,242,.9))!important;
  font-family:'Plus Jakarta Sans',sans-serif!important;
  font-size:.95rem!important;
  font-weight:650!important;
  line-height:1.45!important;
  letter-spacing:0!important;
  text-align:left!important;
  cursor:pointer!important;
}

.faq details[open] .faq-q,
.faq-q:hover,
.faq-q[aria-expanded="true"],
.faq-item.open .faq-q,
.faq-item[open] .faq-q{
  color:var(--paper,#f5f4f2)!important;
  background:rgba(201,168,76,.035)!important;
}

.faq-question{
  min-width:0!important;
  overflow-wrap:anywhere!important;
}

.faq-tag{
  display:none!important;
}

.faq-q-mark{
  display:block!important;
  justify-self:end!important;
  width:16px!important;
  height:16px!important;
  color:var(--gold,#c9a84c)!important;
  font-size:0!important;
  position:relative!important;
}

.faq-q-mark::before,
.faq-q-mark::after{
  content:''!important;
  position:absolute!important;
  background:currentColor!important;
  border-radius:2px!important;
  transition:transform .25s,opacity .25s!important;
}

.faq-q-mark::before{
  width:12px!important;
  height:2px!important;
  top:7px!important;
  left:2px!important;
}

.faq-q-mark::after{
  width:2px!important;
  height:12px!important;
  top:2px!important;
  left:7px!important;
}

summary.faq-q{
  list-style:none!important;
}

summary.faq-q::-webkit-details-marker{
  display:none!important;
}

.faq-icon,
.faq-chevron{
  justify-self:end!important;
  width:16px!important;
  height:16px!important;
  color:var(--gold,#c9a84c)!important;
  stroke:var(--gold,#c9a84c)!important;
  opacity:.85!important;
}

.faq-icon::before,
.faq-icon::after{
  content:''!important;
  position:absolute!important;
  background:currentColor!important;
  border-radius:2px!important;
  transition:transform .25s,opacity .25s!important;
}

.faq-icon{
  position:relative!important;
}

.faq-icon::before{
  width:12px!important;
  height:2px!important;
  top:7px!important;
  left:2px!important;
}

.faq-icon::after{
  width:2px!important;
  height:12px!important;
  top:2px!important;
  left:7px!important;
}

.faq details[open] .faq-q-mark::after,
.faq details[open] .faq-q .faq-icon::after,
.faq-q[aria-expanded="true"] .faq-icon::after,
.faq-item.open .faq-icon::after,
.faq-item[open] .faq-icon::after{
  transform:rotate(90deg)!important;
  opacity:0!important;
}

.faq-a,
.faq-group .faq-a,
.art-faq .faq-a{
  max-width:none!important;
  padding:0 1.1rem 1.05rem!important;
}

.faq-a p,
.faq-a li{
  margin:0!important;
  font-family:'Plus Jakarta Sans',sans-serif!important;
  font-size:.91rem!important;
  line-height:1.72!important;
  color:var(--w60,rgba(245,244,242,.62))!important;
}

@media(max-width:900px){
  .faq > .container,
  .faq-grid,
  .faq-inner,
  .art-faq{
    width:min(680px,calc(100% - 32px))!important;
    grid-template-columns:1fr!important;
    padding:2.75rem 1.25rem!important;
    gap:1.7rem!important;
  }
  .faq-hdr,
  .faq-intro,
  .faq-header,
  .faq-list,
  .art-faq > .art-faq-heading,
  .art-faq > .art-faq-intro,
  .art-faq > .faq-item,
  .art-faq > .faq-group{
    grid-column:1!important;
  }
  .faq-header{
    position:static!important;
  }
  .faq-hdr h2,
  .faq-intro .section-title,
  .faq-title,
  .art-faq-heading{
    max-width:20rem!important;
  }
  .faq-intro,
  .art-faq-intro,
  .faq-side-note{
    max-width:100%!important;
  }
  .faq-grid{
    grid-template-columns:1fr!important;
  }
  .faq-grid > .faq-intro,
  .faq-grid > .faq-list{
    grid-column:1!important;
    width:100%!important;
    max-width:100%!important;
  }
}

@media(max-width:520px){
  .faq,
  .faq-section{
    padding:2.5rem 0!important;
  }
  .faq > .container,
  .faq-grid,
  .faq-inner,
  .art-faq{
    width:calc(100% - 24px)!important;
    padding:2.4rem 1rem!important;
  }
  .faq-group-title{
    font-size:.58rem!important;
  }
  .faq-q,
  .art-faq .faq-q{
    padding:.95rem .9rem!important;
    font-size:.9rem!important;
  }
  .faq-a,
  .faq-group .faq-a,
  .art-faq .faq-a{
    padding:0 .9rem 1rem!important;
  }
}