@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-vietnamese-wght-normal-D0rl6rjA.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:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-ext-wght-normal-D9tNdqV9.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:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-wght-normal-BhU9QXUp.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:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/jetbrains-mono-cyrillic-ext-400-normal-C_uLvvQ5.woff2)format("woff2"),url(/assets/jetbrains-mono-cyrillic-ext-400-normal-Bh0R7Dhr.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/jetbrains-mono-cyrillic-400-normal-BEIGL1Tu.woff2)format("woff2"),url(/assets/jetbrains-mono-cyrillic-400-normal-ugxPyKxw.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/jetbrains-mono-greek-400-normal-C190GLew.woff2)format("woff2"),url(/assets/jetbrains-mono-greek-400-normal-B9oWc5Lo.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/jetbrains-mono-vietnamese-400-normal-ByoDsISC.woff2)format("woff2"),url(/assets/jetbrains-mono-vietnamese-400-normal-CqNFfHCs.woff)format("woff");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:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/jetbrains-mono-latin-ext-400-normal-Bc8Ftmh3.woff2)format("woff2"),url(/assets/jetbrains-mono-latin-ext-400-normal-fXTG6kC5.woff)format("woff");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:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/jetbrains-mono-latin-400-normal-V6pRDFza.woff2)format("woff2"),url(/assets/jetbrains-mono-latin-400-normal-6-qcROiO.woff)format("woff");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{--night:#05070c;--glow:#0f2a3a;--surface:#0a1219;--signal:#2de2c4;--text:#e6f1f7;--muted:#8aa3b0;--signal-soft:color-mix(in srgb, var(--signal) 25%, transparent);--hairline:color-mix(in srgb, var(--muted) 22%, transparent);--font-sans:"Space Grotesk Variable", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--step--1:.875rem;--step-0:1.125rem;--step-1:1.5rem;--step-2:2rem;--step-3:clamp(2.25rem, 1.6rem + 2.6vw, 3.5rem);--step-4:clamp(2.5rem, 1.4rem + 4.4vw, 4.75rem);--gutter:16px;--measure:68ch;--page:1200px}@media (width>=768px){:root{--gutter:40px}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--night);color:var(--text);font-family:var(--font-sans);font-size:var(--step-0);margin:0;line-height:1.55;overflow-x:clip}img{max-width:100%;height:auto;display:block}a{color:inherit}:focus-visible{outline:2px solid var(--signal);outline-offset:3px}h1,h2,h3{letter-spacing:-.02em;margin:0;font-weight:650;line-height:1.08}p{max-width:var(--measure);margin:0}.wrap{width:100%;max-width:calc(var(--page) + 2 * var(--gutter));padding-inline:var(--gutter);margin-inline:auto}.site-header{z-index:5;padding-block:20px;position:absolute;inset:0 0 auto}.site-header .wrap{justify-content:space-between;align-items:center;display:flex}.brand{letter-spacing:-.01em;font-weight:650;text-decoration:none}.brand-domain{font-family:var(--font-mono);font-size:var(--step--1);color:var(--muted)}.site-footer{border-top:1px solid var(--hairline);color:var(--muted);font-size:var(--step--1);padding-block:32px 40px}.hero{background:radial-gradient(ellipse 70% 60% at 72% 36%, var(--glow), transparent 70%), var(--night);isolation:isolate;min-height:max(100svh,720px);display:flex;position:relative;overflow:clip}@media (width>=768px){.hero{min-height:max(100svh,640px)}}.network{z-index:4;pointer-events:none;position:absolute;inset:0}.network canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.hotspots{position:absolute;inset:0}.hero-copy{z-index:3;pointer-events:none;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:20px;padding-block:300px 44px;display:flex;position:relative}.hero-copy>*{pointer-events:auto}@media (width>=768px){.hero-copy{padding-block:120px 88px}}.status{font-family:var(--font-mono);font-size:var(--step--1);color:var(--signal);align-items:center;gap:10px;display:inline-flex}.status-dot{background:var(--signal);width:8px;height:8px;box-shadow:0 0 0 0 var(--signal-soft);border-radius:50%;animation:2.4s ease-out infinite status}@keyframes status{0%{box-shadow:0 0 0 0 var(--signal-soft)}70%,to{box-shadow:0 0 0 10px #0000}}.hero h1{font-size:var(--step-4);text-wrap:balance;max-width:15ch;font-weight:640}@media (width>=768px){.hero h1{max-width:min(14ch,50vw)}}.lede{color:var(--muted);max-width:36ch;font-size:var(--step-0)}.button{background:var(--signal);min-height:48px;color:var(--night);border-radius:8px;align-self:flex-start;align-items:center;padding:12px 24px;font-weight:650;text-decoration:none;transition:box-shadow .16s;display:inline-flex}.button:hover{box-shadow:0 0 0 5px var(--signal-soft), 0 0 32px var(--signal-soft)}@media (prefers-reduced-motion:reduce){.status-dot{animation:none}.button{transition:none}}.hotspot{z-index:2;pointer-events:auto;-webkit-tap-highlight-color:transparent;border-radius:50%;width:44px;height:44px;margin:-22px 0 0 -22px;text-decoration:none;position:absolute}.hotspot:focus-visible{outline:2px solid var(--signal);outline-offset:0}.hotspot-dot{position:absolute;inset:0}.hotspot-label{border:1px solid var(--signal-soft);background:color-mix(in srgb, var(--night) 82%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);width:max-content;max-width:min(240px,60vw);font-size:var(--step--1);opacity:0;pointer-events:none;border-radius:6px;padding:8px 12px;line-height:1.35;transition:opacity .16s,transform .16s;position:absolute;top:50%;left:calc(100% + 4px);transform:translateY(-50%)}.hotspot[data-side=left] .hotspot-label{left:auto;right:calc(100% + 4px)}.hotspot[data-side=below] .hotspot-label{top:calc(100% + 4px);left:50%;transform:translate(-50%)}.hotspot-label strong{color:var(--text);font-weight:600;display:block}.hotspot-label span{color:var(--muted)}.hotspot:hover .hotspot-label,.hotspot:focus-visible .hotspot-label,.hotspot[data-open] .hotspot-label{opacity:1}@media (prefers-reduced-motion:reduce){.hotspot-label{transition:none}}.section{border-top:1px solid var(--hairline);padding-block:96px}@media (width>=768px){.section{padding-block:136px}}.section h2{font-size:var(--step-3);max-width:18ch;margin-bottom:48px}.legend{gap:48px;margin:0;padding:0;list-style:none;display:grid;position:relative}.legend:before{content:"";background:linear-gradient(var(--signal-soft), var(--signal-soft)) no-repeat;width:1px;position:absolute;top:12px;bottom:12px;left:7px}.legend-item{gap:12px;padding-left:44px;display:grid;position:relative}.legend-item:before{content:"";border:1.5px solid var(--signal);background:radial-gradient(circle, var(--signal) 0 3px, var(--night) 3.5px);width:15px;height:15px;box-shadow:0 0 18px var(--signal-soft);border-radius:50%;position:absolute;top:8px;left:0}.legend-item h3{font-size:var(--step-2)}.legend-item p{color:var(--muted)}@media (width>=1024px){.legend-item{grid-template-columns:300px 1fr;align-items:start;column-gap:48px}.legend-item p,.legend-item .tags{grid-column:2}.legend-item h3{grid-row:span 2}}.tags{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.tags li{font-family:var(--font-mono);font-size:var(--step--1);color:var(--signal);border:1px solid var(--signal-soft);border-radius:4px;padding:4px 10px}.project{padding-block:32px}.steps{counter-reset:step;gap:40px;margin:0;padding:0;list-style:none;display:grid}@media (width>=900px){.steps{grid-template-columns:repeat(3,1fr)}}.steps li{counter-increment:step;border-top:1px solid var(--signal-soft);gap:10px;padding-top:20px;display:grid}.steps li:before{content:counter(step);font-family:var(--font-mono);color:var(--signal);font-size:var(--step--1)}.steps h3{font-size:var(--step-1)}.steps p{color:var(--muted)}.about{max-width:var(--measure);font-size:var(--step-1);margin-top:64px;line-height:1.45}.contact h2{margin-bottom:20px}.contact p{color:var(--muted)}.contact-mail{letter-spacing:-.02em;color:var(--signal);border-bottom:2px solid var(--signal-soft);overflow-wrap:anywhere;margin-top:32px;font-size:clamp(1.6rem,.9rem + 3.6vw,3.75rem);font-weight:600;text-decoration:none;transition:border-color .16s;display:inline-block}.contact-mail:hover{border-color:var(--signal)}@media (prefers-reduced-motion:reduce){.contact-mail{transition:none}}.project{border-top:1px solid var(--hairline);gap:32px;padding-block:56px;display:grid}.project:first-of-type{border-top:0;padding-top:0}.project-text{align-content:center;gap:14px;display:grid}.project-text h3{font-size:var(--step-2)}.project-credit{font-family:var(--font-mono);font-size:var(--step--1);color:var(--signal)}.project-problem{color:var(--muted)}@media (width>=900px){.project{grid-template-columns:5fr 7fr;align-items:center;gap:64px;padding-block:88px}.project:nth-of-type(2n) .project-text{order:2}}.project-media{padding-bottom:12%;position:relative}.frame{background:var(--surface);margin:0;overflow:hidden}.frame img{width:100%}.frame-laptop{border:1px solid var(--hairline);box-shadow:0 30px 60px -30px var(--signal-soft);border-top-width:14px;border-radius:10px}.frame-second,.frame-phone{border:1px solid var(--hairline);box-shadow:0 24px 48px -16px var(--night);position:absolute;bottom:0;right:-4%}.frame-second{border-radius:8px;width:48%}.frame-phone{border:6px solid var(--surface);outline:1px solid var(--hairline);border-radius:22px;width:24%}@media (width<=899px){.frame-second,.frame-phone{right:0}}.frame-phone{right:22%}.frame-phone-uit{bottom:-6%;right:-4%}@media (width<=899px){.frame-phone{right:26%}.frame-phone-uit{right:0}}