:root { color-scheme: dark; --ink:#f2ede3; --muted:#a9a49b; --red:#c64026; --gold:#b69a61; --line:rgba(242,237,227,.14); }
* { box-sizing: border-box; }
html { background:#080a09; color:var(--ink); font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif; }
body { margin:0; min-height:100vh; background:radial-gradient(circle at 80% 5%,rgba(198,64,38,.16),transparent 32rem),#080a09; }
a { color:inherit; }
.work-header { width:min(1240px,calc(100% - 2rem)); margin:auto; min-height:82px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); }
.work-brand,.work-back { text-decoration:none; }
.work-brand { font-family:"Songti SC",STSong,serif; font-size:1.1rem; letter-spacing:.08em; }
.work-brand span { color:var(--gold); font:600 .68rem Inter,sans-serif; letter-spacing:.12em; }
.work-back { color:var(--muted); font-size:.82rem; }
main { width:min(1240px,calc(100% - 2rem)); margin:auto; }
.work-article { padding:clamp(3rem,7vw,7rem) 0 3rem; }
.work-copy { display:grid; grid-template-columns:minmax(0,1fr) minmax(260px,430px); column-gap:3rem; align-items:end; margin-bottom:2.5rem; }
.work-eyebrow { grid-column:1/-1; color:var(--red)!important; font-size:.72rem!important; font-weight:700; letter-spacing:.18em; }
.work-copy h1 { margin:.4rem 0 0; font:500 clamp(2.8rem,7vw,6.4rem)/.95 "Songti SC",STSong,serif; letter-spacing:-.05em; }
.work-copy>p { color:var(--muted); line-height:1.9; margin:0; }
.work-copy dl { grid-column:1/-1; display:flex; flex-wrap:wrap; gap:1.5rem 3rem; margin:2.5rem 0 0; padding-top:1.5rem; border-top:1px solid var(--line); }
.work-copy dl div { display:flex; gap:.7rem; }
.work-copy dt { color:#706c65; font-size:.75rem; }
.work-copy dd { margin:0; font-size:.8rem; }
.work-player { background:#000; border:1px solid var(--line); box-shadow:0 28px 90px rgba(0,0,0,.45); }
.work-player video { display:block; width:100%; height:auto; aspect-ratio:16/9; background:#000; }
.work-nav { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1px; margin:2rem 0 7rem; background:var(--line); border:1px solid var(--line); }
.work-nav a { padding:1rem; background:#0d0f0e; color:var(--muted); text-decoration:none; font-size:.8rem; }
.work-nav a:hover,.work-nav a[aria-current=page] { color:#fff; background:#151715; }
.work-contact { padding:clamp(3rem,7vw,6rem); margin-bottom:4rem; background:#ece5d8; color:#171714; }
.work-contact>p { margin:0 0 1rem; color:#8d3828; font-size:.68rem; font-weight:700; letter-spacing:.16em; }
.work-contact h2 { max-width:740px; margin:0 0 2rem; font:500 clamp(2rem,5vw,4.5rem)/1 "Songti SC",STSong,serif; }
.work-contact div { display:flex; flex-wrap:wrap; gap:1rem 2rem; }
.work-contact a { font-size:.9rem; text-underline-offset:.3rem; }
footer { width:min(1240px,calc(100% - 2rem)); margin:auto; padding:1.5rem 0 3rem; border-top:1px solid var(--line); color:#77736c; font-size:.72rem; }
@media(max-width:760px){.work-copy{grid-template-columns:1fr;}.work-copy>p{margin-top:1.5rem}.work-nav{grid-template-columns:1fr 1fr}.work-brand span{display:block;margin-top:.25rem}}