/* ==========================================================================
   FAQ page — reading surface, not a stage.
   Deliberately no particle field: this page exists to be read and to be
   indexed. Site tokens carry the identity; the theatre stays on the homepage.
   ========================================================================== */

.faq-body{padding-block-start:0}
.faq-body header{background:linear-gradient(to bottom,var(--void) 42%,rgba(0,0,0,0))}


.faq{padding-block:clamp(7rem,10vw,9rem) 6rem;max-width:52rem}
.faq__h{
  margin-block-start:1.2rem;
  font-size:clamp(2.2rem,6vw,3.6rem);
  font-weight:var(--w-regular);
  letter-spacing:-.03em;
  line-height:1.05;
}
:lang(el) .faq__h{letter-spacing:-.018em}
.faq__intro{margin-block-start:1.4rem;max-width:34rem;color:var(--bone)}

.coll{margin-block-start:clamp(2.6rem,6vw,4.2rem)}
.coll__h{
  display:flex;
  align-items:center;
  gap:var(--s-2);
  margin-block-end:.6rem;
  font-size:var(--step-label);
  font-weight:var(--w-semi);
  letter-spacing:.025em;
  text-transform:uppercase;
  color:var(--ash);
}
.coll__h .num{
  font-variant-numeric:tabular-nums;
  letter-spacing:.14em;
  color:var(--bone);
}

/* <details> so a question is linkable, keyboard-operable and open-by-default
   for anything without JS — no accordion script required for it to work. */
.qa{border-block-end:1px solid var(--hair);scroll-margin-block-start:6rem}
.qa summary{
  display:flex;
  align-items:flex-start;
  gap:1rem;
  padding-block:1.15rem;
  font-size:clamp(1rem,1.7vw,1.22rem);
  font-weight:var(--w-regular);
  letter-spacing:-.01em;
  cursor:pointer;
  list-style:none;
}
.qa summary::-webkit-details-marker{display:none}
.qa summary::after{
  content:"+";
  margin-inline-start:auto;
  font-weight:var(--w-light);
  color:var(--ash);
  transition:transform .3s var(--ease),color .3s var(--ease);
}
.qa[open] summary::after{content:"–";color:var(--bone)}
.qa summary:hover{color:var(--bone)}
.qa summary:focus-visible{outline:2px solid var(--bone);outline-offset:3px;border-radius:2px}

.qa__a{padding-block-end:1.4rem;max-width:44rem}
.qa__a p{
  font-size:var(--step-body);
  font-weight:var(--w-light);
  line-height:1.62;
  color:var(--mist);
}

.faq__foot{margin-block-start:clamp(3rem,7vw,5rem);color:var(--bone)}
.faq .mail{margin-block-start:.6rem;font-size:clamp(1.2rem,3vw,2rem)}

@media (prefers-reduced-motion:reduce){
  .qa summary::after{transition:none}
}

/* --- Blog ---------------------------------------------------------------- */
.art{max-width:44rem;padding-block:clamp(7rem,10vw,9rem) 6rem}
.art__stand{margin-block-start:1.4rem;color:var(--bone);max-width:36rem}
.art__s{margin-block-start:clamp(2.2rem,5vw,3.4rem)}
.art__s h2{
  font-size:clamp(1.3rem,2.6vw,1.75rem);
  font-weight:var(--w-regular);letter-spacing:-.02em;line-height:1.15;
}
.art__s p{
  margin-block-start:1rem;
  font-size:var(--step-body);font-weight:var(--w-light);
  line-height:1.65;color:var(--mist);
}
.art__cta{margin-block-start:clamp(2.6rem,6vw,4rem);color:var(--bone)}

.posts{margin-block-start:2.6rem;display:grid;gap:0}
.post{
  display:block;
  padding-block:1.5rem;
  border-block-start:1px solid var(--hair);
  transition:padding-inline-start .35s var(--ease);
}
.post:last-child{border-block-end:1px solid var(--hair)}
.post:hover{padding-inline-start:.6rem}
.post__h{
  font-size:clamp(1.15rem,2.2vw,1.6rem);
  font-weight:var(--w-regular);letter-spacing:-.02em;line-height:1.15;
}
.post__d{margin-block-start:.5rem;font-size:.95rem;font-weight:var(--w-light);color:var(--ash)}