:root{color-scheme:dark;--bg:#101312;--panel:#171d1b;--ink:#f5f7f3;--muted:#a6b2ac;--green:#6cdbb0;--blue:#255fac;--line:#313b36;--max:1440px;font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font-size:16px;line-height:1.75}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid var(--green);outline-offset:6px}::selection{background:var(--green);color:var(--bg)}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:600}.skip-link{position:fixed;top:-100px;left:16px;z-index:20;background:var(--green);color:var(--bg);padding:12px}.skip-link:focus{top:12px}.header{height:96px;padding:0 4.5%;display:flex;justify-content:space-between;align-items:center;gap:28px;background:rgba(16,19,18,.96);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:14px;flex-shrink:0}.brand img{width:48px;height:48px;border-radius:3px}.brand>span{font-size:24px;line-height:1.25;font-weight:650;letter-spacing:4px}.brand small{display:block;font-size:10px;font-weight:400;letter-spacing:1.5px;color:var(--muted);margin-top:7px}nav{display:flex;align-items:center;gap:36px;font-size:14px}nav>a{transition:color .2s}nav>a:hover{color:var(--green)}.nav-cta{border-bottom:1px solid var(--green);padding:8px 0}.nav-cta span{margin-left:24px;color:var(--green);font-size:20px}.hero{height:min(720px,80vw);min-height:600px;position:relative;overflow:hidden}.hero-image,.hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-image{object-position:70% center}.hero-shade{background:linear-gradient(90deg,rgba(7,13,13,.9) 0%,rgba(7,13,13,.72) 25%,rgba(7,13,13,.13) 60%),linear-gradient(0deg,rgba(7,13,13,.94) 0%,transparent 42%)}.hero-content{position:relative;max-width:var(--max);padding:80px 6%;z-index:1}.eyebrow{color:var(--green);font-size:13px;letter-spacing:2.6px;line-height:1.5;font-weight:500;margin-bottom:25px}h1{font-size:clamp(52px,6.2vw,92px);line-height:1.15;letter-spacing:-3px}h1 em{font-style:normal;color:var(--green)}.hero-intro{font-size:18px;line-height:1.9;color:#d4ddd7;margin:28px 0}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;padding:13px 23px;background:var(--green);color:#10251e;font-weight:600;font-size:15px;border:1px solid var(--green);transition:background .2s}.button:hover{background:#a1f3d2}.button span{font-size:23px;line-height:1}.hero-caption{position:absolute;right:6%;bottom:107px;display:flex;flex-direction:column;align-items:flex-end;gap:5px;text-shadow:0 2px 6px #0008}.hero-caption>span{font-size:12px;letter-spacing:1.4px}.hero-caption strong{font-size:20px;font-weight:500}.hero-bottom{position:absolute;bottom:0;left:6%;right:6%;border-top:1px solid #bccdc350;display:flex;gap:60px;height:75px;align-items:center;color:#d0d9d3;font-size:14px;letter-spacing:2px}.section{max-width:var(--max);margin:auto;padding:110px 6%}.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:flex-end;margin-bottom:45px}.section-heading .eyebrow{margin-bottom:15px}.section-heading>p{font-size:15px;color:var(--muted);max-width:320px}h2{font-size:clamp(30px,3.2vw,46px);letter-spacing:-1px;line-height:1.4}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px 28px}.work-card{min-width:0}.work-card>img{width:100%;aspect-ratio:16/9;object-fit:cover}.work-meta{display:flex;justify-content:space-between;gap:20px;align-items:center;padding-top:18px}.work-meta p{font-size:12px;color:var(--muted);letter-spacing:1px;margin-bottom:5px}.work-meta h3{font-size:21px;font-weight:500;line-height:1.45}.work-meta>span{font-size:13px;color:var(--muted)}.about{border-top:1px solid var(--line)}.about-copy{max-width:710px;color:var(--muted);margin-top:30px;font-size:18px;line-height:2}footer{border-top:1px solid var(--line);padding:30px 6%;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted)}footer a:hover{color:var(--green)}
@media(min-width:1700px){.hero-content{margin:auto;padding-left:6%;}.hero{height:780px}.hero-content{padding-top:100px}}
@media(max-width:900px){.header{height:82px}.brand>span{font-size:21px}nav{gap:24px}.hero{min-height:600px}.hero-content{padding-top:75px}.section{padding-top:80px;padding-bottom:80px}.section-heading>p{max-width:230px}.hero-caption{bottom:96px}.hero-bottom{gap:32px}}
@media(max-width:600px){html{scroll-padding-top:85px}.header{height:78px;padding:0 5%;gap:10px}.brand{gap:10px}.brand img{width:40px;height:40px}.brand>span{font-size:18px;letter-spacing:2px}.brand small{font-size:8px;letter-spacing:1px}nav{gap:18px;font-size:13px}.nav-cta{display:none}.hero{height:710px;min-height:0}.hero-image{object-position:60% center}.hero-shade{background:linear-gradient(90deg,#07100dda,#07100d30),linear-gradient(0deg,#07100df0,transparent 70%)}.hero-content{padding:65px 7%}.eyebrow{font-size:12px;letter-spacing:1.5px;margin-bottom:22px}h1{font-size:52px;letter-spacing:-2px}.hero-intro{font-size:16px;margin:26px 0}.button{font-size:14px;padding:12px 18px}.hero-caption{right:7%;bottom:98px}.hero-caption strong{font-size:16px}.hero-caption>span{font-size:11px}.hero-bottom{left:7%;right:7%;gap:0;justify-content:space-between;height:66px;font-size:12px;letter-spacing:1px}.section{padding:70px 7%}.section-heading{display:block;margin-bottom:32px}.section-heading>p{margin-top:20px;max-width:none;font-size:14px}.work-grid{grid-template-columns:1fr;gap:35px}.work-meta h3{font-size:19px}.about-copy{font-size:16px}footer{flex-direction:column;gap:8px;padding:24px 7%;font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
.hero-caption{background:none;border:0;color:var(--ink);font:inherit;padding:0;cursor:pointer}.hero-caption:hover strong{color:var(--green)}.media-button{position:relative;display:block;width:100%;padding:0;border:0;background:var(--panel);color:var(--ink);cursor:pointer;overflow:hidden;aspect-ratio:16/9}.media-button img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.media-button:hover img{transform:scale(1.025)}.media-action{position:absolute;right:14px;bottom:14px;background:rgba(10,19,15,.85);border:1px solid #ffffff50;padding:5px 12px;font-size:12px;letter-spacing:1px;backdrop-filter:blur(10px)}.drama-wrap{background:#18251f;border-top:1px solid #344f41;border-bottom:1px solid #344f41}.drama-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.poster-card .media-button{aspect-ratio:3/4}.poster-card .media-button img{object-fit:contain;background:#101712}.poster-card .work-meta h3{font-size:19px}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}.service-grid article{border-top:1px solid var(--line);padding-top:22px}.service-number{color:var(--green);font-size:13px}.service-grid h3{font-size:26px;margin:24px 0 15px}.service-grid p{color:var(--muted);font-size:16px;line-height:1.9}.service-grid small{display:block;color:var(--green);font-size:12px;line-height:1.8;margin-top:25px}.about{display:grid;grid-template-columns:1fr 1fr;gap:60px}.about-company{font-size:20px;color:var(--ink)}.about-copy{font-size:16px;margin-top:20px}.cooperation{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.cooperation span{border:1px solid var(--line);padding:5px 12px;font-size:13px;color:var(--muted)}[hidden]{display:none!important}.modal-open{overflow:hidden}dialog{background:#111713;color:var(--ink);border:1px solid #3d5144;width:min(1100px,94vw);max-height:94dvh;padding:0;border-radius:6px;overflow:auto}dialog::backdrop{background:#000d;backdrop-filter:blur(5px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;padding:22px 28px;gap:20px}.dialog-head p{font-size:12px;color:var(--green);margin-bottom:5px}.dialog-head h2{font-size:25px}.icon-button{width:44px;height:44px;min-width:44px;border:1px solid var(--line);background:transparent;color:var(--ink);font-size:25px;cursor:pointer;line-height:1;border-radius:50%}.icon-button:hover{background:var(--green);color:var(--bg)}.viewer{background:#080c09;display:flex;justify-content:center;align-items:center;min-height:180px}.viewer img,.viewer video{width:100%;height:min(60dvh,640px);object-fit:contain}.dialog-bottom{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:20px 28px}.dialog-bottom>p{font-size:14px;color:var(--muted);max-width:680px}.gallery-controls{display:flex;align-items:center;gap:15px;flex-shrink:0}.gallery-controls>span{font-size:13px;min-width:40px;text-align:center}.gallery-controls .icon-button{font-size:20px}
@media(max-width:900px){.service-grid{gap:24px}.service-grid h3{font-size:23px}.about{gap:35px}.drama-grid{gap:20px}.poster-card .work-meta h3{font-size:17px}.poster-card .work-meta>span{display:none}}
@media(max-width:600px){.drama-grid{grid-template-columns:1fr 1fr;gap:28px 16px}.drama-grid .poster-card:last-child{max-width:100%}.poster-card .work-meta h3{font-size:16px}.poster-card .work-meta p{font-size:11px;letter-spacing:0}.media-action{font-size:11px;right:10px;bottom:10px;padding:4px 8px}.service-grid{grid-template-columns:1fr;gap:35px}.service-grid h3{margin:12px 0;font-size:25px}.service-grid small{margin-top:15px}.about{grid-template-columns:1fr;gap:28px}.about-company{font-size:18px}.dialog-head{padding:17px}.dialog-head h2{font-size:20px}.dialog-bottom{padding:17px;flex-direction:column;gap:15px;align-items:stretch}.dialog-bottom>p{font-size:13px}.gallery-controls{justify-content:center}.viewer img,.viewer video{height:auto;max-height:62dvh;min-height:180px}.hero-caption>strong>span{color:var(--green)}}