/* Cothink case-study media gallery — a clear material field for real product, interface, and on-site evidence; no synthetic substitute imagery. */
.project-case-media{padding:31px 0 112px;border-top:1px solid var(--ink)}.project-case-media-head{display:grid;grid-template-columns:1.35fr .65fr;gap:40px;align-items:end;margin:0 0 34px}.project-case-media-kicker{margin:0 0 15px;color:var(--graphite);font:10px var(--mono);letter-spacing:.04em}.project-case-media h2{max-width:11ch;margin:0;font:clamp(48px,5.8vw,94px)/.8 var(--display);letter-spacing:-.075em}.project-case-media h2 span{color:var(--stone)}.project-case-media-intro{max-width:29ch;margin:0;font-size:16px;line-height:1.45}.project-case-media-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px}.project-case-media-item{position:relative;min-width:0;margin:0;overflow:hidden;background:var(--fog)}.project-case-media-item--wide{grid-column:span 8;aspect-ratio:1.35}.project-case-media-item--portrait{grid-column:span 4;aspect-ratio:.73;margin-top:80px}.project-case-media-item--detail{grid-column:5/span 6;aspect-ratio:1.16;margin-top:18px}.project-case-media-item img,.project-case-media-item video{display:block;width:100%;height:100%;object-fit:cover}.project-case-media-item figcaption{position:absolute;right:0;bottom:0;left:0;z-index:2;display:flex;justify-content:space-between;gap:14px;padding:12px 14px;background:linear-gradient(transparent,rgba(7,7,7,.72));color:rgba(255,255,255,.92);font:9px var(--mono);letter-spacing:.03em}.project-case-media-awaiting{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:15px;border:1px solid var(--hairline);background:linear-gradient(135deg,#f5f5f5 0%,#ededed 100%);color:var(--ink)}.project-case-media-awaiting>span,.project-case-media-awaiting>i{font:10px var(--mono);font-style:normal;letter-spacing:.035em}.project-case-media-awaiting>strong{max-width:11ch;font:clamp(24px,3vw,48px)/.9 var(--display);font-weight:400;letter-spacing:-.065em}.project-case-media-item[data-media-ready="true"] .project-case-media-awaiting{display:none}.project-case-detail.case-entry>.project-case-media{animation:case-catalog-enter .7s var(--ease-out) .39s both}
@media(max-width:760px){.project-case-media{padding:25px 0 68px}.project-case-media-head{grid-template-columns:1fr;gap:22px;margin-bottom:24px}.project-case-media h2{font-size:clamp(44px,13vw,64px)}.project-case-media-intro{font-size:15px}.project-case-media-grid{grid-template-columns:1fr;gap:12px}.project-case-media-item--wide,.project-case-media-item--portrait,.project-case-media-item--detail{grid-column:auto;aspect-ratio:1.12;margin-top:0}.project-case-media-item--portrait{aspect-ratio:.86}.project-case-media-item--detail{aspect-ratio:1.3}.project-case-media-awaiting{padding:13px}.project-case-media-awaiting>strong{font-size:31px}.project-case-media-item figcaption{padding:10px 11px;font-size:8px}}
@media(prefers-reduced-motion:reduce){.project-case-detail.case-entry>.project-case-media{animation:none}}