@font-face{font-family:Work Display;src:url(/fonts/work-display.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Work Text;src:url(/fonts/work-text.woff2)format("woff2");font-style:normal;font-weight:300 500;font-display:swap}.foreground{min-height:0;position:relative}.foreground>.hero{transition:opacity .5s, transform .75s var(--motion-travel), visibility .75s;position:absolute;inset:0}.view-work .hero{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-24px)}.work-showcase{opacity:0;visibility:hidden;transition:opacity .65s ease, transform .9s var(--motion-travel), visibility .9s;flex-direction:column;justify-content:center;align-items:center;padding:0 0 58px;font-family:Work Text,sans-serif;display:flex;position:absolute;inset:0;transform:translateY(45px)}.view-work .work-showcase{opacity:1;visibility:visible;transition-delay:.14s;transform:none}.header{z-index:5}nav a[aria-current=page]{color:#fff;position:relative}nav a[aria-current=page]:after{content:"";background:#d8d8db;height:1px;position:absolute;bottom:1px;left:18px;right:18px}.work-stage{--card-width:640px;--card-height:390px;--card-step:735px;width:100%;height:420px;position:relative}.work-card{top:15px;left:calc(50% - var(--card-width)/2);width:var(--card-width);height:var(--card-height);transform:translateX(calc(var(--slot)*var(--card-step)));opacity:1;transition:transform .85s var(--motion-travel), opacity .7s;position:absolute}.work-card.is-secondary{transform:translateX(calc(var(--slot)*var(--card-step))) scale(.84);opacity:.26}.glass-panel{color:#f1f1f4;width:100%;height:100%;display:block;position:relative}.card-surface{pointer-events:none;position:absolute}.card-top{letter-spacing:.16em;color:#c5c5ce;justify-content:space-between;font-size:11px;display:flex;position:absolute;top:33px;left:35px;right:35px}.card-number{color:#92969e;letter-spacing:.12em}.card-copy{text-shadow:0 2px 12px #0000007a;position:absolute;bottom:45px;left:35px;right:65px}.card-copy h2{letter-spacing:-.025em;margin:0 0 17px;font-family:Work Display,Georgia,serif;font-size:62px;font-weight:400;line-height:1}.card-copy p{letter-spacing:.035em;white-space:pre-line;max-width:410px;margin:0;font-family:Work Text,sans-serif;font-size:21px;font-weight:300;line-height:1.7}[data-project=course2career] .card-copy p{max-width:355px;font-size:20px}.card-enter{opacity:.8;width:28px;height:28px;transition:transform .4s,opacity .4s;position:absolute;bottom:41px;right:32px}.card-enter svg{stroke-width:1px;width:100%;height:100%}.glass-panel:hover .card-enter{opacity:1;transform:translate(3px,-3px)}.work-arrow{z-index:3;color:#e7e7ed;cursor:pointer;background:#050608a3;border:1px solid #c3c7d447;border-radius:50%;place-items:center;width:50px;height:50px;transition:border-color .25s,background .25s,opacity .25s;display:grid;position:absolute;top:calc(50% - 25px);box-shadow:inset 0 1px #ffffff17}.work-arrow svg{width:22px;height:22px}.work-arrow:disabled{opacity:.27;cursor:default}.work-arrow:not(:disabled):hover{background:#22232a;border-color:#ffffffa0}.work-caption{text-align:center;width:100%;height:100px;margin-top:26px;position:relative}.work-caption>p{letter-spacing:.065em;color:#b0b0ba;opacity:0;transition:opacity .5s,transform .65s var(--motion-travel);margin:0;font-size:13px;position:absolute;inset:0 15px auto;transform:translateY(12px)}.work-caption>p.current{opacity:1;transform:none}.work-counter{color:#666a74;letter-spacing:.12em;justify-content:center;align-items:center;gap:14px;margin-top:55px;font-size:11px;display:flex}.work-counter>span:first-child{color:#d2d4dd}.counter-rule{background:#787d8b4d;width:30px;height:1px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.no-script-work{justify-content:center;gap:20px;width:100%;font-family:sans-serif;font-size:12px;display:flex;position:absolute;bottom:14px}@media (max-width:1000px) and (min-width:601px){.work-stage{--card-width:540px;--card-height:350px;--card-step:630px;height:380px}.work-arrow.previous{right:calc(50% + var(--card-width)/2 + 15px)}.work-arrow.next{left:calc(50% + var(--card-width)/2 + 15px)}.card-copy h2{font-size:54px}}@media (max-width:600px){.work-showcase{padding-bottom:50px}.work-stage{--card-width:calc(100vw - 88px);--card-height:365px;--card-step:calc(100vw - 48px);height:395px}.work-card.is-secondary{opacity:.18}.work-arrow{background:#050608d1;border-radius:20px;width:36px;height:48px}.work-arrow.previous{left:4px;right:auto}.work-arrow.next{left:auto;right:4px}.work-arrow svg{width:18px}.glass-panel{border-radius:22px}.card-top{font-size:10px;top:27px;left:24px;right:24px}.card-copy{bottom:72px;left:24px;right:20px}.card-copy h2{letter-spacing:-.035em;margin-bottom:16px;font-size:clamp(32px,9.4vw,44px)}.card-copy p,[data-project=course2career] .card-copy p{font-size:16px;line-height:1.9}.card-enter{width:23px;height:23px;bottom:27px;right:24px}.work-caption{height:88px;margin-top:18px}.work-caption>p{letter-spacing:.01em;font-size:11px}.work-counter{margin-top:48px}}@media (max-height:650px){.work-showcase{padding-bottom:14px}.work-stage{--card-height:280px;height:306px}.work-caption{height:66px;margin-top:8px}.work-counter{margin-top:36px}}@media (prefers-reduced-motion:reduce){.work-showcase,.work-card,.foreground>.hero,.work-caption>p{transition:none!important}}.work-stage{perspective:1600px;--card-step:680px;touch-action:pan-y}.work-card{transform:translate3d(calc(var(--slot)*var(--card-step) + var(--drag,0px)),0,calc(var(--depth)*1px)) rotateY(calc(var(--yaw)*1deg));transform-style:preserve-3d;transition:transform .9s var(--motion-travel),opacity .7s;z-index:2}.work-card.is-secondary{transform:translate3d(calc(var(--slot)*var(--card-step) + var(--drag,0px)),22px,calc(var(--depth)*1px)) rotateY(calc(var(--yaw)*1deg));opacity:.5;z-index:1}.work-card.is-distant{opacity:0;pointer-events:none}.work-stage[data-dragging] .work-card{transition:opacity .3s}.glass-panel{--light-x:50%;--light-y:24%;text-align:left;font:inherit;appearance:none;box-shadow:none;transform-style:preserve-3d;transform:translateY(var(--float,0px)) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:0 0;border:0;border-radius:28px;padding:0;overflow:visible}.glass-panel[role=group]{cursor:default}.glass-panel:before,.glass-panel:after{content:none}.glass-back{border-radius:inherit;pointer-events:none;background:linear-gradient(125deg,#a7aaad26,#181a1d77 36%,#05060755 72%,#9c9fa02b);border:0;position:absolute;inset:0;transform:translate3d(1px,3px,-7px);box-shadow:0 1px 1px #b9bbbd25,0 23px 37px -24px #000c}.glass-face{border-radius:inherit;pointer-events:none;background:linear-gradient(128deg,#c9c9c921,#0000 32%,#090a0b25 64%,#d4d3d015);border:0;position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 1px #e4e4e430,inset 0 -1px #22242790}.glass-face:before{content:"";border-radius:inherit;background:conic-gradient(from var(--edge-angle,125deg) at 50% 50%,#e9e8e561, #7172710a 12%,#090a0c22 31%,#dddeda8a 44%,#56585612 54%,#0b0c0e33 74%,#eeeeeaa6 88%,#e9e8e561);opacity:.85;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.glass-face:after{content:"";border-radius:inherit;background:radial-gradient(ellipse 75% 85% at var(--light-x) -24%,#f1efea33,transparent 75%),linear-gradient(112deg,transparent 18%,#d9d8d208 30%,#e7e6e41a 38%,#393a3b04 50%,transparent 60%);opacity:var(--reflection,.65);transition:opacity .6s;position:absolute;inset:0}.card-surface{border-radius:inherit;background:linear-gradient(#0000 30%,#08090ab5),linear-gradient(#08090a44,#0000 30%),repeating-linear-gradient(97deg,#e1e0dc03 0 .5px,#0000 .5px 2.5px);inset:0}.glass-caustic{border-radius:inherit;background:radial-gradient(ellipse 42% 80% at var(--light-x) var(--light-y),#e3e1da15,transparent 75%);opacity:.45;transition:opacity .65s;position:absolute;inset:0}.glass-panel:is(:hover,:focus-visible) .glass-caustic{opacity:.9}.glass-panel:is(:hover,:focus-visible) .glass-face{--reflection:1}.glass-panel:focus-visible{outline:none}.glass-panel:focus-visible .card-invitation{color:#fff;text-underline-offset:6px;text-decoration:underline;text-decoration-thickness:2px}.glass-corner{pointer-events:none;width:0;height:0;position:absolute}.corner-0{top:0;left:0}.corner-1{top:0;left:100%}.corner-2{top:100%;left:100%}.corner-3{top:100%;left:0}.card-top{transform:translateZ(9px)}.card-copy{bottom:65px;transform:translateZ(14px)}.card-enter{transform:translateZ(19px)}.card-invitation{letter-spacing:.12em;color:#b4bdc8;font-size:10px;position:absolute;bottom:25px;left:35px;transform:translateZ(14px)}.is-secondary .card-copy h2{font-size:48px}.work-arrow{z-index:4}.work-arrow.previous{right:calc(50% + var(--card-width)/2 + 20px)}.work-arrow.next{left:calc(50% + var(--card-width)/2 + 20px)}[data-project=jingzhang-journey] .card-copy h2{letter-spacing:.015em;font-family:Work Text,Microsoft YaHei,sans-serif;font-size:36px;line-height:1.45}[data-project=jingzhang-journey] .card-copy p{font-size:19px}.journey-emblem{fill:#dae6f50a;stroke:#d9e6f29c;stroke-width:.7px;width:80%;height:140px;position:absolute;top:48px;left:10%;transform:translateZ(12px)}.journey-thread{fill:none;stroke:#edf6ff;stroke-width:1.5px}.arrival{background:linear-gradient(90deg,#0000,#d6e6f6,#0000);width:44%;height:1px;position:absolute;top:95px;left:28%;transform:translateZ(12px);box-shadow:0 0 22px 2px #d5e8ff13}.arrival:after{content:"";background:#eff8ff;border-radius:50%;width:4px;height:4px;position:absolute;top:-2px;right:23%}[data-project=coming-soon] .card-copy h2{color:#d9dee6;font-size:53px}[data-project=coming-soon] .card-copy p{font-size:21px}@media (max-width:1000px) and (min-width:601px){.work-stage{--card-step:550px}.work-arrow.previous{right:calc(50% + var(--card-width)/2 + 8px)}.work-arrow.next{left:calc(50% + var(--card-width)/2 + 8px)}}@media (max-width:600px){.work-stage{--card-width:calc(100vw - 76px);--card-step:calc(100vw - 55px);perspective:1100px}.work-card.is-secondary{opacity:.4}.work-card.is-distant{opacity:0}.work-arrow{width:38px;height:48px}.work-arrow.previous{left:0;right:auto}.work-arrow.next{left:auto;right:0}.glass-panel{border-radius:24px}.card-copy{bottom:88px;left:24px;right:19px}.is-secondary .card-copy h2{font-size:32px}.card-invitation{font-size:9px;bottom:32px;left:24px}[data-project=jingzhang-journey] .card-copy h2{font-size:clamp(23px,6.5vw,29px);line-height:1.5}[data-project=jingzhang-journey] .card-copy p{font-size:14px}.journey-emblem{width:88%;height:100px;top:51px;left:6%}[data-project=coming-soon] .card-copy h2{font-size:36px}[data-project=coming-soon] .card-copy p{font-size:16px}}@media (max-height:650px){.journey-emblem{height:85px;top:35px}[data-project=jingzhang-journey] .card-copy{bottom:58px}.arrival{top:65px}}@media (prefers-reduced-motion:reduce){.glass-panel{transform:none!important}.glass-caustic,.glass-face{transition:none}}.no-script-work{flex-wrap:wrap;padding-inline:20px}.work-card{pointer-events:none}.glass-panel{pointer-events:auto}.is-secondary .glass-face:after{opacity:.22}.is-secondary .glass-caustic{opacity:.16}.is-secondary .glass-face:before{opacity:.4}
.portfolio-world{isolation:isolate;min-height:100svh;position:relative}.portfolio-world>.particle-background{height:100svh;transition:opacity .6s var(--motion-travel);position:fixed}.portfolio-world>.motion-toggle{z-index:8;position:fixed}.portfolio-world .page{isolation:auto}.world-detail>.particle-background{opacity:.32}html{view-transition-name:none}.view-work .is-selected .glass-panel,.detail-cover{view-transition-name:project-cover}.view-work .is-selected .card-copy h2,.detail-title{view-transition-name:project-title}.view-work .is-selected .card-copy p,.detail-statement{view-transition-name:project-statement}::view-transition{pointer-events:none}::view-transition-group(*){animation-duration:.85s;animation-timing-function:var(--motion-travel)}::view-transition-old(project-cover){object-fit:fill;mix-blend-mode:normal;height:100%}::view-transition-new(project-cover){object-fit:fill;mix-blend-mode:normal;height:100%}::view-transition-old(project-cover){animation:.45s both detail-out}::view-transition-new(project-cover){animation:.42s .33s both detail-in}::view-transition-old(project-title){opacity:0;animation:none}::view-transition-old(project-statement){opacity:0;animation:none}::view-transition-new(project-title){animation:none}::view-transition-new(project-statement){animation:none}@keyframes detail-out{to{opacity:0}}@keyframes detail-in{0%{opacity:0}}.project-detail{padding:110px 48px 80px;font-family:Work Text,Microsoft YaHei,sans-serif}.detail-nav{z-index:10;background:linear-gradient(#050507f5,#050507d9);border-bottom:1px solid #ffffff0b;justify-content:space-between;justify-self:stretch;align-items:center;gap:20px;width:100%;height:86px;padding:0 52px;display:flex;position:fixed;inset:0 0 auto}.detail-nav a{color:#c5c6cd;align-items:center;min-height:44px;font-size:13px;display:inline-flex}.detail-actions{align-items:center;gap:28px;display:flex}.detail-actions a:first-child{color:#f2f2f4;gap:14px}.detail-cover{background:linear-gradient(125deg,#d8dce013,#07090d50 60%,#ffffff04);border:1px solid #b8bbc263;border-radius:25px;max-width:1344px;min-height:min(690px,100svh - 146px);margin:0 auto;padding:42px 54px 48px;position:relative;overflow:hidden;box-shadow:inset 0 1px #fff4,inset 0 -1px #ffffff16}.detail-kicker{color:#a9acb7;letter-spacing:.15em;justify-content:space-between;font-size:11px;display:flex}.detail-heading{z-index:1;margin-top:67px;position:relative}.detail-title{letter-spacing:-.03em;width:fit-content;max-width:100%;text-shadow:none;outline:none;margin:0 0 24px;font-family:Work Display,Georgia,serif;font-size:clamp(50px,6.1vw,88px);line-height:1}.detail-statement{letter-spacing:.035em;white-space:pre-line;width:fit-content;margin:0;font-size:clamp(24px,2.5vw,36px);font-weight:300;line-height:1.6}.detail-intro{color:#b1b3bf;max-width:430px;margin:22px 0 0;font-size:14px;line-height:1.95}.detail-visual{margin-top:46px}.rank-study{align-items:center;gap:34px;display:flex}.rank-label{margin-right:16px;font-family:Work Display,Georgia,serif;font-size:54px}.rank-value{flex-direction:column;gap:9px;display:flex}.rank-value small{color:#a5a8b6;letter-spacing:.04em;font-size:11px}.rank-value strong{font-family:Work Display,Georgia,serif;font-size:76px;font-weight:400;line-height:1}.rank-connector{background:linear-gradient(90deg,#ddd7,#ddd2);width:clamp(38px,8vw,110px);height:1px;position:relative}.rank-connector:after{content:"";border-top:1px solid #aaa;border-right:1px solid #aaa;width:6px;height:6px;position:absolute;top:-3px;right:0;transform:rotate(45deg)}.visual-caption{color:#9295a3;margin:24px 0 0;font-size:11px;line-height:1.9}.decision-flow{grid-template-columns:1fr 1.12fr 1fr;gap:12px;max-width:780px;display:grid}.flow-step{background:linear-gradient(#ffffff05,#0000);border-top:1px solid #ffffff35;padding:20px 22px}.flow-step.confirm{background:linear-gradient(#d9dbe819,#0000);border-color:#d9dbe8}.flow-step small{color:#989ba9;letter-spacing:.12em;font-size:10px}.flow-step strong{margin:13px 0 9px;font-size:18px;font-weight:400;display:block}.flow-step p{color:#a8abba;margin:0;font-size:12px;line-height:1.8}.reading-cue{color:#898d9c;letter-spacing:.07em;justify-content:space-between;max-width:1236px;margin:23px auto 0;font-size:11px;display:flex}.detail-reading{background:#000b;max-width:1100px;margin:110px auto 0;box-shadow:0 0 55px 35px #000b}.case-section{border-top:1px solid #ffffff24;grid-template-columns:240px 1fr;gap:40px;padding:55px 0 62px;display:grid}.section-label{color:#969aa7;letter-spacing:.12em;padding-top:8px;font-size:11px}.section-label b{color:#dedfe5;margin-right:18px;font-weight:400}.section-body h2{letter-spacing:.02em;margin:0 0 25px;font-size:clamp(24px,2.5vw,32px);font-weight:400;line-height:1.55}.section-body p{color:#bfc1cb;margin:0 0 19px;font-size:15px;line-height:2.05}.section-body h3{color:#e0e1e7;margin:29px 0 10px;font-size:16px;font-weight:450}.fact-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin:32px 0;display:grid}.fact-grid strong{font-family:Work Display,Georgia,serif;font-size:48px;font-weight:400;display:block}.fact-grid span{color:#a6a9b6;font-size:12px}.section-body .scope-note{color:#9da1ae;border-left:1px solid #858996;padding-left:18px;font-size:13px}.weights{gap:3px;margin:30px 0;display:flex}.weight{flex:var(--weight);color:#adb0bc;text-align:center;background:#ffffff0b;border-top:1px solid #ffffff50;padding:13px 6px;font-size:11px}.weight strong{color:#e8e9ee;margin-top:8px;font-family:Work Display,Georgia,serif;font-size:30px;font-weight:400;display:block}.source-note{color:#818594;margin-top:32px;font-size:11px;line-height:1.9}.detail-end{border-top:1px solid #ffffff24;justify-content:space-between;align-items:center;gap:24px;padding-top:35px;font-size:13px;display:flex}@media (max-width:760px){.project-detail{padding:88px 16px 60px}.detail-nav{gap:12px;height:72px;padding:0 20px}.detail-nav a{font-size:11px}.detail-actions{gap:19px}.detail-cover{border-radius:22px;min-height:625px;padding:27px 25px 30px}.detail-kicker{letter-spacing:.08em;font-size:9px}.detail-heading{margin-top:62px}.detail-title{margin-bottom:25px;font-size:clamp(35px,9.5vw,62px)}.detail-statement{font-size:23px}.detail-intro{margin-top:20px;font-size:13px}.detail-visual{margin-top:42px}.rank-study{flex-wrap:wrap;gap:18px}.rank-label{width:100%;font-size:34px}.rank-value strong{font-size:60px}.rank-connector{flex:1;min-width:20px}.rank-value small{font-size:10px}.decision-flow{gap:8px}.flow-step{padding:16px 0 0}.flow-step strong{font-size:13px;line-height:1.7}.flow-step small{letter-spacing:0;font-size:8px}.flow-step p,.visual-caption{font-size:10px}.reading-cue{margin:20px 8px 0;font-size:10px}.detail-reading{margin:72px 9px 0}.case-section{grid-template-columns:1fr;gap:22px;padding:32px 0 40px}.section-body p{font-size:14px}.fact-grid{gap:12px}.fact-grid strong{font-size:40px}.weight{padding-inline:2px;font-size:10px}.detail-end{flex-direction:column;align-items:flex-start}}.journey-detail .detail-title{letter-spacing:.01em;font-family:Work Text,Microsoft YaHei,sans-serif;font-size:clamp(35px,4.3vw,62px);line-height:1.35}.journey-detail .detail-heading{margin-top:52px}.journey-detail .detail-intro{max-width:560px;font-size:19px}.journey-visual{max-width:960px;margin:30px 0 0}.journey-visual svg{fill:#d7e6f60a;stroke:#d4e2f07a;stroke-width:1px;width:100%;display:block}.journey-visual circle{fill:#e2efff;stroke:none}.journey-stops{text-align:center;letter-spacing:.15em;color:#b1bac7;grid-template-columns:repeat(5,1fr);font-size:11px;display:grid}.journey-detail .section-body a{text-underline-offset:4px;text-decoration:underline}.journey-record{color:#c5cdd8;border-block:1px solid #dbe7f333;flex-wrap:wrap;align-items:center;gap:22px;margin:0 0 25px;padding:24px 0;font-size:13px;display:flex}.journey-record strong{color:#f3f6fa;margin-left:10px;font-weight:400}@media (max-width:760px){.journey-detail .detail-title{font-size:32px}.journey-detail .detail-statement{font-size:23px}.journey-detail .detail-intro{font-size:16px}.journey-detail .detail-cover{min-height:590px}.journey-visual{margin-top:42px}.journey-stops{font-size:10px}.journey-detail .detail-actions{gap:12px}}