:root{--bg:#09090b;--panel:#101014;--ink:#f4f4f1;--muted:#a1a1aa;--line:#2b2b31;--accent:#c8f56a}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;min-width:320px;background:var(--bg);color:var(--ink);font-family:Inter,"Noto Sans SC","Microsoft YaHei",sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit}.site-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;min-height:72px;padding:0 4.5vw;border-bottom:1px solid var(--line);background:rgba(9,9,11,.94);backdrop-filter:blur(12px)}.brand{font-size:17px;font-weight:700}.site-nav{display:flex;gap:36px;align-items:center}.site-nav a{position:relative;padding:24px 0 20px;color:#d2d2d7;font-size:15px}.site-nav a:hover,.site-nav a.active{color:#fff}.site-nav a.active:after{content:"";position:absolute;height:2px;bottom:-1px;inset-inline:0;background:var(--accent)}.menu-toggle{display:none;border:0;background:transparent;color:#fff}main{min-height:calc(100vh - 122px)}.page{width:min(1320px,91vw);margin:auto;padding:70px 0 84px;animation:enter .34s ease both}@keyframes enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.kicker{margin:0 0 12px;color:var(--accent);font:500 12px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em}.page-title{margin:0;max-width:800px;font-size:clamp(46px,6vw,88px);letter-spacing:0;line-height:1.03}.lead{max-width:570px;margin:23px 0 0;color:var(--muted);font-size:17px}.arrow{color:var(--accent);font-size:34px;line-height:1;font-weight:300}.home{min-height:calc(100vh - 72px);display:grid;grid-template-rows:1fr auto;padding-top:9vh}.home-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(400px,.86fr);gap:70px;align-items:center}.home .page-title{font-size:clamp(70px,10vw,148px)}.home-art{position:relative;min-height:360px;border:1px solid var(--line);background:#101014;overflow:hidden}.window{position:absolute;inset:28px 26px 25px;border:1px solid #51515a}.window:before{content:"";position:absolute;top:16px;left:16px;width:46px;height:7px;border-radius:20px;background:#686871;box-shadow:56px 0 #3c3c43,112px 0 #303036}.wire{position:absolute;border:1px solid #494952}.wire.a{width:40%;height:43%;left:12%;bottom:14%}.wire.b{width:31%;height:20%;right:9%;top:25%}.wire.c{width:36%;height:27%;right:9%;bottom:13%}.dot-field{position:absolute;width:80px;height:65px;right:19%;bottom:23%;background-image:radial-gradient(var(--accent) 2px,transparent 2.7px);background-size:15px 15px}.home-links{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.home-links a{min-height:128px;padding:23px 24px;border-right:1px solid var(--line);transition:background .2s}.home-links a:last-child{border-right:0}.home-links a:hover{background:#121216}.home-links span{display:block;color:var(--accent);font:12px ui-monospace,monospace}.home-links strong{display:block;margin-top:12px;font-size:22px;font-weight:500}.home-links em{float:right;font-style:normal;color:#ddd}.split-page{display:grid;grid-template-columns:minmax(235px,.72fr) minmax(0,1.65fr);gap:64px}.intro{min-height:520px;padding-right:35px;border-right:1px solid var(--line)}.intro .page-title{font-size:clamp(44px,5vw,70px)}.timeline{position:relative;padding-left:38px}.timeline:before{content:"";position:absolute;top:15px;bottom:14px;left:8px;width:1px;background:#5a5a61}.role{position:relative;display:grid;grid-template-columns:180px 1fr 1.2fr;gap:24px;padding:17px 0 36px;margin-bottom:31px;border-bottom:1px solid var(--line)}.role:before{content:"";position:absolute;width:14px;height:14px;left:-36px;top:19px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px var(--bg)}.role:last-child{border-bottom:0}.role time,.role p{color:var(--muted);font-size:14px}.role h2{margin:0;font-size:20px;line-height:1.35}.role h3{margin:0;color:#e4e4e7;font-size:18px;font-weight:500}.role p{margin:0}.case-list,.writing-list{border-top:1px solid var(--line)}.case{display:grid;grid-template-columns:110px 1fr auto;gap:25px;align-items:center;padding:33px 0;border-bottom:1px solid var(--line);cursor:pointer;transition:padding .18s,background .18s}.case:hover,.topic:hover{padding-left:18px;background:#101014}.case-number{font-size:58px;font-family:Georgia,serif;color:#f5f5f3}.case-type,.topic-kind{color:var(--muted);font-size:13px}.case h2,.topic h2{margin:2px 0 5px;font-size:24px;line-height:1.35;font-weight:500}.case p{margin:0;color:var(--muted);font-size:14px}.tags{display:flex;flex-wrap:wrap;gap:13px;margin-top:14px;color:#dbdbde;font-size:13px}.tags span{border-bottom:1px solid #4a4a50}.detail{display:grid;grid-template-columns:.62fr 1.38fr;gap:65px}.detail-side{padding-right:42px;border-right:1px solid var(--line)}.detail-side h1{margin:0;font-size:clamp(48px,5vw,76px);line-height:1.06}.detail-side p{color:var(--muted)}.back{display:inline-flex;margin-top:35px;color:var(--accent);font-size:14px}.detail-block{padding:0 0 30px;margin-bottom:31px;border-bottom:1px solid var(--line)}.detail-block:last-child{border-bottom:0}.detail-block h2{margin:0 0 16px;font-size:27px;font-weight:500}.detail-block p{color:#c6c6ca}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.fact{padding:16px;border:1px solid var(--line)}.fact b{display:block;font-size:22px;font-weight:500}.fact span{color:var(--muted);font-size:13px}.topic{display:grid;grid-template-columns:85px 1fr 220px auto;gap:20px;align-items:center;padding:29px 0;border-bottom:1px solid var(--line);transition:background .18s,padding .18s}.topic-n{color:#fff;font:52px/1 Georgia,serif}.writing-detail{display:grid;grid-template-columns:.8fr 1.4fr;gap:64px}.writing-side{padding-right:38px;border-right:1px solid var(--line)}.writing-side h1{font-size:clamp(40px,4.4vw,66px);line-height:1.1;margin:0}.writing-panels{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1px;background:var(--line)}.writing-panel{min-height:460px;padding:28px;background:var(--bg);transition:background .25s}.writing-panel:hover,.writing-panel:focus-within{background:#121216}.writing-panel h2{margin:12px 0 24px;font-size:21px;font-weight:500}.writing-panel p{color:var(--muted);font-size:14px}.writing-panel ul{padding-left:18px;color:#d5d5d8;font-size:14px}.writing-panel .copy{white-space:pre-line;line-height:1.85}.writing-panel button{padding:0;border:0;background:transparent;color:var(--accent);cursor:pointer;font-size:14px}.writing-panel .more{display:none;margin-top:15px}.writing-panel.open .more{display:block}.contact{display:grid;grid-template-columns:.82fr 1.18fr;gap:70px;align-items:center;min-height:calc(100vh - 156px)}.contact-title{font-size:clamp(62px,8vw,118px);margin:0}.mail-button{display:inline-flex;margin-top:44px;padding:17px 25px;background:#f4f4f1;color:#0b0b0d;font-weight:600}.contact-list{border-top:1px solid var(--line)}.contact-row{padding:27px 0;border-bottom:1px solid var(--line)}.contact-row span{display:block;margin-bottom:8px;color:var(--muted);font-size:13px}.contact-row a,.contact-row b{font-size:clamp(25px,3vw,44px);font-weight:500;word-break:break-word}.contact-row a:hover{color:var(--accent)}footer{width:min(1320px,91vw);margin:auto;padding:25px 0;border-top:1px solid var(--line);color:#777780;font-size:13px}@media(max-width:800px){.site-header{min-height:62px;padding:0 22px}.menu-toggle{display:block}.site-nav{display:none;position:absolute;top:62px;left:0;right:0;padding:12px 22px 20px;background:#0e0e10;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0}.site-nav.open{display:flex}.site-nav a{padding:12px 0}.page{width:min(100% - 44px,620px);padding:42px 0 56px}.home{padding-top:58px}.home-grid,.split-page,.detail,.writing-detail,.contact{grid-template-columns:1fr;gap:38px}.home .page-title{font-size:68px}.home-art{min-height:250px}.intro,.detail-side,.writing-side{min-height:auto;padding:0 0 28px;border-right:0;border-bottom:1px solid var(--line)}.home-links{grid-template-columns:1fr}.home-links a{min-height:auto;border-right:0;border-bottom:1px solid var(--line)}.role{grid-template-columns:1fr;gap:8px;padding-bottom:27px;margin-bottom:24px}.timeline{padding-left:30px}.role:before{left:-28px}.case{grid-template-columns:62px 1fr auto;gap:13px;padding:25px 0}.case-number{font-size:38px}.case h2{font-size:19px}.case p,.case .tags{display:none}.facts{grid-template-columns:1fr}.topic{grid-template-columns:42px 1fr auto;gap:11px;padding:24px 0}.topic-n{font-size:34px}.topic h2{font-size:18px}.topic-kind{display:none}.writing-panels{grid-template-columns:1fr}.writing-panel{min-height:0}.contact{min-height:auto}.contact-row a,.contact-row b{font-size:26px}.lead{font-size:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.page{animation:none}.case,.topic,.writing-panel{transition:none}}