@font-face{font-family:"Noto Sans SC";src:url("/assets/noto-sans-sc.6b1575c2b2bd.woff2") format("woff2");font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:"Space Grotesk";src:url("/assets/space-grotesk.1d0db53419e2.woff2") format("woff2");font-style:normal;font-weight:300 700;font-display:swap}
:root{--bg:#0a1020;--surface:#13213a;--card:#14223b;--fg:#f5f7fc;--muted:#a9b8cd;--line:#2d4260;--blue:#005aab;--accent:#00a0e8;--purple:#7b0e80;--light:#82d9ff;--gutter:clamp(32px,5.555556vw,112px);--header:100px;--font:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;--latin:"Space Grotesk",var(--font)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--header);color-scheme:dark}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font);font-size:16px;font-weight:400;line-height:1.6;-webkit-font-smoothing:antialiased}body:has(dialog[open]){overflow:hidden}h1,h2,h3,p,figure,ol{margin:0}h1,h2,h3{font-weight:500}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none;padding:0;text-align:inherit}img{display:block;max-width:100%;height:auto}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--light);outline-offset:5px}main:focus{outline:0}.mobile-copy{display:none!important}.container,.header-inner,.hero-inner{width:calc(100% - var(--gutter)*2);max-width:1440px;margin-inline:auto}.section{padding-block:80px}.section-stack{display:flex;flex-direction:column;gap:40px}.eyebrow{font-family:var(--latin);font-size:12px;line-height:1.4;color:var(--accent);font-weight:400}.light-label{color:var(--light)}.section h2{font-size:40px;line-height:1.6}.skip-link{position:fixed;z-index:100;top:12px;left:24px;transform:translateY(-150%);background:var(--accent);color:var(--bg);padding:12px 20px}.skip-link:focus{transform:none}.site-header{position:sticky;top:0;z-index:20;background:var(--bg);height:var(--header)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand>img{width:34px;height:41px;object-fit:contain}.brand-type{display:flex;flex-direction:column;align-items:flex-start}.brand-type strong{font-size:21px;line-height:1.2;font-weight:700}.brand-type>span{font-family:var(--latin);font-size:11px;line-height:1.4;color:var(--muted)}.desktop-nav{display:flex;align-items:center;gap:36px;margin-left:80px}.desktop-nav a{font-size:14px;line-height:1.6;transition:color .15s}.desktop-nav a:hover,.text-link:hover{color:var(--light)}.button{display:inline-flex;justify-content:center;align-items:center;min-height:52px;min-width:170px;padding:14px 24px;border-radius:2px;background:var(--accent);color:var(--bg);font-size:14px;font-weight:500;line-height:1.55;text-align:center;transition:background .15s,box-shadow .15s}.button:hover{background:#35b6ed;box-shadow:0 0 0 1px #82d9ff40}.button-dark{background:var(--bg);color:var(--fg)}.button-dark:hover{background:#152c4e}.icon-button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;border-radius:4px;background:var(--card);color:var(--fg);font-size:23px;line-height:1}.icon-button:hover{background:#213653}.menu-toggle{display:none}.hero{position:relative;height:760px;overflow:hidden;isolation:isolate}.hero-art{display:block;position:absolute;z-index:-2;width:100%;height:100%;inset:0;overflow:hidden}.hero-art img{position:absolute;top:50%;left:50%;width:max(100%,1085.7143px);max-width:none;height:auto;transform:translate(-50%,-50%)}.hero-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(10,16,32,.94),rgba(10,16,32,.55) 55%,rgba(10,16,32,0))}.hero-inner{height:100%;position:relative}.hero-copy{position:absolute;top:122px;left:0;display:flex;flex-direction:column;gap:30px;align-items:flex-start;max-width:760px}.hero-eyebrow{font-size:13px}.hero h1{font-size:66px;line-height:1.28;letter-spacing:0}.hero-description{font-size:18px;line-height:1.6;color:#c7d8eb}.hero-actions{display:flex;gap:28px;align-items:flex-start}.hero-actions .button{min-width:190px}.text-link{font-size:14px;line-height:1.6}.hero-caption{position:absolute;bottom:51px;left:0;right:0;display:flex;gap:clamp(80px,41.66667vw,600px);font:12px/1.4 var(--latin);color:#d8e8f7}.hero-caption>p{flex-shrink:0}.hero-caption>p:last-child{font-size:13px;display:flex;gap:24px;align-items:center}.caption-rule{width:32px;height:1px;background:currentColor}.studio-grid{display:grid;grid-template-columns:240px minmax(0,1fr);column-gap:120px;row-gap:40px}.studio h2{font-size:38px;line-height:1.4}.studio .eyebrow:first-child{font-size:13px}.studio-caption{color:var(--muted)}.studio-description{font-size:17px;color:var(--muted);line-height:1.6}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.service-card{display:flex;flex-direction:column;align-items:flex-start;gap:18px;padding:24px;background:var(--card);transition:background .15s,transform .15s}.service-card:hover{background:#1b2d4b;transform:translateY(-3px)}.service-number{font-size:16px;color:var(--light);line-height:1.6}.purple-text{color:#d3a5dc}.service-name{font-size:27px;font-weight:500;line-height:1.6}.service-summary{font-size:15px;color:var(--muted);line-height:1.6}.service-link{color:var(--light);font-size:13px;line-height:1.55;margin-top:auto}.works-stack{display:flex;flex-direction:column;gap:42px}.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:flex-start}.section-heading>div{display:flex;flex-direction:column;gap:16px}.works h2{font-size:42px;line-height:1.3}.section-aside{width:26.5625%;flex-shrink:0;font-size:14px;line-height:1.6;color:var(--muted)}.works-grid{display:grid;grid-template-columns:minmax(0,800fr) minmax(0,456fr);gap:24px}.work-image{display:block;overflow:hidden;width:100%;background:var(--card)}.work-image img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.work-image:hover img{transform:scale(1.025)}.work-featured .work-image{aspect-ratio:800/450}.work-featured figcaption{display:flex;flex-direction:column;gap:16px;margin-top:20px}.work-featured h3{font-size:32px;line-height:1.3}.work-tag{font-family:var(--latin);font-size:12px;color:var(--muted);line-height:1.4}.work-featured .work-tag{color:var(--accent)}.works-secondary{display:flex;flex-direction:column;gap:28px}.works-secondary .work-image{aspect-ratio:456/191}.works-secondary figcaption{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-top:12px}.works-secondary h3{font-size:22px;line-height:1.3}.works-secondary .work-tag{font-size:11px}.workflow,.team{background:var(--surface)}.workflow-stack{display:flex;flex-direction:column;gap:42px}.workflow .section-heading{gap:90px}.workflow h2{font-size:38px}.workflow .section-aside{font-size:13px;width:22.65625%}.workflow-panel{display:flex;flex-direction:column;gap:28px;padding:32px;background:var(--bg);border-radius:14px}.workflow-topline{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:28px;border-bottom:1px solid var(--line)}.workflow-topline>p:last-child{font:11px/1.4 var(--latin);color:var(--muted)}.workflow-stages{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;padding:0}.stage{display:flex;flex-direction:column;gap:18px;padding:20px;border-radius:4px;background:#152c4e;min-width:0}.stage-number{font:12px/1.4 var(--latin);color:var(--light)}.stage-art{height:96px;position:relative;overflow:hidden}.stage-art i{display:block;position:absolute;left:6px;top:12px;width:87%;height:8px;background:#4386bd;border-radius:2px}.stage-art i:nth-child(2){width:70.65%;top:36px}.stage-art i:nth-child(3){width:54.35%;top:60px}.stage-text{display:flex;flex-direction:column;gap:18px}.stage h3{font-size:22px;line-height:1.6}.stage p{font-size:13px;color:var(--muted);line-height:1.6}.stage-visual{background:#10384c}.stage-visual .stage-art i{background:#4ac9ed}.stage-shots{background:#34203e}.stage-creation{background:#2d2445}.stage-finish{background:#19324a}.stage-creation .stage-art i{width:24%;height:48px;top:10px;left:4.35%;background:#bed3ed;border-radius:4px}.stage-creation .stage-art i:nth-child(2){top:38px;left:33.7%}.stage-creation .stage-art i:nth-child(3){left:63.05%}.workflow-note{display:grid;grid-template-columns:240px minmax(0,1fr);gap:32px;background:var(--card);padding:20px}.workflow-note>p:last-child{font-size:14px;color:var(--muted)}.team-stack{display:flex;flex-direction:column;gap:36px}.team-description{font-size:17px;color:var(--muted)}.people-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.person{background:var(--bg);padding:28px;display:flex;flex-direction:column;align-items:flex-start;gap:18px}.person-role{color:var(--light);font-size:13px}.person h3{font-size:32px;line-height:1.6}.person-description{color:var(--muted);font-size:16px}.person-work-label{color:var(--light);font-size:12px}.contact{background:var(--accent);color:var(--bg)}.contact-stack{display:flex;flex-direction:column;gap:30px}.contact .eyebrow{color:var(--bg);line-height:1.55}.contact-row{display:flex;justify-content:space-between;align-items:flex-start;gap:80px}.contact-row>div{display:flex;flex-direction:column;gap:18px}.contact h2{font-size:48px;line-height:1.55}.contact-row .button{min-width:220px}.contact-email{font-size:22px;line-height:1.55;font-weight:500}.contact-email:hover{text-decoration:underline}.site-footer{padding-block:80px}.footer-stack{display:flex;flex-direction:column;align-items:flex-start;gap:24px}.company-name{font-size:14px;color:var(--muted)}hr{width:100%;height:1px;background:var(--line);border:0;margin:0}.copyright{font:11px/1.4 var(--latin);color:var(--muted)}.footer-disciplines{font-size:11px;color:var(--muted)}.footer-email{font-size:15px;color:var(--light)}.icp{font-size:12px;color:var(--muted)}.footer-email:hover,.icp:hover{text-decoration:underline}.site-dialog{padding:0;border:0;background:transparent;color:var(--fg);width:min(760px,calc(100% - 40px));max-width:none;max-height:calc(100dvh - 40px);overflow:visible}.site-dialog::backdrop{background:rgba(5,11,23,.88)}.dialog-panel{display:flex;flex-direction:column;gap:24px;padding:36px;border:1px solid var(--line);border-radius:16px;background:var(--bg);max-height:calc(100dvh - 40px);overflow:auto;overscroll-behavior:contain}.dialog-header{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:44px}.dialog-header .eyebrow{flex:1;font-size:12px;line-height:1.55}.dialog-body{display:flex;flex-direction:column;gap:24px}.dialog-body h2{font-size:36px;line-height:1.55}.dialog-body>.dialog-description{font-size:16px;line-height:1.55;color:var(--muted)}.dialog-body .button{width:100%}.email-block{padding:20px;background:#152c4e;display:flex;flex-direction:column;gap:8px}.email-block p{font-size:12px;color:var(--light)}.email-block a{font-size:25px;line-height:1.55;font-weight:500;overflow-wrap:anywhere}.email-block a:hover{text-decoration:underline}.preparation-heading{font-size:18px;font-weight:500}.preparation-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:24px}.preparation-list li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:16px}.preparation-list li>span{font:13px/1.55 var(--latin);color:var(--light)}.preparation-list li:nth-child(2)>span{color:#d3a5dc}.preparation-list li>div{display:flex;flex-direction:column;gap:4px}.preparation-list h3{font-size:16px;line-height:1.55}.preparation-list p,.dialog-fine-print{font-size:13px;line-height:1.55;color:var(--muted)}.dialog-company{font-size:11px;color:var(--muted);line-height:1.55}.service-detail{display:flex;flex-direction:column;gap:6px;border-radius:6px;background:#14223b;padding:14px}.service-detail:nth-of-type(2){background:#2d2445}.service-detail h3{font-size:18px;line-height:1.55}.service-detail p{font-size:14px;color:var(--muted);line-height:1.55}.site-dialog.is-gallery{width:min(1080px,calc(100% - 40px))}.gallery-image{display:block;width:100%;height:min(520px,52vh);object-fit:contain}.gallery-label{font:12px/1.55 var(--latin);color:var(--light)}.menu-dialog{padding:0;border:0;color:var(--fg);background:var(--bg);width:min(390px,100%);height:100dvh;max-width:none;max-height:none;margin:0 0 0 auto;overflow:auto}.menu-dialog::backdrop{background:rgba(5,11,23,.88)}.menu-panel{padding:21px 24px;display:flex;flex-direction:column;gap:26px}.menu-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:50px}.menu-header .brand>img{width:29px;height:35px}.menu-header .brand-type strong{font-size:18px}.menu-header .brand-type>span{font-size:10px}.mobile-nav{display:flex;flex-direction:column;gap:52px}.mobile-nav a{display:flex;gap:16px;font-size:28px;line-height:1.6;font-weight:500;padding-bottom:20px;border-bottom:1px solid var(--line)}.mobile-nav a>span{width:28px;font:13px/1.55 var(--latin);color:var(--light);flex-shrink:0}.menu-email{font-size:14px;color:var(--light)}.noscript-note{padding:24px;color:var(--muted);text-align:center;font-size:14px}
@media(min-width:1700px){.hero{height:850px}.hero-copy{top:150px}.hero-art img{width:100%}}
@media(max-width:1150px) and (min-width:701px){.desktop-nav{margin-left:0;gap:22px}.studio-grid{grid-template-columns:180px minmax(0,1fr);column-gap:48px}.hero h1{font-size:58px}.section h2{font-size:34px}.workflow-panel{padding:24px}.workflow-stages{gap:12px}.stage{padding:14px}.stage h3{font-size:19px}.workflow-note{grid-template-columns:180px minmax(0,1fr)}.service-name{font-size:23px}.section-aside{width:25%}.works-secondary figcaption{display:block}.works-secondary .work-tag{margin-top:8px}.contact h2{font-size:40px}.contact-row{gap:32px}}
@media(max-width:900px){.desktop-nav,.header-cta{display:none}.menu-toggle{display:flex}.hero-caption{gap:100px}.service-grid{gap:16px}.service-card{padding:20px}.service-name{font-size:21px}.workflow .section-heading{gap:30px}.workflow h2{font-size:31px}}
@media(max-width:700px){:root{--gutter:24px;--header:86px}.desktop-copy{display:none!important}.mobile-copy{display:initial!important}.container,.header-inner,.hero-inner{width:calc(100% - 48px)}.site-header .brand>img{width:29px;height:35px}.brand-type strong{font-size:18px}.brand-type>span{font-size:10px}.hero{height:620px}.hero-art img{width:885.714px;height:620px}.hero-shade{background:rgba(10,16,32,.48)}.hero-copy{top:64px;gap:24px;width:100%}.hero-eyebrow{font-size:11px}.hero h1{font-size:46px;line-height:1.26}.hero-description{font-size:16px;line-height:1.6;color:var(--fg)}.hero-actions .button{min-width:180px}.hero-mobile-caption{font:10px/1.4 var(--latin);color:var(--fg)}.hero-actions{gap:0}.button{font-size:14px}.section{padding-block:24px}.section-stack{gap:24px}.eyebrow{font-size:11px}.section h2{font-size:27px;line-height:1.6}.studio-grid{display:flex;flex-direction:column;gap:24px}.studio h2{font-size:30px;line-height:1.6}.studio .eyebrow:first-child{font-size:11px}.studio-description{font-size:15px}.service-grid{grid-template-columns:1fr;gap:24px}.service-card{padding:24px;gap:18px}.service-name{font-size:23px}.service-number{font-size:16px}.service-summary{font-size:15px}.works-stack{gap:22px}.section-heading{display:block}.section-heading>div{gap:22px}.works h2{font-size:28px;line-height:1.6;font-weight:400}.works-grid{display:flex;flex-direction:column;gap:22px}.work-featured .work-image{height:235px;aspect-ratio:auto}.work-featured figcaption{gap:22px;margin-top:22px}.work-featured h3,.works-secondary h3{font-size:22px;font-weight:400;line-height:1.6}.work-tag,.works-secondary .work-tag{font-size:11px;color:var(--muted)}.works-secondary{gap:22px}.works-secondary .work-image{height:190px;aspect-ratio:auto}.works-secondary figcaption{display:flex;flex-direction:column;gap:22px;margin-top:22px}.workflow-stack{gap:24px}.workflow h2{font-size:29px;line-height:1.55}.workflow .section-heading>div{gap:24px}.workflow .section-aside{font-size:14px;width:100%;margin-top:24px;line-height:1.55}.workflow-panel{padding:0;background:none;border-radius:0;gap:24px}.workflow-stages{display:flex;flex-direction:column;gap:24px}.stage{display:flex;flex-direction:row;gap:16px;padding:20px}.stage-number{font-size:18px;line-height:1.55;width:30px;flex-shrink:0}.stage-shots .stage-number{color:#d3a5dc}.stage-art{display:none}.stage-text{gap:6px}.stage h3{font-size:20px;line-height:1.55}.stage p{font-size:13px;line-height:1.55}.workflow-note{display:flex;flex-direction:column;gap:10px;padding:18px}.workflow-note .eyebrow{font-size:11px;line-height:1.55}.workflow-note>p:last-child{font-size:13px;line-height:1.55}.team-stack{gap:24px}.team-description{font-size:15px}.people-grid{grid-template-columns:1fr;gap:24px}.person{padding:28px;gap:18px}.person h3{font-size:27px}.person-description,.person>p:last-child{font-size:14px}.contact-stack{gap:22px}.contact-row{display:flex;flex-direction:column;gap:24px}.contact h2{font-size:36px;line-height:1.55}.contact-row p{font-size:14px;line-height:1.55}.contact-row .button{min-width:170px}.contact-email{font-size:18px}.site-footer{padding-block:24px}.company-name{font-size:12px}.footer-email{font-size:13px}.site-dialog{width:calc(100% - 40px)}.dialog-panel{padding:24px;border-radius:12px;gap:18px}.dialog-header .eyebrow{font-size:10px}.dialog-body{gap:18px}.dialog-body h2{font-size:28px;line-height:1.55}.dialog-body>.dialog-description{font-size:14px}.email-block{padding:20px}.email-block a{font-size:19px}.preparation-heading{font-size:16px}.preparation-list{gap:24px}.preparation-list h3{font-size:15px}.service-detail h3{font-size:16px}.service-detail p{font-size:13px}.dialog-fine-print{font-size:12px}.gallery-image{height:270px}.gallery-label{font-size:11px}.menu-dialog{width:100%;height:100dvh}.menu-panel{min-height:100dvh}.icp{font-size:11px}}
@media(max-width:374px){.hero h1{font-size:41px}.hero-eyebrow{font-size:10px}.contact-email{font-size:17px}.email-block{padding:16px}.email-block a{font-size:16px}.service-card{padding:20px}.brand{gap:10px}.section h2{font-size:25px}.studio h2{font-size:27px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.service-card:hover{transform:none}}
.not-found{width:min(720px,calc(100% - 48px));margin:20vh auto;display:flex;flex-direction:column;gap:28px;align-items:flex-start}.not-found h1{font-size:clamp(30px,5vw,48px)}.not-found>p:not(.eyebrow){color:var(--muted)}
@media(max-width:700px){.contact-title-second{display:block}}

@media(min-width:1151px){.site-header .brand{width:252px}.desktop-nav{width:540px;margin-left:0}}
.mobile-nav{gap:27px}.mobile-nav a{padding-bottom:26px}.menu-header{margin-bottom:55px}

.menu-toggle{font-size:14px}
.icon-button{font-size:18px}.menu-toggle{font-size:14px}
@media(max-width:700px){.preparation-list{gap:18px}}