@font-face{font-family:Noto Sans SC;src:local("Noto Sans SC"),local("NotoSansSC-Regular");font-weight:100 900;font-display:swap}:root{font-family:Noto Sans SC,Microsoft YaHei,sans-serif;color:#edf1f3;background:#101315;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--accent: #cfdee5;--muted: #a1abb0;--line: #ffffff24;--surface: #191e21;--container: 1700px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:112px}body{margin:0}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}h1,h2,h3,p,figure{margin:0}img{display:block;max-width:100%}em{font-style:normal;color:var(--accent)}::selection{background:var(--accent);color:#101315}.container{width:calc(100% - 112px);max-width:var(--container);margin-inline:auto}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;background:var(--accent);color:#101315;padding:15px}.skip-link:focus{top:15px}.site-header{position:fixed;inset:0 0 auto;z-index:20;background:#10131540;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid #ffffff1c}.navigation{height:98px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:22px}.brand-mark{position:relative;font-family:Arial,sans-serif;font-size:44px;font-weight:700;letter-spacing:-5px;padding-right:11px}.brand-mark>span{position:absolute;top:3px;right:-3px;font-size:13px;letter-spacing:0;font-weight:400}.brand-name{display:flex;flex-direction:column;gap:4px;font-size:16px;font-weight:500}.brand-name>span{font-size:11px;letter-spacing:.05em;font-weight:400;color:#bdc6cb}.nav-links{display:flex;align-items:center;gap:38px;font-size:14px;color:#e2e7ea}.nav-links a{transition:color .2s}.nav-links a:hover{color:#fff}.nav-contact{border:1px solid #ffffff5a;padding:13px 22px;border-radius:99px}.nav-contact span{margin-left:28px}.hero{position:relative;isolation:isolate;min-height:860px;min-height:max(820px,100svh);display:flex;background:#171c20;overflow:hidden}.hero-media,.hero-shade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.hero-media{overflow:hidden}.hero-poster,.hero-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero-video{opacity:0;transition:opacity .85s ease}.hero-video.is-visible{opacity:1}.hero-shade{background:linear-gradient(90deg,#090f15d9,#10171c80 47%,#11171b18),linear-gradient(0deg,#0b1118eb,#10151918,#0b111840)}.hero-layout{min-height:inherit;display:flex;flex-direction:column;padding-top:141px;padding-bottom:34px}.hero-topline{display:flex;justify-content:space-between;gap:20px;color:#d6dce0;font-size:12px;letter-spacing:.12em}.hero-copy{margin-block:auto;padding-block:62px 56px}.eyebrow{font-size:14px;letter-spacing:.08em;color:#dce5ea;line-height:1.8;display:flex;align-items:center;gap:14px}.eyebrow-rule{width:30px;height:1px;background:#dce5ea}.hero h1{font-size:clamp(52px,5.6vw,104px);font-weight:500;line-height:1.22;letter-spacing:-.06em;margin-top:24px}.hero h1 em{color:#e6eef2}.hero-intro{margin-top:37px;display:flex;align-items:center;gap:52px;flex-wrap:wrap}.hero-description{font-size:16px;color:#e0e5e8;line-height:1.95}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:8px 8px 8px 24px;font-size:14px;min-height:58px;border-radius:99px}.button-primary{background:#edf2f3;color:#151a1d;transition:background .2s,transform .2s}.button-primary>span{display:grid;place-items:center;height:42px;width:42px;border-radius:50%;background:#1e292f;color:#edf2f3;font-size:20px}.button-primary:hover{background:#d6e4eb;transform:translateY(-2px)}.hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid #ffffff3b;padding-top:25px}.hero-stats{display:flex;gap:clamp(38px,5vw,90px)}.hero-stats>div{display:grid;grid-template-columns:auto;gap:8px}.hero-stats strong{font-family:Arial,Noto Sans SC,sans-serif;font-size:34px;letter-spacing:-1px;font-weight:400}.hero-stats strong span{font-size:17px;letter-spacing:0;margin-left:3px}.hero-stats p{font-size:12px;color:#c5ced4;line-height:1.7}.film-info{display:flex;align-items:center;gap:30px}.film-kicker{font-size:11px;letter-spacing:.1em;color:#b3c0c8}.film-info p{font-size:14px;margin-top:8px}.film-toggle{border:1px solid #ffffff4a;border-radius:50%;background:#ffffff0c;width:62px;height:62px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px}.film-toggle>span:first-child{font-family:Arial,sans-serif;font-size:17px}.film-toggle>span:last-child{font-size:11px}.film-toggle:hover{background:#ffffff20}.section{padding-block:110px;border-bottom:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:52px}.section-index{display:block;font-size:12px;color:var(--muted);letter-spacing:.12em;margin-bottom:23px}.section-heading h2{font-size:clamp(28px,2.8vw,47px);font-weight:400;line-height:1.5;letter-spacing:-.04em}.section-heading>p{font-size:15px;color:var(--muted);line-height:1.8}.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:12%}.about-intro{font-size:19px;line-height:2;color:var(--muted);max-width:650px}.about-intro strong{font-weight:500;color:#edf1f3}.skills-grid{display:grid;grid-template-columns:1fr 1fr;gap:38px}.skill{position:relative;padding-left:30px}.small-number{font-family:Arial,sans-serif;color:#85949e;font-size:12px;position:absolute;top:5px;left:0}.skill h3{font-weight:500;font-size:18px;margin-bottom:12px}.skill p,.role-card p,.workflow-grid p{font-size:16px;color:var(--muted);line-height:1.85}.roles-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.role-card{border-left:1px solid var(--line);padding:6px 30px}.role-card:first-child{border-left:0;padding-left:0}.role-card:last-child{padding-right:0}.role-number{display:block;font-family:Arial,sans-serif;font-size:13px;color:#8798a3;margin-bottom:50px}.role-card h3{font-weight:400;font-size:22px;line-height:1.5;margin-bottom:16px}#works .section-heading h2{font-size:clamp(42px,5vw,76px)}.works-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:42px}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters button{background:transparent;border:1px solid transparent;border-radius:99px;padding:12px 21px;font-size:14px;min-height:46px;color:var(--muted);transition:color .2s,border-color .2s,background .2s}.filters button:hover{border-color:var(--line);color:#edf1f3}.filters button.active{background:#edf1f3;border-color:#edf1f3;color:#101315}.works-count{font-size:13px;color:var(--muted);white-space:nowrap}.projects-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:62px 32px}.project-card{min-width:0}.project-image{position:relative;display:block;width:100%;aspect-ratio:1.55;padding:0;background:#202528;border:0;overflow:hidden;border-radius:2px;cursor:zoom-in}.project-pictures{height:100%;display:block}.project-pictures img{width:100%;height:100%;object-fit:contain;transition:transform .55s}.contact-sheet .project-pictures{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:3px}.contact-sheet img{object-fit:cover;object-position:center 53%;min-height:0}.image-label,.image-action{position:absolute;background:#11181bba;color:#edf1f3;font-size:12px;padding:8px 13px;border-radius:99px;pointer-events:none}.image-label{left:18px;top:18px}.image-action{right:18px;bottom:18px}.project-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:24px}.project-heading h3{font-size:25px;line-height:1.5;font-weight:400}.project-heading h3 button{background:none;border:0;padding:0;text-align:left;font:inherit}.project-heading h3 button:hover{color:var(--accent)}.project-heading>span{font-family:Arial,sans-serif;font-size:12px;color:#89969e}.project-subtitle{font-size:16px;color:#c4cfd5;margin-top:9px;line-height:1.7}.project-description{font-size:16px;line-height:1.85;color:var(--muted);margin-top:13px;max-width:620px}.tags{display:flex;list-style:none;gap:20px;flex-wrap:wrap;margin:20px 0 0;padding:0}.tags li{font-size:12px;color:#94a2ab}.tags li+li:before{content:"/";margin-right:20px;color:#59636a}.image-fallback{height:100%;min-height:150px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;font-size:15px;color:var(--accent);padding:20px}.image-fallback span{font-size:12px;color:var(--muted)}.workflow-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px}.workflow-grid article{border-top:1px solid #52616b;padding-top:24px}.step-number{display:block;color:#9faeb8;font-size:36px;font-family:Arial,sans-serif;font-weight:400;margin-bottom:38px}.workflow-grid h3{font-size:22px;font-weight:400;margin-bottom:14px}.contact-section{padding-block:120px;display:grid;grid-template-columns:1.2fr 1fr;gap:10%;align-items:center}.contact-section h2{font-size:clamp(38px,4.5vw,76px);line-height:1.4;font-weight:400;letter-spacing:-.04em}.contact-section>div>p{font-size:16px;line-height:1.9;color:var(--muted);max-width:500px;margin-top:27px}.contact-details>a,.contact-details>button{display:grid;grid-template-columns:45px 1fr 35px;align-items:center;text-align:left;gap:18px;width:100%;padding:24px 0;border:0;border-bottom:1px solid var(--line);background:transparent;min-height:70px}.contact-details strong{font-size:clamp(16px,1.5vw,24px);font-weight:400;overflow-wrap:anywhere;min-width:0}.contact-details>a>span,.contact-details>button>span{font-size:14px;color:var(--muted)}.contact-details>a:hover strong,.contact-details>button:hover strong{color:var(--accent)}.contact-details .copy-status{min-height:26px;font-size:14px;color:var(--accent)}.footer{border-top:1px solid var(--line);padding-block:35px;display:flex;justify-content:space-between;gap:25px;font-size:12px;color:var(--muted)}.gallery{width:min(1100px,94vw);max-height:92svh;margin:auto;padding:25px;background:#151b1f;border:1px solid #56636d;border-radius:8px;color:#edf1f3}.gallery::backdrop{background:#03080ceb}.gallery-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.gallery-header h2{font-size:22px;font-weight:500;margin-top:5px}.close-button,.gallery-controls button{background:transparent;border:1px solid #56636d;min-width:44px;min-height:44px;padding:10px 16px;border-radius:99px;font-size:14px}.gallery-stage{display:flex;justify-content:center;align-items:center;min-height:180px}.gallery-stage img{width:auto;max-width:100%;max-height:64svh;object-fit:contain}.gallery-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:20px;color:var(--muted);font-size:14px}.gallery-controls{display:flex;align-items:center;gap:17px;flex-shrink:0}@media (hover: hover){.project-image:hover img{transform:scale(1.035)}}@media (max-width: 1100px){.container{width:calc(100% - 64px)}.hero h1{font-size:70px}.hero-intro{gap:30px}.hero-stats{gap:40px}.film-info{gap:18px}.about-layout{gap:6%}.role-card{padding-inline:20px}.role-card h3{font-size:20px}.contact-section{gap:6%}.project-heading h3{font-size:22px}}@media (max-width: 760px){html{scroll-padding-top:90px}.container{width:calc(100% - 40px)}.navigation{height:78px}.brand{gap:14px}.brand-mark{font-size:32px;letter-spacing:-3px;padding-right:7px}.brand-mark>span{font-size:10px}.brand-name{font-size:14px}.brand-name>span{display:none}.nav-links{gap:20px;font-size:13px}.nav-links>a:nth-child(-n+2){display:none}.nav-contact{border:0;padding:0}.nav-contact span{display:none}.hero{min-height:max(780px,100svh)}.hero-layout{padding-top:105px;padding-bottom:23px}.hero-topline{font-size:11px;letter-spacing:.05em}.hero-topline>span:last-child{display:none}.hero-shade{background:linear-gradient(90deg,#0a121abd,#0c151c5c),linear-gradient(0deg,#09121cf0,#0b141d30 70%,#0b141d50)}.hero-copy{padding-block:55px 38px}.eyebrow{font-size:12px;gap:9px}.eyebrow-rule{width:18px}.hero h1{font-size:clamp(39px,10.5vw,66px);line-height:1.35;letter-spacing:-.05em;margin-top:21px}.hero-intro{display:block;margin-top:25px}.hero-description{font-size:14px;line-height:1.9}.hero-intro .button{margin-top:27px}.button{font-size:13px;min-height:54px;padding-left:21px}.button-primary>span{width:38px;height:38px}.hero-bottom{display:block;padding-top:21px}.hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.hero-stats strong{font-size:28px}.hero-stats strong span{font-size:15px}.hero-stats p{font-size:11px}.film-info{border-top:1px solid #ffffff20;justify-content:space-between;margin-top:20px;padding-top:15px}.film-info p{display:inline;font-size:11px;margin-left:12px}.film-kicker{font-size:10px;letter-spacing:0}.film-toggle{width:auto;height:38px;min-width:65px;border-radius:99px;flex-direction:row;gap:8px}.film-toggle>span:first-child{font-size:14px}.film-toggle>span:last-child{font-size:11px}.section{padding-block:62px}.section-heading{display:block;margin-bottom:32px}.section-heading h2{font-size:29px;line-height:1.5}.section-heading>p{margin-top:18px;font-size:14px}.section-index{font-size:11px;margin-bottom:17px}.about-layout{grid-template-columns:1fr;gap:35px}.about-intro{font-size:16px}.skills-grid{gap:29px 22px}.skill{padding-left:0}.small-number{position:static;display:block;margin-bottom:10px}.skill p{font-size:14px}.roles-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 20px}.role-card{border:0;padding:20px 0 0;border-top:1px solid var(--line)}.role-card h3{font-size:18px}.role-card p{font-size:14px}.role-number{margin-bottom:24px}#works .section-heading h2{font-size:45px}.works-toolbar{align-items:start;margin-bottom:29px}.works-count{display:none}.filters{gap:6px}.filters button{padding:10px 13px;font-size:13px}.projects-grid{grid-template-columns:minmax(0,1fr);gap:40px}.project-image{aspect-ratio:4/3}.project-heading h3{font-size:21px}.project-heading{margin-top:19px}.project-subtitle{font-size:15px}.project-description{font-size:14px}.image-label,.image-action{font-size:11px;padding:7px 11px}.image-label{left:12px;top:12px}.image-action{right:12px;bottom:12px}.workflow-grid{grid-template-columns:1fr 1fr;gap:28px 22px}.workflow-grid p{font-size:14px}.workflow-grid h3{font-size:18px}.step-number{font-size:29px;margin-bottom:23px}.contact-section{padding-block:66px;grid-template-columns:1fr;gap:36px}.contact-section h2{font-size:39px}.contact-details>a,.contact-details>button{gap:10px;grid-template-columns:40px 1fr 30px;padding-block:20px}.contact-details strong{font-size:18px}.footer{font-size:11px;gap:15px}.gallery{padding:18px}.gallery-header h2{font-size:18px}.gallery-footer{flex-wrap:wrap}.gallery-controls{margin-left:auto}.gallery-stage img{max-height:58svh}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}.fluid-atmosphere{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;pointer-events:none;contain:paint;opacity:.65}.fluid-atmosphere>i{position:absolute;display:block;width:65vw;height:65vw;max-width:1100px;max-height:1100px;border-radius:43% 57% 62% 38%/54% 43% 57% 46%;background:radial-gradient(ellipse at center,#74cdd835,#659dce18 35%,transparent 68%);animation:fluid-drift 22s ease-in-out infinite alternate}.fluid-atmosphere>i:nth-child(1){top:-40%;right:-16%}.fluid-atmosphere>i:nth-child(2){bottom:-65%;left:-20%;background:radial-gradient(ellipse,#829ee450,#86cac624 35%,transparent 68%);animation-duration:27s;animation-delay:-12s}.fluid-atmosphere>i:nth-child(3){top:10%;right:-30%;background:radial-gradient(ellipse,#a6dbe832,transparent 65%);animation-duration:18s;animation-delay:-7s}.fluid-ring{position:absolute;width:68vw;height:68vw;max-width:1050px;max-height:1050px;right:-14%;top:-13%;border:1px solid #c8e8f51c;border-radius:47% 53% 36% 64%/63% 37%;box-shadow:inset 0 0 100px #7da8c108,0 0 100px #8ed8ef09;animation:liquid-orbit 38s linear infinite}.hero-media{transform:scale(1.035) translate(var(--pointer-x, 0px),var(--pointer-y, 0px));transition:transform 1.1s cubic-bezier(.18,.67,.28,1)}.hero-copy{animation:hero-arrive 1.25s cubic-bezier(.2,.7,.2,1) both}.hero-topline{animation:hero-arrive 1s .12s both}.hero-bottom{animation:hero-arrive 1.1s .3s both}.hero h1 em{background:linear-gradient(105deg,#e6eef2 15%,#c1d8e1 35%,#fff,#bbd4de 65%,#e6eef2 85%);background-size:240% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:text-light 13s ease-in-out infinite}.reveal{opacity:0;transform:translateY(26px);transition:opacity .85s cubic-bezier(.2,.7,.2,1),transform .85s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay, 0ms)}.reveal.revealed{opacity:1;transform:translateY(0)}.reveal:focus-within{opacity:1;transform:none}.button-primary{position:relative;overflow:hidden;isolation:isolate}.button-primary:before{content:"";position:absolute;top:-100%;right:-40%;bottom:-100%;left:-40%;z-index:-1;background:linear-gradient(105deg,transparent 35%,#9bc8d7a0 50%,transparent 65%);transform:translate(-85%);transition:transform .85s}.button-primary:hover:before{transform:translate(85%)}.button-primary>span{transition:transform .45s cubic-bezier(.2,.8,.2,1),background .3s}.button-primary:hover>span{transform:rotate(45deg);background:#315362}.nav-links>a:not(.nav-contact){position:relative}.nav-links>a:not(.nav-contact):after{content:"";position:absolute;bottom:-8px;height:1px;inset-inline:0;background:#d9edf5;transform:scaleX(0);transform-origin:left;transition:transform .35s}.nav-links>a:hover:after{transform:scaleX(1)}.project-image{transition:box-shadow .5s,border-radius .5s}.image-action{transition:transform .4s,background .4s}@media (hover: hover){.project-image:hover{border-radius:12px;box-shadow:0 22px 70px -30px #93bbd039}.project-image:hover .image-action{transform:translate(-4px,-4px);background:#d7e8ed;color:#111b21}.role-card{transition:background .4s,transform .4s}.role-card:hover{background:#a6d8ef06;transform:translateY(-5px)}}.gallery[open]{animation:gallery-arrive .35s cubic-bezier(.2,.8,.2,1)}.gallery::backdrop{animation:backdrop-arrive .3s}.motion-paused .fluid-atmosphere *,.motion-offscreen .fluid-atmosphere *,.motion-hidden .fluid-atmosphere *,.motion-paused h1 em,.motion-offscreen h1 em,.motion-hidden h1 em{animation-play-state:paused}@keyframes fluid-drift{0%{transform:translate3d(-4%,-3%,0) rotate(-12deg) scale(.9)}to{transform:translate3d(8%,9%,0) rotate(23deg) scale(1.15)}}@keyframes liquid-orbit{to{transform:rotate(360deg)}}@keyframes text-light{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes hero-arrive{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes gallery-arrive{0%{opacity:0;transform:translateY(14px) scale(.975)}to{opacity:1;transform:none}}@keyframes backdrop-arrive{0%{opacity:0}to{opacity:1}}@media (max-width: 760px){.fluid-atmosphere>i{width:130vw;height:130vw}.fluid-ring{width:130vw;height:130vw;right:-75%;top:10%}.hero-media{transform:none}}@media (prefers-reduced-motion: reduce){.reveal{opacity:1;transform:none}.hero-media{transform:none}.hero h1 em{background:none;color:#e6eef2}*,*:before,*:after{animation:none!important;transition:none!important}}.amazon-cover .project-pictures{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;gap:4px;background:#eeece6}.amazon-cover .project-pictures>:first-child{grid-row:1 / 3}.amazon-cover .project-pictures img{min-height:0;object-fit:contain;background:#fff}.gallery-note{max-width:680px;margin-top:8px;color:var(--muted);font-size:14px;line-height:1.8}.gallery-amazon .gallery-stage img{max-height:49svh}.gallery-amazon .gallery-footer{align-items:flex-start}.gallery-thumbnails{display:flex;gap:10px;margin-top:18px;padding:4px}.gallery-thumbnails button{position:relative;width:66px;height:66px;padding:0;border:2px solid transparent;border-radius:4px;background:#fff;overflow:hidden;flex-shrink:0;opacity:.65;transition:opacity .2s,border-color .2s}.gallery-thumbnails button.selected,.gallery-thumbnails button:hover{border-color:var(--accent);opacity:1}.gallery-thumbnails img{width:100%;height:100%;object-fit:contain}.gallery-thumbnails span{position:absolute;left:2px;bottom:2px;padding:1px 4px;background:#101315dd;color:#fff;font-size:10px}@media (max-width: 760px){.gallery-thumbnails{gap:6px}.gallery-thumbnails button{width:calc((100% - 30px) / 6);height:auto;aspect-ratio:1;flex-shrink:1}.gallery-amazon .gallery-stage img{max-height:38svh}.gallery-note{font-size:13px}.gallery-amazon .gallery-footer{gap:12px}}.close-button{flex-shrink:0;white-space:nowrap}@media (max-width: 760px){.gallery-amazon .gallery-header{gap:12px}.gallery-amazon .gallery-header h2{font-size:16px}}