
.oracle-metric {padding:24px;border-left:3px solid var(--focus);background:var(--surface)}
.oracle-metric b {display:block;font:clamp(42px,7vw,76px)/1.2 var(--serif)}
.oracle-compare{display:grid;gap:24px}.oracle-compare figure{margin:0}.oracle-compare img{border:1px solid var(--rule);margin:12px 0;max-height:660px;object-fit:contain;background:white}.oracle-status{display:inline-block;border:1px solid var(--rule);border-radius:24px;padding:4px 12px;font-size:10px;margin-bottom:12px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Match the shared case-study opening and metadata used by Pictory. */
.oracle-case>#overview>.row{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:32px 0;padding-block:24px;border-block:1px solid var(--rule)}
.oracle-case>#overview>.row>div{width:auto;min-width:0}
.oracle-case>#overview>.row h4{margin:0 0 12px;font:10px var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--quiet)}
.oracle-case>#overview>.row p{font-size:12px;margin:0}
.oracle-case>#overview>.pictory-section__label{margin-top:0;font-size:10px}
.oracle-case>#overview>.lead{max-width:66ch;font-size:14px;margin-top:24px}
.oracle-case .project-cover img{width:100%;height:auto;margin:0;max-height:none}
.oracle-case .project-cover{margin:32px 0 0}
@media(max-width:480px){.oracle-case>#overview>.row{grid-template-columns:1fr}}
.oracle-screen img{width:100%;height:auto;border:1px solid var(--rule);margin:0}.oracle-screen a{display:block}.oracle-screen figcaption a{display:inline;text-decoration:underline}.oracle-caption{font-size:11px;color:var(--quiet)}

.oracle-gallery{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;margin:32px 0}.oracle-gallery figure{margin:0;min-width:0}.oracle-gallery figure>a{display:flex;align-items:flex-start;background:#fff;border:1px solid var(--rule);padding:8px}.oracle-gallery img{border:0;margin:0;width:100%;height:auto}.oracle-gallery figcaption{font-size:10px}.oracle-case .project-cover img{border:1px solid var(--rule)}
@media(min-width:900px){.oracle-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
