/* Project facts: hover/focus on desktop, always readable on touch and small screens. */
.inner-content .project-card { scroll-margin-top:118px; }
.inner-content .project-card:focus-visible { outline:2px solid var(--site-accent-text); outline-offset:6px; }
.inner-content .project-card .project-main { padding-top:22px; }
.inner-content .project-card .image-frame { position:relative; overflow:hidden; }
.inner-content .project-card .image-frame > img { display:block; width:100%; height:auto; aspect-ratio:3/2; object-fit:cover; }
.inner-content .project-card .meta { margin:20px 0 10px; }
.inner-content .project-card h2 { font-size:clamp(26px,2.5vw,34px); margin:0; }
.inner-content .project-card .project-scope { font-size:16px; line-height:1.6; margin:16px 0 0; }
.inner-content .project-reveal { padding:20px; background:var(--ink); color:var(--paper); }
.inner-content .project-reveal-facts { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin:0 0 20px; }
.inner-content .project-reveal dt,.inner-content .project-reveal h3 { font-size:12px; line-height:1.4; font-weight:400; letter-spacing:0; color:var(--cinema-muted); margin:0 0 6px; }
.inner-content .project-reveal dd { font-size:17px; line-height:1.35; margin:0; }
.inner-content .project-service-pills { display:flex; flex-wrap:wrap; gap:6px; list-style:none; padding:0; margin:0; }
.inner-content .project-service-pills li { padding:5px 10px; border:1px solid var(--cinema-rule); border-radius:999px; font-size:12px; line-height:1.4; color:var(--paper); background:#263138; }
@media(min-width:1001px) and (hover:hover) and (pointer:fine) {
 .inner-content .project-reveal { position:absolute; inset:auto 16px 16px; padding:20px; background:rgb(16 24 32 / 94%); backdrop-filter:blur(12px); transform:translateY(calc(100% + 20px)); opacity:0; transition:transform 200ms var(--ease-out),opacity 200ms var(--ease-out); }
 .inner-content .project-card .image-frame > img { transition:transform 250ms var(--ease-out); }
 .inner-content .project-card:is(:hover,:focus-within):not(.reveal-dismissed) .project-reveal { opacity:1; transform:translateY(0); }
 .inner-content .project-card:hover:not(.reveal-dismissed) .image-frame > img { transform:scale(1.05); }
 .inner-content .project-card:focus-within .project-reveal { transition:none; }
}
@media(prefers-reduced-motion:reduce) {
 .inner-content .project-card .image-frame > img,.inner-content .project-reveal { transition:none; }
 .inner-content .project-card:hover .image-frame > img { transform:none; }
}
.reduced .project-card .image-frame > img,.reduced .project-reveal { transition:none!important; }
.reduced .project-card:hover .image-frame > img { transform:none!important; }