:root{--paper: #f5f1e8;--paper-strong: #fffaf0;--ink: #121416;--muted: #65706c;--line: rgba(18, 20, 22, 0.12);--line-strong: rgba(18, 20, 22, 0.2);--teal: #18b7a6;--teal-dark: #0d7d73;--gold: #d89b3d;--graphite: #1d2428;--sage: #dde4da;--shadow: 0 24px 80px rgba(29, 36, 40, 0.12);--radius-lg: 32px;--radius-md: 22px;--radius-sm: 14px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--ink);background:radial-gradient(circle at 8% 12%, rgba(24,183,166,.16), rgba(0,0,0,0) 28rem),radial-gradient(circle at 88% 6%, rgba(216,155,61,.16), rgba(0,0,0,0) 26rem),linear-gradient(135deg, var(--paper), #ece7dc 58%, #f8f5ee);font-family:"LXGW WenKai Screen","Noto Serif SC","Songti SC","PingFang SC",serif;line-height:1.6}body::before{position:fixed;inset:0;z-index:-1;pointer-events:none;content:"";opacity:.38;background-image:linear-gradient(rgba(18,20,22,.045) 1px, rgba(0,0,0,0) 1px),linear-gradient(90deg, rgba(18,20,22,.035) 1px, rgba(0,0,0,0) 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom, #000, rgba(0,0,0,0) 88%)}a{color:inherit}.skip-link{position:fixed;left:1rem;top:1rem;z-index:20;transform:translateY(-150%);padding:.75rem 1rem;border-radius:999px;background:var(--ink);color:var(--paper);text-decoration:none}.skip-link:focus{transform:translateY(0)}.site-shell{width:min(1440px,100%);margin:0 auto;display:grid;grid-template-columns:minmax(320px, 410px) minmax(0, 1fr);gap:clamp(1rem,3vw,3rem);padding:clamp(1rem,3vw,3rem)}.identity-panel{position:sticky;top:clamp(1rem,3vw,3rem);align-self:start;display:flex;flex-direction:column;padding:clamp(1.5rem,3vw,2.5rem);border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(165deg, rgba(255,250,240,.92), rgba(245,241,232,.74)),linear-gradient(45deg, rgba(24,183,166,.1), rgba(216,155,61,.08));box-shadow:var(--shadow);overflow:hidden}.identity-panel::after{position:absolute;right:-5rem;bottom:-5rem;width:16rem;height:16rem;content:"";border:1px solid rgba(24,183,166,.32);border-radius:999px;background:radial-gradient(circle, rgba(24,183,166,.18), rgba(0,0,0,0) 62%)}.brand{display:inline-flex;align-items:center;gap:1.6rem;text-decoration:none;font-weight:800;letter-spacing:.02em}.brand__label{display:flex;flex-direction:column;gap:.9rem}.brand__label strong{font-size:1.2rem}.brand__label small{color:var(--teal-dark);font-family:"Inter",-apple-system,"Helvetica Neue","PingFang SC",sans-serif;font-size:.85rem;font-weight:600;font-style:italic;letter-spacing:.04em;text-transform:uppercase}.brand__avatar{display:block;width:6.5rem;height:6.5rem;object-fit:cover;border:0;border-radius:1.35rem;background:rgba(0,0,0,0);box-shadow:none}.identity-panel__main{margin-top:1.5rem;position:relative;z-index:1}.eyebrow,.section-kicker{margin:0 0 .9rem;color:var(--teal-dark);font-family:"Avenir Next","PingFang SC",sans-serif;font-size:.76rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.identity-panel h1{margin:0 0 1.25rem;font-size:clamp(1.35rem,1.65vw,1.75rem);line-height:1.2;letter-spacing:-.012em}.lead{color:var(--muted);font-size:1.05rem}.lead p{margin:0 0 .5rem}.lead__summary{margin-top:1rem}.side-nav{position:relative;z-index:1;display:grid;gap:.5rem;margin-top:2rem}.side-nav a{padding:.58rem 0;border-bottom:1px solid var(--line);color:var(--muted);font-family:"Avenir Next","PingFang SC",sans-serif;text-decoration:none}.side-nav a:hover{color:var(--ink)}.identity-panel__actions{position:relative;z-index:1;display:flex;gap:.75rem;margin-top:2rem}.button{display:inline-flex;justify-content:center;align-items:center;min-height:2.8rem;padding:0 1rem;border:1px solid var(--line-strong);border-radius:999px;font-family:"Avenir Next","PingFang SC",sans-serif;font-weight:700;text-decoration:none}.button--primary{border-color:var(--graphite);background:var(--graphite);color:var(--paper)}.button--ghost{background:rgba(255,250,240,.68)}.main-flow{display:grid;gap:clamp(1rem,2vw,1.5rem)}.section-block{padding:clamp(1.5rem,4vw,4rem);border:1px solid var(--line);border-radius:var(--radius-lg);background:rgba(255,250,240,.76);box-shadow:0 18px 60px rgba(29,36,40,.08)}.about-block .section-heading{margin-bottom:clamp(1.2rem,2.5vw,2rem)}.about-split{display:grid;grid-template-columns:minmax(0, 1.4fr) minmax(220px, .6fr);gap:clamp(1.5rem,4vw,3rem);align-items:start}.about-copy{display:grid;gap:.85rem}.about-copy p{margin:0;color:var(--muted);font-size:1rem;line-height:1.7}.about-facts{margin:0;padding:0;list-style:none;display:grid}.about-facts li{padding:.85rem 0;border-bottom:1px solid var(--line);color:var(--graphite);font-size:.95rem;font-weight:600}.about-facts li:first-child{padding-top:0}.about-facts li:last-child{border-bottom:0}.hero{display:grid;grid-template-columns:minmax(0, 1.2fr) minmax(320px, .8fr);gap:clamp(1.5rem,4vw,3rem);align-items:start;background:linear-gradient(135deg, rgba(255,250,240,.88), rgba(221,228,218,.72)),radial-gradient(circle at 72% 22%, rgba(216,155,61,.22), rgba(0,0,0,0) 18rem)}.hero h2,.section-heading h2,.cta-block h2,.article-card h1{margin:0;font-size:clamp(1.65rem,2.15vw,2.35rem);line-height:1.18;letter-spacing:-.012em}.hero p,.section-heading p,.hero-card p,.work-card p,.method-step p,.site-footer p{color:var(--muted);font-size:1rem}.hero__intro{margin:1.35rem 0 0;max-width:42rem;font-size:clamp(1.02rem,1.6vw,1.12rem)}.hero-card{padding:1.4rem;border:1px solid rgba(18,20,22,.18);border-radius:var(--radius-md);background:var(--graphite);color:#f8f1e5;transform:rotate(-1.5deg)}.hero-card__label{display:inline-block;margin-bottom:clamp(1.2rem,2vw,1.6rem);color:var(--gold);font-family:"Avenir Next","PingFang SC",sans-serif;font-size:.75rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.hero-card strong{display:block;font-size:1.42rem;line-height:1.18;letter-spacing:-.035em}.section-heading{max-width:760px;margin-bottom:clamp(1.6rem,3vw,2.5rem)}.work-map{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:1rem}.work-card{padding:clamp(1.15rem,2vw,1.6rem);border:1px solid var(--line);border-radius:var(--radius-md);background:rgba(255,250,240,.68)}.work-card{min-height:225px;display:flex;flex-direction:column;gap:clamp(1rem,1.7vw,1.45rem)}.work-card__header{display:flex;align-items:baseline;gap:.8rem}.work-card span,.method-step__number{color:var(--gold);font-family:Georgia,serif;font-size:1.5rem;font-weight:800}.work-card h3,.method-step h3{margin:.6rem 0 .7rem;font-size:clamp(1.25rem,1.55vw,1.58rem);line-height:1.18;letter-spacing:-.03em}.work-card__header h3{flex:1;min-width:0;margin:0}.work-card--software{background:linear-gradient(140deg, rgba(24,183,166,.1), rgba(255,250,240,.78))}.work-card--geo{background:linear-gradient(140deg, rgba(216,155,61,.1), rgba(255,250,240,.78))}.work-card--hardware{background:linear-gradient(140deg, rgba(29,36,40,.06), rgba(255,250,240,.78))}.work-card--education{background:linear-gradient(140deg, rgba(148,114,128,.12), rgba(255,250,240,.78))}.method-steps{position:relative;display:grid;margin:0;padding:clamp(.35rem,1.2vw,.65rem) clamp(1.1rem,2vw,1.55rem);overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-md);background:linear-gradient(135deg, rgba(255,250,240,.88), rgba(221,228,218,.62)),radial-gradient(circle at 96% 12%, rgba(216,155,61,.18), rgba(0,0,0,0) 15rem);list-style:none}.method-step{display:grid;grid-template-columns:clamp(3.7rem,8vw,5.6rem) minmax(0, 1fr);gap:clamp(.08rem,.3vw,.25rem);align-items:baseline;min-height:clamp(4.7rem,7vw,5.5rem);padding:clamp(.85rem,1.6vw,1.15rem) 0;border-top:1px solid rgba(18,20,22,.1)}.method-step:first-child{border-top:0}.method-step__number{font-size:clamp(1.65rem,3vw,2.45rem);line-height:1;letter-spacing:-.06em;font-variant-numeric:tabular-nums}.method-step__copy{display:grid;grid-template-columns:11em minmax(0, 1fr);gap:clamp(1.5rem,3vw,2.5rem);align-items:start}.method-step h3{margin:0;white-space:nowrap}.method-step p{margin:0;max-width:42rem}.cta-block{display:grid;grid-template-columns:minmax(360px, 1.15fr) minmax(280px, .85fr);gap:clamp(1.5rem,4vw,3rem);align-items:start;padding-block:clamp(1.2rem,3.2vw,3.2rem);background:linear-gradient(135deg, rgba(29,36,40,.96), rgba(15,62,58,.94)),radial-gradient(circle at 85% 18%, rgba(216,155,61,.32), rgba(0,0,0,0) 18rem);color:var(--paper)}.cta-block .section-kicker,.cta-block h2{color:var(--paper)}.cta-contact{display:inline-grid;gap:.55rem;margin-top:clamp(1.95rem,3.9vw,3rem);padding:1rem 1.1rem;border:1px solid rgba(245,241,232,.18);border-radius:var(--radius-sm);background:rgba(255,255,255,.055)}.cta-contact__line{display:flex;align-items:baseline;gap:.2rem;margin:0;color:var(--paper);font-size:clamp(1.1rem,1.65vw,1.35rem);line-height:1.15}.cta-contact__line span{font-weight:700}.cta-contact__line strong{background:linear-gradient(115deg, #fff8d2 0%, #d89b3d 34%, #f5cf75 56%, #9f6726 78%, #fff1b8 100%);-webkit-background-clip:text;background-clip:text;color:rgba(0,0,0,0);font-size:1.08em;line-height:1;letter-spacing:.02em;text-shadow:0 .04em .16em rgba(216,155,61,.22)}.cta-contact__note{margin:0;color:rgba(245,241,232,.72);font-size:1rem}.cta-list{display:grid;gap:.75rem;margin:0;padding:0;list-style:none}.cta-list li{padding:1rem 1.1rem;border:1px solid rgba(245,241,232,.2);border-radius:var(--radius-sm);background:rgba(255,255,255,.06)}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;margin-top:clamp(.75rem,1.8vw,1.4rem);padding:clamp(1.1rem,2vw,1.5rem) 0 clamp(.4rem,1vw,.8rem);border-top:1px solid rgba(18,20,22,.12);color:var(--muted);font-size:.92rem}.site-footer p{margin:0;font-size:.92rem}.site-footer p:last-child{text-align:right}.article-shell{width:min(900px,100% - 2rem);margin:0 auto;padding:4rem 0}.article-card{padding:clamp(1.5rem,4vw,4rem);border:1px solid var(--line);border-radius:var(--radius-lg);background:rgba(255,250,240,.82);box-shadow:var(--shadow)}.text-link{display:inline-block;margin-bottom:1rem;color:var(--teal-dark);font-family:"Avenir Next","PingFang SC",sans-serif;font-weight:800;text-decoration:none}.section-list{display:grid;gap:.75rem;margin-top:2rem}.section-list a{display:grid;padding:1rem;border:1px solid var(--line);border-radius:var(--radius-sm);text-decoration:none}.section-list small{color:var(--muted)}@media (max-width: 1180px){.site-shell,.hero,.cta-block{grid-template-columns:1fr}.identity-panel{position:relative;top:0;min-height:auto;height:auto}.side-nav{grid-template-columns:repeat(5, minmax(max-content, 1fr));overflow-x:auto}}@media (max-width: 760px){.site-shell{padding:.75rem}.section-block,.identity-panel{border-radius:24px}.identity-panel h1,.hero h2,.section-heading h2,.cta-block h2{letter-spacing:-.035em}.identity-panel__actions,.work-map,.about-split{grid-template-columns:1fr}.identity-panel__actions{display:grid}.side-nav{display:none}.hero{min-height:auto}.hero-card{transform:none}.method-steps{padding:.35rem 1rem}.method-step{grid-template-columns:3.1rem minmax(0, 1fr);min-height:auto;padding:1rem 0;align-items:start}.method-step__copy{grid-template-columns:1fr;gap:.25rem}.method-step__number{padding-top:.15rem;font-size:1.45rem}.site-footer{display:grid;gap:.35rem}.site-footer p:last-child{text-align:left}}