:root{--bg:#07172f;--ink:#f7fbff;--muted:#9db0c9;--line:#253b58;--blue:#4bc8f4;--panel:#0d223f;--light:#f3f7fb;--dark:#0a1629}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.nav{position:fixed;z-index:20;top:0;left:0;right:0;height:76px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;background:rgba(7,23,47,.82);border-bottom:1px solid rgba(157,176,201,.16);backdrop-filter:blur(16px)}.brand{font-weight:800;letter-spacing:.04em}.brand span{margin-left:8px;color:var(--blue);font-size:.72em}.nav nav{display:flex;gap:28px;font-size:14px;color:#d8e5f4}.nav nav a:hover{color:var(--blue)}main{overflow:hidden}.hero{min-height:100vh;padding:120px 5vw 64px;display:grid;grid-template-columns:1.08fr .92fr;gap:5vw;align-items:center}.eyebrow{margin:0 0 22px;color:var(--blue);font-size:12px;font-weight:800;letter-spacing:.12em}.hero h1{margin:0;font-size:clamp(48px,6.3vw,94px);line-height:1.04;letter-spacing:-.06em}.hero h1 em{color:#b9cbe0;font-style:normal}.intro{max-width:660px;margin:34px 0 0;color:#bac9dc;font-size:18px;line-height:1.9}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:38px}.primary{padding:15px 25px;background:var(--blue);color:#041329;border-radius:99px;font-weight:800}.text-button{border:0;background:none;color:var(--ink);cursor:pointer}.text-button span{color:var(--blue)}.hero-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:54px}.hero-meta span{padding:8px 13px;border:1px solid var(--line);border-radius:99px;color:var(--muted);font-size:12px}.hero-visual{margin:0;position:relative;height:min(73vh,720px);overflow:hidden;border-radius:28px;background:#eaf7ff}.hero-visual img{width:100%;height:100%;object-fit:cover}.hero-visual figcaption{position:absolute;left:24px;bottom:20px;padding:9px 12px;background:rgba(7,23,47,.76);border-radius:8px;font-size:10px;letter-spacing:.08em}.statement{padding:120px 5vw;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.statement p{color:var(--muted)}.statement h2{max-width:1000px;margin:20px 0 0;font-size:clamp(38px,5vw,76px);line-height:1.2;letter-spacing:-.04em}.work{padding:120px 5vw;background:var(--light);color:var(--dark)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:60px}.section-head h2,.about h2{font-size:clamp(38px,5vw,68px);margin:0;letter-spacing:-.04em}.section-head>p{max-width:440px;color:#60718a;line-height:1.8}.projects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:54px 28px}.project{cursor:pointer}.thumb{position:relative;aspect-ratio:16/10;overflow:hidden;border-radius:18px;background:#d9e4ef}.thumb img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.project:hover .thumb img{transform:scale(1.035)}.play{position:absolute;right:20px;bottom:20px;width:52px;height:52px;border:0;border-radius:50%;background:rgba(255,255,255,.94);font-size:17px;cursor:pointer}.project-meta{display:grid;grid-template-columns:1fr auto;gap:20px;margin-top:20px}.project h3{margin:0;font-size:25px}.index{color:#7e8fa5;font-size:13px}.summary{margin:12px 0;color:#66758a;line-height:1.7}.details{display:flex;gap:16px;color:#33445b;font-size:12px}.details span{padding-top:10px;border-top:1px solid #cbd5df}.about{padding:130px 5vw;display:grid;grid-template-columns:.9fr 1.1fr;gap:10vw}.about-copy>p{margin-top:0;color:#becbdb;font-size:19px;line-height:1.9}.about ul{list-style:none;padding:20px 0 0;margin:0}.about li{padding:20px 0;border-bottom:1px solid var(--line);color:#d9e5f3}.about li strong{display:inline-block;width:50px;color:var(--blue)}.contact{padding:140px 5vw;background:#0c2140}.contact h2{margin:0 0 60px;max-width:1000px;font-size:clamp(40px,6vw,82px);line-height:1.18;letter-spacing:-.05em}.placeholder{color:#aabbd0;margin:9px 0}footer{padding:28px 5vw;display:flex;justify-content:space-between;color:#778ba6;font-size:11px;letter-spacing:.08em}dialog{width:min(980px,94vw);padding:0;border:1px solid #314864;border-radius:20px;background:#07172f;color:white;box-shadow:0 30px 120px #0009}dialog::backdrop{background:#020b18d9;backdrop-filter:blur(8px)}dialog video{display:block;width:100%;max-height:70vh;background:#000;border-radius:19px 19px 0 0}.close{position:absolute;z-index:2;right:14px;top:14px;width:40px;height:40px;border:0;border-radius:50%;background:#fff;color:#07172f;font-size:25px;cursor:pointer}.dialog-copy{padding:24px 28px 30px}.dialog-copy .eyebrow{margin-bottom:8px}.dialog-copy h2{margin:0;font-size:28px}@media(max-width:820px){.nav{padding:0 20px}.nav nav{gap:16px}.nav nav a:nth-child(2){display:none}.hero{grid-template-columns:1fr;padding:118px 20px 60px}.hero-visual{height:58vh}.statement,.work,.about,.contact{padding:88px 20px}.section-head{display:block}.section-head>p{margin-top:20px}.projects{grid-template-columns:1fr}.about{grid-template-columns:1fr}.hero-actions{align-items:flex-start;flex-direction:column;gap:18px}.project-meta{grid-template-columns:1fr auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.thumb img{transition:none}}