@font-face{font-family:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./hanken-grotesk-cyrillic-ext-wght-normal-D_UHSL_T.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:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./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(./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(./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}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./fraunces-vietnamese-wght-normal-CnvboYUG.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:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./fraunces-latin-ext-wght-normal-Ca2vKHc0.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:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./fraunces-latin-wght-normal-ukD16Tqj.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:#e0dee1;--ink:#181818;--lilac:#c2a1c7;--ease:cubic-bezier(.38, .005, .215, 1);--m:2.2222vw;--gap:1.3889vw}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{color:var(--ink);background:#161414;min-height:100vh;font-family:Hanken Grotesk Variable,system-ui,sans-serif;font-size:14px;line-height:1.4;overflow-x:hidden}a{color:inherit;text-decoration:none}ul{list-style:none}img{object-fit:cover;width:100%;height:100%;display:block}#stage{z-index:1;background:#161414;border-radius:28px;transition:opacity .5s;position:fixed;inset:14px;overflow:hidden}#stage.off{opacity:0;pointer-events:none}#gl{width:100%;height:100%;display:block;position:absolute;inset:0}#frame{pointer-events:none;border:1px solid #ffffff73;position:absolute;inset:28px}#top{z-index:10;pointer-events:none;text-transform:uppercase;justify-content:space-between;align-items:flex-start;padding:27px 33px;font-size:16px;display:flex;position:fixed;inset:0 0 auto}#top>*{pointer-events:auto}#top .tag{letter-spacing:-.01em;white-space:nowrap;font-family:Fraunces Variable,serif;font-size:12px;font-weight:400;position:absolute;top:34px;left:50%;transform:translate(-50%)}.star{font-size:11px}#top.dark{color:#fff}body[data-route=project] #top .tag{display:none}#nav{z-index:10;text-transform:uppercase;color:var(--ink);flex-direction:column;font-size:11px;line-height:15px;transition:color .5s;display:flex;position:fixed;bottom:28px;left:32px}body[data-route=home] #nav,body[data-route=project] #nav{color:#fff}#nav a{margin-left:-14px;padding-left:14px;position:relative}#nav a.on{margin-left:0}#nav a.on:before{content:"";background:var(--lilac);border-radius:50%;width:5px;height:5px;position:absolute;top:5px;left:1px}#nav a:not(.on){margin-left:0;padding-left:0}#nav a:hover{opacity:.6}.titlebar{display:none}.hero{z-index:5;color:#fff;text-transform:uppercase;pointer-events:none;position:fixed;inset:0}.hero>*{position:absolute;top:50%;transform:translateY(-50%)}.hero span,.hero p,.hero h2{height:1.3em;font-weight:400;line-height:1.3;display:block;overflow:hidden}.ln{display:block}.h-n{font-size:11px;left:32px}.h-year{font-size:11px;right:32px}.h-client{letter-spacing:-.02em;font-size:20px;left:10.3vw}.h-title{letter-spacing:-.02em;font-size:20px;right:10.3vw}.discover{letter-spacing:.08em;color:var(--lilac);pointer-events:auto;align-items:center;gap:.6em;font-size:11px;display:flex;top:61%;left:50%;transform:translate(-50%,-50%)}.discover i{background:var(--lilac);border-radius:50%;width:5px;height:5px}#view{z-index:3;position:relative}body:not([data-route=home]) #view{padding-top:160px}body[data-route=project] #view{padding-top:0}#pre{z-index:100;color:#fff;letter-spacing:-.05em;background:#161414;place-items:end start;padding:24px;font-size:18vw;font-weight:300;line-height:.8;display:grid;position:fixed;inset:0}.big{text-transform:uppercase;letter-spacing:-.02em;max-width:38vw;font-size:3.4vw;font-weight:300;line-height:1.2}.w{vertical-align:top;display:inline-block;overflow:hidden}.w>span{display:inline-block}h3{text-transform:uppercase;letter-spacing:-.01em;margin-bottom:1.4em;font-size:13px;font-weight:500}p{opacity:.85;letter-spacing:-.02em;font-size:13px;line-height:1.3}.ph{aspect-ratio:3/4;background:#cdc3cf;border-radius:22px;overflow:hidden}.ph img{background:#cdc3cf}.works{margin-top:-60px;padding:0 10.3vw 120px}.list{column-gap:var(--gap);grid-template-columns:repeat(5,1fr);display:grid}.list li{height:200px;transition:color .5s var(--ease), border-color .5s var(--ease);border-top:1px solid;padding-top:38px}.list li:nth-child(-n+5){margin-top:0}.it{text-transform:uppercase;align-content:start;gap:12px;display:grid}.it .y{font-size:10px}.it .t{font-size:16px;line-height:1.2}.it .c{font-size:12px}.list.dim li{color:#ffffff4d;border-color:#ffffff4d}.list.dim li:has(.hot){color:#fff;border-color:#0000;position:relative}.list.dim li:has(.hot):before{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='8'%3E%3Cpath d='M0 4 L4 1 L8 7 L12 1 L16 4' fill='none' stroke='white' stroke-width='1.2'/%3E%3C/svg%3E") repeat-x;height:8px;position:absolute;top:-4px;left:0;right:0}#hover-bg{z-index:2;opacity:0;pointer-events:none;background:#161414;border-radius:28px;position:fixed;inset:14px;overflow:hidden}#hover-bg>div{position:absolute;inset:0}#hover-bg:after{content:"";z-index:2;border:1px solid #ffffff73;position:absolute;inset:28px}#hover-bg>div:after{content:"";background:#0a0a0a6b;position:absolute;inset:0}body[data-route=works] #view{z-index:6}.split{column-gap:var(--gap);grid-template-columns:repeat(12,1fr);align-items:start;padding:0 10.3vw 140px;display:grid}.split.info .txt{grid-column:1/8}.split.info .portrait{grid-column:8/13;justify-self:end;width:30.97vw}.split.contact .portrait{grid-column:1/5}.split.contact .txt{grid-column:6/13}.portrait{aspect-ratio:446/653}.two{gap:var(--gap);grid-template-columns:1.4fr 1fr;max-width:42vw;margin-top:40px;display:grid}.two p{margin-bottom:2.2em}.svc li{opacity:.85;font-size:13px;line-height:23px}.row3{gap:4.2vw;margin-top:120px;display:flex}.row3>div{flex-direction:column;gap:14px;font-size:13px;display:flex}.row3 h3{-webkit-text-decoration:underline wavy var(--lilac) 1px;text-decoration:underline wavy var(--lilac) 1px;text-underline-offset:6px;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;margin-bottom:18px}.row3 a:hover{opacity:.6}.contact .chat{margin-top:70px;margin-bottom:1em}.contact .lead{max-width:40ch;font-size:14px}.contact .row3{margin-top:250px}.p-hero{color:#fff;background:#1b1b22;height:100vh;min-height:560px;position:relative}.p-hero img{position:absolute;inset:0}.p-head{text-transform:uppercase;flex-direction:column;align-items:center;font-size:11px;line-height:15px;display:flex;position:absolute;top:34px;left:50%;transform:translate(-50%)}.p-meta{gap:11vw;display:flex;position:absolute;bottom:34px;left:32.4vw}.p-meta h4{opacity:.6;text-transform:uppercase;margin-bottom:30px;font-size:11px;font-weight:400}.p-meta p{opacity:1;max-width:24ch;font-size:13px}.sb{align-items:center;height:100vh;display:flex;overflow:hidden}.sb-row{will-change:transform;gap:4vw;padding-left:3vw;display:flex}.sheet{aspect-ratio:16/9;background:#f2f0f0;flex:0 0 70vw;box-shadow:0 6px 14px #0000002e}.p-body{column-gap:var(--gap);grid-template-columns:repeat(12,1fr);padding:18vh 10.3vw 12vh;display:grid}.lead2{text-transform:uppercase;opacity:1;letter-spacing:-.02em;grid-column:1/6;align-self:end;font-size:20px;line-height:1.25}.p-body .wide{aspect-ratio:16/9;border-radius:22px;grid-column:6/13;margin-top:20vh}.p-body .lead2{margin-top:20vh}.next{text-transform:uppercase;justify-items:center;gap:8px;padding:14vh 0 22vh;display:grid}.next span{opacity:.6;font-size:11px}.next strong{letter-spacing:-.03em;font-size:6vw;font-weight:400;line-height:1;transition:opacity .3s}.next em{font-size:12px;font-style:normal}.next:hover strong{opacity:.5}@media (width<=1023px){.works,.split,.p-body{padding-left:6vw;padding-right:6vw}.list{grid-template-columns:repeat(3,1fr)}.big{max-width:none;font-size:5vw}.two{max-width:none}.h-client{left:12vw}.h-title{right:12vw}}@media (width<=767px){body:not([data-route=home]) #view{padding-top:110px}#top{padding:14px 20px;font-size:14px}#top .logo.l:after,#top .logo.r:before{content:"";opacity:.9;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='8'%3E%3Cpath d='M0 4 L4 1 L8 7 L12 1 L16 4' fill='none' stroke='%23c2a1c7' stroke-width='1.6'/%3E%3C/svg%3E") 0 0/16px 8px repeat-x;width:52px;height:8px;margin:0 4px;display:inline-block;transform:scaleY(.6)}#top .logo.r:before{margin-left:0}#top .tag{display:none}#top{flex-direction:column;gap:0;width:60%}#top .logo.r{margin-top:-2px}#nav{text-align:right;align-items:flex-end;gap:10px;font-size:11px;inset:20px 16px auto auto}#nav a,#nav a:not(.on){margin-left:0;padding-left:0}#nav a[data-r=home]{display:none}#nav a.on{position:relative}#nav a.on:before{top:5px;left:-14px}#stage{border-radius:22px;inset:6px}#frame{inset:14px}.hero>*{top:50%}.h-n{left:24px}.h-year{right:24px}.h-client{font-size:12px;top:calc(50% + 30px);left:84px;right:84px}.h-title{font-size:20px;top:50%;left:84px;right:auto}.discover{top:auto;bottom:14%}.works,.split,.p-body{padding-left:20px;padding-right:20px}.works{margin-top:0}.list{grid-template-columns:1fr}.list li{height:92px;padding-top:24px}.it{grid-template-columns:auto 1fr;grid-template-areas:"t t""y c";gap:10px 16px}.it .t{grid-area:t;font-size:18px}.it .y{grid-area:y;font-size:12px}.it .c{grid-area:c}.split{padding-bottom:120px;display:block}.split .portrait{margin-top:48px;margin-bottom:48px}.big{font-size:38px;line-height:1.1}.two{grid-template-columns:1fr;margin-top:48px}.row3{flex-wrap:wrap;gap:28px 40px;margin-top:64px}.contact .row3{margin-top:64px}.p-meta{gap:40px;bottom:90px;left:20px}.p-hero{height:100svh}.sheet{flex-basis:84vw}.p-body{display:block}.p-body .wide{margin-top:48px}.p-body .lead2{margin-top:0}.next strong{text-align:center;padding:0 20px;font-size:11vw}}@media (prefers-reduced-motion:reduce){*{transition-duration:0s!important}}:is(body:has(.list.dim) #top,body:has(.list.dim) #nav){color:#fff}