/* Optional project details, independent of the main case-study design. */
.project-details .stat{display:flex;align-items:center;gap:35px;max-width:760px;padding:30px 0;border-block:1px dashed #bcc6d3;margin:65px 0}
body.case-type-system .stat-num{font:400 clamp(80px,12vw,140px)/1 'IBM Plex Mono',monospace!important;color:#1f365b}
.stat-label{max-width:330px;font-size:20px;line-height:1.55;color:#6c737e}
.project-details .media-offset{display:grid;grid-template-columns:minmax(0,3fr) minmax(180px,1fr);gap:40px;align-items:center}
.project-details .media-offset figcaption{max-width:240px;line-height:1.7}
.next-project{display:flex;align-items:center;justify-content:space-between;gap:35px;border-top:1px dashed #bcc6d3;padding:35px 0;margin:45px 0 0;color:#1f365b;text-decoration:none}
body.case-type-system .next-project__label{display:block;font:12px/1.5 'IBM Plex Mono',monospace!important;color:#6c737e;text-transform:uppercase;margin-bottom:13px}
body.case-type-system .next-project__title{display:block;font:400 clamp(26px,3.5vw,44px)/1.25 'Roboto Slab',serif!important;color:#1f365b}
.next-project__image{display:block;flex:none;width:180px;overflow:hidden;border-radius:2px}
.next-project img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .5s ease}
.next-project:hover img{transform:scale(1.04)}
.next-project:focus-visible{outline:2px solid #1f365b;outline-offset:6px}
@media(max-width:767px){.project-details .media-offset{display:block}.project-details .media-offset figcaption{max-width:none}.project-details .stat{gap:22px}.stat-label{font-size:17px}.next-project{gap:20px}.next-project__image{width:100px}}
@media(prefers-reduced-motion:reduce){.next-project img{transition:none}}
/* Compact circular navigation: thumbnail first, title alongside. */
.painting-case .next-project{justify-content:flex-start;max-width:760px;box-sizing:border-box;padding:22px;border:1px dashed #bcc6d3;border-radius:2px;background:rgba(229,237,246,.3);gap:28px;transition:background-color .25s}
.painting-case .next-project:hover{background:#e5edf6}
.painting-case .next-project__image{width:150px}
body.case-type-system .next-project__title{font-size:clamp(23px,2.8vw,34px)}
@media(max-width:700px){.painting-case .next-project{padding:16px;gap:18px}.painting-case .next-project__image{width:95px}body.case-type-system .next-project__title{font-size:22px}}
@media(prefers-reduced-motion:reduce){.painting-case .next-project{transition:none}}