.work-post_about[data-astro-cid-jbeobjpi]{padding-inline:var(--page-margin);padding-block:var(--header-height) var(--space-lg);display:flex;flex-direction:row;justify-content:space-between;gap:var(--space-xl)}.section-content[data-astro-cid-jbeobjpi]{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-xs);max-width:60rem}.tags[data-astro-cid-jbeobjpi]{display:flex;flex-direction:row;gap:var(--space-xs)}.client-sidebar[data-astro-cid-jbeobjpi]{display:flex;flex-direction:column;gap:var(--space-sm);align-items:flex-start}.client-logo[data-astro-cid-jbeobjpi]{width:clamp(60px,6vw,250px)}.metrics[data-astro-cid-jbeobjpi]{display:flex;flex-direction:column;gap:var(--space-lg);flex:0 0 20rem}.metric[data-astro-cid-jbeobjpi]{display:flex;flex-direction:column;gap:var(--space-3xs);padding-inline-start:var(--space-md);border-left:1px solid var(--color-border)}@media screen and (width <= 768px){.work-post_about[data-astro-cid-jbeobjpi]{flex-direction:column;justify-content:flex-start;gap:var(--space-2xl)}.metrics[data-astro-cid-jbeobjpi]{flex-direction:row;flex-wrap:wrap;flex:0 0 auto;gap:var(--space-2xs) var(--space-md)}.metric[data-astro-cid-jbeobjpi]{flex:1 0 40%;border-top:1px solid var(--color-border);border-inline-start:none;padding-inline-start:0;padding-block-start:var(--space-sm);padding-block-end:0}}.work-post_details[data-astro-cid-ddqzwukv]{padding-inline:var(--page-margin);padding-block:var(--space-3xl);display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:60svh;background-color:var(--color-background-secondary)}.section-content[data-astro-cid-ddqzwukv]{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-2xl);max-width:60em}.client[data-astro-cid-ddqzwukv],.services[data-astro-cid-ddqzwukv],.features[data-astro-cid-ddqzwukv],.partners[data-astro-cid-ddqzwukv]{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:var(--space-lg)}.client[data-astro-cid-ddqzwukv]{margin-bottom:var(--space-2xl)}.client-logo[data-astro-cid-ddqzwukv]{flex-grow:1;display:flex;flex-direction:row;justify-content:flex-start}.client-logo[data-astro-cid-ddqzwukv] svg{flex:0 0 calc((var(--logo-scale) / 100) * 100%);height:auto}.client-info[data-astro-cid-ddqzwukv]{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-md);flex-basis:70%}.client-description[data-astro-cid-ddqzwukv]{max-width:40em}.tags[data-astro-cid-ddqzwukv],.partner-tiles[data-astro-cid-ddqzwukv]{display:flex;flex-direction:row;gap:var(--space-2xs);flex-wrap:wrap;flex-basis:70%}.partner-tiles[data-astro-cid-ddqzwukv]{display:grid;gap:var(--space-md) var(--space-xs);grid-template-columns:repeat(6,1fr)}.partner-tile[data-astro-cid-ddqzwukv]{border-radius:var(--radius-sm);overflow:hidden;text-decoration:none;display:flex;flex-direction:column;gap:var(--space-3xs)}@media screen and (width <= 768px){.client[data-astro-cid-ddqzwukv],.services[data-astro-cid-ddqzwukv],.features[data-astro-cid-ddqzwukv],.partners[data-astro-cid-ddqzwukv]{flex-direction:column;align-items:stretch}.client-logo[data-astro-cid-ddqzwukv] svg{width:calc((var(--logo-scale) / 100) * 60%);flex:0 0 auto;height:auto}}.work-post_hero[data-astro-cid-2cpp2vgy]{overflow:clip;height:90svh;position:relative;color:var(--color-accent-secondary);display:flex;flex-direction:column;justify-content:flex-end;align-items:center}.project-title[data-astro-cid-2cpp2vgy]{width:min-content;display:inline;position:relative;text-align:center;font-size:20vw;line-height:.8;translate:0 100%;margin:0 0 .25em;letter-spacing:-.04em;z-index:2;transform-origin:center bottom}.section-media[data-astro-cid-2cpp2vgy]{position:absolute;inset:0;min-height:100%}.project-content[data-astro-cid-krypreey]{--color-background-secondary: color-mix(in srgb, var(--color-background) 95%, var(--color-darkest));--color-foreground-secondary: color-mix(in srgb, var(--color-background) 30%, var(--color-foreground))}.project-content[data-astro-cid-krypreey][data-color-scheme=invert]{--color-background-secondary: color-mix(in srgb, var(--color-background) 80%, var(--color-darkest));--color-foreground-secondary: color-mix(in srgb, var(--color-background) 30%, var(--color-foreground))}