.case-study-page{background-color:var(--base-100);width:100%;overflow-x:hidden}.case-study-header{background-color:var(--base-100);align-items:center;width:100%;min-height:60svh;display:flex;position:relative;overflow:hidden}.case-study-header .container{width:100%;max-width:2000px;margin:0 auto;padding:6rem 2rem}.case-study-header-content{flex-direction:column;gap:3rem;width:100%;max-width:1400px;margin:0 auto;display:flex}.case-study-nav{justify-content:flex-start;display:flex}.case-study-title{flex-direction:column;gap:1rem;display:flex}.case-study-title h1{letter-spacing:-.125rem;font-size:6rem;line-height:.9}.case-study-title h3{color:var(--base-300);letter-spacing:.1rem;margin-top:.5rem;font-family:Geist Mono;font-size:2rem;font-weight:500}.case-study-section{background-color:var(--base-100);width:100%;padding:6rem 0;position:relative;overflow:hidden}.case-study-section .container{max-width:1400px;margin:0 auto;padding:0 2rem}.case-study-grid{grid-template-columns:1fr 300px;align-items:start;gap:4rem;display:grid}.case-study-content{flex-direction:column;gap:3rem;display:flex}.case-study-content h2{margin-bottom:1.5rem;font-size:3rem}.case-study-content p.lg{margin-bottom:0;font-size:1.35rem;line-height:1.35}.case-study-divider{background-color:var(--base-500);width:60px;height:2px;margin:0}.case-study-roles{flex-direction:column;gap:2.5rem;display:flex}.case-study-role{flex-direction:column;gap:.75rem;display:flex}.case-study-role h4{color:var(--base-500);letter-spacing:.05rem;text-transform:uppercase;margin-bottom:0;font-family:Geist Mono;font-size:1.5rem;font-weight:500}.case-study-role p.lg{color:var(--base-400);font-size:1.2rem;line-height:1.3}.tech-tags{flex-wrap:wrap;gap:.75rem;margin:0;padding:0;display:flex}.tech-tag{text-transform:uppercase;color:var(--base-400);letter-spacing:.08rem;border:1px solid var(--base-300);background:0 0;border-radius:2px;padding:.35rem .75rem;font-family:Geist Mono;font-size:.7rem;font-weight:500;line-height:1.15;text-decoration:none;transition:all .3s;display:inline-block}.tech-tag:hover{color:var(--base-100);border-color:var(--base-100)}.case-study-sidebar{flex-direction:column;gap:2rem;display:flex;position:sticky;top:2rem}.case-study-quick-info{border:1px solid var(--base-300);background-color:#ffffff08;flex-direction:column;gap:1.5rem;padding:2rem;display:flex}.case-study-quick-info p.sm{margin-bottom:.5rem}.case-study-quick-info h3{color:var(--base-400);letter-spacing:-.05rem;margin:0;font-family:Big Shoulders Display;font-size:1.5rem;font-weight:900}.case-study-cta{background-color:var(--base-100);width:100%;padding:8rem 0 6rem;position:relative;overflow:hidden}.case-study-cta .container{max-width:1400px;margin:0 auto;padding:0 2rem}.case-study-cta-content{text-align:center;flex-direction:column;align-items:center;gap:1.5rem;max-width:800px;margin:0 auto;display:flex}.case-study-cta-content h1{margin-bottom:0;font-size:4rem}.case-study-cta-content p.lg{max-width:600px;margin:0 auto;font-size:1.5rem}.case-study-cta-buttons{justify-content:center;gap:1rem;margin-top:1rem;display:flex}@media (max-width:1000px){.case-study-header .container{padding:3rem 1.25rem}.case-study-header-content{gap:2rem}.case-study-title h1{font-size:3.5rem}.case-study-grid{grid-template-columns:1fr;gap:2rem}.case-study-sidebar{position:static}.case-study-content h2{font-size:2rem}.case-study-content p.lg{font-size:1.125rem}.case-study-cta-content h1{font-size:2.5rem}.case-study-cta-content p.lg{font-size:1.125rem}.case-study-cta-buttons{flex-direction:column;align-items:center}}@media (max-width:600px){.case-study-title h1{font-size:2.5rem}.case-study-content h2{font-size:1.5rem}.case-study-content p.lg{font-size:1rem}}