:root{--ink: #12110f;--muted: #6f6a62;--paper: #f7f3eb;--line: rgba(18, 17, 15, .14);--white: #fffdf8;--red: #f06f45;--teal: #17a398;--blue: #4657d8;--font-fujiali: "drama-font", "font.ttf", serif;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--ink);background:var(--paper)}@font-face{font-family:drama-font;src:url(https://taoyuanx.oss-cn-shanghai.aliyuncs.com/movie/font.ttf) format("truetype");font-display:swap}@font-face{font-family:"font.ttf";src:url(https://taoyuanx.oss-cn-shanghai.aliyuncs.com/movie/font.ttf) format("truetype");font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--paper)}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit}.site-header{position:fixed;top:0;left:0;z-index:10;display:flex;align-items:center;justify-content:space-between;width:100%;padding:18px clamp(20px,4vw,56px);border-bottom:1px solid rgba(18,17,15,.08);background:#f7f3ebc7;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand,.nav,.hero-actions,.contact-inner{display:flex;align-items:center}.brand{gap:10px;font-weight:800}.brand-mark{display:grid;width:34px;height:34px;place-items:center;color:var(--white);background:var(--ink);border-radius:6px}.brand-copy{display:grid;gap:2px}.brand-name{font-size:15px;letter-spacing:0}.brand-cn{color:var(--muted);font-family:var(--font-fujiali);font-size:12px;font-weight:700;letter-spacing:0}.nav{position:relative;gap:clamp(16px,3vw,34px);font-size:14px;color:var(--muted)}.nav-slider{position:absolute;top:0;bottom:0;left:0;z-index:0;border-radius:999px;background:var(--blue);box-shadow:0 8px 18px #4657d838;transition:transform .26s cubic-bezier(.22,1,.36,1),width .26s cubic-bezier(.22,1,.36,1),opacity .16s ease}.nav a{position:relative;z-index:1;padding:7px 12px;border-radius:999px;transition:color .18s ease}.nav a:hover{color:var(--ink)}.nav a.active{color:var(--white);font-weight:800}.section-band{position:relative;overflow:hidden}.section-inner{width:min(1180px,calc(100% - 40px));margin:0 auto}.hero{min-height:92vh;padding:148px 0 82px;background:#f7f3eb}.hero-media{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.grid-plane{position:absolute;right:-10vw;bottom:-14vw;width:66vw;aspect-ratio:1;border:1px solid var(--line);background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:42px 42px;transform:rotate(-12deg)}.shape{position:absolute;border:1px solid var(--ink);box-shadow:18px 18px #12110f14}.shape-large{right:12vw;top:18vh;width:250px;aspect-ratio:1;background:var(--teal)}.shape-tall{right:29vw;bottom:18vh;width:120px;height:260px;background:var(--red)}.shape-small{right:8vw;bottom:22vh;width:120px;aspect-ratio:1;background:var(--blue)}.hero-inner{position:relative;max-width:1180px}.eyebrow{margin:0 0 18px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--red)}h1,h2,h3,p{margin-top:0}h1{max-width:760px;margin-bottom:24px;font-size:clamp(64px,12vw,168px);line-height:.86;letter-spacing:0}h2{max-width:760px;margin-bottom:0;font-size:clamp(34px,5vw,72px);line-height:1.02;letter-spacing:0}h3{margin-bottom:12px;font-size:28px;line-height:1.1}.hero-copy{max-width:620px;margin-bottom:34px;font-size:clamp(18px,2vw,24px);line-height:1.55;color:#34302b}.hero-actions{gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 22px;border:1px solid var(--blue);border-radius:6px;font-weight:800;transition:color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease}.button.primary{color:var(--white);background:var(--blue);box-shadow:0 8px 18px #4657d838}.button.secondary{color:var(--blue);background:transparent}.button:hover{transform:translateY(-1px)}.button.secondary:hover{color:var(--white);background:var(--blue);box-shadow:0 8px 18px #4657d82e}.back-top{position:fixed;right:clamp(18px,3vw,34px);bottom:clamp(18px,3vw,34px);z-index:20;display:grid;width:46px;height:46px;place-items:center;border:1px solid var(--blue);border-radius:999px;color:var(--white);background:var(--blue);box-shadow:0 10px 24px #4657d842;cursor:pointer;font-size:22px;font-weight:900;line-height:1;transition:transform .18s ease,box-shadow .18s ease}.back-top:hover{transform:translateY(-2px);box-shadow:0 14px 30px #4657d852}.services,.studio{padding:112px 0;background:var(--white)}.work{padding:112px 0;background:#ece7dc}.section-heading{margin-bottom:54px}.section-heading.split{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:48px;align-items:end}.section-heading.split>p{margin-bottom:6px;color:var(--muted);line-height:1.7}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.service-card{min-height:260px;padding:28px;border:1px solid var(--line);border-radius:8px;background:#fbf8f0}.service-card span{display:inline-block;margin-bottom:42px;color:var(--teal);font-size:12px;font-weight:800;text-transform:uppercase}.service-card p,.studio-copy p{color:var(--muted);line-height:1.75}.project-strip-wrap{margin-bottom:56px}.project-strip-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px}.project-strip-heading h3{margin-bottom:0;font-size:22px}.project-strip-heading span{color:var(--muted);font-size:13px;font-weight:800}.project-strip{display:grid;grid-auto-columns:minmax(300px,34%);grid-auto-flow:column;gap:18px;margin:0 calc((100vw - min(1180px,calc(100vw - 40px)))/-2);padding:12px calc((100vw - min(1180px,calc(100vw - 40px)))/2) 18px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;scrollbar-width:thin}.project-strip::-webkit-scrollbar{height:8px}.project-strip::-webkit-scrollbar-track{background:#12110f14;border-radius:999px}.project-strip::-webkit-scrollbar-thumb{background:#12110f52;border-radius:999px}.project-tile{position:relative;display:block;text-align:left;min-height:230px;padding:24px;border:1px solid rgba(18,17,15,.18);border-radius:8px;background:#fbf8f0;cursor:pointer;scroll-snap-align:start}.project-tile:hover,.project-row:hover{border-color:#12110f6b}.project-tile:before{content:"";position:absolute;top:18px;right:18px;width:24px;height:24px;border-radius:50%;background:var(--accent)}.project-tile span{display:block;max-width:calc(100% - 44px);margin-bottom:54px;color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase}.project-tile h3{max-width:280px}.project-tile p{margin-bottom:0;color:var(--muted);line-height:1.6}.project-list{border-top:1px solid rgba(18,17,15,.18)}.project-row{display:grid;width:100%;grid-template-columns:56px minmax(240px,1fr) minmax(260px,.8fr);gap:28px;align-items:center;padding:30px 0;border-bottom:1px solid rgba(18,17,15,.18);border-top:0;border-right:0;border-left:0;text-align:left;background:transparent;cursor:pointer}.project-index{display:block;width:28px;height:28px;border-radius:50%;background:var(--accent)}.project-row p{margin-bottom:0;color:var(--muted);line-height:1.6}.project-row h3{margin:4px 0 0}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;justify-content:flex-end;background:#12110f57}.project-drawer{position:relative;width:min(520px,100%);min-height:100vh;padding:76px clamp(28px,5vw,56px) 48px;overflow-y:auto;background:var(--white);border-left:8px solid var(--accent);box-shadow:-18px 0 48px #12110f2e}.drawer-close{position:absolute;top:22px;right:22px;display:grid;width:42px;height:42px;place-items:center;border:1px solid var(--line);border-radius:6px;background:transparent;cursor:pointer;font-size:28px;line-height:1}.project-drawer h2{margin-bottom:22px;font-size:clamp(38px,6vw,64px)}.drawer-summary{margin-bottom:24px;font-size:20px;line-height:1.55}.drawer-detail{color:var(--muted);line-height:1.8}.drawer-meta{display:grid;gap:24px;margin:42px 0 0}.drawer-meta div{padding-top:18px;border-top:1px solid var(--line)}.drawer-meta dt{margin-bottom:12px;color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase}.drawer-meta dd{display:flex;flex-wrap:wrap;gap:8px;margin:0}.drawer-meta span{display:inline-flex;align-items:center;min-height:32px;padding:0 10px;border:1px solid var(--line);border-radius:6px}.drawer-fade-enter-active,.drawer-fade-leave-active{transition:opacity .22s ease}.drawer-fade-enter-active .project-drawer,.drawer-fade-leave-active .project-drawer{transition:transform .26s cubic-bezier(.22,1,.36,1)}.drawer-fade-enter,.drawer-fade-leave-to{opacity:0}.drawer-fade-enter .project-drawer,.drawer-fade-leave-to .project-drawer{transform:translate(100%)}.project-config-page{min-height:100vh;padding:134px 0 96px;background:#ece7dc}.project-config-inner{display:grid;gap:28px}.config-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.config-heading h1{margin-bottom:0;font-size:clamp(54px,9vw,128px)}.config-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 0;border-top:1px solid rgba(18,17,15,.18);border-bottom:1px solid rgba(18,17,15,.18);color:var(--muted);font-size:13px;font-weight:800}.config-project-list{display:grid;gap:12px}.config-project-row{display:grid;width:100%;grid-template-columns:42px minmax(220px,.8fr) minmax(280px,1fr) auto;gap:22px;align-items:center;padding:22px;border:1px solid rgba(18,17,15,.16);border-radius:8px;background:#fbf8f0;text-align:left;cursor:pointer}.config-project-row:hover{border-color:#12110f6b;transform:translateY(-1px)}.config-project-row p{margin-bottom:0;color:var(--muted);line-height:1.6}.config-project-row h2{margin-top:4px;font-size:28px}.config-row-action{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 12px;border:1px solid var(--line);border-radius:6px;font-weight:800;white-space:nowrap}.edit-drawer{width:min(620px,100%)}.project-form{display:grid;gap:18px;margin-top:28px}.project-form label{display:grid;gap:8px}.project-form label span{color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase}.project-form input,.project-form textarea{width:100%;border:1px solid var(--line);border-radius:6px;background:#fbf8f0;color:var(--ink);font:inherit}.project-form input{min-height:44px;padding:0 12px}.project-form textarea{resize:vertical;padding:12px;line-height:1.6}.form-grid{display:grid;grid-template-columns:1fr 140px;gap:14px}.color-field{display:grid;grid-template-columns:54px 1fr;gap:10px}.color-field input[type=color]{padding:4px}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:10px}.studio-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(320px,.8fr);gap:72px}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:34px 0 0}.stats div{padding-top:20px;border-top:1px solid var(--line)}.stats dt{font-size:40px;font-weight:900}.stats dd{margin:4px 0 0;color:var(--muted)}.contact{padding:88px 0;color:var(--white);background:var(--ink)}.contact .eyebrow{color:var(--teal)}.contact-inner{justify-content:space-between;gap:28px}.contact h2{max-width:680px}.contact-link{display:inline-flex;align-items:center;min-height:48px;padding:0 20px;border:1px solid rgba(255,253,248,.42);border-radius:6px;white-space:nowrap}@media (max-width: 860px){.site-header{position:sticky;flex-wrap:wrap;gap:14px}.brand{width:100%;justify-content:space-between}.brand-copy{text-align:right}.nav{width:100%;justify-content:flex-start;overflow-x:auto;scrollbar-width:none}.nav::-webkit-scrollbar{display:none}.nav a{flex:0 0 auto}.hero{min-height:auto;padding-top:84px}.shape-large{right:-30px;top:220px;width:150px}.shape-tall,.shape-small{display:none}.grid-plane{width:110vw}.service-grid,.section-heading.split,.project-row,.config-project-row,.studio-layout,.stats,.contact-inner{grid-template-columns:1fr}.project-row{gap:14px}.project-strip{grid-auto-columns:minmax(260px,82%)}.project-config-page{padding-top:72px}.config-heading{align-items:flex-start;flex-direction:column}.form-grid,.color-field{grid-template-columns:1fr}.contact-inner{align-items:flex-start}}