:root{--black:#08090b;--ink:#161719;--paper:#edf0ee;--paper-ui:#e7e5f4;--paper-web:#e5edf1;--paper-brand:#f0e7df;--paper-poster:#e8ebdf;--acid:#cfff38;--cyan:#4bb9ef;--pink:#ff5c92;--serif:"Songti SC","STSong",Georgia,serif;--sans:Arial,"PingFang SC","Microsoft YaHei",sans-serif;--mono:"SFMono-Regular",Consolas,monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100svh;overflow:hidden;color:var(--ink);background:var(--black);font-family:var(--sans)}body::before{content:"";position:fixed;inset:0;z-index:1000;pointer-events:none;opacity:.08;background-image:radial-gradient(#fff .45px,transparent .45px);background-size:4px 4px;mix-blend-mode:soft-light}button,a{color:inherit;font:inherit}button{cursor:pointer}a{text-decoration:none}img{display:block;width:100%}
.folder-loader{position:fixed;inset:0;z-index:999;display:grid;place-items:center;color:#111;background:var(--paper);transition:transform .72s cubic-bezier(.76,0,.22,1)}.folder-loader span{font:11px var(--mono);letter-spacing:.13em}.folder-loader i{position:absolute;left:10vw;right:10vw;bottom:34px;height:3px;background:#111;transform:scaleX(0);transform-origin:left;animation:loaderLine .72s ease forwards}.folder-loader.is-done{transform:translateY(-102%)}@keyframes loaderLine{to{transform:scaleX(1)}}
.global-bar{height:58px;position:relative;z-index:80;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 3vw;color:#fff;border-bottom:1px solid #2d2f33}.identity-mark{justify-self:start;display:flex;align-items:center;gap:10px}.identity-mark b{width:32px;height:32px;display:grid;place-items:center;border:1px solid #777;font-family:var(--serif);font-size:20px;font-weight:400}.identity-mark span,.global-bar p,.global-bar>a:last-child{font-size:8px;line-height:1.15;letter-spacing:.15em}.global-bar p{margin:0;color:#aeb1b6}.global-bar p i{display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:var(--acid);box-shadow:0 0 11px var(--acid)}.global-bar>a:last-child{justify-self:end}
.workspace{height:calc(100svh - 58px);position:relative;display:grid;place-items:center;padding:18px 90px 18px 30px}.folder-stack{position:absolute;width:min(1160px,calc(100vw - 160px));height:calc(100% - 52px);border-radius:3px;background:#26292d}.stack-a{transform:translate(18px,10px) rotate(.4deg)}.stack-b{background:#15171a;transform:translate(30px,19px) rotate(-.45deg)}
.folder-shell{--tilt-x:0deg;--tilt-y:0deg;width:min(1160px,calc(100vw - 160px));height:calc(100% - 36px);min-height:620px;position:relative;z-index:2;transform:perspective(1500px) rotateX(var(--tilt-y)) rotateY(var(--tilt-x));transform-style:preserve-3d;transition:transform .22s ease-out}.folder-panel{--mouse-x:50%;--mouse-y:50%;height:100%;position:absolute;inset:0;overflow:auto;padding:28px 34px 22px;background:var(--paper);clip-path:polygon(0 0,calc(100% - 30px) 0,100% 30px,100% 100%,0 100%);box-shadow:0 20px 70px rgba(0,0,0,.42);opacity:0;transform:translateY(14px) scale(.99);pointer-events:none;transition:opacity .35s,transform .45s cubic-bezier(.2,.75,.2,1);scrollbar-width:thin}.folder-panel::before{content:"";position:absolute;z-index:0;width:340px;height:340px;left:var(--mouse-x);top:var(--mouse-y);border-radius:50%;pointer-events:none;opacity:.1;background:radial-gradient(circle,rgba(207,255,56,.5),transparent 68%);filter:blur(3px);transform:translate(-50%,-50%);transition:opacity .35s}.folder-panel:hover::before{opacity:.2}.folder-panel.is-active{opacity:1;transform:none;pointer-events:auto}.ui-panel{background:var(--paper-ui)}.web-panel{background:var(--paper-web)}.brand-panel{background:var(--paper-brand)}.poster-panel{background:var(--paper-poster)}
.folder-panel{overflow-x:hidden}
.folder-tabs{position:absolute;z-index:20;right:-64px;top:22px;width:66px;display:grid;gap:4px}.folder-tab{width:66px;height:104px;display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 0;border:0;border-radius:0 15px 15px 0;background:#d8d9d5;color:#55585b;font-size:9px;font-weight:800;letter-spacing:.07em;writing-mode:vertical-rl;transition:transform .25s,background .25s,color .25s}.folder-tab span{color:#8b8e90;font:8px var(--mono)}.folder-tab:nth-child(2){background:#d6d2e9}.folder-tab:nth-child(3){background:#d2e2e9}.folder-tab:nth-child(4){background:#eadbd0}.folder-tab:nth-child(5){background:#dce2cd}.folder-tab:hover,.folder-tab.is-active{transform:translateX(8px);color:#111}.folder-tab.is-active{box-shadow:6px 0 0 var(--acid)}
.panel-dots{position:absolute;inset:165px 28px 150px;opacity:.45;pointer-events:none;background-image:radial-gradient(#444 1px,transparent 1px);background-size:155px 155px}.paper-label{position:absolute;z-index:3;left:0;top:0;width:120px;height:52px;display:flex;align-items:center;justify-content:center;gap:13px;background:#f7f4eb;box-shadow:0 4px 12px rgba(0,0,0,.08);transform:rotate(-1deg);font:9px var(--mono)}.paper-label i{width:9px;height:26px;border:1px solid #777;border-radius:8px;transform:rotate(-7deg)}
.about-header{position:relative;z-index:2;display:grid;grid-template-columns:.45fr 1.55fr;align-items:start;padding:3px 0 0}.about-header>p{margin:62px 0 0;font:9px var(--mono);letter-spacing:.08em}.about-header h1{grid-column:1/-1;justify-self:center;margin:-23px 0 0;font-size:clamp(72px,8.6vw,128px);line-height:.85;letter-spacing:-.075em}.about-intro{grid-column:2;width:54%;justify-self:center;margin-top:70px}.about-intro>span{font:9px var(--mono);letter-spacing:.08em}.about-intro p{margin:19px 0 22px;font-size:13px;line-height:1.75}.about-intro button{width:160px;height:42px;display:flex;justify-content:space-between;align-items:center;padding:0 13px;border:1px solid #111;background:transparent;font-size:9px;font-weight:800;letter-spacing:.08em;transition:background .25s,color .25s}.about-intro button:hover{color:#000;background:var(--acid)}
.profile-composition{width:460px;height:310px;position:relative;z-index:2;margin:16px auto 0}.profile-work{position:absolute;margin:0;padding:6px 6px 24px;border:1px solid #1a1a1a;background:#f8f6ef;box-shadow:0 15px 34px rgba(0,0,0,.18)}.profile-work img{height:100%;object-fit:cover}.work-one{width:225px;height:270px;left:18px;top:20px;transform:rotate(-5deg)}.work-one img{object-position:55% center}.work-two{width:250px;height:205px;right:12px;top:55px;transform:rotate(6deg)}.profile-seal{position:absolute;z-index:3;left:188px;top:0;width:94px;height:94px;display:grid;place-items:center;border-radius:50%;color:#050505;background:var(--pink);box-shadow:5px 5px 0 var(--cyan);transform:rotate(-5deg)}.profile-seal small{position:absolute;top:13px;font:7px var(--mono);text-align:center}.profile-seal strong{margin-top:12px;font-family:var(--serif);font-size:37px;font-weight:400}.profile-seal span{position:absolute;bottom:10px;font:8px var(--mono)}.hand-note{position:absolute;right:-96px;bottom:19px;margin:0;font:italic 14px var(--serif);transform:rotate(-8deg)}
.about-index{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:12px 0 36px;border-top:1px solid #bbbebc;padding-top:14px}.about-index div{display:grid;grid-template-columns:46px 1fr;gap:4px 10px}.about-index span{grid-row:1/3;font:9px var(--mono)}.about-index b{font-size:12px}.about-index p{margin:0;color:#65686b;font-size:10px;line-height:1.5}
.file-footer{min-height:28px;display:flex;align-items:end;justify-content:space-between;gap:24px;border-top:1px solid #c3c5c2;padding-top:10px;font:8px var(--mono);letter-spacing:.08em}.about-panel .file-footer{position:absolute;left:34px;right:34px;bottom:22px}
.work-header{display:grid;grid-template-columns:1.1fr .7fr auto;gap:36px;align-items:end;padding-bottom:20px;border-bottom:1px solid #aeb1ae}.work-header>div:first-child span{font:9px var(--mono);letter-spacing:.07em}.work-header h2{margin:4px 0 -12px;font-size:clamp(62px,7.2vw,108px);line-height:.9;letter-spacing:-.065em}.work-header>p{margin:0;max-width:350px;font-size:11px;line-height:1.7}.view-controls{display:flex;gap:8px}.view-controls button{border:0;border-bottom:1px solid transparent;padding:3px 0;background:none;color:#717478;font:9px var(--mono)}.view-controls button.is-active{color:#111;border-color:#111}
.works-layout{min-height:calc(100% - 165px);display:grid;grid-template-columns:1.18fr .82fr .82fr;gap:25px;align-items:start;padding:30px 0 26px;transition:.35s}.work-card{min-width:0}.work-open{width:100%;display:grid;grid-template-columns:36px 1fr;gap:7px;padding:0;border:0;background:none;text-align:left}.work-no{padding-top:2px;font:9px var(--mono)}.work-open figure{grid-column:2;height:245px;margin:0;overflow:hidden;background:#cbd0cd}.work-open img{height:100%;object-fit:cover;filter:saturate(.86);transition:transform .75s cubic-bezier(.2,.75,.2,1),filter .35s}.work-open>div{grid-column:2;display:grid;grid-template-columns:1fr auto;gap:2px 10px;padding-top:8px;border-top:1px solid #555}.work-open h3{margin:0;font-size:15px;line-height:1.1}.work-open p{grid-column:1;margin:2px 0 0;font:8px var(--mono)}.work-open b{grid-column:2;grid-row:1/3;align-self:center;font:8px var(--mono);opacity:0;transform:translateX(-7px);transition:.25s}.work-open:hover img{transform:scale(1.045);filter:saturate(1.08)}.work-open:hover b{opacity:1;transform:none}.card-wide .work-open figure{height:315px}.card-tall .work-open figure{height:360px}.card-tall .work-open img{object-position:center top}
.works-layout.is-list{display:block;padding-top:18px}.is-list .work-card{border-bottom:1px solid #aeb1ae}.is-list .work-open{grid-template-columns:50px 110px 1fr;align-items:center;padding:12px 0}.is-list .work-no{padding:0}.is-list .work-open figure,.is-list .card-wide .work-open figure,.is-list .card-tall .work-open figure{grid-column:2;grid-row:1;width:110px;height:72px}.is-list .work-open>div{grid-column:3;grid-row:1;border:0;padding:0}.work-panel>.file-footer{margin-top:auto}
.web-archive{min-height:calc(100% - 170px);display:grid;grid-template-columns:.7fr 1.3fr;gap:30px;padding:36px 0 26px}.web-statement{align-self:center}.web-statement>span{color:#477e99;font:9px var(--mono)}.web-statement h3{margin:17px 0 22px;font-family:var(--serif);font-size:clamp(49px,5.5vw,80px);font-weight:400;line-height:.9;letter-spacing:-.05em}.web-statement p{max-width:370px;color:#585d61;font-size:11px;line-height:1.8}.web-statement i{display:inline-flex;align-items:center;gap:8px;margin-top:20px;color:#385d43;font:normal 8px var(--mono);letter-spacing:.09em}.web-statement i::before{content:"";width:7px;height:7px;border-radius:50%;background:#24a15c;box-shadow:0 0 0 5px rgba(36,161,92,.12)}.browser-sheet{align-self:center;border:1px solid #22272c;background:#0f1115;color:#fff;box-shadow:13px 13px 0 rgba(75,185,239,.22);transform:rotate(1deg)}.browser-bar{height:34px;display:flex;align-items:center;gap:6px;padding:0 11px;border-bottom:1px solid #363a40}.browser-bar i{width:6px;height:6px;border:1px solid #777;border-radius:50%}.browser-bar span{margin-left:5px;color:#71767e;font:7px var(--mono)}.browser-canvas{height:360px;position:relative;overflow:hidden;padding:26px;background:linear-gradient(135deg,#111319 52%,#1d2026 52%)}.browser-canvas::after{content:"";position:absolute;width:180px;height:180px;left:35%;top:32%;border-radius:50%;background:rgba(207,255,56,.2);filter:blur(34px)}.browser-canvas b{color:var(--cyan);font-size:52px}.browser-canvas h4{position:absolute;z-index:2;right:22px;top:17px;margin:0;font-size:clamp(42px,4vw,66px);line-height:.75;letter-spacing:-.06em;text-align:right}.browser-canvas>span{position:absolute;left:26px;bottom:24px;color:var(--pink);font:8px var(--mono)}.browser-canvas em{position:absolute;z-index:2;width:54px;height:54px;display:grid;place-items:center;border:1px solid #777;border-radius:50%;font:normal 8px var(--mono)}.browser-canvas em:nth-of-type(1){left:29%;top:31%;color:var(--acid)}.browser-canvas em:nth-of-type(2){right:13%;bottom:22%;color:var(--pink);border-radius:8px;transform:rotate(-8deg)}.incoming-files{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #aeb6ba;border-bottom:1px solid #aeb6ba}.incoming-files span{min-height:42px;display:flex;align-items:center;padding:0 12px;border-right:1px solid #aeb6ba;font:8px var(--mono)}.incoming-files span:last-child{border-right:0;color:#777}
.project-dialog{width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:72px 3vw 28px;border:0;color:#fff;background:#0a0b0d;opacity:0;transform:translateY(3%);transition:opacity .3s,transform .4s}.project-dialog[open]{display:grid;grid-template-columns:.55fr 1.45fr;gap:4vw;opacity:1;transform:none}.project-dialog::backdrop{background:rgba(0,0,0,.85)}.dialog-close{position:fixed;z-index:3;right:24px;top:20px;height:38px;padding:0 15px;border:0;background:var(--acid);font:9px var(--mono)}.dialog-copy{position:sticky;top:88px;align-self:start}.dialog-count,.dialog-type{color:var(--acid);font:9px var(--mono);letter-spacing:.09em}.dialog-copy h2{margin:38px 0 25px;font-family:var(--serif);font-size:clamp(58px,7vw,112px);font-weight:400;line-height:.86;letter-spacing:-.06em}.dialog-description{max-width:430px;color:#adb0b5;font-size:13px;line-height:1.8}.dialog-next{margin-top:34px;border:0;border-bottom:1px solid var(--acid);padding:7px 0;color:var(--acid);background:none;font:9px var(--mono)}.dialog-gallery{display:grid;gap:18px}.dialog-gallery figure{margin:0;padding:7px;background:#e6e4dd}.dialog-gallery img{max-height:78vh;object-fit:contain}

/* Personal cover */
.profile-cover{height:calc(100% - 45px);min-height:700px;position:relative;z-index:2;display:grid;grid-template-rows:34px 1.08fr .92fr 44px 31px}.cover-topline{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #b7bab8;font:8px var(--mono);letter-spacing:.1em}.cover-hero{display:grid;grid-template-columns:1.18fr .82fr;border-bottom:1px solid #aeb1af}.name-lockup{position:relative;display:flex;align-items:center;padding:16px 0 8px}.name-lockup>span{position:absolute;left:3px;top:22px;font-family:var(--serif);font-size:15px;letter-spacing:.32em;writing-mode:vertical-rl}.name-lockup h1{margin:0 0 0 48px;font-size:clamp(84px,8.2vw,126px);font-weight:800;line-height:.66;letter-spacing:-.085em}.name-lockup h1 i{color:transparent;font-style:normal;-webkit-text-stroke:1.2px var(--ink);text-stroke:1.2px var(--ink)}.profile-brief{align-self:center;padding:24px 0 22px 40px;border-left:1px solid #aeb1af}.profile-brief>span{font:8px var(--mono);letter-spacing:.1em}.profile-brief h2{margin:26px 0 20px;font-family:var(--serif);font-size:clamp(24px,2.2vw,34px);font-weight:400;line-height:1.35}.profile-brief>p{max-width:390px;margin:0;color:#505457;font-size:11px;line-height:1.8}.profile-actions{display:flex;align-items:center;gap:22px;margin-top:26px}.profile-actions button{height:42px;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:0 13px;border:1px solid #111;background:var(--acid);font:8px var(--mono);letter-spacing:.06em}.profile-actions a{border-bottom:1px solid #111;padding:7px 0;font:8px var(--mono)}.profile-information{display:grid;grid-template-columns:1.2fr .8fr;min-height:0;border-bottom:1px solid #aeb1af}.profile-facts{display:grid;grid-template-columns:1fr 1fr;margin:0}.profile-facts div{padding:18px 20px 14px 0;border-right:1px solid #aeb1af;border-bottom:1px solid #c5c8c6}.profile-facts div:nth-child(even){padding-left:20px}.profile-facts div:nth-last-child(-n+2){border-bottom:0}.profile-facts dt{margin-bottom:12px;color:#74787b;font:8px var(--mono);letter-spacing:.08em}.profile-facts dd{margin:0;font-size:11px;font-weight:700;line-height:1.55}.profile-signature{position:relative;overflow:hidden;padding:18px 22px;color:#f3f3ed;background:#111316}.profile-signature::before{content:"";position:absolute;width:150px;height:150px;right:-28px;top:-42px;border:1px solid #4d5154;border-radius:50%}.profile-signature::after{content:"";position:absolute;width:10px;height:10px;right:115px;top:28px;border-radius:50%;background:var(--acid);box-shadow:0 0 18px var(--acid)}.signature-no{color:var(--acid);font:8px var(--mono)}.profile-signature strong{position:absolute;right:18px;top:4px;color:#fafaf5;font-family:var(--serif);font-size:96px;font-weight:400;line-height:1;opacity:.13}.profile-signature p{max-width:260px;margin:34px 0 18px;font-family:var(--serif);font-size:22px}.profile-signature small{color:#94999e;font-size:9px;line-height:1.8}.profile-signature i{position:absolute;left:22px;bottom:18px;color:var(--acid);font:normal 8px var(--mono);letter-spacing:.08em}.profile-highlights{display:grid;grid-template-columns:repeat(3,1fr);align-items:center}.profile-highlights span{height:100%;display:flex;align-items:center;padding:0 14px;border-right:1px solid #b7bab8;font:8px var(--mono);letter-spacing:.04em}.profile-highlights span:first-child{padding-left:0}.profile-highlights span:last-child{border-right:0}.cover-marquee{overflow:hidden;color:#0a0b0c;background:var(--acid);font:8px/31px var(--mono);white-space:nowrap}.cover-marquee div{width:max-content;animation:coverTicker 22s linear infinite}@keyframes coverTicker{to{transform:translateX(-50%)}}
.cover-topline{padding-left:96px}

/* Motion layer: tactile without disturbing the file-system layout. */
.profile-seal{animation:sealFloat 4.8s ease-in-out infinite}.hand-note{animation:noteDrift 5.4s ease-in-out infinite}.folder-panel.is-entering{animation:fileEnter .62s cubic-bezier(.16,.78,.25,1) both}.folder-panel.is-entering .work-header,.folder-panel.is-entering .about-header,.folder-panel.is-entering .web-statement{animation:contentRise .6s .08s cubic-bezier(.16,.78,.25,1) both}.folder-panel.is-entering .work-card:nth-child(1),.folder-panel.is-entering .profile-composition,.folder-panel.is-entering .browser-sheet{animation:contentRise .62s .14s cubic-bezier(.16,.78,.25,1) both}.folder-panel.is-entering .work-card:nth-child(2),.folder-panel.is-entering .about-index{animation:contentRise .62s .21s cubic-bezier(.16,.78,.25,1) both}.folder-panel.is-entering .work-card:nth-child(3),.folder-panel.is-entering .incoming-files{animation:contentRise .62s .28s cubic-bezier(.16,.78,.25,1) both}.folder-tab.tab-hit{animation:tabTap .42s cubic-bezier(.2,.9,.25,1)}
.work-card{--card-rx:0deg;--card-ry:0deg;--card-lift:0px;transform:perspective(900px) translateY(var(--card-lift)) rotateX(var(--card-ry)) rotateY(var(--card-rx));transform-style:preserve-3d;transition:transform .24s ease-out,filter .3s}.work-card:hover{--card-lift:-5px;filter:drop-shadow(0 15px 14px rgba(20,20,20,.14))}.work-no{transition:transform .3s,color .3s}.work-open figure{position:relative}.work-open figure::after{content:"VIEW CASE ↗";position:absolute;inset:auto 0 0;display:flex;align-items:center;height:32px;padding:0 10px;color:#070809;background:var(--acid);font:8px var(--mono);letter-spacing:.08em;transform:translateY(102%);transition:transform .32s cubic-bezier(.2,.8,.2,1)}.work-open:hover img{transform:scale(1.07) rotate(.35deg);filter:saturate(1.08)}.work-open:hover figure::after{transform:none}.work-open:hover .work-no{color:#436000;transform:translateX(4px)}
.browser-sheet{transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}.browser-sheet:hover{transform:rotate(-.4deg) translateY(-6px);box-shadow:18px 18px 0 rgba(75,185,239,.3)}.browser-canvas::after{animation:webGlow 4.5s ease-in-out infinite}.browser-canvas em:nth-of-type(1){animation:orbitA 5.6s ease-in-out infinite}.browser-canvas em:nth-of-type(2){animation:orbitB 6.4s ease-in-out infinite}.incoming-files span{position:relative;overflow:hidden;transition:color .3s}.incoming-files span::before{content:"";position:absolute;inset:0;background:var(--acid);transform:translateX(-102%);transition:transform .35s cubic-bezier(.2,.8,.2,1)}.incoming-files span:hover::before{transform:none}.incoming-files span:hover{color:#090a0b}.incoming-files span{isolation:isolate}.incoming-files span::before{z-index:-1}
.magnetic{will-change:transform}.dialog-gallery figure{opacity:.28;transform:translateY(30px);transition:opacity .65s,transform .65s cubic-bezier(.2,.75,.2,1)}.dialog-gallery figure.in-view{opacity:1;transform:none}.cursor-dot,.cursor-ring{position:fixed;z-index:1200;left:0;top:0;pointer-events:none;border-radius:50%;opacity:0;transform:translate(-50%,-50%);transition:opacity .2s,width .2s,height .2s,background .2s,border-color .2s}.cursor-dot{width:5px;height:5px;background:var(--acid);mix-blend-mode:difference}.cursor-ring{width:30px;height:30px;border:1px solid rgba(255,255,255,.72);mix-blend-mode:difference}.motion-ready.cursor-visible .cursor-dot,.motion-ready.cursor-visible .cursor-ring{opacity:1}.motion-ready.cursor-over .cursor-ring{width:46px;height:46px;border-color:var(--acid);background:rgba(207,255,56,.14)}
.folder-panel.is-entering .cover-topline{animation:contentRise .5s .04s cubic-bezier(.16,.78,.25,1) both}.folder-panel.is-entering .cover-hero{animation:contentRise .62s .1s cubic-bezier(.16,.78,.25,1) both}.folder-panel.is-entering .profile-information{animation:contentRise .62s .18s cubic-bezier(.16,.78,.25,1) both}.folder-panel.is-entering .profile-highlights,.folder-panel.is-entering .cover-marquee{animation:contentRise .55s .26s cubic-bezier(.16,.78,.25,1) both}
@keyframes fileEnter{0%{opacity:0;transform:translate3d(var(--enter-x,28px),18px,0) rotate(var(--enter-r,1deg)) scale(.985)}100%{opacity:1;transform:none}}@keyframes contentRise{0%{opacity:0;transform:translateY(22px)}100%{opacity:1;transform:none}}@keyframes tabTap{0%,100%{filter:none}45%{filter:brightness(1.12);transform:translateX(13px) scale(.97)}}@keyframes sealFloat{0%,100%{transform:rotate(-5deg) translateY(0)}50%{transform:rotate(2deg) translateY(-7px)}}@keyframes noteDrift{0%,100%{transform:rotate(-8deg) translate(0,0)}50%{transform:rotate(-5deg) translate(5px,-3px)}}@keyframes webGlow{0%,100%{transform:translate(-8px,4px) scale(.92);opacity:.62}50%{transform:translate(28px,-18px) scale(1.18);opacity:1}}@keyframes orbitA{0%,100%{transform:translate(0,0)}50%{transform:translate(18px,-9px)}}@keyframes orbitB{0%,100%{transform:rotate(-8deg) translate(0,0)}50%{transform:rotate(5deg) translate(-15px,9px)}}
@media(max-width:900px){body{overflow:auto}.workspace{min-height:calc(100svh - 58px);height:auto;padding:62px 14px 14px}.folder-stack{display:none}.folder-shell{width:100%;height:calc(100svh - 88px);min-height:650px}.folder-tabs{left:0;right:0;top:-48px;width:100%;display:flex;gap:3px;overflow-x:auto;scrollbar-width:none}.folder-tabs::-webkit-scrollbar{display:none}.folder-tab{flex:1 0 92px;width:auto;height:49px;border-radius:10px 10px 0 0;writing-mode:horizontal-tb}.folder-tab:hover,.folder-tab.is-active{transform:translateY(-5px)}.folder-tab.is-active{box-shadow:0 -4px 0 var(--acid)}.folder-panel{padding:24px 20px 18px;clip-path:none}.about-header h1{font-size:83px}.about-intro{width:75%}.works-layout{grid-template-columns:1fr 1fr}.card-wide{grid-column:1/-1}.work-header{grid-template-columns:1fr auto}.work-header>p{grid-column:1}.web-archive{grid-template-columns:1fr}.web-statement{display:grid;grid-template-columns:.8fr 1.2fr;gap:14px 30px;align-items:end}.web-statement>span{grid-column:1/-1}.web-statement h3{margin:0}.web-statement p{margin:0}.web-statement i{grid-column:2;margin:0}}
@media(max-width:620px){.global-bar{grid-template-columns:1fr auto;padding:0 14px}.global-bar p{display:none}.identity-mark span{font-size:7px}.workspace{padding:57px 8px 8px}.folder-shell{height:calc(100svh - 74px);min-height:610px}.folder-panel{padding:20px 14px 16px}.folder-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;overflow:visible}.folder-tab{width:100%;min-width:0;height:49px;padding:0 2px;gap:4px;font-size:7px;letter-spacing:.03em}.folder-tab span{font-size:6px}.paper-label{width:100px;height:42px}.panel-dots{inset:140px 14px 120px;background-size:90px 90px}.about-header{display:block;padding-top:40px}.about-header>p{margin:10px 0 0}.about-header h1{margin:14px 0 0;font-size:55px}.about-intro{width:100%;margin-top:32px}.about-intro p{font-size:12px}.profile-composition{width:100%;height:245px;margin-top:20px}.work-one{width:52%;height:220px;left:4px}.work-two{width:55%;height:170px;right:3px}.profile-seal{left:43%;width:72px;height:72px}.profile-seal strong{font-size:29px}.hand-note{right:0;bottom:2px;font-size:11px}.about-index{grid-template-columns:1fr;gap:10px;margin-bottom:50px}.about-index div{grid-template-columns:38px 1fr}.about-index p{display:none}.about-panel .file-footer{left:14px;right:14px;bottom:14px}.file-footer{flex-wrap:wrap;row-gap:5px}.work-header{grid-template-columns:1fr auto;gap:15px}.work-header>p{grid-column:1/-1}.work-header h2{font-size:56px}.works-layout{display:block;padding-top:20px}.work-card{margin-bottom:24px}.work-open figure,.card-wide .work-open figure,.card-tall .work-open figure{height:210px}.work-open{grid-template-columns:28px 1fr}.works-layout.is-list .work-open{grid-template-columns:36px 80px 1fr}.is-list .work-open figure,.is-list .card-wide .work-open figure,.is-list .card-tall .work-open figure{width:80px;height:60px}.web-archive{display:block;padding-top:22px}.web-statement{display:block}.web-statement h3{font-size:48px}.browser-sheet{margin-top:28px}.browser-canvas{height:260px;padding:18px}.browser-canvas b{font-size:36px}.browser-canvas h4{font-size:39px}.incoming-files{grid-template-columns:1fr;margin-top:20px}.incoming-files span{border-right:0;border-bottom:1px solid #aeb6ba}.incoming-files span:last-child{border-bottom:0}.project-dialog{padding:65px 14px 20px}.project-dialog[open]{display:block}.dialog-copy{position:relative;top:auto;margin-bottom:35px}.dialog-copy h2{font-size:58px}}
@media(max-width:620px){.profile-cover{height:auto;min-height:0;display:block;padding-top:38px}.cover-topline{height:30px}.cover-hero{display:block}.name-lockup{min-height:202px;padding:20px 0 8px}.name-lockup>span{top:28px}.name-lockup h1{margin-left:28px;font-size:72px;line-height:.69}.profile-brief{padding:25px 0 28px;border-top:1px solid #aeb1af;border-left:0}.profile-brief h2{margin:20px 0 16px;font-size:25px}.profile-brief>p{font-size:11px}.profile-actions{gap:16px}.profile-actions button{gap:14px}.profile-information{display:block}.profile-facts{grid-template-columns:1fr 1fr}.profile-facts div,.profile-facts div:nth-child(even){min-height:105px;padding:14px 10px 12px 0}.profile-facts div:nth-child(even){padding-left:10px}.profile-facts dd{font-size:9px}.profile-signature{height:250px}.profile-signature p{font-size:24px}.profile-highlights{display:block;padding:10px 0}.profile-highlights span,.profile-highlights span:first-child{height:34px;padding:0;border:0;border-bottom:1px solid #c8cbc9}.profile-highlights span:last-child{border-bottom:0}.cover-marquee{margin-top:4px}.about-panel .file-footer{position:relative;left:auto;right:auto;bottom:auto;margin-top:22px}}
@media(max-width:620px){.cover-topline{padding-left:102px}.cover-topline span:last-child{display:none}}
/* Impact cover v4 */
.profile-cover{grid-template-rows:34px 1.38fr .62fr 44px 31px}.cover-hero{position:relative;display:block;overflow:hidden;color:#f8f8f3;background:#0b0c0e;border-bottom:0}.cover-hero::before{content:"";position:absolute;width:270px;height:270px;right:-62px;top:-92px;border:1px solid #5f6469;border-radius:50%;box-shadow:0 0 0 44px rgba(255,255,255,.025),0 0 0 86px rgba(255,255,255,.018)}.cover-hero::after{content:"";position:absolute;width:62%;height:18px;right:-11%;top:25%;background:var(--cyan);transform:rotate(-16deg);box-shadow:0 28px 0 var(--pink);opacity:.92}.name-lockup{position:absolute;z-index:2;inset:0;display:block;padding:0}.name-lockup>span{left:20px;top:20px;color:var(--acid);font:12px var(--serif);letter-spacing:.42em}.name-lockup h1{position:absolute;left:20px;bottom:44px;margin:0;font-size:clamp(120px,11.3vw,178px);line-height:.62;letter-spacing:-.09em;color:#f4f4ef}.name-lockup h1 i{-webkit-text-stroke:1.35px #f4f4ef;text-stroke:1.35px #f4f4ef}.profile-brief{position:absolute;z-index:4;right:3.5%;bottom:30px;width:41%;padding:22px 24px 21px;color:#08090a;background:var(--acid);border:1px solid #090a0b;box-shadow:12px 12px 0 var(--cyan);transform:rotate(-1.25deg)}.profile-brief>span{color:#405000}.profile-brief h2{margin:18px 0 14px;font-size:clamp(22px,2vw,31px);line-height:1.28}.profile-brief>p{max-width:none;color:#293200;font-size:10px;line-height:1.65}.profile-actions{margin-top:18px}.profile-actions button{color:#fff;background:#0b0c0e}.profile-actions a{border-color:#111}.profile-information{grid-template-columns:1.3fr .7fr}.profile-facts div{padding-top:14px}.profile-signature{color:#111;background:var(--pink)}.profile-signature::before{border-color:rgba(17,17,17,.34)}.profile-signature::after{background:#111;box-shadow:0 0 18px rgba(17,17,17,.4)}.profile-signature strong{color:#111;opacity:.16}.profile-signature small{color:#66243a}.profile-signature i,.signature-no{color:#111;font-weight:700}
@media(max-width:620px){.profile-cover{padding-top:38px}.cover-hero{min-height:655px}.cover-hero::before{width:210px;height:210px;right:-70px;top:-50px}.cover-hero::after{width:88%;height:12px;right:-30%;top:20%}.name-lockup{position:relative;inset:auto;height:260px}.name-lockup>span{left:14px;top:18px}.name-lockup h1{left:16px;bottom:34px;margin:0;font-size:83px;line-height:.65}.profile-brief{position:relative;right:auto;bottom:auto;width:calc(100% - 28px);margin:0 14px;padding:20px;box-shadow:8px 8px 0 var(--cyan);transform:rotate(-1deg)}.profile-brief h2{font-size:24px}.profile-actions{flex-wrap:wrap}.profile-information{display:block}.profile-signature{background:var(--pink)}}
/* Cover concept selector */
.cover-variants{display:flex;align-items:center;gap:4px}.cover-variants button{border:1px solid transparent;padding:5px 7px;color:#777;background:transparent;font:7px var(--mono);letter-spacing:.04em;transition:color .2s,background .2s,border-color .2s}.cover-variants button:hover{color:#111;border-color:#777}.cover-variants button.is-active{color:#0b0c0e;background:var(--acid);border-color:#0b0c0e}
/* B — editorial monochrome */
.about-panel[data-cover-style="editorial"] .cover-hero{color:var(--ink);background:#eef0ee}.about-panel[data-cover-style="editorial"] .cover-hero::before{right:-58px;top:-82px;border-color:#a7aaa8;box-shadow:0 0 0 44px rgba(20,20,20,.025),0 0 0 86px rgba(20,20,20,.018)}.about-panel[data-cover-style="editorial"] .cover-hero::after{width:1px;height:76%;right:42%;top:12%;background:#959997;box-shadow:none;transform:none}.about-panel[data-cover-style="editorial"] .name-lockup>span{color:#111}.about-panel[data-cover-style="editorial"] .name-lockup h1{color:#111}.about-panel[data-cover-style="editorial"] .name-lockup h1 i{-webkit-text-stroke-color:#111;text-stroke-color:#111}.about-panel[data-cover-style="editorial"] .profile-brief{right:2.5%;bottom:58px;width:38%;color:#111;background:transparent;border:0;box-shadow:none;transform:none}.about-panel[data-cover-style="editorial"] .profile-brief>span{color:#565a58}.about-panel[data-cover-style="editorial"] .profile-brief>p{color:#505452}.about-panel[data-cover-style="editorial"] .profile-actions button{color:#111;background:var(--acid)}.about-panel[data-cover-style="editorial"] .profile-signature{color:#fff;background:#111316}.about-panel[data-cover-style="editorial"] .profile-signature small{color:#94999e}.about-panel[data-cover-style="editorial"] .profile-signature i,.about-panel[data-cover-style="editorial"] .signature-no{color:var(--acid)}.about-panel[data-cover-style="editorial"] .profile-signature strong{color:#fff}
/* C — luminous digital */
.about-panel[data-cover-style="digital"] .cover-hero{color:#fff;background:radial-gradient(circle at 76% 28%,rgba(255,92,146,.42),transparent 22%),radial-gradient(circle at 58% 82%,rgba(75,185,239,.28),transparent 30%),linear-gradient(130deg,#080910 0%,#17172b 55%,#090b11 100%)}.about-panel[data-cover-style="digital"] .cover-hero::before{right:3%;top:6%;border-color:rgba(75,185,239,.55);box-shadow:0 0 45px rgba(75,185,239,.32),inset 0 0 45px rgba(255,92,146,.16)}.about-panel[data-cover-style="digital"] .cover-hero::after{width:54%;height:2px;right:-7%;top:22%;background:var(--cyan);box-shadow:0 13px 0 var(--pink),0 0 28px var(--cyan);transform:rotate(-11deg)}.about-panel[data-cover-style="digital"] .name-lockup>span{color:var(--cyan)}.about-panel[data-cover-style="digital"] .name-lockup h1{color:#fff;text-shadow:0 0 32px rgba(75,185,239,.12)}.about-panel[data-cover-style="digital"] .name-lockup h1 i{-webkit-text-stroke-color:var(--cyan);text-stroke-color:var(--cyan)}.about-panel[data-cover-style="digital"] .profile-brief{color:#fff;background:rgba(12,14,24,.72);border-color:rgba(75,185,239,.8);box-shadow:12px 12px 0 var(--pink);backdrop-filter:blur(14px)}.about-panel[data-cover-style="digital"] .profile-brief>span{color:var(--cyan)}.about-panel[data-cover-style="digital"] .profile-brief>p{color:#c7cbd7}.about-panel[data-cover-style="digital"] .profile-actions button{color:#111;background:var(--acid)}.about-panel[data-cover-style="digital"] .profile-actions a{color:#fff;border-color:#fff}.about-panel[data-cover-style="digital"] .profile-signature{color:#111;background:var(--cyan)}.about-panel[data-cover-style="digital"] .profile-signature small{color:#17445a}.about-panel[data-cover-style="digital"] .profile-signature i,.about-panel[data-cover-style="digital"] .signature-no{color:#111}.about-panel[data-cover-style="digital"] .cover-marquee{background:linear-gradient(90deg,var(--cyan),var(--acid),var(--pink))}
/* D — Swiss graphic system */
.about-panel[data-cover-style="swiss"] .cover-hero{color:#111;background-color:var(--acid);background-image:linear-gradient(rgba(17,17,17,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(17,17,17,.12) 1px,transparent 1px);background-size:72px 72px}.about-panel[data-cover-style="swiss"] .cover-hero::before{width:210px;height:210px;right:2%;top:7%;border:0;border-radius:0;background:var(--pink);box-shadow:15px 15px 0 #111;transform:rotate(13deg)}.about-panel[data-cover-style="swiss"] .cover-hero::after{width:50%;height:28px;right:-7%;top:18%;background:var(--cyan);box-shadow:none;transform:rotate(-8deg)}.about-panel[data-cover-style="swiss"] .name-lockup>span{color:#111}.about-panel[data-cover-style="swiss"] .name-lockup h1{color:#111}.about-panel[data-cover-style="swiss"] .name-lockup h1 i{-webkit-text-stroke-color:#111;text-stroke-color:#111}.about-panel[data-cover-style="swiss"] .profile-brief{color:#111;background:#f7f5ed;border:2px solid #111;box-shadow:12px 12px 0 #111;transform:rotate(1.1deg)}.about-panel[data-cover-style="swiss"] .profile-brief>span,.about-panel[data-cover-style="swiss"] .profile-brief>p{color:#111}.about-panel[data-cover-style="swiss"] .profile-signature{color:#111;background:var(--cyan)}.about-panel[data-cover-style="swiss"] .profile-signature small{color:#17445a}.about-panel[data-cover-style="swiss"] .profile-signature i,.about-panel[data-cover-style="swiss"] .signature-no{color:#111}.about-panel[data-cover-style="swiss"] .cover-marquee{color:#fff;background:#111}
@media(max-width:620px){.cover-topline{height:34px;padding-left:0}.cover-topline>span{display:none}.cover-variants{width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:2px}.cover-variants button{padding:6px 2px}.about-panel[data-cover-style="editorial"] .profile-brief,.about-panel[data-cover-style="digital"] .profile-brief,.about-panel[data-cover-style="swiss"] .profile-brief{right:auto;bottom:auto;width:calc(100% - 28px);margin:0 14px;padding:20px}.about-panel[data-cover-style="editorial"] .cover-hero::after{right:8%;height:42%}.about-panel[data-cover-style="editorial"] .profile-brief{background:rgba(238,240,238,.92);border:1px solid #111}.about-panel[data-cover-style="swiss"] .cover-hero::before{width:135px;height:135px;right:-18px;top:32px}.about-panel[data-cover-style="digital"] .cover-hero::before{right:-42px;top:12px}}
body.motion-ready,body.motion-ready a,body.motion-ready button{cursor:none}@media(max-width:900px){.folder-shell{transform:none!important}.folder-panel::before{display:none}.folder-tab.tab-hit{animation:tabTapMobile .42s cubic-bezier(.2,.9,.25,1)}.work-card{transform:none}.work-card:hover{filter:none}.work-open figure::after{display:none}}@keyframes tabTapMobile{0%,100%{filter:none}45%{filter:brightness(1.12);transform:translateY(-8px) scale(.97)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.folder-loader{display:none}}

/* Living Type Archive — the cover is built from the work itself. */
.living-cover{grid-template-rows:34px minmax(510px,1.5fr) minmax(215px,.58fr) 44px 31px;min-height:850px}.living-cover .cover-topline{padding-left:96px;color:#555b5e}.living-cover .cover-topline span:nth-child(2){color:#1b1d1e}.living-hero{--art-x:50%;--art-y:50%;--shift-x:0px;--shift-y:0px;position:relative;display:block;min-height:510px;overflow:hidden;color:#f4f2eb;background:#090b0d;border:0;isolation:isolate}.living-hero::before{content:"";position:absolute;inset:0;width:auto;height:auto;border:0;border-radius:0;background:radial-gradient(circle at var(--art-x) var(--art-y),rgba(207,255,56,.12),transparent 22%);box-shadow:none;pointer-events:none}.living-hero::after{content:"";position:absolute;z-index:8;top:0;bottom:0;left:18%;width:1px;height:auto;background:linear-gradient(transparent,rgba(207,255,56,.8),transparent);box-shadow:0 0 16px rgba(207,255,56,.5);transform:translateX(calc(var(--scan-progress,0) * 1px));opacity:.55;animation:archiveScan 7.5s ease-in-out infinite;pointer-events:none}.hero-grid{position:absolute;inset:0;z-index:-1;opacity:.25;background-image:linear-gradient(rgba(255,255,255,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.14) 1px,transparent 1px);background-size:8.333% 25%}.hero-grid::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 68%,rgba(9,11,13,.68) 82%,#090b0d)}.kinetic-title{position:absolute;z-index:2;left:2.2%;top:5.5%;width:72%;height:83%;pointer-events:none}.cn-name{position:absolute;left:5px;top:0;color:var(--acid);font:9px var(--mono);letter-spacing:.18em;writing-mode:vertical-rl}.kinetic-title h1{position:absolute;left:28px;bottom:0;margin:0;font-size:clamp(126px,12.6vw,194px);font-weight:900;line-height:.58;letter-spacing:-.095em}.type-line{display:block;color:transparent;-webkit-background-clip:text;background-clip:text;background-repeat:no-repeat;background-size:145% auto;background-position:var(--art-x) var(--art-y);-webkit-text-stroke:.8px rgba(255,255,255,.7);filter:saturate(1.12) contrast(1.07);will-change:background-position;transition:background-position .18s ease-out}.type-line-a{background-image:linear-gradient(rgba(255,255,255,.05),rgba(255,255,255,.05)),url("assets/v2/memo-board.webp")}.type-line-b{margin-left:5.5vw;background-image:linear-gradient(rgba(255,255,255,.03),rgba(255,255,255,.03)),url("assets/v2/holiday-system.webp");background-position:calc(100% - var(--art-x)) calc(100% - var(--art-y))}.title-index{position:absolute;left:54%;bottom:-10px;color:#a5aaad;font:8px var(--mono);letter-spacing:.12em}.archive-slices{position:absolute;z-index:4;inset:0;pointer-events:none}.archive-slice{position:absolute;margin:0;padding:4px 4px 0;background:#efeee8;border:1px solid rgba(255,255,255,.7);box-shadow:0 18px 38px rgba(0,0,0,.42);transition:transform .28s cubic-bezier(.2,.8,.2,1);will-change:transform}.archive-slice img{height:100%;object-fit:cover;filter:saturate(.94) contrast(1.04)}.archive-slice figcaption{height:20px;display:flex;align-items:center;justify-content:space-between;color:#17191a;font:7px var(--mono);letter-spacing:.06em}.archive-slice figcaption b{color:#657400}.slice-ui{width:184px;height:127px;right:21%;top:8%;transform:translate(calc(var(--shift-x) * -.65),calc(var(--shift-y) * -.65)) rotate(5deg)}.slice-brand{width:156px;height:180px;right:4.5%;top:25%;transform:translate(var(--shift-x),var(--shift-y)) rotate(-4deg)}.slice-poster{width:170px;height:118px;right:28%;bottom:6%;transform:translate(calc(var(--shift-x) * -.4),calc(var(--shift-y) * .6)) rotate(-7deg)}.slice-poster img{object-position:center 38%}.archive-brief.profile-brief{position:absolute;z-index:6;right:3%;bottom:4.5%;width:35%;padding:20px 20px 17px;color:#141617;background:rgba(240,239,232,.94);border:1px solid #f0efe8;box-shadow:10px 10px 0 rgba(207,255,56,.95);transform:none;backdrop-filter:blur(11px)}.archive-brief.profile-brief>span{color:#586500}.archive-brief.profile-brief h2{margin:15px 0 11px;font-size:clamp(19px,1.75vw,27px);line-height:1.33}.archive-brief.profile-brief>p{color:#4c5152;font-size:9px;line-height:1.7}.archive-brief .profile-actions{margin-top:14px;gap:18px}.archive-brief .profile-actions button{height:36px;color:#f5f4ee;background:#0b0d0f}.archive-brief .profile-actions a{border-color:#111}.hero-ruler{position:absolute;z-index:7;left:2.4%;right:2.4%;bottom:2.8%;display:flex;align-items:center;gap:8px;color:#92979a;font:7px var(--mono)}.hero-ruler i{height:1px;flex:1;background:repeating-linear-gradient(90deg,#777 0 1px,transparent 1px 13px)}.hero-orbit{position:absolute;z-index:3;right:-65px;top:-70px;width:230px;height:230px;border:1px solid rgba(255,255,255,.2);border-radius:50%;animation:orbitSpin 18s linear infinite}.hero-orbit::before,.hero-orbit::after{content:"";position:absolute;border:1px solid rgba(255,255,255,.12);border-radius:50%}.hero-orbit::before{inset:23px}.hero-orbit::after{inset:49px;border-color:rgba(207,255,56,.3)}.hero-orbit span{position:absolute;left:1px;top:106px;padding:4px 8px;color:#101214;background:var(--acid);font:7px var(--mono);letter-spacing:.12em;transform:rotate(-90deg)}.living-cover .profile-signature{background:#111416}.living-cover .profile-signature small{color:#94999e}.living-cover .profile-signature i,.living-cover .signature-no{color:var(--acid)}.living-cover .profile-signature strong{color:#fff}.living-cover .cover-marquee{color:#111;background:var(--acid)}
@keyframes archiveScan{0%,10%{left:8%;opacity:0}22%{opacity:.65}78%{opacity:.65}90%,100%{left:92%;opacity:0}}@keyframes orbitSpin{to{transform:rotate(360deg)}}

@media(max-width:900px){.living-cover{grid-template-rows:34px minmax(500px,1.35fr) minmax(240px,.65fr) 44px 31px}.kinetic-title{width:78%}.kinetic-title h1{font-size:clamp(105px,16vw,150px)}.archive-brief.profile-brief{width:39%}.slice-ui{right:12%}.slice-brand{right:2%;width:142px}.slice-poster{display:none}}
@media(max-width:620px){.living-cover{display:block;min-height:0;padding-top:38px}.living-cover .cover-topline{height:34px;padding:0}.living-cover .cover-topline span{display:block}.living-cover .cover-topline span:nth-child(2){display:none}.living-cover .cover-topline span:first-child{font-size:7px}.living-cover .cover-topline span:last-child{font-size:7px}.living-hero{min-height:720px}.living-hero::after{display:block}.kinetic-title{left:3%;top:4%;width:94%;height:300px}.kinetic-title h1{left:18px;bottom:10px;font-size:clamp(82px,27vw,118px);line-height:.61}.type-line-b{margin-left:7vw}.title-index{left:auto;right:0;bottom:1px}.archive-slices{top:294px;height:170px}.archive-slice{position:absolute}.slice-ui{display:block;width:44%;height:130px;left:4%;right:auto;top:7px;transform:rotate(-4deg)}.slice-brand{display:block;width:40%;height:148px;right:4%;top:1px;transform:rotate(4deg)}.slice-poster{display:none}.archive-brief.profile-brief{left:4%;right:auto;bottom:30px;width:92%;margin:0;padding:18px;box-shadow:7px 7px 0 var(--acid)}.archive-brief.profile-brief h2{font-size:22px}.archive-brief.profile-brief>p{font-size:10px}.hero-ruler{bottom:9px}.hero-orbit{width:165px;height:165px;right:-70px;top:-60px}.profile-information{display:block}.profile-signature{background:#111416}.living-cover .profile-highlights{display:block;padding:10px 0}.living-cover .profile-highlights span,.living-cover .profile-highlights span:first-child{height:34px;padding:0;border:0;border-bottom:1px solid #c8cbc9}.living-cover .profile-highlights span:last-child{border-bottom:0}.living-cover .cover-marquee{margin-top:4px}}

/* Profile outro — a free editorial field, without résumé boxes. */
.living-cover{grid-template-rows:34px minmax(520px,1fr) 178px;min-height:780px}.hero-grid{opacity:1;background:none}.hero-grid::before{content:"";position:absolute;left:0;right:0;top:58%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1) 12%,rgba(255,255,255,.1) 78%,transparent)}.hero-grid::after{inset:0;background:radial-gradient(circle at 41% 58%,rgba(207,255,56,.06),transparent 31%),linear-gradient(90deg,transparent 68%,rgba(9,11,13,.68) 82%,#090b0d)}.profile-outro{position:relative;overflow:hidden;min-height:178px;color:#17191a;background:linear-gradient(110deg,#eff1ef 0%,#e7eae7 62%,#dfe3df 100%)}.profile-outro::before{content:"";position:absolute;left:0;top:0;width:42%;height:3px;background:var(--acid)}.profile-outro::after{content:"";position:absolute;width:240px;height:240px;right:4%;top:-160px;border:1px solid rgba(17,17,17,.15);border-radius:50%;box-shadow:0 0 0 24px rgba(17,17,17,.025),0 0 0 48px rgba(17,17,17,.02)}.outro-kicker{position:absolute;left:0;top:25px;color:#6c7270;font:8px var(--mono);letter-spacing:.12em}.outro-statement{position:absolute;left:15%;top:22px;margin:0;font-family:var(--serif);font-size:clamp(19px,1.8vw,27px);line-height:1.45}.outro-meta{position:absolute;left:48%;top:27px;margin:0;color:#5b605e;font-size:9px;line-height:1.9}.outro-meta b{color:#151817}.outro-practice{position:absolute;left:48%;bottom:24px;margin:0;color:#6b716e;font:7px/1.8 var(--mono);letter-spacing:.08em}.outro-mark{position:absolute;z-index:0;right:11%;bottom:-40px;color:transparent;font-family:var(--serif);font-size:172px;line-height:1;-webkit-text-stroke:1px rgba(17,17,17,.13);transform:rotate(8deg)}.outro-next{position:absolute;z-index:2;right:0;bottom:25px;width:128px;padding:0;border:0;background:transparent;text-align:left}.outro-next span{display:block;margin-bottom:9px;color:#6b716e;font:7px var(--mono);letter-spacing:.12em}.outro-next b{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #151817;padding-bottom:7px;font:10px var(--mono)}.outro-next b::after{content:"";width:6px;height:6px;border-radius:50%;background:var(--acid);box-shadow:0 0 0 4px rgba(207,255,56,.25)}
@media(max-width:900px){.living-cover{grid-template-rows:34px minmax(500px,1fr) 190px;min-height:760px}.outro-statement{left:12%;font-size:21px}.outro-meta{left:47%}.outro-practice{left:47%}.outro-next{width:112px}.outro-mark{right:9%;opacity:.7}}
@media(max-width:620px){.living-cover{display:block;min-height:0}.profile-outro{min-height:330px;padding:0}.outro-kicker{left:0;top:26px}.outro-statement{left:0;top:60px;font-size:24px}.outro-meta{left:0;top:142px;font-size:10px}.outro-practice{left:0;bottom:72px}.outro-mark{right:-8px;bottom:-32px;font-size:142px}.outro-next{right:0;bottom:22px;width:116px}.about-panel .file-footer{position:relative;left:auto;right:auto;bottom:auto;margin-top:22px}}

/* Live web work */
.web-projects{min-height:calc(100% - 150px);display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:start;padding:24px 0 20px}.web-project{--site-accent:#2437c8;min-width:0}.web-loop{--site-accent:#7355d8}.web-project>a{display:block}.site-window{position:relative;overflow:hidden;border:1px solid #1b2024;background:#101318;box-shadow:9px 9px 0 color-mix(in srgb,var(--site-accent) 24%,transparent);transition:transform .42s cubic-bezier(.2,.8,.2,1),box-shadow .42s}.site-window-bar{height:29px;display:flex;align-items:center;gap:6px;padding:0 10px;border-bottom:1px solid #30353a;color:#858c91;background:#111419}.site-window-bar i{width:6px;height:6px;border:1px solid #73787c;border-radius:50%}.site-window-bar span{min-width:0;margin-left:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:7px var(--mono);letter-spacing:.03em}.site-window figure{height:245px;margin:0;overflow:hidden}.site-window img{height:100%;object-fit:cover;object-position:top;filter:saturate(.92);transition:transform .8s cubic-bezier(.16,.78,.25,1),filter .4s}.site-window em{position:absolute;right:9px;bottom:9px;padding:6px 8px;color:#fff;background:var(--site-accent);font:normal 7px var(--mono);letter-spacing:.08em}.web-project header{display:flex;align-items:end;justify-content:space-between;gap:14px;padding:14px 0 9px;border-bottom:1px solid #555d61}.web-project header span{color:#687177;font:7px var(--mono);letter-spacing:.08em}.web-project h3{margin:5px 0 0;font-size:clamp(25px,2.7vw,40px);line-height:.9;letter-spacing:-.055em}.web-project header b{flex:0 0 auto;padding-bottom:3px;color:var(--site-accent);font:8px var(--mono)}.web-project p{min-height:45px;margin:11px 0 12px;color:#596268;font-size:9px;line-height:1.7}.web-project ul{display:flex;flex-wrap:wrap;gap:5px;margin:0;padding:0;list-style:none}.web-project li{padding:5px 7px;border:1px solid #aab0b3;color:#4f575c;font:7px var(--mono);letter-spacing:.04em}.web-project:hover .site-window{transform:translateY(-5px) rotate(-.35deg);box-shadow:14px 14px 0 color-mix(in srgb,var(--site-accent) 32%,transparent)}.web-loop:hover .site-window{transform:translateY(-5px) rotate(.35deg)}.web-project:hover .site-window img{transform:scale(1.035);filter:saturate(1.07)}.folder-panel.is-entering .web-project:nth-child(1){animation:contentRise .62s .12s cubic-bezier(.16,.78,.25,1) both}.folder-panel.is-entering .web-project:nth-child(2){animation:contentRise .62s .2s cubic-bezier(.16,.78,.25,1) both}
@media(max-width:900px){.web-projects{gap:18px}.site-window figure{height:210px}.web-project p{min-height:62px}.web-project h3{font-size:30px}}
@media(max-width:620px){.web-projects{display:block;padding-top:22px}.web-project{margin-bottom:34px}.site-window figure{height:190px}.web-project h3{font-size:29px}.web-project p{min-height:0;font-size:10px}.web-panel>.file-footer{margin-top:4px}}

/* Profile v19 — résumé-led, editorial rather than résumé-like. */
.living-cover{grid-template-rows:34px minmax(520px,1fr) 278px;min-height:832px}
.archive-brief.profile-brief{width:37%;padding:23px 24px 20px;border-color:#d9dad4;box-shadow:12px 12px 0 rgba(207,255,56,.96)}
.archive-brief.profile-brief::before{content:"HEYIXUAN / 2026";position:absolute;right:18px;top:19px;color:#8b908a;font:7px var(--mono);letter-spacing:.08em}
.archive-brief.profile-brief>span{display:block;padding-bottom:10px;border-bottom:1px solid #aeb2ab;font-size:7px}
.archive-brief.profile-brief h2{max-width:420px;margin:18px 0 12px;font-size:clamp(22px,1.85vw,29px);line-height:1.26;letter-spacing:-.035em}
.archive-brief.profile-brief>p{max-width:420px;font-size:9px;line-height:1.72}
.brief-facts{display:grid;grid-template-columns:1fr 1fr;margin-top:15px;border-top:1px solid #c6c9c3;border-bottom:1px solid #c6c9c3}
.brief-facts span{display:flex;align-items:baseline;gap:6px;padding:8px 0;color:#717670;font:7px var(--mono);letter-spacing:.05em}
.brief-facts span+span{padding-left:12px;border-left:1px solid #c6c9c3}
.brief-facts b{color:#151817;font-size:10px}
.archive-brief .profile-actions{margin-top:15px}
.archive-brief .profile-actions button{height:38px;transition:background .25s,color .25s,transform .25s}
.archive-brief .profile-actions button:hover{color:#111;background:var(--acid);transform:translateY(-2px)}

.profile-outro{min-height:278px;background:linear-gradient(112deg,#eff1ef 0%,#e6e9e6 56%,#dce1dc 100%)}
.profile-outro::before{width:31%}
.outro-statement{left:13%;top:29px;font-size:clamp(20px,1.7vw,27px)}
.outro-resume{position:absolute;z-index:2;left:43%;right:14%;top:25px;bottom:66px;display:grid;grid-template-columns:1fr 1fr;gap:0 24px}
.outro-resume article{min-width:0;padding:9px 0 8px;border-top:1px solid #9ca19d}
.outro-resume article:nth-child(-n+2){padding-top:0;border-top:0}
.outro-resume span{display:block;margin-bottom:6px;color:#697069;font:7px var(--mono);letter-spacing:.12em}
.outro-resume b{display:block;overflow:hidden;color:#171a17;font-size:10px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}
.outro-resume p{margin:4px 0 0;color:#666d68;font-size:8px;line-height:1.5}
.outro-practice{left:13%;bottom:27px;display:flex;align-items:center;gap:10px;color:#555c57}
.outro-practice i{width:34px;height:1px;background:#929891}
.outro-mark{right:5%;bottom:-32px;font-size:190px;opacity:.54}
.outro-next{right:0;bottom:27px}
.about-panel .file-footer{position:relative;left:auto;right:auto;bottom:auto;margin-top:18px}

@media(max-width:900px){
  .living-cover{grid-template-rows:34px minmax(500px,1fr) 320px;min-height:854px}
  .archive-brief.profile-brief{width:42%}
  .outro-statement{left:0;width:34%;font-size:22px}
  .outro-resume{left:37%;right:3%;bottom:74px}
  .outro-practice{left:0;bottom:28px}
  .outro-next{right:0}
}

@media(max-width:620px){
  .living-cover{display:block;min-height:0}
  .archive-brief.profile-brief{width:92%;padding:20px}
  .archive-brief.profile-brief::before{right:16px;top:17px}
  .archive-brief.profile-brief h2{font-size:23px}
  .brief-facts span{font-size:7px}
  .profile-outro{min-height:655px;margin-top:0}
  .outro-kicker{left:0;top:25px}
  .outro-statement{left:0;top:60px;width:100%;font-size:25px}
  .outro-resume{left:0;right:0;top:164px;bottom:auto;display:block}
  .outro-resume article,.outro-resume article:nth-child(-n+2){min-height:82px;padding:12px 0 10px;border-top:1px solid #a4aaa5}
  .outro-resume article:first-child{border-top:0}
  .outro-resume span{font-size:8px}
  .outro-resume b{font-size:12px;white-space:normal}
  .outro-resume p{font-size:9px}
  .outro-practice{left:0;right:0;bottom:65px;display:block;font-size:7px;line-height:1.8}
  .outro-practice i{display:none}
  .outro-mark{right:-10px;bottom:-26px;font-size:150px}
  .outro-next{right:0;bottom:20px}
  .about-panel .file-footer{margin-top:20px}
}

/* WEB v20 — pair each live build with its Figma source file. */
.project-media{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.project-preview{display:block;min-width:0}
.project-media .site-window{box-shadow:7px 7px 0 color-mix(in srgb,var(--site-accent) 20%,transparent)}
.project-media .site-window-bar{padding:0 8px}
.project-media .site-window-bar span{font-size:6px;letter-spacing:.05em}
.project-media .site-window figure{height:218px}
.project-media .live-preview img{object-position:left top}
.project-media .figma-preview figure{background:#d9e1e5}
.project-media .figma-preview img{object-fit:cover;object-position:top;filter:saturate(.88) contrast(.98)}
.project-media .site-window em{right:7px;bottom:7px;padding:5px 7px}
.project-links{display:flex;align-items:center;gap:12px;padding-bottom:3px}
.project-links a{color:var(--site-accent);font:8px var(--mono);white-space:nowrap}
.project-links a:last-child{padding-left:12px;border-left:1px solid #90979b}
.web-project:hover .site-window{transform:none;box-shadow:7px 7px 0 color-mix(in srgb,var(--site-accent) 20%,transparent)}
.web-project:hover .site-window img{transform:none;filter:saturate(.92)}
.project-preview:hover .site-window{transform:translateY(-5px) rotate(-.45deg);box-shadow:11px 11px 0 color-mix(in srgb,var(--site-accent) 32%,transparent)}
.project-preview:nth-child(2):hover .site-window{transform:translateY(-5px) rotate(.45deg)}
.project-preview:hover .site-window img{transform:scale(1.035);filter:saturate(1.06)}
.project-preview:focus-visible{outline:2px solid var(--site-accent);outline-offset:4px}

@media(max-width:900px){
  .project-media{gap:9px}
  .project-media .site-window figure{height:190px}
  .project-links{gap:8px}
  .project-links a:last-child{padding-left:8px}
}

@media(max-width:620px){
  .project-media{gap:8px}
  .project-media .site-window figure{height:176px}
  .project-media .site-window-bar{height:25px;padding:0 6px}
  .project-media .site-window-bar span{font-size:5.5px}
  .project-links a{font-size:7px}
}

/* v21 / Independent typographic cover */
.portfolio-cover{position:fixed;inset:0;z-index:900;overflow:hidden;color:#f1f2ec;background:#090b0c;isolation:isolate;transition:transform .9s cubic-bezier(.76,0,.22,1),visibility 0s .9s}
.portfolio-cover.is-dismissed{visibility:hidden;transform:translateY(-105%)}
.cover-pattern{position:absolute;inset:0;z-index:-1;opacity:.22;background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px);background-size:8.333vw 8.333vw;mask-image:linear-gradient(90deg,#000,transparent 72%)}
.cover-pattern::before{content:"";position:absolute;left:47%;top:-20%;width:1px;height:140%;background:var(--acid);box-shadow:0 0 22px rgba(207,255,56,.7);transform:rotate(17deg);animation:coverScan 7s ease-in-out infinite}
.portfolio-cover-top{height:62px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin:0 3.2vw;border-bottom:1px solid #34373a;color:#a7abae;font:8px var(--mono);letter-spacing:.12em}.portfolio-cover-top span:nth-child(2){color:#f4f5ee}.portfolio-cover-top span:last-child{justify-self:end}
.portfolio-cover-title{position:absolute;left:3.2vw;top:12vh}.portfolio-cover-title>span{display:block;margin-left:.6vw;color:var(--acid);font:9px var(--mono);letter-spacing:.18em}.portfolio-cover-title h1{margin:4vh 0 0;font-size:clamp(118px,16.2vw,258px);font-weight:900;line-height:.58;letter-spacing:-.095em}.portfolio-cover-title h1 i{display:block;font-style:normal}.portfolio-cover-title h1 i:last-child{margin-left:12vw;color:transparent;-webkit-text-stroke:1.2px rgba(241,242,236,.9)}.portfolio-cover-title>b{position:absolute;right:-5vw;bottom:-25px;color:#8b9093;font:8px var(--mono);letter-spacing:.15em}
.portfolio-cover-intro{position:absolute;right:5vw;top:39vh;width:min(330px,26vw);padding-top:14px;border-top:1px solid #6c7275}.portfolio-cover-intro span{color:var(--acid);font:8px var(--mono);letter-spacing:.12em}.portfolio-cover-intro p{margin:20px 0 0;font-family:var(--serif);font-size:clamp(21px,2vw,32px);line-height:1.45}
.portfolio-cover-index{position:absolute;left:3.2vw;bottom:4.8vh;display:grid;grid-template-columns:repeat(4,auto);gap:24px;margin:0;padding:0;list-style:none;color:#b0b4b6;font:8px var(--mono);letter-spacing:.08em}.portfolio-cover-index li{display:flex;gap:8px;align-items:center}.portfolio-cover-index span{color:var(--acid)}
.portfolio-cover-enter{position:absolute;right:4.8vw;bottom:4.1vh;width:215px;height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border:0;color:#0a0b0c;background:var(--acid);font:9px var(--mono);letter-spacing:.08em;transition:transform .3s,background .3s}.portfolio-cover-enter:hover{background:#fff;transform:translateY(-5px)}.portfolio-cover-enter b{font-size:20px;font-weight:400}
.portfolio-cover-orbit{position:absolute;right:-78px;top:77px;width:250px;height:250px;border:1px solid #3f4446;border-radius:50%;animation:orbitSpin 20s linear infinite}.portfolio-cover-orbit::before,.portfolio-cover-orbit::after{content:"";position:absolute;border:1px solid rgba(255,255,255,.1);border-radius:50%}.portfolio-cover-orbit::before{inset:30px}.portfolio-cover-orbit::after{inset:62px;border-color:rgba(207,255,56,.35)}.portfolio-cover-orbit i{position:absolute;left:24px;top:37px;width:9px;height:9px;border-radius:50%;background:var(--acid);box-shadow:0 0 18px var(--acid)}.portfolio-cover-orbit span{position:absolute;left:-20px;top:116px;padding:5px 8px;color:#101214;background:var(--acid);font:7px var(--mono);letter-spacing:.1em;transform:rotate(-90deg)}
@keyframes coverScan{0%,100%{translate:-18vw 0;opacity:0}20%,80%{opacity:1}50%{translate:23vw 0}}

/* v21 / Text-led About */
.about-panel{background:#eceeea}.about-panel .paper-label{position:fixed}.text-profile{position:relative;z-index:2;max-width:1220px;margin:0 auto;padding-top:26px}.text-profile-hero{position:relative;min-height:660px;border-top:1px solid #8f9490;border-bottom:1px solid #8f9490;overflow:hidden}.text-profile-code{height:42px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #c0c4bf;color:#6d736f;font:7px var(--mono);letter-spacing:.12em}.text-profile-cn{position:absolute;left:0;top:82px;margin:0;padding:7px 9px;color:#111;background:var(--acid);font-family:var(--serif);font-size:16px;letter-spacing:.2em}.text-profile-hero h1{position:absolute;z-index:2;left:0;top:128px;margin:0;font-size:clamp(70px,7.6vw,116px);font-weight:900;line-height:.8;letter-spacing:-.072em}.text-profile-hero h1 em{color:transparent;font-style:normal;-webkit-text-stroke:1px #151817}.text-profile-hero h1 span{position:relative}.text-profile-hero h1 span::after{content:"";position:absolute;left:0;right:0;bottom:4px;height:8px;background:var(--acid);z-index:-1}
.text-profile-lead{position:absolute;z-index:2;right:0;top:204px;width:33%;margin:0;padding-top:18px;border-top:1px solid #171a18;color:#414743;font-size:11px;line-height:1.95}.text-profile-status{position:absolute;z-index:2;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #9ea39f}.text-profile-status span{min-height:72px;display:flex;align-items:center;gap:11px;padding:0 16px;border-right:1px solid #9ea39f;color:#646a66;font:8px var(--mono);letter-spacing:.06em}.text-profile-status span:first-child{padding-left:0}.text-profile-status span:last-child{border-right:0}.text-profile-status b{color:#161917;font-size:16px;letter-spacing:-.02em}
.text-profile-shape{position:absolute;right:5%;bottom:42px;width:260px;height:260px;opacity:.42;pointer-events:none}.text-profile-shape::before,.text-profile-shape::after,.text-profile-shape i{content:"";position:absolute;border:1px solid #9ca19d;border-radius:50%}.text-profile-shape::before{inset:0}.text-profile-shape::after{inset:34px}.text-profile-shape i:first-child{inset:68px;border-color:#87935f}.text-profile-shape i:nth-child(2){left:50%;top:-30px;bottom:-30px;width:1px;border:0;border-left:1px solid #a5aaa5;border-radius:0}.text-profile-shape b{position:absolute;right:-5px;bottom:-24px;color:transparent;font-family:var(--serif);font-size:130px;font-weight:400;-webkit-text-stroke:1px #929892}
.text-profile-statement{display:grid;grid-template-columns:26% 1fr;gap:4%;padding:74px 0 82px;border-bottom:1px solid #989e99}.text-profile-statement>span,.text-profile-history>header span,.text-project-intro>span,.text-profile-skills span{color:#666d68;font:8px var(--mono);letter-spacing:.12em}.text-profile-statement p{max-width:840px;margin:0;font-family:var(--serif);font-size:clamp(27px,3.1vw,46px);line-height:1.46;letter-spacing:-.025em}
.text-profile-history{padding:74px 0 78px;border-bottom:1px solid #989e99}.text-profile-history>header{display:grid;grid-template-columns:1fr auto;align-items:start;margin-bottom:46px}.text-profile-history>header p{margin:0;font:8px var(--mono);letter-spacing:.1em}.text-profile-history article{display:grid;grid-template-columns:27% 1fr;gap:4%;padding:28px 0;border-top:1px solid #b2b7b2}.text-profile-history time{color:#747b76;font:8px/1.6 var(--mono);letter-spacing:.08em}.text-profile-history article div{display:grid;grid-template-columns:180px 1fr;gap:12px 28px}.text-profile-history article span{color:#6b726d;font:7px var(--mono);letter-spacing:.1em}.text-profile-history h2{grid-column:2;margin:0;font-size:clamp(18px,1.55vw,24px);line-height:1.25}.text-profile-history article p{grid-column:2;margin:0;max-width:760px;color:#545b56;font-size:10px;line-height:1.85}
.text-profile-projects{display:grid;grid-template-columns:1.18fr repeat(3,1fr);gap:0;padding:78px 0;border-bottom:1px solid #989e99}.text-profile-projects>div,.text-profile-projects>article{min-height:240px;padding:0 24px;border-right:1px solid #aeb3ae}.text-profile-projects>div{padding-left:0}.text-profile-projects>article:last-child{padding-right:0;border-right:0}.text-project-intro h2{margin:42px 0 0;font-family:var(--serif);font-size:clamp(23px,2.2vw,34px);font-weight:400;line-height:1.4}.text-profile-projects article span{color:#6b726d;font:7px var(--mono);letter-spacing:.1em}.text-profile-projects h3{margin:42px 0 18px;font-size:15px;line-height:1.35}.text-profile-projects article p{margin:0;color:#565d58;font-size:9px;line-height:1.8}
.text-profile-skills{display:grid;grid-template-columns:1fr 1fr 1.35fr;border-bottom:1px solid #989e99}.text-profile-skills>div{min-height:176px;padding:32px 24px 28px 0;border-right:1px solid #aeb3ae}.text-profile-skills>div+div{padding-left:24px}.text-profile-skills>div:last-child{padding-right:0;border-right:0}.text-profile-skills p{margin:32px 0 0;font:9px/1.9 var(--mono);letter-spacing:.03em}.text-profile-awards p{margin-top:16px;font-family:var(--sans);font-size:9px;line-height:1.7}.text-profile-awards p:first-of-type{display:flex;align-items:baseline;gap:9px}.text-profile-awards p b{font-size:42px;line-height:1;letter-spacing:-.06em}
.text-profile-end{position:relative;min-height:330px;overflow:hidden;margin-top:0;padding:58px 44% 44px 0;color:#f1f2eb;background:#0b0d0e}.text-profile-end::before{content:"何";position:absolute;right:4%;bottom:-58px;color:transparent;font-family:var(--serif);font-size:290px;line-height:1;-webkit-text-stroke:1px #3a3f3d;transform:rotate(8deg)}.text-profile-end::after{content:"";position:absolute;right:18%;top:-110px;width:250px;height:250px;border:1px solid #39403d;border-radius:50%;box-shadow:0 0 0 32px rgba(255,255,255,.015),0 0 0 64px rgba(255,255,255,.01)}.text-profile-end>p{position:relative;z-index:2;margin:0;font-family:var(--serif);font-size:clamp(28px,3vw,45px);line-height:1.35}.text-profile-end>div{position:relative;z-index:2;display:flex;align-items:center;gap:24px;margin-top:42px}.text-profile-end button{height:44px;display:flex;align-items:center;justify-content:space-between;gap:34px;padding:0 14px;border:0;color:#111;background:var(--acid);font:8px var(--mono)}.text-profile-end a{border-bottom:1px solid #f1f2eb;padding:7px 0;font:8px var(--mono)}.text-profile-end>span{position:absolute;z-index:2;left:0;bottom:20px;color:#7c8380;font:7px var(--mono);letter-spacing:.12em}
.about-panel .text-profile+.file-footer{position:relative;left:auto;right:auto;bottom:auto;margin-top:18px}

@media(max-width:900px){
  .portfolio-cover-title h1{font-size:16.5vw}.portfolio-cover-intro{right:4vw;width:30vw}.portfolio-cover-index{grid-template-columns:repeat(2,auto);gap:10px 22px}
  .text-profile-hero{min-height:610px}.text-profile-hero h1{font-size:8.8vw}.text-profile-lead{top:190px;width:36%}.text-profile-history article div{grid-template-columns:130px 1fr}.text-profile-projects{grid-template-columns:1fr 1fr}.text-profile-projects>div,.text-profile-projects>article{padding:26px 20px;border-bottom:1px solid #aeb3ae}.text-profile-projects>div{padding-left:0}.text-profile-projects>article:nth-child(2){border-right:0}.text-profile-projects>article:nth-last-child(-n+2){border-bottom:0}.text-profile-projects>article:last-child{padding-left:20px}.text-profile-skills{grid-template-columns:1fr 1fr}.text-profile-skills>div:nth-child(2){border-right:0}.text-profile-skills>div:last-child{grid-column:1/-1;border-top:1px solid #aeb3ae}.text-profile-end{padding-right:34%}
}

@media(max-width:620px){
  .portfolio-cover-top{height:54px;grid-template-columns:1fr auto;margin:0 18px}.portfolio-cover-top span:nth-child(2){display:none}.portfolio-cover-title{left:18px;right:18px;top:12vh}.portfolio-cover-title>span{font-size:7px}.portfolio-cover-title h1{margin-top:5vh;font-size:30vw;line-height:.63}.portfolio-cover-title h1 i:last-child{margin-left:3vw}.portfolio-cover-title>b{right:0;bottom:-22px}.portfolio-cover-intro{left:18px;right:18px;top:50vh;width:auto}.portfolio-cover-intro p{margin-top:15px;font-size:23px}.portfolio-cover-index{left:18px;bottom:16vh;grid-template-columns:1fr 1fr;gap:12px 20px}.portfolio-cover-enter{left:18px;right:18px;bottom:4vh;width:auto}.portfolio-cover-orbit{width:170px;height:170px;right:-82px;top:62px}.portfolio-cover-orbit span{top:75px}
  .text-profile{padding-top:44px}.text-profile-hero{min-height:820px}.text-profile-code{height:35px}.text-profile-cn{top:56px;font-size:13px}.text-profile-hero h1{top:111px;font-size:14.8vw;line-height:.84;letter-spacing:-.06em}.text-profile-lead{left:0;right:0;top:400px;width:auto;padding-top:16px;font-size:11px;line-height:1.85}.text-profile-shape{right:-90px;bottom:86px;width:230px;height:230px}.text-profile-status{grid-template-columns:1fr;bottom:0}.text-profile-status span{min-height:48px;padding:0;border-right:0;border-bottom:1px solid #9ea39f}.text-profile-status span:last-child{border-bottom:0}.text-profile-status b{font-size:13px}.text-profile-statement{display:block;padding:55px 0 62px}.text-profile-statement p{margin-top:32px;font-size:27px;line-height:1.55}.text-profile-history{padding:56px 0}.text-profile-history>header{margin-bottom:30px}.text-profile-history article{display:block;padding:27px 0}.text-profile-history time{display:block;margin-bottom:18px}.text-profile-history article div{display:block}.text-profile-history h2{margin:12px 0 13px;font-size:19px}.text-profile-history article p{font-size:10px}.text-profile-projects{display:block;padding:54px 0}.text-profile-projects>div,.text-profile-projects>article,.text-profile-projects>article:last-child{min-height:0;padding:26px 0;border:0;border-bottom:1px solid #aeb3ae}.text-profile-projects>div{padding-top:0}.text-profile-projects>article:last-child{border-bottom:0}.text-project-intro h2{margin-top:28px;font-size:29px}.text-profile-projects h3{margin:22px 0 12px;font-size:17px}.text-profile-projects article p{font-size:10px}.text-profile-skills{display:block}.text-profile-skills>div,.text-profile-skills>div+div,.text-profile-skills>div:last-child{min-height:0;padding:28px 0;border:0;border-bottom:1px solid #aeb3ae}.text-profile-skills>div:last-child{border-bottom:0}.text-profile-skills p{margin-top:20px;font-size:8px}.text-profile-end{min-height:390px;padding:48px 18px;margin-left:-14px;margin-right:-14px}.text-profile-end>p{font-size:31px}.text-profile-end>div{display:block;margin-top:36px}.text-profile-end button{width:100%}.text-profile-end a{display:inline-block;margin-top:18px}.text-profile-end::before{right:-46px;font-size:230px}.text-profile-end>span{left:18px}
}

@media(prefers-reduced-motion:reduce){.portfolio-cover{transition:none}.portfolio-cover-orbit,.cover-pattern::before{animation:none}}

/* v22 / Cover becomes a living preview of the archive. */
.portfolio-cover{--cover-art-x:50%;--cover-art-y:50%}
.portfolio-cover-top,.portfolio-cover-title,.portfolio-cover-intro,.portfolio-cover-index,.portfolio-cover-enter{z-index:6}
.portfolio-cover-title h1 i:last-child{background-image:linear-gradient(rgba(8,10,11,.26),rgba(8,10,11,.26)),url("assets/v2/holiday-system.webp");background-size:150% auto;background-position:var(--cover-art-x) var(--cover-art-y);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke:1px rgba(241,242,236,.82);filter:saturate(.78) contrast(1.15);transition:background-position .18s ease-out}
.cover-work-fragments{position:absolute;inset:0;z-index:3;pointer-events:none}.cover-fragment{position:absolute;overflow:hidden;margin:0;padding:4px 4px 0;background:#efeee8;border:1px solid rgba(255,255,255,.72);box-shadow:0 20px 46px rgba(0,0,0,.55);opacity:.66;transition:opacity .35s,filter .35s;will-change:translate}.cover-fragment img{height:calc(100% - 21px);object-fit:cover;filter:grayscale(.15) saturate(.85) contrast(1.08)}.cover-fragment figcaption{height:21px;display:flex;align-items:center;justify-content:space-between;color:#121415;font:6px var(--mono);letter-spacing:.08em}.cover-fragment figcaption b{color:#607000}.fragment-ui{left:42%;top:15%;width:178px;height:124px;rotate:6deg}.fragment-brand{left:46%;top:51%;width:160px;height:205px;rotate:-5deg}.fragment-brand img{object-position:center 30%}.fragment-poster{left:7%;bottom:18%;width:192px;height:122px;rotate:3deg}.fragment-poster img{object-position:center 36%}.portfolio-cover:hover .cover-fragment{opacity:.86;filter:drop-shadow(0 14px 16px rgba(0,0,0,.22))}
.portfolio-cover-note{position:absolute;z-index:5;left:14px;top:48%;margin:0;color:#737a7d;font:7px var(--mono);letter-spacing:.13em;writing-mode:vertical-rl;transform:translateY(-50%)}
.portfolio-cover-ticker{position:absolute;z-index:5;left:0;right:0;bottom:11.5vh;height:32px;overflow:hidden;border-top:1px solid #2f3335;border-bottom:1px solid #2f3335;color:#868c8f;font:7px/31px var(--mono);letter-spacing:.1em;white-space:nowrap}.portfolio-cover-ticker div{width:max-content;animation:coverTicker 24s linear infinite}.portfolio-cover-ticker div::first-letter{color:var(--acid)}
.portfolio-cover-enter{overflow:hidden;width:232px}.portfolio-cover-enter::before{content:"";position:absolute;inset:0;background:#fff;transform:translateX(-102%);transition:transform .36s cubic-bezier(.2,.8,.2,1)}.portfolio-cover-enter:hover::before{transform:none}.portfolio-cover-enter span,.portfolio-cover-enter b{position:relative;z-index:1}.portfolio-cover-enter span::after{content:" / 进入";font-family:var(--sans);font-size:8px}

@media(max-width:900px){.fragment-ui{left:39%;top:17%;width:150px;height:105px}.fragment-brand{left:43%;top:48%;width:135px;height:175px}.fragment-poster{left:5%;bottom:21%;width:158px;height:104px}.portfolio-cover-ticker{bottom:12.5vh}}
@media(max-width:620px){.cover-work-fragments{opacity:.42}.fragment-ui{left:auto;right:14px;top:23%;width:105px;height:78px;rotate:5deg}.fragment-brand{left:auto;right:25%;top:38%;width:92px;height:126px;rotate:-6deg}.fragment-poster{display:none}.portfolio-cover-note{display:none}.portfolio-cover-ticker{bottom:19.2vh;height:28px;font-size:6px;line-height:27px}.portfolio-cover-index{bottom:12vh}.portfolio-cover-enter{bottom:3vh;width:auto}}
@media(prefers-reduced-motion:reduce){.portfolio-cover-ticker div{animation:none}}

/* v23 / Personal signal: a pure typographic cover with an interactive reveal lens. */
.portfolio-cover{--lens-x:45%;--lens-y:42%}
.portfolio-cover::after{content:"何";position:absolute;z-index:0;left:55%;top:8%;color:transparent;font-family:var(--serif);font-size:clamp(300px,38vw,610px);font-weight:400;line-height:1;opacity:.085;-webkit-text-stroke:1px #f3f4ed;rotate:5deg;pointer-events:none}
.cover-pattern{opacity:.3;mask-image:linear-gradient(90deg,#000 0 64%,transparent 88%)}.cover-pattern::before{display:none}
.portfolio-cover-title{--lens-local-x:41.8vw;--lens-local-y:calc(26vh - 11px);isolation:isolate}.portfolio-cover-title>h1:first-of-type i:last-child{background:none;-webkit-background-clip:border-box;background-clip:border-box;-webkit-text-fill-color:transparent;filter:none;transition:none}
.cover-name-reveal{position:absolute;z-index:2;left:0;top:calc(4vh + 11px);margin:0!important;color:var(--acid);pointer-events:none;clip-path:circle(clamp(82px,10.5vw,165px) at var(--lens-local-x) var(--lens-local-y));will-change:clip-path}.portfolio-cover-title .cover-name-reveal i:first-child{color:transparent;-webkit-text-fill-color:transparent;-webkit-text-stroke:1.1px var(--acid)}.portfolio-cover-title .cover-name-reveal i:last-child{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:var(--acid);-webkit-text-fill-color:var(--acid);-webkit-text-stroke:0;filter:none}
.cover-pointer-field{position:absolute;inset:0;z-index:4;overflow:hidden;pointer-events:none}.cover-pointer-field>i,.cover-pointer-field>b{position:absolute;display:block;background:linear-gradient(transparent,rgba(207,255,56,.38),transparent)}.cover-pointer-field>i{left:var(--lens-x);top:62px;bottom:11.5vh;width:1px}.cover-pointer-field>b{left:0;right:0;top:var(--lens-y);height:1px;background:linear-gradient(90deg,transparent,rgba(207,255,56,.34),transparent)}.cover-pointer-field>em{position:absolute;left:var(--lens-x);top:var(--lens-y);width:clamp(164px,21vw,330px);aspect-ratio:1;border:1px solid rgba(207,255,56,.28);border-radius:50%;transform:translate(-50%,-50%);font-style:normal}.cover-pointer-field>em::before,.cover-pointer-field>em::after{content:"";position:absolute;left:50%;top:50%;background:var(--acid);transform:translate(-50%,-50%)}.cover-pointer-field>em::before{width:11px;height:1px}.cover-pointer-field>em::after{width:1px;height:11px}.cover-pointer-field output{position:absolute;left:calc(var(--lens-x) + 18px);top:calc(var(--lens-y) + 12px);color:#879086;font:7px var(--mono);letter-spacing:.1em}
.portfolio-cover-note{color:#9aa19e}.portfolio-cover-ticker{color:#636a6d}.portfolio-cover-ticker div{animation-duration:32s}
.portfolio-cover-enter{width:244px}

@media(max-width:900px){.portfolio-cover::after{left:50%;top:16%;font-size:45vw}.cover-pointer-field>em{width:230px}}
@media(max-width:620px){.portfolio-cover{--lens-x:70%;--lens-y:27%}.portfolio-cover::after{left:41%;top:20%;font-size:78vw;opacity:.06}.cover-name-reveal{top:calc(5vh + 9px);clip-path:circle(24vw at 72% 48%)}.cover-pointer-field{opacity:.5}.cover-pointer-field>i{top:54px;bottom:19.2vh}.cover-pointer-field output{display:none}.portfolio-cover-enter{width:auto}}
@media(prefers-reduced-motion:reduce){.cover-name-reveal{will-change:auto}}

/* v24 / About is paced as an editorial profile, not a résumé sheet. */
.about-panel{--profile-line:#a7ada8;--profile-muted:#626963}.about-panel .text-profile{max-width:1240px;padding-top:22px}
.text-profile-hero{min-height:650px;background:linear-gradient(102deg,transparent 0 68%,rgba(207,255,56,.045) 68% 100%)}.text-profile-code{height:44px}.text-profile-cn{top:76px;padding:8px 11px;font-size:15px}.text-profile-hero h1{left:0;top:122px;width:70%;font-size:clamp(62px,6.1vw,94px);line-height:.76;letter-spacing:-.075em}.text-profile-hero h1 em{-webkit-text-stroke:1px #202321}.text-profile-hero h1 span::after{bottom:1px;height:7px}.text-profile-hero h1 small{display:inline-block;margin-top:16px;color:#626864;font-family:var(--serif);font-size:.38em;font-weight:400;line-height:1;letter-spacing:.06em}
.text-profile-lead{right:0;top:126px;width:28%;padding-top:15px;font-size:11px;line-height:1.9}.text-profile-lead::before{content:"PROFILE / 何逸萱";display:block;margin-bottom:20px;color:#687068;font:7px var(--mono);letter-spacing:.13em}.text-profile-focus{position:absolute;z-index:3;right:0;top:352px;width:28%;display:grid;grid-template-columns:1fr 1fr;gap:0;margin:0;padding:0;border-top:1px solid var(--profile-line);border-left:1px solid var(--profile-line);list-style:none}.text-profile-focus li{min-height:44px;display:flex;align-items:center;padding:0 10px;border-right:1px solid var(--profile-line);border-bottom:1px solid var(--profile-line);color:#555d57;font:7px var(--mono);letter-spacing:.06em;transition:color .25s,background .25s}.text-profile-focus li:hover{color:#111;background:var(--acid)}
.text-profile-shape{right:4%;bottom:45px;width:220px;height:220px;opacity:.22}.text-profile-shape b{right:-3px;bottom:-14px;font-size:118px}.text-profile-status{background:rgba(237,240,238,.84);backdrop-filter:blur(7px)}.text-profile-status span{min-height:74px}.text-profile-status b{font-size:18px}
.text-profile-statement{position:relative;grid-template-columns:22% 1fr;gap:5%;padding:92px 0 105px}.text-profile-statement::before{content:"“";position:absolute;left:20%;top:48px;color:var(--acid);font-family:Georgia,serif;font-size:92px;line-height:1}.text-profile-statement p{max-width:900px;font-size:clamp(30px,3.25vw,49px);line-height:1.42}.text-profile-statement p::after{content:"";display:block;width:80px;height:3px;margin-top:42px;background:var(--acid)}
.text-profile-history{position:relative;padding:82px 0}.text-profile-history>header{margin-bottom:36px}.text-profile-history>header p{padding:5px 8px;color:#111;background:var(--acid)}.text-profile-history article{position:relative;grid-template-columns:22% 1fr;gap:5%;padding:31px 18px 31px 0;transition:padding .3s,background .3s}.text-profile-history article::before{content:"";position:absolute;left:21.9%;top:36px;width:7px;height:7px;border:1px solid #7d857f;border-radius:50%;background:#eceeeb;transform:translateX(-50%);transition:background .25s,box-shadow .25s}.text-profile-history article:hover{padding-left:14px;background:rgba(207,255,56,.13)}.text-profile-history article:hover::before{background:var(--acid);box-shadow:0 0 0 5px rgba(207,255,56,.25)}.text-profile-history article div{grid-template-columns:170px 1fr;gap:11px 28px}.text-profile-history h2{font-size:clamp(20px,1.8vw,27px);letter-spacing:-.025em}.text-profile-history article p{max-width:690px;font-size:10px}
.text-profile-projects{display:grid;grid-template-columns:.78fr 1.35fr;padding:84px 0}.text-profile-projects>div,.text-profile-projects>article{min-height:0;padding:0;border:0}.text-profile-projects>div{grid-row:1/4;padding-right:38px;border-right:1px solid #aeb3ae}.text-project-intro h2{margin-top:38px;font-size:clamp(28px,2.45vw,38px)}.text-profile-projects>article{grid-column:2;display:grid;grid-template-columns:132px minmax(190px,.8fr) 1fr;gap:20px;align-items:start;padding:25px 0 25px 32px;border-bottom:1px solid #aeb3ae;transition:background .28s,padding .28s}.text-profile-projects>article:first-of-type{padding-top:0}.text-profile-projects>article:last-child{padding-right:0;border-right:0;border-bottom:0}.text-profile-projects>article:hover{padding-left:42px;background:linear-gradient(90deg,rgba(207,255,56,.18),transparent 76%)}.text-profile-projects h3{margin:0;font-size:16px}.text-profile-projects article p{margin:0;font-size:9px}
.text-profile-skills{position:relative;grid-template-columns:.82fr 1.05fr 1.35fr;border-top:3px solid var(--acid);color:#eef0eb;background:#111416}.text-profile-skills>div,.text-profile-skills>div+div,.text-profile-skills>div:last-child{min-height:210px;padding:36px 28px;border-color:#343936}.text-profile-skills>div:first-child{padding-left:28px}.text-profile-skills span{color:var(--acid)}.text-profile-skills p{color:#c4cac5;font-size:9px}.text-profile-awards p{font-size:9px}.text-profile-awards p b{color:var(--acid);font-size:52px}
.text-profile-end{min-height:360px;margin-top:0;padding:68px 44% 50px 5%;background-color:#090b0c;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:80px 80px}.text-profile-end::before{right:6%;bottom:-64px;font-size:320px;-webkit-text-stroke-color:#333936}.text-profile-end>p{font-size:clamp(31px,3.2vw,48px)}.text-profile-end button{transition:background .25s,transform .25s}.text-profile-end button:hover{background:#fff;transform:translateY(-3px)}.text-profile-end>span{left:5%}
body.motion-ready .text-profile>section,body.motion-ready .text-profile-end{opacity:.12;transform:translateY(34px);transition:opacity .7s cubic-bezier(.2,.8,.2,1),transform .7s cubic-bezier(.2,.8,.2,1)}body.motion-ready .text-profile>.in-view{opacity:1;transform:none}

@media(max-width:900px){.text-profile-hero h1{width:68%;font-size:7.2vw}.text-profile-lead,.text-profile-focus{width:31%}.text-profile-projects>article{grid-template-columns:105px minmax(160px,.8fr) 1fr;gap:15px}.text-profile-history article div{grid-template-columns:135px 1fr}.text-profile-skills>div,.text-profile-skills>div+div,.text-profile-skills>div:last-child{padding:30px 22px}.text-profile-end{padding-right:35%}}
@media(max-width:620px){.about-panel .text-profile{padding-top:42px}.text-profile-hero{min-height:840px;background:linear-gradient(180deg,transparent 0 56%,rgba(207,255,56,.045) 56% 100%)}.text-profile-code{height:35px}.text-profile-cn{top:58px}.text-profile-hero h1{top:112px;width:100%;font-size:14.5vw;line-height:.78}.text-profile-hero h1 small{margin-top:12px;font-size:.42em}.text-profile-lead{left:0;right:0;top:402px;width:auto;padding-top:14px}.text-profile-lead::before{margin-bottom:14px}.text-profile-focus{left:0;right:0;top:585px;width:auto}.text-profile-focus li{min-height:38px}.text-profile-shape{right:-80px;bottom:115px;width:210px;height:210px;opacity:.13}.text-profile-status span{min-height:48px}.text-profile-statement{display:block;padding:66px 0 78px}.text-profile-statement::before{left:auto;right:4px;top:35px;font-size:72px}.text-profile-statement p{margin-top:36px;font-size:28px}.text-profile-history{padding:62px 0}.text-profile-history article{display:block;padding:27px 0}.text-profile-history article::before{display:none}.text-profile-history article:hover{padding-left:0}.text-profile-history article div{display:block}.text-profile-projects{display:block;padding:62px 0}.text-profile-projects>div{padding:0 0 34px;border:0;border-bottom:1px solid #aeb3ae}.text-profile-projects>article,.text-profile-projects>article:first-of-type,.text-profile-projects>article:last-child{display:block;padding:26px 0;border-bottom:1px solid #aeb3ae}.text-profile-projects>article:last-child{border-bottom:0}.text-profile-projects>article:hover{padding-left:0}.text-profile-projects h3{margin:17px 0 11px;font-size:18px}.text-profile-skills{display:block}.text-profile-skills>div,.text-profile-skills>div+div,.text-profile-skills>div:last-child{min-height:0;padding:30px 22px;border:0;border-bottom:1px solid #343936}.text-profile-skills>div:last-child{border-bottom:0}.text-profile-end{min-height:420px;margin-left:-14px;margin-right:-14px;padding:54px 18px}.text-profile-end>span{left:18px}.text-profile-end::before{right:-50px;font-size:240px}}

/* v25 / A quieter bilingual introduction, led by the designer's own voice. */
.text-profile-hero{min-height:680px;background:linear-gradient(90deg,transparent 0 65%,rgba(207,255,56,.04) 65% 100%)}.text-profile-hero::before{content:"01";position:absolute;left:53%;top:128px;color:transparent;font:700 clamp(150px,16vw,245px)/1 var(--sans);letter-spacing:-.09em;opacity:.055;-webkit-text-stroke:1px #1b1e1b;pointer-events:none}.text-profile-cn{top:82px}.text-profile-eyebrow{position:absolute;left:112px;top:88px;margin:0;color:#616862;font:7px var(--mono);letter-spacing:.14em}.text-profile-hero h1{left:0;top:155px;width:64%;margin:0;font-family:var(--serif);font-size:clamp(44px,4.35vw,66px);font-weight:400;line-height:1.34;letter-spacing:-.045em}.text-profile-hero h1 em{position:relative;color:#171a18;font-style:normal;-webkit-text-fill-color:#171a18;-webkit-text-stroke:0}.text-profile-hero h1 em::after{content:"";position:absolute;z-index:-1;left:-3px;right:-7px;bottom:4px;height:10px;background:var(--acid)}.text-profile-english{position:absolute;left:0;top:474px;margin:0;padding-top:13px;border-top:1px solid #747b75;color:#59605a;font:8px var(--mono);letter-spacing:.12em}.text-profile-english::after{content:" ↘";color:#4c5c1f}.text-profile-lead{top:126px;width:31%;font-size:11px}.text-profile-lead::before{content:"ABOUT / 01"}.text-profile-focus{top:330px;width:31%;display:block;border:0;border-top:1px solid var(--profile-line);counter-reset:focus}.text-profile-focus li{min-height:39px;display:grid;grid-template-columns:42px 1fr;border:0;border-bottom:1px solid var(--profile-line);counter-increment:focus}.text-profile-focus li::before{content:"0" counter(focus);color:#7a817b;font:7px var(--mono)}.text-profile-shape{right:7%;bottom:54px;width:210px;height:210px;opacity:.16}.text-profile-status{background:rgba(237,240,238,.9)}
.text-profile-statement{grid-template-columns:27% 1fr;padding:88px 0 98px}.text-profile-statement::before{left:25%;top:43px}.text-profile-statement p{max-width:820px;font-size:clamp(28px,2.85vw,43px);line-height:1.52}.text-profile-statement p::after{width:54px;margin-top:36px}
.text-profile-history>header span,.text-project-intro>span,.text-profile-skills span,.text-profile-statement>span{font-weight:600}.text-profile-history article time{color:#5f665f}.text-profile-history article p{color:#4f5650}.text-profile-projects>article span{padding-top:2px}.text-profile-projects h3{line-height:1.45}

@media(max-width:900px){.text-profile-hero h1{width:62%;font-size:5.4vw}.text-profile-eyebrow{left:105px}.text-profile-lead,.text-profile-focus{width:34%}.text-profile-hero::before{left:48%}}
@media(max-width:620px){.text-profile-hero{min-height:930px;background:linear-gradient(180deg,transparent 0 55%,rgba(207,255,56,.04) 55% 100%)}.text-profile-hero::before{left:40%;top:175px;font-size:54vw;opacity:.04}.text-profile-cn{top:58px}.text-profile-eyebrow{left:94px;top:67px;font-size:6px;letter-spacing:.08em}.text-profile-hero h1{top:122px;width:100%;font-size:7.6vw;line-height:1.46}.text-profile-hero h1 em::after{bottom:2px;height:8px}.text-profile-english{top:282px;font-size:6px}.text-profile-lead{left:0;right:0;top:334px;width:auto}.text-profile-focus{left:0;right:0;top:548px;width:auto}.text-profile-focus li{min-height:38px}.text-profile-shape{right:-86px;bottom:138px;opacity:.1}.text-profile-statement{padding:68px 0 78px}.text-profile-statement p{font-size:27px;line-height:1.58}}

/* v26 / Split dossier: fixed identity cover + scrolling profile index. */
.about-panel .text-profile{display:grid;grid-template-columns:41% 59%;align-items:start;max-width:1240px;padding-top:22px}.text-profile-content{min-width:0;background:#eceeeb;border-left:1px solid #a7ada8}.text-profile-hero{position:sticky;top:0;height:calc(100svh - 174px);min-height:720px;overflow:hidden;color:#eef0ea;background:#0b0d0e;border:0}.text-profile-hero::before{left:auto;right:-17px;top:95px;color:transparent;font-size:230px;opacity:.075;-webkit-text-stroke-color:#eef0ea}.text-profile-code{height:44px;padding:0 28px;border-color:#343936;color:#8c938e}.text-profile-cn{left:28px;top:74px;color:#101210;background:var(--acid)}.text-profile-eyebrow{left:134px;top:84px;color:#929a94}.text-profile-hero h1{left:28px;right:28px;top:148px;width:auto;color:#eef0ea;font-size:clamp(32px,2.75vw,42px);line-height:1.45;letter-spacing:-.04em}.text-profile-hero h1 em{color:#eef0ea;-webkit-text-fill-color:#eef0ea}.text-profile-hero h1 em::after{bottom:3px;height:8px}.text-profile-english{left:28px;top:337px;color:#88908a;border-color:#59605b;font-size:7px}.text-profile-lead{left:28px;right:28px;top:389px;width:auto;color:#bdc2bd;border-color:#525853;font-size:10px;line-height:1.85}.text-profile-lead::before{color:var(--acid)}.text-profile-focus{left:28px;right:28px;top:514px;width:auto;border-color:#464c47}.text-profile-focus li{min-height:32px;color:#aeb5af;border-color:#3d433f}.text-profile-focus li::before{color:#717a73}.text-profile-focus li:hover{color:#111}.text-profile-shape{right:-56px;bottom:82px;width:220px;height:220px;opacity:.1}.text-profile-shape::before,.text-profile-shape::after,.text-profile-shape i{border-color:#778078}.text-profile-shape b{-webkit-text-stroke-color:#7c857d}.text-profile-status{left:0;right:0;bottom:0;background:#101311;border-color:#3d433f;backdrop-filter:none}.text-profile-status span{min-height:58px;padding:0 16px;color:#89918b;border-color:#3d433f}.text-profile-status span:first-child{padding-left:28px}.text-profile-status b{color:#f0f2ec;font-size:14px}
.text-profile-content .text-profile-statement{display:block;padding:72px 54px 86px;border-bottom:1px solid #a7ada8}.text-profile-content .text-profile-statement::before{left:auto;right:43px;top:38px;font-size:78px;opacity:.9}.text-profile-content .text-profile-statement>span{display:block}.text-profile-content .text-profile-statement p{max-width:none;margin:52px 0 0;font-size:clamp(28px,2.75vw,42px);line-height:1.55}.text-profile-content .text-profile-statement p::after{width:70px;margin-top:38px}
.text-profile-content .text-profile-history{padding:70px 54px 76px}.text-profile-content .text-profile-history>header{margin-bottom:34px}.text-profile-content .text-profile-history article{grid-template-columns:120px 1fr;gap:25px;padding:27px 0}.text-profile-content .text-profile-history article::before{left:120px}.text-profile-content .text-profile-history article:hover{padding-left:10px}.text-profile-content .text-profile-history article div{display:block}.text-profile-content .text-profile-history h2{margin:9px 0 11px;font-size:21px}.text-profile-content .text-profile-history article p{margin:0;max-width:none;font-size:9px}.text-profile-content .text-profile-history time{font-size:7px}
.text-profile-content .text-profile-projects{display:block;padding:72px 54px}.text-profile-content .text-profile-projects>div{padding:0 0 42px;border:0;border-bottom:1px solid #aeb3ae}.text-profile-content .text-project-intro h2{margin-top:30px;font-size:34px}.text-profile-content .text-profile-projects>article,.text-profile-content .text-profile-projects>article:first-of-type,.text-profile-content .text-profile-projects>article:last-child{display:grid;grid-template-columns:112px 1fr;gap:8px 20px;padding:24px 0;border-bottom:1px solid #aeb3ae}.text-profile-content .text-profile-projects>article:last-child{border-bottom:0}.text-profile-content .text-profile-projects>article:hover{padding-left:10px}.text-profile-content .text-profile-projects>article span{grid-row:1/3}.text-profile-content .text-profile-projects h3{margin:0;font-size:17px}.text-profile-content .text-profile-projects article p{margin:0;font-size:9px}
.text-profile-content .text-profile-skills{display:grid;grid-template-columns:1fr 1fr;border-left:0;border-right:0}.text-profile-content .text-profile-skills>div,.text-profile-content .text-profile-skills>div+div,.text-profile-content .text-profile-skills>div:last-child{min-height:180px;padding:32px 30px}.text-profile-content .text-profile-skills>div:nth-child(2){border-right:0}.text-profile-content .text-profile-skills>div:last-child{grid-column:1/-1;min-height:190px;border-top:1px solid #343936}.text-profile-content .text-profile-awards p{max-width:460px}
.text-profile-content .text-profile-end{min-height:350px;margin:0;padding:62px 42% 48px 54px}.text-profile-content .text-profile-end>span{left:54px}.text-profile-content .text-profile-end::before{right:-30px;font-size:280px}.text-profile-content .text-profile-end>p{font-size:34px}
body.motion-ready .text-profile-content>section,body.motion-ready .text-profile-content>.text-profile-end{opacity:.12;transform:translateY(30px);transition:opacity .7s cubic-bezier(.2,.8,.2,1),transform .7s cubic-bezier(.2,.8,.2,1)}body.motion-ready .text-profile-content>.in-view{opacity:1;transform:none}

@media(max-width:900px){.about-panel .text-profile{grid-template-columns:44% 56%}.text-profile-hero{height:calc(100svh - 166px)}.text-profile-hero h1{font-size:3.2vw}.text-profile-lead{font-size:9px}.text-profile-focus{top:520px}.text-profile-content .text-profile-statement,.text-profile-content .text-profile-history,.text-profile-content .text-profile-projects{padding-left:36px;padding-right:36px}.text-profile-content .text-profile-statement p{font-size:3.2vw}.text-profile-content .text-profile-history article{display:block}.text-profile-content .text-profile-history article::before{display:none}.text-profile-content .text-profile-history time{display:block;margin-bottom:16px}.text-profile-content .text-profile-end{padding-left:36px}.text-profile-content .text-profile-end>span{left:36px}}
@media(max-width:620px){.about-panel .text-profile{display:block;padding-top:42px}.text-profile-hero{position:relative;top:auto;height:auto;min-height:860px;margin:0;color:#eef0ea}.text-profile-code{padding:0 18px}.text-profile-cn{left:18px;top:64px}.text-profile-eyebrow{left:119px;top:73px}.text-profile-hero h1{left:18px;right:18px;top:138px;font-size:9.3vw}.text-profile-english{left:18px;top:326px}.text-profile-lead{left:18px;right:18px;top:375px}.text-profile-focus{left:18px;right:18px;top:548px}.text-profile-status span:first-child{padding-left:18px}.text-profile-content{border-left:0}.text-profile-content .text-profile-statement,.text-profile-content .text-profile-history,.text-profile-content .text-profile-projects{padding:56px 18px 62px}.text-profile-content .text-profile-statement::before{right:16px}.text-profile-content .text-profile-statement p{font-size:27px}.text-profile-content .text-profile-history article,.text-profile-content .text-profile-history article:hover{display:block;padding:25px 0}.text-profile-content .text-profile-projects>article,.text-profile-content .text-profile-projects>article:first-of-type,.text-profile-content .text-profile-projects>article:last-child{display:block;padding:24px 0}.text-profile-content .text-profile-projects h3{margin:15px 0 10px}.text-profile-content .text-profile-skills{display:block}.text-profile-content .text-profile-skills>div,.text-profile-content .text-profile-skills>div+div,.text-profile-content .text-profile-skills>div:last-child{min-height:0;padding:30px 22px}.text-profile-content .text-profile-end{min-height:420px;margin:0;padding:54px 18px}.text-profile-content .text-profile-end>span{left:18px}}

@media(min-width:901px){.text-profile-hero h1{font-size:clamp(30px,2.3vw,35px);line-height:1.47}.text-profile-english{top:327px}.text-profile-lead{top:378px}.text-profile-focus{top:506px}.text-profile-content .text-profile-statement p{font-size:clamp(28px,2.45vw,38px);line-height:1.58}}
@media(max-width:620px){.text-profile-hero h1{font-size:7vw;line-height:1.5}.text-profile-english{top:282px}.text-profile-lead{top:332px}.text-profile-focus{top:536px}}