@charset "UTF-8";
:root{--bg:#f2f3f5;--ink:#202226;--muted:#73777f;--accent:#eb633b;--purple:#5351b5;--border:#e8e9ed;--radius:30px;--sans:"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:16px;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--accent);outline-offset:5px}::selection{background:#efc1b2;color:#202226}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.icon{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;background:#fff;padding:16px}.skip-link:focus{top:12px}.site-shell{max-width:1320px;margin:auto;padding:0 44px}.header{display:flex;align-items:center;justify-content:space-between;height:116px;gap:24px}.wordmark{display:flex;align-items:center;gap:12px;font-size:17px;font-weight:600;letter-spacing:1px}.wordmark small{display:block;font-size:12px;letter-spacing:1.2px;font-family:Arial,sans-serif;font-weight:400;margin-top:5px;color:var(--muted)}.monogram{height:43px;width:43px;border-radius:14px;background:var(--ink);color:white;font-family:serif;display:grid;place-items:center;position:relative;font-size:26px;font-weight:400}.monogram>span{position:absolute;width:8px;height:8px;background:var(--accent);border-radius:50%;right:-2px;bottom:-2px;border:2px solid var(--bg)}.header-center{font-size:13px;color:#686c73;letter-spacing:1px}.header-center>span{margin:0 14px;color:#b1b4bc}.resume-link{display:flex;align-items:center;gap:14px;font-size:14px;padding:11px 16px;border:1px solid #dedfe4;border-radius:99px;transition:background .2s}.resume-link:hover{background:#fff}.resume-link .icon{width:16px;height:16px}.card{border-radius:var(--radius);position:relative;isolation:isolate}.intro-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px}.intro{grid-column:span 8;background:#fff;min-height:510px;padding:43px 46px 35px;display:flex;flex-direction:column;overflow:hidden;border:1px solid #ededf0}.intro-kicker{display:flex;gap:10px;align-items:center;font-size:13px;letter-spacing:1px;color:#777b82}.tiny-star{color:var(--accent);font-size:24px;line-height:1}.intro h1{font-size:clamp(42px,4.25vw,64px);letter-spacing:-2.5px;line-height:1.46;font-weight:500;margin:27px 0 19px;position:relative;z-index:1}.outline-word{font-weight:400;color:#9297a0}.accent-word{position:relative}.title-dot{color:var(--accent)}.intro-description{font-size:16px;line-height:1.85;color:#747983;margin:0}.intro-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:auto;padding-top:30px}.primary-link{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;font-size:14px;background:var(--ink);color:#fff;padding:16px 22px;border-radius:99px;transition:background .25s,transform .25s}.primary-link:hover{background:var(--accent);transform:translateY(-2px)}.primary-link .icon{width:17px;height:17px}.intro-location{font-size:12px;text-align:right;color:#727781;line-height:1.8}.intro-location>span{display:block;color:#9b9ea6}.material-card{grid-column:span 4;background:#18191a;overflow:hidden;min-height:510px;color:#fff}.material-card>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:60% center;opacity:.9;z-index:-2}.material-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#17181b 0%,transparent 45%,#17181b77);z-index:-1}.material-top{padding:28px;display:flex;justify-content:space-between;font-size:12px;color:#dcdddf;letter-spacing:1px}.material-top>span:last-child{font-size:22px;line-height:1}.material-bottom{position:absolute;left:28px;right:28px;bottom:27px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:23px;line-height:1.5;letter-spacing:1px}.material-number{font-family:Georgia,serif;font-size:66px;color:#c5c9ce;font-weight:400}.floating-label{position:absolute;border:1px solid #ffffff3a;background:#eeeef02b;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);padding:12px 18px;border-radius:17px;font-size:18px;box-shadow:0 9px 24px #0002;transform:rotate(-7deg)}.floating-label>span{display:block;font-size:12px;line-height:1.6;color:#e0e1e4;margin-top:3px}.label-one{top:24%;left:10%}.label-two{top:53%;right:9%;transform:rotate(8deg);padding-left:43px}.label-two .label-cross{position:absolute;left:14px;top:12px;font-size:23px;margin:0;color:#fff}.now-card,.practice-card{grid-column:span 6;background:#e7e9ef;min-height:106px;display:flex;align-items:center;padding:22px 28px;gap:18px;border-radius:24px}.now-icon{height:46px;width:46px;display:grid;place-items:center;background:#fff;border-radius:16px;font-size:27px;flex-shrink:0}.micro-label{font-size:12px;color:#7c818a;letter-spacing:.6px}.now-card p,.practice-card p{font-size:16px;font-weight:500;margin:6px 0 0}.now-date{margin-left:auto;font-size:12px;color:#787d87;white-space:nowrap}.practice-card{background:#eae9f4;gap:25px}.practice-year{font-size:32px;font-family:Arial,sans-serif;letter-spacing:-1px;font-weight:500}.practice-year>span{font-size:12px;margin-left:5px;color:#797783}.practice-lines{margin-left:auto;display:flex;gap:5px;transform:rotate(25deg);padding-right:5px}.practice-lines i{display:block;width:7px;height:32px;background:#b9b5d0;border-radius:6px}.practice-lines i:nth-child(2){height:46px;margin-top:-7px}.projects,.about{padding-top:90px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:28px}.eyebrow{display:flex;align-items:center;gap:16px;font-size:12px;font-weight:400;letter-spacing:1px;color:#7e838c;margin:0 0 13px}.eyebrow>span{color:#a5a8af;font-size:12px;letter-spacing:.3px}.section-heading h2{font-size:30px;letter-spacing:-.8px;font-weight:500;line-height:1.5;margin:0}.section-heading h2>span{color:var(--accent)}.section-heading>p{font-size:13px;color:#838892;line-height:1.8;margin:0 0 7px}.project-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:20px}.project-card{display:flex;flex-direction:column;overflow:hidden;min-width:0;min-height:460px;text-align:left;width:100%;border:0;padding:26px;transition:box-shadow .3s,transform .3s;transform:perspective(1100px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(var(--lift,0px));will-change:auto}.project-card:hover{--lift:-5px;box-shadow:0 18px 40px #20222c12}.project-top{display:flex;justify-content:space-between;align-items:center;gap:15px;position:relative;z-index:3}.soft-tag,.glass-tag{font-size:12px;line-height:1.5;padding:8px 13px;border-radius:99px;border:1px solid #ffffff2b;background:#ffffff10;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);align-self:flex-start}.circle-action{width:36px;height:36px;border-radius:50%;background:#fff;color:var(--ink);display:grid;place-items:center;flex-shrink:0;transition:transform .25s,background .25s}.circle-action .icon{width:17px;height:17px}.project-card:hover .circle-action{transform:rotate(45deg);background:#f0ab90}.space-project{grid-column:span 7;color:#fff;background:#6e716e}.space-project>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .65s}.space-project:hover>img{transform:scale(1.035)}.space-project:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#161b20d9,transparent 53%,#18202726)}.glass-tag{background:#ffffff27;border-color:#ffffff59}.space-caption{position:absolute;right:27px;top:85px;font-size:12px;color:#fff;text-shadow:0 1px 5px #0008;writing-mode:vertical-rl;letter-spacing:3px}.project-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-top:auto;position:relative;z-index:2;padding-top:18px}.project-index{font-size:12px;letter-spacing:1px;display:block;opacity:.57;margin-bottom:10px}.project-name{display:block;font-size:28px;line-height:1.5;font-weight:500;letter-spacing:-.5px}.project-desc{display:block;font-size:13px;line-height:1.7;margin-top:7px;opacity:.65}.space-project .project-index,.space-project .project-desc{opacity:.85}.bottom-plus{font-size:28px;margin-bottom:4px;font-weight:300}.ai-project{grid-column:span 5;background:#232429;color:#fff}.workflow-art{display:block;position:relative;height:222px;width:100%;margin:4px 0 5px}.workflow-line{position:absolute;left:48%;top:20px;bottom:5px;width:1px;background:#ffffff20;transform:rotate(30deg)}.flow-chip{position:absolute;display:block;padding:13px 18px 13px 48px;border-radius:16px;font-size:15px;box-shadow:0 8px 20px #0002;border:1px solid #ffffff15}.chip-icon{position:absolute;left:17px;top:14px;font-size:20px}.chip-detail{display:block;font-size:12px;color:#aeb0b9;margin-top:6px}.chip-brief{top:9px;left:5%;background:#36373f;transform:rotate(-8deg)}.chip-ai{top:84px;left:30%;background:#d4d0ff;color:#36335c;transform:rotate(7deg);z-index:1}.chip-ai .chip-detail{color:#6a668c}.chip-output{top:165px;left:12%;background:#3d3d47;transform:rotate(-5deg);font-size:13px;padding-top:12px;padding-bottom:12px}.chip-output .chip-icon{font-size:16px;top:11px;color:#cfcbf7}.seed-project{grid-column:span 5;min-height:410px;background:#e4e1f4;color:#38354d}.seed-project .soft-tag{border-color:#c9c5db;background:#f5f3ff66}.seed-project .circle-action{background:#fff8}.seed-art{position:relative;height:210px;width:100%;display:flex;align-items:center;justify-content:center;isolation:isolate}.seed-letters{font-size:83px;line-height:1.3;font-family:"Songti SC","SimSun",serif;font-weight:400;color:#626080;letter-spacing:6px;position:relative;z-index:1}.seed-orbit{position:absolute;left:15%;top:31%;width:70%;height:43%;border:1px solid #beb9d6;border-radius:50%;transform:rotate(-22deg);z-index:-1}.seed-pill{position:absolute;z-index:2;padding:8px 14px;font-size:12px;background:#ffffffad;border:1px solid #fff;box-shadow:0 8px 20px #615a8710;border-radius:99px}.seed-pill-one{left:9%;top:28%;transform:rotate(-10deg)}.seed-pill-two{right:9%;top:19%;transform:rotate(12deg)}.seed-pill-three{bottom:13%;right:16%;transform:rotate(-6deg)}.binary-project{grid-column:span 7;min-height:410px;background:#fff;border:1px solid #e9e9ee}.binary-project .soft-tag{border-color:#e3e5e9;background:#f4f5f7}.binary-project .circle-action{background:#edeff2}.binary-art{height:210px;position:relative;display:block;margin:0 15px}.code-window{position:absolute;left:8%;right:15%;top:22px;border-radius:15px;border:1px solid #dddfe5;background:#f8f9fb;box-shadow:0 18px 27px #2830400d;transform:rotate(-5deg);overflow:hidden}.code-toolbar{display:flex;padding:13px 15px;border-bottom:1px solid #e3e5ea;gap:28px;font-size:12px;color:#9297a1}.window-dots{font-size:12px;letter-spacing:3px;color:#c5c8d0}.code-layout{display:flex;min-height:102px}.code-side{width:52px;background:#f0f1f5;border-right:1px solid #e3e5ea;display:flex;flex-direction:column;gap:13px;padding:15px 13px}.code-side i{height:5px;background:#c7cbd4;border-radius:3px}.code-lines{padding:14px 16px;flex:1;display:flex;flex-direction:column;gap:11px}.code-lines>span{display:flex;align-items:center;gap:14px;font-size:12px;color:#9196a1}.code-rule{height:5px;width:70%;background:#dddfe6;border-radius:5px;display:block}.code-rule.short{width:40%;background:#d7d2e9}.code-rule.medium{width:55%}.binary-badge{position:absolute;right:5%;bottom:25px;background:#25262e;color:white;border:1px solid #464951;border-radius:15px;box-shadow:0 9px 17px #20253026;padding:13px 19px;font-size:12px;transform:rotate(8deg);display:flex;gap:12px;align-items:center}.binary-badge>span{font-size:22px;color:#bfb7f3}.text-link{font-size:13px;display:inline-flex;align-items:center;gap:10px;padding-bottom:6px}.text-link .icon{width:16px;height:16px}.text-link:hover{color:var(--accent)}.about-grid{display:grid;grid-template-columns:7fr 5fr;gap:20px}.experience-card{background:#fff;padding:31px 34px;overflow:hidden}.experience-top{display:flex;align-items:center;justify-content:space-between;gap:15px}.experience-range{font-family:Arial,sans-serif;color:#989da5;font-size:12px}.year-tabs{display:flex;background:#f0f1f4;border-radius:14px;padding:5px;margin:25px 0 32px;gap:4px}.year-tabs>button{border:0;background:transparent;padding:13px 10px;border-radius:10px;font-family:Arial,var(--sans);font-size:15px;color:#9195a0;flex:1;transition:background .2s,box-shadow .2s,color .2s;display:flex;align-items:center;justify-content:center;gap:8px}.year-tabs>button[aria-selected=true]{background:#fff;color:var(--ink);box-shadow:0 2px 8px #2026300a}.year-tabs>button>span{font-family:var(--sans);font-size:12px;background:#efedf6;color:#78718e;padding:3px 6px;border-radius:5px}.experience-panel{min-height:212px}.experience-period{font-size:12px;color:var(--accent);margin:0 0 11px}.experience-panel h3{font-weight:500;font-size:26px;letter-spacing:-.5px;margin:0 0 12px;line-height:1.5}.experience-company{font-size:14px;color:#727781;margin:0 0 18px}.experience-description{font-size:15px;line-height:1.9;color:#7f848d;margin:0;max-width:520px}.experience-foot{border-top:1px solid #eeeff2;padding-top:20px;margin-top:20px;font-size:12px;color:#a0a4ac;display:flex;justify-content:space-between}.experience-foot>span:last-child{color:#737982;font-size:18px}.profile-card{background:#e7e9ed;padding:32px 34px;overflow:hidden}.profile-monogram{position:absolute;right:27px;top:25px;font-family:serif;font-size:66px;color:#c2c6ce;transform:rotate(7deg);line-height:1.2}.profile-monogram>span{position:absolute;right:-5px;bottom:-3px;font-size:22px;color:var(--accent)}.profile-card h3{font-size:28px;line-height:1.55;font-weight:500;margin:13px 60px 20px 0;letter-spacing:-.5px}.profile-card>p{font-size:15px;color:#7b818b;line-height:1.95;margin:0 0 25px}.tools{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.tools>span{font-size:12px;padding:8px 12px;border-radius:9px;background:#f5f6f8;color:#7c818d}.profile-foot{display:flex;justify-content:space-between;gap:15px;margin-top:30px;padding-top:20px;border-top:1px solid #d7dae1;font-size:12px;color:#8c929c}.contact{margin-top:68px;background:#dedde9;padding:42px 44px;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:244px}.contact h2{font-size:32px;line-height:1.5;font-weight:500;letter-spacing:-1px;margin:0 0 23px}.contact h2>span{color:#8073ab}.contact .eyebrow{color:#898293}.email-link{display:inline-flex;gap:13px;align-items:center;font-family:Arial,sans-serif;font-size:16px;color:#797287}.email-link .icon{width:16px;height:16px}.email-link:hover{color:#25202f}.contact-orb{height:108px;width:108px;border-radius:50%;border:1px solid #fff9;background:#ffffff70;backdrop-filter:blur(12px);box-shadow:0 12px 25px #54506408;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:11px;flex-shrink:0;color:#5f586f;transition:transform .25s,background .25s;z-index:1}.contact-orb .icon{width:27px;height:27px}.contact-orb>span{font-size:12px}.contact-orb:hover{transform:scale(1.06) rotate(-5deg);background:#fff}.contact-decoration{position:absolute;right:137px;bottom:-39px;font-size:240px;line-height:1;color:#cac5db;z-index:-1;transform:rotate(12deg)}footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:32px 4px 132px;font-size:12px;color:#90969f}footer a{color:#616773}footer a>span{font-family:Arial,sans-serif;font-size:12px;margin-left:10px;color:#a0a5ae}footer>span{font-size:12px}.dock{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:15;display:flex;align-items:center;gap:5px;padding:7px;background:#fcfcfcd6;border:1px solid #fff;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 12px 40px #30364417,0 2px 6px #30364409;border-radius:22px}.dock>a{display:flex;gap:7px;align-items:center;justify-content:center;min-height:45px;padding:12px 17px;border-radius:15px;color:#868b95;font-size:12px;transition:background .2s,color .2s,transform .2s}.dock>a .icon{width:18px;height:18px}.dock>a:hover{background:#e9eaf0;transform:translateY(-3px);color:var(--ink)}.dock>a.active{background:#292a31;color:#fff}.dock-divider{height:21px;width:1px;background:#dddfe5;margin:0 3px}dialog{padding:40px;border:1px solid #fff;border-radius:30px;box-shadow:0 30px 100px #14182430;background:#f8f8fa;max-width:640px;width:calc(100% - 36px);max-height:85svh;color:var(--ink);overflow-y:auto}dialog[open]{animation:dialog-in .25s ease-out}dialog::backdrop{background:#1b1d2966;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.dialog-close{position:absolute;right:20px;top:20px;width:37px;height:37px;display:grid;place-items:center;border-radius:50%;border:0;background:#e9eaf0;z-index:2}.dialog-close .icon{transform:rotate(45deg);width:19px;height:19px}.dialog-close:hover{background:#dadce5}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-right:24px;margin:15px 0 23px}.dialog-number{font-size:48px;font-family:Arial,sans-serif;letter-spacing:-3px;color:#d3d5df}.dialog-top .eyebrow{margin:0;line-height:1.7;color:#898298}dialog h2{font-size:32px;font-weight:500;line-height:1.45;margin:0 0 20px;letter-spacing:-1px}.dialog-intro{font-size:16px;line-height:1.9;color:#737987;margin:0 0 28px}.dialog-facts{display:grid;gap:12px}.dialog-facts>div{padding:16px 18px;background:#edeef3;border-radius:15px}.dialog-facts h3{font-size:14px;font-weight:500;margin:0 0 7px}.dialog-facts p{font-size:14px;line-height:1.8;color:#808693;margin:0}.dialog-note{font-size:12px;line-height:1.8;color:#9c9fac;margin:22px 0 0}.toast{position:fixed;bottom:109px;left:50%;transform:translate(-50%,10px);padding:13px 20px;border-radius:14px;background:#272831;color:white;font-size:14px;opacity:0;visibility:hidden;transition:opacity .2s,transform .2s;box-shadow:0 8px 30px #0002;z-index:30;text-align:center;max-width:calc(100% - 32px)}.toast.visible{opacity:1;visibility:visible;transform:translate(-50%,0)}.noscript-note{padding:15px;text-align:center;font-size:14px}.reveal-ready{opacity:0;translate:0 20px;transition:opacity .6s,translate .6s}.revealed{opacity:1;translate:0 0}@keyframes dialog-in{from{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(min-width:1450px){.intro h1{font-size:62px}}
@media(max-width:1050px){.site-shell{padding:0 28px}.intro{padding:34px;min-height:490px;grid-column:span 7}.intro h1{font-size:45px;letter-spacing:-2px}.material-card{grid-column:span 5;min-height:490px}.intro-location{display:none}.now-card,.practice-card{padding:21px;gap:14px}.now-date{display:none}.project-card{padding:23px;min-height:430px}.project-name{font-size:24px}.project-desc{font-size:12px}.seed-project,.binary-project{min-height:400px}.flow-chip{font-size:13px;padding-right:13px;padding-left:40px}.chip-icon{left:13px}.chip-ai{left:22%}.binary-art{margin:0}.code-window{left:1%;right:9%}.binary-badge{right:0}.profile-card,.experience-card{padding:27px}.profile-card h3{font-size:25px}.profile-card>p{font-size:14px}.year-tabs>button{padding:12px 7px;gap:5px}.year-tabs>button>span{padding:3px 4px}.experience-panel{min-height:246px}.section-heading h2{font-size:27px}.contact h2{font-size:28px}}
@media(max-width:760px){:root{--radius:25px}.site-shell{padding:0 18px}.header{height:92px}.header-center{display:none}.wordmark{font-size:16px}.wordmark small{font-size:12px}.monogram{height:39px;width:39px;font-size:24px}.resume-link{font-size:12px;padding:10px 13px;gap:10px}.intro-grid{gap:13px}.intro{grid-column:span 12;min-height:440px;padding:30px}.intro h1{font-size:clamp(36px,7.8vw,56px);letter-spacing:-1.7px;margin-top:26px;margin-bottom:20px;line-height:1.5}.intro-description{font-size:15px}.intro-location{display:block}.intro-bottom{padding-top:28px}.primary-link{font-size:13px;padding:14px 19px;gap:20px}.intro-kicker{font-size:12px}.material-card{grid-column:span 6;grid-row:span 2;min-height:250px}.material-top{padding:18px;font-size:12px;letter-spacing:0}.material-top>span:last-child{font-size:18px}.material-bottom{left:18px;right:18px;bottom:18px;font-size:16px;line-height:1.6}.material-number{font-size:40px}.material-card>img{object-position:60% center}.floating-label{padding:8px 11px;font-size:13px;border-radius:12px}.floating-label>span{font-size:12px}.label-one{top:25%;left:10%}.label-two{top:48%;right:9%;padding-left:27px}.label-two .label-cross{left:8px;top:8px;font-size:16px}.now-card,.practice-card{grid-column:span 6;min-height:118px;border-radius:22px;padding:18px;gap:10px;flex-wrap:wrap}.now-icon{height:31px;width:31px;border-radius:10px;font-size:19px}.now-card>div{flex:1}.micro-label{font-size:12px}.now-card p,.practice-card p{font-size:13px;line-height:1.6;margin-top:3px}.practice-year{font-size:25px}.practice-year>span{font-size:12px}.practice-lines{display:none}.practice-card{gap:6px 14px}.projects,.about{padding-top:57px}.section-heading{margin-bottom:23px;gap:16px}.section-heading h2{font-size:24px;letter-spacing:-1px}.section-heading>p{display:none}.eyebrow{font-size:12px;margin-bottom:10px}.eyebrow>span{font-size:12px}.project-grid{gap:15px}.project-card{padding:23px;min-height:395px}.space-project{grid-column:span 12;min-height:440px}.ai-project{grid-column:span 12}.seed-project,.binary-project{grid-column:span 6;min-height:370px;padding:19px}.project-name{font-size:24px;letter-spacing:-.7px}.project-desc{font-size:13px}.project-index{font-size:12px}.soft-tag,.glass-tag{font-size:12px;padding:7px 11px}.workflow-art{height:200px;max-width:370px;margin:2px auto 0}.chip-brief{left:2%}.chip-ai{left:39%;top:70px}.chip-output{left:18%;top:143px}.flow-chip{font-size:15px;padding:12px 17px 12px 47px}.chip-icon{left:16px}.chip-detail{font-size:12px}.chip-output .chip-icon{font-size:16px}.seed-project .soft-tag,.binary-project .soft-tag{font-size:12px;padding:5px 8px}.seed-project .circle-action,.binary-project .circle-action{width:28px;height:28px}.seed-project .circle-action .icon,.binary-project .circle-action .icon{width:14px;height:14px}.seed-project .project-name,.binary-project .project-name{font-size:20px}.seed-project .project-desc,.binary-project .project-desc{font-size:12px}.seed-art,.binary-art{height:190px}.seed-letters{font-size:56px}.seed-pill{padding:6px 9px;font-size:12px}.seed-pill-one{left:-3%;top:25%}.seed-pill-two{right:-1%;top:13%}.seed-pill-three{right:5%;bottom:20%}.seed-orbit{left:0%;width:100%}.code-window{left:0;right:-25%;top:38px;transform:rotate(-6deg);min-width:160px}.code-toolbar{font-size:12px;padding:10px;gap:15px}.code-layout{min-height:82px}.code-side{width:30px;padding:12px 8px}.code-lines{padding:12px 8px;gap:10px}.code-lines>span{font-size:12px;gap:6px}.window-dots{font-size:12px;letter-spacing:2px}.binary-badge{font-size:12px;padding:9px 11px;gap:7px;bottom:16px;right:-3px;transform:rotate(5deg)}.binary-badge>span{font-size:18px}.about-grid{grid-template-columns:1fr}.experience-card,.profile-card{padding:27px}.experience-panel{min-height:212px}.profile-card h3{font-size:28px}.profile-card>p{font-size:15px}.profile-monogram{font-size:84px;right:36px;top:28px}.tools{margin-top:23px}.profile-foot{margin-top:25px}.text-link{font-size:12px;gap:6px;white-space:nowrap}.text-link .icon{width:14px;height:14px}.contact{margin-top:43px;padding:30px;min-height:230px;gap:10px}.contact h2{font-size:24px;letter-spacing:-.7px;max-width:275px;line-height:1.65;margin-bottom:15px}.email-link{font-size:13px;gap:6px}.contact-orb{width:75px;height:75px;gap:6px}.contact-orb .icon{width:22px;height:22px}.contact-orb>span{font-size:12px}.contact-decoration{right:57px;bottom:-20px;font-size:175px}footer{padding-top:26px;padding-bottom:130px;align-items:flex-start;line-height:1.9}footer a>span{display:block;margin:0;font-size:12px}footer>span{font-size:12px;text-align:right;max-width:125px}.dock{bottom:20px;gap:3px;padding:6px;border-radius:21px}.dock>a{padding:12px 13px;gap:6px;font-size:12px;min-height:44px}.dock>a .icon{width:17px;height:17px}.dock-divider{margin:0 1px}dialog{padding:27px;border-radius:24px}dialog h2{font-size:27px}.dialog-intro{font-size:15px}.dialog-top{margin-top:18px}.dialog-number{font-size:38px}.dialog-facts>div{padding:14px 16px}}
@media(max-width:430px){.site-shell{padding:0 14px}.intro{padding:27px 25px;min-height:426px}.intro h1{font-size:36px;letter-spacing:-1.5px}.intro-description{font-size:14px}.intro-location{font-size:12px}.intro-kicker{font-size:12px}.now-card,.practice-card{padding:15px}.now-icon{display:none}.practice-year{font-size:26px}.material-number{display:none}.floating-label>span{display:none}.label-two{padding-left:28px}.label-one{top:31%}.label-two{top:55%}.section-heading h2{font-size:22px}.section-heading .text-link{font-size:12px}.seed-project,.binary-project{grid-column:span 12;min-height:382px;padding:23px}.seed-project .project-name,.binary-project .project-name{font-size:24px}.seed-project .project-desc,.binary-project .project-desc{font-size:13px}.seed-project .soft-tag,.binary-project .soft-tag{font-size:12px;padding:7px 11px}.seed-project .circle-action,.binary-project .circle-action{width:36px;height:36px}.seed-project .circle-action .icon,.binary-project .circle-action .icon{width:17px;height:17px}.seed-art{height:192px}.seed-letters{font-size:78px}.seed-pill{font-size:12px;padding:7px 12px}.seed-pill-one{left:11%;top:23%}.seed-pill-two{right:10%;top:14%}.seed-pill-three{right:15%;bottom:15%}.seed-orbit{left:13%;width:74%}.binary-art{height:192px}.code-window{left:3%;right:12%;top:22px}.code-toolbar{font-size:12px;padding:12px}.code-layout{min-height:96px}.code-side{width:40px;padding:14px 10px}.code-lines{padding:13px}.code-lines>span{font-size:12px;gap:10px}.binary-badge{right:3%;bottom:15px;font-size:12px;padding:12px 15px}.chip-ai{left:28%}.project-name{font-size:23px}.contact{padding:27px 24px;align-items:flex-end}.contact h2{font-size:23px;max-width:220px}.contact-orb{height:59px;width:59px;margin-bottom:4px}.contact-orb .icon{width:20px;height:20px}.contact-orb>span{font-size:12px}.email-link{font-size:12px;gap:3px}.email-link .icon{width:13px;height:13px}.experience-card,.profile-card{padding:25px}.experience-panel h3{font-size:24px}.experience-description{font-size:14px}.experience-panel{min-height:230px}.year-tabs>button{font-size:14px;gap:4px;padding:12px 5px}.year-tabs>button>span{font-size:12px}.dock>a{padding:12px 11px}.profile-monogram{font-size:75px;right:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal-ready{opacity:1;translate:none}[data-tilt]{transform:none!important}}
@media(pointer:coarse){[data-tilt]{transform:none!important}.project-card:hover{box-shadow:none}}

.material-card[data-tilt]{transition:transform .35s ease;transform:perspective(1100px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg))}.material-card .floating-label>span{font-size:12px}.project-desc{font-size:14px}.experience-description,.profile-card>p{font-size:16px}.dialog-intro{font-size:16px}.wordmark small{letter-spacing:.4px}.header{flex-wrap:wrap}.now-card>div,.practice-card>div{min-width:0}.year-tabs{flex-wrap:wrap}.contact>div{min-width:0}.email-link{overflow-wrap:anywhere}.project-card{overflow-wrap:anywhere}@media(max-width:760px){.material-top{font-size:12px}.floating-label>span{display:none}.year-tabs>button{min-width:52px}.intro-location{font-size:12px}.contact-orb>span{font-size:12px}.dock>a{font-size:12px}.contact{flex-wrap:wrap}.project-desc,.seed-project .project-desc,.binary-project .project-desc{font-size:14px}.code-toolbar{gap:12px}.code-lines>span{font-size:12px}}@media(max-width:430px){.wordmark small{display:none}.contact-orb{width:72px;height:72px}.contact h2{max-width:none}.contact>div{flex:1 1 220px}.contact-orb{margin-top:6px}.now-card p,.practice-card p{font-size:14px}.dock>a{padding:12px 9px}.dock>a .icon{width:16px;height:16px}.intro h1{font-size:clamp(30px,9.2vw,36px)}.profile-card h3{margin-right:50px}.year-tabs>button>span{display:none}}

/* Personal showcase: concise about section without resume modules. */
.header-center{margin-left:auto}.about-grid{grid-template-columns:1fr}.about-grid .profile-card{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:28px;padding:36px 42px}.about-grid .profile-card h3{margin:0}.about-grid .profile-card>p{margin:0;padding-right:65px}.about-grid .profile-monogram{font-size:62px;right:25px;top:30px;opacity:.65}.practice-year{color:var(--purple)}@media(max-width:760px){.about-grid .profile-card{grid-template-columns:1fr;padding:28px;gap:20px}.about-grid .profile-card>p{padding-right:0}.about-grid .profile-monogram{right:28px;top:24px;font-size:70px}.header-center{display:block;font-size:12px;letter-spacing:0}.header-center>span{margin:0 7px}}@media(max-width:380px){.header-center{font-size:12px}.header-center>span{margin:0 4px}}