@layer components{@media (min-width:48rem){.case-hero_nowrap{white-space:nowrap}}.case-hero_wrap{gap:var(--space-7);flex-direction:column;width:100%;display:flex}.case-hero_crumbs{gap:var(--space-2);color:var(--text-2);font-family:var(--mono-family);font-size:.75rem;font-weight:var(--mono-medium);letter-spacing:.08em;text-transform:uppercase;display:flex}.case-hero_crumbs a{align-items:center;min-height:1.5rem;text-decoration:none;display:inline-flex}.case-hero_top{justify-content:space-between;align-items:flex-end;gap:var(--space-5);flex-wrap:wrap;display:flex}.case-hero_intro{gap:var(--space-3);flex-direction:column;display:flex}.case-hero_live{border-bottom:var(--border-width) solid var(--link-border);font-weight:var(--primary-medium);transition:border-color var(--hover-duration) var(--hover-ease);padding-bottom:.25em;text-decoration:none}@media (hover:hover){.case-hero_live:hover{border-color:var(--link-border-hover)}}.case-hero_facts{border:var(--border-width) solid var(--border);grid-template-columns:repeat(auto-fit,minmax(min(11rem,100%),1fr));display:grid}.case-hero_fact{gap:var(--space-1);padding:var(--space-4) var(--space-5);border-left:var(--border-width) solid var(--border);margin-left:calc(var(--border-width) * -1);flex-direction:column;display:flex}.case-hero_fact_label{color:var(--text-2)}.case-hero_fact_value{font-weight:var(--primary-medium);margin:0}.case-hero_story{gap:var(--space-6) var(--section-space-small);display:grid}@media (min-width:48rem){.case-hero_story{grid-template-columns:repeat(2,minmax(0,1fr))}}.case-hero_block{gap:var(--space-3);flex-direction:column;display:flex}.case-hero_block_title{margin:0}.case-hero_rich{gap:var(--space-3);color:var(--text-2);flex-direction:column;display:flex}.case-hero_rich ul{padding-left:1.2em;list-style:outside}.case-hero_rich a{text-decoration:underline}.compare_wrap{width:100%;aspect-ratio:var(--_ratio);background-color:var(--background-skeleton);border:var(--border-width) solid var(--border);position:relative;overflow:clip}.compare_img{object-position:top center;height:100%;position:absolute;inset:0}.compare_img.is-before{clip-path:inset(0 calc(100% - var(--_pos)) 0 0)}.compare_tag{top:var(--space-3);border-radius:var(--radius-round);padding:.4em .9em;font-size:.6875rem;position:absolute}.compare_tag.is-before{left:var(--space-3);background-color:var(--dark-900);color:var(--light-100)}.compare_tag.is-after{right:var(--space-3);background-color:var(--light-200);color:var(--dark-900);border:var(--border-width) solid var(--dark-900)}.compare_line{top:0;bottom:0;left:var(--_pos);background-color:var(--brand-500);pointer-events:none;width:.125rem;position:absolute;translate:-50%}.compare_handle{aspect-ratio:1;border-radius:var(--radius-round);background-color:var(--brand-500);width:3rem;color:var(--brand-text);font-weight:var(--primary-bold);justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;translate:-50% -50%}.compare_range{opacity:0;cursor:ew-resize;width:100%;height:100%;margin:0;position:absolute;inset:0}.compare_range:focus-visible+*{outline:none}.compare_wrap:has(.compare_range:focus-visible) .compare_handle{outline:var(--focus-width) solid var(--dark-900);box-shadow:0 0 0 calc(var(--focus-width) * 2) var(--light-100);outline-offset:.125rem}.case-section_wrap{gap:var(--space-6) var(--section-space-small);align-items:center;width:100%;display:grid}@media (min-width:64rem){.case-section_wrap.mediaLeft,.case-section_wrap.mediaRight{grid-template-columns:minmax(0,7fr) minmax(0,4fr)}}@media (min-width:64rem){.case-section_wrap.mediaRight{grid-template-columns:minmax(0,4fr) minmax(0,7fr)}}@media (min-width:64rem){.case-section_wrap.mediaLeft .case-section_text{order:2}}.case-section_text{gap:var(--space-3);flex-direction:column;display:flex}.case-section_label{color:var(--text-2)}.case-section_title{max-width:22ch;margin:0}.case-section_body{gap:var(--space-3);max-width:52ch;color:var(--text-2);flex-direction:column;display:flex}.case-section_media{gap:var(--space-2);flex-direction:column;margin:0;display:flex}.case-section_img{border:var(--border-width) solid var(--border)}.case-section_caption{color:var(--text-2)}.quote-block_wrap{gap:var(--space-4);width:100%;padding-left:var(--space-5);border-left:.125rem solid var(--brand-500);flex-direction:column;margin:0;display:flex}.quote-block_text{max-width:34ch;font-family:var(--serif-family);margin:0;font-size:clamp(1.625rem,1.3rem + 1vw,2rem);font-style:italic;line-height:1.25}.quote-block_role{color:var(--text-2)}.next-project_wrap{gap:var(--space-6) var(--section-space-small);width:100%;padding:var(--space-7);align-items:center;text-decoration:none;display:grid}@media (min-width:48rem){.next-project_wrap.has-image{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}@media (hover:hover){.next-project_wrap:hover .browser_img{scale:1.03}.next-project_wrap:hover .next-project_title{color:var(--brand-300)}}.next-project_text{gap:var(--space-2);flex-direction:column;display:flex}.next-project_label{color:var(--text-accent)}.next-project_title{font-family:var(--heading-family);font-size:var(--h2);text-transform:uppercase;transition:color var(--hover-duration) var(--hover-ease);line-height:1}.next-project_line{color:var(--text-2)}}