:root{--content-width-standard: 54ch;--content-width-narrow: 60ch;--content-width-medium: 105ch;--content-width-media: 55ch;--content-container-width: 75%;--content-container-width-mobile: 95%;--horizontal-offset: 7.5%;--content-padding-inline: 2rem}@media (max-width: 1000px){:root{--horizontal-offset: 5%;--content-padding-inline: 1.5rem}}@media (max-width: 480px){:root{--horizontal-offset: 0;--content-padding-inline: 1rem}}.case-study-title{margin-bottom:16px;color:var(--text-primary)!important}.case-study-content section{margin-bottom:64px}.case-study-content h2{color:var(--text-primary)!important;margin:0 0 16px}.case-study-content h3{color:var(--text-primary)!important;margin:0 0 4px}.case-study-content h4{margin:0 0 2px}.case-study-content p{margin:0 0 8px}.case-study-content ul{padding:8px 0 2px}.case-study-content blockquote{border-left:4px solid var(--divider);padding:.125em 1em;margin:.5em 0;font-size:1.4em;text-wrap:pretty}.case-study-content blockquote p{margin:.125em 0;font-style:italic;font-weight:600}.case-study-content strong{font-weight:600;color:var(--text-primary)}.page-section-header h2{padding:0;margin:0;margin-bottom:.5rem}.page-section-header p{margin-bottom:2rem}.project-cards-small{display:grid;grid-template-columns:repeat(var(--grid-cols, 3),1fr);gap:1.5em;margin-top:2rem}@media (max-width: 1024px){.project-cards-small{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.project-cards-small{grid-template-columns:1fr}}.image-container{display:flex;justify-content:center;align-items:center;width:100%;height:100%;border-radius:.75em;overflow:hidden;padding:2em;box-sizing:border-box;background-color:var(--surface100);border:1px solid var(--surface200);transition:transform .2s ease}.image-container img{display:block;width:100%;height:100%;object-fit:contain;border-radius:0 0 .25em .25em;box-shadow:0 2px 8px #0000001f}.image-container-content{width:100%;height:100%;position:relative;border:1px solid var(--surface400);border-radius:.25em;overflow:clip}.browser-header{height:100%;width:100%;background:radial-gradient(ellipse 400px 100px at top center,var(--surface100),transparent 70%),linear-gradient(to bottom,var(--surface100),transparent),var(--surface300);border-bottom:1px solid var(--surface400);display:flex;flex-direction:row;align-items:center;padding:6px 8px;gap:4px;box-sizing:border-box}.browser-header-button{width:8px;height:8px;background-color:var(--surface400);border-radius:50%}.hero-block{display:flex;align-items:center;justify-content:center;padding:3rem;min-height:600px;margin-bottom:2rem;background-color:var(--surface100);border:1px solid var(--divider);border-radius:.25em;box-sizing:border-box;width:100vw;max-width:1440px;position:relative;left:50%;margin-left:-50vw;margin-right:-50vw;overflow:hidden}@media (min-width: 1440px){.hero-block{left:50%;transform:translate(-50%);margin-left:0;margin-right:0}}@media (max-width: 768px){.hero-block{width:100%;max-width:100%;padding:2rem 0;margin-left:0;margin-right:0;left:auto;position:relative;border-radius:0}}:root{--case-study-header-height: 45px;--case-study-hero-padding-top: calc(var(--case-study-header-height))}.case-study-hero-wrapper{padding-top:var(--case-study-hero-padding-top);width:100%;display:flex;justify-content:center;align-items:center}.case-study-page{padding-top:1rem;overflow-x:hidden;box-sizing:border-box}.case-study-content{margin-top:1rem;width:100%;max-width:100%}.case-study-subtitle{font-style:italic;color:var(--text-secondary);margin-bottom:2rem}.case-study-content h2{margin-top:2.5rem;margin-bottom:1rem}.case-study-content h2:first-of-type{margin-top:0}.case-study-content hr{margin:2.5rem 0}.case-study-content ul{margin:1.5rem 0}.case-study-content ul li{margin-bottom:.75rem}.case-study-content p{margin-bottom:1.5rem}.project-callout{background-color:var(--surface000);box-shadow:var(--card-shadow);border:1px solid var(--divider);border-radius:.5em;padding:3rem 2.5rem;margin-top:4rem;text-align:center}.project-callout h3{margin-bottom:.5rem}.project-callout p{margin-bottom:1.5rem}.callout-link{display:inline-block;color:var(--text-tertiary);font-size:1rem;text-decoration:none;transition:color .2s ease}.callout-link:hover{color:var(--link-hover)}