@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-B2xhLi22.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-CMZtQduZ.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-CGAr0uHJ.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CaVNZxsx.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-CFHvXkgd.woff2) format("woff2-variations");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-C2S99t-D.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink: #152b38;--ivory: #e9e3d8;--amber: #f18e4b;--muted: #7b858a;--body: #3d4e58;--line: rgba(21, 43, 56, .14);--surface: #dfd8ca;--bg: var(--ivory);--fg: var(--ink);--unit: 2.4rem;--col: 12.2rem;--ease: cubic-bezier(.215, .61, .355, 1);font-size:10px}@media screen and (min-width: 1366px),screen and (min-width: 1100px) and (pointer: fine){:root{font-size:clamp(7.2px,calc(100vw / 172.8),11px)}}@media screen and (max-width: 767px){:root{--unit: 1.6rem}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--fg)}body{font-family:Inter Variable,Inter,system-ui,sans-serif;font-size:1.7rem;font-weight:500;letter-spacing:-.01rem;line-height:120%;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:color .8s var(--ease)}@media screen and (max-width: 767px){body{font-size:1.5rem}}@media screen and (min-width: 1366px),screen and (min-width: 1100px) and (pointer: fine){html:not(.no-webgl):not(.is-page),html:not(.no-webgl):not(.is-page) body{overflow:hidden;height:100%}}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}p,h1,h2,h3,dl,dd,figure,ol,ul{margin:0}body:focus,.page-content:focus,.case-inner:focus{outline:none}:focus-visible{outline:2px solid var(--amber);outline-offset:3px}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.skip-link{position:absolute;left:-999px;top:0;z-index:9999;padding:.8rem 1.6rem;background:var(--ivory);color:var(--ink);font-size:1.6rem;border-radius:.4rem;text-decoration:underline}.skip-link:focus{left:1rem;top:1rem}.canvas{top:0;left:0;width:100%;height:100%;position:fixed;pointer-events:none;touch-action:none;z-index:0}html.is-page .canvas{visibility:hidden}.is-label{color:var(--muted);transition:color .4s var(--ease)}.line{display:block;position:relative;overflow:hidden;text-align:start;padding-bottom:.08em;margin-bottom:-.08em}.line-inner{display:block;will-change:transform}.link{display:inline-block;position:relative}.underline{display:block;width:100%;height:2px;position:absolute;left:0;bottom:-1px;background:var(--amber);transform:scaleX(0);transform-origin:right;transition:transform .5s var(--ease)}.link:hover .underline,.link:focus-visible .underline{transform:scaleX(1);transform-origin:left}.chrome{position:relative;z-index:5}.nav{position:fixed;z-index:5;font-size:1.5rem;line-height:120%}.nav{display:flex;top:var(--unit);right:var(--unit)}.nav .nav-comma{margin-right:.5rem}.nav .nav-link{font-size:1.5rem}.nav-contact{position:relative}.copied{position:absolute;right:0;bottom:-2.8rem;pointer-events:none;font-size:1.4rem;white-space:nowrap;opacity:0;transform:translateY(.4rem);transition:opacity .3s,transform .4s var(--ease)}.copied-active .copied{opacity:1;transform:none}@media screen and (max-width: 1099px),screen and (max-width: 1365px) and (pointer: coarse){.nav{right:var(--unit)}}@media screen and (max-width: 767px){.nav .nav-link{font-size:1.4rem}}.views{position:relative;z-index:1}.page{position:relative}@media screen and (min-width: 1366px),screen and (min-width: 1100px) and (pointer: fine){html:not(.no-webgl) .page{width:100%;height:100vh;position:fixed;top:0;left:0}}.page-content{position:relative}@media screen and (max-width: 1099px),screen and (max-width: 1365px) and (pointer: coarse){.page-content{display:flex;flex-direction:column;min-height:100dvh;padding-top:12rem}}html.no-webgl .page-content{display:flex;flex-direction:column;min-height:100dvh;padding-top:12rem}#home .text-wrapper{pointer-events:none;position:relative;z-index:2}@media screen and (min-width: 1366px),screen and (min-width: 1100px) and (pointer: fine){html:not(.no-webgl) #home .text-wrapper{padding:7.2rem var(--unit) var(--unit)}}@media screen and (max-width: 1099px),screen and (max-width: 1365px) and (pointer: coarse){#home .text-wrapper{margin:0 var(--unit) 8rem}}html.no-webgl #home .text-wrapper{padding:0;margin:0 var(--unit) 8rem}#home .text-wrapper .title{font-size:11.5rem;font-weight:900;line-height:.86;letter-spacing:-.035em;text-transform:uppercase;margin-bottom:2.4rem}#home .text-wrapper .title .line:nth-child(1){margin-bottom:.8rem}@media screen and (max-width: 1099px),screen and (max-width: 1365px) and (pointer: coarse){#home .text-wrapper .title{font-size:9rem;margin-bottom:2rem}}@media screen and (max-width: 767px){#home .text-wrapper .title{font-size:5.8rem}#home .text-wrapper .title .line:nth-child(1){margin-bottom:.6rem}}#home .text-wrapper .text{max-width:40rem}@media screen and (min-width: 1366px),screen and (min-width: 1100px) and (pointer: fine){html:not(.no-webgl) #home .work{width:54.8rem;height:100%;position:absolute;top:0;right:30.6rem}html:not(.no-webgl) #home .work .projects .project{width:54.8rem;height:33.4rem;position:absolute;top:0;left:0}html:not(.no-webgl) #home .work .projects .project .media-wrapper{width:100%;height:100%;position:absolute;top:0;left:0}html:not(.no-webgl) #home .work .projects .project .media{width:1px;height:1px;clip:rect(0 0 0 0);clip-path:inset(50%)}html:not(.no-webgl) #home .work .projects .project-meta{display:none}}#home .work .projects{position:relative;list-style:none;margin:0;padding:0}#home .work .projects .project{display:block;width:100%}.media-wrapper{position:relative;overflow:hidden;pointer-events:none;background:var(--surface)}.media-wrapper .media{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}@media screen and (max-width: 1099px),screen and (max-width: 1365px) and (pointer: coarse){#home .work{padding:0 var(--unit);margin-bottom:10rem}#home .work .projects{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--unit)}}html.no-webgl #home .work{padding:0 var(--unit);margin-bottom:10rem}html.no-webgl #home .work .projects{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--unit)}html.is-touch #home .work .projects .project .media-wrapper{height:auto;aspect-ratio:1.54 / 1;margin-bottom:1.2rem}html.is-touch #home .work .projects .project .media{filter:grayscale(1) contrast(1.15)}html.is-touch #home .work .projects .project .media-wrapper:before,html.is-touch #home .work .projects .project .media-wrapper:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}html.is-touch #home .work .projects .project .media-wrapper:before{background:var(--ink);mix-blend-mode:lighten}html.is-touch #home .work .projects .project .media-wrapper:after{background:var(--ivory);mix-blend-mode:multiply}html.is-touch #home .project-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.4rem}@media screen and (max-width: 767px){#home .work .projects{display:block!important}#home .work .projects .project-item:not(:last-child){margin-bottom:2.8rem}}#home .work .project-index{display:flex;flex-direction:column;align-items:flex-end;width:var(--col);position:fixed;top:38vh;right:var(--unit);z-index:2}#home .work .project-index .project-index-title{margin-bottom:1.2rem;font-size:1.4rem}#home .work .project-index .project-titles{display:flex;flex-direction:column;align-items:flex-end;margin:0 0 2.8rem;padding:0;list-style:none;pointer-events:auto}#home .work .project-index .project-titles .project-title{display:block;font-size:1.5rem;padding:.2rem 0}#home .work .project-index .project-videos{width:calc(var(--col) + var(--unit));position:relative}#home .work .project-index .project-videos .project-video{width:100%;position:absolute;top:0;left:0}#home .work .project-index .project-videos .media-wrapper{width:100%;aspect-ratio:122 / 80;background:transparent}html.is-touch .desktop-only,html.no-webgl .desktop-only{display:none!important}.metas{display:flex;align-items:flex-end}.meta .label,.meta .text,.copyright,.label{font-size:1.4rem;line-height:110%}.meta .label,.label{color:var(--muted);font-weight:500}.footer-metas .meta{width:calc(var(--col) * 1.7);margin-right:var(--unit)}.footer-metas .meta-email{position:relative;width:auto;min-width:calc(var(--col) * 1.7)}.footer-metas .meta-email .copied{right:auto;left:0;bottom:-2rem}.meta dd{position:relative}@media screen and (min-width: 1366px),screen and (min-width: 1100px) and (pointer: fine){html:not(.no-webgl) .metas.footer-metas{position:absolute;bottom:var(--unit);left:var(--unit);z-index:2}}@media screen and (max-width: 1099px),screen and (max-width: 1365px) and (pointer: coarse){.metas.footer-metas{padding:0 var(--unit) var(--unit);margin-top:auto}}html.no-webgl .metas.footer-metas{padding:0 var(--unit) var(--unit);margin-top:auto}@media screen and (max-width: 767px){.metas.footer-metas{flex-direction:column-reverse;align-items:flex-start}.metas.footer-metas .meta-available{display:none}}.meta .label{margin-bottom:.4rem}.copyright{display:block;position:absolute;bottom:var(--unit);right:var(--unit);z-index:2}html.is-touch .copyright,html.no-webgl .copyright{bottom:var(--unit)}.case-inner{max-width:132rem;margin:0 auto;padding:12rem var(--unit) 8rem}.back{font-size:1.5rem;margin-bottom:6rem}.case-head{margin-bottom:4.8rem}.case-num{font-size:1.4rem;margin-bottom:1.6rem}.case-title{font-size:clamp(5.6rem,13vw,20rem);font-weight:900;line-height:.86;letter-spacing:-.04em;text-transform:uppercase;margin-bottom:2.4rem}.case-tagline{font-size:clamp(2rem,2.4vw,3.2rem);line-height:1.2;letter-spacing:-.02em;max-width:60rem}.case-metas{gap:var(--unit) calc(var(--unit) * 2);flex-wrap:wrap;align-items:flex-start;padding:2.4rem 0;border-top:1px solid var(--line);margin-bottom:4.8rem}.case-metas .meta{max-width:36rem}.case-metas .meta .text{font-size:1.5rem;line-height:1.35}.case-metas .meta-email{position:relative}.case-metas .meta-email .copied{right:auto;left:0}.case-hero{margin-bottom:8rem}.case-hero img{display:block;width:100%;height:auto}.case-story{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--unit) * 2);margin-bottom:10rem}.case-story .label,.case-built .label{margin-bottom:1.2rem}.case-story p,.info-about p{font-size:clamp(1.8rem,1.6vw,2.2rem);line-height:1.4;letter-spacing:-.01em;max-width:56rem}.info-about{display:grid;gap:2.4rem;margin:4.8rem 0 10rem}.case-h2{font-size:clamp(3.2rem,4vw,5.6rem);font-weight:900;text-transform:uppercase;letter-spacing:-.03em;line-height:.95;margin-bottom:4rem}.case-built{margin-bottom:10rem}.case-built ol{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(26rem,1fr));gap:4rem var(--unit)}.case-built li{border-top:1px solid var(--line);padding-top:1.6rem}.case-built li .is-label{display:block;font-size:1.4rem;margin-bottom:2.4rem}.case-built h3{font-size:2rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.8rem}.case-built p{font-size:1.6rem;line-height:1.4;color:var(--body)}.case-shots{margin-bottom:8rem}.case-shots--wide{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4rem var(--unit)}.case-shots--wide .shot:first-child{grid-column:1 / -1}.case-shots--phones{display:grid;grid-template-columns:repeat(auto-fill,minmax(20rem,1fr));gap:4rem var(--unit)}.shot .frame{background:var(--surface);overflow:hidden}.shot--wide .frame{border-radius:.6rem}.shot--phone .frame{border-radius:2.4rem;max-width:30rem}.shot img{display:block;width:100%;height:auto}.shot figcaption{font-size:1.4rem;color:var(--muted);margin-top:1.2rem}.case-note{font-size:1.4rem;color:var(--muted);max-width:60rem;margin-bottom:8rem}.case-next{display:block;border-top:1px solid var(--line);padding-top:2.4rem}.case-next .label{display:block;margin-bottom:1.2rem}.case-next-name{display:block;font-size:clamp(5.6rem,11vw,16rem);font-weight:900;line-height:.86;letter-spacing:-.04em;text-transform:uppercase;transition:color .4s var(--ease)}@media screen and (max-width: 767px){.case-inner{padding-top:10rem}.back{margin-bottom:4rem}.case-story,.case-shots--wide{grid-template-columns:1fr;gap:4rem}.case-shots--phones{grid-template-columns:repeat(2,minmax(0,1fr))}.shot--phone .frame{border-radius:1.6rem}.case-metas{flex-direction:column}}.noscript{padding:4rem}html.is-page .nav{position:absolute}@media screen and (min-width: 1366px),screen and (min-width: 1100px) and (pointer: fine){html:not(.no-webgl) #home .page-content{height:100%}html:not(.no-webgl) #home .work .projects .media-wrapper{background:transparent}}#home .work .project-index .project-titles .project-title{white-space:nowrap}.meta dd>.link{display:block}html.is-touch #home .project-meta .title{font-size:1.7rem}.stack{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.6rem;max-width:40rem}.stack li{font-size:1.3rem;line-height:1;padding:.6rem 1rem;border:1px solid var(--line);border-radius:10rem;white-space:nowrap}#home .text-wrapper.is-gl .title,#home .text-wrapper.is-gl .text{color:transparent}.parcours{margin-bottom:10rem}.parcours ol{list-style:none;padding:0;margin:0}.parcours li{display:grid;grid-template-columns:minmax(12rem,22rem) minmax(0,1fr);gap:var(--unit);border-top:1px solid var(--line);padding:2.4rem 0}.parcours-when{font-size:1.4rem;padding-top:.4rem}.parcours h3{font-size:clamp(2rem,2vw,2.6rem);font-weight:700;letter-spacing:-.02em;line-height:1.15}.parcours .parcours-where{font-size:1.5rem;color:var(--muted);margin:.4rem 0 1rem}.parcours p:last-child{font-size:1.6rem;line-height:1.45;color:var(--body);max-width:64rem}@media screen and (max-width: 767px){.parcours li{grid-template-columns:1fr;gap:.8rem}}html.is-touch .nav{position:absolute}::selection{background:var(--amber);color:var(--ink)}.case-inner .label:before{content:"";display:inline-block;width:.6em;height:.6em;margin-right:.6em;background:var(--amber);vertical-align:.05em}.case-built li,.parcours li{position:relative}.case-built li:before,.parcours li:before{content:"";position:absolute;top:-2px;left:0;width:4rem;height:3px;background:var(--amber)}.case-next{position:relative;overflow:hidden;padding:2.4rem var(--unit) var(--unit);margin:0 calc(var(--unit) * -1);isolation:isolate}.case-next:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--amber);transform:scaleX(0);transform-origin:left;transition:transform .7s var(--ease)}.case-next:hover:before,.case-next:focus-visible:before{transform:scaleX(1)}.case-next:hover .label,.case-next:focus-visible .label{color:var(--ink)}.case-next:hover .label:before,.case-next:focus-visible .label:before{background:var(--ink)}