:root{--bg:#f4f3ef;--ink:#151515;--muted:#77736c;--line:#cbc9c2;--side:240px;--pad:clamp(22px,4vw,68px)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;margin:0}a{color:inherit;text-decoration:none}img,video{display:block;max-width:100%;width:100%}button{font:inherit}.skip-link{left:12px;position:fixed;top:0;transform:translateY(-120%);z-index:20}.skip-link:focus{background:#fff;padding:8px;transform:none}.q-nav{bottom:0;display:flex;flex-direction:column;left:0;padding:48px 38px;position:fixed;top:0;width:var(--side);z-index:10}.q-name{display:block;width:100%}.q-name strong{display:block;font-family:"Arial Narrow","Helvetica Neue Condensed",Arial,sans-serif;font-size:clamp(38px,3vw,47px);font-weight:700;letter-spacing:-.065em;line-height:.88;text-transform:uppercase;transform:scaleX(.84);transform-origin:left top;white-space:nowrap;width:119%}.q-name span{display:block;font-size:11px;font-weight:400;line-height:1.25;margin-top:9px}.q-nav nav{display:flex;flex-direction:column;gap:9px;margin:auto 0}.q-nav nav a{font-size:12px}.q-nav nav a.active,.q-nav nav a:hover{text-decoration:underline;text-underline-offset:3px}.q-menu{display:none}.q-main{margin-left:var(--side);max-width:1500px;padding:50px var(--pad) 0}.page-view[hidden]{display:none}.loop{position:relative}.loop video{height:min(70vh,760px);object-fit:cover}.loop span{background:var(--bg);bottom:0;font-size:10px;left:0;padding:8px 12px 7px 0;position:absolute}.work-head{align-items:baseline;display:flex;justify-content:space-between;padding:70px 0 30px}.work-head h1{font-size:17px;font-weight:400;margin:0}.work-filters{display:flex;gap:22px}.work-filters button{background:none;border:0;color:var(--muted);cursor:pointer;font-size:10px;padding:4px 0}.work-filters button.is-active,.work-filters button:hover{color:var(--ink);text-decoration:underline;text-underline-offset:4px}.project-grid{display:grid;gap:70px 28px;grid-template-columns:1fr 1fr}.project-card{background:none;border:0;color:inherit;cursor:pointer;display:block;padding:0;text-align:left}.project-card.is-hidden{display:none}.project-card img{aspect-ratio:16/10;height:auto;object-fit:cover;transition:opacity .2s}.project-card:hover img{opacity:.82}.project-meta{display:grid;gap:12px;grid-template-columns:1fr auto;padding-top:10px}.project-meta strong{font-size:13px;font-weight:400}.project-meta span{color:var(--muted);font-size:10px}.q-foot{border-top:1px solid var(--line);display:grid;font-size:10px;grid-template-columns:1fr 1fr auto;margin-top:120px;padding:20px 0 28px}.about-story{max-width:1280px}.story-intro{align-items:start;display:grid;gap:10vw;grid-template-columns:1.3fr .7fr;padding-top:70px}.story-intro h1{font-size:clamp(30px,4.3vw,67px);font-weight:400;letter-spacing:-.035em;line-height:1.1;margin:0}.story-intro img{max-height:540px;object-fit:cover}.story-row{align-items:center;display:grid;gap:9vw;grid-template-columns:1fr 1.2fr;padding:130px 7vw}.story-row.image-text{grid-template-columns:1.2fr 1fr}.story-row p{font-size:17px;line-height:1.55;margin:0 0 1.2em}.story-row img{max-height:620px;object-fit:cover}.story-wide{margin:30px 0 80px}.story-wide img{max-height:760px;object-fit:cover}.story-wide figcaption{color:var(--muted);font-size:10px;padding-top:8px}.contact-view{min-height:100vh}.contact-view>section{display:grid;grid-template-columns:1fr 1fr;min-height:calc(100vh - 150px);padding-top:70px}.contact-view h1{font-size:clamp(42px,6vw,90px);font-weight:400;letter-spacing:-.04em;margin:0}.contact-view>section div{display:flex;flex-direction:column;font-size:16px;gap:12px;padding-top:12px}.simple-back{display:block;font-size:11px;padding:5px 0 80px}.project-heading{padding-bottom:25px}.project-heading h1{font-size:clamp(30px,4vw,60px);font-weight:400;letter-spacing:-.035em;margin:0}.project-heading p{color:var(--muted);font-size:11px;margin:10px 0 0}.project-film{align-items:center;aspect-ratio:16/9;background-position:center;background-size:cover;display:grid;justify-items:center;overflow:hidden;position:relative}.project-film:before{background:rgba(0,0,0,.18);content:"";inset:0;position:absolute}.video-play{background:var(--bg);border:0;border-radius:50%;cursor:pointer;height:62px;position:relative;width:62px;z-index:1}.video-play span{border-bottom:9px solid transparent;border-left:14px solid var(--ink);border-top:9px solid transparent;display:block;margin:auto}.video-link{bottom:16px;color:#fff;font-size:10px;position:absolute;right:16px;z-index:1}.project-film iframe{border:0;height:100%;inset:0;position:absolute;width:100%;z-index:2}.simple-credits{display:grid;grid-template-columns:1fr 2fr;padding:40px 0 100px}.simple-credits h2{font-size:11px;font-weight:400;margin:0}.simple-credits dl{display:grid;font-size:11px;grid-template-columns:1fr 2fr;line-height:1.6;margin:0}.simple-credits dt{color:var(--muted)}.simple-credits dd{margin:0}.simple-stills{display:grid;gap:28px}.detail-gallery-item{display:block}.simple-stills img{width:100%}.simple-stills .detail-gallery-item:nth-child(even){margin-left:auto;width:72%}.simple-stills .detail-gallery-item:nth-child(3n){width:82%}.next-projects{border-top:1px solid var(--line);margin-top:100px;padding-top:20px}.next-projects>span{color:var(--muted);font-size:10px}.next-projects>div{display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-top:25px}.other-card{background:none;border:0;cursor:pointer;padding:0;text-align:left}.other-card-image img{aspect-ratio:16/10;object-fit:cover}.other-card>span:last-child{display:block;font-size:11px;padding-top:8px}.image-lightbox{background:transparent;border:0;margin:auto;max-height:94vh;max-width:94vw;padding:0}.image-lightbox::backdrop{background:rgba(0,0,0,.88)}.image-lightbox img{max-height:92vh;object-fit:contain}.image-lightbox button{background:var(--bg);border:0;padding:9px 12px;position:fixed;right:14px;top:14px}
@media(max-width:800px){:root{--side:0}.q-nav{align-items:center;background:rgba(244,243,239,.96);bottom:auto;flex-direction:row;height:64px;justify-content:space-between;padding:14px 20px;right:0;width:auto}.q-name{width:auto}.q-name strong{font-size:27px}.q-name span{font-size:9px;margin-top:5px}.q-menu{background:none;border:0;display:block;font-size:11px}.q-nav nav{background:var(--bg);display:none;gap:18px;inset:64px 0 auto;margin:0;padding:30px 20px;position:fixed}.q-nav nav.is-open{display:flex}.q-main{margin-left:0;padding:84px 20px 0}.loop video{height:56vh}.work-head{align-items:start;flex-direction:column;gap:18px;padding-top:45px}.work-filters{display:grid;gap:8px;grid-template-columns:1fr 1fr;width:100%}.work-filters button{text-align:left}.project-grid{grid-template-columns:1fr}.q-foot{grid-template-columns:1fr auto}.q-foot span:nth-child(2){display:none}.story-intro{gap:50px;grid-template-columns:1fr;padding-top:20px}.story-intro img{max-width:70%}.story-row,.story-row.image-text{gap:45px;grid-template-columns:1fr;padding:90px 0}.story-row.image-text img{order:2}.contact-view>section{gap:50px;grid-template-columns:1fr;min-height:70vh}.simple-back{padding-bottom:50px}.simple-credits{gap:30px;grid-template-columns:1fr;padding-bottom:60px}.simple-credits dl{grid-template-columns:1fr}.simple-stills{gap:14px}.simple-stills .detail-gallery-item:nth-child(even),.simple-stills .detail-gallery-item:nth-child(3n){width:100%}.next-projects>div{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
body.theme-dark{--bg:#11110f;--ink:#e3dacc;--muted:#928a7e;--line:#3a3833;background:#11110f;color:var(--ink);position:relative}body.theme-dark:before{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.13'/%3E%3C/svg%3E");content:"";inset:0;opacity:.24;pointer-events:none;position:fixed;z-index:30}body.theme-dark .q-nav,body.theme-dark .q-main{position:relative;z-index:1}body.theme-dark .q-nav{position:fixed}body.theme-dark .work-filters button{color:var(--muted)}body.theme-dark .work-filters button.is-active,body.theme-dark .work-filters button:hover{color:#e97646;text-decoration-color:#e97646}body.theme-dark .q-nav nav a.active{color:#e97646;text-decoration-color:#e97646}body.theme-dark .project-card img,body.theme-dark .loop video{filter:brightness(.8) saturate(.78)}body.theme-dark .project-card:hover img{filter:brightness(.98) saturate(.9);opacity:1}body.theme-dark .video-play{background:var(--ink)}body.theme-dark .video-play span{border-left-color:var(--bg)}body.theme-dark .image-lightbox button{color:var(--bg)}
@media(max-width:800px){body.theme-dark .q-nav{background:rgba(17,17,15,.96)}}
body.theme-dark .q-nav nav a.active,body.theme-dark .work-filters button.is-active{color:var(--ink);text-decoration:none}body.theme-dark .q-nav nav a:hover,body.theme-dark .q-nav nav a:focus-visible,body.theme-dark .work-filters button:hover,body.theme-dark .work-filters button:focus-visible{color:var(--ink);text-decoration:underline;text-decoration-color:var(--ink);text-underline-offset:4px}
.theme-toggle{background:none;border:0;color:var(--muted);cursor:pointer;font-size:10px;margin-top:14px;padding:0;text-align:left;width:max-content}.theme-toggle:hover,.theme-toggle:focus-visible{color:var(--ink);text-decoration:underline;text-underline-offset:4px}.minimal-player{align-items:center;bottom:26px;display:grid;gap:9px;grid-template-columns:auto 1fr auto;left:38px;position:fixed;width:164px;z-index:20}.minimal-player button{background:none;border:0;color:var(--ink);cursor:pointer;font-size:9px;padding:0}.minimal-track{display:grid;gap:5px}.minimal-track span{color:var(--muted);font-size:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.minimal-track input{appearance:none;background:var(--line);cursor:pointer;height:1px;margin:0;width:100%}.minimal-track input::-webkit-slider-thumb{appearance:none;background:var(--ink);border:0;border-radius:50%;height:5px;width:5px}.minimal-mute{color:var(--muted)!important}.minimal-player button:hover,.minimal-player button:focus-visible{text-decoration:underline;text-underline-offset:3px}
@media(max-width:800px){body{padding-bottom:52px}.theme-toggle{font-size:11px;margin-top:3px}.minimal-player{backdrop-filter:blur(8px);background:color-mix(in srgb,var(--bg) 92%,transparent);border-top:1px solid var(--line);bottom:0;left:0;padding:12px 20px;right:0;width:auto}.minimal-track span{display:none}}
.theme-toggle{font-size:18px;line-height:1;margin-top:14px}.theme-toggle:hover,.theme-toggle:focus-visible{text-decoration:none;transform:rotate(18deg)}.minimal-player{gap:8px;grid-template-columns:14px 1fr 16px;width:164px}.minimal-player button{align-items:center;display:flex;height:16px;justify-content:center;width:16px}.minimal-player button svg{display:block;height:12px;width:12px}.minimal-mute svg{height:13px!important;width:15px!important}.minimal-track{display:block}.minimal-player button:hover,.minimal-player button:focus-visible{opacity:.55;text-decoration:none}
@media(max-width:800px){.theme-toggle{font-size:18px;margin-top:5px}.minimal-player{grid-template-columns:18px 1fr 20px}.minimal-player button svg{height:13px;width:13px}}
.loop-toggle{font-size:15px;height:30px;line-height:1;padding:7px 10px;width:30px}.loop-toggle span{margin:0}
.loop-toggle{font-size:10px;height:auto;padding:8px 12px 7px 0;width:auto}.loop-toggle span{margin-left:5px}
.loop-toggle{align-items:center;display:inline-flex;gap:6px;max-width:none;min-width:max-content;white-space:nowrap}.loop-toggle span{flex:0 0 auto;margin:0}
.loop video{transition:height .42s ease,opacity .3s ease}.loop-toggle{background:var(--bg);border:0;bottom:0;color:var(--ink);cursor:pointer;font-size:10px;left:0;padding:8px 12px 7px 0;position:absolute}.loop-toggle span{display:inline-block;margin-left:5px}.loop-toggle:hover,.loop-toggle:focus-visible{text-decoration:underline;text-underline-offset:3px}.loop.is-collapsed{padding-top:36px}.loop.is-collapsed video{height:0;opacity:0}.loop.is-collapsed .loop-toggle{bottom:auto;top:0}
.loop .loop-toggle span{background:none;bottom:auto;left:auto;margin:0;padding:0;position:static}
.project-film.has-local-video{aspect-ratio:auto;background:#000;display:block}.project-film.has-local-video:before{display:none}.project-film.has-local-video video{max-height:80vh;object-fit:contain;width:100%}.detail-gallery-video{background:#000;margin:0}.detail-gallery-video video{display:block;max-height:82vh;object-fit:contain;width:100%}.simple-credits[hidden]{display:none}
.episode-stage{background:#000}.episode-stage video{display:block;width:100%}.episode-controls{align-items:center;background:var(--bg);color:var(--ink);display:grid;font-size:10px;grid-template-columns:30px 1fr 30px;padding-top:10px}.episode-controls button{background:none;border:0;color:inherit;cursor:pointer;font-size:16px;padding:4px 0;text-align:left}.episode-controls button:last-child{text-align:right}.episode-controls span{text-align:center}.episode-controls button:hover,.episode-controls button:focus-visible{text-decoration:underline;text-underline-offset:3px}.simple-stills[hidden]{display:none}
.project-card.ratio-9x16,.project-card.ratio-4x5{align-self:start;justify-self:center}.project-card.ratio-9x16{max-width:300px;width:70%}.project-card.ratio-4x5{max-width:380px;width:84%}.project-card.ratio-9x16 img{aspect-ratio:9/16;object-fit:contain}.project-card.ratio-4x5 img{aspect-ratio:4/5;object-fit:contain}@media(max-width:800px){.project-card.ratio-9x16{max-width:280px;width:78%}.project-card.ratio-4x5{max-width:360px;width:90%}}
.bio-editorial{padding-top:28px}.bio-intro{max-width:1180px;padding:24px 0 110px}.bio-intro h1,.bio-intro p,.bio-copy p,.bio-closing{font-size:clamp(25px,3vw,46px);font-weight:400;letter-spacing:-.035em;line-height:1.16;margin:0}.bio-intro h1{max-width:1050px}.bio-intro p{margin-left:auto;margin-top:65px;max-width:850px}.bio-figure{margin:0}.bio-figure img{height:auto;max-height:82vh;object-fit:cover}.bio-figure-right{margin-left:auto;width:82%}.bio-copy{max-width:930px;padding:150px 0}.bio-copy p+p{margin-top:1.1em}.bio-copy-right{margin-left:auto}.bio-pair{align-items:end;display:grid;gap:28px;grid-template-columns:1.16fr .84fr}.bio-pair figure{margin:0}.bio-pair img{height:clamp(380px,47vw,720px);object-fit:cover}.bio-figure-wide{width:100%}.bio-figure-social{margin-left:auto;width:68%}.bio-closing{max-width:1100px;padding:170px 0 40px}@media(max-width:800px){.bio-editorial{padding-top:5px}.bio-intro{padding:10px 0 75px}.bio-intro h1,.bio-intro p,.bio-copy p,.bio-closing{font-size:clamp(23px,7vw,34px);line-height:1.2}.bio-intro p{margin-top:38px}.bio-figure-right,.bio-figure-social{width:100%}.bio-copy{padding:85px 0}.bio-pair{gap:12px;grid-template-columns:1fr 1fr}.bio-pair img{height:58vw}.bio-closing{padding:90px 0 20px}}
.about-story{max-width:700px}.bio-intro,.bio-intro h1,.bio-intro p,.bio-copy,.bio-closing{max-width:100%}.bio-pair img{height:290px}@media(max-width:800px){.about-story{max-width:none}.bio-pair img{height:55vw}}
.bio-intro h1,.bio-intro p,.bio-copy p,.bio-closing{font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:400;letter-spacing:0;line-height:1.6}@media(max-width:800px){.bio-intro h1,.bio-intro p,.bio-copy p,.bio-closing{font-size:12px;line-height:1.6}}
.about-story{max-width:none}.bio-editorial{display:grid;gap:24px;padding-top:18px;width:min(100%,580px)}.bio-intro,.bio-copy,.bio-closing{margin:0;padding:0;width:100%}.bio-intro p{margin-top:14px}.bio-copy p+p{margin-top:14px}.bio-figure,.bio-figure-right,.bio-figure-wide,.bio-figure-social{margin:0;width:100%}.bio-figure img{height:auto;object-fit:contain;width:100%}.bio-pair{display:grid;gap:24px;grid-template-columns:1fr;width:100%}.bio-pair figure{margin:0;width:100%}.bio-pair img{height:auto;object-fit:contain;width:100%}.bio-closing{padding-bottom:10px}@media(max-width:800px){.bio-editorial{gap:20px;padding-top:0;width:100%}.bio-pair{gap:20px}.bio-intro p,.bio-copy p+p{margin-top:12px}}
.contact-view{max-width:none;min-height:0}.contact-view>section{display:block;min-height:0;padding-top:18px;width:min(100%,580px)}.contact-view h1{font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:400;letter-spacing:0;line-height:1.6;margin:0 0 22px}.contact-view>section div{font-size:12px;gap:8px;line-height:1.6;padding:0}.contact-view .q-foot{margin-top:80px;width:min(100%,580px)}@media(max-width:800px){.contact-view>section{padding-top:0;width:100%}.contact-view .q-foot{margin-top:55px;width:100%}}
.project-film.video-ratio-9x16{aspect-ratio:auto;background:transparent;margin-left:auto;margin-right:auto;max-width:400px;overflow:visible}.project-film.video-ratio-9x16>video,.project-film.video-ratio-9x16 .episode-stage video{aspect-ratio:9/16;height:auto;max-height:none;object-fit:cover;width:100%}.project-film.video-ratio-9x16 .episode-controls{width:100%}.simple-credits dd{white-space:pre-line}.simple-credits dt,.simple-credits dd{padding-bottom:7px}@media(max-width:800px){.project-film.video-ratio-9x16{max-width:min(100%,360px)}}
.project-grid{row-gap:36px}@media(max-width:800px){.project-grid{row-gap:32px}}
.project-film.video-ratio-4x5{aspect-ratio:auto;background:transparent;margin-left:auto;margin-right:auto;max-width:500px;overflow:visible}.project-film.video-ratio-4x5>video{aspect-ratio:4/5;height:auto;max-height:none;object-fit:cover;width:100%}@media(max-width:800px){.project-film.video-ratio-4x5{max-width:min(100%,420px)}}
.work-head h1,.project-meta strong{font-size:12px;font-weight:400;letter-spacing:0;line-height:1.25}.project-meta{align-items:start}.project-meta span{font-size:10px;line-height:1.25}@media(max-width:800px){.work-head h1,.project-meta strong{font-size:12px;line-height:1.25}}
.project-film.is-still-only:before{display:none}
.video-play,body.theme-dark .video-play{background:transparent;border-radius:0;height:54px;width:54px}.video-play span,body.theme-dark .video-play span{border-bottom-width:13px;border-left:20px solid #fff;border-top-width:13px}.video-play:hover span,body.theme-dark .video-play:hover span{border-left-color:#e97646}
.project-card-image{aspect-ratio:16/10;display:block;overflow:hidden}.project-card-image img{height:100%;object-fit:cover}.project-card.project-ubank-better-saver .project-card-image img{transform:scale(1.316)}
.project-card.project-ubank-better-saver{align-self:start;justify-self:stretch;margin:0;width:100%}
.detail-gallery-animation{background:transparent;overflow:hidden}.detail-gallery-animation video{max-width:none;transform:scaleX(1.09);transform-origin:center}