@charset "UTF-8";
:root{--navy:#0a142b;--night:#0c172e;--paper:#f1eee4;--cream:#f4efdf;--gold:#e6c58b;--muted:#b4bed1;--line:rgba(215,225,244,.16);--ease:cubic-bezier(.22,1,.36,1);color-scheme:dark;font-family:Inter,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-synthesis:none;font-weight:400;line-height:1.7;background:var(--navy);color:var(--cream);scroll-behavior:smooth;scroll-padding-top:100px}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button{border:0}button:disabled{cursor:default}button:focus-visible,a:focus-visible,dialog:focus-visible{outline:3px solid #e6c58b;outline-offset:6px;border-radius:4px}button:focus:not(:focus-visible){outline:none}img,svg{max-width:100%}::selection{background:#e6c58b;color:#0a142b}.wrap{width:min(1200px,calc(100% - 112px));margin-inline:auto}.section-space{padding-block:112px}.serif{font-family:Georgia,"Noto Serif SC","Songti SC","SimSun",serif;font-weight:400}.gold{color:var(--gold)}.skip-link{position:fixed;left:20px;top:16px;padding:12px 20px;transform:translateY(-160%);background:var(--cream);color:var(--navy);z-index:100}.skip-link:focus{transform:translateY(0)}
.site-header{height:100px;padding:0 56px;display:flex;align-items:center;gap:36px;position:absolute;inset:0 0 auto;z-index:10;border-bottom:1px solid rgba(243,239,223,.12)}.brand{display:flex;align-items:center;gap:15px}.brand-mark{font-family:Georgia,serif;font-style:italic;font-size:40px;letter-spacing:-5px;line-height:1;position:relative;padding-right:10px}.brand-mark>span{font-family:serif;font-style:normal;font-size:15px;letter-spacing:0;position:absolute;right:-3px;top:-3px;color:var(--gold)}.brand-name{font-size:16px;font-weight:600;line-height:1.4;letter-spacing:3px}.brand-name>span{display:block;font-size:8px;font-weight:400;letter-spacing:2px;color:var(--muted);margin-top:3px}.site-header nav{margin-left:auto;display:flex;gap:36px;align-items:center;font-size:13px}.site-header nav a{position:relative;padding-block:8px;color:#d6dbea;transition:color .2s}.site-header nav a:hover,.site-header nav a[aria-current="location"]{color:var(--gold)}.nav-contact{border-bottom:1px solid var(--gold);display:flex;gap:22px}.motion-toggle{display:flex;align-items:center;gap:6px;min-height:36px;padding:6px 10px;border:1px solid var(--line);background:rgba(8,15,32,.4);border-radius:30px;color:#c4ccdc;font-size:10px}.motion-icon{font-size:16px}.motion-toggle:hover{border-color:var(--gold)}
.hero{min-height:860px;height:min(100svh,1100px);position:relative;overflow:hidden;isolation:isolate;background:#0b1730}.hero-paint{position:absolute;inset:0;background:url('./assets/night-sky.webp') center/cover;z-index:-3;opacity:.76}.hero-vignette{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,15,33,.42),rgba(9,19,40,.12) 53%,rgba(10,20,43,.02)),linear-gradient(0deg,var(--navy),transparent 25%);z-index:-2}.hero-inner{display:grid;grid-template-columns:1fr 1fr;position:relative;height:100%;padding-top:155px;padding-bottom:110px;align-items:center}.hero-copy{z-index:2;position:relative;padding-bottom:12px}.availability{display:inline-flex;align-items:center;gap:10px;font-size:11px;letter-spacing:1px;margin:0 0 32px;color:#dedaca}.availability>span{width:6px;height:6px;border-radius:50%;background:#c7d8a7;box-shadow:0 0 12px #b6dba263}.hello{font-size:10px;letter-spacing:3px;font-weight:500;color:var(--gold);margin:0 0 18px}.hello>span{display:inline-block;font-size:20px;vertical-align:middle;margin-left:15px}h1{font-family:"Noto Serif SC","Songti SC","SimSun",serif;font-size:clamp(60px,6vw,90px);font-weight:500;line-height:1.26;letter-spacing:1px;margin:0 0 25px;text-shadow:0 2px 30px #07122545}.hero-word{color:var(--gold);position:relative}.hero-word:after{content:"";position:absolute;left:2px;right:4px;bottom:-7px;height:9px;border-top:2px solid #cbae7580;border-radius:50%;transform:rotate(-3deg)}.word-star{font:30px Georgia,serif;position:absolute;right:-27px;top:0}.hero-description{color:#c5cedd;font-size:14px;line-height:2.15;margin:0 0 34px;letter-spacing:.3px}.hero-actions{display:flex;gap:14px;align-items:center}.button{display:inline-flex;align-items:center;justify-content:center;gap:26px;padding:15px 23px;min-height:53px;font-size:13px;border:1px solid transparent;border-radius:3px;transition:transform .3s var(--ease),background .2s}.button:hover{transform:translateY(-3px)}.button-cream{background:var(--cream);color:var(--navy)}.button-cream:hover{background:#fff9e8}.button-outline{background:rgba(13,25,48,.35);border-color:rgba(231,229,218,.32);color:#eeebdf}.button-outline:hover{background:rgba(243,239,223,.12)}.hero-tags{display:flex;gap:12px;font-size:8px;letter-spacing:1.5px;color:#98a6c0;margin-top:36px;white-space:nowrap}.hero-tags i{font-style:normal;color:#5d708f}
.hero-stage{height:620px;position:relative;align-self:center;min-width:0}.character{position:absolute;inset:-30px -12px -10px -30px;transform:translate3d(var(--avatar-x,0px),var(--avatar-y,0px),0);transition:transform .7s var(--ease);will-change:transform}.character>svg{width:100%;height:100%;overflow:visible;display:block;filter:drop-shadow(0 30px 35px #00000020)}.stage-script{font:italic 18px/1.3 Georgia,serif;position:absolute;right:0;top:26px;transform:rotate(8deg);color:#d9c38c;opacity:.8}.stage-script:before{content:"✧";position:absolute;left:-26px;top:-16px;font-size:24px}.floating-note{position:absolute;left:-18px;bottom:100px;display:flex;align-items:center;gap:13px;padding:14px 18px;background:rgba(19,34,61,.7);border:1px solid rgba(217,223,234,.22);backdrop-filter:blur(16px);transform:rotate(-7deg);border-radius:6px;box-shadow:0 12px 35px #0003}.floating-note>span{font-size:29px;color:var(--gold)}.floating-note div{font-size:13px;line-height:1.7}.floating-note small{display:block;font-size:7px;letter-spacing:1.5px;color:#9eafca}.avatar-greet{position:absolute;right:2px;bottom:28px;background:transparent;color:#c8c3ac;display:flex;align-items:center;gap:12px;font-size:11px;padding:10px}.avatar-greet>span:first-child{font-size:30px;transform:rotate(10deg)}.hero-bottom{position:absolute;bottom:28px;left:0;right:0;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1px;color:#b3bbcb}.scroll-link{display:flex;gap:13px;align-items:center}.scroll-line{display:block;width:35px;height:1px;background:#ab925e}.scroll-link>span:last-child{font-size:15px;margin-left:12px}.hero-coordinate{font-size:8px;letter-spacing:2px}.hero-coordinate>span{font-size:20px;margin-left:20px;color:var(--gold)}
.work-section{background:var(--navy)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:36px;margin-bottom:56px}.eyebrow{font-size:9px;letter-spacing:2.5px;color:var(--gold);font-weight:500;margin:0 0 22px;display:flex;gap:20px;align-items:center}.eyebrow>span{font-size:9px;letter-spacing:0;color:#c6c9cc;border-right:1px solid #c6c9cc55;padding-right:20px}h2{font-size:clamp(32px,3.1vw,45px);font-weight:500;letter-spacing:1px;line-height:1.5;margin:0}.section-intro{font-size:12px;color:#a5b1c8;margin:0 0 6px;line-height:1.9}.project{display:grid;grid-template-columns:1.12fr 1fr;gap:65px;align-items:center;margin-bottom:82px}.project-visual{height:416px;position:relative;border-radius:7px;overflow:hidden}.research-visual{background:radial-gradient(ellipse at 70% 5%,#5b7195,#293b5b 45%,#1b2944);padding:26px 27px}.visual-label{font-size:7px;letter-spacing:2px;position:absolute;left:27px;top:23px;color:#d1d8e6}.research-window{position:relative;margin-top:46px;background:#f2f0e9;color:#1d2c43;box-shadow:0 30px 60px #07132960;border-radius:6px;transform:perspective(1000px) rotateY(-7deg) rotateX(3deg) rotateZ(-3deg);width:100%;z-index:1}.window-bar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #222c3a17;padding:12px 16px;font-size:7px;color:#6b7180;gap:10px}.window-dots{font-size:7px;color:#9ba7b9;letter-spacing:2px}.window-body{padding:25px 26px 27px}.mini-eyebrow{font-size:8px;color:#6c7a8f;letter-spacing:2px}.research-question{font-family:"Songti SC","SimSun",serif;font-size:22px;line-height:1.6;margin:10px 0 17px}.search-example{display:flex;gap:9px;align-items:center;justify-content:space-between;background:#fff;border:1px solid #d7dce2;padding:10px;font-size:7px;color:#738196;border-radius:3px}.search-example>span:first-child{font-size:20px;line-height:1}.pipeline{display:flex;justify-content:center;gap:12px;font-size:8px;color:#344563;margin:19px 0 15px}.pipeline i{font-style:normal;color:#8c9ab1}.source-chips{display:flex;justify-content:center;gap:8px}.source-chips span{font-size:7px;background:#e4e8ec;color:#627088;padding:3px 7px;border-radius:3px}.diagram-caption{font-size:6px;letter-spacing:1px;position:absolute;left:25px;bottom:19px;color:#d0d7e5a3}.visual-number{font-family:Georgia,serif;font-style:italic;position:absolute;right:20px;bottom:8px;color:#ffffff16;font-size:66px;line-height:1}.project-meta{font-size:10px;letter-spacing:1px;color:#aeb9cd;margin:0 0 17px}.project-meta>span{color:var(--gold);margin:0 10px}.project-copy h3{font-size:32px;line-height:1.3;font-weight:500;margin:0 0 20px}.project-copy h3 .serif{font-size:33px;font-style:italic;color:#d0bc98}.project-summary{font-size:16px;color:#e2e6ed;line-height:1.8;margin:0 0 13px}.project-description{font-size:12px;line-height:1.95;color:#9fadc4;margin:0 0 23px;max-width:410px}.tech-tags{display:flex;flex-wrap:wrap;gap:7px}.tech-tags>span{font-size:8px;border:1px solid #7488a538;border-radius:3px;color:#acb9cc;padding:4px 9px}.project-actions{display:flex;gap:30px;align-items:center;margin-top:24px}.text-link{font-size:12px;padding:0 0 7px;border-bottom:1px solid #b49c7190;background:none;display:inline-flex;gap:20px;align-items:center;color:#e8d5af}.text-link:hover{color:#fff}.text-link>span{font-size:17px;line-height:1}.subtle-link{font-size:10px;color:#9cabc3}.subtle-link:hover{color:#fff}.project-law .project-visual{order:2}.law-visual{background:#cccfb9;color:#243c3b;padding:28px 32px}.law-visual .visual-label{color:#344c46}.law-visual .diagram-caption{color:#344c4699}.law-visual .visual-number{color:#233f3014}.workflow-art{margin:45px auto 0;display:flex;flex-direction:column;align-items:center;position:relative;z-index:1}.workflow-node{border-radius:5px;box-shadow:0 8px 18px #334b3420;text-align:center}.node-start{padding:11px 25px;background:#f4f3e7;transform:rotate(-3deg);font-size:11px}.node-start>span{margin-right:8px;font-size:17px}.workflow-connector{width:1px;height:21px;background:#627a6470}.workflow-forks{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;width:100%}.workflow-forks>span{font-size:8px;background:#e5e7d6;border:1px solid #65806540;text-align:center;padding:9px 4px;border-radius:3px}.node-main{background:#244c46;color:#f3f0da;padding:16px 22px;width:88%;transform:rotate(2deg)}.node-main>span{display:inline-block;font-size:20px;vertical-align:middle;margin-right:8px;color:#d7c388}.node-main strong{font-size:10px;font-weight:500}.node-main small{display:block;font-size:8px;color:#c1d1bc;margin-top:5px}.node-end{background:#f2f2e7;padding:10px 22px;font-size:9px}.node-end>span{margin-left:10px}.project-title-en{display:block;font:italic 14px/1.5 Georgia,serif;color:#c5b595;margin-top:9px}.github-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:23px 0 0;font-size:11px;color:#a7b4c9}.github-footer>span:last-child{font-size:10px;letter-spacing:1px}.github-footer>span:last-child>span{margin-left:24px;font-size:16px}.github-footer:hover{color:var(--gold)}
.about-section{background:var(--paper);color:#1b2b40;color-scheme:light;position:relative;overflow:hidden}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.about-section .eyebrow{color:#78735d}.about-section .eyebrow>span{color:#777767;border-color:#b8b7a7}.about-section h2{font-size:46px;line-height:1.45}.about-section h2 .serif{color:#666c55}.about-portrait{position:relative}.thinking-stage{height:320px;position:relative;margin-top:24px;isolation:isolate}.thinking-stage img{display:block;position:absolute;width:290px;height:330px;object-fit:contain;left:35px;bottom:-24px;filter:drop-shadow(0 16px 20px #1b2b4010);z-index:1}.orbit{position:absolute;border:1px solid #a4aa9570;border-radius:50%;width:300px;height:180px;left:10px;top:60px;transform:rotate(-25deg);z-index:-1}.orbit-two{transform:rotate(30deg);width:240px;height:260px;left:55px;top:10px}.scribble{font:italic 27px Georgia,serif;color:#81836e;position:absolute;right:12px;top:70px;transform:rotate(8deg);z-index:2}.about-content{padding-top:35px}.about-lead{font-size:25px;line-height:1.7;margin:0 0 27px;font-weight:500}.about-content>p:not(.about-lead){font-size:13px;line-height:2.2;color:#606a71;margin:0 0 20px}.about-facts{border-top:1px solid #25384a24;padding-top:22px;margin-top:30px;display:grid;gap:13px;font-size:11px}.about-facts>div{display:flex;gap:25px}.about-facts span{color:#7b827c}.about-facts strong{font-weight:500;color:#34454f}.signature{font:italic 31px Georgia,serif;margin-top:35px;color:#34473f}.signature span{font-size:20px;margin-left:20px;color:#989173}
.skills-section{background:#0e1b32}.skill-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.skill-columns article{border-top:1px solid #65728a55;padding-top:28px}.skill-symbol{font-size:32px;color:#c2a87b}.skill-columns h3{font-size:20px;font-weight:500;margin:16px 0 13px}.skill-columns p{color:#9eacc3;font-size:12px;line-height:1.95;max-width:300px;margin:0 0 25px;min-height:70px}.skill-list{display:grid;gap:8px;font-size:11px;color:#cbd3e1}.skill-list span:before{content:"—";margin-right:12px;color:#74829c}.skill-columns a{display:block;font-size:9px;color:#a99d86;margin-top:27px}.skill-columns a:hover{color:var(--gold)}
.journey-section{background:#0a142b}.journey-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.journey-heading h2{font-size:40px}.journey-heading>p:not(.eyebrow){font-size:12px;color:#a1aec5;line-height:2;margin:22px 0 26px}.timeline{border-left:1px solid #6a7a9955;padding-left:37px}.timeline article{padding-bottom:39px;position:relative}.timeline article:last-child{padding-bottom:0}.timeline article:before{content:"";width:7px;height:7px;border:1px solid var(--gold);border-radius:50%;position:absolute;left:-41px;top:9px;background:#0a142b}.timeline-date{font-size:10px;letter-spacing:.8px;color:#b5a78d;margin:0 0 12px;display:flex;justify-content:space-between;align-items:center;gap:14px}.timeline-date span{font-size:8px;color:#95a4be;border:1px solid #7787a033;padding:2px 8px;border-radius:3px;white-space:nowrap}.timeline h3{font-size:19px;font-weight:500;margin:0 0 5px}.timeline-role{font-size:11px;color:#c1cad9;margin:0 0 12px}.timeline article>p:last-child{font-size:11px;color:#96a6c1;line-height:2;margin:0;max-width:530px}.recognition{margin-top:86px;padding-top:35px;border-top:1px solid var(--line)}.recognition .eyebrow{color:#8d9bb3;font-size:8px}.recognition-grid{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:38px}.recognition article>span{font-size:8px;color:#8f9eb6}.recognition h3{font-size:16px;font-weight:500;color:#d9caab;margin:10px 0}.recognition p{font-size:10px;line-height:1.9;color:#97a6bf;margin:0}
.contact-section{background:#e7dfcd;color:#233144;color-scheme:light;position:relative;overflow:hidden}.contact-inner{display:grid;grid-template-columns:1.3fr .7fr;min-height:490px;position:relative;align-items:center;gap:20px;padding-block:75px}.contact-section .eyebrow{color:#6f715f}.contact-section .eyebrow>span{color:#8a8877;border-color:#8a887755}.contact-section h2{font-size:45px;line-height:1.45;position:relative;display:inline-block}.contact-section h2 .serif{color:#66715c}.contact-star{font-size:45px;font-family:Georgia,serif;position:absolute;right:-66px;top:13px;color:#8e9474}.contact-copy>p:not(.eyebrow){font-size:11px;color:#69716e;line-height:2.1;margin:21px 0}.contact-email{font-size:24px;line-height:1.5;display:inline-flex;gap:28px;border-bottom:1px solid #65705e80;padding-bottom:5px;word-break:break-word}.contact-email:hover{color:#6e785c}.contact-email>span{font-size:24px}.contact-links{display:flex;flex-wrap:wrap;gap:14px 22px;margin-top:23px;font-size:9px;color:#5f6d68;align-items:center}.contact-links>button{padding:0;background:none;font-size:9px}.contact-links a:hover,.contact-links button:hover{text-decoration:underline}.contact-portrait{height:340px;position:relative;align-self:end}.contact-portrait img{position:absolute;width:340px;height:370px;object-fit:contain;bottom:-42px;right:-20px;z-index:1}.contact-orbit{position:absolute;inset:25px -20px 0 0;border:1px solid #9ba28a80;border-radius:50%;transform:rotate(-15deg)}.contact-note{font:italic 17px Georgia,serif;position:absolute;right:3px;top:7px;transform:rotate(7deg);z-index:2;color:#6d775f}.site-footer{padding-block:32px;display:flex;align-items:center;justify-content:space-between;gap:22px;font-size:9px;color:#8a9ab4}.footer-name{font-size:12px;letter-spacing:2px;color:#d2d8e0}.footer-name>span{display:block;font-size:7px;letter-spacing:1.5px;color:#7b8da9;margin-top:4px}.site-footer p{margin:0;text-align:center;font-size:9px}.site-footer p span{display:block;font-size:8px;margin-top:4px;color:#677b9a}.site-footer>a:last-child{font-size:9px;letter-spacing:1px}
dialog{background:#122039;color:#edf0f4;border:1px solid #b6c3da38;border-radius:10px;width:min(720px,calc(100% - 36px));padding:30px 36px 36px;max-height:85svh;box-shadow:0 40px 100px #0007}dialog::backdrop{background:#040c1bc9;backdrop-filter:blur(8px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;gap:20px;color:var(--gold);font-size:10px;letter-spacing:1px}.dialog-close{background:transparent;border:1px solid #b6c3da38;min-width:36px;min-height:36px;border-radius:50%;color:#c7d1e1}dialog h2{font-size:28px;margin:20px 0 27px}#dialog-content h3{font-size:15px;font-weight:500;color:#e4ceaa;margin:25px 0 10px}#dialog-content p,#dialog-content li{font-size:13px;color:#bdc8da;line-height:2}#dialog-content ul{padding-left:20px}#dialog-content a{color:#e6c58b;text-decoration:underline;text-underline-offset:4px}.dialog-bottom-close{margin-top:25px}.dialog-open{overflow:hidden}.toast{position:fixed;left:50%;bottom:30px;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#f2eddf;color:#223046;border:1px solid #e6c58b55;padding:11px 22px;border-radius:30px;font-size:12px;z-index:100;box-shadow:0 10px 40px #0004;transition:opacity .25s,transform .25s}.toast.visible{opacity:1;transform:translate(-50%,0)}.noscript-note{padding:15px 25px;font-size:12px;background:#263752;color:#e9e3d2}.motion-off{scroll-behavior:auto}.motion-off *, .motion-off *:before,.motion-off *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.motion-off .character{transform:none;will-change:auto}
@media(min-width:1550px){.hero-inner{padding-top:180px}.hero-stage{height:720px}.hero{min-height:940px}.hero-copy{padding-bottom:45px}}
@media(max-width:1150px){.wrap{width:calc(100% - 72px)}.site-header{padding-inline:36px}.site-header nav{gap:25px}.hero{min-height:800px}.hero-inner{padding-top:145px}.hero-stage{height:540px}.hero-copy h1{font-size:67px}.hero-description{font-size:12px}.stage-script{font-size:15px;right:-10px}.floating-note{left:-25px;bottom:70px;padding:10px 13px}.avatar-greet{right:-13px;bottom:8px;font-size:10px}.project{gap:38px}.project-visual{height:370px}.research-visual{padding-inline:20px}.window-body{padding:19px}.research-question{font-size:19px}.project-copy h3,.project-copy h3 .serif{font-size:29px}.project-description{font-size:11px}.about-grid{gap:55px}.thinking-stage img{left:0;width:270px}.scribble{right:0;font-size:21px}.about-section h2{font-size:39px}.about-lead{font-size:22px}.journey-grid{gap:60px}.contact-section h2{font-size:39px}.contact-portrait img{width:300px;right:-10px}.contact-star{right:-48px;font-size:35px}.contact-email{font-size:22px}.section-space{padding-block:90px}}
@media(max-width:820px){.wrap{width:calc(100% - 48px)}.site-header{height:80px;padding-inline:24px;gap:18px}.brand-mark{font-size:34px}.brand-name{font-size:13px}.brand-name>span{font-size:6px}.site-header nav{gap:20px;font-size:11px}.site-header nav a:nth-child(3){display:none}.motion-text{display:none}.motion-toggle{padding:5px 9px}.hero{height:auto;min-height:790px}.hero-inner{min-height:790px;padding-top:130px;padding-bottom:100px;grid-template-columns:1.05fr 1fr;gap:0}.hero-copy h1{font-size:57px}.hero-description{font-size:11px;line-height:2}.availability{font-size:9px;margin-bottom:24px}.hello{font-size:8px;letter-spacing:2px}.button{font-size:11px;padding:12px 16px;gap:16px;min-height:47px}.hero-actions{gap:10px}.hero-tags{font-size:6px;letter-spacing:1px;gap:7px}.hero-stage{height:480px}.character{inset:0 -26px -5px -12px}.stage-script{right:-5px;top:10px;font-size:14px}.floating-note{left:0;bottom:75px;font-size:10px;padding:8px 10px;gap:8px}.floating-note>span{font-size:23px}.floating-note div{font-size:10px}.floating-note small{font-size:5px}.avatar-greet{font-size:8px;right:0;bottom:13px}.avatar-greet>span:first-child{font-size:22px}.hero-bottom{bottom:24px}.hero-coordinate{font-size:6px;letter-spacing:1px}.section-heading{margin-bottom:36px}.section-heading h2{font-size:32px}.section-intro{font-size:10px}.project{grid-template-columns:1fr 1fr;gap:28px;margin-bottom:65px}.project-visual{height:330px}.research-visual{padding:20px 16px}.visual-label{left:18px;font-size:6px;top:17px}.research-window{margin-top:40px}.window-bar{padding:9px;font-size:5px}.window-body{padding:15px}.research-question{font-size:16px;margin-bottom:12px}.mini-eyebrow{font-size:6px}.search-example{font-size:6px;padding:7px}.pipeline{font-size:6px;gap:6px;margin:14px 0}.source-chips{gap:4px}.source-chips span{font-size:5px;padding:2px 4px}.project-meta{font-size:8px;margin-bottom:12px}.project-copy h3,.project-copy h3 .serif{font-size:25px;margin-bottom:15px}.project-summary{font-size:13px}.project-description{font-size:10px;line-height:1.9;margin-bottom:16px}.tech-tags>span{font-size:7px;padding:3px 6px}.project-actions{gap:18px;margin-top:18px}.text-link{font-size:10px;gap:10px}.subtle-link{font-size:8px}.law-visual{padding:20px}.workflow-art{margin-top:40px}.workflow-forks{gap:4px}.workflow-forks>span{font-size:6px;padding:8px 3px}.node-main{width:100%;padding:14px 8px}.node-main strong{font-size:8px}.node-main small{font-size:6px}.node-end{font-size:7px;padding:9px 12px}.node-start{font-size:9px;padding:9px 20px}.workflow-connector{height:18px}.about-grid{gap:35px}.about-section h2{font-size:35px}.thinking-stage{height:280px}.thinking-stage img{width:235px;height:300px;bottom:-25px}.orbit{width:235px;height:150px;left:-5px}.orbit-two{width:200px;height:230px;left:20px}.scribble{right:-7px;font-size:18px}.about-lead{font-size:20px}.about-content>p:not(.about-lead){font-size:11px;line-height:2}.about-facts{font-size:9px}.about-facts>div{gap:14px}.signature{font-size:26px}.skill-columns{gap:25px}.skill-columns h3{font-size:17px}.skill-columns p{font-size:10px;min-height:80px}.skill-list{font-size:9px}.skill-columns a{font-size:8px}.journey-grid{grid-template-columns:.8fr 1.2fr;gap:35px}.journey-heading h2{font-size:30px}.timeline{padding-left:25px}.timeline article:before{left:-29px}.timeline h3{font-size:16px}.timeline-date{font-size:8px}.timeline-role{font-size:10px}.timeline article>p:last-child{font-size:10px}.recognition-grid{gap:22px;grid-template-columns:1fr 1.2fr 1fr}.recognition h3{font-size:14px}.recognition p{font-size:9px}.contact-inner{grid-template-columns:1.4fr .6fr;min-height:450px;padding-block:65px}.contact-section h2{font-size:34px}.contact-copy>p:not(.eyebrow){font-size:10px}.contact-portrait{height:290px}.contact-portrait img{width:270px;height:320px;max-width:none;right:-50px;bottom:-25px}.contact-note{font-size:12px;right:-25px;top:0}.contact-orbit{inset:30px -40px 0 -30px}.contact-links{gap:12px;font-size:8px}.contact-links>button{font-size:8px}.contact-email{font-size:19px;gap:15px}}
@media(max-width:600px){:root{scroll-padding-top:20px}.wrap{width:calc(100% - 40px)}.site-header{height:73px;padding-inline:20px;gap:14px}.brand{gap:10px}.brand-mark{font-size:32px}.brand-name{font-size:12px;letter-spacing:2px}.brand-name>span{font-size:6px;letter-spacing:1px}.site-header nav{gap:18px;font-size:10px}.site-header nav a:nth-child(2){display:none}.site-header nav .nav-contact{gap:8px}.motion-toggle{min-height:30px;padding:3px 7px}.motion-icon{font-size:15px}.hero{min-height:980px;height:auto}.hero-paint{background-position:60% center;opacity:.66}.hero-vignette{background:linear-gradient(180deg,#08112512,#0a142b0d 50%,#0a142b 100%)}.hero-inner{display:flex;flex-direction:column;min-height:980px;padding-top:111px;padding-bottom:60px;align-items:stretch}.hero-copy{text-align:left;padding:0 5px;z-index:2}.availability{font-size:9px;margin-bottom:19px;letter-spacing:.7px}.hello{font-size:8px;margin-bottom:12px;letter-spacing:2px}.hello>span{font-size:15px;margin-left:12px}.hero-copy h1{font-size:56px;line-height:1.25;letter-spacing:2px;margin-bottom:20px}.hero-copy h1 br{display:none}.hero-word{white-space:nowrap}.word-star{font-size:17px;right:-14px;top:-5px}.hero-description{font-size:11px;line-height:1.95;margin-bottom:23px}.hero-actions{gap:12px}.button{padding:12px 17px;min-height:45px;font-size:11px;gap:17px}.hero-tags{font-size:6px;gap:9px;margin-top:22px;letter-spacing:.7px}.hero-stage{height:500px;width:100%;margin-top:15px;align-self:stretch}.character{inset:-20px -12px -5px;max-width:365px;margin-inline:auto}.stage-script{right:3px;top:16px;font-size:14px}.floating-note{left:8px;bottom:56px;transform:rotate(-8deg);padding:9px 13px;gap:9px}.floating-note div{font-size:11px}.floating-note small{font-size:6px}.avatar-greet{right:4px;bottom:13px;font-size:9px}.hero-bottom{bottom:19px}.hero-coordinate{display:none}.scroll-link{font-size:8px;letter-spacing:.5px}.hero-bottom .scroll-line{width:25px}.hero-bottom .scroll-link>span:last-child{margin-left:5px}.section-space{padding-block:65px}.eyebrow{font-size:8px;letter-spacing:2px;gap:14px;margin-bottom:17px}.eyebrow>span{font-size:8px;padding-right:14px}.section-heading{display:block;margin-bottom:31px}.section-heading h2{font-size:29px}.section-intro{margin-top:17px;font-size:11px}.section-intro br{display:none}.project{grid-template-columns:1fr;gap:25px;margin-bottom:55px}.project-law .project-visual{order:0}.project-visual{height:335px}.research-visual{padding-inline:26px}.visual-label{font-size:7px;left:24px;top:21px}.research-window{margin-top:41px;max-width:440px;margin-inline:auto;transform:perspective(1000px) rotateY(-5deg) rotateZ(-3deg)}.window-bar{font-size:6px;padding:10px}.window-body{padding:19px 22px}.mini-eyebrow{font-size:7px}.research-question{font-size:20px;margin-top:6px;margin-bottom:15px}.search-example{font-size:7px;padding:9px}.pipeline{font-size:7px;gap:12px;margin:16px 0 12px}.source-chips span{font-size:6px;padding:3px 6px}.diagram-caption{font-size:6px;left:22px;bottom:16px}.visual-number{font-size:56px}.project-copy h3,.project-copy h3 .serif{font-size:29px}.project-copy h3 br{display:none}.project-copy h3 .serif:before{content:" "}.project-meta{font-size:9px;margin-bottom:12px}.project-summary{font-size:15px;line-height:1.8}.project-summary br{display:none}.project-description{font-size:12px;max-width:none;line-height:1.95}.tech-tags{gap:6px}.tech-tags>span{font-size:8px;padding:4px 9px}.project-actions{margin-top:22px;gap:26px}.text-link{font-size:11px;gap:14px}.subtle-link{font-size:10px}.project-title-en{font-size:13px;margin-top:6px}.law-visual{padding:23px 30px}.workflow-art{margin-top:36px}.node-start{font-size:11px}.workflow-forks>span{font-size:8px}.node-main{width:90%;padding:14px 10px}.node-main strong{font-size:10px}.node-main small{font-size:7px}.node-end{font-size:9px}.workflow-connector{height:19px}.github-footer{font-size:9px;padding-top:18px;gap:10px}.github-footer>span:last-child{font-size:8px;letter-spacing:.2px}.github-footer>span:last-child>span{margin-left:5px}.about-grid{grid-template-columns:1fr;gap:20px}.about-section h2{font-size:35px}.thinking-stage{height:260px;margin-top:5px;width:310px;max-width:100%;margin-inline:auto}.thinking-stage img{width:260px;height:290px;left:15px;bottom:-20px}.orbit{width:270px;height:155px;left:5px;top:75px}.orbit-two{width:210px;height:240px;left:40px;top:15px}.scribble{right:3px;top:45px;font-size:22px}.about-content{padding-top:18px}.about-lead{font-size:23px;margin-bottom:19px}.about-content>p:not(.about-lead){font-size:12px;line-height:2.05}.about-facts{font-size:11px;gap:12px;margin-top:25px}.about-facts>div{gap:20px}.signature{font-size:29px;margin-top:25px}.skill-columns{grid-template-columns:1fr;gap:35px}.skill-columns article{padding-top:22px}.skill-symbol{font-size:27px;float:left;margin-right:15px;line-height:1.5}.skill-columns h3{font-size:19px;margin:4px 0 17px}.skill-columns p{font-size:12px;min-height:0;max-width:none;margin-bottom:18px;clear:both}.skill-list{grid-template-columns:1fr 1fr;font-size:10px;column-gap:10px;row-gap:9px}.skill-list span:before{margin-right:7px}.skill-columns a{font-size:9px;margin-top:20px}.journey-grid{grid-template-columns:1fr;gap:34px}.journey-heading h2{font-size:33px}.journey-heading>p:not(.eyebrow){font-size:11px;margin:17px 0}.journey-heading>p:not(.eyebrow) br{display:none}.timeline{margin-left:4px;padding-left:25px}.timeline article{padding-bottom:32px}.timeline h3{font-size:18px}.timeline-date{font-size:9px}.timeline-role{font-size:11px}.timeline article>p:last-child{font-size:11px;line-height:2}.recognition{margin-top:45px;padding-top:28px}.recognition-grid{grid-template-columns:1fr;gap:24px}.recognition h3{font-size:16px;margin-block:5px}.recognition p{font-size:11px}.recognition article>span{font-size:8px}.contact-inner{grid-template-columns:1fr;gap:0;padding-top:57px;padding-bottom:0;min-height:0}.contact-section h2{font-size:35px}.contact-star{right:-44px;font-size:29px;top:12px}.contact-copy>p:not(.eyebrow){font-size:11px;margin:19px 0;max-width:320px}.contact-copy>p:not(.eyebrow) br{display:none}.contact-email{font-size:20px;gap:20px}.contact-links{font-size:10px;gap:14px 20px;max-width:335px;margin-top:20px}.contact-links>button{font-size:10px}.contact-portrait{height:275px;max-width:340px;width:100%;margin:17px auto 0}.contact-portrait img{width:290px;height:310px;right:14px;bottom:-27px}.contact-note{font-size:14px;right:0;top:6px}.contact-orbit{inset:25px 14px 0}.site-footer{padding-block:25px;gap:12px;align-items:flex-start}.footer-name{font-size:11px}.footer-name>span{font-size:6px;letter-spacing:1px}.site-footer p{font-size:8px}.site-footer p span{font-size:6px}.site-footer>a:last-child{font-size:8px;white-space:nowrap}dialog{padding:22px 23px 27px;max-height:88svh}dialog h2{font-size:23px}#dialog-content p,#dialog-content li{font-size:12px}.dialog-bottom-close{font-size:11px}.toast{font-size:11px;max-width:90%;width:max-content;text-align:center}}
@media(min-width:821px) and (max-height:820px){.hero{height:100svh;min-height:700px}.hero-inner{padding-top:110px;padding-bottom:70px}.hero-stage{height:520px}.character{inset:-10px -12px 0 -20px}.hero-copy h1{font-size:69px;margin-bottom:20px}.availability{margin-bottom:22px}.hero-description{margin-bottom:25px}.hero-tags{margin-top:24px}.stage-script{top:10px}.floating-note{bottom:70px}.avatar-greet{bottom:2px}.hero-bottom{bottom:19px}}
@media(max-width:600px){.hero-copy h1 br{display:block}.stage-script{font-size:12px;right:0;top:6px}}
@media(max-width:370px){.wrap{width:calc(100% - 32px)}.site-header{padding-inline:16px;gap:10px}.site-header nav{gap:13px;font-size:9px}.brand-name{font-size:11px}.hero-copy h1{font-size:49px}.hero-stage{height:465px}.hero-inner,.hero{min-height:950px}.hero-tags{font-size:5px;gap:7px}.contact-email{font-size:18px}.skill-list{font-size:9px}.research-visual{padding-inline:20px}.contact-star{right:-33px;font-size:22px}.site-footer p{font-size:7px}.site-footer>a:last-child{font-size:7px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.character{transform:none;will-change:auto}}
@media print{.site-header,.hero-stage,.hero-paint,.hero-vignette,.hero-bottom,.motion-toggle,.project-visual,.thinking-stage,.contact-portrait,.toast,.site-footer,dialog{display:none!important}:root,body{background:white!important;color:#111!important}.hero,.hero-inner{min-height:0!important;height:auto!important;padding:20px 0!important;display:block!important}.wrap{width:100%!important}.hero-copy h1{font-size:30px}.section-space{padding:22px 0}.hero-tags,.hero-actions,.availability{display:none}.work-section,.about-section,.skills-section,.journey-section,.contact-section{background:white!important;color:#111!important}.project,.about-grid,.journey-grid,.contact-inner{display:block;min-height:0;padding:15px 0;break-inside:avoid}.project-copy h3{font-size:23px}.project-copy p,.timeline p,.about-content p,.contact-copy p,.skill-columns p,.recognition p,.tech-tags>span,.eyebrow,.hero-description,.project-meta,.project-description,.section-intro,.text-link,.subtle-link,.timeline-role,.timeline-date,.skill-list,.skill-columns a,.recognition h3{color:#333!important}.project-copy,.timeline article,.skill-columns article{break-inside:avoid}.section-heading{margin-bottom:15px}h2{font-size:25px!important}h3{color:#111!important}.about-content{padding-top:10px}.contact-section h2{font-size:25px}.contact-email{font-size:18px}.contact-links button{display:none}.signature{margin-top:15px}.recognition{margin-top:20px}.project{margin-bottom:25px}.gold,.hero-word{color:#111!important}}
