:root{color-scheme:dark;--ink:#ebeee6;--muted:#afb6aa;--accent:#c9eea1;--line:#384039}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:#121512;color:var(--ink);font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.bar,main,footer{max-width:1536px;margin:auto}.bar,footer{display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,4.4vw,72px)}.bar{height:74px}.brand,.bar nav{display:flex;align-items:center}.brand{gap:11px;font-weight:650;letter-spacing:.04em}.mark{display:flex;align-items:end;gap:3px;transform:skew(-16deg);height:20px}.mark i{background:var(--accent);width:5px;height:65%}.mark i:nth-child(2){height:100%}.mark i:last-child{height:80%}.bar nav{gap:30px;font-size:14px;color:#c3c9bf}.bar nav a:hover,footer a:hover{color:var(--accent)}.hero{position:relative;isolation:isolate;min-height:440px;height:clamp(440px,43vw,635px);overflow:hidden;background:#162127}.hero-art,.hero-shade{position:absolute;inset:0;width:100%;height:100%;z-index:-1}.hero-art{object-fit:cover;object-position:50% 42%}.hero-shade{background:linear-gradient(90deg,rgba(7,16,15,.90) 0%,rgba(7,16,15,.57) 36%,transparent 74%),linear-gradient(0deg,rgba(5,11,9,.65),transparent 33%)}.hero-copy{margin-left:clamp(24px,6.4vw,104px);height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.eyebrow,.kicker,.hero-meta,time,.counter{font-family:ui-monospace,"PingFang SC",monospace}.eyebrow,.kicker{font-size:11px;font-weight:650;letter-spacing:.16em;color:var(--accent)}.eyebrow{display:flex;align-items:center;gap:10px}.eyebrow span{width:28px;height:1px;background:currentColor}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:"Songti SC","STSong","Noto Serif CJK SC",serif}h1{font-size:clamp(62px,7.8vw,125px);line-height:1.22;font-weight:600;letter-spacing:.035em;margin:14px 0}.intro{font-size:clamp(15px,1.15vw,20px);line-height:1.9;color:#e1e6de}.play{display:inline-flex;align-items:center;gap:11px;background:var(--accent);color:#182016;padding:13px 22px;margin-top:24px;font-weight:650;border-radius:3px}.play i{width:0;height:0;border-left:10px solid;border-top:6px solid transparent;border-bottom:6px solid transparent}.hero-meta{position:absolute;bottom:22px;right:clamp(22px,4vw,65px);font-size:12px;letter-spacing:.08em}.hero-meta b{color:var(--accent);font-weight:400}.works,.about{margin:0 clamp(18px,4.4vw,72px)}.works{padding:54px 0}.section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:26px}.kicker{font-size:10px}.section-head h2,.about h2{font-size:clamp(32px,3.4vw,50px);margin-top:7px;line-height:1.15;font-weight:550}.counter{font-size:12px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 24px}.film{min-width:0}.cover{position:relative;overflow:hidden;aspect-ratio:2.1;background:#202722}.cover img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .35s ease}.film:hover .cover img{transform:scale(1.025)}.portrait{background:linear-gradient(115deg,#342b23,#181b16 75%)}.office{background:linear-gradient(115deg,#263337,#171c20 75%)}.portrait img{object-fit:contain}.cover time,.mini{position:absolute;background:#101612d9;color:white}.cover time{right:10px;bottom:10px;font-size:12px;padding:4px 6px}.mini{bottom:10px;left:10px;border:1px solid #ffffff50;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;font-size:11px;padding-left:2px}.caption{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:14px 0 7px}.caption h3{font-size:clamp(22px,2.2vw,33px);font-weight:550}.caption span{font-size:12px;color:var(--accent);white-space:nowrap}.film>p,.bio p+p{color:var(--muted);line-height:1.8;font-size:14px}.about{border-top:1px solid var(--line);padding:42px 0 50px;display:grid;grid-template-columns:1fr 2fr;gap:30px}.bio{max-width:720px}.bio p:first-child{font-size:clamp(19px,2vw,26px);line-height:1.6;margin-bottom:9px}footer{height:68px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}dialog{width:min(1000px,94vw);max-height:95dvh;background:#111510;color:var(--ink);border:1px solid #485046;padding:0;overscroll-behavior:contain}dialog::backdrop{background:#020502e8}.screen-head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px}.screen-head h2{font-size:21px}.screen-head button{color:var(--ink);background:#252c25;border:1px solid var(--line);font:inherit;font-size:14px;padding:7px 13px;cursor:pointer}video{max-height:73dvh;width:100%;display:block;object-fit:contain;background:#050605}.fallback{padding:9px 16px;font-size:13px;color:var(--muted)}.fallback a{color:var(--accent);text-decoration:underline}
@media(max-width:650px){.bar{height:57px}.bar nav{gap:17px}.brand{font-size:14px}.hero{min-height:0;height:clamp(410px,112vw,510px)}.hero-art{object-position:56% 15%;height:75%}.hero-shade{background:linear-gradient(0deg,#111a17 12%,rgba(17,26,23,.96) 26%,rgba(12,20,16,.36) 64%,transparent 92%)}.hero-copy{justify-content:flex-end;padding-bottom:47px;margin-left:22px}.hero-meta{bottom:13px;right:17px;font-size:10px}.eyebrow{font-size:10px}h1{margin:6px 0;font-size:54px}.intro{font-size:14px;line-height:1.65}.play{margin-top:15px;padding:11px 18px}.works{padding:32px 0}.section-head{margin-bottom:18px}.grid{grid-template-columns:1fr;gap:24px}.cover{aspect-ratio:1.88}.caption{margin-top:10px}.about{grid-template-columns:1fr;gap:18px;padding:28px 0 34px}.film>p{font-size:13px}.mini{width:29px;height:29px}.bio p:first-child{font-size:19px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}