@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+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: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+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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+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+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--paper: #ece9e2;--rule: rgba(20, 19, 17, .16);--ink: #141311;--ink-2: #5b5852;--film: #0e0d0b;--film-rule: rgba(236, 233, 226, .16);--on-film: #ece9e2;--on-film-2: #a29d93;--f: "Archivo Variable", "Archivo", "Helvetica Neue", Arial, sans-serif;--gut: clamp(16px, 2.4vw, 36px);--head: 56px;--meta: 12px;--f2: 83ms;--f6: .25s;--f12: .5s;--ease: cubic-bezier(.2, .7, .2, 1)}*{box-sizing:border-box}html{background:var(--film);-webkit-text-size-adjust:100%;overflow-anchor:none}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--f);font-size:17px;line-height:1.55;font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}img,video{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}:focus-visible{outline:2px solid currentColor;outline-offset:3px}h1,h2,h3,p,figure,dl,dd,ol,ul{margin:0;padding:0}.kicker,.site-header,.hero-line,.hero-cta,.reel-label,.reel-now,.legend,.r-num,.r-dur,.monitor-cap,.others,figcaption,.footer,.contact-meta,.ch,.player-bar,.player-start,.back-all{font-size:var(--meta);letter-spacing:.14em;text-transform:uppercase;font-weight:600;font-stretch:100%;line-height:1.3}.skip{position:absolute;left:8px;top:-60px;z-index:100;background:var(--ink);color:var(--paper);padding:10px 14px}.skip:focus{top:8px}.site-header{position:fixed;inset:0 0 auto 0;z-index:50;height:var(--head);display:flex;align-items:center;gap:28px;padding:0 var(--gut);background:var(--film);color:var(--on-film)}.site-header[data-theme=light]{background:var(--paper);color:var(--ink);box-shadow:0 1px 0 var(--rule)}.site-header[data-theme=dark][data-scrolled=true]{box-shadow:0 1px 0 var(--film-rule)}.brand{font-weight:800;letter-spacing:.08em;margin-right:auto;padding:8px 0}.nav{display:flex;gap:28px}.nav a,.back{padding:8px 0;text-underline-offset:6px;text-decoration-thickness:2px}.nav a:hover,.nav a[aria-current=true],.back:hover{text-decoration-line:underline}.site-header[data-mode=case] .back{margin-right:auto}.site-header[data-mode=case] .brand{margin-right:0}.count{opacity:.7}.hero{--name: clamp(40px, 5.4vw, 108px);--typeH: calc(var(--name) * 1.86 + 118px);--colW: min( calc((100vw - 16px)/5) , calc((100svh - var(--head) - 12px - var(--typeH)) * 9 / 16));background:var(--film);color:var(--on-film);min-height:100svh;padding-top:calc(var(--head) + 4px);display:flex;flex-direction:column}.reel{display:grid;grid-template-columns:repeat(5,minmax(0,var(--colW)));gap:4px;justify-content:center}.reel-col{position:relative;width:100%;aspect-ratio:9 / 16;display:block}.reel-frames{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#000;display:block}.reel-frames img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;visibility:hidden}.reel-frames img.is-on{visibility:visible}.reel.has-focus .reel-col:not(.is-focus) .reel-frames{filter:brightness(.35)}.reel-label{position:absolute;left:0;top:calc(100% + 12px);white-space:nowrap;visibility:hidden}.reel-col.is-focus .reel-label{visibility:visible}.reel-col:last-child .reel-label{left:auto;right:0}.num{opacity:.6;margin-right:.4em}.reel-meta{display:none}.hero-type{margin-top:auto;padding:44px var(--gut) 28px;display:grid;grid-template-columns:1fr auto;align-items:end;row-gap:18px}.hero-name{grid-column:1 / -1;font-size:var(--name);line-height:.9;font-weight:800;font-stretch:66%;text-transform:uppercase;letter-spacing:-.005em}.hero-role{display:block}.hero-line{color:var(--on-film)}.hero-cta{justify-self:end;padding:8px 0;text-underline-offset:6px;text-decoration-thickness:2px}.hero-cta:hover{text-decoration-line:underline}.works{--tint: var(--paper);background:color-mix(in srgb,var(--tint) 7%,var(--paper));transition:background-color var(--f6) linear;padding:calc(var(--head) + 56px) var(--gut) 72px;scroll-margin-top:0}.works-head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding-bottom:14px;border-bottom:1px solid var(--ink)}.legend{display:flex;gap:22px;color:var(--ink-2)}.works-body{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:calc(var(--gut) * 2);align-items:start}.index{list-style:none}.row{border-bottom:1px solid var(--rule)}.row-link{display:grid;grid-template-columns:4.2ch minmax(0,1fr) auto;grid-template-areas:"num client dur" ". meta meta" "prev prev prev";column-gap:12px;row-gap:6px;padding:20px 0 18px}.r-num{grid-area:num;padding-top:.9em;color:var(--ink-2)}.r-client{grid-area:client;font-size:clamp(30px,3.6vw,60px);line-height:.95;font-weight:800;font-stretch:66%;text-transform:uppercase}.r-dur{grid-area:dur;padding-top:.9em;color:var(--ink-2)}.r-meta{grid-area:meta;display:flex;flex-wrap:wrap;gap:4px 18px;font-size:15px;line-height:1.4}.r-project{font-weight:500}.r-year,.r-note{color:var(--ink-2)}.r-role{font-weight:600}.r-preview{grid-area:prev;display:none}.index:has(.is-active) .row:not(.is-active) .r-client{color:var(--ink-2)}.row.is-active .r-num{color:var(--ink)}.monitor{position:sticky;top:calc(var(--head) + 28px);margin-top:28px;display:block}.monitor-frame{position:relative;display:block;margin-left:auto;aspect-ratio:9 / 16;width:min(100%,calc((100svh - var(--head) - 120px) * 9 / 16));background:var(--film);overflow:hidden}.monitor-frame img,.monitor-frame video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.monitor-frame.horizontal img,.monitor-frame.horizontal video{object-fit:contain}.monitor-video{visibility:hidden}.monitor-video.is-ready{visibility:visible}.monitor-cap{display:flex;gap:14px;justify-content:flex-end;padding-top:12px;width:min(100%,calc((100svh - var(--head) - 120px) * 9 / 16));margin-left:auto}.cap-play{margin-left:auto}.monitor:hover .cap-play{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:2px}.others{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px 14px;margin-top:48px;padding-top:16px;border-top:1px solid var(--rule)}.others .kicker{color:var(--ink-2);margin-right:10px}.other{text-transform:none;letter-spacing:0;font-size:15px;font-weight:600;text-underline-offset:5px}.other span{font-weight:400;color:var(--ink-2)}.other:hover{text-decoration:underline}.dot{color:var(--ink-2)}.lightbox{border:0;padding:0;background:transparent;max-width:none;max-height:none;width:100vw;height:100svh;color:var(--on-film)}.lightbox::backdrop{background:#0e0d0bf0}.lightbox[open]{display:grid;place-items:center}.lb-close{position:fixed;top:16px;right:var(--gut);font-size:var(--meta);letter-spacing:.14em;text-transform:uppercase;font-weight:600;padding:8px 0;z-index:2}.lb-body{display:flex;flex-direction:column;align-items:center;gap:14px}.lb-body .player{--pH: min(82svh, 760px)}.lb-cap{font-size:14px;color:var(--on-film-2)}.lb-cap strong{color:var(--on-film)}.about{padding:calc(var(--head) + 64px) var(--gut) 96px;border-top:1px solid var(--ink)}.about-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gut)}.about-text{grid-column:1 / span 6;display:flex;flex-direction:column;gap:1.05em;max-width:36em}.about-text .kicker{margin-bottom:18px}.about-text .lead{font-size:clamp(26px,2.6vw,40px);line-height:1.12;font-weight:700;font-stretch:80%;margin-bottom:.3em}.about-photo{grid-column:8 / -1;margin-right:calc(var(--gut) * -1)}.about-photo img{width:100%;aspect-ratio:9 / 16;object-fit:cover;object-position:50% 20%;max-height:88svh}figcaption{color:var(--ink-2);font-size:10px;padding-top:8px}.bts{margin-top:72px}.bts-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.bts-strip img{width:100%;aspect-ratio:16 / 9;object-fit:cover}.credits{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--gut) * 2);margin-top:72px}.credit-block .kicker{padding-bottom:12px;border-bottom:1px solid var(--ink);margin-bottom:16px}.skills-main{font-size:20px;line-height:1.5;font-weight:600}.skills-also{margin-top:10px;color:var(--ink-2);font-size:15px}.trajectory div{display:grid;grid-template-columns:11ch 1fr;gap:12px;padding:10px 0;border-bottom:1px solid var(--rule)}.trajectory dt{font-weight:700}.trajectory dd span{color:var(--ink-2);margin-left:8px;font-size:15px}.contact{background:var(--film);color:var(--on-film);padding:calc(var(--head) + 64px) var(--gut) 0}.contact-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gut);align-items:start}.contact-text{grid-column:1 / span 7;padding-bottom:72px}.contact-q,.contact-a{font-size:clamp(38px,5.2vw,96px);line-height:.95;font-weight:800;font-stretch:66%;text-transform:uppercase}.contact-q{margin-top:24px}.contact-a{color:var(--on-film-2);margin-top:6px}.channels{list-style:none;margin-top:48px;border-top:1px solid var(--film-rule)}.channels a{display:grid;grid-template-columns:11ch 1fr auto;align-items:baseline;gap:16px;padding:18px 0;border-bottom:1px solid var(--film-rule)}.val{font-size:clamp(17px,1.6vw,22px);font-weight:600;overflow-wrap:anywhere}.ch{color:var(--on-film-2)}.arr{transition:transform var(--f2) linear}.channels a:hover .val{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:2px}.channels a:hover .arr{transform:translate(4px)}.contact-meta{margin-top:28px;color:var(--on-film-2);line-height:1.9}.phone{letter-spacing:.08em}.contact-photo{grid-column:9 / -1;margin-right:calc(var(--gut) * -1)}.contact-photo img{width:100%;aspect-ratio:4 / 5;object-fit:cover;object-position:50% 42%}.footer{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:20px 0 28px;border-top:1px solid var(--film-rule);color:var(--on-film-2)}.to-top:hover{color:var(--on-film)}.player{--pH: calc(100svh - var(--head) - 72px);display:flex;flex-direction:column;align-items:center}.player-frame{position:relative;background:#000;overflow:hidden}.player.is-vertical .player-frame{height:var(--pH);aspect-ratio:9 / 16;max-width:100vw}.player.is-horizontal .player-frame{width:min(100%,calc(var(--pH) * 16 / 9));aspect-ratio:16 / 9}.player video{width:100%;height:100%;object-fit:contain;background:#000}.player-start{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:12px;padding:16px 22px;background:#0e0d0bd1;color:var(--on-film);border:1px solid rgba(236,233,226,.5);font-size:13px}.player-start .tri{font-size:15px;letter-spacing:0}.player-start .dur{color:var(--on-film-2)}.player-start:hover{background:var(--on-film);color:var(--film)}.player-start:hover .dur{color:var(--film)}.player:not(.is-idle) .player-start,.player-start[hidden]{display:none}.player-bar{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:14px;padding:12px 14px;background:#0e0d0bd1;color:var(--on-film);visibility:hidden}.player:not(.is-idle).show-bar .player-bar,.player:not(.is-idle):not(.is-playing) .player-bar{visibility:visible}.pb-play{width:2.2em;text-align:left;letter-spacing:0}.pb-time{white-space:nowrap}.pb-scrub{flex:1;min-width:40px;accent-color:var(--on-film);height:20px;cursor:pointer}.pb-mute,.pb-fs{white-space:nowrap}.pb-mute:hover,.pb-fs:hover,.pb-play:hover{text-decoration:underline;text-underline-offset:5px}.player-end{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:#0e0d0b99;color:var(--on-film);font-size:13px;letter-spacing:.14em;text-transform:uppercase;font-weight:600}.player-end[hidden],.player-error[hidden]{display:none}.player-end .next{border:1px solid var(--on-film);padding:14px 20px}.player-end .next:hover{background:var(--on-film);color:var(--film)}.player-error{position:absolute;inset:auto 0 50% 0;text-align:center;color:var(--on-film);font-size:15px}.player-error button{text-decoration:underline}.player-rotate{display:none;color:var(--on-film-2);font-size:var(--meta);letter-spacing:.14em;text-transform:uppercase;font-weight:600;padding-top:12px}.player-frame:fullscreen{width:100vw;height:100vh;max-width:none;aspect-ratio:auto}.case-film{background:var(--film);color:var(--on-film);padding:calc(var(--head) + 16px) var(--gut) 40px}.case-info{padding:64px var(--gut) 72px}.case-title h1{display:flex;flex-direction:column;gap:10px}.c-client{font-size:clamp(52px,9vw,150px);line-height:.88;font-weight:800;font-stretch:66%;text-transform:uppercase}.c-project{font-size:clamp(20px,2vw,28px);font-weight:500;line-height:1.2}.sheet{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:calc(var(--gut) * 2);margin-top:48px;border-top:1px solid var(--ink)}.sheet div{display:grid;grid-template-columns:12ch 1fr;gap:12px;padding:14px 0;border-bottom:1px solid var(--rule)}.sheet dt{font-size:var(--meta);letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--ink-2);padding-top:4px}.sheet dd{font-weight:600}.sheet .note{display:block;font-weight:400;color:var(--ink-2);font-size:15px}.case-text{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--gut) * 2);margin-top:56px}.case-text .kicker{margin-bottom:12px;color:var(--ink-2)}.case-text p{max-width:34em}.strip{display:flex;gap:4px;margin-top:64px;overflow-x:auto;scrollbar-width:thin}.strip.vertical img{height:clamp(240px,34vw,460px);width:auto;aspect-ratio:9 / 16;object-fit:cover;flex:0 0 auto}.strip.horizontal img{width:calc((100% - 12px)/4);aspect-ratio:16 / 9;object-fit:cover;flex:0 0 auto}.case-bts{margin-top:64px}.case-bts .kicker{color:var(--ink-2)}.case-bts .strip{margin-top:12px}.case-bts .strip img{width:calc((100% - 8px) / 3)}.case-next{margin-top:80px}.next-row{display:grid;grid-template-columns:auto auto 1fr auto;align-items:baseline;gap:20px;padding:26px 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}.next-row .kicker{color:var(--ink-2)}.n-num{font-size:var(--meta);font-weight:600;letter-spacing:.14em;color:var(--ink-2)}.n-client{font-size:clamp(30px,4vw,64px);line-height:.95;font-weight:800;font-stretch:66%;text-transform:uppercase}.n-project{display:none}.next-row .arr{font-size:28px}.next-row:hover .arr{transform:translate(6px)}.back-all{display:inline-block;margin-top:22px;padding:8px 0}.back-all:hover{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:2px}.notfound{background:var(--film);color:var(--on-film);min-height:100svh;padding:calc(var(--head) + 25svh) var(--gut) 0}.notfound h1{font-size:clamp(40px,7vw,120px);line-height:.9;font-weight:800;font-stretch:66%;text-transform:uppercase;margin:16px 0 32px}.notfound a{font-size:var(--meta);letter-spacing:.14em;text-transform:uppercase;font-weight:600}::view-transition-old(root),::view-transition-new(root){animation:none}::view-transition-group(film){animation-duration:var(--f12);animation-timing-function:var(--ease)}::view-transition-old(film){display:none}::view-transition-new(film){animation:none}@media(max-width:1023px)and (min-width:768px){.hero{--colW: min(calc((100vw - 8px) / 3), calc((100svh - var(--head) - 12px - var(--typeH)) * 9 / 16))}.reel{grid-template-columns:repeat(3,minmax(0,var(--colW)))}.reel-col:nth-child(n+4){display:none}.reel-col:nth-child(3) .reel-label{left:auto;right:0}.works-body{grid-template-columns:minmax(0,1fr) minmax(0,.8fr)}}@media(max-width:767px){:root{--head: 48px;--meta: 11px}body{font-size:16px}.site-header,.nav{gap:14px}.brand{letter-spacing:.04em}.hero{--name: 11.2vw;--slideH: min(56svh, calc(100svh - 320px) , calc((100vw - 104px) * 16 / 9));--slideW: calc(var(--slideH) * 9 / 16);padding-top:calc(var(--head) + 10px)}.reel{position:relative;display:flex;gap:8px;justify-content:flex-start;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0 calc((100vw - var(--slideW)) / 2)}.reel::-webkit-scrollbar{display:none}.reel-col{flex:0 0 var(--slideW);width:var(--slideW);height:var(--slideH);scroll-snap-align:center}.reel-col:not(.is-current) .reel-frames{filter:brightness(.4)}.reel.has-focus .reel-col:not(.is-focus) .reel-frames{filter:brightness(.4)}.reel-label{display:none}.reel-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px var(--gut) 0;cursor:pointer;min-height:44px}.ticks{display:flex;gap:4px}.ticks i{display:block;width:14px;height:2px;background:var(--on-film);opacity:.28}.ticks i.is-on{opacity:1}.hero-type{padding:16px var(--gut) 20px;row-gap:12px;margin-top:0;flex:1;align-content:end;grid-template-columns:1fr}.hero-name .l1,.hero-name .l2{display:block}.hero-line{display:flex;flex-direction:column;font-size:11px}.hero-line .sep{display:none}.hero-cta{align-self:end}.works{padding-top:calc(var(--head) + 40px)}.works-head{flex-direction:column;gap:8px}.works-body{display:block}.monitor{display:none}.row-link{grid-template-columns:3.4ch minmax(0,1fr) auto;padding:16px 0 14px}.r-num,.r-dur{padding-top:.55em}.r-meta{flex-direction:column;gap:2px;font-size:14px}.r-meta{display:grid;grid-template-columns:auto}.row-link{grid-template-columns:3.4ch minmax(0,1fr) 84px;grid-template-areas:"num client prev" ". meta prev" ". dur prev";align-items:start}.r-dur{padding-top:2px}.r-preview{grid-area:prev;display:block;position:relative;width:84px;aspect-ratio:9 / 16;background:var(--film);overflow:hidden}.r-preview img,.r-preview video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.r-preview video{visibility:hidden}.r-preview video.is-ready{visibility:visible}.index:has(.is-live) .row:not(.is-live) .r-client{color:var(--ink-2)}.about-grid{display:flex;flex-direction:column-reverse;gap:36px}.about-photo{margin:0 calc(var(--gut) * -1)}.about-photo img{aspect-ratio:4 / 5;max-height:none;object-position:50% 25%}.about-photo figcaption{padding-left:var(--gut)}.bts{margin-top:48px}.bts-strip{grid-template-columns:1fr}.credits{grid-template-columns:1fr;gap:48px;margin-top:48px}.skills-main{font-size:18px}.contact-grid{display:flex;flex-direction:column}.contact-text{padding-bottom:40px}.contact-photo{display:none}.channels a{grid-template-columns:1fr auto;row-gap:2px}.channels .ch{grid-column:1 / -1}.player{--pH: calc(100svh - var(--head) - 40px)}.case-film{padding:var(--head) 0 24px}.case-film.vertical .player-frame{height:auto;width:100vw;max-height:var(--pH)}.player-bar{gap:10px;padding:10px;flex-wrap:wrap}.pb-scrub{order:5;flex-basis:100%}.pb-fs{margin-left:auto}.player-start{white-space:nowrap}.sheet,.case-text{grid-template-columns:1fr}.case-text{gap:32px;margin-top:40px}.strip{margin-top:40px;margin-left:calc(var(--gut) * -1);margin-right:calc(var(--gut) * -1);padding:0 var(--gut)}.strip.vertical img{height:300px}.strip.horizontal img,.case-bts .strip img{width:78vw}.next-row{grid-template-columns:auto 1fr auto}.next-row .kicker{grid-column:1 / -1}.lightbox .player{--pH: 76svh}}@media(max-width:767px)and (orientation:portrait){.player.is-horizontal .player-rotate{display:block}}@media(prefers-reduced-motion:reduce){.works,.arr{transition:none}}