@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#111210;--panel:#191a17;--line:#ffffff1c;--text:#f4f1e9;--muted:#a5a69d;--gold:#dbbd82;--gold-dark:#b9975c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--text);font-family:'Noto Sans SC','Microsoft YaHei',system-ui,sans-serif;font-size:14px;line-height:1.7}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button{background:none;border:0}a,button{transition:background .2s,color .2s,border-color .2s,transform .2s}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--gold);outline-offset:5px}[hidden]{display:none!important}.wrap{width:min(1420px,90%);margin-inline:auto}.skip{position:fixed;left:20px;top:-100px;padding:10px 20px;background:var(--gold);color:#191a17;z-index:50}.skip:focus{top:10px}.site-header{height:92px;padding:0 5%;display:flex;align-items:center;gap:45px;border-bottom:1px solid var(--line);background:#111210f5;position:relative;z-index:10}.wordmark{display:inline-flex;align-items:center;gap:13px;white-space:nowrap;font-size:21px;font-weight:700;letter-spacing:3px}.wordmark small{display:block;font-size:8px;font-weight:500;letter-spacing:3px;color:#a6a79e;margin-top:2px}.symbol{width:43px;height:43px;border:1px solid #dbbd8266;position:relative;font-family:Georgia,serif;font-size:32px;line-height:41px;letter-spacing:-9px;color:var(--gold);text-align:center;padding-right:10px}.symbol>span{font-size:18px;position:absolute;right:9px;bottom:-3px;letter-spacing:0}.site-header nav{display:flex;gap:34px;align-items:center;margin-left:auto;color:#b9bab1;font-size:12px}.site-header nav a:hover{color:var(--gold)}.xishi-link{color:#85877c;border-left:1px solid var(--line);padding-left:30px}.header-contact{font-size:12px;border:1px solid #dbbd8270;padding:11px 18px;white-space:nowrap}.header-contact span{margin-left:22px;color:var(--gold)}.header-contact:hover{background:var(--gold);color:#191a17}.header-contact:hover span{color:inherit}.hero{min-height:650px;height:calc(100svh - 92px);max-height:900px;position:relative;overflow:hidden;background:#191914}.hero-image{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0b0d0cf0 0%,#0b0d0cd2 25%,#0b0d0c55 56%,#0b0d0c12 80%),linear-gradient(0deg,#111210ce,transparent 36%)}.frame-line{position:absolute;inset:28px 3%;border:1px solid #ffffff18;pointer-events:none}.frame-line:before,.frame-line:after{content:'';position:absolute;width:28px;height:28px;border-color:var(--gold);border-style:solid}.frame-line:before{left:-1px;top:-1px;border-width:1px 0 0 1px}.frame-line:after{right:-1px;bottom:-1px;border-width:0 1px 1px 0}.hero-content{position:relative;padding-top:clamp(80px,11vh,145px);z-index:1}.eyebrow{font-size:10px;letter-spacing:2.6px;color:var(--gold);font-weight:500;margin:0 0 22px}.hero h1{font-size:clamp(45px,4.5vw,80px);line-height:1.35;letter-spacing:3px;margin:0;font-weight:600;max-width:850px}.hero h1 em,h2 em{font-style:normal;color:var(--gold)}.hero-description{max-width:480px;color:#c0c0b7;font-size:13px;line-height:2.1;margin:30px 0 35px;white-space:pre-line}.hero-actions{display:flex;align-items:center;gap:28px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;padding:15px 23px;font-size:12px;font-weight:600;border:1px solid transparent;min-height:49px}.gold{background:var(--gold);color:#242319}.gold:hover{background:#edd1a0;transform:translateY(-2px)}.outline{border-color:#dbbd8280;color:var(--gold)}.outline:hover{background:#dbbd8212}.reel-button{display:flex;gap:12px;align-items:center;font-size:11px;letter-spacing:1px}.play-circle{display:grid;place-items:center;border:1px solid #ffffff60;border-radius:50%;width:42px;height:42px;font-size:11px;padding-left:2px}.hero-bottom{position:absolute;bottom:49px;left:5%;display:flex;align-items:center;gap:20px;font-size:10px;color:#b1b0a4;letter-spacing:2px}.hero-bottom i{display:inline-block;width:5px;height:5px;background:var(--gold);margin-right:12px;border-radius:50%}.hero-bottom>a{margin-left:auto}.hero-bottom>a>span{margin-left:20px;font-size:19px;color:var(--gold)}.hero-coordinate{border-left:1px solid #ffffff33;padding-left:28px;margin-left:25px;font-size:8px}.capability-line{border-bottom:1px solid var(--line);padding:27px 0;background:#1b1c18}.capability-line>.wrap{display:flex;justify-content:space-between;gap:20px;align-items:center}.capability-line span{font-size:14px;letter-spacing:3px}.capability-line b{color:var(--gold);font-weight:400;font-size:20px}.capability-line .capability-en{font-size:8px;letter-spacing:2px;color:#777c70;margin-left:40px}.section{padding-block:112px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:46px}h2{font-size:clamp(28px,2.7vw,43px);line-height:1.5;font-weight:500;letter-spacing:1px;margin:0}.section-intro{font-size:12px;color:var(--muted);line-height:2;margin:0 0 5px;max-width:390px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 26px}.filters button{font-size:11px;color:#9b9e93;padding:7px 16px;border:1px solid var(--line)}.filters button.active{color:var(--gold);border-color:#dbbd8270;background:#dbbd820c}.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 22px}.work-card{min-width:0}.work-card button{display:block;width:100%;padding:0;text-align:left}.work-image{aspect-ratio:16/11;background:#22251e;overflow:hidden;position:relative;border:1px solid #ffffff15}.work-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.work-card button:hover img{transform:scale(1.04)}.work-arrow{position:absolute;right:16px;bottom:16px;display:grid;place-items:center;width:37px;height:37px;background:#161914bd;border:1px solid #ffffff30;font-size:22px;color:var(--gold)}.work-card .work-category{font-size:9px;letter-spacing:2px;color:var(--gold);margin:19px 0 8px}.work-card h3{font-size:19px;font-weight:500;margin:0}.work-card .work-summary{font-size:11px;color:var(--muted);margin:7px 0;line-height:1.9}.work-placeholder{height:100%;display:grid;place-items:center;background:radial-gradient(ellipse,#47432a,#1e211b);font:italic 70px Georgia;color:#dbbd8260}.work-empty{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.1fr;min-height:365px;background:#1a1c17;border:1px solid var(--line)}.work-empty>div:first-child{padding:45px 50px}.small-label{color:#7f8675;font-size:8px;letter-spacing:3px}.work-empty h3{font-size:32px;line-height:1.5;font-weight:500;margin:20px 0 17px}.work-empty p{font-size:12px;color:var(--muted);max-width:330px}.text-link{display:inline-flex;align-items:center;gap:36px;border-bottom:1px solid #dbbd8260;padding-bottom:9px;margin-top:18px;font-size:11px;color:var(--gold)}.text-link:hover{gap:45px}.text-link span{font-size:18px}.empty-visual{background:linear-gradient(90deg,#1a1c1730,#17191420),url('/wangxin-hero.jpg') center 60%/cover;min-height:280px;position:relative;display:flex;align-items:end;padding:25px 32px}.empty-visual>span:last-child{font-size:8px;letter-spacing:3px;color:#d8d3bd}.viewfinder{position:absolute;inset:40px;border:1px solid #dbbd8250}.viewfinder:after{content:'+';color:#dbbd82b0;position:absolute;inset:0;display:grid;place-items:center;font-size:30px;font-weight:200}.services-section{background:#191b16;border-block:1px solid var(--line)}.services-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.service-card{padding:30px;border:1px solid #ffffff13;margin-left:-1px;position:relative;min-width:0}.service-card:hover{background:#22251c}.service-top{display:flex;align-items:center;justify-content:space-between;color:var(--gold);font-size:12px}.service-top span:last-child{font-size:27px;font-weight:300}.service-card h3{margin:42px 0 5px;font-size:23px;font-weight:500}.service-english{font-size:8px;letter-spacing:1.5px;color:#7e8773;margin-bottom:22px}.service-card p{font-size:11px;color:#a3aa98;line-height:2}.service-details{border-top:1px solid var(--line);padding-top:18px;margin-top:24px;font-size:10px;color:#bbc1af;line-height:2.2;white-space:pre-line}.service-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:25px}.service-tags span{font-size:9px;border:1px solid #ffffff16;color:#9aab82;padding:3px 6px}.equipment-section{display:grid;grid-template-columns:1fr 1.8fr;gap:80px;align-items:center}.equipment-intro>p:not(.eyebrow){font-size:12px;color:var(--muted);line-height:2.1;max-width:330px;margin-top:25px}.equipment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.equipment-empty{grid-column:1/-1;min-height:350px;background:radial-gradient(ellipse at 20% 55%,#343a2b,#1a1d17 60%);padding:54px 35px 40px 49%;position:relative;overflow:hidden;border:1px solid var(--line)}.equipment-empty>span:not(.lens-rings){font-size:8px;letter-spacing:2px;color:#969f87}.equipment-empty h3{font-size:26px;font-weight:500;line-height:1.5;margin:20px 0 15px}.equipment-empty p{font-size:11px;color:var(--muted)}.lens-rings{position:absolute;left:-60px;top:25px;width:320px;height:320px;border:1px solid #9aa78a35;border-radius:50%;box-shadow:inset 0 0 0 20px #111610,0 0 0 12px #333b2b60,0 0 0 25px #10150e;transform:rotate(-25deg);background:radial-gradient(circle,#25301d 5%,#0c110b 25%,#4d5840 26%,#0f160c 28%,#131c0e 45%,#3c483240 46%)}.lens-rings:after{content:'WANGXIN / CINEMA';position:absolute;top:18px;width:100%;text-align:center;color:#a7b58c;font-size:9px;letter-spacing:4px}.lens-rings i{position:absolute;border:1px solid #aab08d28;border-radius:50%;inset:40px}.lens-rings i:nth-child(2){inset:55px}.lens-rings i:nth-child(3){inset:80px}.equipment-card{background:#1b1e17;border:1px solid var(--line);min-width:0}.equipment-card img{width:100%;aspect-ratio:4/3;object-fit:cover}.equipment-card>div{padding:20px}.equipment-card h3{font-size:17px;font-weight:500;margin:6px 0}.equipment-card p{font-size:11px;color:var(--muted)}.equipment-card .specs{font-size:10px;white-space:pre-line;color:#bdc2b4}.about-section{display:grid;grid-template-columns:1fr 1fr;min-height:525px;background:#21231d}.about-image{position:relative;background:linear-gradient(0deg,#10130ed9,transparent 70%),url('/wangxin-hero.jpg') 73% center/cover;min-height:400px;display:flex;align-items:end;padding:55px 10%}.about-image-label{font-size:9px;letter-spacing:3px;line-height:2.1;color:#c4c7b5}.about-image-label b{font:italic 27px Georgia;color:var(--gold);letter-spacing:1px}.image-note{position:absolute;right:18px;top:18px;font-size:8px;letter-spacing:1px;color:#ddd9c58c}.about-copy{padding:70px max(8%,40px);align-self:center}.about-copy h2{font-size:clamp(25px,2.1vw,35px)}.about-copy>p:not(.eyebrow){font-size:12px;color:#b5b8a9;line-height:2.2;margin:28px 0;white-space:pre-line}.process-grid{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:35px;margin:0;padding:0}.process-grid li{border-top:1px solid #dbbd8240;padding-top:24px}.process-grid li>span{font-size:8px;letter-spacing:2px;color:var(--gold)}.process-grid h3{font-size:21px;font-weight:500;margin:22px 0 13px}.process-grid p{font-size:11px;color:var(--muted);max-width:230px;line-height:2}.contact-section{background:#22251e;border-top:1px solid #ffffff18;padding-block:90px}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:start}.contact-copy{position:relative}.contact-copy h2{font-size:clamp(32px,3.2vw,51px)}.contact-copy>p:not(.eyebrow){font-size:12px;line-height:2.1;color:#a4ac98;margin-top:30px}.contact-details{margin-top:35px;font-size:12px}.contact-details dt{font-size:9px;color:#819074;letter-spacing:1px;margin-top:16px}.contact-details dd{margin:2px 0;color:#d8dfcc;overflow-wrap:anywhere}.contact-decoration{display:block;font-size:130px;font-weight:200;line-height:1;color:#dbbd8233;margin:30px 0}.inquiry-panel{background:#191d16;border:1px solid #dbbd8220;padding:32px 34px;position:relative}.form-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:27px}.form-heading h3{font-size:19px;font-weight:500;margin:0}.form-heading>span{font-size:7px;letter-spacing:2px;color:#7b886d}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:block;color:#b8c1ad;font-size:10px;margin-bottom:19px}label>span{color:var(--gold)}input:not([type=checkbox]),textarea,select{width:100%;display:block;border:1px solid #ffffff20;border-radius:0;background:#22271d;color:var(--text);padding:12px 13px;margin-top:8px;min-width:0;font-size:11px}input::placeholder,textarea::placeholder{color:#737e68}textarea{resize:vertical}select{color-scheme:dark}.consent{display:flex;gap:9px;line-height:1.9;align-items:start;font-size:9px}.consent input{accent-color:var(--gold);margin:4px 0 0;flex:none}.consent span{color:#919d83}.submit{width:100%}.form-note{font-size:9px;text-align:center;color:#758269;margin:13px 0 0}.form-error{font-size:11px;color:#ffbfaa;white-space:pre-line;margin:10px 0;min-height:0}.form-error:not(:empty){margin-bottom:18px}.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.inquiry-success{text-align:center;padding:55px 10px}.success-mark{display:inline-grid;place-items:center;width:60px;height:60px;border:1px solid #dbbd8260;border-radius:50%;color:var(--gold);font-size:24px;margin-bottom:25px}.inquiry-success h3{font-size:27px;font-weight:500}.inquiry-success p{font-size:12px;color:#b3bfa8}.inquiry-success strong{color:var(--gold)}.inquiry-success button{margin-top:30px}.inquiry-closed{padding:50px 10px;text-align:center;color:var(--muted)}.site-footer{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:25px;padding-block:45px 25px}.site-footer>.wordmark{font-size:18px}.site-footer p{font-size:11px;color:#949d88;margin:0}.site-footer p>span{font-size:7px;letter-spacing:2px;color:#69775c}.site-footer>div{display:flex;gap:25px;font-size:10px;color:#a5ad9b}.site-footer>small{grid-column:1/-1;border-top:1px solid var(--line);padding-top:23px;margin-top:14px;font-size:8px;letter-spacing:1px;color:#6e7962}.project-dialog{width:min(960px,94vw);max-height:90svh;padding:0;background:#191d16;color:var(--text);border:1px solid #dbbd8250}.project-dialog::backdrop{background:#050704dc;backdrop-filter:blur(9px)}.dialog-close{position:absolute;right:12px;top:12px;font-size:30px;z-index:2;width:40px;height:40px;background:#10160cc9}.project-dialog img,.project-dialog video{width:100%;display:block;max-height:60vh;object-fit:contain;background:#080b06}.project-copy{padding:32px}.project-copy h2{font-size:30px;margin:10px 0 20px}.project-copy p{color:#b4bfaa;font-size:12px;line-height:2;white-space:pre-line}.project-meta{display:flex;gap:25px;color:var(--gold);font-size:10px}.project-copy .text-link{margin-bottom:10px}.preview-banner{background:var(--gold);color:#28291b;padding:10px 5%;font-size:11px}.preview-banner a{float:right;text-decoration:underline}.section-feedback{border:1px solid #9c754b66;padding:15px;color:#d4bd99;font-size:12px}button:disabled{opacity:.55;cursor:wait}
@media(min-width:1700px){.hero-content{padding-top:135px}.hero-description{font-size:14px;margin-top:35px}.hero-actions{margin-top:40px}.hero-bottom{bottom:60px}}
@media(max-width:1100px){.site-header{gap:25px}.site-header nav{gap:23px}.xishi-link{padding-left:20px}.site-header .wordmark{font-size:18px}.service-card{padding:22px}.service-card h3{font-size:20px}.equipment-section{gap:40px;grid-template-columns:1fr 1.6fr}.equipment-empty{padding-left:45%}.lens-rings{left:-120px}.contact-layout{gap:6%}.inquiry-panel{padding:25px}.hero h1{font-size:57px}}
@media(max-width:800px){.site-header{height:80px}.site-header nav .xishi-link{display:none}.site-header nav{gap:20px;font-size:10px}.header-contact{font-size:10px;padding:10px 12px}.header-contact span{margin-left:12px}.hero{height:700px;min-height:600px}.hero-image{object-position:65% center}.hero h1{font-size:52px}.hero-description{max-width:430px}.hero-shade{background:linear-gradient(90deg,#0b0d0cf2,#0b0d0c75 70%),linear-gradient(0deg,#111210ce,transparent 40%)}.hero-coordinate{display:none}.capability-line .capability-en{display:none}.capability-line span{font-size:12px;letter-spacing:1px}.section{padding-block:80px}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.work-empty>div:first-child{padding:35px}.work-empty h3{font-size:27px}.section-heading{align-items:start}.section-intro{max-width:270px;font-size:11px}.services-grid{grid-template-columns:1fr 1fr}.service-card{padding:30px}.service-card h3{margin-top:28px}.equipment-section{grid-template-columns:1fr;gap:35px}.equipment-empty{padding:50px 35px 40px 50%}.lens-rings{left:3%;top:20px}.about-section{grid-template-columns:1fr 1fr}.about-copy{padding:40px 9%}.about-image{min-height:450px}.about-image-label b{font-size:20px}.process-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px}.contact-layout{grid-template-columns:1fr;gap:35px}.contact-decoration{display:none}.contact-copy>p:not(.eyebrow){margin-top:20px}.contact-details{display:grid;grid-template-columns:120px 1fr;gap:12px;margin-bottom:15px}.contact-details dt{margin:0}.contact-details dd{margin:0}.site-footer{grid-template-columns:1fr auto}.site-footer>p{display:none}}
@media(max-width:560px){.site-header{height:auto;min-height:80px;padding:17px 5%;gap:16px;flex-wrap:wrap}.wordmark{font-size:18px;gap:11px}.symbol{height:36px;width:36px;font-size:27px;line-height:34px}.symbol>span{font-size:16px;right:8px;bottom:-2px}.wordmark small{font-size:6px;letter-spacing:2.5px}.header-contact{margin-left:auto}.site-header nav{order:3;width:100%;justify-content:space-between;gap:10px}.site-header nav .xishi-link{display:block;border:0;padding-left:0}.hero{height:670px;min-height:0;max-height:none}.hero-content{padding-top:77px}.hero h1{font-size:43px;line-height:1.4;letter-spacing:1px}.eyebrow{font-size:8px;letter-spacing:1.7px}.hero-description{font-size:12px;line-height:2.05;max-width:94%;margin-top:27px}.hero-actions{gap:18px;flex-wrap:wrap}.button{padding:13px 18px;font-size:11px;gap:25px}.reel-button{font-size:10px}.hero-bottom{bottom:35px;font-size:8px;letter-spacing:1px}.hero-bottom>a>span{margin-left:10px}.frame-line{inset:18px 3%}.capability-line{padding:20px 0}.capability-line .wrap{gap:10px}.capability-line span{font-size:10px;letter-spacing:0}.capability-line b{font-size:15px}.section{padding-block:65px}.section-heading{display:block;margin-bottom:30px}.section-heading h2{font-size:27px}.section-intro{margin-top:20px;max-width:none}.section-intro br{display:none}.work-grid{grid-template-columns:1fr;gap:30px}.work-empty{grid-template-columns:1fr}.work-empty>div:first-child{padding:30px}.work-empty h3{font-size:29px}.empty-visual{min-height:230px}.services-grid{grid-template-columns:1fr}.service-card{padding:25px 28px;margin-top:-1px;margin-left:0}.service-card h3{margin-top:15px;font-size:23px}.service-details{margin-top:19px}.service-card p{font-size:12px}.service-tags{margin-top:20px}.equipment-grid{gap:10px}.equipment-card>div{padding:15px}.equipment-card h3{font-size:15px}.equipment-empty{min-height:300px;padding:42px 22px 30px 45%}.equipment-empty h3{font-size:23px}.lens-rings{width:260px;height:260px;left:-115px;top:25px}.equipment-empty>span:not(.lens-rings){font-size:7px;letter-spacing:1px}.equipment-empty p{font-size:10px}.about-section{grid-template-columns:1fr}.about-image{min-height:300px;padding:35px 7%}.about-copy{padding:40px 7% 50px}.about-copy h2{font-size:27px}.process-grid{gap:28px 22px}.process-grid h3{font-size:18px;margin-top:15px}.process-grid li>span{font-size:7px;letter-spacing:1px}.process-grid p{font-size:11px}.contact-section{padding-block:60px}.contact-copy h2{font-size:35px}.form-pair{grid-template-columns:1fr;gap:0}.inquiry-panel{padding:25px 21px}.form-heading{margin-bottom:25px}.form-heading h3{font-size:18px}.form-heading>span{font-size:6px;letter-spacing:1px}input:not([type=checkbox]),textarea,select{font-size:16px;padding:10px 12px}label{font-size:11px}.consent{font-size:10px}.site-footer{padding-top:30px;gap:30px;grid-template-columns:1fr}.site-footer>div{font-size:11px;gap:30px}.site-footer>small{margin-top:0}.project-copy{padding:25px}.project-copy h2{font-size:24px}.preview-banner a{float:none;display:block}.preview-banner{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}