:root{color-scheme:dark;--bg:#111210;--ink:#efeee7;--muted:#92958b;--line:#30332d;--accent:#e7ac6a}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,"Microsoft YaHei",sans-serif;font-size:15px}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:5px}header{height:100px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:2}.brand{display:flex;align-items:center;gap:14px;font-size:21px;letter-spacing:3px}.brand img{width:53px;height:36px;object-fit:contain;border-radius:3px}.brand small{display:block;font-size:8px;letter-spacing:2px;margin-top:7px;color:var(--muted)}nav{display:flex;gap:38px;font-size:13px}nav a:hover,.contact-link:hover{color:var(--accent)}.contact-link{font-size:13px}.contact-link span{margin-left:24px}.hero{min-height:720px;height:calc(100svh - 100px);max-height:1050px;position:relative;overflow:hidden;padding:35px 5% 0}.hero canvas,.hero-grid{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.hero-grid{background:linear-gradient(90deg,transparent 49.96%,#ffffff08 50%,transparent 50.04%),linear-gradient(0deg,transparent 49.9%,#ffffff06 50%,transparent 50.1%);background-size:180px 180px;mask-image:linear-gradient(90deg,transparent,#000)}.hero-top,.hero-footer{position:relative;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.5px;color:#a2a598}.hero-top i{display:inline-block;width:6px;height:6px;background:#c7d0aa;border-radius:50%;margin-right:9px;box-shadow:0 0 12px #c7d0aa}.hero-content{position:relative;z-index:1;padding-top:10vh;max-width:880px}.kicker{font-size:13px;letter-spacing:4px;color:#c3c4b8;margin-bottom:28px}h1{font-size:clamp(48px,6.5vw,108px);line-height:1.25;letter-spacing:-5px;font-weight:500;margin:0}h1 span{color:var(--accent)}.hero-bottom{display:flex;align-items:center;gap:90px;margin-top:45px}.hero-bottom p{font-size:14px;line-height:1.9;color:#a9ac9f}.round-link{display:flex;align-items:center;gap:30px;font-size:12px}.round-link b{width:55px;height:55px;border:1px solid #64685a;border-radius:50%;display:grid;place-items:center;font-size:22px;font-weight:normal;transition:.3s}.round-link:hover b{background:var(--accent);color:#161811;border-color:var(--accent);transform:translateY(4px)}.orbit-label{position:absolute;right:7%;top:53%;display:flex;flex-direction:column;gap:14px;align-items:center;color:#d1d5c7}.orbit-label span{font-size:8px;letter-spacing:3px}.orbit-label b{font-size:16px;font-weight:normal;letter-spacing:4px}.orbit-label small{font-size:9px;letter-spacing:2px;color:#8b9381}.hero-footer{position:absolute;bottom:28px;left:5%;right:5%;border-top:1px solid #50554466;padding-top:23px}.section{padding:85px 7% 95px;border-top:1px solid var(--line)}.section-meta{display:flex;justify-content:space-between;color:#92978a;font-size:10px;letter-spacing:1px}.section-meta span:last-child{letter-spacing:2px}.section-title{display:flex;align-items:flex-end;justify-content:space-between;margin:50px 0 38px}h2{font-size:clamp(32px,4vw,61px);font-weight:400;letter-spacing:-2px;line-height:1.35;margin:0}.section-title em{font-style:normal;color:#9aa18d}.section-title p,.service-heading p{color:#9ca192;font-size:13px;line-height:1.9}.filters{display:flex;gap:12px;margin-bottom:35px;flex-wrap:wrap}.filters button{border:1px solid #353a30;border-radius:24px;background:none;padding:10px 21px;font-size:12px;color:#a1a795}.filters button.active{background:#e7e9dd;color:#181b15;border-color:#e7e9dd}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:42px 28px}.work-card{background:none;border:none;text-align:left;padding:0;width:100%}.work-cover{aspect-ratio:16/10;position:relative;overflow:hidden;background:#242a24;isolation:isolate}.work-cover img{width:100%;height:100%;object-fit:cover;transition:transform .65s}.work-card:hover img{transform:scale(1.04)}.work-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 45%,#0009)}.work-cover .poster{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 65% 35%,#90997555,transparent 55%),linear-gradient(130deg,#151d1c,#3b493f);transition:.5s}.work-cover .poster:before{content:'';position:absolute;width:60%;height:160%;border:1px solid #b1c6ac33;transform:rotate(35deg);box-shadow:40px 0 0 #b1c6ac09,80px 0 0 #b1c6ac09,-40px 0 0 #b1c6ac09}.poster span{font-size:clamp(26px,3vw,48px);letter-spacing:8px;position:relative;color:#dbe0ce;font-weight:300}.work-card:nth-child(2n) .poster{background:radial-gradient(ellipse at 35% 30%,#b5784055,transparent 60%),linear-gradient(140deg,#34291f,#1c201d)}.work-card:nth-child(3n) .poster{background:radial-gradient(ellipse at 50% 55%,#657b8f88,transparent 55%),#17232a}.work-card:hover .poster{filter:brightness(1.2)}.cover-top,.cover-bottom{position:absolute;left:22px;right:22px;display:flex;justify-content:space-between;z-index:1;font-size:9px;letter-spacing:1px}.cover-top{top:20px}.cover-bottom{bottom:20px}.play-icon{position:absolute;z-index:1;right:24px;bottom:44px;width:48px;height:48px;border:1px solid #ffffff66;border-radius:50%;display:grid;place-items:center;font-size:15px;backdrop-filter:blur(10px)}.card-info{display:flex;align-items:center;justify-content:space-between;padding-top:20px}.card-info h3{margin:0;font-size:20px;font-weight:400}.card-info p{font-size:11px;color:#9b9f92;margin-bottom:0}.card-info b{font-size:23px;font-weight:normal;color:#b8c0a8}.source-note{color:#777f70;font-size:11px;margin:35px 0 0}.about{background:#dce0d3;color:#23281f}.about .section-meta{color:#66705e}.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:10%;margin-top:70px}.about h2 span{color:#788467}.about h3{font-size:17px;line-height:1.8;font-weight:500;margin:0 0 24px}.about p{color:#5b6553;line-height:2;font-size:14px}.about p.lead{color:#2e3927;font-size:18px;white-space:pre-line}.about-sign{font-size:39px!important;line-height:.95!important;letter-spacing:-2px;margin-top:85px;color:#a0aa94!important}.values{display:flex;gap:18px;border-top:1px solid #aab29f;margin-top:32px;padding-top:24px;font-size:11px;color:#515e46;flex-wrap:wrap}.service-heading{display:flex;justify-content:space-between;margin:65px 0 50px}.service-list article{border-top:1px solid var(--line);display:grid;grid-template-columns:60px 1fr 1fr 30px;align-items:center;padding:30px 0;gap:20px}.service-list article span{font-size:10px;color:#808977}.service-list h3{font-size:23px;font-weight:400;margin:0}.service-list p{color:#939b89;font-size:12px}.service-list b{font-size:24px;font-weight:400}.process{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#1b2018;padding:24px 30px;margin-top:40px;font-size:12px;color:#b0b8a4}.process p{font-size:9px;letter-spacing:1.5px;color:#7c8a70}.process b{font-weight:normal;color:#616e55}.contact{background:#23291f}.contact h2{font-size:clamp(44px,6vw,90px);margin:60px 0 45px;position:relative}.contact h2 span{color:#b5c19f}.contact h2>a{position:absolute;right:0;bottom:10px;display:grid;place-items:center;border:1px solid #849273;width:95px;height:95px;border-radius:50%;font-size:45px}.contact-details{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid #46513c;padding-top:25px;font-size:13px;flex-wrap:wrap}.contact-details p{max-width:280px;color:#a8b49a;line-height:1.8}.contact-details span{color:#98a38b}footer{display:flex;justify-content:space-between;gap:20px;padding:28px 5%;font-size:9px;color:#909780;flex-wrap:wrap}dialog{background:#171b16;color:var(--ink);border:1px solid #515a47;padding:25px;width:min(1140px,94vw);max-height:94svh;overflow:auto}dialog::backdrop{background:#050805e8;backdrop-filter:blur(12px)}.dialog-bar{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:2px;margin-bottom:20px}.dialog-bar button{background:none;border:1px solid #515a47;padding:10px 16px;font-size:12px}.film-screen{background:#050705;aspect-ratio:16/9;display:grid;place-items:center;position:relative}.film-screen video{width:100%;height:100%;max-height:70svh}.no-film{text-align:center;padding:25px;color:#98a38a;line-height:2}.no-film strong{display:block;color:#d6dfc8;font-size:26px;font-weight:400;margin-bottom:14px}.film-info{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:30px 0 10px}.film-info h2{font-size:32px}.film-info p{font-size:13px;line-height:1.9;white-space:pre-line;color:#a7b198}.fullscreen{position:absolute;right:20px;top:18px;border:1px solid #a1ae91;background:#182414d9;padding:10px 16px;border-radius:20px;font-size:12px}#toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:#dbe4cf;color:#192114;padding:14px 24px;border-radius:8px;z-index:20;display:none}body.modal-open{overflow:hidden}@media(max-width:800px){header{height:80px}.brand{font-size:17px}.brand img{width:42px}nav{gap:15px;font-size:11px}.contact-link{display:none}.hero{min-height:690px;height:calc(100svh - 80px)}.hero-top{font-size:7px}.hero-top>span:last-child{display:none}.hero-content{padding-top:85px}h1{letter-spacing:-2px}.hero-bottom{gap:25px;justify-content:space-between}.hero-bottom p{font-size:11px}.round-link{gap:12px}.round-link b{width:42px;height:42px}.orbit-label{top:auto;bottom:95px;right:8%;align-items:flex-end;opacity:.75}.orbit-label b{font-size:13px}.hero-footer{font-size:7px}.hero-footer>span:first-child{display:none}.section{padding:55px 6%}.section-meta{font-size:8px}.section-meta>span:last-child{max-width:45%;line-height:1.6}.section-title{margin-top:35px;gap:20px}.section-title p{font-size:11px}.work-grid{grid-template-columns:1fr;gap:28px}.card-info h3{font-size:18px}.about-layout{grid-template-columns:1fr;gap:25px;margin-top:40px}.about-sign{display:none}.service-heading{display:block;margin:40px 0}.service-list article{grid-template-columns:24px 1fr 20px;gap:12px;padding:24px 0}.service-list article p{grid-column:2;font-size:10px;margin:0}.service-list article b{grid-column:3;grid-row:1}.service-list h3{font-size:19px}.process{flex-wrap:wrap;padding:20px;font-size:10px}.process p{width:100%}.contact h2>a{width:60px;height:60px;font-size:28px}.contact-details{display:grid;grid-template-columns:1fr 1fr;font-size:11px}.contact-details p{grid-column:1/-1}.film-info{grid-template-columns:1fr;gap:10px}.film-info h2{font-size:26px}dialog{padding:16px}.poster span{font-size:32px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media(max-width:520px){.section-title{display:block}.section-title p{margin-top:24px}.section-title h2{font-size:38px}.hero-bottom{align-items:flex-start;gap:18px}.hero-bottom p{max-width:185px}}