.project-case-study{background-color:var(--bg)}.case-details .container,.case-gallery .container,.case-hero .container,.case-next .container{padding-top:clamp(4rem,7vw,6rem);padding-bottom:clamp(4rem,7vw,6rem)}.case-hero{border-bottom:1px solid var(--rule)}.case-hero .container{padding-top:clamp(7rem,12vw,10rem)}.case-hero-grid{display:grid;grid-template-columns:minmax(0,2fr) max-content;grid-gap:2rem;gap:2rem;align-items:end;margin-bottom:3rem}.case-hero-copy{display:flex;flex-direction:column;gap:1rem}.case-hero-copy h1{max-width:12ch}.case-hero-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:1.5rem;gap:1.5rem;padding:1.5rem 0 2rem}.case-gallery-item,.case-hero-media,.case-next-media{position:relative;overflow:hidden;border-radius:.5rem;background-color:var(--surface)}.case-hero-media{aspect-ratio:16/10}.case-gallery-item,.case-next-media{aspect-ratio:4/3}.case-gallery-item img,.case-hero-media img,.case-next-media img{object-fit:cover}.case-details-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:2rem;gap:2rem}.case-demo-block,.case-detail-block{display:flex;flex-direction:column;gap:1rem}.case-demo-block{margin-top:3rem;padding:1.5rem;background-color:var(--surface);border:1px solid var(--rule);border-radius:.75rem;max-width:48rem}.case-gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:1.5rem;gap:1.5rem}.case-next{padding-bottom:clamp(4rem,7vw,6rem)}.case-next-link{display:grid;grid-template-columns:minmax(0,1fr) minmax(18rem,34rem);grid-gap:2rem;gap:2rem;align-items:end;text-decoration:none;color:inherit;padding-top:2rem;border-top:1px solid var(--rule)}.case-next-copy{display:flex;flex-direction:column;gap:1rem;max-width:28rem}.case-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}@media (max-width:1000px){.case-details-grid,.case-gallery-grid,.case-hero-grid,.case-hero-meta,.case-next-link{grid-template-columns:1fr}.case-next-link{gap:1.5rem}}