@font-face{font-family:League Spartan;font-style:normal;font-display:swap;font-weight:800;src:url(/_astro/league-spartan-vietnamese-800-normal.CsFcPV4k.woff2) format("woff2"),url(/_astro/league-spartan-vietnamese-800-normal.CG_8Qfia.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:League Spartan;font-style:normal;font-display:swap;font-weight:800;src:url(/_astro/league-spartan-latin-ext-800-normal.DOhDOM1F.woff2) format("woff2"),url(/_astro/league-spartan-latin-ext-800-normal.DHSbblFb.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:League Spartan;font-style:normal;font-display:swap;font-weight:800;src:url(/_astro/league-spartan-latin-800-normal.Bu841fJe.woff2) format("woff2"),url(/_astro/league-spartan-latin-800-normal.B9UeIwhc.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;font-stretch:75% 100%;src:url(/_astro/instrument-sans-latin-ext-wdth-normal.C5E2Gvlv.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;font-stretch:75% 100%;src:url(/_astro/instrument-sans-latin-wdth-normal.BVScPF0l.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--red: #eb4213;--pink: #ff99dc;--green: #d8f382;--purple: #826dee;--ink: #17131f;--ink-soft: #4b4556;--ink-deep: #1f1a29;--white: #ffffff;--lilac: #e6e0fc;--purple-ink: #4f3acb;--red-ink: #b8320d;--bg: var(--white);--fg: var(--ink);--muted: var(--ink-soft);--surface: var(--lilac);--line: color-mix(in srgb, var(--fg) 14%, transparent);--accent: var(--purple-ink);--fill: var(--lilac);--fill-fg: var(--ink);--slice: var(--purple-ink);--link: var(--purple-ink);--brand-color: var(--ink);--font-display: "League Spartan", "Arial Black", system-ui, sans-serif;--font-body: "Instrument Sans Variable", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: var(--font-body);--col: 1080px;--gap-section: clamp(120px, 60px + 12vw, 240px);--ink-grey: #8c8696;--step--1: clamp(.83rem, .8rem + .15vw, .9rem);--step-0: clamp(1rem, .96rem + .2vw, 1.125rem);--step-1: clamp(1.2rem, 1.1rem + .5vw, 1.45rem);--step-2: clamp(1.5rem, 1.3rem + 1vw, 2.1rem);--step-3: clamp(2rem, 1.6rem + 2vw, 3.2rem);--step-4: clamp(2.6rem, 1.8rem + 4vw, 5.2rem);--step-5: clamp(3.1rem, 1.8rem + 7.2vw, 9rem);--gutter: clamp(1rem, .6rem + 2vw, 2.5rem);--section: clamp(4.5rem, 3rem + 7vw, 10rem);--max: 1440px;--radius: 16px;--pill: 999px;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-out-back: cubic-bezier(.34, 1.4, .64, 1);--slice-shift: .055em;color-scheme:light}:root[data-view=inside]{--bg: var(--ink-deep);--fg: var(--white);--muted: var(--green);--surface: var(--ink-soft);--line: color-mix(in srgb, var(--fg) 20%, transparent);--accent: var(--green);--fill: var(--green);--fill-fg: var(--ink);--slice: var(--green);--link: var(--green);--brand-color: var(--white);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{min-height:100dvh;background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:var(--step-0);line-height:1.55;font-variation-settings:"wdth" 100;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;overflow-x:clip;transition:background-color .5s var(--ease-out),color .5s var(--ease-out)}img,svg,video{max-width:100%;display:block}img{height:auto}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit}h1,h2,h3,h4,.display{font-family:var(--font-display);font-weight:800;text-transform:uppercase;line-height:.9;letter-spacing:-.02em;text-wrap:balance}p{text-wrap:pretty}ul[role=list],ol[role=list]{list-style:none;padding:0}::selection{background:var(--lilac);color:var(--ink)}:focus-visible{outline:3px solid var(--ink);outline-offset:3px;border-radius:2px}:root[data-view=inside] :focus-visible{outline-color:var(--white)}.skip-link{position:absolute;left:var(--gutter);top:-100px;z-index:100;background:var(--ink);color:var(--white);padding:.75rem 1rem;text-decoration:none;border-radius:var(--pill)}.skip-link:focus{top:.75rem}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media(max-width:960px){.hide-sm{display:none!important}}.wrap{width:100%;max-width:var(--max);margin-inline:auto;padding-inline:var(--gutter)}.section{padding-block:var(--section)}.section--tight{padding-block:calc(var(--section) * .6)}.grid{display:grid;gap:var(--gutter);grid-template-columns:repeat(12,minmax(0,1fr))}.stack>*+*{margin-top:var(--stack, 1rem)}.eyebrow{font-family:var(--font-body);font-size:.78rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);display:inline-flex;align-items:center;gap:.55em}.eyebrow:before{content:"";width:.55em;height:.55em;border-radius:50%;background:var(--dot, var(--red))}.display{font-size:var(--step-5)}.h-xl{font-size:var(--step-4);line-height:.9}.h-lg{font-size:var(--step-3)}.h-md{font-size:var(--step-2);line-height:1.05}.h-sm{font-size:var(--step-1);line-height:1.15;letter-spacing:-.01em}.lede{font-size:var(--step-1);line-height:1.45;max-width:38ch}.muted{color:var(--muted)}.mono,.label{font-family:var(--font-body);font-weight:600;font-size:.78rem;line-height:1.4;letter-spacing:.06em;text-transform:uppercase}.col{width:min(var(--col),100% - 2 * var(--gutter));margin-inline:auto}.prose{max-width:62ch}.prose p+p{margin-top:1em}.prose a,.text-link{color:var(--link);text-underline-offset:.2em;text-decoration-thickness:1px}.prose a:hover,.text-link:hover{text-decoration-thickness:2px}.slice{position:relative;display:inline-block}.slice>.slice__text{display:block}.slice__band{position:absolute;inset:0;color:inherit;pointer-events:none;-webkit-mask-image:repeating-linear-gradient(to bottom,transparent 0 .455lh,#000 .455lh .575lh,transparent .575lh 1lh);mask-image:repeating-linear-gradient(to bottom,transparent 0 .455lh,#000 .455lh .575lh,transparent .575lh 1lh);transform:translate(var(--slice-shift));transition:transform .6s var(--ease-out-back)}.slice>.slice__text{-webkit-mask-image:repeating-linear-gradient(to bottom,#000 0 .46lh,transparent .46lh .57lh,#000 .57lh 1lh);mask-image:repeating-linear-gradient(to bottom,#000 0 .46lh,transparent .46lh .57lh,#000 .57lh 1lh)}.slice--accent .slice__band{color:inherit}.js .slice[data-slice]:not(.is-open) .slice__band{transform:translate(0)}.slice:hover .slice__band{transform:translate(calc(var(--slice-shift) * 2.2))}.slice-rule{height:10px;position:relative;margin-block:0;border:0;background:linear-gradient(var(--line),var(--line)) 0 50% / 100% 1px no-repeat}.slice-rule:after{content:"";position:absolute;top:2px;height:6px;width:72px;left:calc(var(--rule-at, 62%) + 14px);background:var(--accent)}.slice-rule:before{content:"";position:absolute;top:0;height:10px;width:72px;left:var(--rule-at, 62%);background:var(--bg);transition:background-color .5s var(--ease-out)}.btn{--btn-bg: var(--fg);--btn-fg: var(--bg);position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:.7em;min-height:3.25rem;padding:.85rem 1.5rem;background:var(--btn-bg);color:var(--btn-fg);border:1.5px solid var(--btn-border, var(--btn-bg));border-radius:var(--pill);font-family:var(--font-body);font-weight:600;font-size:var(--step-0);line-height:1;text-decoration:none;letter-spacing:-.005em;overflow:hidden;transition:color .3s var(--ease-out),border-color .3s var(--ease-out)}.btn:before{content:"";position:absolute;z-index:-1;inset:0;background:var(--fill);transform:translate(-101%);transition:transform .45s var(--ease-out)}.btn:hover:before,.btn:focus-visible:before{transform:translate(0)}.btn:hover,.btn:focus-visible{color:var(--fill-fg);border-color:var(--fill-fg)}.btn .btn__arrow{transition:transform .35s var(--ease-out-back)}.btn:hover .btn__arrow{transform:translate(4px)}.btn--accent{--btn-bg: var(--fg);--btn-fg: var(--bg)}.btn--ghost{--btn-bg: transparent;--btn-fg: var(--fg);--btn-border: var(--fg)}.btn[disabled]{opacity:.6;cursor:progress}.btn-row{display:flex;flex-wrap:wrap;gap:.75rem}.tag{display:inline-flex;align-items:center;gap:.4em;font-family:var(--font-body);font-size:.8rem;font-weight:500;padding:.4em .75em;border:1px solid var(--line);border-radius:var(--pill);line-height:1.1}.tag--concept{background:var(--fg);color:var(--bg);border-color:var(--fg)}.tag--client{background:var(--lilac);color:var(--ink);border-color:var(--lilac)}.note{display:none}:root[data-view=inside] .note{display:block;font-family:var(--font-mono);font-size:.8rem;line-height:1.5;color:var(--fg);border:1px dashed color-mix(in srgb,var(--lilac) 75%,transparent);background:var(--ink);padding:.8rem .95rem;border-radius:12px;max-width:46ch;margin-block:1.25rem;animation:note-in .5s var(--ease-out) both}.note__label{display:block;color:var(--white);text-transform:uppercase;letter-spacing:.08em;font-size:.7rem;margin-bottom:.3rem}@keyframes note-in{0%{opacity:0;transform:translateY(6px)}}:root[data-view=inside] body{background-image:linear-gradient(color-mix(in srgb,var(--white) 7%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--white) 7%,transparent) 1px,transparent 1px);background-size:48px 48px;background-position:-1px -1px}:root[data-view=inside] .inside-outline{outline:1px dashed color-mix(in srgb,var(--lilac) 35%,transparent);outline-offset:6px}.js [data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .8s var(--ease-out),transform .8s var(--ease-out);transition-delay:var(--reveal-delay, 0s)}.js [data-reveal].is-in{opacity:1;transform:none}.scrub{animation-duration:1s;animation-timing-function:linear;animation-fill-mode:both}.sda .scrub{animation-timeline:var(--tl);animation-range:var(--range)}.nosda .scrub{animation-play-state:paused;animation-delay:calc(var(--p, 0) * -1s)}@view-transition{navigation:auto}::view-transition-old(root),::view-transition-new(root){animation-duration:.35s}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.js [data-reveal]{opacity:1;transform:none}.slice__band{transform:translate(var(--slice-shift))!important}@view-transition{navigation:none}}.wk-dot{flex:none;display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--c)}.wk-dot--lg{width:14px;height:14px}.wk-dot--red{--c: var(--red)}.wk-dot--pink{--c: var(--pink)}.wk-dot--purple{--c: var(--purple)}.wk-dot--green{--c: var(--green);box-shadow:inset 0 0 0 1px var(--ink)}