@font-face{font-family:Familjen Grotesk Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/familjen-grotesk-vietnamese-wght-normal-DKRsWTd7.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Familjen Grotesk Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/familjen-grotesk-latin-ext-wght-normal-Cvgdx4cy.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Familjen Grotesk Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/familjen-grotesk-latin-wght-normal-CfZa4wxB.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Source Serif 4 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/source-serif-4-cyrillic-ext-wght-normal-cHuGMAiY.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Source Serif 4 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/source-serif-4-cyrillic-wght-normal-DwHjdM4S.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:"Source Serif 4 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/source-serif-4-greek-wght-normal-ece1310W.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:"Source Serif 4 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/source-serif-4-vietnamese-wght-normal-D-yuW59g.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Source Serif 4 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/source-serif-4-latin-ext-wght-normal-CxNHBx-q.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:"Source Serif 4 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/source-serif-4-latin-wght-normal-D9elroTD.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#f3f5f4;--fg:#0b1f1e;--mut:#566663;--line:#d2dad8;--acc:#0b6e69;--signal:#ff6b4a;--band:#0a4f4c;--band-fg:#eef3f1;--band-mut:#a9c7c2;--band-line:#eef3f142;--d:"Familjen Grotesk Variable", "Helvetica Neue", Arial, sans-serif;--s:"Source Serif 4 Variable", Georgia, serif;--pad:clamp(16px, 6vw, 96px);--ease:cubic-bezier(.2, .8, .2, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#07100f;--fg:#e8f0ee;--mut:#8fa7a3;--line:#1d2d2b;--acc:#4fd1c5;--signal:#ff8a6b;--band:#0c4744;--band-fg:#eef3f1;--band-mut:#a9c7c2;--band-line:#eef3f147;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--fg);font:400 18px/1.7 var(--s);font-optical-sizing:auto;-webkit-font-smoothing:antialiased;margin:0}a{color:inherit}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--acc);outline-offset:3px}.band :focus-visible{outline-color:var(--band-fg)}.wrap{padding-inline:var(--pad);max-width:1480px;margin:0 auto}.prog{background:var(--signal);transform-origin:0;z-index:40;width:100%;height:3px;position:fixed;top:0;left:0;transform:scaleX(0)}.wipe{background:var(--band);z-index:60;pointer-events:none;position:fixed;inset:0;transform:translateY(100%)}.band{background:var(--band);color:var(--band-fg);--fg:var(--band-fg);--mut:var(--band-mut);--line:var(--band-line);--acc:var(--band-fg)}.rv{position:relative;border-top:0!important}.rv:before{content:"";background:var(--line);transform-origin:0;height:1px;transition:transform 1s var(--ease) var(--dl,0s);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.rv.in:before{transform:scaleX(1)}h2{font:600 clamp(32px, 4.6vw, 64px) / 1 var(--d);letter-spacing:-.03em;text-wrap:balance;margin:0}h1{font:700 clamp(48px, 13vw, 132px) / .9 var(--d);letter-spacing:-.045em;margin:0}h1 .ln{padding-bottom:.08em;display:block;overflow:hidden}h1 .ln span{animation:rise .95s var(--ease) both;display:block}h1 .ln:nth-child(2) span{animation-delay:.12s}.rise .ln{margin-bottom:-.14em;padding-bottom:.14em;display:block;overflow:hidden}.rise .ln>span{transition:transform .9s var(--ease) var(--dl,0s);display:block;transform:translateY(110%)}.rise.in .ln>span{transform:none}.rv:not(.plain)>*{opacity:0;transition:opacity .8s var(--ease) calc(var(--dl,0s) + .15s), transform .8s var(--ease) calc(var(--dl,0s) + .15s);transform:translateY(12px)}.rv.in:not(.plain)>*{opacity:1;transform:none}.rv.plain{opacity:0;transition:opacity .9s var(--ease) var(--dl,0s), transform .9s var(--ease) var(--dl,0s);transform:translateY(14px)}.rv.plain.in{opacity:1;transform:none}.rv.plain:before{display:none}.words{font:400 clamp(28px, 4.4vw, 60px) / 1.18 var(--s);letter-spacing:-.015em;text-wrap:balance;max-width:20em;margin:0}.words span{opacity:.18;transition:opacity .35s}@keyframes rise{0%{transform:translateY(105%)}to{transform:none}}@media (width>=900px){h1 .ln{margin-right:.22em;display:inline-block}}@keyframes fadeup{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}section{scroll-margin-top:12px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-delay:0s!important}.nd,.fl,.rv,.rv>*,.rise .ln>span{opacity:1!important;transform:none!important}}header.top{font:500 15px var(--d);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-block:26px;display:flex}header.top nav{flex-wrap:wrap;gap:28px;display:flex}header.top a{text-decoration:none}header.top nav a{color:var(--mut);transition:color .2s}header.top nav a:hover{color:var(--fg)}.tools{gap:6px;display:flex}.tools button{font:500 13px var(--d);border:1px solid var(--line);color:var(--mut);cursor:pointer;background:0 0;border-radius:999px;padding:5px 11px}.tools button[aria-pressed=true]{background:var(--fg);color:var(--bg);border-color:var(--fg)}.hero{padding-block:clamp(20px,4vw,56px) clamp(48px,7vw,96px)}.hero .row{grid-template-columns:minmax(0,5fr) minmax(0,3fr);align-items:start;gap:48px;margin-top:clamp(24px,3.5vw,48px);display:grid}.lead{font:400 clamp(21px, 2.3vw, 30px) / 1.45 var(--s);text-wrap:pretty;max-width:30em;animation:fadeup .9s var(--ease) .55s both;margin:0}.facts{font:400 15px / 1.5 var(--d);flex-direction:column;gap:14px;margin:0;display:flex}.facts>div{animation:fadeup .9s var(--ease) both;flex-direction:column;display:flex}.facts>div:first-child{animation-delay:.7s}.facts>div:nth-child(2){animation-delay:.8s}.facts>div:nth-child(3){animation-delay:.9s}.facts dt{color:var(--mut);margin:0}.facts dd{margin:0}.work{padding-block:clamp(56px,9vw,120px)}.work .grid{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;gap:clamp(32px,6vw,96px);margin-top:clamp(36px,5vw,64px);display:grid}ul.idx{margin:0;padding:0;list-style:none}.idx li:last-child{border-bottom:1px solid var(--line)}.idx .r{all:unset;box-sizing:border-box;cursor:pointer;width:100%;transition:opacity .25s, transform .35s var(--ease);grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:16px;padding:20px 0;display:grid}.idx .r:focus-visible{outline:2px solid var(--band-fg);outline-offset:2px}.idx .n{font:600 clamp(26px, 3.4vw, 44px) / 1.05 var(--d);letter-spacing:-.025em}.idx .y{font:400 15px var(--d);color:var(--mut)}.idx:hover .r:not(:hover){opacity:.5}.idx .r:hover,.idx .r[aria-current=true]{transform:translate(10px)}.idx .r[aria-current=true] .n{text-underline-offset:.14em;text-decoration:underline;text-decoration-thickness:2px}.inl{display:none}.side{min-height:340px;position:sticky;top:32px}.side .in{transition:opacity .22s}.side.sw .in{opacity:0}.kind{font:500 15px var(--d);color:var(--mut);margin:0 0 10px}.det h3{font:600 clamp(30px, 3.6vw, 48px) / 1.05 var(--d);letter-spacing:-.03em;margin:0 0 16px}.det p{max-width:30em;margin:0 0 16px;font-size:18px}.det .st{font:400 15px / 1.6 var(--d);color:var(--mut);margin:0 0 18px}.det .st b{color:var(--fg);font-weight:500}.det .lk{font:500 15px var(--d);flex-wrap:wrap;gap:22px;display:flex}.det .open{font:600 16px var(--d);cursor:pointer;background:0 0;border:0;border-bottom:2px solid;padding:0 0 2px}.det .open:hover{opacity:.75}.path{padding-block:clamp(64px,10vw,140px)}.path .grid,.how .grid{grid-template-columns:minmax(0,1fr) minmax(0,2.2fr);gap:clamp(24px,6vw,96px);display:grid}.tl{margin:0;padding:0;list-style:none}.tl li{grid-template-columns:minmax(0,170px) minmax(0,1fr);gap:24px;padding:26px 0;display:grid}.tl li:last-child{border-bottom:1px solid var(--line)}.tl .d{font:400 15px / 1.5 var(--d);color:var(--mut);padding-top:5px}.tl h3{font:600 24px / 1.2 var(--d);letter-spacing:-.015em;margin:0}.tl .o{font:500 15px var(--d);color:var(--acc);margin:3px 0 8px}.tl p{max-width:34em;margin:0;font-size:17px}.how{border-top:1px solid var(--line);padding-block:clamp(56px,8vw,110px)}.how ul{margin:0;padding:0;list-style:none}.how li{grid-template-columns:minmax(0,220px) minmax(0,1fr);gap:24px;padding:22px 0;display:grid}.how li:last-child{border-bottom:1px solid var(--line)}.how h3{font:600 22px / 1.2 var(--d);letter-spacing:-.015em;margin:0}.how p{max-width:32em;margin:0;font-size:17px}.quote{border-top:1px solid var(--line);padding-block:clamp(48px,8vw,110px)}.stack{border-top:1px solid var(--line);padding-block:clamp(56px,8vw,110px)}.stack dl{margin:36px 0 0}.srow{grid-template-columns:minmax(0,170px) minmax(0,1fr);gap:0 24px;display:grid}.srow:last-child{border-bottom:1px solid var(--line)}.srow dt{font:500 15px var(--d);color:var(--mut);padding:18px 0}.srow dd{font:400 clamp(20px, 2.2vw, 28px) / 1.4 var(--s);margin:0;padding:14px 0}.contact{border-top:1px solid var(--line);padding-block:clamp(72px,11vw,160px) 40px}.mail{font:600 clamp(28px, 6.4vw, 92px) / 1.02 var(--d);letter-spacing:-.04em;word-break:break-word;border-bottom:3px solid var(--acc);margin-top:28px;padding-bottom:.06em;text-decoration:none;transition:color .2s;display:inline-block}.mail:hover{color:var(--acc)}.cr{font:500 16px var(--d);flex-wrap:wrap;gap:26px;margin-top:32px;display:flex}.cr a,.cr button{cursor:pointer;text-underline-offset:.2em;background:0 0;border:0;padding:0;text-decoration:underline}.cr button{color:var(--mut)}footer{border-top:1px solid var(--line);font:400 14px var(--d);color:var(--mut);flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:clamp(56px,8vw,110px);padding-top:20px;display:flex}@media (width<=900px){.hero .row,.work .grid,.path .grid,.how .grid{grid-template-columns:minmax(0,1fr)}.side{display:none}.inl{padding:0 0 22px;display:block}.inl[hidden]{display:none}.idx .r:hover,.idx .r[aria-current=true]{transform:none}.idx:hover .r:not(:hover){opacity:1}.tl li,.how li{grid-template-columns:minmax(0,1fr);gap:4px}.srow{grid-template-columns:minmax(0,1fr)}.srow dt{padding-bottom:0}.srow dd{padding-top:4px}}.back{all:unset;cursor:pointer;font:500 15px var(--d);color:var(--mut);text-underline-offset:.2em;text-decoration:underline}.back:hover{color:var(--fg)}.back:focus-visible{outline:2px solid var(--acc);outline-offset:3px}.ph{padding-block:clamp(36px,6vw,80px) clamp(40px,6vw,80px)}.ph .kind{animation:fadeup .8s var(--ease) both;margin-bottom:18px;font-size:17px}.ph h1{font-size:clamp(40px,9vw,140px)}.ph .one{font:400 clamp(21px, 2.4vw, 32px) / 1.4 var(--s);max-width:28em;animation:fadeup .9s var(--ease) .5s both;margin:clamp(28px,4vw,52px) 0 0}.meta{border-top:1px solid var(--line);font:400 15px / 1.5 var(--d);animation:fadeup .9s var(--ease) .75s both;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:clamp(36px,5vw,64px) 0 0;padding:22px 0 0;display:grid}.meta dt{color:var(--mut);margin-bottom:2px}.meta dd{margin:0}.meta a{text-underline-offset:.2em}.pv{padding-block:clamp(40px,6vw,90px)}.pv .cols,.dec .cols{grid-template-columns:minmax(0,1fr) minmax(0,2.2fr);gap:clamp(24px,6vw,96px);display:grid}.pv .tx p{font:400 clamp(19px, 1.9vw, 24px) / 1.6 var(--s);max-width:32em;margin:0 0 20px}.dgband{padding-block:clamp(48px,7vw,100px)}.dgband .cap{font:400 18px / 1.6 var(--s);max-width:34em;color:var(--band-mut);margin:28px 0 0}.dgw{margin-top:clamp(24px,4vw,48px);overflow-x:auto}.dg{width:100%;min-width:620px;height:auto;display:block;overflow:visible}.eg{fill:none;stroke:var(--line);stroke-width:1.5px}.fl{fill:none;stroke:var(--fg);stroke-width:1.5px;stroke-dasharray:5 9;opacity:0}.pk{fill:var(--signal);opacity:0}.go .pk{opacity:1}.nd{opacity:0}.nd rect{fill:var(--band);stroke:var(--fg);stroke-width:1.5px}.nd .l{fill:var(--fg);font:600 15px var(--d)}.nd .s{fill:var(--mut);font:400 12.5px var(--d)}.go .nd{animation:pop .7s var(--ease) both;animation-delay:calc(var(--i) * .1s)}.go .fl{animation:1.4s linear infinite flow,.6s both show;animation-delay:0s, calc(.5s + var(--i) * 80ms)}@keyframes pop{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes flow{to{stroke-dashoffset:-14px}}@keyframes show{to{opacity:.9}}.dec{border-top:1px solid var(--line);padding-block:clamp(48px,7vw,100px)}.dec ol{margin:0;padding:0;list-style:none}.dec li{grid-template-columns:minmax(0,260px) minmax(0,1fr);gap:24px;padding:24px 0;display:grid}.dec li:last-child{border-bottom:1px solid var(--line)}.dec h3{font:600 21px / 1.25 var(--d);letter-spacing:-.012em;margin:0}.dec p{max-width:34em;margin:0;font-size:17.5px}.pst{padding-block:0 clamp(48px,7vw,100px)}.pst dl{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(0,2.2fr);gap:clamp(24px,6vw,96px);margin:0;padding-top:28px;display:grid}.pst dt{font:600 clamp(24px, 2.6vw, 36px) / 1 var(--d);letter-spacing:-.02em}.pst dd{font:400 clamp(19px, 2vw, 26px) / 1.45 var(--s);margin:0}.nx{all:unset;box-sizing:border-box;cursor:pointer;border-top:1px solid var(--line);width:100%;padding-block:clamp(40px,6vw,80px);display:block}.nx:focus-visible{outline:2px solid var(--acc);outline-offset:3px}.nx small{font:500 15px var(--d);color:var(--mut);margin-bottom:8px;display:block}.nx span{font:700 clamp(40px, 9vw, 140px) / .95 var(--d);letter-spacing:-.04em;transition:transform .5s var(--ease);display:block}.nx:hover span{transform:translate(16px)}@media (width<=900px){.pv .cols,.dec .cols,.pst dl{grid-template-columns:minmax(0,1fr)}.dec li{grid-template-columns:minmax(0,1fr);gap:4px}.meta{grid-template-columns:repeat(2,minmax(0,1fr))}}
