/* The static case pages use the same focus / develop / fade reveal language. */
html.t5b-reveal-pending .case-hero h1,
html.t5b-reveal-pending .case-hero .case-kicker,
html.t5b-reveal-pending .case-hero .case-statement,
html.t5b-reveal-pending .case-hero .d3-definition,
html.t5b-reveal-pending .case-hero .case-intro,
html.t5b-reveal-pending .case-hero .d3-boundary,
html.t5b-reveal-pending .case-hero .d2-role,
html.t5b-reveal-pending .case-hero .d2-quick,
html.t5b-reveal-pending .case-hero .d2-evidence-line,
html.t5b-reveal-pending .case-hero > .case-image,
html.t5b-reveal-pending .case-hero > .case-meta,
html.t5b-reveal-pending .case-section > h2,
html.t5b-reveal-pending .case-section > .case-grid h2,
html.t5b-reveal-pending .case-section > .case-grid .case-text > p,
html.t5b-reveal-pending .case-section > p,
html.t5b-reveal-pending .case-section > .case-grid .case-text > a,
html.t5b-reveal-pending .case-section > .case-grid > figure.case-image,
html.t5b-reveal-pending .case-section > .case-image,
html.t5b-reveal-pending .case-section > .d2-proof > .case-image,
html.t5b-reveal-pending .case-section > .d2-pair > .case-image,
html.t5b-reveal-pending .case-section > .d2-proof > .d2-trade,
html.t5b-reveal-pending .case-section > .d2-trade,
html.t5b-reveal-pending .case-section > .d1-input,
html.t5b-reveal-pending .case-section > .d3-comparison,
html.t5b-reveal-pending .case-section > .d3-decisions > article,
html.t5b-reveal-pending .case-section > .d3-verdicts > article,
html.t5b-reveal-pending .case-section > .d3-caption-pair > p,
html.t5b-reveal-pending .case-section > .d2-path > li,
html.t5b-reveal-pending .case-section > .d3-reflection,
html.t5b-reveal-pending .d2-interpretation,
html.t5b-reveal-pending .case-pagination,
.t5b-case-reveal[data-reveal-state="pending"]{opacity:0}

.t5b-case-reveal{transition:opacity var(--t5b-duration,700ms) cubic-bezier(.22,1,.36,1),transform var(--t5b-duration,700ms) cubic-bezier(.22,1,.36,1),filter var(--t5b-duration,700ms) cubic-bezier(.22,1,.36,1)}
.t5b-case-reveal[data-effect="focus"][data-reveal-state="pending"]{filter:blur(10px);transform:scale(.985)}
.t5b-case-reveal[data-effect="develop"][data-reveal-state="pending"] img{filter:grayscale(1) contrast(.65) brightness(1.15) blur(4px)}
.t5b-case-reveal[data-effect="develop"] img{transition:filter var(--t5b-duration,1000ms) cubic-bezier(.22,1,.36,1)}
.t5b-case-reveal[data-reveal-state="running"],.t5b-case-reveal[data-reveal-state="seen"],.t5b-case-reveal:focus-within{opacity:1;filter:none;transform:none}
.t5b-case-reveal[data-reveal-state="running"] img,.t5b-case-reveal[data-reveal-state="seen"] img,.t5b-case-reveal:focus-within img{filter:none}
.t5b-case-reveal.case-image{position:relative}
.t5b-case-image-fallback{display:grid;place-items:center;position:absolute;inset:0;padding:24px;background:#e7e8e7;color:#303336;text-align:center;font-size:13px;line-height:1.6}
@media(prefers-reduced-motion:reduce){
  html.t5b-reveal-pending .case-main *, .t5b-case-reveal, .t5b-case-reveal img{opacity:1!important;filter:none!important;transform:none!important;transition:none!important}
}
