@font-face{font-family:'DM Sans';src:url('/assets/dm-sans-latin.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
:root{color-scheme:dark;--black:#090909;--panel:#131313;--white:#eeeae0;--muted:#aaa79f;--gold:#dfbd74;--line:#35342f;--sans:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--black);color:var(--white);font:16px/1.65 var(--sans)}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{display:block;max-width:100%;height:auto}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:500;letter-spacing:-.055em;line-height:1}a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:5px}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:100;left:15px;top:15px;padding:12px 18px;background:var(--gold);color:var(--black);transform:translateY(-180%)}.skip-link:focus{transform:none}.eyebrow,.index{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}.eyebrow{margin-bottom:30px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:35px;min-height:50px;background:var(--gold);color:#090909;padding:17px 22px;font-size:12px}.button:hover{background:#ecd29d}.text-link{display:inline-flex;align-items:center;gap:30px;font-size:12px;border-bottom:1px solid var(--line);padding:10px 0}.text-link span{color:var(--gold)}.text-link:hover{border-color:var(--gold)}
.header{position:relative;z-index:10;display:flex;justify-content:space-between;align-items:center;min-height:110px;padding:23px 5%;background:var(--black);border-bottom:1px solid var(--line);gap:25px}.brand{display:block;flex-shrink:0;width:190px}.brand img{width:100%;aspect-ratio:1998/438;object-fit:contain}.brand>span{display:block;margin-top:9px;font-size:9px;letter-spacing:.35em;text-transform:uppercase;color:var(--gold)}.header nav{display:flex;align-items:center;gap:30px;font-size:11px}.header nav a{padding:10px 0;white-space:nowrap}.header nav a:hover,.nav-inquiry{color:var(--gold)}.menu-toggle{display:none;background:none;border:1px solid #61553c;color:var(--white);padding:10px 12px}
.creative-hero{position:relative;isolation:isolate;min-height:760px;min-height:max(760px,calc(100svh - 110px));padding:60px 5% 25px;display:grid;grid-template-rows:1fr auto;overflow:hidden}.hero-image,.hero-shade{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:65% 50%}.hero-shade{z-index:-1;background:linear-gradient(90deg,rgba(0,0,0,.88),rgba(0,0,0,.45) 50%,rgba(0,0,0,.1)),linear-gradient(0deg,rgba(0,0,0,.85),transparent 45%,rgba(0,0,0,.15))}.hero-caption{align-self:center;position:relative;z-index:1;max-width:760px;padding:0 0 65px}.hero-caption h1{font-size:clamp(90px,10vw,170px);text-transform:uppercase;line-height:.86;margin-bottom:30px}.hero-caption h1>span{color:var(--gold)}.hero-intro{font-size:14px;color:#d4d0c8;line-height:1.65;margin-bottom:25px}.hero-actions{display:flex;align-items:center;gap:30px;flex-wrap:wrap}.hero-watch{position:absolute;right:5%;bottom:110px;display:flex;align-items:center;gap:18px;font-size:15px;max-width:35%}.hero-watch small{display:block;font-size:9px;letter-spacing:.07em;color:#d5d0c5;margin-top:4px}.play{display:grid;place-items:center;width:52px;height:52px;border:1px solid #c8c1b4;border-radius:50%;font-size:25px;flex-shrink:0}.hero-watch:hover .play{background:rgba(223,189,116,.16)}.hero-strip{position:relative;display:flex;justify-content:space-between;gap:20px;padding-top:20px;border-top:1px solid #6e685d;color:#d2ccbf;font-size:9px;letter-spacing:.12em;text-transform:uppercase}.viewfinder{position:absolute;inset:20px;width:calc(100% - 40px);height:calc(100% - 40px);fill:none;stroke:rgba(223,189,116,.4);stroke-width:.1;pointer-events:none}
.section{padding:100px 7%}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:45px;margin-bottom:55px}h2{font-size:clamp(48px,5.6vw,86px);margin-bottom:0}h2>span{color:var(--muted)}.section-heading>p{font-size:13px;color:var(--muted);margin-bottom:0;flex-shrink:0}.capability-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.capability-grid article{min-width:0;padding:26px 0 35px;border-top:1px solid #706248;border-bottom:1px solid var(--line)}.service-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:45px}.service-top svg{width:85px;height:60px;fill:none;stroke:var(--gold);stroke-width:1.1;stroke-linejoin:round;stroke-linecap:round}.index{font-size:9px}.capability-grid h3{font-size:clamp(26px,2.6vw,40px);letter-spacing:-.04em;margin-bottom:20px}.capability-grid p{font-size:13px;line-height:1.8;color:var(--muted);max-width:280px;min-height:72px;margin-bottom:20px}.capability-grid .text-link{font-size:11px;gap:20px}
.work{padding-left:0;padding-right:0;border-top:1px solid var(--line)}.work .section-heading,.work-note{margin-left:7%;margin-right:7%}.work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 2px}.production-card{min-width:0}.production-card>a{display:block}.production-card>a:focus-visible{outline-offset:-5px}.work-image{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--panel)}.work-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.work-image:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.45),transparent 50%);pointer-events:none}.work-image img[src$='sangyaw-festival.jpg']{object-fit:contain}.work-index{position:absolute;left:30px;top:25px;z-index:1;font-size:9px;text-transform:uppercase;letter-spacing:.1em;background:rgba(0,0,0,.6);padding:7px 10px}.work-play{position:absolute;right:30px;bottom:25px;z-index:1;display:grid;place-items:center;width:45px;height:45px;border:1px solid var(--white);border-radius:50%;font-size:23px}.work-caption{display:flex;justify-content:space-between;gap:25px;align-items:start;padding:22px 30px 0}.work-caption h3{font-size:clamp(22px,2.4vw,34px);letter-spacing:-.04em;margin:0;line-height:1.15}.work-caption>span{font-size:9px;color:var(--muted);padding-top:6px;flex-shrink:0}.work-note{margin-top:35px;margin-bottom:0;font-size:10px;color:var(--muted)}
.creative-team{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:9%;background:var(--panel);border-top:1px solid var(--line);border-bottom:1px solid var(--line);align-items:center}.team-statement{min-width:0}.team-statement h2{font-size:clamp(44px,4.8vw,72px);margin-bottom:30px}.team-statement>p:not(.eyebrow){font-size:14px;color:var(--muted);max-width:430px}.team-statement .text-link{margin-top:10px}.team-process{min-width:0;position:relative}.team-process>.index{margin-bottom:28px}.team-process ol{list-style:none;margin:0;padding:0}.team-process li{display:flex;gap:30px;padding:25px 0;border-top:1px solid var(--line)}.team-process li>span{font-size:10px;color:var(--gold);padding-top:8px}.team-process h3{font-size:36px;letter-spacing:-.045em;margin:0 0 10px}.team-process li p{font-size:12px;color:var(--muted);margin:0}.team-lines{display:block;width:100%;height:65px;margin-top:20px;fill:none;stroke:var(--gold);stroke-width:1;opacity:.4}
.creative-contact h2{font-size:clamp(64px,8.5vw,132px);margin-bottom:45px}.contact-bottom{display:flex;justify-content:space-between;align-items:start;gap:40px;border-top:1px solid var(--line);padding-top:35px}.contact-bottom>p{font-size:14px;color:var(--muted);margin:0}.contact-actions{min-width:0;max-width:100%}.contact-actions .button{max-width:100%}.contact-actions .text-link{display:flex;width:fit-content;max-width:100%}.contact-email{display:block;margin-top:16px;font-size:12px;overflow-wrap:anywhere}.contact-actions small{display:block;font-size:10px;color:var(--muted);margin-top:6px}footer{border-top:1px solid var(--line);padding:40px 5%;display:flex;justify-content:space-between;align-items:center;gap:30px}footer .brand{width:165px}footer>div{display:flex;gap:30px;font-size:10px;color:var(--muted)}footer>div a:hover{color:var(--gold)}footer>span{font-size:9px;color:var(--muted)}
@media(hover:hover){.production-card>a:hover .work-image img{transform:scale(1.035)}}
@media(max-width:1100px){.hero-watch{max-width:28%;font-size:13px}.header nav{gap:22px}.work-caption{display:block}.work-caption>span{display:block;margin-top:10px}.service-top{gap:10px}.service-top svg{width:65px}.creative-team{gap:6%}}
@media(max-width:800px){.header{min-height:95px;padding:20px 5%;gap:15px}.brand{width:160px}.header nav{gap:16px;font-size:10px}.creative-hero{min-height:850px;padding-top:50px}.hero-caption{padding-bottom:145px}.hero-caption h1{font-size:112px}.hero-watch{left:5%;right:auto;bottom:100px;max-width:none}.section{padding:70px 5%}.section-heading{gap:30px}.section-heading>p{max-width:180px}.capability-grid{grid-template-columns:minmax(0,1fr);gap:24px}.capability-grid article{padding:25px 0}.service-top{margin-bottom:20px}.service-top svg{width:80px}.capability-grid h3{font-size:36px}.capability-grid p{max-width:450px;min-height:0}.work{padding-left:0;padding-right:0}.work .section-heading,.work-note{margin-left:5%;margin-right:5%}.creative-team{grid-template-columns:minmax(0,1fr);gap:45px}.team-statement h2{font-size:64px}.team-statement>p:not(.eyebrow){max-width:550px}.contact-bottom{flex-direction:column;gap:30px}footer{flex-wrap:wrap}footer>div{flex-wrap:wrap;gap:20px}}
@media(max-width:560px){.header{flex-wrap:wrap}.header nav{width:100%;display:flex;flex-direction:column;align-items:stretch;gap:0;padding-top:10px}.header nav a{padding:14px 0;border-top:1px solid var(--line)}.js .menu-toggle{display:flex;align-items:center;gap:16px}.js .header nav{position:absolute;left:0;top:100%;padding:12px 5% 20px;background:var(--black);border-bottom:1px solid var(--line);box-shadow:0 20px 30px rgba(0,0,0,.4)}.js .header nav:not(.is-open){display:none}.creative-hero{min-height:800px;padding-top:40px}.hero-caption{max-width:100%;padding-bottom:170px}.hero-caption h1{font-size:clamp(78px,19vw,110px);line-height:.9}.hero-caption .eyebrow{font-size:8px;letter-spacing:.11em}.hero-actions{gap:16px}.hero-actions .button{font-size:11px;padding:15px 18px}.hero-intro{font-size:13px}.hero-image{object-position:65% 50%}.hero-shade{background:linear-gradient(0deg,rgba(0,0,0,.95),rgba(0,0,0,.45) 65%,rgba(0,0,0,.5))}.hero-watch{bottom:120px;font-size:13px}.hero-strip{font-size:8px;letter-spacing:.08em;line-height:1.8}.hero-strip>span:last-child{display:none}.viewfinder{inset:10px;width:calc(100% - 20px);height:calc(100% - 20px)}.section-heading{display:block}.section-heading>p{margin-top:25px;max-width:none}h2{font-size:46px}.work-grid{grid-template-columns:minmax(0,1fr);gap:32px}.work-index{left:20px;top:20px;font-size:8px}.work-play{right:20px;bottom:20px;width:38px;height:38px}.work-caption{padding:20px 5% 0}.work-caption h3{font-size:27px}.team-statement h2{font-size:46px}.team-process li{gap:25px}.creative-contact h2{font-size:clamp(54px,13vw,74px)}.contact-actions .button{gap:25px;font-size:11px}footer>div{width:100%;flex-direction:column;gap:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.production-card>a:hover .work-image img{transform:none}}