@layer components{.case-hero_wrap .case-hero_layout{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:clamp(2rem,5vw,4rem);width:100%;padding-block:3rem;display:grid}.case-hero_wrap .case-hero_mark{object-fit:contain;object-position:left center;width:auto;max-width:9rem;height:2.25rem;margin-bottom:1.75rem}.case-hero_wrap .case-hero_client{font-size:var(--size-body);margin:0 0 1.5rem;font-weight:500}.case-hero_wrap .case-hero_copy .heading{text-wrap:balance;max-width:20ch;margin:0 0 1.5rem;font-size:clamp(2.5rem,3.8vw,3.75rem)}.case-hero_wrap .case-hero_copy .text{max-width:46ch;font-size:var(--size-lead);line-height:var(--body-leading)}.case-hero_wrap .case-hero_copy .button_wrap{margin-top:1.5rem}.case-hero_wrap .case-hero_visual{isolation:isolate;place-items:center;height:31rem;display:grid;position:relative}.case-hero_wrap .case-hero_visual.is-cutout:before{content:"";background:var(--client-surface);border-radius:var(--radius-main);z-index:-1;position:absolute;inset:3rem 0 1rem}.case-hero_wrap .case-hero_visual.is-cutout .image{object-fit:contain;filter:drop-shadow(0 .75rem .6rem #252b3414);width:100%;height:100%;position:absolute;inset:0}.case-hero_wrap .case-hero_visual.is-photo{aspect-ratio:4/3;border-radius:var(--radius-main);height:auto;box-shadow:var(--card-shadow-hover);background:var(--client-surface);overflow:hidden}.case-hero_wrap .case-hero_visual.is-photo .image{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){.case-hero_wrap .case-hero_visual .image{animation:.7s both case-hero-enter}}@media not (min-width:64rem){.case-hero_wrap .case-hero_visual.is-cutout{height:28rem}}@media not (min-width:48rem){.case-hero_wrap .case-hero_layout{grid-template-columns:minmax(0,1fr);gap:2rem;padding-block:2.5rem}.case-hero_wrap .case-hero_copy .heading{font-size:clamp(2.125rem,9vw,2.625rem)}.case-hero_wrap .case-hero_visual.is-cutout{height:26rem}}html.theme-dark .case-hero_mark{filter:grayscale()brightness(0)invert()}@keyframes case-hero-enter{0%{opacity:0;translate:0 .75rem}to{opacity:1;translate:0}}.case-intro_wrap{grid-template-columns:minmax(0,.85fr) minmax(0,1fr);align-items:center;gap:clamp(2rem,6vw,6rem);width:100%;display:grid}.case-intro_wrap .case-intro_visual{background:var(--card-surface);border-radius:var(--radius-main);box-shadow:var(--card-shadow);overflow:hidden}.case-intro_wrap .case-intro_visual .image{width:100%;height:auto}.case-intro_wrap .text{max-width:52ch;line-height:var(--body-leading)}.case-intro_wrap .case-intro_scope{gap:1rem;margin:1.5rem 0 0;display:grid}.case-intro_wrap .case-intro_scope>div{grid-template-columns:7rem minmax(0,1fr);gap:1rem;display:grid}.case-intro_wrap .case-intro_scope dt{font-weight:600;font-size:var(--size-label)}.case-intro_wrap .case-intro_scope dd{font-size:var(--size-label);margin:0}@media not (min-width:64rem){.case-intro_wrap{gap:2rem}}@media not (min-width:48rem){.case-intro_wrap{grid-template-columns:minmax(0,1fr)}.case-intro_wrap .case-intro_visual{order:1}.case-intro_wrap .case-intro_scope>div{grid-template-columns:6rem minmax(0,1fr)}}.case-scope_wrap{width:100%}.case-scope_wrap .case-scope_summary{max-width:60ch;font-size:var(--text-large);line-height:var(--body-leading);margin:0 0 clamp(2rem,4vw,3rem)}.case-scope_wrap .case-scope_groups{grid-template-columns:repeat(var(--_columns,3), minmax(0, 1fr));gap:clamp(1.5rem,3vw,2.5rem);display:grid}.case-scope_wrap .case-scope_groups article{border-top:var(--border-width) solid var(--border);padding-top:1.5rem}.case-scope_wrap .case-scope_groups .heading{margin:0 0 1.25rem;font-size:clamp(1.25rem,1.6vw,1.5rem);font-weight:500;line-height:1.2}.case-scope_wrap .case-scope_groups ul{font-size:var(--size-body);line-height:var(--body-leading);gap:.875rem;margin:0;padding-left:1.1em;list-style:outside;display:grid}.case-scope_wrap .case-scope_groups li::marker{color:var(--accent-text)}.case-scope_wrap .case-scope_groups+.case-scope_points{margin-top:clamp(2rem,4vw,3rem)}.case-scope_wrap .case-scope_points{border-top:var(--border-width) solid var(--border);grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem clamp(1.5rem,4vw,4rem);margin:0;padding:1.75rem 0 0;list-style:none;display:grid}.case-scope_wrap .case-scope_points>li{font-size:var(--size-body);line-height:var(--body-leading);padding-left:1.25rem;position:relative}.case-scope_wrap .case-scope_points>li:before{content:"";background:var(--accent-text);border-radius:50%;width:.375rem;height:.375rem;position:absolute;top:.62em;left:0}.case-scope_wrap .case-scope_points strong{margin-bottom:.25rem;font-weight:600;display:block}.case-scope_wrap .case-scope_meta{background:var(--card-surface);border-radius:var(--radius-main);box-shadow:var(--card-shadow);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;margin-top:clamp(2.5rem,5vw,4rem);display:grid;overflow:hidden}.case-scope_wrap .case-scope_block{padding:clamp(1.5rem,3vw,2.5rem)}.case-scope_wrap .case-scope_block+.case-scope_block{border-left:var(--border-width) solid var(--border)}.case-scope_wrap .case-scope_label{font-size:var(--size-label);margin:0 0 1.25rem;font-weight:600}.case-scope_wrap .case-scope_technologies{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.case-scope_wrap .case-scope_technologies li{border:var(--border-width) solid var(--border);border-radius:var(--radius-round);font-size:var(--size-small);padding:.45rem .85rem;font-weight:500;line-height:1.3}.case-scope_wrap .case-scope_awards{flex-wrap:wrap;align-items:center;gap:1.5rem 2.25rem;margin:0;padding:0;list-style:none;display:flex}.case-scope_wrap .case-scope_awards .image{object-fit:contain;filter:grayscale();opacity:.85;width:auto;max-width:8rem;height:3rem;transition:filter var(--hover-duration) var(--hover-ease), opacity var(--hover-duration) var(--hover-ease)}.case-scope_wrap .case-scope_awards a:hover .image{filter:none;opacity:1}@media not (min-width:64rem){.case-scope_wrap .case-scope_groups{grid-template-columns:minmax(0,1fr)}}@media not (min-width:48rem){.case-scope_wrap .case-scope_points{grid-template-columns:minmax(0,1fr)}.case-scope_wrap .case-scope_meta{grid-auto-flow:row}.case-scope_wrap .case-scope_block+.case-scope_block{border-left:0;border-top:var(--border-width) solid var(--border)}}html.theme-dark .case-scope_awards .image.is-invert{filter:grayscale()brightness(0)invert()}.case-more_wrap{width:100%}.case-more_wrap .case-more_list{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;margin:0;padding:0;list-style:none;display:grid}.case-more_wrap .case-more_list>li{display:grid}@media not (min-width:48rem){.case-more_wrap .case-more_list{grid-template-columns:minmax(0,1fr);gap:1rem}}.tabs_wrap{--_dir:1;--_interval:6s;--_slide:.5s;gap:var(--space-6);width:100%;display:grid}@media (min-width:48rem){.tabs_wrap.side{grid-template-columns:minmax(0,1fr) minmax(0,2fr);align-items:start}}.tabs_bar{flex-direction:column;min-width:0;display:flex}.tabs_links{scrollbar-width:none;min-width:0;display:flex;overflow-x:auto}.tabs_wrap.side .tabs_links{gap:var(--space-2);flex-direction:column;overflow-x:visible}.tabs_link{min-width:8rem;padding-block:var(--space-3);border-bottom:var(--border-width) solid var(--border);color:color-mix(in lab, currentcolor 60%, transparent);text-align:center;transition:color var(--hover-duration) var(--hover-ease), border-color var(--hover-duration) var(--hover-ease);background:0 0;flex:1}.tabs_link.is-active{border-bottom-color:var(--text);color:var(--text)}@media (hover:hover){.tabs_link:hover{color:var(--text)}}.tabs_wrap.side .tabs_link{min-width:0;padding:var(--space-3) var(--space-5);border:var(--border-width) solid var(--border);border-radius:var(--radius-round);text-align:start;flex:none}.tabs_wrap.side .tabs_link.is-active{background-color:var(--text);color:var(--background)}.tabs_wrap.auto:not(.side) .tabs_link.is-active{position:relative}.tabs_wrap.auto:not(.side) .tabs_link.is-active:after{content:"";inset-inline:0;bottom:calc(var(--border-width) * -1);height:var(--border-width);background-color:var(--text);transform-origin:0;position:absolute;scale:0 1}.tabs_wrap.auto:not(.side).running:not(.is-paused) .tabs_link.is-active{border-bottom-color:var(--border)}.tabs_wrap.auto:not(.side).running:not(.is-paused) .tabs_link.is-active:after{animation:tabs-progress var(--_interval) linear forwards}@keyframes tabs-progress{0%{scale:0 1}to{scale:1}}.tabs_panels{min-width:0;display:grid;overflow:clip}.tabs_panels>*{opacity:0;visibility:hidden;min-width:0;transition:opacity var(--open-duration) var(--open-ease), visibility var(--open-duration) var(--open-ease);grid-area:1/1}.tabs_wrap:not(.is-ready) :is(.tabs_panels>*):first-child,.tabs_panels>*.is-active{opacity:1;visibility:visible}.stacki-designer .tabs_wrap.preview .tabs_panels{gap:var(--space-6);overflow:visible}.stacki-designer .tabs_wrap.preview .tabs_panels>*{opacity:1;visibility:visible;grid-area:auto;animation:none;translate:none}.tabs_wrap.auto[data-moved] .tabs_panels>*.is-active{animation:tabs-in var(--_slide) var(--open-ease) both}.tabs_wrap.auto[data-moved] .tabs_panels>*.is-leaving{visibility:visible;animation:tabs-out var(--_slide) var(--open-ease) both}@keyframes tabs-in{0%{translate:calc(var(--_dir) * 100%) 0;opacity:0}to{opacity:1;translate:0}}@keyframes tabs-out{0%{opacity:1;translate:0}to{translate:calc(var(--_dir) * -100%) 0;opacity:0}}.tabs_controls{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.tabs_steps{gap:var(--space-2);display:flex}.case-parts_wrap{width:100%}.case-parts_wrap .case-parts_header{gap:1rem;margin-bottom:clamp(2rem,3.5vw,3rem);display:grid}.case-parts_wrap .case-parts_header .section-header_wrap{margin-bottom:0}.case-parts_wrap .case-parts_header .text{font-size:var(--size-body-large);line-height:var(--body-leading);margin:0}.case-parts_wrap .case-parts_tabs .tabs_links{gap:.5rem}.case-parts_wrap .case-parts_tabs .tabs_link{color:var(--text);min-width:8rem;font-weight:500}.case-parts_wrap .case-parts_tabs .tabs_link.is-active{border-bottom:.1875rem solid var(--brand-500);font-weight:600}.case-parts_wrap .case-parts_tabs.is-ready .tabs_panels>:not(.is-active){display:none}.case-parts_wrap .case-parts_tabs .tabs_panels{overflow:visible}.case-parts_wrap .case-parts_panel{background:var(--card-surface);box-shadow:var(--card-shadow);border-radius:var(--radius-main);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;display:grid;overflow:clip}.case-parts_wrap .case-parts_copy{padding:clamp(2rem,4vw,3.5rem)}.case-parts_wrap .case-parts_copy .heading{margin-bottom:1.5rem;font-size:clamp(1.75rem,2.6vw,2.5rem);font-weight:500;line-height:1.15}.case-parts_wrap .case-parts_copy .text{font-size:var(--size-body-large);line-height:var(--body-leading)}.case-parts_wrap .case-parts_copy .text+.text{margin-top:1.25rem}.case-parts_wrap .case-parts_copy>.text:first-child{font-size:var(--text-large)}.case-parts_wrap .case-parts_panel.is-single{grid-template-columns:minmax(0,1fr)}.case-parts_wrap .case-parts_list{font-size:var(--size-body);line-height:var(--body-leading);gap:.75rem;margin:1.5rem 0 0;padding-left:1.1em;list-style:outside;display:grid}.case-parts_wrap .case-parts_panel.is-single .case-parts_list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:3rem}.case-parts_wrap .case-parts_list li::marker{color:var(--accent-text)}.case-parts_wrap .case-parts_stack{border-top:var(--border-width) solid var(--border);font-size:var(--size-small);margin:1.5rem 0 0;padding-top:1.5rem;font-weight:500}.case-parts_wrap .case-parts_visual{background:var(--client-surface);align-self:stretch;place-items:center;padding:1.5rem;display:grid}.case-parts_wrap .case-parts_visual .image{object-fit:contain;width:100%;height:26rem}.case-parts_wrap .case-parts_aside{background:var(--client-surface);flex-direction:column;justify-content:center;align-self:stretch;gap:1.25rem;padding:3rem;display:flex}.case-parts_wrap .case-parts_aside .heading{margin:0;font-size:1.5rem;font-weight:500}.case-parts_wrap .case-parts_aside p{font-size:var(--size-body);line-height:var(--body-leading);margin:0}.case-parts_wrap .case-parts_terms{gap:1.75rem;margin:0;display:grid}.case-parts_wrap .case-parts_terms dt{font-family:var(--display-family);font-size:1.375rem;font-weight:500}.case-parts_wrap .case-parts_terms dd{max-width:35ch;font-size:var(--size-body);line-height:var(--body-leading);margin:.5rem 0 0}.case-parts_wrap .case-parts_steps{font-size:var(--size-lead);gap:1.25rem;margin:0;padding-left:1.5rem;list-style:decimal;display:grid}.case-parts_wrap .case-parts_steps li::marker{color:var(--accent-text)}.case-parts_wrap .case-parts_aside .button_wrap{align-self:start}@media not (min-width:64rem){.case-parts_wrap .case-parts_copy,.case-parts_wrap .case-parts_aside{padding:2rem}}@media not (min-width:48rem){.case-parts_wrap .case-parts_panel,.case-parts_wrap .case-parts_panel.is-single .case-parts_list{grid-template-columns:minmax(0,1fr)}.case-parts_wrap .case-parts_copy,.case-parts_wrap .case-parts_aside{padding:1.5rem}.case-parts_wrap .case-parts_visual{order:-1;padding:1rem}.case-parts_wrap .case-parts_visual .image{height:22rem}.case-parts_wrap .case-parts_tabs .tabs_link{min-width:7rem}}}
