.casestudy{display:flex;flex-direction:column}.casestudy .hero{display:flex;align-items:center;justify-content:center;box-shadow:inset 0 -1px #0000001a}.casestudy .hero img{display:block;max-width:100dvw;max-height:500px;margin-bottom:1px}.casestudy .body{background-color:var(--mauve-50);padding-left:var(--gutter);padding-right:var(--gutter)}.casestudy .content{max-width:75ch;margin-left:auto;margin-right:auto;padding:var(--gutter) 0 5vw}.casestudy .content h1{font-size:3rem;line-height:1;letter-spacing:-.03em}.casestudy .content h2{margin-top:2rem;font-size:2rem;font-weight:600;letter-spacing:-.02em}.casestudy .content h3{margin-top:1rem;font-size:1.5rem;font-weight:500;letter-spacing:-.02em}.casestudy .content p{margin-top:1rem;line-height:1.4;text-wrap:pretty}.casestudy .content p.lede{font-size:1.2em;line-height:1.3}.casestudy .eyebrow{color:var(--foreground-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.02em}.casestudy .image-block{margin-top:2rem;width:100%;height:auto}.casestudy .image-block--full{margin-bottom:.5rem;width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw}@media (min-width: 1000px){.casestudy .image-block--overflow{width:calc(75ch + 6rem);margin-left:-3rem;margin-right:-3rem}}.info{display:grid;justify-content:center;align-items:center;padding:5vw var(--gutter);grid-gap:var(--gutter);gap:var(--gutter);border-top:1px solid rgba(0,0,0,.05)}@media (min-width: 800px){.info{grid-template-columns:minmax(min-content,75ch) max-content;padding:3vw 0;gap:0}.info .responsibilities{padding-left:var(--gutter);padding-right:var(--gutter)}}.info h2{margin-bottom:.25em;font-weight:600;letter-spacing:-.02em}.responsibilities{display:flex;flex-wrap:wrap;gap:calc(var(--space) * .5);margin-top:.75em;list-style:none outside;font-size:.875rem}.showcase{justify-self:start;padding-top:2.5vw}