:root{--fixed-nav-height:88px}html{scroll-padding-top:calc(var(--fixed-nav-height) + 22px)}.single-page{background:#0a0521}.single-page .fixed-header{position:fixed;top:0;left:0;right:0;z-index:100;background:#0a0521f0;backdrop-filter:blur(18px);border-bottom:1px solid #271c4780}.single-page .portfolio-header{max-width:1424px;height:var(--fixed-nav-height);min-height:var(--fixed-nav-height);margin:auto;padding:0 56px;border:0;flex-wrap:nowrap}.single-page .portfolio-header .brand{font-size:20px;gap:12px}.single-page .portfolio-header .brand small{font-size:9px;letter-spacing:.09em}.single-page .portfolio-header .portfolio-nav{width:auto;grid-template-columns:repeat(4,auto);border:0;background:transparent;padding:0;gap:6px;order:initial}.single-page .portfolio-header .portfolio-nav a{padding:0 15px;height:40px;min-height:40px;font-size:12px}.single-page .portfolio-header .portfolio-nav a>span:not(.nav-number){font-size:12px}.single-page .portfolio-header .portfolio-nav a[aria-current="location"]{background:#221a40;border-color:#332761;color:#e6e6e1}.single-page .portfolio-header .portfolio-nav a[aria-current="location"] .nav-number{color:#a19ac1}.reading-progress{position:absolute;bottom:-1px;left:0;right:0;height:2px;background:transparent}.reading-progress span{display:block;height:100%;background:#a49dc6;width:0;transition:width .1s linear}.single-content{padding-top:var(--fixed-nav-height)}.personal-section,.position-section,#design,#workflows,#experience,#workspace{scroll-margin-top:calc(var(--fixed-nav-height) + 22px)}.personal-hero{min-height:calc(100svh - var(--fixed-nav-height));position:relative;padding:clamp(64px,9vh,110px) 0 90px;display:flex;flex-direction:column;justify-content:center;isolation:isolate}.personal-hero:before{content:'';position:absolute;z-index:-1;right:-20px;top:12%;height:75%;width:55%;background:radial-gradient(ellipse at 70% 50%,#3e2f7518,transparent 68%);pointer-events:none}.personal-hero .eyebrow{font-size:10px;letter-spacing:.2em;margin-bottom:30px}.personal-hero h1{font-size:clamp(70px,8.8vw,132px);font-weight:600;line-height:1.12;letter-spacing:-.06em;margin:0 0 30px;max-width:1050px}.personal-hero h1>span{color:#8980b1;margin-left:2px}.personal-position{font-size:clamp(15px,1.5vw,20px);color:#e6e6e1;letter-spacing:.02em;line-height:1.7}.personal-position>span{color:#7e72a9;margin:0 12px}.personal-statement{font-size:clamp(18px,1.9vw,26px);font-weight:450;letter-spacing:-.02em;line-height:1.6;margin-top:19px}.personal-description{font-size:12px;color:#8d81b1;line-height:1.9;margin-top:15px}.personal-hero .actions{margin-top:27px;gap:15px}.hero-outline-button{min-height:44px;padding:12px 17px;display:inline-flex;gap:14px;align-items:center;border:1px solid #392a6a;border-radius:6px;color:#c7c2da;font-size:12px}.hero-outline-button .icon{width:17px;height:17px}.hero-outline-button:hover{background:#1e1637}.scroll-hint{position:absolute;left:0;bottom:25px;display:flex;gap:13px;align-items:center;color:#7566a2;font-size:10px}.scroll-hint .icon{width:15px;height:15px}.hero-index{position:absolute;bottom:27px;right:0;letter-spacing:.12em;color:#61548a;font-size:10px}.single-page .experience{padding:37px 0 39px}.section-marker{display:flex;gap:13px;align-items:center;margin-bottom:36px}.section-marker>span{border:1px solid #362967;border-radius:5px;display:grid;place-items:center;width:29px;height:27px;color:#b1abce;font-size:10px}.section-marker>p{font-size:10px;color:#897daf;letter-spacing:.14em}.position-section{border-top:1px solid var(--line);padding:64px 0 70px}.position-layout{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.position-copy h2{font-size:clamp(36px,3.8vw,53px);line-height:1.25;font-weight:550;letter-spacing:-.04em;margin-top:18px}.position-description{font-size:13px;line-height:1.9;color:#9a8fbb;margin-top:21px;max-width:410px}.position-copy .direction{margin-top:30px;margin-bottom:0;padding:3px 0 4px 20px}.direction h3{font-size:16px;font-weight:450;line-height:1.9;margin-top:12px}.direction h3 em{font-size:20px}.direction h3 span{color:#695c96;margin:0 8px}.position-copy .direction>p:not(.eyebrow){max-width:370px;font-size:11px}.position-copy .tags{margin-top:23px}.design-section{padding:64px 0 65px;border-top:1px solid var(--line)}.design-section .section-marker{margin-bottom:16px}.single-page .method-preview{border:0;padding:8px 0 30px;margin:0;grid-template-columns:1fr 2.7fr;gap:25px}.single-page .method-preview h2{font-size:21px;line-height:1.6;margin:9px 0 0}.single-page .method-preview ol{gap:17px}.single-page .method-preview li p{font-size:9px}.single-page .evidence{padding-top:26px}.single-page .evidence .section-title h2{font-size:31px;font-weight:500;margin-top:12px}.single-page .section-description{margin:15px 0 20px;font-size:12px}.single-page .evidence .case-tabs{margin-bottom:20px}.single-page .case-context{padding:22px}.single-page .design-stages{padding-top:28px;padding-bottom:28px}.single-page .workflow-result{padding-top:25px;padding-bottom:25px}#workflows{padding:64px 0 0;border-top:1px solid #3a2d60;background:transparent;--bg:#0a0521;--panel:#15102e;--panel2:#1d1439;--text:#e6e6e1;--muted:#aaa2cc;--line:#3a2d60;--sage:#b3b2fb;--blue:#ad9fce;--purple:#bbb0d2;--amber:#d6b37b;--font:Inter,'PingFang SC','Microsoft YaHei',system-ui,sans-serif}#workflows .section-marker{margin-bottom:30px}#workflows .workflow-entry{display:flex;justify-content:space-between;align-items:end;gap:30px;padding:0 0 30px}#workflows .workflow-entry h2{font-size:37px;line-height:1.4;letter-spacing:-.03em;font-weight:500;margin-top:12px}#workflows .workflow-entry p:not(.eyebrow){font-size:12px;color:#9387b5;line-height:1.9;margin-top:13px}#workflows .workflow-entry-actions{display:flex;flex-direction:column;gap:13px;align-items:flex-start;flex-shrink:0}#workflows .workflow-entry .text-button{font-size:11px}#workflows .case-section-heading{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #271c45;padding:22px 0 5px;gap:20px}#workflows .case-section-heading h2{font-size:22px;font-weight:500;line-height:1.5}#workflows .section-kicker{font-size:8px;letter-spacing:.12em;color:#7b6fa6;margin-bottom:8px}#workflows .workflow-section-actions p{font-size:10px;line-height:1.9;color:#9184b3}#workflows .workflow-section-actions .quiet{font-size:10px}#workflows .main{grid-template-columns:250px minmax(0,1fr);gap:28px}#workflows .intro{padding-top:6px}#workflows .intro-case h2{font-size:24px}#workflows .modal-head{height:auto;min-height:0;margin:0}#workflows dialog::backdrop{background:#06030ebf;backdrop-filter:blur(4px)}#workflows .office-note{margin-top:0}#workflows .case-tab strong{white-space:normal}.single-footer{margin-top:25px;padding:35px 0 32px;align-items:center;border-top:1px solid var(--line)}.single-footer strong{font-size:20px;color:#c6c2d9;font-weight:500}.single-footer p{font-size:10px;color:#7b6fa6;margin-top:9px}.single-footer>a{font-size:11px;color:#b5afcf}.single-footer>a .icon{transform:rotate(-90deg)}
@media(max-width:1100px){.single-page .portfolio-header{padding:0 32px;gap:20px}.single-page .portfolio-header .portfolio-nav a{padding:0 10px;font-size:11px}.single-page .portfolio-header .portfolio-nav a>span:not(.nav-number){font-size:11px}.personal-hero h1{font-size:clamp(74px,10vw,115px)}.position-layout{gap:33px}.position-copy .direction h3 em{font-size:18px}.single-page .method-preview{grid-template-columns:1fr;gap:22px}.single-page .method-preview>div{display:block}#workflows .main{grid-template-columns:220px minmax(0,1fr);gap:24px}#workflows .case-tab{padding:10px 8px;gap:7px}#workflows .case-tab strong{font-size:11px}}
@media(max-width:850px){#workflows .main{grid-template-columns:1fr}#workflows .intro{display:block}#workflows .intro-tables{display:none}#workflows .intro-case{max-width:620px}#workflows .case-nav{gap:7px}}
@media(max-width:780px){:root{--fixed-nav-height:126px}.single-page .portfolio-header{padding:15px 23px 12px;flex-wrap:wrap;gap:12px;align-content:center}.single-page .portfolio-header .brand{font-size:17px}.single-page .portfolio-header .brand img{width:27px;height:27px}.single-page .portfolio-header .brand small{font-size:8px;margin-top:5px}.single-page .portfolio-header .portfolio-nav{width:100%;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;padding:0}.single-page .portfolio-header .portfolio-nav a{padding:0 4px;height:35px;min-height:35px;gap:0}.single-page .portfolio-header .portfolio-nav a .nav-number{display:none}.single-page .portfolio-header .portfolio-nav a>span:not(.nav-number){font-size:10px}.personal-hero{min-height:calc(100svh - var(--fixed-nav-height));padding:52px 0 81px}.personal-hero .eyebrow{font-size:8px;margin-bottom:25px;letter-spacing:.13em}.personal-hero h1{font-size:clamp(55px,13.6vw,86px);line-height:1.2;letter-spacing:-.06em;margin-bottom:27px}.personal-position{font-size:12px}.personal-position>span{margin:0 5px}.personal-statement{font-size:18px;max-width:310px;margin-top:19px}.personal-description{font-size:11px;max-width:360px;margin-top:14px}.personal-hero .actions{gap:11px;align-items:flex-start;flex-wrap:wrap}.personal-hero .button,.personal-hero .hero-outline-button{font-size:11px;min-height:42px;padding:11px 13px;gap:12px}.personal-hero .hero-outline-button .icon{width:14px}.scroll-hint{font-size:8px;bottom:24px}.hero-index{font-size:8px}.single-page .experience{padding:26px 0 30px}.section-marker{margin-bottom:25px}.section-marker p{font-size:9px;letter-spacing:.1em}.position-section,.design-section,#workflows{padding-top:39px}.position-section{padding-bottom:41px}.position-layout{grid-template-columns:1fr;gap:31px}.position-copy h2{font-size:36px}.position-description{font-size:12px}.position-copy .direction{margin-top:22px}.direction h3{font-size:14px}.position-copy .direction h3 em{font-size:19px}.position-copy .tags{gap:7px}.position-copy .tags span{font-size:9px;padding:5px 8px}.design-section{padding-bottom:40px}.single-page .method-preview{padding:5px 0 25px;grid-template-columns:1fr;gap:22px}.single-page .method-preview h2{font-size:19px}.single-page .method-preview ol{grid-template-columns:1fr 1fr;gap:22px 17px}.single-page .method-preview li strong{font-size:12px}.single-page .evidence{padding-top:22px}.single-page .evidence .section-title h2{font-size:24px;line-height:1.5}.single-page .section-description{font-size:11px}.single-page .case-context{padding:17px}.single-page .design-stages{padding:21px 18px}.single-page .workflow-result{padding:21px 18px}#workflows .workflow-entry{align-items:flex-start;flex-direction:column;gap:20px;padding-bottom:26px}#workflows .workflow-entry h2{font-size:26px}#workflows .workflow-entry p:not(.eyebrow){font-size:11px}#workflows .workflow-entry-actions{flex-direction:row;align-items:center;gap:18px}#workflows .workflow-entry .primary{font-size:10px;padding:11px 12px}#workflows .workflow-entry .text-button{font-size:9px}#workflows .case-section-heading{align-items:flex-start;flex-direction:column;gap:11px;padding-top:21px}#workflows .case-section-heading h2{font-size:20px}#workflows .workflow-section-actions{flex-direction:row;align-items:center;gap:12px}#workflows .workflow-section-actions p{font-size:9px}#workflows .case-nav{grid-template-columns:repeat(3,minmax(0,1fr));padding-top:15px;gap:7px}#workflows .case-tab{min-height:57px;padding:8px;gap:6px}#workflows .case-tab .icon{width:16px;height:16px}#workflows .case-tab strong{font-size:10px}#workflows .case-tab small{font-size:7px}#workflows .workspace-tabs{gap:12px}#workflows .workspace-tabs>button{font-size:10px}#workflows .tab-count{font-size:8px}.single-footer{padding:28px 0;margin-top:15px}.single-footer strong{font-size:17px}.single-footer p{font-size:9px}.single-footer>a{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reading-progress span{transition:none}}

html{scroll-padding-top:0}
@media(max-width:780px){.personal-hero h1{font-size:clamp(46px,12.8vw,86px)}}