/* Small editorial proof, kept secondary to the films. */
.social-proof[hidden], .case-performance[hidden], .case-film-link[hidden] { display: none !important; }
.social-proof { padding-bottom: 40px; margin-bottom: 52px; border-bottom: 1px solid #ffffff28; }
.social-proof .eyebrow { margin-bottom: 24px; color: #c9c2b9; }
.social-proof-values { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; margin: 0; }
.social-proof-values > div { display: flex; flex-direction: column-reverse; align-items: flex-start; gap: 10px; }
.social-proof-values dt { max-width: 28ch; color: #c9c2b9; font-size: 12px; line-height: 1.55; }
.social-proof-values dd { margin: 0; color: var(--paper); font: 400 clamp(30px, 3.25vw, 46px)/1.08 var(--serif); letter-spacing: -.02em; }
.social-proof-note { margin-top: 24px; color: #aaa399; font-size: 10px; letter-spacing: .025em; }
.selected-cases { padding-top: 10px; padding-bottom: 82px; }
.selected-cases-heading { display: flex; justify-content: space-between; align-items: flex-end; gap: 32px; padding-top: 58px; border-top: 1px solid var(--line); }
.selected-cases-heading h2 { font-size: clamp(36px, 3.7vw, 52px); }
.selected-cases-heading > p { max-width: 32ch; font-size: 14px; line-height: 1.65; }
.selected-cases-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 42px; margin: 38px 0 0; padding: 0; list-style: none; }
.selected-cases-list > li { min-width: 0; border-top: 1px solid var(--line); padding-top: 20px; }
.case-number { margin-bottom: 16px; color: var(--muted); font-size: 10px; letter-spacing: .1em; }
.selected-cases-list h3 { font-family: var(--serif); font-size: clamp(27px, 2.4vw, 34px); font-weight: 400; }
.selected-cases-list p:not(.case-number) { margin-top: 16px; font-size: 14px; line-height: 1.7; }
.selected-cases-list p.case-performance { color: var(--ink); font-size: 12px; }
.case-film-link { display: inline-flex; align-items: center; gap: 10px; margin-top: 18px; padding-bottom: 5px; border-bottom: 1px solid var(--line); font-size: 12px; }
.selected-cases-footer { display: flex; align-items: baseline; justify-content: space-between; flex-wrap: wrap; gap: 16px 30px; margin-top: 36px; }
.selected-cases-footer .text-link { font-size: 13px; }
.selected-cases-footer > p { color: var(--muted); font-size: 11px; }
.selected-cases-footer time { white-space: nowrap; }
@media (max-width: 900px) {
  .selected-cases-list { gap: 26px; }
}
@media (max-width: 700px) {
  .social-proof { padding-bottom: 28px; margin-bottom: 36px; }
  .social-proof .eyebrow { font-size: 9px; }
  .social-proof-values { gap: 20px; }
  .social-proof-values dd { font-size: clamp(24px, 6.4vw, 34px); }
  .social-proof-values dt { font-size: 10px; }
  .social-proof-note { font-size: 9px; line-height: 1.65; }
  .selected-cases { padding-bottom: 52px; }
  .selected-cases-heading { display: block; padding-top: 36px; }
  .selected-cases-heading > p { margin-top: 18px; max-width: 38ch; }
  .selected-cases-list { grid-template-columns: 1fr; gap: 28px; margin-top: 28px; }
  .selected-cases-list > li { padding-top: 18px; }
  .case-number { margin-bottom: 10px; }
  .selected-cases-list h3 { font-size: 32px; }
  .selected-cases-list p:not(.case-number) { max-width: 48ch; }
  .selected-cases-footer { margin-top: 30px; }
}
@media (max-width: 370px) {
  .social-proof-values { gap: 12px; }
  .social-proof-values dd { font-size: 25px; }
}

.social-proof-values [data-proof-top-link] { order: -1; font: 400 11px/1.5 var(--sans); color: #c9c2b9; border-bottom: 1px solid #ffffff38; }
.social-proof-values [data-proof-top-link][hidden] { display:none; }

.social-proof-values > div { justify-content: flex-end; }

.social-proof-values > div { flex-direction:column; justify-content:flex-start; }
.social-proof-values dt { order:1; }
.social-proof-values dd { order:0; }
.social-proof-values [data-proof-top-link] { order:2; }
