@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@500;700&family=Noto+Sans+SC:wght@400;500;700&family=Syne:wght@600;700;800&display=swap";:root{--amber:#e8b84a;--bg:#0f0d0a;--sand:#d8c3a4;--text-color:#fff4df;--display:"Syne", "Noto Sans SC", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--mono:"IBM Plex Mono", "SFMono-Regular", Consolas, monospace;--text:"Noto Sans SC", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--sans:var(--text);background:var(--bg);color:var(--text-color);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--text);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth;scroll-padding-top:72px}body{min-width:320px;margin:0}button,input,textarea,select{font:inherit}::selection{color:#fff7e8;background:#e8b84a47}.home-shell{color:#fff4df;background:radial-gradient(circle at 14% 0,#e8b84a29,#0000 26rem),linear-gradient(#0f0d0a 0%,#1a1410 46%,#0a0908 100%);min-height:100vh;overflow-x:clip}.home-shell:before{content:"";pointer-events:none;background-color:#0000;background-image:linear-gradient(#e8b84a0b 1px,#0000 1px),linear-gradient(90deg,#e8b84a08 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:36px 36px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 72%);mask-image:linear-gradient(#000,#0000 72%)}.skip-link{color:#1a1208;font-family:var(--display);z-index:40;background:#e8b84a;padding:10px 14px;font-weight:700;position:absolute;top:-48px;left:16px}.skip-link:focus{top:12px}.top-nav{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:20;background:#0f0d0ad1;border-bottom:1px solid #e8b84a24;justify-content:space-between;align-items:center;padding:10px max(18px,50vw - 550px);display:flex;position:sticky;top:0;left:0;right:0}.brand,.top-nav a,.button,.text-link{color:inherit;text-decoration:none}.brand{font-family:var(--display);letter-spacing:.02em;align-items:center;gap:10px;min-height:44px;font-weight:800;display:inline-flex}.brand span{color:#1a1208;font-family:var(--mono);background:linear-gradient(135deg,#e8b84a,#f0a020);border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;font-size:.78rem;display:inline-flex}.nav-cluster{align-items:center;gap:12px;display:flex}.top-nav nav{gap:6px;display:flex}.top-nav nav a{color:#d8c3a4;align-items:center;min-height:44px;padding:0 10px;font-size:.92rem;display:inline-flex;position:relative}.top-nav nav a.is-active,.top-nav nav a:hover,.text-link:hover,.record-footer a:hover{color:#e8b84a}.top-nav nav a.is-active:after{content:"";background:#e8b84a;height:2px;position:absolute;bottom:8px;left:10px;right:10px}.locale-switch{color:#e8b84a;cursor:pointer;font-family:var(--mono);letter-spacing:.08em;background:0 0;border:1px solid #e8b84a59;border-radius:999px;min-height:36px;padding:0 12px;font-size:.72rem;font-weight:700}.button:focus-visible,.text-link:focus-visible,.top-nav a:focus-visible,.locale-switch:focus-visible,.skip-link:focus-visible,.record-footer a:focus-visible{outline-offset:3px;outline:2px solid #e8b84a}.hero,.section,.party-section{max-width:1100px;margin:0 auto;padding:72px 18px;scroll-margin-top:72px;position:relative}.hero{isolation:isolate;align-items:end;max-width:none;min-height:calc(100svh - 64px);margin:0;padding:0;display:grid}.hero-media{z-index:0;position:absolute;inset:0;overflow:hidden}.hero-media:after{content:"";background:linear-gradient(90deg,#0f0d0aeb 0%,#0f0d0ab8 42%,#0f0d0a47 100%),linear-gradient(#0f0d0a40 0%,#0f0d0a8c 100%);position:absolute;inset:0}.hero-media img{object-fit:cover;object-position:center top;width:100%;height:100%;animation:8s ease-in-out infinite alternate hero-drift;display:block;transform:scale(1.03)}.hero-copy{z-index:1;flex-direction:column;justify-content:end;width:100%;max-width:1100px;min-height:calc(100svh - 64px);margin:0 auto;padding:72px 18px 56px;display:flex;position:relative}.eyebrow{color:#e8b84a;font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;margin:0 0 14px;font-size:.74rem;font-weight:700}h1,h2,h3,h4,p{margin:0}.hero h1{color:#fff7e8;font-family:var(--display);letter-spacing:-.045em;text-shadow:3px 3px #3a2410,0 0 28px #e8b84a2e;max-width:12ch;font-size:clamp(2.4rem,6vw,4.2rem);font-weight:800;line-height:1.02}.hero-text,.section-head>p:not(.eyebrow),.party-section>p:not(.eyebrow),.focus-item>div>p:not(.focus-tag),.work-body>p:not(.work-tag):not(.work-stack),.lab-row p:not(.work-tag),.timeline p,.profile-panel p{color:#d8c3a4;font-family:var(--text);line-height:1.75}.hero-text{max-width:42ch;margin-top:18px;font-size:1.05rem}.hero-rise{animation:.7s both rise-in}.hero-rise-2{animation-delay:90ms}.hero-rise-3{animation-delay:.17s}.hero-rise-4{animation-delay:.25s}.actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.button{font-family:var(--display);background:#fff7dc0d;border:2px solid #e8b84a57;border-radius:12px;align-items:center;min-height:48px;padding:0 18px;font-weight:700;transition:transform .16s,box-shadow .16s;display:inline-flex;box-shadow:0 5px #120c08}.button:hover{transform:translateY(-1px);box-shadow:0 7px #120c08}.button.primary{color:#1a1208;background:linear-gradient(135deg,#e8b84a,#f0a020);border-color:#fff0a3}.section{border-top:1px solid #e8b84a1f}.section-head{max-width:720px;margin-bottom:34px}.section h2,.party-section h2{color:#fff7e8;font-family:var(--display);letter-spacing:-.05em;font-size:clamp(2.1rem,5vw,3.6rem);line-height:1}.section-head>p:not(.eyebrow),.party-section>p:not(.eyebrow){max-width:52ch;margin-top:16px}.focus-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.focus-item{border-top:2px solid #e8b84a59;grid-template-columns:56px 1fr;align-items:start;gap:18px;padding-top:22px;display:grid}.focus-mark{color:#e8b84a;font-family:var(--display);border:2px solid #e8b84a;border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.5rem;font-weight:800;display:flex}.focus-item h3,.work-body h3,.profile-panel h3,.labs-head h3,.lab-row h4{color:#fff7e8;font-family:var(--display);letter-spacing:-.03em}.focus-item h3,.work-body h3,.profile-panel h3{font-size:1.7rem}.labs-head h3{font-size:1.45rem}.lab-row h4{font-size:1.15rem}.focus-tag,.work-tag{color:#e8b84ad1;font-family:var(--mono);margin-top:8px;font-size:.82rem}.focus-item>div>p:not(.focus-tag){margin-top:12px}.focus-actions{flex-wrap:wrap;gap:16px;margin-top:18px;display:flex}.text-link{color:#e8b84a;font-family:var(--display);align-items:center;min-height:44px;font-weight:700;display:inline-flex}.works-list,.labs-list{display:grid}.work-row,.lab-row{opacity:0;transition:opacity .52s,transform .52s;transition-delay:var(--rise-delay,0s);border-top:1px solid #e8b84a24;transform:translateY(18px)}.work-row{grid-template-columns:72px 1fr;gap:18px;padding:26px 0;display:grid}.lab-row{grid-template-columns:1fr auto;align-items:start;gap:12px;padding:18px 0;display:grid}.work-row.is-visible,.lab-row.is-visible{opacity:1;transform:translateY(0)}.work-row:last-child{border-bottom:1px solid #e8b84a24}.work-index{color:#e8b84a47;font-family:var(--mono);padding-top:4px;font-size:2.4rem;font-weight:700;line-height:1}.work-title-row{flex-wrap:wrap;align-items:baseline;gap:10px 16px;display:flex}.work-body>p:not(.work-tag):not(.work-stack),.lab-row>div>p:not(.work-tag){max-width:62ch;margin-top:10px}.work-stack{color:#d8c3a4b8;font-family:var(--mono);margin-top:10px;font-size:.78rem}.labs-block{margin-top:48px}.labs-head{margin-bottom:12px}.about-grid{grid-template-columns:.78fr 1.22fr;gap:24px;display:grid}.profile-panel{border-top:2px solid #e8b84a59;padding-top:18px}.profile-class{margin-top:10px}.trait-list{color:#e8b84ae0;gap:8px;margin:18px 0 0;padding:0;list-style:none;display:grid}.trait-list li{font-family:var(--mono);border-bottom:1px solid #e8b84a2e;padding-bottom:8px;font-size:.86rem}.timeline{gap:12px;margin:0;padding:0;list-style:none;display:grid}.timeline li{border-left:3px solid #e8b84a;padding:4px 0 4px 16px}.timeline strong{color:#fff7e8;font-family:var(--display)}.timeline p{margin-top:6px}.party-section{text-align:center;border-top:2px solid #e8b84a59;margin-bottom:28px;padding-top:42px}.party-section .actions{justify-content:center}.party-section>p:not(.eyebrow){margin-left:auto;margin-right:auto}.record-footer{color:#d8c3a4ad;text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:0 18px 34px;font-size:.8rem;display:flex}.record-footer a{color:inherit;text-decoration:none}@keyframes rise-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-drift{0%{transform:scale(1.03)}to{transform:scale(1)}}@media (width<=860px){.top-nav{flex-direction:column;align-items:flex-start;gap:4px}.nav-cluster{justify-content:space-between;width:100%}.top-nav nav{overflow-x:auto}.hero,.focus-grid,.about-grid,.work-row,.lab-row{grid-template-columns:1fr}.hero-copy{min-height:calc(100svh - 88px);padding-top:48px;padding-bottom:40px}.hero-media:after{background:linear-gradient(#0f0d0a59 0%,#0f0d0ad1 58%,#0f0d0af0 100%)}.hero h1{max-width:none}.work-index{font-size:1.6rem}.section,.party-section{padding-top:48px;padding-bottom:48px}}@media (width<=520px){.hero-copy,.section,.party-section{padding-left:14px;padding-right:14px}.actions,.button{width:100%}.button{justify-content:center}.focus-item{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.work-row,.lab-row,.hero-media img,.hero-rise{transition:none;animation:none}.work-row,.lab-row{opacity:1;transform:none}.hero-media img{transform:none}}
