:root{--ink:#101117;--paper:#f2f1ed;--white:#fbfaf8;--muted:#777872;--line:rgba(16,17,23,.17);--blue:#2e5fff;--cream:#f5f1e9;--ease:cubic-bezier(.22,1,.36,1);--font:-apple-system,BlinkMacSystemFont,"SF Pro Display","PingFang SC","Microsoft YaHei",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);letter-spacing:-.02em}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;width:100%;height:100%;object-fit:cover}.section-shell{width:min(1210px,calc(100% - 64px));margin:auto}.site-header{width:min(1210px,calc(100% - 64px));height:66px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:30;border-bottom:1px solid var(--line);background:rgba(242,241,237,.79);backdrop-filter:blur(20px)}.brand{font-size:16px;font-weight:760;letter-spacing:-.065em}.brand span{color:var(--blue)}.main-nav{display:flex;gap:26px;align-items:center;color:#45454a;font-size:13px}.main-nav a{transition:opacity .25s ease}.main-nav a:hover{opacity:.55}.main-nav .nav-contact{padding:9px 14px;border-radius:999px;border:1px solid #4c4c50;color:var(--ink)}.menu-toggle{display:none;border:0;background:none;color:var(--ink);cursor:pointer}.hero-scene{height:calc(100vh - 66px);min-height:650px;position:relative;overflow:hidden}.hero-meta{position:absolute;top:32px;left:0;right:0;display:flex;justify-content:space-between;font-size:10px;font-weight:700;letter-spacing:.09em;color:#5b5d64}.hero-copy{position:absolute;z-index:4;left:0;bottom:104px}.hero-copy>p,.index-label{margin:0;font-size:10px;font-weight:750;letter-spacing:.1em}.hero-copy h1{margin:19px 0 24px;font-size:clamp(63px,8vw,122px);line-height:.84;letter-spacing:-.105em;font-weight:740}.hero-copy h1 span{font-family:Georgia,"Songti SC",serif;font-weight:400;letter-spacing:-.1em}.hero-scroll{display:inline-flex;gap:11px;align-items:center;font-size:13px;font-weight:650}.hero-scroll i{display:grid;place-items:center;width:29px;height:29px;border:1px solid var(--ink);border-radius:50%;font-style:normal;transition:transform .3s var(--ease)}.hero-scroll:hover i{transform:translateY(4px)}.hero-art{--px:50%;--py:50%;position:absolute;right:2%;top:54%;width:min(47vw,570px);height:min(47vw,570px);max-height:570px;transform:translateY(-50%);border-radius:50%;overflow:hidden;background:radial-gradient(180px circle at var(--px) var(--py),rgba(255,255,255,.42),transparent 70%),#252642;box-shadow:inset 0 0 80px rgba(0,0,0,.28),0 24px 65px rgba(24,23,39,.18)}.art-planet{position:absolute;width:65%;height:65%;border-radius:50%;left:19%;top:17%;background:radial-gradient(circle at 35% 27%,#f5fbff,#9ec1fe 18%,#5874ef 42%,#242d83 70%,#12144e);box-shadow:inset -30px -32px 54px rgba(2,8,60,.42);transition:transform .9s var(--ease)}.art-disc{position:absolute;border-radius:50%;mix-blend-mode:screen;transition:transform .8s var(--ease)}.disc-a{width:30%;height:30%;right:8%;bottom:20%;background:radial-gradient(circle at 30% 20%,#fff9e0,#f5c65f 28%,#c06e22 65%,transparent 70%)}.disc-b{width:27%;height:27%;left:8%;bottom:8%;background:radial-gradient(circle at 30% 25%,#ffd6e2,#ff608e 31%,#7f224b 71%,transparent 74%)}.art-grid{position:absolute;inset:8%;border:1px solid rgba(255,255,255,.42);border-radius:50%;transform:rotate(-25deg)}.art-grid:after{content:"";position:absolute;inset:15%;border:1px solid rgba(255,255,255,.27);border-radius:50%}.hero-art p{position:absolute;z-index:3;left:9%;top:9%;margin:0;color:white;font-size:clamp(35px,4vw,59px);font-weight:760;line-height:.76;letter-spacing:-.12em}.hero-art p em{font-family:Georgia,"Songti SC",serif;font-weight:400}.hero-art small{position:absolute;z-index:3;right:9%;bottom:10%;color:white;font-size:9px;font-weight:650;letter-spacing:.13em;writing-mode:vertical-rl}.hero-art:hover .art-planet{transform:translate(8px,-8px) scale(1.035)}.hero-art:hover .disc-a{transform:translate(-8px,8px)}.hero-art:hover .disc-b{transform:translate(8px,-8px)}.hero-foot{position:absolute;bottom:27px;left:0;right:0;display:flex;justify-content:space-between;padding-top:15px;border-top:1px solid var(--line);font-size:10px;font-weight:650;letter-spacing:.06em}.hero-foot span:last-child{color:#777871}
.manifest{padding:150px 0 67px;background:var(--ink);color:var(--white)}.manifest-top{display:flex;justify-content:space-between;align-items:start}.manifest .index-label{color:#9fa0a6}.manifest-top>p:last-child{width:32%;margin:0;color:#b5b5bb;font-size:14px;line-height:1.6}.manifest h2{margin:94px 0 81px;font-size:clamp(64px,8.2vw,124px);font-weight:710;line-height:.84;letter-spacing:-.105em}.manifest h2 span{font-family:Georgia,"Songti SC",serif;font-weight:400}.manifest-bottom{display:flex;justify-content:space-between;border-top:1px solid #414149;padding-top:16px;color:#a9a9af;font-size:11px}.three-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:0;padding:0 0 143px}.field{height:474px;position:relative;padding:24px;border-right:1px solid var(--line);overflow:hidden}.field:first-child{border-left:1px solid var(--line)}.field:after{content:"";position:absolute;right:-35%;bottom:-20%;width:82%;height:58%;border:1px solid rgba(16,17,23,.18);border-radius:50%;transition:transform .6s var(--ease)}.field:hover:after{transform:scale(1.25) rotate(15deg)}.field-number{font-size:55px;line-height:1;font-weight:740;letter-spacing:-.1em;color:rgba(16,17,23,.12)}.field>p{margin:43px 0 14px;font-size:10px;font-weight:750;letter-spacing:.11em}.field h3{margin:0;font-size:32px;line-height:1.01;letter-spacing:-.075em}.field>span{position:absolute;z-index:2;left:24px;bottom:27px;max-width:185px;color:#606169;font-size:13px;line-height:1.45}.field>b{position:absolute;z-index:2;right:24px;bottom:26px;font-size:21px;font-weight:500}.field-motion{background:#dfe5ff}.field-visual{background:#f4f0e8}.field-build{background:#e5e6e0}.field-motion:before,.field-visual:before,.field-build:before{content:"";position:absolute;width:71px;height:71px;border-radius:50%;right:25px;top:88px;opacity:.9}.field-motion:before{background:#2e5fff;box-shadow:-26px 35px 0 -10px #ffd274}.field-visual:before{background:linear-gradient(135deg,#fc8a6f,#b6293e);box-shadow:-23px 31px 0 -10px #1c1d20}.field-build:before{border-radius:14px;background:linear-gradient(135deg,#fafafa,#bbbdb5);box-shadow:-25px 27px 0 -11px #3d3e42}
.builds{background:#e5e6e0;padding:135px 0}.split-heading{display:grid;grid-template-columns:1.15fr .85fr;gap:80px;align-items:end}.split-heading h2,.works h2,.service-band h2,.contact h2{margin:17px 0 0;font-size:clamp(50px,6vw,90px);line-height:.91;letter-spacing:-.09em}.split-heading h2 span{font-family:Georgia,"Songti SC",serif;font-weight:400}.split-heading>p{margin:0;color:#62635f;font-size:15px;line-height:1.62}.tool-stack{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:15px;margin-top:54px}.tool{min-height:535px;position:relative;padding:25px;overflow:hidden;border-radius:24px;color:#15161b}.tool-record{background:#203353;color:white}.tool-excel{background:#e8dfcb}.tool-invoice{background:#dadde8}.tool-info span{font-size:10px;font-weight:700;letter-spacing:.09em}.tool-info h3{margin:60px 0 12px;font-size:39px;line-height:.9;letter-spacing:-.095em}.tool-info>p{margin:0;font-size:14px;line-height:1.45;max-width:190px;opacity:.72}.tool-info small{position:absolute;left:25px;bottom:25px;font-size:10px;font-weight:700;letter-spacing:.07em;opacity:.68}.window{position:absolute;right:0;bottom:61px;width:78%;padding:13px;background:#f9f9f7;color:#202127;border-radius:15px 0 0 15px;box-shadow:0 17px 35px rgba(0,0,0,.18);font-size:10px}.window-head{display:flex;align-items:center;gap:4px;border-bottom:1px solid #e1e1df;padding-bottom:11px}.window-head i{width:5px;height:5px;border-radius:50%;background:#ff7356}.window-head i:nth-child(2){background:#f7c24c}.window-head i:nth-child(3){background:#5fba69}.window-head b{margin-left:5px;font-size:10px}.window-search{position:relative;padding:9px;margin:12px 0 5px;background:#ecece9;color:#9a9a9a}.window-search strong{position:absolute;right:7px;top:5px;padding:3px 6px;background:#d0ff37;color:#262626;font-size:14px}.customer-row{display:flex;align-items:center;gap:7px;padding:8px 2px;border-bottom:1px solid #ededeb}.customer-row em{width:18px;height:18px;border-radius:50%;background:#ff765b}.customer-row:nth-last-child(1) em{background:#658eff}.customer-row p{flex:1;margin:0;font-style:normal}.customer-row small{display:block;color:#979797;font-size:8px;margin-top:2px}.customer-row>b{font-size:13px}.tool-excel .window{width:87%;right:-2px;background:#fbfaf6}.sheet-tabs{display:flex;gap:7px;margin:14px 0 7px}.sheet-tabs span{padding:4px 6px;background:#e6e6e1;font-size:8px}.sheet-tabs span:first-child{background:#1a1a1d;color:#fff}.sheet-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px}.sheet-grid i,.sheet-grid b{height:21px;background:#eaebe7}.sheet-grid b{background:#6696d8}.invoice-total{padding:17px 0;border-bottom:1px solid #e3e3e0}.invoice-total span{color:#777;font-size:9px}.invoice-total b{float:right;font-size:32px;line-height:.5;letter-spacing:-.08em}.invoice-row{display:flex;justify-content:space-between;margin-top:7px;padding:9px;background:#f1f2f2}.invoice-row b{color:#258560}
.works{padding:150px 0}.works-top{display:flex;justify-content:space-between;align-items:end;margin-bottom:48px}.works-top h2 span{font-family:Georgia,"Songti SC",serif;font-weight:400}.works-note{min-width:290px}.works-note>p{margin:0 0 22px;color:#66676a;font-size:13px;line-height:1.55}.filters{display:flex;gap:6px}.filters button{border:0;background:transparent;border-bottom:1px solid #b9b9b6;padding:7px 0;color:#67676b;font-size:12px;cursor:pointer}.filters button+button{margin-left:13px}.filters button.is-active{border-color:#111;color:#111;font-weight:750}.work-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-flow:dense;gap:14px}.work{position:relative;display:block;min-height:315px;padding:0;border:0;border-radius:21px;overflow:hidden;background:#e2e2e1;color:#fff;text-align:left;cursor:pointer;isolation:isolate;transition:transform .55s var(--ease),box-shadow .55s var(--ease)}.work:hover{transform:translateY(-7px);box-shadow:0 21px 39px rgba(0,0,0,.16)}.work img{position:absolute;inset:0;transition:transform .8s var(--ease)}.work:hover img{transform:scale(1.055)}.shade{position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,rgba(0,0,0,.75),transparent 66%)}.work-copy{position:absolute;z-index:2;left:18px;bottom:16px}.work-copy small{font-size:9px;font-weight:750;letter-spacing:.09em}.work-copy h3{margin:7px 0 2px;font-size:19px;letter-spacing:-.055em}.work-copy p{margin:0;color:rgba(255,255,255,.76);font-size:11px}.play{position:absolute;z-index:3;top:15px;right:15px;display:grid;place-items:center;width:37px;height:37px;padding-left:2px;border-radius:50%;background:#f9f9f6;color:#121318;font-size:12px;transition:transform .35s var(--ease)}.work:hover .play{transform:scale(1.13)}.feature-film{grid-column:span 2;grid-row:span 2;min-height:646px}.landscape-film{grid-column:span 2}.visual-work{min-height:365px}.resume-work{min-height:315px}.resume-work img{object-position:top center}.work[hidden]{display:none}.video-dialog{width:min(960px,calc(100% - 34px));padding:16px;border:0;border-radius:21px;background:#0b0b0c;color:#fff;box-shadow:0 30px 90px rgba(0,0,0,.45)}.video-dialog::backdrop{background:rgba(0,0,0,.8);backdrop-filter:blur(6px)}.dialog-bar{display:flex;justify-content:space-between;align-items:center;padding-bottom:13px}.dialog-bar p{margin:0;font-size:13px}.dialog-bar button{padding:8px 11px;border:0;border-radius:999px;background:#303034;color:#fff;cursor:pointer}.video-dialog video{display:block;width:100%;max-height:72vh;border-radius:12px;background:#000}
.service-band{padding:126px 0;background:#cbd7ff}.service-heading{display:grid;grid-template-columns:1.3fr .7fr;gap:90px;margin-top:16px;align-items:end}.service-band h2 em{font-family:Georgia,"Songti SC",serif;font-weight:400}.service-heading>p{margin:0 0 8px;font-size:15px;line-height:1.6;max-width:320px}.service-line{display:flex;justify-content:space-between;margin-top:90px;padding-top:14px;border-top:1px solid rgba(16,17,23,.3);font-size:10px;font-weight:700;letter-spacing:.07em}.contact{padding:126px 0 57px;background:#101117;color:#f6f6f2}.contact .index-label{color:#a6a6ac}.contact h2{margin-top:20px;font-size:clamp(63px,7.8vw,116px);line-height:.88}.contact h2 span{font-family:Georgia,"Songti SC",serif;font-weight:400;color:#bdcbff}.contact-grid{display:grid;grid-template-columns:1.2fr 1fr .8fr;gap:18px;margin-top:86px;padding-top:19px;border-top:1px solid #45464c}.contact-grid>*{position:relative;display:flex;flex-direction:column;gap:8px}.contact-grid small{color:#9a9aa2;font-size:10px;font-weight:700;letter-spacing:.07em}.contact-grid strong{font-size:20px;letter-spacing:-.04em}.contact-grid a{transition:color .25s ease}.contact-grid a:hover{color:#bdcbff}.contact-grid i{position:absolute;right:0;bottom:0;font-style:normal;font-size:21px}.site-footer{height:66px;padding:0 max(32px,calc((100% - 1210px)/2));display:flex;align-items:center;justify-content:space-between;background:#101117;color:#87888e;font-size:10px;letter-spacing:.05em}.site-footer .brand{color:#fff;font-size:14px}.reveal{opacity:0;transform:translateY(28px);transition:opacity .9s var(--ease),transform .9s var(--ease)}.reveal.is-visible{opacity:1;transform:none}@media(max-width:800px){.section-shell,.site-header{width:calc(100% - 32px)}.site-header{height:54px}.menu-toggle{display:block;font-size:13px}.main-nav{display:none;position:absolute;top:53px;right:0;width:205px;padding:12px;background:rgba(251,250,248,.97);border:1px solid #d5d5d0;border-radius:13px;box-shadow:0 13px 34px rgba(0,0,0,.11);flex-direction:column;gap:2px}.main-nav.is-open{display:flex}.main-nav a{padding:8px}.main-nav .nav-contact{border:0;background:#e6e6e1}.hero-scene{height:calc(100svh - 54px);min-height:620px}.hero-meta{top:24px}.hero-meta span:last-child{display:none}.hero-copy{bottom:70px}.hero-copy>p{font-size:9px}.hero-copy h1{font-size:65px}.hero-art{width:330px;height:330px;right:-72px;top:36%;opacity:.94}.hero-foot{display:none}.manifest{padding:81px 0 35px}.manifest-top{display:block}.manifest-top>p:last-child{width:auto;margin-top:28px;font-size:13px}.manifest h2{margin:65px 0 57px;font-size:64px}.manifest-bottom{display:block;font-size:10px;line-height:1.6}.manifest-bottom span{display:block}.manifest-bottom span+span{margin-top:8px}.three-fields{display:block;padding-bottom:76px}.field{height:276px;border-left:1px solid var(--line);border-bottom:0}.field:last-child{border-bottom:1px solid var(--line)}.field>p{margin:17px 0 9px}.field h3{font-size:28px}.field>span{bottom:22px}.field>b{bottom:20px}.field:before{top:66px}.builds{padding:83px 0}.split-heading{display:block}.split-heading h2,.works h2,.service-band h2{font-size:52px}.split-heading>p{margin-top:24px;font-size:14px}.tool-stack{grid-template-columns:1fr;gap:11px;margin-top:38px}.tool{min-height:380px;border-radius:19px}.tool-info h3{margin-top:37px;font-size:35px}.window{bottom:55px;width:68%}.tool-excel .window{width:78%}.works{padding:84px 0}.works-top{display:block;margin-bottom:30px}.works-note{min-width:0;margin-top:25px}.filters{margin-top:16px}.work-grid{grid-template-columns:repeat(2,1fr);gap:10px}.work{min-height:240px;border-radius:15px}.feature-film,.landscape-film{grid-column:span 2;min-height:330px}.visual-work{min-height:280px}.work-copy{left:13px;bottom:12px}.work-copy h3{font-size:16px}.work-copy p{font-size:10px}.play{top:10px;right:10px;width:31px;height:31px;font-size:10px}.service-band{padding:80px 0}.service-heading{display:block;margin-top:15px}.service-heading>p{margin-top:25px;font-size:14px}.service-line{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:50px;font-size:9px}.contact{padding:82px 0 38px}.contact h2{font-size:61px}.contact-grid{grid-template-columns:1fr;gap:19px;margin-top:60px}.site-footer{height:auto;min-height:116px;padding:25px 16px;align-items:flex-start;flex-direction:column;gap:12px}.reveal{transform:translateY(16px)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}