.faq-section{
  padding:78px 0 86px;
  background:var(--paper-2);
}
.faq-intro{
  display:grid;
  grid-template-columns:.82fr 1.18fr;
  gap:42px;
  align-items:end;
  padding-top:30px;
  border-top:1px solid var(--line);
  margin-bottom:38px;
}
.faq-intro h2{
  font-size:clamp(46px,5.6vw,80px);
  margin:15px 0 0;
  max-width:560px;
}
.faq-intro h2 em{font-style:italic;color:var(--accent)}
.faq-intro>p{
  max-width:480px;
  margin:0 0 8px;
  justify-self:end;
  font-size:15.5px;
  line-height:1.72;
  opacity:.72;
}
.faq-list{
  max-width:980px;
  margin-left:auto;
  border-top:1px solid var(--line);
}
.faq-item{
  border-bottom:1px solid var(--line);
}
.faq-item summary{
  display:grid;
  grid-template-columns:52px 1fr 30px;
  gap:20px;
  align-items:center;
  padding:23px 8px;
  cursor:pointer;
  list-style:none;
  transition:background-color .2s ease;
}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary:hover{background:rgba(244,239,231,.6)}
.faq-item summary:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.faq-number{
  color:var(--accent);
  font-size:10px;
  font-weight:950;
  letter-spacing:.14em;
}
.faq-question{
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(20px,2.35vw,30px);
  line-height:1.16;
  letter-spacing:-.03em;
}
.faq-icon{
  position:relative;
  width:27px;
  height:27px;
  border:1px solid var(--ink);
  border-radius:50%;
  justify-self:end;
  transition:transform .25s ease,background-color .25s ease;
}
.faq-icon::before,.faq-icon::after{
  content:"";
  position:absolute;
  left:7px;
  right:7px;
  top:12px;
  height:1px;
  background:var(--ink);
}
.faq-icon::after{transform:rotate(90deg);transition:transform .25s ease}
.faq-item[open] summary{background:rgba(244,239,231,.52)}
.faq-item[open] .faq-icon{background:var(--accent-2);transform:rotate(45deg)}
.faq-item[open] .faq-icon::after{transform:rotate(90deg)}
.faq-answer{
  padding:0 64px 27px 72px;
}
.faq-answer p{
  max-width:760px;
  margin:0;
  font-size:15px;
  line-height:1.78;
  opacity:.76;
}
@media(max-width:980px){
  .faq-intro{grid-template-columns:1fr;gap:24px}
  .faq-intro>p{justify-self:start;margin:0;max-width:560px}
}
@media(max-width:700px){
  .faq-section{padding:54px 0 60px}
  .faq-intro{padding-top:24px;margin-bottom:24px;gap:18px}
  .faq-intro h2{font-size:44px}
  .faq-item summary{grid-template-columns:34px 1fr 27px;gap:12px;padding:20px 2px}
  .faq-question{font-size:22px}
  .faq-answer{padding:0 14px 23px 48px}
  .faq-answer p{font-size:14px;line-height:1.7}
}
@media(prefers-reduced-motion:reduce){
  .faq-icon,.faq-icon::after{transition:none}
}