body:has(.case-page){font-family:var(--font-sans)}@font-face{font-family:Syspetro Case Sans;src:url(/fonts/source-han-sans/case-cn-variable.woff)format("woff");font-style:normal;font-weight:250 900;font-display:swap}.case-page .case-card.case-card--figma{--case-figma-height:13.75rem;--case-figma-copy-height:5.1875rem;--case-figma-copy-line:1.5rem;--case-card-font:"Syspetro Case Sans", var(--font-sans);--case-card-title-color:#333;--case-card-copy-color:#495770;--case-figma-content-top:1.375rem;--case-figma-content-right:1.5rem;--case-figma-content-bottom:1.75rem;--case-figma-icon-top:.8125rem;--case-figma-icon-left:1.0625rem;--case-figma-icon-height:5.625rem;--case-figma-surface:#ffffff4d;--case-figma-decoration-width:15.5rem;--case-figma-decoration-height:5.875rem;--case-figma-shadow:0 4px 40px #28386c1a;--case-figma-border:#d39d4f;--case-figma-blur:.46875rem;--case-figma-lift:-.625rem;--case-figma-value-height:2.1875rem;--case-figma-romms-width:28.3125rem;--case-figma-romms-left:16.0625rem;--case-figma-romms-right:10.4375rem;font-family:var(--case-card-font);min-block-size:var(--case-figma-height);background-color:var(--case-figma-surface);background-image:url("data:image/svg+xml,%3csvg%20width='248'%20height='94'%20viewBox='0%200%20248%2094'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_645_3316'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='-9'%20width='248'%20height='103'%3e%3crect%20y='-8.02344'%20width='248'%20height='102'%20rx='4'%20fill='white'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_645_3316)'%3e%3ccircle%20cx='113'%20cy='135'%20r='135'%20fill='url(%23paint0_linear_645_3316)'/%3e%3c/g%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_645_3316'%20x1='248'%20y1='172.023'%20x2='-7.10034'%20y2='69.0803'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20offset='0.481422'%20stop-color='white'%20stop-opacity='0'/%3e%3cstop%20offset='1'%20stop-color='%23F8F6F1'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e");background-size:var(--case-figma-decoration-width) var(--case-figma-decoration-height);box-shadow:var(--case-figma-shadow);backdrop-filter:blur(var(--case-figma-blur));transition:transform var(--motion-standard), border-color var(--motion-standard);position:relative}.case-page .case-card--figma .case-card__icon{padding-block-start:var(--case-figma-icon-top);padding-inline-start:var(--case-figma-icon-left)}.case-page .case-card--figma .case-card__icon img{block-size:var(--case-figma-icon-height)}.case-page .case-card--figma .case-card__content{padding-block:var(--case-figma-content-top) var(--case-figma-content-bottom);padding-inline-end:var(--case-figma-content-right)}.case-page .case-card--figma h2{color:var(--case-card-title-color);font-weight:600;line-height:var(--space-8);margin-block-end:0}.case-page .case-card--figma .case-card__link{color:inherit;text-decoration:none}.case-page .case-card--figma .case-card__link:after{border-radius:inherit;content:"";position:absolute;inset:0}.case-page .case-card--figma .case-card__link:focus-visible{outline:none}.case-page .case-card--figma:focus-within{border-color:var(--case-figma-border);outline:2px solid var(--color-focus);outline-offset:var(--space-1)}.case-page .case-card--figma .case-card__statements{color:var(--case-card-copy-color);min-block-size:var(--case-figma-copy-height);font-weight:400;line-height:var(--case-figma-copy-line)}.case-page .case-card--figma .case-card__phrase{white-space:nowrap}.case-page .case-card--figma .case-card__statements--split{inline-size:min(var(--case-figma-romms-width), calc(100% + var(--space-4)));grid-template-columns:minmax(0, var(--case-figma-romms-left)) minmax(0, var(--case-figma-romms-right));justify-content:space-between;display:grid}.case-page .case-card--figma dd{block-size:var(--case-figma-value-height);letter-spacing:normal}.case-page .case-card--figma dt{color:var(--case-card-copy-color);font-weight:400}@media (hover:hover){.case-page .case-card--figma:hover{border-color:var(--case-figma-border);transform:translateY(var(--case-figma-lift))}}@media (width<=47.999rem){.case-page .case-card--figma .case-card__statements p{text-wrap:pretty}.case-page .case-card--figma .case-card__statements--split{inline-size:100%;display:block}}@media (prefers-reduced-motion:reduce){.case-page .case-card.case-card--figma{transition:none;transform:none}}.case-hero[data-astro-cid-q7obu3qe]{--case-hero-height:17.5625rem;--case-hero-subtitle-size:1.75rem;--case-hero-title-line:3.6875rem;--case-hero-subtitle-line:2.5625rem;--case-hero-title-inset:2.125rem;--case-hero-surface:#edf1f6;--case-hero-ink:#333;box-sizing:border-box;min-block-size:var(--case-hero-height);padding-block:var(--space-20) 0;color:var(--case-hero-ink);background:var(--case-hero-surface) url(/_astro/bg-top.Cp96Rkfa.png) center top / auto var(--case-hero-height) no-repeat;font-family:var(--font-sans);position:relative;overflow:hidden}.case-hero[data-astro-cid-q7obu3qe] .container[data-astro-cid-q7obu3qe]{inline-size:min(var(--content-width), 100%);padding-inline:var(--case-hero-title-inset);position:relative}.case-hero__subtitle[data-astro-cid-q7obu3qe]{color:inherit;font-size:var(--case-hero-subtitle-size);font-weight:400;line-height:var(--case-hero-subtitle-line);margin:0}.case-hero[data-astro-cid-q7obu3qe] h1[data-astro-cid-q7obu3qe]{color:inherit;font-size:var(--type-display);line-height:var(--case-hero-title-line);margin-block-end:var(--space-3)}.case-section[data-astro-cid-q7obu3qe]{--case-list-top:3.75rem;--case-list-bottom:4.09375rem;padding-block:var(--case-list-top) var(--case-list-bottom);font-family:var(--font-sans);background:url(/_astro/box-bg.BLt4R0PD.png) 0 0/100% 100%}.case-list[data-astro-cid-q7obu3qe]{inline-size:min(var(--content-width), calc(100% - 2 * var(--content-gutter)));gap:var(--space-10);margin:0 auto;padding:0;list-style:none;display:grid}.case-list__item[data-astro-cid-q7obu3qe]{min-inline-size:0;scroll-margin-block-start:calc(var(--header-height) + var(--space-4))}@media (width>=80rem){.case-list[data-astro-cid-q7obu3qe]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=47.999rem){.case-hero[data-astro-cid-q7obu3qe] .container[data-astro-cid-q7obu3qe]{padding-inline:var(--content-gutter)}}