/*
  Client quote (.client-quote; Figma case study 147:39–43, Team 83:2): a large Bodoni quote and a Cal Sans
  attribution on black. Markup: <blockquote class="client-quote"><p>"…"</p><cite>—Name, Role</cite></blockquote>
  --light: a white band with black type, for a quote that breaks up a long black page (Team 83:221).
*/
.client-quote{display:block;min-height:43.72rem;margin:0;padding:8.56rem 8.04rem;background:var(--bg);color:var(--fg)}
.client-quote p{width:112.88rem;margin:0;font-family:"Bodoni Moda","Bodoni 72",Didot,serif;font-variation-settings:"opsz" 9;font-size:4.4rem;line-height:5.6rem;letter-spacing:-.088rem}
.client-quote--light{background:var(--fg);color:var(--bg)}
.client-quote cite{display:block;margin-top:4.2rem;font-family:"Cal Sans",Inter,sans-serif;font-style:normal;font-size:2.6rem;line-height:5.6rem;letter-spacing:.104rem;text-transform:uppercase}

@media (max-width:767px){
  .client-quote{min-height:0;padding:5rem 2rem}
  .client-quote p{width:auto;font-size:2.4rem;line-height:3rem;letter-spacing:-.048rem}
  .client-quote cite{margin-top:2.4rem;font-size:1.8rem;line-height:3rem}
}