/* Figma 50:451: the existing 12-column grid, Haas Medium and exported vectors. */
.faq { position:relative; background:var(--ink); color:var(--paper); }
.faq .grid-lines,.faq .dotted-rule { opacity:.8; }
.faq .grid-lines span { background-image:url('../assets/faq/grid.svg'); background-size:100% 154.4375rem; }
.faq .dotted-rule::before { background-image:url('../assets/faq/rule.svg'); }
.faq-header { padding-top:2.5rem; min-height:17.3125rem; align-items:start; }
.faq-title { grid-column:1 / 7; display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:var(--gap); }
.faq-title > span:first-child { grid-column:1 / 3; }
.faq-title > span:last-child { grid-column:3 / 7; }
.faq-contact { grid-column:7 / 9; max-width:13.0625rem; font-size:var(--type-body); }
.faq-copyright { grid-column:12; justify-self:end; }
.faq-group { position:relative; min-height:25.5rem; }
.faq-group:nth-of-type(2) { min-height:28.75rem; }
.faq-group:last-child { min-height:27.125rem; }
.faq-group-layout { padding-top:1.1875rem; padding-bottom:5rem; align-items:start; }
.faq-letter { grid-column:1 / 3; }
.faq-group h3 { grid-column:3 / 7; }
.faq-letter,.faq-group h3 { font-size:var(--type-lead); line-height:1; letter-spacing:-.01em; }
.faq-list { grid-column:7 / 13; margin-left:-3.25rem; display:flex; flex-direction:column; gap:1.75rem; min-width:0; }
.faq-item { min-width:0; overflow-anchor:none; }
.faq-item summary { position:relative; display:flex; align-items:flex-start; gap:1.25rem; list-style:none; cursor:pointer; min-width:0; }
.faq-item summary::-webkit-details-marker { display:none; }
.faq-item summary:focus-visible { outline:2px solid var(--paper); outline-offset:6px; border-radius:2px; }
.faq-question { display:block; min-width:0; font-size:var(--type-lead); line-height:1; letter-spacing:-.01em; opacity:.5; transition:opacity .4s var(--ease); }
.faq-item[open] .faq-question { opacity:1; }
.faq-icon { position:relative; display:block; flex:0 0 2rem; width:2rem; height:2rem; margin-top:.09375rem; }
.faq-icon img { position:absolute; inset:0; width:100%; height:100%; transition:opacity .4s var(--ease),transform .5s var(--ease); }
.faq-icon-minus { opacity:0; transform:rotate(-90deg); }
.faq-item[open] .faq-icon-minus { opacity:1; transform:rotate(0); }
.faq-item[open] .faq-icon-plus { opacity:0; transform:rotate(90deg); }
.faq-answer { padding: .625rem 0 0 3.25rem; }
.faq-answer p { max-width:29.8125rem; font-size:var(--type-body); line-height:1; }
.faq-item summary:focus-visible .faq-question { opacity:1; }
@media(hover:hover) and (pointer:fine) {
  .faq-item summary:hover .faq-question { opacity:1; }
  .faq-item summary:hover .secondary-link__word { transform:translateY(-1.75em); }
  .faq-item:not([open]) summary:hover .faq-icon-plus { transform:rotate(90deg); }
}
.faq-item summary:focus-visible .secondary-link__word { transform:translateY(-1.75em); }
@media(max-width:800px) {
  .home-page .faq-header { grid-template-columns:var(--section-track) minmax(0,1fr); gap:28px 0; min-height:240px; padding:25px 0 40px; }
  .faq-title { grid-column:1 / -1; grid-template-columns:var(--section-track) minmax(0,1fr); gap:0; }
  .faq-title > span:first-child { grid-column:1; }
  .faq-title > span:last-child { grid-column:2; }
  .faq-contact { grid-column:2; grid-row:2; max-width:209px; line-height:1.1; }
  .faq-copyright { grid-column:1; grid-row:2; justify-self:start; }
  .home-page .faq-group { min-height:0; }
  .home-page .faq-group-layout { grid-template-columns:var(--section-track) minmax(0,1fr); gap:36px 0; padding:25px 0 64px; }
  .faq-letter { grid-column:1; }
  .faq-group h3 { grid-column:2; }
  .faq-list { grid-column:1 / -1; margin-left:0; gap:24px; }
  .faq-item summary { gap:12px; min-height:44px; align-items:flex-start; padding:6px 0; }
  .faq-question { line-height:1.05; }
  .faq-icon { flex-basis:24px; width:24px; height:24px; margin-top:1px; }
  .faq-answer { padding:6px 0 0 36px; }
  .faq-answer p { max-width:32rem; line-height:1.2; }
  .home-page .faq .grid-lines { opacity:.8; }
  .home-page .faq .grid-lines span { background-image:url('../assets/figma/mobile/dark-pair.svg'); background-size:13px 1079px; }
  .home-page .faq .grid-lines span:nth-child(-n+2) { display:none; }
  .home-page .faq .dotted-rule::before { background-image:url('../assets/figma/mobile/dark-rule.svg'); }
}
@media(prefers-reduced-motion:reduce) {
  .faq-icon img,.faq-question { transition:none; }
  .faq-item summary .secondary-link__word { transform:none !important; transition:none; }
}
