@font-face{font-family:Anybody Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:50% 150%;src:url(/_astro/anybody-vietnamese-wdth-normal.9GtAklmW.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:Anybody Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:50% 150%;src:url(/_astro/anybody-latin-ext-wdth-normal.BaQ5u-C4.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:Anybody Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:50% 150%;src:url(/_astro/anybody-latin-wdth-normal.CHqbGEEr.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:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(data:font/woff2;base64,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)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:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/hanken-grotesk-vietnamese-wght-normal.CHiFlh_0.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:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/hanken-grotesk-latin-ext-wght-normal.Dg-wlmqe.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:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/hanken-grotesk-latin-wght-normal.CaVRRdDk.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:#f1f3f4;--ink:#0c0c0d;--ink-2:#464a4f;--line:#0c0c0d29;--accent:#00b8d9;--gutter:clamp(1rem, 4vw, 3rem);--ease:cubic-bezier(.16, 1, .3, 1);--display:"Anybody Variable", "Arial Narrow", sans-serif;--text:"Hanken Grotesk Variable", system-ui, sans-serif;color-scheme:light}:root[data-accent=magenta]{--accent:#ea1e7d}:root[data-accent=yellow]{--accent:#ffd400}*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--ink) var(--bg)}body{background:var(--bg);color:var(--ink);font:400 1.0625rem/1.55 var(--text);-webkit-font-smoothing:antialiased;overflow-x:clip}::selection{background:var(--accent);color:var(--ink)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--ink);border:3px solid var(--bg)}a{color:inherit;text-underline-offset:.25em;text-decoration-thickness:1px}:focus-visible{outline:2px solid var(--ink);outline-offset:3px;box-shadow:0 0 0 5px var(--accent)}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}:root[data-lang=es] [lang=en],:root[data-lang=en] [lang=es]{display:none}.skip{left:var(--gutter);z-index:20;background:var(--ink);color:var(--bg);padding:.6rem 1rem;position:absolute;top:-4rem}.skip:focus{top:.75rem}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.bar{z-index:10;padding:.9rem var(--gutter);transition:background-color .3s var(--ease), box-shadow .3s var(--ease);justify-content:space-between;align-items:center;display:flex;position:fixed;inset:0 0 auto}.bar.solid{background:var(--bg);box-shadow:0 1px 0 var(--ink)}.mark{font:800 1.1rem/1 var(--display);letter-spacing:0;font-stretch:130%;text-decoration:none}.controls{align-items:center;gap:1.25rem;display:flex}.swatches{gap:.5rem;display:flex}.sw{border:1px solid var(--ink);border-radius:50%;width:1.5rem;height:1.5rem;position:relative}.sw[data-accent=cyan]{background:#00b8d9}.sw[data-accent=magenta]{background:#ea1e7d}.sw[data-accent=yellow]{background:#ffd400}.sw[aria-pressed=true]:after{content:"";border:1px solid var(--ink);border-radius:50%;position:absolute;inset:-5px}.langs{font:700 .8125rem/1 var(--display);letter-spacing:.04em;gap:.15rem;font-stretch:110%;display:flex}.langs button{min-height:2.25rem;padding:.5rem .55rem}.langs button[aria-pressed=true]{background:var(--ink);color:var(--bg)}.swatches{padding:.5rem 0}.hero{min-height:max(100svh,640px);padding:6rem var(--gutter) var(--gutter);align-content:end;display:grid;position:relative;overflow:hidden}.field{width:100%;height:100%;display:block;position:absolute;inset:0}.field-color{-webkit-mask-image:radial-gradient(ellipse 34% 52% at var(--zx,70%) var(--zy,42%), #000 28%, transparent 78%);mask-image:radial-gradient(ellipse 34% 52% at var(--zx,70%) var(--zy,42%), #000 28%, transparent 78%)}.name{z-index:2;font:800 clamp(3.5rem, 15.2vw, 17rem)/.84 var(--display);letter-spacing:-.01em;pointer-events:none;gap:.02em;margin-bottom:clamp(1.5rem,4vh,3rem);display:grid;position:relative}.row{white-space:nowrap;margin-block:-.08em;padding-block:.08em;display:flex;overflow:hidden}.ch{font-variation-settings:"wdth" 72, "wght" 760;will-change:font-variation-settings;display:inline-block}.hero-foot{z-index:2;border-top:1px solid var(--ink);background:var(--bg);margin:0 calc(var(--gutter) * -1) calc(var(--gutter) * -1);padding:1.1rem var(--gutter) var(--gutter);flex-wrap:wrap;justify-content:space-between;align-items:end;gap:2rem;display:flex;position:relative}.role{text-wrap:balance;max-width:34ch;font-size:clamp(1.1rem,1.6vw,1.4rem);line-height:1.35}.actions{align-items:center;gap:1.5rem;display:flex}.btn{background:var(--ink);min-height:3rem;color:var(--bg);font:700 .95rem/1 var(--display);letter-spacing:.03em;isolation:isolate;transition:color .3s var(--ease);align-items:center;padding:0 1.5rem;font-stretch:110%;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";background:var(--accent);transition:transform .45s var(--ease);z-index:-1;position:absolute;inset:0;transform:translateY(101%)}.btn:hover,.btn:focus-visible{color:var(--ink)}.btn:hover:before,.btn:focus-visible:before{transform:translateY(0)}.link{font:700 .95rem/1 var(--display);letter-spacing:.03em;text-underline-offset:.4em;padding:.9rem 0;font-stretch:110%;text-decoration:underline 2px}.link:hover{text-decoration-color:var(--accent)}:root[data-accent=yellow] .link:hover,:root[data-accent=yellow] .term:hover{text-decoration-color:var(--ink)}section{padding:clamp(4rem, 12vh, 9rem) var(--gutter) 0}h2{font:800 clamp(2.75rem, 9vw, 8rem)/.9 var(--display);letter-spacing:-.01em;text-wrap:balance;margin-bottom:clamp(1.5rem,4vh,3rem);font-stretch:78%}.projects{border-bottom:1px solid var(--ink);padding:0;list-style:none}.project{border-top:1px solid var(--ink)}.project a,.row-static{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) 13rem 28px;align-items:center;gap:1.5rem;padding:clamp(1rem,2.4vh,1.6rem) 0;text-decoration:none;display:grid;position:relative;overflow:hidden}.p-title{font:800 clamp(1.7rem, 3.6vw, 3rem)/1 var(--display);font-variation-settings:"wdth" 64, "wght" 760;transition:font-variation-settings .9s var(--ease);z-index:1;overflow-wrap:anywhere;position:relative}.p-desc{color:var(--ink-2);z-index:1;max-width:40ch;position:relative}.p-tags{font:600 .8125rem/1.2 var(--display);letter-spacing:.05em;text-transform:uppercase;z-index:1;text-align:right;font-stretch:105%;position:relative}.p-arrow{z-index:1;transition:transform .5s var(--ease);position:relative}.p-motif{opacity:0;pointer-events:none;background:repeating-linear-gradient(90deg, var(--accent) 0 3px, transparent 3px 7px), repeating-linear-gradient(90deg, var(--ink) 0 1px, transparent 1px 7px);width:38%;transition:opacity .4s var(--ease);background-size:14px 100%,7px 100%;position:absolute;inset:0 0 0 auto;-webkit-mask-image:linear-gradient(90deg,#0000,#000 40%);mask-image:linear-gradient(90deg,#0000,#000 40%)}.project a:hover .p-title,.project a:focus-visible .p-title{font-variation-settings:"wdth" 84, "wght" 760}.project a:hover .p-motif,.project a:focus-visible .p-motif{opacity:.45;animation:4s linear infinite drift}.project a:hover .p-arrow,.project a:focus-visible .p-arrow{transform:translate(4px,-4px)}@keyframes drift{to{background-position:14px 0,7px 0}}.more{margin-top:1rem}.groups{border-top:1px solid var(--ink);display:grid}.group{border-bottom:1px solid var(--line);grid-template-columns:minmax(7rem,14rem) 1fr;align-items:baseline;gap:1.5rem;padding:1.25rem 0;display:grid}.group dt{font:700 .8125rem/1.2 var(--display);letter-spacing:.06em;text-transform:uppercase;font-stretch:105%}.group dd{flex-wrap:wrap;gap:.2em 1.4rem;display:flex}.term{font:800 clamp(1.5rem, 3.4vw, 2.75rem)/1.1 var(--display);font-variation-settings:"wdth" 70, "wght" 700;transition:font-variation-settings .5s var(--ease);cursor:default}.term:hover{font-variation-settings:"wdth" 88, "wght" 700;text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:.12em;text-decoration-thickness:.12em}.close{padding-bottom:0;overflow:hidden}.big{margin-bottom:1.5rem;font-size:clamp(3.5rem,15vw,14rem);font-stretch:70%;line-height:.85}.close-p{max-width:44ch;margin-bottom:1.5rem;font-size:clamp(1.1rem,1.6vw,1.4rem)}.close .btn{min-height:3.5rem;font-size:1.05rem}.strip{width:calc(100% + var(--gutter) * 2);margin:clamp(2.5rem, 8vh, 5rem) calc(var(--gutter) * -1) 0;height:clamp(5rem,14vh,9rem);display:block;position:relative}.strip canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.strip-color{-webkit-mask-image:radial-gradient(ellipse 30% 70% at var(--zx,50%) 50%, #000 25%, transparent 80%);mask-image:radial-gradient(ellipse 30% 70% at var(--zx,50%) 50%, #000 25%, transparent 80%)}.foot{padding:1.25rem var(--gutter);border-top:1px solid var(--ink);color:var(--ink-2);flex-wrap:wrap;justify-content:space-between;gap:.5rem 2rem;font-size:.875rem;display:flex}.foot span[lang]{margin-right:auto}@media (prefers-reduced-motion:no-preference){.js .rev{opacity:0;clip-path:inset(0 0 100%);transition:opacity .8s var(--ease), transform .8s var(--ease), clip-path .9s var(--ease);transform:translateY(18px)}.js .rev.in{opacity:1;clip-path:none;transform:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.p-motif,.btn:before,.p-title,.term{transition:none;animation:none!important}}@media (width<=760px){.project a{grid-template-columns:1fr auto;row-gap:.4rem}.p-desc{grid-area:2/1/auto/-1}.p-tags{text-align:left;grid-area:3/1}.project a{grid-template-columns:1fr 28px}.p-arrow{grid-area:1/2}.p-motif{width:60%}.group{grid-template-columns:1fr;gap:.5rem}.hero-foot{align-items:start}}
