@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;450;500;550;600;650;700;800&display=swap');
:root{--paper:#f5f1e9;--ink:#221f1b;--brown:#754c29;--sub:#70695f;--line:#d9d1c5;--white:#fffaf1;--dark:#24221e;--font:'Be Vietnam Pro',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:14px;line-height:1.7;-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #ba8653;outline-offset:5px}button{border:0;background:none}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500;line-height:1.2;letter-spacing:-.045em}.wrap{width:calc(100% - 112px);max-width:1500px;margin:0 auto}.header{height:104px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 56px;gap:30px}.brand{display:flex;flex-direction:column;align-items:center;gap:6px;width:150px;flex-shrink:0}.brand img{width:150px;height:auto}.brand span{font-size:8px;letter-spacing:.28em;font-weight:600}.header nav{display:flex;gap:34px;font-size:12px}.header nav a:hover{color:var(--brown)}.header-actions{display:flex;align-items:center;gap:25px}.language{font-size:11px;padding:5px 0;border-bottom:1px solid var(--ink)}.header-cta{background:var(--brown);color:var(--paper);font-size:11px;padding:13px 19px;display:flex;gap:23px;align-items:center}.header-cta:hover{background:#59391f}.header-cta>span:last-child{font-size:19px;line-height:1}.eyebrow{font-size:10px;letter-spacing:.15em;font-weight:500;display:block}.hero{padding-top:38px}.hero>.eyebrow{display:flex;align-items:center;gap:9px;color:var(--brown);font-size:9px}.small-mark{font-size:12px}.hero-top{display:grid;grid-template-columns:1fr 300px;align-items:end;gap:65px;margin:24px 0 39px}h1{font-size:clamp(46px,5.55vw,88px);line-height:1.13;font-weight:500}h1 em{font-style:normal;color:var(--brown)}.hero-note{padding-bottom:6px;font-size:12px;color:var(--sub);line-height:1.9}.note-line{display:block;width:32px;height:1px;background:var(--brown);margin-bottom:13px}.text-link{display:inline-flex;gap:28px;align-items:center;margin-top:17px;color:var(--ink);font-size:11px;font-weight:500}.text-link span:last-child{font-size:19px}.hero-film{display:block;padding:0;position:relative;width:100%;aspect-ratio:2.38;overflow:hidden;background:#524a38;color:#fffaf0;text-align:left}.hero-film>img{width:100%;height:100%;object-fit:cover;object-position:center 47%;transition:transform 1s}.hero-film:hover>img{transform:scale(1.025)}.film-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.26),transparent 35%,rgba(0,0,0,.68))}.film-top{position:absolute;left:30px;right:30px;top:23px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.15em}.play-ring{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);width:76px;height:76px;display:grid;place-items:center;border:1px solid #fff9;border-radius:100%;font-size:19px;padding-left:3px;backdrop-filter:blur(5px);background:#fff1;transition:background .2s}.hero-film:hover .play-ring{background:#fff3}.film-caption{position:absolute;bottom:28px;left:30px;right:30px;display:flex;justify-content:space-between;gap:24px;align-items:flex-end}.film-caption small{display:block;font-size:8px;letter-spacing:.18em;margin-bottom:9px}.film-caption strong{font-weight:450;letter-spacing:-.035em;font-size:26px;line-height:1.4;display:block;max-width:620px}.watch-label{font-size:10px;white-space:nowrap;border-bottom:1px solid #fff7;padding-bottom:4px}.hero-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:14px;color:var(--sub);font-size:9px;letter-spacing:.1em}.work{padding:110px 0 90px}.section-head{display:flex;justify-content:space-between;gap:50px;align-items:flex-end;margin-bottom:38px}.section-head .eyebrow{color:var(--brown);margin-bottom:18px}h2{font-size:clamp(29px,3.3vw,48px)}.section-head>p{max-width:320px;font-size:12px;color:var(--sub);line-height:1.9}.work-tools{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:17px 0;display:flex;align-items:center;justify-content:space-between;margin-bottom:31px;gap:15px}.filters{display:flex;gap:9px;flex-wrap:wrap}.filters button{font-size:10px;padding:9px 15px;transition:background .2s}.filters button.active{background:var(--brown);color:var(--paper)}.filters button:not(.active):hover{background:#e8e1d6}.filters sup{font-size:7px;margin-left:4px}.work-count{font-size:8px;letter-spacing:.13em;white-space:nowrap;color:var(--sub)}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:38px 28px}.project-card{display:block;width:100%;text-align:left;padding:0}.project-image{position:relative;aspect-ratio:16/9;overflow:hidden;background:#d7cebd}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s,filter .6s}.project-card:hover img{transform:scale(1.035);filter:brightness(.9)}.image-index{position:absolute;left:16px;top:15px;background:#201e1a99;color:#fff;font-size:8px;padding:4px 7px;letter-spacing:.08em}.card-play{position:absolute;bottom:16px;right:16px;display:grid;place-items:center;width:41px;height:41px;background:var(--paper);border-radius:50%;font-size:10px;padding-left:2px;transition:transform .3s}.project-card:hover .card-play{transform:scale(1.12)}.project-meta{display:flex;justify-content:space-between;gap:15px;margin-top:16px;font-size:8px;letter-spacing:.08em;color:var(--brown);text-transform:uppercase}.project-card h3{font-size:20px;line-height:1.4;margin-top:6px;padding-right:15px}.project-meta .type{color:var(--sub);font-size:7px;padding-top:1px}.credit-note{margin-top:37px;padding-top:20px;border-top:1px solid var(--line);max-width:100%;font-size:10px;color:var(--sub);line-height:1.9}.studio{background:var(--dark);color:var(--paper);padding:88px 0 85px}.studio-layout{display:grid;grid-template-columns:1fr 1.35fr;gap:90px}.studio-side .eyebrow{color:#c4aa87}.years{font-size:148px;line-height:1;margin:64px 0 38px;font-weight:400;letter-spacing:-.09em;color:#c6a17d}.years span{display:block;font-size:10px;letter-spacing:.15em;margin:17px 0 0 4px;color:var(--paper)}.studio-label{font-size:9px;line-height:1.8;letter-spacing:.16em;color:#a7a196}.studio-copy h2{font-size:clamp(32px,4.2vw,58px);line-height:1.27;white-space:pre-line}.studio-copy>p{font-size:13px;line-height:1.95;margin-top:27px;max-width:570px}.studio-copy>p.muted{color:#aaa69e;margin-top:16px}.service-lines{margin-top:37px}.service-lines>div{border-top:1px solid #555047;display:flex;align-items:center;gap:22px;padding:17px 0}.service-lines>div>span{font-size:9px;color:#baa181}.service-lines h3{font-size:16px;letter-spacing:-.02em}.approach{padding:98px 0 64px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:42px;margin-top:47px}.steps article{border-top:1px solid var(--line);padding-top:23px}.steps article>span{font-size:9px;letter-spacing:.13em;color:var(--brown)}.steps h3{font-size:23px;margin:18px 0 13px}.steps p{font-size:12px;color:var(--sub);line-height:1.9;max-width:340px}.archive{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:30px;align-items:end;border-top:1px solid var(--line);padding:31px 0 66px}.archive .eyebrow{font-size:8px;color:var(--sub);margin-bottom:9px}.archive h3{font-size:20px}.archive>a{border-bottom:1px solid var(--line);padding:10px 0;display:flex;justify-content:space-between;font-size:12px}.archive>a:hover{color:var(--brown);border-color:var(--brown)}.contact{background:var(--brown);color:var(--paper);padding:71px 0 76px}.contact-inner{position:relative}.contact .eyebrow{color:#dbc5ad}.contact h2{font-size:clamp(40px,5vw,72px);line-height:1.25;margin:25px 0 30px;white-space:pre-line}.contact-button{padding:0 0 9px;border-bottom:1px solid #cfb89c;display:flex;gap:50px;align-items:center;font-size:12px}.contact-button>span:last-child{font-size:22px}.footer{display:flex;align-items:center;justify-content:space-between;padding:35px 0;gap:25px}.footer p{font-size:9px;color:var(--sub);line-height:1.9}.footer .brand{width:120px}.footer .brand img{width:120px}.footer .brand span{font-size:6px}.top-link{font-size:10px}.skip{position:fixed;left:12px;top:-100px;z-index:100;padding:10px;background:white}.skip:focus{top:10px}dialog{padding:0;border:0;max-height:92dvh;overflow:auto;color:var(--ink);background:var(--paper)}dialog::backdrop{background:#16140fe8;backdrop-filter:blur(8px)}.film-dialog{width:min(1100px,calc(100% - 40px));max-width:1100px}.dialog-bar{display:flex;justify-content:space-between;align-items:center;padding:14px 22px;font-size:9px;letter-spacing:.1em;border-bottom:1px solid var(--line)}.dialog-bar button{font-size:19px;padding:0 6px}.film-dialog #player{width:100%;aspect-ratio:16/9;background:#000;max-height:58dvh}.film-dialog iframe{width:100%;height:100%;border:0;display:block}.film-info{padding:24px 28px 15px;display:grid;grid-template-columns:1fr auto;gap:30px}.film-info h2{font-size:26px;line-height:1.35;margin:7px 0}.film-info p{font-size:12px;color:var(--sub)}.film-links{display:flex;flex-direction:column;align-items:flex-start;gap:10px;font-size:10px;padding-top:5px}.film-links a{border-bottom:1px solid var(--line)}.film-credit{font-size:9px;color:var(--sub);padding:0 28px 25px}.brief-dialog{width:min(600px,calc(100% - 32px));padding-bottom:25px}.brief-dialog>h2,.brief-dialog>p,.brief-dialog>form{margin-left:30px;margin-right:30px}.brief-dialog>h2{font-size:30px;margin-top:25px}.brief-dialog>p{font-size:11px;color:var(--sub);line-height:1.8;margin-top:14px}.brief-dialog form{margin-top:24px}.brief-dialog label{display:block;margin:14px 0;font-size:11px}.brief-dialog label>span{display:block;margin-bottom:6px}.brief-dialog input,.brief-dialog select,.brief-dialog textarea{width:100%;border:1px solid var(--line);background:#fffcf6;color:var(--ink);padding:10px;border-radius:0;font-size:12px}.submit-brief{background:var(--brown);color:var(--paper);font-size:12px;padding:12px 18px;width:100%;margin-top:6px}#brief-status{font-size:11px;margin-top:12px;color:var(--brown)}#brief-output{margin-top:15px;min-height:180px}.image-failed{display:grid;place-items:center;background:#c5b69e}.image-failed img{opacity:0}.image-failed:before{content:'HOME / SELECTED WORK';position:absolute;left:20px;top:40%;font-size:13px;letter-spacing:.12em;color:#4e3d2a}body.image-error .hero-film{background:linear-gradient(125deg,#493e2e,#92724d)}
@media(min-width:1600px){.header{padding-left:max(56px,calc((100vw - 1500px)/2));padding-right:max(56px,calc((100vw - 1500px)/2))}}
@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.header{padding:0 32px}.header nav{gap:20px}.header-actions{gap:18px}.hero-top{grid-template-columns:1fr 230px;gap:25px}h1{font-size:5.5vw}.film-caption strong{font-size:22px}.studio-layout{gap:45px;grid-template-columns:1fr 1.45fr}.project-meta{flex-direction:column;gap:2px}.section-head{gap:35px}.section-head>p{max-width:260px}.steps{gap:25px}.hero-film{aspect-ratio:2.2}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header{height:83px;padding:0 20px;gap:15px}.brand,.brand img{width:116px}.brand span{font-size:6px}.header nav{display:none}.header-actions{gap:16px}.header-cta{font-size:9px;padding:10px 12px;gap:10px}.language{font-size:10px}.hero{padding-top:26px}.hero>.eyebrow{font-size:7px;letter-spacing:.08em}.hero-top{grid-template-columns:1fr;margin:24px 0 27px;gap:21px}h1{font-size:clamp(38px,8.4vw,62px);letter-spacing:-.055em;line-height:1.2}.hero-note{max-width:360px;font-size:11px;line-height:1.85}.note-line{display:none}.text-link{margin-top:8px}.hero-film{aspect-ratio:1.32}.hero-film>img{object-position:center}.film-top{left:16px;right:16px;top:15px;font-size:7px;gap:15px}.film-caption{bottom:18px;left:17px;right:17px;display:block}.film-caption small{font-size:6px;margin-bottom:6px}.film-caption strong{font-size:20px;max-width:290px}.watch-label{display:none}.play-ring{width:55px;height:55px;font-size:14px;top:43%}.hero-bottom{font-size:6px;letter-spacing:.05em;gap:8px}.work{padding:67px 0 48px}.section-head{display:block;margin-bottom:26px}.section-head .eyebrow{font-size:8px;margin-bottom:13px}.section-head h2{font-size:30px;line-height:1.3}.section-head>p{margin-top:17px;max-width:360px;font-size:11px}.work-tools{align-items:flex-start;padding:11px 0;margin-bottom:24px}.filters{gap:4px}.filters button{font-size:9px;padding:8px 9px}.work-count{display:none}.project-grid{grid-template-columns:1fr;gap:31px}.project-card h3{font-size:20px}.project-meta{flex-direction:row;font-size:8px;margin-top:12px}.project-meta .type{font-size:6px}.credit-note{font-size:9px;margin-top:26px}.studio{padding:45px 0 48px}.studio-layout{grid-template-columns:1fr;gap:38px}.studio-side{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:20px}.studio-side .eyebrow{font-size:8px}.years{grid-column:2;grid-row:1 / 3;font-size:90px;margin:0;text-align:right}.years span{font-size:7px;letter-spacing:.08em;margin-top:10px}.studio-label{font-size:8px}.studio-copy h2{font-size:36px}.studio-copy>p{font-size:12px;margin-top:21px}.service-lines h3{font-size:14px}.approach{padding:55px 0 39px}.steps{grid-template-columns:1fr;gap:26px;margin-top:28px}.steps article{padding-top:18px}.steps h3{font-size:23px;margin-top:11px}.steps p{font-size:11px;max-width:none}.archive{grid-template-columns:1fr;gap:12px;padding:26px 0 38px}.archive h3{font-size:22px}.archive>a{font-size:11px}.contact{padding:45px 0 47px}.contact h2{font-size:37px;margin:21px 0 28px}.contact .eyebrow{font-size:8px}.contact-button{font-size:11px}.footer{flex-wrap:wrap;padding:28px 0;gap:20px}.footer p{font-size:8px}.footer .brand,.footer .brand img{width:98px}.top-link{font-size:9px}.film-dialog{width:calc(100% - 20px)}.dialog-bar{padding:11px 14px;font-size:7px}.film-info{grid-template-columns:1fr;padding:19px;gap:15px}.film-info h2{font-size:22px}.film-links{gap:7px}.film-credit{padding:0 19px 22px;font-size:8px}.brief-dialog>h2,.brief-dialog>p,.brief-dialog>form{margin-left:20px;margin-right:20px}.brief-dialog>h2{font-size:26px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
@media print{.header-actions,.hero-film,.hero-note,.filters,.work-tools,.contact,.archive,.top-link,dialog{display:none!important}.header{height:80px}.wrap{width:100%}.work,.approach{padding:30px 0}.project-grid{grid-template-columns:1fr 1fr;gap:20px}.project-card{break-inside:avoid}.studio{padding:30px;color:#222;background:#eee}.studio-copy>p.muted,.studio-side .eyebrow,.years,.studio-label{color:#555}.credit-note{font-size:8px}.project-card h3{font-size:15px}.hero-top{margin:20px 0}h1{font-size:44px}.studio-layout{gap:30px}.years{font-size:80px}.footer{padding:20px 0}}