.intro{flex-direction:column;justify-content:center;align-items:center;padding:4rem 4rem 0;display:flex}.intro img{aspect-ratio:2635/1600;width:60%;height:60%;position:relative;top:-66px}.intro h1{color:var(--text-color);font-family:var(--font);text-align:center;background-image:var(--gradient);-webkit-text-fill-color:#0000;user-select:unset;-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:800}.intro p{color:var(--text-color);font-family:var(--font);font-size:1.3rem;font-weight:400;line-height:1.35}.intro .introP{text-align:justify;max-width:55%}.intro .introBox{background-color:var(--bg-transparent);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--navbar-color);border-radius:var(--border-radius);flex-direction:column;justify-content:center;align-items:center;width:35%;padding:1.5rem;display:flex;position:relative;top:-175px;box-shadow:0 0 20px #0003}.intro .introBox p{text-align:justify}@media screen and (max-width:860px){.intro{padding:1.5rem 1.5rem 0}.intro img{width:100%;height:100%;top:-20px}.intro .introBox{width:100%;top:-65px}}.caseStudyWrapper{flex-direction:column;justify-content:center;align-items:center;width:100%;padding:0 4rem;display:flex;position:relative;top:-110px}.caseStudyWrapper h2{color:var(--text-color);font-family:var(--font);text-align:start;margin-top:4rem;margin-bottom:.5rem;font-size:2.4rem;font-weight:800;line-height:1.2}.caseStudyWrapper h3{color:var(--text-color);font-family:var(--font);text-align:start;margin-top:2rem;margin-bottom:.5rem;font-size:1.4rem;font-weight:800}.caseStudyWrapper h4{color:var(--text-color-light);font-family:var(--font);font-size:1.2rem;font-weight:800;line-height:1.35}.caseStudyWrapper h5{color:var(--text-color-light);font-family:var(--font);font-size:1rem;font-weight:800;line-height:1.35}.caseStudyWrapper p{color:var(--text-color-light);font-family:var(--font);font-size:1.2rem;font-weight:400;line-height:1.45}.caseStudyWrapper section{flex-direction:column;max-width:50%;display:flex}.caseStudyWrapper section p{text-align:justify;max-width:100%}.caseStudyWrapper section img{align-self:center}.caseStudyWrapper section .caption{color:var(--text-color-xlight);text-align:center;align-self:center;font-size:.8rem;font-weight:400}.caseStudyWrapper section .react-tweet-theme{border:var(--border);background:var(--bg-accent);font-family:var(--font);align-self:center;--tweet-border:var(--border)!important}@media screen and (max-width:860px){.caseStudyWrapper{padding:0 2rem;top:-20px}.caseStudyWrapper section{max-width:100%}}