@charset "UTF-8";
:root{--bg:#111;--paper:#f5f5f2;--muted:#a7a7a7;--red:#ed382f}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--paper);font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.7}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid var(--red);outline-offset:6px}img{display:block;max-width:100%}header{height:88px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff24;background:#111f;position:sticky;top:0;z-index:20}.brand img{width:174px;height:62px;object-fit:contain}nav{display:flex;gap:34px;align-items:center;font-size:14px}nav a:hover{color:var(--red)}.contact-nav{margin-left:24px;border-bottom:1px solid #666;padding-bottom:5px}.contact-nav span{margin-left:20px}.menu-toggle{display:none}.hero{position:relative;min-height:720px;height:calc(100svh - 88px);max-height:1100px;isolation:isolate}.hero-image,.hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.hero-image{object-position:50% 50%}.hero-shade{z-index:-1;background:linear-gradient(90deg,#000c,#0002),linear-gradient(0deg,#000b,transparent 60%)}.hero-content{padding:80px 7% 90px;max-width:1650px;margin:auto}.eyebrow{font-size:13px;letter-spacing:2px;font-weight:600;margin:0 0 28px}.hero h1{font-size:clamp(56px,6.8vw,112px);letter-spacing:-3px;font-weight:600;line-height:1.18;margin:55px 0 40px}.hero h1>span{display:block}.red-dot{color:var(--red)}.hero-bottom{display:flex;align-items:center;justify-content:space-between;max-width:750px}.hero-bottom p{font-size:18px;line-height:1.9}.round-link{width:116px;height:116px;border:1px solid #ffffff80;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:14px;background:#0001;transition:background .2s}.round-link span{font-size:28px}.round-link:hover{background:var(--red)}.hero-foot{position:absolute;bottom:25px;left:7%;right:7%;display:flex;justify-content:space-between;font-size:12px;letter-spacing:2px}.section{padding:112px 7%;scroll-margin-top:0}.section-top{display:flex;justify-content:space-between;gap:40px;align-items:flex-end;margin-bottom:52px}h2{font-size:clamp(36px,4vw,64px);line-height:1.25;letter-spacing:-1.5px;margin:0;font-weight:500}.section-top>p{font-size:16px;color:var(--muted);max-width:420px;line-height:1.9;margin:0 0 5px}.work-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:44px 28px}.work{grid-column:span 2;border:0;background:none;padding:0;text-align:left;min-width:0}.work.wide{grid-column:span 3}.work-image{position:relative;height:360px;overflow:hidden;background:#242424}.work-image img{width:100%;height:100%;object-fit:cover;transition:transform .65s}.work[data-project="drama"] img{object-position:center 30%}.work:hover img{transform:scale(1.035)}.image-tag{position:absolute;top:20px;left:20px;background:#111a;padding:5px 12px;font-size:12px;letter-spacing:1px}.view{position:absolute;bottom:20px;right:20px;background:var(--paper);color:#111;padding:8px 15px;font-size:14px;opacity:0;transform:translateY(8px);transition:.2s}.work:hover .view,.work:focus-visible .view{opacity:1;transform:none}.work-caption{padding-top:20px;display:flex;justify-content:space-between;align-items:baseline;gap:12px}.work-caption h3{font-size:20px;font-weight:400;margin:0}.work-caption>span{font-size:12px;color:#aaa;white-space:nowrap}.services{background:var(--paper);color:#171717}.services .section-top>p{color:#646464}.services-list article{display:grid;grid-template-columns:70px 1fr 1.2fr;gap:30px;border-top:1px solid #c6c6c1;padding:32px 0;align-items:start}.services-list article:last-child{border-bottom:1px solid #c6c6c1}.services-list article>span{font-size:14px;color:#777}.services h3{margin:0;font-size:27px;font-weight:500}.services-list p{margin:0;color:#646464;line-height:1.9}.about{display:grid;grid-template-columns:1fr 1fr;gap:10%;border-bottom:1px solid #333}.big-type{display:block;font-size:clamp(55px,7vw,105px);font-weight:800;letter-spacing:-5px;line-height:.88;color:#393939;margin-top:55px}.about-copy{padding-top:45px;color:#aaa}.about-copy .lead{font-size:26px;line-height:1.6;color:#eee;margin-top:0}.about-copy p{margin-bottom:25px}.text-link{display:inline-block;margin-top:20px;border-bottom:1px solid #888;padding-bottom:8px}.team{background:#191919}.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:44px 28px}.person-image{height:300px;background:linear-gradient(140deg,#333,#232323);overflow:hidden}.person img{width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:grayscale(1);transition:filter .3s}.person:hover img{filter:none}.person-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:17px}.person h3{font-weight:400;font-size:23px;margin:0}.person-heading span{font-size:14px;color:#bbb}.person p{font-size:14px;color:#aaa;margin:10px 0 0;line-height:1.8}.team-note{font-size:13px;color:#999;margin:38px 0 0}.contact{background:#e8e8e4;color:#111}.contact-heading{display:flex;justify-content:space-between;gap:20px;align-items:center}.contact-heading h2{font-size:clamp(36px,4.7vw,75px)}.contact-arrow{font-size:120px;line-height:1;color:var(--red)}.contact-details{display:grid;grid-template-columns:1.3fr 1fr;gap:30px;margin-top:65px;padding-top:30px;border-top:1px solid #b7b7b4}.contact-details>div>span{display:block;font-size:12px;letter-spacing:1.5px;color:#626262;margin-bottom:14px}.contact-details a,.contact-details button{font-size:clamp(16px,2vw,27px);overflow-wrap:anywhere}.contact-details button{padding:0;border:0;background:none;text-align:left}.contact-details small{font-size:12px;border-bottom:1px solid #999;margin-left:18px}.contact-details p{font-size:14px;margin:5px 0;min-height:24px}footer{display:flex;justify-content:space-between;gap:20px;padding:32px 7%;font-size:13px;color:#aaa}dialog{width:min(880px,92vw);padding:0;background:#181818;color:#eee;border:1px solid #555;max-height:90svh}dialog::backdrop{background:#000c;backdrop-filter:blur(5px)}dialog>img{width:100%;height:320px;object-fit:cover}.dialog-close{position:sticky;top:15px;display:block;margin:15px 15px -55px auto;z-index:2;background:#111d;border:1px solid #777;padding:7px 16px}.dialog-copy{padding:35px 40px}.dialog-copy h2{font-size:32px}.dialog-copy>p:not(.eyebrow),.dialog-copy li{color:#bbb}.dialog-copy ul{padding-left:20px}.dialog-copy li{margin:8px 0}.skip{position:fixed;left:10px;top:-100px;z-index:100;background:#fff;color:#111;padding:10px}.skip:focus{top:10px}
@media(min-width:1700px){.section{padding-left:max(7%,calc((100vw - 1500px)/2));padding-right:max(7%,calc((100vw - 1500px)/2))}}@media(max-width:1000px){nav{gap:20px}.contact-nav{margin-left:0}.hero{min-height:680px}.work-image{height:300px}.work-caption{display:block}.work-caption>span{display:block;margin-top:5px}.services-list article{grid-template-columns:35px 1fr 1.2fr;gap:15px}.services h3{font-size:22px}.person-image{height:240px}.person-heading{display:block}.person-heading span{display:block}.section-top>p{max-width:310px}.contact-arrow{font-size:80px}}@media(max-width:700px){header{height:72px;padding:0 6%}.brand img{width:145px;height:52px}.menu-toggle{display:block;border:1px solid #777;background:none;padding:4px 13px;font-size:14px}nav{display:none;position:absolute;top:72px;left:0;right:0;background:#111;padding:25px 7%;flex-direction:column;align-items:flex-start;gap:20px;border-bottom:1px solid #555}nav.open{display:flex}.hero{height:calc(90svh - 72px);min-height:620px;max-height:900px}.hero-content{padding:60px 7%}.hero h1{font-size:clamp(49px,11vw,76px);letter-spacing:-2px;margin:65px 0 28px}.hero-bottom p{font-size:15px}.round-link{width:88px;height:88px;flex-shrink:0;margin-left:15px;font-size:12px}.hero-foot{font-size:10px;letter-spacing:.5px}.section{padding:70px 7%}.section-top{display:block;margin-bottom:32px}.section-top>p{margin-top:25px;max-width:none;font-size:14px}.eyebrow{font-size:12px;letter-spacing:1.5px;margin-bottom:22px}.work-grid{display:block}.work{display:block;width:100%;margin-bottom:32px}.work:last-child{margin-bottom:0}.work-image{height:270px}.view{opacity:1;transform:none;font-size:12px;padding:5px 10px}.work-caption h3{font-size:20px}.services-list article{grid-template-columns:24px 1fr;padding:25px 0}.services-list p{grid-column:2;font-size:14px}.about{display:block}.big-type{display:none}.about-copy{padding-top:32px}.about-copy .lead{font-size:23px}.team-grid{grid-template-columns:repeat(2,1fr);gap:30px 16px}.person-image{height:200px}.person h3{font-size:21px}.person p{font-size:13px}.person-heading span{font-size:13px}.contact-arrow{display:none}.contact-details{display:block;margin-top:38px}.contact-details>div{margin-bottom:24px}.contact-details a,.contact-details button{font-size:20px}footer{flex-wrap:wrap;font-size:12px}footer>span{display:none}.dialog-copy{padding:25px}.dialog-copy h2{font-size:26px}dialog>img{height:230px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.work-filters{display:flex;justify-content:space-between;gap:15px;margin-bottom:28px}.work-filters select,.work-filters input{font:inherit;background:#1c1c1c;color:#ddd;border:1px solid #444;padding:10px 15px;font-size:14px;border-radius:0}.work-filters input{max-width:270px;width:45%}.no-works{grid-column:1/-1;padding:60px 0;color:#999}.video-help{padding:10px 30px;font-size:14px;color:#aaa}header nav{gap:24px}@media(max-width:1000px){header nav{gap:14px}.contact-nav{margin-left:0}}@media(max-width:700px){header nav{gap:20px}.hero-foot{font-size:12px}.person p{font-size:14px}.hero-bottom p{font-size:16px}.services-list p{font-size:16px}.section-top>p{font-size:16px}.hero h1{letter-spacing:0;font-size:clamp(44px,10vw,72px)}}