/* Case study pages, /proof/<slug> */
.case-hero{padding:48px 0 8px}
.crumb{font:500 14px/1.2 var(--body);color:var(--faint);margin:0 0 28px;display:flex;flex-wrap:wrap;gap:8px}
.crumb a{color:var(--muted)}.crumb a:hover{color:#fff}
.crumb .sl{color:var(--faint)}
.plate{display:flex;align-items:center;justify-content:center;background:#F2EFEA;border-radius:10px;height:72px;width:100%;max-width:260px;padding:0 18px;margin:0 0 22px;overflow:hidden}
.plate img{max-height:48px;max-width:100%;width:auto;object-fit:contain}
.plate .wm{font:500 22px/1.1 var(--display);color:#141414;letter-spacing:-.03em;text-align:center}
.case-hero h1{font-size:49px;max-width:820px}
.co-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin:18px 0 0;color:var(--muted);font:500 15px/1.3 var(--body)}
.sw-line{display:inline-flex;align-items:center;gap:8px}
.sw-line img{height:14px;width:auto;max-width:90px;display:block}
.co-trade{margin:8px 0 0;color:var(--muted);font-size:16px;line-height:24px}
.res{margin:30px 0 0;padding:26px;border:1px solid var(--line2);border-radius:20px;background:var(--ui1);max-width:620px}
.res .big{font:400 36px/1.1 var(--display);letter-spacing:-.035em;color:var(--orange2)}
.res .small{margin-top:8px;color:var(--muted);font-size:16px;line-height:24px}
.case-sec{padding:44px 0 0}
.case-sec h2{font-size:32px;line-height:1.2;margin:0 0 16px}
.case-sec p{color:var(--muted);margin:0 0 14px;max-width:720px;font-size:17px;line-height:27px;overflow-wrap:anywhere}
.case-sec ol,.case-sec ul{color:var(--muted);margin:0 0 14px;padding-left:22px;max-width:720px;font-size:17px;line-height:27px}
.case-sec li{margin:0 0 12px;padding-left:4px;overflow-wrap:anywhere}
.case-sec li strong,.case-sec p strong{color:#fff;font-weight:600}
.case-sec blockquote{margin:0 0 14px;padding:4px 0 4px 20px;border-left:2px solid var(--orange);color:#fff;font:400 20px/30px var(--display);max-width:720px;overflow-wrap:anywhere}
.case-sec blockquote cite{display:block;margin-top:8px;font:500 14px/1.3 var(--body);color:var(--faint);font-style:normal}
.steal{padding:22px 24px;border:1px solid var(--line2);border-radius:16px;background:var(--ui1);max-width:720px}
.steal p{margin:0;color:var(--muted)}
.score{list-style:none;padding:0;margin:0 0 14px;display:grid;gap:10px;max-width:720px}
.score li{margin:0;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:var(--ui1);color:var(--muted);font-size:16px;line-height:24px}
.score li strong{color:#fff}
.note{max-width:720px;padding:16px 18px;border:1px dashed var(--line2);border-radius:12px;color:var(--muted);font-size:15px;line-height:23px;margin:0 0 14px}
.tape{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,300px));gap:20px;margin:0}
.tape figure,.clip{margin:0}
.tape video,.clip video,.tape-img{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:cover;background:#000;border-radius:16px;border:1px solid var(--line)}
.tape-img{aspect-ratio:auto}
.tape figcaption,.clip figcaption{margin-top:10px;color:var(--muted);font-size:14px;line-height:20px}
.clips{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}
.clip video{aspect-ratio:auto;max-height:520px;object-fit:contain}
.gallery{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:0 0 12px;margin:0 -24px;padding-inline:24px;scroll-padding-inline:24px}
.gallery img{flex:none;width:min(78vw,340px);height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:14px;border:1px solid var(--line);scroll-snap-align:start;background:var(--ui1)}
.built{display:grid;gap:12px;max-width:720px;margin:0 0 14px;padding:0;list-style:none}
.built li{margin:0;padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:var(--ui1);color:var(--muted);font-size:17px;line-height:26px}
.case-sec.last{padding-bottom:0}
#book.sec{padding-top:90px}
@media (max-width:720px){
  .case-hero{padding-top:28px}
  .case-hero h1{font-size:34px}
  .case-sec{padding-top:36px}
  .case-sec h2{font-size:26px}
  .res .big{font-size:28px}
  .res{padding:20px}
  .tape{grid-template-columns:minmax(0,1fr);max-width:300px}
  #book.sec{padding-top:64px}
}
.case-sec ul.score,.case-sec ul.built{padding-left:0;list-style:none}