@font-face{font-family:Host Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 800;src:url(/assets/host-grotesk-latin-ext-wght-normal-B8jkyusk.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:Host Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 800;src:url(/assets/host-grotesk-latin-wght-normal-CBa0fl4q.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:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-vietnamese-wdth-normal-rJmnGBSt.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:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-ext-wdth-normal-7khWdh9v.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:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-wdth-normal-DY7AcnAa.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{--paper:#fff;--ink:#0a0a0a;--grey:#e4e3dd;--dim:#6b6a64;--line:#0a0a0a2e;--text:"Host Grotesk Variable", "Helvetica Neue", Arial, sans-serif;--wide:"Archivo Variable", "Arial Black", sans-serif;--rail:26px;--pad:clamp(16px, 1.8vw, 28px);--gap:clamp(12px, 1.4vw, 20px);--ease:cubic-bezier(.7, 0, .2, 1);--ease-out:cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scrollbar-width:none}html::-webkit-scrollbar{display:none}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}body{background:var(--paper);color:var(--ink);font-family:var(--text);letter-spacing:-.01em;-webkit-font-smoothing:antialiased;caret-color:var(--ink);margin:0;font-size:15px;font-weight:420;line-height:1.4;overflow-x:clip}::selection{background:var(--ink);color:var(--paper)}h1,h2,h3,p,ol,ul{margin:0}ol,ul{padding:0;list-style:none}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.contact :focus-visible{outline-color:var(--paper)}[tabindex="-1"]:focus{outline:none}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{z-index:200;background:var(--ink);color:var(--paper);padding:10px 14px;position:fixed;top:10px;left:40px;transform:translateY(-200%)}.skip:focus-visible{transform:none}.is-booting main>:not(.hero),.is-booting .hero>:not(.wordmark),.is-booting .head{visibility:hidden}main,.head{padding-left:var(--rail)}.grid{column-gap:var(--gap);padding:0 var(--pad);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.u{transition:background-size .5s var(--ease);background:linear-gradient(currentColor,currentColor) 0 100%/100% 1px no-repeat}.u:hover{background-position:100% 100%;background-size:0 1px}.roll{vertical-align:top;height:1.25em;line-height:1.25;display:inline-block;overflow:hidden}.roll-in{transition:translate .55s var(--ease);flex-direction:column;display:flex}.roll:hover .roll-in,a:hover>.roll .roll-in,button:hover>.roll .roll-in,a:focus-visible .roll-in{translate:0 -50%}.btn{background:var(--ink);height:44px;color:var(--paper);white-space:nowrap;justify-content:center;align-items:center;padding:0 18px;font-size:14px;font-weight:500;transition:background-color .3s,color .3s;display:inline-flex}.btn-inv{background:var(--paper);color:var(--ink);height:56px;padding:0 26px;font-size:16px}.btn-line{color:var(--paper);background:0 0;border:1px solid #ffffff80;height:56px;padding:0 22px;font-size:16px}.btn-line:hover{background:var(--paper);color:var(--ink)}.rail{width:var(--rail);z-index:60;background:var(--paper);border-right:1px solid var(--ink);position:fixed;top:0;bottom:0;left:0;overflow:hidden}.rail-bars{flex-direction:column;display:flex;position:absolute;inset:0}.rail-bars i{width:100%;display:block}.rail-fill{mix-blend-mode:difference;transform-origin:50% 0;background:#fff;position:absolute;inset:0;transform:scaleY(0)}.head{z-index:50;padding-top:12px;padding-right:var(--pad);color:#fff;mix-blend-mode:difference;pointer-events:none;grid-template-columns:1fr auto 1fr;align-items:center;display:grid;position:fixed;inset:0 0 auto}.head>*{pointer-events:auto}.head-brand{margin-left:var(--pad);--hole:#000;align-items:center;gap:10px;font-size:14px;font-weight:500;display:inline-flex}.head-mark{width:18px;height:20px;transition:rotate .6s var(--ease-out)}.head-brand:hover .head-mark{rotate:-18deg}.head-nav{gap:22px;font-size:14px;display:flex}.head-cta{color:#000;background:#fff;justify-self:end;height:36px;font-size:13px}.hero{flex-direction:column;min-height:100svh;display:flex;position:relative}.wordmark{width:100%;height:clamp(120px,24vh,280px)}.wordmark svg,.finale svg{width:100%;height:100%;display:block}.wordmark rect,.finale rect{fill:currentColor;transform-box:fill-box;transform-origin:50% 0}.hero-meta{margin-top:18px;font-size:13px;line-height:1.35}.meta-a{grid-column:1/span 3}.meta-b{grid-column:4/span 3;max-width:34ch}.index{border-bottom:1px solid var(--line);grid-column:7/-1}.index a{border-top:1px solid var(--line);transition:background-color .2s, color .2s, padding .35s var(--ease-out);grid-template-columns:44px 1fr auto;gap:12px;padding:8px 8px 8px 0;display:grid}.index a:hover{background:var(--ink);color:var(--paper);padding-left:10px}.ix-p{font-variant-numeric:tabular-nums;color:var(--dim)}.index a:hover .ix-p{color:var(--paper)}.hero-foot{justify-content:space-between;align-items:flex-end;gap:var(--gap);padding:0 var(--pad) calc(var(--pad) - .6vw);margin-top:auto;display:flex}.big{letter-spacing:-.06em;white-space:nowrap;font-size:clamp(2.8rem,6.5vw,8rem);font-weight:400;line-height:.84}.big .line{display:inline-block}.big-r{text-align:right}.pointer{flex:none;align-self:center;width:clamp(64px,8vw,132px)}.pointer svg{width:100%;height:auto;fill:var(--ink);display:block}.hero-scroll{left:calc(var(--pad));bottom:calc(clamp(2.8rem, 6.5vw, 8rem) * .95 + var(--pad));color:var(--dim);font-size:12px;position:absolute}.shout{font-family:var(--wide);font-variation-settings:"wdth" 125;text-transform:uppercase;letter-spacing:-.035em;font-size:clamp(2.6rem,6.6vw,7.4rem);font-weight:900;line-height:.86}.shout sup{font-family:var(--text);font-variation-settings:normal;letter-spacing:0;vertical-align:2.6em;font-size:.24em;font-weight:400}.shout-sm{font-size:clamp(2rem,3.8vw,4.2rem)}.sec-head{align-items:end;padding-top:clamp(96px,16vh,180px);padding-bottom:40px}.sec-head .shout{grid-column:1/span 8}.sec-note{max-width:32ch;color:var(--dim);grid-column:10/-1;font-size:13px}.manifesto{height:420vh;position:relative}.manifesto-pin{border-top:8px solid var(--ink);height:100svh;position:sticky;top:0;overflow:hidden}.m-note{top:72px;right:var(--pad);border-top:1px solid var(--ink);width:min(360px,60vw);padding-top:10px;font-size:13px;line-height:1.35;position:absolute}.m-stage{left:var(--pad);right:var(--pad);position:absolute;bottom:18vh}.phrase{font-family:var(--wide);font-variation-settings:"wdth" 125;text-transform:uppercase;letter-spacing:-.04em;white-space:nowrap;font-size:clamp(2.4rem,7.2vw,9rem);font-weight:900;line-height:.86;position:absolute;bottom:0;left:0}.phrase .w{display:inline-block}.phrase .sq{background:var(--ink);vertical-align:-.02em;width:.74em;height:.74em;margin:0 .12em;display:inline-block}.phrase-last .sq{margin-left:0}.m-count{right:var(--pad);letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:clamp(1.6rem,3vw,3rem);position:absolute;bottom:24px}.process{height:460vh;position:relative}.process-pin{column-gap:var(--gap);height:100svh;padding:80px var(--pad) 32px;border-top:8px solid var(--ink);background:var(--grey);grid-template-columns:repeat(12,minmax(0,1fr));display:grid;position:sticky;top:0}.p-side{flex-direction:column;grid-column:1/span 4;justify-content:space-between;display:flex}.steps{border-bottom:1px solid var(--ink)}.step{border-top:1px solid var(--ink);opacity:.32;grid-template-columns:40px 1fr;column-gap:12px;padding:12px 0;transition:opacity .4s;display:grid}.step.is-on{opacity:1}.st-n{font-size:13px}.st-t{letter-spacing:-.03em;font-size:clamp(1.2rem,1.8vw,1.7rem);font-weight:500;line-height:1.1}.st-d{grid-column:2;max-width:34ch;margin-top:6px;font-size:13px;display:none}.step.is-on .st-d{display:block}.frame{background:var(--paper);border:2px solid var(--ink);flex-direction:column;grid-column:5/-1;align-self:center;height:min(76vh,46vw);display:flex;overflow:hidden}.f-bar{border-bottom:2px solid var(--ink);align-items:center;gap:14px;height:36px;padding:0 12px;font-size:12px;display:flex}.f-dots{gap:5px;display:flex}.f-dots i{border:1.5px solid var(--ink);width:9px;height:9px}.f-url{color:var(--dim);flex:1}.f-live{background:var(--ink);color:var(--paper);align-items:center;gap:6px;padding:3px 8px;font-weight:500;display:inline-flex}.f-live i{background:var(--paper);width:6px;height:6px;animation:1s step-end infinite blink}@keyframes blink{50%{opacity:0}}.f-body{--fx:6%;flex:1;position:relative}.f-cols{inset:0 var(--fx);grid-template-columns:repeat(12,1fr);gap:1.6%;display:grid;position:absolute}.f-cols span{transform-origin:50% 0;background:#0a0a0a12;border-inline:1px solid #0a0a0a2e}.f-spec{left:var(--fx);color:var(--dim);gap:16px;font-size:11px;display:flex;position:absolute;bottom:12px}.f-nav{left:var(--fx);right:var(--fx);align-items:center;gap:3%;display:flex;position:absolute;top:6%}.f-nav b{background:var(--ink);width:12%;height:12px;margin-right:auto}.f-nav i{background:var(--ink);width:7%;height:6px}.f-h1{left:var(--fx);font-family:var(--wide);font-variation-settings:"wdth" 125;text-transform:uppercase;letter-spacing:-.03em;font-size:clamp(1.4rem,3.4vw,3.6rem);font-weight:900;line-height:.88;position:absolute;top:22%}.f-lines{left:var(--fx);gap:8px;width:36%;display:grid;position:absolute;top:52%}.f-lines i{background:var(--ink);opacity:.35;height:6px}.f-lines i:last-child{width:70%}.f-btn{left:var(--fx);background:var(--ink);color:var(--paper);padding:10px 16px;font-size:13px;font-weight:500;position:absolute;top:68%}.f-img{right:var(--fx);background:var(--grey);color:#0a0a0a59;width:38%;height:58%;position:absolute;top:22%}.f-img svg{width:100%;height:100%;display:block}.f-star{right:calc(var(--fx) + 30%);width:11%;position:absolute;top:16%}.f-star svg,.f-cursor svg{width:100%;height:auto;display:block}.f-cursor{width:5%;stroke:var(--paper);stroke-width:6px;paint-order:stroke;position:absolute;top:80%;left:60%}.svc-grid{margin:0 var(--pad);border-top:2px solid var(--ink);border-left:2px solid var(--ink);grid-template-columns:repeat(3,1fr);display:grid}.svc{border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);flex-direction:column;min-height:clamp(300px,34vw,440px);padding:28px;transition:background-color .25s,color .25s;display:flex;position:relative}.svc-icon{aspect-ratio:1;fill:currentColor;width:clamp(76px,8vw,116px);height:auto;overflow:visible}.svc-n{font-size:13px;position:absolute;top:28px;right:28px}.svc h3{font-family:var(--wide);font-variation-settings:"wdth" 125;text-transform:uppercase;letter-spacing:-.03em;margin-top:auto;font-size:clamp(1.4rem,2.2vw,2.2rem);font-weight:900;line-height:.92}.svc p{max-width:34ch;margin-top:12px;font-size:14px}.svc:hover{background:var(--ink);color:var(--paper)}.projects{column-gap:var(--gap);padding:0 var(--pad);grid-template-columns:repeat(12,minmax(0,1fr));row-gap:clamp(64px,10vw,140px);display:grid}.proj{grid-template-columns:1fr;align-content:start;display:grid}.proj-1{grid-column:1/span 8}.proj-2{grid-column:8/-1;margin-top:30vh}.proj-3{grid-column:1/span 5}.proj-4{grid-column:5/span 7;margin-top:18vh}.proj-5{grid-column:2/span 6}.p-bar{background:var(--ink);transform-origin:0;height:8px}.p-meta{grid-template-columns:32px 1fr auto;gap:4px 12px;padding:10px 0 14px;font-size:12px;display:grid}.p-meta h3{letter-spacing:-.01em;font-size:13px;font-weight:600}.p-meta>span:nth-child(3){color:var(--dim);grid-area:2/2}.p-meta>span:nth-child(4){grid-area:1/3;justify-self:end}.p-tag{border:1px solid var(--ink);grid-area:2/3;justify-self:end;align-items:center;gap:6px;padding:1px 7px;font-size:11px;font-weight:500;display:inline-flex}.p-live{background:var(--ink);color:var(--paper)}.p-live i{background:var(--paper);width:6px;height:6px;animation:1s step-end infinite blink}.p-img{aspect-ratio:16/10;background:var(--grey);display:block;position:relative;overflow:hidden}.p-img img{object-fit:cover;object-position:top;filter:grayscale()contrast(1.06);width:100%;height:116%;transition:filter .6s var(--ease);position:absolute;inset:-8% 0}.p-img:hover img{filter:grayscale(0)contrast()}.p-desc{max-width:52ch;margin-top:14px;font-size:14px}.contact{background:var(--ink);color:var(--paper);margin-top:clamp(120px,18vh,220px);padding-top:clamp(80px,14vh,160px)}.c-top{align-items:end}.shout-inv{grid-column:1/span 7}.c-side{grid-column:8/-1;gap:22px;font-size:15px;display:grid}.c-side p{color:#ffffffb8;max-width:36ch}.c-mail{letter-spacing:-.05em;font-size:clamp(1.9rem,3.6vw,3.6rem);font-weight:400}.c-mail .roll{height:1.1em;line-height:1.1}.c-actions{flex-wrap:wrap;gap:10px;display:flex}.finale{height:clamp(160px,38vh,420px);color:var(--paper);margin-top:clamp(80px,14vh,160px)}.finale rect{transform-origin:50% 100%}.foot{padding:16px var(--pad) 18px;border-top:1px solid #ffffff40;flex-wrap:wrap;justify-content:space-between;gap:10px 24px;margin-top:1px;font-size:12px;display:flex}.cursor{display:none}.has-cursor .cursor{display:block}.has-cursor,.has-cursor *{cursor:none!important}.cursor{z-index:300;pointer-events:none;position:fixed;top:0;left:0}.cursor-arrow{width:26px;height:26px;fill:var(--ink);stroke:var(--paper);stroke-width:7px;paint-order:stroke;transform-origin:14% 6%;transition:scale .3s var(--ease-out);position:absolute;top:-2px;left:-3px}.cursor.is-link .cursor-arrow{scale:1.35}.cursor-label{background:var(--ink);color:var(--paper);white-space:nowrap;opacity:0;transition:opacity .2s, translate .35s var(--ease-out);outline:1px solid var(--paper);padding:6px 10px;font-size:12px;font-weight:500;position:absolute;top:20px;left:22px;translate:-6px}.cursor.is-label .cursor-label{opacity:1;translate:0}@media (width<=900px){:root{--rail:0px}.rail,.head-nav{display:none}.head{grid-template-columns:1fr auto}.meta-a{grid-column:1/span 6}.meta-b{grid-column:7/-1}.index{grid-column:1/-1;margin-top:20px}.hero-foot{flex-wrap:wrap}.big{font-size:15vw}.big-r{flex-basis:100%}.pointer{right:var(--pad);bottom:calc(15vw * 1.9 + var(--pad));width:16vw;position:absolute}.hero-scroll{display:none}.m-note{left:var(--pad);width:auto}.phrase{white-space:normal;font-size:11vw;right:0}.process{height:380vh}.process-pin{grid-template-rows:auto 1fr;row-gap:16px;padding-top:64px}.p-side,.frame{grid-column:1/-1}.p-side{gap:12px}.step{display:none}.step.is-on{display:grid}.frame{height:52vh}.f-h1{font-size:6vw}.sec-head .shout,.sec-note{grid-column:1/-1}.sec-note{margin-top:14px}.svc-grid{grid-template-columns:1fr 1fr}.svc{min-height:260px;padding:18px}.svc-n{top:18px;right:18px}.proj-1,.proj-2,.proj-3,.proj-4,.proj-5{grid-column:1/-1;margin-top:0}.shout-inv,.c-side{grid-column:1/-1}.c-side{margin-top:32px}}@media (width<=520px){.svc-grid{grid-template-columns:1fr}.svc{min-height:220px}.meta-a,.meta-b{grid-column:1/-1}.meta-b{margin-top:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}