/* Native disclosures: quiet rules, a small directional cue, real production
   stages and readable answers. Loaded after the shared cinematic stylesheet. */
.faq details,.offer__details{min-width:0;border-radius:0;background:transparent}
.faq details>summary,.offer__details>summary{
  min-height:64px;gap:20px;padding:16px 0;
  font:400 clamp(18px,2.2vw,21px)/1.35 var(--sans);
  letter-spacing:-.02em;color:var(--text);
  list-style:none;-webkit-tap-highlight-color:transparent;
}
.faq details>summary:focus-visible,.offer__details>summary:focus-visible{
  outline:2px solid var(--text);outline-offset:-2px;border-radius:0;
}
.faq details>summary .plus,.offer__details>summary .plus{
  position:relative;display:block;flex:0 0 24px;width:24px;height:24px;
  color:var(--text-3);transform:rotate(0);
  transition:transform .32s cubic-bezier(.22,.7,.18,1);
}
.faq details>summary .plus::before,.offer__details>summary .plus::before{
  content:"";position:absolute;left:50%;top:50%;width:8px;height:8px;
  border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;
  background:none;transform:translate(-50%,-65%) rotate(45deg);
}
.faq details>summary .plus::after,.offer__details>summary .plus::after{display:none}
.faq details[open]>summary .plus,.offer__details[open]>summary .plus{
  color:var(--text);transform:rotate(180deg);
}
.faq details[data-disclosure-closing]>summary .plus,
.offer__details[data-disclosure-closing]>summary .plus{transform:rotate(0)}
.faq details>summary:hover .plus,.offer__details>summary:hover .plus{color:var(--text)}
.faq details>.a{padding:0 44px 24px 0}
.faq details>.a p{max-width:58ch;font-size:17px;line-height:1.65;color:var(--text-2)}

/* Development, production, post-production and delivery are real stages in
   their stated order. FAQ questions receive no decorative numbering. */
.offer__details-body{padding-top:4px;padding-bottom:8px}
.offer__rows{counter-reset:production-stage;column-gap:28px}
.offer__row{
  grid-template-columns:24px minmax(0,1fr);gap:7px 14px;
  padding:20px 0;align-content:start;
}
.offer__row::before{
  counter-increment:production-stage;content:"0" counter(production-stage);
  grid-column:1;grid-row:1/3;padding-top:3px;
  font:400 12px/1.5 var(--mono);font-variant-numeric:tabular-nums;color:var(--text-3);
}
.offer__row dt{grid-column:2;font:400 19px/1.3 var(--sans);letter-spacing:-.02em;color:var(--text)}
.offer__row dd{grid-column:2;margin:0;font-size:17px;line-height:1.6;color:var(--text-2)}
.offer__delivery-spec{gap:8px;margin-top:10px;padding-top:18px;border-top:1px solid var(--line);font-size:17px;line-height:1.6}
.offer__delivery-spec>.eyebrow{font-size:12px;line-height:1.5}

@media (min-width:640px){
  .faq details>summary{min-height:72px;padding-block:20px}
  .offer__row{padding-block:24px}
}
@media (prefers-reduced-motion:reduce){
  .faq details>summary .plus,.offer__details>summary .plus{transition:none}
}
