.case-study{background-color:var(--background);width:100%;color:var(--foreground);position:relative}.case-study-hero{flex-direction:column;gap:2rem;width:100%;padding:15vh 1.5rem 4rem;display:flex;position:relative;overflow:visible}.case-study-hero-bg{aspect-ratio:1;z-index:0;pointer-events:none;opacity:.15;border-radius:4px;width:clamp(160px,18vw,320px);position:absolute;top:8vh;right:4vw;overflow:hidden}.case-study-hero-bg img{object-fit:cover;width:100%;height:100%}.case-study-hero .case-study-title,.case-study-hero .case-study-meta,.case-study-hero .case-study-client-meta{z-index:1;position:relative}.case-study-title{max-width:100%}.case-study-title h1{font-size:clamp(2.5rem,1.5rem + 4vw,7rem);line-height:1.05}.case-study-meta{color:var(--foreground-200);gap:2rem;display:flex}.case-study-client-meta{color:var(--foreground-200);flex-wrap:wrap;gap:2rem;display:flex}.case-study-client-meta-label{color:var(--foreground);opacity:.5}.case-study-toc{border-bottom:1px solid var(--foreground-200);width:65%;max-width:52rem;padding:0 1.5rem 2rem}.case-study-toc-label{color:var(--foreground-200);margin-bottom:1.25rem}.case-study-toc-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.case-study-toc-item a{color:var(--foreground);opacity:.7;align-items:baseline;gap:1rem;font-size:clamp(.9rem,.3rem + .7vw,1.3rem);line-height:1.4;text-decoration:none;transition:opacity .3s;display:flex}.case-study-toc-item a:hover{opacity:1}.case-study-toc-number{color:var(--foreground-200);flex-shrink:0;font-size:.75em}.case-study-content{width:100%;position:relative}.case-study-prose{width:65%;max-width:52rem;padding:4rem 1.5rem;position:relative}.case-study-prose+.case-study-prose{padding-top:0}.case-study-prose h2{margin-top:0;margin-bottom:1.5rem;scroll-margin-top:6rem}.case-study-prose h3{margin-top:3rem;margin-bottom:1rem}.case-study-prose p{color:var(--foreground-200);margin-bottom:1.5rem;line-height:1.7}.case-study-prose p:last-child{margin-bottom:0}.case-study-prose a{color:inherit;text-decoration:none;position:relative}.case-study-prose a:after{content:"";transform-origin:100%;background-color:currentColor;width:100%;height:1px;transition:transform .3s;position:absolute;bottom:0;left:0;transform:scaleX(0)}.case-study-prose a:hover:after{transform-origin:0;transform:scaleX(1)}.case-study-prose ul,.case-study-prose ol{color:var(--foreground-200);margin-bottom:1.5rem;padding-left:1.5rem}.case-study-prose li{margin-bottom:.5rem;font-size:clamp(1.075rem,.325rem + .825vw,2rem);line-height:1.7}.case-study-prose li strong{color:var(--foreground)}.case-study-prose blockquote{margin:4rem 0;padding:0;position:relative}.case-study-prose blockquote h2{margin:0;font-style:italic;font-weight:500}.case-study-author{border-top:1px solid var(--foreground-200);width:65%;max-width:52rem;padding:3rem 1.5rem 6rem}.case-study-author h3{color:var(--foreground)}.case-study-author p{color:var(--foreground-200)}@media (max-width:1000px){.case-study-hero{padding:7.5rem 1.5rem 3rem}.case-study-title{max-width:100%}.case-study-meta{flex-wrap:wrap;gap:1rem}.case-study-client-meta{gap:1rem}.case-study-hero-bg{opacity:.1;width:120px;top:5vh;right:1.5rem}.case-study-toc,.case-study-prose,.case-study-author{width:100%}.case-study-prose{padding:3rem 1.5rem}}
