:root{--background:#fff;--foreground:#181818;--primary:#c92127;--primary-foreground:#fff;--border:#dedede;--radius:0;--muted:#f3f3f3;--muted-foreground:#666;--card:#fff;--card-foreground:#181818;--accent:#c92127;--accent-foreground:#fff;--ring:#c92127}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;background:var(--background);color:var(--foreground);font-family:Arial,'PingFang SC','Microsoft YaHei',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}p,h1,h2,h3,h4{margin:0}img{display:block;max-width:100%}::selection{background:var(--primary);color:#fff}a:focus-visible,button:focus-visible{outline:2px solid var(--primary);outline-offset:6px}.red{color:var(--primary)}.skip-link{position:fixed;top:-100px;left:20px;padding:12px;background:#fff;z-index:100}.skip-link:focus{top:12px}.section-pad{padding-left:5%;padding-right:5%}.section-topline{display:flex;justify-content:space-between;align-items:center;gap:24px;font-size:13px;line-height:1.6;letter-spacing:.05em}.section-topline>a:hover{color:var(--primary)}
.nav-bar{height:92px;padding:0 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);background:#ffffffed;position:sticky;top:0;z-index:30;backdrop-filter:blur(16px);gap:30px}.brand{flex-shrink:0}.nav-logo{width:210px;height:auto}.nav-symbol{display:none}.nav-bar nav{display:flex;align-items:center;gap:38px;height:100%}.nav-bar nav a{position:relative;display:flex;align-items:center;gap:7px;font-size:14px;height:100%;white-space:nowrap}.nav-bar nav a span{font-size:12px;color:#777}.nav-bar nav a:hover,.nav-bar nav a[aria-current='page']{color:var(--primary)}.nav-bar nav a[aria-current='page']:after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--primary)}.nav-contact{margin-left:16px}
.editorial-hero{padding:32px 5% 0}.hero-note{display:flex;justify-content:space-between;gap:20px;font-size:13px;letter-spacing:.07em}.editorial-wordmark{font-size:clamp(64px,13.1vw,205px);font-weight:700;line-height:1.03;letter-spacing:-.07em;padding:30px 0 28px;white-space:nowrap}.editorial-wordmark>span{color:var(--primary)}.hero-intro{display:flex;justify-content:space-between;align-items:flex-end;padding:0 0 36px;gap:30px}.hero-intro>p{font-size:clamp(20px,2.25vw,34px);line-height:1.5;font-weight:400;letter-spacing:.025em}.hero-intro>span{text-align:right;font-size:13px;color:#666;line-height:1.9;letter-spacing:.05em}.reel-stage{position:relative;display:block;aspect-ratio:2.15;background:#101010;color:white;overflow:hidden}.reel-stage>img{width:100%;height:100%;object-fit:cover;transition:transform .8s}.reel-stage:hover>img{transform:scale(1.025)}.reel-overlay{position:absolute;inset:0;background:linear-gradient(0deg,#0009,transparent 48%)}.reel-tag{position:absolute;left:30px;top:26px;font-size:12px;letter-spacing:.08em}.reel-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:84px;height:84px;border:1px solid #ffffffc4;border-radius:50%;display:grid;place-content:center;background:#0002;transition:background .25s,border-color .25s}.reel-play svg{margin-left:4px}.reel-stage:hover .reel-play{background:var(--primary);border-color:var(--primary)}.reel-bottom{position:absolute;bottom:28px;left:30px;right:30px;display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.reel-bottom strong{font-size:clamp(25px,3vw,44px);font-weight:400;letter-spacing:-.02em}.reel-bottom span{font-size:13px;letter-spacing:.06em}.hero-caption{display:flex;justify-content:space-between;gap:20px;padding:22px 0 52px;font-size:13px;border-bottom:1px solid var(--border);color:#666}.hero-caption a{color:#181818;text-decoration:underline;text-underline-offset:5px}.hero-caption a:hover{color:var(--primary)}
.about-home{padding-top:54px;padding-bottom:90px}.about-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:9%;padding-top:56px}.about-picture{margin:0}.about-picture img{width:100%;aspect-ratio:1.2;object-fit:cover;filter:grayscale(1)}.picture-label{display:block;font-size:12px;color:#777;padding-top:14px;letter-spacing:.08em}.about-copy .eyebrow{font-size:13px;color:#666;letter-spacing:.07em}.about-copy h2{font-size:clamp(32px,3.7vw,56px);font-weight:500;line-height:1.35;letter-spacing:-.035em;margin:22px 0 27px}.about-copy>p:not(.eyebrow){font-size:17px;color:#666;line-height:1.9;max-width:430px}.pill{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;font-size:14px;border-bottom:1px solid #181818;padding:12px 0;margin-top:25px;transition:color .2s}.pill:hover{color:var(--primary);border-color:var(--primary)}.about-services{display:flex;flex-wrap:wrap;gap:24px;font-size:13px;color:#666;margin-top:38px}
.works-section{padding-top:36px;padding-bottom:100px;min-height:70vh}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;margin:50px 0}.section-heading h1,.section-heading h2{font-size:clamp(42px,5.8vw,88px);line-height:1.15;font-weight:500;letter-spacing:-.04em}.work-count{font-size:13px;color:#666}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px 32px}.work-image{position:relative;aspect-ratio:1.9;overflow:hidden;background:#111}.work-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s,opacity .4s}.work-number{position:absolute;top:18px;left:20px;font-size:12px;color:#fff;letter-spacing:.07em;text-shadow:0 1px 8px #000}.work-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-45%);display:flex;align-items:center;gap:12px;background:#fff;color:#181818;padding:14px 20px;font-size:14px;white-space:nowrap;opacity:0;transition:opacity .25s,transform .25s}.work-card:hover .work-play,.work-card:focus-visible .work-play{opacity:1;transform:translate(-50%,-50%)}.work-card:hover .work-image img,.work-card:focus-visible .work-image img{transform:scale(1.03);opacity:.7}.work-info{display:flex;align-items:center;gap:20px;padding-top:18px}.work-en{font-size:12px;color:#777;letter-spacing:.065em;margin-bottom:8px}.work-info h2,.work-info h3{font-size:21px;line-height:1.5;font-weight:500}.work-kind{margin-left:auto;font-size:13px;color:#666;white-space:nowrap}.card-plus{display:flex;flex-shrink:0;color:#777}.work-card:hover .card-plus{color:var(--primary)}
.contact-section{background:#181818;color:#fff;padding-top:40px}.contact-section .section-topline{color:#aaa}.contact-title{display:block;font-size:clamp(38px,5.3vw,80px);font-weight:500;letter-spacing:-.035em;line-height:1.3;margin:46px 0 32px}.contact-title:hover{color:#ddd}.contact-detail{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding-bottom:56px}.contact-detail>a{font-size:clamp(24px,3vw,40px);border-bottom:1px solid #777;padding-bottom:6px}.contact-detail>span{font-size:14px;color:#aaa}.footer-bottom{border-top:1px solid #444;display:flex;justify-content:space-between;align-items:center;gap:30px;padding:30px 0;font-size:12px;color:#aaa}.footer-brand img{width:220px;height:auto}.footer-bottom>a:last-child:hover{color:#fff}
.project-page{padding-top:34px;padding-bottom:80px}.project-page>.section-topline>a{border-bottom:1px solid #999;padding-bottom:4px}.project-heading{padding:52px 0 36px}.project-heading>p{font-size:13px;letter-spacing:.07em;margin-bottom:20px;color:#666}.project-heading h1{font-size:clamp(34px,5.1vw,78px);line-height:1.25;font-weight:500;letter-spacing:-.035em;max-width:1100px}.project-kind{display:inline-block;margin-top:24px;font-size:14px;color:#666}.project-player{background:#101010;overflow:hidden;aspect-ratio:16/9}.project-player video,.project-player iframe{display:block;width:100%;height:100%;border:0}.project-watch{display:block;position:relative;width:100%;height:100%;color:white}.project-watch>img{width:100%;height:100%;object-fit:contain}.project-watch-shade{position:absolute;inset:0;background:#0003}.project-watch-button{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;gap:15px;padding:20px 28px;background:#fffffff2;color:#181818;font-size:16px;white-space:nowrap}.project-watch:hover .project-watch-button{background:var(--primary);color:#fff}.player-caption{display:flex;justify-content:space-between;gap:20px;padding:18px 0;font-size:13px;color:#666}.player-caption a{text-decoration:underline;text-underline-offset:4px}.project-story{display:grid;grid-template-columns:1fr 1.4fr;gap:40px;padding:64px 0 72px}.project-story h2{font-size:27px;font-weight:500}.project-story p{font-size:20px;line-height:1.8;max-width:700px}.project-story dl{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;border-top:1px solid var(--border);padding-top:26px;margin-top:35px}.project-story dt{font-size:13px;color:#777;margin-bottom:12px}.project-story dd{font-size:15px;margin:0}.next-project{display:flex;align-items:center;gap:30px;border-top:1px solid var(--border);padding-top:32px}.next-project>div{flex:1}.next-project span{font-size:13px;color:#666}.next-project h2{font-size:clamp(25px,3vw,42px);font-weight:500;margin-top:14px}.next-project>img{width:24%;aspect-ratio:1.8;object-fit:cover}.next-project:hover h2{color:var(--primary)}.reel-after{padding:50px 0 0}.reel-after h2{font-size:30px;font-weight:500}
.studio-detail{padding-top:34px;padding-bottom:88px}.studio-detail>.section-topline{color:#666}.back-to-work{font-size:14px}.studio-detail-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;padding:52px 0}.studio-detail-heading h1{font-size:clamp(48px,6.5vw,96px);font-weight:500;line-height:1.15;letter-spacing:-.04em}.studio-detail-heading>span{font-size:14px;color:#777}.studio-banner{display:grid;grid-template-columns:1.2fr 1fr;gap:8%;align-items:center;margin-bottom:66px}.studio-banner>img{width:100%;aspect-ratio:1.4;object-fit:cover;filter:grayscale(1)}.studio-banner h2{font-size:clamp(30px,3.5vw,52px);line-height:1.4;font-weight:500;margin-bottom:24px;letter-spacing:-.03em}.studio-banner p{font-size:17px;line-height:1.9;color:#666}.services{display:grid;grid-template-columns:1fr 1fr;gap:50px;border-top:1px solid var(--border);padding-top:30px}.service-index{display:block;color:var(--primary);font-size:13px;margin-bottom:22px}.services h3{font-size:28px;font-weight:500;margin-bottom:12px}.services div>span:not(.service-index){font-size:12px;color:#777;letter-spacing:.06em}.services p{font-size:16px;color:#666;margin-top:22px;line-height:1.8}.milestone-section,.team-text-section,.resource-section{margin-top:82px}.detail-section-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-bottom:26px}.detail-section-heading h2{font-size:26px;font-weight:500}.detail-section-heading>span{font-size:12px;color:#777;letter-spacing:.06em}.milestone-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--border)}.milestone-list li{display:grid;grid-template-columns:110px 1fr 1fr;gap:30px;padding:27px 0;border-bottom:1px solid var(--border);align-items:baseline}.milestone-list li>span{font-size:13px;color:#777}.milestone-list strong{font-size:18px;font-weight:500}.milestone-list p{font-size:16px;color:#666;line-height:1.7}.team-list{margin:0;border-top:1px solid var(--border)}.team-row{display:grid;grid-template-columns:1fr .8fr 1.1fr;align-items:center;gap:30px;padding:30px 0;border-bottom:1px solid var(--border)}.team-row dt{display:flex;align-items:center;gap:18px}.team-index{font-size:12px;color:#777;width:24px}.team-name{font-size:28px;white-space:nowrap}.team-name-en{font-size:12px;color:#777;letter-spacing:.05em}.team-row dd{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0;font-size:16px}.team-role-en{font-size:12px;color:#777}.team-row .team-bio{font-size:15px;color:#666;line-height:1.8}.resource-section>p{font-size:18px;color:#666;line-height:1.9;max-width:720px}
@media(min-width:1800px){.section-pad,.editorial-hero,.nav-bar{padding-left:max(5%,calc((100vw - 1680px)/2));padding-right:max(5%,calc((100vw - 1680px)/2))}.editorial-wordmark{font-size:210px}}
@media(max-width:1000px){.nav-bar nav{gap:22px}.nav-logo{width:175px}.nav-contact{margin-left:0}.work-kind{display:none}.work-info{justify-content:space-between}.team-row{grid-template-columns:1fr 1fr}.team-bio{grid-column:2}.team-row dd{flex-wrap:wrap;gap:8px}.about-layout{gap:6%}.hero-intro>span{font-size:12px}}
@media(max-width:700px){html{scroll-padding-top:78px}.nav-bar{height:76px;gap:15px}.nav-logo{width:130px}.nav-bar nav{gap:16px}.nav-bar nav a{font-size:14px}.nav-bar nav a span{display:none}.hero-note{font-size:12px;letter-spacing:0}.hero-note>span:last-child{display:none}.editorial-hero{padding-top:23px}.editorial-wordmark{font-size:13vw;padding:30px 0 24px}.hero-intro{padding-bottom:25px;align-items:flex-start}.hero-intro>p{font-size:21px;line-height:1.55}.hero-intro>span{font-size:12px;line-height:1.8;max-width:110px}.reel-stage{aspect-ratio:1.25}.reel-stage>img{object-position:47%}.reel-tag{top:18px;left:18px;font-size:12px}.reel-play{width:64px;height:64px}.reel-play svg{width:22px}.reel-bottom{left:18px;right:18px;bottom:20px}.reel-bottom strong{font-size:26px}.reel-bottom span{font-size:12px}.hero-caption{font-size:12px;padding:20px 0 30px}.section-topline{font-size:12px;gap:16px}.about-home{padding-top:32px;padding-bottom:50px}.about-layout{grid-template-columns:1fr;gap:30px;padding-top:30px}.about-picture img{aspect-ratio:1.5}.about-copy h2{font-size:36px;margin:16px 0 22px}.about-copy>p:not(.eyebrow){font-size:16px}.about-services{margin-top:28px}.works-section{padding-top:25px;padding-bottom:56px}.section-heading{margin:34px 0}.section-heading h1{font-size:46px}.work-count{font-size:12px}.work-grid{grid-template-columns:1fr;gap:34px}.work-info h2,.work-info h3{font-size:19px}.work-image{aspect-ratio:1.85}.work-play{opacity:1;left:auto;top:auto;bottom:12px;right:12px;transform:none;padding:9px 12px;font-size:12px}.work-card:hover .work-play,.work-card:focus-visible .work-play{transform:none}.work-info{padding-top:15px}.contact-section{padding-top:28px}.contact-section .section-topline>span:last-child{display:none}.contact-title{font-size:39px;margin:36px 0 28px}.contact-detail{align-items:flex-start;flex-direction:column;gap:22px;padding-bottom:38px}.contact-detail>a{font-size:27px}.footer-bottom{display:grid;grid-template-columns:1fr auto;gap:22px;padding:26px 0}.footer-brand img{width:170px}.footer-bottom>span{grid-row:2;grid-column:1/-1}.footer-bottom>a:last-child{grid-row:1;grid-column:2}.project-page{padding-top:25px;padding-bottom:48px}.project-heading{padding:36px 0 28px}.project-heading h1{font-size:36px}.project-heading>p{font-size:12px}.project-kind{font-size:13px;margin-top:18px}.project-watch-button{padding:13px 18px;gap:10px;font-size:13px}.project-watch-button svg{width:19px}.player-caption{font-size:12px;flex-direction:column;gap:8px;line-height:1.6}.project-story{grid-template-columns:1fr;gap:20px;padding:32px 0 42px}.project-story h2{font-size:24px}.project-story p{font-size:17px}.project-story dl{grid-template-columns:1fr 1fr;gap:24px}.project-story dd{font-size:14px}.next-project{gap:18px}.next-project>img{display:none}.next-project h2{font-size:26px}.next-project span{font-size:12px}.next-project svg{width:28px}.reel-after h2{font-size:27px}.studio-detail{padding-top:25px;padding-bottom:52px}.studio-detail-heading{padding:36px 0;display:block}.studio-detail-heading h1{font-size:48px}.studio-detail-heading>span{display:block;margin-top:16px}.studio-banner{grid-template-columns:1fr;gap:28px;margin-bottom:38px}.studio-banner>img{aspect-ratio:1.5}.studio-banner h2{font-size:34px}.studio-banner p{font-size:16px}.services{gap:25px}.services h3{font-size:24px}.services div>span:not(.service-index){display:block;line-height:1.7}.services p{font-size:15px}.milestone-section,.team-text-section,.resource-section{margin-top:54px}.detail-section-heading{padding-bottom:22px}.detail-section-heading h2{font-size:23px}.milestone-list li{grid-template-columns:54px 1fr;gap:8px 16px;padding:23px 0}.milestone-list p{grid-column:2;font-size:15px}.milestone-list strong{font-size:17px}.team-row{grid-template-columns:1fr;gap:15px;padding:26px 0}.team-row dt{gap:18px}.team-index{width:18px}.team-name{font-size:25px}.team-row dd{padding-left:36px;align-items:flex-start;font-size:15px}.team-bio{grid-column:auto}.resource-section>p{font-size:16px}}
@media(max-width:380px){.nav-logo{width:105px}.nav-bar nav{gap:12px}.nav-bar{gap:10px}.hero-intro>span{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* Cinematic direction: fullscreen reel, black portfolio, red contact. */
.site-dark{background:#000;color:#f5f5f5;--border:#303030;--background:#000;--foreground:#f5f5f5;min-height:100vh}.nav-bar.nav-dark{background:#000e;color:#f5f5f5;border-color:#292929}.nav-dark nav a span{color:#999}.nav-dark nav a:hover,.nav-dark nav a[aria-current='page']{color:#fff}.nav-dark nav a[aria-current='page']:after{background:#e63326}.nav-bar.nav-overlay{position:absolute;inset:0 0 auto;z-index:30;background:linear-gradient(#0009,transparent);border:0;backdrop-filter:none}.cinema-hero{height:100svh;min-height:570px;background:#000;color:#fff}.cinema-reel{display:block;position:relative;height:100%;width:100%;overflow:hidden}.cinema-reel>img{width:100%;height:100%;object-fit:cover}.cinema-bottom{position:absolute;left:5%;right:5%;bottom:6%;display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.cinema-kicker{display:block;font-size:12px;letter-spacing:.1em;margin-bottom:16px}.cinema-bottom strong{font-size:clamp(34px,4.2vw,64px);font-weight:400;letter-spacing:-.04em;line-height:1}.cinema-bottom small{font-size:14px;font-weight:400;color:#ccc;margin-left:16px;letter-spacing:.02em}.cinema-play{display:flex;gap:24px;align-items:center;font-size:14px}.cinema-play i{display:grid;place-items:center;width:76px;height:76px;border:1px solid #ffffffa0;border-radius:50%;font-style:normal;transition:background .25s,border-color .25s}.cinema-play svg{margin-left:4px}.cinema-reel:hover .cinema-play i{background:#e63326;border-color:#e63326}.contact-section{background:#e63326;color:#fff}.contact-section .section-topline,.contact-detail>span,.footer-bottom{color:#fff}.contact-detail>a{border-color:#ffffff90}.footer-bottom{border-color:#ffffff60}.contact-title:hover{color:#fff;opacity:.8}
.works-cinema{padding-top:36px;padding-bottom:100px}.works-cinema .work-grid{grid-template-columns:1fr;gap:65px}.works-cinema .work-image{aspect-ratio:2.25;background:#080808}.works-cinema .work-info{padding-top:23px;gap:24px}.works-cinema .work-info h2{font-size:clamp(24px,3vw,40px);font-weight:400}.works-cinema .work-en{color:#aaa;margin-bottom:10px}.works-cinema .work-kind{display:block;color:#aaa}.works-cinema .work-number{left:24px;top:24px}.works-cinema .card-plus{color:#bbb}.site-dark .work-count,.site-dark .project-heading>p,.site-dark .project-kind,.site-dark .player-caption,.site-dark .project-story dt,.site-dark .next-project span{color:#aaa}.site-dark .work-card:hover .card-plus{color:#fff}.site-dark .studio-detail>.section-topline,.site-dark .studio-detail-heading>span{color:#aaa}.site-dark .studio-banner>img{filter:none}.tomato-intro{grid-template-columns:1.05fr 1fr;gap:7%;margin-top:-14px;margin-bottom:80px;min-height:600px}.tomato-intro>img{height:640px;max-height:75svh;aspect-ratio:auto;object-fit:contain}.studio-since{font-size:13px;letter-spacing:.15em;color:#aaa;display:block;margin-bottom:25px}.tomato-intro h2{font-size:clamp(40px,5vw,76px);line-height:1.25;margin-bottom:36px}.site-dark .tomato-intro p{color:#c2c2c2;font-size:19px;line-height:1.9}.site-dark .tomato-intro .studio-question{color:white;font-size:27px;margin-bottom:14px}.site-dark .services div>span:not(.service-index),.site-dark .services p,.site-dark .detail-section-heading>span,.site-dark .milestone-list li>span,.site-dark .milestone-list p,.site-dark .team-name-en,.site-dark .team-index,.site-dark .team-role-en,.site-dark .team-row .team-bio,.site-dark .resource-section>p{color:#aaa}.site-dark .milestone-list li{grid-template-columns:190px 75px minmax(180px,1fr) 1fr;align-items:center;gap:30px;padding:30px 0}.award-logo{width:170px;height:132px;display:flex;align-items:center;justify-content:center}.award-logo img{width:auto;height:100%;max-width:100%;object-fit:contain;filter:grayscale(1)}.award-logo-wide img{width:190px;height:140px;object-fit:cover;object-position:center;max-width:none}.on-set-section{position:relative;margin-bottom:80px}.photo-pause{width:16px;height:16px;accent-color:#e63326;vertical-align:middle;margin:0 9px 0 0}.photo-pause-label{font-size:13px;color:#aaa;cursor:pointer;vertical-align:middle}.photo-viewport{margin-top:24px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#555 #111;outline-offset:6px}.photo-viewport:focus-visible{outline:1px solid #e63326}.photo-track{display:flex;width:max-content;animation:on-set-scroll 38s linear infinite}.photo-group{display:flex;gap:24px;padding-right:24px;flex-shrink:0}.photo-group figure{width:clamp(290px,39vw,640px);margin:0}.photo-group img{width:100%;aspect-ratio:1.5;object-fit:cover;height:auto}.photo-group figcaption{padding:14px 0 16px;font-size:12px;letter-spacing:.08em;color:#888}.photo-viewport:hover .photo-track,.photo-viewport:focus-within .photo-track,.photo-pause:checked~.photo-viewport .photo-track{animation-play-state:paused}@keyframes on-set-scroll{to{transform:translateX(-50%)}}
@media(max-aspect-ratio:4/3){.cinema-reel>img{object-fit:contain}.cinema-hero{min-height:560px}}
@media(max-width:700px){.cinema-hero{height:100svh;min-height:520px}.cinema-reel>img{object-fit:contain;object-position:center 43%}.cinema-bottom{bottom:8%;align-items:center;gap:15px}.cinema-kicker{font-size:11px;letter-spacing:.07em;margin-bottom:13px}.cinema-bottom strong{font-size:36px}.cinema-bottom small{font-size:12px;margin-left:8px}.cinema-play{gap:10px}.cinema-play>span{display:none}.cinema-play i{width:58px;height:58px}.cinema-play svg{width:21px}.works-cinema{padding-top:25px;padding-bottom:55px}.works-cinema .work-grid{gap:38px}.works-cinema .work-image{aspect-ratio:1.8}.works-cinema .work-info{padding-top:16px;gap:16px}.works-cinema .work-info h2{font-size:23px}.works-cinema .work-number{left:15px;top:16px}.works-cinema .work-kind{display:none}.tomato-intro{grid-template-columns:1fr;gap:28px;min-height:0;margin-bottom:48px;margin-top:-20px}.tomato-intro>img{height:440px;max-height:62svh;width:100%}.tomato-intro h2{font-size:43px;margin-bottom:26px}.studio-since{margin-bottom:18px;font-size:12px}.site-dark .tomato-intro p{font-size:17px}.site-dark .tomato-intro .studio-question{font-size:24px}.on-set-section{margin-bottom:48px}.photo-group figure{width:82vw}.photo-group{gap:16px;padding-right:16px}.photo-viewport{margin-right:-5.55%;}.site-dark .milestone-list li{grid-template-columns:95px 1fr;gap:8px 20px;padding:25px 0}.award-logo{grid-row:1/4;grid-column:1;width:95px;height:100px}.award-logo img{max-width:95px}.award-logo-wide img{width:110px;height:100px;max-width:none}.site-dark .milestone-list li>span,.site-dark .milestone-list strong,.site-dark .milestone-list p{grid-column:2}.site-dark .milestone-list p{font-size:14px}.site-dark .milestone-list strong{font-size:17px}.contact-title{font-size:36px}}
@media(prefers-reduced-motion:reduce){.photo-track{animation:none}.photo-group[aria-hidden='true']{display:none}.photo-pause,.photo-pause-label{display:none}}

/* Persistent navigation and a clean white homepage. */
.nav-bar{position:sticky;top:0;background:#fff;z-index:50}.nav-bar.nav-dark{background:#000}.nav-bar.nav-overlay{position:sticky;inset:auto;top:0}.cinema-hero{height:calc(100svh - 92px);min-height:430px;margin:0}.cinema-reel>img{object-fit:contain}.cinema-bottom{bottom:5%}.nav-dark .nav-logo{width:210px;height:auto}
@media(max-width:700px){.cinema-hero{height:calc(100svh - 76px);min-height:390px}.nav-dark .nav-logo{width:120px}.cinema-reel>img{object-position:center}}
/* Red portfolio, document artwork, and the film's original poster. */
.site-red{background:#d72b21;color:#fff;--border:#ffffff55;min-height:100vh}.site-red .red,.site-red .work-count,.site-red .work-en,.site-red .work-kind,.site-red .card-plus{color:#fff}.site-red .work-card{padding-bottom:30px;border-bottom:1px solid #ffffff55}.site-red .work-image img{object-fit:contain}.site-red .work-image{background:#080808}.site-red .contact-section{background:#bd211a}.site-red a:focus-visible{outline-color:#fff}.site-dark .milestone-section{margin-top:0;margin-bottom:80px}.film-intro{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:7%;align-items:center;margin:15px 0 70px}.film-poster{display:block;position:relative;aspect-ratio:1404/1960;overflow:hidden;background:#fff}.film-poster img{position:absolute;right:0;top:0;width:209.402%;height:100%;max-width:none}.film-eyebrow{color:#aaa;font-size:13px;letter-spacing:.06em}.film-synopsis h2{font-size:34px;font-weight:400;margin:24px 0 30px}.film-synopsis p{font-size:17px;line-height:1.9;color:#ccc;margin-bottom:22px}.film-synopsis dl{display:flex;gap:60px;margin-top:30px;border-top:1px solid #333;padding-top:24px}.film-synopsis dt{color:#aaa;font-size:13px;margin-bottom:12px}.film-synopsis dd{margin:0;font-size:16px}.film-artwork{margin:0 0 64px}.film-artwork>img{width:100%;height:auto}.film-artwork figcaption{font-size:13px;color:#aaa;margin-top:16px}
@media(max-width:700px){.site-dark .milestone-section{margin-bottom:48px}.film-intro{grid-template-columns:1fr;gap:36px;margin:0 0 40px}.film-poster{width:100%;max-width:480px;margin:auto}.film-synopsis h2{font-size:28px;margin:20px 0}.film-synopsis p{font-size:16px}.film-artwork{margin-bottom:40px}.site-red .work-card{padding-bottom:24px}.site-red .work-image{aspect-ratio:2.25}}
/* White editorial reel, directly playable media, edge-to-edge thumbnails. */
.site-red .work-image img{object-fit:cover}.project-watch>img{object-fit:cover}.home-reel{background:#fff;color:#181818;padding-top:24px;padding-bottom:0}.home-reel-topline{display:flex;justify-content:space-between;gap:20px;font-size:12px;letter-spacing:.08em}.home-wordmark{font-size:clamp(64px,13.6vw,210px);line-height:1.08;letter-spacing:-.075em;font-weight:700;padding:18px 0 28px;white-space:nowrap}.home-wordmark>span{color:#c92127}.home-reel-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.home-reel-heading h2{font-size:clamp(24px,3vw,40px);font-weight:400;letter-spacing:-.03em}.home-reel-heading h2 span{font-size:14px;color:#666;margin-left:12px;letter-spacing:0}.home-reel-heading>span{font-size:13px;color:#666;letter-spacing:.04em}.home-reel-player{background:#fff;aspect-ratio:2852/1598;overflow:hidden}.home-reel-player video{display:block;width:100%;height:100%;object-fit:cover}.home-reel-caption{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0 32px;font-size:13px;color:#666;letter-spacing:.04em}.home-reel-caption a{color:#181818;border-bottom:1px solid #181818;padding-bottom:4px}.film-trailer{margin:0 0 64px}.film-trailer video{display:block;width:100%;aspect-ratio:16/9;background:#000}.film-trailer .detail-section-heading{margin-bottom:24px}
@media(max-width:700px){.home-reel{padding-top:18px}.home-reel-topline{font-size:11px;letter-spacing:0}.home-reel-topline>span:last-child{display:none}.home-wordmark{font-size:13.6vw;padding:18px 0 24px}.home-reel-heading{margin-bottom:18px}.home-reel-heading>span{font-size:11px;max-width:145px;text-align:right}.home-reel-heading h2{font-size:25px}.home-reel-heading h2 span{font-size:12px;margin-left:8px}.home-reel-caption{font-size:11px;padding:20px 0 28px}.film-trailer{margin-bottom:40px}}
/* Shared light grey canvas for home, portfolio and project pages. */
body{background:#f3f3f3}.nav-bar{background:#f3f3f3}.home-reel{background:#f3f3f3}.home-reel-player{background:#f3f3f3}.site-light{background:#f3f3f3;color:#181818;--border:#d5d5d5;--background:#f3f3f3;--foreground:#181818;min-height:100vh}.site-light .work-en,.site-light .work-kind,.site-light .work-count,.site-light .card-plus{color:#666}.site-light .work-card{padding-bottom:30px;border-bottom:1px solid #d5d5d5}.site-light .work-image img{object-fit:cover}.site-light .film-eyebrow,.site-light .film-artwork figcaption,.site-light .film-synopsis dt{color:#666}.site-light .film-synopsis p{color:#444}.site-light .film-synopsis dl{border-color:#d5d5d5}.site-light .film-trailer .detail-section-heading{border-color:#d5d5d5}.site-light .work-card:hover .card-plus{color:#c92127}.site-light .work-image{aspect-ratio:2.25}.site-light .nav-bar{border-color:#d5d5d5}
/* Full-width homepage player; typography retains its editorial margins. */
.home-reel{padding-left:0;padding-right:0}.home-reel>:not(.home-reel-player){margin-left:5%;margin-right:5%}.home-reel-player{width:100%;margin:0}

.studio-detail>.services{margin-bottom:80px}
@media(max-width:700px){.studio-detail>.services{margin-bottom:48px}}
/* Mobile navigation stays usable without JavaScript; enhancement only closes it. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}.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}.brand{display:block;flex:0 0 auto}.nav-logo{display:block!important;visibility:visible!important;opacity:1!important}.mobile-menu{display:none}.award-logo{isolation:auto}.award-logo img{mix-blend-mode:screen}.award-logo-wide img{object-fit:contain;width:100%;height:100%;max-width:100%}
@media(max-width:760px){
 html{scroll-padding-top:84px}.nav-bar{height:72px;padding:0 5%;gap:16px;backdrop-filter:none}.nav-bar .brand{max-width:calc(100% - 64px)}.nav-bar .nav-logo,.nav-dark .nav-logo{width:164px;min-width:130px;height:auto;max-width:100%}.nav-bar>.desktop-nav{display:none}.mobile-menu{display:block;margin-left:auto;color:inherit}.mobile-menu summary{list-style:none;display:flex;align-items:center;justify-content:center;width:44px;height:44px;cursor:pointer;border:1px solid #ccc;border-radius:0}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu summary::marker{content:''}.nav-dark .mobile-menu summary{border-color:#555}.mobile-menu summary:focus-visible{outline:2px solid #c92127;outline-offset:4px}.menu-bars{position:relative;width:20px;height:2px;background:currentColor}.menu-bars:before,.menu-bars:after{content:'';position:absolute;left:0;width:20px;height:2px;background:currentColor;transition:transform .2s}.menu-bars:before{top:-6px}.menu-bars:after{top:6px}.mobile-menu[open] .menu-bars{background:transparent}.mobile-menu[open] .menu-bars:before{top:0;transform:rotate(45deg)}.mobile-menu[open] .menu-bars:after{top:0;transform:rotate(-45deg)}.nav-bar .mobile-menu nav{position:absolute;left:0;right:0;top:100%;height:auto;display:flex;flex-direction:column;align-items:stretch;gap:0;background:#f3f3f3;border-bottom:1px solid #ccc;padding:8px 5% 16px;box-shadow:0 12px 18px #00000012}.nav-dark .mobile-menu nav{background:#000;border-color:#333}.nav-bar .mobile-menu nav a{height:auto;min-height:48px;padding:13px 0;justify-content:space-between;font-size:16px;border-bottom:1px solid #d5d5d5}.nav-bar .mobile-menu nav a:last-child{border-bottom:0}.nav-dark .mobile-menu nav a{border-color:#333}.nav-bar .mobile-menu nav a span{display:inline;font-size:12px;letter-spacing:.06em}.nav-bar .mobile-menu nav a[aria-current='page']:after{display:none}.nav-bar .mobile-menu .nav-contact{margin-left:0}
 .home-reel{padding-top:18px}.home-reel-topline{display:block;font-size:11px;line-height:1.5;letter-spacing:.02em}.home-reel-topline>span:last-child{display:none}.home-wordmark{font-size:13.6vw;padding-top:14px;padding-bottom:20px}.home-reel-caption{gap:12px;flex-wrap:wrap;font-size:12px;line-height:1.6;padding:18px 0 24px}.home-reel-caption a{font-size:14px}.section-topline{font-size:12px;line-height:1.6}.section-heading{margin:30px 0}.section-heading h1,.studio-detail-heading h1{font-size:38px}.works-cinema .work-info h2{font-size:21px;line-height:1.45}.works-cinema .work-info{gap:14px}.work-info>div{min-width:0}.work-en{font-size:12px}.work-count{font-size:12px}.project-heading h1{font-size:30px;line-height:1.35;overflow-wrap:anywhere}.project-heading{padding:30px 0 24px}.project-story p,.film-synopsis p{font-size:16px;line-height:1.8}.project-watch-button{font-size:13px;max-width:90%;white-space:normal;text-align:center;padding:12px 16px}.next-project h2{font-size:23px;line-height:1.45}.detail-section-heading{align-items:flex-start;gap:12px}.detail-section-heading h2{font-size:24px;flex-shrink:0}.detail-section-heading>span{font-size:11px;line-height:1.5;text-align:right}.tomato-intro h2{font-size:36px;line-height:1.3}.site-dark .tomato-intro p{font-size:16px;line-height:1.8}.site-dark .tomato-intro .studio-question{font-size:22px}.services{gap:24px}.services h3{font-size:22px}.services p{font-size:15px}.services div>span:not(.service-index){font-size:11px;line-height:1.6}.team-name{font-size:23px}.team-row dd,.resource-section>p{font-size:16px;line-height:1.7}
 .site-dark .milestone-list li{grid-template-columns:76px minmax(0,1fr);gap:8px 20px;align-items:start;padding:24px 0}.award-logo{grid-column:1;grid-row:1/4;width:76px;height:88px;align-self:center}.award-logo img,.award-logo-wide img{max-width:100%;width:100%;height:100%;object-fit:contain}.site-dark .milestone-list li>span{grid-column:2;grid-row:1;font-size:12px}.site-dark .milestone-list strong{grid-column:2;grid-row:2;font-size:17px;line-height:1.5;word-break:normal}.site-dark .milestone-list p{grid-column:2;grid-row:3;font-size:14px;line-height:1.7;word-break:normal}
 .contact-section{padding-top:28px}.contact-section .section-topline{font-size:11px;letter-spacing:.04em}.contact-section .section-topline>span:last-child{display:none}.contact-title{font-size:28px;line-height:1.45;letter-spacing:-.025em;margin:26px 0 22px;max-width:16em}.contact-detail{gap:20px;padding-bottom:30px;align-items:flex-start;flex-direction:column}.contact-detail>a{font-size:23px;line-height:1.4}.contact-detail>span{font-size:13px;line-height:1.7}.footer-bottom{font-size:11px;gap:18px;padding:24px 0;display:grid;grid-template-columns:1fr auto}.footer-brand img{width:150px}.footer-bottom>a:last-child{font-size:12px}.footer-bottom>span{line-height:1.6}
}
@media(max-width:360px){.nav-bar .nav-logo{width:145px}.contact-title{font-size:25px}.services{grid-template-columns:1fr}.site-dark .milestone-list li{grid-template-columns:64px minmax(0,1fr);gap:8px 16px}.award-logo{width:64px}.home-reel-caption{font-size:11px}.project-heading h1{font-size:27px}}
.award-logo-wide{overflow:hidden}.award-logo-wide img{width:180%;height:180%;max-width:none;flex:none;object-fit:contain}

/* Bilingual navigation and English text proportions. */
.nav-bar>.desktop-nav{margin-left:auto}.language-switch{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;font-size:14px;letter-spacing:.04em;border-left:1px solid #ccc;padding-left:20px}.nav-dark .language-switch{border-color:#444}.language-switch:hover{color:#c92127}.locale-en .contact-title{font-size:clamp(32px,5vw,72px);max-width:16em;line-height:1.15}.locale-en .project-heading h1{font-size:clamp(32px,5vw,76px);line-height:1.12;max-width:20ch;overflow-wrap:normal}.locale-en .tomato-intro h2{font-size:clamp(32px,4.2vw,64px);line-height:1.15}.locale-en .services h3{font-size:clamp(26px,3.5vw,48px)}.locale-en .detail-section-heading h2{flex-shrink:1}.locale-en .team-name{font-size:30px}.locale-en .next-project h2{font-size:clamp(24px,3.4vw,50px);line-height:1.25}
@media(max-width:1000px) and (min-width:761px){.nav-bar{gap:16px}.nav-bar nav{gap:20px}.nav-contact{margin-left:0}.nav-logo{width:180px}.language-switch{padding-left:12px}}
@media(max-width:760px){.nav-bar{gap:10px}.nav-bar .brand{max-width:calc(100% - 108px)}.language-switch{margin-left:auto;min-width:40px;padding:0;border:0;font-size:13px}.mobile-menu{margin-left:0}.locale-en .contact-title{font-size:30px;line-height:1.25}.locale-en .project-heading h1{font-size:30px;max-width:none}.locale-en .tomato-intro h2{font-size:36px}.locale-en .team-name{font-size:23px}.locale-en .detail-section-heading>span{max-width:46%}.locale-en .studio-detail-heading>span{font-size:12px}.locale-en .project-kind{line-height:1.6}.locale-en .work-info h2{font-size:21px}.locale-en .services h3{font-size:26px}.locale-en .next-project h2{font-size:23px}.locale-en .player-caption{flex-wrap:wrap;gap:10px}.locale-en .contact-detail>span{max-width:26em}}